chore: release (s2-foundations) (#3142)

Co-authored-by: github-actions[bot] <github-actions[bot]@users.noreply.github.com>
adobe · Sep 24, 2024 · b4e25d9 · b4e25d9
1 parent a137269
commit b4e25d9
Show file tree

Hide file tree

Showing 43 changed files with 398 additions and 446 deletions.
diff --git a/.changeset/pre.json b/.changeset/pre.json
@@ -145,6 +145,7 @@
     "sharp-pianos-reply",
     "sharp-rice-sing",
     "sharp-vans-flow",
+    "shiny-balloons-remember",
     "shiny-peaches-change",
     "short-carrots-film",
     "silent-carpets-beam",

diff --git a/.storybook/blocks/ComponentDetails.jsx b/.storybook/blocks/ComponentDetails.jsx
@@ -148,7 +148,7 @@ function processReleaseData(storyMeta, npmData) {
 	].filter(tag => !ignoredTags.includes(tag));
 
 	// Create a robust fallback stack to capture the version number
-	const fallbackVersion = packageJson?.version ?? storyMeta?.csfFile?.meta?.parameters?.componentVersion;
+	const fallbackVersion = packageJson?.version;
 
 	const mapVersions = new Map();
 	for (const tag of tags) {

diff --git a/.storybook/decorators/context.js b/.storybook/decorators/context.js
@@ -17,17 +17,15 @@ export const withContextWrapper = makeDecorator({
 				rootClass,
 				staticColor,
 			} = {},
-			globals = {},
+			globals: {
+				color = "light",
+				context = "spectrum",
+				scale = "medium",
+			},
 			id,
 			viewMode,
 		} = data;
 
-		let {
-			color = "light",
-			context = "spectrum",
-			scale = "medium",
-		} = globals;
-
 		const staticColorSettings = {
 			"black": {
 				background: "var(--spectrum-docs-static-black-background-color)",

diff --git a/.storybook/modes/index.js b/.storybook/modes/index.js
@@ -20,12 +20,18 @@ const modes = {
     },
     "Context: Spectrum 1": {
         scale: "medium",
+        color: "light",
+        textDirection: "ltr",
         context: "legacy",
     },
     "Context: Express": {
+        scale: "medium",
+        color: "light",
+        textDirection: "ltr",
         context: "express",
     },
     "Dark | RTL": {
+        scale: "medium",
         color: "dark",
         textDirection: "rtl",
         context: "legacy",

diff --git a/components/card/metadata/metadata.json b/components/card/metadata/metadata.json
@@ -1,9 +1,6 @@
 {
   "sourceFile": "index.css",
   "selectors": [
-    ".spectrum--dark .spectrum-Card",
-    ".spectrum--light .spectrum-Card",
-    ".spectrum--lightest .spectrum-Card",
     ".spectrum-Card",
     ".spectrum-Card .spectrum-Divider",
     ".spectrum-Card--gallery",
@@ -197,9 +194,7 @@
     "--spectrum-animation-duration-100",
     "--spectrum-background-base-color",
     "--spectrum-background-layer-2-color",
-    "--spectrum-blue-500-rgb",
     "--spectrum-blue-700",
-    "--spectrum-blue-900-rgb",
     "--spectrum-body-color",
     "--spectrum-body-line-height",
     "--spectrum-body-sans-serif-font-style",

diff --git a/components/card/themes/spectrum-two.css b/components/card/themes/spectrum-two.css
@@ -64,7 +64,7 @@
 		--spectrum-card-focus-indicator-width: var(--spectrum-focus-indicator-thickness);
 
 		/* Selected */
-		--spectrum-card-selected-background-opacity: 0.1; /* table-selected-row-background-opacity does not exist in tokens yet */
+		--spectrum-card-selected-background-opacity: 0.1;
 
 		--spectrum-card-preview-border-width-selected: var(--spectrum-border-width-100);
 		--spectrum-card-preview-background-color: var(--spectrum-gray-100);
@@ -77,15 +77,5 @@
 		/* Quiet/Gallery */
 		--spectrum-card-content-margin-top-quiet: var(--spectrum-spacing-100);
 		--spectrum-card-minimum-width-quiet: var(--spectrum-card-minimum-width);
-
-		/* TODO: These are placeholder until recursive RGB is available */
-		.spectrum--light &,
-		.spectrum--lightest & {
-			--spectrum-card-selected-background-color-rgb: var(--spectrum-blue-900-rgb);
-		}
-
-		.spectrum--dark & {
-			--spectrum-card-selected-background-color-rgb: var(--spectrum-blue-500-rgb);
-		}
 	}
 }
diff --git a/components/card/themes/spectrum.css b/components/card/themes/spectrum.css
@@ -23,5 +23,14 @@
 		--spectrum-card-divider-color: var(--spectrum-gray-300);
 		--spectrum-card-preview-background-color: var(--spectrum-background-base-color);
 		--spectrum-card-preview-background-color-hover: var(--spectrum-gray-300);
+		--spectrum-card-selected-background-color-rgb: var(--spectrum-blue-900-rgb);
+
+		.spectrum--dark & {
+			--spectrum-card-selected-background-color-rgb: var(--spectrum-blue-500-rgb);
+		}
+
+		.spectrum--darkest & {
+			--spectrum-card-selected-background-color-rgb: var(--spectrum-blue-600-rgb);
+		}
 	}
 }
diff --git a/components/coachindicator/metadata/metadata.json b/components/coachindicator/metadata/metadata.json
@@ -69,7 +69,9 @@
     "--spectrum-coach-animation-indicator-ring-center-delay-multiple",
     "--spectrum-coach-animation-indicator-ring-duration",
     "--spectrum-coach-animation-indicator-ring-inner-delay-multiple",
-    "--spectrum-coach-animation-indicator-ring-outer-delay-multiple"
+    "--spectrum-coach-animation-indicator-ring-outer-delay-multiple",
+    "--spectrum-gray-25",
+    "--spectrum-gray-900"
   ],
   "system-theme": [],
   "passthroughs": [],

diff --git a/components/coachindicator/themes/spectrum-two.css b/components/coachindicator/themes/spectrum-two.css
@@ -21,6 +21,9 @@
 		--spectrum-coach-indicator-ring-inline-size: var(--spectrum-coach-indicator-ring-diameter);
 		--spectrum-coach-indicator-ring-block-size: var(--spectrum-coach-indicator-ring-diameter);
 
+		--spectrum-coach-indicator-ring-dark-color: var(--spectrum-gray-900);
+		--spectrum-coach-indicator-ring-light-color: var(--spectrum-gray-25);
+
 		--spectrum-coach-indicator-top: calc((var(--spectrum-coach-indicator-block-size) / 3) - var(--spectrum-coach-indicator-ring-border-size));
 		--spectrum-coach-indicator-left: calc((var(--spectrum-coach-indicator-inline-size) / 3) - var(--spectrum-coach-indicator-ring-border-size));
 
@@ -40,6 +43,7 @@
 		--spectrum-coach-indicator-animation-keyframe-100-scale: 2;
 		--spectrum-coach-indicator-animation-keyframe-100-opacity: 0;
 		--spectrum-coach-indicator-quiet-animation-keyframe-0-scale: 0.8;
+
 		&.spectrum-CoachIndicator--quiet {
 			--spectrum-coach-indicator-quiet-ring-diameter-size: var(--spectrum-coach-indicator-quiet-ring-diameter);
 			--spectrum-coach-indicator-animation-name: pulse-quiet;

diff --git a/components/coachindicator/themes/spectrum.css b/components/coachindicator/themes/spectrum.css
@@ -15,3 +15,9 @@
 /* @combine .spectrum.spectrum--legacy */
 
 @import "./spectrum-two.css";
+
+@container style(--system: legacy) {
+	.spectrum-CoachIndicator {
+        --spectrum-coach-indicator-ring-light-color: var(--spectrum-gray-50);
+    }
+}
diff --git a/components/contextualhelp/index.css b/components/contextualhelp/index.css
@@ -34,7 +34,7 @@
 	}
 
 	.spectrum-ContextualHelp-heading {
-		margin-block-end: var(--mod-spectrum-contextual-help-content-spacing, var(--spectrum-contextual-help-content-spacing));
+		margin-block-end: var(--mod-spectrum-contextual-help-content-spacing, var(--spectrum-contextual-help-content-spacing-default));
 		font-size: var(--mod-spectrum-contextual-help-heading-size, var(--spectrum-contextual-help-heading-size));
 		color: var(--highcontrast-contextual-help-heading-color, var(--mod-contextual-help-heading-color, var(--spectrum-contextual-help-heading-color)));
 	}

diff --git a/components/contextualhelp/metadata/metadata.json b/components/contextualhelp/metadata/metadata.json
@@ -1,7 +1,6 @@
 {
   "sourceFile": "index.css",
   "selectors": [
-    ".spectrum--large .spectrum-ContextualHelp",
     ".spectrum-ContextualHelp",
     ".spectrum-ContextualHelp-button",
     ".spectrum-ContextualHelp-link",
@@ -23,6 +22,7 @@
     "--spectrum-contextual-help-body-color",
     "--spectrum-contextual-help-body-size",
     "--spectrum-contextual-help-content-spacing",
+    "--spectrum-contextual-help-content-spacing-default",
     "--spectrum-contextual-help-heading-color",
     "--spectrum-contextual-help-heading-size",
     "--spectrum-contextual-help-link-spacing",
@@ -33,8 +33,6 @@
   "global": [
     "--spectrum-body-color",
     "--spectrum-heading-color",
-    "--spectrum-spacing-100",
-    "--spectrum-spacing-200",
     "--spectrum-spacing-300",
     "--spectrum-spacing-400"
   ],

diff --git a/components/contextualhelp/themes/spectrum-two.css b/components/contextualhelp/themes/spectrum-two.css
@@ -15,17 +15,12 @@
 	.spectrum-ContextualHelp {
 		/* Layout Variables */
 		--spectrum-contextual-help-padding: var(--spectrum-spacing-400);
-		--spectrum-contextual-help-content-spacing: var(--spectrum-spacing-100);
+		--spectrum-contextual-help-content-spacing-default: var(--spectrum-contextual-help-content-spacing);
 		--spectrum-contextual-help-link-spacing: var(--spectrum-spacing-300);
 
 		/* Typography Variables */
 		--spectrum-contextual-help-heading-size: var(--spectrum-contextual-help-title-size);
 		--spectrum-contextual-help-heading-color: var(--spectrum-heading-color);
 		--spectrum-contextual-help-body-color: var(--spectrum-body-color);
-
-		/* Mobile styling */
-		.spectrum--large & {
-			--spectrum-contextual-help-content-spacing: var(--spectrum-spacing-200);
-		}
 	}
 }
diff --git a/components/menu/metadata/metadata.json b/components/menu/metadata/metadata.json
@@ -25,9 +25,6 @@
     ".spectrum-Menu .spectrum-Menu-itemIcon--workflowIcon",
     ".spectrum-Menu .spectrum-Menu-itemIcon:not(.spectrum-Menu-chevron, .spectrum-Menu-checkmark)",
     ".spectrum-Menu li:not(.spectrum-Menu-item, .spectrum-Menu-divider)",
-    ".spectrum-Menu--sizeL",
-    ".spectrum-Menu--sizeS",
-    ".spectrum-Menu--sizeXL",
     ".spectrum-Menu-back",
     ".spectrum-Menu-back .spectrum-Menu-sectionHeading",
     ".spectrum-Menu-back:focus-visible",
@@ -134,6 +131,10 @@
     ".spectrum-Menu.is-selectable .spectrum-Menu-item",
     ".spectrum-Menu.is-selectable .spectrum-Menu-item.is-selected",
     ".spectrum-Menu.js-focus-within .spectrum-Menu-item--collapsible.is-open[focus-within]",
+    ".spectrum-Menu.spectrum-Menu--sizeL",
+    ".spectrum-Menu.spectrum-Menu--sizeM",
+    ".spectrum-Menu.spectrum-Menu--sizeS",
+    ".spectrum-Menu.spectrum-Menu--sizeXL",
     ".spectrum-Menu:lang(ja)",
     ".spectrum-Menu:lang(ko)",
     ".spectrum-Menu:lang(zh)",
@@ -342,6 +343,7 @@
     "--spectrum-font-size-300",
     "--spectrum-font-size-50",
     "--spectrum-font-size-75",
+    "--spectrum-gray-1000",
     "--spectrum-gray-900",
     "--spectrum-line-height-100",
     "--spectrum-navigational-indicator-top-to-back-icon-extra-large",
@@ -368,6 +370,7 @@
     "--spectrum-text-to-visual-200",
     "--spectrum-text-to-visual-300",
     "--spectrum-text-to-visual-75",
+    "--spectrum-transparent-black-200-opacity",
     "--spectrum-workflow-icon-size-100",
     "--spectrum-workflow-icon-size-200",
     "--spectrum-workflow-icon-size-300",