add hover styles

marigold-ui · May 19, 2022 · d030ba4 · d030ba4
1 parent 1c20839
commit d030ba4
Show file tree

Hide file tree

Showing 3 changed files with 12 additions and 3 deletions.
diff --git a/themes/theme-b2b/src/components/Table.style.ts b/themes/theme-b2b/src/components/Table.style.ts
@@ -21,7 +21,10 @@ export const Table: Theme['components']['Table'] = {
       '&:checked': {
         bg: 'orange10',
       },
-      '&:focus': {
+      '&:hover': {
+        bg: 'gray30',
+      },
+      '&:focus-visible': {
         outlineColor: 'orange60',
       },
     },

diff --git a/themes/theme-core/src/components/Table.style.ts b/themes/theme-core/src/components/Table.style.ts
@@ -17,7 +17,10 @@ export const Table: Theme['components']['Table'] = {
       '&:checked': {
         bg: 'orange10',
       },
-      '&:focus': {
+      '&:hover': {
+        bg: 'gray20',
+      },
+      '&:focus-visible': {
         outlineColor: 'orange60',
       },
     },

diff --git a/themes/theme-unicorn/src/components/Table.style.ts b/themes/theme-unicorn/src/components/Table.style.ts
@@ -17,7 +17,10 @@ export const Table: Theme['components']['Table'] = {
       '&:checked': {
         bg: 'purple10',
       },
-      '&:focus': {
+      '&:hover': {
+        bg: 'gray30',
+      },
+      '&:focus-visible': {
         outlineColor: 'purple60',
       },
     },