build: add markdownlint tooling

Author: castastrophe

.github/actions/file-diff/CHANGELOG.md

@@ -21,49 +21,37 @@
 - [#2775](https://github.com/adobe/spectrum-css/pull/2775) [`2452637`](https://github.com/adobe/spectrum-css/commit/2452637d1179b9b2b025dafeb5834720712413d7) Thanks [@castastrophe](https://github.com/castastrophe)!
 - Dependency minor and patch updates to support new features in tools leveraged
 
-<a name="2.0.5"></a>
-
-##2.0.5
+## 2.0.5
 
 🗓 2024-03-07 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-tools/[email protected]...@spectrum-tools/[email protected])
 
 **Note:** Version bump only for package @spectrum-tools/gh-action-file-diff
 
-<a name="2.0.4"></a>
-
-##2.0.4
+## 2.0.4
 
 🗓 2024-02-12 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-tools/[email protected]...@spectrum-tools/[email protected])
 
 **Note:** Version bump only for package @spectrum-tools/gh-action-file-diff
 
-<a name="2.0.3"></a>
+## 2.0.3
 
-##2.0.3
-
-🗓 2024-02-06
+🗓 2024-02-06 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-tools/[email protected]...@spectrum-tools/[email protected])
 
 **Note:** Version bump only for package @spectrum-tools/gh-action-file-diff
 
-<a name="2.0.2"></a>
-
-##2.0.2
+## 2.0.2
 
 🗓 2024-01-29 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-tools/[email protected]...@spectrum-tools/[email protected])
 
 **Note:** Version bump only for package @spectrum-tools/gh-action-file-diff
 
-<a name="2.0.1"></a>
-
-##2.0.1
+## 2.0.1
 
 🗓 2024-01-16 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-tools/[email protected]...@spectrum-tools/[email protected])
 
 **Note:** Version bump only for package @spectrum-tools/gh-action-file-diff
 
-<a name="2.0.0"></a>
-
-#2.0.0
+## 2.0.0
 
 🗓 2023-12-12 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-tools/[email protected]...@spectrum-tools/[email protected])
 
@@ -75,17 +63,13 @@
 
 - NEW: @spectrum-css/ui-icons package for all SVG icons in the UI set.
 
-<a name="1.0.2"></a>
+## 1.0.2
 
-##1.0.2
-
-🗓 2023-11-15
+🗓 2023-11-15 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-tools/[email protected]...@spectrum-tools/[email protected])
 
 **Note:** Version bump only for package @spectrum-tools/gh-action-file-diff
 
-<a name="1.0.1"></a>
-
-##1.0.1
+## 1.0.1
 
 🗓 2023-11-13
 

.storybook/CHANGELOG.md

@@ -64,6 +64,7 @@ This release also includes:
 ### 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)!
+
 - Minor storybook updates and fixes including some whitespace changes.
 
   A bug was fixed with the HTML code preview that was displaying duplicate line numbers.
@@ -89,6 +90,7 @@ This release also includes:
 ### 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)!
+
 - Update the Chromatic add-on to the currently maintained package:
 
   - from "@chromaui/addon-visual-tests": "^1.0.0"
@@ -103,13 +105,15 @@ This release also includes:
 ### 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)!
+
 - 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)!
+
 - Update Storybook to leverage the new CSS bundled assets.
 
 ### Patch Changes
@@ -179,13 +183,15 @@ This release also includes:
 ### Minor Changes
 
 - [#3085](https://github.com/adobe/spectrum-css/pull/3085) [`11b2fc1`](https://github.com/adobe/spectrum-css/commit/11b2fc145283236a8a99c8387e805982a69813d6) Thanks [@castastrophe](https://github.com/castastrophe)!
+
 - Adjust the way token and typography are loaded in preparation for S2.
 
 ## 10.10.0
 
 ### Minor Changes
 
 - [#3067](https://github.com/adobe/spectrum-css/pull/3067) [`e1a7866`](https://github.com/adobe/spectrum-css/commit/e1a78669920f816966cc0249a7beed032e681b17) Thanks [@cdransf](https://github.com/cdransf)!
+
 - Applies the sb-unstyled className to fix the version number alignment on Storybook docs pages.
 
 ## 10.9.1
@@ -257,6 +263,7 @@ This release also includes:
 ### Minor Changes
 
 - [#2867](https://github.com/adobe/spectrum-css/pull/2867) [`a0bd4eb`](https://github.com/adobe/spectrum-css/commit/a0bd4eb2ab43352c4bdedcb26f93138aacf99aee) Thanks [@castastrophe](https://github.com/castastrophe)!
+
 - New feature: Add a look-through to the Spectrum Web Components Storybook project to create an easier connection between components that exist in CSS and those in SWC.
 
 ## 10.5.0
@@ -280,6 +287,7 @@ This release also includes:
 ### Minor Changes
 
 - [#2840](https://github.com/adobe/spectrum-css/pull/2840) [`84a70bb`](https://github.com/adobe/spectrum-css/commit/84a70bb076ac7afd15122d3b53299a4f1ccd1af3) Thanks [@castastrophe](https://github.com/castastrophe)!
+
 - Tokens update to correct the background color used in documentation for static black.
 
   Feature that updates storybook to move shared arg types to the global scope.
@@ -289,20 +297,23 @@ This release also includes:
 ### Minor Changes
 
 - [#2803](https://github.com/adobe/spectrum-css/pull/2803) [`2c5e5eb`](https://github.com/adobe/spectrum-css/commit/2c5e5ebc4d1dca38f877ad1e31f69315831c5717) Thanks [@castastrophe](https://github.com/castastrophe)!
+
 - Feature to migrate Storybook to use Vite's builder instead of Webpack. This change reduces the configuration complexity with more built-in features that align with our needs.
 
 ## 10.1.0
 
 ### Minor Changes
 
 - [#2821](https://github.com/adobe/spectrum-css/pull/2821) [`0129dca`](https://github.com/adobe/spectrum-css/commit/0129dca2e6f3eb90ff536344ba7f53249b4a0bfe) Thanks [@castastrophe](https://github.com/castastrophe)!
+
 - Pull out decorators into their own files
 
 ## 10.0.5
 
 ### Patch Changes
 
 - [#2820](https://github.com/adobe/spectrum-css/pull/2820) [`1711ef8`](https://github.com/adobe/spectrum-css/commit/1711ef8a7aa8da1858019b77ed52e1dd1b86d3bf) Thanks [@castastrophe](https://github.com/castastrophe)!
+
 - Fixes for Storybook instance
 
   - Bring back testing preview global toggle to toolbar after it was accidentally removed in a previous release
@@ -323,6 +334,7 @@ This release also includes:
 ### Patch Changes
 
 - [#2775](https://github.com/adobe/spectrum-css/pull/2775) [`2452637`](https://github.com/adobe/spectrum-css/commit/2452637d1179b9b2b025dafeb5834720712413d7) Thanks [@castastrophe](https://github.com/castastrophe)!
+
 - Dependency minor and patch updates to support new features in tools leveraged
 
 ## 10.0.2
@@ -337,6 +349,7 @@ This release also includes:
 ### Patch Changes
 
 - [#2772](https://github.com/adobe/spectrum-css/pull/2772) [`344b8f4`](https://github.com/adobe/spectrum-css/commit/344b8f43d8b028c5e9ae87d1b7c10ffa257e7fa4) Thanks [@castastrophe](https://github.com/castastrophe)!
+
 - Align versions to the latest local package version instead of fetching it externally
 
 ## 10.0.0

components/button/CHANGELOG.md

@@ -6,9 +6,6 @@
 
 - [#3600](https://github.com/adobe/spectrum-css/pull/3600) [`bb845cb`](https://github.com/adobe/spectrum-css/commit/bb845cb2477d0c218a9675169f157b047c028222) Thanks [@rise-erpelding](https://github.com/rise-erpelding)! - Adjust border colors for static black and static white outline buttons, primary variant to match S2 spec.
 
-All notable changes to this project will be documented in this file.
-See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
-
 ## 14.1.1
 
 ### Patch Changes

plugins/postcss-rgb-mapping/CHANGELOG.md

@@ -5,4 +5,5 @@
 ### Major Changes
 
 - [#3502](https://github.com/adobe/spectrum-css/pull/3502) [`562396e`](https://github.com/adobe/spectrum-css/commit/562396eaf21769341f78ea3761393b65f00e751b) Thanks [@castastrophe](https://github.com/castastrophe)!
+
 - Migrated the `postcss-rgb-mapping` package into the new `@spectrum-tools` namespace so updates may shipped and shared among other projects.

plugins/stylelint-no-missing-var/CHANGELOG.md

@@ -5,13 +5,15 @@
 ### Patch Changes
 
 - [#3026](https://github.com/adobe/spectrum-css/pull/3026) [`544a803`](https://github.com/adobe/spectrum-css/commit/544a8039e84423a4db3137a0688f27b7812e291f) Thanks [@castastrophe](https://github.com/castastrophe)!
+
 - Dependency updates to align with versions used in the parent repository.
 
 ## 2.0.0
 
 ### Major Changes
 
 - [#2780](https://github.com/adobe/spectrum-css/pull/2780) [`7fea737`](https://github.com/adobe/spectrum-css/commit/7fea7371c810cd150272f8dfd964741250768714) Thanks [@castastrophe](https://github.com/castastrophe)!
+
 - Upgrades packages to support Stylelint v16 and leveraging ESM. Drops support for v14 and v15 in this release.
 
 ## 1.3.2

tasks/compare-compiled-output.js

@@ -150,7 +150,7 @@ async function generateDiff({
 			...renderData,
 			html,
 		},
-		join(outputPath, `index.html`)
+		join(outputPath, "index.html")
 	);
 }
 
@@ -197,7 +197,8 @@ async function processComponent(
 		const files =
 			(await fg("**/*.css", { cwd: join(cwd, component, "dist") })) ?? [];
 		files.forEach((file) => filelist.add(file));
-	} else {
+	}
+	else {
 		warnings.push(
 			`${
 				`${relative(pathing.root, join(cwd, component))}`.yellow
@@ -236,7 +237,8 @@ async function processComponent(
 					(tarballFile.status && tarballFile.status !== 200)
 				) {
 					log.error(`Failed to fetch release content for ${pkg.name}`);
-				} else {
+				}
+				else {
 					await writeFile(tarballPath, await tarballFile.buffer(), {
 						encoding: "utf-8",
 					});
@@ -306,7 +308,6 @@ async function processComponent(
 }
 
 async function processFile(filename, localPath, comparePath) {
-	const componentName = localPath.split("/")[localPath.split("/").length - 2];
 	const data = {};
 
 	// Look for the file locally
@@ -456,18 +457,18 @@ async function main(
 			const { local, npm } = fileMap.get(file);
 
 			const indicatorColor = (localSize, tagSize = 0) => {
-				if (localSize < tagSize) return 'green';
-				if (localSize > tagSize) return 'red';
-				else return 'gray';
+				if (localSize < tagSize) return "green";
+				if (localSize > tagSize) return "red";
+				else return "gray";
 			};
 
 			const localSize = local?.size && `${bytesToSize(local.size)}`[indicatorColor(local.size, npm?.size)];
 			const tagSize = npm?.size && `${bytesToSize(npm.size)}`.gray;
 
 			log.writeTable([
 				`${file}`.green,
-				localSize ?? `** removed **`.red,
-				tagSize ?? `** new **`.yellow,
+				localSize ?? "** removed **".red,
+				tagSize ?? "** new **".yellow,
 			], { min: 25, max: maxColumnWidth + 15 });
 
 			if (local?.size && npm?.size && local.size !== npm.size) {

tools/generator/CHANGELOG.md

@@ -5,20 +5,23 @@
 ### Minor Changes
 
 - [#3139](https://github.com/adobe/spectrum-css/pull/3139) [`5c8eb7f`](https://github.com/adobe/spectrum-css/commit/5c8eb7f1960fe3a72889dea0c3421c9fbb99d781) Thanks [@castastrophe](https://github.com/castastrophe)!
+
 - Update mdx template to include TaggedReleases and ComponentDetails
 
 ## 4.0.2
 
 ### Patch Changes
 
 - [#2775](https://github.com/adobe/spectrum-css/pull/2775) [`2452637`](https://github.com/adobe/spectrum-css/commit/2452637d1179b9b2b025dafeb5834720712413d7) Thanks [@castastrophe](https://github.com/castastrophe)!
+
 - Dependency minor and patch updates to support new features in tools leveraged
 
 ## 4.0.1
 
 ### Patch Changes
 
 - [#2726](https://github.com/adobe/spectrum-css/pull/2726) [`add5ac2`](https://github.com/adobe/spectrum-css/commit/add5ac24d0cfea2baba4a2ceab8e71f07473797e) Thanks [@castastrophe](https://github.com/castastrophe)!
+
 - The plopfile entry point leveraged a require.resolve in an ES module format without setting up the require functionality first
 
 ## 4.0.0

tools/generator/templates/index.css.hbs

@@ -12,16 +12,16 @@
  */
 
 .spectrum-{{ pascalCase name }} {
-  // color: var(--highcontrast-{{ folderName }}-content-color-default, var(--mod-{{ folderName }}-content-color-default, var(--spectrum-{{ folderName }}-content-color-default)));
-
-  &.spectrum-{{ pascalCase name }}--sizeS {}
-  &.spectrum-{{ pascalCase name }}--sizeL {}
-  &.spectrum-{{ pascalCase name }}--sizeXL {}
+  // color: var(--highcontrast-{{ folderName }}-content-color, var(--mod-{{ folderName }}-content-color, var(--spectrum-{{ folderName }}-content-color)));
 }
 
+.spectrum-{{ pascalCase name }}--sizeS {}
+.spectrum-{{ pascalCase name }}--sizeL {}
+.spectrum-{{ pascalCase name }}--sizeXL {}
+
 @media (forced-colors: active) {
   .spectrum-{{ pascalCase name }} {
-    --highcontrast-{{ folderName }}-content-color-default: CanvasText;
+    --highcontrast-{{ folderName }}-content-color: CanvasText;
 
     forced-color-adjust: none;
   }

ui-icons/CHANGELOG.md

@@ -1,26 +1,17 @@
 # Change log
 
-All notable changes to this project will be documented in this file.
-See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
-
-<a name="1.1.2"></a>
-
 ## 1.1.2
 
-🗓 2024-02-06
+🗓 2024-02-06 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/[email protected]...@spectrum-css/[email protected])
 
 **Note:** Version bump only for package @spectrum-css/ui-icons
 
-<a name="1.1.1"></a>
-
 ## 1.1.1
 
 🗓 2024-01-16 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/[email protected]...@spectrum-css/[email protected])
 
 **Note:** Version bump only for package @spectrum-css/ui-icons
 
-<a name="1.1.0"></a>
-
 ## 1.1.0
 
 🗓 2023-12-12 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/[email protected]...@spectrum-css/[email protected])
@@ -29,8 +20,6 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
 
 - **ui-icons:**graduate to 1.0 release ([#2366](https://github.com/adobe/spectrum-css/issues/2366))([afd369a](https://github.com/adobe/spectrum-css/commit/afd369a))
 
-<a name="0.1.0"></a>
-
 ## 0.1.0
 
 🗓 2023-12-12