build: migrate from nx to workspaces

.eslintrc

@@ -55,28 +55,6 @@
 				"jsonc/sort-keys": [0]
 			}
 		},
-		{
-			"files": ["project.json"],
-			"rules": {
-				"jsonc/sort-keys": [
-					"warn",
-					{
-						"pathPattern": "^$",
-						"order": [
-							"$schema",
-							"name",
-							"tags",
-							"implicitDependencies",
-							"targets"
-						]
-					},
-					{
-						"pathPattern": ".*",
-						"order": { "type": "asc" }
-					}
-				]
-			}
-		},
 		{
 			"files": ["package.json"],
 			"rules": {

.github/actions/file-diff/package.json

@@ -5,7 +5,20 @@
   "description": "A GitHub Action to compare asset sizes and generate a diff if changes are found.",
   "license": "Apache-2.0",
   "author": "Adobe",
+  "homepage": "https://opensource.adobe.com/spectrum-css",
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/adobe/spectrum-css.git",
+    "directory": ".github/actions/file-diff"
+  },
+  "bugs": {
+    "url": "https://github.com/adobe/spectrum-css/issues"
+  },
   "main": "index.js",
+  "files": [
+    "*.md",
+    "package.json"
+  ],
   "dependencies": {
     "@actions/artifact": "^2.1.11",
     "@actions/core": "^1.11.1",

.github/dependabot.yml

@@ -41,10 +41,6 @@ updates:
               patterns:
                   - "@commitlint/*"
                   - "commitlint"
-          nx-ecosystem:
-              patterns:
-                  - "@nx/*"
-                  - "nx"
 
     - package-ecosystem: "github-actions"
       directory: "/"

.github/workflows/build.yml

@@ -10,8 +10,6 @@ name: Validate successful build
 # to the workflow run. This allows us to download the compiled assets and use
 # them in other workflows.
 #
-# Note: we need to skip the nx cache b/c it does not contain the compiled assets
-#
 
 on:
     workflow_dispatch:

.gitignore

@@ -10,7 +10,6 @@ dist
 
 temp
 .npmrc*
-.nx
 .env
 .tmp
 npm-debug.log*
@@ -19,7 +18,6 @@ npm-debug.log*
 lerna-debug.log
 yarn-error.log
 package-lock.json
-.nx
 
 # Storybook build output
 .storybook/storybook-static

.storybook/package.json

@@ -25,7 +25,21 @@
 	},
 	"module": "main.js",
 	"scripts": {
-		"build": "cross-env NODE_ENV=development storybook build --config-dir . --output-dir ./storybook-static"
+		"build": "cross-env NODE_OPTIONS=\"--no-warnings\" storybook build --config-dir . --output-dir ./storybook-static",
+		"build:docs": "cross-env NODE_OPTIONS=\"--no-warnings\" storybook build --config-dir . --output-dir ../dist",
+		"build:ci": "cross-env NODE_OPTIONS=\"--no-warnings\" storybook build --config-dir .",
+		"clean": "rimraf ./storybook-static && test -d ./storybook-static && echo \"Error: ./storybook-static directory could not be removed\" && exit 1 || exit 0",
+		"clean:docs": "rimraf ../dist && test -d ../dist && echo \"Error: ../dist directory could not be removed\" && exit 1 || exit 0",
+		"format": "npm-run-all --parallel format:*",
+		"format:styles": "stylelint --cache --allow-empty-input --fix assets/*.css --ignore-pattern dist",
+		"format:scripts": "eslint --fix --cache --no-error-on-unmatched-pattern *.{js,json} **/*.js --ignore-pattern \"!.storybook/\"",
+		"format:content": "prettier --write --cache --log-level error --ignore-unknown --no-error-on-unmatched-pattern *.{md,mdx} **/*.{md,mdx}",
+		"lint": "npm-run-all --parallel lint:*",
+		"lint:styles": "stylelint --cache --allow-empty-input --report-descriptionless-disables --report-invalid-scope-disables --report-needless-disables assets/*.css --ignore-pattern dist",
+		"lint:scripts": "eslint --cache --no-error-on-unmatched-pattern --report-unused-disable-directives *.{js,json} **/*.js --ignore-pattern \"!.storybook/\" || exit 0",
+		"start": "cross-env NODE_OPTIONS=\"--no-warnings\" WATCH_MODE=true storybook dev --port 8080 --config-dir .",
+		"test": "chromatic --only-changed --build-script-name build --junit-report",
+		"test:scope": "chromatic --build-script-name build --junit-report --only-story-names"
 	},
 	"dependencies": {
 		"@adobe/spectrum-css-workflow-icons": "^1.5.4",
@@ -70,5 +84,24 @@
 		"rollup-plugin-postcss-lit": "^2.1.0",
 		"storybook": "^8.4.7",
 		"vite": "^5.4.11"
-	}
+	},
+	"repository": {
+		"type": "git",
+		"url": "https://github.com/adobe/spectrum-css.git",
+		"directory": ".storybook"
+	},
+	"bugs": {
+		"url": "https://github.com/adobe/spectrum-css/issues"
+	},
+	"keywords": [
+		"design-system",
+		"spectrum",
+		"spectrum-css",
+		"adobe",
+		"adobe-spectrum"
+	],
+	"files": [
+		"*.md",
+		"package.json"
+	]
 }

components/accordion/metadata/metadata.json

@@ -17,15 +17,22 @@
     ".spectrum-Accordion-item.is-disabled .spectrum-Accordion-itemContent",
     ".spectrum-Accordion-item.is-disabled .spectrum-Accordion-itemHeader",
     ".spectrum-Accordion-item.is-disabled .spectrum-Accordion-itemHeader + .spectrum-Accordion-itemIconContainer",
+    ".spectrum-Accordion-item.is-disabled .spectrum-Accordion-itemHeader.is-focus-visible",
+    ".spectrum-Accordion-item.is-disabled .spectrum-Accordion-itemHeader.is-hover",
     ".spectrum-Accordion-item.is-disabled .spectrum-Accordion-itemHeader:focus-visible",
     ".spectrum-Accordion-item.is-disabled .spectrum-Accordion-itemHeader:hover",
+    ".spectrum-Accordion-item.is-open .spectrum-Accordion-itemHeader.is-hover",
     ".spectrum-Accordion-item.is-open .spectrum-Accordion-itemHeader:hover",
     ".spectrum-Accordion-item.is-open > .spectrum-Accordion-itemContent",
     ".spectrum-Accordion-item.is-open > .spectrum-Accordion-itemHeading > .spectrum-Accordion-itemIconContainer > .spectrum-Accordion-itemIndicator",
     ".spectrum-Accordion-item.is-open > .spectrum-Accordion-itemIconContainer > .spectrum-Accordion-itemIndicator",
     ".spectrum-Accordion-item:first-child",
     ".spectrum-Accordion-itemContent",
     ".spectrum-Accordion-itemHeader",
+    ".spectrum-Accordion-itemHeader.is-active",
+    ".spectrum-Accordion-itemHeader.is-focus-visible",
+    ".spectrum-Accordion-itemHeader.is-hover",
+    ".spectrum-Accordion-itemHeader.is-hover + .spectrum-Accordion-itemIconContainer",
     ".spectrum-Accordion-itemHeader:active",
     ".spectrum-Accordion-itemHeader:after",
     ".spectrum-Accordion-itemHeader:focus",
@@ -40,6 +47,8 @@
     ".spectrum-Accordion:lang(ja)",
     ".spectrum-Accordion:lang(ko)",
     ".spectrum-Accordion:lang(zh)",
+    ".spectrum.spectrum--express",
+    ".spectrum.spectrum--legacy",
     "[dir=\"rtl\"] .spectrum-Accordion",
     "[dir=\"rtl\"] .spectrum-Accordion-itemIconContainer"
   ],
@@ -189,6 +198,7 @@
     "--spectrum-font-size-500",
     "--spectrum-font-size-700",
     "--spectrum-gray-200",
+    "--spectrum-gray-300",
     "--spectrum-gray-900-rgb",
     "--spectrum-line-height-100",
     "--spectrum-logical-rotation",

components/accordion/package.json

@@ -4,7 +4,7 @@
 	"description": "The Spectrum CSS accordion component",
 	"license": "Apache-2.0",
 	"author": "Adobe",
-	"homepage": "https://opensource.adobe.com/spectrum-css/accordion",
+	"homepage": "https://opensource.adobe.com/spectrum-css/?path=/docs/components-accordion--docs",
 	"repository": {
 		"type": "git",
 		"url": "https://github.com/adobe/spectrum-css.git",
@@ -21,28 +21,51 @@
 		"./index.css": "./dist/index.css",
 		"./metadata.json": "./metadata/metadata.json",
 		"./metadata/*": "./metadata/*",
-		"./package.json": "./package.json"
+		"./package.json": "./package.json",
+		"./stories/*": "./stories/*"
 	},
 	"main": "dist/index.css",
 	"files": [
 		"dist/*",
 		"*.md",
 		"package.json",
-		"metadata/*"
+		"metadata/*",
+		"stories/*"
 	],
+	"scripts": {
+		"build": "yarn run component:build accordion",
+		"build:full": "yarn report",
+		"clean": "rimraf dist && test -d dist && echo \"Error: dist directory could not be removed\" && exit 1 || exit 0",
+		"compare": "yarn run component:compare accordion",
+		"format": "run-p \"format:*\"",
+		"format:content": "prettier --write --cache --log-level error --ignore-unknown --no-error-on-unmatched-pattern *.{md,mdx} **/*.{md,mdx}",
+		"format:scripts": "eslint --fix --cache --no-error-on-unmatched-pattern *.json stories/*.js",
+		"format:styles": "stylelint --fix --cache --allow-empty-input *.css **/*.css --ignore-pattern dist",
+		"lint": "run-p \"lint:*\"",
+		"lint:scripts": "eslint --cache --no-error-on-unmatched-pattern --report-unused-disable-directives *.json stories/*.js",
+		"lint:styles": "stylelint --cache --allow-empty-input --report-descriptionless-disables --report-invalid-scope-disables --report-needless-disables *.css **/*.css --ignore-pattern dist",
+		"report": "yarn run component:report accordion"
+	},
 	"peerDependencies": {
 		"@spectrum-css/icon": ">=7",
 		"@spectrum-css/tokens": ">=14"
 	},
 	"devDependencies": {
-		"@spectrum-css/icon": "workspace:^",
-		"@spectrum-css/tokens": "workspace:^"
+		"@spectrum-css/icon": "8.0.0-s2-foundations.18",
+		"@spectrum-css/tokens": "15.0.0-s2-foundations.31",
+		"eslint": "^8.57.0",
+		"npm-run-all2": "^7.0.2",
+		"prettier": "^3.4.2",
+		"stylelint": "^16.9.0"
 	},
 	"keywords": [
+		"design-system",
 		"spectrum",
-		"css",
-		"design system",
-		"adobe"
+		"spectrum-css",
+		"adobe",
+		"adobe-spectrum",
+		"component",
+		"css"
 	],
 	"publishConfig": {
 		"access": "public"