From 0665550855ef5d7c370e0c3714dd6a8aa7510dd8 Mon Sep 17 00:00:00 2001 From: TarunAdobe Date: Mon, 24 Feb 2025 16:04:04 +0530 Subject: [PATCH] fix(checkbox): update box color to neutral in s2 --- .changeset/odd-seahorses-hunt.md | 5 +++++ components/checkbox/dist/metadata.json | 1 - components/checkbox/themes/spectrum-two.css | 2 +- components/checkbox/themes/spectrum.css | 1 + 4 files changed, 7 insertions(+), 2 deletions(-) create mode 100644 .changeset/odd-seahorses-hunt.md diff --git a/.changeset/odd-seahorses-hunt.md b/.changeset/odd-seahorses-hunt.md new file mode 100644 index 0000000000..23b858243f --- /dev/null +++ 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 index fcfbcf86ab..5cddc406f1 100644 --- 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 index 8632f60bce..4b7d8a675f 100644 --- 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 index 25ea7552d1..698c531cc5 100644 --- 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); }