fix(picker): update S2 border-color [SWC-641] (#3584)

Previously, the --spectrum-picker-border-color-default-open was gray-500, but the spec shows it as gray-800. This change aligns the component with the spec by updating the --spectrum-picker-border-color-default-open to gray-800.

---------

Co-authored-by: [ Cassondra ] <[email protected]>
Co-authored-by: Rajdeep Chandra <[email protected]>

Author: 3 people

.changeset/fuzzy-houses-clap.md

@@ -0,0 +1,5 @@
+---
+"@spectrum-css/picker": patch
+---
+
+Previously, the --spectrum-picker-border-color-default-open was gray-500, but the spec shows it as gray-800. This change aligns the component with the spec by updating the --spectrum-picker-border-color-default-open to gray-800.

components/picker/themes/spectrum-two.css

@@ -14,14 +14,14 @@
 @container style(--system: spectrum) {
 	.spectrum-Picker {
 		--spectrum-picker-background-color-default: var(--spectrum-gray-100);
-		--spectrum-picker-background-color-default-open: var(--spectrum-gray-100);
+		--spectrum-picker-background-color-default-open: var(--spectrum-gray-200);
 		--spectrum-picker-background-color-hover: var(--spectrum-gray-200);
 		--spectrum-picker-background-color-hover-open: var(--spectrum-gray-200);
 		--spectrum-picker-background-color-active: var(--spectrum-gray-200);
 		--spectrum-picker-background-color-key-focus: var(--spectrum-gray-200);
 
 		--spectrum-picker-border-color-default: var(--spectrum-gray-500);
-		--spectrum-picker-border-color-default-open: var(--spectrum-gray-500);
+		--spectrum-picker-border-color-default-open: var(--spectrum-neutral-content-color-focus);
 		--spectrum-picker-border-color-hover: var(--spectrum-gray-600);
 		--spectrum-picker-border-color-hover-open: var(--spectrum-gray-900);
 		--spectrum-picker-border-color-active: var(--spectrum-gray-700);

components/picker/themes/spectrum.css

@@ -25,6 +25,7 @@
 		--spectrum-picker-background-color-key-focus: var(--spectrum-gray-200);
 
 		--spectrum-picker-border-color-default: var(--spectrum-gray-500);
+		--spectrum-picker-border-color-default-open: var(--spectrum-gray-500);
 		--spectrum-picker-border-color-hover-open: var(--spectrum-gray-600);
 		--spectrum-picker-border-color-key-focus: var(--spectrum-gray-600);
 		--spectrum-picker-border-color-disabled: transparent;