refactor: group hover states

afterclass-io · Apr 21, 2024 · 7af54b7 · 7af54b7
1 parent 2bde8b9
commit 7af54b7
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 0 deletions.
diff --git a/src/common/components/Checkbox/Checkbox.theme.ts b/src/common/components/Checkbox/Checkbox.theme.ts
@@ -15,6 +15,9 @@ export const checkboxTheme = tv(
         "border-border-default",
         "ring-border-default",
         "enabled:hover:bg-element-secondary",
+        "enabled:group-hover:bg-element-secondary",
+        "enabled:group-hover:data-[state=checked]:bg-primary-default",
+        "enabled:group-hover:data-[state=indeterminate]:bg-primary-default",
         "enabled:data-[state=checked]:bg-primary-default",
         "enabled:data-[state=indeterminate]:bg-primary-default",
       ],

diff --git a/src/common/components/FilterToggleSection/FilterToggleSection.theme.ts b/src/common/components/FilterToggleSection/FilterToggleSection.theme.ts
@@ -35,6 +35,7 @@ export const filterToggleSectionTheme = tv(
         "flex-wrap",
       ],
       item: [
+        "group",
         "flex",
         "w-64",
         "p-3",
-Original file line number
+Diff line change
@@ Expand Up / @@ -35,6 +35,7 @@ export const filterToggleSectionTheme = tv( @@
             "flex-wrap",
           ],
           item: [
+            "group",
             "flex",
             "w-64",
             "p-3",
@@ Expand Down @@