fix(components/lists): repeater focus styles show on focus-visible in…

… modern theme (#2554)
blackbaud · Jul 26, 2024 · 4c6e357 · 4c6e357
1 parent f0bf189
commit 4c6e357
Showing 1 changed file with 3 additions and 3 deletions.
diff --git a/libs/components/lists/src/lib/modules/repeater/repeater-item.component.scss b/libs/components/lists/src/lib/modules/repeater/repeater-item.component.scss
@@ -184,13 +184,13 @@ sky-repeater-item {
         border-left-color: $sky-theme-modern-background-color-primary-dark;
       }
 
-      &:focus,
-      &:active:focus {
+      &:focus-visible,
+      &:focus-visible:active {
         outline: solid 2px $sky-theme-modern-background-color-primary-dark;
         outline-offset: -2px;
       }
 
-      &:focus:not(:active) {
+      &:focus-visible:not(:active) {
         box-shadow: $sky-theme-modern-elevation-3-shadow-size
           $sky-theme-modern-elevation-3-shadow-color;
       }