Make sure each hover style is applied to :focus-visible

2025-03-22 16:04:16 -04:00 · 2025-03-22 16:04:16 -04:00 · 59c090ae2d
commit 59c090ae2d
parent 5461289cb7
8 changed files with 9 additions and 8 deletions
--- a/src/components/button_unstyled.style.js
+++ b/src/components/button_unstyled.style.js
@ -6,8 +6,8 @@ export default {
  states: {
    toggled: '.toggled',
    disabled: ':disabled',
-    hover: ':hover:not(:disabled)',
-    focused: ':focus-within'
+    hover: ':is(:hover, :focus-visible):not(:disabled)',
+    focused: ':focus-within:not(:is(:focus-visible))'
  },
  validInnerComponents: [
    'Text',