wip

Author: marissahuysentruyt

components/form/index.css

@@ -46,7 +46,7 @@
 	display: block;
 }
 
-/* Fix extra space after inline-flex elements such as stepper. */
+/* Fix extra space after inline-flex elements such as number field. */
 .spectrum-Form-itemField > * {
 	vertical-align: top;
 }

components/stepper/index.css

@@ -71,7 +71,7 @@
 
 	/* Button size and offset (to properly position the validation icons/padding) */
 	--spectrum-numberfield-button-container-size: calc(var(--spectrum-infield-button-width, var(--spectrum-component-height-100)) *2);
-	--spectrum-numberfield-button-inline-offset: var(--mod-stepper-button-inline-offset, var(--spectrum-in-field-stepper-to-end-medium));
+	--spectrum-numberfield-button-inline-offset: var(--mod-numberfield-button-inline-offset, var(--spectrum-in-field-stepper-to-end-medium));
 
 	--spectrum-numberfield-spacing-block-start-validation-icon-to-stepper: var(--spectrum-component-top-to-workflow-icon-100);
 	--spectrum-numberfield-spacing-block-end-validation-icon-to-stepper: var(--spectrum-component-top-to-workflow-icon-100);
@@ -90,7 +90,7 @@
 		--spectrum-numberfield-spacing-validation-icon-to-stepper-hidden: var(--spectrum-number-field-edge-to-validation-icon-small);
 
 		--spectrum-numberfield-button-container-size: calc(var(--spectrum-infield-button-width, var(--spectrum-component-height-75)) *2);
-		--spectrum-numberfield-button-inline-offset: var(--mod-stepper-button-inline-offset, var(--spectrum-in-field-stepper-to-end-small));
+		--spectrum-numberfield-button-inline-offset: var(--mod-numberfield-button-inline-offset, var(--spectrum-in-field-stepper-to-end-small));
 
 		--spectrum-numberfield-spacing-block-start-validation-icon-to-stepper: var(--spectrum-component-top-to-workflow-icon-75);
 		--spectrum-numberfield-spacing-block-end-validation-icon-to-stepper: var(--spectrum-component-top-to-workflow-icon-75);
@@ -111,7 +111,7 @@
 		--spectrum-numberfield-spacing-validation-icon-to-stepper-hidden: var(--spectrum-number-field-edge-to-validation-icon-large);
 
 		--spectrum-numberfield-button-container-size: calc(var(--spectrum-infield-button-width, var(--spectrum-component-height-200)) *2);
-		--spectrum-numberfield-button-inline-offset: var(--mod-stepper-button-inline-offset, var(--spectrum-in-field-stepper-to-end-large));
+		--spectrum-numberfield-button-inline-offset: var(--mod-numberfield-button-inline-offset, var(--spectrum-in-field-stepper-to-end-large));
 
 		--spectrum-numberfield-spacing-block-start-validation-icon-to-stepper: var(--spectrum-component-top-to-workflow-icon-200);
 		--spectrum-numberfield-spacing-block-end-validation-icon-to-stepper: var(--spectrum-component-top-to-workflow-icon-200);
@@ -132,7 +132,7 @@
 		--spectrum-numberfield-spacing-validation-icon-to-stepper-hidden: var(--spectrum-number-field-edge-to-validation-icon-extra-large);
 
 		--spectrum-numberfield-button-container-size: calc(var(--spectrum-infield-button-width, var(--spectrum-component-height-300)) *2);
-		--spectrum-numberfield-button-inline-offset: var(--mod-stepper-button-inline-offset, var(--spectrum-in-field-stepper-to-end-extra-large));
+		--spectrum-numberfield-button-inline-offset: var(--mod-numberfield-button-inline-offset, var(--spectrum-in-field-stepper-to-end-extra-large));
 
 		--spectrum-numberfield-spacing-block-start-validation-icon-to-stepper: var(--spectrum-component-top-to-workflow-icon-300);
 		--spectrum-numberfield-spacing-block-end-validation-icon-to-stepper: var(--spectrum-component-top-to-workflow-icon-300);