wip

Author: marissahuysentruyt

components/stepper/dist/metadata.json

@@ -1,74 +1,84 @@
 {
   "sourceFile": "index.css",
   "selectors": [
-    ".spectrum-Stepper",
-    ".spectrum-Stepper-button",
-    ".spectrum-Stepper-buttons",
-    ".spectrum-Stepper-fieldContainer",
-    ".spectrum-Stepper-fieldLabel",
-    ".spectrum-Stepper-input",
-    ".spectrum-Stepper-inputs",
-    ".spectrum-Stepper-textfield",
-    ".spectrum-Stepper-textfield.is-invalid",
-    ".spectrum-Stepper-textfield.spectrum-Textfield.is-invalid .spectrum-Textfield-validationIcon",
-    ".spectrum-Stepper-textfield.spectrum-Textfield.is-valid .spectrum-Textfield-validationIcon",
-    ".spectrum-Stepper.hide-stepper",
-    ".spectrum-Stepper.hide-stepper .spectrum-Stepper-textfield.spectrum-Textfield.is-invalid .spectrum-Textfield-validationIcon",
-    ".spectrum-Stepper.hide-stepper .spectrum-Stepper-textfield.spectrum-Textfield.is-valid .spectrum-Textfield-validationIcon",
-    ".spectrum-Stepper.is-disabled",
-    ".spectrum-Stepper.is-focused:not(.is-disabled)",
-    ".spectrum-Stepper.is-focused:not(.is-disabled):hover",
-    ".spectrum-Stepper.is-invalid",
-    ".spectrum-Stepper.is-keyboardFocused:not(.is-disabled)",
-    ".spectrum-Stepper.is-keyboardFocused:not(.is-disabled) .spectrum-Stepper-inputs",
-    ".spectrum-Stepper.spectrum-Stepper--sideLabel",
-    ".spectrum-Stepper.spectrum-Stepper--sizeL",
-    ".spectrum-Stepper.spectrum-Stepper--sizeS",
-    ".spectrum-Stepper.spectrum-Stepper--sizeXL",
-    ".spectrum-Stepper:before",
-    ".spectrum-Stepper:focus-visible .spectrum-Stepper-inputs",
-    ".spectrum-Stepper:not(.is-disabled):focus",
-    ".spectrum-Stepper:not(.is-disabled):focus-visible",
-    ".spectrum-Stepper:not(.is-disabled):focus:hover",
-    ".spectrum-Stepper:not(.is-disabled):hover"
+    ".spectrum-NumberField",
+    ".spectrum-NumberField-buttons",
+    ".spectrum-NumberField-fieldContainer",
+    ".spectrum-NumberField-fieldLabel",
+    ".spectrum-NumberField-input",
+    ".spectrum-NumberField-inputs",
+    ".spectrum-NumberField-inputs .spectrum-Textfield .spectrum-Textfield-input",
+    ".spectrum-NumberField-textfield",
+    ".spectrum-NumberField-textfield.spectrum-Textfield.is-invalid .spectrum-Textfield-validationIcon",
+    ".spectrum-NumberField-textfield.spectrum-Textfield.is-valid .spectrum-Textfield-validationIcon",
+    ".spectrum-NumberField.hide-stepper",
+    ".spectrum-NumberField.hide-stepper .spectrum-NumberField-textfield.spectrum-Textfield.is-invalid .spectrum-Textfield-validationIcon",
+    ".spectrum-NumberField.hide-stepper .spectrum-NumberField-textfield.spectrum-Textfield.is-valid .spectrum-Textfield-validationIcon",
+    ".spectrum-NumberField.is-disabled",
+    ".spectrum-NumberField.is-focused.is-hover:not(.is-disabled)",
+    ".spectrum-NumberField.is-focused:not(.is-disabled)",
+    ".spectrum-NumberField.is-focused:not(.is-disabled):hover",
+    ".spectrum-NumberField.is-hover:not(.is-disabled)",
+    ".spectrum-NumberField.is-hover:not(.is-disabled):focus",
+    ".spectrum-NumberField.is-hover:not(.is-disabled):focus-visible",
+    ".spectrum-NumberField.is-invalid",
+    ".spectrum-NumberField.is-keyboardFocused.is-hover:not(.is-disabled)",
+    ".spectrum-NumberField.is-keyboardFocused:not(.is-disabled)",
+    ".spectrum-NumberField.is-keyboardFocused:not(.is-disabled) .spectrum-NumberField-inputs",
+    ".spectrum-NumberField.is-keyboardFocused:not(.is-disabled):hover",
+    ".spectrum-NumberField.spectrum-NumberField--sideLabel",
+    ".spectrum-NumberField.spectrum-NumberField--sizeL",
+    ".spectrum-NumberField.spectrum-NumberField--sizeS",
+    ".spectrum-NumberField.spectrum-NumberField--sizeXL",
+    ".spectrum-NumberField:before",
+    ".spectrum-NumberField:focus-visible .spectrum-NumberField-inputs",
+    ".spectrum-NumberField:not(.is-disabled):focus",
+    ".spectrum-NumberField:not(.is-disabled):focus-visible",
+    ".spectrum-NumberField:not(.is-disabled):focus-visible:hover",
+    ".spectrum-NumberField:not(.is-disabled):focus:hover",
+    ".spectrum-NumberField:not(.is-disabled):hover"
   ],
   "modifiers": [
+    "--mod-numberfield-animation-duration",
+    "--mod-numberfield-background-color",
+    "--mod-numberfield-background-color-disabled",
     "--mod-numberfield-block-size",
+    "--mod-numberfield-block0-size",
+    "--mod-numberfield-border-color",
+    "--mod-numberfield-border-color-disabled",
+    "--mod-numberfield-border-color-focus",
+    "--mod-numberfield-border-color-focus-hover",
+    "--mod-numberfield-border-color-focus-hover-invalid",
+    "--mod-numberfield-border-color-focus-invalid",
+    "--mod-numberfield-border-color-hover",
+    "--mod-numberfield-border-color-hover-invalid",
+    "--mod-numberfield-border-color-invalid",
+    "--mod-numberfield-border-color-invalid-default",
+    "--mod-numberfield-border-color-invalid-focus",
+    "--mod-numberfield-border-color-invalid-focus-hover",
+    "--mod-numberfield-border-color-invalid-hover",
+    "--mod-numberfield-border-color-invalid-keyboard-focus",
+    "--mod-numberfield-border-color-keyboard-focus",
+    "--mod-numberfield-border-color-keyboard-focus-invalid",
+    "--mod-numberfield-border-radius",
+    "--mod-numberfield-border-width",
+    "--mod-numberfield-button-inline-offset",
+    "--mod-numberfield-buttons-border-width",
     "--mod-numberfield-field-to-helptext",
+    "--mod-numberfield-focus-indicator-color",
+    "--mod-numberfield-focus-indicator-gap",
+    "--mod-numberfield-focus-indicator-width",
+    "--mod-numberfield-font-family",
+    "--mod-numberfield-font-size",
+    "--mod-numberfield-font-style",
+    "--mod-numberfield-font-weight",
     "--mod-numberfield-hidden-stepper-min-inline-size",
+    "--mod-numberfield-inline-size",
     "--mod-numberfield-label-to-field",
-    "--mod-stepper-animation-duration",
-    "--mod-stepper-background-color",
-    "--mod-stepper-background-color-disabled",
-    "--mod-stepper-block-size",
-    "--mod-stepper-block0-size",
-    "--mod-stepper-border-color",
-    "--mod-stepper-border-color-disabled",
-    "--mod-stepper-border-color-focus",
-    "--mod-stepper-border-color-focus-hover",
-    "--mod-stepper-border-color-hover",
-    "--mod-stepper-border-color-invalid-default",
-    "--mod-stepper-border-color-invalid-focus",
-    "--mod-stepper-border-color-invalid-focus-hover",
-    "--mod-stepper-border-color-invalid-hover",
-    "--mod-stepper-border-color-invalid-keyboard-focus",
-    "--mod-stepper-border-color-keyboard-focus",
-    "--mod-stepper-border-radius",
-    "--mod-stepper-border-width",
-    "--mod-stepper-button-inline-offset",
-    "--mod-stepper-button-width",
-    "--mod-stepper-buttons-border-width",
-    "--mod-stepper-focus-indicator-color",
-    "--mod-stepper-focus-indicator-gap",
-    "--mod-stepper-focus-indicator-width",
-    "--mod-stepper-font-family",
-    "--mod-stepper-font-size",
-    "--mod-stepper-font-style",
-    "--mod-stepper-font-weight",
-    "--mod-stepper-hidden-stepper-min-inline-size",
-    "--mod-stepper-inline-size",
-    "--mod-stepper-line-height",
-    "--mod-stepper-min-inline-size"
+    "--mod-numberfield-line-height",
+    "--mod-numberfield-min-inline-size",
+    "--mod-numberfield-stepper-button-width",
+    "--mod-stepper-button-inline-offset"
   ],
   "component": [],
   "global": [
@@ -193,7 +203,6 @@
   ],
   "passthroughs": [
     "--mod-infield-button-block-size",
-    "--mod-infield-button-border-width",
     "--mod-infield-button-inline-size",
     "--mod-textfield-border-color",
     "--mod-textfield-border-color-disabled",
@@ -217,19 +226,19 @@
   "high-contrast": [
     "--highcontrast-infield-button-border-color",
     "--highcontrast-infield-button-border-color-active",
-    "--highcontrast-stepper-border-color",
-    "--highcontrast-stepper-border-color-disabled",
-    "--highcontrast-stepper-border-color-focus",
-    "--highcontrast-stepper-border-color-focus-hover",
-    "--highcontrast-stepper-border-color-hover",
-    "--highcontrast-stepper-border-color-invalid-default",
-    "--highcontrast-stepper-border-color-invalid-focus",
-    "--highcontrast-stepper-border-color-invalid-focus-hover",
-    "--highcontrast-stepper-border-color-invalid-hover",
-    "--highcontrast-stepper-border-color-invalid-keyboard-focus",
-    "--highcontrast-stepper-border-color-keyboard-focus",
-    "--highcontrast-stepper-buttons-border-width",
-    "--highcontrast-stepper-focus-indicator-color",
+    "--highcontrast-numberfield-border-color",
+    "--highcontrast-numberfield-border-color-disabled",
+    "--highcontrast-numberfield-border-color-focus",
+    "--highcontrast-numberfield-border-color-focus-hover",
+    "--highcontrast-numberfield-border-color-hover",
+    "--highcontrast-numberfield-border-color-invalid-default",
+    "--highcontrast-numberfield-border-color-invalid-focus",
+    "--highcontrast-numberfield-border-color-invalid-focus-hover",
+    "--highcontrast-numberfield-border-color-invalid-hover",
+    "--highcontrast-numberfield-border-color-invalid-keyboard-focus",
+    "--highcontrast-numberfield-border-color-keyboard-focus",
+    "--highcontrast-numberfield-buttons-border-width",
+    "--highcontrast-numberfield-focus-indicator-color",
     "--highcontrast-textfield-border-color"
   ]
 }