fix(checkbox): use danger token color when invalid and hovered (#14586)

DitwanP · web-flow · commit 94cc480bab8c · 2026-06-08T17:23:50.000-07:00
**Related Issue:** #14568 ## Summary Changes checkboxes box shadow color to use `--calcite-color-status-danger` instead of `--calcite-color-brand-hover` when the status is invalid.
diff --git a/packages/components/src/components/checkbox/checkbox.scss b/packages/components/src/components/checkbox/checkbox.scss
@@ -62,7 +62,7 @@
   }
   .toggle:hover {
     .check-svg {
-      box-shadow: inset 0 0 0 2px var(--calcite-color-brand-hover);
+      box-shadow: inset 0 0 0 2px var(--calcite-color-status-danger);
     }
   }
   .toggle:active {

Original file line number	Diff line number	Diff line change
`@@ -62,7 +62,7 @@`
`62`	`62`	`}`
`63`	`63`	`.toggle:hover {`
`64`	`64`	`.check-svg {`
`65`		`- box-shadow: inset 0 0 0 2px var(--calcite-color-brand-hover);`
	`65`	`+ box-shadow: inset 0 0 0 2px var(--calcite-color-status-danger);`
`66`	`66`	`}`
`67`	`67`	`}`
`68`	`68`	`.toggle:active {`