Merge pull request #134 from josemarluedke/bug/fix-button-outline

Fix button outline due to TW v2 upgrade
josemarluedke · Jan 10, 2021 · ee8b75a · ee8b75a
2 parents 4336f2b + ca0a447
commit ee8b75a
Showing 1 changed file with 2 additions and 1 deletion.
diff --git a/packages/buttons/tailwind/default-options.js b/packages/buttons/tailwind/default-options.js
@@ -4,6 +4,7 @@ const defaultTheme = require('tailwindcss/resolveConfig')(
 
 const defaultConfig = {
   borderRadius: defaultTheme.borderRadius.DEFAULT,
+  focusBoxShadow: '0 0 0 3px rgba(59, 130, 246, 0.45)',
   default: {
     contrastColor: defaultTheme.colors.white,
     color: defaultTheme.colors.gray[700],
@@ -106,7 +107,7 @@ function defaultOptions({ config }) {
         borderColor: defaultTheme.colors.transparent,
         '&.focus-visible:focus': {
           outline: 'none',
-          boxShadow: defaultTheme.boxShadow.outline
+          boxShadow: config.focusBoxShadow
         },
         '&[disabled]': {
           opacity: '0.4',