fix(checkbox): incorrect hover style when in error state

computas · Dec 19, 2024 · ea1517c · ea1517c
1 parent df93ecc
commit ea1517c
Showing 1 changed file with 9 additions and 3 deletions.
diff --git a/packages/lib/components/checkbox/checkbox.css b/packages/lib/components/checkbox/checkbox.css
@@ -40,9 +40,15 @@ label.cx-checkbox:has(input:checked) .cx-checkbox__checkmark {
   }
 }
 
-label.cx-checkbox:has(input:invalid) .cx-checkbox__checkmark {
-  --border-color: var(--cx-color-signal-danger);
-  --border-thickness: 2px;
+label.cx-checkbox:has(input:invalid) {
+  .cx-checkbox__checkmark {
+    --border-color: var(--cx-color-signal-danger);
+    --border-thickness: 2px;
+  }
+
+  &:hover .cx-checkbox__checkmark {
+    --border-color: transparent;
+  }
 }
 
 label.cx-checkbox.cx-checkbox--indeterminate {