Skip to content

Commit f7c20b6

Browse files
committed
fix(design-system-react): restore focus-visible:outline for button variants to maintain Tailwind v3 focus visibility
1 parent 02d3f66 commit f7c20b6

3 files changed

Lines changed: 3 additions & 0 deletions

File tree

packages/design-system-react/src/components/Button/variants/ButtonPrimary/ButtonPrimary.tsx

Lines changed: 1 addition & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -59,6 +59,7 @@ export const ButtonPrimary = forwardRef<HTMLButtonElement, ButtonPrimaryProps>(
5959
isDanger && ['hover:bg-default-hover', 'active:bg-default-pressed'],
6060
],
6161
'focus-visible:ring-0',
62+
'focus-visible:outline',
6263
isInverse
6364
? 'focus-visible:outline-2 focus-visible:outline-offset-4 focus-visible:outline-background-default'
6465
: 'focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-primary-default',

packages/design-system-react/src/components/Button/variants/ButtonSecondary/ButtonSecondary.tsx

Lines changed: 1 addition & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -55,6 +55,7 @@ export const ButtonSecondary = forwardRef<
5555
isDanger && ['hover:bg-default-hover', 'active:bg-default-pressed'],
5656
],
5757
'focus-visible:ring-0',
58+
'focus-visible:outline',
5859
isInverse
5960
? 'focus-visible:outline-2 focus-visible:outline-offset-4 focus-visible:outline-background-default'
6061
: 'focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-primary-default',

packages/design-system-react/src/components/Button/variants/ButtonTertiary/ButtonTertiary.tsx

Lines changed: 1 addition & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -57,6 +57,7 @@ export const ButtonTertiary = forwardRef<
5757
],
5858
],
5959
'focus-visible:ring-0',
60+
'focus-visible:outline',
6061
isInverse
6162
? 'focus-visible:outline-2 focus-visible:outline-offset-4 focus-visible:outline-background-default'
6263
: 'focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-primary-default',

0 commit comments

Comments
 (0)