fix(picker): update font color for focus state

- in the keyboard focus state, the picker value/placeholder font color
was resolving to gray-800, when gray-900 was expected.

Author: marissahuysentruyt

components/picker/dist/metadata.json

@@ -49,8 +49,8 @@
     ".spectrum-Picker.is-invalid:not(:disabled, .is-disabled):focus-visible",
     ".spectrum-Picker.is-invalid:not(:disabled, .is-disabled):hover",
     ".spectrum-Picker.is-keyboardFocused",
+    ".spectrum-Picker.is-keyboardFocused .is-placeholder",
     ".spectrum-Picker.is-keyboardFocused .spectrum-Picker-menuIcon",
-    ".spectrum-Picker.is-keyboardFocused.is-placeholder",
     ".spectrum-Picker.is-keyboardFocused:after",
     ".spectrum-Picker.is-loading .spectrum-Picker-label",
     ".spectrum-Picker.is-loading .spectrum-Picker-menuIcon",
@@ -59,7 +59,6 @@
     ".spectrum-Picker.is-open:not(.spectrum-Picker--quiet, :disabled, .is-disabled):hover",
     ".spectrum-Picker.is-open:not(.spectrum-Picker--quiet, :disabled, .is-disabled):hover .spectrum-Picker-menuIcon",
     ".spectrum-Picker.is-placeholder:active .spectrum-Picker-label",
-    ".spectrum-Picker.is-placeholder:focus-visible",
     ".spectrum-Picker::-moz-focus-inner",
     ".spectrum-Picker:active",
     ".spectrum-Picker:active:after",
@@ -71,6 +70,7 @@
     ".spectrum-Picker:disabled .spectrum-Picker-validationIcon",
     ".spectrum-Picker:focus",
     ".spectrum-Picker:focus-visible",
+    ".spectrum-Picker:focus-visible .is-placeholder",
     ".spectrum-Picker:focus-visible .spectrum-Picker-menuIcon",
     ".spectrum-Picker:focus-visible:after",
     ".spectrum-Picker:hover",

components/picker/index.css

@@ -265,7 +265,7 @@
 			border-color: var(--highcontrast-picker-focus-indicator-color, var(--mod-picker-focus-indicator-color, var(--spectrum-picker-focus-indicator-color)));
 		}
 
-		&.is-placeholder {
+		.is-placeholder {
 			color: var(--highcontrast-picker-content-color-default, var(--mod-picker-font-color-key-focus, var(--spectrum-picker-font-color-key-focus)));
 		}