From 7af54b799390b3412d0b07f5d77d3f24dcdd183d Mon Sep 17 00:00:00 2001
From: David Lin <13061926+DavidLHW@users.noreply.github.com>
Date: Sun, 21 Apr 2024 18:14:32 +0800
Subject: [PATCH] refactor: group hover states

---
 src/common/components/Checkbox/Checkbox.theme.ts               | 3 +++
 .../FilterToggleSection/FilterToggleSection.theme.ts           | 1 +
 2 files changed, 4 insertions(+)

diff --git a/src/common/components/Checkbox/Checkbox.theme.ts b/src/common/components/Checkbox/Checkbox.theme.ts
index c9f3f23b..13534f44 100644
--- 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
index e03d3e9e..65c128a1 100644
--- 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",