fix(button): retain transparent button focus background (#2489)

contentful · May 24, 2023 · cbef6dc · cbef6dc · vercel · May 24, 2023
1 parent 6265bde
commit cbef6dc
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 4 deletions.
diff --git a/.changeset/stupid-readers-heal.md b/.changeset/stupid-readers-heal.md
@@ -0,0 +1,5 @@
+---
+"@contentful/f36-button": patch
+---
+
+fix(button): keep transparent button focus background
diff --git a/packages/components/button/src/Button/Button.styles.ts b/packages/components/button/src/Button/Button.styles.ts
@@ -117,18 +117,15 @@ const variantToStyles = (variant: ButtonVariant): CSSObject => {
       };
     case 'transparent':
       return {
-        color: tokens.gray800,
+        color: tokens.gray900,
         background: 'none',
         borderColor: 'transparent',
         boxShadow: 'none',
         '&:hover': {
           backgroundColor: hexToRGBA(tokens.gray900, 0.05),
-          color: tokens.gray900,
         },
         '&:active': variantActiveStyles(variant),
         '&:focus': {
-          backgroundColor: hexToRGBA(tokens.gray900, 0.05),
-          color: tokens.gray900,
           boxShadow: tokens.glowPrimary,
         },
         '&:focus:not(:focus-visible)': {