fix(textfield): update border color on keyfocus in s2

Author: TarunAdobe

.changeset/strong-falcons-switch.md

@@ -2,4 +2,4 @@
 "@spectrum-css/textfield": patch
 ---
 
-updated border color for keyfocus and focus state and updated background and border color for default disabled state in s2
+updated border color on keyboard focus state for textfield in spectrum-two theme

components/textfield/dist/metadata.json

@@ -292,11 +292,11 @@
     "--spectrum-font-size-200",
     "--spectrum-font-size-300",
     "--spectrum-font-size-75",
-    "--spectrum-gray-200",
     "--spectrum-gray-25",
     "--spectrum-gray-300",
     "--spectrum-gray-500",
     "--spectrum-gray-600",
+    "--spectrum-gray-800",
     "--spectrum-gray-900",
     "--spectrum-help-text-to-component",
     "--spectrum-negative-border-color-default",

components/textfield/themes/spectrum-two.css

@@ -14,14 +14,14 @@
 @container style(--system: spectrum) {
 	.spectrum-Textfield {
 		--spectrum-textfield-background-color: var(--spectrum-gray-25);
-		--spectrum-textfield-background-color-disabled: var(--spectrum-gray-200);
+		--spectrum-textfield-background-color-disabled: var(--spectrum-gray-25);
 
 		--spectrum-textfield-border-color: var(--spectrum-gray-500);
 		--spectrum-textfield-border-color-hover: var(--spectrum-gray-600);
-		--spectrum-textfield-border-color-focus: var(--spectrum-gray-500);
+		--spectrum-textfield-border-color-focus: var(--spectrum-gray-800);
 		--spectrum-textfield-border-color-focus-hover: var(--spectrum-gray-900);
-		--spectrum-textfield-border-color-keyboard-focus: var(--spectrum-gray-900);
-		--spectrum-textfield-border-color-disabled: transparent;
+		--spectrum-textfield-border-color-keyboard-focus: var(--spectrum-gray-800);
+		--spectrum-textfield-border-color-disabled: var(--spectrum-gray-300);
 
 		--spectrum-textfield-border-width: var(--spectrum-border-width-100);