fix(infieldbutton): update tokens for background color

- updates gray-50 to gray-100 for default background color
- updates gray-100 to gray-200 for down and hover state background color
- updates metadata.json to reflect changes

These fixes should align the stepper infield buttons with the style
behavior of other form elements (particularly to match picker).

Author: marissahuysentruyt

components/infieldbutton/dist/metadata.json

@@ -132,7 +132,6 @@
     "--spectrum-disabled-content-color",
     "--spectrum-gray-100",
     "--spectrum-gray-200",
-    "--spectrum-gray-50",
     "--spectrum-neutral-content-color-default",
     "--spectrum-neutral-content-color-down",
     "--spectrum-neutral-content-color-hover",

components/infieldbutton/themes/spectrum-two.css

@@ -23,9 +23,9 @@
 		--spectrum-infield-button-stacked-top-border-radius-start-start: var(--spectrum-infield-button-border-radius-reset);
 		--spectrum-infield-button-stacked-bottom-border-radius-end-start: var(--spectrum-infield-button-border-radius-reset);
 
-		--spectrum-infield-button-background-color: var(--spectrum-gray-50);
-		--spectrum-infield-button-background-color-hover: var(--spectrum-gray-100);
+		--spectrum-infield-button-background-color: var(--spectrum-gray-100);
+		--spectrum-infield-button-background-color-hover: var(--spectrum-gray-200);
 		--spectrum-infield-button-background-color-down: var(--spectrum-gray-200);
-		--spectrum-infield-button-background-color-key-focus: var(--spectrum-gray-100);
+		--spectrum-infield-button-background-color-key-focus: var(--spectrum-gray-200);
 	}
 }

components/stepper/dist/metadata.json

@@ -125,7 +125,7 @@
     "--spectrum-focus-indicator-color",
     "--spectrum-focus-indicator-gap",
     "--spectrum-focus-indicator-thickness",
-    "--spectrum-gray-25",
+    "--spectrum-gray-100",
     "--spectrum-gray-300",
     "--spectrum-gray-50",
     "--spectrum-gray-500",

components/stepper/themes/spectrum-two.css

@@ -23,7 +23,7 @@
 		--spectrum-stepper-buttons-border-style: none;
 		--spectrum-stepper-buttons-border-width: 0;
 		--spectrum-stepper-buttons-border-color: var(--spectrum-gray-500);
-		--spectrum-stepper-buttons-background-color: var(--spectrum-gray-25);
+		--spectrum-stepper-buttons-background-color: var(--spectrum-gray-100);
 		--spectrum-stepper-buttons-border-color-hover: var(--spectrum-gray-600);
 		--spectrum-stepper-buttons-border-color-focus: var(--spectrum-gray-800);
 		--spectrum-stepper-buttons-border-color-keyboard-focus: var(--spectrum-gray-900);