add boxShadow to configuration

Author: stefanbauer

docs/pages/index.mdx

@@ -49,6 +49,7 @@ Here is a list of the all of the available options, as well as their default val
           backgroundColor: defaultTheme.colors.white,
           focusBorderColor: defaultTheme.colors.blue[400],
           focusShadow: defaultTheme.boxShadow.outline,
+          boxShadow: defaultTheme.boxShadow.none,
           checkboxSize: '1em',
           radioSize: '1em',
           checkboxIcon: \`<svg viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg" fill="#fff"><path d="M13.293 4.293a1 1 0 0 1 0 1.414L7 12a1 1 0 0 1-1.414 0L3.293 9.707a1 1 0 0 1 1.414-1.414l1.586 1.586 5.586-5.586a1 1 0 0 1 1.414 0z"/></svg>\`,

index.js

@@ -28,6 +28,7 @@ module.exports = function ({ addUtilities, addComponents, theme }) {
     backgroundColor: defaultTheme.colors.white,
     focusBorderColor: defaultTheme.colors.blue[400],
     focusShadow: defaultTheme.boxShadow.outline,
+    boxShadow: defaultTheme.boxShadow.none,
     checkboxSize: '1em',
     radioSize: '1em',
     checkboxIcon: `<svg viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg" fill="#fff"><path d="M13.293 4.293a1 1 0 0 1 0 1.414L7 12a1 1 0 0 1-1.414 0L3.293 9.707a1 1 0 0 1 1.414-1.414l1.586 1.586 5.586-5.586a1 1 0 0 1 1.414 0z"/></svg>`,
@@ -42,6 +43,7 @@ module.exports = function ({ addUtilities, addComponents, theme }) {
   addComponents({
     '.form-checkbox': {
       appearance: 'none',
+      boxShadow: options.boxShadow,
       display: 'inline-block',
       height: options.checkboxSize,
       width: options.checkboxSize,
@@ -68,6 +70,7 @@ module.exports = function ({ addUtilities, addComponents, theme }) {
     },
     '.form-radio': {
       appearance: 'none',
+      boxShadow: options.boxShadow,
       display: 'inline-block',
       height: options.radioSize,
       width: options.radioSize,
@@ -97,6 +100,7 @@ module.exports = function ({ addUtilities, addComponents, theme }) {
       backgroundColor: options.backgroundColor,
       borderWidth: options.borderWidth,
       borderRadius: options.borderRadius,
+      boxShadow: options.boxShadow,
       padding: `${options.verticalPadding} ${options.horizontalPadding}`,
       fontSize: options.fontSize,
       lineHeight: options.lineHeight,
@@ -110,6 +114,7 @@ module.exports = function ({ addUtilities, addComponents, theme }) {
       backgroundColor: options.backgroundColor,
       borderWidth: options.borderWidth,
       borderRadius: options.borderRadius,
+      boxShadow: options.boxShadow,
       paddingTop: options.verticalPadding,
       paddingRight: `calc(${options.selectIconOffset} * 2 + ${options.selectIconSize})`,
       paddingBottom: options.verticalPadding,