chore: run formatting on all packages as a refresh (#3588)

Author: castastrophe

.storybook/CHANGELOG.md

@@ -10,10 +10,10 @@
 
 ### Patch Changes
 
-- [#3528](https://github.com/adobe/spectrum-css/pull/3528) [`bee70fb`](https://github.com/adobe/spectrum-css/commit/bee70fbab5f12b49ce2611366b614c75277e0aa9) Thanks [@castastrophe](https://github.com/castastrophe)! 
+- [#3528](https://github.com/adobe/spectrum-css/pull/3528) [`bee70fb`](https://github.com/adobe/spectrum-css/commit/bee70fbab5f12b49ce2611366b614c75277e0aa9) Thanks [@castastrophe](https://github.com/castastrophe)!
 - Update fetchToken to use the exported JSON from @spectrum-css/tokens instead of @adobe/spectrum-tokens
 
-- [#3541](https://github.com/adobe/spectrum-css/pull/3541) [`1a3245c`](https://github.com/adobe/spectrum-css/commit/1a3245c3a660bc52ed260f18b6cceab5ee81541d) Thanks [@castastrophe](https://github.com/castastrophe)! 
+- [#3541](https://github.com/adobe/spectrum-css/pull/3541) [`1a3245c`](https://github.com/adobe/spectrum-css/commit/1a3245c3a660bc52ed260f18b6cceab5ee81541d) Thanks [@castastrophe](https://github.com/castastrophe)!
 - Dependency alignment across the project.
 
   Set component peerDependencies as optional to reduce console warnings on downstream projects.
@@ -33,23 +33,23 @@
 
 ### Major Changes
 
-- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`6c19fcf`](https://github.com/adobe/spectrum-css/commit/6c19fcf3f0eda76987f338981ae20f9999febce6) Thanks [@pfulton](https://github.com/pfulton)! 
+- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`6c19fcf`](https://github.com/adobe/spectrum-css/commit/6c19fcf3f0eda76987f338981ae20f9999febce6) Thanks [@pfulton](https://github.com/pfulton)!
 
 #### Breaking change
 
-  This update removes the previously deprecated component documentation for **cyclebutton**, **quickaction**, **searchwithin**, and **splitbutton**.
+This update removes the previously deprecated component documentation for **cyclebutton**, **quickaction**, **searchwithin**, and **splitbutton**.
 
-  To support the Spectrum 2 (S2) Foundations release, Storybook has been updated to toggle token packages to connect the following labels with their appropriate data sources:
+To support the Spectrum 2 (S2) Foundations release, Storybook has been updated to toggle token packages to connect the following labels with their appropriate data sources:
 
-  - **Spectrum 1**: Flagged as the "legacy" context, this version is no longer the default for the component contexts. When selected, Storybook will load the `@spectrum-css/tokens` at release `v14.6.0` and attach the `.spectrum--legacy` class to the container.
-  - **Spectrum 2**: The new default context, this version represents the "S2 Foundations" release which serves as a bridge between S1 and S2. Components in this context are not fully S2 and will not exactly match specifications but they do reflect a significant move toward the S2 designs. For full details, see the token and component-level changelogs.
-  - **Express**: This now deprecated context is still rendered in Storybook by leveraging the `@spectrum-css/tokens` at release `v14.6.0`. Please note that Express and S1 will be removed in the next major release.
+- **Spectrum 1**: Flagged as the "legacy" context, this version is no longer the default for the component contexts. When selected, Storybook will load the `@spectrum-css/tokens` at release `v14.6.0` and attach the `.spectrum--legacy` class to the container.
+- **Spectrum 2**: The new default context, this version represents the "S2 Foundations" release which serves as a bridge between S1 and S2. Components in this context are not fully S2 and will not exactly match specifications but they do reflect a significant move toward the S2 designs. For full details, see the token and component-level changelogs.
+- **Express**: This now deprecated context is still rendered in Storybook by leveraging the `@spectrum-css/tokens` at release `v14.6.0`. Please note that Express and S1 will be removed in the next major release.
 
-  This release also includes:
+This release also includes:
 
-  - New migration documentation for S1 -> S2 updates
-  - Fix for the duplicate line numbers in the code preview plugin
-  - Updated styles to integrate Spectrum styling into the Storybook UI
+- New migration documentation for S1 -> S2 updates
+- Fix for the duplicate line numbers in the code preview plugin
+- Updated styles to integrate Spectrum styling into the Storybook UI
 
 #### Patch Changes
 
@@ -61,7 +61,7 @@
 
 ### Patch Changes
 
-- [#3522](https://github.com/adobe/spectrum-css/pull/3522) [`7a47c22`](https://github.com/adobe/spectrum-css/commit/7a47c2266b6d0e8c99061fe85cba8d52684bae39) Thanks [@castastrophe](https://github.com/castastrophe)! 
+- [#3522](https://github.com/adobe/spectrum-css/pull/3522) [`7a47c22`](https://github.com/adobe/spectrum-css/commit/7a47c2266b6d0e8c99061fe85cba8d52684bae39) Thanks [@castastrophe](https://github.com/castastrophe)!
 - Minor storybook updates and fixes including some whitespace changes.
 
   A bug was fixed with the HTML code preview that was displaying duplicate line numbers.
@@ -86,7 +86,7 @@
 
 ### Major Changes
 
-- [#3458](https://github.com/adobe/spectrum-css/pull/3458) [`e1b7102`](https://github.com/adobe/spectrum-css/commit/e1b71027f92ce18feb3a63c100d2b4871fc73b9f) Thanks [@castastrophe](https://github.com/castastrophe)! 
+- [#3458](https://github.com/adobe/spectrum-css/pull/3458) [`e1b7102`](https://github.com/adobe/spectrum-css/commit/e1b71027f92ce18feb3a63c100d2b4871fc73b9f) Thanks [@castastrophe](https://github.com/castastrophe)!
 - Update the Chromatic add-on to the currently maintained package:
 
   - from "@chromaui/addon-visual-tests": "^1.0.0"
@@ -100,14 +100,14 @@
 
 ### Patch Changes
 
-- [#3440](https://github.com/adobe/spectrum-css/pull/3440) [`6808c85`](https://github.com/adobe/spectrum-css/commit/6808c85295d472286c0a52e28d2279b2b5a16f92) Thanks [@castastrophe](https://github.com/castastrophe)! 
+- [#3440](https://github.com/adobe/spectrum-css/pull/3440) [`6808c85`](https://github.com/adobe/spectrum-css/commit/6808c85295d472286c0a52e28d2279b2b5a16f92) Thanks [@castastrophe](https://github.com/castastrophe)!
 - Fix an issue where "show code" was blocking loading in Storybook docs pages [CSS-1070]
 
 ## 10.12.0
 
 ### Minor Changes
 
-- [#3477](https://github.com/adobe/spectrum-css/pull/3477) [`d52c701`](https://github.com/adobe/spectrum-css/commit/d52c70196bf2d17433c239313a82f00f75d77e79) Thanks [@castastrophe](https://github.com/castastrophe)! 
+- [#3477](https://github.com/adobe/spectrum-css/pull/3477) [`d52c701`](https://github.com/adobe/spectrum-css/commit/d52c70196bf2d17433c239313a82f00f75d77e79) Thanks [@castastrophe](https://github.com/castastrophe)!
 - Update Storybook to leverage the new CSS bundled assets.
 
 ### Patch Changes

.storybook/decorators/context.js

@@ -65,7 +65,7 @@ export const withContextWrapper = makeDecorator({
 				// Check if the container is a testing wrapper to prevent applying colors around the testing grid
 				const isTestingWrapper = isTesting ? container.matches("body:has([data-testing-preview]),[data-testing-preview]") : false;
 				// Check if the container has a static color element
-				let hasStaticElement = container.matches(`:has([data-html-preview])`) ? container.matches(`:has([data-html-preview] .${rootClass}--staticWhite, [data-html-preview] .${rootClass}--staticBlack)`) : container.matches(`:has(.${rootClass}--staticWhite, .${rootClass}--staticBlack)`);
+				let hasStaticElement = container.matches(":has([data-html-preview])") ? container.matches(`:has([data-html-preview] .${rootClass}--staticWhite, [data-html-preview] .${rootClass}--staticBlack)`) : container.matches(`:has(.${rootClass}--staticWhite, .${rootClass}--staticBlack)`);
 
 				// Reset the context to the original values
 				color = original.color;
@@ -122,7 +122,8 @@ export const withContextWrapper = makeDecorator({
 					if (hasStaticElement && staticKey && staticColorSettings[staticKey]) {
 						container.style.background = staticColorSettings[staticKey].background;
 					}
-				} else {
+				}
+				else {
 					// Testing background is stark white to highlight the gray-ish background color on light theme
 					container.style.background = "Canvas";
 				}

.storybook/decorators/helpers.js

@@ -1,4 +1,4 @@
-import { global } from '@storybook/global';
+import { global } from "@storybook/global";
 
 /**
  * @description Fetches the style container for the given ID or creates a new one
@@ -37,8 +37,8 @@ export function toggleStyles(container, id, styles, add = true, context = undefi
 export function fetchStyleContainer(id, container) {
 	if (!id) return;
 
-    const { document } = global;
-    if (!container) container = document.body;
+	const { document } = global;
+	if (!container) container = document.body;
 
 	let styleContainer = container.querySelector(`#${id}`);
 	if (styleContainer) return styleContainer;

.storybook/decorators/icon-sprites.js

@@ -11,26 +11,26 @@ export const withIconSpriteSheet = makeDecorator({
 	parameterName: "spritesheet",
 	wrapper: (StoryFn, context) => {
 		const {
-            loaded = {},
+			loaded = {},
 		} = context;
 
-        // Load the icons into the window object
-        if (loaded.icons) window.icons = loaded.icons;
+		// Load the icons into the window object
+		if (loaded.icons) window.icons = loaded.icons;
 
 		useEffect(() => {
-            // Inject the sprite sheets into the document
-            let sprite = document.getElementById("spritesheets");
-            if (!sprite) {
-                sprite = document.createElement("div");
-                sprite.id = "spritesheets";
-                sprite.innerHTML = workflowSprite + uiSprite;
-                document.body.appendChild(sprite);
-            }
-            else {
-                sprite.innerHTML = workflowSprite + uiSprite;
-            }
+			// Inject the sprite sheets into the document
+			let sprite = document.getElementById("spritesheets");
+			if (!sprite) {
+				sprite = document.createElement("div");
+				sprite.id = "spritesheets";
+				sprite.innerHTML = workflowSprite + uiSprite;
+				document.body.appendChild(sprite);
+			}
+			else {
+				sprite.innerHTML = workflowSprite + uiSprite;
+			}
 		}, []);
 
-        return StoryFn(context);
+		return StoryFn(context);
 	},
 });

.storybook/decorators/language.js

@@ -59,7 +59,8 @@ export const withLanguageWrapper = makeDecorator({
 
 					},
 				});
-			} catch (e) {/* empty */}
+			}
+			catch (e) {/* empty */}
 		}, [lang, currentKitId, window]);
 
 		return StoryFn(context);

.storybook/decorators/testing-preview.js

@@ -28,13 +28,16 @@ export const withTestingPreviewWrapper = makeDecorator({
 		// If isChromatic() is true, we should update the global value to always show the testing grid
 		if (typeof isChromatic === "function" && isChromatic() === true) {
 			context.parameters.showTestingGrid = true;
-		} else if (viewMode === "docs") {
+		}
+		else if (viewMode === "docs") {
 			// If we're in the docs view, we should disable the testing grid
 			context.parameters.showTestingGrid = false;
-		} else if (typeof showTestingGrid === "undefined") {
+		}
+		else if (typeof showTestingGrid === "undefined") {
 			// If the global value is undefined, we should set it to the testing preview value
 			context.parameters.showTestingGrid = testingPreview;
-		} else if (showTestingGrid !== testingPreview) {
+		}
+		else if (showTestingGrid !== testingPreview) {
 			context.parameters.showTestingGrid = testingPreview;
 		}
 

.storybook/decorators/utilities.js

@@ -24,7 +24,7 @@ const Heading = ({
 	const headingStyles = {
 		"display": "block",
 		"color": "inherit",
-		"font-family": 'adobe-clean, "adobe clean", "Source Sans Pro", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Ubuntu, "Trebuchet MS", "Lucida Grande", sans-serif',
+		"font-family": "adobe-clean, \"adobe clean\", \"Source Sans Pro\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Ubuntu, \"Trebuchet MS\", \"Lucida Grande\", sans-serif",
 		"font-size": "11px",
 		"line-height": "1.3",
 		"font-weight": "700",
@@ -215,7 +215,7 @@ export const States = ({
 
 			// If the container test heading is in the ignore list, skip rendering this state
 			if (ignore.length && ignore.includes(containerHeading)) {
-				return nothing
+				return nothing;
 			}
 
 			context = {

.storybook/main.js

@@ -1,6 +1,6 @@
 import fs from "fs";
 import path from "path";
-import remarkGfm from 'remark-gfm';
+import remarkGfm from "remark-gfm";
 
 // Get a list of all the folders in the components directory
 const componentDir = path.resolve(__dirname, "../components");
@@ -123,7 +123,7 @@ export default {
 	},
 	framework: "@storybook/web-components-vite",
 	typescript: {
-		reactDocgen: 'react-docgen',
+		reactDocgen: "react-docgen",
 		// Not using typescript so disable the check
 		check: false,
 	},

.storybook/modes/index.js

@@ -12,31 +12,31 @@
  */
 
 const modes = {
-    "Light | LTR": {
-        color: "light",
-        textDirection: "ltr",
-    },
-    "Dark | RTL": {
-        color: "dark",
-        textDirection: "rtl",
-    },
-    "S1 | Light | LTR": {
-        context: "legacy",
-        color: "light",
-        textDirection: "ltr",
-    },
-    "Express | Light | LTR": {
-        context: "express",
-        color: "light",
-        textDirection: "ltr",
-    },
+	"Light | LTR": {
+		color: "light",
+		textDirection: "ltr",
+	},
+	"Dark | RTL": {
+		color: "dark",
+		textDirection: "rtl",
+	},
+	"S1 | Light | LTR": {
+		context: "legacy",
+		color: "light",
+		textDirection: "ltr",
+	},
+	"Express | Light | LTR": {
+		context: "express",
+		color: "light",
+		textDirection: "ltr",
+	},
 };
 
 export default modes;
 
 export const disableDefaultModes = {
-    ...Object.keys(modes).reduce((acc, key) => {
-        acc[key] = { disable: true };
-        return acc;
-    }, {}),
+	...Object.keys(modes).reduce((acc, key) => {
+		acc[key] = { disable: true };
+		return acc;
+	}, {}),
 };

.storybook/project.json

@@ -27,7 +27,7 @@
 					"outputs": ["{workspaceRoot}/dist"]
 				}
 			},
-			"dependsOn": ["clean", "^build", { "target": "report", "tag": "component" }],
+			"dependsOn": ["clean", "^build", { "tag": "component", "target": "report" }],
 			"executor": "nx:run-commands",
 			"inputs": ["tools", { "externalDependencies": ["storybook"] }],
 			"options": {
@@ -85,7 +85,7 @@
 		},
 		"start": {
 			"cache": true,
-			"dependsOn": [{ "target": "report", "projects": "tag:component" }, "^build"],
+			"dependsOn": [{ "projects": "tag:component", "target": "report" }, "^build"],
 			"executor": "nx:run-commands",
 			"inputs": [
 				"tools",

plugins/postcss-add-theming-layer/package.json

@@ -7,6 +7,15 @@
   "contributors": [
     "Cassondra Roberts <[email protected]>"
   ],
+  "homepage": "https://opensource.adobe.com/spectrum-css/",
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/adobe/spectrum-css.git",
+    "directory": "plugins/postcss-add-theming-layer"
+  },
+  "bugs": {
+    "url": "https://github.com/adobe/spectrum-css/issues"
+  },
   "main": "index.js",
   "files": [
     "package.json",
@@ -31,14 +40,5 @@
     "custom properties",
     "postcss",
     "postcss-plugin"
-  ],
-  "repository": {
-    "type": "git",
-    "url": "https://github.com/adobe/spectrum-css.git",
-    "directory": "plugins/postcss-add-theming-layer"
-  },
-  "bugs": {
-    "url": "https://github.com/adobe/spectrum-css/issues"
-  },
-  "homepage": "https://opensource.adobe.com/spectrum-css/"
+  ]
 }

plugins/postcss-property-rollup/package.json

@@ -7,6 +7,15 @@
   "contributors": [
     "Cassondra Roberts <[email protected]>"
   ],
+  "homepage": "https://opensource.adobe.com/spectrum-css/",
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/adobe/spectrum-css.git",
+    "directory": "plugins/postcss-property-rollup"
+  },
+  "bugs": {
+    "url": "https://github.com/adobe/spectrum-css/issues"
+  },
   "main": "index.js",
   "files": [
     "package.json",
@@ -27,14 +36,5 @@
     "custom properties",
     "postcss",
     "postcss-plugin"
-  ],
-  "repository": {
-    "type": "git",
-    "url": "https://github.com/adobe/spectrum-css.git",
-    "directory": "plugins/postcss-property-rollup"
-  },
-  "bugs": {
-    "url": "https://github.com/adobe/spectrum-css/issues"
-  },
-  "homepage": "https://opensource.adobe.com/spectrum-css/"
+  ]
 }

plugins/stylelint-no-missing-var/package.json

@@ -4,6 +4,9 @@
   "description": "Check for custom properties without a var function around them",
   "license": "Apache-2.0",
   "author": "Adobe",
+  "contributors": [
+    "Cassondra Roberts <[email protected]>"
+  ],
   "homepage": "https://opensource.adobe.com/spectrum-css",
   "repository": {
     "type": "git",
@@ -13,9 +16,6 @@
   "bugs": {
     "url": "https://github.com/adobe/spectrum-css/issues"
   },
-  "contributors": [
-    "Cassondra Roberts <[email protected]>"
-  ],
   "type": "module",
   "main": "index.js",
   "files": [