fix(odyssey-react-mui): make Autocomplete option focus a11y-compliant

okta · Aug 15, 2023 · 40e6957 · 40e6957
1 parent de1547d
commit 40e6957
Showing 1 changed file with 8 additions and 0 deletions.
diff --git a/packages/odyssey-react-mui/src/theme/components.tsx b/packages/odyssey-react-mui/src/theme/components.tsx
@@ -280,6 +280,14 @@ export const components = (
             [`&[aria-selected="true"]`]: {
               backgroundColor: "transparent",
               color: odysseyTokens.TypographyColorAction,
+
+              [`&:hover`]: {
+                backgroundColor: odysseyTokens.PalettePrimaryLighter,
+              },
+
+              [`&.${autocompleteClasses.focused}`]: {
+                backgroundColor: odysseyTokens.PalettePrimaryLighter,
+              },
             },
           },
         },