fix(checkbox): update box color to neutral in s2

adobe · Feb 24, 2025 · 0665550 · 0665550
1 parent 06f1ed9
commit 0665550
Show file tree

Hide file tree

Showing 4 changed files with 7 additions and 2 deletions.
diff --git a/.changeset/odd-seahorses-hunt.md b/.changeset/odd-seahorses-hunt.md
@@ -0,0 +1,5 @@
+---
+"@spectrum-css/checkbox": patch
+---
+
+updated deselected (default) border color of the box to be neutral content color default in spectrum-two
diff --git a/components/checkbox/dist/metadata.json b/components/checkbox/dist/metadata.json
@@ -188,7 +188,6 @@
     "--spectrum-font-size-300",
     "--spectrum-font-size-75",
     "--spectrum-gray-50",
-    "--spectrum-gray-600",
     "--spectrum-gray-700",
     "--spectrum-gray-800",
     "--spectrum-line-height-100",

diff --git a/components/checkbox/themes/spectrum-two.css b/components/checkbox/themes/spectrum-two.css
@@ -13,7 +13,7 @@
 
 @container style(--system: spectrum) {
 	.spectrum-Checkbox {
-		--spectrum-checkbox-control-color-default: var(--spectrum-gray-600);
+		--spectrum-checkbox-control-color-default: var(--spectrum-neutral-content-color-default);
 		--spectrum-checkbox-control-color-hover: var(--spectrum-gray-700);
 		--spectrum-checkbox-control-color-down: var(--spectrum-gray-800);
 		--spectrum-checkbox-control-color-focus: var(--spectrum-gray-700);

diff --git a/components/checkbox/themes/spectrum.css b/components/checkbox/themes/spectrum.css
@@ -17,6 +17,7 @@
 
 @container style(--system: legacy) {
 	.spectrum-Checkbox {
+		--spectrum-checkbox-control-color-default: var(--spectrum-gray-600);
 		--spectrum-checkbox-checkmark-color: var(--spectrum-gray-75);
 		--spectrum-checkbox-control-corner-radius: var(--spectrum-corner-radius-75);
 	}