chore: [F36-893] change Button border color of active and focused sta…

…tes (#2558) * chore: [F36-893] change Button border color of active and focused states * Create wise-candles-own.md
contentful · Aug 16, 2023 · 384b4df · 384b4df · vercel · Aug 16, 2023
1 parent 903facb
commit 384b4df
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 9 deletions.
diff --git a/.changeset/wise-candles-own.md b/.changeset/wise-candles-own.md
@@ -0,0 +1,5 @@
+---
+"@contentful/f36-button": patch
+---
+
+chore: [F36-893] change Button border color of active and focused states
diff --git a/packages/components/button/src/Button/Button.styles.ts b/packages/components/button/src/Button/Button.styles.ts
@@ -101,16 +101,7 @@ const variantToStyles = (variant: ButtonVariant): CSSObject => {
           color: tokens.red600,
         },
         '&:active': variantActiveStyles(variant),
-        '&:focus': {
-          borderColor: tokens.gray300,
-          boxShadow: tokens.glowNegative,
-        },
-        '&:focus:not(:focus-visible)': {
-          borderColor: tokens.red600,
-          boxShadow: 'unset',
-        },
         '&:focus-visible': {
-          borderColor: tokens.red700,
           boxShadow: tokens.glowNegative,
         },
       };