feat: migration of tokens to spectrum 2

Expanding the existing themes system to support the new S2 mappings.

---
Co-authored-by: castastrophe <[email protected]>
Co-authored-by: Patrick Fulton <[email protected]>
Co-authored-by: Cory Dransfeldt <[email protected]>
Co-authored-by: Aziz Ramos <[email protected]>
Co-authored-by: Josh Winn <[email protected]>
Co-authored-by: Rise Erpelding <[email protected]>
Co-authored-by: Marissa Huysentruyt <[email protected]>
Co-authored-by: Rajdeep Chandra <[email protected]>
Co-authored-by: TarunAdobe <[email protected]>
Co-authored-by: Dragan Eror<[email protected]>

Author: 9 people

components/commons/package.json

@@ -15,11 +15,10 @@
 	},
 	"exports": {
 		".": "./index.css",
-		"./*.css": "./*.css",
 		"./CHANGELOG.md": "./CHANGELOG.md",
 		"./README.md": "./README.md",
-		"./package.json": "./package.json",
-		"./stories/*": "./stories/*"
+		"./*.css": "./*.css",
+		"./package.json": "./package.json"
 	},
 	"main": "index.css",
 	"files": [

components/stepper/dist/metadata.json

@@ -32,7 +32,6 @@
     ".spectrum-Stepper.spectrum-Stepper--quiet:not(.is-disabled):focus:hover",
     ".spectrum-Stepper.spectrum-Stepper--quiet:not(.is-disabled):hover",
     ".spectrum-Stepper.spectrum-Stepper--sizeL",
-    ".spectrum-Stepper.spectrum-Stepper--sizeM",
     ".spectrum-Stepper.spectrum-Stepper--sizeS",
     ".spectrum-Stepper.spectrum-Stepper--sizeXL",
     ".spectrum-Stepper:before",

components/stepper/index.css

@@ -82,11 +82,8 @@
 
 	--spectrum-stepper-animation-duration: var(--mod-stepper-animation-duration, var(--spectrum-animation-duration-100));
 
-	&,
-	&.spectrum-Stepper--sizeM {
-		--spectrum-stepper-button-width: var(--mod-stepper-button-width, var(--spectrum-in-field-button-width-stacked-medium));
-		--spectrum-stepper-height: var(--mod-stepper-height, var(--spectrum-component-height-100));
-	}
+	--spectrum-stepper-button-width: var(--mod-stepper-button-width, var(--spectrum-in-field-button-width-stacked-medium));
+	--spectrum-stepper-height: var(--mod-stepper-height, var(--spectrum-component-height-100));
 
 	&.spectrum-Stepper--sizeS {
 		--spectrum-stepper-button-width: var(--mod-stepper-button-width, var(--spectrum-in-field-button-width-stacked-small));

components/stepper/stories/template.js

@@ -52,7 +52,6 @@ export const Template = ({
 				"is-keyboardFocused": isKeyboardFocused,
 				"is-invalid": isInvalid,
 				"is-disabled": isDisabled,
-				"hide-stepper": hideStepper,
 				...customClasses.reduce((a, c) => ({ ...a, [c]: true }), {}),
 			})}
 			id=${ifDefined(id)}

components/stepper/themes/express.css

@@ -37,6 +37,7 @@
 
 		/** Invalid **/
 		--spectrum-stepper-border-color-invalid: transparent;
+		--spectrum-stepper-border-color-hover-invalid: transparent;
 		--spectrum-stepper-border-color-focus-invalid: transparent;
 		--spectrum-stepper-border-color-focus-hover-invalid: transparent;
 		--spectrum-stepper-border-color-keyboard-focus-invalid: transparent;