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/list/list_item.style.js
+++ b/src/components/list/list_item.style.js
@ -3,7 +3,7 @@ export default {
  selector: '.list-item',
  states: {
    active: '.-active',
-    hover: ':hover:not(.-non-interactive)'
+    hover: ':is(:hover, :focus-visible, :has(:focus-visible)):not(.-non-interactive)'
  },
  validInnerComponents: [
    'Text',