diff --git a/.eslintrc b/.eslintrc index 7f5f49de513..9a84d2dfcd2 100644 --- a/.eslintrc +++ b/.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": { diff --git a/.github/actions/file-diff/package.json b/.github/actions/file-diff/package.json index 1e20c503902..591e5e1da6e 100644 --- a/.github/actions/file-diff/package.json +++ b/.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", diff --git a/.github/dependabot.yml b/.github/dependabot.yml index 35324f69438..05ba58905db 100644 --- a/.github/dependabot.yml +++ b/.github/dependabot.yml @@ -41,10 +41,6 @@ updates: patterns: - "@commitlint/*" - "commitlint" - nx-ecosystem: - patterns: - - "@nx/*" - - "nx" - package-ecosystem: "github-actions" directory: "/" diff --git a/.github/workflows/build.yml b/.github/workflows/build.yml index 6fccd0c38f3..7d219728aeb 100644 --- a/.github/workflows/build.yml +++ b/.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: diff --git a/.gitignore b/.gitignore index 17d143d6cbe..678f39b0f58 100644 --- a/.gitignore +++ b/.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 diff --git a/.storybook/package.json b/.storybook/package.json index 729a2ebbcbf..4efded6b42f 100644 --- a/.storybook/package.json +++ b/.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" + ] } diff --git a/.storybook/project.json b/.storybook/project.json deleted file mode 100644 index 35987674c76..00000000000 --- a/.storybook/project.json +++ /dev/null @@ -1,124 +0,0 @@ -{ - "name": "storybook", - "namedInputs": { - "tools": [ - "{projectRoot}/assets", - "{projectRoot}/blocks", - "{projectRoot}/decorators", - "{projectRoot}/deprecated", - "{projectRoot}/guides", - "{projectRoot}/loaders", - "{projectRoot}/modes", - "{projectRoot}/templates", - "{projectRoot}/types", - "{projectRoot}/*.{js,html,mdx}" - ] - }, - "targets": { - "build": { - "configurations": { - "ci": { - "commands": ["cross-env NODE_OPTIONS=\"--no-warnings\" storybook build --config-dir ."] - }, - "docs": { - "commands": [ - "cross-env NODE_OPTIONS=\"--no-warnings\" storybook build --config-dir . --output-dir ../dist" - ], - "outputs": ["{workspaceRoot}/dist"] - } - }, - "dependsOn": ["clean", "^build", { "target": "report", "tag": "component" }], - "executor": "nx:run-commands", - "inputs": ["tools", { "externalDependencies": ["storybook"] }], - "options": { - "commands": [ - "cross-env NODE_OPTIONS=\"--no-warnings\" storybook build --config-dir . --output-dir ./storybook-static" - ], - "cwd": "{projectRoot}" - }, - "outputs": ["{projectRoot}/storybook-static"] - }, - "clean": { - "configurations": { - "docs": { - "commands": [ - "rimraf dist", - "test -d dist && echo \"Error: dist directory could not be removed\" && exit 1 || exit 0" - ], - "cwd": "{workspaceRoot}", - "inputs": [ - "{workspaceRoot}/dist", - { "externalDependencies": ["rimraf"] } - ] - } - }, - "executor": "nx:run-commands", - "inputs": [ - "{projectRoot}/storybook-static", - { "externalDependencies": ["rimraf"] } - ], - "options": { - "commands": [ - "rimraf storybook-static", - "test -d storybook-static && echo \"Error: storybook-static directory could not be removed\" && exit 1 || exit 0" - ], - "cwd": "{projectRoot}", - "parallel": false - } - }, - "format": { - "options": { - "commands": [ - "prettier --write --cache --log-level error --ignore-unknown --no-error-on-unmatched-pattern {projectRoot}/assets/*.css && stylelint --fix --cache --allow-empty-input {projectRoot}/assets/*.css", - "eslint --fix --cache --no-error-on-unmatched-pattern {projectRoot}/*.{js,json} {projectRoot}/**/*.js --ignore-pattern \"!.storybook/\"", - "prettier --write --cache --log-level error --ignore-unknown --no-error-on-unmatched-pattern {projectRoot}/*.{md,mdx} {projectRoot}/**/*.{md,mdx}" - ] - } - }, - "lint": { - "options": { - "commands": [ - "stylelint --cache --allow-empty-input --report-descriptionless-disables --report-invalid-scope-disables --report-needless-disables {projectRoot}/assets/*.css --ignore-pattern {projectRoot}/dist", - "eslint --cache --no-error-on-unmatched-pattern --report-unused-disable-directives {projectRoot}/*.{js,json} {projectRoot}/**/*.js --ignore-pattern \"!.storybook/\" || exit 0" - ] - } - }, - "start": { - "cache": true, - "dependsOn": [{ "target": "report", "projects": "tag:component" }, "^build"], - "executor": "nx:run-commands", - "inputs": [ - "tools", - { "externalDependencies": ["storybook"] }, - { "env": "WATCH_MODE" } - ], - "options": { - "commands": ["cross-env NODE_OPTIONS=\"--no-warnings\" WATCH_MODE=true storybook dev --port 8080 --config-dir ."], - "cwd": "{projectRoot}" - } - }, - "test": { - "cache": true, - "configurations": { - "scope": { - "commands": [ - "chromatic --build-script-name build --junit-report --only-story-names" - ] - } - }, - "executor": "nx:run-commands", - "inputs": [ - "tools", - { "externalDependencies": ["chromatic", "storybook"] }, - { "env": "CHROMATIC_PROJECT_TOKEN" }, - { "env": "NODE_ENV" } - ], - "options": { - "commands": [ - "chromatic --only-changed --build-script-name build --junit-report" - ], - "cwd": "{projectRoot}" - } - } - } -} diff --git a/components/accordion/metadata/metadata.json b/components/accordion/metadata/metadata.json index ff47de4a439..a5ae81eabeb 100644 --- a/components/accordion/metadata/metadata.json +++ b/components/accordion/metadata/metadata.json @@ -17,8 +17,11 @@ ".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", @@ -26,6 +29,10 @@ ".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", diff --git a/components/accordion/package.json b/components/accordion/package.json index f0ca07a6f2d..b90d752e7cb 100644 --- a/components/accordion/package.json +++ b/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" diff --git a/components/accordion/project.json b/components/accordion/project.json deleted file mode 100644 index 23341d22037..00000000000 --- a/components/accordion/project.json +++ /dev/null @@ -1,17 +0,0 @@ -{ - "$schema": "../../node_modules/nx/schemas/project-schema.json", - "name": "accordion", - "tags": ["component"], - "targets": { - "build": {}, - "clean": {}, - "compare": {}, - "format": {}, - "lint": {}, - "report": {}, - "test": { - "defaultConfiguration": "scope" - }, - "validate": {} - } -} diff --git a/components/actionbar/CHANGELOG.md b/components/action-bar/CHANGELOG.md similarity index 100% rename from components/actionbar/CHANGELOG.md rename to components/action-bar/CHANGELOG.md diff --git a/components/actionbar/README.md b/components/action-bar/README.md similarity index 100% rename from components/actionbar/README.md rename to components/action-bar/README.md diff --git a/components/actionbar/index.css b/components/action-bar/index.css similarity index 100% rename from components/actionbar/index.css rename to components/action-bar/index.css diff --git a/components/actionbar/metadata/metadata.json b/components/action-bar/metadata/metadata.json similarity index 96% rename from components/actionbar/metadata/metadata.json rename to components/action-bar/metadata/metadata.json index 3632db90bf7..5f7a68842d1 100644 --- a/components/actionbar/metadata/metadata.json +++ b/components/action-bar/metadata/metadata.json @@ -17,7 +17,9 @@ ".spectrum-ActionBar.is-open", ".spectrum-ActionBar:lang(ja)", ".spectrum-ActionBar:lang(ko)", - ".spectrum-ActionBar:lang(zh)" + ".spectrum-ActionBar:lang(zh)", + ".spectrum.spectrum--express", + ".spectrum.spectrum--legacy" ], "modifiers": [ "--mod-actionbar-corner-radius", @@ -79,6 +81,7 @@ "--spectrum-font-size-100", "--spectrum-gray-25", "--spectrum-gray-400", + "--spectrum-gray-50", "--spectrum-informative-background-color-default", "--spectrum-line-height-100", "--spectrum-neutral-content-color-default", diff --git a/components/actionbar/metadata/mods.md b/components/action-bar/metadata/mods.md similarity index 100% rename from components/actionbar/metadata/mods.md rename to components/action-bar/metadata/mods.md diff --git a/components/action-bar/package.json b/components/action-bar/package.json new file mode 100644 index 00000000000..8f5d05c8319 --- /dev/null +++ b/components/action-bar/package.json @@ -0,0 +1,86 @@ +{ + "name": "@spectrum-css/actionbar", + "version": "9.0.0-s2-foundations.17", + "description": "The action bar component is a floating full width bar that appears upon selection. Action bars are used for single and bulk selection patterns, when a user needs to perform actions on either a single or multiple items at the same time.", + "license": "Apache-2.0", + "author": "Adobe", + "homepage": "https://opensource.adobe.com/spectrum-css/?path=/docs/components-action-bar--docs", + "repository": { + "type": "git", + "url": "https://github.com/adobe/spectrum-css.git", + "directory": "components/action-bar" + }, + "bugs": { + "url": "https://github.com/adobe/spectrum-css/issues" + }, + "exports": { + ".": "./dist/index.css", + "./*.md": "./*.md", + "./dist/*": "./dist/*", + "./index-*.css": "./dist/index-*.css", + "./index.css": "./dist/index.css", + "./metadata.json": "./metadata/metadata.json", + "./metadata/*": "./metadata/*", + "./package.json": "./package.json", + "./stories/*": "./stories/*" + }, + "main": "dist/index.css", + "files": [ + "dist/*", + "*.md", + "package.json", + "metadata/*", + "stories/*" + ], + "scripts": { + "build": "yarn run component:build action-bar", + "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 action-bar", + "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 action-bar" + }, + "peerDependencies": { + "@spectrum-css/actiongroup": ">=5", + "@spectrum-css/closebutton": ">=5", + "@spectrum-css/fieldlabel": ">=8", + "@spectrum-css/popover": ">=7", + "@spectrum-css/tokens": ">=14" + }, + "devDependencies": { + "@spectrum-css/actiongroup": "6.0.0-s2-foundations.17", + "@spectrum-css/closebutton": "6.0.0-s2-foundations.17", + "@spectrum-css/fieldlabel": "9.0.0-s2-foundations.17", + "@spectrum-css/popover": "8.0.0-s2-foundations.17", + "@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", + "spectrum-css", + "adobe", + "adobe-spectrum", + "component", + "css" + ], + "publishConfig": { + "access": "public" + }, + "spectrum": [ + { + "guidelines": "https://spectrum.adobe.com/page/action-bar", + "rootClass": "spectrum-ActionBar", + "swc": "https://opensource.adobe.com/spectrum-web-components/components/action-bar/" + } + ] +} diff --git a/components/actionbar/stories/actionbar.stories.js b/components/action-bar/stories/actionbar.stories.js similarity index 100% rename from components/actionbar/stories/actionbar.stories.js rename to components/action-bar/stories/actionbar.stories.js diff --git a/components/actionbar/stories/actionbar.test.js b/components/action-bar/stories/actionbar.test.js similarity index 100% rename from components/actionbar/stories/actionbar.test.js rename to components/action-bar/stories/actionbar.test.js diff --git a/components/actionbar/stories/template.js b/components/action-bar/stories/template.js similarity index 100% rename from components/actionbar/stories/template.js rename to components/action-bar/stories/template.js diff --git a/components/actionbar/themes/express.css b/components/action-bar/themes/express.css similarity index 100% rename from components/actionbar/themes/express.css rename to components/action-bar/themes/express.css diff --git a/components/actionbar/themes/spectrum-two.css b/components/action-bar/themes/spectrum-two.css similarity index 100% rename from components/actionbar/themes/spectrum-two.css rename to components/action-bar/themes/spectrum-two.css diff --git a/components/actionbar/themes/spectrum.css b/components/action-bar/themes/spectrum.css similarity index 100% rename from components/actionbar/themes/spectrum.css rename to components/action-bar/themes/spectrum.css diff --git a/components/actionbutton/CHANGELOG.md b/components/action-button/CHANGELOG.md similarity index 100% rename from components/actionbutton/CHANGELOG.md rename to components/action-button/CHANGELOG.md diff --git a/components/actionbutton/README.md b/components/action-button/README.md similarity index 100% rename from components/actionbutton/README.md rename to components/action-button/README.md diff --git a/components/actionbutton/index.css b/components/action-button/index.css similarity index 100% rename from components/actionbutton/index.css rename to components/action-button/index.css diff --git a/components/actionbutton/metadata/metadata.json b/components/action-button/metadata/metadata.json similarity index 97% rename from components/actionbutton/metadata/metadata.json rename to components/action-button/metadata/metadata.json index e17f6a5c586..86987f66eed 100644 --- a/components/actionbutton/metadata/metadata.json +++ b/components/action-button/metadata/metadata.json @@ -13,7 +13,11 @@ ".spectrum-ActionButton-icon:only-child", ".spectrum-ActionButton-label", ".spectrum-ActionButton-label:empty", + ".spectrum-ActionButton.is-active", ".spectrum-ActionButton.is-disabled", + ".spectrum-ActionButton.is-focus-visible", + ".spectrum-ActionButton.is-focus-visible:after", + ".spectrum-ActionButton.is-hover", ".spectrum-ActionButton.is-selected", ".spectrum-ActionButton.is-selected .spectrum-ActionButton-hold", ".spectrum-ActionButton.is-selected .spectrum-ActionButton-icon", @@ -33,6 +37,8 @@ ".spectrum-ActionButton:focus-visible", ".spectrum-ActionButton:focus-visible:after", ".spectrum-ActionButton:hover", + ".spectrum.spectrum--express", + ".spectrum.spectrum--legacy", "[dir=\"rtl\"] .spectrum-ActionButton", "a.spectrum-ActionButton" ], @@ -182,10 +188,12 @@ "--spectrum-font-size-75", "--spectrum-gray-100", "--spectrum-gray-200", + "--spectrum-gray-300", "--spectrum-gray-400", "--spectrum-gray-50", "--spectrum-gray-500", "--spectrum-gray-600", + "--spectrum-gray-75", "--spectrum-line-height-100", "--spectrum-logical-rotation", "--spectrum-neutral-background-color-selected-default", @@ -206,6 +214,7 @@ "--spectrum-text-to-visual-75", "--spectrum-transparent-black-100", "--spectrum-transparent-black-200", + "--spectrum-transparent-black-300", "--spectrum-transparent-black-400", "--spectrum-transparent-black-500", "--spectrum-transparent-black-600", @@ -213,6 +222,7 @@ "--spectrum-transparent-black-800", "--spectrum-transparent-black-900", "--spectrum-transparent-white-200", + "--spectrum-transparent-white-300", "--spectrum-transparent-white-400", "--spectrum-transparent-white-500", "--spectrum-transparent-white-600", diff --git a/components/actionbutton/metadata/mods.md b/components/action-button/metadata/mods.md similarity index 100% rename from components/actionbutton/metadata/mods.md rename to components/action-button/metadata/mods.md diff --git a/components/action-button/package.json b/components/action-button/package.json new file mode 100644 index 00000000000..73a2beac897 --- /dev/null +++ b/components/action-button/package.json @@ -0,0 +1,86 @@ +{ + "name": "@spectrum-css/actionbutton", + "version": "7.0.0-s2-foundations.24", + "description": "The Spectrum CSS action button component", + "license": "Apache-2.0", + "author": "Adobe", + "homepage": "https://opensource.adobe.com/spectrum-css/?path=/docs/components-action-button--docs", + "repository": { + "type": "git", + "url": "https://github.com/adobe/spectrum-css.git", + "directory": "components/action-button" + }, + "bugs": { + "url": "https://github.com/adobe/spectrum-css/issues" + }, + "exports": { + ".": "./dist/index.css", + "./*.md": "./*.md", + "./dist/*": "./dist/*", + "./index-*.css": "./dist/index-*.css", + "./index.css": "./dist/index.css", + "./metadata.json": "./metadata/metadata.json", + "./metadata/*": "./metadata/*", + "./package.json": "./package.json", + "./stories/*": "./stories/*" + }, + "main": "dist/index.css", + "files": [ + "dist/*", + "*.md", + "package.json", + "metadata/*", + "stories/*" + ], + "scripts": { + "build": "yarn run component:build action-button", + "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 action-button", + "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 action-button" + }, + "peerDependencies": { + "@spectrum-css/icon": ">=7", + "@spectrum-css/tokens": ">=14" + }, + "peerDependenciesMeta": { + "@spectrum-css/icon": { + "optional": true + } + }, + "devDependencies": { + "@spectrum-css/commons": "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", + "spectrum-css", + "adobe", + "adobe-spectrum", + "component", + "css" + ], + "publishConfig": { + "access": "public" + }, + "spectrum": [ + { + "guidelines": "https://spectrum.adobe.com/page/action-button", + "rootClass": "spectrum-ActionButton", + "swc": "https://opensource.adobe.com/spectrum-web-components/components/action-button/" + } + ] +} diff --git a/components/actionbutton/stories/actionbutton.stories.js b/components/action-button/stories/actionbutton.stories.js similarity index 100% rename from components/actionbutton/stories/actionbutton.stories.js rename to components/action-button/stories/actionbutton.stories.js diff --git a/components/actionbutton/stories/actionbutton.test.js b/components/action-button/stories/actionbutton.test.js similarity index 100% rename from components/actionbutton/stories/actionbutton.test.js rename to components/action-button/stories/actionbutton.test.js diff --git a/components/actionbutton/stories/template.js b/components/action-button/stories/template.js similarity index 100% rename from components/actionbutton/stories/template.js rename to components/action-button/stories/template.js diff --git a/components/actionbutton/themes/express.css b/components/action-button/themes/express.css similarity index 100% rename from components/actionbutton/themes/express.css rename to components/action-button/themes/express.css diff --git a/components/actionbutton/themes/spectrum-two.css b/components/action-button/themes/spectrum-two.css similarity index 100% rename from components/actionbutton/themes/spectrum-two.css rename to components/action-button/themes/spectrum-two.css diff --git a/components/actionbutton/themes/spectrum.css b/components/action-button/themes/spectrum.css similarity index 100% rename from components/actionbutton/themes/spectrum.css rename to components/action-button/themes/spectrum.css diff --git a/components/actiongroup/CHANGELOG.md b/components/action-group/CHANGELOG.md similarity index 100% rename from components/actiongroup/CHANGELOG.md rename to components/action-group/CHANGELOG.md diff --git a/components/actiongroup/README.md b/components/action-group/README.md similarity index 100% rename from components/actiongroup/README.md rename to components/action-group/README.md diff --git a/components/actiongroup/index.css b/components/action-group/index.css similarity index 100% rename from components/actiongroup/index.css rename to components/action-group/index.css diff --git a/components/actiongroup/metadata/metadata.json b/components/action-group/metadata/metadata.json similarity index 86% rename from components/actiongroup/metadata/metadata.json rename to components/action-group/metadata/metadata.json index c78e7d30965..608d024f18f 100644 --- a/components/actiongroup/metadata/metadata.json +++ b/components/action-group/metadata/metadata.json @@ -3,6 +3,7 @@ "selectors": [ ".spectrum-ActionGroup", ".spectrum-ActionGroup .spectrum-ActionGroup-item", + ".spectrum-ActionGroup .spectrum-ActionGroup-item.is-focus-visible", ".spectrum-ActionGroup .spectrum-ActionGroup-item:focus-visible", ".spectrum-ActionGroup--compact", ".spectrum-ActionGroup--compact.spectrum-ActionGroup--vertical:not(.spectrum-ActionGroup--quiet)", @@ -14,6 +15,8 @@ ".spectrum-ActionGroup--compact:not(.spectrum-ActionGroup--quiet) .spectrum-ActionGroup-item", ".spectrum-ActionGroup--compact:not(.spectrum-ActionGroup--quiet) .spectrum-ActionGroup-item + .spectrum-ActionGroup-item", ".spectrum-ActionGroup--compact:not(.spectrum-ActionGroup--quiet) .spectrum-ActionGroup-item .spectrum-ActionButton-label", + ".spectrum-ActionGroup--compact:not(.spectrum-ActionGroup--quiet) .spectrum-ActionGroup-item.is-focus-visible", + ".spectrum-ActionGroup--compact:not(.spectrum-ActionGroup--quiet) .spectrum-ActionGroup-item.is-hover", ".spectrum-ActionGroup--compact:not(.spectrum-ActionGroup--quiet) .spectrum-ActionGroup-item.is-selected", ".spectrum-ActionGroup--compact:not(.spectrum-ActionGroup--quiet) .spectrum-ActionGroup-item:first-child", ".spectrum-ActionGroup--compact:not(.spectrum-ActionGroup--quiet) .spectrum-ActionGroup-item:focus-visible", @@ -26,9 +29,12 @@ ".spectrum-ActionGroup--sizeXL", ".spectrum-ActionGroup--sizeXS", ".spectrum-ActionGroup--vertical", - ".spectrum-ActionGroup:not(.spectrum-ActionGroup--vertical, .spectrum-ActionGroup--compact) .spectrum-ActionGroup-item" + ".spectrum-ActionGroup:not(.spectrum-ActionGroup--vertical, .spectrum-ActionGroup--compact) .spectrum-ActionGroup-item", + ".spectrum.spectrum--express", + ".spectrum.spectrum--legacy" ], "modifiers": [ + "--mod-actionbutton-focus-indicator-border-radius", "--mod-actiongroup-border-radius", "--mod-actiongroup-border-radius-reset", "--mod-actiongroup-button-spacing-reset", @@ -51,6 +57,7 @@ "global": [ "--spectrum-corner-radius-100", "--spectrum-spacing-100", + "--spectrum-spacing-50", "--spectrum-spacing-75" ], "system-theme": [ @@ -58,6 +65,6 @@ "--system-action-group-horizontal-spacing-compact", "--system-action-group-vertical-spacing-compact" ], - "passthroughs": ["--mod-actionbutton-focus-indicator-border-radius"], + "passthroughs": [], "high-contrast": [] } diff --git a/components/action-group/metadata/mods.md b/components/action-group/metadata/mods.md new file mode 100644 index 00000000000..575ccf5e7e9 --- /dev/null +++ b/components/action-group/metadata/mods.md @@ -0,0 +1,11 @@ +| Modifiable custom properties | +| -------------------------------------------------- | +| `--mod-actionbutton-focus-indicator-border-radius` | +| `--mod-actiongroup-border-radius` | +| `--mod-actiongroup-border-radius-reset` | +| `--mod-actiongroup-button-spacing-reset` | +| `--mod-actiongroup-gap-size-compact` | +| `--mod-actiongroup-horizontal-spacing-compact` | +| `--mod-actiongroup-horizontal-spacing-regular` | +| `--mod-actiongroup-vertical-spacing-compact` | +| `--mod-actiongroup-vertical-spacing-regular` | diff --git a/components/action-group/package.json b/components/action-group/package.json new file mode 100644 index 00000000000..36400be4363 --- /dev/null +++ b/components/action-group/package.json @@ -0,0 +1,85 @@ +{ + "name": "@spectrum-css/actiongroup", + "version": "6.0.0-s2-foundations.17", + "description": "The Spectrum CSS actiongroup component", + "license": "Apache-2.0", + "author": "Adobe", + "homepage": "https://opensource.adobe.com/spectrum-css/?path=/docs/components-action-group--docs", + "repository": { + "type": "git", + "url": "https://github.com/adobe/spectrum-css.git", + "directory": "components/action-group" + }, + "bugs": { + "url": "https://github.com/adobe/spectrum-css/issues" + }, + "exports": { + ".": "./dist/index.css", + "./*.md": "./*.md", + "./dist/*": "./dist/*", + "./index-*.css": "./dist/index-*.css", + "./index.css": "./dist/index.css", + "./metadata.json": "./metadata/metadata.json", + "./metadata/*": "./metadata/*", + "./package.json": "./package.json", + "./stories/*": "./stories/*" + }, + "main": "dist/index.css", + "files": [ + "dist/*", + "*.md", + "package.json", + "metadata/*", + "stories/*" + ], + "scripts": { + "build": "yarn run component:build action-group", + "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 action-group", + "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 action-group" + }, + "peerDependencies": { + "@spectrum-css/actionbutton": ">=6", + "@spectrum-css/tokens": ">=14" + }, + "peerDependenciesMeta": { + "@spectrum-css/actionbutton": { + "optional": true + } + }, + "devDependencies": { + "@spectrum-css/actionbutton": "7.0.0-s2-foundations.24", + "@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", + "spectrum-css", + "adobe", + "adobe-spectrum", + "component", + "css" + ], + "publishConfig": { + "access": "public" + }, + "spectrum": [ + { + "guidelines": "https://spectrum.adobe.com/page/action-group", + "rootClass": "spectrum-ActionGroup", + "swc": "https://opensource.adobe.com/spectrum-web-components/components/action-group/" + } + ] +} diff --git a/components/actiongroup/stories/actiongroup.stories.js b/components/action-group/stories/actiongroup.stories.js similarity index 100% rename from components/actiongroup/stories/actiongroup.stories.js rename to components/action-group/stories/actiongroup.stories.js diff --git a/components/actiongroup/stories/actiongroup.test.js b/components/action-group/stories/actiongroup.test.js similarity index 100% rename from components/actiongroup/stories/actiongroup.test.js rename to components/action-group/stories/actiongroup.test.js diff --git a/components/actiongroup/stories/template.js b/components/action-group/stories/template.js similarity index 100% rename from components/actiongroup/stories/template.js rename to components/action-group/stories/template.js diff --git a/components/actiongroup/themes/express.css b/components/action-group/themes/express.css similarity index 100% rename from components/actiongroup/themes/express.css rename to components/action-group/themes/express.css diff --git a/components/actiongroup/themes/spectrum-two.css b/components/action-group/themes/spectrum-two.css similarity index 100% rename from components/actiongroup/themes/spectrum-two.css rename to components/action-group/themes/spectrum-two.css diff --git a/components/actiongroup/themes/spectrum.css b/components/action-group/themes/spectrum.css similarity index 100% rename from components/actiongroup/themes/spectrum.css rename to components/action-group/themes/spectrum.css diff --git a/components/actionmenu/CHANGELOG.md b/components/action-menu/CHANGELOG.md similarity index 100% rename from components/actionmenu/CHANGELOG.md rename to components/action-menu/CHANGELOG.md diff --git a/components/actionmenu/README.md b/components/action-menu/README.md similarity index 100% rename from components/actionmenu/README.md rename to components/action-menu/README.md diff --git a/components/action-menu/package.json b/components/action-menu/package.json new file mode 100644 index 00000000000..a9aedd84011 --- /dev/null +++ b/components/action-menu/package.json @@ -0,0 +1,84 @@ +{ + "name": "@spectrum-css/actionmenu", + "version": "7.0.0-s2-foundations.16", + "description": "The Spectrum CSS actionmenu component", + "license": "Apache-2.0", + "author": "Adobe", + "homepage": "https://opensource.adobe.com/spectrum-css/?path=/docs/components-action-menu--docs", + "repository": { + "type": "git", + "url": "https://github.com/adobe/spectrum-css.git", + "directory": "components/action-menu" + }, + "bugs": { + "url": "https://github.com/adobe/spectrum-css/issues" + }, + "exports": { + ".": "./dist/index.css", + "./*.md": "./*.md", + "./dist/*": "./dist/*", + "./index-*.css": "./dist/index-*.css", + "./index.css": "./dist/index.css", + "./metadata.json": "./metadata/metadata.json", + "./metadata/*": "./metadata/*", + "./package.json": "./package.json", + "./stories/*": "./stories/*" + }, + "main": "dist/index.css", + "files": [ + "dist/*", + "*.md", + "package.json", + "metadata/*", + "stories/*" + ], + "scripts": { + "build": "yarn run component:build action-menu", + "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 action-menu", + "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 action-menu" + }, + "peerDependencies": { + "@spectrum-css/actionbutton": ">=6", + "@spectrum-css/icon": ">=7", + "@spectrum-css/menu": ">=7", + "@spectrum-css/popover": ">=7", + "@spectrum-css/tokens": ">=14" + }, + "devDependencies": { + "@spectrum-css/actionbutton": "7.0.0-s2-foundations.24", + "@spectrum-css/icon": "8.0.0-s2-foundations.18", + "@spectrum-css/menu": "8.0.0-s2-foundations.17", + "@spectrum-css/popover": "8.0.0-s2-foundations.17", + "@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", + "spectrum-css", + "adobe", + "adobe-spectrum", + "component", + "css" + ], + "publishConfig": { + "access": "public" + }, + "spectrum": [ + { + "swc": "https://opensource.adobe.com/spectrum-web-components/components/action-menu/" + } + ] +} diff --git a/components/actionmenu/stories/actionmenu.stories.js b/components/action-menu/stories/actionmenu.stories.js similarity index 100% rename from components/actionmenu/stories/actionmenu.stories.js rename to components/action-menu/stories/actionmenu.stories.js diff --git a/components/actionmenu/stories/actionmenu.test.js b/components/action-menu/stories/actionmenu.test.js similarity index 100% rename from components/actionmenu/stories/actionmenu.test.js rename to components/action-menu/stories/actionmenu.test.js diff --git a/components/actionmenu/stories/template.js b/components/action-menu/stories/template.js similarity index 100% rename from components/actionmenu/stories/template.js rename to components/action-menu/stories/template.js diff --git a/components/actionbar/package.json b/components/actionbar/package.json deleted file mode 100644 index c8bf63e6010..00000000000 --- a/components/actionbar/package.json +++ /dev/null @@ -1,63 +0,0 @@ -{ - "name": "@spectrum-css/actionbar", - "version": "9.0.0-s2-foundations.17", - "description": "The Spectrum CSS actionbar component", - "license": "Apache-2.0", - "author": "Adobe", - "homepage": "https://opensource.adobe.com/spectrum-css/actionbar", - "repository": { - "type": "git", - "url": "https://github.com/adobe/spectrum-css.git", - "directory": "components/actionbar" - }, - "bugs": { - "url": "https://github.com/adobe/spectrum-css/issues" - }, - "exports": { - ".": "./dist/index.css", - "./*.md": "./*.md", - "./dist/*": "./dist/*", - "./index-*.css": "./dist/index-*.css", - "./index.css": "./dist/index.css", - "./metadata.json": "./metadata/metadata.json", - "./metadata/*": "./metadata/*", - "./package.json": "./package.json" - }, - "main": "dist/index.css", - "files": [ - "dist/*", - "*.md", - "package.json", - "metadata/*" - ], - "peerDependencies": { - "@spectrum-css/actiongroup": ">=5", - "@spectrum-css/closebutton": ">=5", - "@spectrum-css/fieldlabel": ">=8", - "@spectrum-css/popover": ">=7", - "@spectrum-css/tokens": ">=14" - }, - "devDependencies": { - "@spectrum-css/actiongroup": "workspace:^", - "@spectrum-css/closebutton": "workspace:^", - "@spectrum-css/fieldlabel": "workspace:^", - "@spectrum-css/popover": "workspace:^", - "@spectrum-css/tokens": "workspace:^" - }, - "keywords": [ - "spectrum", - "css", - "design system", - "adobe" - ], - "publishConfig": { - "access": "public" - }, - "spectrum": [ - { - "guidelines": "https://spectrum.adobe.com/page/action-bar", - "rootClass": "spectrum-ActionBar", - "swc": "https://opensource.adobe.com/spectrum-web-components/components/action-bar/" - } - ] -} diff --git a/components/actionbar/project.json b/components/actionbar/project.json deleted file mode 100644 index c51d48488f9..00000000000 --- a/components/actionbar/project.json +++ /dev/null @@ -1,17 +0,0 @@ -{ - "$schema": "../../node_modules/nx/schemas/project-schema.json", - "name": "actionbar", - "tags": ["component"], - "targets": { - "build": {}, - "clean": {}, - "compare": {}, - "format": {}, - "lint": {}, - "report": {}, - "test": { - "defaultConfiguration": "scope" - }, - "validate": {} - } -} diff --git a/components/actionbutton/package.json b/components/actionbutton/package.json deleted file mode 100644 index bd1c4ca46a4..00000000000 --- a/components/actionbutton/package.json +++ /dev/null @@ -1,63 +0,0 @@ -{ - "name": "@spectrum-css/actionbutton", - "version": "7.0.0-s2-foundations.24", - "description": "The Spectrum CSS action button component", - "license": "Apache-2.0", - "author": "Adobe", - "homepage": "https://opensource.adobe.com/spectrum-css/actionbutton", - "repository": { - "type": "git", - "url": "https://github.com/adobe/spectrum-css.git", - "directory": "components/actionbutton" - }, - "bugs": { - "url": "https://github.com/adobe/spectrum-css/issues" - }, - "exports": { - ".": "./dist/index.css", - "./*.md": "./*.md", - "./dist/*": "./dist/*", - "./index-*.css": "./dist/index-*.css", - "./index.css": "./dist/index.css", - "./metadata.json": "./metadata/metadata.json", - "./metadata/*": "./metadata/*", - "./package.json": "./package.json" - }, - "main": "dist/index.css", - "files": [ - "dist/*", - "*.md", - "package.json", - "metadata/*" - ], - "peerDependencies": { - "@spectrum-css/icon": ">=7", - "@spectrum-css/tokens": ">=14" - }, - "peerDependenciesMeta": { - "@spectrum-css/icon": { - "optional": true - } - }, - "devDependencies": { - "@spectrum-css/commons": "workspace:^", - "@spectrum-css/icon": "workspace:^", - "@spectrum-css/tokens": "workspace:^" - }, - "keywords": [ - "spectrum", - "css", - "design system", - "adobe" - ], - "publishConfig": { - "access": "public" - }, - "spectrum": [ - { - "guidelines": "https://spectrum.adobe.com/page/action-button", - "rootClass": "spectrum-ActionButton", - "swc": "https://opensource.adobe.com/spectrum-web-components/components/action-button/" - } - ] -} diff --git a/components/actionbutton/project.json b/components/actionbutton/project.json deleted file mode 100644 index 49d1a838b18..00000000000 --- a/components/actionbutton/project.json +++ /dev/null @@ -1,17 +0,0 @@ -{ - "$schema": "../../node_modules/nx/schemas/project-schema.json", - "name": "actionbutton", - "tags": ["component"], - "targets": { - "build": {}, - "clean": {}, - "compare": {}, - "format": {}, - "lint": {}, - "report": {}, - "test": { - "defaultConfiguration": "scope" - }, - "validate": {} - } -} diff --git a/components/actiongroup/metadata/mods.md b/components/actiongroup/metadata/mods.md deleted file mode 100644 index 2fcc384c89f..00000000000 --- a/components/actiongroup/metadata/mods.md +++ /dev/null @@ -1,10 +0,0 @@ -| Modifiable custom properties | -| ---------------------------------------------- | -| `--mod-actiongroup-border-radius` | -| `--mod-actiongroup-border-radius-reset` | -| `--mod-actiongroup-button-spacing-reset` | -| `--mod-actiongroup-gap-size-compact` | -| `--mod-actiongroup-horizontal-spacing-compact` | -| `--mod-actiongroup-horizontal-spacing-regular` | -| `--mod-actiongroup-vertical-spacing-compact` | -| `--mod-actiongroup-vertical-spacing-regular` | diff --git a/components/actiongroup/package.json b/components/actiongroup/package.json deleted file mode 100644 index 64be5c00dca..00000000000 --- a/components/actiongroup/package.json +++ /dev/null @@ -1,58 +0,0 @@ -{ - "name": "@spectrum-css/actiongroup", - "version": "6.0.0-s2-foundations.17", - "description": "The Spectrum CSS actiongroup component", - "license": "Apache-2.0", - "author": "Adobe", - "homepage": "https://opensource.adobe.com/spectrum-css/actiongroup", - "repository": { - "type": "git", - "url": "https://github.com/adobe/spectrum-css.git", - "directory": "components/actiongroup" - }, - "bugs": { - "url": "https://github.com/adobe/spectrum-css/issues" - }, - "exports": { - ".": "./dist/index.css", - "./*.md": "./*.md", - "./dist/*": "./dist/*", - "./index-*.css": "./dist/index-*.css", - "./index.css": "./dist/index.css", - "./metadata.json": "./metadata/metadata.json", - "./metadata/*": "./metadata/*", - "./package.json": "./package.json" - }, - "main": "dist/index.css", - "files": [ - "dist/*", - "*.md", - "package.json", - "metadata/*" - ], - "peerDependencies": { - "@spectrum-css/actionbutton": ">=6", - "@spectrum-css/tokens": ">=14" - }, - "peerDependenciesMeta": { - "@spectrum-css/actionbutton": { - "optional": true - } - }, - "keywords": [ - "spectrum", - "css", - "design system", - "adobe" - ], - "publishConfig": { - "access": "public" - }, - "spectrum": [ - { - "guidelines": "https://spectrum.adobe.com/page/action-group", - "rootClass": "spectrum-ActionGroup", - "swc": "https://opensource.adobe.com/spectrum-web-components/components/action-group/" - } - ] -} diff --git a/components/actiongroup/project.json b/components/actiongroup/project.json deleted file mode 100644 index 6c772816927..00000000000 --- a/components/actiongroup/project.json +++ /dev/null @@ -1,17 +0,0 @@ -{ - "$schema": "../../node_modules/nx/schemas/project-schema.json", - "name": "actiongroup", - "tags": ["component"], - "targets": { - "build": {}, - "clean": {}, - "compare": {}, - "format": {}, - "lint": {}, - "report": {}, - "test": { - "defaultConfiguration": "scope" - }, - "validate": {} - } -} diff --git a/components/actionmenu/package.json b/components/actionmenu/package.json deleted file mode 100644 index b175f519587..00000000000 --- a/components/actionmenu/package.json +++ /dev/null @@ -1,61 +0,0 @@ -{ - "name": "@spectrum-css/actionmenu", - "version": "7.0.0-s2-foundations.16", - "description": "The Spectrum CSS actionmenu component", - "license": "Apache-2.0", - "author": "Adobe", - "homepage": "https://opensource.adobe.com/spectrum-css/actionmenu", - "repository": { - "type": "git", - "url": "https://github.com/adobe/spectrum-css.git", - "directory": "components/actionmenu" - }, - "bugs": { - "url": "https://github.com/adobe/spectrum-css/issues" - }, - "exports": { - ".": "./dist/index.css", - "./*.md": "./*.md", - "./dist/*": "./dist/*", - "./index-*.css": "./dist/index-*.css", - "./index.css": "./dist/index.css", - "./metadata.json": "./metadata/metadata.json", - "./metadata/*": "./metadata/*", - "./package.json": "./package.json" - }, - "main": "dist/index.css", - "files": [ - "dist/*", - "*.md", - "package.json", - "metadata/*" - ], - "peerDependencies": { - "@spectrum-css/actionbutton": ">=6", - "@spectrum-css/icon": ">=7", - "@spectrum-css/menu": ">=7", - "@spectrum-css/popover": ">=7", - "@spectrum-css/tokens": ">=14" - }, - "devDependencies": { - "@spectrum-css/actionbutton": "workspace:^", - "@spectrum-css/icon": "workspace:^", - "@spectrum-css/menu": "workspace:^", - "@spectrum-css/popover": "workspace:^", - "@spectrum-css/tokens": "workspace:^" - }, - "keywords": [ - "spectrum", - "css", - "design system", - "adobe" - ], - "publishConfig": { - "access": "public" - }, - "spectrum": [ - { - "swc": "https://opensource.adobe.com/spectrum-web-components/components/action-menu/" - } - ] -} diff --git a/components/alertbanner/CHANGELOG.md b/components/alert-banner/CHANGELOG.md similarity index 100% rename from components/alertbanner/CHANGELOG.md rename to components/alert-banner/CHANGELOG.md diff --git a/components/alertbanner/README.md b/components/alert-banner/README.md similarity index 100% rename from components/alertbanner/README.md rename to components/alert-banner/README.md diff --git a/components/alertbanner/index.css b/components/alert-banner/index.css similarity index 100% rename from components/alertbanner/index.css rename to components/alert-banner/index.css diff --git a/components/alertbanner/metadata/metadata.json b/components/alert-banner/metadata/metadata.json similarity index 93% rename from components/alertbanner/metadata/metadata.json rename to components/alert-banner/metadata/metadata.json index 15b6983e631..84713d75380 100644 --- a/components/alertbanner/metadata/metadata.json +++ b/components/alert-banner/metadata/metadata.json @@ -9,7 +9,9 @@ ".spectrum-AlertBanner-end", ".spectrum-AlertBanner-icon", ".spectrum-AlertBanner-text", - ".spectrum-AlertBanner.is-open" + ".spectrum-AlertBanner.is-open", + ".spectrum.spectrum--express", + ".spectrum.spectrum--legacy" ], "modifiers": [ "--mod-alert-banner-bottom-text", @@ -31,7 +33,10 @@ "--mod-alert-banner-text-to-button-vertical", "--mod-alert-banner-text-to-divider", "--mod-alert-banner-top-icon", - "--mod-alert-banner-top-text" + "--mod-alert-banner-top-text", + "--mod-closebutton-align-self", + "--mod-closebutton-margin-inline", + "--mod-closebutton-margin-top" ], "component": [ "--spectrum-alert-banner-bottom-text", @@ -65,6 +70,7 @@ "--spectrum-font-size-100", "--spectrum-informative-background-color-default", "--spectrum-negative-background-color-default", + "--spectrum-neutral-background-color-default", "--spectrum-neutral-subdued-background-color-default", "--spectrum-spacing-300", "--spectrum-text-to-visual-300", @@ -76,9 +82,6 @@ "--mod-button-margin-block", "--mod-button-margin-left", "--mod-button-margin-right", - "--mod-closebutton-align-self", - "--mod-closebutton-margin-inline", - "--mod-closebutton-margin-top", "--mod-divider-vertical-align", "--mod-divider-vertical-height", "--mod-divider-vertical-margin" diff --git a/components/alertbanner/metadata/mods.md b/components/alert-banner/metadata/mods.md similarity index 88% rename from components/alertbanner/metadata/mods.md rename to components/alert-banner/metadata/mods.md index 55726ac5b71..642493dd234 100644 --- a/components/alertbanner/metadata/mods.md +++ b/components/alert-banner/metadata/mods.md @@ -20,3 +20,6 @@ | `--mod-alert-banner-text-to-divider` | | `--mod-alert-banner-top-icon` | | `--mod-alert-banner-top-text` | +| `--mod-closebutton-align-self` | +| `--mod-closebutton-margin-inline` | +| `--mod-closebutton-margin-top` | diff --git a/components/alert-banner/package.json b/components/alert-banner/package.json new file mode 100644 index 00000000000..8b5a545c644 --- /dev/null +++ b/components/alert-banner/package.json @@ -0,0 +1,91 @@ +{ + "name": "@spectrum-css/alertbanner", + "version": "3.0.0-s2-foundations.17", + "description": "The Spectrum CSS alertbanner component", + "license": "Apache-2.0", + "author": "Adobe", + "homepage": "https://opensource.adobe.com/spectrum-css/?path=/docs/components-alert-banner--docs", + "repository": { + "type": "git", + "url": "https://github.com/adobe/spectrum-css.git", + "directory": "components/alert-banner" + }, + "bugs": { + "url": "https://github.com/adobe/spectrum-css/issues" + }, + "exports": { + ".": "./dist/index.css", + "./*.md": "./*.md", + "./dist/*": "./dist/*", + "./index-*.css": "./dist/index-*.css", + "./index.css": "./dist/index.css", + "./metadata.json": "./metadata/metadata.json", + "./metadata/*": "./metadata/*", + "./package.json": "./package.json", + "./stories/*": "./stories/*" + }, + "main": "dist/index.css", + "files": [ + "dist/*", + "*.md", + "package.json", + "metadata/*", + "stories/*" + ], + "scripts": { + "build": "yarn run component:build alert-banner", + "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 alert-banner", + "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 alert-banner" + }, + "peerDependencies": { + "@spectrum-css/button": ">=13", + "@spectrum-css/closebutton": ">=5", + "@spectrum-css/divider": ">=3", + "@spectrum-css/icon": ">=7", + "@spectrum-css/tokens": ">=14" + }, + "peerDependenciesMeta": { + "@spectrum-css/icon": { + "optional": true + } + }, + "devDependencies": { + "@spectrum-css/button": "14.0.0-s2-foundations.19", + "@spectrum-css/closebutton": "6.0.0-s2-foundations.17", + "@spectrum-css/divider": "4.0.0-s2-foundations.16", + "@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", + "spectrum-css", + "adobe", + "adobe-spectrum", + "component", + "css" + ], + "publishConfig": { + "access": "public" + }, + "spectrum": [ + { + "guidelines": "https://spectrum.adobe.com/page/alert-banner", + "rootClass": "spectrum-AlertBanner", + "swc": "https://opensource.adobe.com/spectrum-web-components/components/alert-banner/" + } + ] +} diff --git a/components/alertbanner/stories/alertbanner.stories.js b/components/alert-banner/stories/alertbanner.stories.js similarity index 100% rename from components/alertbanner/stories/alertbanner.stories.js rename to components/alert-banner/stories/alertbanner.stories.js diff --git a/components/alertbanner/stories/alertbanner.test.js b/components/alert-banner/stories/alertbanner.test.js similarity index 100% rename from components/alertbanner/stories/alertbanner.test.js rename to components/alert-banner/stories/alertbanner.test.js diff --git a/components/alertbanner/stories/template.js b/components/alert-banner/stories/template.js similarity index 98% rename from components/alertbanner/stories/template.js rename to components/alert-banner/stories/template.js index 3eb719c0612..d5c43813285 100644 --- a/components/alertbanner/stories/template.js +++ b/components/alert-banner/stories/template.js @@ -1,5 +1,5 @@ import { Template as Button } from "@spectrum-css/button/stories/template.js"; -import { Template as CloseButton } from "@spectrum-css/closebutton/stories/template.js"; +import { Template as CloseButton } from "../../close-button/stories/template.js"; import { Template as Divider } from "@spectrum-css/divider/stories/template.js"; import { Template as Icon } from "@spectrum-css/icon/stories/template.js"; import { Container, getRandomId } from "@spectrum-css/preview/decorators"; diff --git a/components/alertbanner/themes/express.css b/components/alert-banner/themes/express.css similarity index 100% rename from components/alertbanner/themes/express.css rename to components/alert-banner/themes/express.css diff --git a/components/alertbanner/themes/spectrum-two.css b/components/alert-banner/themes/spectrum-two.css similarity index 100% rename from components/alertbanner/themes/spectrum-two.css rename to components/alert-banner/themes/spectrum-two.css diff --git a/components/alertbanner/themes/spectrum.css b/components/alert-banner/themes/spectrum.css similarity index 100% rename from components/alertbanner/themes/spectrum.css rename to components/alert-banner/themes/spectrum.css diff --git a/components/alertdialog/CHANGELOG.md b/components/alert-dialog/CHANGELOG.md similarity index 100% rename from components/alertdialog/CHANGELOG.md rename to components/alert-dialog/CHANGELOG.md diff --git a/components/alertdialog/README.md b/components/alert-dialog/README.md similarity index 100% rename from components/alertdialog/README.md rename to components/alert-dialog/README.md diff --git a/components/alertdialog/index.css b/components/alert-dialog/index.css similarity index 100% rename from components/alertdialog/index.css rename to components/alert-dialog/index.css diff --git a/components/alertdialog/metadata/metadata.json b/components/alert-dialog/metadata/metadata.json similarity index 100% rename from components/alertdialog/metadata/metadata.json rename to components/alert-dialog/metadata/metadata.json diff --git a/components/alertdialog/metadata/mods.md b/components/alert-dialog/metadata/mods.md similarity index 100% rename from components/alertdialog/metadata/mods.md rename to components/alert-dialog/metadata/mods.md diff --git a/components/alert-dialog/package.json b/components/alert-dialog/package.json new file mode 100644 index 00000000000..655a0f011bc --- /dev/null +++ b/components/alert-dialog/package.json @@ -0,0 +1,96 @@ +{ + "name": "@spectrum-css/alertdialog", + "version": "3.0.0-s2-foundations.16", + "description": "The Spectrum CSS alertdialog component", + "license": "Apache-2.0", + "author": "Adobe", + "homepage": "https://opensource.adobe.com/spectrum-css/?path=/docs/components-alert-dialog--docs", + "repository": { + "type": "git", + "url": "https://github.com/adobe/spectrum-css.git", + "directory": "components/alert-dialog" + }, + "bugs": { + "url": "https://github.com/adobe/spectrum-css/issues" + }, + "exports": { + ".": "./dist/index.css", + "./*.md": "./*.md", + "./dist/*": "./dist/*", + "./index-*.css": "./dist/index-*.css", + "./index.css": "./dist/index.css", + "./metadata.json": "./metadata/metadata.json", + "./metadata/*": "./metadata/*", + "./package.json": "./package.json", + "./stories/*": "./stories/*" + }, + "main": "dist/index.css", + "files": [ + "dist/*", + "*.md", + "package.json", + "metadata/*", + "stories/*" + ], + "scripts": { + "build": "yarn run component:build alert-dialog", + "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 alert-dialog", + "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 alert-dialog" + }, + "peerDependencies": { + "@spectrum-css/buttongroup": ">=7", + "@spectrum-css/divider": ">=3", + "@spectrum-css/icon": ">=7", + "@spectrum-css/modal": ">=5", + "@spectrum-css/tokens": ">=14", + "@spectrum-css/underlay": ">=4" + }, + "peerDependenciesMeta": { + "@spectrum-css/buttongroup": { + "optional": true + }, + "@spectrum-css/icon": { + "optional": true + } + }, + "devDependencies": { + "@spectrum-css/buttongroup": "8.0.0-s2-foundations.16", + "@spectrum-css/divider": "4.0.0-s2-foundations.16", + "@spectrum-css/icon": "8.0.0-s2-foundations.18", + "@spectrum-css/modal": "6.0.0-s2-foundations.17", + "@spectrum-css/tokens": "15.0.0-s2-foundations.31", + "@spectrum-css/underlay": "5.0.0-s2-foundations.16", + "eslint": "^8.57.0", + "npm-run-all2": "^7.0.2", + "prettier": "^3.4.2", + "stylelint": "^16.9.0" + }, + "keywords": [ + "design-system", + "spectrum", + "spectrum-css", + "adobe", + "adobe-spectrum", + "component", + "css" + ], + "publishConfig": { + "access": "public" + }, + "spectrum": [ + { + "guidelines": "https://spectrum.adobe.com/page/alert-dialog", + "rootClass": "spectrum-AlertDialog", + "swc": "https://opensource.adobe.com/spectrum-web-components/components/alert-dialog/" + } + ] +} diff --git a/components/alertdialog/stories/alertdialog.stories.js b/components/alert-dialog/stories/alertdialog.stories.js similarity index 100% rename from components/alertdialog/stories/alertdialog.stories.js rename to components/alert-dialog/stories/alertdialog.stories.js diff --git a/components/alertdialog/stories/alertdialog.test.js b/components/alert-dialog/stories/alertdialog.test.js similarity index 100% rename from components/alertdialog/stories/alertdialog.test.js rename to components/alert-dialog/stories/alertdialog.test.js diff --git a/components/alertdialog/stories/template.js b/components/alert-dialog/stories/template.js similarity index 95% rename from components/alertdialog/stories/template.js rename to components/alert-dialog/stories/template.js index 6e1f594950a..dc9c0d9bd76 100644 --- a/components/alertdialog/stories/template.js +++ b/components/alert-dialog/stories/template.js @@ -1,4 +1,4 @@ -import { Template as ButtonGroup } from "@spectrum-css/buttongroup/stories/template.js"; +import { Template as ButtonGroup } from "../../button-group/stories/template.js"; import { Template as Divider } from "@spectrum-css/divider/stories/template.js"; import { Template as Icon } from "@spectrum-css/icon/stories/template.js"; import { Template as Modal } from "@spectrum-css/modal/stories/template.js"; diff --git a/components/alertdialog/themes/express.css b/components/alert-dialog/themes/express.css similarity index 100% rename from components/alertdialog/themes/express.css rename to components/alert-dialog/themes/express.css diff --git a/components/alertdialog/themes/spectrum-two.css b/components/alert-dialog/themes/spectrum-two.css similarity index 100% rename from components/alertdialog/themes/spectrum-two.css rename to components/alert-dialog/themes/spectrum-two.css diff --git a/components/alertdialog/themes/spectrum.css b/components/alert-dialog/themes/spectrum.css similarity index 100% rename from components/alertdialog/themes/spectrum.css rename to components/alert-dialog/themes/spectrum.css diff --git a/components/alertbanner/package.json b/components/alertbanner/package.json deleted file mode 100644 index 17060a4786c..00000000000 --- a/components/alertbanner/package.json +++ /dev/null @@ -1,68 +0,0 @@ -{ - "name": "@spectrum-css/alertbanner", - "version": "3.0.0-s2-foundations.17", - "description": "The Spectrum CSS alertbanner component", - "license": "Apache-2.0", - "author": "Adobe", - "homepage": "https://opensource.adobe.com/spectrum-css/alertbanner", - "repository": { - "type": "git", - "url": "https://github.com/adobe/spectrum-css.git", - "directory": "components/alertbanner" - }, - "bugs": { - "url": "https://github.com/adobe/spectrum-css/issues" - }, - "exports": { - ".": "./dist/index.css", - "./*.md": "./*.md", - "./dist/*": "./dist/*", - "./index-*.css": "./dist/index-*.css", - "./index.css": "./dist/index.css", - "./metadata.json": "./metadata/metadata.json", - "./metadata/*": "./metadata/*", - "./package.json": "./package.json" - }, - "main": "dist/index.css", - "files": [ - "dist/*", - "*.md", - "package.json", - "metadata/*" - ], - "peerDependencies": { - "@spectrum-css/button": ">=13", - "@spectrum-css/closebutton": ">=5", - "@spectrum-css/divider": ">=3", - "@spectrum-css/icon": ">=7", - "@spectrum-css/tokens": ">=14" - }, - "peerDependenciesMeta": { - "@spectrum-css/icon": { - "optional": true - } - }, - "devDependencies": { - "@spectrum-css/button": "workspace:^", - "@spectrum-css/closebutton": "workspace:^", - "@spectrum-css/divider": "workspace:^", - "@spectrum-css/icon": "workspace:^", - "@spectrum-css/tokens": "workspace:^" - }, - "keywords": [ - "spectrum", - "css", - "design system", - "adobe" - ], - "publishConfig": { - "access": "public" - }, - "spectrum": [ - { - "guidelines": "https://spectrum.adobe.com/page/alert-banner", - "rootClass": "spectrum-AlertBanner", - "swc": "https://opensource.adobe.com/spectrum-web-components/components/alert-banner/" - } - ] -} diff --git a/components/alertbanner/project.json b/components/alertbanner/project.json deleted file mode 100644 index e444f67052f..00000000000 --- a/components/alertbanner/project.json +++ /dev/null @@ -1,17 +0,0 @@ -{ - "$schema": "../../node_modules/nx/schemas/project-schema.json", - "name": "alertbanner", - "tags": ["component"], - "targets": { - "build": {}, - "clean": {}, - "compare": {}, - "format": {}, - "lint": {}, - "report": {}, - "test": { - "defaultConfiguration": "scope" - }, - "validate": {} - } -} diff --git a/components/alertdialog/package.json b/components/alertdialog/package.json deleted file mode 100644 index b9dfada7bbf..00000000000 --- a/components/alertdialog/package.json +++ /dev/null @@ -1,73 +0,0 @@ -{ - "name": "@spectrum-css/alertdialog", - "version": "3.0.0-s2-foundations.16", - "description": "The Spectrum CSS alertdialog component", - "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": "components/alertdialog" - }, - "bugs": { - "url": "https://github.com/adobe/spectrum-css/issues" - }, - "exports": { - ".": "./dist/index.css", - "./*.md": "./*.md", - "./dist/*": "./dist/*", - "./index-*.css": "./dist/index-*.css", - "./index.css": "./dist/index.css", - "./metadata.json": "./metadata/metadata.json", - "./metadata/*": "./metadata/*", - "./package.json": "./package.json" - }, - "main": "dist/index.css", - "files": [ - "dist/*", - "*.md", - "package.json", - "metadata/*" - ], - "peerDependencies": { - "@spectrum-css/buttongroup": ">=7", - "@spectrum-css/divider": ">=3", - "@spectrum-css/icon": ">=7", - "@spectrum-css/modal": ">=5", - "@spectrum-css/tokens": ">=14", - "@spectrum-css/underlay": ">=4" - }, - "peerDependenciesMeta": { - "@spectrum-css/buttongroup": { - "optional": true - }, - "@spectrum-css/icon": { - "optional": true - } - }, - "devDependencies": { - "@spectrum-css/buttongroup": "workspace:^", - "@spectrum-css/divider": "workspace:^", - "@spectrum-css/icon": "workspace:^", - "@spectrum-css/modal": "workspace:^", - "@spectrum-css/tokens": "workspace:^", - "@spectrum-css/underlay": "workspace:^" - }, - "keywords": [ - "spectrum", - "css", - "design system", - "adobe" - ], - "publishConfig": { - "access": "public" - }, - "spectrum": [ - { - "guidelines": "https://spectrum.adobe.com/page/alert-dialog", - "rootClass": "spectrum-AlertDialog", - "swc": "https://opensource.adobe.com/spectrum-web-components/components/alert-dialog/" - } - ] -} diff --git a/components/alertdialog/project.json b/components/alertdialog/project.json deleted file mode 100644 index 69dedc7ac76..00000000000 --- a/components/alertdialog/project.json +++ /dev/null @@ -1,17 +0,0 @@ -{ - "$schema": "../../node_modules/nx/schemas/project-schema.json", - "name": "alertdialog", - "tags": ["component"], - "targets": { - "build": {}, - "clean": {}, - "compare": {}, - "format": {}, - "lint": {}, - "report": {}, - "test": { - "defaultConfiguration": "scope" - }, - "validate": {} - } -} diff --git a/components/assetcard/CHANGELOG.md b/components/asset-card/CHANGELOG.md similarity index 100% rename from components/assetcard/CHANGELOG.md rename to components/asset-card/CHANGELOG.md diff --git a/components/assetcard/index.css b/components/asset-card/index.css similarity index 100% rename from components/assetcard/index.css rename to components/asset-card/index.css diff --git a/components/assetcard/metadata/metadata.json b/components/asset-card/metadata/metadata.json similarity index 88% rename from components/assetcard/metadata/metadata.json rename to components/asset-card/metadata/metadata.json index 67bcbea1002..4c58195740e 100644 --- a/components/assetcard/metadata/metadata.json +++ b/components/asset-card/metadata/metadata.json @@ -5,6 +5,8 @@ ".spectrum-AssetCard .spectrum-AssetCard-selectionOrder", ".spectrum-AssetCard--checkboxSelection .spectrum-AssetCard-selectionIndicator", ".spectrum-AssetCard--checkboxSelection .spectrum-AssetCard-selectionIndicator .spectrum-AssetCard-selectionOrder", + ".spectrum-AssetCard--checkboxSelection.is-focus-visible .spectrum-AssetCard-selectionIndicator", + ".spectrum-AssetCard--checkboxSelection.is-hover .spectrum-AssetCard-selectionIndicator", ".spectrum-AssetCard--checkboxSelection.is-selected .spectrum-AssetCard-selectionIndicator", ".spectrum-AssetCard--checkboxSelection:focus-visible .spectrum-AssetCard-selectionIndicator", ".spectrum-AssetCard--checkboxSelection:hover .spectrum-AssetCard-selectionIndicator", @@ -23,13 +25,23 @@ ".spectrum-AssetCard-selectionOrder", ".spectrum-AssetCard-selectionOverlay", ".spectrum-AssetCard-title", + ".spectrum-AssetCard.is-active .spectrum-AssetCard-assetContainer:after", ".spectrum-AssetCard.is-drop-target .spectrum-AssetCard-assetContainer:after", ".spectrum-AssetCard.is-drop-target .spectrum-AssetCard-selectionOverlay", + ".spectrum-AssetCard.is-drop-target.is-active .spectrum-AssetCard-assetContainer:after", + ".spectrum-AssetCard.is-drop-target.is-hover .spectrum-AssetCard-assetContainer:after", ".spectrum-AssetCard.is-drop-target:active .spectrum-AssetCard-assetContainer:after", ".spectrum-AssetCard.is-drop-target:hover .spectrum-AssetCard-assetContainer:after", + ".spectrum-AssetCard.is-focus-visible .spectrum-AssetCard-assetContainer:after", + ".spectrum-AssetCard.is-focus-visible .spectrum-AssetCard-assetContainer:before", + ".spectrum-AssetCard.is-focus-visible .spectrum-Checkbox-box:before", + ".spectrum-AssetCard.is-hover .spectrum-AssetCard-assetContainer:after", + ".spectrum-AssetCard.is-hover .spectrum-Checkbox-box:before", ".spectrum-AssetCard.is-selected .spectrum-AssetCard-assetContainer:after", ".spectrum-AssetCard.is-selected .spectrum-AssetCard-selectionOverlay", ".spectrum-AssetCard.is-selected .spectrum-Checkbox-box:before", + ".spectrum-AssetCard.is-selected.is-active .spectrum-AssetCard-assetContainer:after", + ".spectrum-AssetCard.is-selected.is-hover .spectrum-AssetCard-assetContainer:after", ".spectrum-AssetCard.is-selected:active .spectrum-AssetCard-assetContainer:after", ".spectrum-AssetCard.is-selected:hover .spectrum-AssetCard-assetContainer:after", ".spectrum-AssetCard:active .spectrum-AssetCard-assetContainer:after", @@ -40,7 +52,9 @@ ".spectrum-AssetCard:hover .spectrum-Checkbox-box:before", ".spectrum-AssetCard:lang(ja)", ".spectrum-AssetCard:lang(ko)", - ".spectrum-AssetCard:lang(zh)" + ".spectrum-AssetCard:lang(zh)", + ".spectrum.spectrum--express", + ".spectrum.spectrum--legacy" ], "modifiers": [ "--mod-assectcard-border-color-selected-down", @@ -159,6 +173,8 @@ "--spectrum-default-font-style", "--spectrum-focus-indicator-thickness", "--spectrum-font-size-400", + "--spectrum-gray-100-rgb", + "--spectrum-gray-200", "--spectrum-gray-500", "--spectrum-gray-600", "--spectrum-gray-700", @@ -175,6 +191,7 @@ "--spectrum-sans-font-family-stack", "--spectrum-spacing-300", "--spectrum-spacing-75", + "--spectrum-transparent-black-200", "--spectrum-transparent-black-300", "--spectrum-white" ], diff --git a/components/assetcard/metadata/mods.md b/components/asset-card/metadata/mods.md similarity index 100% rename from components/assetcard/metadata/mods.md rename to components/asset-card/metadata/mods.md diff --git a/components/asset-card/package.json b/components/asset-card/package.json new file mode 100644 index 00000000000..e4625ceae18 --- /dev/null +++ b/components/asset-card/package.json @@ -0,0 +1,84 @@ +{ + "name": "@spectrum-css/assetcard", + "version": "5.0.0-s2-foundations.17", + "description": "The Spectrum CSS asset card component", + "license": "Apache-2.0", + "author": "Adobe", + "homepage": "https://opensource.adobe.com/spectrum-css/?path=/docs/components-asset-card--docs", + "repository": { + "type": "git", + "url": "https://github.com/adobe/spectrum-css.git", + "directory": "components/asset-card" + }, + "bugs": { + "url": "https://github.com/adobe/spectrum-css/issues" + }, + "exports": { + ".": "./dist/index.css", + "./*.md": "./*.md", + "./dist/*": "./dist/*", + "./index-*.css": "./dist/index-*.css", + "./index.css": "./dist/index.css", + "./metadata.json": "./metadata/metadata.json", + "./metadata/*": "./metadata/*", + "./package.json": "./package.json", + "./stories/*": "./stories/*" + }, + "main": "dist/index.css", + "files": [ + "dist/*", + "*.md", + "package.json", + "metadata/*", + "stories/*" + ], + "scripts": { + "build": "yarn run component:build asset-card", + "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 asset-card", + "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 asset-card" + }, + "peerDependencies": { + "@spectrum-css/checkbox": ">=9", + "@spectrum-css/tokens": ">=14" + }, + "peerDependenciesMeta": { + "@spectrum-css/checkbox": { + "optional": true + } + }, + "devDependencies": { + "@spectrum-css/checkbox": "10.0.0-s2-foundations.20", + "@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", + "spectrum-css", + "adobe", + "adobe-spectrum", + "component", + "css" + ], + "publishConfig": { + "access": "public" + }, + "spectrum": [ + { + "guidelines": "https://spectrum-contributions.corp.adobe.com/page/asset-card-beta", + "rootClass": "spectrum-AssetCard" + } + ] +} diff --git a/components/assetcard/stories/assetcard.mdx b/components/asset-card/stories/assetcard.mdx similarity index 100% rename from components/assetcard/stories/assetcard.mdx rename to components/asset-card/stories/assetcard.mdx diff --git a/components/assetcard/stories/assetcard.stories.js b/components/asset-card/stories/assetcard.stories.js similarity index 100% rename from components/assetcard/stories/assetcard.stories.js rename to components/asset-card/stories/assetcard.stories.js diff --git a/components/assetcard/stories/assetcard.test.js b/components/asset-card/stories/assetcard.test.js similarity index 100% rename from components/assetcard/stories/assetcard.test.js rename to components/asset-card/stories/assetcard.test.js diff --git a/components/assetcard/stories/template.js b/components/asset-card/stories/template.js similarity index 100% rename from components/assetcard/stories/template.js rename to components/asset-card/stories/template.js diff --git a/components/assetcard/themes/express.css b/components/asset-card/themes/express.css similarity index 100% rename from components/assetcard/themes/express.css rename to components/asset-card/themes/express.css diff --git a/components/assetcard/themes/spectrum-two.css b/components/asset-card/themes/spectrum-two.css similarity index 100% rename from components/assetcard/themes/spectrum-two.css rename to components/asset-card/themes/spectrum-two.css diff --git a/components/assetcard/themes/spectrum.css b/components/asset-card/themes/spectrum.css similarity index 100% rename from components/assetcard/themes/spectrum.css rename to components/asset-card/themes/spectrum.css diff --git a/components/assetlist/CHANGELOG.md b/components/asset-list/CHANGELOG.md similarity index 100% rename from components/assetlist/CHANGELOG.md rename to components/asset-list/CHANGELOG.md diff --git a/components/assetlist/README.md b/components/asset-list/README.md similarity index 100% rename from components/assetlist/README.md rename to components/asset-list/README.md diff --git a/components/assetlist/index.css b/components/asset-list/index.css similarity index 100% rename from components/assetlist/index.css rename to components/asset-list/index.css diff --git a/components/assetlist/metadata/metadata.json b/components/asset-list/metadata/metadata.json similarity index 80% rename from components/assetlist/metadata/metadata.json rename to components/asset-list/metadata/metadata.json index 6aa102a6dc1..caaa385253f 100644 --- a/components/assetlist/metadata/metadata.json +++ b/components/asset-list/metadata/metadata.json @@ -3,26 +3,40 @@ "selectors": [ ".js-focus-within .spectrum-AssetList-item.is-focused[focus-within]", ".js-focus-within .spectrum-AssetList-item.is-focused[focus-within]:before", + ".js-focus-within .spectrum-AssetList-item[focus-within].is-focus-visible", + ".js-focus-within .spectrum-AssetList-item[focus-within].is-focus-visible:before", ".js-focus-within .spectrum-AssetList-item[focus-within]:focus-visible", ".js-focus-within .spectrum-AssetList-item[focus-within]:focus-visible:before", ".spectrum-AssetList", ".spectrum-AssetList-item", ".spectrum-AssetList-item .spectrum-AssetList-itemThumbnail", ".spectrum-AssetList-item.is-branch .spectrum-AssetList-itemChildIndicator", + ".spectrum-AssetList-item.is-focus-within.is-focus-visible", + ".spectrum-AssetList-item.is-focus-within.is-focus-visible:before", + ".spectrum-AssetList-item.is-focus-within:focus-visible", + ".spectrum-AssetList-item.is-focus-within:focus-visible:before", + ".spectrum-AssetList-item.is-focused.is-focus-within", + ".spectrum-AssetList-item.is-focused.is-focus-within:before", ".spectrum-AssetList-item.is-focused:focus-within", ".spectrum-AssetList-item.is-focused:focus-within:before", ".spectrum-AssetList-item.is-focused[focus-within].js-focus-within", ".spectrum-AssetList-item.is-focused[focus-within].js-focus-within:before", + ".spectrum-AssetList-item.is-hover", + ".spectrum-AssetList-item.is-hover .spectrum-Checkbox", ".spectrum-AssetList-item.is-navigated", + ".spectrum-AssetList-item.is-navigated.is-hover", ".spectrum-AssetList-item.is-navigated:focus", ".spectrum-AssetList-item.is-navigated:hover", ".spectrum-AssetList-item.is-selectable .spectrum-Checkbox", ".spectrum-AssetList-item.is-selected", ".spectrum-AssetList-item.is-selected .spectrum-Checkbox", + ".spectrum-AssetList-item.is-selected.is-hover", ".spectrum-AssetList-item.is-selected:focus", ".spectrum-AssetList-item.is-selected:hover", ".spectrum-AssetList-item:before", ".spectrum-AssetList-item:focus .spectrum-Checkbox", + ".spectrum-AssetList-item:focus-within.is-focus-visible", + ".spectrum-AssetList-item:focus-within.is-focus-visible:before", ".spectrum-AssetList-item:focus-within:focus-visible", ".spectrum-AssetList-item:focus-within:focus-visible:before", ".spectrum-AssetList-item:hover", @@ -30,9 +44,13 @@ ".spectrum-AssetList-itemChildIndicator", ".spectrum-AssetList-itemLabel", ".spectrum-AssetList-itemSelector", + ".spectrum-AssetList-item[focus-within].is-focus-visible.js-focus-within", + ".spectrum-AssetList-item[focus-within].is-focus-visible.js-focus-within:before", ".spectrum-AssetList-item[focus-within]:focus-visible.js-focus-within", ".spectrum-AssetList-item[focus-within]:focus-visible.js-focus-within:before", ".spectrum-AssetList:dir(rtl)", + ".spectrum.spectrum--express", + ".spectrum.spectrum--legacy", "[dir=\"rtl\"] .spectrum-AssetList" ], "modifiers": [ @@ -84,6 +102,7 @@ "--spectrum-font-size-100", "--spectrum-gray-100", "--spectrum-gray-200", + "--spectrum-gray-300", "--spectrum-logical-rotation", "--spectrum-neutral-content-color-default", "--spectrum-regular-font-weight", diff --git a/components/assetlist/metadata/mods.md b/components/asset-list/metadata/mods.md similarity index 100% rename from components/assetlist/metadata/mods.md rename to components/asset-list/metadata/mods.md diff --git a/components/asset-list/package.json b/components/asset-list/package.json new file mode 100644 index 00000000000..2e6638a2fbc --- /dev/null +++ b/components/asset-list/package.json @@ -0,0 +1,88 @@ +{ + "name": "@spectrum-css/assetlist", + "version": "7.0.0-s2-foundations.16", + "description": "The Spectrum CSS assetlist component", + "license": "Apache-2.0", + "author": "Adobe", + "homepage": "https://opensource.adobe.com/spectrum-css/?path=/docs/components-asset-list--docs", + "repository": { + "type": "git", + "url": "https://github.com/adobe/spectrum-css.git", + "directory": "components/asset-list" + }, + "bugs": { + "url": "https://github.com/adobe/spectrum-css/issues" + }, + "exports": { + ".": "./dist/index.css", + "./*.md": "./*.md", + "./dist/*": "./dist/*", + "./index-*.css": "./dist/index-*.css", + "./index.css": "./dist/index.css", + "./metadata.json": "./metadata/metadata.json", + "./metadata/*": "./metadata/*", + "./package.json": "./package.json", + "./stories/*": "./stories/*" + }, + "main": "dist/index.css", + "files": [ + "dist/*", + "*.md", + "package.json", + "metadata/*", + "stories/*" + ], + "scripts": { + "build": "yarn run component:build asset-list", + "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 asset-list", + "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 asset-list" + }, + "peerDependencies": { + "@spectrum-css/checkbox": ">=9", + "@spectrum-css/icon": ">=7", + "@spectrum-css/tokens": ">=14" + }, + "peerDependenciesMeta": { + "@spectrum-css/checkbox": { + "optional": true + }, + "@spectrum-css/icon": { + "optional": true + } + }, + "devDependencies": { + "@spectrum-css/checkbox": "10.0.0-s2-foundations.20", + "@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", + "spectrum-css", + "adobe", + "adobe-spectrum", + "component", + "css" + ], + "publishConfig": { + "access": "public" + }, + "spectrum": [ + { + "rootClass": "spectrum-AssetList" + } + ] +} diff --git a/components/assetlist/stories/assetlist.stories.js b/components/asset-list/stories/assetlist.stories.js similarity index 100% rename from components/assetlist/stories/assetlist.stories.js rename to components/asset-list/stories/assetlist.stories.js diff --git a/components/assetlist/stories/assetlist.test.js b/components/asset-list/stories/assetlist.test.js similarity index 100% rename from components/assetlist/stories/assetlist.test.js rename to components/asset-list/stories/assetlist.test.js diff --git a/components/assetlist/stories/template.js b/components/asset-list/stories/template.js similarity index 100% rename from components/assetlist/stories/template.js rename to components/asset-list/stories/template.js diff --git a/components/assetlist/themes/express.css b/components/asset-list/themes/express.css similarity index 100% rename from components/assetlist/themes/express.css rename to components/asset-list/themes/express.css diff --git a/components/assetlist/themes/spectrum-two.css b/components/asset-list/themes/spectrum-two.css similarity index 100% rename from components/assetlist/themes/spectrum-two.css rename to components/asset-list/themes/spectrum-two.css diff --git a/components/assetlist/themes/spectrum.css b/components/asset-list/themes/spectrum.css similarity index 100% rename from components/assetlist/themes/spectrum.css rename to components/asset-list/themes/spectrum.css diff --git a/components/asset/metadata/metadata.json b/components/asset/metadata/metadata.json index 306c123b1b6..a5b74182b24 100644 --- a/components/asset/metadata/metadata.json +++ b/components/asset/metadata/metadata.json @@ -8,7 +8,9 @@ ".spectrum-Asset-folder", ".spectrum-Asset-folderBackground", ".spectrum-Asset-folderOutline", - ".spectrum-Asset-image" + ".spectrum-Asset-image", + ".spectrum.spectrum--express", + ".spectrum.spectrum--legacy" ], "modifiers": [ "--mod-asset-file-background-color", @@ -31,6 +33,8 @@ "--spectrum-animation-duration-100", "--spectrum-gray-200", "--spectrum-gray-25", + "--spectrum-gray-300", + "--spectrum-gray-50", "--spectrum-gray-500" ], "system-theme": [ diff --git a/components/asset/package.json b/components/asset/package.json index d5bee004ce2..73ee495268e 100644 --- a/components/asset/package.json +++ b/components/asset/package.json @@ -4,7 +4,7 @@ "description": "The Spectrum CSS asset component", "license": "Apache-2.0", "author": "Adobe", - "homepage": "https://opensource.adobe.com/spectrum-css/asset", + "homepage": "https://opensource.adobe.com/spectrum-css/?path=/docs/components-asset--docs", "repository": { "type": "git", "url": "https://github.com/adobe/spectrum-css.git", @@ -21,26 +21,49 @@ "./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 asset", + "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 asset", + "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 asset" + }, "peerDependencies": { "@spectrum-css/tokens": ">=14" }, "devDependencies": { - "@spectrum-css/tokens": "workspace:^" + "@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" diff --git a/components/asset/project.json b/components/asset/project.json deleted file mode 100644 index 269155d2acb..00000000000 --- a/components/asset/project.json +++ /dev/null @@ -1,17 +0,0 @@ -{ - "$schema": "../../node_modules/nx/schemas/project-schema.json", - "name": "asset", - "tags": ["component", "legacy"], - "targets": { - "build": {}, - "clean": {}, - "compare": {}, - "format": {}, - "lint": {}, - "report": {}, - "test": { - "defaultConfiguration": "scope" - }, - "validate": {} - } -} diff --git a/components/assetcard/package.json b/components/assetcard/package.json deleted file mode 100644 index ebb89095590..00000000000 --- a/components/assetcard/package.json +++ /dev/null @@ -1,61 +0,0 @@ -{ - "name": "@spectrum-css/assetcard", - "version": "5.0.0-s2-foundations.17", - "description": "The Spectrum CSS asset card component", - "license": "Apache-2.0", - "author": "Adobe", - "homepage": "https://opensource.adobe.com/spectrum-css/assetcard", - "repository": { - "type": "git", - "url": "https://github.com/adobe/spectrum-css.git", - "directory": "components/assetcard" - }, - "bugs": { - "url": "https://github.com/adobe/spectrum-css/issues" - }, - "exports": { - ".": "./dist/index.css", - "./*.md": "./*.md", - "./dist/*": "./dist/*", - "./index-*.css": "./dist/index-*.css", - "./index.css": "./dist/index.css", - "./metadata.json": "./metadata/metadata.json", - "./metadata/*": "./metadata/*", - "./package.json": "./package.json" - }, - "main": "dist/index.css", - "files": [ - "dist/*", - "*.md", - "package.json", - "metadata/*" - ], - "peerDependencies": { - "@spectrum-css/checkbox": ">=9", - "@spectrum-css/tokens": ">=14" - }, - "peerDependenciesMeta": { - "@spectrum-css/checkbox": { - "optional": true - } - }, - "devDependencies": { - "@spectrum-css/checkbox": "workspace:^", - "@spectrum-css/tokens": "workspace:^" - }, - "keywords": [ - "spectrum", - "css", - "design system", - "adobe" - ], - "publishConfig": { - "access": "public" - }, - "spectrum": [ - { - "guidelines": "https://spectrum-contributions.corp.adobe.com/page/asset-card-beta", - "rootClass": "spectrum-AssetCard" - } - ] -} diff --git a/components/assetcard/project.json b/components/assetcard/project.json deleted file mode 100644 index dc1184f9596..00000000000 --- a/components/assetcard/project.json +++ /dev/null @@ -1,17 +0,0 @@ -{ - "$schema": "../../node_modules/nx/schemas/project-schema.json", - "name": "assetcard", - "tags": ["component"], - "targets": { - "build": {}, - "clean": {}, - "compare": {}, - "format": {}, - "lint": {}, - "report": {}, - "test": { - "defaultConfiguration": "scope" - }, - "validate": {} - } -} diff --git a/components/assetlist/package.json b/components/assetlist/package.json deleted file mode 100644 index 870c534b8b8..00000000000 --- a/components/assetlist/package.json +++ /dev/null @@ -1,65 +0,0 @@ -{ - "name": "@spectrum-css/assetlist", - "version": "7.0.0-s2-foundations.16", - "description": "The Spectrum CSS assetlist component", - "license": "Apache-2.0", - "author": "Adobe", - "homepage": "https://opensource.adobe.com/spectrum-css/assetlist", - "repository": { - "type": "git", - "url": "https://github.com/adobe/spectrum-css.git", - "directory": "components/assetlist" - }, - "bugs": { - "url": "https://github.com/adobe/spectrum-css/issues" - }, - "exports": { - ".": "./dist/index.css", - "./*.md": "./*.md", - "./dist/*": "./dist/*", - "./index-*.css": "./dist/index-*.css", - "./index.css": "./dist/index.css", - "./metadata.json": "./metadata/metadata.json", - "./metadata/*": "./metadata/*", - "./package.json": "./package.json" - }, - "main": "dist/index.css", - "files": [ - "dist/*", - "*.md", - "package.json", - "metadata/*" - ], - "peerDependencies": { - "@spectrum-css/checkbox": ">=9", - "@spectrum-css/icon": ">=7", - "@spectrum-css/tokens": ">=14" - }, - "peerDependenciesMeta": { - "@spectrum-css/checkbox": { - "optional": true - }, - "@spectrum-css/icon": { - "optional": true - } - }, - "devDependencies": { - "@spectrum-css/checkbox": "workspace:^", - "@spectrum-css/icon": "workspace:^", - "@spectrum-css/tokens": "workspace:^" - }, - "keywords": [ - "spectrum", - "css", - "design system", - "adobe" - ], - "publishConfig": { - "access": "public" - }, - "spectrum": [ - { - "rootClass": "spectrum-AssetList" - } - ] -} diff --git a/components/assetlist/project.json b/components/assetlist/project.json deleted file mode 100644 index 5a46a5feee8..00000000000 --- a/components/assetlist/project.json +++ /dev/null @@ -1,17 +0,0 @@ -{ - "$schema": "../../node_modules/nx/schemas/project-schema.json", - "name": "assetlist", - "tags": ["component"], - "targets": { - "build": {}, - "clean": {}, - "compare": {}, - "format": {}, - "lint": {}, - "report": {}, - "test": { - "defaultConfiguration": "scope" - }, - "validate": {} - } -} diff --git a/components/avatar/metadata/metadata.json b/components/avatar/metadata/metadata.json index 47df733191c..64110d34974 100644 --- a/components/avatar/metadata/metadata.json +++ b/components/avatar/metadata/metadata.json @@ -15,6 +15,7 @@ ".spectrum-Avatar-link", ".spectrum-Avatar.is-disabled", ".spectrum-Avatar.is-focused:not(.is-disabled):after", + ".spectrum-Avatar:not(.is-disabled) .spectrum-Avatar-link.is-focus-visible:after", ".spectrum-Avatar:not(.is-disabled) .spectrum-Avatar-link:focus-visible:after" ], "modifiers": [ diff --git a/components/avatar/package.json b/components/avatar/package.json index 2837cc0c9bd..3d31f5ec5f6 100644 --- a/components/avatar/package.json +++ b/components/avatar/package.json @@ -4,7 +4,7 @@ "description": "The Spectrum CSS avatar component", "license": "Apache-2.0", "author": "Adobe", - "homepage": "https://opensource.adobe.com/spectrum-css/avatar", + "homepage": "https://opensource.adobe.com/spectrum-css/?path=/docs/components-avatar--docs", "repository": { "type": "git", "url": "https://github.com/adobe/spectrum-css.git", @@ -21,26 +21,49 @@ "./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 avatar", + "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 avatar", + "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 avatar" + }, "peerDependencies": { "@spectrum-css/tokens": ">=14" }, "devDependencies": { - "@spectrum-css/tokens": "workspace:^" + "@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" diff --git a/components/avatar/project.json b/components/avatar/project.json deleted file mode 100644 index cf43fa1aae2..00000000000 --- a/components/avatar/project.json +++ /dev/null @@ -1,17 +0,0 @@ -{ - "$schema": "../../node_modules/nx/schemas/project-schema.json", - "name": "avatar", - "tags": ["component"], - "targets": { - "build": {}, - "clean": {}, - "compare": {}, - "format": {}, - "lint": {}, - "report": {}, - "test": { - "defaultConfiguration": "scope" - }, - "validate": {} - } -} diff --git a/components/badge/package.json b/components/badge/package.json index e355438a9fc..63ed2a604e3 100644 --- a/components/badge/package.json +++ b/components/badge/package.json @@ -4,7 +4,7 @@ "description": "The Spectrum CSS badge component", "license": "Apache-2.0", "author": "Adobe", - "homepage": "https://opensource.adobe.com/spectrum-css/badge", + "homepage": "https://opensource.adobe.com/spectrum-css/?path=/docs/components-badge--docs", "repository": { "type": "git", "url": "https://github.com/adobe/spectrum-css.git", @@ -21,15 +21,31 @@ "./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 badge", + "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 badge", + "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 badge" + }, "peerDependencies": { "@spectrum-css/icon": ">=7", "@spectrum-css/tokens": ">=14" @@ -40,14 +56,21 @@ } }, "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" diff --git a/components/badge/project.json b/components/badge/project.json deleted file mode 100644 index 8c71c3a1442..00000000000 --- a/components/badge/project.json +++ /dev/null @@ -1,17 +0,0 @@ -{ - "$schema": "../../node_modules/nx/schemas/project-schema.json", - "name": "badge", - "tags": ["component"], - "targets": { - "build": {}, - "clean": {}, - "compare": {}, - "format": {}, - "lint": {}, - "report": {}, - "test": { - "defaultConfiguration": "scope" - }, - "validate": {} - } -} diff --git a/components/breadcrumb/package.json b/components/breadcrumb/package.json deleted file mode 100644 index 8e36ea153e1..00000000000 --- a/components/breadcrumb/package.json +++ /dev/null @@ -1,67 +0,0 @@ -{ - "name": "@spectrum-css/breadcrumb", - "version": "10.0.0-s2-foundations.16", - "description": "The Spectrum CSS breadcrumb component", - "license": "Apache-2.0", - "author": "Adobe", - "homepage": "https://opensource.adobe.com/spectrum-css/breadcrumb", - "repository": { - "type": "git", - "url": "https://github.com/adobe/spectrum-css.git", - "directory": "components/breadcrumb" - }, - "bugs": { - "url": "https://github.com/adobe/spectrum-css/issues" - }, - "exports": { - ".": "./dist/index.css", - "./*.md": "./*.md", - "./dist/*": "./dist/*", - "./index-*.css": "./dist/index-*.css", - "./index.css": "./dist/index.css", - "./metadata.json": "./metadata/metadata.json", - "./metadata/*": "./metadata/*", - "./package.json": "./package.json" - }, - "main": "dist/index.css", - "files": [ - "dist/*", - "*.md", - "package.json", - "metadata/*" - ], - "peerDependencies": { - "@spectrum-css/actionbutton": ">=6", - "@spectrum-css/icon": ">=7", - "@spectrum-css/tokens": ">=14" - }, - "peerDependenciesMeta": { - "@spectrum-css/actionbutton": { - "optional": true - }, - "@spectrum-css/icon": { - "optional": true - } - }, - "devDependencies": { - "@spectrum-css/actionbutton": "workspace:^", - "@spectrum-css/icon": "workspace:^", - "@spectrum-css/tokens": "workspace:^" - }, - "keywords": [ - "spectrum", - "css", - "design system", - "adobe" - ], - "publishConfig": { - "access": "public" - }, - "spectrum": [ - { - "guidelines": "https://spectrum.adobe.com/page/breadcrumbs", - "rootClass": "spectrum-Breadcrumbs", - "swc": "https://opensource.adobe.com/spectrum-web-components/components/breadcrumbs/" - } - ] -} diff --git a/components/breadcrumb/project.json b/components/breadcrumb/project.json deleted file mode 100644 index 838a32c93f5..00000000000 --- a/components/breadcrumb/project.json +++ /dev/null @@ -1,17 +0,0 @@ -{ - "$schema": "../../node_modules/nx/schemas/project-schema.json", - "name": "breadcrumb", - "tags": ["component"], - "targets": { - "build": {}, - "clean": {}, - "compare": {}, - "format": {}, - "lint": {}, - "report": {}, - "test": { - "defaultConfiguration": "scope" - }, - "validate": {} - } -} diff --git a/components/breadcrumb/CHANGELOG.md b/components/breadcrumbs/CHANGELOG.md similarity index 100% rename from components/breadcrumb/CHANGELOG.md rename to components/breadcrumbs/CHANGELOG.md diff --git a/components/breadcrumb/README.md b/components/breadcrumbs/README.md similarity index 100% rename from components/breadcrumb/README.md rename to components/breadcrumbs/README.md diff --git a/components/breadcrumb/index.css b/components/breadcrumbs/index.css similarity index 100% rename from components/breadcrumb/index.css rename to components/breadcrumbs/index.css diff --git a/components/breadcrumb/metadata/metadata.json b/components/breadcrumbs/metadata/metadata.json similarity index 96% rename from components/breadcrumb/metadata/metadata.json rename to components/breadcrumbs/metadata/metadata.json index 561253d9efa..9dc60412bf9 100644 --- a/components/breadcrumb/metadata/metadata.json +++ b/components/breadcrumbs/metadata/metadata.json @@ -17,6 +17,7 @@ ".spectrum-Breadcrumbs--multiline .spectrum-Breadcrumbs-itemSeparator", ".spectrum-Breadcrumbs-item", ".spectrum-Breadcrumbs-item > .spectrum-ActionButton", + ".spectrum-Breadcrumbs-item > .spectrum-ActionButton.is-disabled", ".spectrum-Breadcrumbs-item > .spectrum-ActionButton:disabled", ".spectrum-Breadcrumbs-item.is-dragged .spectrum-Breadcrumbs-itemLink:before", ".spectrum-Breadcrumbs-item:first-of-type > .spectrum-ActionButton", @@ -25,12 +26,17 @@ ".spectrum-Breadcrumbs-item:last-of-type .spectrum-Breadcrumbs-itemSeparator", ".spectrum-Breadcrumbs-itemLink", ".spectrum-Breadcrumbs-itemLink.is-disabled", + ".spectrum-Breadcrumbs-itemLink.is-focus-visible:before", ".spectrum-Breadcrumbs-itemLink:focus-visible:before", ".spectrum-Breadcrumbs-itemLink[aria-disabled=\"true\"]", ".spectrum-Breadcrumbs-itemLink[href]", + ".spectrum-Breadcrumbs-itemLink[href].is-focus-visible", + ".spectrum-Breadcrumbs-itemLink[href].is-hover", ".spectrum-Breadcrumbs-itemLink[href]:focus-visible", ".spectrum-Breadcrumbs-itemLink[href]:hover", ".spectrum-Breadcrumbs-itemLink[tabindex=\"0\"]", + ".spectrum-Breadcrumbs-itemLink[tabindex=\"0\"].is-focus-visible", + ".spectrum-Breadcrumbs-itemLink[tabindex=\"0\"].is-hover", ".spectrum-Breadcrumbs-itemLink[tabindex=\"0\"]:focus-visible", ".spectrum-Breadcrumbs-itemLink[tabindex=\"0\"]:hover", ".spectrum-Breadcrumbs-itemSeparator", diff --git a/components/breadcrumb/metadata/mods.md b/components/breadcrumbs/metadata/mods.md similarity index 100% rename from components/breadcrumb/metadata/mods.md rename to components/breadcrumbs/metadata/mods.md diff --git a/components/breadcrumbs/package.json b/components/breadcrumbs/package.json new file mode 100644 index 00000000000..a776e5dbcbc --- /dev/null +++ b/components/breadcrumbs/package.json @@ -0,0 +1,90 @@ +{ + "name": "@spectrum-css/breadcrumb", + "version": "10.0.0-s2-foundations.16", + "description": "The Spectrum CSS breadcrumb component", + "license": "Apache-2.0", + "author": "Adobe", + "homepage": "https://opensource.adobe.com/spectrum-css/?path=/docs/components-breadcrumbs--docs", + "repository": { + "type": "git", + "url": "https://github.com/adobe/spectrum-css.git", + "directory": "components/breadcrumbs" + }, + "bugs": { + "url": "https://github.com/adobe/spectrum-css/issues" + }, + "exports": { + ".": "./dist/index.css", + "./*.md": "./*.md", + "./dist/*": "./dist/*", + "./index-*.css": "./dist/index-*.css", + "./index.css": "./dist/index.css", + "./metadata.json": "./metadata/metadata.json", + "./metadata/*": "./metadata/*", + "./package.json": "./package.json", + "./stories/*": "./stories/*" + }, + "main": "dist/index.css", + "files": [ + "dist/*", + "*.md", + "package.json", + "metadata/*", + "stories/*" + ], + "scripts": { + "build": "yarn run component:build breadcrumbs", + "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 breadcrumbs", + "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 breadcrumbs" + }, + "peerDependencies": { + "@spectrum-css/actionbutton": ">=6", + "@spectrum-css/icon": ">=7", + "@spectrum-css/tokens": ">=14" + }, + "peerDependenciesMeta": { + "@spectrum-css/actionbutton": { + "optional": true + }, + "@spectrum-css/icon": { + "optional": true + } + }, + "devDependencies": { + "@spectrum-css/actionbutton": "7.0.0-s2-foundations.24", + "@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", + "spectrum-css", + "adobe", + "adobe-spectrum", + "component", + "css" + ], + "publishConfig": { + "access": "public" + }, + "spectrum": [ + { + "guidelines": "https://spectrum.adobe.com/page/breadcrumbs", + "rootClass": "spectrum-Breadcrumbs", + "swc": "https://opensource.adobe.com/spectrum-web-components/components/breadcrumbs/" + } + ] +} diff --git a/components/breadcrumb/stories/breadcrumb.stories.js b/components/breadcrumbs/stories/breadcrumb.stories.js similarity index 100% rename from components/breadcrumb/stories/breadcrumb.stories.js rename to components/breadcrumbs/stories/breadcrumb.stories.js diff --git a/components/breadcrumb/stories/breadcrumb.test.js b/components/breadcrumbs/stories/breadcrumb.test.js similarity index 100% rename from components/breadcrumb/stories/breadcrumb.test.js rename to components/breadcrumbs/stories/breadcrumb.test.js diff --git a/components/breadcrumb/stories/template.js b/components/breadcrumbs/stories/template.js similarity index 100% rename from components/breadcrumb/stories/template.js rename to components/breadcrumbs/stories/template.js diff --git a/components/breadcrumb/themes/express.css b/components/breadcrumbs/themes/express.css similarity index 100% rename from components/breadcrumb/themes/express.css rename to components/breadcrumbs/themes/express.css diff --git a/components/breadcrumb/themes/spectrum-two.css b/components/breadcrumbs/themes/spectrum-two.css similarity index 100% rename from components/breadcrumb/themes/spectrum-two.css rename to components/breadcrumbs/themes/spectrum-two.css diff --git a/components/breadcrumb/themes/spectrum.css b/components/breadcrumbs/themes/spectrum.css similarity index 100% rename from components/breadcrumb/themes/spectrum.css rename to components/breadcrumbs/themes/spectrum.css diff --git a/components/buttongroup/CHANGELOG.md b/components/button-group/CHANGELOG.md similarity index 100% rename from components/buttongroup/CHANGELOG.md rename to components/button-group/CHANGELOG.md diff --git a/components/buttongroup/README.md b/components/button-group/README.md similarity index 100% rename from components/buttongroup/README.md rename to components/button-group/README.md diff --git a/components/buttongroup/index.css b/components/button-group/index.css similarity index 100% rename from components/buttongroup/index.css rename to components/button-group/index.css diff --git a/components/buttongroup/metadata/metadata.json b/components/button-group/metadata/metadata.json similarity index 100% rename from components/buttongroup/metadata/metadata.json rename to components/button-group/metadata/metadata.json diff --git a/components/buttongroup/metadata/mods.md b/components/button-group/metadata/mods.md similarity index 100% rename from components/buttongroup/metadata/mods.md rename to components/button-group/metadata/mods.md diff --git a/components/button-group/package.json b/components/button-group/package.json new file mode 100644 index 00000000000..aa8afb6ed14 --- /dev/null +++ b/components/button-group/package.json @@ -0,0 +1,80 @@ +{ + "name": "@spectrum-css/buttongroup", + "version": "8.0.0-s2-foundations.16", + "description": "The Spectrum CSS buttongroup component", + "license": "Apache-2.0", + "author": "Adobe", + "homepage": "https://opensource.adobe.com/spectrum-css/?path=/docs/components-button-group--docs", + "repository": { + "type": "git", + "url": "https://github.com/adobe/spectrum-css.git", + "directory": "components/button-group" + }, + "bugs": { + "url": "https://github.com/adobe/spectrum-css/issues" + }, + "exports": { + ".": "./dist/index.css", + "./*.md": "./*.md", + "./dist/*": "./dist/*", + "./index-*.css": "./dist/index-*.css", + "./index.css": "./dist/index.css", + "./metadata.json": "./metadata/metadata.json", + "./metadata/*": "./metadata/*", + "./package.json": "./package.json", + "./stories/*": "./stories/*" + }, + "main": "dist/index.css", + "files": [ + "dist/*", + "*.md", + "package.json", + "metadata/*", + "stories/*" + ], + "scripts": { + "build": "yarn run component:build button-group", + "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 button-group", + "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 button-group" + }, + "peerDependencies": { + "@spectrum-css/button": ">=13", + "@spectrum-css/tokens": ">=14" + }, + "devDependencies": { + "@spectrum-css/button": "14.0.0-s2-foundations.19", + "@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", + "spectrum-css", + "adobe", + "adobe-spectrum", + "component", + "css" + ], + "publishConfig": { + "access": "public" + }, + "spectrum": [ + { + "guidelines": "https://spectrum.adobe.com/page/button-group", + "rootClass": "spectrum-ButtonGroup", + "swc": "https://opensource.adobe.com/spectrum-web-components/components/button-group/" + } + ] +} diff --git a/components/buttongroup/stories/buttongroup.stories.js b/components/button-group/stories/buttongroup.stories.js similarity index 100% rename from components/buttongroup/stories/buttongroup.stories.js rename to components/button-group/stories/buttongroup.stories.js diff --git a/components/buttongroup/stories/buttongroup.test.js b/components/button-group/stories/buttongroup.test.js similarity index 100% rename from components/buttongroup/stories/buttongroup.test.js rename to components/button-group/stories/buttongroup.test.js diff --git a/components/buttongroup/stories/template.js b/components/button-group/stories/template.js similarity index 100% rename from components/buttongroup/stories/template.js rename to components/button-group/stories/template.js diff --git a/components/buttongroup/themes/express.css b/components/button-group/themes/express.css similarity index 100% rename from components/buttongroup/themes/express.css rename to components/button-group/themes/express.css diff --git a/components/buttongroup/themes/spectrum-two.css b/components/button-group/themes/spectrum-two.css similarity index 100% rename from components/buttongroup/themes/spectrum-two.css rename to components/button-group/themes/spectrum-two.css diff --git a/components/buttongroup/themes/spectrum.css b/components/button-group/themes/spectrum.css similarity index 100% rename from components/buttongroup/themes/spectrum.css rename to components/button-group/themes/spectrum.css diff --git a/components/button/metadata/metadata.json b/components/button/metadata/metadata.json index 9755b2b9b8f..a00a39bb3b5 100644 --- a/components/button/metadata/metadata.json +++ b/components/button/metadata/metadata.json @@ -13,8 +13,12 @@ ".spectrum-Button--sizeXL", ".spectrum-Button-label", ".spectrum-Button-label:empty", + ".spectrum-Button.is-active", ".spectrum-Button.is-disabled", + ".spectrum-Button.is-focus-visible", + ".spectrum-Button.is-focus-visible:after", ".spectrum-Button.is-focused:after", + ".spectrum-Button.is-hover", ".spectrum-Button.is-pending", ".spectrum-Button.is-pending .spectrum-Button-label", ".spectrum-Button.is-pending .spectrum-Icon", @@ -39,6 +43,7 @@ ".spectrum-Button.spectrum-Button--staticBlack", ".spectrum-Button.spectrum-Button--staticBlack.is-selected", ".spectrum-Button.spectrum-Button--staticBlack.spectrum-Button--outline", + ".spectrum-Button.spectrum-Button--staticBlack.spectrum-Button--outline.spectrum-Button--secondary", ".spectrum-Button.spectrum-Button--staticBlack.spectrum-Button--outline:not(.spectrum-Button--secondary)", ".spectrum-Button.spectrum-Button--staticBlack.spectrum-Button--quiet", ".spectrum-Button.spectrum-Button--staticBlack.spectrum-Button--secondary", @@ -66,6 +71,8 @@ ".spectrum-Button[pending] .spectrum-Button-label", ".spectrum-Button[pending] .spectrum-Icon", ".spectrum-Button[pending] .spectrum-ProgressCircle", + ".spectrum.spectrum--express", + ".spectrum.spectrum--legacy", "a.spectrum-Button" ], "modifiers": [ @@ -116,6 +123,10 @@ "--mod-button-top-to-text", "--mod-focus-indicator-gap", "--mod-line-height-100", + "--mod-progress-circle-position", + "--mod-progress-circle-thickness", + "--mod-progress-circle-track-border-color", + "--mod-progress-circle-track-border-color-over-background", "--mod-sans-font-family-stack", "--mod-static-black-focus-indicator-color" ], @@ -233,6 +244,7 @@ "--spectrum-gray-50", "--spectrum-gray-500", "--spectrum-gray-600", + "--spectrum-gray-75", "--spectrum-gray-800", "--spectrum-gray-900", "--spectrum-icon-block-size", @@ -271,17 +283,21 @@ "--spectrum-text-to-visual-300", "--spectrum-text-to-visual-75", "--spectrum-transparent-black-1000", + "--spectrum-transparent-black-200", "--spectrum-transparent-black-300", "--spectrum-transparent-black-400", "--spectrum-transparent-black-500", "--spectrum-transparent-black-600", "--spectrum-transparent-black-700", + "--spectrum-transparent-black-800", "--spectrum-transparent-black-900", "--spectrum-transparent-white-1000", + "--spectrum-transparent-white-200", "--spectrum-transparent-white-300", "--spectrum-transparent-white-400", "--spectrum-transparent-white-500", "--spectrum-transparent-white-600", + "--spectrum-transparent-white-800", "--spectrum-transparent-white-900", "--spectrum-white", "--spectrum-workflow-icon-size-100", @@ -334,6 +350,9 @@ "--system-button-static-black-outline-not-secondary-content-color-down", "--system-button-static-black-outline-not-secondary-content-color-focus", "--system-button-static-black-outline-not-secondary-content-color-hover", + "--system-button-static-black-outline-secondary-background-color-down", + "--system-button-static-black-outline-secondary-background-color-focus", + "--system-button-static-black-outline-secondary-background-color-hover", "--system-button-static-black-secondary-background-color-default", "--system-button-static-black-secondary-background-color-down", "--system-button-static-black-secondary-background-color-focus", @@ -384,12 +403,7 @@ "--system-button-static-white-secondary-outline-border-color-focus", "--system-button-static-white-secondary-outline-border-color-hover" ], - "passthroughs": [ - "--mod-progress-circle-position", - "--mod-progress-circle-thickness", - "--mod-progress-circle-track-border-color", - "--mod-progress-circle-track-border-color-over-background" - ], + "passthroughs": [], "high-contrast": [ "--highcontrast-button-background-color-default", "--highcontrast-button-background-color-disabled", diff --git a/components/button/metadata/mods.md b/components/button/metadata/mods.md index 4acffa25f92..f390793a210 100644 --- a/components/button/metadata/mods.md +++ b/components/button/metadata/mods.md @@ -1,51 +1,55 @@ -| Modifiable custom properties | -| ------------------------------------------ | -| `--mod-animation-duration-100` | -| `--mod-bold-font-weight` | -| `--mod-button-animation-duration` | -| `--mod-button-background-color-default` | -| `--mod-button-background-color-disabled` | -| `--mod-button-background-color-down` | -| `--mod-button-background-color-focus` | -| `--mod-button-background-color-hover` | -| `--mod-button-border-color-default` | -| `--mod-button-border-color-disabled` | -| `--mod-button-border-color-down` | -| `--mod-button-border-color-focus` | -| `--mod-button-border-color-hover` | -| `--mod-button-border-radius` | -| `--mod-button-border-width` | -| `--mod-button-bottom-to-text` | -| `--mod-button-content-color-default` | -| `--mod-button-content-color-disabled` | -| `--mod-button-content-color-down` | -| `--mod-button-content-color-focus` | -| `--mod-button-content-color-hover` | -| `--mod-button-edge-to-text` | -| `--mod-button-edge-to-visual` | -| `--mod-button-edge-to-visual-only` | -| `--mod-button-focus-indicator-gap` | -| `--mod-button-focus-ring-border-radius` | -| `--mod-button-focus-ring-color` | -| `--mod-button-focus-ring-gap` | -| `--mod-button-focus-ring-thickness` | -| `--mod-button-font-family` | -| `--mod-button-font-size` | -| `--mod-button-height` | -| `--mod-button-icon-margin-block-start` | -| `--mod-button-line-height` | -| `--mod-button-margin-block` | -| `--mod-button-margin-left` | -| `--mod-button-margin-right` | -| `--mod-button-max-inline-size` | -| `--mod-button-min-width` | -| `--mod-button-padding-label-to-icon` | -| `--mod-button-static-content-color` | -| `--mod-button-text-align` | -| `--mod-button-text-align-with-icon` | -| `--mod-button-top-to-icon` | -| `--mod-button-top-to-text` | -| `--mod-focus-indicator-gap` | -| `--mod-line-height-100` | -| `--mod-sans-font-family-stack` | -| `--mod-static-black-focus-indicator-color` | +| Modifiable custom properties | +| ---------------------------------------------------------- | +| `--mod-animation-duration-100` | +| `--mod-bold-font-weight` | +| `--mod-button-animation-duration` | +| `--mod-button-background-color-default` | +| `--mod-button-background-color-disabled` | +| `--mod-button-background-color-down` | +| `--mod-button-background-color-focus` | +| `--mod-button-background-color-hover` | +| `--mod-button-border-color-default` | +| `--mod-button-border-color-disabled` | +| `--mod-button-border-color-down` | +| `--mod-button-border-color-focus` | +| `--mod-button-border-color-hover` | +| `--mod-button-border-radius` | +| `--mod-button-border-width` | +| `--mod-button-bottom-to-text` | +| `--mod-button-content-color-default` | +| `--mod-button-content-color-disabled` | +| `--mod-button-content-color-down` | +| `--mod-button-content-color-focus` | +| `--mod-button-content-color-hover` | +| `--mod-button-edge-to-text` | +| `--mod-button-edge-to-visual` | +| `--mod-button-edge-to-visual-only` | +| `--mod-button-focus-indicator-gap` | +| `--mod-button-focus-ring-border-radius` | +| `--mod-button-focus-ring-color` | +| `--mod-button-focus-ring-gap` | +| `--mod-button-focus-ring-thickness` | +| `--mod-button-font-family` | +| `--mod-button-font-size` | +| `--mod-button-height` | +| `--mod-button-icon-margin-block-start` | +| `--mod-button-line-height` | +| `--mod-button-margin-block` | +| `--mod-button-margin-left` | +| `--mod-button-margin-right` | +| `--mod-button-max-inline-size` | +| `--mod-button-min-width` | +| `--mod-button-padding-label-to-icon` | +| `--mod-button-static-content-color` | +| `--mod-button-text-align` | +| `--mod-button-text-align-with-icon` | +| `--mod-button-top-to-icon` | +| `--mod-button-top-to-text` | +| `--mod-focus-indicator-gap` | +| `--mod-line-height-100` | +| `--mod-progress-circle-position` | +| `--mod-progress-circle-thickness` | +| `--mod-progress-circle-track-border-color` | +| `--mod-progress-circle-track-border-color-over-background` | +| `--mod-sans-font-family-stack` | +| `--mod-static-black-focus-indicator-color` | diff --git a/components/button/package.json b/components/button/package.json index baf38cdb244..ffcf8c030c8 100644 --- a/components/button/package.json +++ b/components/button/package.json @@ -4,7 +4,7 @@ "description": "The Spectrum CSS button component", "license": "Apache-2.0", "author": "Adobe", - "homepage": "https://opensource.adobe.com/spectrum-css/button-accent", + "homepage": "https://opensource.adobe.com/spectrum-css/?path=/docs/components-button--docs", "repository": { "type": "git", "url": "https://github.com/adobe/spectrum-css.git", @@ -21,15 +21,31 @@ "./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 button", + "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 button", + "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 button" + }, "peerDependencies": { "@spectrum-css/icon": ">=7", "@spectrum-css/progresscircle": ">=3", @@ -45,15 +61,22 @@ }, "devDependencies": { "@spectrum-css/commons": "workspace:^", - "@spectrum-css/icon": "workspace:^", - "@spectrum-css/progresscircle": "workspace:^", - "@spectrum-css/tokens": "workspace:^" + "@spectrum-css/icon": "8.0.0-s2-foundations.18", + "@spectrum-css/progresscircle": "4.0.0-s2-foundations.16", + "@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" diff --git a/components/button/project.json b/components/button/project.json deleted file mode 100644 index b09cb4a8d52..00000000000 --- a/components/button/project.json +++ /dev/null @@ -1,17 +0,0 @@ -{ - "$schema": "../../node_modules/nx/schemas/project-schema.json", - "name": "button", - "tags": ["component"], - "targets": { - "build": {}, - "clean": {}, - "compare": {}, - "format": {}, - "lint": {}, - "report": {}, - "test": { - "defaultConfiguration": "scope" - }, - "validate": {} - } -} diff --git a/components/button/stories/template.js b/components/button/stories/template.js index 16e259bd86f..97e58d4781a 100644 --- a/components/button/stories/template.js +++ b/components/button/stories/template.js @@ -1,12 +1,12 @@ import { Template as Icon } from "@spectrum-css/icon/stories/template.js"; import { Container, getRandomId } from "@spectrum-css/preview/decorators"; -import { Template as ProgressCircle } from "@spectrum-css/progresscircle/stories/template.js"; import { html } from "lit"; import { classMap } from "lit/directives/class-map.js"; import { ifDefined } from "lit/directives/if-defined.js"; import { styleMap } from "lit/directives/style-map.js"; import { when } from "lit/directives/when.js"; import { capitalize } from "lodash-es"; +import { Template as ProgressCircle } from "../../progress-circle/stories/template.js"; import "../index.css"; import "../themes/spectrum.css"; diff --git a/components/buttongroup/package.json b/components/buttongroup/package.json deleted file mode 100644 index 66b1f282b86..00000000000 --- a/components/buttongroup/package.json +++ /dev/null @@ -1,57 +0,0 @@ -{ - "name": "@spectrum-css/buttongroup", - "version": "8.0.0-s2-foundations.16", - "description": "The Spectrum CSS buttongroup component", - "license": "Apache-2.0", - "author": "Adobe", - "homepage": "https://opensource.adobe.com/spectrum-css/buttongroup", - "repository": { - "type": "git", - "url": "https://github.com/adobe/spectrum-css.git", - "directory": "components/buttongroup" - }, - "bugs": { - "url": "https://github.com/adobe/spectrum-css/issues" - }, - "exports": { - ".": "./dist/index.css", - "./*.md": "./*.md", - "./dist/*": "./dist/*", - "./index-*.css": "./dist/index-*.css", - "./index.css": "./dist/index.css", - "./metadata.json": "./metadata/metadata.json", - "./metadata/*": "./metadata/*", - "./package.json": "./package.json" - }, - "main": "dist/index.css", - "files": [ - "dist/*", - "*.md", - "package.json", - "metadata/*" - ], - "peerDependencies": { - "@spectrum-css/button": ">=13", - "@spectrum-css/tokens": ">=14" - }, - "devDependencies": { - "@spectrum-css/button": "workspace:^", - "@spectrum-css/tokens": "workspace:^" - }, - "keywords": [ - "spectrum", - "css", - "design system", - "adobe" - ], - "publishConfig": { - "access": "public" - }, - "spectrum": [ - { - "guidelines": "https://spectrum.adobe.com/page/button-group", - "rootClass": "spectrum-ButtonGroup", - "swc": "https://opensource.adobe.com/spectrum-web-components/components/button-group/" - } - ] -} diff --git a/components/buttongroup/project.json b/components/buttongroup/project.json deleted file mode 100644 index ff8235630a1..00000000000 --- a/components/buttongroup/project.json +++ /dev/null @@ -1,17 +0,0 @@ -{ - "$schema": "../../node_modules/nx/schemas/project-schema.json", - "name": "buttongroup", - "tags": ["component"], - "targets": { - "build": {}, - "clean": {}, - "compare": {}, - "format": {}, - "lint": {}, - "report": {}, - "test": { - "defaultConfiguration": "scope" - }, - "validate": {} - } -} diff --git a/components/calendar/metadata/metadata.json b/components/calendar/metadata/metadata.json index 676c81a041f..c5bfdbaf823 100644 --- a/components/calendar/metadata/metadata.json +++ b/components/calendar/metadata/metadata.json @@ -5,6 +5,7 @@ ".spectrum-Calendar--padded", ".spectrum-Calendar-body", ".spectrum-Calendar-date", + ".spectrum-Calendar-date.is-active", ".spectrum-Calendar-date.is-disabled", ".spectrum-Calendar-date.is-disabled.is-selected", ".spectrum-Calendar-date.is-focused", @@ -12,9 +13,13 @@ ".spectrum-Calendar-date.is-focused.is-selected", ".spectrum-Calendar-date.is-focused.is-selected:not(.is-range-selection)", ".spectrum-Calendar-date.is-focused:not(.is-range-selection)", + ".spectrum-Calendar-date.is-focused:not(.is-range-selection).is-active", ".spectrum-Calendar-date.is-focused:not(.is-range-selection):active", + ".spectrum-Calendar-date.is-hover", + ".spectrum-Calendar-date.is-hover:not(.is-selection-end, .is-selection-start)", ".spectrum-Calendar-date.is-outsideMonth", ".spectrum-Calendar-date.is-range-selection", + ".spectrum-Calendar-date.is-range-selection.is-hover", ".spectrum-Calendar-date.is-range-selection.is-range-end", ".spectrum-Calendar-date.is-range-selection.is-range-end:after", ".spectrum-Calendar-date.is-range-selection.is-range-end:before", @@ -33,6 +38,7 @@ ".spectrum-Calendar-date.is-range-selection.is-selection-start:before", ".spectrum-Calendar-date.is-range-selection:hover", ".spectrum-Calendar-date.is-selected", + ".spectrum-Calendar-date.is-selected.is-hover:not(.is-selection-end, .is-selection-start)", ".spectrum-Calendar-date.is-selected:hover:not(.is-selection-end, .is-selection-start)", ".spectrum-Calendar-date.is-selected:not(.is-range-selection)", ".spectrum-Calendar-date.is-today", @@ -55,9 +61,14 @@ ".spectrum-Calendar-tableCell:focus", ".spectrum-Calendar-title", ".spectrum-Calendar:dir(rtl)", + ".spectrum.spectrum--express", + ".spectrum.spectrum--legacy", "[dir=\"rtl\"] .spectrum-Calendar" ], "modifiers": [ + "--mod-actionbutton-content-color-default", + "--mod-actionbutton-edge-to-text", + "--mod-actionbutton-min-width", "--mod-calendar-border-radius-reset", "--mod-calendar-border-width-reset", "--mod-calendar-button-icon-color", @@ -167,6 +178,7 @@ "--spectrum-font-size-300", "--spectrum-font-size-50", "--spectrum-gray-100-rgb", + "--spectrum-gray-200-rgb", "--spectrum-gray-800", "--spectrum-logical-rotation", "--spectrum-neutral-content-color-default", @@ -177,11 +189,7 @@ "--spectrum-regular-font-weight" ], "system-theme": ["--system-calendar-day-background-color-selected-disabled"], - "passthroughs": [ - "--mod-actionbutton-content-color-default", - "--mod-actionbutton-edge-to-text", - "--mod-actionbutton-min-width" - ], + "passthroughs": [], "high-contrast": [ "--highcontrast-calendar-day-background-cap-selected", "--highcontrast-calendar-day-background-down", diff --git a/components/calendar/metadata/mods.md b/components/calendar/metadata/mods.md index 837d5574720..4eb542f4082 100644 --- a/components/calendar/metadata/mods.md +++ b/components/calendar/metadata/mods.md @@ -1,5 +1,8 @@ | Modifiable custom properties | | ---------------------------------------------------------- | +| `--mod-actionbutton-content-color-default` | +| `--mod-actionbutton-edge-to-text` | +| `--mod-actionbutton-min-width` | | `--mod-calendar-border-radius-reset` | | `--mod-calendar-border-width-reset` | | `--mod-calendar-button-icon-color` | diff --git a/components/calendar/package.json b/components/calendar/package.json index 1d20ab2f823..7172215f3fa 100644 --- a/components/calendar/package.json +++ b/components/calendar/package.json @@ -4,7 +4,7 @@ "description": "The Spectrum CSS calendar component", "license": "Apache-2.0", "author": "Adobe", - "homepage": "https://opensource.adobe.com/spectrum-css/calendar", + "homepage": "https://opensource.adobe.com/spectrum-css/?path=/docs/components-calendar--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 calendar", + "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 calendar", + "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 calendar" + }, "peerDependencies": { "@spectrum-css/actionbutton": ">=6", "@spectrum-css/tokens": ">=14" }, "devDependencies": { - "@spectrum-css/actionbutton": "workspace:^", - "@spectrum-css/tokens": "workspace:^" + "@spectrum-css/actionbutton": "7.0.0-s2-foundations.24", + "@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" diff --git a/components/calendar/project.json b/components/calendar/project.json deleted file mode 100644 index 6a59e83b002..00000000000 --- a/components/calendar/project.json +++ /dev/null @@ -1,17 +0,0 @@ -{ - "$schema": "../../node_modules/nx/schemas/project-schema.json", - "name": "calendar", - "tags": ["component"], - "targets": { - "build": {}, - "clean": {}, - "compare": {}, - "format": {}, - "lint": {}, - "report": {}, - "test": { - "defaultConfiguration": "scope" - }, - "validate": {} - } -} diff --git a/components/card/metadata/metadata.json b/components/card/metadata/metadata.json index 09d6a163df1..f0a04961cda 100644 --- a/components/card/metadata/metadata.json +++ b/components/card/metadata/metadata.json @@ -12,6 +12,8 @@ ".spectrum-Card--gallery.is-drop-target", ".spectrum-Card--gallery.is-drop-target .spectrum-Card-preview", ".spectrum-Card--gallery.is-drop-target .spectrum-Card-preview:before", + ".spectrum-Card--gallery.is-hover", + ".spectrum-Card--gallery.is-hover .spectrum-Card-preview", ".spectrum-Card--gallery.is-selected .spectrum-Card-preview:before", ".spectrum-Card--gallery:before", ".spectrum-Card--gallery:hover", @@ -22,6 +24,7 @@ ".spectrum-Card--horizontal .spectrum-Card-header", ".spectrum-Card--horizontal .spectrum-Card-preview", ".spectrum-Card--horizontal .spectrum-Card-title", + ".spectrum-Card--horizontal.is-hover .spectrum-Card-preview", ".spectrum-Card--horizontal:hover .spectrum-Card-preview", ".spectrum-Card--quiet", ".spectrum-Card--quiet .spectrum-Card-body", @@ -34,6 +37,8 @@ ".spectrum-Card--quiet.is-drop-target .spectrum-Card-preview:before", ".spectrum-Card--quiet.is-focused .spectrum-Card-preview:after", ".spectrum-Card--quiet.is-focused:after", + ".spectrum-Card--quiet.is-hover", + ".spectrum-Card--quiet.is-hover .spectrum-Card-preview", ".spectrum-Card--quiet.is-selected .spectrum-Card-preview", ".spectrum-Card--quiet.is-selected .spectrum-Card-preview:before", ".spectrum-Card--quiet:before", @@ -55,8 +60,15 @@ ".spectrum-Card-subtitle + .spectrum-Card-description:before", ".spectrum-Card-title", ".spectrum-Card.is-drop-target", + ".spectrum-Card.is-focus-visible", + ".spectrum-Card.is-focus-visible .spectrum-Card-coverPhoto", + ".spectrum-Card.is-focus-visible .spectrum-Card-preview", + ".spectrum-Card.is-focus-visible:after", ".spectrum-Card.is-focused .spectrum-Card-actions", ".spectrum-Card.is-focused .spectrum-Card-quickActions", + ".spectrum-Card.is-hover", + ".spectrum-Card.is-hover .spectrum-Card-actions", + ".spectrum-Card.is-hover .spectrum-Card-quickActions", ".spectrum-Card.is-selected", ".spectrum-Card.is-selected .spectrum-Card-actions", ".spectrum-Card.is-selected .spectrum-Card-quickActions", @@ -73,7 +85,9 @@ ".spectrum-Card:focus-visible:after", ".spectrum-Card:hover", ".spectrum-Card:hover .spectrum-Card-actions", - ".spectrum-Card:hover .spectrum-Card-quickActions" + ".spectrum-Card:hover .spectrum-Card-quickActions", + ".spectrum.spectrum--express", + ".spectrum.spectrum--legacy" ], "modifiers": [ "--mod-animation-duration-100", @@ -207,6 +221,7 @@ "--spectrum-gray-100", "--spectrum-gray-100-rgb", "--spectrum-gray-200", + "--spectrum-gray-300", "--spectrum-heading-color", "--spectrum-heading-line-height", "--spectrum-heading-sans-serif-font-style", diff --git a/components/card/package.json b/components/card/package.json index 0874dbb6d82..9c0e23967f2 100644 --- a/components/card/package.json +++ b/components/card/package.json @@ -4,7 +4,7 @@ "description": "The Spectrum CSS card component", "license": "Apache-2.0", "author": "Adobe", - "homepage": "https://opensource.adobe.com/spectrum-css/card", + "homepage": "https://opensource.adobe.com/spectrum-css/?path=/docs/components-card--docs", "repository": { "type": "git", "url": "https://github.com/adobe/spectrum-css.git", @@ -21,15 +21,31 @@ "./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 card", + "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 card", + "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 card" + }, "peerDependencies": { "@spectrum-css/actionbutton": ">=6", "@spectrum-css/asset": ">=5", @@ -56,18 +72,25 @@ } }, "devDependencies": { - "@spectrum-css/actionbutton": "workspace:^", - "@spectrum-css/asset": "workspace:^", - "@spectrum-css/checkbox": "workspace:^", - "@spectrum-css/icon": "workspace:^", - "@spectrum-css/tokens": "workspace:^", - "@spectrum-css/typography": "workspace:^" + "@spectrum-css/actionbutton": "7.0.0-s2-foundations.24", + "@spectrum-css/asset": "6.0.0-s2-foundations.16", + "@spectrum-css/checkbox": "10.0.0-s2-foundations.20", + "@spectrum-css/icon": "8.0.0-s2-foundations.18", + "@spectrum-css/tokens": "15.0.0-s2-foundations.31", + "@spectrum-css/typography": "7.0.0-s2-foundations.18", + "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" diff --git a/components/card/project.json b/components/card/project.json deleted file mode 100644 index 4d4dc7625b8..00000000000 --- a/components/card/project.json +++ /dev/null @@ -1,17 +0,0 @@ -{ - "$schema": "../../node_modules/nx/schemas/project-schema.json", - "name": "card", - "tags": ["component"], - "targets": { - "build": {}, - "clean": {}, - "compare": {}, - "format": {}, - "lint": {}, - "report": {}, - "test": { - "defaultConfiguration": "scope" - }, - "validate": {} - } -} diff --git a/components/checkbox/metadata/metadata.json b/components/checkbox/metadata/metadata.json index fcfbcf86abc..0fec13c63b1 100644 --- a/components/checkbox/metadata/metadata.json +++ b/components/checkbox/metadata/metadata.json @@ -3,21 +3,41 @@ "selectors": [ ".spectrum-Checkbox", ".spectrum-Checkbox .spectrum-Checkbox-checkmark", + ".spectrum-Checkbox .spectrum-Checkbox-input.is-disabled + .spectrum-Checkbox-box:before", + ".spectrum-Checkbox .spectrum-Checkbox-input.is-disabled ~ .spectrum-Checkbox-label", + ".spectrum-Checkbox .spectrum-Checkbox-input:checked.is-disabled + .spectrum-Checkbox-box:before", + ".spectrum-Checkbox .spectrum-Checkbox-input:checked.is-disabled ~ .spectrum-Checkbox-label", ".spectrum-Checkbox .spectrum-Checkbox-input:checked:disabled + .spectrum-Checkbox-box:before", ".spectrum-Checkbox .spectrum-Checkbox-input:checked:disabled ~ .spectrum-Checkbox-label", ".spectrum-Checkbox .spectrum-Checkbox-input:disabled + .spectrum-Checkbox-box:before", ".spectrum-Checkbox .spectrum-Checkbox-input:disabled ~ .spectrum-Checkbox-label", ".spectrum-Checkbox .spectrum-Checkbox-partialCheckmark", + ".spectrum-Checkbox--emphasized .spectrum-Checkbox-input.is-focus-visible:checked + .spectrum-Checkbox-box:before", ".spectrum-Checkbox--emphasized .spectrum-Checkbox-input:checked + .spectrum-Checkbox-box:before", ".spectrum-Checkbox--emphasized .spectrum-Checkbox-input:focus-visible:checked + .spectrum-Checkbox-box:before", + ".spectrum-Checkbox--emphasized.is-active .spectrum-Checkbox-input:checked + .spectrum-Checkbox-box:before", + ".spectrum-Checkbox--emphasized.is-focus-visible .spectrum-Checkbox-box:before", + ".spectrum-Checkbox--emphasized.is-focus-visible .spectrum-Checkbox-input:checked + .spectrum-Checkbox-box:before", + ".spectrum-Checkbox--emphasized.is-hover .spectrum-Checkbox-input:checked + .spectrum-Checkbox-box:before", ".spectrum-Checkbox--emphasized.is-indeterminate .spectrum-Checkbox-box:before", + ".spectrum-Checkbox--emphasized.is-indeterminate .spectrum-Checkbox-input.is-focus-visible + .spectrum-Checkbox-box:before", ".spectrum-Checkbox--emphasized.is-indeterminate .spectrum-Checkbox-input:checked + .spectrum-Checkbox-box:before", ".spectrum-Checkbox--emphasized.is-indeterminate .spectrum-Checkbox-input:focus-visible + .spectrum-Checkbox-box:before", + ".spectrum-Checkbox--emphasized.is-indeterminate.is-active .spectrum-Checkbox-box:before", + ".spectrum-Checkbox--emphasized.is-indeterminate.is-active .spectrum-Checkbox-input:checked + .spectrum-Checkbox-box:before", + ".spectrum-Checkbox--emphasized.is-indeterminate.is-hover .spectrum-Checkbox-box:before", + ".spectrum-Checkbox--emphasized.is-indeterminate.is-hover .spectrum-Checkbox-input:checked + .spectrum-Checkbox-box:before", ".spectrum-Checkbox--emphasized.is-indeterminate:active .spectrum-Checkbox-box:before", ".spectrum-Checkbox--emphasized.is-indeterminate:active .spectrum-Checkbox-input:checked + .spectrum-Checkbox-box:before", ".spectrum-Checkbox--emphasized.is-indeterminate:hover .spectrum-Checkbox-box:before", ".spectrum-Checkbox--emphasized.is-indeterminate:hover .spectrum-Checkbox-input:checked + .spectrum-Checkbox-box:before", + ".spectrum-Checkbox--emphasized.is-invalid .spectrum-Checkbox-input.is-focus-visible:checked + .spectrum-Checkbox-box:before", ".spectrum-Checkbox--emphasized.is-invalid .spectrum-Checkbox-input:focus-visible:checked + .spectrum-Checkbox-box:before", + ".spectrum-Checkbox--emphasized.is-invalid.is-active .spectrum-Checkbox-box:before", + ".spectrum-Checkbox--emphasized.is-invalid.is-active .spectrum-Checkbox-input:checked + .spectrum-Checkbox-box:before", + ".spectrum-Checkbox--emphasized.is-invalid.is-hover .spectrum-Checkbox-input:checked + .spectrum-Checkbox-box:before", + ".spectrum-Checkbox--emphasized.is-invalid.is-indeterminate.is-hover .spectrum-Checkbox-box:before", + ".spectrum-Checkbox--emphasized.is-invalid.is-indeterminate.is-hover .spectrum-Checkbox-input:checked + .spectrum-Checkbox-box:before", ".spectrum-Checkbox--emphasized.is-invalid.is-indeterminate:hover .spectrum-Checkbox-box:before", ".spectrum-Checkbox--emphasized.is-invalid.is-indeterminate:hover .spectrum-Checkbox-input:checked + .spectrum-Checkbox-box:before", ".spectrum-Checkbox--emphasized.is-invalid:active .spectrum-Checkbox-box:before", @@ -35,6 +55,12 @@ ".spectrum-Checkbox-box:after", ".spectrum-Checkbox-box:before", ".spectrum-Checkbox-input", + ".spectrum-Checkbox-input.is-disabled", + ".spectrum-Checkbox-input.is-focus-visible + .spectrum-Checkbox-box", + ".spectrum-Checkbox-input.is-focus-visible + .spectrum-Checkbox-box:after", + ".spectrum-Checkbox-input.is-focus-visible + .spectrum-Checkbox-box:before", + ".spectrum-Checkbox-input.is-focus-visible + .spectrum-Checkbox-label", + ".spectrum-Checkbox-input.is-focus-visible:checked + .spectrum-Checkbox-box:before", ".spectrum-Checkbox-input:checked + .spectrum-Checkbox-box .spectrum-Checkbox-checkmark", ".spectrum-Checkbox-input:checked + .spectrum-Checkbox-box:before", ".spectrum-Checkbox-input:disabled", @@ -47,27 +73,47 @@ ".spectrum-Checkbox-label:lang(ja)", ".spectrum-Checkbox-label:lang(ko)", ".spectrum-Checkbox-label:lang(zh)", + ".spectrum-Checkbox.is-active .spectrum-Checkbox-box:before", + ".spectrum-Checkbox.is-active .spectrum-Checkbox-input:checked + .spectrum-Checkbox-box:before", + ".spectrum-Checkbox.is-active .spectrum-Checkbox-label", + ".spectrum-Checkbox.is-hover .spectrum-Checkbox-box:before", + ".spectrum-Checkbox.is-hover .spectrum-Checkbox-input:checked + .spectrum-Checkbox-box:before", + ".spectrum-Checkbox.is-hover .spectrum-Checkbox-label", ".spectrum-Checkbox.is-indeterminate .spectrum-Checkbox-box .spectrum-Checkbox-checkmark", ".spectrum-Checkbox.is-indeterminate .spectrum-Checkbox-box .spectrum-Checkbox-partialCheckmark", ".spectrum-Checkbox.is-indeterminate .spectrum-Checkbox-box:before", + ".spectrum-Checkbox.is-indeterminate .spectrum-Checkbox-input.is-focus-visible + .spectrum-Checkbox-box:before", ".spectrum-Checkbox.is-indeterminate .spectrum-Checkbox-input:checked + .spectrum-Checkbox-box .spectrum-Checkbox-checkmark", ".spectrum-Checkbox.is-indeterminate .spectrum-Checkbox-input:checked + .spectrum-Checkbox-box .spectrum-Checkbox-partialCheckmark", ".spectrum-Checkbox.is-indeterminate .spectrum-Checkbox-input:checked + .spectrum-Checkbox-box:before", ".spectrum-Checkbox.is-indeterminate .spectrum-Checkbox-input:focus-visible + .spectrum-Checkbox-box:before", + ".spectrum-Checkbox.is-indeterminate.is-hover .spectrum-Checkbox-box:before", + ".spectrum-Checkbox.is-indeterminate.is-hover .spectrum-Checkbox-input:checked + .spectrum-Checkbox-box:before", ".spectrum-Checkbox.is-indeterminate:hover .spectrum-Checkbox-box:before", ".spectrum-Checkbox.is-indeterminate:hover .spectrum-Checkbox-input:checked + .spectrum-Checkbox-box:before", ".spectrum-Checkbox.is-invalid .spectrum-Checkbox-box:before", + ".spectrum-Checkbox.is-invalid .spectrum-Checkbox-input.is-focus-visible + .spectrum-Checkbox-box:before", ".spectrum-Checkbox.is-invalid .spectrum-Checkbox-input:checked + .spectrum-Checkbox-box:before", ".spectrum-Checkbox.is-invalid .spectrum-Checkbox-input:focus-visible + .spectrum-Checkbox-box:before", + ".spectrum-Checkbox.is-invalid.is-hover .spectrum-Checkbox-box:before", + ".spectrum-Checkbox.is-invalid.is-hover .spectrum-Checkbox-input:checked + .spectrum-Checkbox-box", ".spectrum-Checkbox.is-invalid.is-indeterminate .spectrum-Checkbox-box:before", + ".spectrum-Checkbox.is-invalid.is-indeterminate .spectrum-Checkbox-input.is-focus-visible + .spectrum-Checkbox-box:before", ".spectrum-Checkbox.is-invalid.is-indeterminate .spectrum-Checkbox-input:checked + .spectrum-Checkbox-box:before", ".spectrum-Checkbox.is-invalid.is-indeterminate .spectrum-Checkbox-input:focus-visible + .spectrum-Checkbox-box:before", + ".spectrum-Checkbox.is-invalid.is-indeterminate.is-hover .spectrum-Checkbox-box:before", + ".spectrum-Checkbox.is-invalid.is-indeterminate.is-hover .spectrum-Checkbox-input:checked + .spectrum-Checkbox-box:before", + ".spectrum-Checkbox.is-invalid.is-indeterminate.is-hover .spectrum-Checkbox-label", ".spectrum-Checkbox.is-invalid.is-indeterminate:hover .spectrum-Checkbox-box:before", ".spectrum-Checkbox.is-invalid.is-indeterminate:hover .spectrum-Checkbox-input:checked + .spectrum-Checkbox-box:before", ".spectrum-Checkbox.is-invalid.is-indeterminate:hover .spectrum-Checkbox-label", ".spectrum-Checkbox.is-invalid:hover .spectrum-Checkbox-box:before", ".spectrum-Checkbox.is-invalid:hover .spectrum-Checkbox-input:checked + .spectrum-Checkbox-box", ".spectrum-Checkbox.is-readOnly .spectrum-Checkbox-input", + ".spectrum-Checkbox.is-readOnly .spectrum-Checkbox-input.is-disabled + .spectrum-Checkbox-box:before", + ".spectrum-Checkbox.is-readOnly .spectrum-Checkbox-input.is-disabled ~ .spectrum-Checkbox-label", + ".spectrum-Checkbox.is-readOnly .spectrum-Checkbox-input:checked.is-disabled + .spectrum-Checkbox-box:before", + ".spectrum-Checkbox.is-readOnly .spectrum-Checkbox-input:checked.is-disabled ~ .spectrum-Checkbox-label", ".spectrum-Checkbox.is-readOnly .spectrum-Checkbox-input:checked:disabled + .spectrum-Checkbox-box:before", ".spectrum-Checkbox.is-readOnly .spectrum-Checkbox-input:checked:disabled ~ .spectrum-Checkbox-label", ".spectrum-Checkbox.is-readOnly .spectrum-Checkbox-input:disabled + .spectrum-Checkbox-box:before", @@ -77,7 +123,9 @@ ".spectrum-Checkbox:active .spectrum-Checkbox-label", ".spectrum-Checkbox:hover .spectrum-Checkbox-box:before", ".spectrum-Checkbox:hover .spectrum-Checkbox-input:checked + .spectrum-Checkbox-box:before", - ".spectrum-Checkbox:hover .spectrum-Checkbox-label" + ".spectrum-Checkbox:hover .spectrum-Checkbox-label", + ".spectrum.spectrum--express", + ".spectrum.spectrum--legacy" ], "modifiers": [ "--mod-checkbox-animation-duration", @@ -179,6 +227,7 @@ "--spectrum-component-top-to-text-200", "--spectrum-component-top-to-text-300", "--spectrum-component-top-to-text-75", + "--spectrum-corner-radius-75", "--spectrum-disabled-content-color", "--spectrum-focus-indicator-color", "--spectrum-focus-indicator-gap", @@ -190,7 +239,9 @@ "--spectrum-gray-50", "--spectrum-gray-600", "--spectrum-gray-700", + "--spectrum-gray-75", "--spectrum-gray-800", + "--spectrum-gray-900", "--spectrum-line-height-100", "--spectrum-negative-color-1000", "--spectrum-negative-color-1100", diff --git a/components/checkbox/package.json b/components/checkbox/package.json index 32544498a28..01535251ebd 100644 --- a/components/checkbox/package.json +++ b/components/checkbox/package.json @@ -4,7 +4,7 @@ "description": "The Spectrum CSS checkbox component", "license": "Apache-2.0", "author": "Adobe", - "homepage": "https://opensource.adobe.com/spectrum-css/checkbox", + "homepage": "https://opensource.adobe.com/spectrum-css/?path=/docs/components-checkbox--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 checkbox", + "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 checkbox", + "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 checkbox" + }, "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" diff --git a/components/checkbox/project.json b/components/checkbox/project.json deleted file mode 100644 index c9634505b5f..00000000000 --- a/components/checkbox/project.json +++ /dev/null @@ -1,17 +0,0 @@ -{ - "$schema": "../../node_modules/nx/schemas/project-schema.json", - "name": "checkbox", - "tags": ["component"], - "targets": { - "build": {}, - "clean": {}, - "compare": {}, - "format": {}, - "lint": {}, - "report": {}, - "test": { - "defaultConfiguration": "scope" - }, - "validate": {} - } -} diff --git a/components/clearbutton/CHANGELOG.md b/components/clear-button/CHANGELOG.md similarity index 100% rename from components/clearbutton/CHANGELOG.md rename to components/clear-button/CHANGELOG.md diff --git a/components/clearbutton/README.md b/components/clear-button/README.md similarity index 100% rename from components/clearbutton/README.md rename to components/clear-button/README.md diff --git a/components/clearbutton/index.css b/components/clear-button/index.css similarity index 100% rename from components/clearbutton/index.css rename to components/clear-button/index.css diff --git a/components/clearbutton/metadata/metadata.json b/components/clear-button/metadata/metadata.json similarity index 80% rename from components/clearbutton/metadata/metadata.json rename to components/clear-button/metadata/metadata.json index 9c4c6a65118..60f13d47809 100644 --- a/components/clearbutton/metadata/metadata.json +++ b/components/clear-button/metadata/metadata.json @@ -5,7 +5,9 @@ ".js-focus-within .spectrum-ClearButton:not(:disabled)[focus-within] .spectrum-ClearButton-fill", ".spectrum-ClearButton", ".spectrum-ClearButton > .spectrum-Icon", + ".spectrum-ClearButton--overBackground.is-focus-visible", ".spectrum-ClearButton--overBackground:focus-visible", + ".spectrum-ClearButton--staticWhite.is-focus-visible", ".spectrum-ClearButton--staticWhite:focus-visible", ".spectrum-ClearButton-fill", ".spectrum-ClearButton-icon", @@ -17,6 +19,14 @@ ".spectrum-ClearButton.spectrum-ClearButton--staticWhite", ".spectrum-ClearButton:disabled", ".spectrum-ClearButton:not(:disabled)", + ".spectrum-ClearButton:not(:disabled).is-active", + ".spectrum-ClearButton:not(:disabled).is-active .spectrum-ClearButton-fill", + ".spectrum-ClearButton:not(:disabled).is-focus-visible", + ".spectrum-ClearButton:not(:disabled).is-focus-visible .spectrum-ClearButton-fill", + ".spectrum-ClearButton:not(:disabled).is-focus-within", + ".spectrum-ClearButton:not(:disabled).is-focus-within .spectrum-ClearButton-fill", + ".spectrum-ClearButton:not(:disabled).is-hover", + ".spectrum-ClearButton:not(:disabled).is-hover .spectrum-ClearButton-fill", ".spectrum-ClearButton:not(:disabled):active", ".spectrum-ClearButton:not(:disabled):active .spectrum-ClearButton-fill", ".spectrum-ClearButton:not(:disabled):focus-visible", @@ -26,7 +36,9 @@ ".spectrum-ClearButton:not(:disabled):hover", ".spectrum-ClearButton:not(:disabled):hover .spectrum-ClearButton-fill", ".spectrum-ClearButton:not(:disabled)[focus-within].js-focus-within", - ".spectrum-ClearButton:not(:disabled)[focus-within].js-focus-within .spectrum-ClearButton-fill" + ".spectrum-ClearButton:not(:disabled)[focus-within].js-focus-within .spectrum-ClearButton-fill", + ".spectrum.spectrum--express", + ".spectrum.spectrum--legacy" ], "modifiers": [ "--mod-clear-button-background-color", @@ -63,11 +75,15 @@ "--spectrum-component-height-75", "--spectrum-disabled-content-color", "--spectrum-disabled-static-white-content-color", + "--spectrum-gray-200", + "--spectrum-gray-300", + "--spectrum-gray-400", "--spectrum-in-field-button-edge-to-fill", "--spectrum-neutral-content-color-default", "--spectrum-neutral-content-color-down", "--spectrum-neutral-content-color-hover", "--spectrum-neutral-content-color-key-focus", + "--spectrum-transparent-white-300", "--spectrum-transparent-white-400", "--spectrum-transparent-white-500", "--spectrum-white" diff --git a/components/clearbutton/metadata/mods.md b/components/clear-button/metadata/mods.md similarity index 100% rename from components/clearbutton/metadata/mods.md rename to components/clear-button/metadata/mods.md diff --git a/components/clear-button/package.json b/components/clear-button/package.json new file mode 100644 index 00000000000..e8f19bbdf5b --- /dev/null +++ b/components/clear-button/package.json @@ -0,0 +1,78 @@ +{ + "name": "@spectrum-css/clearbutton", + "version": "7.0.0-s2-foundations.17", + "description": "The Spectrum CSS clearbutton component", + "license": "Apache-2.0", + "author": "Adobe", + "homepage": "https://opensource.adobe.com/spectrum-css/?path=/docs/components-clear-button--docs", + "repository": { + "type": "git", + "url": "https://github.com/adobe/spectrum-css.git", + "directory": "components/clear-button" + }, + "bugs": { + "url": "https://github.com/adobe/spectrum-css/issues" + }, + "exports": { + ".": "./dist/index.css", + "./*.md": "./*.md", + "./dist/*": "./dist/*", + "./index-*.css": "./dist/index-*.css", + "./index.css": "./dist/index.css", + "./metadata.json": "./metadata/metadata.json", + "./metadata/*": "./metadata/*", + "./package.json": "./package.json", + "./stories/*": "./stories/*" + }, + "main": "dist/index.css", + "files": [ + "dist/*", + "*.md", + "package.json", + "metadata/*", + "stories/*" + ], + "scripts": { + "build": "yarn run component:build clear-button", + "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 clear-button", + "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 clear-button" + }, + "peerDependencies": { + "@spectrum-css/icon": ">=7", + "@spectrum-css/tokens": ">=14" + }, + "devDependencies": { + "@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", + "spectrum-css", + "adobe", + "adobe-spectrum", + "component", + "css" + ], + "publishConfig": { + "access": "public" + }, + "spectrum": [ + { + "rootClass": "spectrum-ClearButton" + } + ] +} diff --git a/components/clearbutton/stories/clearbutton.stories.js b/components/clear-button/stories/clearbutton.stories.js similarity index 100% rename from components/clearbutton/stories/clearbutton.stories.js rename to components/clear-button/stories/clearbutton.stories.js diff --git a/components/clearbutton/stories/clearbutton.test.js b/components/clear-button/stories/clearbutton.test.js similarity index 100% rename from components/clearbutton/stories/clearbutton.test.js rename to components/clear-button/stories/clearbutton.test.js diff --git a/components/clearbutton/stories/template.js b/components/clear-button/stories/template.js similarity index 100% rename from components/clearbutton/stories/template.js rename to components/clear-button/stories/template.js diff --git a/components/clearbutton/themes/express.css b/components/clear-button/themes/express.css similarity index 100% rename from components/clearbutton/themes/express.css rename to components/clear-button/themes/express.css diff --git a/components/clearbutton/themes/spectrum-two.css b/components/clear-button/themes/spectrum-two.css similarity index 100% rename from components/clearbutton/themes/spectrum-two.css rename to components/clear-button/themes/spectrum-two.css diff --git a/components/clearbutton/themes/spectrum.css b/components/clear-button/themes/spectrum.css similarity index 100% rename from components/clearbutton/themes/spectrum.css rename to components/clear-button/themes/spectrum.css diff --git a/components/clearbutton/package.json b/components/clearbutton/package.json deleted file mode 100644 index de19dcfa6ab..00000000000 --- a/components/clearbutton/package.json +++ /dev/null @@ -1,55 +0,0 @@ -{ - "name": "@spectrum-css/clearbutton", - "version": "7.0.0-s2-foundations.17", - "description": "The Spectrum CSS clearbutton component", - "license": "Apache-2.0", - "author": "Adobe", - "homepage": "https://opensource.adobe.com/spectrum-css/clearbutton", - "repository": { - "type": "git", - "url": "https://github.com/adobe/spectrum-css.git", - "directory": "components/clearbutton" - }, - "bugs": { - "url": "https://github.com/adobe/spectrum-css/issues" - }, - "exports": { - ".": "./dist/index.css", - "./*.md": "./*.md", - "./dist/*": "./dist/*", - "./index-*.css": "./dist/index-*.css", - "./index.css": "./dist/index.css", - "./metadata.json": "./metadata/metadata.json", - "./metadata/*": "./metadata/*", - "./package.json": "./package.json" - }, - "main": "dist/index.css", - "files": [ - "dist/*", - "*.md", - "package.json", - "metadata/*" - ], - "peerDependencies": { - "@spectrum-css/icon": ">=7", - "@spectrum-css/tokens": ">=14" - }, - "devDependencies": { - "@spectrum-css/icon": "workspace:^", - "@spectrum-css/tokens": "workspace:^" - }, - "keywords": [ - "spectrum", - "css", - "design system", - "adobe" - ], - "publishConfig": { - "access": "public" - }, - "spectrum": [ - { - "rootClass": "spectrum-ClearButton" - } - ] -} diff --git a/components/clearbutton/project.json b/components/clearbutton/project.json deleted file mode 100644 index 1f3a2f4bfb5..00000000000 --- a/components/clearbutton/project.json +++ /dev/null @@ -1,17 +0,0 @@ -{ - "$schema": "../../node_modules/nx/schemas/project-schema.json", - "name": "clearbutton", - "tags": ["component"], - "targets": { - "build": {}, - "clean": {}, - "compare": {}, - "format": {}, - "lint": {}, - "report": {}, - "test": { - "defaultConfiguration": "scope" - }, - "validate": {} - } -} diff --git a/components/closebutton/CHANGELOG.md b/components/close-button/CHANGELOG.md similarity index 100% rename from components/closebutton/CHANGELOG.md rename to components/close-button/CHANGELOG.md diff --git a/components/closebutton/index.css b/components/close-button/index.css similarity index 100% rename from components/closebutton/index.css rename to components/close-button/index.css diff --git a/components/closebutton/metadata/metadata.json b/components/close-button/metadata/metadata.json similarity index 81% rename from components/closebutton/metadata/metadata.json rename to components/close-button/metadata/metadata.json index 756fc3d7e62..88a84134024 100644 --- a/components/closebutton/metadata/metadata.json +++ b/components/close-button/metadata/metadata.json @@ -3,12 +3,19 @@ "selectors": [ ".spectrum-CloseButton", ".spectrum-CloseButton--staticBlack", + ".spectrum-CloseButton--staticBlack.is-disabled .spectrum-CloseButton-UIIcon", ".spectrum-CloseButton--staticBlack.is-focused:not(:disabled) .spectrum-CloseButton-UIIcon", ".spectrum-CloseButton--staticBlack.is-keyboardFocused:not(:disabled)", ".spectrum-CloseButton--staticBlack.is-keyboardFocused:not(:disabled) .spectrum-CloseButton-UIIcon", ".spectrum-CloseButton--staticBlack:disabled .spectrum-CloseButton-UIIcon", ".spectrum-CloseButton--staticBlack:not(:disabled)", ".spectrum-CloseButton--staticBlack:not(:disabled) .spectrum-CloseButton-UIIcon", + ".spectrum-CloseButton--staticBlack:not(:disabled).is-active", + ".spectrum-CloseButton--staticBlack:not(:disabled).is-active .spectrum-CloseButton-UIIcon", + ".spectrum-CloseButton--staticBlack:not(:disabled).is-focus-visible", + ".spectrum-CloseButton--staticBlack:not(:disabled).is-focus-visible .spectrum-CloseButton-UIIcon", + ".spectrum-CloseButton--staticBlack:not(:disabled).is-hover", + ".spectrum-CloseButton--staticBlack:not(:disabled).is-hover .spectrum-CloseButton-UIIcon", ".spectrum-CloseButton--staticBlack:not(:disabled):active", ".spectrum-CloseButton--staticBlack:not(:disabled):active .spectrum-CloseButton-UIIcon", ".spectrum-CloseButton--staticBlack:not(:disabled):focus .spectrum-CloseButton-UIIcon", @@ -17,12 +24,19 @@ ".spectrum-CloseButton--staticBlack:not(:disabled):hover", ".spectrum-CloseButton--staticBlack:not(:disabled):hover .spectrum-CloseButton-UIIcon", ".spectrum-CloseButton--staticWhite", + ".spectrum-CloseButton--staticWhite.is-disabled .spectrum-CloseButton-UIIcon", ".spectrum-CloseButton--staticWhite.is-focused:not(:disabled) .spectrum-CloseButton-UIIcon", ".spectrum-CloseButton--staticWhite.is-keyboardFocused:not(:disabled)", ".spectrum-CloseButton--staticWhite.is-keyboardFocused:not(:disabled) .spectrum-CloseButton-UIIcon", ".spectrum-CloseButton--staticWhite:disabled .spectrum-CloseButton-UIIcon", ".spectrum-CloseButton--staticWhite:not(:disabled)", ".spectrum-CloseButton--staticWhite:not(:disabled) .spectrum-CloseButton-UIIcon", + ".spectrum-CloseButton--staticWhite:not(:disabled).is-active", + ".spectrum-CloseButton--staticWhite:not(:disabled).is-active .spectrum-CloseButton-UIIcon", + ".spectrum-CloseButton--staticWhite:not(:disabled).is-focus-visible", + ".spectrum-CloseButton--staticWhite:not(:disabled).is-focus-visible .spectrum-CloseButton-UIIcon", + ".spectrum-CloseButton--staticWhite:not(:disabled).is-hover", + ".spectrum-CloseButton--staticWhite:not(:disabled).is-hover .spectrum-CloseButton-UIIcon", ".spectrum-CloseButton--staticWhite:not(:disabled):active", ".spectrum-CloseButton--staticWhite:not(:disabled):active .spectrum-CloseButton-UIIcon", ".spectrum-CloseButton--staticWhite:not(:disabled):focus .spectrum-CloseButton-UIIcon", @@ -32,6 +46,9 @@ ".spectrum-CloseButton--staticWhite:not(:disabled):hover .spectrum-CloseButton-UIIcon", ".spectrum-CloseButton-UIIcon", ".spectrum-CloseButton.is-disabled", + ".spectrum-CloseButton.is-disabled .spectrum-CloseButton-UIIcon", + ".spectrum-CloseButton.is-focus-visible", + ".spectrum-CloseButton.is-focus-visible:after", ".spectrum-CloseButton.is-focused:not(:disabled) .spectrum-CloseButton-UIIcon", ".spectrum-CloseButton.is-keyboardFocused:not(:disabled)", ".spectrum-CloseButton.is-keyboardFocused:not(:disabled) .spectrum-CloseButton-UIIcon", @@ -50,6 +67,12 @@ ".spectrum-CloseButton:focus-visible:after", ".spectrum-CloseButton:not(:disabled)", ".spectrum-CloseButton:not(:disabled) .spectrum-CloseButton-UIIcon", + ".spectrum-CloseButton:not(:disabled).is-active", + ".spectrum-CloseButton:not(:disabled).is-active .spectrum-CloseButton-UIIcon", + ".spectrum-CloseButton:not(:disabled).is-focus-visible", + ".spectrum-CloseButton:not(:disabled).is-focus-visible .spectrum-CloseButton-UIIcon", + ".spectrum-CloseButton:not(:disabled).is-hover", + ".spectrum-CloseButton:not(:disabled).is-hover .spectrum-CloseButton-UIIcon", ".spectrum-CloseButton:not(:disabled):active", ".spectrum-CloseButton:not(:disabled):active .spectrum-CloseButton-UIIcon", ".spectrum-CloseButton:not(:disabled):focus .spectrum-CloseButton-UIIcon", @@ -57,6 +80,8 @@ ".spectrum-CloseButton:not(:disabled):focus-visible .spectrum-CloseButton-UIIcon", ".spectrum-CloseButton:not(:disabled):hover", ".spectrum-CloseButton:not(:disabled):hover .spectrum-CloseButton-UIIcon", + ".spectrum.spectrum--express", + ".spectrum.spectrum--legacy", "a.spectrum-CloseButton" ], "modifiers": [ @@ -125,6 +150,8 @@ "--spectrum-focus-indicator-thickness", "--spectrum-gray-100", "--spectrum-gray-200", + "--spectrum-gray-300", + "--spectrum-gray-400", "--spectrum-line-height-100", "--spectrum-neutral-content-color-default", "--spectrum-neutral-content-color-down", @@ -133,8 +160,10 @@ "--spectrum-sans-font-family-stack", "--spectrum-static-black-focus-indicator-color", "--spectrum-static-white-focus-indicator-color", + "--spectrum-transparent-black-300", "--spectrum-transparent-black-400", "--spectrum-transparent-black-500", + "--spectrum-transparent-white-300", "--spectrum-transparent-white-400", "--spectrum-transparent-white-500", "--spectrum-white" diff --git a/components/closebutton/metadata/mods.md b/components/close-button/metadata/mods.md similarity index 100% rename from components/closebutton/metadata/mods.md rename to components/close-button/metadata/mods.md diff --git a/components/close-button/package.json b/components/close-button/package.json new file mode 100644 index 00000000000..c9bb907e3c4 --- /dev/null +++ b/components/close-button/package.json @@ -0,0 +1,80 @@ +{ + "name": "@spectrum-css/closebutton", + "version": "6.0.0-s2-foundations.17", + "description": "The Spectrum CSS close button component", + "license": "Apache-2.0", + "author": "Adobe", + "homepage": "https://opensource.adobe.com/spectrum-css/?path=/docs/components-close-button--docs", + "repository": { + "type": "git", + "url": "https://github.com/adobe/spectrum-css.git", + "directory": "components/close-button" + }, + "bugs": { + "url": "https://github.com/adobe/spectrum-css/issues" + }, + "exports": { + ".": "./dist/index.css", + "./*.md": "./*.md", + "./dist/*": "./dist/*", + "./index-*.css": "./dist/index-*.css", + "./index.css": "./dist/index.css", + "./metadata.json": "./metadata/metadata.json", + "./metadata/*": "./metadata/*", + "./package.json": "./package.json", + "./stories/*": "./stories/*" + }, + "main": "dist/index.css", + "files": [ + "dist/*", + "*.md", + "package.json", + "metadata/*", + "stories/*" + ], + "scripts": { + "build": "yarn run component:build close-button", + "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 close-button", + "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 close-button" + }, + "peerDependencies": { + "@spectrum-css/icon": ">=7", + "@spectrum-css/tokens": ">=14" + }, + "devDependencies": { + "@spectrum-css/commons": "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", + "spectrum-css", + "adobe", + "adobe-spectrum", + "component", + "css" + ], + "publishConfig": { + "access": "public" + }, + "spectrum": [ + { + "guidelines": "https://spectrum.adobe.com/page/close-button", + "rootClass": "spectrum-CloseButton" + } + ] +} diff --git a/components/closebutton/stories/closebutton.stories.js b/components/close-button/stories/closebutton.stories.js similarity index 100% rename from components/closebutton/stories/closebutton.stories.js rename to components/close-button/stories/closebutton.stories.js diff --git a/components/closebutton/stories/closebutton.test.js b/components/close-button/stories/closebutton.test.js similarity index 100% rename from components/closebutton/stories/closebutton.test.js rename to components/close-button/stories/closebutton.test.js diff --git a/components/closebutton/stories/template.js b/components/close-button/stories/template.js similarity index 100% rename from components/closebutton/stories/template.js rename to components/close-button/stories/template.js diff --git a/components/closebutton/themes/express.css b/components/close-button/themes/express.css similarity index 100% rename from components/closebutton/themes/express.css rename to components/close-button/themes/express.css diff --git a/components/closebutton/themes/spectrum-two.css b/components/close-button/themes/spectrum-two.css similarity index 100% rename from components/closebutton/themes/spectrum-two.css rename to components/close-button/themes/spectrum-two.css diff --git a/components/closebutton/themes/spectrum.css b/components/close-button/themes/spectrum.css similarity index 100% rename from components/closebutton/themes/spectrum.css rename to components/close-button/themes/spectrum.css diff --git a/components/closebutton/package.json b/components/closebutton/package.json deleted file mode 100644 index 4cdbfec05c6..00000000000 --- a/components/closebutton/package.json +++ /dev/null @@ -1,57 +0,0 @@ -{ - "name": "@spectrum-css/closebutton", - "version": "6.0.0-s2-foundations.17", - "description": "The Spectrum CSS close button component", - "license": "Apache-2.0", - "author": "Adobe", - "homepage": "https://opensource.adobe.com/spectrum-css/closebutton", - "repository": { - "type": "git", - "url": "https://github.com/adobe/spectrum-css.git", - "directory": "components/closebutton" - }, - "bugs": { - "url": "https://github.com/adobe/spectrum-css/issues" - }, - "exports": { - ".": "./dist/index.css", - "./*.md": "./*.md", - "./dist/*": "./dist/*", - "./index-*.css": "./dist/index-*.css", - "./index.css": "./dist/index.css", - "./metadata.json": "./metadata/metadata.json", - "./metadata/*": "./metadata/*", - "./package.json": "./package.json" - }, - "main": "dist/index.css", - "files": [ - "dist/*", - "*.md", - "package.json", - "metadata/*" - ], - "peerDependencies": { - "@spectrum-css/icon": ">=7", - "@spectrum-css/tokens": ">=14" - }, - "devDependencies": { - "@spectrum-css/commons": "workspace:^", - "@spectrum-css/icon": "workspace:^", - "@spectrum-css/tokens": "workspace:^" - }, - "keywords": [ - "spectrum", - "css", - "design system", - "adobe" - ], - "publishConfig": { - "access": "public" - }, - "spectrum": [ - { - "guidelines": "https://spectrum.adobe.com/page/close-button", - "rootClass": "spectrum-CloseButton" - } - ] -} diff --git a/components/closebutton/project.json b/components/closebutton/project.json deleted file mode 100644 index 58c3298731b..00000000000 --- a/components/closebutton/project.json +++ /dev/null @@ -1,17 +0,0 @@ -{ - "$schema": "../../node_modules/nx/schemas/project-schema.json", - "name": "closebutton", - "tags": ["component"], - "targets": { - "build": {}, - "clean": {}, - "compare": {}, - "format": {}, - "lint": {}, - "report": {}, - "test": { - "defaultConfiguration": "scope" - }, - "validate": {} - } -} diff --git a/components/coachindicator/CHANGELOG.md b/components/coach-indicator/CHANGELOG.md similarity index 100% rename from components/coachindicator/CHANGELOG.md rename to components/coach-indicator/CHANGELOG.md diff --git a/components/coachindicator/README.md b/components/coach-indicator/README.md similarity index 100% rename from components/coachindicator/README.md rename to components/coach-indicator/README.md diff --git a/components/coachindicator/animation.css b/components/coach-indicator/animation.css similarity index 100% rename from components/coachindicator/animation.css rename to components/coach-indicator/animation.css diff --git a/components/coachindicator/index.css b/components/coach-indicator/index.css similarity index 100% rename from components/coachindicator/index.css rename to components/coach-indicator/index.css diff --git a/components/coachindicator/metadata/metadata.json b/components/coach-indicator/metadata/metadata.json similarity index 100% rename from components/coachindicator/metadata/metadata.json rename to components/coach-indicator/metadata/metadata.json diff --git a/components/coachindicator/metadata/mods.md b/components/coach-indicator/metadata/mods.md similarity index 100% rename from components/coachindicator/metadata/mods.md rename to components/coach-indicator/metadata/mods.md diff --git a/components/coach-indicator/package.json b/components/coach-indicator/package.json new file mode 100644 index 00000000000..31cd5322988 --- /dev/null +++ b/components/coach-indicator/package.json @@ -0,0 +1,78 @@ +{ + "name": "@spectrum-css/coachindicator", + "version": "3.0.0-s2-foundations.17", + "description": "The Spectrum CSS Coach Indicator component ", + "license": "Apache-2.0", + "author": "Adobe", + "homepage": "https://opensource.adobe.com/spectrum-css/?path=/docs/components-coach-indicator--docs", + "repository": { + "type": "git", + "url": "https://github.com/adobe/spectrum-css.git", + "directory": "components/coach-indicator" + }, + "bugs": { + "url": "https://github.com/adobe/spectrum-css/issues" + }, + "exports": { + ".": "./dist/index.css", + "./*.md": "./*.md", + "./dist/*": "./dist/*", + "./index-*.css": "./dist/index-*.css", + "./index.css": "./dist/index.css", + "./metadata.json": "./metadata/metadata.json", + "./metadata/*": "./metadata/*", + "./package.json": "./package.json", + "./stories/*": "./stories/*" + }, + "main": "dist/index.css", + "files": [ + "dist/*", + "*.md", + "package.json", + "metadata/*", + "stories/*" + ], + "scripts": { + "build": "yarn run component:build coach-indicator", + "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 coach-indicator", + "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 coach-indicator" + }, + "peerDependencies": { + "@spectrum-css/tokens": ">=14.6.0" + }, + "devDependencies": { + "@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", + "spectrum-css", + "adobe", + "adobe-spectrum", + "component", + "css" + ], + "publishConfig": { + "access": "public" + }, + "spectrum": [ + { + "guidelines": "https://spectrum-contributions.corp.adobe.com/page/coach-indicator-beta", + "rootClass": "spectrum-CoachIndicator", + "swc": "https://opensource.adobe.com/spectrum-web-components/components/coach-indicator/" + } + ] +} diff --git a/components/coachindicator/stories/coachindicator.stories.js b/components/coach-indicator/stories/coachindicator.stories.js similarity index 100% rename from components/coachindicator/stories/coachindicator.stories.js rename to components/coach-indicator/stories/coachindicator.stories.js diff --git a/components/coachindicator/stories/coachindicator.test.js b/components/coach-indicator/stories/coachindicator.test.js similarity index 100% rename from components/coachindicator/stories/coachindicator.test.js rename to components/coach-indicator/stories/coachindicator.test.js diff --git a/components/coachindicator/stories/template.js b/components/coach-indicator/stories/template.js similarity index 100% rename from components/coachindicator/stories/template.js rename to components/coach-indicator/stories/template.js diff --git a/components/coachindicator/themes/express.css b/components/coach-indicator/themes/express.css similarity index 100% rename from components/coachindicator/themes/express.css rename to components/coach-indicator/themes/express.css diff --git a/components/coachindicator/themes/spectrum-two.css b/components/coach-indicator/themes/spectrum-two.css similarity index 100% rename from components/coachindicator/themes/spectrum-two.css rename to components/coach-indicator/themes/spectrum-two.css diff --git a/components/coachindicator/themes/spectrum.css b/components/coach-indicator/themes/spectrum.css similarity index 100% rename from components/coachindicator/themes/spectrum.css rename to components/coach-indicator/themes/spectrum.css diff --git a/components/coachmark/CHANGELOG.md b/components/coach-mark/CHANGELOG.md similarity index 100% rename from components/coachmark/CHANGELOG.md rename to components/coach-mark/CHANGELOG.md diff --git a/components/coachmark/README.md b/components/coach-mark/README.md similarity index 100% rename from components/coachmark/README.md rename to components/coach-mark/README.md diff --git a/components/coachmark/index.css b/components/coach-mark/index.css similarity index 100% rename from components/coachmark/index.css rename to components/coach-mark/index.css diff --git a/components/coachmark/metadata/metadata.json b/components/coach-mark/metadata/metadata.json similarity index 100% rename from components/coachmark/metadata/metadata.json rename to components/coach-mark/metadata/metadata.json diff --git a/components/coachmark/metadata/mods.md b/components/coach-mark/metadata/mods.md similarity index 100% rename from components/coachmark/metadata/mods.md rename to components/coach-mark/metadata/mods.md diff --git a/components/coach-mark/package.json b/components/coach-mark/package.json new file mode 100644 index 00000000000..d797bbc959e --- /dev/null +++ b/components/coach-mark/package.json @@ -0,0 +1,95 @@ +{ + "name": "@spectrum-css/coachmark", + "version": "8.0.0-s2-foundations.18", + "description": "The Spectrum CSS coachmark component", + "license": "Apache-2.0", + "author": "Adobe", + "homepage": "https://opensource.adobe.com/spectrum-css/?path=/docs/components-coach-mark--docs", + "repository": { + "type": "git", + "url": "https://github.com/adobe/spectrum-css.git", + "directory": "components/coach-mark" + }, + "bugs": { + "url": "https://github.com/adobe/spectrum-css/issues" + }, + "exports": { + ".": "./dist/index.css", + "./*.md": "./*.md", + "./dist/*": "./dist/*", + "./index-*.css": "./dist/index-*.css", + "./index.css": "./dist/index.css", + "./metadata.json": "./metadata/metadata.json", + "./metadata/*": "./metadata/*", + "./package.json": "./package.json", + "./stories/*": "./stories/*" + }, + "main": "dist/index.css", + "files": [ + "dist/*", + "*.md", + "package.json", + "metadata/*", + "stories/*" + ], + "scripts": { + "build": "yarn run component:build coach-mark", + "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 coach-mark", + "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 coach-mark" + }, + "peerDependencies": { + "@spectrum-css/actionbutton": ">=6", + "@spectrum-css/actionmenu": ">=6", + "@spectrum-css/button": ">=13", + "@spectrum-css/buttongroup": ">=7", + "@spectrum-css/menu": ">=7", + "@spectrum-css/popover": ">=7", + "@spectrum-css/tokens": ">=14" + }, + "peerDependenciesMeta": { + "@spectrum-css/button": { + "optional": true + } + }, + "devDependencies": { + "@spectrum-css/actionbutton": "7.0.0-s2-foundations.24", + "@spectrum-css/actionmenu": "7.0.0-s2-foundations.16", + "@spectrum-css/button": "14.0.0-s2-foundations.19", + "@spectrum-css/buttongroup": "8.0.0-s2-foundations.16", + "@spectrum-css/menu": "8.0.0-s2-foundations.17", + "@spectrum-css/popover": "8.0.0-s2-foundations.17", + "@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", + "spectrum-css", + "adobe", + "adobe-spectrum", + "component", + "css" + ], + "publishConfig": { + "access": "public" + }, + "spectrum": [ + { + "guidelines": "https://spectrum.adobe.com/page/coach-mark", + "rootClass": "spectrum-CoachMark", + "swc": "https://opensource.adobe.com/spectrum-web-components/components/coachmark/" + } + ] +} diff --git a/components/coachmark/stories/coachmark.mdx b/components/coach-mark/stories/coachmark.mdx similarity index 100% rename from components/coachmark/stories/coachmark.mdx rename to components/coach-mark/stories/coachmark.mdx diff --git a/components/coachmark/stories/coachmark.stories.js b/components/coach-mark/stories/coachmark.stories.js similarity index 100% rename from components/coachmark/stories/coachmark.stories.js rename to components/coach-mark/stories/coachmark.stories.js diff --git a/components/coachmark/stories/coachmark.test.js b/components/coach-mark/stories/coachmark.test.js similarity index 100% rename from components/coachmark/stories/coachmark.test.js rename to components/coach-mark/stories/coachmark.test.js diff --git a/components/coachmark/stories/template.js b/components/coach-mark/stories/template.js similarity index 100% rename from components/coachmark/stories/template.js rename to components/coach-mark/stories/template.js diff --git a/components/coachmark/themes/express.css b/components/coach-mark/themes/express.css similarity index 100% rename from components/coachmark/themes/express.css rename to components/coach-mark/themes/express.css diff --git a/components/coachmark/themes/spectrum-two.css b/components/coach-mark/themes/spectrum-two.css similarity index 100% rename from components/coachmark/themes/spectrum-two.css rename to components/coach-mark/themes/spectrum-two.css diff --git a/components/coachmark/themes/spectrum.css b/components/coach-mark/themes/spectrum.css similarity index 100% rename from components/coachmark/themes/spectrum.css rename to components/coach-mark/themes/spectrum.css diff --git a/components/coachindicator/package.json b/components/coachindicator/package.json deleted file mode 100644 index 7572445191a..00000000000 --- a/components/coachindicator/package.json +++ /dev/null @@ -1,55 +0,0 @@ -{ - "name": "@spectrum-css/coachindicator", - "version": "3.0.0-s2-foundations.17", - "description": "The Spectrum CSS Coach Indicator component ", - "license": "Apache-2.0", - "author": "Adobe", - "homepage": "https://opensource.adobe.com/spectrum-css/coachindicator", - "repository": { - "type": "git", - "url": "https://github.com/adobe/spectrum-css.git", - "directory": "components/coachindicator" - }, - "bugs": { - "url": "https://github.com/adobe/spectrum-css/issues" - }, - "exports": { - ".": "./dist/index.css", - "./*.md": "./*.md", - "./dist/*": "./dist/*", - "./index-*.css": "./dist/index-*.css", - "./index.css": "./dist/index.css", - "./metadata.json": "./metadata/metadata.json", - "./metadata/*": "./metadata/*", - "./package.json": "./package.json" - }, - "main": "dist/index.css", - "files": [ - "dist/*", - "*.md", - "package.json", - "metadata/*" - ], - "peerDependencies": { - "@spectrum-css/tokens": ">=14.6.0" - }, - "devDependencies": { - "@spectrum-css/tokens": "workspace:^" - }, - "keywords": [ - "spectrum", - "css", - "design system", - "adobe" - ], - "publishConfig": { - "access": "public" - }, - "spectrum": [ - { - "guidelines": "https://spectrum-contributions.corp.adobe.com/page/coach-indicator-beta", - "rootClass": "spectrum-CoachIndicator", - "swc": "https://opensource.adobe.com/spectrum-web-components/components/coach-indicator/" - } - ] -} diff --git a/components/coachindicator/project.json b/components/coachindicator/project.json deleted file mode 100644 index 679bdaeb12e..00000000000 --- a/components/coachindicator/project.json +++ /dev/null @@ -1,17 +0,0 @@ -{ - "$schema": "../../node_modules/nx/schemas/project-schema.json", - "name": "coachindicator", - "tags": ["component"], - "targets": { - "build": {}, - "clean": {}, - "compare": {}, - "format": {}, - "lint": {}, - "report": {}, - "test": { - "defaultConfiguration": "scope" - }, - "validate": {} - } -} diff --git a/components/coachmark/package.json b/components/coachmark/package.json deleted file mode 100644 index 47a4bdccdec..00000000000 --- a/components/coachmark/package.json +++ /dev/null @@ -1,72 +0,0 @@ -{ - "name": "@spectrum-css/coachmark", - "version": "8.0.0-s2-foundations.18", - "description": "The Spectrum CSS coachmark component", - "license": "Apache-2.0", - "author": "Adobe", - "homepage": "https://opensource.adobe.com/spectrum-css/coachmark", - "repository": { - "type": "git", - "url": "https://github.com/adobe/spectrum-css.git", - "directory": "components/coachmark" - }, - "bugs": { - "url": "https://github.com/adobe/spectrum-css/issues" - }, - "exports": { - ".": "./dist/index.css", - "./*.md": "./*.md", - "./dist/*": "./dist/*", - "./index-*.css": "./dist/index-*.css", - "./index.css": "./dist/index.css", - "./metadata.json": "./metadata/metadata.json", - "./metadata/*": "./metadata/*", - "./package.json": "./package.json" - }, - "main": "dist/index.css", - "files": [ - "dist/*", - "*.md", - "package.json", - "metadata/*" - ], - "peerDependencies": { - "@spectrum-css/actionbutton": ">=6", - "@spectrum-css/actionmenu": ">=6", - "@spectrum-css/button": ">=13", - "@spectrum-css/buttongroup": ">=7", - "@spectrum-css/menu": ">=7", - "@spectrum-css/popover": ">=7", - "@spectrum-css/tokens": ">=14" - }, - "peerDependenciesMeta": { - "@spectrum-css/button": { - "optional": true - } - }, - "devDependencies": { - "@spectrum-css/actionbutton": "workspace:^", - "@spectrum-css/actionmenu": "workspace:^", - "@spectrum-css/button": "workspace:^", - "@spectrum-css/buttongroup": "workspace:^", - "@spectrum-css/menu": "workspace:^", - "@spectrum-css/popover": "workspace:^", - "@spectrum-css/tokens": "workspace:^" - }, - "keywords": [ - "spectrum", - "css", - "design system", - "adobe" - ], - "publishConfig": { - "access": "public" - }, - "spectrum": [ - { - "guidelines": "https://spectrum.adobe.com/page/coach-mark", - "rootClass": "spectrum-CoachMark", - "swc": "https://opensource.adobe.com/spectrum-web-components/components/coachmark/" - } - ] -} diff --git a/components/coachmark/project.json b/components/coachmark/project.json deleted file mode 100644 index f0979b6944d..00000000000 --- a/components/coachmark/project.json +++ /dev/null @@ -1,17 +0,0 @@ -{ - "$schema": "../../node_modules/nx/schemas/project-schema.json", - "name": "coachmark", - "tags": ["component"], - "targets": { - "build": {}, - "clean": {}, - "compare": {}, - "format": {}, - "lint": {}, - "report": {}, - "test": { - "defaultConfiguration": "scope" - }, - "validate": {} - } -} diff --git a/components/colorarea/CHANGELOG.md b/components/color-area/CHANGELOG.md similarity index 100% rename from components/colorarea/CHANGELOG.md rename to components/color-area/CHANGELOG.md diff --git a/components/colorarea/README.md b/components/color-area/README.md similarity index 100% rename from components/colorarea/README.md rename to components/color-area/README.md diff --git a/components/colorarea/index.css b/components/color-area/index.css similarity index 100% rename from components/colorarea/index.css rename to components/color-area/index.css diff --git a/components/colorarea/metadata/metadata.json b/components/color-area/metadata/metadata.json similarity index 100% rename from components/colorarea/metadata/metadata.json rename to components/color-area/metadata/metadata.json diff --git a/components/colorarea/metadata/mods.md b/components/color-area/metadata/mods.md similarity index 100% rename from components/colorarea/metadata/mods.md rename to components/color-area/metadata/mods.md diff --git a/components/color-area/package.json b/components/color-area/package.json new file mode 100644 index 00000000000..925169434e3 --- /dev/null +++ b/components/color-area/package.json @@ -0,0 +1,80 @@ +{ + "name": "@spectrum-css/colorarea", + "version": "6.0.0-s2-foundations.16", + "description": "The Spectrum CSS Color Area component", + "license": "Apache-2.0", + "author": "Adobe", + "homepage": "https://opensource.adobe.com/spectrum-css/?path=/docs/components-color-area--docs", + "repository": { + "type": "git", + "url": "https://github.com/adobe/spectrum-css.git", + "directory": "components/color-area" + }, + "bugs": { + "url": "https://github.com/adobe/spectrum-css/issues" + }, + "exports": { + ".": "./dist/index.css", + "./*.md": "./*.md", + "./dist/*": "./dist/*", + "./index-*.css": "./dist/index-*.css", + "./index.css": "./dist/index.css", + "./metadata.json": "./metadata/metadata.json", + "./metadata/*": "./metadata/*", + "./package.json": "./package.json", + "./stories/*": "./stories/*" + }, + "main": "dist/index.css", + "files": [ + "dist/*", + "*.md", + "package.json", + "metadata/*", + "stories/*" + ], + "scripts": { + "build": "yarn run component:build color-area", + "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 color-area", + "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 color-area" + }, + "peerDependencies": { + "@spectrum-css/colorhandle": ">=8", + "@spectrum-css/tokens": ">=14" + }, + "devDependencies": { + "@spectrum-css/colorhandle": "9.0.0-s2-foundations.17", + "@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", + "spectrum-css", + "adobe", + "adobe-spectrum", + "component", + "css" + ], + "publishConfig": { + "access": "public" + }, + "spectrum": [ + { + "guidelines": "https://spectrum.adobe.com/page/color-area", + "rootClass": "spectrum-ColorArea", + "swc": "https://opensource.adobe.com/spectrum-web-components/components/color-area/" + } + ] +} diff --git a/components/colorarea/stories/colorarea.mdx b/components/color-area/stories/colorarea.mdx similarity index 100% rename from components/colorarea/stories/colorarea.mdx rename to components/color-area/stories/colorarea.mdx diff --git a/components/colorarea/stories/colorarea.stories.js b/components/color-area/stories/colorarea.stories.js similarity index 100% rename from components/colorarea/stories/colorarea.stories.js rename to components/color-area/stories/colorarea.stories.js diff --git a/components/colorarea/stories/colorarea.test.js b/components/color-area/stories/colorarea.test.js similarity index 100% rename from components/colorarea/stories/colorarea.test.js rename to components/color-area/stories/colorarea.test.js diff --git a/components/colorarea/stories/template.js b/components/color-area/stories/template.js similarity index 95% rename from components/colorarea/stories/template.js rename to components/color-area/stories/template.js index 541357db203..8ac24f24203 100644 --- a/components/colorarea/stories/template.js +++ b/components/color-area/stories/template.js @@ -1,4 +1,4 @@ -import { Template as ColorHandle } from "@spectrum-css/colorhandle/stories/template.js"; +import { Template as ColorHandle } from "../../color-handle/stories/template.js"; import { html } from "lit"; import { classMap } from "lit/directives/class-map.js"; import { styleMap } from "lit/directives/style-map.js"; diff --git a/components/colorarea/themes/express.css b/components/color-area/themes/express.css similarity index 100% rename from components/colorarea/themes/express.css rename to components/color-area/themes/express.css diff --git a/components/colorarea/themes/spectrum-two.css b/components/color-area/themes/spectrum-two.css similarity index 100% rename from components/colorarea/themes/spectrum-two.css rename to components/color-area/themes/spectrum-two.css diff --git a/components/colorarea/themes/spectrum.css b/components/color-area/themes/spectrum.css similarity index 100% rename from components/colorarea/themes/spectrum.css rename to components/color-area/themes/spectrum.css diff --git a/components/colorhandle/CHANGELOG.md b/components/color-handle/CHANGELOG.md similarity index 100% rename from components/colorhandle/CHANGELOG.md rename to components/color-handle/CHANGELOG.md diff --git a/components/colorhandle/README.md b/components/color-handle/README.md similarity index 100% rename from components/colorhandle/README.md rename to components/color-handle/README.md diff --git a/components/colorhandle/index.css b/components/color-handle/index.css similarity index 100% rename from components/colorhandle/index.css rename to components/color-handle/index.css diff --git a/components/colorhandle/metadata/metadata.json b/components/color-handle/metadata/metadata.json similarity index 92% rename from components/colorhandle/metadata/metadata.json rename to components/color-handle/metadata/metadata.json index 4d8589ac1c1..f43934c858b 100644 --- a/components/colorhandle/metadata/metadata.json +++ b/components/color-handle/metadata/metadata.json @@ -5,6 +5,7 @@ ".spectrum-ColorHandle-inner", ".spectrum-ColorHandle.is-disabled", ".spectrum-ColorHandle.is-disabled .spectrum-ColorHandle-inner", + ".spectrum-ColorHandle.is-focus-visible", ".spectrum-ColorHandle.is-focused", ".spectrum-ColorHandle:after", ".spectrum-ColorHandle:focus-visible" @@ -23,7 +24,8 @@ "--mod-colorhandle-inner-border-width", "--mod-colorhandle-outer-border-color", "--mod-colorhandle-outer-border-width", - "--mod-colorhandle-size" + "--mod-colorhandle-size", + "--mod-opacity-checkerboard-position" ], "component": [ "--spectrum-color-handle-border-width", @@ -47,7 +49,7 @@ "--spectrum-white" ], "system-theme": [], - "passthroughs": ["--mod-opacity-checkerboard-position"], + "passthroughs": [], "high-contrast": [ "--highcontrast-colorhandle-border-color-disabled", "--highcontrast-colorhandle-fill-color-disabled" diff --git a/components/colorhandle/metadata/mods.md b/components/color-handle/metadata/mods.md similarity index 94% rename from components/colorhandle/metadata/mods.md rename to components/color-handle/metadata/mods.md index 2a7b6fbbce8..6ac396210a1 100644 --- a/components/colorhandle/metadata/mods.md +++ b/components/color-handle/metadata/mods.md @@ -14,3 +14,4 @@ | `--mod-colorhandle-outer-border-color` | | `--mod-colorhandle-outer-border-width` | | `--mod-colorhandle-size` | +| `--mod-opacity-checkerboard-position` | diff --git a/components/color-handle/package.json b/components/color-handle/package.json new file mode 100644 index 00000000000..b24f8c0d936 --- /dev/null +++ b/components/color-handle/package.json @@ -0,0 +1,86 @@ +{ + "name": "@spectrum-css/colorhandle", + "version": "9.0.0-s2-foundations.17", + "description": "The Spectrum CSS Color Handle component", + "license": "Apache-2.0", + "author": "Adobe", + "homepage": "https://opensource.adobe.com/spectrum-css/?path=/docs/components-color-handle--docs", + "repository": { + "type": "git", + "url": "https://github.com/adobe/spectrum-css.git", + "directory": "components/color-handle" + }, + "bugs": { + "url": "https://github.com/adobe/spectrum-css/issues" + }, + "exports": { + ".": "./dist/index.css", + "./*.md": "./*.md", + "./dist/*": "./dist/*", + "./index-*.css": "./dist/index-*.css", + "./index.css": "./dist/index.css", + "./metadata.json": "./metadata/metadata.json", + "./metadata/*": "./metadata/*", + "./package.json": "./package.json", + "./stories/*": "./stories/*" + }, + "main": "dist/index.css", + "files": [ + "dist/*", + "*.md", + "package.json", + "metadata/*", + "stories/*" + ], + "scripts": { + "build": "yarn run component:build color-handle", + "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 color-handle", + "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 color-handle" + }, + "peerDependencies": { + "@spectrum-css/colorloupe": ">=5", + "@spectrum-css/opacitycheckerboard": ">=2", + "@spectrum-css/tokens": ">=14" + }, + "peerDependenciesMeta": { + "@spectrum-css/colorloupe": { + "optional": true + } + }, + "devDependencies": { + "@spectrum-css/colorloupe": "6.0.0-s2-foundations.16", + "@spectrum-css/opacitycheckerboard": "3.0.0-s2-foundations.16", + "@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", + "spectrum-css", + "adobe", + "adobe-spectrum", + "component", + "css" + ], + "publishConfig": { + "access": "public" + }, + "spectrum": [ + { + "rootClass": "spectrum-ColorHandle", + "swc": "https://opensource.adobe.com/spectrum-web-components/components/color-handle/" + } + ] +} diff --git a/components/colorhandle/stories/colorhandle.mdx b/components/color-handle/stories/colorhandle.mdx similarity index 100% rename from components/colorhandle/stories/colorhandle.mdx rename to components/color-handle/stories/colorhandle.mdx diff --git a/components/colorhandle/stories/colorhandle.stories.js b/components/color-handle/stories/colorhandle.stories.js similarity index 100% rename from components/colorhandle/stories/colorhandle.stories.js rename to components/color-handle/stories/colorhandle.stories.js diff --git a/components/colorhandle/stories/colorhandle.test.js b/components/color-handle/stories/colorhandle.test.js similarity index 100% rename from components/colorhandle/stories/colorhandle.test.js rename to components/color-handle/stories/colorhandle.test.js diff --git a/components/colorhandle/stories/template.js b/components/color-handle/stories/template.js similarity index 86% rename from components/colorhandle/stories/template.js rename to components/color-handle/stories/template.js index bc97938bbd8..469a64e93e7 100644 --- a/components/colorhandle/stories/template.js +++ b/components/color-handle/stories/template.js @@ -1,8 +1,8 @@ -import { Template as ColorLoupe } from "@spectrum-css/colorloupe/stories/template.js"; -import { Template as OpacityCheckerboard } from "@spectrum-css/opacitycheckerboard/stories/template.js"; import { html } from "lit"; import { styleMap } from "lit/directives/style-map.js"; import { when } from "lit/directives/when.js"; +import { Template as ColorLoupe } from "../../color-loupe/stories/template.js"; +import { Template as OpacityCheckerboard } from "../../opacity-checkerboard/stories/template.js"; import "../index.css"; import "../themes/spectrum.css"; diff --git a/components/colorhandle/themes/express.css b/components/color-handle/themes/express.css similarity index 100% rename from components/colorhandle/themes/express.css rename to components/color-handle/themes/express.css diff --git a/components/colorhandle/themes/spectrum-two.css b/components/color-handle/themes/spectrum-two.css similarity index 100% rename from components/colorhandle/themes/spectrum-two.css rename to components/color-handle/themes/spectrum-two.css diff --git a/components/colorhandle/themes/spectrum.css b/components/color-handle/themes/spectrum.css similarity index 100% rename from components/colorhandle/themes/spectrum.css rename to components/color-handle/themes/spectrum.css diff --git a/components/colorloupe/CHANGELOG.md b/components/color-loupe/CHANGELOG.md similarity index 100% rename from components/colorloupe/CHANGELOG.md rename to components/color-loupe/CHANGELOG.md diff --git a/components/colorloupe/README.md b/components/color-loupe/README.md similarity index 100% rename from components/colorloupe/README.md rename to components/color-loupe/README.md diff --git a/components/colorloupe/index.css b/components/color-loupe/index.css similarity index 100% rename from components/colorloupe/index.css rename to components/color-loupe/index.css diff --git a/components/colorloupe/metadata/metadata.json b/components/color-loupe/metadata/metadata.json similarity index 100% rename from components/colorloupe/metadata/metadata.json rename to components/color-loupe/metadata/metadata.json diff --git a/components/colorloupe/metadata/mods.md b/components/color-loupe/metadata/mods.md similarity index 100% rename from components/colorloupe/metadata/mods.md rename to components/color-loupe/metadata/mods.md diff --git a/components/color-loupe/package.json b/components/color-loupe/package.json new file mode 100644 index 00000000000..0cd25b3ce80 --- /dev/null +++ b/components/color-loupe/package.json @@ -0,0 +1,78 @@ +{ + "name": "@spectrum-css/colorloupe", + "version": "6.0.0-s2-foundations.16", + "description": "The Spectrum CSS Color Loupe component", + "license": "Apache-2.0", + "author": "Adobe", + "homepage": "https://opensource.adobe.com/spectrum-css/?path=/docs/components-color-loupe--docs", + "repository": { + "type": "git", + "url": "https://github.com/adobe/spectrum-css.git", + "directory": "components/color-loupe" + }, + "bugs": { + "url": "https://github.com/adobe/spectrum-css/issues" + }, + "exports": { + ".": "./dist/index.css", + "./*.md": "./*.md", + "./dist/*": "./dist/*", + "./index-*.css": "./dist/index-*.css", + "./index.css": "./dist/index.css", + "./metadata.json": "./metadata/metadata.json", + "./metadata/*": "./metadata/*", + "./package.json": "./package.json", + "./stories/*": "./stories/*" + }, + "main": "dist/index.css", + "files": [ + "dist/*", + "*.md", + "package.json", + "metadata/*", + "stories/*" + ], + "scripts": { + "build": "yarn run component:build color-loupe", + "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 color-loupe", + "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 color-loupe" + }, + "peerDependencies": { + "@spectrum-css/tokens": ">=14" + }, + "devDependencies": { + "@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", + "spectrum-css", + "adobe", + "adobe-spectrum", + "component", + "css" + ], + "publishConfig": { + "access": "public" + }, + "spectrum": [ + { + "guidelines": "https://spectrum.adobe.com/page/color-loupe", + "rootClass": "spectrum-ColorLoupe", + "swc": "https://opensource.adobe.com/spectrum-web-components/components/color-loupe/" + } + ] +} diff --git a/components/colorloupe/stories/colorloupe.mdx b/components/color-loupe/stories/colorloupe.mdx similarity index 100% rename from components/colorloupe/stories/colorloupe.mdx rename to components/color-loupe/stories/colorloupe.mdx diff --git a/components/colorloupe/stories/colorloupe.stories.js b/components/color-loupe/stories/colorloupe.stories.js similarity index 100% rename from components/colorloupe/stories/colorloupe.stories.js rename to components/color-loupe/stories/colorloupe.stories.js diff --git a/components/colorloupe/stories/colorloupe.test.js b/components/color-loupe/stories/colorloupe.test.js similarity index 100% rename from components/colorloupe/stories/colorloupe.test.js rename to components/color-loupe/stories/colorloupe.test.js diff --git a/components/colorloupe/stories/template.js b/components/color-loupe/stories/template.js similarity index 100% rename from components/colorloupe/stories/template.js rename to components/color-loupe/stories/template.js diff --git a/components/colorloupe/themes/express.css b/components/color-loupe/themes/express.css similarity index 100% rename from components/colorloupe/themes/express.css rename to components/color-loupe/themes/express.css diff --git a/components/colorloupe/themes/spectrum-two.css b/components/color-loupe/themes/spectrum-two.css similarity index 100% rename from components/colorloupe/themes/spectrum-two.css rename to components/color-loupe/themes/spectrum-two.css diff --git a/components/colorloupe/themes/spectrum.css b/components/color-loupe/themes/spectrum.css similarity index 100% rename from components/colorloupe/themes/spectrum.css rename to components/color-loupe/themes/spectrum.css diff --git a/components/colorslider/CHANGELOG.md b/components/color-slider/CHANGELOG.md similarity index 100% rename from components/colorslider/CHANGELOG.md rename to components/color-slider/CHANGELOG.md diff --git a/components/colorslider/README.md b/components/color-slider/README.md similarity index 100% rename from components/colorslider/README.md rename to components/color-slider/README.md diff --git a/components/colorslider/index.css b/components/color-slider/index.css similarity index 100% rename from components/colorslider/index.css rename to components/color-slider/index.css diff --git a/components/colorslider/metadata/metadata.json b/components/color-slider/metadata/metadata.json similarity index 94% rename from components/colorslider/metadata/metadata.json rename to components/color-slider/metadata/metadata.json index ea202a9f0a0..3141d33a360 100644 --- a/components/colorslider/metadata/metadata.json +++ b/components/color-slider/metadata/metadata.json @@ -29,7 +29,8 @@ "--mod-color-slider-minimum-length", "--mod-color-slider-vertical-control-track-width", "--mod-color-slider-vertical-height", - "--mod-color-slider-vertical-minimum-height" + "--mod-color-slider-vertical-minimum-height", + "--mod-colorhandle-hitarea-border-radius" ], "component": [ "--spectrum-color-slider-border-color-default", @@ -46,7 +47,7 @@ "--spectrum-gray-900-rgb" ], "system-theme": [], - "passthroughs": ["--mod-colorhandle-hitarea-border-radius"], + "passthroughs": [], "high-contrast": [ "--highcontrast-color-slider-background-color-disabled", "--highcontrast-color-slider-border-color", diff --git a/components/colorslider/metadata/mods.md b/components/color-slider/metadata/mods.md similarity index 93% rename from components/colorslider/metadata/mods.md rename to components/color-slider/metadata/mods.md index a35666e043c..ba9adf819d9 100644 --- a/components/colorslider/metadata/mods.md +++ b/components/color-slider/metadata/mods.md @@ -13,3 +13,4 @@ | `--mod-color-slider-vertical-control-track-width` | | `--mod-color-slider-vertical-height` | | `--mod-color-slider-vertical-minimum-height` | +| `--mod-colorhandle-hitarea-border-radius` | diff --git a/components/color-slider/package.json b/components/color-slider/package.json new file mode 100644 index 00000000000..e9461ab7d5d --- /dev/null +++ b/components/color-slider/package.json @@ -0,0 +1,82 @@ +{ + "name": "@spectrum-css/colorslider", + "version": "7.0.0-s2-foundations.17", + "description": "The Spectrum CSS Color slider component", + "license": "Apache-2.0", + "author": "Adobe", + "homepage": "https://opensource.adobe.com/spectrum-css/?path=/docs/components-color-slider--docs", + "repository": { + "type": "git", + "url": "https://github.com/adobe/spectrum-css.git", + "directory": "components/color-slider" + }, + "bugs": { + "url": "https://github.com/adobe/spectrum-css/issues" + }, + "exports": { + ".": "./dist/index.css", + "./*.md": "./*.md", + "./dist/*": "./dist/*", + "./index-*.css": "./dist/index-*.css", + "./index.css": "./dist/index.css", + "./metadata.json": "./metadata/metadata.json", + "./metadata/*": "./metadata/*", + "./package.json": "./package.json", + "./stories/*": "./stories/*" + }, + "main": "dist/index.css", + "files": [ + "dist/*", + "*.md", + "package.json", + "metadata/*", + "stories/*" + ], + "scripts": { + "build": "yarn run component:build color-slider", + "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 color-slider", + "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 color-slider" + }, + "peerDependencies": { + "@spectrum-css/colorhandle": ">=8", + "@spectrum-css/opacitycheckerboard": ">=2", + "@spectrum-css/tokens": ">=14" + }, + "devDependencies": { + "@spectrum-css/colorhandle": "9.0.0-s2-foundations.17", + "@spectrum-css/opacitycheckerboard": "3.0.0-s2-foundations.16", + "@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", + "spectrum-css", + "adobe", + "adobe-spectrum", + "component", + "css" + ], + "publishConfig": { + "access": "public" + }, + "spectrum": [ + { + "guidelines": "https://spectrum.adobe.com/page/color-slider", + "rootClass": "spectrum-ColorSlider", + "swc": "https://opensource.adobe.com/spectrum-web-components/components/color-slider/" + } + ] +} diff --git a/components/colorslider/stories/colorslider.mdx b/components/color-slider/stories/colorslider.mdx similarity index 100% rename from components/colorslider/stories/colorslider.mdx rename to components/color-slider/stories/colorslider.mdx diff --git a/components/colorslider/stories/colorslider.stories.js b/components/color-slider/stories/colorslider.stories.js similarity index 100% rename from components/colorslider/stories/colorslider.stories.js rename to components/color-slider/stories/colorslider.stories.js diff --git a/components/colorslider/stories/colorslider.test.js b/components/color-slider/stories/colorslider.test.js similarity index 100% rename from components/colorslider/stories/colorslider.test.js rename to components/color-slider/stories/colorslider.test.js diff --git a/components/colorslider/stories/template.js b/components/color-slider/stories/template.js similarity index 97% rename from components/colorslider/stories/template.js rename to components/color-slider/stories/template.js index b3bfb4bf4c5..6ae5c4c7051 100644 --- a/components/colorslider/stories/template.js +++ b/components/color-slider/stories/template.js @@ -1,9 +1,9 @@ import { Template as ColorHandle } from "@spectrum-css/colorhandle/stories/template.js"; -import { Template as OpacityCheckerboard } from "@spectrum-css/opacitycheckerboard/stories/template.js"; import { html } from "lit"; import { classMap } from "lit/directives/class-map.js"; import { styleMap } from "lit/directives/style-map.js"; import { when } from "lit/directives/when.js"; +import { Template as OpacityCheckerboard } from "../../opacity-checkerboard/stories/template.js"; import "../index.css"; import "../themes/spectrum.css"; diff --git a/components/colorslider/themes/express.css b/components/color-slider/themes/express.css similarity index 100% rename from components/colorslider/themes/express.css rename to components/color-slider/themes/express.css diff --git a/components/colorslider/themes/spectrum-two.css b/components/color-slider/themes/spectrum-two.css similarity index 100% rename from components/colorslider/themes/spectrum-two.css rename to components/color-slider/themes/spectrum-two.css diff --git a/components/colorslider/themes/spectrum.css b/components/color-slider/themes/spectrum.css similarity index 100% rename from components/colorslider/themes/spectrum.css rename to components/color-slider/themes/spectrum.css diff --git a/components/colorwheel/CHANGELOG.md b/components/color-wheel/CHANGELOG.md similarity index 100% rename from components/colorwheel/CHANGELOG.md rename to components/color-wheel/CHANGELOG.md diff --git a/components/colorwheel/README.md b/components/color-wheel/README.md similarity index 100% rename from components/colorwheel/README.md rename to components/color-wheel/README.md diff --git a/components/colorwheel/index.css b/components/color-wheel/index.css similarity index 100% rename from components/colorwheel/index.css rename to components/color-wheel/index.css diff --git a/components/colorwheel/metadata/metadata.json b/components/color-wheel/metadata/metadata.json similarity index 94% rename from components/colorwheel/metadata/metadata.json rename to components/color-wheel/metadata/metadata.json index c321e1aca27..a2b838baa83 100644 --- a/components/colorwheel/metadata/metadata.json +++ b/components/color-wheel/metadata/metadata.json @@ -15,6 +15,8 @@ ".spectrum-ColorWheel.is-disabled", ".spectrum-ColorWheel.is-dragged", ".spectrum-ColorWheel.is-focused", + ".spectrum.spectrum--express", + ".spectrum.spectrum--legacy", "[dir=\"rtl\"] .spectrum-ColorWheel-ColorArea-handle" ], "modifiers": [ @@ -48,6 +50,7 @@ "--spectrum-border-width-100", "--spectrum-color-control-track-width", "--spectrum-disabled-background-color", + "--spectrum-transparent-black-200", "--spectrum-transparent-black-300" ], "system-theme": ["--system-color-wheel-border-color"], diff --git a/components/colorwheel/metadata/mods.md b/components/color-wheel/metadata/mods.md similarity index 100% rename from components/colorwheel/metadata/mods.md rename to components/color-wheel/metadata/mods.md diff --git a/components/color-wheel/package.json b/components/color-wheel/package.json new file mode 100644 index 00000000000..d0aea309214 --- /dev/null +++ b/components/color-wheel/package.json @@ -0,0 +1,92 @@ +{ + "name": "@spectrum-css/colorwheel", + "version": "5.0.0-s2-foundations.16", + "description": "The Spectrum CSS Color Area component", + "license": "Apache-2.0", + "author": "Adobe", + "homepage": "https://opensource.adobe.com/spectrum-css/?path=/docs/components-color-wheel--docs", + "repository": { + "type": "git", + "url": "https://github.com/adobe/spectrum-css.git", + "directory": "components/color-wheel" + }, + "bugs": { + "url": "https://github.com/adobe/spectrum-css/issues" + }, + "exports": { + ".": "./dist/index.css", + "./*.md": "./*.md", + "./dist/*": "./dist/*", + "./index-*.css": "./dist/index-*.css", + "./index.css": "./dist/index.css", + "./metadata.json": "./metadata/metadata.json", + "./metadata/*": "./metadata/*", + "./package.json": "./package.json", + "./stories/*": "./stories/*" + }, + "main": "dist/index.css", + "files": [ + "dist/*", + "*.md", + "package.json", + "metadata/*", + "stories/*" + ], + "scripts": { + "build": "yarn run component:build color-wheel", + "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 color-wheel", + "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 color-wheel" + }, + "peerDependencies": { + "@spectrum-css/colorarea": ">=5", + "@spectrum-css/colorhandle": ">=8", + "@spectrum-css/colorloupe": ">=5", + "@spectrum-css/tokens": ">=14" + }, + "peerDependenciesMeta": { + "@spectrum-css/colorarea": { + "optional": true + }, + "@spectrum-css/colorloupe": { + "optional": true + } + }, + "devDependencies": { + "@spectrum-css/colorarea": "6.0.0-s2-foundations.16", + "@spectrum-css/colorhandle": "9.0.0-s2-foundations.17", + "@spectrum-css/colorloupe": "6.0.0-s2-foundations.16", + "@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", + "spectrum-css", + "adobe", + "adobe-spectrum", + "component", + "css" + ], + "publishConfig": { + "access": "public" + }, + "spectrum": [ + { + "guidelines": "https://spectrum.adobe.com/page/color-wheel", + "rootClass": "spectrum-ColorWheel", + "swc": "https://opensource.adobe.com/spectrum-web-components/components/color-wheel/" + } + ] +} diff --git a/components/colorwheel/stories/colorwheel.mdx b/components/color-wheel/stories/colorwheel.mdx similarity index 100% rename from components/colorwheel/stories/colorwheel.mdx rename to components/color-wheel/stories/colorwheel.mdx diff --git a/components/colorwheel/stories/colorwheel.stories.js b/components/color-wheel/stories/colorwheel.stories.js similarity index 100% rename from components/colorwheel/stories/colorwheel.stories.js rename to components/color-wheel/stories/colorwheel.stories.js diff --git a/components/colorwheel/stories/colorwheel.test.js b/components/color-wheel/stories/colorwheel.test.js similarity index 100% rename from components/colorwheel/stories/colorwheel.test.js rename to components/color-wheel/stories/colorwheel.test.js diff --git a/components/colorwheel/stories/template.js b/components/color-wheel/stories/template.js similarity index 100% rename from components/colorwheel/stories/template.js rename to components/color-wheel/stories/template.js diff --git a/components/colorwheel/themes/express.css b/components/color-wheel/themes/express.css similarity index 100% rename from components/colorwheel/themes/express.css rename to components/color-wheel/themes/express.css diff --git a/components/colorwheel/themes/spectrum-two.css b/components/color-wheel/themes/spectrum-two.css similarity index 100% rename from components/colorwheel/themes/spectrum-two.css rename to components/color-wheel/themes/spectrum-two.css diff --git a/components/colorwheel/themes/spectrum.css b/components/color-wheel/themes/spectrum.css similarity index 100% rename from components/colorwheel/themes/spectrum.css rename to components/color-wheel/themes/spectrum.css diff --git a/components/colorarea/package.json b/components/colorarea/package.json deleted file mode 100644 index 49b2539ab53..00000000000 --- a/components/colorarea/package.json +++ /dev/null @@ -1,57 +0,0 @@ -{ - "name": "@spectrum-css/colorarea", - "version": "6.0.0-s2-foundations.16", - "description": "The Spectrum CSS Color Area component", - "license": "Apache-2.0", - "author": "Adobe", - "homepage": "https://opensource.adobe.com/spectrum-css/colorarea", - "repository": { - "type": "git", - "url": "https://github.com/adobe/spectrum-css.git", - "directory": "components/colorarea" - }, - "bugs": { - "url": "https://github.com/adobe/spectrum-css/issues" - }, - "exports": { - ".": "./dist/index.css", - "./*.md": "./*.md", - "./dist/*": "./dist/*", - "./index-*.css": "./dist/index-*.css", - "./index.css": "./dist/index.css", - "./metadata.json": "./metadata/metadata.json", - "./metadata/*": "./metadata/*", - "./package.json": "./package.json" - }, - "main": "dist/index.css", - "files": [ - "dist/*", - "*.md", - "package.json", - "metadata/*" - ], - "peerDependencies": { - "@spectrum-css/colorhandle": ">=8", - "@spectrum-css/tokens": ">=14" - }, - "devDependencies": { - "@spectrum-css/colorhandle": "workspace:^", - "@spectrum-css/tokens": "workspace:^" - }, - "keywords": [ - "spectrum", - "css", - "design system", - "adobe" - ], - "publishConfig": { - "access": "public" - }, - "spectrum": [ - { - "guidelines": "https://spectrum.adobe.com/page/color-area", - "rootClass": "spectrum-ColorArea", - "swc": "https://opensource.adobe.com/spectrum-web-components/components/color-area/" - } - ] -} diff --git a/components/colorarea/project.json b/components/colorarea/project.json deleted file mode 100644 index bda2953f2dc..00000000000 --- a/components/colorarea/project.json +++ /dev/null @@ -1,17 +0,0 @@ -{ - "$schema": "../../node_modules/nx/schemas/project-schema.json", - "name": "colorarea", - "tags": ["component"], - "targets": { - "build": {}, - "clean": {}, - "compare": {}, - "format": {}, - "lint": {}, - "report": {}, - "test": { - "defaultConfiguration": "scope" - }, - "validate": {} - } -} diff --git a/components/colorhandle/package.json b/components/colorhandle/package.json deleted file mode 100644 index caaa5dc86ce..00000000000 --- a/components/colorhandle/package.json +++ /dev/null @@ -1,63 +0,0 @@ -{ - "name": "@spectrum-css/colorhandle", - "version": "9.0.0-s2-foundations.17", - "description": "The Spectrum CSS Color Handle component", - "license": "Apache-2.0", - "author": "Adobe", - "homepage": "https://opensource.adobe.com/spectrum-css/colorhandle", - "repository": { - "type": "git", - "url": "https://github.com/adobe/spectrum-css.git", - "directory": "components/colorhandle" - }, - "bugs": { - "url": "https://github.com/adobe/spectrum-css/issues" - }, - "exports": { - ".": "./dist/index.css", - "./*.md": "./*.md", - "./dist/*": "./dist/*", - "./index-*.css": "./dist/index-*.css", - "./index.css": "./dist/index.css", - "./metadata.json": "./metadata/metadata.json", - "./metadata/*": "./metadata/*", - "./package.json": "./package.json" - }, - "main": "dist/index.css", - "files": [ - "dist/*", - "*.md", - "package.json", - "metadata/*" - ], - "peerDependencies": { - "@spectrum-css/colorloupe": ">=5", - "@spectrum-css/opacitycheckerboard": ">=2", - "@spectrum-css/tokens": ">=14" - }, - "peerDependenciesMeta": { - "@spectrum-css/colorloupe": { - "optional": true - } - }, - "devDependencies": { - "@spectrum-css/colorloupe": "workspace:^", - "@spectrum-css/opacitycheckerboard": "workspace:^", - "@spectrum-css/tokens": "workspace:^" - }, - "keywords": [ - "spectrum", - "css", - "design system", - "adobe" - ], - "publishConfig": { - "access": "public" - }, - "spectrum": [ - { - "rootClass": "spectrum-ColorHandle", - "swc": "https://opensource.adobe.com/spectrum-web-components/components/color-handle/" - } - ] -} diff --git a/components/colorhandle/project.json b/components/colorhandle/project.json deleted file mode 100644 index 17a1ca1b44d..00000000000 --- a/components/colorhandle/project.json +++ /dev/null @@ -1,17 +0,0 @@ -{ - "$schema": "../../node_modules/nx/schemas/project-schema.json", - "name": "colorhandle", - "tags": ["component"], - "targets": { - "build": {}, - "clean": {}, - "compare": {}, - "format": {}, - "lint": {}, - "report": {}, - "test": { - "defaultConfiguration": "scope" - }, - "validate": {} - } -} diff --git a/components/colorloupe/package.json b/components/colorloupe/package.json deleted file mode 100644 index 1e1d9431b10..00000000000 --- a/components/colorloupe/package.json +++ /dev/null @@ -1,55 +0,0 @@ -{ - "name": "@spectrum-css/colorloupe", - "version": "6.0.0-s2-foundations.16", - "description": "The Spectrum CSS Color Loupe component", - "license": "Apache-2.0", - "author": "Adobe", - "homepage": "https://opensource.adobe.com/spectrum-css/colorloupe", - "repository": { - "type": "git", - "url": "https://github.com/adobe/spectrum-css.git", - "directory": "components/colorloupe" - }, - "bugs": { - "url": "https://github.com/adobe/spectrum-css/issues" - }, - "exports": { - ".": "./dist/index.css", - "./*.md": "./*.md", - "./dist/*": "./dist/*", - "./index-*.css": "./dist/index-*.css", - "./index.css": "./dist/index.css", - "./metadata.json": "./metadata/metadata.json", - "./metadata/*": "./metadata/*", - "./package.json": "./package.json" - }, - "main": "dist/index.css", - "files": [ - "dist/*", - "*.md", - "package.json", - "metadata/*" - ], - "peerDependencies": { - "@spectrum-css/tokens": ">=14" - }, - "devDependencies": { - "@spectrum-css/tokens": "workspace:^" - }, - "keywords": [ - "spectrum", - "css", - "design system", - "adobe" - ], - "publishConfig": { - "access": "public" - }, - "spectrum": [ - { - "guidelines": "https://spectrum.adobe.com/page/color-loupe", - "rootClass": "spectrum-ColorLoupe", - "swc": "https://opensource.adobe.com/spectrum-web-components/components/color-loupe/" - } - ] -} diff --git a/components/colorloupe/project.json b/components/colorloupe/project.json deleted file mode 100644 index 4ce3dafeeac..00000000000 --- a/components/colorloupe/project.json +++ /dev/null @@ -1,17 +0,0 @@ -{ - "$schema": "../../node_modules/nx/schemas/project-schema.json", - "name": "colorloupe", - "tags": ["component"], - "targets": { - "build": {}, - "clean": {}, - "compare": {}, - "format": {}, - "lint": {}, - "report": {}, - "test": { - "defaultConfiguration": "scope" - }, - "validate": {} - } -} diff --git a/components/colorslider/package.json b/components/colorslider/package.json deleted file mode 100644 index bff8ff08304..00000000000 --- a/components/colorslider/package.json +++ /dev/null @@ -1,59 +0,0 @@ -{ - "name": "@spectrum-css/colorslider", - "version": "7.0.0-s2-foundations.17", - "description": "The Spectrum CSS Color slider component", - "license": "Apache-2.0", - "author": "Adobe", - "homepage": "https://opensource.adobe.com/spectrum-css/colorslider", - "repository": { - "type": "git", - "url": "https://github.com/adobe/spectrum-css.git", - "directory": "components/colorslider" - }, - "bugs": { - "url": "https://github.com/adobe/spectrum-css/issues" - }, - "exports": { - ".": "./dist/index.css", - "./*.md": "./*.md", - "./dist/*": "./dist/*", - "./index-*.css": "./dist/index-*.css", - "./index.css": "./dist/index.css", - "./metadata.json": "./metadata/metadata.json", - "./metadata/*": "./metadata/*", - "./package.json": "./package.json" - }, - "main": "dist/index.css", - "files": [ - "dist/*", - "*.md", - "package.json", - "metadata/*" - ], - "peerDependencies": { - "@spectrum-css/colorhandle": ">=8", - "@spectrum-css/opacitycheckerboard": ">=2", - "@spectrum-css/tokens": ">=14" - }, - "devDependencies": { - "@spectrum-css/colorhandle": "workspace:^", - "@spectrum-css/opacitycheckerboard": "workspace:^", - "@spectrum-css/tokens": "workspace:^" - }, - "keywords": [ - "spectrum", - "css", - "design system", - "adobe" - ], - "publishConfig": { - "access": "public" - }, - "spectrum": [ - { - "guidelines": "https://spectrum.adobe.com/page/color-slider", - "rootClass": "spectrum-ColorSlider", - "swc": "https://opensource.adobe.com/spectrum-web-components/components/color-slider/" - } - ] -} diff --git a/components/colorslider/project.json b/components/colorslider/project.json deleted file mode 100644 index 8eb84226a24..00000000000 --- a/components/colorslider/project.json +++ /dev/null @@ -1,17 +0,0 @@ -{ - "$schema": "../../node_modules/nx/schemas/project-schema.json", - "name": "colorslider", - "tags": ["component"], - "targets": { - "build": {}, - "clean": {}, - "compare": {}, - "format": {}, - "lint": {}, - "report": {}, - "test": { - "defaultConfiguration": "scope" - }, - "validate": {} - } -} diff --git a/components/colorwheel/package.json b/components/colorwheel/package.json deleted file mode 100644 index 065211fb274..00000000000 --- a/components/colorwheel/package.json +++ /dev/null @@ -1,69 +0,0 @@ -{ - "name": "@spectrum-css/colorwheel", - "version": "5.0.0-s2-foundations.16", - "description": "The Spectrum CSS Color Area component", - "license": "Apache-2.0", - "author": "Adobe", - "homepage": "https://opensource.adobe.com/spectrum-css/colorwheel", - "repository": { - "type": "git", - "url": "https://github.com/adobe/spectrum-css.git", - "directory": "components/colorwheel" - }, - "bugs": { - "url": "https://github.com/adobe/spectrum-css/issues" - }, - "exports": { - ".": "./dist/index.css", - "./*.md": "./*.md", - "./dist/*": "./dist/*", - "./index-*.css": "./dist/index-*.css", - "./index.css": "./dist/index.css", - "./metadata.json": "./metadata/metadata.json", - "./metadata/*": "./metadata/*", - "./package.json": "./package.json" - }, - "main": "dist/index.css", - "files": [ - "dist/*", - "*.md", - "package.json", - "metadata/*" - ], - "peerDependencies": { - "@spectrum-css/colorarea": ">=5", - "@spectrum-css/colorhandle": ">=8", - "@spectrum-css/colorloupe": ">=5", - "@spectrum-css/tokens": ">=14" - }, - "peerDependenciesMeta": { - "@spectrum-css/colorarea": { - "optional": true - }, - "@spectrum-css/colorloupe": { - "optional": true - } - }, - "devDependencies": { - "@spectrum-css/colorarea": "workspace:^", - "@spectrum-css/colorhandle": "workspace:^", - "@spectrum-css/colorloupe": "workspace:^", - "@spectrum-css/tokens": "workspace:^" - }, - "keywords": [ - "spectrum", - "css", - "design system", - "adobe" - ], - "publishConfig": { - "access": "public" - }, - "spectrum": [ - { - "guidelines": "https://spectrum.adobe.com/page/color-wheel", - "rootClass": "spectrum-ColorWheel", - "swc": "https://opensource.adobe.com/spectrum-web-components/components/color-wheel/" - } - ] -} diff --git a/components/colorwheel/project.json b/components/colorwheel/project.json deleted file mode 100644 index ff3bedf42d7..00000000000 --- a/components/colorwheel/project.json +++ /dev/null @@ -1,17 +0,0 @@ -{ - "$schema": "../../node_modules/nx/schemas/project-schema.json", - "name": "colorwheel", - "tags": ["component"], - "targets": { - "build": {}, - "clean": {}, - "compare": {}, - "format": {}, - "lint": {}, - "report": {}, - "test": { - "defaultConfiguration": "scope" - }, - "validate": {} - } -} diff --git a/components/combobox/metadata/metadata.json b/components/combobox/metadata/metadata.json index 97b38d5f400..2c9f3da1ef0 100644 --- a/components/combobox/metadata/metadata.json +++ b/components/combobox/metadata/metadata.json @@ -23,34 +23,49 @@ ".spectrum-Combobox--sizeXL", ".spectrum-Combobox-button", ".spectrum-Combobox-button.is-focused:not(:disabled, .is-invalid, .spectrum-PickerButton--quiet)", + ".spectrum-Combobox-button.is-focused:not(:disabled, .is-invalid, .spectrum-PickerButton--quiet).is-hover", ".spectrum-Combobox-button.is-focused:not(:disabled, .is-invalid, .spectrum-PickerButton--quiet):hover", ".spectrum-Combobox-button.is-invalid.is-focused:not(:disabled, .spectrum-PickerButton--quiet)", + ".spectrum-Combobox-button.is-invalid.is-focused:not(:disabled, .spectrum-PickerButton--quiet).is-hover", ".spectrum-Combobox-button.is-invalid.is-focused:not(:disabled, .spectrum-PickerButton--quiet):hover", ".spectrum-Combobox-button.is-invalid.is-keyboardFocused:not(:disabled, .spectrum-PickerButton--quiet)", ".spectrum-Combobox-button.is-invalid:not(:disabled, .spectrum-PickerButton--quiet)", + ".spectrum-Combobox-button.is-invalid:not(:disabled, .spectrum-PickerButton--quiet).is-active", + ".spectrum-Combobox-button.is-invalid:not(:disabled, .spectrum-PickerButton--quiet).is-focus-visible", + ".spectrum-Combobox-button.is-invalid:not(:disabled, .spectrum-PickerButton--quiet).is-hover", ".spectrum-Combobox-button.is-invalid:not(:disabled, .spectrum-PickerButton--quiet):active", ".spectrum-Combobox-button.is-invalid:not(:disabled, .spectrum-PickerButton--quiet):focus", ".spectrum-Combobox-button.is-invalid:not(:disabled, .spectrum-PickerButton--quiet):focus-visible", + ".spectrum-Combobox-button.is-invalid:not(:disabled, .spectrum-PickerButton--quiet):focus.is-hover", ".spectrum-Combobox-button.is-invalid:not(:disabled, .spectrum-PickerButton--quiet):focus:hover", ".spectrum-Combobox-button.is-invalid:not(:disabled, .spectrum-PickerButton--quiet):hover", ".spectrum-Combobox-button.is-keyboardFocused:not(:disabled, .is-invalid, .spectrum-PickerButton--quiet)", ".spectrum-Combobox-button:not(:disabled, .is-invalid, .spectrum-PickerButton--quiet)", + ".spectrum-Combobox-button:not(:disabled, .is-invalid, .spectrum-PickerButton--quiet).is-active", + ".spectrum-Combobox-button:not(:disabled, .is-invalid, .spectrum-PickerButton--quiet).is-focus-visible", + ".spectrum-Combobox-button:not(:disabled, .is-invalid, .spectrum-PickerButton--quiet).is-hover", ".spectrum-Combobox-button:not(:disabled, .is-invalid, .spectrum-PickerButton--quiet):active", ".spectrum-Combobox-button:not(:disabled, .is-invalid, .spectrum-PickerButton--quiet):focus", ".spectrum-Combobox-button:not(:disabled, .is-invalid, .spectrum-PickerButton--quiet):focus-visible", + ".spectrum-Combobox-button:not(:disabled, .is-invalid, .spectrum-PickerButton--quiet):focus.is-hover", ".spectrum-Combobox-button:not(:disabled, .is-invalid, .spectrum-PickerButton--quiet):focus:hover", ".spectrum-Combobox-button:not(:disabled, .is-invalid, .spectrum-PickerButton--quiet):hover", ".spectrum-Combobox-input", + ".spectrum-Combobox-input.is-active", + ".spectrum-Combobox-input.is-hover", ".spectrum-Combobox-input::placeholder", ".spectrum-Combobox-input:active", ".spectrum-Combobox-input:focus", + ".spectrum-Combobox-input:focus.is-hover", ".spectrum-Combobox-input:focus:hover", ".spectrum-Combobox-input:hover", ".spectrum-Combobox-progress-circle", ".spectrum-Combobox-progress-circle:dir(rtl)", ".spectrum-Combobox-textfield", ".spectrum-Combobox-textfield.is-focused .spectrum-Combobox-input", + ".spectrum-Combobox-textfield.is-focused .spectrum-Combobox-input.is-hover", ".spectrum-Combobox-textfield.is-focused .spectrum-Combobox-input:hover", + ".spectrum-Combobox-textfield.is-hover .spectrum-Combobox-input", ".spectrum-Combobox-textfield.is-invalid .spectrum-Combobox-input", ".spectrum-Combobox-textfield.is-invalid .spectrum-Textfield-validationIcon", ".spectrum-Combobox-textfield.is-keyboardFocused .spectrum-Combobox-input", @@ -58,14 +73,22 @@ ".spectrum-Combobox-textfield:hover .spectrum-Combobox-input", ".spectrum-Combobox.is-focused .spectrum-Combobox-button.is-invalid:not(:disabled, .spectrum-PickerButton--quiet)", ".spectrum-Combobox.is-focused .spectrum-Combobox-button:not(:disabled, .is-invalid, .spectrum-PickerButton--quiet)", + ".spectrum-Combobox.is-focused.is-hover .spectrum-Combobox-button.is-invalid:not(:disabled, .spectrum-PickerButton--quiet)", + ".spectrum-Combobox.is-focused.is-hover .spectrum-Combobox-button:not(:disabled, .is-invalid, .spectrum-PickerButton--quiet)", ".spectrum-Combobox.is-focused:hover .spectrum-Combobox-button.is-invalid:not(:disabled, .spectrum-PickerButton--quiet)", ".spectrum-Combobox.is-focused:hover .spectrum-Combobox-button:not(:disabled, .is-invalid, .spectrum-PickerButton--quiet)", + ".spectrum-Combobox.is-hover .spectrum-Combobox-button.is-invalid:not(:disabled, .spectrum-PickerButton--quiet)", + ".spectrum-Combobox.is-hover .spectrum-Combobox-button:not(:disabled, .is-invalid, .spectrum-PickerButton--quiet)", + ".spectrum-Combobox.is-hover:has(:focus) .spectrum-Combobox-button.is-invalid:not(:disabled, .spectrum-PickerButton--quiet)", + ".spectrum-Combobox.is-hover:has(:focus) .spectrum-Combobox-button:not(:disabled, .is-invalid, .spectrum-PickerButton--quiet)", ".spectrum-Combobox.is-keyboardFocused .spectrum-Combobox-button.is-invalid:not(:disabled, .spectrum-PickerButton--quiet)", ".spectrum-Combobox.is-keyboardFocused .spectrum-Combobox-button:not(:disabled, .is-invalid, .spectrum-PickerButton--quiet)", ".spectrum-Combobox.is-readOnly.is-disabled:not(.spectrum-Combobox--quiet) .spectrum-Combobox-input:read-only", + ".spectrum-Combobox.is-readOnly.is-disabled:not(.spectrum-Combobox--quiet) .spectrum-Combobox-input:read-only.is-hover", ".spectrum-Combobox.is-readOnly.is-disabled:not(.spectrum-Combobox--quiet) .spectrum-Combobox-input:read-only:hover", ".spectrum-Combobox.is-readOnly.is-invalid:not(.spectrum-Combobox--quiet) .spectrum-Combobox-input:read-only", ".spectrum-Combobox.is-readOnly:not(.spectrum-Combobox--quiet) .spectrum-Combobox-input:read-only", + ".spectrum-Combobox.is-readOnly:not(.spectrum-Combobox--quiet) .spectrum-Combobox-input:read-only.is-hover", ".spectrum-Combobox.is-readOnly:not(.spectrum-Combobox--quiet) .spectrum-Combobox-input:read-only:hover", ".spectrum-Combobox.is-readOnly:not(.spectrum-Combobox--quiet) .spectrum-Combobox-textfield.is-keyboardFocused .spectrum-Combobox-input", ".spectrum-Combobox:has(:active) .spectrum-Combobox-button.is-invalid:not(:disabled, .spectrum-PickerButton--quiet)", @@ -79,6 +102,8 @@ ".spectrum-Textfield.is-disabled .spectrum-Textfield-validationIcon", ".spectrum-Textfield.is-loading .spectrum-Textfield-validationIcon", ".spectrum-Textfield.is-readOnly .spectrum-Textfield-validationIcon", + ".spectrum.spectrum--express", + ".spectrum.spectrum--legacy", "[dir=\"rtl\"] .spectrum-Combobox-progress-circle" ], "modifiers": [ @@ -132,7 +157,33 @@ "--mod-combobox-spacing-inline-end-edge-to-text", "--mod-combobox-spacing-inline-icon-to-button", "--mod-combobox-spacing-inline-start-edge-to-text", - "--mod-combobox-spacing-label-to-combobox" + "--mod-combobox-spacing-label-to-combobox", + "--mod-textfield-background-color", + "--mod-textfield-background-color-disabled", + "--mod-textfield-border-color", + "--mod-textfield-border-color-disabled", + "--mod-textfield-border-color-focus", + "--mod-textfield-border-color-focus-hover", + "--mod-textfield-border-color-hover", + "--mod-textfield-border-color-invalid-default", + "--mod-textfield-border-color-invalid-focus", + "--mod-textfield-border-color-invalid-focus-hover", + "--mod-textfield-border-color-invalid-hover", + "--mod-textfield-border-color-invalid-keyboard-focus", + "--mod-textfield-border-color-keyboard-focus", + "--mod-textfield-border-width", + "--mod-textfield-focus-indicator-color", + "--mod-textfield-focus-indicator-gap", + "--mod-textfield-focus-indicator-width", + "--mod-textfield-font-family", + "--mod-textfield-font-weight", + "--mod-textfield-icon-color-invalid", + "--mod-textfield-text-color-default", + "--mod-textfield-text-color-disabled", + "--mod-textfield-text-color-focus", + "--mod-textfield-text-color-focus-hover", + "--mod-textfield-text-color-hover", + "--mod-textfield-text-color-keyboard-focus" ], "component": [ "--spectrum-combo-box-minimum-width-multiplier", @@ -233,6 +284,7 @@ "--spectrum-font-size-300", "--spectrum-font-size-75", "--spectrum-gray-25", + "--spectrum-gray-400", "--spectrum-gray-50", "--spectrum-gray-500", "--spectrum-gray-600", @@ -264,33 +316,7 @@ "--mod-picker-button-border-color", "--mod-picker-button-border-color-quiet", "--mod-picker-button-border-width", - "--mod-picker-button-font-color-disabled", - "--mod-textfield-background-color", - "--mod-textfield-background-color-disabled", - "--mod-textfield-border-color", - "--mod-textfield-border-color-disabled", - "--mod-textfield-border-color-focus", - "--mod-textfield-border-color-focus-hover", - "--mod-textfield-border-color-hover", - "--mod-textfield-border-color-invalid-default", - "--mod-textfield-border-color-invalid-focus", - "--mod-textfield-border-color-invalid-focus-hover", - "--mod-textfield-border-color-invalid-hover", - "--mod-textfield-border-color-invalid-keyboard-focus", - "--mod-textfield-border-color-keyboard-focus", - "--mod-textfield-border-width", - "--mod-textfield-focus-indicator-color", - "--mod-textfield-focus-indicator-gap", - "--mod-textfield-focus-indicator-width", - "--mod-textfield-font-family", - "--mod-textfield-font-weight", - "--mod-textfield-icon-color-invalid", - "--mod-textfield-text-color-default", - "--mod-textfield-text-color-disabled", - "--mod-textfield-text-color-focus", - "--mod-textfield-text-color-focus-hover", - "--mod-textfield-text-color-hover", - "--mod-textfield-text-color-keyboard-focus" + "--mod-picker-button-font-color-disabled" ], "high-contrast": [ "--highcontrast-combobox-border-color-highlight", diff --git a/components/combobox/metadata/mods.md b/components/combobox/metadata/mods.md index 38f0e27b249..67cea250bcd 100644 --- a/components/combobox/metadata/mods.md +++ b/components/combobox/metadata/mods.md @@ -51,3 +51,29 @@ | `--mod-combobox-spacing-inline-icon-to-button` | | `--mod-combobox-spacing-inline-start-edge-to-text` | | `--mod-combobox-spacing-label-to-combobox` | +| `--mod-textfield-background-color` | +| `--mod-textfield-background-color-disabled` | +| `--mod-textfield-border-color` | +| `--mod-textfield-border-color-disabled` | +| `--mod-textfield-border-color-focus` | +| `--mod-textfield-border-color-focus-hover` | +| `--mod-textfield-border-color-hover` | +| `--mod-textfield-border-color-invalid-default` | +| `--mod-textfield-border-color-invalid-focus` | +| `--mod-textfield-border-color-invalid-focus-hover` | +| `--mod-textfield-border-color-invalid-hover` | +| `--mod-textfield-border-color-invalid-keyboard-focus` | +| `--mod-textfield-border-color-keyboard-focus` | +| `--mod-textfield-border-width` | +| `--mod-textfield-focus-indicator-color` | +| `--mod-textfield-focus-indicator-gap` | +| `--mod-textfield-focus-indicator-width` | +| `--mod-textfield-font-family` | +| `--mod-textfield-font-weight` | +| `--mod-textfield-icon-color-invalid` | +| `--mod-textfield-text-color-default` | +| `--mod-textfield-text-color-disabled` | +| `--mod-textfield-text-color-focus` | +| `--mod-textfield-text-color-focus-hover` | +| `--mod-textfield-text-color-hover` | +| `--mod-textfield-text-color-keyboard-focus` | diff --git a/components/combobox/package.json b/components/combobox/package.json index d8a265d8d09..bbeedde18a0 100644 --- a/components/combobox/package.json +++ b/components/combobox/package.json @@ -4,7 +4,7 @@ "description": "The Spectrum CSS combobox component", "license": "Apache-2.0", "author": "Adobe", - "homepage": "https://opensource.adobe.com/spectrum-css/", + "homepage": "https://opensource.adobe.com/spectrum-css/?path=/docs/components-combobox--docs", "repository": { "type": "git", "url": "https://github.com/adobe/spectrum-css.git", @@ -21,15 +21,31 @@ "./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 combobox", + "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 combobox", + "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 combobox" + }, "peerDependencies": { "@spectrum-css/menu": ">=7", "@spectrum-css/pickerbutton": ">=5", @@ -44,18 +60,25 @@ } }, "devDependencies": { - "@spectrum-css/menu": "workspace:^", - "@spectrum-css/pickerbutton": "workspace:^", - "@spectrum-css/popover": "workspace:^", - "@spectrum-css/progresscircle": "workspace:^", - "@spectrum-css/textfield": "workspace:^", - "@spectrum-css/tokens": "workspace:^" + "@spectrum-css/menu": "8.0.0-s2-foundations.17", + "@spectrum-css/pickerbutton": "6.0.0-s2-foundations.17", + "@spectrum-css/popover": "8.0.0-s2-foundations.17", + "@spectrum-css/progresscircle": "4.0.0-s2-foundations.16", + "@spectrum-css/textfield": "8.0.0-s2-foundations.17", + "@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" diff --git a/components/combobox/project.json b/components/combobox/project.json deleted file mode 100644 index 109db330a61..00000000000 --- a/components/combobox/project.json +++ /dev/null @@ -1,17 +0,0 @@ -{ - "$schema": "../../node_modules/nx/schemas/project-schema.json", - "name": "combobox", - "tags": ["component"], - "targets": { - "build": {}, - "clean": {}, - "compare": {}, - "format": {}, - "lint": {}, - "report": {}, - "test": { - "defaultConfiguration": "scope" - }, - "validate": {} - } -} diff --git a/components/commons/package.json b/components/commons/package.json index 41b3cc2b2fa..0bc04026b83 100644 --- a/components/commons/package.json +++ b/components/commons/package.json @@ -13,20 +13,31 @@ "bugs": { "url": "https://github.com/adobe/spectrum-css/issues" }, - "main": "index.css", "exports": { ".": "./index.css", + "./*.css": "./*.css", "./CHANGELOG.md": "./CHANGELOG.md", "./README.md": "./README.md", - "./*.css": "./*.css", "./package.json": "./package.json" }, + "main": "index.css", + "files": [ + "*.md", + "package.json" + ], "peerDependencies": { "@spectrum-css/tokens": ">=14" }, "devDependencies": { "@spectrum-css/tokens": "workspace:^" }, + "keywords": [ + "design-system", + "spectrum", + "spectrum-css", + "adobe", + "adobe-spectrum" + ], "publishConfig": { "access": "public" } diff --git a/components/commons/project.json b/components/commons/project.json deleted file mode 100644 index 1115b61271c..00000000000 --- a/components/commons/project.json +++ /dev/null @@ -1,25 +0,0 @@ -{ - "$schema": "../../node_modules/nx/schemas/project-schema.json", - "name": "commons", - "tags": ["utility"], - "targets": { - "build": { - "executor": "nx:noop" - }, - "clean": { - "executor": "nx:noop" - }, - "compare": { - "executor": "nx:noop" - }, - "format": {}, - "lint": {}, - "report": { - "executor": "nx:noop" - }, - "test": { - "executor": "nx:noop" - }, - "validate": {} - } -} diff --git a/components/contextualhelp/CHANGELOG.md b/components/contextual-help/CHANGELOG.md similarity index 100% rename from components/contextualhelp/CHANGELOG.md rename to components/contextual-help/CHANGELOG.md diff --git a/components/contextualhelp/README.md b/components/contextual-help/README.md similarity index 100% rename from components/contextualhelp/README.md rename to components/contextual-help/README.md diff --git a/components/contextualhelp/index.css b/components/contextual-help/index.css similarity index 100% rename from components/contextualhelp/index.css rename to components/contextual-help/index.css diff --git a/components/contextualhelp/metadata/metadata.json b/components/contextual-help/metadata/metadata.json similarity index 100% rename from components/contextualhelp/metadata/metadata.json rename to components/contextual-help/metadata/metadata.json diff --git a/components/contextualhelp/metadata/mods.md b/components/contextual-help/metadata/mods.md similarity index 100% rename from components/contextualhelp/metadata/mods.md rename to components/contextual-help/metadata/mods.md diff --git a/components/contextual-help/package.json b/components/contextual-help/package.json new file mode 100644 index 00000000000..451112df922 --- /dev/null +++ b/components/contextual-help/package.json @@ -0,0 +1,89 @@ +{ + "name": "@spectrum-css/contextualhelp", + "version": "4.0.0-s2-foundations.17", + "description": "The Spectrum CSS contextualhelp component", + "license": "Apache-2.0", + "author": "Adobe", + "homepage": "https://opensource.adobe.com/spectrum-css/?path=/docs/components-contextual-help--docs", + "repository": { + "type": "git", + "url": "https://github.com/adobe/spectrum-css.git", + "directory": "components/contextual-help" + }, + "bugs": { + "url": "https://github.com/adobe/spectrum-css/issues" + }, + "exports": { + ".": "./dist/index.css", + "./*.md": "./*.md", + "./dist/*": "./dist/*", + "./index-*.css": "./dist/index-*.css", + "./index.css": "./dist/index.css", + "./metadata.json": "./metadata/metadata.json", + "./metadata/*": "./metadata/*", + "./package.json": "./package.json", + "./stories/*": "./stories/*" + }, + "main": "dist/index.css", + "files": [ + "dist/*", + "*.md", + "package.json", + "metadata/*", + "stories/*" + ], + "scripts": { + "build": "yarn run component:build contextual-help", + "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 contextual-help", + "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 contextual-help" + }, + "peerDependencies": { + "@spectrum-css/actionbutton": ">=6", + "@spectrum-css/link": ">=5", + "@spectrum-css/popover": ">=7", + "@spectrum-css/tokens": ">=14.5.0" + }, + "peerDependenciesMeta": { + "@spectrum-css/link": { + "optional": true + } + }, + "devDependencies": { + "@spectrum-css/actionbutton": "7.0.0-s2-foundations.24", + "@spectrum-css/link": "6.0.0-s2-foundations.16", + "@spectrum-css/popover": "8.0.0-s2-foundations.17", + "@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", + "spectrum-css", + "adobe", + "adobe-spectrum", + "component", + "css" + ], + "publishConfig": { + "access": "public" + }, + "spectrum": [ + { + "guidelines": "https://spectrum.adobe.com/page/contextual-help", + "rootClass": "spectrum-ContextualHelp", + "swc": "https://opensource.adobe.com/spectrum-web-components/components/contextual-help/" + } + ] +} diff --git a/components/contextualhelp/stories/contextualhelp.stories.js b/components/contextual-help/stories/contextualhelp.stories.js similarity index 100% rename from components/contextualhelp/stories/contextualhelp.stories.js rename to components/contextual-help/stories/contextualhelp.stories.js diff --git a/components/contextualhelp/stories/contextualhelp.test.js b/components/contextual-help/stories/contextualhelp.test.js similarity index 100% rename from components/contextualhelp/stories/contextualhelp.test.js rename to components/contextual-help/stories/contextualhelp.test.js diff --git a/components/contextualhelp/stories/template.js b/components/contextual-help/stories/template.js similarity index 100% rename from components/contextualhelp/stories/template.js rename to components/contextual-help/stories/template.js diff --git a/components/contextualhelp/themes/express.css b/components/contextual-help/themes/express.css similarity index 100% rename from components/contextualhelp/themes/express.css rename to components/contextual-help/themes/express.css diff --git a/components/contextualhelp/themes/spectrum-two.css b/components/contextual-help/themes/spectrum-two.css similarity index 100% rename from components/contextualhelp/themes/spectrum-two.css rename to components/contextual-help/themes/spectrum-two.css diff --git a/components/contextualhelp/themes/spectrum.css b/components/contextual-help/themes/spectrum.css similarity index 100% rename from components/contextualhelp/themes/spectrum.css rename to components/contextual-help/themes/spectrum.css diff --git a/components/contextualhelp/package.json b/components/contextualhelp/package.json deleted file mode 100644 index e1112294a94..00000000000 --- a/components/contextualhelp/package.json +++ /dev/null @@ -1,66 +0,0 @@ -{ - "name": "@spectrum-css/contextualhelp", - "version": "4.0.0-s2-foundations.17", - "description": "The Spectrum CSS contextualhelp component", - "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": "components/contextualhelp" - }, - "bugs": { - "url": "https://github.com/adobe/spectrum-css/issues" - }, - "exports": { - ".": "./dist/index.css", - "./*.md": "./*.md", - "./dist/*": "./dist/*", - "./index-*.css": "./dist/index-*.css", - "./index.css": "./dist/index.css", - "./metadata.json": "./metadata/metadata.json", - "./metadata/*": "./metadata/*", - "./package.json": "./package.json" - }, - "main": "dist/index.css", - "files": [ - "dist/*", - "*.md", - "package.json", - "metadata/*" - ], - "peerDependencies": { - "@spectrum-css/actionbutton": ">=6", - "@spectrum-css/link": ">=5", - "@spectrum-css/popover": ">=7", - "@spectrum-css/tokens": ">=14.5.0" - }, - "peerDependenciesMeta": { - "@spectrum-css/link": { - "optional": true - } - }, - "devDependencies": { - "@spectrum-css/actionbutton": "workspace:^", - "@spectrum-css/link": "workspace:^", - "@spectrum-css/popover": "workspace:^", - "@spectrum-css/tokens": "workspace:^" - }, - "keywords": [ - "spectrum", - "css", - "design system", - "adobe" - ], - "publishConfig": { - "access": "public" - }, - "spectrum": [ - { - "guidelines": "https://spectrum.adobe.com/page/contextual-help", - "rootClass": "spectrum-ContextualHelp", - "swc": "https://opensource.adobe.com/spectrum-web-components/components/contextual-help/" - } - ] -} diff --git a/components/contextualhelp/project.json b/components/contextualhelp/project.json deleted file mode 100644 index 58503c99ea2..00000000000 --- a/components/contextualhelp/project.json +++ /dev/null @@ -1,17 +0,0 @@ -{ - "$schema": "../../node_modules/nx/schemas/project-schema.json", - "name": "contextualhelp", - "tags": ["component"], - "targets": { - "build": {}, - "clean": {}, - "compare": {}, - "format": {}, - "lint": {}, - "report": {}, - "test": { - "defaultConfiguration": "scope" - }, - "validate": {} - } -} diff --git a/components/datepicker/CHANGELOG.md b/components/date-picker/CHANGELOG.md similarity index 100% rename from components/datepicker/CHANGELOG.md rename to components/date-picker/CHANGELOG.md diff --git a/components/datepicker/README.md b/components/date-picker/README.md similarity index 100% rename from components/datepicker/README.md rename to components/date-picker/README.md diff --git a/components/datepicker/index.css b/components/date-picker/index.css similarity index 100% rename from components/datepicker/index.css rename to components/date-picker/index.css diff --git a/components/datepicker/metadata/metadata.json b/components/date-picker/metadata/metadata.json similarity index 95% rename from components/datepicker/metadata/metadata.json rename to components/date-picker/metadata/metadata.json index ec63632266f..312327052c0 100644 --- a/components/datepicker/metadata/metadata.json +++ b/components/date-picker/metadata/metadata.json @@ -6,6 +6,7 @@ ".spectrum-DatePicker--quiet .spectrum-DatePicker-button", ".spectrum-DatePicker--quiet .spectrum-DatePicker-button:not(.is-open)", ".spectrum-DatePicker--quiet .spectrum-DatePicker-button:not(:disabled, .is-open)", + ".spectrum-DatePicker--quiet.is-hover:not(.is-focused, .is-keyboardFocused, .is-disabled, .is-invalid)", ".spectrum-DatePicker--quiet.is-invalid", ".spectrum-DatePicker--quiet.is-invalid .spectrum-DatePicker-input:not(.spectrum-DatePicker-startField)", ".spectrum-DatePicker--quiet:hover:not(.is-focused, .is-keyboardFocused, .is-disabled, .is-invalid)", @@ -33,7 +34,9 @@ ".spectrum-DatePicker.is-invalid", ".spectrum-DatePicker.is-invalid:not(.spectrum-DatePicker--quiet, .is-disabled)", ".spectrum-DatePicker.spectrum-DatePicker--quiet.is-invalid", - ".spectrum-DatePicker:not(.spectrum-DatePicker--quiet, .is-disabled)" + ".spectrum-DatePicker:not(.spectrum-DatePicker--quiet, .is-disabled)", + ".spectrum.spectrum--express", + ".spectrum.spectrum--legacy" ], "modifiers": [ "--mod-datepicker-border-color-disabled", @@ -68,7 +71,9 @@ "--mod-datepicker-range-dash-margin-left", "--mod-datepicker-range-dash-padding-top", "--mod-datepicker-range-input-width-first", - "--mod-datepicker-range-input-width-quiet-first" + "--mod-datepicker-range-input-width-quiet-first", + "--mod-textfield-icon-spacing-inline-end-invalid", + "--mod-textfield-icon-spacing-inline-end-quiet-invalid" ], "component": [ "--spectrum-datepicker-border-color-disabled", @@ -123,6 +128,7 @@ "--spectrum-border-width-100", "--spectrum-component-edge-to-text-100", "--spectrum-component-height-100", + "--spectrum-component-height-75", "--spectrum-corner-radius-100", "--spectrum-disabled-border-color", "--spectrum-disabled-content-color", @@ -144,9 +150,7 @@ "--mod-picker-button-background-color", "--mod-picker-button-background-color-hover-disabled", "--mod-picker-button-border-color", - "--mod-picker-button-border-color-disabled", - "--mod-textfield-icon-spacing-inline-end-invalid", - "--mod-textfield-icon-spacing-inline-end-quiet-invalid" + "--mod-picker-button-border-color-disabled" ], "high-contrast": [ "--highcontrast-datepicker-dash-color", diff --git a/components/date-picker/metadata/mods.md b/components/date-picker/metadata/mods.md new file mode 100644 index 00000000000..825bbe63919 --- /dev/null +++ b/components/date-picker/metadata/mods.md @@ -0,0 +1,37 @@ +| Modifiable custom properties | +| ------------------------------------------------------- | +| `--mod-datepicker-border-color-disabled` | +| `--mod-datepicker-border-radius` | +| `--mod-datepicker-border-radius-quiet` | +| `--mod-datepicker-dash-color` | +| `--mod-datepicker-dash-color-disabled` | +| `--mod-datepicker-dash-font-size` | +| `--mod-datepicker-dash-line-height` | +| `--mod-datepicker-datetime-input-width` | +| `--mod-datepicker-datetime-input-width-first` | +| `--mod-datepicker-datetime-quiet-input-width` | +| `--mod-datepicker-datetime-quiet-input-width-first` | +| `--mod-datepicker-focus-animation` | +| `--mod-datepicker-focus-line-gap` | +| `--mod-datepicker-focus-ring-color` | +| `--mod-datepicker-focus-ring-gap` | +| `--mod-datepicker-focus-ring-width` | +| `--mod-datepicker-focus-thickness` | +| `--mod-datepicker-generic-padding` | +| `--mod-datepicker-input-width` | +| `--mod-datepicker-input-width-quiet` | +| `--mod-datepicker-invalid-quiet-color` | +| `--mod-datepicker-min-width` | +| `--mod-datepicker-padding-inline` | +| `--mod-datepicker-padding-inline-end-invalid-quiet` | +| `--mod-datepicker-padding-inline-quiet` | +| `--mod-datepicker-pickerbutton-border-color` | +| `--mod-datepicker-pickerbutton-border-color-invalid` | +| `--mod-datepicker-quiet-border-color-hover` | +| `--mod-datepicker-quiet-button-offset` | +| `--mod-datepicker-range-dash-margin-left` | +| `--mod-datepicker-range-dash-padding-top` | +| `--mod-datepicker-range-input-width-first` | +| `--mod-datepicker-range-input-width-quiet-first` | +| `--mod-textfield-icon-spacing-inline-end-invalid` | +| `--mod-textfield-icon-spacing-inline-end-quiet-invalid` | diff --git a/components/date-picker/package.json b/components/date-picker/package.json new file mode 100644 index 00000000000..73ceefcf928 --- /dev/null +++ b/components/date-picker/package.json @@ -0,0 +1,85 @@ +{ + "name": "@spectrum-css/datepicker", + "version": "4.0.0-s2-foundations.17", + "description": "The Spectrum CSS datepicker component", + "license": "Apache-2.0", + "author": "Adobe", + "homepage": "https://opensource.adobe.com/spectrum-css/?path=/docs/components-date-picker--docs", + "repository": { + "type": "git", + "url": "https://github.com/adobe/spectrum-css.git", + "directory": "components/date-picker" + }, + "bugs": { + "url": "https://github.com/adobe/spectrum-css/issues" + }, + "exports": { + ".": "./dist/index.css", + "./*.md": "./*.md", + "./dist/*": "./dist/*", + "./index-*.css": "./dist/index-*.css", + "./index.css": "./dist/index.css", + "./metadata.json": "./metadata/metadata.json", + "./metadata/*": "./metadata/*", + "./package.json": "./package.json", + "./stories/*": "./stories/*" + }, + "main": "dist/index.css", + "files": [ + "dist/*", + "*.md", + "package.json", + "metadata/*", + "stories/*" + ], + "scripts": { + "build": "yarn run component:build date-picker", + "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 date-picker", + "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 date-picker" + }, + "peerDependencies": { + "@spectrum-css/calendar": ">=5", + "@spectrum-css/pickerbutton": ">=5", + "@spectrum-css/popover": ">=7", + "@spectrum-css/textfield": ">=7", + "@spectrum-css/tokens": ">=14" + }, + "devDependencies": { + "@spectrum-css/calendar": "6.0.0-s2-foundations.16", + "@spectrum-css/pickerbutton": "6.0.0-s2-foundations.17", + "@spectrum-css/popover": "8.0.0-s2-foundations.17", + "@spectrum-css/textfield": "8.0.0-s2-foundations.17", + "@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", + "spectrum-css", + "adobe", + "adobe-spectrum", + "component", + "css" + ], + "publishConfig": { + "access": "public" + }, + "spectrum": [ + { + "guidelines": "https://spectrum-contributions.corp.adobe.com/page/date-picker-beta", + "rootClass": "spectrum-DatePicker" + } + ] +} diff --git a/components/datepicker/stories/datepicker.stories.js b/components/date-picker/stories/datepicker.stories.js similarity index 100% rename from components/datepicker/stories/datepicker.stories.js rename to components/date-picker/stories/datepicker.stories.js diff --git a/components/datepicker/stories/datepicker.test.js b/components/date-picker/stories/datepicker.test.js similarity index 100% rename from components/datepicker/stories/datepicker.test.js rename to components/date-picker/stories/datepicker.test.js diff --git a/components/datepicker/stories/template.js b/components/date-picker/stories/template.js similarity index 98% rename from components/datepicker/stories/template.js rename to components/date-picker/stories/template.js index 2d56102d24e..a7f1a8a53dc 100644 --- a/components/datepicker/stories/template.js +++ b/components/date-picker/stories/template.js @@ -1,5 +1,5 @@ import { Template as Calendar } from "@spectrum-css/calendar/stories/template.js"; -import { Template as PickerButton } from "@spectrum-css/pickerbutton/stories/template.js"; +import { Template as PickerButton } from "../../picker-button/stories/template.js"; import { Template as Popover } from "@spectrum-css/popover/stories/template.js"; import { Container, getRandomId } from "@spectrum-css/preview/decorators"; import { Template as TextField } from "@spectrum-css/textfield/stories/template.js"; diff --git a/components/datepicker/themes/express.css b/components/date-picker/themes/express.css similarity index 100% rename from components/datepicker/themes/express.css rename to components/date-picker/themes/express.css diff --git a/components/datepicker/themes/spectrum-two.css b/components/date-picker/themes/spectrum-two.css similarity index 100% rename from components/datepicker/themes/spectrum-two.css rename to components/date-picker/themes/spectrum-two.css diff --git a/components/datepicker/themes/spectrum.css b/components/date-picker/themes/spectrum.css similarity index 100% rename from components/datepicker/themes/spectrum.css rename to components/date-picker/themes/spectrum.css diff --git a/components/datepicker/metadata/mods.md b/components/datepicker/metadata/mods.md deleted file mode 100644 index f3c75683dc9..00000000000 --- a/components/datepicker/metadata/mods.md +++ /dev/null @@ -1,35 +0,0 @@ -| Modifiable custom properties | -| ---------------------------------------------------- | -| `--mod-datepicker-border-color-disabled` | -| `--mod-datepicker-border-radius` | -| `--mod-datepicker-border-radius-quiet` | -| `--mod-datepicker-dash-color` | -| `--mod-datepicker-dash-color-disabled` | -| `--mod-datepicker-dash-font-size` | -| `--mod-datepicker-dash-line-height` | -| `--mod-datepicker-datetime-input-width` | -| `--mod-datepicker-datetime-input-width-first` | -| `--mod-datepicker-datetime-quiet-input-width` | -| `--mod-datepicker-datetime-quiet-input-width-first` | -| `--mod-datepicker-focus-animation` | -| `--mod-datepicker-focus-line-gap` | -| `--mod-datepicker-focus-ring-color` | -| `--mod-datepicker-focus-ring-gap` | -| `--mod-datepicker-focus-ring-width` | -| `--mod-datepicker-focus-thickness` | -| `--mod-datepicker-generic-padding` | -| `--mod-datepicker-input-width` | -| `--mod-datepicker-input-width-quiet` | -| `--mod-datepicker-invalid-quiet-color` | -| `--mod-datepicker-min-width` | -| `--mod-datepicker-padding-inline` | -| `--mod-datepicker-padding-inline-end-invalid-quiet` | -| `--mod-datepicker-padding-inline-quiet` | -| `--mod-datepicker-pickerbutton-border-color` | -| `--mod-datepicker-pickerbutton-border-color-invalid` | -| `--mod-datepicker-quiet-border-color-hover` | -| `--mod-datepicker-quiet-button-offset` | -| `--mod-datepicker-range-dash-margin-left` | -| `--mod-datepicker-range-dash-padding-top` | -| `--mod-datepicker-range-input-width-first` | -| `--mod-datepicker-range-input-width-quiet-first` | diff --git a/components/datepicker/package.json b/components/datepicker/package.json deleted file mode 100644 index 6d2850aab24..00000000000 --- a/components/datepicker/package.json +++ /dev/null @@ -1,62 +0,0 @@ -{ - "name": "@spectrum-css/datepicker", - "version": "4.0.0-s2-foundations.17", - "description": "The Spectrum CSS datepicker component", - "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": "components/datepicker" - }, - "bugs": { - "url": "https://github.com/adobe/spectrum-css/issues" - }, - "exports": { - ".": "./dist/index.css", - "./*.md": "./*.md", - "./dist/*": "./dist/*", - "./index-*.css": "./dist/index-*.css", - "./index.css": "./dist/index.css", - "./metadata.json": "./metadata/metadata.json", - "./metadata/*": "./metadata/*", - "./package.json": "./package.json" - }, - "main": "dist/index.css", - "files": [ - "dist/*", - "*.md", - "package.json", - "metadata/*" - ], - "peerDependencies": { - "@spectrum-css/calendar": ">=5", - "@spectrum-css/pickerbutton": ">=5", - "@spectrum-css/popover": ">=7", - "@spectrum-css/textfield": ">=7", - "@spectrum-css/tokens": ">=14" - }, - "devDependencies": { - "@spectrum-css/calendar": "workspace:^", - "@spectrum-css/pickerbutton": "workspace:^", - "@spectrum-css/popover": "workspace:^", - "@spectrum-css/textfield": "workspace:^", - "@spectrum-css/tokens": "workspace:^" - }, - "keywords": [ - "spectrum", - "css", - "design system", - "adobe" - ], - "publishConfig": { - "access": "public" - }, - "spectrum": [ - { - "guidelines": "https://spectrum-contributions.corp.adobe.com/page/date-picker-beta", - "rootClass": "spectrum-DatePicker" - } - ] -} diff --git a/components/datepicker/project.json b/components/datepicker/project.json deleted file mode 100644 index 40e406b2080..00000000000 --- a/components/datepicker/project.json +++ /dev/null @@ -1,17 +0,0 @@ -{ - "$schema": "../../node_modules/nx/schemas/project-schema.json", - "name": "datepicker", - "tags": ["component"], - "targets": { - "build": {}, - "clean": {}, - "compare": {}, - "format": {}, - "lint": {}, - "report": {}, - "test": { - "defaultConfiguration": "scope" - }, - "validate": {} - } -} diff --git a/components/dial/metadata/metadata.json b/components/dial/metadata/metadata.json index 29e38855d6a..f57bc632f19 100644 --- a/components/dial/metadata/metadata.json +++ b/components/dial/metadata/metadata.json @@ -8,8 +8,16 @@ ".spectrum-Dial-controls:after", ".spectrum-Dial-controls:before", ".spectrum-Dial-handle", + ".spectrum-Dial-handle.is-active", + ".spectrum-Dial-handle.is-active:after", ".spectrum-Dial-handle.is-dragged", ".spectrum-Dial-handle.is-dragged:after", + ".spectrum-Dial-handle.is-focus-visible", + ".spectrum-Dial-handle.is-focus-visible:after", + ".spectrum-Dial-handle.is-focus-within", + ".spectrum-Dial-handle.is-focus-within:after", + ".spectrum-Dial-handle.is-hover", + ".spectrum-Dial-handle.is-hover:after", ".spectrum-Dial-handle:active", ".spectrum-Dial-handle:active:after", ".spectrum-Dial-handle:after", @@ -35,6 +43,8 @@ ".spectrum-Dial.is-disabled .spectrum-Dial-handle:before", ".spectrum-Dial.is-disabled .spectrum-Dial-labelContainer", ".spectrum-Dial.spectrum-Dial--small", + ".spectrum.spectrum--express", + ".spectrum.spectrum--legacy", ".u-isGrabbing", ".u-isGrabbing .spectrum-Dial .spectrum-Dial-label", ".u-isGrabbing .spectrum-Dial .spectrum-Dial-value" @@ -108,8 +118,10 @@ "global": [ "--spectrum-border-width-200", "--spectrum-font-size-75", + "--spectrum-gray-100", "--spectrum-gray-25", "--spectrum-gray-400", + "--spectrum-gray-50", "--spectrum-gray-600", "--spectrum-gray-700", "--spectrum-gray-75", diff --git a/components/dial/package.json b/components/dial/package.json index d1a9f18c365..3c36a741de6 100644 --- a/components/dial/package.json +++ b/components/dial/package.json @@ -4,7 +4,7 @@ "description": "The Spectrum CSS dial component", "license": "Apache-2.0", "author": "Adobe", - "homepage": "https://opensource.adobe.com/spectrum-css/dial", + "homepage": "https://opensource.adobe.com/spectrum-css/?path=/docs/components-dial--docs", "repository": { "type": "git", "url": "https://github.com/adobe/spectrum-css.git", @@ -21,26 +21,49 @@ "./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 dial", + "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 dial", + "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 dial" + }, "peerDependencies": { "@spectrum-css/tokens": ">=14" }, "devDependencies": { - "@spectrum-css/tokens": "workspace:^" + "@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" diff --git a/components/dial/project.json b/components/dial/project.json deleted file mode 100644 index 35a2fd47ccb..00000000000 --- a/components/dial/project.json +++ /dev/null @@ -1,17 +0,0 @@ -{ - "$schema": "../../node_modules/nx/schemas/project-schema.json", - "name": "dial", - "tags": ["component"], - "targets": { - "build": {}, - "clean": {}, - "compare": {}, - "format": {}, - "lint": {}, - "report": {}, - "test": { - "defaultConfiguration": "scope" - }, - "validate": {} - } -} diff --git a/components/dialog/package.json b/components/dialog/package.json index ab58ec96e16..a6f85df02e4 100644 --- a/components/dialog/package.json +++ b/components/dialog/package.json @@ -4,7 +4,7 @@ "description": "The Spectrum CSS dialog component", "license": "Apache-2.0", "author": "Adobe", - "homepage": "https://opensource.adobe.com/spectrum-css/dialog", + "homepage": "https://opensource.adobe.com/spectrum-css/?path=/docs/components-dialog--docs", "repository": { "type": "git", "url": "https://github.com/adobe/spectrum-css.git", @@ -21,15 +21,31 @@ "./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 dialog", + "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 dialog", + "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 dialog" + }, "peerDependencies": { "@spectrum-css/closebutton": ">=5", "@spectrum-css/divider": ">=3", @@ -50,17 +66,24 @@ }, "devDependencies": { "@spectrum-css/buttongroup": "workspace:^", - "@spectrum-css/closebutton": "workspace:^", - "@spectrum-css/divider": "workspace:^", - "@spectrum-css/modal": "workspace:^", - "@spectrum-css/tokens": "workspace:^", - "@spectrum-css/underlay": "workspace:^" + "@spectrum-css/closebutton": "6.0.0-s2-foundations.17", + "@spectrum-css/divider": "4.0.0-s2-foundations.16", + "@spectrum-css/modal": "6.0.0-s2-foundations.17", + "@spectrum-css/tokens": "15.0.0-s2-foundations.31", + "@spectrum-css/underlay": "5.0.0-s2-foundations.16", + "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" diff --git a/components/dialog/project.json b/components/dialog/project.json deleted file mode 100644 index cc08b14b1da..00000000000 --- a/components/dialog/project.json +++ /dev/null @@ -1,17 +0,0 @@ -{ - "$schema": "../../node_modules/nx/schemas/project-schema.json", - "name": "dialog", - "tags": ["component"], - "targets": { - "build": {}, - "clean": {}, - "compare": {}, - "format": {}, - "lint": {}, - "report": {}, - "test": { - "defaultConfiguration": "scope" - }, - "validate": {} - } -} diff --git a/components/divider/metadata/metadata.json b/components/divider/metadata/metadata.json index d4d1ed9e1e4..f9ad60d6277 100644 --- a/components/divider/metadata/metadata.json +++ b/components/divider/metadata/metadata.json @@ -13,7 +13,9 @@ ".spectrum-Divider--staticWhite.spectrum-Divider--sizeL", ".spectrum-Divider--staticWhite.spectrum-Divider--sizeM", ".spectrum-Divider--staticWhite.spectrum-Divider--sizeS", - ".spectrum-Divider--vertical" + ".spectrum-Divider--vertical", + ".spectrum.spectrum--express", + ".spectrum.spectrum--legacy" ], "modifiers": [ "--mod-divider-background-color", @@ -46,10 +48,15 @@ ], "global": [ "--spectrum-gray-200", + "--spectrum-gray-300", "--spectrum-gray-800", + "--spectrum-transparent-black-300", "--spectrum-transparent-black-400", + "--spectrum-transparent-black-800", "--spectrum-transparent-black-900", + "--spectrum-transparent-white-300", "--spectrum-transparent-white-400", + "--spectrum-transparent-white-800", "--spectrum-transparent-white-900" ], "system-theme": [ diff --git a/components/divider/package.json b/components/divider/package.json index efa71bbb616..9f33a4a502f 100644 --- a/components/divider/package.json +++ b/components/divider/package.json @@ -4,7 +4,7 @@ "description": "The Spectrum CSS divider component", "license": "Apache-2.0", "author": "Adobe", - "homepage": "https://opensource.adobe.com/spectrum-css/divider", + "homepage": "https://opensource.adobe.com/spectrum-css/?path=/docs/components-divider--docs", "repository": { "type": "git", "url": "https://github.com/adobe/spectrum-css.git", @@ -21,26 +21,49 @@ "./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 divider", + "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 divider", + "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 divider" + }, "peerDependencies": { "@spectrum-css/tokens": ">=14" }, "devDependencies": { - "@spectrum-css/tokens": "workspace:^" + "@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" diff --git a/components/divider/project.json b/components/divider/project.json deleted file mode 100644 index 3fe8faef011..00000000000 --- a/components/divider/project.json +++ /dev/null @@ -1,17 +0,0 @@ -{ - "$schema": "../../node_modules/nx/schemas/project-schema.json", - "name": "divider", - "tags": ["component"], - "targets": { - "build": {}, - "clean": {}, - "compare": {}, - "format": {}, - "lint": {}, - "report": {}, - "test": { - "defaultConfiguration": "scope" - }, - "validate": {} - } -} diff --git a/components/dropindicator/CHANGELOG.md b/components/drop-indicator/CHANGELOG.md similarity index 100% rename from components/dropindicator/CHANGELOG.md rename to components/drop-indicator/CHANGELOG.md diff --git a/components/dropindicator/README.md b/components/drop-indicator/README.md similarity index 100% rename from components/dropindicator/README.md rename to components/drop-indicator/README.md diff --git a/components/dropindicator/index.css b/components/drop-indicator/index.css similarity index 100% rename from components/dropindicator/index.css rename to components/drop-indicator/index.css diff --git a/components/dropindicator/metadata/metadata.json b/components/drop-indicator/metadata/metadata.json similarity index 100% rename from components/dropindicator/metadata/metadata.json rename to components/drop-indicator/metadata/metadata.json diff --git a/components/dropindicator/metadata/mods.md b/components/drop-indicator/metadata/mods.md similarity index 100% rename from components/dropindicator/metadata/mods.md rename to components/drop-indicator/metadata/mods.md diff --git a/components/drop-indicator/package.json b/components/drop-indicator/package.json new file mode 100644 index 00000000000..aa4eb96ef2e --- /dev/null +++ b/components/drop-indicator/package.json @@ -0,0 +1,78 @@ +{ + "name": "@spectrum-css/dropindicator", + "version": "6.0.0-s2-foundations.16", + "description": "The Spectrum CSS dropindicator component", + "license": "Apache-2.0", + "author": "Adobe", + "homepage": "https://opensource.adobe.com/spectrum-css/?path=/docs/components-drop-indicator--docs", + "repository": { + "type": "git", + "url": "https://github.com/adobe/spectrum-css.git", + "directory": "components/drop-indicator" + }, + "bugs": { + "url": "https://github.com/adobe/spectrum-css/issues" + }, + "exports": { + ".": "./dist/index.css", + "./*.md": "./*.md", + "./dist/*": "./dist/*", + "./index-*.css": "./dist/index-*.css", + "./index.css": "./dist/index.css", + "./metadata.json": "./metadata/metadata.json", + "./metadata/*": "./metadata/*", + "./package.json": "./package.json", + "./stories/*": "./stories/*" + }, + "main": "dist/index.css", + "files": [ + "dist/*", + "*.md", + "package.json", + "metadata/*", + "stories/*" + ], + "scripts": { + "build": "yarn run component:build drop-indicator", + "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 drop-indicator", + "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 drop-indicator" + }, + "peerDependencies": { + "@spectrum-css/icon": ">=7", + "@spectrum-css/tokens": ">=14" + }, + "devDependencies": { + "@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", + "spectrum-css", + "adobe", + "adobe-spectrum", + "component", + "css" + ], + "publishConfig": { + "access": "public" + }, + "spectrum": [ + { + "rootClass": "spectrum-DropIndicator" + } + ] +} diff --git a/components/dropindicator/stories/dropindicator.stories.js b/components/drop-indicator/stories/dropindicator.stories.js similarity index 100% rename from components/dropindicator/stories/dropindicator.stories.js rename to components/drop-indicator/stories/dropindicator.stories.js diff --git a/components/dropindicator/stories/dropindicator.test.js b/components/drop-indicator/stories/dropindicator.test.js similarity index 100% rename from components/dropindicator/stories/dropindicator.test.js rename to components/drop-indicator/stories/dropindicator.test.js diff --git a/components/dropindicator/stories/template.js b/components/drop-indicator/stories/template.js similarity index 100% rename from components/dropindicator/stories/template.js rename to components/drop-indicator/stories/template.js diff --git a/components/dropindicator/themes/express.css b/components/drop-indicator/themes/express.css similarity index 100% rename from components/dropindicator/themes/express.css rename to components/drop-indicator/themes/express.css diff --git a/components/dropindicator/themes/spectrum-two.css b/components/drop-indicator/themes/spectrum-two.css similarity index 100% rename from components/dropindicator/themes/spectrum-two.css rename to components/drop-indicator/themes/spectrum-two.css diff --git a/components/dropindicator/themes/spectrum.css b/components/drop-indicator/themes/spectrum.css similarity index 100% rename from components/dropindicator/themes/spectrum.css rename to components/drop-indicator/themes/spectrum.css diff --git a/components/dropzone/CHANGELOG.md b/components/drop-zone/CHANGELOG.md similarity index 100% rename from components/dropzone/CHANGELOG.md rename to components/drop-zone/CHANGELOG.md diff --git a/components/dropzone/README.md b/components/drop-zone/README.md similarity index 100% rename from components/dropzone/README.md rename to components/drop-zone/README.md diff --git a/components/dropzone/index.css b/components/drop-zone/index.css similarity index 100% rename from components/dropzone/index.css rename to components/drop-zone/index.css diff --git a/components/dropzone/metadata/metadata.json b/components/drop-zone/metadata/metadata.json similarity index 95% rename from components/dropzone/metadata/metadata.json rename to components/drop-zone/metadata/metadata.json index 3044ecfc906..eba3418a068 100644 --- a/components/dropzone/metadata/metadata.json +++ b/components/drop-zone/metadata/metadata.json @@ -3,18 +3,25 @@ "selectors": [ ".spectrum-DropZone", ".spectrum-DropZone-button", + ".spectrum-DropZone-button.is-hover", ".spectrum-DropZone-button:focus", ".spectrum-DropZone-button:hover", ".spectrum-DropZone-content", ".spectrum-DropZone.is-dragged", ".spectrum-DropZone.is-filled", ".spectrum-DropZone.is-filled.is-dragged", + ".spectrum-DropZone.is-focus-visible", ".spectrum-DropZone:focus-visible", ".spectrum-DropZone:lang(ja)", ".spectrum-DropZone:lang(ko)", - ".spectrum-DropZone:lang(zh)" + ".spectrum-DropZone:lang(zh)", + ".spectrum.spectrum--express", + ".spectrum.spectrum--legacy" ], "modifiers": [ + "--mod-actionbutton-edge-to-text", + "--mod-actionbutton-font-size", + "--mod-actionbutton-label-color", "--mod-drop-zone-background-color", "--mod-drop-zone-background-color-opacity", "--mod-drop-zone-background-color-opacity-filled", @@ -55,7 +62,27 @@ "--mod-drop-zone-illustration-color-hover", "--mod-drop-zone-illustration-to-heading", "--mod-drop-zone-padding", - "--mod-drop-zone-width" + "--mod-drop-zone-width", + "--mod-illustrated-message-content-maximum-width", + "--mod-illustrated-message-description-color", + "--mod-illustrated-message-description-font-family", + "--mod-illustrated-message-description-font-size", + "--mod-illustrated-message-description-font-style", + "--mod-illustrated-message-description-font-weight", + "--mod-illustrated-message-description-line-height", + "--mod-illustrated-message-description-position", + "--mod-illustrated-message-description-z-index", + "--mod-illustrated-message-display", + "--mod-illustrated-message-heading-to-body", + "--mod-illustrated-message-heading-to-description", + "--mod-illustrated-message-illustration-color", + "--mod-illustrated-message-title-color", + "--mod-illustrated-message-title-font-family", + "--mod-illustrated-message-title-font-size", + "--mod-illustrated-message-title-font-style", + "--mod-illustrated-message-title-font-weight", + "--mod-illustrated-message-title-line-height", + "--mod-illustrated-message-title-to-heading" ], "component": [ "--spectrum-drop-zone-background-color", @@ -89,6 +116,7 @@ "--spectrum-default-font-style", "--spectrum-font-size-300", "--spectrum-gray-200", + "--spectrum-gray-300", "--spectrum-heading-color", "--spectrum-heading-line-height", "--spectrum-heading-sans-serif-font-style", @@ -101,31 +129,7 @@ "--spectrum-white" ], "system-theme": ["--system-drop-zone-border-color"], - "passthroughs": [ - "--mod-actionbutton-edge-to-text", - "--mod-actionbutton-font-size", - "--mod-actionbutton-label-color", - "--mod-illustrated-message-content-maximum-width", - "--mod-illustrated-message-description-color", - "--mod-illustrated-message-description-font-family", - "--mod-illustrated-message-description-font-size", - "--mod-illustrated-message-description-font-style", - "--mod-illustrated-message-description-font-weight", - "--mod-illustrated-message-description-line-height", - "--mod-illustrated-message-description-position", - "--mod-illustrated-message-description-z-index", - "--mod-illustrated-message-display", - "--mod-illustrated-message-heading-to-body", - "--mod-illustrated-message-heading-to-description", - "--mod-illustrated-message-illustration-color", - "--mod-illustrated-message-title-color", - "--mod-illustrated-message-title-font-family", - "--mod-illustrated-message-title-font-size", - "--mod-illustrated-message-title-font-style", - "--mod-illustrated-message-title-font-weight", - "--mod-illustrated-message-title-line-height", - "--mod-illustrated-message-title-to-heading" - ], + "passthroughs": [], "high-contrast": [ "--highcontrast-drop-zone-border-color-hover", "--highcontrast-drop-zone-illustration-color", diff --git a/components/drop-zone/metadata/mods.md b/components/drop-zone/metadata/mods.md new file mode 100644 index 00000000000..b24e9ae9030 --- /dev/null +++ b/components/drop-zone/metadata/mods.md @@ -0,0 +1,66 @@ +| Modifiable custom properties | +| --------------------------------------------------- | +| `--mod-actionbutton-edge-to-text` | +| `--mod-actionbutton-font-size` | +| `--mod-actionbutton-label-color` | +| `--mod-drop-zone-background-color` | +| `--mod-drop-zone-background-color-opacity` | +| `--mod-drop-zone-background-color-opacity-filled` | +| `--mod-drop-zone-body-color` | +| `--mod-drop-zone-body-font-family` | +| `--mod-drop-zone-body-font-size` | +| `--mod-drop-zone-body-font-style` | +| `--mod-drop-zone-body-font-weight` | +| `--mod-drop-zone-body-line-height` | +| `--mod-drop-zone-border-color` | +| `--mod-drop-zone-border-color-hover` | +| `--mod-drop-zone-border-style` | +| `--mod-drop-zone-border-style-dragged` | +| `--mod-drop-zone-border-width` | +| `--mod-drop-zone-content-background-color` | +| `--mod-drop-zone-content-bottom-to-text` | +| `--mod-drop-zone-content-color` | +| `--mod-drop-zone-content-display` | +| `--mod-drop-zone-content-edge-to-text` | +| `--mod-drop-zone-content-font-family` | +| `--mod-drop-zone-content-font-size` | +| `--mod-drop-zone-content-font-style` | +| `--mod-drop-zone-content-font-weight` | +| `--mod-drop-zone-content-height` | +| `--mod-drop-zone-content-line-height` | +| `--mod-drop-zone-content-max-width` | +| `--mod-drop-zone-content-maximum-width` | +| `--mod-drop-zone-content-top-to-text` | +| `--mod-drop-zone-corner-radius` | +| `--mod-drop-zone-heading-color` | +| `--mod-drop-zone-heading-font-family` | +| `--mod-drop-zone-heading-font-size` | +| `--mod-drop-zone-heading-font-style` | +| `--mod-drop-zone-heading-font-weight` | +| `--mod-drop-zone-heading-line-height` | +| `--mod-drop-zone-heading-to-body` | +| `--mod-drop-zone-illustration-color` | +| `--mod-drop-zone-illustration-color-hover` | +| `--mod-drop-zone-illustration-to-heading` | +| `--mod-drop-zone-padding` | +| `--mod-drop-zone-width` | +| `--mod-illustrated-message-content-maximum-width` | +| `--mod-illustrated-message-description-color` | +| `--mod-illustrated-message-description-font-family` | +| `--mod-illustrated-message-description-font-size` | +| `--mod-illustrated-message-description-font-style` | +| `--mod-illustrated-message-description-font-weight` | +| `--mod-illustrated-message-description-line-height` | +| `--mod-illustrated-message-description-position` | +| `--mod-illustrated-message-description-z-index` | +| `--mod-illustrated-message-display` | +| `--mod-illustrated-message-heading-to-body` | +| `--mod-illustrated-message-heading-to-description` | +| `--mod-illustrated-message-illustration-color` | +| `--mod-illustrated-message-title-color` | +| `--mod-illustrated-message-title-font-family` | +| `--mod-illustrated-message-title-font-size` | +| `--mod-illustrated-message-title-font-style` | +| `--mod-illustrated-message-title-font-weight` | +| `--mod-illustrated-message-title-line-height` | +| `--mod-illustrated-message-title-to-heading` | diff --git a/components/drop-zone/package.json b/components/drop-zone/package.json new file mode 100644 index 00000000000..4c08522293e --- /dev/null +++ b/components/drop-zone/package.json @@ -0,0 +1,92 @@ +{ + "name": "@spectrum-css/dropzone", + "version": "7.0.0-s2-foundations.17", + "description": "The Spectrum CSS dropzone component", + "license": "Apache-2.0", + "author": "Adobe", + "homepage": "https://opensource.adobe.com/spectrum-css/?path=/docs/components-drop-zone--docs", + "repository": { + "type": "git", + "url": "https://github.com/adobe/spectrum-css.git", + "directory": "components/drop-zone" + }, + "bugs": { + "url": "https://github.com/adobe/spectrum-css/issues" + }, + "exports": { + ".": "./dist/index.css", + "./*.md": "./*.md", + "./dist/*": "./dist/*", + "./index-*.css": "./dist/index-*.css", + "./index.css": "./dist/index.css", + "./metadata.json": "./metadata/metadata.json", + "./metadata/*": "./metadata/*", + "./package.json": "./package.json", + "./stories/*": "./stories/*" + }, + "main": "dist/index.css", + "files": [ + "dist/*", + "*.md", + "package.json", + "metadata/*", + "stories/*" + ], + "scripts": { + "build": "yarn run component:build drop-zone", + "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 drop-zone", + "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 drop-zone" + }, + "peerDependencies": { + "@spectrum-css/actionbutton": ">=6", + "@spectrum-css/illustratedmessage": ">=7", + "@spectrum-css/link": ">=5", + "@spectrum-css/tokens": ">=14" + }, + "peerDependenciesMeta": { + "@spectrum-css/actionbutton": { + "optional": true + }, + "@spectrum-css/link": { + "optional": true + } + }, + "devDependencies": { + "@spectrum-css/actionbutton": "7.0.0-s2-foundations.24", + "@spectrum-css/illustratedmessage": "8.0.0-s2-foundations.16", + "@spectrum-css/link": "6.0.0-s2-foundations.16", + "@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", + "spectrum-css", + "adobe", + "adobe-spectrum", + "component", + "css" + ], + "publishConfig": { + "access": "public" + }, + "spectrum": [ + { + "guidelines": "https://spectrum-contributions.corp.adobe.com/page/drop-zone-beta", + "rootClass": "spectrum-DropZone", + "swc": "https://opensource.adobe.com/spectrum-web-components/components/dropzone/" + } + ] +} diff --git a/components/dropzone/stories/dropzone.stories.js b/components/drop-zone/stories/dropzone.stories.js similarity index 100% rename from components/dropzone/stories/dropzone.stories.js rename to components/drop-zone/stories/dropzone.stories.js diff --git a/components/dropzone/stories/dropzone.test.js b/components/drop-zone/stories/dropzone.test.js similarity index 100% rename from components/dropzone/stories/dropzone.test.js rename to components/drop-zone/stories/dropzone.test.js diff --git a/components/dropzone/stories/template.js b/components/drop-zone/stories/template.js similarity index 92% rename from components/dropzone/stories/template.js rename to components/drop-zone/stories/template.js index 9eb2dfface7..6b7ab282f8a 100644 --- a/components/dropzone/stories/template.js +++ b/components/drop-zone/stories/template.js @@ -1,5 +1,5 @@ import { Template as ActionButton } from "@spectrum-css/actionbutton/stories/template.js"; -import { Template as IllustratedMessage } from "@spectrum-css/illustratedmessage/stories/template.js"; +import { Template as IllustratedMessage } from "../../illustrated-message/stories/template.js"; import { getRandomId } from "@spectrum-css/preview/decorators"; import { html } from "lit"; import { classMap } from "lit/directives/class-map.js"; diff --git a/components/dropzone/themes/express.css b/components/drop-zone/themes/express.css similarity index 100% rename from components/dropzone/themes/express.css rename to components/drop-zone/themes/express.css diff --git a/components/dropzone/themes/spectrum-two.css b/components/drop-zone/themes/spectrum-two.css similarity index 100% rename from components/dropzone/themes/spectrum-two.css rename to components/drop-zone/themes/spectrum-two.css diff --git a/components/dropzone/themes/spectrum.css b/components/drop-zone/themes/spectrum.css similarity index 100% rename from components/dropzone/themes/spectrum.css rename to components/drop-zone/themes/spectrum.css diff --git a/components/dropindicator/package.json b/components/dropindicator/package.json deleted file mode 100644 index 30fc0846a0f..00000000000 --- a/components/dropindicator/package.json +++ /dev/null @@ -1,55 +0,0 @@ -{ - "name": "@spectrum-css/dropindicator", - "version": "6.0.0-s2-foundations.16", - "description": "The Spectrum CSS dropindicator component", - "license": "Apache-2.0", - "author": "Adobe", - "homepage": "https://opensource.adobe.com/spectrum-css/dropindicator", - "repository": { - "type": "git", - "url": "https://github.com/adobe/spectrum-css.git", - "directory": "components/dropindicator" - }, - "bugs": { - "url": "https://github.com/adobe/spectrum-css/issues" - }, - "exports": { - ".": "./dist/index.css", - "./*.md": "./*.md", - "./dist/*": "./dist/*", - "./index-*.css": "./dist/index-*.css", - "./index.css": "./dist/index.css", - "./metadata.json": "./metadata/metadata.json", - "./metadata/*": "./metadata/*", - "./package.json": "./package.json" - }, - "main": "dist/index.css", - "files": [ - "dist/*", - "*.md", - "package.json", - "metadata/*" - ], - "peerDependencies": { - "@spectrum-css/icon": ">=7", - "@spectrum-css/tokens": ">=14" - }, - "devDependencies": { - "@spectrum-css/icon": "workspace:^", - "@spectrum-css/tokens": "workspace:^" - }, - "keywords": [ - "spectrum", - "css", - "design system", - "adobe" - ], - "publishConfig": { - "access": "public" - }, - "spectrum": [ - { - "rootClass": "spectrum-DropIndicator" - } - ] -} diff --git a/components/dropindicator/project.json b/components/dropindicator/project.json deleted file mode 100644 index 7ce12ecf32a..00000000000 --- a/components/dropindicator/project.json +++ /dev/null @@ -1,17 +0,0 @@ -{ - "$schema": "../../node_modules/nx/schemas/project-schema.json", - "name": "dropindicator", - "tags": ["component"], - "targets": { - "build": {}, - "clean": {}, - "compare": {}, - "format": {}, - "lint": {}, - "report": {}, - "test": { - "defaultConfiguration": "scope" - }, - "validate": {} - } -} diff --git a/components/dropzone/metadata/mods.md b/components/dropzone/metadata/mods.md deleted file mode 100644 index 21a65244705..00000000000 --- a/components/dropzone/metadata/mods.md +++ /dev/null @@ -1,43 +0,0 @@ -| Modifiable custom properties | -| ------------------------------------------------- | -| `--mod-drop-zone-background-color` | -| `--mod-drop-zone-background-color-opacity` | -| `--mod-drop-zone-background-color-opacity-filled` | -| `--mod-drop-zone-body-color` | -| `--mod-drop-zone-body-font-family` | -| `--mod-drop-zone-body-font-size` | -| `--mod-drop-zone-body-font-style` | -| `--mod-drop-zone-body-font-weight` | -| `--mod-drop-zone-body-line-height` | -| `--mod-drop-zone-border-color` | -| `--mod-drop-zone-border-color-hover` | -| `--mod-drop-zone-border-style` | -| `--mod-drop-zone-border-style-dragged` | -| `--mod-drop-zone-border-width` | -| `--mod-drop-zone-content-background-color` | -| `--mod-drop-zone-content-bottom-to-text` | -| `--mod-drop-zone-content-color` | -| `--mod-drop-zone-content-display` | -| `--mod-drop-zone-content-edge-to-text` | -| `--mod-drop-zone-content-font-family` | -| `--mod-drop-zone-content-font-size` | -| `--mod-drop-zone-content-font-style` | -| `--mod-drop-zone-content-font-weight` | -| `--mod-drop-zone-content-height` | -| `--mod-drop-zone-content-line-height` | -| `--mod-drop-zone-content-max-width` | -| `--mod-drop-zone-content-maximum-width` | -| `--mod-drop-zone-content-top-to-text` | -| `--mod-drop-zone-corner-radius` | -| `--mod-drop-zone-heading-color` | -| `--mod-drop-zone-heading-font-family` | -| `--mod-drop-zone-heading-font-size` | -| `--mod-drop-zone-heading-font-style` | -| `--mod-drop-zone-heading-font-weight` | -| `--mod-drop-zone-heading-line-height` | -| `--mod-drop-zone-heading-to-body` | -| `--mod-drop-zone-illustration-color` | -| `--mod-drop-zone-illustration-color-hover` | -| `--mod-drop-zone-illustration-to-heading` | -| `--mod-drop-zone-padding` | -| `--mod-drop-zone-width` | diff --git a/components/dropzone/package.json b/components/dropzone/package.json deleted file mode 100644 index b90862b74ed..00000000000 --- a/components/dropzone/package.json +++ /dev/null @@ -1,69 +0,0 @@ -{ - "name": "@spectrum-css/dropzone", - "version": "7.0.0-s2-foundations.17", - "description": "The Spectrum CSS dropzone component", - "license": "Apache-2.0", - "author": "Adobe", - "homepage": "https://opensource.adobe.com/spectrum-css/dropzone", - "repository": { - "type": "git", - "url": "https://github.com/adobe/spectrum-css.git", - "directory": "components/dropzone" - }, - "bugs": { - "url": "https://github.com/adobe/spectrum-css/issues" - }, - "exports": { - ".": "./dist/index.css", - "./*.md": "./*.md", - "./dist/*": "./dist/*", - "./index-*.css": "./dist/index-*.css", - "./index.css": "./dist/index.css", - "./metadata.json": "./metadata/metadata.json", - "./metadata/*": "./metadata/*", - "./package.json": "./package.json" - }, - "main": "dist/index.css", - "files": [ - "dist/*", - "*.md", - "package.json", - "metadata/*" - ], - "peerDependencies": { - "@spectrum-css/actionbutton": ">=6", - "@spectrum-css/illustratedmessage": ">=7", - "@spectrum-css/link": ">=5", - "@spectrum-css/tokens": ">=14" - }, - "peerDependenciesMeta": { - "@spectrum-css/actionbutton": { - "optional": true - }, - "@spectrum-css/link": { - "optional": true - } - }, - "devDependencies": { - "@spectrum-css/actionbutton": "workspace:^", - "@spectrum-css/illustratedmessage": "workspace:^", - "@spectrum-css/link": "workspace:^", - "@spectrum-css/tokens": "workspace:^" - }, - "keywords": [ - "spectrum", - "css", - "design system", - "adobe" - ], - "publishConfig": { - "access": "public" - }, - "spectrum": [ - { - "guidelines": "https://spectrum-contributions.corp.adobe.com/page/drop-zone-beta", - "rootClass": "spectrum-DropZone", - "swc": "https://opensource.adobe.com/spectrum-web-components/components/dropzone/" - } - ] -} diff --git a/components/dropzone/project.json b/components/dropzone/project.json deleted file mode 100644 index 8551919333c..00000000000 --- a/components/dropzone/project.json +++ /dev/null @@ -1,17 +0,0 @@ -{ - "$schema": "../../node_modules/nx/schemas/project-schema.json", - "name": "dropzone", - "tags": ["component"], - "targets": { - "build": {}, - "clean": {}, - "compare": {}, - "format": {}, - "lint": {}, - "report": {}, - "test": { - "defaultConfiguration": "scope" - }, - "validate": {} - } -} diff --git a/components/fieldgroup/CHANGELOG.md b/components/field-group/CHANGELOG.md similarity index 100% rename from components/fieldgroup/CHANGELOG.md rename to components/field-group/CHANGELOG.md diff --git a/components/fieldgroup/README.md b/components/field-group/README.md similarity index 100% rename from components/fieldgroup/README.md rename to components/field-group/README.md diff --git a/components/fieldgroup/index.css b/components/field-group/index.css similarity index 100% rename from components/fieldgroup/index.css rename to components/field-group/index.css diff --git a/components/fieldgroup/metadata/metadata.json b/components/field-group/metadata/metadata.json similarity index 100% rename from components/fieldgroup/metadata/metadata.json rename to components/field-group/metadata/metadata.json diff --git a/components/fieldgroup/metadata/mods.md b/components/field-group/metadata/mods.md similarity index 100% rename from components/fieldgroup/metadata/mods.md rename to components/field-group/metadata/mods.md diff --git a/components/field-group/package.json b/components/field-group/package.json new file mode 100644 index 00000000000..250a8ca1ba8 --- /dev/null +++ b/components/field-group/package.json @@ -0,0 +1,94 @@ +{ + "name": "@spectrum-css/fieldgroup", + "version": "6.0.0-s2-foundations.17", + "description": "The Spectrum CSS fieldgroup component", + "license": "Apache-2.0", + "author": "Adobe", + "homepage": "https://opensource.adobe.com/spectrum-css/?path=/docs/components-field-group--docs", + "repository": { + "type": "git", + "url": "https://github.com/adobe/spectrum-css.git", + "directory": "components/field-group" + }, + "bugs": { + "url": "https://github.com/adobe/spectrum-css/issues" + }, + "exports": { + ".": "./dist/index.css", + "./*.md": "./*.md", + "./dist/*": "./dist/*", + "./index-*.css": "./dist/index-*.css", + "./index.css": "./dist/index.css", + "./metadata.json": "./metadata/metadata.json", + "./metadata/*": "./metadata/*", + "./package.json": "./package.json", + "./stories/*": "./stories/*" + }, + "main": "dist/index.css", + "files": [ + "dist/*", + "*.md", + "package.json", + "metadata/*", + "stories/*" + ], + "scripts": { + "build": "yarn run component:build field-group", + "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 field-group", + "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 field-group" + }, + "peerDependencies": { + "@spectrum-css/checkbox": ">=9", + "@spectrum-css/helptext": ">=5", + "@spectrum-css/radio": ">=9", + "@spectrum-css/tokens": ">=14" + }, + "peerDependenciesMeta": { + "@spectrum-css/checkbox": { + "optional": true + }, + "@spectrum-css/helptext": { + "optional": true + }, + "@spectrum-css/radio": { + "optional": true + } + }, + "devDependencies": { + "@spectrum-css/checkbox": "10.0.0-s2-foundations.20", + "@spectrum-css/helptext": "6.0.0-s2-foundations.16", + "@spectrum-css/radio": "10.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", + "spectrum-css", + "adobe", + "adobe-spectrum", + "component", + "css" + ], + "publishConfig": { + "access": "public" + }, + "spectrum": [ + { + "rootClass": "spectrum-FieldGroup", + "swc": "https://opensource.adobe.com/spectrum-web-components/components/field-group/" + } + ] +} diff --git a/components/fieldgroup/stories/fieldgroup.stories.js b/components/field-group/stories/fieldgroup.stories.js similarity index 100% rename from components/fieldgroup/stories/fieldgroup.stories.js rename to components/field-group/stories/fieldgroup.stories.js diff --git a/components/fieldgroup/stories/fieldgroup.test.js b/components/field-group/stories/fieldgroup.test.js similarity index 100% rename from components/fieldgroup/stories/fieldgroup.test.js rename to components/field-group/stories/fieldgroup.test.js diff --git a/components/fieldgroup/stories/template.js b/components/field-group/stories/template.js similarity index 95% rename from components/fieldgroup/stories/template.js rename to components/field-group/stories/template.js index 829205f04ae..97c02e94a31 100644 --- a/components/fieldgroup/stories/template.js +++ b/components/field-group/stories/template.js @@ -1,12 +1,12 @@ import { Template as CheckBox } from "@spectrum-css/checkbox/stories/template.js"; -import { Template as FieldLabel } from "@spectrum-css/fieldlabel/stories/template.js"; -import { Template as HelpText } from "@spectrum-css/helptext/stories/template.js"; import { Container, getRandomId } from "@spectrum-css/preview/decorators"; import { Template as Radio } from "@spectrum-css/radio/stories/template.js"; import { html } from "lit"; import { classMap } from "lit/directives/class-map.js"; import { ifDefined } from "lit/directives/if-defined.js"; import { when } from "lit/directives/when.js"; +import { Template as FieldLabel } from "../../field-label/stories/template.js"; +import { Template as HelpText } from "../../help-text/stories/template.js"; import "../index.css"; import "../themes/spectrum.css"; diff --git a/components/fieldgroup/themes/express.css b/components/field-group/themes/express.css similarity index 100% rename from components/fieldgroup/themes/express.css rename to components/field-group/themes/express.css diff --git a/components/fieldgroup/themes/spectrum-two.css b/components/field-group/themes/spectrum-two.css similarity index 100% rename from components/fieldgroup/themes/spectrum-two.css rename to components/field-group/themes/spectrum-two.css diff --git a/components/fieldgroup/themes/spectrum.css b/components/field-group/themes/spectrum.css similarity index 100% rename from components/fieldgroup/themes/spectrum.css rename to components/field-group/themes/spectrum.css diff --git a/components/fieldlabel/CHANGELOG.md b/components/field-label/CHANGELOG.md similarity index 100% rename from components/fieldlabel/CHANGELOG.md rename to components/field-label/CHANGELOG.md diff --git a/components/fieldlabel/README.md b/components/field-label/README.md similarity index 100% rename from components/fieldlabel/README.md rename to components/field-label/README.md diff --git a/components/fieldlabel/index.css b/components/field-label/index.css similarity index 100% rename from components/fieldlabel/index.css rename to components/field-label/index.css diff --git a/components/fieldlabel/metadata/metadata.json b/components/field-label/metadata/metadata.json similarity index 100% rename from components/fieldlabel/metadata/metadata.json rename to components/field-label/metadata/metadata.json diff --git a/components/fieldlabel/metadata/mods.md b/components/field-label/metadata/mods.md similarity index 100% rename from components/fieldlabel/metadata/mods.md rename to components/field-label/metadata/mods.md diff --git a/components/field-label/package.json b/components/field-label/package.json new file mode 100644 index 00000000000..d7ee27eacaa --- /dev/null +++ b/components/field-label/package.json @@ -0,0 +1,83 @@ +{ + "name": "@spectrum-css/fieldlabel", + "version": "9.0.0-s2-foundations.17", + "description": "The Spectrum CSS fieldlabel component", + "license": "Apache-2.0", + "author": "Adobe", + "homepage": "https://opensource.adobe.com/spectrum-css/?path=/docs/components-field-label--docs", + "repository": { + "type": "git", + "url": "https://github.com/adobe/spectrum-css.git", + "directory": "components/field-label" + }, + "bugs": { + "url": "https://github.com/adobe/spectrum-css/issues" + }, + "exports": { + ".": "./dist/index.css", + "./*.md": "./*.md", + "./dist/*": "./dist/*", + "./index-*.css": "./dist/index-*.css", + "./index.css": "./dist/index.css", + "./metadata.json": "./metadata/metadata.json", + "./metadata/*": "./metadata/*", + "./package.json": "./package.json", + "./stories/*": "./stories/*" + }, + "main": "dist/index.css", + "files": [ + "dist/*", + "*.md", + "package.json", + "metadata/*", + "stories/*" + ], + "scripts": { + "build": "yarn run component:build field-label", + "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 field-label", + "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 field-label" + }, + "peerDependencies": { + "@spectrum-css/icon": ">=7", + "@spectrum-css/tokens": ">=14" + }, + "devDependencies": { + "@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", + "spectrum-css", + "adobe", + "adobe-spectrum", + "component", + "css" + ], + "publishConfig": { + "access": "public" + }, + "spectrum": [ + { + "guidelines": "https://spectrum.adobe.com/page/field-label", + "rootClass": "spectrum-FieldLabel", + "swc": "https://opensource.adobe.com/spectrum-web-components/components/field-label/" + }, + { + "rootClass": "spectrum-Form" + } + ] +} diff --git a/components/fieldlabel/stories/fieldlabel.stories.js b/components/field-label/stories/fieldlabel.stories.js similarity index 100% rename from components/fieldlabel/stories/fieldlabel.stories.js rename to components/field-label/stories/fieldlabel.stories.js diff --git a/components/fieldlabel/stories/fieldlabel.test.js b/components/field-label/stories/fieldlabel.test.js similarity index 100% rename from components/fieldlabel/stories/fieldlabel.test.js rename to components/field-label/stories/fieldlabel.test.js diff --git a/components/fieldlabel/stories/template.js b/components/field-label/stories/template.js similarity index 100% rename from components/fieldlabel/stories/template.js rename to components/field-label/stories/template.js diff --git a/components/fieldlabel/themes/express.css b/components/field-label/themes/express.css similarity index 100% rename from components/fieldlabel/themes/express.css rename to components/field-label/themes/express.css diff --git a/components/fieldlabel/themes/spectrum-two.css b/components/field-label/themes/spectrum-two.css similarity index 100% rename from components/fieldlabel/themes/spectrum-two.css rename to components/field-label/themes/spectrum-two.css diff --git a/components/fieldlabel/themes/spectrum.css b/components/field-label/themes/spectrum.css similarity index 100% rename from components/fieldlabel/themes/spectrum.css rename to components/field-label/themes/spectrum.css diff --git a/components/fieldgroup/package.json b/components/fieldgroup/package.json deleted file mode 100644 index 54bcb15fba2..00000000000 --- a/components/fieldgroup/package.json +++ /dev/null @@ -1,71 +0,0 @@ -{ - "name": "@spectrum-css/fieldgroup", - "version": "6.0.0-s2-foundations.17", - "description": "The Spectrum CSS fieldgroup component", - "license": "Apache-2.0", - "author": "Adobe", - "homepage": "https://opensource.adobe.com/spectrum-css/fieldgroup", - "repository": { - "type": "git", - "url": "https://github.com/adobe/spectrum-css.git", - "directory": "components/fieldgroup" - }, - "bugs": { - "url": "https://github.com/adobe/spectrum-css/issues" - }, - "exports": { - ".": "./dist/index.css", - "./*.md": "./*.md", - "./dist/*": "./dist/*", - "./index-*.css": "./dist/index-*.css", - "./index.css": "./dist/index.css", - "./metadata.json": "./metadata/metadata.json", - "./metadata/*": "./metadata/*", - "./package.json": "./package.json" - }, - "main": "dist/index.css", - "files": [ - "dist/*", - "*.md", - "package.json", - "metadata/*" - ], - "peerDependencies": { - "@spectrum-css/checkbox": ">=9", - "@spectrum-css/helptext": ">=5", - "@spectrum-css/radio": ">=9", - "@spectrum-css/tokens": ">=14" - }, - "peerDependenciesMeta": { - "@spectrum-css/checkbox": { - "optional": true - }, - "@spectrum-css/helptext": { - "optional": true - }, - "@spectrum-css/radio": { - "optional": true - } - }, - "devDependencies": { - "@spectrum-css/checkbox": "workspace:^", - "@spectrum-css/helptext": "workspace:^", - "@spectrum-css/radio": "workspace:^", - "@spectrum-css/tokens": "workspace:^" - }, - "keywords": [ - "spectrum", - "css", - "design system", - "adobe" - ], - "publishConfig": { - "access": "public" - }, - "spectrum": [ - { - "rootClass": "spectrum-FieldGroup", - "swc": "https://opensource.adobe.com/spectrum-web-components/components/field-group/" - } - ] -} diff --git a/components/fieldgroup/project.json b/components/fieldgroup/project.json deleted file mode 100644 index bebef3a3eed..00000000000 --- a/components/fieldgroup/project.json +++ /dev/null @@ -1,17 +0,0 @@ -{ - "$schema": "../../node_modules/nx/schemas/project-schema.json", - "name": "fieldgroup", - "tags": ["component"], - "targets": { - "build": {}, - "clean": {}, - "compare": {}, - "format": {}, - "lint": {}, - "report": {}, - "test": { - "defaultConfiguration": "scope" - }, - "validate": {} - } -} diff --git a/components/fieldlabel/package.json b/components/fieldlabel/package.json deleted file mode 100644 index a55bac48075..00000000000 --- a/components/fieldlabel/package.json +++ /dev/null @@ -1,60 +0,0 @@ -{ - "name": "@spectrum-css/fieldlabel", - "version": "9.0.0-s2-foundations.17", - "description": "The Spectrum CSS fieldlabel component", - "license": "Apache-2.0", - "author": "Adobe", - "homepage": "https://opensource.adobe.com/spectrum-css/fieldlabel", - "repository": { - "type": "git", - "url": "https://github.com/adobe/spectrum-css.git", - "directory": "components/fieldlabel" - }, - "bugs": { - "url": "https://github.com/adobe/spectrum-css/issues" - }, - "exports": { - ".": "./dist/index.css", - "./*.md": "./*.md", - "./dist/*": "./dist/*", - "./index-*.css": "./dist/index-*.css", - "./index.css": "./dist/index.css", - "./metadata.json": "./metadata/metadata.json", - "./metadata/*": "./metadata/*", - "./package.json": "./package.json" - }, - "main": "dist/index.css", - "files": [ - "dist/*", - "*.md", - "package.json", - "metadata/*" - ], - "peerDependencies": { - "@spectrum-css/icon": ">=7", - "@spectrum-css/tokens": ">=14" - }, - "devDependencies": { - "@spectrum-css/icon": "workspace:^", - "@spectrum-css/tokens": "workspace:^" - }, - "keywords": [ - "spectrum", - "css", - "design system", - "adobe" - ], - "publishConfig": { - "access": "public" - }, - "spectrum": [ - { - "guidelines": "https://spectrum.adobe.com/page/field-label", - "rootClass": "spectrum-FieldLabel", - "swc": "https://opensource.adobe.com/spectrum-web-components/components/field-label/" - }, - { - "rootClass": "spectrum-Form" - } - ] -} diff --git a/components/fieldlabel/project.json b/components/fieldlabel/project.json deleted file mode 100644 index 418c098ca90..00000000000 --- a/components/fieldlabel/project.json +++ /dev/null @@ -1,17 +0,0 @@ -{ - "$schema": "../../node_modules/nx/schemas/project-schema.json", - "name": "fieldlabel", - "tags": ["component"], - "targets": { - "build": {}, - "clean": {}, - "compare": {}, - "format": {}, - "lint": {}, - "report": {}, - "test": { - "defaultConfiguration": "scope" - }, - "validate": {} - } -} diff --git a/components/floatingactionbutton/CHANGELOG.md b/components/floating-action-button/CHANGELOG.md similarity index 100% rename from components/floatingactionbutton/CHANGELOG.md rename to components/floating-action-button/CHANGELOG.md diff --git a/components/floatingactionbutton/README.md b/components/floating-action-button/README.md similarity index 100% rename from components/floatingactionbutton/README.md rename to components/floating-action-button/README.md diff --git a/components/floatingactionbutton/index.css b/components/floating-action-button/index.css similarity index 100% rename from components/floatingactionbutton/index.css rename to components/floating-action-button/index.css diff --git a/components/floatingactionbutton/metadata/metadata.json b/components/floating-action-button/metadata/metadata.json similarity index 89% rename from components/floatingactionbutton/metadata/metadata.json rename to components/floating-action-button/metadata/metadata.json index 7daf062a329..ed18fad07f9 100644 --- a/components/floatingactionbutton/metadata/metadata.json +++ b/components/floating-action-button/metadata/metadata.json @@ -3,6 +3,13 @@ "selectors": [ ".spectrum-FloatingActionButton", ".spectrum-FloatingActionButton--secondary", + ".spectrum-FloatingActionButton.is-active", + ".spectrum-FloatingActionButton.is-active .spectrum-FloatingActionButton-icon", + ".spectrum-FloatingActionButton.is-focus-visible", + ".spectrum-FloatingActionButton.is-focus-visible .spectrum-FloatingActionButton-icon", + ".spectrum-FloatingActionButton.is-focus-visible:after", + ".spectrum-FloatingActionButton.is-hover", + ".spectrum-FloatingActionButton.is-hover .spectrum-FloatingActionButton-icon", ".spectrum-FloatingActionButton:active", ".spectrum-FloatingActionButton:active .spectrum-FloatingActionButton-icon", ".spectrum-FloatingActionButton:after", diff --git a/components/floatingactionbutton/metadata/mods.md b/components/floating-action-button/metadata/mods.md similarity index 100% rename from components/floatingactionbutton/metadata/mods.md rename to components/floating-action-button/metadata/mods.md diff --git a/components/floating-action-button/package.json b/components/floating-action-button/package.json new file mode 100644 index 00000000000..7bdd0a1c4d3 --- /dev/null +++ b/components/floating-action-button/package.json @@ -0,0 +1,78 @@ +{ + "name": "@spectrum-css/floatingactionbutton", + "version": "3.0.0-s2-foundations.15", + "description": "The Spectrum CSS floatingactionbutton component", + "license": "Apache-2.0", + "author": "Adobe", + "contributors": [], + "homepage": "https://opensource.adobe.com/spectrum-css/?path=/docs/components-floating-action-button--docs", + "repository": { + "type": "git", + "url": "https://github.com/adobe/spectrum-css.git", + "directory": "components/floating-action-button" + }, + "bugs": { + "url": "https://github.com/adobe/spectrum-css/issues" + }, + "exports": { + ".": "./dist/index.css", + "./*.md": "./*.md", + "./dist/*": "./dist/*", + "./index-*.css": "./dist/index-*.css", + "./index.css": "./dist/index.css", + "./metadata.json": "./metadata/metadata.json", + "./metadata/*": "./metadata/*", + "./package.json": "./package.json", + "./stories/*": "./stories/*" + }, + "main": "dist/index.css", + "files": [ + "dist/*", + "*.md", + "package.json", + "metadata/*", + "stories/*" + ], + "scripts": { + "build": "yarn run component:build floating-action-button", + "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 floating-action-button", + "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 floating-action-button" + }, + "peerDependencies": { + "@spectrum-css/tokens": ">=14" + }, + "devDependencies": { + "@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", + "spectrum-css", + "adobe", + "adobe-spectrum", + "component", + "css" + ], + "publishConfig": { + "access": "public" + }, + "spectrum": [ + { + "guidelines": "https://spectrum-contributions.corp.adobe.com/page/floating-action-button-beta", + "rootClass": "spectrum-FloatingActionButton" + } + ] +} diff --git a/components/floatingactionbutton/stories/floatingactionbutton.stories.js b/components/floating-action-button/stories/floatingactionbutton.stories.js similarity index 100% rename from components/floatingactionbutton/stories/floatingactionbutton.stories.js rename to components/floating-action-button/stories/floatingactionbutton.stories.js diff --git a/components/floatingactionbutton/stories/floatingactionbutton.test.js b/components/floating-action-button/stories/floatingactionbutton.test.js similarity index 100% rename from components/floatingactionbutton/stories/floatingactionbutton.test.js rename to components/floating-action-button/stories/floatingactionbutton.test.js diff --git a/components/floatingactionbutton/stories/template.js b/components/floating-action-button/stories/template.js similarity index 100% rename from components/floatingactionbutton/stories/template.js rename to components/floating-action-button/stories/template.js diff --git a/components/floatingactionbutton/themes/express.css b/components/floating-action-button/themes/express.css similarity index 100% rename from components/floatingactionbutton/themes/express.css rename to components/floating-action-button/themes/express.css diff --git a/components/floatingactionbutton/themes/spectrum-two.css b/components/floating-action-button/themes/spectrum-two.css similarity index 100% rename from components/floatingactionbutton/themes/spectrum-two.css rename to components/floating-action-button/themes/spectrum-two.css diff --git a/components/floatingactionbutton/themes/spectrum.css b/components/floating-action-button/themes/spectrum.css similarity index 100% rename from components/floatingactionbutton/themes/spectrum.css rename to components/floating-action-button/themes/spectrum.css diff --git a/components/floatingactionbutton/package.json b/components/floatingactionbutton/package.json deleted file mode 100644 index b9c9dea9967..00000000000 --- a/components/floatingactionbutton/package.json +++ /dev/null @@ -1,55 +0,0 @@ -{ - "name": "@spectrum-css/floatingactionbutton", - "version": "3.0.0-s2-foundations.15", - "description": "The Spectrum CSS floatingactionbutton component", - "license": "Apache-2.0", - "author": "Adobe", - "contributors": [], - "homepage": "https://opensource.adobe.com/spectrum-css/", - "repository": { - "type": "git", - "url": "https://github.com/adobe/spectrum-css.git", - "directory": "components/floatingactionbutton" - }, - "bugs": { - "url": "https://github.com/adobe/spectrum-css/issues" - }, - "exports": { - ".": "./dist/index.css", - "./*.md": "./*.md", - "./dist/*": "./dist/*", - "./index-*.css": "./dist/index-*.css", - "./index.css": "./dist/index.css", - "./metadata.json": "./metadata/metadata.json", - "./metadata/*": "./metadata/*", - "./package.json": "./package.json" - }, - "main": "dist/index.css", - "files": [ - "dist/*", - "*.md", - "package.json", - "metadata/*" - ], - "peerDependencies": { - "@spectrum-css/tokens": ">=14" - }, - "devDependencies": { - "@spectrum-css/tokens": "workspace:^" - }, - "keywords": [ - "spectrum", - "css", - "design system", - "adobe" - ], - "publishConfig": { - "access": "public" - }, - "spectrum": [ - { - "guidelines": "https://spectrum-contributions.corp.adobe.com/page/floating-action-button-beta", - "rootClass": "spectrum-FloatingActionButton" - } - ] -} diff --git a/components/floatingactionbutton/project.json b/components/floatingactionbutton/project.json deleted file mode 100644 index 7b5be84f6ef..00000000000 --- a/components/floatingactionbutton/project.json +++ /dev/null @@ -1,17 +0,0 @@ -{ - "$schema": "../../node_modules/nx/schemas/project-schema.json", - "name": "floatingactionbutton", - "tags": ["component"], - "targets": { - "build": {}, - "clean": {}, - "compare": {}, - "format": {}, - "lint": {}, - "report": {}, - "test": { - "defaultConfiguration": "scope" - }, - "validate": {} - } -} diff --git a/components/form/package.json b/components/form/package.json index 03edb6fedd2..feead505d54 100644 --- a/components/form/package.json +++ b/components/form/package.json @@ -4,7 +4,7 @@ "description": "The Spectrum CSS form component", "license": "Apache-2.0", "author": "Adobe", - "homepage": "https://opensource.adobe.com/spectrum-css/form", + "homepage": "https://opensource.adobe.com/spectrum-css/?path=/docs/components-form--docs", "repository": { "type": "git", "url": "https://github.com/adobe/spectrum-css.git", @@ -21,26 +21,49 @@ "./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 form", + "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 form", + "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 form" + }, "peerDependencies": { "@spectrum-css/tokens": ">=14" }, "devDependencies": { - "@spectrum-css/tokens": "workspace:^" + "@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" diff --git a/components/form/project.json b/components/form/project.json deleted file mode 100644 index f419af393ec..00000000000 --- a/components/form/project.json +++ /dev/null @@ -1,17 +0,0 @@ -{ - "$schema": "../../node_modules/nx/schemas/project-schema.json", - "name": "form", - "tags": ["component"], - "targets": { - "build": {}, - "clean": {}, - "compare": {}, - "format": {}, - "lint": {}, - "report": {}, - "test": { - "defaultConfiguration": "scope" - }, - "validate": {} - } -} diff --git a/components/helptext/CHANGELOG.md b/components/help-text/CHANGELOG.md similarity index 100% rename from components/helptext/CHANGELOG.md rename to components/help-text/CHANGELOG.md diff --git a/components/helptext/README.md b/components/help-text/README.md similarity index 100% rename from components/helptext/README.md rename to components/help-text/README.md diff --git a/components/helptext/index.css b/components/help-text/index.css similarity index 100% rename from components/helptext/index.css rename to components/help-text/index.css diff --git a/components/helptext/metadata/metadata.json b/components/help-text/metadata/metadata.json similarity index 100% rename from components/helptext/metadata/metadata.json rename to components/help-text/metadata/metadata.json diff --git a/components/helptext/metadata/mods.md b/components/help-text/metadata/mods.md similarity index 100% rename from components/helptext/metadata/mods.md rename to components/help-text/metadata/mods.md diff --git a/components/help-text/package.json b/components/help-text/package.json new file mode 100644 index 00000000000..e59a375f721 --- /dev/null +++ b/components/help-text/package.json @@ -0,0 +1,80 @@ +{ + "name": "@spectrum-css/helptext", + "version": "6.0.0-s2-foundations.16", + "description": "The Spectrum CSS helptext component", + "license": "Apache-2.0", + "author": "Adobe", + "homepage": "https://opensource.adobe.com/spectrum-css/?path=/docs/components-help-text--docs", + "repository": { + "type": "git", + "url": "https://github.com/adobe/spectrum-css.git", + "directory": "components/help-text" + }, + "bugs": { + "url": "https://github.com/adobe/spectrum-css/issues" + }, + "exports": { + ".": "./dist/index.css", + "./*.md": "./*.md", + "./dist/*": "./dist/*", + "./index-*.css": "./dist/index-*.css", + "./index.css": "./dist/index.css", + "./metadata.json": "./metadata/metadata.json", + "./metadata/*": "./metadata/*", + "./package.json": "./package.json", + "./stories/*": "./stories/*" + }, + "main": "dist/index.css", + "files": [ + "dist/*", + "*.md", + "package.json", + "metadata/*", + "stories/*" + ], + "scripts": { + "build": "yarn run component:build help-text", + "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 help-text", + "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 help-text" + }, + "peerDependencies": { + "@spectrum-css/icon": ">=7", + "@spectrum-css/tokens": ">=14" + }, + "devDependencies": { + "@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", + "spectrum-css", + "adobe", + "adobe-spectrum", + "component", + "css" + ], + "publishConfig": { + "access": "public" + }, + "spectrum": [ + { + "guidelines": "https://spectrum.adobe.com/page/help-text", + "rootClass": "spectrum-HelpText", + "swc": "https://opensource.adobe.com/spectrum-web-components/components/help-text/" + } + ] +} diff --git a/components/helptext/stories/helptext.stories.js b/components/help-text/stories/helptext.stories.js similarity index 100% rename from components/helptext/stories/helptext.stories.js rename to components/help-text/stories/helptext.stories.js diff --git a/components/helptext/stories/helptext.test.js b/components/help-text/stories/helptext.test.js similarity index 100% rename from components/helptext/stories/helptext.test.js rename to components/help-text/stories/helptext.test.js diff --git a/components/helptext/stories/template.js b/components/help-text/stories/template.js similarity index 100% rename from components/helptext/stories/template.js rename to components/help-text/stories/template.js diff --git a/components/helptext/themes/express.css b/components/help-text/themes/express.css similarity index 100% rename from components/helptext/themes/express.css rename to components/help-text/themes/express.css diff --git a/components/helptext/themes/spectrum-two.css b/components/help-text/themes/spectrum-two.css similarity index 100% rename from components/helptext/themes/spectrum-two.css rename to components/help-text/themes/spectrum-two.css diff --git a/components/helptext/themes/spectrum.css b/components/help-text/themes/spectrum.css similarity index 100% rename from components/helptext/themes/spectrum.css rename to components/help-text/themes/spectrum.css diff --git a/components/helptext/package.json b/components/helptext/package.json deleted file mode 100644 index e320c329208..00000000000 --- a/components/helptext/package.json +++ /dev/null @@ -1,57 +0,0 @@ -{ - "name": "@spectrum-css/helptext", - "version": "6.0.0-s2-foundations.16", - "description": "The Spectrum CSS helptext component", - "license": "Apache-2.0", - "author": "Adobe", - "homepage": "https://opensource.adobe.com/spectrum-css/helptext", - "repository": { - "type": "git", - "url": "https://github.com/adobe/spectrum-css.git", - "directory": "components/helptext" - }, - "bugs": { - "url": "https://github.com/adobe/spectrum-css/issues" - }, - "exports": { - ".": "./dist/index.css", - "./*.md": "./*.md", - "./dist/*": "./dist/*", - "./index-*.css": "./dist/index-*.css", - "./index.css": "./dist/index.css", - "./metadata.json": "./metadata/metadata.json", - "./metadata/*": "./metadata/*", - "./package.json": "./package.json" - }, - "main": "dist/index.css", - "files": [ - "dist/*", - "*.md", - "package.json", - "metadata/*" - ], - "peerDependencies": { - "@spectrum-css/icon": ">=7", - "@spectrum-css/tokens": ">=14" - }, - "devDependencies": { - "@spectrum-css/icon": "workspace:^", - "@spectrum-css/tokens": "workspace:^" - }, - "keywords": [ - "spectrum", - "css", - "design system", - "adobe" - ], - "publishConfig": { - "access": "public" - }, - "spectrum": [ - { - "guidelines": "https://spectrum.adobe.com/page/help-text", - "rootClass": "spectrum-HelpText", - "swc": "https://opensource.adobe.com/spectrum-web-components/components/help-text/" - } - ] -} diff --git a/components/helptext/project.json b/components/helptext/project.json deleted file mode 100644 index 0893128859c..00000000000 --- a/components/helptext/project.json +++ /dev/null @@ -1,17 +0,0 @@ -{ - "$schema": "../../node_modules/nx/schemas/project-schema.json", - "name": "helptext", - "tags": ["component"], - "targets": { - "build": {}, - "clean": {}, - "compare": {}, - "format": {}, - "lint": {}, - "report": {}, - "test": { - "defaultConfiguration": "scope" - }, - "validate": {} - } -} diff --git a/components/icon/package.json b/components/icon/package.json index 5a04972f4f2..cec06759014 100644 --- a/components/icon/package.json +++ b/components/icon/package.json @@ -4,7 +4,7 @@ "description": "The Spectrum CSS icon component", "license": "Apache-2.0", "author": "Adobe", - "homepage": "https://opensource.adobe.com/spectrum-css/", + "homepage": "https://opensource.adobe.com/spectrum-css/?path=/docs/components-icon--docs", "repository": { "type": "git", "url": "https://github.com/adobe/spectrum-css.git", @@ -21,26 +21,49 @@ "./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 icon", + "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 icon", + "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 icon" + }, "peerDependencies": { "@spectrum-css/tokens": ">=14" }, "devDependencies": { - "@spectrum-css/tokens": "workspace:^" + "@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" diff --git a/components/icon/project.json b/components/icon/project.json deleted file mode 100644 index 01e8abadb28..00000000000 --- a/components/icon/project.json +++ /dev/null @@ -1,17 +0,0 @@ -{ - "$schema": "../../node_modules/nx/schemas/project-schema.json", - "name": "icon", - "tags": ["component"], - "targets": { - "build": {}, - "clean": {}, - "compare": {}, - "format": {}, - "lint": {}, - "report": {}, - "test": { - "defaultConfiguration": "scope" - }, - "validate": {} - } -} diff --git a/components/illustratedmessage/CHANGELOG.md b/components/illustrated-message/CHANGELOG.md similarity index 100% rename from components/illustratedmessage/CHANGELOG.md rename to components/illustrated-message/CHANGELOG.md diff --git a/components/illustratedmessage/README.md b/components/illustrated-message/README.md similarity index 100% rename from components/illustratedmessage/README.md rename to components/illustrated-message/README.md diff --git a/components/illustratedmessage/index.css b/components/illustrated-message/index.css similarity index 100% rename from components/illustratedmessage/index.css rename to components/illustrated-message/index.css diff --git a/components/illustratedmessage/metadata/metadata.json b/components/illustrated-message/metadata/metadata.json similarity index 100% rename from components/illustratedmessage/metadata/metadata.json rename to components/illustrated-message/metadata/metadata.json diff --git a/components/illustratedmessage/metadata/mods.md b/components/illustrated-message/metadata/mods.md similarity index 100% rename from components/illustratedmessage/metadata/mods.md rename to components/illustrated-message/metadata/mods.md diff --git a/components/illustrated-message/package.json b/components/illustrated-message/package.json new file mode 100644 index 00000000000..090f77c32e3 --- /dev/null +++ b/components/illustrated-message/package.json @@ -0,0 +1,80 @@ +{ + "name": "@spectrum-css/illustratedmessage", + "version": "8.0.0-s2-foundations.16", + "description": "The Spectrum CSS illustratedmessage component", + "license": "Apache-2.0", + "author": "Adobe", + "homepage": "https://opensource.adobe.com/spectrum-css/?path=/docs/components-illustrated-message--docs", + "repository": { + "type": "git", + "url": "https://github.com/adobe/spectrum-css.git", + "directory": "components/illustrated-message" + }, + "bugs": { + "url": "https://github.com/adobe/spectrum-css/issues" + }, + "exports": { + ".": "./dist/index.css", + "./*.md": "./*.md", + "./dist/*": "./dist/*", + "./index-*.css": "./dist/index-*.css", + "./index.css": "./dist/index.css", + "./metadata.json": "./metadata/metadata.json", + "./metadata/*": "./metadata/*", + "./package.json": "./package.json", + "./stories/*": "./stories/*" + }, + "main": "dist/index.css", + "files": [ + "dist/*", + "*.md", + "package.json", + "metadata/*", + "stories/*" + ], + "scripts": { + "build": "yarn run component:build illustrated-message", + "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 illustrated-message", + "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 illustrated-message" + }, + "peerDependencies": { + "@spectrum-css/tokens": ">=14", + "@spectrum-css/typography": ">=6" + }, + "devDependencies": { + "@spectrum-css/tokens": "15.0.0-s2-foundations.31", + "@spectrum-css/typography": "7.0.0-s2-foundations.18", + "eslint": "^8.57.0", + "npm-run-all2": "^7.0.2", + "prettier": "^3.4.2", + "stylelint": "^16.9.0" + }, + "keywords": [ + "design-system", + "spectrum", + "spectrum-css", + "adobe", + "adobe-spectrum", + "component", + "css" + ], + "publishConfig": { + "access": "public" + }, + "spectrum": [ + { + "guidelines": "https://spectrum-contributions.corp.adobe.com/page/illustrated-message-beta", + "rootClass": "spectrum-IllustratedMessage", + "swc": "https://opensource.adobe.com/spectrum-web-components/components/illustrated-message/" + } + ] +} diff --git a/components/illustratedmessage/stories/illustratedmessage.stories.js b/components/illustrated-message/stories/illustratedmessage.stories.js similarity index 100% rename from components/illustratedmessage/stories/illustratedmessage.stories.js rename to components/illustrated-message/stories/illustratedmessage.stories.js diff --git a/components/illustratedmessage/stories/illustratedmessage.test.js b/components/illustrated-message/stories/illustratedmessage.test.js similarity index 100% rename from components/illustratedmessage/stories/illustratedmessage.test.js rename to components/illustrated-message/stories/illustratedmessage.test.js diff --git a/components/illustratedmessage/stories/template.js b/components/illustrated-message/stories/template.js similarity index 100% rename from components/illustratedmessage/stories/template.js rename to components/illustrated-message/stories/template.js diff --git a/components/illustratedmessage/themes/express.css b/components/illustrated-message/themes/express.css similarity index 100% rename from components/illustratedmessage/themes/express.css rename to components/illustrated-message/themes/express.css diff --git a/components/illustratedmessage/themes/spectrum-two.css b/components/illustrated-message/themes/spectrum-two.css similarity index 100% rename from components/illustratedmessage/themes/spectrum-two.css rename to components/illustrated-message/themes/spectrum-two.css diff --git a/components/illustratedmessage/themes/spectrum.css b/components/illustrated-message/themes/spectrum.css similarity index 100% rename from components/illustratedmessage/themes/spectrum.css rename to components/illustrated-message/themes/spectrum.css diff --git a/components/illustratedmessage/package.json b/components/illustratedmessage/package.json deleted file mode 100644 index fcfd69753a0..00000000000 --- a/components/illustratedmessage/package.json +++ /dev/null @@ -1,57 +0,0 @@ -{ - "name": "@spectrum-css/illustratedmessage", - "version": "8.0.0-s2-foundations.16", - "description": "The Spectrum CSS illustratedmessage component", - "license": "Apache-2.0", - "author": "Adobe", - "homepage": "https://opensource.adobe.com/spectrum-css/illustratedmessage", - "repository": { - "type": "git", - "url": "https://github.com/adobe/spectrum-css.git", - "directory": "components/illustratedmessage" - }, - "bugs": { - "url": "https://github.com/adobe/spectrum-css/issues" - }, - "exports": { - ".": "./dist/index.css", - "./*.md": "./*.md", - "./dist/*": "./dist/*", - "./index-*.css": "./dist/index-*.css", - "./index.css": "./dist/index.css", - "./metadata.json": "./metadata/metadata.json", - "./metadata/*": "./metadata/*", - "./package.json": "./package.json" - }, - "main": "dist/index.css", - "files": [ - "dist/*", - "*.md", - "package.json", - "metadata/*" - ], - "peerDependencies": { - "@spectrum-css/tokens": ">=14", - "@spectrum-css/typography": ">=6" - }, - "devDependencies": { - "@spectrum-css/tokens": "workspace:^", - "@spectrum-css/typography": "workspace:^" - }, - "keywords": [ - "spectrum", - "css", - "design system", - "adobe" - ], - "publishConfig": { - "access": "public" - }, - "spectrum": [ - { - "guidelines": "https://spectrum-contributions.corp.adobe.com/page/illustrated-message-beta", - "rootClass": "spectrum-IllustratedMessage", - "swc": "https://opensource.adobe.com/spectrum-web-components/components/illustrated-message/" - } - ] -} diff --git a/components/illustratedmessage/project.json b/components/illustratedmessage/project.json deleted file mode 100644 index cba10876761..00000000000 --- a/components/illustratedmessage/project.json +++ /dev/null @@ -1,17 +0,0 @@ -{ - "$schema": "../../node_modules/nx/schemas/project-schema.json", - "name": "illustratedmessage", - "tags": ["component"], - "targets": { - "build": {}, - "clean": {}, - "compare": {}, - "format": {}, - "lint": {}, - "report": {}, - "test": { - "defaultConfiguration": "scope" - }, - "validate": {} - } -} diff --git a/components/infieldbutton/CHANGELOG.md b/components/in-field-button/CHANGELOG.md similarity index 100% rename from components/infieldbutton/CHANGELOG.md rename to components/in-field-button/CHANGELOG.md diff --git a/components/infieldbutton/index.css b/components/in-field-button/index.css similarity index 100% rename from components/infieldbutton/index.css rename to components/in-field-button/index.css diff --git a/components/infieldbutton/metadata/metadata.json b/components/in-field-button/metadata/metadata.json similarity index 100% rename from components/infieldbutton/metadata/metadata.json rename to components/in-field-button/metadata/metadata.json diff --git a/components/infieldbutton/metadata/mods.md b/components/in-field-button/metadata/mods.md similarity index 100% rename from components/infieldbutton/metadata/mods.md rename to components/in-field-button/metadata/mods.md diff --git a/components/in-field-button/package.json b/components/in-field-button/package.json new file mode 100644 index 00000000000..a98a91937ae --- /dev/null +++ b/components/in-field-button/package.json @@ -0,0 +1,84 @@ +{ + "name": "@spectrum-css/infieldbutton", + "version": "6.0.0-s2-foundations.17", + "description": "The Spectrum CSS infield button component", + "license": "Apache-2.0", + "author": "Adobe", + "homepage": "https://opensource.adobe.com/spectrum-css/?path=/docs/components-in-field-button--docs", + "repository": { + "type": "git", + "url": "https://github.com/adobe/spectrum-css.git", + "directory": "components/in-field-button" + }, + "bugs": { + "url": "https://github.com/adobe/spectrum-css/issues" + }, + "exports": { + ".": "./dist/index.css", + "./*.md": "./*.md", + "./dist/*": "./dist/*", + "./index-*.css": "./dist/index-*.css", + "./index.css": "./dist/index.css", + "./metadata.json": "./metadata/metadata.json", + "./metadata/*": "./metadata/*", + "./package.json": "./package.json", + "./stories/*": "./stories/*" + }, + "main": "dist/index.css", + "files": [ + "dist/*", + "*.md", + "package.json", + "metadata/*", + "stories/*" + ], + "scripts": { + "build": "yarn run component:build in-field-button", + "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 in-field-button", + "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 in-field-button" + }, + "peerDependencies": { + "@spectrum-css/icon": ">=7", + "@spectrum-css/tokens": ">=14" + }, + "peerDependenciesMeta": { + "@spectrum-css/icon": { + "optional": true + } + }, + "devDependencies": { + "@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", + "spectrum-css", + "adobe", + "adobe-spectrum", + "component", + "css" + ], + "publishConfig": { + "access": "public" + }, + "spectrum": [ + { + "rootClass": "spectrum-InfieldButton", + "swc": "https://opensource.adobe.com/spectrum-web-components/components/infield-button/" + } + ] +} diff --git a/components/infieldbutton/stories/infieldbutton.stories.js b/components/in-field-button/stories/infieldbutton.stories.js similarity index 100% rename from components/infieldbutton/stories/infieldbutton.stories.js rename to components/in-field-button/stories/infieldbutton.stories.js diff --git a/components/infieldbutton/stories/infieldbutton.test.js b/components/in-field-button/stories/infieldbutton.test.js similarity index 100% rename from components/infieldbutton/stories/infieldbutton.test.js rename to components/in-field-button/stories/infieldbutton.test.js diff --git a/components/infieldbutton/stories/template.js b/components/in-field-button/stories/template.js similarity index 100% rename from components/infieldbutton/stories/template.js rename to components/in-field-button/stories/template.js diff --git a/components/infieldbutton/themes/express.css b/components/in-field-button/themes/express.css similarity index 100% rename from components/infieldbutton/themes/express.css rename to components/in-field-button/themes/express.css diff --git a/components/infieldbutton/themes/spectrum-two.css b/components/in-field-button/themes/spectrum-two.css similarity index 100% rename from components/infieldbutton/themes/spectrum-two.css rename to components/in-field-button/themes/spectrum-two.css diff --git a/components/infieldbutton/themes/spectrum.css b/components/in-field-button/themes/spectrum.css similarity index 100% rename from components/infieldbutton/themes/spectrum.css rename to components/in-field-button/themes/spectrum.css diff --git a/components/inlinealert/CHANGELOG.md b/components/in-line-alert/CHANGELOG.md similarity index 100% rename from components/inlinealert/CHANGELOG.md rename to components/in-line-alert/CHANGELOG.md diff --git a/components/inlinealert/README.md b/components/in-line-alert/README.md similarity index 100% rename from components/inlinealert/README.md rename to components/in-line-alert/README.md diff --git a/components/inlinealert/index.css b/components/in-line-alert/index.css similarity index 100% rename from components/inlinealert/index.css rename to components/in-line-alert/index.css diff --git a/components/inlinealert/metadata/metadata.json b/components/in-line-alert/metadata/metadata.json similarity index 100% rename from components/inlinealert/metadata/metadata.json rename to components/in-line-alert/metadata/metadata.json diff --git a/components/inlinealert/metadata/mods.md b/components/in-line-alert/metadata/mods.md similarity index 100% rename from components/inlinealert/metadata/mods.md rename to components/in-line-alert/metadata/mods.md diff --git a/components/in-line-alert/package.json b/components/in-line-alert/package.json new file mode 100644 index 00000000000..333a7c8e698 --- /dev/null +++ b/components/in-line-alert/package.json @@ -0,0 +1,86 @@ +{ + "name": "@spectrum-css/inlinealert", + "version": "9.0.0-s2-foundations.16", + "description": "The Spectrum CSS in-line alert component", + "license": "Apache-2.0", + "author": "Adobe", + "homepage": "https://opensource.adobe.com/spectrum-css/?path=/docs/components-in-line-alert--docs", + "repository": { + "type": "git", + "url": "https://github.com/adobe/spectrum-css.git", + "directory": "components/in-line-alert" + }, + "bugs": { + "url": "https://github.com/adobe/spectrum-css/issues" + }, + "exports": { + ".": "./dist/index.css", + "./*.md": "./*.md", + "./dist/*": "./dist/*", + "./index-*.css": "./dist/index-*.css", + "./index.css": "./dist/index.css", + "./metadata.json": "./metadata/metadata.json", + "./metadata/*": "./metadata/*", + "./package.json": "./package.json", + "./stories/*": "./stories/*" + }, + "main": "dist/index.css", + "files": [ + "dist/*", + "*.md", + "package.json", + "metadata/*", + "stories/*" + ], + "scripts": { + "build": "yarn run component:build in-line-alert", + "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 in-line-alert", + "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 in-line-alert" + }, + "peerDependencies": { + "@spectrum-css/button": ">=13", + "@spectrum-css/icon": ">=7", + "@spectrum-css/tokens": ">=14" + }, + "peerDependenciesMeta": { + "@spectrum-css/button": { + "optional": true + } + }, + "devDependencies": { + "@spectrum-css/button": "14.0.0-s2-foundations.19", + "@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", + "spectrum-css", + "adobe", + "adobe-spectrum", + "component", + "css" + ], + "publishConfig": { + "access": "public" + }, + "spectrum": [ + { + "guidelines": "https://spectrum.adobe.com/page/in-line-alert", + "rootClass": "spectrum-InLineAlert" + } + ] +} diff --git a/components/inlinealert/stories/inlinealert.stories.js b/components/in-line-alert/stories/inlinealert.stories.js similarity index 100% rename from components/inlinealert/stories/inlinealert.stories.js rename to components/in-line-alert/stories/inlinealert.stories.js diff --git a/components/inlinealert/stories/inlinealert.test.js b/components/in-line-alert/stories/inlinealert.test.js similarity index 100% rename from components/inlinealert/stories/inlinealert.test.js rename to components/in-line-alert/stories/inlinealert.test.js diff --git a/components/inlinealert/stories/template.js b/components/in-line-alert/stories/template.js similarity index 100% rename from components/inlinealert/stories/template.js rename to components/in-line-alert/stories/template.js diff --git a/components/inlinealert/themes/express.css b/components/in-line-alert/themes/express.css similarity index 100% rename from components/inlinealert/themes/express.css rename to components/in-line-alert/themes/express.css diff --git a/components/inlinealert/themes/spectrum-two.css b/components/in-line-alert/themes/spectrum-two.css similarity index 100% rename from components/inlinealert/themes/spectrum-two.css rename to components/in-line-alert/themes/spectrum-two.css diff --git a/components/inlinealert/themes/spectrum.css b/components/in-line-alert/themes/spectrum.css similarity index 100% rename from components/inlinealert/themes/spectrum.css rename to components/in-line-alert/themes/spectrum.css diff --git a/components/infieldbutton/package.json b/components/infieldbutton/package.json deleted file mode 100644 index 897d9117952..00000000000 --- a/components/infieldbutton/package.json +++ /dev/null @@ -1,61 +0,0 @@ -{ - "name": "@spectrum-css/infieldbutton", - "version": "6.0.0-s2-foundations.17", - "description": "The Spectrum CSS infield button component", - "license": "Apache-2.0", - "author": "Adobe", - "homepage": "https://opensource.adobe.com/spectrum-css/infieldbutton", - "repository": { - "type": "git", - "url": "https://github.com/adobe/spectrum-css.git", - "directory": "components/infieldbutton" - }, - "bugs": { - "url": "https://github.com/adobe/spectrum-css/issues" - }, - "exports": { - ".": "./dist/index.css", - "./*.md": "./*.md", - "./dist/*": "./dist/*", - "./index-*.css": "./dist/index-*.css", - "./index.css": "./dist/index.css", - "./metadata.json": "./metadata/metadata.json", - "./metadata/*": "./metadata/*", - "./package.json": "./package.json" - }, - "main": "dist/index.css", - "files": [ - "dist/*", - "*.md", - "package.json", - "metadata/*" - ], - "peerDependencies": { - "@spectrum-css/icon": ">=7", - "@spectrum-css/tokens": ">=14" - }, - "peerDependenciesMeta": { - "@spectrum-css/icon": { - "optional": true - } - }, - "devDependencies": { - "@spectrum-css/icon": "workspace:^", - "@spectrum-css/tokens": "workspace:^" - }, - "keywords": [ - "spectrum", - "css", - "design system", - "adobe" - ], - "publishConfig": { - "access": "public" - }, - "spectrum": [ - { - "rootClass": "spectrum-InfieldButton", - "swc": "https://opensource.adobe.com/spectrum-web-components/components/infield-button/" - } - ] -} diff --git a/components/infieldbutton/project.json b/components/infieldbutton/project.json deleted file mode 100644 index 1ff2dccb18f..00000000000 --- a/components/infieldbutton/project.json +++ /dev/null @@ -1,17 +0,0 @@ -{ - "$schema": "../../node_modules/nx/schemas/project-schema.json", - "name": "infieldbutton", - "tags": ["component"], - "targets": { - "build": {}, - "clean": {}, - "compare": {}, - "format": {}, - "lint": {}, - "report": {}, - "test": { - "defaultConfiguration": "scope" - }, - "validate": {} - } -} diff --git a/components/inlinealert/package.json b/components/inlinealert/package.json deleted file mode 100644 index 9cf8c84f9c1..00000000000 --- a/components/inlinealert/package.json +++ /dev/null @@ -1,63 +0,0 @@ -{ - "name": "@spectrum-css/inlinealert", - "version": "9.0.0-s2-foundations.16", - "description": "The Spectrum CSS in-line alert component", - "license": "Apache-2.0", - "author": "Adobe", - "homepage": "https://opensource.adobe.com/spectrum-css/inlinealert", - "repository": { - "type": "git", - "url": "https://github.com/adobe/spectrum-css.git", - "directory": "components/inlinealert" - }, - "bugs": { - "url": "https://github.com/adobe/spectrum-css/issues" - }, - "exports": { - ".": "./dist/index.css", - "./*.md": "./*.md", - "./dist/*": "./dist/*", - "./index-*.css": "./dist/index-*.css", - "./index.css": "./dist/index.css", - "./metadata.json": "./metadata/metadata.json", - "./metadata/*": "./metadata/*", - "./package.json": "./package.json" - }, - "main": "dist/index.css", - "files": [ - "dist/*", - "*.md", - "package.json", - "metadata/*" - ], - "peerDependencies": { - "@spectrum-css/button": ">=13", - "@spectrum-css/icon": ">=7", - "@spectrum-css/tokens": ">=14" - }, - "peerDependenciesMeta": { - "@spectrum-css/button": { - "optional": true - } - }, - "devDependencies": { - "@spectrum-css/button": "workspace:^", - "@spectrum-css/icon": "workspace:^", - "@spectrum-css/tokens": "workspace:^" - }, - "keywords": [ - "spectrum", - "css", - "design system", - "adobe" - ], - "publishConfig": { - "access": "public" - }, - "spectrum": [ - { - "guidelines": "https://spectrum.adobe.com/page/in-line-alert", - "rootClass": "spectrum-InLineAlert" - } - ] -} diff --git a/components/inlinealert/project.json b/components/inlinealert/project.json deleted file mode 100644 index 7369479b358..00000000000 --- a/components/inlinealert/project.json +++ /dev/null @@ -1,17 +0,0 @@ -{ - "$schema": "../../node_modules/nx/schemas/project-schema.json", - "name": "inlinealert", - "tags": ["component"], - "targets": { - "build": {}, - "clean": {}, - "compare": {}, - "format": {}, - "lint": {}, - "report": {}, - "test": { - "defaultConfiguration": "scope" - }, - "validate": {} - } -} diff --git a/components/link/package.json b/components/link/package.json index d694182e317..2c7ed5c369b 100644 --- a/components/link/package.json +++ b/components/link/package.json @@ -4,7 +4,7 @@ "description": "The Spectrum CSS link component", "license": "Apache-2.0", "author": "Adobe", - "homepage": "https://opensource.adobe.com/spectrum-css/link", + "homepage": "https://opensource.adobe.com/spectrum-css/?path=/docs/components-link--docs", "repository": { "type": "git", "url": "https://github.com/adobe/spectrum-css.git", @@ -21,26 +21,49 @@ "./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 link", + "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 link", + "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 link" + }, "peerDependencies": { "@spectrum-css/tokens": ">=14" }, "devDependencies": { - "@spectrum-css/tokens": "workspace:^" + "@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" diff --git a/components/link/project.json b/components/link/project.json deleted file mode 100644 index c4268e08c74..00000000000 --- a/components/link/project.json +++ /dev/null @@ -1,17 +0,0 @@ -{ - "$schema": "../../node_modules/nx/schemas/project-schema.json", - "name": "link", - "tags": ["component"], - "targets": { - "build": {}, - "clean": {}, - "compare": {}, - "format": {}, - "lint": {}, - "report": {}, - "test": { - "defaultConfiguration": "scope" - }, - "validate": {} - } -} diff --git a/components/logicbutton/CHANGELOG.md b/components/logic-button/CHANGELOG.md similarity index 100% rename from components/logicbutton/CHANGELOG.md rename to components/logic-button/CHANGELOG.md diff --git a/components/logicbutton/README.md b/components/logic-button/README.md similarity index 100% rename from components/logicbutton/README.md rename to components/logic-button/README.md diff --git a/components/logicbutton/index.css b/components/logic-button/index.css similarity index 100% rename from components/logicbutton/index.css rename to components/logic-button/index.css diff --git a/components/logicbutton/metadata/metadata.json b/components/logic-button/metadata/metadata.json similarity index 100% rename from components/logicbutton/metadata/metadata.json rename to components/logic-button/metadata/metadata.json diff --git a/components/logicbutton/metadata/mods.md b/components/logic-button/metadata/mods.md similarity index 100% rename from components/logicbutton/metadata/mods.md rename to components/logic-button/metadata/mods.md diff --git a/components/logic-button/package.json b/components/logic-button/package.json new file mode 100644 index 00000000000..7ebc8cb35f2 --- /dev/null +++ b/components/logic-button/package.json @@ -0,0 +1,78 @@ +{ + "name": "@spectrum-css/logicbutton", + "version": "5.0.0-s2-foundations.17", + "description": "The Spectrum CSS logicbutton component", + "license": "Apache-2.0", + "author": "Adobe", + "homepage": "https://opensource.adobe.com/spectrum-css/?path=/docs/components-logic-button--docs", + "repository": { + "type": "git", + "url": "https://github.com/adobe/spectrum-css.git", + "directory": "components/logic-button" + }, + "bugs": { + "url": "https://github.com/adobe/spectrum-css/issues" + }, + "exports": { + ".": "./dist/index.css", + "./*.md": "./*.md", + "./dist/*": "./dist/*", + "./index-*.css": "./dist/index-*.css", + "./index.css": "./dist/index.css", + "./metadata.json": "./metadata/metadata.json", + "./metadata/*": "./metadata/*", + "./package.json": "./package.json", + "./stories/*": "./stories/*" + }, + "main": "dist/index.css", + "files": [ + "dist/*", + "*.md", + "package.json", + "metadata/*", + "stories/*" + ], + "scripts": { + "build": "yarn run component:build logic-button", + "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 logic-button", + "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 logic-button" + }, + "peerDependencies": { + "@spectrum-css/tokens": ">=14" + }, + "devDependencies": { + "@spectrum-css/commons": "workspace:^", + "@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", + "spectrum-css", + "adobe", + "adobe-spectrum", + "component", + "css" + ], + "publishConfig": { + "access": "public" + }, + "spectrum": [ + { + "guidelines": "https://spectrum-contributions.corp.adobe.com/page/logic-button-beta", + "rootClass": "spectrum-LogicButton" + } + ] +} diff --git a/components/logicbutton/stories/logicbutton.stories.js b/components/logic-button/stories/logicbutton.stories.js similarity index 100% rename from components/logicbutton/stories/logicbutton.stories.js rename to components/logic-button/stories/logicbutton.stories.js diff --git a/components/logicbutton/stories/logicbutton.test.js b/components/logic-button/stories/logicbutton.test.js similarity index 100% rename from components/logicbutton/stories/logicbutton.test.js rename to components/logic-button/stories/logicbutton.test.js diff --git a/components/logicbutton/stories/template.js b/components/logic-button/stories/template.js similarity index 100% rename from components/logicbutton/stories/template.js rename to components/logic-button/stories/template.js diff --git a/components/logicbutton/themes/express.css b/components/logic-button/themes/express.css similarity index 100% rename from components/logicbutton/themes/express.css rename to components/logic-button/themes/express.css diff --git a/components/logicbutton/themes/spectrum-two.css b/components/logic-button/themes/spectrum-two.css similarity index 100% rename from components/logicbutton/themes/spectrum-two.css rename to components/logic-button/themes/spectrum-two.css diff --git a/components/logicbutton/themes/spectrum.css b/components/logic-button/themes/spectrum.css similarity index 100% rename from components/logicbutton/themes/spectrum.css rename to components/logic-button/themes/spectrum.css diff --git a/components/logicbutton/package.json b/components/logicbutton/package.json deleted file mode 100644 index 895149cd8aa..00000000000 --- a/components/logicbutton/package.json +++ /dev/null @@ -1,54 +0,0 @@ -{ - "name": "@spectrum-css/logicbutton", - "version": "5.0.0-s2-foundations.17", - "description": "The Spectrum CSS logicbutton component", - "license": "Apache-2.0", - "author": "Adobe", - "homepage": "https://opensource.adobe.com/spectrum-css/logicbutton", - "repository": { - "type": "git", - "url": "https://github.com/adobe/spectrum-css.git", - "directory": "components/logicbutton" - }, - "bugs": { - "url": "https://github.com/adobe/spectrum-css/issues" - }, - "exports": { - ".": "./dist/index.css", - "./*.md": "./*.md", - "./dist/*": "./dist/*", - "./index-*.css": "./dist/index-*.css", - "./index.css": "./dist/index.css", - "./metadata.json": "./metadata/metadata.json", - "./metadata/*": "./metadata/*", - "./package.json": "./package.json" - }, - "main": "dist/index.css", - "files": [ - "dist/*", - "*.md", - "package.json", - "metadata/*" - ], - "peerDependencies": { - "@spectrum-css/tokens": ">=14" - }, - "devDependencies": { - "@spectrum-css/commons": "workspace:^" - }, - "keywords": [ - "spectrum", - "css", - "design system", - "adobe" - ], - "publishConfig": { - "access": "public" - }, - "spectrum": [ - { - "guidelines": "https://spectrum-contributions.corp.adobe.com/page/logic-button-beta", - "rootClass": "spectrum-LogicButton" - } - ] -} diff --git a/components/logicbutton/project.json b/components/logicbutton/project.json deleted file mode 100644 index 166378f761b..00000000000 --- a/components/logicbutton/project.json +++ /dev/null @@ -1,17 +0,0 @@ -{ - "$schema": "../../node_modules/nx/schemas/project-schema.json", - "name": "logicbutton", - "tags": ["component"], - "targets": { - "build": {}, - "clean": {}, - "compare": {}, - "format": {}, - "lint": {}, - "report": {}, - "test": { - "defaultConfiguration": "scope" - }, - "validate": {} - } -} diff --git a/components/menu/package.json b/components/menu/package.json index 8165d71fd71..cb875756632 100644 --- a/components/menu/package.json +++ b/components/menu/package.json @@ -4,7 +4,7 @@ "description": "The Spectrum CSS menu component", "license": "Apache-2.0", "author": "Adobe", - "homepage": "https://opensource.adobe.com/spectrum-css/menu", + "homepage": "https://opensource.adobe.com/spectrum-css/?path=/docs/components-menu--docs", "repository": { "type": "git", "url": "https://github.com/adobe/spectrum-css.git", @@ -21,15 +21,31 @@ "./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 menu", + "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 menu", + "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 menu" + }, "peerDependencies": { "@spectrum-css/checkbox": ">=9", "@spectrum-css/divider": ">=3", @@ -53,18 +69,25 @@ } }, "devDependencies": { - "@spectrum-css/checkbox": "workspace:^", - "@spectrum-css/divider": "workspace:^", - "@spectrum-css/icon": "workspace:^", - "@spectrum-css/switch": "workspace:^", - "@spectrum-css/tokens": "workspace:^", - "@spectrum-css/tray": "workspace:^" + "@spectrum-css/checkbox": "10.0.0-s2-foundations.20", + "@spectrum-css/divider": "4.0.0-s2-foundations.16", + "@spectrum-css/icon": "8.0.0-s2-foundations.18", + "@spectrum-css/switch": "6.0.0-s2-foundations.17", + "@spectrum-css/tokens": "15.0.0-s2-foundations.31", + "@spectrum-css/tray": "4.0.0-s2-foundations.16", + "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" diff --git a/components/menu/project.json b/components/menu/project.json deleted file mode 100644 index d4c8a0adaf1..00000000000 --- a/components/menu/project.json +++ /dev/null @@ -1,17 +0,0 @@ -{ - "$schema": "../../node_modules/nx/schemas/project-schema.json", - "name": "menu", - "tags": ["component"], - "targets": { - "build": {}, - "clean": {}, - "compare": {}, - "format": {}, - "lint": {}, - "report": {}, - "test": { - "defaultConfiguration": "scope" - }, - "validate": {} - } -} diff --git a/components/meter/package.json b/components/meter/package.json index ef574a43619..59340a40844 100644 --- a/components/meter/package.json +++ b/components/meter/package.json @@ -4,7 +4,7 @@ "description": "The Spectrum CSS meter component", "license": "Apache-2.0", "author": "Adobe", - "homepage": "https://opensource.adobe.com/spectrum-css/meter", + "homepage": "https://opensource.adobe.com/spectrum-css/?path=/docs/components-meter--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 meter", + "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 meter", + "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 meter" + }, "peerDependencies": { "@spectrum-css/progressbar": ">=4", "@spectrum-css/tokens": ">=14" }, "devDependencies": { - "@spectrum-css/progressbar": "workspace:^", - "@spectrum-css/tokens": "workspace:^" + "@spectrum-css/progressbar": "5.0.0-s2-foundations.20", + "@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" diff --git a/components/meter/project.json b/components/meter/project.json deleted file mode 100644 index 480296f64f0..00000000000 --- a/components/meter/project.json +++ /dev/null @@ -1,17 +0,0 @@ -{ - "$schema": "../../node_modules/nx/schemas/project-schema.json", - "name": "meter", - "tags": ["component"], - "targets": { - "build": {}, - "clean": {}, - "compare": {}, - "format": {}, - "lint": {}, - "report": {}, - "test": { - "defaultConfiguration": "scope" - }, - "validate": {} - } -} diff --git a/components/miller/package.json b/components/miller/package.json index 8d0cc33371e..8feba82a67c 100644 --- a/components/miller/package.json +++ b/components/miller/package.json @@ -4,7 +4,7 @@ "description": "The Spectrum CSS miller component", "license": "Apache-2.0", "author": "Adobe", - "homepage": "https://opensource.adobe.com/spectrum-css/miller", + "homepage": "https://opensource.adobe.com/spectrum-css/?path=/docs/components-miller--docs", "repository": { "type": "git", "url": "https://github.com/adobe/spectrum-css.git", @@ -21,15 +21,31 @@ "./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 miller", + "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 miller", + "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 miller" + }, "peerDependencies": { "@spectrum-css/assetlist": ">=6", "@spectrum-css/checkbox": ">=9", @@ -37,16 +53,23 @@ "@spectrum-css/tokens": ">=14" }, "devDependencies": { - "@spectrum-css/assetlist": "workspace:^", - "@spectrum-css/checkbox": "workspace:^", - "@spectrum-css/icon": "workspace:^", - "@spectrum-css/tokens": "workspace:^" + "@spectrum-css/assetlist": "7.0.0-s2-foundations.16", + "@spectrum-css/checkbox": "10.0.0-s2-foundations.20", + "@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" diff --git a/components/miller/project.json b/components/miller/project.json deleted file mode 100644 index 4da182dea2f..00000000000 --- a/components/miller/project.json +++ /dev/null @@ -1,17 +0,0 @@ -{ - "$schema": "../../node_modules/nx/schemas/project-schema.json", - "name": "miller", - "tags": ["component"], - "targets": { - "build": {}, - "clean": {}, - "compare": {}, - "format": {}, - "lint": {}, - "report": {}, - "test": { - "defaultConfiguration": "scope" - }, - "validate": {} - } -} diff --git a/components/modal/package.json b/components/modal/package.json index 68c7125d204..938f9d40d43 100644 --- a/components/modal/package.json +++ b/components/modal/package.json @@ -4,7 +4,7 @@ "description": "The Spectrum CSS modal component", "license": "Apache-2.0", "author": "Adobe", - "homepage": "https://opensource.adobe.com/spectrum-css/modal", + "homepage": "https://opensource.adobe.com/spectrum-css/?path=/docs/components-modal--docs", "repository": { "type": "git", "url": "https://github.com/adobe/spectrum-css.git", @@ -21,27 +21,50 @@ "./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 modal", + "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 modal", + "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 modal" + }, "peerDependencies": { "@spectrum-css/tokens": ">=14" }, "devDependencies": { "@spectrum-css/commons": "workspace:^", - "@spectrum-css/tokens": "workspace:^" + "@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" diff --git a/components/modal/project.json b/components/modal/project.json deleted file mode 100644 index eeb4801eebd..00000000000 --- a/components/modal/project.json +++ /dev/null @@ -1,17 +0,0 @@ -{ - "$schema": "../../node_modules/nx/schemas/project-schema.json", - "name": "modal", - "tags": ["component"], - "targets": { - "build": {}, - "clean": {}, - "compare": {}, - "format": {}, - "lint": {}, - "report": {}, - "test": { - "defaultConfiguration": "scope" - }, - "validate": {} - } -} diff --git a/components/opacitycheckerboard/CHANGELOG.md b/components/opacity-checkerboard/CHANGELOG.md similarity index 100% rename from components/opacitycheckerboard/CHANGELOG.md rename to components/opacity-checkerboard/CHANGELOG.md diff --git a/components/opacitycheckerboard/README.md b/components/opacity-checkerboard/README.md similarity index 100% rename from components/opacitycheckerboard/README.md rename to components/opacity-checkerboard/README.md diff --git a/components/opacitycheckerboard/index.css b/components/opacity-checkerboard/index.css similarity index 100% rename from components/opacitycheckerboard/index.css rename to components/opacity-checkerboard/index.css diff --git a/components/opacitycheckerboard/metadata/metadata.json b/components/opacity-checkerboard/metadata/metadata.json similarity index 100% rename from components/opacitycheckerboard/metadata/metadata.json rename to components/opacity-checkerboard/metadata/metadata.json diff --git a/components/opacitycheckerboard/metadata/mods.md b/components/opacity-checkerboard/metadata/mods.md similarity index 100% rename from components/opacitycheckerboard/metadata/mods.md rename to components/opacity-checkerboard/metadata/mods.md diff --git a/components/opacity-checkerboard/package.json b/components/opacity-checkerboard/package.json new file mode 100644 index 00000000000..d0c3fcc72af --- /dev/null +++ b/components/opacity-checkerboard/package.json @@ -0,0 +1,77 @@ +{ + "name": "@spectrum-css/opacitycheckerboard", + "version": "3.0.0-s2-foundations.16", + "description": "The Spectrum CSS opacitycheckerboard component", + "license": "Apache-2.0", + "author": "Adobe", + "homepage": "https://opensource.adobe.com/spectrum-css/?path=/docs/components-opacity-checkerboard--docs", + "repository": { + "type": "git", + "url": "https://github.com/adobe/spectrum-css.git", + "directory": "components/opacity-checkerboard" + }, + "bugs": { + "url": "https://github.com/adobe/spectrum-css/issues" + }, + "exports": { + ".": "./dist/index.css", + "./*.md": "./*.md", + "./dist/*": "./dist/*", + "./index-*.css": "./dist/index-*.css", + "./index.css": "./dist/index.css", + "./metadata.json": "./metadata/metadata.json", + "./metadata/*": "./metadata/*", + "./package.json": "./package.json", + "./stories/*": "./stories/*" + }, + "main": "dist/index.css", + "files": [ + "dist/*", + "*.md", + "package.json", + "metadata/*", + "stories/*" + ], + "scripts": { + "build": "yarn run component:build opacity-checkerboard", + "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 opacity-checkerboard", + "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 opacity-checkerboard" + }, + "peerDependencies": { + "@spectrum-css/tokens": ">=14" + }, + "devDependencies": { + "@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", + "spectrum-css", + "adobe", + "adobe-spectrum", + "component", + "css" + ], + "publishConfig": { + "access": "public" + }, + "spectrum": [ + { + "guidelines": "https://spectrum-contributions.corp.adobe.com/page/opacity-checkerboard-beta", + "rootClass": "spectrum-OpacityCheckerboard" + } + ] +} diff --git a/components/opacitycheckerboard/stories/opacitycheckerboard.stories.js b/components/opacity-checkerboard/stories/opacitycheckerboard.stories.js similarity index 100% rename from components/opacitycheckerboard/stories/opacitycheckerboard.stories.js rename to components/opacity-checkerboard/stories/opacitycheckerboard.stories.js diff --git a/components/opacitycheckerboard/stories/opacitycheckerboard.test.js b/components/opacity-checkerboard/stories/opacitycheckerboard.test.js similarity index 100% rename from components/opacitycheckerboard/stories/opacitycheckerboard.test.js rename to components/opacity-checkerboard/stories/opacitycheckerboard.test.js diff --git a/components/opacitycheckerboard/stories/template.js b/components/opacity-checkerboard/stories/template.js similarity index 100% rename from components/opacitycheckerboard/stories/template.js rename to components/opacity-checkerboard/stories/template.js diff --git a/components/opacitycheckerboard/themes/express.css b/components/opacity-checkerboard/themes/express.css similarity index 100% rename from components/opacitycheckerboard/themes/express.css rename to components/opacity-checkerboard/themes/express.css diff --git a/components/opacitycheckerboard/themes/spectrum-two.css b/components/opacity-checkerboard/themes/spectrum-two.css similarity index 100% rename from components/opacitycheckerboard/themes/spectrum-two.css rename to components/opacity-checkerboard/themes/spectrum-two.css diff --git a/components/opacitycheckerboard/themes/spectrum.css b/components/opacity-checkerboard/themes/spectrum.css similarity index 100% rename from components/opacitycheckerboard/themes/spectrum.css rename to components/opacity-checkerboard/themes/spectrum.css diff --git a/components/opacitycheckerboard/package.json b/components/opacitycheckerboard/package.json deleted file mode 100644 index e8803916690..00000000000 --- a/components/opacitycheckerboard/package.json +++ /dev/null @@ -1,54 +0,0 @@ -{ - "name": "@spectrum-css/opacitycheckerboard", - "version": "3.0.0-s2-foundations.16", - "description": "The Spectrum CSS opacitycheckerboard component", - "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": "components/opacitycheckerboard" - }, - "bugs": { - "url": "https://github.com/adobe/spectrum-css/issues" - }, - "exports": { - ".": "./dist/index.css", - "./*.md": "./*.md", - "./dist/*": "./dist/*", - "./index-*.css": "./dist/index-*.css", - "./index.css": "./dist/index.css", - "./metadata.json": "./metadata/metadata.json", - "./metadata/*": "./metadata/*", - "./package.json": "./package.json" - }, - "main": "dist/index.css", - "files": [ - "dist/*", - "*.md", - "package.json", - "metadata/*" - ], - "peerDependencies": { - "@spectrum-css/tokens": ">=14" - }, - "devDependencies": { - "@spectrum-css/tokens": "workspace:^" - }, - "keywords": [ - "spectrum", - "css", - "design system", - "adobe" - ], - "publishConfig": { - "access": "public" - }, - "spectrum": [ - { - "guidelines": "https://spectrum-contributions.corp.adobe.com/page/opacity-checkerboard-beta", - "rootClass": "spectrum-OpacityCheckerboard" - } - ] -} diff --git a/components/opacitycheckerboard/project.json b/components/opacitycheckerboard/project.json deleted file mode 100644 index 36cc8b6d7b5..00000000000 --- a/components/opacitycheckerboard/project.json +++ /dev/null @@ -1,17 +0,0 @@ -{ - "$schema": "../../node_modules/nx/schemas/project-schema.json", - "name": "opacitycheckerboard", - "tags": ["component"], - "targets": { - "build": {}, - "clean": {}, - "compare": {}, - "format": {}, - "lint": {}, - "report": {}, - "test": { - "defaultConfiguration": "scope" - }, - "validate": {} - } -} diff --git a/components/pagination/package.json b/components/pagination/package.json index 0ddb3e086d7..c75fe336d4c 100644 --- a/components/pagination/package.json +++ b/components/pagination/package.json @@ -4,7 +4,7 @@ "description": "The Spectrum CSS Pagination component", "license": "Apache-2.0", "author": "Adobe", - "homepage": "https://opensource.adobe.com/spectrum-css/pagination", + "homepage": "https://opensource.adobe.com/spectrum-css/?path=/docs/components-pagination--docs", "repository": { "type": "git", "url": "https://github.com/adobe/spectrum-css.git", @@ -21,15 +21,31 @@ "./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 pagination", + "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 pagination", + "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 pagination" + }, "peerDependencies": { "@spectrum-css/actionbutton": ">=6", "@spectrum-css/button": ">=13", @@ -38,17 +54,24 @@ "@spectrum-css/tokens": ">=14" }, "devDependencies": { - "@spectrum-css/actionbutton": "workspace:^", - "@spectrum-css/button": "workspace:^", - "@spectrum-css/icon": "workspace:^", - "@spectrum-css/textfield": "workspace:^", - "@spectrum-css/tokens": "workspace:^" + "@spectrum-css/actionbutton": "7.0.0-s2-foundations.24", + "@spectrum-css/button": "14.0.0-s2-foundations.19", + "@spectrum-css/icon": "8.0.0-s2-foundations.18", + "@spectrum-css/textfield": "8.0.0-s2-foundations.17", + "@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" diff --git a/components/pagination/project.json b/components/pagination/project.json deleted file mode 100644 index 1cdf82caebe..00000000000 --- a/components/pagination/project.json +++ /dev/null @@ -1,17 +0,0 @@ -{ - "$schema": "../../node_modules/nx/schemas/project-schema.json", - "name": "pagination", - "tags": ["component"], - "targets": { - "build": {}, - "clean": {}, - "compare": {}, - "format": {}, - "lint": {}, - "report": {}, - "test": { - "defaultConfiguration": "scope" - }, - "validate": {} - } -} diff --git a/components/pickerbutton/CHANGELOG.md b/components/picker-button/CHANGELOG.md similarity index 100% rename from components/pickerbutton/CHANGELOG.md rename to components/picker-button/CHANGELOG.md diff --git a/components/pickerbutton/README.md b/components/picker-button/README.md similarity index 100% rename from components/pickerbutton/README.md rename to components/picker-button/README.md diff --git a/components/pickerbutton/index.css b/components/picker-button/index.css similarity index 100% rename from components/pickerbutton/index.css rename to components/picker-button/index.css diff --git a/components/pickerbutton/metadata/metadata.json b/components/picker-button/metadata/metadata.json similarity index 100% rename from components/pickerbutton/metadata/metadata.json rename to components/picker-button/metadata/metadata.json diff --git a/components/pickerbutton/metadata/mods.md b/components/picker-button/metadata/mods.md similarity index 100% rename from components/pickerbutton/metadata/mods.md rename to components/picker-button/metadata/mods.md diff --git a/components/picker-button/package.json b/components/picker-button/package.json new file mode 100644 index 00000000000..7ce484d62dd --- /dev/null +++ b/components/picker-button/package.json @@ -0,0 +1,83 @@ +{ + "name": "@spectrum-css/pickerbutton", + "version": "6.0.0-s2-foundations.17", + "description": "The Spectrum CSS picker button component", + "license": "Apache-2.0", + "author": "Adobe", + "homepage": "https://opensource.adobe.com/spectrum-css/?path=/docs/components-picker-button--docs", + "repository": { + "type": "git", + "url": "https://github.com/adobe/spectrum-css.git", + "directory": "components/picker-button" + }, + "bugs": { + "url": "https://github.com/adobe/spectrum-css/issues" + }, + "exports": { + ".": "./dist/index.css", + "./*.md": "./*.md", + "./dist/*": "./dist/*", + "./index-*.css": "./dist/index-*.css", + "./index.css": "./dist/index.css", + "./metadata.json": "./metadata/metadata.json", + "./metadata/*": "./metadata/*", + "./package.json": "./package.json", + "./stories/*": "./stories/*" + }, + "main": "dist/index.css", + "files": [ + "dist/*", + "*.md", + "package.json", + "metadata/*", + "stories/*" + ], + "scripts": { + "build": "yarn run component:build picker-button", + "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 picker-button", + "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 picker-button" + }, + "peerDependencies": { + "@spectrum-css/icon": ">=7", + "@spectrum-css/menu": ">=7", + "@spectrum-css/popover": ">=7", + "@spectrum-css/tokens": ">=14" + }, + "devDependencies": { + "@spectrum-css/icon": "8.0.0-s2-foundations.18", + "@spectrum-css/menu": "8.0.0-s2-foundations.17", + "@spectrum-css/popover": "8.0.0-s2-foundations.17", + "@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", + "spectrum-css", + "adobe", + "adobe-spectrum", + "component", + "css" + ], + "publishConfig": { + "access": "public" + }, + "spectrum": [ + { + "rootClass": "spectrum-PickerButton", + "swc": "https://opensource.adobe.com/spectrum-web-components/components/picker-button/" + } + ] +} diff --git a/components/pickerbutton/stories/pickerbutton.stories.js b/components/picker-button/stories/pickerbutton.stories.js similarity index 100% rename from components/pickerbutton/stories/pickerbutton.stories.js rename to components/picker-button/stories/pickerbutton.stories.js diff --git a/components/pickerbutton/stories/pickerbutton.test.js b/components/picker-button/stories/pickerbutton.test.js similarity index 100% rename from components/pickerbutton/stories/pickerbutton.test.js rename to components/picker-button/stories/pickerbutton.test.js diff --git a/components/pickerbutton/stories/template.js b/components/picker-button/stories/template.js similarity index 100% rename from components/pickerbutton/stories/template.js rename to components/picker-button/stories/template.js diff --git a/components/pickerbutton/themes/express.css b/components/picker-button/themes/express.css similarity index 100% rename from components/pickerbutton/themes/express.css rename to components/picker-button/themes/express.css diff --git a/components/pickerbutton/themes/spectrum-two.css b/components/picker-button/themes/spectrum-two.css similarity index 100% rename from components/pickerbutton/themes/spectrum-two.css rename to components/picker-button/themes/spectrum-two.css diff --git a/components/pickerbutton/themes/spectrum.css b/components/picker-button/themes/spectrum.css similarity index 100% rename from components/pickerbutton/themes/spectrum.css rename to components/picker-button/themes/spectrum.css diff --git a/components/picker/package.json b/components/picker/package.json index 766fe01455d..2c8e450297e 100644 --- a/components/picker/package.json +++ b/components/picker/package.json @@ -4,7 +4,7 @@ "description": "The Spectrum CSS picker component", "license": "Apache-2.0", "author": "Adobe", - "homepage": "https://opensource.adobe.com/spectrum-css/picker", + "homepage": "https://opensource.adobe.com/spectrum-css/?path=/docs/components-picker--docs", "repository": { "type": "git", "url": "https://github.com/adobe/spectrum-css.git", @@ -21,15 +21,31 @@ "./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 picker", + "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 picker", + "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 picker" + }, "peerDependencies": { "@spectrum-css/helptext": ">=5", "@spectrum-css/icon": ">=7", @@ -48,18 +64,25 @@ }, "devDependencies": { "@spectrum-css/commons": "workspace:^", - "@spectrum-css/helptext": "workspace:^", - "@spectrum-css/icon": "workspace:^", - "@spectrum-css/menu": "workspace:^", - "@spectrum-css/popover": "workspace:^", - "@spectrum-css/progresscircle": "workspace:^", - "@spectrum-css/tokens": "workspace:^" + "@spectrum-css/helptext": "6.0.0-s2-foundations.16", + "@spectrum-css/icon": "8.0.0-s2-foundations.18", + "@spectrum-css/menu": "8.0.0-s2-foundations.17", + "@spectrum-css/popover": "8.0.0-s2-foundations.17", + "@spectrum-css/progresscircle": "4.0.0-s2-foundations.16", + "@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" diff --git a/components/picker/project.json b/components/picker/project.json deleted file mode 100644 index 7b007090d0c..00000000000 --- a/components/picker/project.json +++ /dev/null @@ -1,17 +0,0 @@ -{ - "$schema": "../../node_modules/nx/schemas/project-schema.json", - "name": "picker", - "tags": ["component"], - "targets": { - "build": {}, - "clean": {}, - "compare": {}, - "format": {}, - "lint": {}, - "report": {}, - "test": { - "defaultConfiguration": "scope" - }, - "validate": {} - } -} diff --git a/components/pickerbutton/package.json b/components/pickerbutton/package.json deleted file mode 100644 index 68aee42969b..00000000000 --- a/components/pickerbutton/package.json +++ /dev/null @@ -1,60 +0,0 @@ -{ - "name": "@spectrum-css/pickerbutton", - "version": "6.0.0-s2-foundations.17", - "description": "The Spectrum CSS picker button component", - "license": "Apache-2.0", - "author": "Adobe", - "homepage": "https://opensource.adobe.com/spectrum-css/pickerbutton", - "repository": { - "type": "git", - "url": "https://github.com/adobe/spectrum-css.git", - "directory": "components/pickerbutton" - }, - "bugs": { - "url": "https://github.com/adobe/spectrum-css/issues" - }, - "exports": { - ".": "./dist/index.css", - "./*.md": "./*.md", - "./dist/*": "./dist/*", - "./index-*.css": "./dist/index-*.css", - "./index.css": "./dist/index.css", - "./metadata.json": "./metadata/metadata.json", - "./metadata/*": "./metadata/*", - "./package.json": "./package.json" - }, - "main": "dist/index.css", - "files": [ - "dist/*", - "*.md", - "package.json", - "metadata/*" - ], - "peerDependencies": { - "@spectrum-css/icon": ">=7", - "@spectrum-css/menu": ">=7", - "@spectrum-css/popover": ">=7", - "@spectrum-css/tokens": ">=14" - }, - "devDependencies": { - "@spectrum-css/icon": "workspace:^", - "@spectrum-css/menu": "workspace:^", - "@spectrum-css/popover": "workspace:^", - "@spectrum-css/tokens": "workspace:^" - }, - "keywords": [ - "spectrum", - "css", - "design system", - "adobe" - ], - "publishConfig": { - "access": "public" - }, - "spectrum": [ - { - "rootClass": "spectrum-PickerButton", - "swc": "https://opensource.adobe.com/spectrum-web-components/components/picker-button/" - } - ] -} diff --git a/components/pickerbutton/project.json b/components/pickerbutton/project.json deleted file mode 100644 index d3f7cbfc517..00000000000 --- a/components/pickerbutton/project.json +++ /dev/null @@ -1,17 +0,0 @@ -{ - "$schema": "../../node_modules/nx/schemas/project-schema.json", - "name": "pickerbutton", - "tags": ["component"], - "targets": { - "build": {}, - "clean": {}, - "compare": {}, - "format": {}, - "lint": {}, - "report": {}, - "test": { - "defaultConfiguration": "scope" - }, - "validate": {} - } -} diff --git a/components/popover/package.json b/components/popover/package.json index 47569c6701d..675240057d1 100644 --- a/components/popover/package.json +++ b/components/popover/package.json @@ -4,7 +4,7 @@ "description": "The Spectrum CSS popover component", "license": "Apache-2.0", "author": "Adobe", - "homepage": "https://opensource.adobe.com/spectrum-css/popover", + "homepage": "https://opensource.adobe.com/spectrum-css/?path=/docs/components-popover--docs", "repository": { "type": "git", "url": "https://github.com/adobe/spectrum-css.git", @@ -21,15 +21,31 @@ "./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 popover", + "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 popover", + "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 popover" + }, "peerDependencies": { "@spectrum-css/alertdialog": ">=2", "@spectrum-css/dialog": ">=10", @@ -46,18 +62,25 @@ } }, "devDependencies": { - "@spectrum-css/alertdialog": "workspace:^", + "@spectrum-css/alertdialog": "3.0.0-s2-foundations.16", "@spectrum-css/commons": "workspace:^", - "@spectrum-css/dialog": "workspace:^", - "@spectrum-css/divider": "workspace:^", - "@spectrum-css/menu": "workspace:^", - "@spectrum-css/tokens": "workspace:^" + "@spectrum-css/dialog": "11.0.0-s2-foundations.16", + "@spectrum-css/divider": "4.0.0-s2-foundations.16", + "@spectrum-css/menu": "8.0.0-s2-foundations.17", + "@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" diff --git a/components/popover/project.json b/components/popover/project.json deleted file mode 100644 index 2347702cf9f..00000000000 --- a/components/popover/project.json +++ /dev/null @@ -1,17 +0,0 @@ -{ - "$schema": "../../node_modules/nx/schemas/project-schema.json", - "name": "popover", - "tags": ["component"], - "targets": { - "build": {}, - "clean": {}, - "compare": {}, - "format": {}, - "lint": {}, - "report": {}, - "test": { - "defaultConfiguration": "scope" - }, - "validate": {} - } -} diff --git a/components/progressbar/CHANGELOG.md b/components/progress-bar/CHANGELOG.md similarity index 100% rename from components/progressbar/CHANGELOG.md rename to components/progress-bar/CHANGELOG.md diff --git a/components/progressbar/README.md b/components/progress-bar/README.md similarity index 100% rename from components/progressbar/README.md rename to components/progress-bar/README.md diff --git a/components/progressbar/index.css b/components/progress-bar/index.css similarity index 100% rename from components/progressbar/index.css rename to components/progress-bar/index.css diff --git a/components/progressbar/metadata/metadata.json b/components/progress-bar/metadata/metadata.json similarity index 100% rename from components/progressbar/metadata/metadata.json rename to components/progress-bar/metadata/metadata.json diff --git a/components/progressbar/metadata/mods.md b/components/progress-bar/metadata/mods.md similarity index 100% rename from components/progressbar/metadata/mods.md rename to components/progress-bar/metadata/mods.md diff --git a/components/progress-bar/package.json b/components/progress-bar/package.json new file mode 100644 index 00000000000..102a609dda9 --- /dev/null +++ b/components/progress-bar/package.json @@ -0,0 +1,90 @@ +{ + "name": "@spectrum-css/progressbar", + "version": "5.0.0-s2-foundations.20", + "description": "The Spectrum CSS progress bar component", + "license": "Apache-2.0", + "author": "Adobe", + "homepage": "https://opensource.adobe.com/spectrum-css/?path=/docs/components-progress-bar--docs", + "repository": { + "type": "git", + "url": "https://github.com/adobe/spectrum-css.git", + "directory": "components/progress-bar" + }, + "bugs": { + "url": "https://github.com/adobe/spectrum-css/issues" + }, + "exports": { + ".": "./dist/index.css", + "./*.md": "./*.md", + "./dist/*": "./dist/*", + "./index-*.css": "./dist/index-*.css", + "./index.css": "./dist/index.css", + "./metadata.json": "./metadata/metadata.json", + "./metadata/*": "./metadata/*", + "./package.json": "./package.json", + "./stories/*": "./stories/*" + }, + "main": "dist/index.css", + "files": [ + "dist/*", + "*.md", + "package.json", + "metadata/*", + "stories/*" + ], + "scripts": { + "build": "yarn run component:build progress-bar", + "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 progress-bar", + "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 progress-bar" + }, + "peerDependencies": { + "@spectrum-css/fieldlabel": ">=8", + "@spectrum-css/tokens": ">=14" + }, + "peerDependenciesMeta": { + "@spectrum-css/fieldlabel": { + "optional": true + } + }, + "devDependencies": { + "@spectrum-css/fieldlabel": "9.0.0-s2-foundations.17", + "@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", + "spectrum-css", + "adobe", + "adobe-spectrum", + "component", + "css" + ], + "publishConfig": { + "access": "public" + }, + "spectrum": [ + { + "guidelines": "https://spectrum.adobe.com/page/progress-bar", + "rootClass": "spectrum-ProgressBar", + "swc": "https://opensource.adobe.com/spectrum-web-components/components/progress-bar/" + }, + { + "guidelines": "https://spectrum.adobe.com/page/meter", + "rootClass": "spectrum-Meter", + "swc": "https://opensource.adobe.com/spectrum-web-components/components/meter/" + } + ] +} diff --git a/components/progressbar/stories/progressbar.stories.js b/components/progress-bar/stories/progressbar.stories.js similarity index 100% rename from components/progressbar/stories/progressbar.stories.js rename to components/progress-bar/stories/progressbar.stories.js diff --git a/components/progressbar/stories/progressbar.test.js b/components/progress-bar/stories/progressbar.test.js similarity index 100% rename from components/progressbar/stories/progressbar.test.js rename to components/progress-bar/stories/progressbar.test.js diff --git a/components/progressbar/stories/template.js b/components/progress-bar/stories/template.js similarity index 100% rename from components/progressbar/stories/template.js rename to components/progress-bar/stories/template.js diff --git a/components/progressbar/themes/express.css b/components/progress-bar/themes/express.css similarity index 100% rename from components/progressbar/themes/express.css rename to components/progress-bar/themes/express.css diff --git a/components/progressbar/themes/spectrum-two.css b/components/progress-bar/themes/spectrum-two.css similarity index 100% rename from components/progressbar/themes/spectrum-two.css rename to components/progress-bar/themes/spectrum-two.css diff --git a/components/progressbar/themes/spectrum.css b/components/progress-bar/themes/spectrum.css similarity index 100% rename from components/progressbar/themes/spectrum.css rename to components/progress-bar/themes/spectrum.css diff --git a/components/progresscircle/CHANGELOG.md b/components/progress-circle/CHANGELOG.md similarity index 100% rename from components/progresscircle/CHANGELOG.md rename to components/progress-circle/CHANGELOG.md diff --git a/components/progresscircle/README.md b/components/progress-circle/README.md similarity index 100% rename from components/progresscircle/README.md rename to components/progress-circle/README.md diff --git a/components/progresscircle/animation.css b/components/progress-circle/animation.css similarity index 100% rename from components/progresscircle/animation.css rename to components/progress-circle/animation.css diff --git a/components/progresscircle/index.css b/components/progress-circle/index.css similarity index 100% rename from components/progresscircle/index.css rename to components/progress-circle/index.css diff --git a/components/progresscircle/metadata/metadata.json b/components/progress-circle/metadata/metadata.json similarity index 100% rename from components/progresscircle/metadata/metadata.json rename to components/progress-circle/metadata/metadata.json diff --git a/components/progresscircle/metadata/mods.md b/components/progress-circle/metadata/mods.md similarity index 100% rename from components/progresscircle/metadata/mods.md rename to components/progress-circle/metadata/mods.md diff --git a/components/progress-circle/package.json b/components/progress-circle/package.json new file mode 100644 index 00000000000..2888805083e --- /dev/null +++ b/components/progress-circle/package.json @@ -0,0 +1,78 @@ +{ + "name": "@spectrum-css/progresscircle", + "version": "4.0.0-s2-foundations.16", + "description": "The Spectrum CSS progress circle component", + "license": "Apache-2.0", + "author": "Adobe", + "homepage": "https://opensource.adobe.com/spectrum-css/?path=/docs/components-progress-circle--docs", + "repository": { + "type": "git", + "url": "https://github.com/adobe/spectrum-css.git", + "directory": "components/progress-circle" + }, + "bugs": { + "url": "https://github.com/adobe/spectrum-css/issues" + }, + "exports": { + ".": "./dist/index.css", + "./*.md": "./*.md", + "./dist/*": "./dist/*", + "./index-*.css": "./dist/index-*.css", + "./index.css": "./dist/index.css", + "./metadata.json": "./metadata/metadata.json", + "./metadata/*": "./metadata/*", + "./package.json": "./package.json", + "./stories/*": "./stories/*" + }, + "main": "dist/index.css", + "files": [ + "dist/*", + "*.md", + "package.json", + "metadata/*", + "stories/*" + ], + "scripts": { + "build": "yarn run component:build progress-circle", + "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 progress-circle", + "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 progress-circle" + }, + "peerDependencies": { + "@spectrum-css/tokens": ">=14" + }, + "devDependencies": { + "@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", + "spectrum-css", + "adobe", + "adobe-spectrum", + "component", + "css" + ], + "publishConfig": { + "access": "public" + }, + "spectrum": [ + { + "guidelines": "https://spectrum.adobe.com/page/progress-circle", + "rootClass": "spectrum-ProgressCircle", + "swc": "https://opensource.adobe.com/spectrum-web-components/components/progress-circle/" + } + ] +} diff --git a/components/progresscircle/stories/progresscircle.stories.js b/components/progress-circle/stories/progresscircle.stories.js similarity index 100% rename from components/progresscircle/stories/progresscircle.stories.js rename to components/progress-circle/stories/progresscircle.stories.js diff --git a/components/progresscircle/stories/progresscircle.test.js b/components/progress-circle/stories/progresscircle.test.js similarity index 100% rename from components/progresscircle/stories/progresscircle.test.js rename to components/progress-circle/stories/progresscircle.test.js diff --git a/components/progresscircle/stories/template.js b/components/progress-circle/stories/template.js similarity index 100% rename from components/progresscircle/stories/template.js rename to components/progress-circle/stories/template.js diff --git a/components/progresscircle/themes/express.css b/components/progress-circle/themes/express.css similarity index 100% rename from components/progresscircle/themes/express.css rename to components/progress-circle/themes/express.css diff --git a/components/progresscircle/themes/spectrum-two.css b/components/progress-circle/themes/spectrum-two.css similarity index 100% rename from components/progresscircle/themes/spectrum-two.css rename to components/progress-circle/themes/spectrum-two.css diff --git a/components/progresscircle/themes/spectrum.css b/components/progress-circle/themes/spectrum.css similarity index 100% rename from components/progresscircle/themes/spectrum.css rename to components/progress-circle/themes/spectrum.css diff --git a/components/progressbar/package.json b/components/progressbar/package.json deleted file mode 100644 index db0ec33af9c..00000000000 --- a/components/progressbar/package.json +++ /dev/null @@ -1,67 +0,0 @@ -{ - "name": "@spectrum-css/progressbar", - "version": "5.0.0-s2-foundations.20", - "description": "The Spectrum CSS progress bar component", - "license": "Apache-2.0", - "author": "Adobe", - "homepage": "https://opensource.adobe.com/spectrum-css/progressbar", - "repository": { - "type": "git", - "url": "https://github.com/adobe/spectrum-css.git", - "directory": "components/progressbar" - }, - "bugs": { - "url": "https://github.com/adobe/spectrum-css/issues" - }, - "exports": { - ".": "./dist/index.css", - "./*.md": "./*.md", - "./dist/*": "./dist/*", - "./index-*.css": "./dist/index-*.css", - "./index.css": "./dist/index.css", - "./metadata.json": "./metadata/metadata.json", - "./metadata/*": "./metadata/*", - "./package.json": "./package.json" - }, - "main": "dist/index.css", - "files": [ - "dist/*", - "*.md", - "package.json", - "metadata/*" - ], - "peerDependencies": { - "@spectrum-css/fieldlabel": ">=8", - "@spectrum-css/tokens": ">=14" - }, - "peerDependenciesMeta": { - "@spectrum-css/fieldlabel": { - "optional": true - } - }, - "devDependencies": { - "@spectrum-css/fieldlabel": "workspace:^", - "@spectrum-css/tokens": "workspace:^" - }, - "keywords": [ - "spectrum", - "css", - "design system", - "adobe" - ], - "publishConfig": { - "access": "public" - }, - "spectrum": [ - { - "guidelines": "https://spectrum.adobe.com/page/progress-bar", - "rootClass": "spectrum-ProgressBar", - "swc": "https://opensource.adobe.com/spectrum-web-components/components/progress-bar/" - }, - { - "guidelines": "https://spectrum.adobe.com/page/meter", - "rootClass": "spectrum-Meter", - "swc": "https://opensource.adobe.com/spectrum-web-components/components/meter/" - } - ] -} diff --git a/components/progressbar/project.json b/components/progressbar/project.json deleted file mode 100644 index b90cede83d5..00000000000 --- a/components/progressbar/project.json +++ /dev/null @@ -1,17 +0,0 @@ -{ - "$schema": "../../node_modules/nx/schemas/project-schema.json", - "name": "progressbar", - "tags": ["component"], - "targets": { - "build": {}, - "clean": {}, - "compare": {}, - "format": {}, - "lint": {}, - "report": {}, - "test": { - "defaultConfiguration": "scope" - }, - "validate": {} - } -} diff --git a/components/progresscircle/package.json b/components/progresscircle/package.json deleted file mode 100644 index 34fb8d0058a..00000000000 --- a/components/progresscircle/package.json +++ /dev/null @@ -1,55 +0,0 @@ -{ - "name": "@spectrum-css/progresscircle", - "version": "4.0.0-s2-foundations.16", - "description": "The Spectrum CSS progress circle component", - "license": "Apache-2.0", - "author": "Adobe", - "homepage": "https://opensource.adobe.com/spectrum-css/progresscircle", - "repository": { - "type": "git", - "url": "https://github.com/adobe/spectrum-css.git", - "directory": "components/progresscircle" - }, - "bugs": { - "url": "https://github.com/adobe/spectrum-css/issues" - }, - "exports": { - ".": "./dist/index.css", - "./*.md": "./*.md", - "./dist/*": "./dist/*", - "./index-*.css": "./dist/index-*.css", - "./index.css": "./dist/index.css", - "./metadata.json": "./metadata/metadata.json", - "./metadata/*": "./metadata/*", - "./package.json": "./package.json" - }, - "main": "dist/index.css", - "files": [ - "dist/*", - "*.md", - "package.json", - "metadata/*" - ], - "peerDependencies": { - "@spectrum-css/tokens": ">=14" - }, - "devDependencies": { - "@spectrum-css/tokens": "workspace:^" - }, - "keywords": [ - "spectrum", - "css", - "design system", - "adobe" - ], - "publishConfig": { - "access": "public" - }, - "spectrum": [ - { - "guidelines": "https://spectrum.adobe.com/page/progress-circle", - "rootClass": "spectrum-ProgressCircle", - "swc": "https://opensource.adobe.com/spectrum-web-components/components/progress-circle/" - } - ] -} diff --git a/components/progresscircle/project.json b/components/progresscircle/project.json deleted file mode 100644 index 12e144b8cdc..00000000000 --- a/components/progresscircle/project.json +++ /dev/null @@ -1,17 +0,0 @@ -{ - "$schema": "../../node_modules/nx/schemas/project-schema.json", - "name": "progresscircle", - "tags": ["component"], - "targets": { - "build": {}, - "clean": {}, - "compare": {}, - "format": {}, - "lint": {}, - "report": {}, - "test": { - "defaultConfiguration": "scope" - }, - "validate": {} - } -} diff --git a/components/radio/package.json b/components/radio/package.json index 70847475bff..08be3191f3c 100644 --- a/components/radio/package.json +++ b/components/radio/package.json @@ -4,7 +4,7 @@ "description": "The Spectrum CSS radio component", "license": "Apache-2.0", "author": "Adobe", - "homepage": "https://opensource.adobe.com/spectrum-css/radio", + "homepage": "https://opensource.adobe.com/spectrum-css/?path=/docs/components-radio--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 radio", + "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 radio", + "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 radio" + }, "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" diff --git a/components/radio/project.json b/components/radio/project.json deleted file mode 100644 index bfcdf8af6d0..00000000000 --- a/components/radio/project.json +++ /dev/null @@ -1,17 +0,0 @@ -{ - "$schema": "../../node_modules/nx/schemas/project-schema.json", - "name": "radio", - "tags": ["component"], - "targets": { - "build": {}, - "clean": {}, - "compare": {}, - "format": {}, - "lint": {}, - "report": {}, - "test": { - "defaultConfiguration": "scope" - }, - "validate": {} - } -} diff --git a/components/rating/package.json b/components/rating/package.json index 4ed3e6f5c54..60a209d6bef 100644 --- a/components/rating/package.json +++ b/components/rating/package.json @@ -4,7 +4,7 @@ "description": "The Spectrum CSS rating component", "license": "Apache-2.0", "author": "Adobe", - "homepage": "https://opensource.adobe.com/spectrum-css/rating", + "homepage": "https://opensource.adobe.com/spectrum-css/?path=/docs/components-rating--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 rating", + "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 rating", + "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 rating" + }, "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" diff --git a/components/rating/project.json b/components/rating/project.json deleted file mode 100644 index c8496bb0f1f..00000000000 --- a/components/rating/project.json +++ /dev/null @@ -1,17 +0,0 @@ -{ - "$schema": "../../node_modules/nx/schemas/project-schema.json", - "name": "rating", - "tags": ["component"], - "targets": { - "build": {}, - "clean": {}, - "compare": {}, - "format": {}, - "lint": {}, - "report": {}, - "test": { - "defaultConfiguration": "scope" - }, - "validate": {} - } -} diff --git a/components/search/package.json b/components/search/package.json index 4668e2db7d7..d86936181c4 100644 --- a/components/search/package.json +++ b/components/search/package.json @@ -4,7 +4,7 @@ "description": "The Spectrum CSS search component", "license": "Apache-2.0", "author": "Adobe", - "homepage": "https://opensource.adobe.com/spectrum-css/search", + "homepage": "https://opensource.adobe.com/spectrum-css/?path=/docs/components-search--docs", "repository": { "type": "git", "url": "https://github.com/adobe/spectrum-css.git", @@ -21,15 +21,31 @@ "./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 search", + "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 search", + "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 search" + }, "peerDependencies": { "@spectrum-css/clearbutton": ">=6", "@spectrum-css/icon": ">=7", @@ -37,16 +53,23 @@ "@spectrum-css/tokens": ">=14" }, "devDependencies": { - "@spectrum-css/clearbutton": "workspace:^", - "@spectrum-css/icon": "workspace:^", - "@spectrum-css/textfield": "workspace:^", - "@spectrum-css/tokens": "workspace:^" + "@spectrum-css/clearbutton": "7.0.0-s2-foundations.17", + "@spectrum-css/icon": "8.0.0-s2-foundations.18", + "@spectrum-css/textfield": "8.0.0-s2-foundations.17", + "@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" diff --git a/components/search/project.json b/components/search/project.json deleted file mode 100644 index e43bd432a59..00000000000 --- a/components/search/project.json +++ /dev/null @@ -1,17 +0,0 @@ -{ - "$schema": "../../node_modules/nx/schemas/project-schema.json", - "name": "search", - "tags": ["component"], - "targets": { - "build": {}, - "clean": {}, - "compare": {}, - "format": {}, - "lint": {}, - "report": {}, - "test": { - "defaultConfiguration": "scope" - }, - "validate": {} - } -} diff --git a/components/sidenav/CHANGELOG.md b/components/side-nav/CHANGELOG.md similarity index 100% rename from components/sidenav/CHANGELOG.md rename to components/side-nav/CHANGELOG.md diff --git a/components/sidenav/README.md b/components/side-nav/README.md similarity index 100% rename from components/sidenav/README.md rename to components/side-nav/README.md diff --git a/components/sidenav/index.css b/components/side-nav/index.css similarity index 100% rename from components/sidenav/index.css rename to components/side-nav/index.css diff --git a/components/sidenav/metadata/metadata.json b/components/side-nav/metadata/metadata.json similarity index 100% rename from components/sidenav/metadata/metadata.json rename to components/side-nav/metadata/metadata.json diff --git a/components/sidenav/metadata/mods.md b/components/side-nav/metadata/mods.md similarity index 100% rename from components/sidenav/metadata/mods.md rename to components/side-nav/metadata/mods.md diff --git a/components/side-nav/package.json b/components/side-nav/package.json new file mode 100644 index 00000000000..e2a459a358e --- /dev/null +++ b/components/side-nav/package.json @@ -0,0 +1,85 @@ +{ + "name": "@spectrum-css/sidenav", + "version": "6.0.0-s2-foundations.16", + "description": "The Spectrum CSS sidenav component", + "license": "Apache-2.0", + "author": "Adobe", + "homepage": "https://opensource.adobe.com/spectrum-css/?path=/docs/components-side-nav--docs", + "repository": { + "type": "git", + "url": "https://github.com/adobe/spectrum-css.git", + "directory": "components/side-nav" + }, + "bugs": { + "url": "https://github.com/adobe/spectrum-css/issues" + }, + "exports": { + ".": "./dist/index.css", + "./*.md": "./*.md", + "./dist/*": "./dist/*", + "./index-*.css": "./dist/index-*.css", + "./index.css": "./dist/index.css", + "./metadata.json": "./metadata/metadata.json", + "./metadata/*": "./metadata/*", + "./package.json": "./package.json", + "./stories/*": "./stories/*" + }, + "main": "dist/index.css", + "files": [ + "dist/*", + "*.md", + "package.json", + "metadata/*", + "stories/*" + ], + "scripts": { + "build": "yarn run component:build side-nav", + "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 side-nav", + "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 side-nav" + }, + "peerDependencies": { + "@spectrum-css/icon": ">=7", + "@spectrum-css/tokens": ">=14" + }, + "peerDependenciesMeta": { + "@spectrum-css/icon": { + "optional": true + } + }, + "devDependencies": { + "@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", + "spectrum-css", + "adobe", + "adobe-spectrum", + "component", + "css" + ], + "publishConfig": { + "access": "public" + }, + "spectrum": [ + { + "guidelines": "https://spectrum.adobe.com/page/side-navigation", + "rootClass": "spectrum-SideNav", + "swc": "https://opensource.adobe.com/spectrum-web-components/components/sidenav/" + } + ] +} diff --git a/components/sidenav/stories/sidenav.stories.js b/components/side-nav/stories/sidenav.stories.js similarity index 100% rename from components/sidenav/stories/sidenav.stories.js rename to components/side-nav/stories/sidenav.stories.js diff --git a/components/sidenav/stories/sidenav.test.js b/components/side-nav/stories/sidenav.test.js similarity index 100% rename from components/sidenav/stories/sidenav.test.js rename to components/side-nav/stories/sidenav.test.js diff --git a/components/sidenav/stories/template.js b/components/side-nav/stories/template.js similarity index 100% rename from components/sidenav/stories/template.js rename to components/side-nav/stories/template.js diff --git a/components/sidenav/themes/express.css b/components/side-nav/themes/express.css similarity index 100% rename from components/sidenav/themes/express.css rename to components/side-nav/themes/express.css diff --git a/components/sidenav/themes/spectrum-two.css b/components/side-nav/themes/spectrum-two.css similarity index 100% rename from components/sidenav/themes/spectrum-two.css rename to components/side-nav/themes/spectrum-two.css diff --git a/components/sidenav/themes/spectrum.css b/components/side-nav/themes/spectrum.css similarity index 100% rename from components/sidenav/themes/spectrum.css rename to components/side-nav/themes/spectrum.css diff --git a/components/sidenav/package.json b/components/sidenav/package.json deleted file mode 100644 index cdaa6fa2afc..00000000000 --- a/components/sidenav/package.json +++ /dev/null @@ -1,62 +0,0 @@ -{ - "name": "@spectrum-css/sidenav", - "version": "6.0.0-s2-foundations.16", - "description": "The Spectrum CSS sidenav component", - "license": "Apache-2.0", - "author": "Adobe", - "homepage": "https://opensource.adobe.com/spectrum-css/sidenav", - "repository": { - "type": "git", - "url": "https://github.com/adobe/spectrum-css.git", - "directory": "components/sidenav" - }, - "bugs": { - "url": "https://github.com/adobe/spectrum-css/issues" - }, - "exports": { - ".": "./dist/index.css", - "./*.md": "./*.md", - "./dist/*": "./dist/*", - "./index-*.css": "./dist/index-*.css", - "./index.css": "./dist/index.css", - "./metadata.json": "./metadata/metadata.json", - "./metadata/*": "./metadata/*", - "./package.json": "./package.json" - }, - "main": "dist/index.css", - "files": [ - "dist/*", - "*.md", - "package.json", - "metadata/*" - ], - "peerDependencies": { - "@spectrum-css/icon": ">=7", - "@spectrum-css/tokens": ">=14" - }, - "peerDependenciesMeta": { - "@spectrum-css/icon": { - "optional": true - } - }, - "devDependencies": { - "@spectrum-css/icon": "workspace:^", - "@spectrum-css/tokens": "workspace:^" - }, - "keywords": [ - "spectrum", - "css", - "design system", - "adobe" - ], - "publishConfig": { - "access": "public" - }, - "spectrum": [ - { - "guidelines": "https://spectrum.adobe.com/page/side-navigation", - "rootClass": "spectrum-SideNav", - "swc": "https://opensource.adobe.com/spectrum-web-components/components/sidenav/" - } - ] -} diff --git a/components/sidenav/project.json b/components/sidenav/project.json deleted file mode 100644 index 967b60400de..00000000000 --- a/components/sidenav/project.json +++ /dev/null @@ -1,17 +0,0 @@ -{ - "$schema": "../../node_modules/nx/schemas/project-schema.json", - "name": "sidenav", - "tags": ["component"], - "targets": { - "build": {}, - "clean": {}, - "compare": {}, - "format": {}, - "lint": {}, - "report": {}, - "test": { - "defaultConfiguration": "scope" - }, - "validate": {} - } -} diff --git a/components/slider/package.json b/components/slider/package.json index a4a7393fbea..15e6ff1f3c2 100644 --- a/components/slider/package.json +++ b/components/slider/package.json @@ -4,7 +4,7 @@ "description": "The Spectrum CSS slider component", "license": "Apache-2.0", "author": "Adobe", - "homepage": "https://opensource.adobe.com/spectrum-css/slider", + "homepage": "https://opensource.adobe.com/spectrum-css/?path=/docs/components-slider--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 slider", + "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 slider", + "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 slider" + }, "peerDependencies": { "@spectrum-css/stepper": ">=6", "@spectrum-css/tokens": ">=14" }, "devDependencies": { - "@spectrum-css/stepper": "workspace:^", - "@spectrum-css/tokens": "workspace:^" + "@spectrum-css/stepper": "7.0.0-s2-foundations.19", + "@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" diff --git a/components/slider/project.json b/components/slider/project.json deleted file mode 100644 index 9a1fbe89258..00000000000 --- a/components/slider/project.json +++ /dev/null @@ -1,17 +0,0 @@ -{ - "$schema": "../../node_modules/nx/schemas/project-schema.json", - "name": "slider", - "tags": ["component"], - "targets": { - "build": {}, - "clean": {}, - "compare": {}, - "format": {}, - "lint": {}, - "report": {}, - "test": { - "defaultConfiguration": "scope" - }, - "validate": {} - } -} diff --git a/components/splitview/CHANGELOG.md b/components/split-view/CHANGELOG.md similarity index 100% rename from components/splitview/CHANGELOG.md rename to components/split-view/CHANGELOG.md diff --git a/components/splitview/README.md b/components/split-view/README.md similarity index 100% rename from components/splitview/README.md rename to components/split-view/README.md diff --git a/components/splitview/index.css b/components/split-view/index.css similarity index 100% rename from components/splitview/index.css rename to components/split-view/index.css diff --git a/components/splitview/metadata/metadata.json b/components/split-view/metadata/metadata.json similarity index 100% rename from components/splitview/metadata/metadata.json rename to components/split-view/metadata/metadata.json diff --git a/components/splitview/metadata/mods.md b/components/split-view/metadata/mods.md similarity index 100% rename from components/splitview/metadata/mods.md rename to components/split-view/metadata/mods.md diff --git a/components/split-view/package.json b/components/split-view/package.json new file mode 100644 index 00000000000..7c57201f728 --- /dev/null +++ b/components/split-view/package.json @@ -0,0 +1,77 @@ +{ + "name": "@spectrum-css/splitview", + "version": "6.0.0-s2-foundations.17", + "description": "The Spectrum CSS splitview component", + "license": "Apache-2.0", + "author": "Adobe", + "homepage": "https://opensource.adobe.com/spectrum-css/?path=/docs/components-split-view--docs", + "repository": { + "type": "git", + "url": "https://github.com/adobe/spectrum-css.git", + "directory": "components/split-view" + }, + "bugs": { + "url": "https://github.com/adobe/spectrum-css/issues" + }, + "exports": { + ".": "./dist/index.css", + "./*.md": "./*.md", + "./dist/*": "./dist/*", + "./index-*.css": "./dist/index-*.css", + "./index.css": "./dist/index.css", + "./metadata.json": "./metadata/metadata.json", + "./metadata/*": "./metadata/*", + "./package.json": "./package.json", + "./stories/*": "./stories/*" + }, + "main": "dist/index.css", + "files": [ + "dist/*", + "*.md", + "package.json", + "metadata/*", + "stories/*" + ], + "scripts": { + "build": "yarn run component:build split-view", + "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 split-view", + "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 split-view" + }, + "peerDependencies": { + "@spectrum-css/tokens": ">=14" + }, + "devDependencies": { + "@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", + "spectrum-css", + "adobe", + "adobe-spectrum", + "component", + "css" + ], + "publishConfig": { + "access": "public" + }, + "spectrum": [ + { + "rootClass": "spectrum-SplitView", + "swc": "https://opensource.adobe.com/spectrum-web-components/components/split-view/" + } + ] +} diff --git a/components/splitview/stories/splitview.stories.js b/components/split-view/stories/splitview.stories.js similarity index 100% rename from components/splitview/stories/splitview.stories.js rename to components/split-view/stories/splitview.stories.js diff --git a/components/splitview/stories/splitview.test.js b/components/split-view/stories/splitview.test.js similarity index 100% rename from components/splitview/stories/splitview.test.js rename to components/split-view/stories/splitview.test.js diff --git a/components/splitview/stories/template.js b/components/split-view/stories/template.js similarity index 100% rename from components/splitview/stories/template.js rename to components/split-view/stories/template.js diff --git a/components/splitview/themes/express.css b/components/split-view/themes/express.css similarity index 100% rename from components/splitview/themes/express.css rename to components/split-view/themes/express.css diff --git a/components/splitview/themes/spectrum-two.css b/components/split-view/themes/spectrum-two.css similarity index 100% rename from components/splitview/themes/spectrum-two.css rename to components/split-view/themes/spectrum-two.css diff --git a/components/splitview/themes/spectrum.css b/components/split-view/themes/spectrum.css similarity index 100% rename from components/splitview/themes/spectrum.css rename to components/split-view/themes/spectrum.css diff --git a/components/splitview/package.json b/components/splitview/package.json deleted file mode 100644 index 3c1739bc0cd..00000000000 --- a/components/splitview/package.json +++ /dev/null @@ -1,54 +0,0 @@ -{ - "name": "@spectrum-css/splitview", - "version": "6.0.0-s2-foundations.17", - "description": "The Spectrum CSS splitview component", - "license": "Apache-2.0", - "author": "Adobe", - "homepage": "https://opensource.adobe.com/spectrum-css/splitview", - "repository": { - "type": "git", - "url": "https://github.com/adobe/spectrum-css.git", - "directory": "components/splitview" - }, - "bugs": { - "url": "https://github.com/adobe/spectrum-css/issues" - }, - "exports": { - ".": "./dist/index.css", - "./*.md": "./*.md", - "./dist/*": "./dist/*", - "./index-*.css": "./dist/index-*.css", - "./index.css": "./dist/index.css", - "./metadata.json": "./metadata/metadata.json", - "./metadata/*": "./metadata/*", - "./package.json": "./package.json" - }, - "main": "dist/index.css", - "files": [ - "dist/*", - "*.md", - "package.json", - "metadata/*" - ], - "peerDependencies": { - "@spectrum-css/tokens": ">=14" - }, - "devDependencies": { - "@spectrum-css/tokens": "workspace:^" - }, - "keywords": [ - "spectrum", - "css", - "design system", - "adobe" - ], - "publishConfig": { - "access": "public" - }, - "spectrum": [ - { - "rootClass": "spectrum-SplitView", - "swc": "https://opensource.adobe.com/spectrum-web-components/components/split-view/" - } - ] -} diff --git a/components/splitview/project.json b/components/splitview/project.json deleted file mode 100644 index 2d571df2648..00000000000 --- a/components/splitview/project.json +++ /dev/null @@ -1,17 +0,0 @@ -{ - "$schema": "../../node_modules/nx/schemas/project-schema.json", - "name": "splitview", - "tags": ["component"], - "targets": { - "build": {}, - "clean": {}, - "compare": {}, - "format": {}, - "lint": {}, - "report": {}, - "test": { - "defaultConfiguration": "scope" - }, - "validate": {} - } -} diff --git a/components/statuslight/CHANGELOG.md b/components/status-light/CHANGELOG.md similarity index 100% rename from components/statuslight/CHANGELOG.md rename to components/status-light/CHANGELOG.md diff --git a/components/statuslight/README.md b/components/status-light/README.md similarity index 100% rename from components/statuslight/README.md rename to components/status-light/README.md diff --git a/components/statuslight/index.css b/components/status-light/index.css similarity index 100% rename from components/statuslight/index.css rename to components/status-light/index.css diff --git a/components/statuslight/metadata/metadata.json b/components/status-light/metadata/metadata.json similarity index 100% rename from components/statuslight/metadata/metadata.json rename to components/status-light/metadata/metadata.json diff --git a/components/statuslight/metadata/mods.md b/components/status-light/metadata/mods.md similarity index 100% rename from components/statuslight/metadata/mods.md rename to components/status-light/metadata/mods.md diff --git a/components/status-light/package.json b/components/status-light/package.json new file mode 100644 index 00000000000..e54205f0e2f --- /dev/null +++ b/components/status-light/package.json @@ -0,0 +1,78 @@ +{ + "name": "@spectrum-css/statuslight", + "version": "8.0.0-s2-foundations.16", + "description": "The Spectrum CSS statuslight component", + "license": "Apache-2.0", + "author": "Adobe", + "homepage": "https://opensource.adobe.com/spectrum-css/?path=/docs/components-status-light--docs", + "repository": { + "type": "git", + "url": "https://github.com/adobe/spectrum-css.git", + "directory": "components/status-light" + }, + "bugs": { + "url": "https://github.com/adobe/spectrum-css/issues" + }, + "exports": { + ".": "./dist/index.css", + "./*.md": "./*.md", + "./dist/*": "./dist/*", + "./index-*.css": "./dist/index-*.css", + "./index.css": "./dist/index.css", + "./metadata.json": "./metadata/metadata.json", + "./metadata/*": "./metadata/*", + "./package.json": "./package.json", + "./stories/*": "./stories/*" + }, + "main": "dist/index.css", + "files": [ + "dist/*", + "*.md", + "package.json", + "metadata/*", + "stories/*" + ], + "scripts": { + "build": "yarn run component:build status-light", + "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 status-light", + "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 status-light" + }, + "peerDependencies": { + "@spectrum-css/tokens": ">=14" + }, + "devDependencies": { + "@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", + "spectrum-css", + "adobe", + "adobe-spectrum", + "component", + "css" + ], + "publishConfig": { + "access": "public" + }, + "spectrum": [ + { + "guidelines": "https://spectrum.adobe.com/page/status-light", + "rootClass": "spectrum-StatusLight", + "swc": "https://opensource.adobe.com/spectrum-web-components/components/status-light/" + } + ] +} diff --git a/components/statuslight/stories/statuslight.stories.js b/components/status-light/stories/statuslight.stories.js similarity index 100% rename from components/statuslight/stories/statuslight.stories.js rename to components/status-light/stories/statuslight.stories.js diff --git a/components/statuslight/stories/statuslight.test.js b/components/status-light/stories/statuslight.test.js similarity index 100% rename from components/statuslight/stories/statuslight.test.js rename to components/status-light/stories/statuslight.test.js diff --git a/components/statuslight/stories/template.js b/components/status-light/stories/template.js similarity index 100% rename from components/statuslight/stories/template.js rename to components/status-light/stories/template.js diff --git a/components/statuslight/themes/express.css b/components/status-light/themes/express.css similarity index 100% rename from components/statuslight/themes/express.css rename to components/status-light/themes/express.css diff --git a/components/statuslight/themes/spectrum-two.css b/components/status-light/themes/spectrum-two.css similarity index 100% rename from components/statuslight/themes/spectrum-two.css rename to components/status-light/themes/spectrum-two.css diff --git a/components/statuslight/themes/spectrum.css b/components/status-light/themes/spectrum.css similarity index 100% rename from components/statuslight/themes/spectrum.css rename to components/status-light/themes/spectrum.css diff --git a/components/statuslight/package.json b/components/statuslight/package.json deleted file mode 100644 index 344dd0671c7..00000000000 --- a/components/statuslight/package.json +++ /dev/null @@ -1,55 +0,0 @@ -{ - "name": "@spectrum-css/statuslight", - "version": "8.0.0-s2-foundations.16", - "description": "The Spectrum CSS statuslight component", - "license": "Apache-2.0", - "author": "Adobe", - "homepage": "https://opensource.adobe.com/spectrum-css/statuslight", - "repository": { - "type": "git", - "url": "https://github.com/adobe/spectrum-css.git", - "directory": "components/statuslight" - }, - "bugs": { - "url": "https://github.com/adobe/spectrum-css/issues" - }, - "exports": { - ".": "./dist/index.css", - "./*.md": "./*.md", - "./dist/*": "./dist/*", - "./index-*.css": "./dist/index-*.css", - "./index.css": "./dist/index.css", - "./metadata.json": "./metadata/metadata.json", - "./metadata/*": "./metadata/*", - "./package.json": "./package.json" - }, - "main": "dist/index.css", - "files": [ - "dist/*", - "*.md", - "package.json", - "metadata/*" - ], - "peerDependencies": { - "@spectrum-css/tokens": ">=14" - }, - "devDependencies": { - "@spectrum-css/tokens": "workspace:^" - }, - "keywords": [ - "spectrum", - "css", - "design system", - "adobe" - ], - "publishConfig": { - "access": "public" - }, - "spectrum": [ - { - "guidelines": "https://spectrum.adobe.com/page/status-light", - "rootClass": "spectrum-StatusLight", - "swc": "https://opensource.adobe.com/spectrum-web-components/components/status-light/" - } - ] -} diff --git a/components/statuslight/project.json b/components/statuslight/project.json deleted file mode 100644 index 60c198840e6..00000000000 --- a/components/statuslight/project.json +++ /dev/null @@ -1,17 +0,0 @@ -{ - "$schema": "../../node_modules/nx/schemas/project-schema.json", - "name": "statuslight", - "tags": ["component"], - "targets": { - "build": {}, - "clean": {}, - "compare": {}, - "format": {}, - "lint": {}, - "report": {}, - "test": { - "defaultConfiguration": "scope" - }, - "validate": {} - } -} diff --git a/components/steplist/CHANGELOG.md b/components/step-list/CHANGELOG.md similarity index 100% rename from components/steplist/CHANGELOG.md rename to components/step-list/CHANGELOG.md diff --git a/components/steplist/README.md b/components/step-list/README.md similarity index 100% rename from components/steplist/README.md rename to components/step-list/README.md diff --git a/components/steplist/index.css b/components/step-list/index.css similarity index 100% rename from components/steplist/index.css rename to components/step-list/index.css diff --git a/components/steplist/metadata/metadata.json b/components/step-list/metadata/metadata.json similarity index 100% rename from components/steplist/metadata/metadata.json rename to components/step-list/metadata/metadata.json diff --git a/components/steplist/metadata/mods.md b/components/step-list/metadata/mods.md similarity index 100% rename from components/steplist/metadata/mods.md rename to components/step-list/metadata/mods.md diff --git a/components/step-list/package.json b/components/step-list/package.json new file mode 100644 index 00000000000..759a4f27a24 --- /dev/null +++ b/components/step-list/package.json @@ -0,0 +1,86 @@ +{ + "name": "@spectrum-css/steplist", + "version": "6.0.0-s2-foundations.16", + "description": "The Spectrum CSS steplist component", + "license": "Apache-2.0", + "author": "Adobe", + "homepage": "https://opensource.adobe.com/spectrum-css/?path=/docs/components-step-list--docs", + "repository": { + "type": "git", + "url": "https://github.com/adobe/spectrum-css.git", + "directory": "components/step-list" + }, + "bugs": { + "url": "https://github.com/adobe/spectrum-css/issues" + }, + "exports": { + ".": "./dist/index.css", + "./*.md": "./*.md", + "./dist/*": "./dist/*", + "./index-*.css": "./dist/index-*.css", + "./index.css": "./dist/index.css", + "./metadata.json": "./metadata/metadata.json", + "./metadata/*": "./metadata/*", + "./package.json": "./package.json", + "./stories/*": "./stories/*" + }, + "main": "dist/index.css", + "files": [ + "dist/*", + "*.md", + "package.json", + "metadata/*", + "stories/*" + ], + "scripts": { + "build": "yarn run component:build step-list", + "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 step-list", + "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 step-list" + }, + "peerDependencies": { + "@spectrum-css/icon": ">=7", + "@spectrum-css/tokens": ">=14", + "@spectrum-css/tooltip": ">=6" + }, + "peerDependenciesMeta": { + "@spectrum-css/tooltip": { + "optional": true + } + }, + "devDependencies": { + "@spectrum-css/icon": "8.0.0-s2-foundations.18", + "@spectrum-css/tokens": "15.0.0-s2-foundations.31", + "@spectrum-css/tooltip": "7.0.0-s2-foundations.16", + "eslint": "^8.57.0", + "npm-run-all2": "^7.0.2", + "prettier": "^3.4.2", + "stylelint": "^16.9.0" + }, + "keywords": [ + "design-system", + "spectrum", + "spectrum-css", + "adobe", + "adobe-spectrum", + "component", + "css" + ], + "publishConfig": { + "access": "public" + }, + "spectrum": [ + { + "guidelines": "https://spectrum-contributions.corp.adobe.com/page/steplist-beta", + "rootClass": "spectrum-Steplist" + } + ] +} diff --git a/components/steplist/stories/steplist.stories.js b/components/step-list/stories/steplist.stories.js similarity index 100% rename from components/steplist/stories/steplist.stories.js rename to components/step-list/stories/steplist.stories.js diff --git a/components/steplist/stories/steplist.test.js b/components/step-list/stories/steplist.test.js similarity index 100% rename from components/steplist/stories/steplist.test.js rename to components/step-list/stories/steplist.test.js diff --git a/components/steplist/stories/template.js b/components/step-list/stories/template.js similarity index 100% rename from components/steplist/stories/template.js rename to components/step-list/stories/template.js diff --git a/components/steplist/themes/express.css b/components/step-list/themes/express.css similarity index 100% rename from components/steplist/themes/express.css rename to components/step-list/themes/express.css diff --git a/components/steplist/themes/spectrum-two.css b/components/step-list/themes/spectrum-two.css similarity index 100% rename from components/steplist/themes/spectrum-two.css rename to components/step-list/themes/spectrum-two.css diff --git a/components/steplist/themes/spectrum.css b/components/step-list/themes/spectrum.css similarity index 100% rename from components/steplist/themes/spectrum.css rename to components/step-list/themes/spectrum.css diff --git a/components/steplist/package.json b/components/steplist/package.json deleted file mode 100644 index f895c638e25..00000000000 --- a/components/steplist/package.json +++ /dev/null @@ -1,63 +0,0 @@ -{ - "name": "@spectrum-css/steplist", - "version": "6.0.0-s2-foundations.16", - "description": "The Spectrum CSS steplist component", - "license": "Apache-2.0", - "author": "Adobe", - "homepage": "https://opensource.adobe.com/spectrum-css/steplist", - "repository": { - "type": "git", - "url": "https://github.com/adobe/spectrum-css.git", - "directory": "components/steplist" - }, - "bugs": { - "url": "https://github.com/adobe/spectrum-css/issues" - }, - "exports": { - ".": "./dist/index.css", - "./*.md": "./*.md", - "./dist/*": "./dist/*", - "./index-*.css": "./dist/index-*.css", - "./index.css": "./dist/index.css", - "./metadata.json": "./metadata/metadata.json", - "./metadata/*": "./metadata/*", - "./package.json": "./package.json" - }, - "main": "dist/index.css", - "files": [ - "dist/*", - "*.md", - "package.json", - "metadata/*" - ], - "peerDependencies": { - "@spectrum-css/icon": ">=7", - "@spectrum-css/tokens": ">=14", - "@spectrum-css/tooltip": ">=6" - }, - "peerDependenciesMeta": { - "@spectrum-css/tooltip": { - "optional": true - } - }, - "devDependencies": { - "@spectrum-css/icon": "workspace:^", - "@spectrum-css/tokens": "workspace:^", - "@spectrum-css/tooltip": "workspace:^" - }, - "keywords": [ - "spectrum", - "css", - "design system", - "adobe" - ], - "publishConfig": { - "access": "public" - }, - "spectrum": [ - { - "guidelines": "https://spectrum-contributions.corp.adobe.com/page/steplist-beta", - "rootClass": "spectrum-Steplist" - } - ] -} diff --git a/components/steplist/project.json b/components/steplist/project.json deleted file mode 100644 index db97ef9184e..00000000000 --- a/components/steplist/project.json +++ /dev/null @@ -1,17 +0,0 @@ -{ - "$schema": "../../node_modules/nx/schemas/project-schema.json", - "name": "steplist", - "tags": ["component"], - "targets": { - "build": {}, - "clean": {}, - "compare": {}, - "format": {}, - "lint": {}, - "report": {}, - "test": { - "defaultConfiguration": "scope" - }, - "validate": {} - } -} diff --git a/components/stepper/package.json b/components/stepper/package.json index 59aa5389a9c..b3cd0512c2d 100644 --- a/components/stepper/package.json +++ b/components/stepper/package.json @@ -4,7 +4,7 @@ "description": "The Spectrum CSS stepper component", "license": "Apache-2.0", "author": "Adobe", - "homepage": "https://opensource.adobe.com/spectrum-css/stepper", + "homepage": "https://opensource.adobe.com/spectrum-css/?path=/docs/components-stepper--docs", "repository": { "type": "git", "url": "https://github.com/adobe/spectrum-css.git", @@ -21,15 +21,31 @@ "./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 stepper", + "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 stepper", + "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 stepper" + }, "peerDependencies": { "@spectrum-css/actionbutton": ">=6", "@spectrum-css/icon": ">=7", @@ -43,17 +59,24 @@ } }, "devDependencies": { - "@spectrum-css/actionbutton": "workspace:^", - "@spectrum-css/icon": "workspace:^", - "@spectrum-css/infieldbutton": "workspace:^", - "@spectrum-css/textfield": "workspace:^", - "@spectrum-css/tokens": "workspace:^" + "@spectrum-css/actionbutton": "7.0.0-s2-foundations.24", + "@spectrum-css/icon": "8.0.0-s2-foundations.18", + "@spectrum-css/infieldbutton": "6.0.0-s2-foundations.17", + "@spectrum-css/textfield": "8.0.0-s2-foundations.17", + "@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" diff --git a/components/stepper/project.json b/components/stepper/project.json deleted file mode 100644 index c31d2b70f75..00000000000 --- a/components/stepper/project.json +++ /dev/null @@ -1,17 +0,0 @@ -{ - "$schema": "../../node_modules/nx/schemas/project-schema.json", - "name": "stepper", - "tags": ["component"], - "targets": { - "build": {}, - "clean": {}, - "compare": {}, - "format": {}, - "lint": {}, - "report": {}, - "test": { - "defaultConfiguration": "scope" - }, - "validate": {} - } -} diff --git a/components/swatchgroup/CHANGELOG.md b/components/swatch-group/CHANGELOG.md similarity index 100% rename from components/swatchgroup/CHANGELOG.md rename to components/swatch-group/CHANGELOG.md diff --git a/components/swatchgroup/index.css b/components/swatch-group/index.css similarity index 100% rename from components/swatchgroup/index.css rename to components/swatch-group/index.css diff --git a/components/swatchgroup/metadata/metadata.json b/components/swatch-group/metadata/metadata.json similarity index 100% rename from components/swatchgroup/metadata/metadata.json rename to components/swatch-group/metadata/metadata.json diff --git a/components/swatchgroup/metadata/mods.md b/components/swatch-group/metadata/mods.md similarity index 100% rename from components/swatchgroup/metadata/mods.md rename to components/swatch-group/metadata/mods.md diff --git a/components/swatch-group/package.json b/components/swatch-group/package.json new file mode 100644 index 00000000000..f4f1c3d6592 --- /dev/null +++ b/components/swatch-group/package.json @@ -0,0 +1,80 @@ +{ + "name": "@spectrum-css/swatchgroup", + "version": "4.0.0-s2-foundations.16", + "description": "The Spectrum CSS Color swatch group component", + "license": "Apache-2.0", + "author": "Adobe", + "homepage": "https://opensource.adobe.com/spectrum-css/?path=/docs/components-swatch-group--docs", + "repository": { + "type": "git", + "url": "https://github.com/adobe/spectrum-css.git", + "directory": "components/swatch-group" + }, + "bugs": { + "url": "https://github.com/adobe/spectrum-css/issues" + }, + "exports": { + ".": "./dist/index.css", + "./*.md": "./*.md", + "./dist/*": "./dist/*", + "./index-*.css": "./dist/index-*.css", + "./index.css": "./dist/index.css", + "./metadata.json": "./metadata/metadata.json", + "./metadata/*": "./metadata/*", + "./package.json": "./package.json", + "./stories/*": "./stories/*" + }, + "main": "dist/index.css", + "files": [ + "dist/*", + "*.md", + "package.json", + "metadata/*", + "stories/*" + ], + "scripts": { + "build": "yarn run component:build swatch-group", + "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 swatch-group", + "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 swatch-group" + }, + "peerDependencies": { + "@spectrum-css/swatch": ">=6", + "@spectrum-css/tokens": ">=14" + }, + "devDependencies": { + "@spectrum-css/swatch": "7.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", + "spectrum-css", + "adobe", + "adobe-spectrum", + "component", + "css" + ], + "publishConfig": { + "access": "public" + }, + "spectrum": [ + { + "guidelines": "https://spectrum.adobe.com/page/swatch-group", + "rootClass": "spectrum-SwatchGroup", + "swc": "https://opensource.adobe.com/spectrum-web-components/components/swatch-group/" + } + ] +} diff --git a/components/swatchgroup/stories/swatchgroup.stories.js b/components/swatch-group/stories/swatchgroup.stories.js similarity index 100% rename from components/swatchgroup/stories/swatchgroup.stories.js rename to components/swatch-group/stories/swatchgroup.stories.js diff --git a/components/swatchgroup/stories/swatchgroup.test.js b/components/swatch-group/stories/swatchgroup.test.js similarity index 100% rename from components/swatchgroup/stories/swatchgroup.test.js rename to components/swatch-group/stories/swatchgroup.test.js diff --git a/components/swatchgroup/stories/template.js b/components/swatch-group/stories/template.js similarity index 100% rename from components/swatchgroup/stories/template.js rename to components/swatch-group/stories/template.js diff --git a/components/swatchgroup/themes/express.css b/components/swatch-group/themes/express.css similarity index 100% rename from components/swatchgroup/themes/express.css rename to components/swatch-group/themes/express.css diff --git a/components/swatchgroup/themes/spectrum-two.css b/components/swatch-group/themes/spectrum-two.css similarity index 100% rename from components/swatchgroup/themes/spectrum-two.css rename to components/swatch-group/themes/spectrum-two.css diff --git a/components/swatchgroup/themes/spectrum.css b/components/swatch-group/themes/spectrum.css similarity index 100% rename from components/swatchgroup/themes/spectrum.css rename to components/swatch-group/themes/spectrum.css diff --git a/components/swatch/package.json b/components/swatch/package.json index 22567e16b65..a612afff270 100644 --- a/components/swatch/package.json +++ b/components/swatch/package.json @@ -4,7 +4,7 @@ "description": "The Spectrum CSS Color swatch component", "license": "Apache-2.0", "author": "Adobe", - "homepage": "https://opensource.adobe.com/spectrum-css/swatch", + "homepage": "https://opensource.adobe.com/spectrum-css/?path=/docs/components-swatch--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 swatch", + "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 swatch", + "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 swatch" + }, "peerDependencies": { "@spectrum-css/opacitycheckerboard": ">=2", "@spectrum-css/tokens": ">=14.5.0" }, "devDependencies": { - "@spectrum-css/opacitycheckerboard": "workspace:^", - "@spectrum-css/tokens": "workspace:^" + "@spectrum-css/opacitycheckerboard": "3.0.0-s2-foundations.16", + "@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" diff --git a/components/swatch/project.json b/components/swatch/project.json deleted file mode 100644 index 359b7a1b967..00000000000 --- a/components/swatch/project.json +++ /dev/null @@ -1,17 +0,0 @@ -{ - "$schema": "../../node_modules/nx/schemas/project-schema.json", - "name": "swatch", - "tags": ["component"], - "targets": { - "build": {}, - "clean": {}, - "compare": {}, - "format": {}, - "lint": {}, - "report": {}, - "test": { - "defaultConfiguration": "scope" - }, - "validate": {} - } -} diff --git a/components/swatchgroup/package.json b/components/swatchgroup/package.json deleted file mode 100644 index 2ed08e87786..00000000000 --- a/components/swatchgroup/package.json +++ /dev/null @@ -1,57 +0,0 @@ -{ - "name": "@spectrum-css/swatchgroup", - "version": "4.0.0-s2-foundations.16", - "description": "The Spectrum CSS Color swatch group component", - "license": "Apache-2.0", - "author": "Adobe", - "homepage": "https://opensource.adobe.com/spectrum-css/swatchgroup", - "repository": { - "type": "git", - "url": "https://github.com/adobe/spectrum-css.git", - "directory": "components/swatchgroup" - }, - "bugs": { - "url": "https://github.com/adobe/spectrum-css/issues" - }, - "exports": { - ".": "./dist/index.css", - "./*.md": "./*.md", - "./dist/*": "./dist/*", - "./index-*.css": "./dist/index-*.css", - "./index.css": "./dist/index.css", - "./metadata.json": "./metadata/metadata.json", - "./metadata/*": "./metadata/*", - "./package.json": "./package.json" - }, - "main": "dist/index.css", - "files": [ - "dist/*", - "*.md", - "package.json", - "metadata/*" - ], - "peerDependencies": { - "@spectrum-css/swatch": ">=6", - "@spectrum-css/tokens": ">=14" - }, - "devDependencies": { - "@spectrum-css/swatch": "workspace:^", - "@spectrum-css/tokens": "workspace:^" - }, - "keywords": [ - "spectrum", - "css", - "design system", - "adobe" - ], - "publishConfig": { - "access": "public" - }, - "spectrum": [ - { - "guidelines": "https://spectrum.adobe.com/page/swatch-group", - "rootClass": "spectrum-SwatchGroup", - "swc": "https://opensource.adobe.com/spectrum-web-components/components/swatch-group/" - } - ] -} diff --git a/components/swatchgroup/project.json b/components/swatchgroup/project.json deleted file mode 100644 index fbd58b5d33c..00000000000 --- a/components/swatchgroup/project.json +++ /dev/null @@ -1,17 +0,0 @@ -{ - "$schema": "../../node_modules/nx/schemas/project-schema.json", - "name": "swatchgroup", - "tags": ["component"], - "targets": { - "build": {}, - "clean": {}, - "compare": {}, - "format": {}, - "lint": {}, - "report": {}, - "test": { - "defaultConfiguration": "scope" - }, - "validate": {} - } -} diff --git a/components/switch/package.json b/components/switch/package.json index 0de4fba7089..da3b47b9292 100644 --- a/components/switch/package.json +++ b/components/switch/package.json @@ -4,7 +4,7 @@ "description": "The Spectrum CSS switch component", "license": "Apache-2.0", "author": "Adobe", - "homepage": "https://opensource.adobe.com/spectrum-css/switch", + "homepage": "https://opensource.adobe.com/spectrum-css/?path=/docs/components-switch--docs", "repository": { "type": "git", "url": "https://github.com/adobe/spectrum-css.git", @@ -21,26 +21,49 @@ "./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 switch", + "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 switch", + "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 switch" + }, "peerDependencies": { "@spectrum-css/tokens": ">=14" }, "devDependencies": { - "@spectrum-css/tokens": "workspace:^" + "@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" diff --git a/components/switch/project.json b/components/switch/project.json deleted file mode 100644 index 9e5f833b99d..00000000000 --- a/components/switch/project.json +++ /dev/null @@ -1,17 +0,0 @@ -{ - "$schema": "../../node_modules/nx/schemas/project-schema.json", - "name": "switch", - "tags": ["component"], - "targets": { - "build": {}, - "clean": {}, - "compare": {}, - "format": {}, - "lint": {}, - "report": {}, - "test": { - "defaultConfiguration": "scope" - }, - "validate": {} - } -} diff --git a/components/table/package.json b/components/table/package.json index 2d3f3e3296b..06c277e2bbb 100644 --- a/components/table/package.json +++ b/components/table/package.json @@ -4,7 +4,7 @@ "description": "The Spectrum CSS table component", "license": "Apache-2.0", "author": "Adobe", - "homepage": "https://opensource.adobe.com/spectrum-css/table", + "homepage": "https://opensource.adobe.com/spectrum-css/?path=/docs/components-table--docs", "repository": { "type": "git", "url": "https://github.com/adobe/spectrum-css.git", @@ -21,15 +21,31 @@ "./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 table", + "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 table", + "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 table" + }, "peerDependencies": { "@spectrum-css/button": ">=13", "@spectrum-css/checkbox": ">=9", @@ -49,17 +65,24 @@ } }, "devDependencies": { - "@spectrum-css/button": "workspace:^", - "@spectrum-css/checkbox": "workspace:^", - "@spectrum-css/icon": "workspace:^", - "@spectrum-css/thumbnail": "workspace:^", - "@spectrum-css/tokens": "workspace:^" + "@spectrum-css/button": "14.0.0-s2-foundations.19", + "@spectrum-css/checkbox": "10.0.0-s2-foundations.20", + "@spectrum-css/icon": "8.0.0-s2-foundations.18", + "@spectrum-css/thumbnail": "7.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" diff --git a/components/table/project.json b/components/table/project.json deleted file mode 100644 index 489b095da6e..00000000000 --- a/components/table/project.json +++ /dev/null @@ -1,17 +0,0 @@ -{ - "$schema": "../../node_modules/nx/schemas/project-schema.json", - "name": "table", - "tags": ["component"], - "targets": { - "build": {}, - "clean": {}, - "compare": {}, - "format": {}, - "lint": {}, - "report": {}, - "test": { - "defaultConfiguration": "scope" - }, - "validate": {} - } -} diff --git a/components/tabs/package.json b/components/tabs/package.json index a79184e9b9b..1e498ae665d 100644 --- a/components/tabs/package.json +++ b/components/tabs/package.json @@ -4,7 +4,7 @@ "description": "The Spectrum CSS tabs component", "license": "Apache-2.0", "author": "Adobe", - "homepage": "https://opensource.adobe.com/spectrum-css/tabs", + "homepage": "https://opensource.adobe.com/spectrum-css/?path=/docs/components-tabs--docs", "repository": { "type": "git", "url": "https://github.com/adobe/spectrum-css.git", @@ -21,15 +21,31 @@ "./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 tabs", + "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 tabs", + "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 tabs" + }, "peerDependencies": { "@spectrum-css/icon": ">=7", "@spectrum-css/menu": ">=7", @@ -42,16 +58,23 @@ } }, "devDependencies": { - "@spectrum-css/icon": "workspace:^", - "@spectrum-css/menu": "workspace:^", - "@spectrum-css/picker": "workspace:^", - "@spectrum-css/tokens": "workspace:^" + "@spectrum-css/icon": "8.0.0-s2-foundations.18", + "@spectrum-css/menu": "8.0.0-s2-foundations.17", + "@spectrum-css/picker": "9.0.0-s2-foundations.17", + "@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" diff --git a/components/tabs/project.json b/components/tabs/project.json deleted file mode 100644 index 871aa329a88..00000000000 --- a/components/tabs/project.json +++ /dev/null @@ -1,17 +0,0 @@ -{ - "$schema": "../../node_modules/nx/schemas/project-schema.json", - "name": "tabs", - "tags": ["component"], - "targets": { - "build": {}, - "clean": {}, - "compare": {}, - "format": {}, - "lint": {}, - "report": {}, - "test": { - "defaultConfiguration": "scope" - }, - "validate": {} - } -} diff --git a/components/taggroup/CHANGELOG.md b/components/tag-group/CHANGELOG.md similarity index 100% rename from components/taggroup/CHANGELOG.md rename to components/tag-group/CHANGELOG.md diff --git a/components/taggroup/README.md b/components/tag-group/README.md similarity index 100% rename from components/taggroup/README.md rename to components/tag-group/README.md diff --git a/components/taggroup/index.css b/components/tag-group/index.css similarity index 100% rename from components/taggroup/index.css rename to components/tag-group/index.css diff --git a/components/taggroup/metadata/metadata.json b/components/tag-group/metadata/metadata.json similarity index 100% rename from components/taggroup/metadata/metadata.json rename to components/tag-group/metadata/metadata.json diff --git a/components/taggroup/metadata/mods.md b/components/tag-group/metadata/mods.md similarity index 100% rename from components/taggroup/metadata/mods.md rename to components/tag-group/metadata/mods.md diff --git a/components/tag-group/package.json b/components/tag-group/package.json new file mode 100644 index 00000000000..19c5796a133 --- /dev/null +++ b/components/tag-group/package.json @@ -0,0 +1,80 @@ +{ + "name": "@spectrum-css/taggroup", + "version": "6.0.0-s2-foundations.16", + "description": "The Spectrum CSS tag group component", + "license": "Apache-2.0", + "author": "Adobe", + "homepage": "https://opensource.adobe.com/spectrum-css/?path=/docs/components-tag-group--docs", + "repository": { + "type": "git", + "url": "https://github.com/adobe/spectrum-css.git", + "directory": "components/tag-group" + }, + "bugs": { + "url": "https://github.com/adobe/spectrum-css/issues" + }, + "exports": { + ".": "./dist/index.css", + "./*.md": "./*.md", + "./dist/*": "./dist/*", + "./index-*.css": "./dist/index-*.css", + "./index.css": "./dist/index.css", + "./metadata.json": "./metadata/metadata.json", + "./metadata/*": "./metadata/*", + "./package.json": "./package.json", + "./stories/*": "./stories/*" + }, + "main": "dist/index.css", + "files": [ + "dist/*", + "*.md", + "package.json", + "metadata/*", + "stories/*" + ], + "scripts": { + "build": "yarn run component:build tag-group", + "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 tag-group", + "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 tag-group" + }, + "peerDependencies": { + "@spectrum-css/tag": ">=9", + "@spectrum-css/tokens": ">=14" + }, + "devDependencies": { + "@spectrum-css/tag": "10.0.0-s2-foundations.16", + "@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", + "spectrum-css", + "adobe", + "adobe-spectrum", + "component", + "css" + ], + "publishConfig": { + "access": "public" + }, + "spectrum": [ + { + "guidelines": "https://spectrum-contributions.corp.adobe.com/page/tag-group-beta", + "rootClass": "spectrum-TagGroup", + "swc": "https://opensource.adobe.com/spectrum-web-components/components/tags/" + } + ] +} diff --git a/components/taggroup/stories/taggroup.stories.js b/components/tag-group/stories/taggroup.stories.js similarity index 100% rename from components/taggroup/stories/taggroup.stories.js rename to components/tag-group/stories/taggroup.stories.js diff --git a/components/taggroup/stories/taggroup.test.js b/components/tag-group/stories/taggroup.test.js similarity index 100% rename from components/taggroup/stories/taggroup.test.js rename to components/tag-group/stories/taggroup.test.js diff --git a/components/taggroup/stories/template.js b/components/tag-group/stories/template.js similarity index 100% rename from components/taggroup/stories/template.js rename to components/tag-group/stories/template.js diff --git a/components/taggroup/themes/express.css b/components/tag-group/themes/express.css similarity index 100% rename from components/taggroup/themes/express.css rename to components/tag-group/themes/express.css diff --git a/components/taggroup/themes/spectrum-two.css b/components/tag-group/themes/spectrum-two.css similarity index 100% rename from components/taggroup/themes/spectrum-two.css rename to components/tag-group/themes/spectrum-two.css diff --git a/components/taggroup/themes/spectrum.css b/components/tag-group/themes/spectrum.css similarity index 100% rename from components/taggroup/themes/spectrum.css rename to components/tag-group/themes/spectrum.css diff --git a/components/tag/package.json b/components/tag/package.json index 9a4d26d015d..9c9267cdf89 100644 --- a/components/tag/package.json +++ b/components/tag/package.json @@ -4,7 +4,7 @@ "description": "The Spectrum CSS tags component", "license": "Apache-2.0", "author": "Adobe", - "homepage": "https://opensource.adobe.com/spectrum-css/tag", + "homepage": "https://opensource.adobe.com/spectrum-css/?path=/docs/components-tag--docs", "repository": { "type": "git", "url": "https://github.com/adobe/spectrum-css.git", @@ -21,15 +21,31 @@ "./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 tag", + "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 tag", + "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 tag" + }, "peerDependencies": { "@spectrum-css/avatar": ">=7", "@spectrum-css/clearbutton": ">=6", @@ -45,16 +61,23 @@ } }, "devDependencies": { - "@spectrum-css/avatar": "workspace:^", - "@spectrum-css/clearbutton": "workspace:^", - "@spectrum-css/icon": "workspace:^", - "@spectrum-css/tokens": "workspace:^" + "@spectrum-css/avatar": "8.0.0-s2-foundations.16", + "@spectrum-css/clearbutton": "7.0.0-s2-foundations.17", + "@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" diff --git a/components/tag/project.json b/components/tag/project.json deleted file mode 100644 index 75db6c663bc..00000000000 --- a/components/tag/project.json +++ /dev/null @@ -1,17 +0,0 @@ -{ - "$schema": "../../node_modules/nx/schemas/project-schema.json", - "name": "tag", - "tags": ["component"], - "targets": { - "build": {}, - "clean": {}, - "compare": {}, - "format": {}, - "lint": {}, - "report": {}, - "test": { - "defaultConfiguration": "scope" - }, - "validate": {} - } -} diff --git a/components/taggroup/package.json b/components/taggroup/package.json deleted file mode 100644 index e3cc7a67e54..00000000000 --- a/components/taggroup/package.json +++ /dev/null @@ -1,57 +0,0 @@ -{ - "name": "@spectrum-css/taggroup", - "version": "6.0.0-s2-foundations.16", - "description": "The Spectrum CSS tag group component", - "license": "Apache-2.0", - "author": "Adobe", - "homepage": "https://opensource.adobe.com/spectrum-css/taggroup", - "repository": { - "type": "git", - "url": "https://github.com/adobe/spectrum-css.git", - "directory": "components/taggroup" - }, - "bugs": { - "url": "https://github.com/adobe/spectrum-css/issues" - }, - "exports": { - ".": "./dist/index.css", - "./*.md": "./*.md", - "./dist/*": "./dist/*", - "./index-*.css": "./dist/index-*.css", - "./index.css": "./dist/index.css", - "./metadata.json": "./metadata/metadata.json", - "./metadata/*": "./metadata/*", - "./package.json": "./package.json" - }, - "main": "dist/index.css", - "files": [ - "dist/*", - "*.md", - "package.json", - "metadata/*" - ], - "peerDependencies": { - "@spectrum-css/tag": ">=9", - "@spectrum-css/tokens": ">=14" - }, - "devDependencies": { - "@spectrum-css/tag": "workspace:^", - "@spectrum-css/tokens": "workspace:^" - }, - "keywords": [ - "spectrum", - "css", - "design system", - "adobe" - ], - "publishConfig": { - "access": "public" - }, - "spectrum": [ - { - "guidelines": "https://spectrum-contributions.corp.adobe.com/page/tag-group-beta", - "rootClass": "spectrum-TagGroup", - "swc": "https://opensource.adobe.com/spectrum-web-components/components/tags/" - } - ] -} diff --git a/components/taggroup/project.json b/components/taggroup/project.json deleted file mode 100644 index e6df51c85ee..00000000000 --- a/components/taggroup/project.json +++ /dev/null @@ -1,17 +0,0 @@ -{ - "$schema": "../../node_modules/nx/schemas/project-schema.json", - "name": "taggroup", - "tags": ["component"], - "targets": { - "build": {}, - "clean": {}, - "compare": {}, - "format": {}, - "lint": {}, - "report": {}, - "test": { - "defaultConfiguration": "scope" - }, - "validate": {} - } -} diff --git a/components/textfield/CHANGELOG.md b/components/text-field/CHANGELOG.md similarity index 100% rename from components/textfield/CHANGELOG.md rename to components/text-field/CHANGELOG.md diff --git a/components/textfield/README.md b/components/text-field/README.md similarity index 100% rename from components/textfield/README.md rename to components/text-field/README.md diff --git a/components/textfield/embed/AlertMedium.svg b/components/text-field/embed/AlertMedium.svg similarity index 100% rename from components/textfield/embed/AlertMedium.svg rename to components/text-field/embed/AlertMedium.svg diff --git a/components/textfield/embed/CheckmarkMedium.svg b/components/text-field/embed/CheckmarkMedium.svg similarity index 100% rename from components/textfield/embed/CheckmarkMedium.svg rename to components/text-field/embed/CheckmarkMedium.svg diff --git a/components/textfield/index.css b/components/text-field/index.css similarity index 100% rename from components/textfield/index.css rename to components/text-field/index.css diff --git a/components/textfield/metadata/metadata.json b/components/text-field/metadata/metadata.json similarity index 100% rename from components/textfield/metadata/metadata.json rename to components/text-field/metadata/metadata.json diff --git a/components/textfield/metadata/mods.md b/components/text-field/metadata/mods.md similarity index 100% rename from components/textfield/metadata/mods.md rename to components/text-field/metadata/mods.md diff --git a/components/text-field/package.json b/components/text-field/package.json new file mode 100644 index 00000000000..14695fb1a78 --- /dev/null +++ b/components/text-field/package.json @@ -0,0 +1,90 @@ +{ + "name": "@spectrum-css/textfield", + "version": "8.0.0-s2-foundations.17", + "description": "The Spectrum CSS textfield component", + "license": "Apache-2.0", + "author": "Adobe", + "homepage": "https://opensource.adobe.com/spectrum-css/?path=/docs/components-text-field--docs", + "repository": { + "type": "git", + "url": "https://github.com/adobe/spectrum-css.git", + "directory": "components/text-field" + }, + "bugs": { + "url": "https://github.com/adobe/spectrum-css/issues" + }, + "exports": { + ".": "./dist/index.css", + "./*.md": "./*.md", + "./dist/*": "./dist/*", + "./index-*.css": "./dist/index-*.css", + "./index.css": "./dist/index.css", + "./metadata.json": "./metadata/metadata.json", + "./metadata/*": "./metadata/*", + "./package.json": "./package.json", + "./stories/*": "./stories/*" + }, + "main": "dist/index.css", + "files": [ + "dist/*", + "*.md", + "package.json", + "metadata/*", + "stories/*" + ], + "scripts": { + "build": "yarn run component:build text-field", + "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 text-field", + "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 text-field" + }, + "peerDependencies": { + "@spectrum-css/helptext": ">=5", + "@spectrum-css/tokens": ">=14" + }, + "peerDependenciesMeta": { + "@spectrum-css/helptext": { + "optional": true + } + }, + "devDependencies": { + "@spectrum-css/helptext": "6.0.0-s2-foundations.16", + "@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", + "spectrum-css", + "adobe", + "adobe-spectrum", + "component", + "css" + ], + "publishConfig": { + "access": "public" + }, + "spectrum": [ + { + "guidelines": "https://spectrum.adobe.com/page/text-field", + "rootClass": "spectrum-Textfield", + "swc": "https://opensource.adobe.com/spectrum-web-components/components/textfield/" + }, + { + "guidelines": "https://spectrum.adobe.com/page/text-area", + "rootClass": "spectrum-Textfield--multiline", + "swc": "https://opensource.adobe.com/spectrum-web-components/components/textarea/" + } + ] +} diff --git a/components/textfield/stories/template.js b/components/text-field/stories/template.js similarity index 96% rename from components/textfield/stories/template.js rename to components/text-field/stories/template.js index 5f20b0abb86..4a4f987e9f3 100644 --- a/components/textfield/stories/template.js +++ b/components/text-field/stories/template.js @@ -1,13 +1,13 @@ -import { Template as FieldLabel } from "@spectrum-css/fieldlabel/stories/template.js"; -import { Template as HelpText } from "@spectrum-css/helptext/stories/template.js"; import { Template as Icon } from "@spectrum-css/icon/stories/template.js"; import { Container, getRandomId } from "@spectrum-css/preview/decorators"; -import { Template as ProgressCircle } from "@spectrum-css/progresscircle/stories/template.js"; import { html } from "lit"; import { classMap } from "lit/directives/class-map.js"; import { ifDefined } from "lit/directives/if-defined.js"; import { styleMap } from "lit/directives/style-map.js"; import { when } from "lit/directives/when.js"; +import { Template as FieldLabel } from "../../field-label/stories/template.js"; +import { Template as HelpText } from "../../help-text/stories/template.js"; +import { Template as ProgressCircle } from "../../progress-circle/stories/template.js"; import "../index.css"; import "../themes/spectrum.css"; diff --git a/components/textfield/stories/textarea.stories.js b/components/text-field/stories/textarea.stories.js similarity index 100% rename from components/textfield/stories/textarea.stories.js rename to components/text-field/stories/textarea.stories.js diff --git a/components/textfield/stories/textarea.template.js b/components/text-field/stories/textarea.template.js similarity index 100% rename from components/textfield/stories/textarea.template.js rename to components/text-field/stories/textarea.template.js diff --git a/components/textfield/stories/textarea.test.js b/components/text-field/stories/textarea.test.js similarity index 100% rename from components/textfield/stories/textarea.test.js rename to components/text-field/stories/textarea.test.js diff --git a/components/textfield/stories/textfield.stories.js b/components/text-field/stories/textfield.stories.js similarity index 100% rename from components/textfield/stories/textfield.stories.js rename to components/text-field/stories/textfield.stories.js diff --git a/components/textfield/stories/textfield.test.js b/components/text-field/stories/textfield.test.js similarity index 100% rename from components/textfield/stories/textfield.test.js rename to components/text-field/stories/textfield.test.js diff --git a/components/textfield/themes/express.css b/components/text-field/themes/express.css similarity index 100% rename from components/textfield/themes/express.css rename to components/text-field/themes/express.css diff --git a/components/textfield/themes/spectrum-two.css b/components/text-field/themes/spectrum-two.css similarity index 100% rename from components/textfield/themes/spectrum-two.css rename to components/text-field/themes/spectrum-two.css diff --git a/components/textfield/themes/spectrum.css b/components/text-field/themes/spectrum.css similarity index 100% rename from components/textfield/themes/spectrum.css rename to components/text-field/themes/spectrum.css diff --git a/components/textfield/package.json b/components/textfield/package.json deleted file mode 100644 index de46cc231b5..00000000000 --- a/components/textfield/package.json +++ /dev/null @@ -1,67 +0,0 @@ -{ - "name": "@spectrum-css/textfield", - "version": "8.0.0-s2-foundations.17", - "description": "The Spectrum CSS textfield component", - "license": "Apache-2.0", - "author": "Adobe", - "homepage": "https://opensource.adobe.com/spectrum-css/textfield", - "repository": { - "type": "git", - "url": "https://github.com/adobe/spectrum-css.git", - "directory": "components/textfield" - }, - "bugs": { - "url": "https://github.com/adobe/spectrum-css/issues" - }, - "exports": { - ".": "./dist/index.css", - "./*.md": "./*.md", - "./dist/*": "./dist/*", - "./index-*.css": "./dist/index-*.css", - "./index.css": "./dist/index.css", - "./metadata.json": "./metadata/metadata.json", - "./metadata/*": "./metadata/*", - "./package.json": "./package.json" - }, - "main": "dist/index.css", - "files": [ - "dist/*", - "*.md", - "package.json", - "metadata/*" - ], - "peerDependencies": { - "@spectrum-css/helptext": ">=5", - "@spectrum-css/tokens": ">=14" - }, - "peerDependenciesMeta": { - "@spectrum-css/helptext": { - "optional": true - } - }, - "devDependencies": { - "@spectrum-css/helptext": "workspace:^", - "@spectrum-css/tokens": "workspace:^" - }, - "keywords": [ - "spectrum", - "css", - "design system", - "adobe" - ], - "publishConfig": { - "access": "public" - }, - "spectrum": [ - { - "guidelines": "https://spectrum.adobe.com/page/text-field", - "rootClass": "spectrum-Textfield", - "swc": "https://opensource.adobe.com/spectrum-web-components/components/textfield/" - }, - { - "guidelines": "https://spectrum.adobe.com/page/text-area", - "rootClass": "spectrum-Textfield--multiline", - "swc": "https://opensource.adobe.com/spectrum-web-components/components/textarea/" - } - ] -} diff --git a/components/textfield/project.json b/components/textfield/project.json deleted file mode 100644 index f785271772c..00000000000 --- a/components/textfield/project.json +++ /dev/null @@ -1,17 +0,0 @@ -{ - "$schema": "../../node_modules/nx/schemas/project-schema.json", - "name": "textfield", - "tags": ["component"], - "targets": { - "build": {}, - "clean": {}, - "compare": {}, - "format": {}, - "lint": {}, - "report": {}, - "test": { - "defaultConfiguration": "scope" - }, - "validate": {} - } -} diff --git a/components/thumbnail/package.json b/components/thumbnail/package.json index 2d499088ba0..edc35443704 100644 --- a/components/thumbnail/package.json +++ b/components/thumbnail/package.json @@ -4,7 +4,7 @@ "description": "The Spectrum CSS thumbnail component", "license": "Apache-2.0", "author": "Adobe", - "homepage": "https://opensource.adobe.com/spectrum-css/thumbnail", + "homepage": "https://opensource.adobe.com/spectrum-css/?path=/docs/components-thumbnail--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 thumbnail", + "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 thumbnail", + "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 thumbnail" + }, "peerDependencies": { "@spectrum-css/opacitycheckerboard": ">=2", "@spectrum-css/tokens": ">=14" }, "devDependencies": { - "@spectrum-css/opacitycheckerboard": "workspace:^", - "@spectrum-css/tokens": "workspace:^" + "@spectrum-css/opacitycheckerboard": "3.0.0-s2-foundations.16", + "@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" diff --git a/components/thumbnail/project.json b/components/thumbnail/project.json deleted file mode 100644 index 1d15d80c9ed..00000000000 --- a/components/thumbnail/project.json +++ /dev/null @@ -1,17 +0,0 @@ -{ - "$schema": "../../node_modules/nx/schemas/project-schema.json", - "name": "thumbnail", - "tags": ["component"], - "targets": { - "build": {}, - "clean": {}, - "compare": {}, - "format": {}, - "lint": {}, - "report": {}, - "test": { - "defaultConfiguration": "scope" - }, - "validate": {} - } -} diff --git a/components/toast/package.json b/components/toast/package.json index fe98edebc8f..32df1a48cd1 100644 --- a/components/toast/package.json +++ b/components/toast/package.json @@ -4,7 +4,7 @@ "description": "The Spectrum CSS toast component", "license": "Apache-2.0", "author": "Adobe", - "homepage": "https://opensource.adobe.com/spectrum-css/toast", + "homepage": "https://opensource.adobe.com/spectrum-css/?path=/docs/components-toast--docs", "repository": { "type": "git", "url": "https://github.com/adobe/spectrum-css.git", @@ -21,15 +21,31 @@ "./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 toast", + "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 toast", + "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 toast" + }, "peerDependencies": { "@spectrum-css/button": ">=13", "@spectrum-css/closebutton": ">=5", @@ -37,16 +53,23 @@ "@spectrum-css/tokens": ">=14" }, "devDependencies": { - "@spectrum-css/button": "workspace:^", - "@spectrum-css/closebutton": "workspace:^", - "@spectrum-css/icon": "workspace:^", - "@spectrum-css/tokens": "workspace:^" + "@spectrum-css/button": "14.0.0-s2-foundations.19", + "@spectrum-css/closebutton": "6.0.0-s2-foundations.17", + "@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" diff --git a/components/toast/project.json b/components/toast/project.json deleted file mode 100644 index 0548bc79406..00000000000 --- a/components/toast/project.json +++ /dev/null @@ -1,17 +0,0 @@ -{ - "$schema": "../../node_modules/nx/schemas/project-schema.json", - "name": "toast", - "tags": ["component"], - "targets": { - "build": {}, - "clean": {}, - "compare": {}, - "format": {}, - "lint": {}, - "report": {}, - "test": { - "defaultConfiguration": "scope" - }, - "validate": {} - } -} diff --git a/components/tooltip/package.json b/components/tooltip/package.json index 40e79bd3d37..7a1d721c835 100644 --- a/components/tooltip/package.json +++ b/components/tooltip/package.json @@ -4,7 +4,7 @@ "description": "The Spectrum CSS tooltip component", "license": "Apache-2.0", "author": "Adobe", - "homepage": "https://opensource.adobe.com/spectrum-css/tooltip", + "homepage": "https://opensource.adobe.com/spectrum-css/?path=/docs/components-tooltip--docs", "repository": { "type": "git", "url": "https://github.com/adobe/spectrum-css.git", @@ -21,29 +21,52 @@ "./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 tooltip", + "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 tooltip", + "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 tooltip" + }, "peerDependencies": { "@spectrum-css/icon": ">=7", "@spectrum-css/tokens": ">=14" }, "devDependencies": { "@spectrum-css/commons": "workspace:^", - "@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" diff --git a/components/tooltip/project.json b/components/tooltip/project.json deleted file mode 100644 index 87432b28b61..00000000000 --- a/components/tooltip/project.json +++ /dev/null @@ -1,17 +0,0 @@ -{ - "$schema": "../../node_modules/nx/schemas/project-schema.json", - "name": "tooltip", - "tags": ["component"], - "targets": { - "build": {}, - "clean": {}, - "compare": {}, - "format": {}, - "lint": {}, - "report": {}, - "test": { - "defaultConfiguration": "scope" - }, - "validate": {} - } -} diff --git a/components/tray/package.json b/components/tray/package.json index afac3d55c9a..db49644411d 100644 --- a/components/tray/package.json +++ b/components/tray/package.json @@ -4,7 +4,7 @@ "description": "The Spectrum CSS tray component", "license": "Apache-2.0", "author": "Adobe", - "homepage": "https://opensource.adobe.com/spectrum-css/tray", + "homepage": "https://opensource.adobe.com/spectrum-css/?path=/docs/components-tray--docs", "repository": { "type": "git", "url": "https://github.com/adobe/spectrum-css.git", @@ -21,15 +21,31 @@ "./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 tray", + "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 tray", + "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 tray" + }, "peerDependencies": { "@spectrum-css/button": ">=13", "@spectrum-css/dialog": ">=10", @@ -47,18 +63,25 @@ } }, "devDependencies": { - "@spectrum-css/button": "workspace:^", - "@spectrum-css/dialog": "workspace:^", - "@spectrum-css/divider": "workspace:^", - "@spectrum-css/icon": "workspace:^", - "@spectrum-css/modal": "workspace:^", - "@spectrum-css/tokens": "workspace:^" + "@spectrum-css/button": "14.0.0-s2-foundations.19", + "@spectrum-css/dialog": "11.0.0-s2-foundations.16", + "@spectrum-css/divider": "4.0.0-s2-foundations.16", + "@spectrum-css/icon": "8.0.0-s2-foundations.18", + "@spectrum-css/modal": "6.0.0-s2-foundations.17", + "@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" diff --git a/components/tray/project.json b/components/tray/project.json deleted file mode 100644 index c943dcbd9b5..00000000000 --- a/components/tray/project.json +++ /dev/null @@ -1,17 +0,0 @@ -{ - "$schema": "../../node_modules/nx/schemas/project-schema.json", - "name": "tray", - "tags": ["component"], - "targets": { - "build": {}, - "clean": {}, - "compare": {}, - "format": {}, - "lint": {}, - "report": {}, - "test": { - "defaultConfiguration": "scope" - }, - "validate": {} - } -} diff --git a/components/treeview/package.json b/components/treeview/package.json index 1c08981828d..56bb621d9f8 100644 --- a/components/treeview/package.json +++ b/components/treeview/package.json @@ -4,7 +4,7 @@ "description": "The Spectrum CSS Tree view component", "license": "Apache-2.0", "author": "Adobe", - "homepage": "https://opensource.adobe.com/spectrum-css/treeview", + "homepage": "https://opensource.adobe.com/spectrum-css/?path=/docs/components-treeview--docs", "repository": { "type": "git", "url": "https://github.com/adobe/spectrum-css.git", @@ -21,15 +21,31 @@ "./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 treeview", + "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 treeview", + "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 treeview" + }, "peerDependencies": { "@spectrum-css/icon": ">=7", "@spectrum-css/thumbnail": ">=6", @@ -41,15 +57,22 @@ } }, "devDependencies": { - "@spectrum-css/icon": "workspace:^", - "@spectrum-css/thumbnail": "workspace:^", - "@spectrum-css/tokens": "workspace:^" + "@spectrum-css/icon": "8.0.0-s2-foundations.18", + "@spectrum-css/thumbnail": "7.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" diff --git a/components/treeview/project.json b/components/treeview/project.json deleted file mode 100644 index 94d7260b732..00000000000 --- a/components/treeview/project.json +++ /dev/null @@ -1,17 +0,0 @@ -{ - "$schema": "../../node_modules/nx/schemas/project-schema.json", - "name": "treeview", - "tags": ["component"], - "targets": { - "build": {}, - "clean": {}, - "compare": {}, - "format": {}, - "lint": {}, - "report": {}, - "test": { - "defaultConfiguration": "scope" - }, - "validate": {} - } -} diff --git a/components/typography/package.json b/components/typography/package.json index e543d6159e8..51d1f4b24e3 100644 --- a/components/typography/package.json +++ b/components/typography/package.json @@ -4,7 +4,7 @@ "description": "The Spectrum CSS typography component", "license": "Apache-2.0", "author": "Adobe", - "homepage": "https://opensource.adobe.com/spectrum-css/typography", + "homepage": "https://opensource.adobe.com/spectrum-css/?path=/docs/components-typography--docs", "repository": { "type": "git", "url": "https://github.com/adobe/spectrum-css.git", @@ -21,26 +21,49 @@ "./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 typography", + "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 typography", + "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 typography" + }, "peerDependencies": { "@spectrum-css/tokens": ">=14.5.0" }, "devDependencies": { - "@spectrum-css/tokens": "workspace:^" + "@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" diff --git a/components/typography/project.json b/components/typography/project.json deleted file mode 100644 index 7f234f132ec..00000000000 --- a/components/typography/project.json +++ /dev/null @@ -1,17 +0,0 @@ -{ - "$schema": "../../node_modules/nx/schemas/project-schema.json", - "name": "typography", - "tags": ["component"], - "targets": { - "build": {}, - "clean": {}, - "compare": {}, - "format": {}, - "lint": {}, - "report": {}, - "test": { - "defaultConfiguration": "scope" - }, - "validate": {} - } -} diff --git a/components/underlay/package.json b/components/underlay/package.json index f85fa65b1d4..b3a03865d76 100644 --- a/components/underlay/package.json +++ b/components/underlay/package.json @@ -4,7 +4,7 @@ "description": "The Spectrum CSS underlay component", "license": "Apache-2.0", "author": "Adobe", - "homepage": "https://opensource.adobe.com/spectrum-css/", + "homepage": "https://opensource.adobe.com/spectrum-css/?path=/docs/components-underlay--docs", "repository": { "type": "git", "url": "https://github.com/adobe/spectrum-css.git", @@ -21,26 +21,50 @@ "./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 underlay", + "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 underlay", + "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 underlay" + }, "peerDependencies": { "@spectrum-css/tokens": ">=14" }, "devDependencies": { - "@spectrum-css/commons": "workspace:^" + "@spectrum-css/commons": "workspace:^", + "@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" diff --git a/components/underlay/project.json b/components/underlay/project.json deleted file mode 100644 index 623174c1c06..00000000000 --- a/components/underlay/project.json +++ /dev/null @@ -1,17 +0,0 @@ -{ - "$schema": "../../node_modules/nx/schemas/project-schema.json", - "name": "underlay", - "tags": ["component"], - "targets": { - "build": {}, - "clean": {}, - "compare": {}, - "format": {}, - "lint": {}, - "report": {}, - "test": { - "defaultConfiguration": "scope" - }, - "validate": {} - } -} diff --git a/components/well/package.json b/components/well/package.json index 7f62aa8bb40..2cb3b625386 100644 --- a/components/well/package.json +++ b/components/well/package.json @@ -4,7 +4,7 @@ "description": "The Spectrum CSS well component", "license": "Apache-2.0", "author": "Adobe", - "homepage": "https://opensource.adobe.com/spectrum-css/well", + "homepage": "https://opensource.adobe.com/spectrum-css/?path=/docs/components-well--docs", "repository": { "type": "git", "url": "https://github.com/adobe/spectrum-css.git", @@ -21,26 +21,49 @@ "./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 well", + "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 well", + "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 well" + }, "peerDependencies": { "@spectrum-css/tokens": ">=14" }, "devDependencies": { - "@spectrum-css/tokens": "workspace:^" + "@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" diff --git a/components/well/project.json b/components/well/project.json deleted file mode 100644 index 3dbb0953f42..00000000000 --- a/components/well/project.json +++ /dev/null @@ -1,17 +0,0 @@ -{ - "$schema": "../../node_modules/nx/schemas/project-schema.json", - "name": "well", - "tags": ["component"], - "targets": { - "build": {}, - "clean": {}, - "compare": {}, - "format": {}, - "lint": {}, - "report": {}, - "test": { - "defaultConfiguration": "scope" - }, - "validate": {} - } -} diff --git a/generator/package.json b/generator/package.json index fcd6c9976bf..fbcb82a6600 100644 --- a/generator/package.json +++ b/generator/package.json @@ -15,6 +15,10 @@ }, "type": "module", "main": "plopfile.js", + "files": [ + "*.md", + "package.json" + ], "scripts": { "new": "plop", "test": "echo \"Error: no test specified\" && exit 1" @@ -24,5 +28,12 @@ "inquirer": "^9.2.23", "inquirer-autocomplete-prompt": "^3.0.1", "plop": "^4.0.1" - } + }, + "keywords": [ + "design-system", + "spectrum", + "spectrum-css", + "adobe", + "adobe-spectrum" + ] } diff --git a/lint-staged.config.js b/lint-staged.config.js index 358bbfa8d86..60b7e2d0c4c 100644 --- a/lint-staged.config.js +++ b/lint-staged.config.js @@ -1,9 +1,10 @@ module.exports = { "*.css,!plugins/*/{expected,fixtures}/*.css": [ + "stylelint --fix --cache --allow-empty-input", "prettier --no-error-on-unmatched-pattern --ignore-unknown --log-level silent --write", ], "*.{js,json}": [ - "eslint --fix --cache --no-error-on-unmatched-pattern --quiet --ignore-pattern \"!.storybook/\"" + "eslint --fix --cache --no-error-on-unmatched-pattern --quiet" ], "dist/*.css": [ "prettier --no-config --no-error-on-unmatched-pattern --ignore-unknown --log-level silent --write" diff --git a/nx.json b/nx.json deleted file mode 100644 index 6a47731bd56..00000000000 --- a/nx.json +++ /dev/null @@ -1,206 +0,0 @@ -{ - "$schema": "./node_modules/nx/schemas/nx-schema.json", - "cli": { - "analytics": false, - "packageManager": "yarn", - "warnings": { - "versionMismatch": true - } - }, - "namedInputs": { - "core": ["{projectRoot}/*.css", "{projectRoot}/themes/*.css"], - "eslint": ["{workspaceRoot}/.eslintrc"], - "metadata": ["{projectRoot}/metadata/*.json"], - "prettier": ["{workspaceRoot}/.prettierrc"], - "scripts": ["{projectRoot}/stories/*.js"], - "stylelint": [ - "{workspaceRoot}/.stylelintignore", - "{workspaceRoot}/stylelint.config.js", - "{workspaceRoot}/plugins/stylelint-*/index.js" - ], - "tools": [ - "{projectRoot}/*.json", - "{workspaceRoot}/postcss.config.mjs", - "{workspaceRoot}/plugins/postcss-*/index.js" - ] - }, - "pluginsConfig": { - "@nx/js": { - "analyzeSourceFiles": false - } - }, - "targetDefaults": { - "build": { - "cache": true, - "dependsOn": [ - "^build", - "clean", - { "projects": "tokens", "target": "build" } - ], - "executor": "nx:run-commands", - "inputs": [ - "core", - "tools", - "{workspaceRoot}/tasks/component-builder.js", - "!{projectRoot}/stories/*.js", - "{workspaceRoot}/tasks/component-builder.js", - { "externalDependencies": ["postcss"] }, - { "env": "NODE_ENV" } - ], - "options": { - "commands": [ - "cross-env NODE_OPTIONS=\"--no-warnings\" node -e 'require(\"./tasks/component-builder.js\").default()'" - ] - }, - "outputs": [ - "{projectRoot}/dist/*.css", - "{projectRoot}/dist/themes/*.css" - ] - }, - "clean": { - "cache": true, - "executor": "nx:run-commands", - "inputs": [ - "{projectRoot}/dist/*.{css,json}", - "{projectRoot}/dist/**/*.{css,json}", - "{projectRoot}/dist/*.map", - "{projectRoot}/dist/**/*.map", - { "externalDependencies": ["rimraf"] } - ], - "options": { - "commands": [ - "rimraf {projectRoot}/dist", - "test -d {projectRoot}/dist && echo \"Error: dist directory could not be removed\" && exit 1 || exit 0" - ], - "parallel": false - }, - "outputs": [] - }, - "compare": { - "cache": true, - "dependsOn": ["build"], - "executor": "nx:run-commands", - "inputs": [ - "{workspaceRoot}/tasks/compare-compiled-output.js", - { "dependentTasksOutputFiles": "dist/*.css", "transitive": true }, - { - "externalDependencies": [ - "fast-glob", - "tar", - "lodash", - "nunjucks", - "rimraf", - "npm-registry-fetch", - "yargs", - "diff", - "diff2html", - "colors" - ] - }, - { "env": "NODE_ENV" } - ], - "options": { - "commands": [ - "node --no-warnings ./tasks/compare-compiled-output.js $NX_TASK_TARGET_PROJECT" - ] - }, - "outputs": ["{workspaceRoot}/.diff-output"] - }, - "format": { - "cache": true, - "executor": "nx:run-commands", - "inputs": [ - "core", - "scripts", - "stylelint", - "eslint", - "prettier", - { "externalDependencies": ["stylelint", "eslint", "prettier"] } - ], - "options": { - "commands": [ - "stylelint --fix --cache --allow-empty-input {projectRoot}/*.css {projectRoot}/**/*.css", - "eslint --fix --cache --no-error-on-unmatched-pattern {projectRoot}/*.json {projectRoot}/stories/*.js", - "prettier --write --cache --log-level error --ignore-unknown --no-error-on-unmatched-pattern {projectRoot}/*.{md,mdx} {projectRoot}/**/*.{md,mdx}" - ] - } - }, - "lint": { - "cache": true, - "executor": "nx:run-commands", - "inputs": [ - "core", - "scripts", - "stylelint", - "eslint", - "prettier", - { "externalDependencies": ["stylelint", "eslint", "prettier"] } - ], - "options": { - "commands": [ - "stylelint --cache --allow-empty-input --report-descriptionless-disables --report-invalid-scope-disables --report-needless-disables {projectRoot}/*.css {projectRoot}/**/*.css --ignore-pattern {projectRoot}/dist", - "eslint --cache --no-error-on-unmatched-pattern --report-unused-disable-directives {projectRoot}/*.{js,json} {projectRoot}/**/*.{js,json} --ignore-pattern {projectRoot}/dist || exit 0" - ] - } - }, - "report": { - "cache": true, - "executor": "nx:run-commands", - "inputs": [ - "core", - "tools", - "{workspaceRoot}/tasks/component-report.js", - { "env": "NODE_ENV" } - ], - "options": { - "commands": [ - "cross-env NODE_OPTIONS=\"--no-warnings\" node -e 'require(\"./tasks/component-reporter.js\").default()'" - ] - }, - "outputs": [ - "{projectRoot}/metadata/metadata.json" - ] - }, - "test": { - "cache": true, - "configurations": { - "plugins": { - "commands": ["ava test.js"], - "cwd": "{projectRoot}", - "inputs": [ - "{projectRoot}/index.js", - "{projectRoot}/test.js", - "{projectRoot}/expected/*.css", - "{projectRoot}/fixtures/*.css" - ] - }, - "scope": { - "commands": [ - "chromatic --build-script-name build --junit-report --only-story-names --skip '@(changeset-release/**|dependabot/**)'" - ] - } - }, - "executor": "nx:run-commands", - "inputs": ["scripts", "tools", { "externalDependencies": ["chromatic"] }], - "options": { - "commands": [ - "chromatic --only-changed --build-script-name build --junit-report" - ], - "cwd": ".storybook" - } - }, - "validate": { - "executor": "nx:run-commands", - "inputs": [ - "{workspaceRoot}/schemas/metadata.schema.json", - "metadata", - { "externalDependencies": ["pajv"] } - ], - "options": { - "commands": [ - "test -e {projectRoot}/metadata && pajv validate -s ./schemas/metadata.schema.json -d \"{projectRoot}/metadata/metadata.json\" || exit 0" - ] - } - } - } -} diff --git a/package.json b/package.json index 00e94cbfc7f..c45dfa91d1f 100644 --- a/package.json +++ b/package.json @@ -12,25 +12,27 @@ "bugs": { "url": "https://github.com/adobe/spectrum-css/issues" }, + "files": [ + "*.md", + "package.json" + ], "scripts": { - "build": "yarn builder tag:component,ui-icons", - "build:docs": "nx build storybook --output-dir ../dist/", - "build:preview": "nx build storybook", - "builder": "nx run-many --target build report --projects", + "build": "yarn workspaces foreach --topological-dev --all --exclude \"plugins/*\" run build", + "build:docs": "yarn workspace @spectrum-css/preview run build:docs", + "build:full": "yarn workspaces foreach --topological --all --include \"components/*\" run build:full", "changeset": "changeset", - "ci": "cross-env NODE_ENV=production yarn builder tag:component,ui-icons --skip-nx-cache", - "ci:storybook": "cross-env NODE_ENV=development nx run storybook:build:ci --skip-nx-cache", - "clean": "yarn cleaner tag:component", - "clean:docs": "rimraf dist", - "clean:preview": "nx clean storybook", - "cleaner": "nx run-many --target clean --projects", - "compare": "cross-env NODE_ENV=production node --no-warnings ./tasks/compare-compiled-output.js", - "dev": "cross-env NODE_ENV=development nx run storybook:build:docs", - "format": "yarn formatter tag:component", - "formatter": "nx run-many --target format --projects", - "lint": "yarn linter tag:component", - "linter": "nx run-many --target lint --verbose --projects", - "new": "nx run @spectrum-css/generator:new", + "ci": "cross-env NODE_ENV=production yarn build:full", + "ci:storybook": "cross-env NODE_ENV=development yarn workspace @spectrum-css/preview run build:ci", + "clean": "yarn workspaces foreach --topological --all --include \"components/*\" run clean", + "clean:docs": "yarn workspace @spectrum-css/preview run clean:docs", + "clean:preview": "yarn workspace @spectrum-css/preview run clean", + "compare": "cross-env NODE_ENV=production node --no-warnings ./tasks/component-compare.js", + "component:build": "node --no-warnings ./tasks/component-builder.js", + "component:compare": "node --no-warnings ./tasks/component-compare.js", + "component:report": "node --no-warnings ./tasks/component-reporter.js", + "format": "yarn workspaces foreach --topological --all --include \"components/*\" run format", + "lint": "yarn workspaces foreach --topological --all --include \"components/*\" run lint", + "new": "yarn workspace @spectrum-css/generator run new", "postinstall": "husky || true && yarn refresh", "precommit": "lint-staged --allow-empty --config lint-staged.config.js", "publish:docs": "cross-env NODE_ENV=production yarn build:docs && gh-pages -d dist/ -f -e . --nojekyll", @@ -38,14 +40,12 @@ "refresh:config": "bash ./tasks/chromatic-config-creation.sh || exit 0", "refresh:env": "bash ./tasks/copy-env-from-root.sh || exit 0", "release": "yarn ci && changeset publish", - "report": "yarn reporter tag:component", - "reporter": "nx run-many --target report --projects", - "start": "cross-env NODE_ENV=development nx start storybook", - "test": "cross-env NODE_ENV=development nx test storybook", - "test:plugins": "cross-env NODE_ENV=production nx run-many --target test --projects tag:plugin", - "tester": "cross-env NODE_ENV=development nx run storybook:test:scope", - "validate": "yarn validator tag:component", - "validator": "nx run-many --target validate --verbose --projects", + "report": "yarn workspaces foreach --topological --all --include \"components/*\" run report", + "start": "cross-env NODE_ENV=development yarn workspace @spectrum-css/preview run start", + "test": "cross-env NODE_ENV=development yarn workspace @spectrum-css/preview run test", + "test:plugins": "cross-env NODE_ENV=production yarn workspaces foreach --topological --all --include \"plugins/*\" run test", + "tester": "cross-env NODE_ENV=development yarn workspace @spectrum-css/preview run test:scope", + "validate": "yarn workspaces foreach --topological --all --include \"components/*\" run validate", "version:packages": "changeset version && yarn --mode=\"update-lockfile\"" }, "workspaces": [ @@ -62,11 +62,11 @@ "@changesets/cli": "^2.27.10", "@commitlint/cli": "^19.6.1", "@commitlint/config-conventional": "^19.6.0", - "@nx/devkit": "^19.8.2", "@spectrum-css/tokens-legacy": "npm:@spectrum-css/tokens@^14.6.0", "@spectrum-tools/postcss-add-theming-layer": "workspace:^", "@spectrum-tools/postcss-property-rollup": "workspace:^", "@spectrum-tools/postcss-rgb-mapping": "workspace:^", + "@yarnpkg/types": "^4.0.0", "at-rule-packer": "^0.4.2", "autoprefixer": "^10.4.19", "colors": "^1.4.0", @@ -86,8 +86,8 @@ "lodash": "^4.17.21", "node-gyp": "^10.1.0", "npm-registry-fetch": "^18.0.2", + "npm-run-all2": "^7.0.2", "nunjucks": "^3.2.4", - "nx": "^19.8.2", "open": "^10.1.0", "pajv": "^1.2.0", "postcss": "^8.4.49", @@ -114,6 +114,13 @@ "tar": "^7.4.3", "yargs": "^17.7.2" }, + "keywords": [ + "design-system", + "spectrum", + "spectrum-css", + "adobe", + "adobe-spectrum" + ], "engines": { "node": ">=20" }, diff --git a/plugins/postcss-add-theming-layer/package.json b/plugins/postcss-add-theming-layer/package.json index 5dba516c2a3..bc673711d68 100644 --- a/plugins/postcss-add-theming-layer/package.json +++ b/plugins/postcss-add-theming-layer/package.json @@ -7,6 +7,15 @@ "contributors": [ "Cassondra Roberts " ], + "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", diff --git a/plugins/postcss-property-rollup/package.json b/plugins/postcss-property-rollup/package.json index 465ec28cb72..e4eb75746dd 100644 --- a/plugins/postcss-property-rollup/package.json +++ b/plugins/postcss-property-rollup/package.json @@ -7,6 +7,15 @@ "contributors": [ "Cassondra Roberts " ], + "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", diff --git a/plugins/postcss-rgb-mapping/package.json b/plugins/postcss-rgb-mapping/package.json index e282e7d49a4..a3630ddde4b 100644 --- a/plugins/postcss-rgb-mapping/package.json +++ b/plugins/postcss-rgb-mapping/package.json @@ -8,6 +8,15 @@ "contributors": [ "Cassondra Roberts " ], + "homepage": "https://opensource.adobe.com/spectrum-css", + "repository": { + "type": "git", + "url": "https://github.com/adobe/spectrum-css.git", + "directory": "plugins/postcss-rgb-mapping" + }, + "bugs": { + "url": "https://github.com/adobe/spectrum-css/issues" + }, "main": "index.js", "files": [ "package.json", diff --git a/plugins/stylelint-no-missing-var/package.json b/plugins/stylelint-no-missing-var/package.json index b849a2214b9..8dae609ee76 100644 --- a/plugins/stylelint-no-missing-var/package.json +++ b/plugins/stylelint-no-missing-var/package.json @@ -7,16 +7,25 @@ "contributors": [ "Cassondra Roberts " ], + "homepage": "https://opensource.adobe.com/spectrum-css", + "repository": { + "type": "git", + "url": "https://github.com/adobe/spectrum-css.git", + "directory": "plugins/stylelint-no-missing-var" + }, + "bugs": { + "url": "https://github.com/adobe/spectrum-css/issues" + }, "type": "module", "main": "index.js", - "scripts": { - "test": "ava" - }, "files": [ "package.json", "index.js", "*.md" ], + "scripts": { + "test": "ava" + }, "dependencies": { "colors": "^1.4.0" }, diff --git a/plugins/stylelint-no-unknown-custom-properties/package.json b/plugins/stylelint-no-unknown-custom-properties/package.json index 7420f9aa7d6..45296fabe3d 100644 --- a/plugins/stylelint-no-unknown-custom-properties/package.json +++ b/plugins/stylelint-no-unknown-custom-properties/package.json @@ -8,6 +8,15 @@ "contributors": [ "Cassondra Roberts " ], + "homepage": "https://opensource.adobe.com/spectrum-css", + "repository": { + "type": "git", + "url": "https://github.com/adobe/spectrum-css.git", + "directory": "plugins/stylelint-no-unknown-custom-properties" + }, + "bugs": { + "url": "https://github.com/adobe/spectrum-css/issues" + }, "type": "module", "main": "index.js", "files": [ diff --git a/plugins/stylelint-no-unused-custom-properties/package.json b/plugins/stylelint-no-unused-custom-properties/package.json index 42786cf2915..1ba48226c97 100644 --- a/plugins/stylelint-no-unused-custom-properties/package.json +++ b/plugins/stylelint-no-unused-custom-properties/package.json @@ -7,6 +7,15 @@ "contributors": [ "Cassondra Roberts " ], + "homepage": "https://opensource.adobe.com/spectrum-css", + "repository": { + "type": "git", + "url": "https://github.com/adobe/spectrum-css.git", + "directory": "plugins/stylelint-no-unused-custom-properties" + }, + "bugs": { + "url": "https://github.com/adobe/spectrum-css/issues" + }, "type": "module", "main": "index.js", "files": [ diff --git a/plugins/stylelint-theme-alignment/package.json b/plugins/stylelint-theme-alignment/package.json index dab297b1d40..c21634aa70e 100644 --- a/plugins/stylelint-theme-alignment/package.json +++ b/plugins/stylelint-theme-alignment/package.json @@ -7,6 +7,15 @@ "contributors": [ "Cassondra Roberts " ], + "homepage": "https://opensource.adobe.com/spectrum-css", + "repository": { + "type": "git", + "url": "https://github.com/adobe/spectrum-css.git", + "directory": "plugins/stylelint-theme-alignment" + }, + "bugs": { + "url": "https://github.com/adobe/spectrum-css/issues" + }, "type": "module", "main": "index.js", "files": [ diff --git a/tasks/clean-up-after-migration.sh b/tasks/clean-up-after-migration.sh deleted file mode 100644 index 101f07e82ee..00000000000 --- a/tasks/clean-up-after-migration.sh +++ /dev/null @@ -1,49 +0,0 @@ -#!/usr/bin/bash - -# Copyright 2024 Adobe. All rights reserved. -# This file is licensed to you under the Apache License, Version 2.0 (the "License"); -# you may not use this file except in compliance with the License. You may obtain a copy -# of the License at http://www.apache.org/licenses/LICENSE-2.0 - -# Unless required by applicable law or agreed to in writing, software distributed under -# the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS -# OF ANY KIND, either express or implied. See the License for the specific language -# governing permissions and limitations under the License. - -# After migrating from our old build system, there are a lot of empty folders hanging out still -# This script aims to clean up those folders - -# Legacy tools folder (included storybook & generator) -# test -d "tools" && rm -rf tools - -test -d "tools" && rm -rf tools - -# Remove deprecated files -for folder in components/*; do - # Only processing nested folders, not top-level files - if [[ ! -d "$folder" ]]; then continue; fi - - # If the folder does not contain a package.json, remove it - if [[ ! -f "$folder/package.json" ]]; then - rm -rf $folder - else - test -f $folder/.npmignore && rm -rf $folder/.npmignore - - # Migrated icons assets - if [[ $folder == "components/icon" ]]; then - test -d $folder/combined && rm -rf $folder/combined - test -d $folder/large && rm -rf $folder/large - test -d $folder/medium && rm -rf $folder/medium - fi - fi -done - -for folder in plugins/*; do - # Only processing nested folders, not top-level files - if [[ ! -d "$folder" ]]; then continue; fi - - # If the folder does not contain a package.json, remove it - if [[ ! -f "$folder/package.json" ]]; then - rm -rf $folder - fi -done diff --git a/tasks/component-builder.js b/tasks/component-builder.js index 6e914efdefb..158d1af73de 100644 --- a/tasks/component-builder.js +++ b/tasks/component-builder.js @@ -11,12 +11,13 @@ * governing permissions and limitations under the License. */ -/* eslint-disable no-console */ - const fs = require("fs"); const fsp = fs.promises; const path = require("path"); +const { hideBin } = require("yargs/helpers"); +const yargs = require("yargs"); + const postcss = require("postcss"); const postcssrc = require("postcss-load-config"); const prettier = require("prettier"); @@ -27,9 +28,11 @@ const { dirs, relativePrint, writeAndReport, + getAllComponentNames, getPackageFromPath, cleanFolder, validateComponentName, + runAndReportToConsole, fetchContent, } = require("./utilities.js"); @@ -99,10 +102,10 @@ async function processCSS( if (!fs.existsSync(path.dirname(output))) { await fsp.mkdir(path.dirname(output), { recursive: true }).catch((err) => { if (!err) return; - console.log( + return Promise.reject([ `${"✗".red} problem making the ${relativePrint(path.dirname(output), { cwd }).yellow} directory`, - ); - return Promise.reject(err); + err, + ]); }); } @@ -236,73 +239,44 @@ async function buildThemes({ cwd = process.cwd(), clean = false } = {}) { /** * The main entry point for this tool; this builds a CSS component * @param {object} config - * @param {string} [config.componentName=process.env.NX_TASK_TARGET_PROJECT] - Current working directory for the component being built + * @param {string} [config.componentName] - Current working directory for the component being built * @param {string} [config.cwd=] - Current working directory for the component being built * @param {boolean} [config.clean=false] - Should the built assets be cleaned before running the build * @returns Promise */ async function main({ - componentName = process.env.NX_TASK_TARGET_PROJECT, - cwd, - clean, + folderName, + // Local path stored in process.env.INIT_CWD + cwd = process.env.INIT_CWD, + clean = true, } = {}) { - if (!cwd && componentName) { - cwd = path.join(dirs.components, componentName); - } - - if (!componentName) { - componentName = cwd - ? getPackageFromPath(cwd) - : process.env.NX_TASK_TARGET_PROJECT; - } - if (typeof clean === "undefined") { clean = process.env.NODE_ENV === "production"; } - const key = `[build] ${`@spectrum-css/${componentName}`.cyan}`; - console.time(key); - - return Promise.all([ + return runAndReportToConsole((cwd) => ([ ...(clean ? [cleanFolder({ cwd })] : []), build({ cwd, clean }), buildThemes({ cwd, clean }), - ]) - .then((report) => { - const logs = report.flat(Infinity).filter(Boolean); - - console.log(`\n\n${key} 🔨`); - console.log(`${"".padStart(30, "-")}`); - - if (logs && logs.length > 0) { - logs - .sort((a) => { - if (typeof a === "string" && a.includes("✓")) return -1; - if (typeof a === "string" && a.includes("🔍")) return 0; - return 1; - }) - .forEach((log) => console.log(log)); - } - else console.log("No assets created.".gray); - - console.log(`${"".padStart(30, "-")}`); - console.timeEnd(key); - console.log(""); - }) - .catch((err) => { - console.log(`\n\n${key} 🔨`); - console.log(`${"".padStart(30, "-")}`); - - console.trace(err); - - console.log(`${"".padStart(30, "-")}`); - console.timeEnd(key); - console.log(""); - - process.exit(1); - }); + ]), { + taskLabel: "build", + taskIcon: "🔨", + folderName, + cwd, + }); } exports.processCSS = processCSS; exports.fetchContent = fetchContent; exports.default = main; + +let { + _: components = getAllComponentNames(), + clean = true, + // @todo allow to run against local main or published versions +} = yargs(hideBin(process.argv)).argv; + +Promise.all(components.map((folderName) => { + const cwd = path.join(dirs.components, folderName); + return main({ folderName, cwd, build, clean }); +})).then(() => process.exit(0)); diff --git a/tasks/compare-compiled-output.js b/tasks/component-compare.js similarity index 73% rename from tasks/compare-compiled-output.js rename to tasks/component-compare.js index 37b534c4251..77c0705feb6 100644 --- a/tasks/compare-compiled-output.js +++ b/tasks/component-compare.js @@ -1,10 +1,9 @@ -const { existsSync, statSync, readdirSync, mkdirSync } = require("fs"); +const { existsSync, statSync, mkdirSync } = require("fs"); const { readFile, writeFile } = require("fs").promises; const { join, relative, dirname } = require("path"); const fg = require("fast-glob"); const tar = require("tar"); -const _ = require("lodash"); const nunjucks = require("nunjucks"); const env = new nunjucks.Environment(); @@ -22,10 +21,12 @@ const { default: builder } = require("./component-builder.js"); require("colors"); -const pathing = { - root: join(__dirname, "../"), - components: join(__dirname, "../components"), -}; +const { + dirs, + getAllComponentNames, +} = require("./utilities.js"); + +const pathing = {}; const bytesToSize = function (bytes) { if (bytes === 0) return "0"; @@ -48,7 +49,8 @@ env.addFilter("hasChange", (data) => { }); const log = { - error: (err) => process.stderr.write(`${err}\n\n`), + error: (err) => process.stderr.write(`🚫 ${err}\n\n`), + warning: (err) => process.stderr.write(`⚠️ ${err}\n`), write: (msg) => process.stdout.write(msg), writeTable: (data, { min = 20, max = 30 } = {}) => { // This utility function is used to print a table of data to the console @@ -75,10 +77,7 @@ const cleanAndMkdir = (path, clean = true) => { mkdirSync(isFile ? dirname(path) : path, { recursive: true }); }; -const allComponents = - readdirSync(pathing.components, { withFileTypes: true }) - ?.filter((file) => file.isDirectory()) - .map((file) => file.name) ?? []; +const allComponents = getAllComponentNames(); async function renderTemplate( templateFile, @@ -150,37 +149,57 @@ async function generateDiff({ ...renderData, html, }, - join(outputPath, `index.html`) + join(outputPath, "index.html") ); } async function processComponent( - component, + folderName, { cwd, output = pathing.output, cacheLocation = pathing.cache, + targetTag = "latest", } ) { - if (!component) return Promise.reject("No component specified."); + if (!folderName) return Promise.reject("No component folder specified."); + + const packageName = `@spectrum-css/${folderName.replaceAll("-", "")}`; + + let pkgPath = require.resolve(`${packageName}/package.json`); + + // If no current working directory is provided, try to find it from the package.json + if (!cwd && pkgPath) { + cwd = dirname(pkgPath).split("/").slice(0, -1).join("/"); + } + // If a current working directory is provided, but we weren't able to resolve the + // path using the package name, try to find it using the cwd + else if (!pkgPath && cwd) { + pkgPath = require.resolve(`${cwd}/package.json`); + } + + // Get the package.json data for the component or fake it if it doesn't exist + const pkg = pkgPath && existsSync(pkgPath) ? require(pkgPath) : { name: packageName }; + + /* Force the build to be done in production mode */ + const prevState = process.env.NODE_ENV; + process.env.NODE_ENV = "production"; // Build the component fresh await builder({ - componentName: component, + folderName, + cwd, clean: true, }); - cleanAndMkdir(join(output, "diffs", component)); - cleanAndMkdir(join(pathing.latest, component)); + /* Return to the original state when the build is complete */ + process.env.NODE_ENV = prevState; - const pkgPath = require.resolve(`@spectrum-css/${component}/package.json`) ?? join(cwd, component, "package.json"); - const pkg = pkgPath && existsSync(pkgPath) - ? require(pkgPath) - : { name: `@spectrum-css/${component}` }; + // Log a few extra newlines to separate the output + log.write("\n\n"); - if (!cwd && pkgPath) { - cwd = dirname(pkgPath).split("/").slice(0, -1).join("/"); - } + cleanAndMkdir(join(output, "diffs", folderName)); + cleanAndMkdir(join(pathing.tag, folderName)); let tag; let found = 0; @@ -190,18 +209,19 @@ async function processComponent( const warnings = []; // Check if the component exists locally and has compiled output - if (existsSync(join(cwd, component))) { + if (existsSync(cwd)) { found++; // Note: component might exist locally but might not contain any compiled output const files = - (await fg("**/*.css", { cwd: join(cwd, component, "dist") })) ?? []; + (await fg("**/*.css", { cwd: join(cwd, "dist") })) ?? []; files.forEach((file) => filelist.add(file)); - } else { + } + else { warnings.push( `${ - `${relative(pathing.root, join(cwd, component))}`.yellow - } not found locally.\n` + `${relative(dirs.root, cwd)}`.yellow + } not found locally.` ); } @@ -213,19 +233,26 @@ async function processComponent( const npmData = (await npmFetch.json(pkg.name).catch((err) => { // @todo: do we need to report on the error messages returned? - warnings.push(err ?? `Failed to fetch ${printPkgName} from npm.\n`); + warnings.push(err ?? `Failed to fetch ${printPkgName.red} from npm.`); })) ?? {}; - // If the component exists on npm, fetch the latest release data - // @todo what is the fallback if there isn't a latest tag? - if (npmData["dist-tags"]?.latest) { + // If the component exists on npm, fetch the targetTag release data + // @todo what is the fallback if there isn't a targetTag tag? + if (npmData["dist-tags"]?.[targetTag]) { + tag = npmData["dist-tags"]?.[targetTag]; + } + else { + warnings.push( + `No release found for the tag ${targetTag.red}.\n Falling back to compare to ${"latest".yellow} release instead.` + ); + tag = npmData["dist-tags"]?.latest; } if (tag) { // Check locally to see if we have already fetched the tarball // for this tag; if not, fetch it and extract it - const tarballPath = join(cacheLocation, `${component}-${tag}.tgz`); + const tarballPath = join(cacheLocation, `${folderName}-${tag}.tgz`); const tarballUrl = npmData.versions?.[tag]?.dist?.tarball; if (!existsSync(tarballPath) && tarballUrl) { // Here is where we check the cached packages folder for the tarball @@ -236,7 +263,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", }); @@ -248,7 +276,7 @@ async function processComponent( await tar .extract({ file: tarballPath, - cwd: join(pathing.latest, component), + cwd: join(pathing.tag, folderName), // Only unpack the dist folder filter: (path) => path.startsWith("package/dist"), strip: 2, @@ -256,10 +284,10 @@ async function processComponent( .catch((err) => warnings.push(err)); } - if (existsSync(join(pathing.latest, component))) { + if (existsSync(join(pathing.tag, folderName))) { const files = (await fg("**/*.css", { - cwd: join(pathing.latest, component), + cwd: join(pathing.tag, folderName), })) ?? []; if (files.length > 0) found++; @@ -270,13 +298,13 @@ async function processComponent( if (found < 1) { return Promise.reject( - `${component.cyan} does not exist. Try checking the package's name and spelling.` + `${packageName.cyan} does not exist. Try checking the package's name and spelling.` ); } if (filelist.size === 0) { return Promise.reject( - `No compiled assets found associated with ${component.cyan}.` + `No compiled assets found associated with ${packageName.cyan}.` ); } @@ -285,8 +313,8 @@ async function processComponent( [...filelist].map(async (filename) => processFile( filename, - join(cwd, component, "dist"), - join(pathing.latest, component) + join(cwd, "dist"), + join(pathing.tag, folderName) ) ) ).then((results) => { @@ -296,7 +324,7 @@ async function processComponent( }, new Map()); return { - component, + folderName, warnings, tag, pkg, @@ -306,7 +334,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 @@ -348,19 +375,19 @@ async function processFile(filename, localPath, comparePath) { async function main( components, output, + tag = "latest", { skipCache = false } = {} ) { if (!components || components.length === 0) { components = allComponents; } - - // Strip out utilities - components = components.filter(c => !["actionmenu", "commons"].includes(c)); + // Strip out utilities and components with styles + components = components.filter(c => !["action-menu", "commons"].includes(c)); pathing.output = output; pathing.cache = join(output, "packages"); - pathing.latest = join(output, "latest"); + pathing.tag = join(output, "tag"); /** Setup the folder structure */ cleanAndMkdir(pathing.output); @@ -369,21 +396,23 @@ async function main( // unless we want to re-fetch the tarballs cleanAndMkdir(pathing.cache, skipCache); - cleanAndMkdir(pathing.latest); + cleanAndMkdir(pathing.tag); /** * Each component will report on it's file structure locally when compared - * against it's latest tag on npm; then a console report will be logged and + * against the tag on npm; then a console report will be logged and * a visual diff generated for each file that has changed. */ const results = await Promise.all( - components.map(async (component) => { - return processComponent(component, { + components.map(async (folderName) => { + return processComponent(folderName, { + cwd: join(dirs.components, folderName), output: pathing.output, cacheLocation: pathing.cache, + targetTag: tag, }).catch((err) => Promise.resolve({ - component, + folderName, warnings: [err], }) ); @@ -402,7 +431,7 @@ async function main( if (results && results.some((r) => r.warnings?.length > 0)) { results.forEach((r) => { if (r.warnings?.length > 0) { - r.warnings.forEach((warning) => log.error(warning)); + r.warnings.forEach((warning) => log.warning(warning)); } }); } @@ -413,7 +442,7 @@ async function main( let hasAnyChange = false; for (const { - component, + folderName, warnings = [], tag, pkg = {}, @@ -422,26 +451,30 @@ async function main( let hasComponentChange = false; const files = [...fileMap.keys()]; + const component = folderName.replaceAll("-", ""); + const packageName = `@spectrum-css/${component}`; + if (!files || files.length === 0) { log.error( - `No compiled assets found associated with ${ - `@spectrum-css/${component}`.yellow - }.` + `No compiled assets found associated with ${packageName.yellow}.` ); continue; } - componentData.set(component, { + componentData.set(folderName, { pkg, tag, files: fileMap, }); // This is our report header to indicate the start of a new component's data - log.write(`\n${_.pad(` ${component} `, 20, "-").cyan}\n`); + log.write(`[compare] ${packageName.cyan}\n`); + // A dividing line to separate the heading from the logs + log.write(`${"".padStart(60, "-")}\n`); if (warnings.length > 0) { - warnings.forEach((warning) => log.write(`${warning}\n`)); + warnings.forEach((warning) => log.warning(warning)); + log.write(`${"".padStart(60, "-")}\n`); } const maxColumnWidth = files.reduce((max, file) => { @@ -456,9 +489,9 @@ 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)]; @@ -466,8 +499,8 @@ async function main( 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) { @@ -478,6 +511,7 @@ async function main( if (hasComponentChange) hasAnyChange = true; } + log.write(`${"".padStart(60, "-")}\n`); if (!hasAnyChange) { log.write(`\n${"✓".green} No changes detected.\n`); return Promise.resolve(); @@ -485,13 +519,13 @@ async function main( await Promise.all( [...componentData.entries()] - .map(async ([component, { tag, files, }], _, data) => { + .map(async ([folderName, { tag, files, }], _, data) => { return generateDiff({ filepaths: [...files.keys()], - outputPath: join(pathing.output, "diffs", component), + outputPath: join(pathing.output, "diffs", folderName), fileMap: files, data, - component, + component: folderName, tag }) .then(() => true); @@ -518,11 +552,12 @@ async function main( let { _: components, - output = join(pathing.root, ".diff-output"), + output = join(dirs.root, ".diff-output"), + tag = "latest", cache = true, // @todo allow to run against local main or published versions } = yargs(hideBin(process.argv)).argv; -main(components, output, { skipCache: !cache }).then((code) => { +main(components, output, tag, { skipCache: !cache }).then((code) => { process.exit(code); }); diff --git a/tasks/component-reporter.js b/tasks/component-reporter.js index 97c186c45e4..6c888410fb3 100644 --- a/tasks/component-reporter.js +++ b/tasks/component-reporter.js @@ -13,9 +13,11 @@ /* eslint-disable no-console */ const fs = require("fs"); -const fsp = fs.promises; const path = require("path"); +const { hideBin } = require("yargs/helpers"); +const yargs = require("yargs"); + const postcss = require("postcss"); const prettier = require("prettier"); @@ -23,13 +25,14 @@ require("colors"); const { dirs, + fetchContent, extractProperties, getAllComponentNames, - getPackageFromPath, + runAndReportToConsole, writeAndReport, } = require("./utilities.js"); -const { processCSS } = require("./component-builder.js"); +const { default: builder } = require("./component-builder.js"); /** * Extract custom property modifers to report @@ -130,62 +133,55 @@ async function extractModifiers( /** * The main entry point for this tool; this reports on the component's features and structure * @param {object} config - * @param {string} [config.componentName=process.env.NX_TASK_TARGET_PROJECT] - Current working directory for the component being built - * @param {string} [config.cwd=] - Current working directory for the component being built + * @param {string} [config.folderName] - Current folder name for the component being built + * @param {string} [config.cwd=process.env.INIT_CWD] - Current working directory for the component being built + * @param {boolean} [config.build=true] - Should the component be built before running the report * @param {boolean} [config.clean=false] - Should the built assets be cleaned before running the build - * @returns Promise + * @returns Promise<0|1> */ async function main({ - componentName = process.env.NX_TASK_TARGET_PROJECT, - cwd, - clean, + folderName, + build = true, + cwd = process.env.INIT_CWD, + clean = true, } = {}) { - if (!cwd && componentName) { - cwd = path.join(dirs.components, componentName); - } - - if (!componentName) { - componentName = cwd - ? getPackageFromPath(cwd) - : process.env.NX_TASK_TARGET_PROJECT; - } + if (!folderName) return Promise.reject(new Error("[component-reporter] No folder name provided.")); if (typeof clean === "undefined") { clean = process.env.NODE_ENV === "production"; } - const key = `[report] ${`@spectrum-css/${componentName}`.cyan}`; - console.time(key); + if (["action-menu", "commons"].includes(folderName)) return Promise.resolve(); - const sourceCSS = path.join(cwd, "index.css"); + if (build) await builder({ + folderName, + cwd, + clean, + }); - if (!fs.existsSync(sourceCSS)) { - console.log(`\n\n${key} 🔍`); - console.log(`${"".padStart(30, "-")}`); - console.log(`No source CSS file found at ${sourceCSS}`); - console.log(`${"".padStart(30, "-")}`); - console.timeEnd(key); - console.log(""); - return Promise.reject(new Error(`No source CSS file found at ${sourceCSS}`)); + if (!fs.existsSync(path.join(cwd, "dist", "index.css"))) { + return runAndReportToConsole(() => ([ + Promise.resolve("No compiled assets on which to report.".gray), + ]), { + taskLabel: "report", + taskIcon: "🔍", + folderName, + cwd, + }); } - const content = await fsp.readFile(sourceCSS, "utf-8"); - const processed = await processCSS(content, sourceCSS, undefined, { - cwd, - skipMapping: false, - referencesOnly: false, - preserveVariables: true, - stripLocalSelectors: false, - map: false, - env: "production", - }); + const processed = await fetchContent([ + "dist/index-base.css", + "dist/themes/*.css", + "dist/index-theme.css", + ], { cwd, shouldCombine: true }).then(({ content }) => content); const meta = await extractModifiers( processed, { cwd, - sourcePath: sourceCSS, - componentName, + sourcePath: path.join(cwd, "index.css"), + componentName: folderName?.replaceAll("-", ""), baseSelectors: [".spectrum", ".spectrum--express", ".spectrum--legacy"], dataModel: { modifiers: ["mod"], @@ -201,70 +197,47 @@ async function main({ fs.mkdirSync(path.join(cwd, "metadata")); } - return Promise.all([ - writeAndReport( - await prettier.format( - `${[ - "| Modifiable custom properties |", - "| --- |", - ...(meta?.modifiers ?? []).map((mod) => `| \`${mod}\` |`), - ].join("\n")}\n`, - { parser: "markdown" }, - ), - path.join(cwd, "metadata/mods.md"), - { cwd }, - ), - writeAndReport( - await prettier.format( - JSON.stringify({ - sourceFile: meta.sourceFile, - selectors: meta.selectors, - modifiers: meta.modifiers, - component: meta.component, - global: meta.global, - "system-theme": meta["system-theme"], - passthroughs: meta.passthroughs, - "high-contrast": meta["high-contrast"], - }, null, 2), - { parser: "json" }, - ), - path.join(cwd, "metadata/metadata.json"), - { cwd }, - ), - ]) - .then((report) => { - const logs = report.flat(Infinity).filter(Boolean); - - console.log(`\n\n${key} 🔍`); - console.log(`${"".padStart(30, "-")}`); - - if (logs && logs.length > 0) { - logs - .sort((a) => { - if (typeof a === "string" && a.includes("✓")) return 0; - return 1; - }) - .forEach((log) => console.log(log)); - } - else console.log("No assets created.".gray); - - console.log(`${"".padStart(30, "-")}`); - console.timeEnd(key); - console.log(""); - }) - .catch((err) => { - console.log(`\n\n${key} 🔨`); - console.log(`${"".padStart(30, "-")}`); - - console.trace(err); - - console.log(`${"".padStart(30, "-")}`); - console.timeEnd(key); - console.log(""); - - process.exit(1); - }); + return runAndReportToConsole((cwd) => ([ + prettier.format( + `${[ + "| Modifiable custom properties |", + "| --- |", + ...(meta?.modifiers ?? []).map((mod) => `| \`${mod}\` |`), + ].join("\n")}\n`, + { parser: "markdown" }, + ).then(content => writeAndReport(content, path.join(cwd, "metadata/mods.md"), { cwd })), + prettier.format( + JSON.stringify({ + sourceFile: meta.sourceFile, + selectors: meta.selectors, + modifiers: meta.modifiers, + component: meta.component, + global: meta.global, + "system-theme": meta["system-theme"], + passthroughs: meta.passthroughs, + "high-contrast": meta["high-contrast"], + }, null, 2), + { parser: "json" }, + ).then(content => writeAndReport(content, path.join(cwd, "metadata/metadata.json"), { cwd })), + ]), { + taskLabel: "report", + taskIcon: "🔍", + folderName, + cwd, + }); } exports.extractModifiers = extractModifiers; exports.default = main; + +let { + _: components = getAllComponentNames(), + build = true, + clean = true, + // @todo allow to run against local main or published versions +} = yargs(hideBin(process.argv)).argv; + +Promise.all(components.map((folderName) => { + const cwd = path.join(dirs.components, folderName); + return main({ folderName, cwd, build, clean }); +})).then(() => process.exit(0)); diff --git a/tasks/utilities.js b/tasks/utilities.js index e301cdda295..ca738587c9c 100644 --- a/tasks/utilities.js +++ b/tasks/utilities.js @@ -21,6 +21,8 @@ const fg = require("fast-glob"); const postcss = require("postcss"); const valuesParser = require("postcss-values-parser"); +require("colors"); + /** * A source of truth for commonly used directories * @type {object} dirs @@ -168,13 +170,36 @@ function extractProperties( * Remove all files and folders from the provided directory's dist folder * @param {object} config * @param {string} config.cwd - Current working directory for the component being built - * @returns Promise + * @returns {Promise} - An array of log messages */ async function cleanFolder({ cwd = process.cwd() } = {}) { // Nothing to do if there's no input file if (!fs.existsSync(path.join(cwd, "dist"))) return Promise.resolve(); - return fsp.rm(path.join(cwd, "dist"), { recursive: true, force: true }).then(() => fsp.mkdir(path.join(cwd, "dist"))); + const logs = []; + try { + fs.rmSync(path.join(cwd, "dist"), { recursive: true, force: true }); + } + catch (err) { + if (err) { + logs.push(`${"✗".red} ${relativePrint(path.join(cwd, "dist"), { cwd }).yellow} could not be removed`, err); + } + } + + try { + fs.mkdirSync(path.join(cwd, "dist")); + } + catch (err) { + if (err) { + logs.push(`${"✗".red} ${relativePrint(path.join(cwd, "dist"), { cwd }).yellow} directory could not be created`, err); + } + } + + if (fs.existsSync(path.join(cwd, "dist"))) { + logs.push(`🧹 ${relativePrint(path.join(cwd, "dist"), { cwd }).yellow} directory cleaned`); + } + + return Promise.resolve(logs); } /** @@ -184,7 +209,7 @@ async function cleanFolder({ cwd = process.cwd() } = {}) { * @param {string} [options.cwd=] * @param {string} [options.shouldCombine=false] If true, combine the assets read in into one string * @param {import('fast-glob').Options} [options.fastGlobOptions={}] Additional options for fast-glob - * @returns {Promise<{ content: string, input: string }[]>} + * @returns {Promise<{ content: string, input: string }[]|{ content: string, input: string }>} */ async function fetchContent( globs = [], @@ -194,7 +219,7 @@ async function fetchContent( ...fastGlobOptions } = {}, ) { - const files = await fg(globs, { + const files = fg.sync(globs, { onlyFiles: true, ...fastGlobOptions, cwd, @@ -202,38 +227,27 @@ async function fetchContent( if (!files.length) return Promise.resolve([]); - const fileData = await Promise.all( - files.map(async (file) => ({ - input: path.join(cwd, file), - content: await fsp.readFile(path.join(cwd, file), "utf8"), - })), - ); + const fileData = files.map((file) => ({ + input: path.join(cwd, file), + content: fs.readFileSync(path.join(cwd, file), "utf8"), + })); - // Combine the content into 1 file; @todo do this in future using CSS imports - if (shouldCombine) { - let content = ""; - fileData.forEach((dataset, idx) => { - if (dataset.content) { - if (idx > 0) content += "\n\n"; - content += `/* Sourced from ${relativePrint(dataset.input, { cwd })} */\n`; - content += dataset.content; - } - }); + if (!shouldCombine) return Promise.resolve(fileData); - return Promise.resolve([ - { - content, - input: fileData[0].input, - }, - ]); - } + // Combine the content into 1 file; @todo do this in future using CSS imports + let content = ""; + fileData.forEach((dataset, idx) => { + if (dataset.content) { + if (idx > 0) content += "\n\n"; + content += `/* Sourced from ${relativePrint(dataset.input, { cwd })} */\n`; + content += dataset.content; + } + }); - return Promise.all( - files.map(async (file) => ({ - content: await fsp.readFile(path.join(cwd, file), "utf8"), - input: file, - })), - ); + return Promise.resolve({ + input: fileData?.[0]?.input, + content, + }); } /** @@ -326,6 +340,75 @@ async function writeAndReport(content, output, { cwd = process.cwd() } = {}) { }); } +/** + * A reusable function to run tasks and report the results to the console + * @param {(cwd: string) => Promise[]} createTasks + * @param {object} config + * @param {string} config.taskLabel - The label to use for the task in the log + * @param {string} config.taskIcon - The icon to use for the task in the log + * @param {string} config.packageName - The name of the package being built + * @param {string} config.folderName - The name of the folder being built + * @param {string} config.cwd - The current working directory for the task + * @param {(log: string) => void} config.logger - How to log the output (i.e., console.log or process.stdout.write) + * @returns + */ +async function runAndReportToConsole(runner, { + taskLabel, + taskIcon, + packageName, + folderName, + cwd = process.cwd(), + logger = console.log, +} = {}) { + if (!runner || typeof runner !== "function") { + // Report to the console that a problem occurred + logger("No tasks were provided to run.".red); + process.exit(1); + } + + // Root path stored in process.env.PWD + // Local path stored in process.env.INIT_CWD + if (!folderName) folderName = getPackageFromPath(cwd); + + if (!packageName) { + packageName = `@spectrum-css/${folderName.replaceAll("-", "")}`; + } + + const key = `${taskLabel ? `[${taskLabel}] ` : ""}${packageName.cyan}`; + + // Starting the timer for the tasks + console.time(key); + + // Run the tasks and collect the logs + return Promise.all(runner(cwd)).then(reports => { + // Flatten the reports array to a single level + const logs = reports.flat(Infinity).filter(Boolean); + + // Print the logs to the console + logger(`\n\n${key}${taskIcon ? ` ${taskIcon}` : ""}`); + // A dividing line to separate the heading from the logs + logger(`${"".padStart(30, "-")}`); + + if (logs && logs.length > 0) { + logs.forEach((log) => logger(log)); + } + else logger("No assets created.".gray); + + // A dividing line to separate the logs from the timer + logger(`${"".padStart(30, "-")}`); + console.timeEnd(key); + }) + .catch((err) => { + logger(`\n\n${key} 🔨`); + logger(`${"".padStart(30, "-")}`); + + console.trace(err); + + logger(`${"".padStart(30, "-")}`); + console.timeEnd(key); + }); +} + module.exports = { bytesToSize, cleanFolder, @@ -336,6 +419,7 @@ module.exports = { getAllComponentNames, getPackageFromPath, relativePrint, + runAndReportToConsole, timeInMs, validateComponentName, writeAndReport, diff --git a/tokens/dist/css/dark-vars.css b/tokens/dist/css/dark-vars.css index 71f2a7e43ed..6d291bc3dce 100644 --- a/tokens/dist/css/dark-vars.css +++ b/tokens/dist/css/dark-vars.css @@ -1,855 +1,432 @@ -/*! - * Copyright 2024 Adobe. All rights reserved. - * - * This file is licensed to you under the Apache License, Version 2.0 (the "License"); - * you may not use this file except in compliance with the License. You may obtain a copy - * of the License at - * - * Unless required by applicable law or agreed to in writing, software distributed under - * the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS - * OF ANY KIND, either express or implied. See the License for the specific language - * governing permissions and limitations under the License. - */ - -.spectrum--dark{ - --spectrum-overlay-opacity:0.6; - --spectrum-background-layer-2-color:var(--spectrum-gray-75); - --spectrum-neutral-subdued-background-color-default:var(--spectrum-gray-500); - --spectrum-neutral-subdued-background-color-hover:var(--spectrum-gray-400); - --spectrum-neutral-subdued-background-color-down:var(--spectrum-gray-400); - --spectrum-neutral-subdued-background-color-key-focus:var(--spectrum-gray-400); - --spectrum-accent-background-color-default:var(--spectrum-accent-color-800); - --spectrum-accent-background-color-hover:var(--spectrum-accent-color-700); - --spectrum-accent-background-color-down:var(--spectrum-accent-color-700); - --spectrum-accent-background-color-key-focus:var(--spectrum-accent-color-700); - --spectrum-informative-background-color-default:var(--spectrum-informative-color-800); - --spectrum-informative-background-color-hover:var(--spectrum-informative-color-700); - --spectrum-informative-background-color-down:var(--spectrum-informative-color-700); - --spectrum-informative-background-color-key-focus:var(--spectrum-informative-color-700); - --spectrum-negative-background-color-default:var(--spectrum-negative-color-800); - --spectrum-negative-background-color-hover:var(--spectrum-negative-color-700); - --spectrum-negative-background-color-down:var(--spectrum-negative-color-700); - --spectrum-negative-background-color-key-focus:var(--spectrum-negative-color-700); - --spectrum-positive-background-color-default:var(--spectrum-positive-color-800); - --spectrum-positive-background-color-hover:var(--spectrum-positive-color-700); - --spectrum-positive-background-color-down:var(--spectrum-positive-color-700); - --spectrum-positive-background-color-key-focus:var(--spectrum-positive-color-700); - --spectrum-notice-background-color-default:var(--spectrum-notice-color-900); - --spectrum-gray-background-color-default:var(--spectrum-gray-500); - --spectrum-red-background-color-default:var(--spectrum-red-800); - --spectrum-orange-background-color-default:var(--spectrum-orange-900); - --spectrum-yellow-background-color-default:var(--spectrum-yellow-1100); - --spectrum-chartreuse-background-color-default:var(--spectrum-chartreuse-1000); - --spectrum-celery-background-color-default:var(--spectrum-celery-900); - --spectrum-green-background-color-default:var(--spectrum-green-800); - --spectrum-seafoam-background-color-default:var(--spectrum-seafoam-800); - --spectrum-cyan-background-color-default:var(--spectrum-cyan-800); - --spectrum-blue-background-color-default:var(--spectrum-blue-800); - --spectrum-indigo-background-color-default:var(--spectrum-indigo-800); - --spectrum-purple-background-color-default:var(--spectrum-purple-800); - --spectrum-fuchsia-background-color-default:var(--spectrum-fuchsia-800); - --spectrum-magenta-background-color-default:var(--spectrum-magenta-800); - --spectrum-neutral-visual-color:var(--spectrum-gray-600); - --spectrum-accent-visual-color:var(--spectrum-accent-color-900); - --spectrum-informative-visual-color:var(--spectrum-informative-color-900); - --spectrum-negative-visual-color:var(--spectrum-negative-color-900); - --spectrum-notice-visual-color:var(--spectrum-notice-color-900); - --spectrum-positive-visual-color:var(--spectrum-positive-color-900); - --spectrum-gray-visual-color:var(--spectrum-gray-600); - --spectrum-red-visual-color:var(--spectrum-red-700); - --spectrum-orange-visual-color:var(--spectrum-orange-900); - --spectrum-yellow-visual-color:var(--spectrum-yellow-1100); - --spectrum-chartreuse-visual-color:var(--spectrum-chartreuse-900); - --spectrum-celery-visual-color:var(--spectrum-celery-800); - --spectrum-green-visual-color:var(--spectrum-green-800); - --spectrum-seafoam-visual-color:var(--spectrum-seafoam-800); - --spectrum-cyan-visual-color:var(--spectrum-cyan-900); - --spectrum-blue-visual-color:var(--spectrum-blue-900); - --spectrum-indigo-visual-color:var(--spectrum-indigo-900); - --spectrum-purple-visual-color:var(--spectrum-purple-900); - --spectrum-fuchsia-visual-color:var(--spectrum-fuchsia-900); - --spectrum-magenta-visual-color:var(--spectrum-magenta-900); - --spectrum-background-elevated-color:var(--spectrum-gray-75); - --spectrum-background-pasteboard-color:var(--spectrum-gray-25); - --spectrum-brown-visual-color:var(--spectrum-brown-900); - --spectrum-cinnamon-visual-color:var(--spectrum-cinnamon-900); - --spectrum-pink-visual-color:var(--spectrum-pink-900); - --spectrum-silver-visual-color:var(--spectrum-silver-900); - --spectrum-turquoise-visual-color:var(--spectrum-turquoise-900); - --spectrum-brown-background-color-default:var(--spectrum-brown-800); - --spectrum-cinnamon-background-color-default:var(--spectrum-cinnamon-800); - --spectrum-pink-background-color-default:var(--spectrum-pink-800); - --spectrum-silver-background-color-default:var(--spectrum-silver-800); - --spectrum-turquoise-background-color-default:var(--spectrum-turquoise-800); - --spectrum-drop-shadow-color-100-rgb:0, 0, 0; - --spectrum-drop-shadow-color-100-opacity:0.36; - --spectrum-drop-shadow-color-100:rgba(var(--spectrum-drop-shadow-color-100-rgb), var(--spectrum-drop-shadow-color-100-opacity)); - --spectrum-drop-shadow-color-200-rgb:0, 0, 0; - --spectrum-drop-shadow-color-200-opacity:0.48; - --spectrum-drop-shadow-color-200:rgba(var(--spectrum-drop-shadow-color-200-rgb), var(--spectrum-drop-shadow-color-200-opacity)); - --spectrum-drop-shadow-color-300-rgb:0, 0, 0; - --spectrum-drop-shadow-color-300-opacity:0.6; - --spectrum-drop-shadow-color-300:rgba(var(--spectrum-drop-shadow-color-300-rgb), var(--spectrum-drop-shadow-color-300-opacity)); - --spectrum-neutral-subtle-background-color-default:var(--spectrum-gray-300); - --spectrum-gray-subtle-background-color-default:var(--spectrum-gray-300); - --spectrum-blue-subtle-background-color-default:var(--spectrum-blue-300); - --spectrum-green-subtle-background-color-default:var(--spectrum-green-300); - --spectrum-orange-subtle-background-color-default:var(--spectrum-orange-300); - --spectrum-red-subtle-background-color-default:var(--spectrum-red-300); - --spectrum-brown-subtle-background-color-default:var(--spectrum-brown-300); - --spectrum-cinnamon-subtle-background-color-default:var(--spectrum-cinnamon-300); - --spectrum-celery-subtle-background-color-default:var(--spectrum-celery-300); - --spectrum-chartreuse-subtle-background-color-default:var(--spectrum-chartreuse-300); - --spectrum-cyan-subtle-background-color-default:var(--spectrum-cyan-300); - --spectrum-fuchsia-subtle-background-color-default:var(--spectrum-fuchsia-300); - --spectrum-indigo-subtle-background-color-default:var(--spectrum-indigo-300); - --spectrum-magenta-subtle-background-color-default:var(--spectrum-magenta-300); - --spectrum-pink-subtle-background-color-default:var(--spectrum-pink-300); - --spectrum-purple-subtle-background-color-default:var(--spectrum-purple-300); - --spectrum-seafoam-subtle-background-color-default:var(--spectrum-seafoam-300); - --spectrum-silver-subtle-background-color-default:var(--spectrum-silver-300); - --spectrum-turquoise-subtle-background-color-default:var(--spectrum-turquoise-300); - --spectrum-yellow-subtle-background-color-default:var(--spectrum-yellow-300); - --spectrum-opacity-checkerboard-square-dark:var(--spectrum-gray-800); - --spectrum-white-rgb:255, 255, 255; - --spectrum-white:rgba(var(--spectrum-white-rgb)); - --spectrum-transparent-white-25-rgb:255, 255, 255; - --spectrum-transparent-white-25-opacity:0; - --spectrum-transparent-white-25:rgba(var(--spectrum-transparent-white-25-rgb), var(--spectrum-transparent-white-25-opacity)); - --spectrum-transparent-white-50-rgb:255, 255, 255; - --spectrum-transparent-white-50-opacity:0.04; - --spectrum-transparent-white-50:rgba(var(--spectrum-transparent-white-50-rgb), var(--spectrum-transparent-white-50-opacity)); - --spectrum-transparent-white-75-rgb:255, 255, 255; - --spectrum-transparent-white-75-opacity:0.07; - --spectrum-transparent-white-75:rgba(var(--spectrum-transparent-white-75-rgb), var(--spectrum-transparent-white-75-opacity)); - --spectrum-transparent-white-100-rgb:255, 255, 255; - --spectrum-transparent-white-100-opacity:0.11; - --spectrum-transparent-white-100:rgba(var(--spectrum-transparent-white-100-rgb), var(--spectrum-transparent-white-100-opacity)); - --spectrum-transparent-white-200-rgb:255, 255, 255; - --spectrum-transparent-white-200-opacity:0.14; - --spectrum-transparent-white-200:rgba(var(--spectrum-transparent-white-200-rgb), var(--spectrum-transparent-white-200-opacity)); - --spectrum-transparent-white-300-rgb:255, 255, 255; - --spectrum-transparent-white-300-opacity:0.17; - --spectrum-transparent-white-300:rgba(var(--spectrum-transparent-white-300-rgb), var(--spectrum-transparent-white-300-opacity)); - --spectrum-transparent-white-400-rgb:255, 255, 255; - --spectrum-transparent-white-400-opacity:0.21; - --spectrum-transparent-white-400:rgba(var(--spectrum-transparent-white-400-rgb), var(--spectrum-transparent-white-400-opacity)); - --spectrum-transparent-white-500-rgb:255, 255, 255; - --spectrum-transparent-white-500-opacity:0.39; - --spectrum-transparent-white-500:rgba(var(--spectrum-transparent-white-500-rgb), var(--spectrum-transparent-white-500-opacity)); - --spectrum-transparent-white-600-rgb:255, 255, 255; - --spectrum-transparent-white-600-opacity:0.51; - --spectrum-transparent-white-600:rgba(var(--spectrum-transparent-white-600-rgb), var(--spectrum-transparent-white-600-opacity)); - --spectrum-transparent-white-700-rgb:255, 255, 255; - --spectrum-transparent-white-700-opacity:0.66; - --spectrum-transparent-white-700:rgba(var(--spectrum-transparent-white-700-rgb), var(--spectrum-transparent-white-700-opacity)); - --spectrum-transparent-white-800-rgb:255, 255, 255; - --spectrum-transparent-white-800-opacity:0.85; - --spectrum-transparent-white-800:rgba(var(--spectrum-transparent-white-800-rgb), var(--spectrum-transparent-white-800-opacity)); - --spectrum-transparent-white-900-rgb:255, 255, 255; - --spectrum-transparent-white-900-opacity:0.94; - --spectrum-transparent-white-900:rgba(var(--spectrum-transparent-white-900-rgb), var(--spectrum-transparent-white-900-opacity)); - --spectrum-transparent-white-1000-rgb:255, 255, 255; - --spectrum-transparent-white-1000:rgba(var(--spectrum-transparent-white-1000-rgb)); - --spectrum-transparent-black-25-rgb:0, 0, 0; - --spectrum-transparent-black-25-opacity:0; - --spectrum-transparent-black-25:rgba(var(--spectrum-transparent-black-25-rgb), var(--spectrum-transparent-black-25-opacity)); - --spectrum-transparent-black-50-rgb:0, 0, 0; - --spectrum-transparent-black-50-opacity:0.03; - --spectrum-transparent-black-50:rgba(var(--spectrum-transparent-black-50-rgb), var(--spectrum-transparent-black-50-opacity)); - --spectrum-transparent-black-75-rgb:0, 0, 0; - --spectrum-transparent-black-75-opacity:0.05; - --spectrum-transparent-black-75:rgba(var(--spectrum-transparent-black-75-rgb), var(--spectrum-transparent-black-75-opacity)); - --spectrum-transparent-black-100-rgb:0, 0, 0; - --spectrum-transparent-black-100-opacity:0.09; - --spectrum-transparent-black-100:rgba(var(--spectrum-transparent-black-100-rgb), var(--spectrum-transparent-black-100-opacity)); - --spectrum-transparent-black-200-rgb:0, 0, 0; - --spectrum-transparent-black-200-opacity:0.12; - --spectrum-transparent-black-200:rgba(var(--spectrum-transparent-black-200-rgb), var(--spectrum-transparent-black-200-opacity)); - --spectrum-transparent-black-300-rgb:0, 0, 0; - --spectrum-transparent-black-300-opacity:0.15; - --spectrum-transparent-black-300:rgba(var(--spectrum-transparent-black-300-rgb), var(--spectrum-transparent-black-300-opacity)); - --spectrum-transparent-black-400-rgb:0, 0, 0; - --spectrum-transparent-black-400-opacity:0.22; - --spectrum-transparent-black-400:rgba(var(--spectrum-transparent-black-400-rgb), var(--spectrum-transparent-black-400-opacity)); - --spectrum-transparent-black-500-rgb:0, 0, 0; - --spectrum-transparent-black-500-opacity:0.44; - --spectrum-transparent-black-500:rgba(var(--spectrum-transparent-black-500-rgb), var(--spectrum-transparent-black-500-opacity)); - --spectrum-transparent-black-600-rgb:0, 0, 0; - --spectrum-transparent-black-600-opacity:0.56; - --spectrum-transparent-black-600:rgba(var(--spectrum-transparent-black-600-rgb), var(--spectrum-transparent-black-600-opacity)); - --spectrum-transparent-black-700-rgb:0, 0, 0; - --spectrum-transparent-black-700-opacity:0.69; - --spectrum-transparent-black-700:rgba(var(--spectrum-transparent-black-700-rgb), var(--spectrum-transparent-black-700-opacity)); - --spectrum-transparent-black-800-rgb:0, 0, 0; - --spectrum-transparent-black-800-opacity:0.84; - --spectrum-transparent-black-800:rgba(var(--spectrum-transparent-black-800-rgb), var(--spectrum-transparent-black-800-opacity)); - --spectrum-transparent-black-900-rgb:0, 0, 0; - --spectrum-transparent-black-900-opacity:0.93; - --spectrum-transparent-black-900:rgba(var(--spectrum-transparent-black-900-rgb), var(--spectrum-transparent-black-900-opacity)); - --spectrum-gray-25-rgb:17, 17, 17; - --spectrum-gray-25:rgba(var(--spectrum-gray-25-rgb)); - --spectrum-gray-50-rgb:27, 27, 27; - --spectrum-gray-50:rgba(var(--spectrum-gray-50-rgb)); - --spectrum-gray-75-rgb:34, 34, 34; - --spectrum-gray-75:rgba(var(--spectrum-gray-75-rgb)); - --spectrum-gray-100-rgb:44, 44, 44; - --spectrum-gray-100:rgba(var(--spectrum-gray-100-rgb)); - --spectrum-gray-200-rgb:50, 50, 50; - --spectrum-gray-200:rgba(var(--spectrum-gray-200-rgb)); - --spectrum-gray-300-rgb:57, 57, 57; - --spectrum-gray-300:rgba(var(--spectrum-gray-300-rgb)); - --spectrum-gray-400-rgb:68, 68, 68; - --spectrum-gray-400:rgba(var(--spectrum-gray-400-rgb)); - --spectrum-gray-500-rgb:109, 109, 109; - --spectrum-gray-500:rgba(var(--spectrum-gray-500-rgb)); - --spectrum-gray-600-rgb:138, 138, 138; - --spectrum-gray-600:rgba(var(--spectrum-gray-600-rgb)); - --spectrum-gray-700-rgb:175, 175, 175; - --spectrum-gray-700:rgba(var(--spectrum-gray-700-rgb)); - --spectrum-gray-800-rgb:219, 219, 219; - --spectrum-gray-800:rgba(var(--spectrum-gray-800-rgb)); - --spectrum-gray-900-rgb:242, 242, 242; - --spectrum-gray-900:rgba(var(--spectrum-gray-900-rgb)); - --spectrum-gray-1000-rgb:255, 255, 255; - --spectrum-gray-1000:rgba(var(--spectrum-gray-1000-rgb)); - --spectrum-blue-100-rgb:14, 23, 63; - --spectrum-blue-100:rgba(var(--spectrum-blue-100-rgb)); - --spectrum-blue-200-rgb:15, 28, 82; - --spectrum-blue-200:rgba(var(--spectrum-blue-200-rgb)); - --spectrum-blue-300-rgb:12, 33, 117; - --spectrum-blue-300:rgba(var(--spectrum-blue-300-rgb)); - --spectrum-blue-400-rgb:18, 45, 154; - --spectrum-blue-400:rgba(var(--spectrum-blue-400-rgb)); - --spectrum-blue-500-rgb:26, 58, 195; - --spectrum-blue-500:rgba(var(--spectrum-blue-500-rgb)); - --spectrum-blue-600-rgb:37, 73, 229; - --spectrum-blue-600:rgba(var(--spectrum-blue-600-rgb)); - --spectrum-blue-700-rgb:52, 91, 248; - --spectrum-blue-700:rgba(var(--spectrum-blue-700-rgb)); - --spectrum-blue-800-rgb:64, 105, 253; - --spectrum-blue-800:rgba(var(--spectrum-blue-800-rgb)); - --spectrum-blue-900-rgb:86, 129, 255; - --spectrum-blue-900:rgba(var(--spectrum-blue-900-rgb)); - --spectrum-blue-1000-rgb:105, 149, 254; - --spectrum-blue-1000:rgba(var(--spectrum-blue-1000-rgb)); - --spectrum-blue-1100-rgb:124, 169, 252; - --spectrum-blue-1100:rgba(var(--spectrum-blue-1100-rgb)); - --spectrum-blue-1200-rgb:152, 192, 252; - --spectrum-blue-1200:rgba(var(--spectrum-blue-1200-rgb)); - --spectrum-blue-1300-rgb:181, 213, 253; - --spectrum-blue-1300:rgba(var(--spectrum-blue-1300-rgb)); - --spectrum-blue-1400-rgb:213, 231, 254; - --spectrum-blue-1400:rgba(var(--spectrum-blue-1400-rgb)); - --spectrum-blue-1500-rgb:238, 245, 255; - --spectrum-blue-1500:rgba(var(--spectrum-blue-1500-rgb)); - --spectrum-blue-1600-rgb:255, 255, 255; - --spectrum-blue-1600:rgba(var(--spectrum-blue-1600-rgb)); - --spectrum-red-100-rgb:54, 10, 3; - --spectrum-red-100:rgba(var(--spectrum-red-100-rgb)); - --spectrum-red-200-rgb:68, 13, 5; - --spectrum-red-200:rgba(var(--spectrum-red-200-rgb)); - --spectrum-red-300-rgb:87, 17, 7; - --spectrum-red-300:rgba(var(--spectrum-red-300-rgb)); - --spectrum-red-400-rgb:115, 24, 11; - --spectrum-red-400:rgba(var(--spectrum-red-400-rgb)); - --spectrum-red-500-rgb:147, 31, 17; - --spectrum-red-500:rgba(var(--spectrum-red-500-rgb)); - --spectrum-red-600-rgb:177, 38, 23; - --spectrum-red-600:rgba(var(--spectrum-red-600-rgb)); - --spectrum-red-700-rgb:205, 46, 29; - --spectrum-red-700:rgba(var(--spectrum-red-700-rgb)); - --spectrum-red-800-rgb:223, 52, 34; - --spectrum-red-800:rgba(var(--spectrum-red-800-rgb)); - --spectrum-red-900-rgb:252, 67, 46; - --spectrum-red-900:rgba(var(--spectrum-red-900-rgb)); - --spectrum-red-1000-rgb:255, 103, 86; - --spectrum-red-1000:rgba(var(--spectrum-red-1000-rgb)); - --spectrum-red-1100-rgb:255, 134, 120; - --spectrum-red-1100:rgba(var(--spectrum-red-1100-rgb)); - --spectrum-red-1200-rgb:255, 167, 157; - --spectrum-red-1200:rgba(var(--spectrum-red-1200-rgb)); - --spectrum-red-1300-rgb:255, 196, 189; - --spectrum-red-1300:rgba(var(--spectrum-red-1300-rgb)); - --spectrum-red-1400-rgb:255, 222, 219; - --spectrum-red-1400:rgba(var(--spectrum-red-1400-rgb)); - --spectrum-red-1500-rgb:255, 242, 240; - --spectrum-red-1500:rgba(var(--spectrum-red-1500-rgb)); - --spectrum-red-1600-rgb:255, 255, 255; - --spectrum-red-1600:rgba(var(--spectrum-red-1600-rgb)); - --spectrum-orange-100-rgb:49, 16, 0; - --spectrum-orange-100:rgba(var(--spectrum-orange-100-rgb)); - --spectrum-orange-200-rgb:61, 21, 0; - --spectrum-orange-200:rgba(var(--spectrum-orange-200-rgb)); - --spectrum-orange-300-rgb:80, 27, 0; - --spectrum-orange-300:rgba(var(--spectrum-orange-300-rgb)); - --spectrum-orange-400-rgb:106, 36, 0; - --spectrum-orange-400:rgba(var(--spectrum-orange-400-rgb)); - --spectrum-orange-500-rgb:135, 47, 0; - --spectrum-orange-500:rgba(var(--spectrum-orange-500-rgb)); - --spectrum-orange-600-rgb:162, 59, 0; - --spectrum-orange-600:rgba(var(--spectrum-orange-600-rgb)); - --spectrum-orange-700-rgb:185, 73, 0; - --spectrum-orange-700:rgba(var(--spectrum-orange-700-rgb)); - --spectrum-orange-800-rgb:199, 82, 0; - --spectrum-orange-800:rgba(var(--spectrum-orange-800-rgb)); - --spectrum-orange-900-rgb:224, 100, 0; - --spectrum-orange-900:rgba(var(--spectrum-orange-900-rgb)); - --spectrum-orange-1000-rgb:243, 117, 0; - --spectrum-orange-1000:rgba(var(--spectrum-orange-1000-rgb)); - --spectrum-orange-1100-rgb:255, 137, 0; - --spectrum-orange-1100:rgba(var(--spectrum-orange-1100-rgb)); - --spectrum-orange-1200-rgb:255, 173, 45; - --spectrum-orange-1200:rgba(var(--spectrum-orange-1200-rgb)); - --spectrum-orange-1300-rgb:255, 201, 116; - --spectrum-orange-1300:rgba(var(--spectrum-orange-1300-rgb)); - --spectrum-orange-1400-rgb:255, 225, 178; - --spectrum-orange-1400:rgba(var(--spectrum-orange-1400-rgb)); - --spectrum-orange-1500-rgb:255, 243, 225; - --spectrum-orange-1500:rgba(var(--spectrum-orange-1500-rgb)); - --spectrum-orange-1600-rgb:255, 255, 255; - --spectrum-orange-1600:rgba(var(--spectrum-orange-1600-rgb)); - --spectrum-yellow-100-rgb:37, 23, 0; - --spectrum-yellow-100:rgba(var(--spectrum-yellow-100-rgb)); - --spectrum-yellow-200-rgb:47, 29, 0; - --spectrum-yellow-200:rgba(var(--spectrum-yellow-200-rgb)); - --spectrum-yellow-300-rgb:61, 39, 0; - --spectrum-yellow-300:rgba(var(--spectrum-yellow-300-rgb)); - --spectrum-yellow-400-rgb:83, 52, 0; - --spectrum-yellow-400:rgba(var(--spectrum-yellow-400-rgb)); - --spectrum-yellow-500-rgb:107, 67, 0; - --spectrum-yellow-500:rgba(var(--spectrum-yellow-500-rgb)); - --spectrum-yellow-600-rgb:130, 82, 0; - --spectrum-yellow-600:rgba(var(--spectrum-yellow-600-rgb)); - --spectrum-yellow-700-rgb:151, 97, 0; - --spectrum-yellow-700:rgba(var(--spectrum-yellow-700-rgb)); - --spectrum-yellow-800-rgb:164, 106, 0; - --spectrum-yellow-800:rgba(var(--spectrum-yellow-800-rgb)); - --spectrum-yellow-900-rgb:186, 124, 0; - --spectrum-yellow-900:rgba(var(--spectrum-yellow-900-rgb)); - --spectrum-yellow-1000-rgb:203, 141, 0; - --spectrum-yellow-1000:rgba(var(--spectrum-yellow-1000-rgb)); - --spectrum-yellow-1100-rgb:218, 159, 0; - --spectrum-yellow-1100:rgba(var(--spectrum-yellow-1100-rgb)); - --spectrum-yellow-1200-rgb:235, 183, 0; - --spectrum-yellow-1200:rgba(var(--spectrum-yellow-1200-rgb)); - --spectrum-yellow-1300-rgb:249, 206, 0; - --spectrum-yellow-1300:rgba(var(--spectrum-yellow-1300-rgb)); - --spectrum-yellow-1400-rgb:255, 230, 86; - --spectrum-yellow-1400:rgba(var(--spectrum-yellow-1400-rgb)); - --spectrum-yellow-1500-rgb:255, 246, 195; - --spectrum-yellow-1500:rgba(var(--spectrum-yellow-1500-rgb)); - --spectrum-yellow-1600-rgb:255, 255, 255; - --spectrum-yellow-1600:rgba(var(--spectrum-yellow-1600-rgb)); - --spectrum-chartreuse-100-rgb:23, 28, 0; - --spectrum-chartreuse-100:rgba(var(--spectrum-chartreuse-100-rgb)); - --spectrum-chartreuse-200-rgb:30, 36, 0; - --spectrum-chartreuse-200:rgba(var(--spectrum-chartreuse-200-rgb)); - --spectrum-chartreuse-300-rgb:39, 47, 0; - --spectrum-chartreuse-300:rgba(var(--spectrum-chartreuse-300-rgb)); - --spectrum-chartreuse-400-rgb:53, 63, 0; - --spectrum-chartreuse-400:rgba(var(--spectrum-chartreuse-400-rgb)); - --spectrum-chartreuse-500-rgb:68, 82, 0; - --spectrum-chartreuse-500:rgba(var(--spectrum-chartreuse-500-rgb)); - --spectrum-chartreuse-600-rgb:83, 100, 0; - --spectrum-chartreuse-600:rgba(var(--spectrum-chartreuse-600-rgb)); - --spectrum-chartreuse-700-rgb:97, 116, 0; - --spectrum-chartreuse-700:rgba(var(--spectrum-chartreuse-700-rgb)); - --spectrum-chartreuse-800-rgb:106, 127, 0; - --spectrum-chartreuse-800:rgba(var(--spectrum-chartreuse-800-rgb)); - --spectrum-chartreuse-900-rgb:122, 147, 0; - --spectrum-chartreuse-900:rgba(var(--spectrum-chartreuse-900-rgb)); - --spectrum-chartreuse-1000-rgb:136, 164, 0; - --spectrum-chartreuse-1000:rgba(var(--spectrum-chartreuse-1000-rgb)); - --spectrum-chartreuse-1100-rgb:151, 181, 0; - --spectrum-chartreuse-1100:rgba(var(--spectrum-chartreuse-1100-rgb)); - --spectrum-chartreuse-1200-rgb:169, 203, 0; - --spectrum-chartreuse-1200:rgba(var(--spectrum-chartreuse-1200-rgb)); - --spectrum-chartreuse-1300-rgb:187, 225, 0; - --spectrum-chartreuse-1300:rgba(var(--spectrum-chartreuse-1300-rgb)); - --spectrum-chartreuse-1400-rgb:219, 240, 117; - --spectrum-chartreuse-1400:rgba(var(--spectrum-chartreuse-1400-rgb)); - --spectrum-chartreuse-1500-rgb:242, 249, 206; - --spectrum-chartreuse-1500:rgba(var(--spectrum-chartreuse-1500-rgb)); - --spectrum-chartreuse-1600-rgb:255, 255, 255; - --spectrum-chartreuse-1600:rgba(var(--spectrum-chartreuse-1600-rgb)); - --spectrum-celery-100-rgb:11, 31, 0; - --spectrum-celery-100:rgba(var(--spectrum-celery-100-rgb)); - --spectrum-celery-200-rgb:15, 38, 0; - --spectrum-celery-200:rgba(var(--spectrum-celery-200-rgb)); - --spectrum-celery-300-rgb:21, 51, 1; - --spectrum-celery-300:rgba(var(--spectrum-celery-300-rgb)); - --spectrum-celery-400-rgb:31, 67, 4; - --spectrum-celery-400:rgba(var(--spectrum-celery-400-rgb)); - --spectrum-celery-500-rgb:41, 86, 8; - --spectrum-celery-500:rgba(var(--spectrum-celery-500-rgb)); - --spectrum-celery-600-rgb:50, 105, 11; - --spectrum-celery-600:rgba(var(--spectrum-celery-600-rgb)); - --spectrum-celery-700-rgb:60, 122, 15; - --spectrum-celery-700:rgba(var(--spectrum-celery-700-rgb)); - --spectrum-celery-800-rgb:66, 134, 18; - --spectrum-celery-800:rgba(var(--spectrum-celery-800-rgb)); - --spectrum-celery-900-rgb:78, 154, 23; - --spectrum-celery-900:rgba(var(--spectrum-celery-900-rgb)); - --spectrum-celery-1000-rgb:88, 172, 28; - --spectrum-celery-1000:rgba(var(--spectrum-celery-1000-rgb)); - --spectrum-celery-1100-rgb:100, 190, 35; - --spectrum-celery-1100:rgba(var(--spectrum-celery-1100-rgb)); - --spectrum-celery-1200-rgb:116, 213, 46; - --spectrum-celery-1200:rgba(var(--spectrum-celery-1200-rgb)); - --spectrum-celery-1300-rgb:136, 234, 65; - --spectrum-celery-1300:rgba(var(--spectrum-celery-1300-rgb)); - --spectrum-celery-1400-rgb:170, 251, 112; - --spectrum-celery-1400:rgba(var(--spectrum-celery-1400-rgb)); - --spectrum-celery-1500-rgb:222, 255, 198; - --spectrum-celery-1500:rgba(var(--spectrum-celery-1500-rgb)); - --spectrum-celery-1600-rgb:255, 255, 255; - --spectrum-celery-1600:rgba(var(--spectrum-celery-1600-rgb)); - --spectrum-green-100-rgb:0, 30, 23; - --spectrum-green-100:rgba(var(--spectrum-green-100-rgb)); - --spectrum-green-200-rgb:0, 38, 29; - --spectrum-green-200:rgba(var(--spectrum-green-200-rgb)); - --spectrum-green-300-rgb:0, 51, 38; - --spectrum-green-300:rgba(var(--spectrum-green-300-rgb)); - --spectrum-green-400-rgb:0, 68, 48; - --spectrum-green-400:rgba(var(--spectrum-green-400-rgb)); - --spectrum-green-500-rgb:2, 87, 58; - --spectrum-green-500:rgba(var(--spectrum-green-500-rgb)); - --spectrum-green-600-rgb:3, 106, 67; - --spectrum-green-600:rgba(var(--spectrum-green-600-rgb)); - --spectrum-green-700-rgb:4, 124, 75; - --spectrum-green-700:rgba(var(--spectrum-green-700-rgb)); - --spectrum-green-800-rgb:6, 136, 80; - --spectrum-green-800:rgba(var(--spectrum-green-800-rgb)); - --spectrum-green-900-rgb:9, 157, 89; - --spectrum-green-900:rgba(var(--spectrum-green-900-rgb)); - --spectrum-green-1000-rgb:14, 175, 98; - --spectrum-green-1000:rgba(var(--spectrum-green-1000-rgb)); - --spectrum-green-1100-rgb:24, 193, 110; - --spectrum-green-1100:rgba(var(--spectrum-green-1100-rgb)); - --spectrum-green-1200-rgb:57, 215, 134; - --spectrum-green-1200:rgba(var(--spectrum-green-1200-rgb)); - --spectrum-green-1300-rgb:126, 231, 172; - --spectrum-green-1300:rgba(var(--spectrum-green-1300-rgb)); - --spectrum-green-1400-rgb:189, 241, 208; - --spectrum-green-1400:rgba(var(--spectrum-green-1400-rgb)); - --spectrum-green-1500-rgb:229, 250, 236; - --spectrum-green-1500:rgba(var(--spectrum-green-1500-rgb)); - --spectrum-green-1600-rgb:255, 255, 255; - --spectrum-green-1600:rgba(var(--spectrum-green-1600-rgb)); - --spectrum-seafoam-100-rgb:0, 30, 27; - --spectrum-seafoam-100:rgba(var(--spectrum-seafoam-100-rgb)); - --spectrum-seafoam-200-rgb:0, 39, 35; - --spectrum-seafoam-200:rgba(var(--spectrum-seafoam-200-rgb)); - --spectrum-seafoam-300-rgb:0, 50, 44; - --spectrum-seafoam-300:rgba(var(--spectrum-seafoam-300-rgb)); - --spectrum-seafoam-400-rgb:0, 67, 59; - --spectrum-seafoam-400:rgba(var(--spectrum-seafoam-400-rgb)); - --spectrum-seafoam-500-rgb:2, 86, 75; - --spectrum-seafoam-500:rgba(var(--spectrum-seafoam-500-rgb)); - --spectrum-seafoam-600-rgb:4, 105, 89; - --spectrum-seafoam-600:rgba(var(--spectrum-seafoam-600-rgb)); - --spectrum-seafoam-700-rgb:6, 122, 103; - --spectrum-seafoam-700:rgba(var(--spectrum-seafoam-700-rgb)); - --spectrum-seafoam-800-rgb:8, 134, 112; - --spectrum-seafoam-800:rgba(var(--spectrum-seafoam-800-rgb)); - --spectrum-seafoam-900-rgb:10, 154, 128; - --spectrum-seafoam-900:rgba(var(--spectrum-seafoam-900-rgb)); - --spectrum-seafoam-1000-rgb:12, 173, 142; - --spectrum-seafoam-1000:rgba(var(--spectrum-seafoam-1000-rgb)); - --spectrum-seafoam-1100-rgb:14, 190, 156; - --spectrum-seafoam-1100:rgba(var(--spectrum-seafoam-1100-rgb)); - --spectrum-seafoam-1200-rgb:29, 214, 176; - --spectrum-seafoam-1200:rgba(var(--spectrum-seafoam-1200-rgb)); - --spectrum-seafoam-1300-rgb:122, 229, 203; - --spectrum-seafoam-1300:rgba(var(--spectrum-seafoam-1300-rgb)); - --spectrum-seafoam-1400-rgb:186, 241, 222; - --spectrum-seafoam-1400:rgba(var(--spectrum-seafoam-1400-rgb)); - --spectrum-seafoam-1500-rgb:229, 249, 243; - --spectrum-seafoam-1500:rgba(var(--spectrum-seafoam-1500-rgb)); - --spectrum-seafoam-1600-rgb:255, 255, 255; - --spectrum-seafoam-1600:rgba(var(--spectrum-seafoam-1600-rgb)); - --spectrum-cyan-100-rgb:0, 29, 39; - --spectrum-cyan-100:rgba(var(--spectrum-cyan-100-rgb)); - --spectrum-cyan-200-rgb:0, 36, 49; - --spectrum-cyan-200:rgba(var(--spectrum-cyan-200-rgb)); - --spectrum-cyan-300-rgb:0, 48, 65; - --spectrum-cyan-300:rgba(var(--spectrum-cyan-300-rgb)); - --spectrum-cyan-400-rgb:0, 64, 88; - --spectrum-cyan-400:rgba(var(--spectrum-cyan-400-rgb)); - --spectrum-cyan-500-rgb:0, 82, 113; - --spectrum-cyan-500:rgba(var(--spectrum-cyan-500-rgb)); - --spectrum-cyan-600-rgb:3, 99, 140; - --spectrum-cyan-600:rgba(var(--spectrum-cyan-600-rgb)); - --spectrum-cyan-700-rgb:8, 115, 168; - --spectrum-cyan-700:rgba(var(--spectrum-cyan-700-rgb)); - --spectrum-cyan-800-rgb:13, 125, 186; - --spectrum-cyan-800:rgba(var(--spectrum-cyan-800-rgb)); - --spectrum-cyan-900-rgb:24, 142, 220; - --spectrum-cyan-900:rgba(var(--spectrum-cyan-900-rgb)); - --spectrum-cyan-1000-rgb:38, 159, 244; - --spectrum-cyan-1000:rgba(var(--spectrum-cyan-1000-rgb)); - --spectrum-cyan-1100-rgb:63, 177, 255; - --spectrum-cyan-1100:rgba(var(--spectrum-cyan-1100-rgb)); - --spectrum-cyan-1200-rgb:107, 199, 255; - --spectrum-cyan-1200:rgba(var(--spectrum-cyan-1200-rgb)); - --spectrum-cyan-1300-rgb:152, 219, 255; - --spectrum-cyan-1300:rgba(var(--spectrum-cyan-1300-rgb)); - --spectrum-cyan-1400-rgb:195, 236, 252; - --spectrum-cyan-1400:rgba(var(--spectrum-cyan-1400-rgb)); - --spectrum-cyan-1500-rgb:230, 248, 253; - --spectrum-cyan-1500:rgba(var(--spectrum-cyan-1500-rgb)); - --spectrum-cyan-1600-rgb:255, 255, 255; - --spectrum-cyan-1600:rgba(var(--spectrum-cyan-1600-rgb)); - --spectrum-indigo-100-rgb:30, 0, 93; - --spectrum-indigo-100:rgba(var(--spectrum-indigo-100-rgb)); - --spectrum-indigo-200-rgb:35, 0, 110; - --spectrum-indigo-200:rgba(var(--spectrum-indigo-200-rgb)); - --spectrum-indigo-300-rgb:47, 0, 140; - --spectrum-indigo-300:rgba(var(--spectrum-indigo-300-rgb)); - --spectrum-indigo-400-rgb:62, 12, 174; - --spectrum-indigo-400:rgba(var(--spectrum-indigo-400-rgb)); - --spectrum-indigo-500-rgb:79, 30, 209; - --spectrum-indigo-500:rgba(var(--spectrum-indigo-500-rgb)); - --spectrum-indigo-600-rgb:95, 52, 235; - --spectrum-indigo-600:rgba(var(--spectrum-indigo-600-rgb)); - --spectrum-indigo-700-rgb:109, 75, 248; - --spectrum-indigo-700:rgba(var(--spectrum-indigo-700-rgb)); - --spectrum-indigo-800-rgb:116, 91, 252; - --spectrum-indigo-800:rgba(var(--spectrum-indigo-800-rgb)); - --spectrum-indigo-900-rgb:128, 119, 254; - --spectrum-indigo-900:rgba(var(--spectrum-indigo-900-rgb)); - --spectrum-indigo-1000-rgb:139, 141, 254; - --spectrum-indigo-1000:rgba(var(--spectrum-indigo-1000-rgb)); - --spectrum-indigo-1100-rgb:153, 161, 255; - --spectrum-indigo-1100:rgba(var(--spectrum-indigo-1100-rgb)); - --spectrum-indigo-1200-rgb:176, 186, 255; - --spectrum-indigo-1200:rgba(var(--spectrum-indigo-1200-rgb)); - --spectrum-indigo-1300-rgb:199, 208, 255; - --spectrum-indigo-1300:rgba(var(--spectrum-indigo-1300-rgb)); - --spectrum-indigo-1400-rgb:223, 228, 255; - --spectrum-indigo-1400:rgba(var(--spectrum-indigo-1400-rgb)); - --spectrum-indigo-1500-rgb:243, 244, 255; - --spectrum-indigo-1500:rgba(var(--spectrum-indigo-1500-rgb)); - --spectrum-indigo-1600-rgb:255, 255, 255; - --spectrum-indigo-1600:rgba(var(--spectrum-indigo-1600-rgb)); - --spectrum-purple-100-rgb:41, 0, 79; - --spectrum-purple-100:rgba(var(--spectrum-purple-100-rgb)); - --spectrum-purple-200-rgb:50, 0, 96; - --spectrum-purple-200:rgba(var(--spectrum-purple-200-rgb)); - --spectrum-purple-300-rgb:64, 0, 122; - --spectrum-purple-300:rgba(var(--spectrum-purple-300-rgb)); - --spectrum-purple-400-rgb:83, 0, 159; - --spectrum-purple-400:rgba(var(--spectrum-purple-400-rgb)); - --spectrum-purple-500-rgb:107, 6, 195; - --spectrum-purple-500:rgba(var(--spectrum-purple-500-rgb)); - --spectrum-purple-600-rgb:130, 34, 215; - --spectrum-purple-600:rgba(var(--spectrum-purple-600-rgb)); - --spectrum-purple-700-rgb:148, 62, 224; - --spectrum-purple-700:rgba(var(--spectrum-purple-700-rgb)); - --spectrum-purple-800-rgb:157, 78, 228; - --spectrum-purple-800:rgba(var(--spectrum-purple-800-rgb)); - --spectrum-purple-900-rgb:173, 105, 233; - --spectrum-purple-900:rgba(var(--spectrum-purple-900-rgb)); - --spectrum-purple-1000-rgb:186, 127, 237; - --spectrum-purple-1000:rgba(var(--spectrum-purple-1000-rgb)); - --spectrum-purple-1100-rgb:197, 149, 240; - --spectrum-purple-1100:rgba(var(--spectrum-purple-1100-rgb)); - --spectrum-purple-1200-rgb:212, 176, 244; - --spectrum-purple-1200:rgba(var(--spectrum-purple-1200-rgb)); - --spectrum-purple-1300-rgb:225, 201, 247; - --spectrum-purple-1300:rgba(var(--spectrum-purple-1300-rgb)); - --spectrum-purple-1400-rgb:238, 224, 250; - --spectrum-purple-1400:rgba(var(--spectrum-purple-1400-rgb)); - --spectrum-purple-1500-rgb:248, 243, 253; - --spectrum-purple-1500:rgba(var(--spectrum-purple-1500-rgb)); - --spectrum-purple-1600-rgb:255, 255, 255; - --spectrum-purple-1600:rgba(var(--spectrum-purple-1600-rgb)); - --spectrum-fuchsia-100-rgb:50, 0, 61; - --spectrum-fuchsia-100:rgba(var(--spectrum-fuchsia-100-rgb)); - --spectrum-fuchsia-200-rgb:61, 0, 74; - --spectrum-fuchsia-200:rgba(var(--spectrum-fuchsia-200-rgb)); - --spectrum-fuchsia-300-rgb:79, 0, 95; - --spectrum-fuchsia-300:rgba(var(--spectrum-fuchsia-300-rgb)); - --spectrum-fuchsia-400-rgb:102, 9, 120; - --spectrum-fuchsia-400:rgba(var(--spectrum-fuchsia-400-rgb)); - --spectrum-fuchsia-500-rgb:127, 23, 146; - --spectrum-fuchsia-500:rgba(var(--spectrum-fuchsia-500-rgb)); - --spectrum-fuchsia-600-rgb:151, 38, 170; - --spectrum-fuchsia-600:rgba(var(--spectrum-fuchsia-600-rgb)); - --spectrum-fuchsia-700-rgb:173, 51, 192; - --spectrum-fuchsia-700:rgba(var(--spectrum-fuchsia-700-rgb)); - --spectrum-fuchsia-800-rgb:186, 60, 206; - --spectrum-fuchsia-800:rgba(var(--spectrum-fuchsia-800-rgb)); - --spectrum-fuchsia-900-rgb:213, 73, 235; - --spectrum-fuchsia-900:rgba(var(--spectrum-fuchsia-900-rgb)); - --spectrum-fuchsia-1000-rgb:232, 91, 253; - --spectrum-fuchsia-1000:rgba(var(--spectrum-fuchsia-1000-rgb)); - --spectrum-fuchsia-1100-rgb:240, 122, 255; - --spectrum-fuchsia-1100:rgba(var(--spectrum-fuchsia-1100-rgb)); - --spectrum-fuchsia-1200-rgb:245, 159, 255; - --spectrum-fuchsia-1200:rgba(var(--spectrum-fuchsia-1200-rgb)); - --spectrum-fuchsia-1300-rgb:248, 191, 255; - --spectrum-fuchsia-1300:rgba(var(--spectrum-fuchsia-1300-rgb)); - --spectrum-fuchsia-1400-rgb:251, 219, 255; - --spectrum-fuchsia-1400:rgba(var(--spectrum-fuchsia-1400-rgb)); - --spectrum-fuchsia-1500-rgb:253, 241, 255; - --spectrum-fuchsia-1500:rgba(var(--spectrum-fuchsia-1500-rgb)); - --spectrum-fuchsia-1600-rgb:255, 255, 255; - --spectrum-fuchsia-1600:rgba(var(--spectrum-fuchsia-1600-rgb)); - --spectrum-magenta-100-rgb:59, 0, 22; - --spectrum-magenta-100:rgba(var(--spectrum-magenta-100-rgb)); - --spectrum-magenta-200-rgb:74, 0, 27; - --spectrum-magenta-200:rgba(var(--spectrum-magenta-200-rgb)); - --spectrum-magenta-300-rgb:93, 0, 34; - --spectrum-magenta-300:rgba(var(--spectrum-magenta-300-rgb)); - --spectrum-magenta-400-rgb:123, 0, 45; - --spectrum-magenta-400:rgba(var(--spectrum-magenta-400-rgb)); - --spectrum-magenta-500-rgb:152, 7, 60; - --spectrum-magenta-500:rgba(var(--spectrum-magenta-500-rgb)); - --spectrum-magenta-600-rgb:181, 19, 76; - --spectrum-magenta-600:rgba(var(--spectrum-magenta-600-rgb)); - --spectrum-magenta-700-rgb:207, 31, 92; - --spectrum-magenta-700:rgba(var(--spectrum-magenta-700-rgb)); - --spectrum-magenta-800-rgb:224, 38, 101; - --spectrum-magenta-800:rgba(var(--spectrum-magenta-800-rgb)); - --spectrum-magenta-900-rgb:255, 51, 119; - --spectrum-magenta-900:rgba(var(--spectrum-magenta-900-rgb)); - --spectrum-magenta-1000-rgb:255, 96, 149; - --spectrum-magenta-1000:rgba(var(--spectrum-magenta-1000-rgb)); - --spectrum-magenta-1100-rgb:255, 128, 171; - --spectrum-magenta-1100:rgba(var(--spectrum-magenta-1100-rgb)); - --spectrum-magenta-1200-rgb:255, 163, 194; - --spectrum-magenta-1200:rgba(var(--spectrum-magenta-1200-rgb)); - --spectrum-magenta-1300-rgb:255, 193, 214; - --spectrum-magenta-1300:rgba(var(--spectrum-magenta-1300-rgb)); - --spectrum-magenta-1400-rgb:255, 220, 232; - --spectrum-magenta-1400:rgba(var(--spectrum-magenta-1400-rgb)); - --spectrum-magenta-1500-rgb:255, 241, 246; - --spectrum-magenta-1500:rgba(var(--spectrum-magenta-1500-rgb)); - --spectrum-magenta-1600-rgb:255, 255, 255; - --spectrum-magenta-1600:rgba(var(--spectrum-magenta-1600-rgb)); - --spectrum-pink-100-rgb:58, 0, 37; - --spectrum-pink-100:rgba(var(--spectrum-pink-100-rgb)); - --spectrum-pink-200-rgb:71, 0, 44; - --spectrum-pink-200:rgba(var(--spectrum-pink-200-rgb)); - --spectrum-pink-300-rgb:90, 0, 57; - --spectrum-pink-300:rgba(var(--spectrum-pink-300-rgb)); - --spectrum-pink-400-rgb:115, 7, 75; - --spectrum-pink-400:rgba(var(--spectrum-pink-400-rgb)); - --spectrum-pink-500-rgb:143, 18, 97; - --spectrum-pink-500:rgba(var(--spectrum-pink-500-rgb)); - --spectrum-pink-600-rgb:171, 29, 119; - --spectrum-pink-600:rgba(var(--spectrum-pink-600-rgb)); - --spectrum-pink-700-rgb:196, 39, 138; - --spectrum-pink-700:rgba(var(--spectrum-pink-700-rgb)); - --spectrum-pink-800-rgb:213, 45, 151; - --spectrum-pink-800:rgba(var(--spectrum-pink-800-rgb)); - --spectrum-pink-900-rgb:236, 67, 175; - --spectrum-pink-900:rgba(var(--spectrum-pink-900-rgb)); - --spectrum-pink-1000-rgb:251, 90, 196; - --spectrum-pink-1000:rgba(var(--spectrum-pink-1000-rgb)); - --spectrum-pink-1100-rgb:255, 122, 210; - --spectrum-pink-1100:rgba(var(--spectrum-pink-1100-rgb)); - --spectrum-pink-1200-rgb:255, 159, 223; - --spectrum-pink-1200:rgba(var(--spectrum-pink-1200-rgb)); - --spectrum-pink-1300-rgb:255, 191, 234; - --spectrum-pink-1300:rgba(var(--spectrum-pink-1300-rgb)); - --spectrum-pink-1400-rgb:255, 219, 243; - --spectrum-pink-1400:rgba(var(--spectrum-pink-1400-rgb)); - --spectrum-pink-1500-rgb:255, 241, 250; - --spectrum-pink-1500:rgba(var(--spectrum-pink-1500-rgb)); - --spectrum-pink-1600-rgb:255, 255, 255; - --spectrum-pink-1600:rgba(var(--spectrum-pink-1600-rgb)); - --spectrum-turquoise-100-rgb:0, 30, 33; - --spectrum-turquoise-100:rgba(var(--spectrum-turquoise-100-rgb)); - --spectrum-turquoise-200-rgb:0, 37, 41; - --spectrum-turquoise-200:rgba(var(--spectrum-turquoise-200-rgb)); - --spectrum-turquoise-300-rgb:0, 49, 54; - --spectrum-turquoise-300:rgba(var(--spectrum-turquoise-300-rgb)); - --spectrum-turquoise-400-rgb:0, 66, 72; - --spectrum-turquoise-400:rgba(var(--spectrum-turquoise-400-rgb)); - --spectrum-turquoise-500-rgb:3, 84, 92; - --spectrum-turquoise-500:rgba(var(--spectrum-turquoise-500-rgb)); - --spectrum-turquoise-600-rgb:5, 103, 112; - --spectrum-turquoise-600:rgba(var(--spectrum-turquoise-600-rgb)); - --spectrum-turquoise-700-rgb:7, 120, 131; - --spectrum-turquoise-700:rgba(var(--spectrum-turquoise-700-rgb)); - --spectrum-turquoise-800-rgb:9, 131, 142; - --spectrum-turquoise-800:rgba(var(--spectrum-turquoise-800-rgb)); - --spectrum-turquoise-900-rgb:11, 151, 164; - --spectrum-turquoise-900:rgba(var(--spectrum-turquoise-900-rgb)); - --spectrum-turquoise-1000-rgb:13, 168, 182; - --spectrum-turquoise-1000:rgba(var(--spectrum-turquoise-1000-rgb)); - --spectrum-turquoise-1100-rgb:16, 186, 202; - --spectrum-turquoise-1100:rgba(var(--spectrum-turquoise-1100-rgb)); - --spectrum-turquoise-1200-rgb:64, 208, 220; - --spectrum-turquoise-1200:rgba(var(--spectrum-turquoise-1200-rgb)); - --spectrum-turquoise-1300-rgb:128, 225, 231; - --spectrum-turquoise-1300:rgba(var(--spectrum-turquoise-1300-rgb)); - --spectrum-turquoise-1400-rgb:183, 240, 240; - --spectrum-turquoise-1400:rgba(var(--spectrum-turquoise-1400-rgb)); - --spectrum-turquoise-1500-rgb:228, 249, 249; - --spectrum-turquoise-1500:rgba(var(--spectrum-turquoise-1500-rgb)); - --spectrum-turquoise-1600-rgb:255, 255, 255; - --spectrum-turquoise-1600:rgba(var(--spectrum-turquoise-1600-rgb)); - --spectrum-brown-100-rgb:35, 24, 8; - --spectrum-brown-100:rgba(var(--spectrum-brown-100-rgb)); - --spectrum-brown-200-rgb:44, 31, 11; - --spectrum-brown-200:rgba(var(--spectrum-brown-200-rgb)); - --spectrum-brown-300-rgb:58, 40, 14; - --spectrum-brown-300:rgba(var(--spectrum-brown-300-rgb)); - --spectrum-brown-400-rgb:78, 55, 19; - --spectrum-brown-400:rgba(var(--spectrum-brown-400-rgb)); - --spectrum-brown-500-rgb:98, 71, 30; - --spectrum-brown-500:rgba(var(--spectrum-brown-500-rgb)); - --spectrum-brown-600-rgb:115, 88, 47; - --spectrum-brown-600:rgba(var(--spectrum-brown-600-rgb)); - --spectrum-brown-700-rgb:132, 104, 61; - --spectrum-brown-700:rgba(var(--spectrum-brown-700-rgb)); - --spectrum-brown-800-rgb:143, 114, 69; - --spectrum-brown-800:rgba(var(--spectrum-brown-800-rgb)); - --spectrum-brown-900-rgb:163, 132, 84; - --spectrum-brown-900:rgba(var(--spectrum-brown-900-rgb)); - --spectrum-brown-1000-rgb:181, 147, 98; - --spectrum-brown-1000:rgba(var(--spectrum-brown-1000-rgb)); - --spectrum-brown-1100-rgb:199, 163, 112; - --spectrum-brown-1100:rgba(var(--spectrum-brown-1100-rgb)); - --spectrum-brown-1200-rgb:222, 185, 130; - --spectrum-brown-1200:rgba(var(--spectrum-brown-1200-rgb)); - --spectrum-brown-1300-rgb:232, 207, 169; - --spectrum-brown-1300:rgba(var(--spectrum-brown-1300-rgb)); - --spectrum-brown-1400-rgb:242, 227, 206; - --spectrum-brown-1400:rgba(var(--spectrum-brown-1400-rgb)); - --spectrum-brown-1500-rgb:250, 244, 236; - --spectrum-brown-1500:rgba(var(--spectrum-brown-1500-rgb)); - --spectrum-brown-1600-rgb:255, 255, 255; - --spectrum-brown-1600:rgba(var(--spectrum-brown-1600-rgb)); - --spectrum-silver-100-rgb:26, 26, 26; - --spectrum-silver-100:rgba(var(--spectrum-silver-100-rgb)); - --spectrum-silver-200-rgb:33, 33, 33; - --spectrum-silver-200:rgba(var(--spectrum-silver-200-rgb)); - --spectrum-silver-300-rgb:44, 44, 44; - --spectrum-silver-300:rgba(var(--spectrum-silver-300-rgb)); - --spectrum-silver-400-rgb:59, 59, 59; - --spectrum-silver-400:rgba(var(--spectrum-silver-400-rgb)); - --spectrum-silver-500-rgb:76, 76, 76; - --spectrum-silver-500:rgba(var(--spectrum-silver-500-rgb)); - --spectrum-silver-600-rgb:92, 92, 92; - --spectrum-silver-600:rgba(var(--spectrum-silver-600-rgb)); - --spectrum-silver-700-rgb:108, 108, 108; - --spectrum-silver-700:rgba(var(--spectrum-silver-700-rgb)); - --spectrum-silver-800-rgb:118, 118, 118; - --spectrum-silver-800:rgba(var(--spectrum-silver-800-rgb)); - --spectrum-silver-900-rgb:137, 137, 137; - --spectrum-silver-900:rgba(var(--spectrum-silver-900-rgb)); - --spectrum-silver-1000-rgb:152, 152, 152; - --spectrum-silver-1000:rgba(var(--spectrum-silver-1000-rgb)); - --spectrum-silver-1100-rgb:169, 169, 169; - --spectrum-silver-1100:rgba(var(--spectrum-silver-1100-rgb)); - --spectrum-silver-1200-rgb:190, 190, 190; - --spectrum-silver-1200:rgba(var(--spectrum-silver-1200-rgb)); - --spectrum-silver-1300-rgb:211, 211, 211; - --spectrum-silver-1300:rgba(var(--spectrum-silver-1300-rgb)); - --spectrum-silver-1400-rgb:229, 229, 229; - --spectrum-silver-1400:rgba(var(--spectrum-silver-1400-rgb)); - --spectrum-silver-1500-rgb:244, 244, 244; - --spectrum-silver-1500:rgba(var(--spectrum-silver-1500-rgb)); - --spectrum-silver-1600-rgb:255, 255, 255; - --spectrum-silver-1600:rgba(var(--spectrum-silver-1600-rgb)); - --spectrum-cinnamon-100-rgb:48, 17, 4; - --spectrum-cinnamon-100:rgba(var(--spectrum-cinnamon-100-rgb)); - --spectrum-cinnamon-200-rgb:59, 21, 5; - --spectrum-cinnamon-200:rgba(var(--spectrum-cinnamon-200-rgb)); - --spectrum-cinnamon-300-rgb:79, 28, 7; - --spectrum-cinnamon-300:rgba(var(--spectrum-cinnamon-300-rgb)); - --spectrum-cinnamon-400-rgb:100, 41, 15; - --spectrum-cinnamon-400:rgba(var(--spectrum-cinnamon-400-rgb)); - --spectrum-cinnamon-500-rgb:122, 57, 28; - --spectrum-cinnamon-500:rgba(var(--spectrum-cinnamon-500-rgb)); - --spectrum-cinnamon-600-rgb:143, 74, 40; - --spectrum-cinnamon-600:rgba(var(--spectrum-cinnamon-600-rgb)); - --spectrum-cinnamon-700-rgb:163, 88, 52; - --spectrum-cinnamon-700:rgba(var(--spectrum-cinnamon-700-rgb)); - --spectrum-cinnamon-800-rgb:176, 98, 59; - --spectrum-cinnamon-800:rgba(var(--spectrum-cinnamon-800-rgb)); - --spectrum-cinnamon-900-rgb:192, 119, 80; - --spectrum-cinnamon-900:rgba(var(--spectrum-cinnamon-900-rgb)); - --spectrum-cinnamon-1000-rgb:206, 136, 99; - --spectrum-cinnamon-1000:rgba(var(--spectrum-cinnamon-1000-rgb)); - --spectrum-cinnamon-1100-rgb:220, 154, 118; - --spectrum-cinnamon-1100:rgba(var(--spectrum-cinnamon-1100-rgb)); - --spectrum-cinnamon-1200-rgb:232, 179, 149; - --spectrum-cinnamon-1200:rgba(var(--spectrum-cinnamon-1200-rgb)); - --spectrum-cinnamon-1300-rgb:239, 203, 183; - --spectrum-cinnamon-1300:rgba(var(--spectrum-cinnamon-1300-rgb)); - --spectrum-cinnamon-1400-rgb:246, 225, 214; - --spectrum-cinnamon-1400:rgba(var(--spectrum-cinnamon-1400-rgb)); - --spectrum-cinnamon-1500-rgb:252, 244, 239; - --spectrum-cinnamon-1500:rgba(var(--spectrum-cinnamon-1500-rgb)); - --spectrum-cinnamon-1600-rgb:255, 255, 255; - --spectrum-cinnamon-1600:rgba(var(--spectrum-cinnamon-1600-rgb)); - --spectrum-icon-color-blue-primary-default:var(--spectrum-blue-800); - --spectrum-icon-color-green-primary-default:var(--spectrum-green-800); - --spectrum-icon-color-red-primary-default:var(--spectrum-red-700); - --spectrum-icon-color-yellow-primary-default:var(--spectrum-yellow-1000); - --spectrum-negative-subdued-background-color-default:var(--spectrum-negative-subtle-background-color-default); - --spectrum-accent-subtle-background-color-default:var(--spectrum-accent-color-300); - --spectrum-informative-subtle-background-color-default:var(--spectrum-informative-color-300); - --spectrum-positive-subtle-background-color-default:var(--spectrum-positive-color-300); - --spectrum-notice-subtle-background-color-default:var(--spectrum-notice-color-300); - --spectrum-negative-subtle-background-color-default:var(--spectrum-negative-color-300); - --color-scheme:dark; - --spectrum-assetcard-border-color-selected:var(--spectrum-blue-800); - --spectrum-assetcard-border-color-selected-hover:var(--spectrum-blue-800); - --spectrum-assetcard-border-color-selected-down:var(--spectrum-blue-900); - --spectrum-assetcard-selectionindicator-background-color-ordered:var(--spectrum-blue-800); - --spectrum-assestcard-focus-indicator-color:var(--spectrum-blue-700); - - --spectrum-assetlist-item-background-color-selected-hover:rgba(var(--spectrum-blue-800-rgb), 0.25); - --spectrum-assetlist-item-background-color-selected:rgba(var(--spectrum-blue-800-rgb), 0.15); - --spectrum-assetlist-border-color-key-focus:var(--spectrum-blue-700); - - --spectrum-badge-label-icon-color-primary:var(--spectrum-black); - - --spectrum-calendar-day-background-color-selected:rgba(var(--spectrum-blue-800-rgb), 0.15); - --spectrum-calendar-day-background-color-hover:rgba(var(--spectrum-white-rgb), 0.07); - --spectrum-calendar-day-today-background-color-selected-hover:rgba(var(--spectrum-blue-800-rgb), 0.25); - --spectrum-calendar-day-background-color-selected-hover:rgba(var(--spectrum-blue-800-rgb), 0.25); - --spectrum-calendar-day-background-color-down:var(--spectrum-transparent-white-200); - --spectrum-calendar-day-background-color-cap-selected:rgba(var(--spectrum-blue-800-rgb), 0.25); - --spectrum-calendar-day-background-color-key-focus:rgba(var(--spectrum-white-rgb), 0.07); - --spectrum-calendar-day-border-color-key-focus:var(--spectrum-blue-700); - - --spectrum-card-selected-background-color-rgb:var(--spectrum-blue-500-rgb); - - --spectrum-coach-indicator-ring-default-color:var(--spectrum-blue-700); - - --spectrum-drop-zone-background-color-rgb:var(--spectrum-blue-900-rgb); - - --spectrum-dropindicator-color:var(--spectrum-blue-700); - - --spectrum-logic-button-and-background-color:var(--spectrum-blue-800); - --spectrum-logic-button-and-border-color:var(--spectrum-blue-800); - --spectrum-logic-button-and-background-color-hover:var(--spectrum-blue-1000); - --spectrum-logic-button-and-border-color-hover:var(--spectrum-blue-1000); - - --spectrum-logic-button-or-background-color:var(--spectrum-magenta-700); - --spectrum-logic-button-or-border-color:var(--spectrum-magenta-700); - --spectrum-logic-button-or-background-color-hover:var(--spectrum-magenta-900); - --spectrum-logic-button-or-border-color-hover:var(--spectrum-magenta-900); - - --spectrum-steplist-current-marker-color-key-focus:var(--spectrum-blue-700); - - --spectrum-swatch-border-color-rgb:255, 255, 255; - - --spectrum-swatch-border-color-opacity:0.51; - - --spectrum-swatch-border-color:rgba(var(--spectrum-swatch-border-color-rgb), var(--spectrum-swatch-border-color-opacity)); - --spectrum-swatch-border-color-light-rgb:255, 255, 255; - --spectrum-swatch-border-color-light-opacity:0.20; - --spectrum-swatch-border-color-light:rgba(var(--spectrum-swatch-border-color-light-rgb), var(--spectrum-swatch-border-color-light-opacity)); - - --spectrum-treeview-item-background-color-quiet-selected:rgba(var(--spectrum-gray-900-rgb), 0.07); - --spectrum-treeview-item-background-color-selected:rgba(var(--spectrum-blue-800-rgb), 0.15); +.spectrum--dark { + --spectrum-overlay-opacity: 0.6; + --spectrum-background-layer-2-color: var(--spectrum-gray-75); + --spectrum-neutral-subdued-background-color-default: var(--spectrum-gray-500); + --spectrum-neutral-subdued-background-color-hover: var(--spectrum-gray-400); + --spectrum-neutral-subdued-background-color-down: var(--spectrum-gray-400); + --spectrum-neutral-subdued-background-color-key-focus: var(--spectrum-gray-400); + --spectrum-accent-background-color-default: var(--spectrum-accent-color-800); + --spectrum-accent-background-color-hover: var(--spectrum-accent-color-700); + --spectrum-accent-background-color-down: var(--spectrum-accent-color-700); + --spectrum-accent-background-color-key-focus: var(--spectrum-accent-color-700); + --spectrum-informative-background-color-default: var(--spectrum-informative-color-800); + --spectrum-informative-background-color-hover: var(--spectrum-informative-color-700); + --spectrum-informative-background-color-down: var(--spectrum-informative-color-700); + --spectrum-informative-background-color-key-focus: var(--spectrum-informative-color-700); + --spectrum-negative-background-color-default: var(--spectrum-negative-color-800); + --spectrum-negative-background-color-hover: var(--spectrum-negative-color-700); + --spectrum-negative-background-color-down: var(--spectrum-negative-color-700); + --spectrum-negative-background-color-key-focus: var(--spectrum-negative-color-700); + --spectrum-positive-background-color-default: var(--spectrum-positive-color-800); + --spectrum-positive-background-color-hover: var(--spectrum-positive-color-700); + --spectrum-positive-background-color-down: var(--spectrum-positive-color-700); + --spectrum-positive-background-color-key-focus: var(--spectrum-positive-color-700); + --spectrum-notice-background-color-default: var(--spectrum-notice-color-900); + --spectrum-gray-background-color-default: var(--spectrum-gray-500); + --spectrum-red-background-color-default: var(--spectrum-red-800); + --spectrum-orange-background-color-default: var(--spectrum-orange-900); + --spectrum-yellow-background-color-default: var(--spectrum-yellow-1100); + --spectrum-chartreuse-background-color-default: var(--spectrum-chartreuse-1000); + --spectrum-celery-background-color-default: var(--spectrum-celery-900); + --spectrum-green-background-color-default: var(--spectrum-green-800); + --spectrum-seafoam-background-color-default: var(--spectrum-seafoam-800); + --spectrum-cyan-background-color-default: var(--spectrum-cyan-800); + --spectrum-blue-background-color-default: var(--spectrum-blue-800); + --spectrum-indigo-background-color-default: var(--spectrum-indigo-800); + --spectrum-purple-background-color-default: var(--spectrum-purple-800); + --spectrum-fuchsia-background-color-default: var(--spectrum-fuchsia-800); + --spectrum-magenta-background-color-default: var(--spectrum-magenta-800); + --spectrum-neutral-visual-color: var(--spectrum-gray-600); + --spectrum-accent-visual-color: var(--spectrum-accent-color-900); + --spectrum-informative-visual-color: var(--spectrum-informative-color-900); + --spectrum-negative-visual-color: var(--spectrum-negative-color-900); + --spectrum-notice-visual-color: var(--spectrum-notice-color-900); + --spectrum-positive-visual-color: var(--spectrum-positive-color-900); + --spectrum-gray-visual-color: var(--spectrum-gray-600); + --spectrum-red-visual-color: var(--spectrum-red-700); + --spectrum-orange-visual-color: var(--spectrum-orange-900); + --spectrum-yellow-visual-color: var(--spectrum-yellow-1100); + --spectrum-chartreuse-visual-color: var(--spectrum-chartreuse-900); + --spectrum-celery-visual-color: var(--spectrum-celery-800); + --spectrum-green-visual-color: var(--spectrum-green-800); + --spectrum-seafoam-visual-color: var(--spectrum-seafoam-800); + --spectrum-cyan-visual-color: var(--spectrum-cyan-900); + --spectrum-blue-visual-color: var(--spectrum-blue-900); + --spectrum-indigo-visual-color: var(--spectrum-indigo-900); + --spectrum-purple-visual-color: var(--spectrum-purple-900); + --spectrum-fuchsia-visual-color: var(--spectrum-fuchsia-900); + --spectrum-magenta-visual-color: var(--spectrum-magenta-900); + --spectrum-background-elevated-color: var(--spectrum-gray-75); + --spectrum-background-pasteboard-color: var(--spectrum-gray-25); + --spectrum-brown-visual-color: var(--spectrum-brown-900); + --spectrum-cinnamon-visual-color: var(--spectrum-cinnamon-900); + --spectrum-pink-visual-color: var(--spectrum-pink-900); + --spectrum-silver-visual-color: var(--spectrum-silver-900); + --spectrum-turquoise-visual-color: var(--spectrum-turquoise-900); + --spectrum-brown-background-color-default: var(--spectrum-brown-800); + --spectrum-cinnamon-background-color-default: var(--spectrum-cinnamon-800); + --spectrum-pink-background-color-default: var(--spectrum-pink-800); + --spectrum-silver-background-color-default: var(--spectrum-silver-800); + --spectrum-turquoise-background-color-default: var(--spectrum-turquoise-800); + --spectrum-drop-shadow-color-100: rgba(0, 0, 0, 0.36); + --spectrum-drop-shadow-color-200: rgba(0, 0, 0, 0.48); + --spectrum-drop-shadow-color-300: rgba(0, 0, 0, 0.6); + --spectrum-neutral-subtle-background-color-default: var(--spectrum-gray-300); + --spectrum-gray-subtle-background-color-default: var(--spectrum-gray-300); + --spectrum-blue-subtle-background-color-default: var(--spectrum-blue-300); + --spectrum-green-subtle-background-color-default: var(--spectrum-green-300); + --spectrum-orange-subtle-background-color-default: var(--spectrum-orange-300); + --spectrum-red-subtle-background-color-default: var(--spectrum-red-300); + --spectrum-brown-subtle-background-color-default: var(--spectrum-brown-300); + --spectrum-cinnamon-subtle-background-color-default: var(--spectrum-cinnamon-300); + --spectrum-celery-subtle-background-color-default: var(--spectrum-celery-300); + --spectrum-chartreuse-subtle-background-color-default: var(--spectrum-chartreuse-300); + --spectrum-cyan-subtle-background-color-default: var(--spectrum-cyan-300); + --spectrum-fuchsia-subtle-background-color-default: var(--spectrum-fuchsia-300); + --spectrum-indigo-subtle-background-color-default: var(--spectrum-indigo-300); + --spectrum-magenta-subtle-background-color-default: var(--spectrum-magenta-300); + --spectrum-pink-subtle-background-color-default: var(--spectrum-pink-300); + --spectrum-purple-subtle-background-color-default: var(--spectrum-purple-300); + --spectrum-seafoam-subtle-background-color-default: var(--spectrum-seafoam-300); + --spectrum-silver-subtle-background-color-default: var(--spectrum-silver-300); + --spectrum-turquoise-subtle-background-color-default: var(--spectrum-turquoise-300); + --spectrum-yellow-subtle-background-color-default: var(--spectrum-yellow-300); + --spectrum-opacity-checkerboard-square-dark: var(--spectrum-gray-800); + --spectrum-white: rgb(255, 255, 255); + --spectrum-transparent-white-25: rgba(255, 255, 255, 0); + --spectrum-transparent-white-50: rgba(255, 255, 255, 0.04); + --spectrum-transparent-white-75: rgba(255, 255, 255, 0.07); + --spectrum-transparent-white-100: rgba(255, 255, 255, 0.11); + --spectrum-transparent-white-200: rgba(255, 255, 255, 0.14); + --spectrum-transparent-white-300: rgba(255, 255, 255, 0.17); + --spectrum-transparent-white-400: rgba(255, 255, 255, 0.21); + --spectrum-transparent-white-500: rgba(255, 255, 255, 0.39); + --spectrum-transparent-white-600: rgba(255, 255, 255, 0.51); + --spectrum-transparent-white-700: rgba(255, 255, 255, 0.66); + --spectrum-transparent-white-800: rgba(255, 255, 255, 0.85); + --spectrum-transparent-white-900: rgba(255, 255, 255, 0.94); + --spectrum-transparent-white-1000: rgb(255, 255, 255); + --spectrum-transparent-black-25: rgba(0, 0, 0, 0); + --spectrum-transparent-black-50: rgba(0, 0, 0, 0.03); + --spectrum-transparent-black-75: rgba(0, 0, 0, 0.05); + --spectrum-transparent-black-100: rgba(0, 0, 0, 0.09); + --spectrum-transparent-black-200: rgba(0, 0, 0, 0.12); + --spectrum-transparent-black-300: rgba(0, 0, 0, 0.15); + --spectrum-transparent-black-400: rgba(0, 0, 0, 0.22); + --spectrum-transparent-black-500: rgba(0, 0, 0, 0.44); + --spectrum-transparent-black-600: rgba(0, 0, 0, 0.56); + --spectrum-transparent-black-700: rgba(0, 0, 0, 0.69); + --spectrum-transparent-black-800: rgba(0, 0, 0, 0.84); + --spectrum-transparent-black-900: rgba(0, 0, 0, 0.93); + --spectrum-gray-25: rgb(17, 17, 17); + --spectrum-gray-50: rgb(27, 27, 27); + --spectrum-gray-75: rgb(34, 34, 34); + --spectrum-gray-100: rgb(44, 44, 44); + --spectrum-gray-200: rgb(50, 50, 50); + --spectrum-gray-300: rgb(57, 57, 57); + --spectrum-gray-400: rgb(68, 68, 68); + --spectrum-gray-500: rgb(109, 109, 109); + --spectrum-gray-600: rgb(138, 138, 138); + --spectrum-gray-700: rgb(175, 175, 175); + --spectrum-gray-800: rgb(219, 219, 219); + --spectrum-gray-900: rgb(242, 242, 242); + --spectrum-gray-1000: rgb(255, 255, 255); + --spectrum-blue-100: rgb(14, 23, 63); + --spectrum-blue-200: rgb(15, 28, 82); + --spectrum-blue-300: rgb(12, 33, 117); + --spectrum-blue-400: rgb(18, 45, 154); + --spectrum-blue-500: rgb(26, 58, 195); + --spectrum-blue-600: rgb(37, 73, 229); + --spectrum-blue-700: rgb(52, 91, 248); + --spectrum-blue-800: rgb(64, 105, 253); + --spectrum-blue-900: rgb(86, 129, 255); + --spectrum-blue-1000: rgb(105, 149, 254); + --spectrum-blue-1100: rgb(124, 169, 252); + --spectrum-blue-1200: rgb(152, 192, 252); + --spectrum-blue-1300: rgb(181, 213, 253); + --spectrum-blue-1400: rgb(213, 231, 254); + --spectrum-blue-1500: rgb(238, 245, 255); + --spectrum-blue-1600: rgb(255, 255, 255); + --spectrum-red-100: rgb(54, 10, 3); + --spectrum-red-200: rgb(68, 13, 5); + --spectrum-red-300: rgb(87, 17, 7); + --spectrum-red-400: rgb(115, 24, 11); + --spectrum-red-500: rgb(147, 31, 17); + --spectrum-red-600: rgb(177, 38, 23); + --spectrum-red-700: rgb(205, 46, 29); + --spectrum-red-800: rgb(223, 52, 34); + --spectrum-red-900: rgb(252, 67, 46); + --spectrum-red-1000: rgb(255, 103, 86); + --spectrum-red-1100: rgb(255, 134, 120); + --spectrum-red-1200: rgb(255, 167, 157); + --spectrum-red-1300: rgb(255, 196, 189); + --spectrum-red-1400: rgb(255, 222, 219); + --spectrum-red-1500: rgb(255, 242, 240); + --spectrum-red-1600: rgb(255, 255, 255); + --spectrum-orange-100: rgb(49, 16, 0); + --spectrum-orange-200: rgb(61, 21, 0); + --spectrum-orange-300: rgb(80, 27, 0); + --spectrum-orange-400: rgb(106, 36, 0); + --spectrum-orange-500: rgb(135, 47, 0); + --spectrum-orange-600: rgb(162, 59, 0); + --spectrum-orange-700: rgb(185, 73, 0); + --spectrum-orange-800: rgb(199, 82, 0); + --spectrum-orange-900: rgb(224, 100, 0); + --spectrum-orange-1000: rgb(243, 117, 0); + --spectrum-orange-1100: rgb(255, 137, 0); + --spectrum-orange-1200: rgb(255, 173, 45); + --spectrum-orange-1300: rgb(255, 201, 116); + --spectrum-orange-1400: rgb(255, 225, 178); + --spectrum-orange-1500: rgb(255, 243, 225); + --spectrum-orange-1600: rgb(255, 255, 255); + --spectrum-yellow-100: rgb(37, 23, 0); + --spectrum-yellow-200: rgb(47, 29, 0); + --spectrum-yellow-300: rgb(61, 39, 0); + --spectrum-yellow-400: rgb(83, 52, 0); + --spectrum-yellow-500: rgb(107, 67, 0); + --spectrum-yellow-600: rgb(130, 82, 0); + --spectrum-yellow-700: rgb(151, 97, 0); + --spectrum-yellow-800: rgb(164, 106, 0); + --spectrum-yellow-900: rgb(186, 124, 0); + --spectrum-yellow-1000: rgb(203, 141, 0); + --spectrum-yellow-1100: rgb(218, 159, 0); + --spectrum-yellow-1200: rgb(235, 183, 0); + --spectrum-yellow-1300: rgb(249, 206, 0); + --spectrum-yellow-1400: rgb(255, 230, 86); + --spectrum-yellow-1500: rgb(255, 246, 195); + --spectrum-yellow-1600: rgb(255, 255, 255); + --spectrum-chartreuse-100: rgb(23, 28, 0); + --spectrum-chartreuse-200: rgb(30, 36, 0); + --spectrum-chartreuse-300: rgb(39, 47, 0); + --spectrum-chartreuse-400: rgb(53, 63, 0); + --spectrum-chartreuse-500: rgb(68, 82, 0); + --spectrum-chartreuse-600: rgb(83, 100, 0); + --spectrum-chartreuse-700: rgb(97, 116, 0); + --spectrum-chartreuse-800: rgb(106, 127, 0); + --spectrum-chartreuse-900: rgb(122, 147, 0); + --spectrum-chartreuse-1000: rgb(136, 164, 0); + --spectrum-chartreuse-1100: rgb(151, 181, 0); + --spectrum-chartreuse-1200: rgb(169, 203, 0); + --spectrum-chartreuse-1300: rgb(187, 225, 0); + --spectrum-chartreuse-1400: rgb(219, 240, 117); + --spectrum-chartreuse-1500: rgb(242, 249, 206); + --spectrum-chartreuse-1600: rgb(255, 255, 255); + --spectrum-celery-100: rgb(11, 31, 0); + --spectrum-celery-200: rgb(15, 38, 0); + --spectrum-celery-300: rgb(21, 51, 1); + --spectrum-celery-400: rgb(31, 67, 4); + --spectrum-celery-500: rgb(41, 86, 8); + --spectrum-celery-600: rgb(50, 105, 11); + --spectrum-celery-700: rgb(60, 122, 15); + --spectrum-celery-800: rgb(66, 134, 18); + --spectrum-celery-900: rgb(78, 154, 23); + --spectrum-celery-1000: rgb(88, 172, 28); + --spectrum-celery-1100: rgb(100, 190, 35); + --spectrum-celery-1200: rgb(116, 213, 46); + --spectrum-celery-1300: rgb(136, 234, 65); + --spectrum-celery-1400: rgb(170, 251, 112); + --spectrum-celery-1500: rgb(222, 255, 198); + --spectrum-celery-1600: rgb(255, 255, 255); + --spectrum-green-100: rgb(0, 30, 23); + --spectrum-green-200: rgb(0, 38, 29); + --spectrum-green-300: rgb(0, 51, 38); + --spectrum-green-400: rgb(0, 68, 48); + --spectrum-green-500: rgb(2, 87, 58); + --spectrum-green-600: rgb(3, 106, 67); + --spectrum-green-700: rgb(4, 124, 75); + --spectrum-green-800: rgb(6, 136, 80); + --spectrum-green-900: rgb(9, 157, 89); + --spectrum-green-1000: rgb(14, 175, 98); + --spectrum-green-1100: rgb(24, 193, 110); + --spectrum-green-1200: rgb(57, 215, 134); + --spectrum-green-1300: rgb(126, 231, 172); + --spectrum-green-1400: rgb(189, 241, 208); + --spectrum-green-1500: rgb(229, 250, 236); + --spectrum-green-1600: rgb(255, 255, 255); + --spectrum-seafoam-100: rgb(0, 30, 27); + --spectrum-seafoam-200: rgb(0, 39, 35); + --spectrum-seafoam-300: rgb(0, 50, 44); + --spectrum-seafoam-400: rgb(0, 67, 59); + --spectrum-seafoam-500: rgb(2, 86, 75); + --spectrum-seafoam-600: rgb(4, 105, 89); + --spectrum-seafoam-700: rgb(6, 122, 103); + --spectrum-seafoam-800: rgb(8, 134, 112); + --spectrum-seafoam-900: rgb(10, 154, 128); + --spectrum-seafoam-1000: rgb(12, 173, 142); + --spectrum-seafoam-1100: rgb(14, 190, 156); + --spectrum-seafoam-1200: rgb(29, 214, 176); + --spectrum-seafoam-1300: rgb(122, 229, 203); + --spectrum-seafoam-1400: rgb(186, 241, 222); + --spectrum-seafoam-1500: rgb(229, 249, 243); + --spectrum-seafoam-1600: rgb(255, 255, 255); + --spectrum-cyan-100: rgb(0, 29, 39); + --spectrum-cyan-200: rgb(0, 36, 49); + --spectrum-cyan-300: rgb(0, 48, 65); + --spectrum-cyan-400: rgb(0, 64, 88); + --spectrum-cyan-500: rgb(0, 82, 113); + --spectrum-cyan-600: rgb(3, 99, 140); + --spectrum-cyan-700: rgb(8, 115, 168); + --spectrum-cyan-800: rgb(13, 125, 186); + --spectrum-cyan-900: rgb(24, 142, 220); + --spectrum-cyan-1000: rgb(38, 159, 244); + --spectrum-cyan-1100: rgb(63, 177, 255); + --spectrum-cyan-1200: rgb(107, 199, 255); + --spectrum-cyan-1300: rgb(152, 219, 255); + --spectrum-cyan-1400: rgb(195, 236, 252); + --spectrum-cyan-1500: rgb(230, 248, 253); + --spectrum-cyan-1600: rgb(255, 255, 255); + --spectrum-indigo-100: rgb(30, 0, 93); + --spectrum-indigo-200: rgb(35, 0, 110); + --spectrum-indigo-300: rgb(47, 0, 140); + --spectrum-indigo-400: rgb(62, 12, 174); + --spectrum-indigo-500: rgb(79, 30, 209); + --spectrum-indigo-600: rgb(95, 52, 235); + --spectrum-indigo-700: rgb(109, 75, 248); + --spectrum-indigo-800: rgb(116, 91, 252); + --spectrum-indigo-900: rgb(128, 119, 254); + --spectrum-indigo-1000: rgb(139, 141, 254); + --spectrum-indigo-1100: rgb(153, 161, 255); + --spectrum-indigo-1200: rgb(176, 186, 255); + --spectrum-indigo-1300: rgb(199, 208, 255); + --spectrum-indigo-1400: rgb(223, 228, 255); + --spectrum-indigo-1500: rgb(243, 244, 255); + --spectrum-indigo-1600: rgb(255, 255, 255); + --spectrum-purple-100: rgb(41, 0, 79); + --spectrum-purple-200: rgb(50, 0, 96); + --spectrum-purple-300: rgb(64, 0, 122); + --spectrum-purple-400: rgb(83, 0, 159); + --spectrum-purple-500: rgb(107, 6, 195); + --spectrum-purple-600: rgb(130, 34, 215); + --spectrum-purple-700: rgb(148, 62, 224); + --spectrum-purple-800: rgb(157, 78, 228); + --spectrum-purple-900: rgb(173, 105, 233); + --spectrum-purple-1000: rgb(186, 127, 237); + --spectrum-purple-1100: rgb(197, 149, 240); + --spectrum-purple-1200: rgb(212, 176, 244); + --spectrum-purple-1300: rgb(225, 201, 247); + --spectrum-purple-1400: rgb(238, 224, 250); + --spectrum-purple-1500: rgb(248, 243, 253); + --spectrum-purple-1600: rgb(255, 255, 255); + --spectrum-fuchsia-100: rgb(50, 0, 61); + --spectrum-fuchsia-200: rgb(61, 0, 74); + --spectrum-fuchsia-300: rgb(79, 0, 95); + --spectrum-fuchsia-400: rgb(102, 9, 120); + --spectrum-fuchsia-500: rgb(127, 23, 146); + --spectrum-fuchsia-600: rgb(151, 38, 170); + --spectrum-fuchsia-700: rgb(173, 51, 192); + --spectrum-fuchsia-800: rgb(186, 60, 206); + --spectrum-fuchsia-900: rgb(213, 73, 235); + --spectrum-fuchsia-1000: rgb(232, 91, 253); + --spectrum-fuchsia-1100: rgb(240, 122, 255); + --spectrum-fuchsia-1200: rgb(245, 159, 255); + --spectrum-fuchsia-1300: rgb(248, 191, 255); + --spectrum-fuchsia-1400: rgb(251, 219, 255); + --spectrum-fuchsia-1500: rgb(253, 241, 255); + --spectrum-fuchsia-1600: rgb(255, 255, 255); + --spectrum-magenta-100: rgb(59, 0, 22); + --spectrum-magenta-200: rgb(74, 0, 27); + --spectrum-magenta-300: rgb(93, 0, 34); + --spectrum-magenta-400: rgb(123, 0, 45); + --spectrum-magenta-500: rgb(152, 7, 60); + --spectrum-magenta-600: rgb(181, 19, 76); + --spectrum-magenta-700: rgb(207, 31, 92); + --spectrum-magenta-800: rgb(224, 38, 101); + --spectrum-magenta-900: rgb(255, 51, 119); + --spectrum-magenta-1000: rgb(255, 96, 149); + --spectrum-magenta-1100: rgb(255, 128, 171); + --spectrum-magenta-1200: rgb(255, 163, 194); + --spectrum-magenta-1300: rgb(255, 193, 214); + --spectrum-magenta-1400: rgb(255, 220, 232); + --spectrum-magenta-1500: rgb(255, 241, 246); + --spectrum-magenta-1600: rgb(255, 255, 255); + --spectrum-pink-100: rgb(58, 0, 37); + --spectrum-pink-200: rgb(71, 0, 44); + --spectrum-pink-300: rgb(90, 0, 57); + --spectrum-pink-400: rgb(115, 7, 75); + --spectrum-pink-500: rgb(143, 18, 97); + --spectrum-pink-600: rgb(171, 29, 119); + --spectrum-pink-700: rgb(196, 39, 138); + --spectrum-pink-800: rgb(213, 45, 151); + --spectrum-pink-900: rgb(236, 67, 175); + --spectrum-pink-1000: rgb(251, 90, 196); + --spectrum-pink-1100: rgb(255, 122, 210); + --spectrum-pink-1200: rgb(255, 159, 223); + --spectrum-pink-1300: rgb(255, 191, 234); + --spectrum-pink-1400: rgb(255, 219, 243); + --spectrum-pink-1500: rgb(255, 241, 250); + --spectrum-pink-1600: rgb(255, 255, 255); + --spectrum-turquoise-100: rgb(0, 30, 33); + --spectrum-turquoise-200: rgb(0, 37, 41); + --spectrum-turquoise-300: rgb(0, 49, 54); + --spectrum-turquoise-400: rgb(0, 66, 72); + --spectrum-turquoise-500: rgb(3, 84, 92); + --spectrum-turquoise-600: rgb(5, 103, 112); + --spectrum-turquoise-700: rgb(7, 120, 131); + --spectrum-turquoise-800: rgb(9, 131, 142); + --spectrum-turquoise-900: rgb(11, 151, 164); + --spectrum-turquoise-1000: rgb(13, 168, 182); + --spectrum-turquoise-1100: rgb(16, 186, 202); + --spectrum-turquoise-1200: rgb(64, 208, 220); + --spectrum-turquoise-1300: rgb(128, 225, 231); + --spectrum-turquoise-1400: rgb(183, 240, 240); + --spectrum-turquoise-1500: rgb(228, 249, 249); + --spectrum-turquoise-1600: rgb(255, 255, 255); + --spectrum-brown-100: rgb(35, 24, 8); + --spectrum-brown-200: rgb(44, 31, 11); + --spectrum-brown-300: rgb(58, 40, 14); + --spectrum-brown-400: rgb(78, 55, 19); + --spectrum-brown-500: rgb(98, 71, 30); + --spectrum-brown-600: rgb(115, 88, 47); + --spectrum-brown-700: rgb(132, 104, 61); + --spectrum-brown-800: rgb(143, 114, 69); + --spectrum-brown-900: rgb(163, 132, 84); + --spectrum-brown-1000: rgb(181, 147, 98); + --spectrum-brown-1100: rgb(199, 163, 112); + --spectrum-brown-1200: rgb(222, 185, 130); + --spectrum-brown-1300: rgb(232, 207, 169); + --spectrum-brown-1400: rgb(242, 227, 206); + --spectrum-brown-1500: rgb(250, 244, 236); + --spectrum-brown-1600: rgb(255, 255, 255); + --spectrum-silver-100: rgb(26, 26, 26); + --spectrum-silver-200: rgb(33, 33, 33); + --spectrum-silver-300: rgb(44, 44, 44); + --spectrum-silver-400: rgb(59, 59, 59); + --spectrum-silver-500: rgb(76, 76, 76); + --spectrum-silver-600: rgb(92, 92, 92); + --spectrum-silver-700: rgb(108, 108, 108); + --spectrum-silver-800: rgb(118, 118, 118); + --spectrum-silver-900: rgb(137, 137, 137); + --spectrum-silver-1000: rgb(152, 152, 152); + --spectrum-silver-1100: rgb(169, 169, 169); + --spectrum-silver-1200: rgb(190, 190, 190); + --spectrum-silver-1300: rgb(211, 211, 211); + --spectrum-silver-1400: rgb(229, 229, 229); + --spectrum-silver-1500: rgb(244, 244, 244); + --spectrum-silver-1600: rgb(255, 255, 255); + --spectrum-cinnamon-100: rgb(48, 17, 4); + --spectrum-cinnamon-200: rgb(59, 21, 5); + --spectrum-cinnamon-300: rgb(79, 28, 7); + --spectrum-cinnamon-400: rgb(100, 41, 15); + --spectrum-cinnamon-500: rgb(122, 57, 28); + --spectrum-cinnamon-600: rgb(143, 74, 40); + --spectrum-cinnamon-700: rgb(163, 88, 52); + --spectrum-cinnamon-800: rgb(176, 98, 59); + --spectrum-cinnamon-900: rgb(192, 119, 80); + --spectrum-cinnamon-1000: rgb(206, 136, 99); + --spectrum-cinnamon-1100: rgb(220, 154, 118); + --spectrum-cinnamon-1200: rgb(232, 179, 149); + --spectrum-cinnamon-1300: rgb(239, 203, 183); + --spectrum-cinnamon-1400: rgb(246, 225, 214); + --spectrum-cinnamon-1500: rgb(252, 244, 239); + --spectrum-cinnamon-1600: rgb(255, 255, 255); + --spectrum-icon-color-blue-primary-default: var(--spectrum-blue-800); + --spectrum-icon-color-green-primary-default: var(--spectrum-green-800); + --spectrum-icon-color-red-primary-default: var(--spectrum-red-700); + --spectrum-icon-color-yellow-primary-default: var(--spectrum-yellow-1000); + --spectrum-negative-subdued-background-color-default: var(--spectrum-negative-subtle-background-color-default); + --spectrum-accent-subtle-background-color-default: var(--spectrum-accent-color-300); + --spectrum-informative-subtle-background-color-default: var(--spectrum-informative-color-300); + --spectrum-positive-subtle-background-color-default: var(--spectrum-positive-color-300); + --spectrum-notice-subtle-background-color-default: var(--spectrum-notice-color-300); + --spectrum-negative-subtle-background-color-default: var(--spectrum-negative-color-300); } diff --git a/tokens/dist/css/global-vars.css b/tokens/dist/css/global-vars.css index 299b7641fe1..4a922c58c27 100644 --- a/tokens/dist/css/global-vars.css +++ b/tokens/dist/css/global-vars.css @@ -1,674 +1,615 @@ -/*! - * Copyright 2024 Adobe. All rights reserved. - * - * This file is licensed to you under the Apache License, Version 2.0 (the "License"); - * you may not use this file except in compliance with the License. You may obtain a copy - * of the License at - * - * Unless required by applicable law or agreed to in writing, software distributed under - * the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS - * OF ANY KIND, either express or implied. See the License for the specific language - * governing permissions and limitations under the License. - */ - -.spectrum{ - --spectrum-focus-indicator-color:var(--spectrum-blue-800); - --spectrum-static-white-focus-indicator-color:var(--spectrum-white); - --spectrum-static-black-focus-indicator-color:var(--spectrum-black); - --spectrum-overlay-color:var(--spectrum-black); - --spectrum-drop-shadow-color:var(--spectrum-drop-shadow-color-100); - --spectrum-opacity-disabled:0.3; - --spectrum-background-base-color:var(--spectrum-gray-25); - --spectrum-background-layer-1-color:var(--spectrum-gray-50); - --spectrum-neutral-background-color-default:var(--spectrum-gray-800); - --spectrum-neutral-background-color-hover:var(--spectrum-gray-900); - --spectrum-neutral-background-color-down:var(--spectrum-gray-900); - --spectrum-neutral-background-color-key-focus:var(--spectrum-gray-900); - --spectrum-neutral-background-color-selected-default:var(--spectrum-gray-800); - --spectrum-neutral-background-color-selected-hover:var(--spectrum-gray-900); - --spectrum-neutral-background-color-selected-down:var(--spectrum-gray-900); - --spectrum-neutral-background-color-selected-key-focus:var(--spectrum-gray-900); - --spectrum-neutral-subdued-content-color-selected:var(--spectrum-neutral-subdued-content-color-down); - --spectrum-accent-content-color-selected:var(--spectrum-accent-content-color-down); - --spectrum-disabled-background-color:var(--spectrum-gray-100); - --spectrum-disabled-static-white-background-color:var(--spectrum-transparent-white-100); - --spectrum-disabled-static-black-background-color:var(--spectrum-transparent-black-100); - --spectrum-background-opacity-default:0; - --spectrum-background-opacity-hover:0.1; - --spectrum-background-opacity-down:0.1; - --spectrum-background-opacity-key-focus:0.1; - --spectrum-neutral-content-color-default:var(--spectrum-gray-800); - --spectrum-neutral-content-color-hover:var(--spectrum-gray-900); - --spectrum-neutral-content-color-down:var(--spectrum-gray-900); - --spectrum-neutral-content-color-focus-hover:var(--spectrum-neutral-content-color-down); - --spectrum-neutral-content-color-focus:var(--spectrum-neutral-content-color-down); - --spectrum-neutral-content-color-key-focus:var(--spectrum-gray-900); - --spectrum-neutral-subdued-content-color-default:var(--spectrum-gray-700); - --spectrum-neutral-subdued-content-color-hover:var(--spectrum-gray-800); - --spectrum-neutral-subdued-content-color-down:var(--spectrum-gray-800); - --spectrum-neutral-subdued-content-color-key-focus:var(--spectrum-gray-800); - --spectrum-accent-content-color-default:var(--spectrum-accent-color-900); - --spectrum-accent-content-color-hover:var(--spectrum-accent-color-1000); - --spectrum-accent-content-color-down:var(--spectrum-accent-color-1000); - --spectrum-accent-content-color-key-focus:var(--spectrum-accent-color-1000); - --spectrum-negative-content-color-default:var(--spectrum-negative-color-900); - --spectrum-negative-content-color-hover:var(--spectrum-negative-color-1000); - --spectrum-negative-content-color-down:var(--spectrum-negative-color-1000); - --spectrum-negative-content-color-key-focus:var(--spectrum-negative-color-1000); - --spectrum-disabled-content-color:var(--spectrum-gray-400); - --spectrum-disabled-static-white-content-color:var(--spectrum-transparent-white-400); - --spectrum-disabled-static-black-content-color:var(--spectrum-transparent-black-400); - --spectrum-disabled-border-color:var(--spectrum-gray-300); - --spectrum-disabled-static-white-border-color:var(--spectrum-transparent-white-300); - --spectrum-disabled-static-black-border-color:var(--spectrum-transparent-black-300); - --spectrum-negative-border-color-default:var(--spectrum-negative-color-900); - --spectrum-negative-border-color-hover:var(--spectrum-negative-color-1000); - --spectrum-negative-border-color-down:var(--spectrum-negative-color-1100); - --spectrum-negative-border-color-focus-hover:var(--spectrum-negative-border-color-down); - --spectrum-negative-border-color-focus:var(--spectrum-negative-color-1000); - --spectrum-negative-border-color-key-focus:var(--spectrum-negative-color-1000); - --spectrum-title-color:var(--spectrum-gray-900); - --spectrum-drop-shadow-emphasized-default-color:var(--spectrum-drop-shadow-color-100); - --spectrum-drop-shadow-emphasized-hover-color:var(--spectrum-drop-shadow-color-200); - --spectrum-drop-shadow-elevated-color:var(--spectrum-drop-shadow-color-200); - --spectrum-drop-shadow-dragged-color:var(--spectrum-drop-shadow-color-300); - --spectrum-static-black-text-color:var(--spectrum-black); - --spectrum-static-white-text-color:var(--spectrum-white); - --spectrum-track-color:var(--spectrum-gray-300); - --spectrum-static-black-track-color:var(--spectrum-transparent-black-300); - --spectrum-static-white-track-color:var(--spectrum-transparent-white-300); - --spectrum-static-black-track-indicator-color:var(--spectrum-transparent-black-900); - --spectrum-static-white-track-indicator-color:var(--spectrum-transparent-white-900); - --spectrum-swatch-border-color:var(--spectrum-gray-900); - --spectrum-swatch-border-opacity:0.51; - --spectrum-swatch-disabled-icon-border-color:var(--spectrum-black); - --spectrum-swatch-disabled-icon-border-opacity:0.51; - --spectrum-thumbnail-border-color:var(--spectrum-gray-800); - --spectrum-thumbnail-border-opacity:0.1; - --spectrum-thumbnail-opacity-disabled:var(--spectrum-opacity-disabled); - --spectrum-opacity-checkerboard-square-light:var(--spectrum-white); - --spectrum-avatar-opacity-disabled:var(--spectrum-opacity-disabled); - --spectrum-color-area-border-color:var(--spectrum-gray-900); - --spectrum-color-area-border-opacity:0.1; - --spectrum-color-slider-border-color:var(--spectrum-gray-900); - --spectrum-color-slider-border-opacity:0.1; - --spectrum-color-loupe-drop-shadow-color:var(--spectrum-transparent-black-300); - --spectrum-color-loupe-inner-border:var(--spectrum-transparent-black-200); - --spectrum-color-loupe-outer-border:var(--spectrum-white); - --spectrum-card-selection-background-color:var(--spectrum-gray-100); - --spectrum-card-selection-background-color-opacity:0.95; - --spectrum-drop-zone-background-color:var(--spectrum-accent-visual-color); - --spectrum-drop-zone-background-color-opacity:0.1; - --spectrum-drop-zone-background-color-opacity-filled:0.3; - --spectrum-coach-mark-pagination-color:var(--spectrum-gray-600); - --spectrum-color-handle-inner-border-color:var(--spectrum-black); - --spectrum-color-handle-inner-border-opacity:0.42; - --spectrum-color-handle-outer-border-color:var(--spectrum-black); - --spectrum-color-handle-outer-border-opacity:var(--spectrum-color-handle-inner-border-opacity); - --spectrum-color-handle-drop-shadow-color:var(--spectrum-drop-shadow-color); - --spectrum-floating-action-button-drop-shadow-color:var(--spectrum-transparent-black-300); - --spectrum-floating-action-button-shadow-color:var(--spectrum-floating-action-button-drop-shadow-color); - --spectrum-table-row-hover-color:var(--spectrum-gray-900); - --spectrum-table-row-hover-opacity:0.07; - --spectrum-table-selected-row-background-color:var(--spectrum-informative-background-color-default); - --spectrum-table-selected-row-background-opacity:0.1; - --spectrum-table-selected-row-background-color-non-emphasized:var(--spectrum-neutral-background-color-selected-default); - --spectrum-table-selected-row-background-opacity-non-emphasized:0.1; - --spectrum-table-row-down-opacity:0.1; - --spectrum-table-selected-row-background-opacity-hover:0.15; - --spectrum-table-selected-row-background-opacity-non-emphasized-hover:0.15; - --spectrum-black-rgb:0, 0, 0; - --spectrum-black:rgba(var(--spectrum-black-rgb)); - --spectrum-transparent-black-1000-rgb:0, 0, 0; - --spectrum-transparent-black-1000:rgba(var(--spectrum-transparent-black-1000-rgb)); - --spectrum-icon-color-inverse:var(--spectrum-gray-50); - --spectrum-icon-color-primary-default:var(--spectrum-neutral-content-color-default); - --spectrum-asterisk-icon-size-75:8px; - --spectrum-radio-button-selection-indicator:4px; - --spectrum-field-label-top-margin-small:0px; - --spectrum-field-label-to-component:0px; - --spectrum-help-text-to-component:0px; - --spectrum-status-light-dot-size-small:8px; - --spectrum-action-button-edge-to-hold-icon-extra-small:3px; - --spectrum-action-button-edge-to-hold-icon-small:3px; - --spectrum-button-minimum-width-multiplier:2.25; - --spectrum-divider-thickness-small:1px; - --spectrum-divider-thickness-medium:2px; - --spectrum-divider-thickness-large:4px; - --spectrum-swatch-rectangle-width-multiplier:2; - --spectrum-swatch-slash-thickness-extra-small:2px; - --spectrum-swatch-slash-thickness-small:3px; - --spectrum-swatch-slash-thickness-medium:4px; - --spectrum-swatch-slash-thickness-large:5px; - --spectrum-progress-bar-minimum-width:48px; - --spectrum-progress-bar-maximum-width:768px; - --spectrum-meter-minimum-width:48px; - --spectrum-meter-maximum-width:768px; - --spectrum-meter-default-width:var(--spectrum-meter-width); - --spectrum-in-line-alert-minimum-width:240px; - --spectrum-popover-tip-width:16px; - --spectrum-popover-tip-height:8px; - --spectrum-menu-item-label-to-description:1px; - --spectrum-menu-item-section-divider-height:8px; - --spectrum-slider-track-thickness:2px; - --spectrum-slider-handle-gap:4px; - --spectrum-picker-minimum-width-multiplier:2; - --spectrum-picker-border-width:var(--spectrum-border-width-100); - --spectrum-picker-end-edge-to-disclousure-icon-quiet:var(--spectrum-picker-end-edge-to-disclosure-icon-quiet); - --spectrum-picker-end-edge-to-disclosure-icon-quiet:0px; - --spectrum-text-field-minimum-width-multiplier:1.5; - --spectrum-combo-box-minimum-width-multiplier:2.5; - --spectrum-combo-box-quiet-minimum-width-multiplier:2; - --spectrum-combo-box-visual-to-field-button-quiet:0px; - --spectrum-alert-dialog-minimum-width:288px; - --spectrum-alert-dialog-maximum-width:480px; - --spectrum-contextual-help-minimum-width:268px; - --spectrum-breadcrumbs-height:var(--spectrum-component-height-300); - --spectrum-breadcrumbs-height-compact:var(--spectrum-component-height-200); - --spectrum-breadcrumbs-end-edge-to-text:0px; - --spectrum-breadcrumbs-truncated-menu-to-separator-icon:0px; - --spectrum-breadcrumbs-start-edge-to-truncated-menu:0px; - --spectrum-breadcrumbs-truncated-menu-to-bottom-text:0px; - --spectrum-alert-banner-to-top-workflow-icon:var(--spectrum-alert-banner-top-to-workflow-icon); - --spectrum-alert-banner-to-top-text:var(--spectrum-alert-banner-top-to-text); - --spectrum-alert-banner-to-bottom-text:var(--spectrum-alert-banner-bottom-to-text); - --spectrum-color-area-border-width:var(--spectrum-border-width-100); - --spectrum-color-area-border-rounding:var(--spectrum-corner-radius-medium-size-small); - --spectrum-color-wheel-color-area-margin:12px; - --spectrum-color-slider-border-width:1px; - --spectrum-color-slider-border-rounding:var(--spectrum-corner-radius-medium-size-small); - --spectrum-floating-action-button-drop-shadow-blur:12px; - --spectrum-floating-action-button-drop-shadow-y:4px; - --spectrum-illustrated-message-maximum-width:380px; - --spectrum-search-field-minimum-width-multiplier:3; - --spectrum-color-loupe-height:64px; - --spectrum-color-loupe-width:48px; - --spectrum-color-loupe-bottom-to-color-handle:12px; - --spectrum-color-loupe-outer-border-width:var(--spectrum-border-width-200); - --spectrum-color-loupe-inner-border-width:1px; - --spectrum-color-loupe-drop-shadow-y:2px; - --spectrum-color-loupe-drop-shadow-blur:8px; - --spectrum-card-minimum-width:100px; - --spectrum-card-preview-minimum-height:130px; - --spectrum-card-selection-background-size:40px; - --spectrum-drop-zone-width:428px; - --spectrum-drop-zone-content-maximum-width:var(--spectrum-illustrated-message-maximum-width); - --spectrum-drop-zone-border-dash-length:8px; - --spectrum-drop-zone-border-dash-gap:4px; - --spectrum-drop-zone-title-size:var(--spectrum-illustrated-message-title-size); - --spectrum-drop-zone-cjk-title-size:var(--spectrum-illustrated-message-cjk-title-size); - --spectrum-drop-zone-body-size:var(--spectrum-illustrated-message-body-size); - --spectrum-accordion-top-to-text-compact-small:2px; - --spectrum-accordion-top-to-text-compact-medium:4px; - --spectrum-accordion-disclosure-indicator-to-text:0px; - --spectrum-accordion-edge-to-disclosure-indicator:0px; - --spectrum-accordion-edge-to-text:0px; - --spectrum-accordion-focus-indicator-gap:0px; - --spectrum-color-handle-border-width:var(--spectrum-border-width-200); - --spectrum-color-handle-inner-border-width:1px; - --spectrum-color-handle-outer-border-width:1px; - --spectrum-color-handle-drop-shadow-x:0; - --spectrum-color-handle-drop-shadow-y:0; - --spectrum-color-handle-drop-shadow-blur:0; - --spectrum-table-row-height-small-compact:var(--spectrum-component-height-75); - --spectrum-table-row-height-medium-compact:var(--spectrum-component-height-100); - --spectrum-table-row-height-large-compact:var(--spectrum-component-height-200); - --spectrum-table-row-height-extra-large-compact:var(--spectrum-component-height-300); - --spectrum-table-row-top-to-text-small-compact:var(--spectrum-component-top-to-text-75); - --spectrum-table-row-top-to-text-medium-compact:var(--spectrum-component-top-to-text-100); - --spectrum-table-row-top-to-text-large-compact:var(--spectrum-component-top-to-text-200); - --spectrum-table-row-top-to-text-extra-large-compact:var(--spectrum-component-top-to-text-300); - --spectrum-table-row-bottom-to-text-small-compact:var(--spectrum-component-bottom-to-text-75); - --spectrum-table-row-bottom-to-text-medium-compact:var(--spectrum-component-bottom-to-text-100); - --spectrum-table-row-bottom-to-text-large-compact:var(--spectrum-component-bottom-to-text-200); - --spectrum-table-row-bottom-to-text-extra-large-compact:var(--spectrum-component-bottom-to-text-300); - --spectrum-table-edge-to-content:16px; - --spectrum-table-border-divider-width:1px; - --spectrum-tab-item-height-small:var(--spectrum-component-height-200); - --spectrum-tab-item-height-medium:var(--spectrum-component-height-300); - --spectrum-tab-item-height-large:var(--spectrum-component-height-400); - --spectrum-tab-item-height-extra-large:var(--spectrum-component-height-500); - --spectrum-tab-item-compact-height-small:var(--spectrum-component-height-75); - --spectrum-tab-item-compact-height-medium:var(--spectrum-component-height-100); - --spectrum-tab-item-compact-height-large:var(--spectrum-component-height-200); - --spectrum-tab-item-compact-height-extra-large:var(--spectrum-component-height-300); - --spectrum-tab-item-start-to-edge-quiet:0px; - --spectrum-in-field-button-width-stacked-small:20px; - --spectrum-in-field-button-width-stacked-medium:28px; - --spectrum-in-field-button-width-stacked-large:36px; - --spectrum-in-field-button-width-stacked-extra-large:44px; - --spectrum-in-field-button-fill-stacked-inner-border-rounding:0px; - --spectrum-in-field-button-edge-to-fill:0px; - --spectrum-in-field-button-stacked-inner-edge-to-fill:0px; - --spectrum-in-field-button-edge-to-disclosure-icon-stacked-small:7px; - --spectrum-in-field-button-edge-to-disclosure-icon-stacked-medium:9px; - --spectrum-in-field-button-edge-to-disclosure-icon-stacked-large:13px; - --spectrum-in-field-button-edge-to-disclosure-icon-stacked-extra-large:16px; - --spectrum-in-field-button-outer-edge-to-disclosure-icon-stacked-small:3px; - --spectrum-in-field-button-outer-edge-to-disclosure-icon-stacked-medium:3px; - --spectrum-in-field-button-outer-edge-to-disclosure-icon-stacked-large:4px; - --spectrum-in-field-button-outer-edge-to-disclosure-icon-stacked-extra-large:5px; - --spectrum-in-field-button-inner-edge-to-disclosure-icon-stacked-small:var(--spectrum-in-field-button-outer-edge-to-disclosure-icon-stacked-small); - --spectrum-in-field-button-inner-edge-to-disclosure-icon-stacked-medium:var(--spectrum-in-field-button-outer-edge-to-disclosure-icon-stacked-medium); - --spectrum-in-field-button-inner-edge-to-disclosure-icon-stacked-large:var(--spectrum-in-field-button-outer-edge-to-disclosure-icon-stacked-large); - --spectrum-in-field-button-inner-edge-to-disclosure-icon-stacked-extra-large:var(--spectrum-in-field-button-outer-edge-to-disclosure-icon-stacked-extra-large); - --spectrum-corner-radius-0:0px; - --spectrum-corner-radius-75:4px; - --spectrum-corner-radius-100:8px; - --spectrum-corner-radius-200:10px; - --spectrum-corner-radius-300:6px; - --spectrum-corner-radius-400:7px; - --spectrum-corner-radius-500:8px; - --spectrum-corner-radius-600:9px; - --spectrum-corner-radius-700:10px; - --spectrum-corner-radius-800:16px; - --spectrum-corner-radius-1000:0.5; - --spectrum-corner-radius-none:var(--spectrum-corner-radius-0); - --spectrum-corner-radius-small-default:var(--spectrum-corner-radius-100); - --spectrum-corner-radius-medium-default:var(--spectrum-corner-radius-500); - --spectrum-corner-radius-large-default:var(--spectrum-corner-radius-700); - --spectrum-corner-radius-extra-large-default:var(--spectrum-corner-radius-800); - --spectrum-corner-radius-full:var(--spectrum-corner-radius-1000); - --spectrum-corner-radius-small-size-small:var(--spectrum-corner-radius-75); - --spectrum-corner-radius-small-size-medium:var(--spectrum-corner-radius-100); - --spectrum-corner-radius-small-size-large:var(--spectrum-corner-radius-200); - --spectrum-corner-radius-small-size-extra-large:var(--spectrum-corner-radius-300); - --spectrum-corner-radius-medium-size-extra-small:var(--spectrum-corner-radius-300); - --spectrum-corner-radius-medium-size-small:var(--spectrum-corner-radius-400); - --spectrum-corner-radius-medium-size-medium:var(--spectrum-corner-radius-500); - --spectrum-corner-radius-medium-size-large:var(--spectrum-corner-radius-600); - --spectrum-corner-radius-medium-size-extra-large:var(--spectrum-corner-radius-700); - --spectrum-drop-shadow-x:0px; - --spectrum-android-elevation:2dp; - --spectrum-spacing-50:2px; - --spectrum-spacing-75:4px; - --spectrum-spacing-100:8px; - --spectrum-spacing-200:12px; - --spectrum-spacing-300:16px; - --spectrum-spacing-400:24px; - --spectrum-spacing-500:32px; - --spectrum-spacing-600:40px; - --spectrum-spacing-700:48px; - --spectrum-spacing-800:64px; - --spectrum-spacing-900:80px; - --spectrum-spacing-1000:96px; - --spectrum-focus-indicator-thickness:2px; - --spectrum-focus-indicator-gap:2px; - --spectrum-border-width-100:1px; - --spectrum-border-width-200:2px; - --spectrum-border-width-400:4px; - --spectrum-field-edge-to-text-quiet:0px; - --spectrum-field-edge-to-visual-quiet:0px; - --spectrum-field-edge-to-border-quiet:0px; - --spectrum-field-edge-to-alert-icon-quiet:0px; - --spectrum-field-edge-to-validation-icon-quiet:0px; - --spectrum-text-underline-thickness:1px; - --spectrum-text-underline-gap:1px; - --spectrum-accent-color-100:var(--spectrum-blue-100); - --spectrum-accent-color-200:var(--spectrum-blue-200); - --spectrum-accent-color-300:var(--spectrum-blue-300); - --spectrum-accent-color-400:var(--spectrum-blue-400); - --spectrum-accent-color-500:var(--spectrum-blue-500); - --spectrum-accent-color-600:var(--spectrum-blue-600); - --spectrum-accent-color-700:var(--spectrum-blue-700); - --spectrum-accent-color-800:var(--spectrum-blue-800); - --spectrum-accent-color-900:var(--spectrum-blue-900); - --spectrum-accent-color-1000:var(--spectrum-blue-1000); - --spectrum-accent-color-1100:var(--spectrum-blue-1100); - --spectrum-accent-color-1200:var(--spectrum-blue-1200); - --spectrum-accent-color-1300:var(--spectrum-blue-1300); - --spectrum-accent-color-1400:var(--spectrum-blue-1400); - --spectrum-accent-color-1500:var(--spectrum-blue-1500); - --spectrum-accent-color-1600:var(--spectrum-blue-1600); - --spectrum-informative-color-100:var(--spectrum-blue-100); - --spectrum-informative-color-200:var(--spectrum-blue-200); - --spectrum-informative-color-300:var(--spectrum-blue-300); - --spectrum-informative-color-400:var(--spectrum-blue-400); - --spectrum-informative-color-500:var(--spectrum-blue-500); - --spectrum-informative-color-600:var(--spectrum-blue-600); - --spectrum-informative-color-700:var(--spectrum-blue-700); - --spectrum-informative-color-800:var(--spectrum-blue-800); - --spectrum-informative-color-900:var(--spectrum-blue-900); - --spectrum-informative-color-1000:var(--spectrum-blue-1000); - --spectrum-informative-color-1100:var(--spectrum-blue-1100); - --spectrum-informative-color-1200:var(--spectrum-blue-1200); - --spectrum-informative-color-1300:var(--spectrum-blue-1300); - --spectrum-informative-color-1400:var(--spectrum-blue-1400); - --spectrum-informative-color-1500:var(--spectrum-blue-1500); - --spectrum-informative-color-1600:var(--spectrum-blue-1600); - --spectrum-negative-color-100:var(--spectrum-red-100); - --spectrum-negative-color-200:var(--spectrum-red-200); - --spectrum-negative-color-300:var(--spectrum-red-300); - --spectrum-negative-color-400:var(--spectrum-red-400); - --spectrum-negative-color-500:var(--spectrum-red-500); - --spectrum-negative-color-600:var(--spectrum-red-600); - --spectrum-negative-color-700:var(--spectrum-red-700); - --spectrum-negative-color-800:var(--spectrum-red-800); - --spectrum-negative-color-900:var(--spectrum-red-900); - --spectrum-negative-color-1000:var(--spectrum-red-1000); - --spectrum-negative-color-1100:var(--spectrum-red-1100); - --spectrum-negative-color-1200:var(--spectrum-red-1200); - --spectrum-negative-color-1300:var(--spectrum-red-1300); - --spectrum-negative-color-1400:var(--spectrum-red-1400); - --spectrum-negative-color-1500:var(--spectrum-red-1500); - --spectrum-negative-color-1600:var(--spectrum-red-1600); - --spectrum-notice-color-100:var(--spectrum-orange-100); - --spectrum-notice-color-200:var(--spectrum-orange-200); - --spectrum-notice-color-300:var(--spectrum-orange-300); - --spectrum-notice-color-400:var(--spectrum-orange-400); - --spectrum-notice-color-500:var(--spectrum-orange-500); - --spectrum-notice-color-600:var(--spectrum-orange-600); - --spectrum-notice-color-700:var(--spectrum-orange-700); - --spectrum-notice-color-800:var(--spectrum-orange-800); - --spectrum-notice-color-900:var(--spectrum-orange-900); - --spectrum-notice-color-1000:var(--spectrum-orange-1000); - --spectrum-notice-color-1100:var(--spectrum-orange-1100); - --spectrum-notice-color-1200:var(--spectrum-orange-1200); - --spectrum-notice-color-1300:var(--spectrum-orange-1300); - --spectrum-notice-color-1400:var(--spectrum-orange-1400); - --spectrum-notice-color-1500:var(--spectrum-orange-1500); - --spectrum-notice-color-1600:var(--spectrum-orange-1600); - --spectrum-positive-color-100:var(--spectrum-green-100); - --spectrum-positive-color-200:var(--spectrum-green-200); - --spectrum-positive-color-300:var(--spectrum-green-300); - --spectrum-positive-color-400:var(--spectrum-green-400); - --spectrum-positive-color-500:var(--spectrum-green-500); - --spectrum-positive-color-600:var(--spectrum-green-600); - --spectrum-positive-color-700:var(--spectrum-green-700); - --spectrum-positive-color-800:var(--spectrum-green-800); - --spectrum-positive-color-900:var(--spectrum-green-900); - --spectrum-positive-color-1000:var(--spectrum-green-1000); - --spectrum-positive-color-1100:var(--spectrum-green-1100); - --spectrum-positive-color-1200:var(--spectrum-green-1200); - --spectrum-positive-color-1300:var(--spectrum-green-1300); - --spectrum-positive-color-1400:var(--spectrum-green-1400); - --spectrum-positive-color-1500:var(--spectrum-green-1500); - --spectrum-positive-color-1600:var(--spectrum-green-1600); - --spectrum-negative-subdued-background-color-hover:var(--spectrum-negative-color-300); - --spectrum-negative-subdued-background-color-down:var(--spectrum-negative-color-300); - --spectrum-negative-subdued-background-color-key-focus:var(--spectrum-negative-color-300); - --spectrum-default-font-family:var(--spectrum-sans-serif-font-family); - --spectrum-sans-serif-font-family:Adobe Clean; - --spectrum-serif-font-family:Adobe Clean Serif; - --spectrum-cjk-font-family:Adobe Clean Han; - --spectrum-light-font-weight:300; - --spectrum-regular-font-weight:400; - --spectrum-medium-font-weight:500; - --spectrum-bold-font-weight:700; - --spectrum-extra-bold-font-weight:800; - --spectrum-black-font-weight:900; - --spectrum-italic-font-style:italic; - --spectrum-default-font-style:normal; - --spectrum-line-height-100:1.3; - --spectrum-line-height-200:1.5; - --spectrum-cjk-line-height-100:1.5; - --spectrum-cjk-line-height-200:1.7; - --spectrum-cjk-letter-spacing:0.05em; - --spectrum-heading-sans-serif-font-family:var(--spectrum-sans-serif-font-family); - --spectrum-heading-serif-font-family:var(--spectrum-serif-font-family); - --spectrum-heading-cjk-font-family:var(--spectrum-cjk-font-family); - --spectrum-heading-sans-serif-light-font-weight:var(--spectrum-light-font-weight); - --spectrum-heading-sans-serif-light-font-style:var(--spectrum-default-font-style); - --spectrum-heading-serif-light-font-weight:var(--spectrum-regular-font-weight); - --spectrum-heading-serif-light-font-style:var(--spectrum-default-font-style); - --spectrum-heading-cjk-light-font-weight:var(--spectrum-light-font-weight); - --spectrum-heading-cjk-light-font-style:var(--spectrum-default-font-style); - --spectrum-heading-sans-serif-font-weight:var(--spectrum-bold-font-weight); - --spectrum-heading-sans-serif-font-style:var(--spectrum-default-font-style); - --spectrum-heading-serif-font-weight:var(--spectrum-bold-font-weight); - --spectrum-heading-serif-font-style:var(--spectrum-default-font-style); - --spectrum-heading-cjk-font-weight:var(--spectrum-extra-bold-font-weight); - --spectrum-heading-cjk-font-style:var(--spectrum-default-font-style); - --spectrum-heading-sans-serif-heavy-font-weight:var(--spectrum-black-font-weight); - --spectrum-heading-sans-serif-heavy-font-style:var(--spectrum-default-font-style); - --spectrum-heading-serif-heavy-font-weight:var(--spectrum-black-font-weight); - --spectrum-heading-serif-heavy-font-style:var(--spectrum-default-font-style); - --spectrum-heading-cjk-heavy-font-weight:var(--spectrum-black-font-weight); - --spectrum-heading-cjk-heavy-font-style:var(--spectrum-default-font-style); - --spectrum-heading-sans-serif-light-strong-font-weight:var(--spectrum-bold-font-weight); - --spectrum-heading-sans-serif-light-strong-font-style:var(--spectrum-default-font-style); - --spectrum-heading-serif-light-strong-font-weight:var(--spectrum-bold-font-weight); - --spectrum-heading-serif-light-strong-font-style:var(--spectrum-default-font-style); - --spectrum-heading-cjk-light-strong-font-weight:var(--spectrum-extra-bold-font-weight); - --spectrum-heading-cjk-light-strong-font-style:var(--spectrum-default-font-style); - --spectrum-heading-sans-serif-strong-font-weight:var(--spectrum-black-font-weight); - --spectrum-heading-sans-serif-strong-font-style:var(--spectrum-default-font-style); - --spectrum-heading-serif-strong-font-weight:var(--spectrum-black-font-weight); - --spectrum-heading-serif-strong-font-style:var(--spectrum-default-font-style); - --spectrum-heading-cjk-strong-font-weight:var(--spectrum-black-font-weight); - --spectrum-heading-cjk-strong-font-style:var(--spectrum-default-font-style); - --spectrum-heading-sans-serif-heavy-strong-font-weight:var(--spectrum-black-font-weight); - --spectrum-heading-sans-serif-heavy-strong-font-style:var(--spectrum-default-font-style); - --spectrum-heading-serif-heavy-strong-font-weight:var(--spectrum-black-font-weight); - --spectrum-heading-serif-heavy-strong-font-style:var(--spectrum-default-font-style); - --spectrum-heading-cjk-heavy-strong-font-weight:var(--spectrum-black-font-weight); - --spectrum-heading-cjk-heavy-strong-font-style:var(--spectrum-default-font-style); - --spectrum-heading-sans-serif-light-emphasized-font-weight:var(--spectrum-light-font-weight); - --spectrum-heading-sans-serif-light-emphasized-font-style:var(--spectrum-italic-font-style); - --spectrum-heading-serif-light-emphasized-font-weight:var(--spectrum-regular-font-weight); - --spectrum-heading-serif-light-emphasized-font-style:var(--spectrum-italic-font-style); - --spectrum-heading-cjk-light-emphasized-font-weight:var(--spectrum-regular-font-weight); - --spectrum-heading-cjk-light-emphasized-font-style:var(--spectrum-default-font-style); - --spectrum-heading-sans-serif-emphasized-font-weight:var(--spectrum-bold-font-weight); - --spectrum-heading-sans-serif-emphasized-font-style:var(--spectrum-italic-font-style); - --spectrum-heading-serif-emphasized-font-weight:var(--spectrum-bold-font-weight); - --spectrum-heading-serif-emphasized-font-style:var(--spectrum-italic-font-style); - --spectrum-heading-cjk-emphasized-font-weight:var(--spectrum-black-font-weight); - --spectrum-heading-cjk-emphasized-font-style:var(--spectrum-default-font-style); - --spectrum-heading-sans-serif-heavy-emphasized-font-weight:var(--spectrum-black-font-weight); - --spectrum-heading-sans-serif-heavy-emphasized-font-style:var(--spectrum-italic-font-style); - --spectrum-heading-serif-heavy-emphasized-font-weight:var(--spectrum-black-font-weight); - --spectrum-heading-serif-heavy-emphasized-font-style:var(--spectrum-italic-font-style); - --spectrum-heading-cjk-heavy-emphasized-font-weight:var(--spectrum-black-font-weight); - --spectrum-heading-cjk-heavy-emphasized-font-style:var(--spectrum-default-font-style); - --spectrum-heading-sans-serif-light-strong-emphasized-font-weight:var(--spectrum-bold-font-weight); - --spectrum-heading-sans-serif-light-strong-emphasized-font-style:var(--spectrum-italic-font-style); - --spectrum-heading-serif-light-strong-emphasized-font-weight:var(--spectrum-bold-font-weight); - --spectrum-heading-serif-light-strong-emphasized-font-style:var(--spectrum-italic-font-style); - --spectrum-heading-cjk-light-strong-emphasized-font-weight:var(--spectrum-extra-bold-font-weight); - --spectrum-heading-cjk-light-strong-emphasized-font-style:var(--spectrum-default-font-style); - --spectrum-heading-sans-serif-strong-emphasized-font-weight:var(--spectrum-black-font-weight); - --spectrum-heading-sans-serif-strong-emphasized-font-style:var(--spectrum-italic-font-style); - --spectrum-heading-serif-strong-emphasized-font-weight:var(--spectrum-black-font-weight); - --spectrum-heading-serif-strong-emphasized-font-style:var(--spectrum-italic-font-style); - --spectrum-heading-cjk-strong-emphasized-font-weight:var(--spectrum-black-font-weight); - --spectrum-heading-cjk-strong-emphasized-font-style:var(--spectrum-default-font-style); - --spectrum-heading-sans-serif-heavy-strong-emphasized-font-weight:var(--spectrum-black-font-weight); - --spectrum-heading-sans-serif-heavy-strong-emphasized-font-style:var(--spectrum-italic-font-style); - --spectrum-heading-serif-heavy-strong-emphasized-font-weight:var(--spectrum-black-font-weight); - --spectrum-heading-serif-heavy-strong-emphasized-font-style:var(--spectrum-italic-font-style); - --spectrum-heading-cjk-heavy-strong-emphasized-font-weight:var(--spectrum-black-font-weight); - --spectrum-heading-cjk-heavy-strong-emphasized-font-style:var(--spectrum-default-font-style); - --spectrum-heading-size-xxxl:var(--spectrum-font-size-1300); - --spectrum-heading-size-xxl:var(--spectrum-font-size-1100); - --spectrum-heading-size-xl:var(--spectrum-font-size-900); - --spectrum-heading-size-l:var(--spectrum-font-size-700); - --spectrum-heading-size-m:var(--spectrum-font-size-500); - --spectrum-heading-size-s:var(--spectrum-font-size-300); - --spectrum-heading-size-xs:var(--spectrum-font-size-200); - --spectrum-heading-size-xxs:var(--spectrum-font-size-100); - --spectrum-heading-cjk-size-xxxl:var(--spectrum-font-size-1300); - --spectrum-heading-cjk-size-xxl:var(--spectrum-font-size-900); - --spectrum-heading-cjk-size-xl:var(--spectrum-font-size-800); - --spectrum-heading-cjk-size-l:var(--spectrum-font-size-600); - --spectrum-heading-cjk-size-m:var(--spectrum-font-size-400); - --spectrum-heading-cjk-size-s:var(--spectrum-font-size-300); - --spectrum-heading-cjk-size-xs:var(--spectrum-font-size-200); - --spectrum-heading-cjk-size-xxs:var(--spectrum-font-size-100); - --spectrum-heading-line-height:var(--spectrum-line-height-100); - --spectrum-heading-cjk-line-height:var(--spectrum-cjk-line-height-100); - --spectrum-heading-margin-top-multiplier:0.88888889; - --spectrum-heading-margin-bottom-multiplier:0.25; - --spectrum-heading-color:var(--spectrum-gray-900); - --spectrum-body-sans-serif-font-family:var(--spectrum-sans-serif-font-family); - --spectrum-body-serif-font-family:var(--spectrum-serif-font-family); - --spectrum-body-cjk-font-family:var(--spectrum-cjk-font-family); - --spectrum-body-sans-serif-font-weight:var(--spectrum-regular-font-weight); - --spectrum-body-sans-serif-font-style:var(--spectrum-default-font-style); - --spectrum-body-serif-font-weight:var(--spectrum-regular-font-weight); - --spectrum-body-serif-font-style:var(--spectrum-default-font-style); - --spectrum-body-cjk-font-weight:var(--spectrum-regular-font-weight); - --spectrum-body-cjk-font-style:var(--spectrum-default-font-style); - --spectrum-body-sans-serif-strong-font-weight:var(--spectrum-bold-font-weight); - --spectrum-body-sans-serif-strong-font-style:var(--spectrum-default-font-style); - --spectrum-body-serif-strong-font-weight:var(--spectrum-bold-font-weight); - --spectrum-body-serif-strong-font-style:var(--spectrum-default-font-style); - --spectrum-body-cjk-strong-font-weight:var(--spectrum-black-font-weight); - --spectrum-body-cjk-strong-font-style:var(--spectrum-default-font-style); - --spectrum-body-sans-serif-emphasized-font-weight:var(--spectrum-regular-font-weight); - --spectrum-body-sans-serif-emphasized-font-style:var(--spectrum-italic-font-style); - --spectrum-body-serif-emphasized-font-weight:var(--spectrum-regular-font-weight); - --spectrum-body-serif-emphasized-font-style:var(--spectrum-italic-font-style); - --spectrum-body-cjk-emphasized-font-weight:var(--spectrum-extra-bold-font-weight); - --spectrum-body-cjk-emphasized-font-style:var(--spectrum-default-font-style); - --spectrum-body-sans-serif-strong-emphasized-font-weight:var(--spectrum-bold-font-weight); - --spectrum-body-sans-serif-strong-emphasized-font-style:var(--spectrum-italic-font-style); - --spectrum-body-serif-strong-emphasized-font-weight:var(--spectrum-bold-font-weight); - --spectrum-body-serif-strong-emphasized-font-style:var(--spectrum-italic-font-style); - --spectrum-body-cjk-strong-emphasized-font-weight:var(--spectrum-black-font-weight); - --spectrum-body-cjk-strong-emphasized-font-style:var(--spectrum-default-font-style); - --spectrum-body-size-xxxl:var(--spectrum-font-size-600); - --spectrum-body-size-xxl:var(--spectrum-font-size-500); - --spectrum-body-size-xl:var(--spectrum-font-size-400); - --spectrum-body-size-l:var(--spectrum-font-size-300); - --spectrum-body-size-m:var(--spectrum-font-size-200); - --spectrum-body-size-s:var(--spectrum-font-size-100); - --spectrum-body-size-xs:var(--spectrum-font-size-75); - --spectrum-body-line-height:var(--spectrum-line-height-200); - --spectrum-body-cjk-line-height:var(--spectrum-cjk-line-height-200); - --spectrum-body-margin-multiplier:0.75; - --spectrum-body-color:var(--spectrum-gray-800); - --spectrum-detail-sans-serif-font-family:var(--spectrum-sans-serif-font-family); - --spectrum-detail-serif-font-family:var(--spectrum-serif-font-family); - --spectrum-detail-cjk-font-family:var(--spectrum-cjk-font-family); - --spectrum-detail-sans-serif-font-weight:var(--spectrum-bold-font-weight); - --spectrum-detail-sans-serif-font-style:var(--spectrum-default-font-style); - --spectrum-detail-serif-font-weight:var(--spectrum-bold-font-weight); - --spectrum-detail-serif-font-style:var(--spectrum-default-font-style); - --spectrum-detail-cjk-font-weight:var(--spectrum-extra-bold-font-weight); - --spectrum-detail-cjk-font-style:var(--spectrum-default-font-style); - --spectrum-detail-sans-serif-light-font-weight:var(--spectrum-regular-font-weight); - --spectrum-detail-sans-serif-light-font-style:var(--spectrum-default-font-style); - --spectrum-detail-serif-light-font-weight:var(--spectrum-regular-font-weight); - --spectrum-detail-serif-light-font-style:var(--spectrum-default-font-style); - --spectrum-detail-cjk-light-font-weight:var(--spectrum-light-font-weight); - --spectrum-detail-cjk-light-font-style:var(--spectrum-default-font-style); - --spectrum-detail-sans-serif-strong-font-weight:var(--spectrum-bold-font-weight); - --spectrum-detail-sans-serif-strong-font-style:var(--spectrum-default-font-style); - --spectrum-detail-serif-strong-font-weight:var(--spectrum-bold-font-weight); - --spectrum-detail-serif-strong-font-style:var(--spectrum-default-font-style); - --spectrum-detail-cjk-strong-font-weight:var(--spectrum-black-font-weight); - --spectrum-detail-cjk-strong-font-style:var(--spectrum-default-font-style); - --spectrum-detail-sans-serif-light-strong-font-weight:var(--spectrum-regular-font-weight); - --spectrum-detail-sans-serif-light-strong-font-style:var(--spectrum-default-font-style); - --spectrum-detail-serif-light-strong-font-weight:var(--spectrum-regular-font-weight); - --spectrum-detail-serif-light-strong-font-style:var(--spectrum-default-font-style); - --spectrum-detail-cjk-light-strong-font-weight:var(--spectrum-extra-bold-font-weight); - --spectrum-detail-cjk-light-strong-font-style:var(--spectrum-default-font-style); - --spectrum-detail-sans-serif-emphasized-font-weight:var(--spectrum-bold-font-weight); - --spectrum-detail-sans-serif-emphasized-font-style:var(--spectrum-italic-font-style); - --spectrum-detail-serif-emphasized-font-weight:var(--spectrum-bold-font-weight); - --spectrum-detail-serif-emphasized-font-style:var(--spectrum-italic-font-style); - --spectrum-detail-cjk-emphasized-font-weight:var(--spectrum-black-font-weight); - --spectrum-detail-cjk-emphasized-font-style:var(--spectrum-default-font-style); - --spectrum-detail-sans-serif-light-emphasized-font-weight:var(--spectrum-regular-font-weight); - --spectrum-detail-sans-serif-light-emphasized-font-style:var(--spectrum-italic-font-style); - --spectrum-detail-serif-light-emphasized-font-weight:var(--spectrum-regular-font-weight); - --spectrum-detail-serif-light-emphasized-font-style:var(--spectrum-italic-font-style); - --spectrum-detail-cjk-light-emphasized-font-weight:var(--spectrum-regular-font-weight); - --spectrum-detail-cjk-light-emphasized-font-style:var(--spectrum-default-font-style); - --spectrum-detail-sans-serif-strong-emphasized-font-weight:var(--spectrum-bold-font-weight); - --spectrum-detail-sans-serif-strong-emphasized-font-style:var(--spectrum-italic-font-style); - --spectrum-detail-serif-strong-emphasized-font-weight:var(--spectrum-bold-font-weight); - --spectrum-detail-serif-strong-emphasized-font-style:var(--spectrum-italic-font-style); - --spectrum-detail-cjk-strong-emphasized-font-weight:var(--spectrum-black-font-weight); - --spectrum-detail-cjk-strong-emphasized-font-style:var(--spectrum-default-font-style); - --spectrum-detail-sans-serif-light-strong-emphasized-font-weight:var(--spectrum-regular-font-weight); - --spectrum-detail-sans-serif-light-strong-emphasized-font-style:var(--spectrum-italic-font-style); - --spectrum-detail-serif-light-strong-emphasized-font-weight:var(--spectrum-regular-font-weight); - --spectrum-detail-serif-light-strong-emphasized-font-style:var(--spectrum-italic-font-style); - --spectrum-detail-cjk-light-strong-emphasized-font-weight:var(--spectrum-extra-bold-font-weight); - --spectrum-detail-cjk-light-strong-emphasized-font-style:var(--spectrum-default-font-style); - --spectrum-detail-size-xl:var(--spectrum-font-size-200); - --spectrum-detail-size-l:var(--spectrum-font-size-100); - --spectrum-detail-size-m:var(--spectrum-font-size-75); - --spectrum-detail-size-s:var(--spectrum-font-size-50); - --spectrum-detail-line-height:var(--spectrum-line-height-100); - --spectrum-detail-cjk-line-height:var(--spectrum-cjk-line-height-100); - --spectrum-detail-margin-top-multiplier:0.88888889; - --spectrum-detail-margin-bottom-multiplier:0.25; - --spectrum-detail-letter-spacing:0.06em; - --spectrum-detail-sans-serif-text-transform:uppercase; - --spectrum-detail-serif-text-transform:uppercase; - --spectrum-detail-color:var(--spectrum-gray-900); - --spectrum-code-font-family:Source Code Pro; - --spectrum-code-cjk-font-family:var(--spectrum-code-font-family); - --spectrum-code-font-weight:var(--spectrum-regular-font-weight); - --spectrum-code-font-style:var(--spectrum-default-font-style); - --spectrum-code-cjk-font-weight:var(--spectrum-regular-font-weight); - --spectrum-code-cjk-font-style:var(--spectrum-default-font-style); - --spectrum-code-strong-font-weight:var(--spectrum-bold-font-weight); - --spectrum-code-strong-font-style:var(--spectrum-default-font-style); - --spectrum-code-cjk-strong-font-weight:var(--spectrum-black-font-weight); - --spectrum-code-cjk-strong-font-style:var(--spectrum-default-font-style); - --spectrum-code-emphasized-font-weight:var(--spectrum-regular-font-weight); - --spectrum-code-emphasized-font-style:var(--spectrum-italic-font-style); - --spectrum-code-cjk-emphasized-font-weight:var(--spectrum-bold-font-weight); - --spectrum-code-cjk-emphasized-font-style:var(--spectrum-default-font-style); - --spectrum-code-strong-emphasized-font-weight:var(--spectrum-bold-font-weight); - --spectrum-code-strong-emphasized-font-style:var(--spectrum-italic-font-style); - --spectrum-code-cjk-strong-emphasized-font-weight:var(--spectrum-black-font-weight); - --spectrum-code-cjk-strong-emphasized-font-style:var(--spectrum-default-font-style); - --spectrum-code-size-xl:var(--spectrum-font-size-400); - --spectrum-code-size-l:var(--spectrum-font-size-300); - --spectrum-code-size-m:var(--spectrum-font-size-200); - --spectrum-code-size-s:var(--spectrum-font-size-100); - --spectrum-code-size-xs:var(--spectrum-font-size-75); - --spectrum-code-line-height:var(--spectrum-line-height-200); - --spectrum-code-cjk-line-height:var(--spectrum-cjk-line-height-200); - --spectrum-code-color:var(--spectrum-gray-800); - --system:spectrum; - - --spectrum-animation-duration-0:0ms; - --spectrum-animation-duration-100:130ms; - --spectrum-animation-duration-200:160ms; - --spectrum-animation-duration-300:190ms; - --spectrum-animation-duration-400:220ms; - --spectrum-animation-duration-500:250ms; - --spectrum-animation-duration-600:300ms; - --spectrum-animation-duration-700:350ms; - --spectrum-animation-duration-800:400ms; - --spectrum-animation-duration-900:450ms; - --spectrum-animation-duration-1000:500ms; - --spectrum-animation-duration-2000:1000ms; - --spectrum-animation-duration-4000:2000ms; - --spectrum-animation-duration-6000:3000ms; - - --spectrum-animation-linear:cubic-bezier(0, 0, 1, 1); - - --spectrum-animation-ease-in-out:cubic-bezier(0.45, 0, 0.4, 1); - --spectrum-animation-ease-in:cubic-bezier(0.5, 0, 1, 1); - --spectrum-animation-ease-out:cubic-bezier(0, 0, 0.4, 1); - --spectrum-animation-ease-linear:cubic-bezier(0, 0, 1, 1); - --spectrum-sans-font-family-stack:adobe-clean, var(--spectrum-sans-serif-font-family), "Source Sans Pro", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Ubuntu, "Trebuchet MS", "Lucida Grande", sans-serif; - --spectrum-sans-serif-font:var(--spectrum-sans-font-family-stack); - - --spectrum-serif-font-family-stack:adobe-clean-serif, var(--spectrum-serif-font-family), "Source Serif Pro", Georgia, serif; - --spectrum-serif-font:var(--spectrum-serif-font-family-stack); - - --spectrum-code-font-family-stack:"Source Code Pro", Monaco, monospace; - - --spectrum-font-family-ar:myriad-arabic, adobe-clean, "Source Sans Pro", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Ubuntu, "Trebuchet MS", "Lucida Grande", sans-serif; - --spectrum-font-family-he:myriad-hebrew, adobe-clean, "Source Sans Pro", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Ubuntu, "Trebuchet MS", "Lucida Grande", sans-serif; - - --spectrum-font-family:var(--spectrum-sans-font-family-stack); - --spectrum-font-style:var(--spectrum-default-font-style); - --spectrum-font-size:var(--spectrum-font-size-100); - - --spectrum-cjk-font-family-stack:adobe-clean-han-japanese, var(--spectrum-cjk-font-family), sans-serif; - --spectrum-cjk-font:var(--spectrum-code-font-family-stack); - --spectrum-docs-static-white-background-color-rgb:15, 121, 125; - --spectrum-docs-static-white-background-color:rgba(var(--spectrum-docs-static-white-background-color-rgb)); - --spectrum-docs-static-black-background-color-rgb:181, 209, 211; - --spectrum-docs-static-black-background-color:rgba(var(--spectrum-docs-static-black-background-color-rgb)); +.spectrum { + --spectrum-focus-indicator-color: var(--spectrum-blue-800); + --spectrum-static-white-focus-indicator-color: var(--spectrum-white); + --spectrum-static-black-focus-indicator-color: var(--spectrum-black); + --spectrum-overlay-color: var(--spectrum-black); + --spectrum-drop-shadow-color: var(--spectrum-drop-shadow-color-100); + --spectrum-opacity-disabled: 0.3; + --spectrum-background-base-color: var(--spectrum-gray-25); + --spectrum-background-layer-1-color: var(--spectrum-gray-50); + --spectrum-neutral-background-color-default: var(--spectrum-gray-800); + --spectrum-neutral-background-color-hover: var(--spectrum-gray-900); + --spectrum-neutral-background-color-down: var(--spectrum-gray-900); + --spectrum-neutral-background-color-key-focus: var(--spectrum-gray-900); + --spectrum-neutral-background-color-selected-default: var(--spectrum-gray-800); + --spectrum-neutral-background-color-selected-hover: var(--spectrum-gray-900); + --spectrum-neutral-background-color-selected-down: var(--spectrum-gray-900); + --spectrum-neutral-background-color-selected-key-focus: var(--spectrum-gray-900); + --spectrum-neutral-subdued-content-color-selected: var(--spectrum-neutral-subdued-content-color-down); + --spectrum-accent-content-color-selected: var(--spectrum-accent-content-color-down); + --spectrum-disabled-background-color: var(--spectrum-gray-100); + --spectrum-disabled-static-white-background-color: var(--spectrum-transparent-white-100); + --spectrum-disabled-static-black-background-color: var(--spectrum-transparent-black-100); + --spectrum-background-opacity-default: 0; + --spectrum-background-opacity-hover: 0.1; + --spectrum-background-opacity-down: 0.1; + --spectrum-background-opacity-key-focus: 0.1; + --spectrum-neutral-content-color-default: var(--spectrum-gray-800); + --spectrum-neutral-content-color-hover: var(--spectrum-gray-900); + --spectrum-neutral-content-color-down: var(--spectrum-gray-900); + --spectrum-neutral-content-color-focus-hover: var(--spectrum-neutral-content-color-down); + --spectrum-neutral-content-color-focus: var(--spectrum-neutral-content-color-down); + --spectrum-neutral-content-color-key-focus: var(--spectrum-gray-900); + --spectrum-neutral-subdued-content-color-default: var(--spectrum-gray-700); + --spectrum-neutral-subdued-content-color-hover: var(--spectrum-gray-800); + --spectrum-neutral-subdued-content-color-down: var(--spectrum-gray-800); + --spectrum-neutral-subdued-content-color-key-focus: var(--spectrum-gray-800); + --spectrum-accent-content-color-default: var(--spectrum-accent-color-900); + --spectrum-accent-content-color-hover: var(--spectrum-accent-color-1000); + --spectrum-accent-content-color-down: var(--spectrum-accent-color-1000); + --spectrum-accent-content-color-key-focus: var(--spectrum-accent-color-1000); + --spectrum-negative-content-color-default: var(--spectrum-negative-color-900); + --spectrum-negative-content-color-hover: var(--spectrum-negative-color-1000); + --spectrum-negative-content-color-down: var(--spectrum-negative-color-1000); + --spectrum-negative-content-color-key-focus: var(--spectrum-negative-color-1000); + --spectrum-disabled-content-color: var(--spectrum-gray-400); + --spectrum-disabled-static-white-content-color: var(--spectrum-transparent-white-400); + --spectrum-disabled-static-black-content-color: var(--spectrum-transparent-black-400); + --spectrum-disabled-border-color: var(--spectrum-gray-300); + --spectrum-disabled-static-white-border-color: var(--spectrum-transparent-white-300); + --spectrum-disabled-static-black-border-color: var(--spectrum-transparent-black-300); + --spectrum-negative-border-color-default: var(--spectrum-negative-color-900); + --spectrum-negative-border-color-hover: var(--spectrum-negative-color-1000); + --spectrum-negative-border-color-down: var(--spectrum-negative-color-1100); + --spectrum-negative-border-color-focus-hover: var(--spectrum-negative-border-color-down); + --spectrum-negative-border-color-focus: var(--spectrum-negative-color-1000); + --spectrum-negative-border-color-key-focus: var(--spectrum-negative-color-1000); + --spectrum-title-color: var(--spectrum-gray-900); + --spectrum-drop-shadow-emphasized-default-color: var(--spectrum-drop-shadow-color-100); + --spectrum-drop-shadow-emphasized-hover-color: var(--spectrum-drop-shadow-color-200); + --spectrum-drop-shadow-elevated-color: var(--spectrum-drop-shadow-color-200); + --spectrum-drop-shadow-dragged-color: var(--spectrum-drop-shadow-color-300); + --spectrum-static-black-text-color: var(--spectrum-black); + --spectrum-static-white-text-color: var(--spectrum-white); + --spectrum-track-color: var(--spectrum-gray-300); + --spectrum-static-black-track-color: var(--spectrum-transparent-black-300); + --spectrum-static-white-track-color: var(--spectrum-transparent-white-300); + --spectrum-static-black-track-indicator-color: var(--spectrum-transparent-black-900); + --spectrum-static-white-track-indicator-color: var(--spectrum-transparent-white-900); + --spectrum-swatch-border-color: var(--spectrum-gray-900); + --spectrum-swatch-border-opacity: 0.51; + --spectrum-swatch-disabled-icon-border-color: var(--spectrum-black); + --spectrum-swatch-disabled-icon-border-opacity: 0.51; + --spectrum-thumbnail-border-color: var(--spectrum-gray-800); + --spectrum-thumbnail-border-opacity: 0.1; + --spectrum-thumbnail-opacity-disabled: var(--spectrum-opacity-disabled); + --spectrum-opacity-checkerboard-square-light: var(--spectrum-white); + --spectrum-avatar-opacity-disabled: var(--spectrum-opacity-disabled); + --spectrum-color-area-border-color: var(--spectrum-gray-900); + --spectrum-color-area-border-opacity: 0.1; + --spectrum-color-slider-border-color: var(--spectrum-gray-900); + --spectrum-color-slider-border-opacity: 0.1; + --spectrum-color-loupe-drop-shadow-color: var(--spectrum-transparent-black-300); + --spectrum-color-loupe-inner-border: var(--spectrum-transparent-black-200); + --spectrum-color-loupe-outer-border: var(--spectrum-white); + --spectrum-card-selection-background-color: var(--spectrum-gray-100); + --spectrum-card-selection-background-color-opacity: 0.95; + --spectrum-drop-zone-background-color: var(--spectrum-accent-visual-color); + --spectrum-drop-zone-background-color-opacity: 0.1; + --spectrum-drop-zone-background-color-opacity-filled: 0.3; + --spectrum-coach-mark-pagination-color: var(--spectrum-gray-600); + --spectrum-color-handle-inner-border-color: var(--spectrum-black); + --spectrum-color-handle-inner-border-opacity: 0.42; + --spectrum-color-handle-outer-border-color: var(--spectrum-black); + --spectrum-color-handle-outer-border-opacity: var(--spectrum-color-handle-inner-border-opacity); + --spectrum-color-handle-drop-shadow-color: var(--spectrum-drop-shadow-color); + --spectrum-floating-action-button-drop-shadow-color: var(--spectrum-transparent-black-300); + --spectrum-floating-action-button-shadow-color: var(--spectrum-floating-action-button-drop-shadow-color); + --spectrum-table-row-hover-color: var(--spectrum-gray-900); + --spectrum-table-row-hover-opacity: 0.07; + --spectrum-table-selected-row-background-color: var(--spectrum-informative-background-color-default); + --spectrum-table-selected-row-background-opacity: 0.1; + --spectrum-table-selected-row-background-color-non-emphasized: var(--spectrum-neutral-background-color-selected-default); + --spectrum-table-selected-row-background-opacity-non-emphasized: 0.1; + --spectrum-table-row-down-opacity: 0.1; + --spectrum-table-selected-row-background-opacity-hover: 0.15; + --spectrum-table-selected-row-background-opacity-non-emphasized-hover: 0.15; + --spectrum-black: rgb(0, 0, 0); + --spectrum-transparent-black-1000: rgb(0, 0, 0); + --spectrum-icon-color-inverse: var(--spectrum-gray-50); + --spectrum-icon-color-primary-default: var(--spectrum-neutral-content-color-default); + --spectrum-asterisk-icon-size-75: 8px; + --spectrum-radio-button-selection-indicator: 4px; + --spectrum-field-label-top-margin-small: 0px; + --spectrum-field-label-to-component: 0px; + --spectrum-help-text-to-component: 0px; + --spectrum-status-light-dot-size-small: 8px; + --spectrum-action-button-edge-to-hold-icon-extra-small: 3px; + --spectrum-action-button-edge-to-hold-icon-small: 3px; + --spectrum-button-minimum-width-multiplier: 2.25; + --spectrum-divider-thickness-small: 1px; + --spectrum-divider-thickness-medium: 2px; + --spectrum-divider-thickness-large: 4px; + --spectrum-swatch-rectangle-width-multiplier: 2; + --spectrum-swatch-slash-thickness-extra-small: 2px; + --spectrum-swatch-slash-thickness-small: 3px; + --spectrum-swatch-slash-thickness-medium: 4px; + --spectrum-swatch-slash-thickness-large: 5px; + --spectrum-progress-bar-minimum-width: 48px; + --spectrum-progress-bar-maximum-width: 768px; + --spectrum-meter-minimum-width: 48px; + --spectrum-meter-maximum-width: 768px; + --spectrum-meter-default-width: var(--spectrum-meter-width); + --spectrum-in-line-alert-minimum-width: 240px; + --spectrum-popover-tip-width: 16px; + --spectrum-popover-tip-height: 8px; + --spectrum-menu-item-label-to-description: 1px; + --spectrum-menu-item-section-divider-height: 8px; + --spectrum-slider-track-thickness: 2px; + --spectrum-slider-handle-gap: 4px; + --spectrum-picker-minimum-width-multiplier: 2; + --spectrum-picker-border-width: var(--spectrum-border-width-100); + --spectrum-picker-end-edge-to-disclousure-icon-quiet: var(--spectrum-picker-end-edge-to-disclosure-icon-quiet); + --spectrum-picker-end-edge-to-disclosure-icon-quiet: 0px; + --spectrum-text-field-minimum-width-multiplier: 1.5; + --spectrum-combo-box-minimum-width-multiplier: 2.5; + --spectrum-combo-box-quiet-minimum-width-multiplier: 2; + --spectrum-combo-box-visual-to-field-button-quiet: 0px; + --spectrum-alert-dialog-minimum-width: 288px; + --spectrum-alert-dialog-maximum-width: 480px; + --spectrum-contextual-help-minimum-width: 268px; + --spectrum-breadcrumbs-height: var(--spectrum-component-height-300); + --spectrum-breadcrumbs-height-compact: var(--spectrum-component-height-200); + --spectrum-breadcrumbs-end-edge-to-text: 0px; + --spectrum-breadcrumbs-truncated-menu-to-separator-icon: 0px; + --spectrum-breadcrumbs-start-edge-to-truncated-menu: 0px; + --spectrum-breadcrumbs-truncated-menu-to-bottom-text: 0px; + --spectrum-alert-banner-to-top-workflow-icon: var(--spectrum-alert-banner-top-to-workflow-icon); + --spectrum-alert-banner-to-top-text: var(--spectrum-alert-banner-top-to-text); + --spectrum-alert-banner-to-bottom-text: var(--spectrum-alert-banner-bottom-to-text); + --spectrum-color-area-border-width: var(--spectrum-border-width-100); + --spectrum-color-area-border-rounding: var(--spectrum-corner-radius-medium-size-small); + --spectrum-color-wheel-color-area-margin: 12px; + --spectrum-color-slider-border-width: 1px; + --spectrum-color-slider-border-rounding: var(--spectrum-corner-radius-medium-size-small); + --spectrum-floating-action-button-drop-shadow-blur: 12px; + --spectrum-floating-action-button-drop-shadow-y: 4px; + --spectrum-illustrated-message-maximum-width: 380px; + --spectrum-search-field-minimum-width-multiplier: 3; + --spectrum-color-loupe-height: 64px; + --spectrum-color-loupe-width: 48px; + --spectrum-color-loupe-bottom-to-color-handle: 12px; + --spectrum-color-loupe-outer-border-width: var(--spectrum-border-width-200); + --spectrum-color-loupe-inner-border-width: 1px; + --spectrum-color-loupe-drop-shadow-y: 2px; + --spectrum-color-loupe-drop-shadow-blur: 8px; + --spectrum-card-minimum-width: 100px; + --spectrum-card-preview-minimum-height: 130px; + --spectrum-card-selection-background-size: 40px; + --spectrum-drop-zone-width: 428px; + --spectrum-drop-zone-content-maximum-width: var(--spectrum-illustrated-message-maximum-width); + --spectrum-drop-zone-border-dash-length: 8px; + --spectrum-drop-zone-border-dash-gap: 4px; + --spectrum-drop-zone-title-size: var(--spectrum-illustrated-message-title-size); + --spectrum-drop-zone-cjk-title-size: var(--spectrum-illustrated-message-cjk-title-size); + --spectrum-drop-zone-body-size: var(--spectrum-illustrated-message-body-size); + --spectrum-accordion-top-to-text-compact-small: 2px; + --spectrum-accordion-top-to-text-compact-medium: 4px; + --spectrum-accordion-disclosure-indicator-to-text: 0px; + --spectrum-accordion-edge-to-disclosure-indicator: 0px; + --spectrum-accordion-edge-to-text: 0px; + --spectrum-accordion-focus-indicator-gap: 0px; + --spectrum-color-handle-border-width: var(--spectrum-border-width-200); + --spectrum-color-handle-inner-border-width: 1px; + --spectrum-color-handle-outer-border-width: 1px; + --spectrum-color-handle-drop-shadow-x: 0; + --spectrum-color-handle-drop-shadow-y: 0; + --spectrum-color-handle-drop-shadow-blur: 0; + --spectrum-table-row-height-small-compact: var(--spectrum-component-height-75); + --spectrum-table-row-height-medium-compact: var(--spectrum-component-height-100); + --spectrum-table-row-height-large-compact: var(--spectrum-component-height-200); + --spectrum-table-row-height-extra-large-compact: var(--spectrum-component-height-300); + --spectrum-table-row-top-to-text-small-compact: var(--spectrum-component-top-to-text-75); + --spectrum-table-row-top-to-text-medium-compact: var(--spectrum-component-top-to-text-100); + --spectrum-table-row-top-to-text-large-compact: var(--spectrum-component-top-to-text-200); + --spectrum-table-row-top-to-text-extra-large-compact: var(--spectrum-component-top-to-text-300); + --spectrum-table-row-bottom-to-text-small-compact: var(--spectrum-component-bottom-to-text-75); + --spectrum-table-row-bottom-to-text-medium-compact: var(--spectrum-component-bottom-to-text-100); + --spectrum-table-row-bottom-to-text-large-compact: var(--spectrum-component-bottom-to-text-200); + --spectrum-table-row-bottom-to-text-extra-large-compact: var(--spectrum-component-bottom-to-text-300); + --spectrum-table-edge-to-content: 16px; + --spectrum-table-border-divider-width: 1px; + --spectrum-tab-item-height-small: var(--spectrum-component-height-200); + --spectrum-tab-item-height-medium: var(--spectrum-component-height-300); + --spectrum-tab-item-height-large: var(--spectrum-component-height-400); + --spectrum-tab-item-height-extra-large: var(--spectrum-component-height-500); + --spectrum-tab-item-compact-height-small: var(--spectrum-component-height-75); + --spectrum-tab-item-compact-height-medium: var(--spectrum-component-height-100); + --spectrum-tab-item-compact-height-large: var(--spectrum-component-height-200); + --spectrum-tab-item-compact-height-extra-large: var(--spectrum-component-height-300); + --spectrum-tab-item-start-to-edge-quiet: 0px; + --spectrum-in-field-button-width-stacked-small: 20px; + --spectrum-in-field-button-width-stacked-medium: 28px; + --spectrum-in-field-button-width-stacked-large: 36px; + --spectrum-in-field-button-width-stacked-extra-large: 44px; + --spectrum-in-field-button-fill-stacked-inner-border-rounding: 0px; + --spectrum-in-field-button-edge-to-fill: 0px; + --spectrum-in-field-button-stacked-inner-edge-to-fill: 0px; + --spectrum-in-field-button-edge-to-disclosure-icon-stacked-small: 7px; + --spectrum-in-field-button-edge-to-disclosure-icon-stacked-medium: 9px; + --spectrum-in-field-button-edge-to-disclosure-icon-stacked-large: 13px; + --spectrum-in-field-button-edge-to-disclosure-icon-stacked-extra-large: 16px; + --spectrum-in-field-button-outer-edge-to-disclosure-icon-stacked-small: 3px; + --spectrum-in-field-button-outer-edge-to-disclosure-icon-stacked-medium: 3px; + --spectrum-in-field-button-outer-edge-to-disclosure-icon-stacked-large: 4px; + --spectrum-in-field-button-outer-edge-to-disclosure-icon-stacked-extra-large: 5px; + --spectrum-in-field-button-inner-edge-to-disclosure-icon-stacked-small: var(--spectrum-in-field-button-outer-edge-to-disclosure-icon-stacked-small); + --spectrum-in-field-button-inner-edge-to-disclosure-icon-stacked-medium: var(--spectrum-in-field-button-outer-edge-to-disclosure-icon-stacked-medium); + --spectrum-in-field-button-inner-edge-to-disclosure-icon-stacked-large: var(--spectrum-in-field-button-outer-edge-to-disclosure-icon-stacked-large); + --spectrum-in-field-button-inner-edge-to-disclosure-icon-stacked-extra-large: var(--spectrum-in-field-button-outer-edge-to-disclosure-icon-stacked-extra-large); + --spectrum-corner-radius-0: 0px; + --spectrum-corner-radius-75: 4px; + --spectrum-corner-radius-100: 8px; + --spectrum-corner-radius-200: 10px; + --spectrum-corner-radius-300: 6px; + --spectrum-corner-radius-400: 7px; + --spectrum-corner-radius-500: 8px; + --spectrum-corner-radius-600: 9px; + --spectrum-corner-radius-700: 10px; + --spectrum-corner-radius-800: 16px; + --spectrum-corner-radius-1000: 0.5; + --spectrum-corner-radius-none: var(--spectrum-corner-radius-0); + --spectrum-corner-radius-small-default: var(--spectrum-corner-radius-100); + --spectrum-corner-radius-medium-default: var(--spectrum-corner-radius-500); + --spectrum-corner-radius-large-default: var(--spectrum-corner-radius-700); + --spectrum-corner-radius-extra-large-default: var(--spectrum-corner-radius-800); + --spectrum-corner-radius-full: var(--spectrum-corner-radius-1000); + --spectrum-corner-radius-small-size-small: var(--spectrum-corner-radius-75); + --spectrum-corner-radius-small-size-medium: var(--spectrum-corner-radius-100); + --spectrum-corner-radius-small-size-large: var(--spectrum-corner-radius-200); + --spectrum-corner-radius-small-size-extra-large: var(--spectrum-corner-radius-300); + --spectrum-corner-radius-medium-size-extra-small: var(--spectrum-corner-radius-300); + --spectrum-corner-radius-medium-size-small: var(--spectrum-corner-radius-400); + --spectrum-corner-radius-medium-size-medium: var(--spectrum-corner-radius-500); + --spectrum-corner-radius-medium-size-large: var(--spectrum-corner-radius-600); + --spectrum-corner-radius-medium-size-extra-large: var(--spectrum-corner-radius-700); + --spectrum-drop-shadow-x: 0px; + --spectrum-android-elevation: 2dp; + --spectrum-spacing-50: 2px; + --spectrum-spacing-75: 4px; + --spectrum-spacing-100: 8px; + --spectrum-spacing-200: 12px; + --spectrum-spacing-300: 16px; + --spectrum-spacing-400: 24px; + --spectrum-spacing-500: 32px; + --spectrum-spacing-600: 40px; + --spectrum-spacing-700: 48px; + --spectrum-spacing-800: 64px; + --spectrum-spacing-900: 80px; + --spectrum-spacing-1000: 96px; + --spectrum-focus-indicator-thickness: 2px; + --spectrum-focus-indicator-gap: 2px; + --spectrum-border-width-100: 1px; + --spectrum-border-width-200: 2px; + --spectrum-border-width-400: 4px; + --spectrum-field-edge-to-text-quiet: 0px; + --spectrum-field-edge-to-visual-quiet: 0px; + --spectrum-field-edge-to-border-quiet: 0px; + --spectrum-field-edge-to-alert-icon-quiet: 0px; + --spectrum-field-edge-to-validation-icon-quiet: 0px; + --spectrum-text-underline-thickness: 1px; + --spectrum-text-underline-gap: 1px; + --spectrum-accent-color-100: var(--spectrum-blue-100); + --spectrum-accent-color-200: var(--spectrum-blue-200); + --spectrum-accent-color-300: var(--spectrum-blue-300); + --spectrum-accent-color-400: var(--spectrum-blue-400); + --spectrum-accent-color-500: var(--spectrum-blue-500); + --spectrum-accent-color-600: var(--spectrum-blue-600); + --spectrum-accent-color-700: var(--spectrum-blue-700); + --spectrum-accent-color-800: var(--spectrum-blue-800); + --spectrum-accent-color-900: var(--spectrum-blue-900); + --spectrum-accent-color-1000: var(--spectrum-blue-1000); + --spectrum-accent-color-1100: var(--spectrum-blue-1100); + --spectrum-accent-color-1200: var(--spectrum-blue-1200); + --spectrum-accent-color-1300: var(--spectrum-blue-1300); + --spectrum-accent-color-1400: var(--spectrum-blue-1400); + --spectrum-accent-color-1500: var(--spectrum-blue-1500); + --spectrum-accent-color-1600: var(--spectrum-blue-1600); + --spectrum-informative-color-100: var(--spectrum-blue-100); + --spectrum-informative-color-200: var(--spectrum-blue-200); + --spectrum-informative-color-300: var(--spectrum-blue-300); + --spectrum-informative-color-400: var(--spectrum-blue-400); + --spectrum-informative-color-500: var(--spectrum-blue-500); + --spectrum-informative-color-600: var(--spectrum-blue-600); + --spectrum-informative-color-700: var(--spectrum-blue-700); + --spectrum-informative-color-800: var(--spectrum-blue-800); + --spectrum-informative-color-900: var(--spectrum-blue-900); + --spectrum-informative-color-1000: var(--spectrum-blue-1000); + --spectrum-informative-color-1100: var(--spectrum-blue-1100); + --spectrum-informative-color-1200: var(--spectrum-blue-1200); + --spectrum-informative-color-1300: var(--spectrum-blue-1300); + --spectrum-informative-color-1400: var(--spectrum-blue-1400); + --spectrum-informative-color-1500: var(--spectrum-blue-1500); + --spectrum-informative-color-1600: var(--spectrum-blue-1600); + --spectrum-negative-color-100: var(--spectrum-red-100); + --spectrum-negative-color-200: var(--spectrum-red-200); + --spectrum-negative-color-300: var(--spectrum-red-300); + --spectrum-negative-color-400: var(--spectrum-red-400); + --spectrum-negative-color-500: var(--spectrum-red-500); + --spectrum-negative-color-600: var(--spectrum-red-600); + --spectrum-negative-color-700: var(--spectrum-red-700); + --spectrum-negative-color-800: var(--spectrum-red-800); + --spectrum-negative-color-900: var(--spectrum-red-900); + --spectrum-negative-color-1000: var(--spectrum-red-1000); + --spectrum-negative-color-1100: var(--spectrum-red-1100); + --spectrum-negative-color-1200: var(--spectrum-red-1200); + --spectrum-negative-color-1300: var(--spectrum-red-1300); + --spectrum-negative-color-1400: var(--spectrum-red-1400); + --spectrum-negative-color-1500: var(--spectrum-red-1500); + --spectrum-negative-color-1600: var(--spectrum-red-1600); + --spectrum-notice-color-100: var(--spectrum-orange-100); + --spectrum-notice-color-200: var(--spectrum-orange-200); + --spectrum-notice-color-300: var(--spectrum-orange-300); + --spectrum-notice-color-400: var(--spectrum-orange-400); + --spectrum-notice-color-500: var(--spectrum-orange-500); + --spectrum-notice-color-600: var(--spectrum-orange-600); + --spectrum-notice-color-700: var(--spectrum-orange-700); + --spectrum-notice-color-800: var(--spectrum-orange-800); + --spectrum-notice-color-900: var(--spectrum-orange-900); + --spectrum-notice-color-1000: var(--spectrum-orange-1000); + --spectrum-notice-color-1100: var(--spectrum-orange-1100); + --spectrum-notice-color-1200: var(--spectrum-orange-1200); + --spectrum-notice-color-1300: var(--spectrum-orange-1300); + --spectrum-notice-color-1400: var(--spectrum-orange-1400); + --spectrum-notice-color-1500: var(--spectrum-orange-1500); + --spectrum-notice-color-1600: var(--spectrum-orange-1600); + --spectrum-positive-color-100: var(--spectrum-green-100); + --spectrum-positive-color-200: var(--spectrum-green-200); + --spectrum-positive-color-300: var(--spectrum-green-300); + --spectrum-positive-color-400: var(--spectrum-green-400); + --spectrum-positive-color-500: var(--spectrum-green-500); + --spectrum-positive-color-600: var(--spectrum-green-600); + --spectrum-positive-color-700: var(--spectrum-green-700); + --spectrum-positive-color-800: var(--spectrum-green-800); + --spectrum-positive-color-900: var(--spectrum-green-900); + --spectrum-positive-color-1000: var(--spectrum-green-1000); + --spectrum-positive-color-1100: var(--spectrum-green-1100); + --spectrum-positive-color-1200: var(--spectrum-green-1200); + --spectrum-positive-color-1300: var(--spectrum-green-1300); + --spectrum-positive-color-1400: var(--spectrum-green-1400); + --spectrum-positive-color-1500: var(--spectrum-green-1500); + --spectrum-positive-color-1600: var(--spectrum-green-1600); + --spectrum-negative-subdued-background-color-hover: var(--spectrum-negative-color-300); + --spectrum-negative-subdued-background-color-down: var(--spectrum-negative-color-300); + --spectrum-negative-subdued-background-color-key-focus: var(--spectrum-negative-color-300); + --spectrum-default-font-family: var(--spectrum-sans-serif-font-family); + --spectrum-sans-serif-font-family: Adobe Clean; + --spectrum-serif-font-family: Adobe Clean Serif; + --spectrum-cjk-font-family: Adobe Clean Han; + --spectrum-light-font-weight: 300; + --spectrum-regular-font-weight: 400; + --spectrum-medium-font-weight: 500; + --spectrum-bold-font-weight: 700; + --spectrum-extra-bold-font-weight: 800; + --spectrum-black-font-weight: 900; + --spectrum-italic-font-style: italic; + --spectrum-default-font-style: normal; + --spectrum-line-height-100: 1.3; + --spectrum-line-height-200: 1.5; + --spectrum-cjk-line-height-100: 1.5; + --spectrum-cjk-line-height-200: 1.7; + --spectrum-cjk-letter-spacing: 0.05em; + --spectrum-heading-sans-serif-font-family: var(--spectrum-sans-serif-font-family); + --spectrum-heading-serif-font-family: var(--spectrum-serif-font-family); + --spectrum-heading-cjk-font-family: var(--spectrum-cjk-font-family); + --spectrum-heading-sans-serif-light-font-weight: var(--spectrum-light-font-weight); + --spectrum-heading-sans-serif-light-font-style: var(--spectrum-default-font-style); + --spectrum-heading-serif-light-font-weight: var(--spectrum-regular-font-weight); + --spectrum-heading-serif-light-font-style: var(--spectrum-default-font-style); + --spectrum-heading-cjk-light-font-weight: var(--spectrum-light-font-weight); + --spectrum-heading-cjk-light-font-style: var(--spectrum-default-font-style); + --spectrum-heading-sans-serif-font-weight: var(--spectrum-bold-font-weight); + --spectrum-heading-sans-serif-font-style: var(--spectrum-default-font-style); + --spectrum-heading-serif-font-weight: var(--spectrum-bold-font-weight); + --spectrum-heading-serif-font-style: var(--spectrum-default-font-style); + --spectrum-heading-cjk-font-weight: var(--spectrum-extra-bold-font-weight); + --spectrum-heading-cjk-font-style: var(--spectrum-default-font-style); + --spectrum-heading-sans-serif-heavy-font-weight: var(--spectrum-black-font-weight); + --spectrum-heading-sans-serif-heavy-font-style: var(--spectrum-default-font-style); + --spectrum-heading-serif-heavy-font-weight: var(--spectrum-black-font-weight); + --spectrum-heading-serif-heavy-font-style: var(--spectrum-default-font-style); + --spectrum-heading-cjk-heavy-font-weight: var(--spectrum-black-font-weight); + --spectrum-heading-cjk-heavy-font-style: var(--spectrum-default-font-style); + --spectrum-heading-sans-serif-light-strong-font-weight: var(--spectrum-bold-font-weight); + --spectrum-heading-sans-serif-light-strong-font-style: var(--spectrum-default-font-style); + --spectrum-heading-serif-light-strong-font-weight: var(--spectrum-bold-font-weight); + --spectrum-heading-serif-light-strong-font-style: var(--spectrum-default-font-style); + --spectrum-heading-cjk-light-strong-font-weight: var(--spectrum-extra-bold-font-weight); + --spectrum-heading-cjk-light-strong-font-style: var(--spectrum-default-font-style); + --spectrum-heading-sans-serif-strong-font-weight: var(--spectrum-black-font-weight); + --spectrum-heading-sans-serif-strong-font-style: var(--spectrum-default-font-style); + --spectrum-heading-serif-strong-font-weight: var(--spectrum-black-font-weight); + --spectrum-heading-serif-strong-font-style: var(--spectrum-default-font-style); + --spectrum-heading-cjk-strong-font-weight: var(--spectrum-black-font-weight); + --spectrum-heading-cjk-strong-font-style: var(--spectrum-default-font-style); + --spectrum-heading-sans-serif-heavy-strong-font-weight: var(--spectrum-black-font-weight); + --spectrum-heading-sans-serif-heavy-strong-font-style: var(--spectrum-default-font-style); + --spectrum-heading-serif-heavy-strong-font-weight: var(--spectrum-black-font-weight); + --spectrum-heading-serif-heavy-strong-font-style: var(--spectrum-default-font-style); + --spectrum-heading-cjk-heavy-strong-font-weight: var(--spectrum-black-font-weight); + --spectrum-heading-cjk-heavy-strong-font-style: var(--spectrum-default-font-style); + --spectrum-heading-sans-serif-light-emphasized-font-weight: var(--spectrum-light-font-weight); + --spectrum-heading-sans-serif-light-emphasized-font-style: var(--spectrum-italic-font-style); + --spectrum-heading-serif-light-emphasized-font-weight: var(--spectrum-regular-font-weight); + --spectrum-heading-serif-light-emphasized-font-style: var(--spectrum-italic-font-style); + --spectrum-heading-cjk-light-emphasized-font-weight: var(--spectrum-regular-font-weight); + --spectrum-heading-cjk-light-emphasized-font-style: var(--spectrum-default-font-style); + --spectrum-heading-sans-serif-emphasized-font-weight: var(--spectrum-bold-font-weight); + --spectrum-heading-sans-serif-emphasized-font-style: var(--spectrum-italic-font-style); + --spectrum-heading-serif-emphasized-font-weight: var(--spectrum-bold-font-weight); + --spectrum-heading-serif-emphasized-font-style: var(--spectrum-italic-font-style); + --spectrum-heading-cjk-emphasized-font-weight: var(--spectrum-black-font-weight); + --spectrum-heading-cjk-emphasized-font-style: var(--spectrum-default-font-style); + --spectrum-heading-sans-serif-heavy-emphasized-font-weight: var(--spectrum-black-font-weight); + --spectrum-heading-sans-serif-heavy-emphasized-font-style: var(--spectrum-italic-font-style); + --spectrum-heading-serif-heavy-emphasized-font-weight: var(--spectrum-black-font-weight); + --spectrum-heading-serif-heavy-emphasized-font-style: var(--spectrum-italic-font-style); + --spectrum-heading-cjk-heavy-emphasized-font-weight: var(--spectrum-black-font-weight); + --spectrum-heading-cjk-heavy-emphasized-font-style: var(--spectrum-default-font-style); + --spectrum-heading-sans-serif-light-strong-emphasized-font-weight: var(--spectrum-bold-font-weight); + --spectrum-heading-sans-serif-light-strong-emphasized-font-style: var(--spectrum-italic-font-style); + --spectrum-heading-serif-light-strong-emphasized-font-weight: var(--spectrum-bold-font-weight); + --spectrum-heading-serif-light-strong-emphasized-font-style: var(--spectrum-italic-font-style); + --spectrum-heading-cjk-light-strong-emphasized-font-weight: var(--spectrum-extra-bold-font-weight); + --spectrum-heading-cjk-light-strong-emphasized-font-style: var(--spectrum-default-font-style); + --spectrum-heading-sans-serif-strong-emphasized-font-weight: var(--spectrum-black-font-weight); + --spectrum-heading-sans-serif-strong-emphasized-font-style: var(--spectrum-italic-font-style); + --spectrum-heading-serif-strong-emphasized-font-weight: var(--spectrum-black-font-weight); + --spectrum-heading-serif-strong-emphasized-font-style: var(--spectrum-italic-font-style); + --spectrum-heading-cjk-strong-emphasized-font-weight: var(--spectrum-black-font-weight); + --spectrum-heading-cjk-strong-emphasized-font-style: var(--spectrum-default-font-style); + --spectrum-heading-sans-serif-heavy-strong-emphasized-font-weight: var(--spectrum-black-font-weight); + --spectrum-heading-sans-serif-heavy-strong-emphasized-font-style: var(--spectrum-italic-font-style); + --spectrum-heading-serif-heavy-strong-emphasized-font-weight: var(--spectrum-black-font-weight); + --spectrum-heading-serif-heavy-strong-emphasized-font-style: var(--spectrum-italic-font-style); + --spectrum-heading-cjk-heavy-strong-emphasized-font-weight: var(--spectrum-black-font-weight); + --spectrum-heading-cjk-heavy-strong-emphasized-font-style: var(--spectrum-default-font-style); + --spectrum-heading-size-xxxl: var(--spectrum-font-size-1300); + --spectrum-heading-size-xxl: var(--spectrum-font-size-1100); + --spectrum-heading-size-xl: var(--spectrum-font-size-900); + --spectrum-heading-size-l: var(--spectrum-font-size-700); + --spectrum-heading-size-m: var(--spectrum-font-size-500); + --spectrum-heading-size-s: var(--spectrum-font-size-300); + --spectrum-heading-size-xs: var(--spectrum-font-size-200); + --spectrum-heading-size-xxs: var(--spectrum-font-size-100); + --spectrum-heading-cjk-size-xxxl: var(--spectrum-font-size-1300); + --spectrum-heading-cjk-size-xxl: var(--spectrum-font-size-900); + --spectrum-heading-cjk-size-xl: var(--spectrum-font-size-800); + --spectrum-heading-cjk-size-l: var(--spectrum-font-size-600); + --spectrum-heading-cjk-size-m: var(--spectrum-font-size-400); + --spectrum-heading-cjk-size-s: var(--spectrum-font-size-300); + --spectrum-heading-cjk-size-xs: var(--spectrum-font-size-200); + --spectrum-heading-cjk-size-xxs: var(--spectrum-font-size-100); + --spectrum-heading-line-height: var(--spectrum-line-height-100); + --spectrum-heading-cjk-line-height: var(--spectrum-cjk-line-height-100); + --spectrum-heading-margin-top-multiplier: 0.88888889; + --spectrum-heading-margin-bottom-multiplier: 0.25; + --spectrum-heading-color: var(--spectrum-gray-900); + --spectrum-body-sans-serif-font-family: var(--spectrum-sans-serif-font-family); + --spectrum-body-serif-font-family: var(--spectrum-serif-font-family); + --spectrum-body-cjk-font-family: var(--spectrum-cjk-font-family); + --spectrum-body-sans-serif-font-weight: var(--spectrum-regular-font-weight); + --spectrum-body-sans-serif-font-style: var(--spectrum-default-font-style); + --spectrum-body-serif-font-weight: var(--spectrum-regular-font-weight); + --spectrum-body-serif-font-style: var(--spectrum-default-font-style); + --spectrum-body-cjk-font-weight: var(--spectrum-regular-font-weight); + --spectrum-body-cjk-font-style: var(--spectrum-default-font-style); + --spectrum-body-sans-serif-strong-font-weight: var(--spectrum-bold-font-weight); + --spectrum-body-sans-serif-strong-font-style: var(--spectrum-default-font-style); + --spectrum-body-serif-strong-font-weight: var(--spectrum-bold-font-weight); + --spectrum-body-serif-strong-font-style: var(--spectrum-default-font-style); + --spectrum-body-cjk-strong-font-weight: var(--spectrum-black-font-weight); + --spectrum-body-cjk-strong-font-style: var(--spectrum-default-font-style); + --spectrum-body-sans-serif-emphasized-font-weight: var(--spectrum-regular-font-weight); + --spectrum-body-sans-serif-emphasized-font-style: var(--spectrum-italic-font-style); + --spectrum-body-serif-emphasized-font-weight: var(--spectrum-regular-font-weight); + --spectrum-body-serif-emphasized-font-style: var(--spectrum-italic-font-style); + --spectrum-body-cjk-emphasized-font-weight: var(--spectrum-extra-bold-font-weight); + --spectrum-body-cjk-emphasized-font-style: var(--spectrum-default-font-style); + --spectrum-body-sans-serif-strong-emphasized-font-weight: var(--spectrum-bold-font-weight); + --spectrum-body-sans-serif-strong-emphasized-font-style: var(--spectrum-italic-font-style); + --spectrum-body-serif-strong-emphasized-font-weight: var(--spectrum-bold-font-weight); + --spectrum-body-serif-strong-emphasized-font-style: var(--spectrum-italic-font-style); + --spectrum-body-cjk-strong-emphasized-font-weight: var(--spectrum-black-font-weight); + --spectrum-body-cjk-strong-emphasized-font-style: var(--spectrum-default-font-style); + --spectrum-body-size-xxxl: var(--spectrum-font-size-600); + --spectrum-body-size-xxl: var(--spectrum-font-size-500); + --spectrum-body-size-xl: var(--spectrum-font-size-400); + --spectrum-body-size-l: var(--spectrum-font-size-300); + --spectrum-body-size-m: var(--spectrum-font-size-200); + --spectrum-body-size-s: var(--spectrum-font-size-100); + --spectrum-body-size-xs: var(--spectrum-font-size-75); + --spectrum-body-line-height: var(--spectrum-line-height-200); + --spectrum-body-cjk-line-height: var(--spectrum-cjk-line-height-200); + --spectrum-body-margin-multiplier: 0.75; + --spectrum-body-color: var(--spectrum-gray-800); + --spectrum-detail-sans-serif-font-family: var(--spectrum-sans-serif-font-family); + --spectrum-detail-serif-font-family: var(--spectrum-serif-font-family); + --spectrum-detail-cjk-font-family: var(--spectrum-cjk-font-family); + --spectrum-detail-sans-serif-font-weight: var(--spectrum-bold-font-weight); + --spectrum-detail-sans-serif-font-style: var(--spectrum-default-font-style); + --spectrum-detail-serif-font-weight: var(--spectrum-bold-font-weight); + --spectrum-detail-serif-font-style: var(--spectrum-default-font-style); + --spectrum-detail-cjk-font-weight: var(--spectrum-extra-bold-font-weight); + --spectrum-detail-cjk-font-style: var(--spectrum-default-font-style); + --spectrum-detail-sans-serif-light-font-weight: var(--spectrum-regular-font-weight); + --spectrum-detail-sans-serif-light-font-style: var(--spectrum-default-font-style); + --spectrum-detail-serif-light-font-weight: var(--spectrum-regular-font-weight); + --spectrum-detail-serif-light-font-style: var(--spectrum-default-font-style); + --spectrum-detail-cjk-light-font-weight: var(--spectrum-light-font-weight); + --spectrum-detail-cjk-light-font-style: var(--spectrum-default-font-style); + --spectrum-detail-sans-serif-strong-font-weight: var(--spectrum-bold-font-weight); + --spectrum-detail-sans-serif-strong-font-style: var(--spectrum-default-font-style); + --spectrum-detail-serif-strong-font-weight: var(--spectrum-bold-font-weight); + --spectrum-detail-serif-strong-font-style: var(--spectrum-default-font-style); + --spectrum-detail-cjk-strong-font-weight: var(--spectrum-black-font-weight); + --spectrum-detail-cjk-strong-font-style: var(--spectrum-default-font-style); + --spectrum-detail-sans-serif-light-strong-font-weight: var(--spectrum-regular-font-weight); + --spectrum-detail-sans-serif-light-strong-font-style: var(--spectrum-default-font-style); + --spectrum-detail-serif-light-strong-font-weight: var(--spectrum-regular-font-weight); + --spectrum-detail-serif-light-strong-font-style: var(--spectrum-default-font-style); + --spectrum-detail-cjk-light-strong-font-weight: var(--spectrum-extra-bold-font-weight); + --spectrum-detail-cjk-light-strong-font-style: var(--spectrum-default-font-style); + --spectrum-detail-sans-serif-emphasized-font-weight: var(--spectrum-bold-font-weight); + --spectrum-detail-sans-serif-emphasized-font-style: var(--spectrum-italic-font-style); + --spectrum-detail-serif-emphasized-font-weight: var(--spectrum-bold-font-weight); + --spectrum-detail-serif-emphasized-font-style: var(--spectrum-italic-font-style); + --spectrum-detail-cjk-emphasized-font-weight: var(--spectrum-black-font-weight); + --spectrum-detail-cjk-emphasized-font-style: var(--spectrum-default-font-style); + --spectrum-detail-sans-serif-light-emphasized-font-weight: var(--spectrum-regular-font-weight); + --spectrum-detail-sans-serif-light-emphasized-font-style: var(--spectrum-italic-font-style); + --spectrum-detail-serif-light-emphasized-font-weight: var(--spectrum-regular-font-weight); + --spectrum-detail-serif-light-emphasized-font-style: var(--spectrum-italic-font-style); + --spectrum-detail-cjk-light-emphasized-font-weight: var(--spectrum-regular-font-weight); + --spectrum-detail-cjk-light-emphasized-font-style: var(--spectrum-default-font-style); + --spectrum-detail-sans-serif-strong-emphasized-font-weight: var(--spectrum-bold-font-weight); + --spectrum-detail-sans-serif-strong-emphasized-font-style: var(--spectrum-italic-font-style); + --spectrum-detail-serif-strong-emphasized-font-weight: var(--spectrum-bold-font-weight); + --spectrum-detail-serif-strong-emphasized-font-style: var(--spectrum-italic-font-style); + --spectrum-detail-cjk-strong-emphasized-font-weight: var(--spectrum-black-font-weight); + --spectrum-detail-cjk-strong-emphasized-font-style: var(--spectrum-default-font-style); + --spectrum-detail-sans-serif-light-strong-emphasized-font-weight: var(--spectrum-regular-font-weight); + --spectrum-detail-sans-serif-light-strong-emphasized-font-style: var(--spectrum-italic-font-style); + --spectrum-detail-serif-light-strong-emphasized-font-weight: var(--spectrum-regular-font-weight); + --spectrum-detail-serif-light-strong-emphasized-font-style: var(--spectrum-italic-font-style); + --spectrum-detail-cjk-light-strong-emphasized-font-weight: var(--spectrum-extra-bold-font-weight); + --spectrum-detail-cjk-light-strong-emphasized-font-style: var(--spectrum-default-font-style); + --spectrum-detail-size-xl: var(--spectrum-font-size-200); + --spectrum-detail-size-l: var(--spectrum-font-size-100); + --spectrum-detail-size-m: var(--spectrum-font-size-75); + --spectrum-detail-size-s: var(--spectrum-font-size-50); + --spectrum-detail-line-height: var(--spectrum-line-height-100); + --spectrum-detail-cjk-line-height: var(--spectrum-cjk-line-height-100); + --spectrum-detail-margin-top-multiplier: 0.88888889; + --spectrum-detail-margin-bottom-multiplier: 0.25; + --spectrum-detail-letter-spacing: 0.06em; + --spectrum-detail-sans-serif-text-transform: uppercase; + --spectrum-detail-serif-text-transform: uppercase; + --spectrum-detail-color: var(--spectrum-gray-900); + --spectrum-code-font-family: Source Code Pro; + --spectrum-code-cjk-font-family: var(--spectrum-code-font-family); + --spectrum-code-font-weight: var(--spectrum-regular-font-weight); + --spectrum-code-font-style: var(--spectrum-default-font-style); + --spectrum-code-cjk-font-weight: var(--spectrum-regular-font-weight); + --spectrum-code-cjk-font-style: var(--spectrum-default-font-style); + --spectrum-code-strong-font-weight: var(--spectrum-bold-font-weight); + --spectrum-code-strong-font-style: var(--spectrum-default-font-style); + --spectrum-code-cjk-strong-font-weight: var(--spectrum-black-font-weight); + --spectrum-code-cjk-strong-font-style: var(--spectrum-default-font-style); + --spectrum-code-emphasized-font-weight: var(--spectrum-regular-font-weight); + --spectrum-code-emphasized-font-style: var(--spectrum-italic-font-style); + --spectrum-code-cjk-emphasized-font-weight: var(--spectrum-bold-font-weight); + --spectrum-code-cjk-emphasized-font-style: var(--spectrum-default-font-style); + --spectrum-code-strong-emphasized-font-weight: var(--spectrum-bold-font-weight); + --spectrum-code-strong-emphasized-font-style: var(--spectrum-italic-font-style); + --spectrum-code-cjk-strong-emphasized-font-weight: var(--spectrum-black-font-weight); + --spectrum-code-cjk-strong-emphasized-font-style: var(--spectrum-default-font-style); + --spectrum-code-size-xl: var(--spectrum-font-size-400); + --spectrum-code-size-l: var(--spectrum-font-size-300); + --spectrum-code-size-m: var(--spectrum-font-size-200); + --spectrum-code-size-s: var(--spectrum-font-size-100); + --spectrum-code-size-xs: var(--spectrum-font-size-75); + --spectrum-code-line-height: var(--spectrum-line-height-200); + --spectrum-code-cjk-line-height: var(--spectrum-cjk-line-height-200); + --spectrum-code-color: var(--spectrum-gray-800); } diff --git a/tokens/dist/css/large-vars.css b/tokens/dist/css/large-vars.css index e9c815743fe..5defbb0c966 100644 --- a/tokens/dist/css/large-vars.css +++ b/tokens/dist/css/large-vars.css @@ -1,660 +1,538 @@ -/*! - * Copyright 2024 Adobe. All rights reserved. - * - * This file is licensed to you under the Apache License, Version 2.0 (the "License"); - * you may not use this file except in compliance with the License. You may obtain a copy - * of the License at - * - * Unless required by applicable law or agreed to in writing, software distributed under - * the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS - * OF ANY KIND, either express or implied. See the License for the specific language - * governing permissions and limitations under the License. - */ - -.spectrum--large{ - --spectrum-workflow-icon-size-50:16px; - --spectrum-workflow-icon-size-75:18px; - --spectrum-workflow-icon-size-100:24px; - --spectrum-workflow-icon-size-200:28px; - --spectrum-workflow-icon-size-300:30px; - --spectrum-arrow-icon-size-75:12px; - --spectrum-arrow-icon-size-100:14px; - --spectrum-arrow-icon-size-200:16px; - --spectrum-arrow-icon-size-300:16px; - --spectrum-arrow-icon-size-400:18px; - --spectrum-arrow-icon-size-500:22px; - --spectrum-arrow-icon-size-600:24px; - --spectrum-asterisk-icon-size-100:10px; - --spectrum-asterisk-icon-size-200:12px; - --spectrum-asterisk-icon-size-300:12px; - --spectrum-checkmark-icon-size-50:12px; - --spectrum-checkmark-icon-size-75:12px; - --spectrum-checkmark-icon-size-100:14px; - --spectrum-checkmark-icon-size-200:14px; - --spectrum-checkmark-icon-size-300:16px; - --spectrum-checkmark-icon-size-400:18px; - --spectrum-checkmark-icon-size-500:20px; - --spectrum-checkmark-icon-size-600:24px; - --spectrum-chevron-icon-size-50:8px; - --spectrum-chevron-icon-size-75:12px; - --spectrum-chevron-icon-size-100:14px; - --spectrum-chevron-icon-size-200:14px; - --spectrum-chevron-icon-size-300:16px; - --spectrum-chevron-icon-size-400:18px; - --spectrum-chevron-icon-size-500:20px; - --spectrum-chevron-icon-size-600:24px; - --spectrum-corner-triangle-icon-size-75:6px; - --spectrum-corner-triangle-icon-size-100:7px; - --spectrum-corner-triangle-icon-size-200:8px; - --spectrum-corner-triangle-icon-size-300:8px; - --spectrum-cross-icon-size-75:10px; - --spectrum-cross-icon-size-100:10px; - --spectrum-cross-icon-size-200:12px; - --spectrum-cross-icon-size-300:14px; - --spectrum-cross-icon-size-400:16px; - --spectrum-cross-icon-size-500:16px; - --spectrum-cross-icon-size-600:18px; - --spectrum-dash-icon-size-50:10px; - --spectrum-dash-icon-size-75:10px; - --spectrum-dash-icon-size-100:12px; - --spectrum-dash-icon-size-200:14px; - --spectrum-dash-icon-size-300:16px; - --spectrum-dash-icon-size-400:18px; - --spectrum-dash-icon-size-500:20px; - --spectrum-dash-icon-size-600:22px; - --spectrum-checkbox-control-size-small:16px; - --spectrum-checkbox-control-size-medium:18px; - --spectrum-checkbox-control-size-large:20px; - --spectrum-checkbox-control-size-extra-large:22px; - --spectrum-checkbox-top-to-control-small:7px; - --spectrum-checkbox-top-to-control-medium:11px; - --spectrum-checkbox-top-to-control-large:15px; - --spectrum-checkbox-top-to-control-extra-large:19px; - --spectrum-switch-control-width-small:32px; - --spectrum-switch-control-width-medium:36px; - --spectrum-switch-control-width-large:41px; - --spectrum-switch-control-width-extra-large:46px; - --spectrum-switch-control-height-small:16px; - --spectrum-switch-control-height-medium:18px; - --spectrum-switch-control-height-large:20px; - --spectrum-switch-control-height-extra-large:22px; - --spectrum-switch-top-to-control-small:7px; - --spectrum-switch-top-to-control-medium:11px; - --spectrum-switch-top-to-control-large:15px; - --spectrum-switch-top-to-control-extra-large:19px; - --spectrum-radio-button-control-size-small:16px; - --spectrum-radio-button-control-size-medium:18px; - --spectrum-radio-button-control-size-large:20px; - --spectrum-radio-button-control-size-extra-large:22px; - --spectrum-radio-button-top-to-control-small:7px; - --spectrum-radio-button-top-to-control-medium:11px; - --spectrum-radio-button-top-to-control-large:15px; - --spectrum-radio-button-top-to-control-extra-large:19px; - --spectrum-field-label-text-to-asterisk-small:5px; - --spectrum-field-label-text-to-asterisk-medium:5px; - --spectrum-field-label-text-to-asterisk-large:6px; - --spectrum-field-label-text-to-asterisk-extra-large:6px; - --spectrum-field-label-top-to-asterisk-small:11px; - --spectrum-field-label-top-to-asterisk-medium:15px; - --spectrum-field-label-top-to-asterisk-large:19px; - --spectrum-field-label-top-to-asterisk-extra-large:24px; - --spectrum-field-label-top-margin-medium:5px; - --spectrum-field-label-top-margin-large:6px; - --spectrum-field-label-top-margin-extra-large:6px; - --spectrum-field-label-to-component-quiet-small:-10px; - --spectrum-field-label-to-component-quiet-medium:-10px; - --spectrum-field-label-to-component-quiet-large:-15px; - --spectrum-field-label-to-component-quiet-extra-large:-19px; - --spectrum-help-text-top-to-workflow-icon-small:5px; - --spectrum-help-text-top-to-workflow-icon-medium:4px; - --spectrum-help-text-top-to-workflow-icon-large:8px; - --spectrum-help-text-top-to-workflow-icon-extra-large:11px; - --spectrum-status-light-dot-size-medium:10px; - --spectrum-status-light-dot-size-large:12px; - --spectrum-status-light-dot-size-extra-large:12px; - --spectrum-status-light-top-to-dot-small:11px; - --spectrum-status-light-top-to-dot-medium:15px; - --spectrum-status-light-top-to-dot-large:19px; - --spectrum-status-light-top-to-dot-extra-large:24px; - --spectrum-action-button-edge-to-hold-icon-medium:5px; - --spectrum-action-button-edge-to-hold-icon-large:6px; - --spectrum-action-button-edge-to-hold-icon-extra-large:7px; - --spectrum-tooltip-tip-width:10px; - --spectrum-tooltip-tip-height:5px; - --spectrum-tooltip-maximum-width:200px; - --spectrum-progress-circle-size-small:20px; - --spectrum-progress-circle-size-medium:40px; - --spectrum-progress-circle-size-large:80px; - --spectrum-progress-circle-thickness-small:3px; - --spectrum-progress-circle-thickness-medium:4px; - --spectrum-progress-circle-thickness-large:5px; - --spectrum-toast-height:56px; - --spectrum-toast-maximum-width:420px; - --spectrum-toast-top-to-workflow-icon:17px; - --spectrum-toast-top-to-text:16px; - --spectrum-toast-bottom-to-text:19px; - --spectrum-action-bar-height:56px; - --spectrum-action-bar-top-to-item-counter:16px; - --spectrum-swatch-size-extra-small:20px; - --spectrum-swatch-size-small:30px; - --spectrum-swatch-size-medium:40px; - --spectrum-swatch-size-large:50px; - --spectrum-progress-bar-thickness-small:5px; - --spectrum-progress-bar-thickness-medium:8px; - --spectrum-progress-bar-thickness-large:10px; - --spectrum-progress-bar-thickness-extra-large:13px; - --spectrum-meter-width:240px; - --spectrum-meter-thickness-small:5px; - --spectrum-meter-thickness-large:8px; - --spectrum-tag-top-to-avatar-small:5px; - --spectrum-tag-top-to-avatar-medium:7px; - --spectrum-tag-top-to-avatar-large:11px; - --spectrum-tag-top-to-cross-icon-small:10px; - --spectrum-tag-top-to-cross-icon-medium:15px; - --spectrum-tag-top-to-cross-icon-large:19px; - --spectrum-popover-top-to-content-area:5px; - --spectrum-menu-item-edge-to-content-not-selected-small:24px; - --spectrum-menu-item-edge-to-content-not-selected-medium:42px; - --spectrum-menu-item-edge-to-content-not-selected-large:47px; - --spectrum-menu-item-edge-to-content-not-selected-extra-large:54px; - --spectrum-menu-item-top-to-disclosure-icon-small:9px; - --spectrum-menu-item-top-to-disclosure-icon-medium:13px; - --spectrum-menu-item-top-to-disclosure-icon-large:17px; - --spectrum-menu-item-top-to-disclosure-icon-extra-large:22px; - --spectrum-menu-item-top-to-selected-icon-small:9px; - --spectrum-menu-item-top-to-selected-icon-medium:13px; - --spectrum-menu-item-top-to-selected-icon-large:17px; - --spectrum-menu-item-top-to-selected-icon-extra-large:22px; - --spectrum-slider-control-height-small:18px; - --spectrum-slider-control-height-medium:20px; - --spectrum-slider-control-height-large:22px; - --spectrum-slider-control-height-extra-large:26px; - --spectrum-slider-handle-size-small:18px; - --spectrum-slider-handle-size-medium:20px; - --spectrum-slider-handle-size-large:22px; - --spectrum-slider-handle-size-extra-large:26px; - --spectrum-slider-handle-border-width-down-small:7px; - --spectrum-slider-handle-border-width-down-medium:8px; - --spectrum-slider-handle-border-width-down-large:9px; - --spectrum-slider-handle-border-width-down-extra-large:11px; - --spectrum-slider-bottom-to-handle-small:6px; - --spectrum-slider-bottom-to-handle-medium:10px; - --spectrum-slider-bottom-to-handle-large:14px; - --spectrum-slider-bottom-to-handle-extra-large:17px; - --spectrum-slider-control-to-field-label-small:6px; - --spectrum-slider-control-to-field-label-medium:10px; - --spectrum-slider-control-to-field-label-large:14px; - --spectrum-slider-control-to-field-label-extra-large:17px; - --spectrum-picker-visual-to-disclosure-icon-small:9px; - --spectrum-picker-visual-to-disclosure-icon-medium:10px; - --spectrum-picker-visual-to-disclosure-icon-large:11px; - --spectrum-picker-visual-to-disclosure-icon-extra-large:13px; - --spectrum-text-area-minimum-width:140px; - --spectrum-text-area-minimum-height:70px; - --spectrum-combo-box-visual-to-field-button-small:9px; - --spectrum-combo-box-visual-to-field-button-medium:10px; - --spectrum-combo-box-visual-to-field-button-large:11px; - --spectrum-combo-box-visual-to-field-button-extra-large:13px; - --spectrum-thumbnail-size-50:20px; - --spectrum-thumbnail-size-75:22px; - --spectrum-thumbnail-size-100:26px; - --spectrum-thumbnail-size-200:28px; - --spectrum-thumbnail-size-300:32px; - --spectrum-thumbnail-size-400:36px; - --spectrum-thumbnail-size-500:40px; - --spectrum-thumbnail-size-600:46px; - --spectrum-thumbnail-size-700:50px; - --spectrum-thumbnail-size-800:55px; - --spectrum-thumbnail-size-900:62px; - --spectrum-thumbnail-size-1000:70px; - --spectrum-alert-dialog-title-size:var(--spectrum-heading-size-xs); - --spectrum-alert-dialog-description-size:var(--spectrum-body-size-xs); - --spectrum-opacity-checkerboard-square-size:10px; - --spectrum-contextual-help-title-size:var(--spectrum-heading-size-xxs); - --spectrum-contextual-help-body-size:var(--spectrum-body-size-xs); - --spectrum-breadcrumbs-height-multiline:84px; - --spectrum-breadcrumbs-top-to-text:17px; - --spectrum-breadcrumbs-top-to-text-compact:16px; - --spectrum-breadcrumbs-top-to-text-multiline:15px; - --spectrum-breadcrumbs-bottom-to-text:19px; - --spectrum-breadcrumbs-bottom-to-text-compact:19px; - --spectrum-breadcrumbs-bottom-to-text-multiline:10px; - --spectrum-breadcrumbs-start-edge-to-text:9px; - --spectrum-breadcrumbs-top-text-to-bottom-text:11px; - --spectrum-breadcrumbs-top-to-separator-icon:25px; - --spectrum-breadcrumbs-top-to-separator-icon-compact:23px; - --spectrum-breadcrumbs-top-to-separator-icon-multiline:20px; - --spectrum-breadcrumbs-separator-icon-to-bottom-text-multiline:15px; - --spectrum-breadcrumbs-top-to-truncated-menu:10px; - --spectrum-breadcrumbs-top-to-truncated-menu-compact:5px; - --spectrum-avatar-size-50:20px; - --spectrum-avatar-size-75:22px; - --spectrum-avatar-size-100:26px; - --spectrum-avatar-size-200:28px; - --spectrum-avatar-size-300:32px; - --spectrum-avatar-size-400:36px; - --spectrum-avatar-size-500:40px; - --spectrum-avatar-size-600:46px; - --spectrum-avatar-size-700:50px; - --spectrum-alert-banner-minimum-height:64px; - --spectrum-alert-banner-width:680px; - --spectrum-alert-banner-top-to-workflow-icon:21px; - --spectrum-alert-banner-top-to-text:21px; - --spectrum-alert-banner-bottom-to-text:22px; - --spectrum-rating-indicator-width:22px; - --spectrum-rating-indicator-to-icon:5px; - --spectrum-color-area-width:240px; - --spectrum-color-area-minimum-width:80px; - --spectrum-color-area-height:240px; - --spectrum-color-area-minimum-height:80px; - --spectrum-color-wheel-width:240px; - --spectrum-color-wheel-minimum-width:219px; - --spectrum-color-slider-length:240px; - --spectrum-color-slider-minimum-length:100px; - --spectrum-illustrated-message-title-size:var(--spectrum-heading-size-s); - --spectrum-illustrated-message-cjk-title-size:var(--spectrum-heading-cjk-size-s); - --spectrum-illustrated-message-body-size:var(--spectrum-body-size-xs); - --spectrum-coach-mark-width:216px; - --spectrum-coach-mark-minimum-width:216px; - --spectrum-coach-mark-maximum-width:248px; - --spectrum-coach-mark-edge-to-content:var(--spectrum-spacing-300); - --spectrum-coach-mark-pagination-text-to-bottom-edge:22px; - --spectrum-coach-mark-media-height:162px; - --spectrum-coach-mark-media-minimum-height:121px; - --spectrum-coach-mark-title-size:var(--spectrum-heading-size-xxs); - --spectrum-coach-mark-body-size:var(--spectrum-body-size-xs); - --spectrum-coach-mark-pagination-body-size:var(--spectrum-body-size-xs); - --spectrum-accordion-top-to-text-regular-small:7px; - --spectrum-accordion-small-top-to-text-spacious:12px; - --spectrum-accordion-top-to-text-regular-medium:9px; - --spectrum-accordion-top-to-text-spacious-medium:14px; - --spectrum-accordion-top-to-text-compact-large:7px; - --spectrum-accordion-top-to-text-regular-large:12px; - --spectrum-accordion-top-to-text-spacious-large:14px; - --spectrum-accordion-top-to-text-compact-extra-large:7px; - --spectrum-accordion-top-to-text-regular-extra-large:12px; - --spectrum-accordion-top-to-text-spacious-extra-large:14px; - --spectrum-accordion-bottom-to-text-compact-small:4px; - --spectrum-accordion-bottom-to-text-regular-small:9px; - --spectrum-accordion-bottom-to-text-spacious-small:14px; - --spectrum-accordion-bottom-to-text-compact-medium:8px; - --spectrum-accordion-bottom-to-text-regular-medium:13px; - --spectrum-accordion-bottom-to-text-spacious-medium:18px; - --spectrum-accordion-bottom-to-text-compact-large:9px; - --spectrum-accordion-bottom-to-text-regular-large:14px; - --spectrum-accordion-bottom-to-text-spacious-large:19px; - --spectrum-accordion-bottom-to-text-compact-extra-large:10px; - --spectrum-accordion-bottom-to-text-regular-extra-large:15px; - --spectrum-accordion-bottom-to-text-spacious-extra-large:21px; - --spectrum-accordion-minimum-width:250px; - --spectrum-accordion-content-area-top-to-content:10px; - --spectrum-accordion-content-area-bottom-to-content:20px; - --spectrum-color-handle-size:20px; - --spectrum-color-handle-size-key-focus:40px; - --spectrum-table-column-header-row-top-to-text-small:10px; - --spectrum-table-column-header-row-top-to-text-medium:9px; - --spectrum-table-column-header-row-top-to-text-large:13px; - --spectrum-table-column-header-row-top-to-text-extra-large:16px; - --spectrum-table-column-header-row-bottom-to-text-small:11px; - --spectrum-table-column-header-row-bottom-to-text-medium:10px; - --spectrum-table-column-header-row-bottom-to-text-large:13px; - --spectrum-table-column-header-row-bottom-to-text-extra-large:17px; - --spectrum-table-row-height-small-regular:40px; - --spectrum-table-row-height-medium-regular:50px; - --spectrum-table-row-height-large-regular:60px; - --spectrum-table-row-height-extra-large-regular:70px; - --spectrum-table-row-height-small-spacious:50px; - --spectrum-table-row-height-medium-spacious:60px; - --spectrum-table-row-height-large-spacious:70px; - --spectrum-table-row-height-extra-large-spacious:80px; - --spectrum-table-row-top-to-text-small-regular:10px; - --spectrum-table-row-top-to-text-medium-regular:14px; - --spectrum-table-row-top-to-text-large-regular:18px; - --spectrum-table-row-top-to-text-extra-large-regular:21px; - --spectrum-table-row-bottom-to-text-small-regular:11px; - --spectrum-table-row-bottom-to-text-medium-regular:15px; - --spectrum-table-row-bottom-to-text-large-regular:18px; - --spectrum-table-row-bottom-to-text-extra-large-regular:22px; - --spectrum-table-row-top-to-text-small-spacious:15px; - --spectrum-table-row-top-to-text-medium-spacious:18px; - --spectrum-table-row-top-to-text-large-spacious:23px; - --spectrum-table-row-top-to-text-extra-large-spacious:26px; - --spectrum-table-row-bottom-to-text-small-spacious:16px; - --spectrum-table-row-bottom-to-text-medium-spacious:18px; - --spectrum-table-row-bottom-to-text-large-spacious:23px; - --spectrum-table-row-bottom-to-text-extra-large-spacious:27px; - --spectrum-table-checkbox-to-text:30px; - --spectrum-table-header-row-checkbox-to-top-small:14px; - --spectrum-table-header-row-checkbox-to-top-medium:13px; - --spectrum-table-header-row-checkbox-to-top-large:17px; - --spectrum-table-header-row-checkbox-to-top-extra-large:21px; - --spectrum-table-row-checkbox-to-top-small-compact:9px; - --spectrum-table-row-checkbox-to-top-small-regular:14px; - --spectrum-table-row-checkbox-to-top-small-spacious:19px; - --spectrum-table-row-checkbox-to-top-medium-compact:13px; - --spectrum-table-row-checkbox-to-top-medium-regular:18px; - --spectrum-table-row-checkbox-to-top-medium-spacious:23px; - --spectrum-table-row-checkbox-to-top-large-compact:17px; - --spectrum-table-row-checkbox-to-top-large-regular:22px; - --spectrum-table-row-checkbox-to-top-large-spacious:27px; - --spectrum-table-row-checkbox-to-top-extra-large-compact:21px; - --spectrum-table-row-checkbox-to-top-extra-large-regular:26px; - --spectrum-table-row-checkbox-to-top-extra-large-spacious:31px; - --spectrum-table-section-header-row-height-small:30px; - --spectrum-table-section-header-row-height-medium:40px; - --spectrum-table-section-header-row-height-large:50px; - --spectrum-table-section-header-row-height-extra-large:60px; - --spectrum-table-thumbnail-to-top-minimum-small-compact:5px; - --spectrum-table-thumbnail-to-top-minimum-medium-compact:6px; - --spectrum-table-thumbnail-to-top-minimum-large-compact:9px; - --spectrum-table-thumbnail-to-top-minimum-extra-large-compact:10px; - --spectrum-table-thumbnail-to-top-minimum-small-regular:6px; - --spectrum-table-thumbnail-to-top-minimum-medium-regular:9px; - --spectrum-table-thumbnail-to-top-minimum-large-regular:10px; - --spectrum-table-thumbnail-to-top-minimum-extra-large-regular:10px; - --spectrum-table-thumbnail-to-top-minimum-small-spacious:9px; - --spectrum-table-thumbnail-to-top-minimum-medium-spacious:10px; - --spectrum-table-thumbnail-to-top-minimum-large-spacious:10px; - --spectrum-table-thumbnail-to-top-minimum-extra-large-spacious:12px; - --spectrum-tab-item-to-tab-item-horizontal-small:27px; - --spectrum-tab-item-to-tab-item-horizontal-medium:30px; - --spectrum-tab-item-to-tab-item-horizontal-large:33px; - --spectrum-tab-item-to-tab-item-horizontal-extra-large:36px; - --spectrum-tab-item-to-tab-item-vertical-small:5px; - --spectrum-tab-item-to-tab-item-vertical-medium:5px; - --spectrum-tab-item-to-tab-item-vertical-large:6px; - --spectrum-tab-item-to-tab-item-vertical-extra-large:6px; - --spectrum-tab-item-start-to-edge-small:13px; - --spectrum-tab-item-start-to-edge-medium:15px; - --spectrum-tab-item-start-to-edge-large:17px; - --spectrum-tab-item-start-to-edge-extra-large:19px; - --spectrum-tab-item-top-to-text-small:14px; - --spectrum-tab-item-bottom-to-text-small:15px; - --spectrum-tab-item-top-to-text-medium:18px; - --spectrum-tab-item-bottom-to-text-medium:19px; - --spectrum-tab-item-top-to-text-large:22px; - --spectrum-tab-item-bottom-to-text-large:22px; - --spectrum-tab-item-top-to-text-extra-large:25px; - --spectrum-tab-item-bottom-to-text-extra-large:25px; - --spectrum-tab-item-top-to-text-compact-small:5px; - --spectrum-tab-item-bottom-to-text-compact-small:6px; - --spectrum-tab-item-top-to-text-compact-medium:9px; - --spectrum-tab-item-bottom-to-text-compact-medium:10px; - --spectrum-tab-item-top-to-text-compact-large:12px; - --spectrum-tab-item-bottom-to-text-compact-large:14px; - --spectrum-tab-item-top-to-text-compact-extra-large:15px; - --spectrum-tab-item-bottom-to-text-compact-extra-large:17px; - --spectrum-tab-item-top-to-workflow-icon-small:15px; - --spectrum-tab-item-top-to-workflow-icon-medium:19px; - --spectrum-tab-item-top-to-workflow-icon-large:23px; - --spectrum-tab-item-top-to-workflow-icon-extra-large:26px; - --spectrum-tab-item-top-to-workflow-icon-compact-small:5px; - --spectrum-tab-item-top-to-workflow-icon-compact-medium:9px; - --spectrum-tab-item-top-to-workflow-icon-compact-large:13px; - --spectrum-tab-item-top-to-workflow-icon-compact-extra-large:16px; - --spectrum-tab-item-focus-indicator-gap-small:9px; - --spectrum-tab-item-focus-indicator-gap-medium:10px; - --spectrum-tab-item-focus-indicator-gap-large:11px; - --spectrum-tab-item-focus-indicator-gap-extra-large:12px; - --spectrum-side-navigation-width:240px; - --spectrum-side-navigation-minimum-width:200px; - --spectrum-side-navigation-maximum-width:300px; - --spectrum-side-navigation-second-level-edge-to-text:30px; - --spectrum-side-navigation-third-level-edge-to-text:45px; - --spectrum-side-navigation-with-icon-second-level-edge-to-text:62px; - --spectrum-side-navigation-with-icon-third-level-edge-to-text:77px; - --spectrum-side-navigation-item-to-item:5px; - --spectrum-side-navigation-item-to-header:30px; - --spectrum-side-navigation-header-to-item:10px; - --spectrum-side-navigation-bottom-to-text:10px; - --spectrum-tray-top-to-content-area:5px; - --spectrum-accordion-top-to-text-spacious-small:12px; - --spectrum-drop-shadow-y:2px; - --spectrum-drop-shadow-blur:6px; - --spectrum-text-to-visual-50:7px; - --spectrum-text-to-visual-75:7px; - --spectrum-text-to-visual-100:8px; - --spectrum-text-to-visual-200:9px; - --spectrum-text-to-visual-300:10px; - --spectrum-text-to-visual-400:11px; - --spectrum-text-to-control-75:11px; - --spectrum-text-to-control-100:13px; - --spectrum-text-to-control-200:14px; - --spectrum-text-to-control-300:16px; - --spectrum-component-height-50:26px; - --spectrum-component-height-75:30px; - --spectrum-component-height-100:40px; - --spectrum-component-height-200:50px; - --spectrum-component-height-300:60px; - --spectrum-component-height-400:70px; - --spectrum-component-height-500:80px; - --spectrum-component-pill-edge-to-visual-75:15px; - --spectrum-component-pill-edge-to-visual-100:17px; - --spectrum-component-pill-edge-to-visual-200:21px; - --spectrum-component-pill-edge-to-visual-300:28px; - --spectrum-component-pill-edge-to-visual-only-75:6px; - --spectrum-component-pill-edge-to-visual-only-100:8px; - --spectrum-component-pill-edge-to-visual-only-200:11px; - --spectrum-component-pill-edge-to-visual-only-300:15px; - --spectrum-component-pill-edge-to-text-75:17px; - --spectrum-component-pill-edge-to-text-100:20px; - --spectrum-component-pill-edge-to-text-200:24px; - --spectrum-component-pill-edge-to-text-300:30px; - --spectrum-component-edge-to-visual-50:9px; - --spectrum-component-edge-to-visual-75:11px; - --spectrum-component-edge-to-visual-100:12px; - --spectrum-component-edge-to-visual-200:15px; - --spectrum-component-edge-to-visual-300:20px; - --spectrum-component-edge-to-visual-only-50:5px; - --spectrum-component-edge-to-visual-only-75:6px; - --spectrum-component-edge-to-visual-only-100:8px; - --spectrum-component-edge-to-visual-only-200:11px; - --spectrum-component-edge-to-visual-only-300:15px; - --spectrum-component-edge-to-text-50:11px; - --spectrum-component-edge-to-text-75:13px; - --spectrum-component-edge-to-text-100:15px; - --spectrum-component-edge-to-text-200:18px; - --spectrum-component-edge-to-text-300:22px; - --spectrum-component-top-to-workflow-icon-50:5px; - --spectrum-component-top-to-workflow-icon-75:6px; - --spectrum-component-top-to-workflow-icon-100:8px; - --spectrum-component-top-to-workflow-icon-200:11px; - --spectrum-component-top-to-workflow-icon-300:15px; - --spectrum-component-top-to-text-50:4px; - --spectrum-component-top-to-text-75:5px; - --spectrum-component-top-to-text-100:8px; - --spectrum-component-top-to-text-200:12px; - --spectrum-component-top-to-text-300:15px; - --spectrum-component-bottom-to-text-50:6px; - --spectrum-component-bottom-to-text-75:6px; - --spectrum-component-bottom-to-text-100:11px; - --spectrum-component-bottom-to-text-200:14px; - --spectrum-component-bottom-to-text-300:18px; - --spectrum-component-to-menu-small:7px; - --spectrum-component-to-menu-medium:8px; - --spectrum-component-to-menu-large:9px; - --spectrum-component-to-menu-extra-large:10px; - --spectrum-field-edge-to-disclosure-icon-75:9px; - --spectrum-field-edge-to-disclosure-icon-100:13px; - --spectrum-field-edge-to-disclosure-icon-200:17px; - --spectrum-field-edge-to-disclosure-icon-300:22px; - --spectrum-field-end-edge-to-disclosure-icon-75:9px; - --spectrum-field-end-edge-to-disclosure-icon-100:13px; - --spectrum-field-end-edge-to-disclosure-icon-200:17px; - --spectrum-field-end-edge-to-disclosure-icon-300:22px; - --spectrum-field-top-to-disclosure-icon-75:9px; - --spectrum-field-top-to-disclosure-icon-100:13px; - --spectrum-field-top-to-disclosure-icon-200:17px; - --spectrum-field-top-to-disclosure-icon-300:22px; - --spectrum-field-top-to-alert-icon-small:5px; - --spectrum-field-top-to-alert-icon-medium:9px; - --spectrum-field-top-to-alert-icon-large:13px; - --spectrum-field-top-to-alert-icon-extra-large:16px; - --spectrum-field-top-to-validation-icon-small:9px; - --spectrum-field-top-to-validation-icon-medium:13px; - --spectrum-field-top-to-validation-icon-large:17px; - --spectrum-field-top-to-validation-icon-extra-large:22px; - --spectrum-field-top-to-progress-circle-small:7px; - --spectrum-field-top-to-progress-circle-medium:12px; - --spectrum-field-top-to-progress-circle-large:17px; - --spectrum-field-top-to-progress-circle-extra-large:22px; - --spectrum-field-edge-to-alert-icon-small:11px; - --spectrum-field-edge-to-alert-icon-medium:15px; - --spectrum-field-edge-to-alert-icon-large:19px; - --spectrum-field-edge-to-alert-icon-extra-large:22px; - --spectrum-field-edge-to-validation-icon-small:11px; - --spectrum-field-edge-to-validation-icon-medium:15px; - --spectrum-field-edge-to-validation-icon-large:19px; - --spectrum-field-edge-to-validation-icon-extra-large:22px; - --spectrum-field-text-to-alert-icon-small:10px; - --spectrum-field-text-to-alert-icon-medium:15px; - --spectrum-field-text-to-alert-icon-large:19px; - --spectrum-field-text-to-alert-icon-extra-large:22px; - --spectrum-field-text-to-validation-icon-small:10px; - --spectrum-field-text-to-validation-icon-medium:15px; - --spectrum-field-text-to-validation-icon-large:19px; - --spectrum-field-text-to-validation-icon-extra-large:22px; - --spectrum-field-width:240px; - --spectrum-character-count-to-field-quiet-small:-4px; - --spectrum-character-count-to-field-quiet-medium:-4px; - --spectrum-character-count-to-field-quiet-large:-4px; - --spectrum-character-count-to-field-quiet-extra-large:-5px; - --spectrum-side-label-character-count-to-field:15px; - --spectrum-side-label-character-count-top-margin-small:5px; - --spectrum-side-label-character-count-top-margin-medium:10px; - --spectrum-side-label-character-count-top-margin-large:14px; - --spectrum-side-label-character-count-top-margin-extra-large:18px; - --spectrum-disclosure-indicator-top-to-disclosure-icon-small:9px; - --spectrum-disclosure-indicator-top-to-disclosure-icon-medium:13px; - --spectrum-disclosure-indicator-top-to-disclosure-icon-large:17px; - --spectrum-disclosure-indicator-top-to-disclosure-icon-extra-large:22px; - --spectrum-navigational-indicator-top-to-back-icon-small:7px; - --spectrum-navigational-indicator-top-to-back-icon-medium:12px; - --spectrum-navigational-indicator-top-to-back-icon-large:16px; - --spectrum-navigational-indicator-top-to-back-icon-extra-large:19px; - --spectrum-color-control-track-width:30px; - --spectrum-font-size-50:13px; - --spectrum-font-size-75:15px; - --spectrum-font-size-100:17px; - --spectrum-font-size-200:19px; - --spectrum-font-size-300:22px; - --spectrum-font-size-400:24px; - --spectrum-font-size-500:27px; - --spectrum-font-size-600:31px; - --spectrum-font-size-700:34px; - --spectrum-font-size-800:39px; - --spectrum-font-size-900:44px; - --spectrum-font-size-1000:49px; - --spectrum-font-size-1100:55px; - --spectrum-font-size-1200:62px; - --spectrum-font-size-1300:70px; - --scale:large; - - --spectrum-alert-banner-close-button-spacing:var(--spectrum-spacing-200); - --spectrum-alert-banner-edge-to-divider:var(--spectrum-spacing-200); - --spectrum-alert-banner-edge-to-button:var(--spectrum-spacing-200); - --spectrum-alert-banner-text-to-button-vertical:var(--spectrum-spacing-200); - - --spectrum-alert-dialog-padding:var(--spectrum-spacing-400); - --spectrum-alert-dialog-description-to-buttons:var(--spectrum-spacing-600); - - --spectrum-assetcard-focus-ring-border-radius:9px; - --spectrum-assetcard-selectionindicator-margin:15px; - --spectrum-assetcard-title-font-size:var(--spectrum-heading-size-xxs); - --spectrum-assetcard-header-content-font-size:var(--spectrum-heading-size-xxs); - --spectrum-assetcard-content-font-size:var(--spectrum-body-size-xs); - - --spectrum-button-top-to-text-small:6px; - --spectrum-button-bottom-to-text-small:5px; - --spectrum-button-top-to-text-medium:9px; - --spectrum-button-bottom-to-text-medium:10px; - --spectrum-button-top-to-text-large:12px; - --spectrum-button-bottom-to-text-large:13px; - --spectrum-button-top-to-text-extra-large:16px; - --spectrum-button-bottom-to-text-extra-large:17px; - - --spectrum-coach-indicator-gap:8px; - --spectrum-coach-indicator-ring-diameter:20px; - --spectrum-coach-indicator-quiet-ring-diameter:10px; - - --spectrum-coachmark-buttongroup-display:none; - --spectrum-coachmark-buttongroup-mobile-display:flex; - --spectrum-coachmark-menu-display:none; - --spectrum-coachmark-menu-mobile-display:inline-flex; - - - --spectrum-colorwheel-path:"M 119 119 m -119 0 a 119 119 0 1 0 238 0 a 119 119 0 1 0 -238 0.2 M 119 119 m -91 0 a 91 91 0 1 0 182 0 a 91 91 0 1 0 -182 0"; - --spectrum-colorwheel-path-borders:"M 120 120 m -120 0 a 120 120 0 1 0 240 0 a 120 120 0 1 0 -240 0.2 M 120 120 m -90 0 a 90 90 0 1 0 180 0 a 90 90 0 1 0 -180 0"; - --spectrum-colorwheel-colorarea-container-size:182px; - - --spectrum-colorloupe-checkerboard-fill:url(#checkerboard-secondary); - - --spectrum-contextual-help-content-spacing:var(--spectrum-spacing-200); - - --spectrum-datepicker-initial-width:160px; - --spectrum-datepicker-generic-padding:15px; - --spectrum-datepicker-dash-line-height:30px; - --spectrum-datepicker-width-quiet-first:90px; - --spectrum-datepicker-width-quiet-second:20px; - --spectrum-datepicker-datetime-width-first:45px; - --spectrum-datepicker-invalid-icon-to-button:10px; - --spectrum-datepicker-invalid-icon-to-button-quiet:9px; - --spectrum-datepicker-input-datetime-width:30px; - - --spectrum-dial-border-radius:20px; - --spectrum-dial-handle-position:10px; - --spectrum-dial-handle-block-margin:20px; - --spectrum-dial-handle-inline-margin:20px; - --spectrum-dial-controls-margin:10px; - --spectrum-dial-label-gap-y:6px; - --spectrum-dial-label-container-top-to-text:5px; - - --spectrum-dialog-confirm-entry-animation-distance:25px; - --spectrum-dialog-confirm-hero-height:160px; - --spectrum-dialog-confirm-border-radius:5px; - --spectrum-dialog-confirm-title-text-size:19px; - --spectrum-dialog-confirm-description-text-size:15px; - --spectrum-dialog-confirm-padding-grid:24px; - - --spectrum-menu-item-selectable-edge-to-text-not-selected-small:34px; - --spectrum-menu-item-selectable-edge-to-text-not-selected-medium:42px; - --spectrum-menu-item-selectable-edge-to-text-not-selected-large:47px; - --spectrum-menu-item-selectable-edge-to-text-not-selected-extra-large:54px; - - --spectrum-menu-item-checkmark-height-small:12px; - --spectrum-menu-item-checkmark-height-medium:14px; - --spectrum-menu-item-checkmark-height-large:16px; - --spectrum-menu-item-checkmark-height-extra-large:16px; - - --spectrum-menu-item-checkmark-width-small:12px; - --spectrum-menu-item-checkmark-width-medium:14px; - --spectrum-menu-item-checkmark-width-large:16px; - --spectrum-menu-item-checkmark-width-extra-large:16px; - - --spectrum-pagination-textfield-width:60px; - --spectrum-pagination-item-inline-spacing:6px; - - --spectrum-rating-icon-spacing:var(--spectrum-spacing-100); - - --spectrum-slider-tick-mark-height:13px; - --spectrum-slider-ramp-track-height:20px; - - --spectrum-treeview-item-indentation-medium:20px; - --spectrum-treeview-item-indentation-small:15px; - --spectrum-treeview-item-indentation-large:25px; - --spectrum-treeview-item-indentation-extra-large:30px; - --spectrum-treeview-indicator-inset-block-start:6px; - --spectrum-treeview-item-min-block-size-thumbnail-offset-medium:2px; - - --spectrum-tooltip-animation-distance:5px; - - --spectrum-ui-icon-medium-display:none; - --spectrum-ui-icon-large-display:block; - - --spectrum-well-border-radius:5px; - --spectrum-well-margin-top:5px; - --spectrum-well-min-width:300px; - --spectrum-well-padding:20px; - --spectrum-workflow-icon-size-xxl:40px; - --spectrum-workflow-icon-size-xxs:15px; +.spectrum--large { + --spectrum-workflow-icon-size-50: 16px; + --spectrum-workflow-icon-size-75: 18px; + --spectrum-workflow-icon-size-100: 24px; + --spectrum-workflow-icon-size-200: 28px; + --spectrum-workflow-icon-size-300: 30px; + --spectrum-arrow-icon-size-75: 12px; + --spectrum-arrow-icon-size-100: 14px; + --spectrum-arrow-icon-size-200: 16px; + --spectrum-arrow-icon-size-300: 16px; + --spectrum-arrow-icon-size-400: 18px; + --spectrum-arrow-icon-size-500: 22px; + --spectrum-arrow-icon-size-600: 24px; + --spectrum-asterisk-icon-size-100: 10px; + --spectrum-asterisk-icon-size-200: 12px; + --spectrum-asterisk-icon-size-300: 12px; + --spectrum-checkmark-icon-size-50: 12px; + --spectrum-checkmark-icon-size-75: 12px; + --spectrum-checkmark-icon-size-100: 14px; + --spectrum-checkmark-icon-size-200: 14px; + --spectrum-checkmark-icon-size-300: 16px; + --spectrum-checkmark-icon-size-400: 18px; + --spectrum-checkmark-icon-size-500: 20px; + --spectrum-checkmark-icon-size-600: 24px; + --spectrum-chevron-icon-size-50: 8px; + --spectrum-chevron-icon-size-75: 12px; + --spectrum-chevron-icon-size-100: 14px; + --spectrum-chevron-icon-size-200: 14px; + --spectrum-chevron-icon-size-300: 16px; + --spectrum-chevron-icon-size-400: 18px; + --spectrum-chevron-icon-size-500: 20px; + --spectrum-chevron-icon-size-600: 24px; + --spectrum-corner-triangle-icon-size-75: 6px; + --spectrum-corner-triangle-icon-size-100: 7px; + --spectrum-corner-triangle-icon-size-200: 8px; + --spectrum-corner-triangle-icon-size-300: 8px; + --spectrum-cross-icon-size-75: 10px; + --spectrum-cross-icon-size-100: 10px; + --spectrum-cross-icon-size-200: 12px; + --spectrum-cross-icon-size-300: 14px; + --spectrum-cross-icon-size-400: 16px; + --spectrum-cross-icon-size-500: 16px; + --spectrum-cross-icon-size-600: 18px; + --spectrum-dash-icon-size-50: 10px; + --spectrum-dash-icon-size-75: 10px; + --spectrum-dash-icon-size-100: 12px; + --spectrum-dash-icon-size-200: 14px; + --spectrum-dash-icon-size-300: 16px; + --spectrum-dash-icon-size-400: 18px; + --spectrum-dash-icon-size-500: 20px; + --spectrum-dash-icon-size-600: 22px; + --spectrum-checkbox-control-size-small: 16px; + --spectrum-checkbox-control-size-medium: 18px; + --spectrum-checkbox-control-size-large: 20px; + --spectrum-checkbox-control-size-extra-large: 22px; + --spectrum-checkbox-top-to-control-small: 7px; + --spectrum-checkbox-top-to-control-medium: 11px; + --spectrum-checkbox-top-to-control-large: 15px; + --spectrum-checkbox-top-to-control-extra-large: 19px; + --spectrum-switch-control-width-small: 32px; + --spectrum-switch-control-width-medium: 36px; + --spectrum-switch-control-width-large: 41px; + --spectrum-switch-control-width-extra-large: 46px; + --spectrum-switch-control-height-small: 16px; + --spectrum-switch-control-height-medium: 18px; + --spectrum-switch-control-height-large: 20px; + --spectrum-switch-control-height-extra-large: 22px; + --spectrum-switch-top-to-control-small: 7px; + --spectrum-switch-top-to-control-medium: 11px; + --spectrum-switch-top-to-control-large: 15px; + --spectrum-switch-top-to-control-extra-large: 19px; + --spectrum-radio-button-control-size-small: 16px; + --spectrum-radio-button-control-size-medium: 18px; + --spectrum-radio-button-control-size-large: 20px; + --spectrum-radio-button-control-size-extra-large: 22px; + --spectrum-radio-button-top-to-control-small: 7px; + --spectrum-radio-button-top-to-control-medium: 11px; + --spectrum-radio-button-top-to-control-large: 15px; + --spectrum-radio-button-top-to-control-extra-large: 19px; + --spectrum-field-label-text-to-asterisk-small: 5px; + --spectrum-field-label-text-to-asterisk-medium: 5px; + --spectrum-field-label-text-to-asterisk-large: 6px; + --spectrum-field-label-text-to-asterisk-extra-large: 6px; + --spectrum-field-label-top-to-asterisk-small: 11px; + --spectrum-field-label-top-to-asterisk-medium: 15px; + --spectrum-field-label-top-to-asterisk-large: 19px; + --spectrum-field-label-top-to-asterisk-extra-large: 24px; + --spectrum-field-label-top-margin-medium: 5px; + --spectrum-field-label-top-margin-large: 6px; + --spectrum-field-label-top-margin-extra-large: 6px; + --spectrum-field-label-to-component-quiet-small: -10px; + --spectrum-field-label-to-component-quiet-medium: -10px; + --spectrum-field-label-to-component-quiet-large: -15px; + --spectrum-field-label-to-component-quiet-extra-large: -19px; + --spectrum-help-text-top-to-workflow-icon-small: 5px; + --spectrum-help-text-top-to-workflow-icon-medium: 4px; + --spectrum-help-text-top-to-workflow-icon-large: 8px; + --spectrum-help-text-top-to-workflow-icon-extra-large: 11px; + --spectrum-status-light-dot-size-medium: 10px; + --spectrum-status-light-dot-size-large: 12px; + --spectrum-status-light-dot-size-extra-large: 12px; + --spectrum-status-light-top-to-dot-small: 11px; + --spectrum-status-light-top-to-dot-medium: 15px; + --spectrum-status-light-top-to-dot-large: 19px; + --spectrum-status-light-top-to-dot-extra-large: 24px; + --spectrum-action-button-edge-to-hold-icon-medium: 5px; + --spectrum-action-button-edge-to-hold-icon-large: 6px; + --spectrum-action-button-edge-to-hold-icon-extra-large: 7px; + --spectrum-tooltip-tip-width: 10px; + --spectrum-tooltip-tip-height: 5px; + --spectrum-tooltip-maximum-width: 200px; + --spectrum-progress-circle-size-small: 20px; + --spectrum-progress-circle-size-medium: 40px; + --spectrum-progress-circle-size-large: 80px; + --spectrum-progress-circle-thickness-small: 3px; + --spectrum-progress-circle-thickness-medium: 4px; + --spectrum-progress-circle-thickness-large: 5px; + --spectrum-toast-height: 56px; + --spectrum-toast-maximum-width: 420px; + --spectrum-toast-top-to-workflow-icon: 17px; + --spectrum-toast-top-to-text: 16px; + --spectrum-toast-bottom-to-text: 19px; + --spectrum-action-bar-height: 56px; + --spectrum-action-bar-top-to-item-counter: 16px; + --spectrum-swatch-size-extra-small: 20px; + --spectrum-swatch-size-small: 30px; + --spectrum-swatch-size-medium: 40px; + --spectrum-swatch-size-large: 50px; + --spectrum-progress-bar-thickness-small: 5px; + --spectrum-progress-bar-thickness-medium: 8px; + --spectrum-progress-bar-thickness-large: 10px; + --spectrum-progress-bar-thickness-extra-large: 13px; + --spectrum-meter-width: 240px; + --spectrum-meter-thickness-small: 5px; + --spectrum-meter-thickness-large: 8px; + --spectrum-tag-top-to-avatar-small: 5px; + --spectrum-tag-top-to-avatar-medium: 7px; + --spectrum-tag-top-to-avatar-large: 11px; + --spectrum-tag-top-to-cross-icon-small: 10px; + --spectrum-tag-top-to-cross-icon-medium: 15px; + --spectrum-tag-top-to-cross-icon-large: 19px; + --spectrum-popover-top-to-content-area: 5px; + --spectrum-menu-item-edge-to-content-not-selected-small: 24px; + --spectrum-menu-item-edge-to-content-not-selected-medium: 42px; + --spectrum-menu-item-edge-to-content-not-selected-large: 47px; + --spectrum-menu-item-edge-to-content-not-selected-extra-large: 54px; + --spectrum-menu-item-top-to-disclosure-icon-small: 9px; + --spectrum-menu-item-top-to-disclosure-icon-medium: 13px; + --spectrum-menu-item-top-to-disclosure-icon-large: 17px; + --spectrum-menu-item-top-to-disclosure-icon-extra-large: 22px; + --spectrum-menu-item-top-to-selected-icon-small: 9px; + --spectrum-menu-item-top-to-selected-icon-medium: 13px; + --spectrum-menu-item-top-to-selected-icon-large: 17px; + --spectrum-menu-item-top-to-selected-icon-extra-large: 22px; + --spectrum-slider-control-height-small: 18px; + --spectrum-slider-control-height-medium: 20px; + --spectrum-slider-control-height-large: 22px; + --spectrum-slider-control-height-extra-large: 26px; + --spectrum-slider-handle-size-small: 18px; + --spectrum-slider-handle-size-medium: 20px; + --spectrum-slider-handle-size-large: 22px; + --spectrum-slider-handle-size-extra-large: 26px; + --spectrum-slider-handle-border-width-down-small: 7px; + --spectrum-slider-handle-border-width-down-medium: 8px; + --spectrum-slider-handle-border-width-down-large: 9px; + --spectrum-slider-handle-border-width-down-extra-large: 11px; + --spectrum-slider-bottom-to-handle-small: 6px; + --spectrum-slider-bottom-to-handle-medium: 10px; + --spectrum-slider-bottom-to-handle-large: 14px; + --spectrum-slider-bottom-to-handle-extra-large: 17px; + --spectrum-slider-control-to-field-label-small: 6px; + --spectrum-slider-control-to-field-label-medium: 10px; + --spectrum-slider-control-to-field-label-large: 14px; + --spectrum-slider-control-to-field-label-extra-large: 17px; + --spectrum-picker-visual-to-disclosure-icon-small: 9px; + --spectrum-picker-visual-to-disclosure-icon-medium: 10px; + --spectrum-picker-visual-to-disclosure-icon-large: 11px; + --spectrum-picker-visual-to-disclosure-icon-extra-large: 13px; + --spectrum-text-area-minimum-width: 140px; + --spectrum-text-area-minimum-height: 70px; + --spectrum-combo-box-visual-to-field-button-small: 9px; + --spectrum-combo-box-visual-to-field-button-medium: 10px; + --spectrum-combo-box-visual-to-field-button-large: 11px; + --spectrum-combo-box-visual-to-field-button-extra-large: 13px; + --spectrum-thumbnail-size-50: 20px; + --spectrum-thumbnail-size-75: 22px; + --spectrum-thumbnail-size-100: 26px; + --spectrum-thumbnail-size-200: 28px; + --spectrum-thumbnail-size-300: 32px; + --spectrum-thumbnail-size-400: 36px; + --spectrum-thumbnail-size-500: 40px; + --spectrum-thumbnail-size-600: 46px; + --spectrum-thumbnail-size-700: 50px; + --spectrum-thumbnail-size-800: 55px; + --spectrum-thumbnail-size-900: 62px; + --spectrum-thumbnail-size-1000: 70px; + --spectrum-alert-dialog-title-size: var(--spectrum-heading-size-xs); + --spectrum-alert-dialog-description-size: var(--spectrum-body-size-xs); + --spectrum-opacity-checkerboard-square-size: 10px; + --spectrum-contextual-help-title-size: var(--spectrum-heading-size-xxs); + --spectrum-contextual-help-body-size: var(--spectrum-body-size-xs); + --spectrum-breadcrumbs-height-multiline: 84px; + --spectrum-breadcrumbs-top-to-text: 17px; + --spectrum-breadcrumbs-top-to-text-compact: 16px; + --spectrum-breadcrumbs-top-to-text-multiline: 15px; + --spectrum-breadcrumbs-bottom-to-text: 19px; + --spectrum-breadcrumbs-bottom-to-text-compact: 19px; + --spectrum-breadcrumbs-bottom-to-text-multiline: 10px; + --spectrum-breadcrumbs-start-edge-to-text: 9px; + --spectrum-breadcrumbs-top-text-to-bottom-text: 11px; + --spectrum-breadcrumbs-top-to-separator-icon: 25px; + --spectrum-breadcrumbs-top-to-separator-icon-compact: 23px; + --spectrum-breadcrumbs-top-to-separator-icon-multiline: 20px; + --spectrum-breadcrumbs-separator-icon-to-bottom-text-multiline: 15px; + --spectrum-breadcrumbs-top-to-truncated-menu: 10px; + --spectrum-breadcrumbs-top-to-truncated-menu-compact: 5px; + --spectrum-avatar-size-50: 20px; + --spectrum-avatar-size-75: 22px; + --spectrum-avatar-size-100: 26px; + --spectrum-avatar-size-200: 28px; + --spectrum-avatar-size-300: 32px; + --spectrum-avatar-size-400: 36px; + --spectrum-avatar-size-500: 40px; + --spectrum-avatar-size-600: 46px; + --spectrum-avatar-size-700: 50px; + --spectrum-alert-banner-minimum-height: 64px; + --spectrum-alert-banner-width: 680px; + --spectrum-alert-banner-top-to-workflow-icon: 21px; + --spectrum-alert-banner-top-to-text: 21px; + --spectrum-alert-banner-bottom-to-text: 22px; + --spectrum-rating-indicator-width: 22px; + --spectrum-rating-indicator-to-icon: 5px; + --spectrum-color-area-width: 240px; + --spectrum-color-area-minimum-width: 80px; + --spectrum-color-area-height: 240px; + --spectrum-color-area-minimum-height: 80px; + --spectrum-color-wheel-width: 240px; + --spectrum-color-wheel-minimum-width: 219px; + --spectrum-color-slider-length: 240px; + --spectrum-color-slider-minimum-length: 100px; + --spectrum-illustrated-message-title-size: var(--spectrum-heading-size-s); + --spectrum-illustrated-message-cjk-title-size: var(--spectrum-heading-cjk-size-s); + --spectrum-illustrated-message-body-size: var(--spectrum-body-size-xs); + --spectrum-coach-mark-width: 216px; + --spectrum-coach-mark-minimum-width: 216px; + --spectrum-coach-mark-maximum-width: 248px; + --spectrum-coach-mark-edge-to-content: var(--spectrum-spacing-300); + --spectrum-coach-mark-pagination-text-to-bottom-edge: 22px; + --spectrum-coach-mark-media-height: 162px; + --spectrum-coach-mark-media-minimum-height: 121px; + --spectrum-coach-mark-title-size: var(--spectrum-heading-size-xxs); + --spectrum-coach-mark-body-size: var(--spectrum-body-size-xs); + --spectrum-coach-mark-pagination-body-size: var(--spectrum-body-size-xs); + --spectrum-accordion-top-to-text-regular-small: 7px; + --spectrum-accordion-small-top-to-text-spacious: 12px; + --spectrum-accordion-top-to-text-regular-medium: 9px; + --spectrum-accordion-top-to-text-spacious-medium: 14px; + --spectrum-accordion-top-to-text-compact-large: 7px; + --spectrum-accordion-top-to-text-regular-large: 12px; + --spectrum-accordion-top-to-text-spacious-large: 14px; + --spectrum-accordion-top-to-text-compact-extra-large: 7px; + --spectrum-accordion-top-to-text-regular-extra-large: 12px; + --spectrum-accordion-top-to-text-spacious-extra-large: 14px; + --spectrum-accordion-bottom-to-text-compact-small: 4px; + --spectrum-accordion-bottom-to-text-regular-small: 9px; + --spectrum-accordion-bottom-to-text-spacious-small: 14px; + --spectrum-accordion-bottom-to-text-compact-medium: 8px; + --spectrum-accordion-bottom-to-text-regular-medium: 13px; + --spectrum-accordion-bottom-to-text-spacious-medium: 18px; + --spectrum-accordion-bottom-to-text-compact-large: 9px; + --spectrum-accordion-bottom-to-text-regular-large: 14px; + --spectrum-accordion-bottom-to-text-spacious-large: 19px; + --spectrum-accordion-bottom-to-text-compact-extra-large: 10px; + --spectrum-accordion-bottom-to-text-regular-extra-large: 15px; + --spectrum-accordion-bottom-to-text-spacious-extra-large: 21px; + --spectrum-accordion-minimum-width: 250px; + --spectrum-accordion-content-area-top-to-content: 10px; + --spectrum-accordion-content-area-bottom-to-content: 20px; + --spectrum-color-handle-size: 20px; + --spectrum-color-handle-size-key-focus: 40px; + --spectrum-table-column-header-row-top-to-text-small: 10px; + --spectrum-table-column-header-row-top-to-text-medium: 9px; + --spectrum-table-column-header-row-top-to-text-large: 13px; + --spectrum-table-column-header-row-top-to-text-extra-large: 16px; + --spectrum-table-column-header-row-bottom-to-text-small: 11px; + --spectrum-table-column-header-row-bottom-to-text-medium: 10px; + --spectrum-table-column-header-row-bottom-to-text-large: 13px; + --spectrum-table-column-header-row-bottom-to-text-extra-large: 17px; + --spectrum-table-row-height-small-regular: 40px; + --spectrum-table-row-height-medium-regular: 50px; + --spectrum-table-row-height-large-regular: 60px; + --spectrum-table-row-height-extra-large-regular: 70px; + --spectrum-table-row-height-small-spacious: 50px; + --spectrum-table-row-height-medium-spacious: 60px; + --spectrum-table-row-height-large-spacious: 70px; + --spectrum-table-row-height-extra-large-spacious: 80px; + --spectrum-table-row-top-to-text-small-regular: 10px; + --spectrum-table-row-top-to-text-medium-regular: 14px; + --spectrum-table-row-top-to-text-large-regular: 18px; + --spectrum-table-row-top-to-text-extra-large-regular: 21px; + --spectrum-table-row-bottom-to-text-small-regular: 11px; + --spectrum-table-row-bottom-to-text-medium-regular: 15px; + --spectrum-table-row-bottom-to-text-large-regular: 18px; + --spectrum-table-row-bottom-to-text-extra-large-regular: 22px; + --spectrum-table-row-top-to-text-small-spacious: 15px; + --spectrum-table-row-top-to-text-medium-spacious: 18px; + --spectrum-table-row-top-to-text-large-spacious: 23px; + --spectrum-table-row-top-to-text-extra-large-spacious: 26px; + --spectrum-table-row-bottom-to-text-small-spacious: 16px; + --spectrum-table-row-bottom-to-text-medium-spacious: 18px; + --spectrum-table-row-bottom-to-text-large-spacious: 23px; + --spectrum-table-row-bottom-to-text-extra-large-spacious: 27px; + --spectrum-table-checkbox-to-text: 30px; + --spectrum-table-header-row-checkbox-to-top-small: 14px; + --spectrum-table-header-row-checkbox-to-top-medium: 13px; + --spectrum-table-header-row-checkbox-to-top-large: 17px; + --spectrum-table-header-row-checkbox-to-top-extra-large: 21px; + --spectrum-table-row-checkbox-to-top-small-compact: 9px; + --spectrum-table-row-checkbox-to-top-small-regular: 14px; + --spectrum-table-row-checkbox-to-top-small-spacious: 19px; + --spectrum-table-row-checkbox-to-top-medium-compact: 13px; + --spectrum-table-row-checkbox-to-top-medium-regular: 18px; + --spectrum-table-row-checkbox-to-top-medium-spacious: 23px; + --spectrum-table-row-checkbox-to-top-large-compact: 17px; + --spectrum-table-row-checkbox-to-top-large-regular: 22px; + --spectrum-table-row-checkbox-to-top-large-spacious: 27px; + --spectrum-table-row-checkbox-to-top-extra-large-compact: 21px; + --spectrum-table-row-checkbox-to-top-extra-large-regular: 26px; + --spectrum-table-row-checkbox-to-top-extra-large-spacious: 31px; + --spectrum-table-section-header-row-height-small: 30px; + --spectrum-table-section-header-row-height-medium: 40px; + --spectrum-table-section-header-row-height-large: 50px; + --spectrum-table-section-header-row-height-extra-large: 60px; + --spectrum-table-thumbnail-to-top-minimum-small-compact: 5px; + --spectrum-table-thumbnail-to-top-minimum-medium-compact: 6px; + --spectrum-table-thumbnail-to-top-minimum-large-compact: 9px; + --spectrum-table-thumbnail-to-top-minimum-extra-large-compact: 10px; + --spectrum-table-thumbnail-to-top-minimum-small-regular: 6px; + --spectrum-table-thumbnail-to-top-minimum-medium-regular: 9px; + --spectrum-table-thumbnail-to-top-minimum-large-regular: 10px; + --spectrum-table-thumbnail-to-top-minimum-extra-large-regular: 10px; + --spectrum-table-thumbnail-to-top-minimum-small-spacious: 9px; + --spectrum-table-thumbnail-to-top-minimum-medium-spacious: 10px; + --spectrum-table-thumbnail-to-top-minimum-large-spacious: 10px; + --spectrum-table-thumbnail-to-top-minimum-extra-large-spacious: 12px; + --spectrum-tab-item-to-tab-item-horizontal-small: 27px; + --spectrum-tab-item-to-tab-item-horizontal-medium: 30px; + --spectrum-tab-item-to-tab-item-horizontal-large: 33px; + --spectrum-tab-item-to-tab-item-horizontal-extra-large: 36px; + --spectrum-tab-item-to-tab-item-vertical-small: 5px; + --spectrum-tab-item-to-tab-item-vertical-medium: 5px; + --spectrum-tab-item-to-tab-item-vertical-large: 6px; + --spectrum-tab-item-to-tab-item-vertical-extra-large: 6px; + --spectrum-tab-item-start-to-edge-small: 13px; + --spectrum-tab-item-start-to-edge-medium: 15px; + --spectrum-tab-item-start-to-edge-large: 17px; + --spectrum-tab-item-start-to-edge-extra-large: 19px; + --spectrum-tab-item-top-to-text-small: 14px; + --spectrum-tab-item-bottom-to-text-small: 15px; + --spectrum-tab-item-top-to-text-medium: 18px; + --spectrum-tab-item-bottom-to-text-medium: 19px; + --spectrum-tab-item-top-to-text-large: 22px; + --spectrum-tab-item-bottom-to-text-large: 22px; + --spectrum-tab-item-top-to-text-extra-large: 25px; + --spectrum-tab-item-bottom-to-text-extra-large: 25px; + --spectrum-tab-item-top-to-text-compact-small: 5px; + --spectrum-tab-item-bottom-to-text-compact-small: 6px; + --spectrum-tab-item-top-to-text-compact-medium: 9px; + --spectrum-tab-item-bottom-to-text-compact-medium: 10px; + --spectrum-tab-item-top-to-text-compact-large: 12px; + --spectrum-tab-item-bottom-to-text-compact-large: 14px; + --spectrum-tab-item-top-to-text-compact-extra-large: 15px; + --spectrum-tab-item-bottom-to-text-compact-extra-large: 17px; + --spectrum-tab-item-top-to-workflow-icon-small: 15px; + --spectrum-tab-item-top-to-workflow-icon-medium: 19px; + --spectrum-tab-item-top-to-workflow-icon-large: 23px; + --spectrum-tab-item-top-to-workflow-icon-extra-large: 26px; + --spectrum-tab-item-top-to-workflow-icon-compact-small: 5px; + --spectrum-tab-item-top-to-workflow-icon-compact-medium: 9px; + --spectrum-tab-item-top-to-workflow-icon-compact-large: 13px; + --spectrum-tab-item-top-to-workflow-icon-compact-extra-large: 16px; + --spectrum-tab-item-focus-indicator-gap-small: 9px; + --spectrum-tab-item-focus-indicator-gap-medium: 10px; + --spectrum-tab-item-focus-indicator-gap-large: 11px; + --spectrum-tab-item-focus-indicator-gap-extra-large: 12px; + --spectrum-side-navigation-width: 240px; + --spectrum-side-navigation-minimum-width: 200px; + --spectrum-side-navigation-maximum-width: 300px; + --spectrum-side-navigation-second-level-edge-to-text: 30px; + --spectrum-side-navigation-third-level-edge-to-text: 45px; + --spectrum-side-navigation-with-icon-second-level-edge-to-text: 62px; + --spectrum-side-navigation-with-icon-third-level-edge-to-text: 77px; + --spectrum-side-navigation-item-to-item: 5px; + --spectrum-side-navigation-item-to-header: 30px; + --spectrum-side-navigation-header-to-item: 10px; + --spectrum-side-navigation-bottom-to-text: 10px; + --spectrum-tray-top-to-content-area: 5px; + --spectrum-accordion-top-to-text-spacious-small: 12px; + --spectrum-drop-shadow-y: 2px; + --spectrum-drop-shadow-blur: 6px; + --spectrum-text-to-visual-50: 7px; + --spectrum-text-to-visual-75: 7px; + --spectrum-text-to-visual-100: 8px; + --spectrum-text-to-visual-200: 9px; + --spectrum-text-to-visual-300: 10px; + --spectrum-text-to-visual-400: 11px; + --spectrum-text-to-control-75: 11px; + --spectrum-text-to-control-100: 13px; + --spectrum-text-to-control-200: 14px; + --spectrum-text-to-control-300: 16px; + --spectrum-component-height-50: 26px; + --spectrum-component-height-75: 30px; + --spectrum-component-height-100: 40px; + --spectrum-component-height-200: 50px; + --spectrum-component-height-300: 60px; + --spectrum-component-height-400: 70px; + --spectrum-component-height-500: 80px; + --spectrum-component-pill-edge-to-visual-75: 15px; + --spectrum-component-pill-edge-to-visual-100: 17px; + --spectrum-component-pill-edge-to-visual-200: 21px; + --spectrum-component-pill-edge-to-visual-300: 28px; + --spectrum-component-pill-edge-to-visual-only-75: 6px; + --spectrum-component-pill-edge-to-visual-only-100: 8px; + --spectrum-component-pill-edge-to-visual-only-200: 11px; + --spectrum-component-pill-edge-to-visual-only-300: 15px; + --spectrum-component-pill-edge-to-text-75: 17px; + --spectrum-component-pill-edge-to-text-100: 20px; + --spectrum-component-pill-edge-to-text-200: 24px; + --spectrum-component-pill-edge-to-text-300: 30px; + --spectrum-component-edge-to-visual-50: 9px; + --spectrum-component-edge-to-visual-75: 11px; + --spectrum-component-edge-to-visual-100: 12px; + --spectrum-component-edge-to-visual-200: 15px; + --spectrum-component-edge-to-visual-300: 20px; + --spectrum-component-edge-to-visual-only-50: 5px; + --spectrum-component-edge-to-visual-only-75: 6px; + --spectrum-component-edge-to-visual-only-100: 8px; + --spectrum-component-edge-to-visual-only-200: 11px; + --spectrum-component-edge-to-visual-only-300: 15px; + --spectrum-component-edge-to-text-50: 11px; + --spectrum-component-edge-to-text-75: 13px; + --spectrum-component-edge-to-text-100: 15px; + --spectrum-component-edge-to-text-200: 18px; + --spectrum-component-edge-to-text-300: 22px; + --spectrum-component-top-to-workflow-icon-50: 5px; + --spectrum-component-top-to-workflow-icon-75: 6px; + --spectrum-component-top-to-workflow-icon-100: 8px; + --spectrum-component-top-to-workflow-icon-200: 11px; + --spectrum-component-top-to-workflow-icon-300: 15px; + --spectrum-component-top-to-text-50: 4px; + --spectrum-component-top-to-text-75: 5px; + --spectrum-component-top-to-text-100: 8px; + --spectrum-component-top-to-text-200: 12px; + --spectrum-component-top-to-text-300: 15px; + --spectrum-component-bottom-to-text-50: 6px; + --spectrum-component-bottom-to-text-75: 6px; + --spectrum-component-bottom-to-text-100: 11px; + --spectrum-component-bottom-to-text-200: 14px; + --spectrum-component-bottom-to-text-300: 18px; + --spectrum-component-to-menu-small: 7px; + --spectrum-component-to-menu-medium: 8px; + --spectrum-component-to-menu-large: 9px; + --spectrum-component-to-menu-extra-large: 10px; + --spectrum-field-edge-to-disclosure-icon-75: 9px; + --spectrum-field-edge-to-disclosure-icon-100: 13px; + --spectrum-field-edge-to-disclosure-icon-200: 17px; + --spectrum-field-edge-to-disclosure-icon-300: 22px; + --spectrum-field-end-edge-to-disclosure-icon-75: 9px; + --spectrum-field-end-edge-to-disclosure-icon-100: 13px; + --spectrum-field-end-edge-to-disclosure-icon-200: 17px; + --spectrum-field-end-edge-to-disclosure-icon-300: 22px; + --spectrum-field-top-to-disclosure-icon-75: 9px; + --spectrum-field-top-to-disclosure-icon-100: 13px; + --spectrum-field-top-to-disclosure-icon-200: 17px; + --spectrum-field-top-to-disclosure-icon-300: 22px; + --spectrum-field-top-to-alert-icon-small: 5px; + --spectrum-field-top-to-alert-icon-medium: 9px; + --spectrum-field-top-to-alert-icon-large: 13px; + --spectrum-field-top-to-alert-icon-extra-large: 16px; + --spectrum-field-top-to-validation-icon-small: 9px; + --spectrum-field-top-to-validation-icon-medium: 13px; + --spectrum-field-top-to-validation-icon-large: 17px; + --spectrum-field-top-to-validation-icon-extra-large: 22px; + --spectrum-field-top-to-progress-circle-small: 7px; + --spectrum-field-top-to-progress-circle-medium: 12px; + --spectrum-field-top-to-progress-circle-large: 17px; + --spectrum-field-top-to-progress-circle-extra-large: 22px; + --spectrum-field-edge-to-alert-icon-small: 11px; + --spectrum-field-edge-to-alert-icon-medium: 15px; + --spectrum-field-edge-to-alert-icon-large: 19px; + --spectrum-field-edge-to-alert-icon-extra-large: 22px; + --spectrum-field-edge-to-validation-icon-small: 11px; + --spectrum-field-edge-to-validation-icon-medium: 15px; + --spectrum-field-edge-to-validation-icon-large: 19px; + --spectrum-field-edge-to-validation-icon-extra-large: 22px; + --spectrum-field-text-to-alert-icon-small: 10px; + --spectrum-field-text-to-alert-icon-medium: 15px; + --spectrum-field-text-to-alert-icon-large: 19px; + --spectrum-field-text-to-alert-icon-extra-large: 22px; + --spectrum-field-text-to-validation-icon-small: 10px; + --spectrum-field-text-to-validation-icon-medium: 15px; + --spectrum-field-text-to-validation-icon-large: 19px; + --spectrum-field-text-to-validation-icon-extra-large: 22px; + --spectrum-field-width: 240px; + --spectrum-character-count-to-field-quiet-small: -4px; + --spectrum-character-count-to-field-quiet-medium: -4px; + --spectrum-character-count-to-field-quiet-large: -4px; + --spectrum-character-count-to-field-quiet-extra-large: -5px; + --spectrum-side-label-character-count-to-field: 15px; + --spectrum-side-label-character-count-top-margin-small: 5px; + --spectrum-side-label-character-count-top-margin-medium: 10px; + --spectrum-side-label-character-count-top-margin-large: 14px; + --spectrum-side-label-character-count-top-margin-extra-large: 18px; + --spectrum-disclosure-indicator-top-to-disclosure-icon-small: 9px; + --spectrum-disclosure-indicator-top-to-disclosure-icon-medium: 13px; + --spectrum-disclosure-indicator-top-to-disclosure-icon-large: 17px; + --spectrum-disclosure-indicator-top-to-disclosure-icon-extra-large: 22px; + --spectrum-navigational-indicator-top-to-back-icon-small: 7px; + --spectrum-navigational-indicator-top-to-back-icon-medium: 12px; + --spectrum-navigational-indicator-top-to-back-icon-large: 16px; + --spectrum-navigational-indicator-top-to-back-icon-extra-large: 19px; + --spectrum-color-control-track-width: 30px; + --spectrum-font-size-50: 13px; + --spectrum-font-size-75: 15px; + --spectrum-font-size-100: 17px; + --spectrum-font-size-200: 19px; + --spectrum-font-size-300: 22px; + --spectrum-font-size-400: 24px; + --spectrum-font-size-500: 27px; + --spectrum-font-size-600: 31px; + --spectrum-font-size-700: 34px; + --spectrum-font-size-800: 39px; + --spectrum-font-size-900: 44px; + --spectrum-font-size-1000: 49px; + --spectrum-font-size-1100: 55px; + --spectrum-font-size-1200: 62px; + --spectrum-font-size-1300: 70px; } diff --git a/tokens/dist/css/light-vars.css b/tokens/dist/css/light-vars.css index d6c5deb5ba2..ec44b795349 100644 --- a/tokens/dist/css/light-vars.css +++ b/tokens/dist/css/light-vars.css @@ -1,856 +1,432 @@ -/*! - * Copyright 2024 Adobe. All rights reserved. - * - * This file is licensed to you under the Apache License, Version 2.0 (the "License"); - * you may not use this file except in compliance with the License. You may obtain a copy - * of the License at - * - * Unless required by applicable law or agreed to in writing, software distributed under - * the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS - * OF ANY KIND, either express or implied. See the License for the specific language - * governing permissions and limitations under the License. - */ - -.spectrum--light{ - --spectrum-overlay-opacity:0.4; - --spectrum-background-layer-2-color:var(--spectrum-gray-25); - --spectrum-neutral-subdued-background-color-default:var(--spectrum-gray-700); - --spectrum-neutral-subdued-background-color-hover:var(--spectrum-gray-800); - --spectrum-neutral-subdued-background-color-down:var(--spectrum-gray-800); - --spectrum-neutral-subdued-background-color-key-focus:var(--spectrum-gray-800); - --spectrum-accent-background-color-default:var(--spectrum-accent-color-900); - --spectrum-accent-background-color-hover:var(--spectrum-accent-color-1000); - --spectrum-accent-background-color-down:var(--spectrum-accent-color-1000); - --spectrum-accent-background-color-key-focus:var(--spectrum-accent-color-1000); - --spectrum-informative-background-color-default:var(--spectrum-informative-color-900); - --spectrum-informative-background-color-hover:var(--spectrum-informative-color-1000); - --spectrum-informative-background-color-down:var(--spectrum-informative-color-1000); - --spectrum-informative-background-color-key-focus:var(--spectrum-informative-color-1000); - --spectrum-negative-background-color-default:var(--spectrum-negative-color-900); - --spectrum-negative-background-color-hover:var(--spectrum-negative-color-1000); - --spectrum-negative-background-color-down:var(--spectrum-negative-color-1000); - --spectrum-negative-background-color-key-focus:var(--spectrum-negative-color-1000); - --spectrum-positive-background-color-default:var(--spectrum-positive-color-900); - --spectrum-positive-background-color-hover:var(--spectrum-positive-color-1000); - --spectrum-positive-background-color-down:var(--spectrum-positive-color-1000); - --spectrum-positive-background-color-key-focus:var(--spectrum-positive-color-1000); - --spectrum-notice-background-color-default:var(--spectrum-notice-color-600); - --spectrum-gray-background-color-default:var(--spectrum-gray-700); - --spectrum-red-background-color-default:var(--spectrum-red-900); - --spectrum-orange-background-color-default:var(--spectrum-orange-600); - --spectrum-yellow-background-color-default:var(--spectrum-yellow-400); - --spectrum-chartreuse-background-color-default:var(--spectrum-chartreuse-500); - --spectrum-celery-background-color-default:var(--spectrum-celery-600); - --spectrum-green-background-color-default:var(--spectrum-green-900); - --spectrum-seafoam-background-color-default:var(--spectrum-seafoam-900); - --spectrum-cyan-background-color-default:var(--spectrum-cyan-900); - --spectrum-blue-background-color-default:var(--spectrum-blue-900); - --spectrum-indigo-background-color-default:var(--spectrum-indigo-900); - --spectrum-purple-background-color-default:var(--spectrum-purple-900); - --spectrum-fuchsia-background-color-default:var(--spectrum-fuchsia-900); - --spectrum-magenta-background-color-default:var(--spectrum-magenta-900); - --spectrum-neutral-visual-color:var(--spectrum-gray-500); - --spectrum-accent-visual-color:var(--spectrum-accent-color-800); - --spectrum-informative-visual-color:var(--spectrum-informative-color-800); - --spectrum-negative-visual-color:var(--spectrum-negative-color-800); - --spectrum-notice-visual-color:var(--spectrum-notice-color-800); - --spectrum-positive-visual-color:var(--spectrum-positive-color-800); - --spectrum-gray-visual-color:var(--spectrum-gray-500); - --spectrum-red-visual-color:var(--spectrum-red-800); - --spectrum-orange-visual-color:var(--spectrum-orange-700); - --spectrum-yellow-visual-color:var(--spectrum-yellow-600); - --spectrum-chartreuse-visual-color:var(--spectrum-chartreuse-600); - --spectrum-celery-visual-color:var(--spectrum-celery-700); - --spectrum-green-visual-color:var(--spectrum-green-700); - --spectrum-seafoam-visual-color:var(--spectrum-seafoam-700); - --spectrum-cyan-visual-color:var(--spectrum-cyan-600); - --spectrum-blue-visual-color:var(--spectrum-blue-800); - --spectrum-indigo-visual-color:var(--spectrum-indigo-800); - --spectrum-purple-visual-color:var(--spectrum-purple-800); - --spectrum-fuchsia-visual-color:var(--spectrum-fuchsia-800); - --spectrum-magenta-visual-color:var(--spectrum-magenta-800); - --spectrum-background-elevated-color:var(--spectrum-gray-25); - --spectrum-background-pasteboard-color:var(--spectrum-gray-100); - --spectrum-brown-visual-color:var(--spectrum-brown-800); - --spectrum-cinnamon-visual-color:var(--spectrum-cinnamon-800); - --spectrum-pink-visual-color:var(--spectrum-pink-800); - --spectrum-silver-visual-color:var(--spectrum-silver-800); - --spectrum-turquoise-visual-color:var(--spectrum-turquoise-800); - --spectrum-brown-background-color-default:var(--spectrum-brown-900); - --spectrum-cinnamon-background-color-default:var(--spectrum-cinnamon-900); - --spectrum-pink-background-color-default:var(--spectrum-pink-900); - --spectrum-silver-background-color-default:var(--spectrum-silver-900); - --spectrum-turquoise-background-color-default:var(--spectrum-turquoise-900); - --spectrum-drop-shadow-color-100-rgb:0, 0, 0; - --spectrum-drop-shadow-color-100-opacity:0.12; - --spectrum-drop-shadow-color-100:rgba(var(--spectrum-drop-shadow-color-100-rgb), var(--spectrum-drop-shadow-color-100-opacity)); - --spectrum-drop-shadow-color-200-rgb:0, 0, 0; - --spectrum-drop-shadow-color-200-opacity:0.16; - --spectrum-drop-shadow-color-200:rgba(var(--spectrum-drop-shadow-color-200-rgb), var(--spectrum-drop-shadow-color-200-opacity)); - --spectrum-drop-shadow-color-300-rgb:0, 0, 0; - --spectrum-drop-shadow-color-300-opacity:0.2; - --spectrum-drop-shadow-color-300:rgba(var(--spectrum-drop-shadow-color-300-rgb), var(--spectrum-drop-shadow-color-300-opacity)); - --spectrum-neutral-subtle-background-color-default:var(--spectrum-gray-100); - --spectrum-gray-subtle-background-color-default:var(--spectrum-gray-100); - --spectrum-blue-subtle-background-color-default:var(--spectrum-blue-200); - --spectrum-green-subtle-background-color-default:var(--spectrum-green-200); - --spectrum-orange-subtle-background-color-default:var(--spectrum-orange-200); - --spectrum-red-subtle-background-color-default:var(--spectrum-red-200); - --spectrum-brown-subtle-background-color-default:var(--spectrum-brown-200); - --spectrum-cinnamon-subtle-background-color-default:var(--spectrum-cinnamon-200); - --spectrum-celery-subtle-background-color-default:var(--spectrum-celery-200); - --spectrum-chartreuse-subtle-background-color-default:var(--spectrum-chartreuse-200); - --spectrum-cyan-subtle-background-color-default:var(--spectrum-cyan-200); - --spectrum-fuchsia-subtle-background-color-default:var(--spectrum-fuchsia-200); - --spectrum-indigo-subtle-background-color-default:var(--spectrum-indigo-200); - --spectrum-magenta-subtle-background-color-default:var(--spectrum-magenta-200); - --spectrum-pink-subtle-background-color-default:var(--spectrum-pink-200); - --spectrum-purple-subtle-background-color-default:var(--spectrum-purple-200); - --spectrum-seafoam-subtle-background-color-default:var(--spectrum-seafoam-200); - --spectrum-silver-subtle-background-color-default:var(--spectrum-silver-200); - --spectrum-turquoise-subtle-background-color-default:var(--spectrum-turquoise-200); - --spectrum-yellow-subtle-background-color-default:var(--spectrum-yellow-200); - --spectrum-opacity-checkerboard-square-dark:var(--spectrum-gray-200); - --spectrum-white-rgb:255, 255, 255; - --spectrum-white:rgba(var(--spectrum-white-rgb)); - --spectrum-transparent-white-25-rgb:255, 255, 255; - --spectrum-transparent-white-25-opacity:0; - --spectrum-transparent-white-25:rgba(var(--spectrum-transparent-white-25-rgb), var(--spectrum-transparent-white-25-opacity)); - --spectrum-transparent-white-50-rgb:255, 255, 255; - --spectrum-transparent-white-50-opacity:0.04; - --spectrum-transparent-white-50:rgba(var(--spectrum-transparent-white-50-rgb), var(--spectrum-transparent-white-50-opacity)); - --spectrum-transparent-white-75-rgb:255, 255, 255; - --spectrum-transparent-white-75-opacity:0.07; - --spectrum-transparent-white-75:rgba(var(--spectrum-transparent-white-75-rgb), var(--spectrum-transparent-white-75-opacity)); - --spectrum-transparent-white-100-rgb:255, 255, 255; - --spectrum-transparent-white-100-opacity:0.11; - --spectrum-transparent-white-100:rgba(var(--spectrum-transparent-white-100-rgb), var(--spectrum-transparent-white-100-opacity)); - --spectrum-transparent-white-200-rgb:255, 255, 255; - --spectrum-transparent-white-200-opacity:0.14; - --spectrum-transparent-white-200:rgba(var(--spectrum-transparent-white-200-rgb), var(--spectrum-transparent-white-200-opacity)); - --spectrum-transparent-white-300-rgb:255, 255, 255; - --spectrum-transparent-white-300-opacity:0.17; - --spectrum-transparent-white-300:rgba(var(--spectrum-transparent-white-300-rgb), var(--spectrum-transparent-white-300-opacity)); - --spectrum-transparent-white-400-rgb:255, 255, 255; - --spectrum-transparent-white-400-opacity:0.21; - --spectrum-transparent-white-400:rgba(var(--spectrum-transparent-white-400-rgb), var(--spectrum-transparent-white-400-opacity)); - --spectrum-transparent-white-500-rgb:255, 255, 255; - --spectrum-transparent-white-500-opacity:0.39; - --spectrum-transparent-white-500:rgba(var(--spectrum-transparent-white-500-rgb), var(--spectrum-transparent-white-500-opacity)); - --spectrum-transparent-white-600-rgb:255, 255, 255; - --spectrum-transparent-white-600-opacity:0.51; - --spectrum-transparent-white-600:rgba(var(--spectrum-transparent-white-600-rgb), var(--spectrum-transparent-white-600-opacity)); - --spectrum-transparent-white-700-rgb:255, 255, 255; - --spectrum-transparent-white-700-opacity:0.66; - --spectrum-transparent-white-700:rgba(var(--spectrum-transparent-white-700-rgb), var(--spectrum-transparent-white-700-opacity)); - --spectrum-transparent-white-800-rgb:255, 255, 255; - --spectrum-transparent-white-800-opacity:0.85; - --spectrum-transparent-white-800:rgba(var(--spectrum-transparent-white-800-rgb), var(--spectrum-transparent-white-800-opacity)); - --spectrum-transparent-white-900-rgb:255, 255, 255; - --spectrum-transparent-white-900-opacity:0.94; - --spectrum-transparent-white-900:rgba(var(--spectrum-transparent-white-900-rgb), var(--spectrum-transparent-white-900-opacity)); - --spectrum-transparent-white-1000-rgb:255, 255, 255; - --spectrum-transparent-white-1000:rgba(var(--spectrum-transparent-white-1000-rgb)); - --spectrum-transparent-black-25-rgb:0, 0, 0; - --spectrum-transparent-black-25-opacity:0; - --spectrum-transparent-black-25:rgba(var(--spectrum-transparent-black-25-rgb), var(--spectrum-transparent-black-25-opacity)); - --spectrum-transparent-black-50-rgb:0, 0, 0; - --spectrum-transparent-black-50-opacity:0.03; - --spectrum-transparent-black-50:rgba(var(--spectrum-transparent-black-50-rgb), var(--spectrum-transparent-black-50-opacity)); - --spectrum-transparent-black-75-rgb:0, 0, 0; - --spectrum-transparent-black-75-opacity:0.05; - --spectrum-transparent-black-75:rgba(var(--spectrum-transparent-black-75-rgb), var(--spectrum-transparent-black-75-opacity)); - --spectrum-transparent-black-100-rgb:0, 0, 0; - --spectrum-transparent-black-100-opacity:0.09; - --spectrum-transparent-black-100:rgba(var(--spectrum-transparent-black-100-rgb), var(--spectrum-transparent-black-100-opacity)); - --spectrum-transparent-black-200-rgb:0, 0, 0; - --spectrum-transparent-black-200-opacity:0.12; - --spectrum-transparent-black-200:rgba(var(--spectrum-transparent-black-200-rgb), var(--spectrum-transparent-black-200-opacity)); - --spectrum-transparent-black-300-rgb:0, 0, 0; - --spectrum-transparent-black-300-opacity:0.15; - --spectrum-transparent-black-300:rgba(var(--spectrum-transparent-black-300-rgb), var(--spectrum-transparent-black-300-opacity)); - --spectrum-transparent-black-400-rgb:0, 0, 0; - --spectrum-transparent-black-400-opacity:0.22; - --spectrum-transparent-black-400:rgba(var(--spectrum-transparent-black-400-rgb), var(--spectrum-transparent-black-400-opacity)); - --spectrum-transparent-black-500-rgb:0, 0, 0; - --spectrum-transparent-black-500-opacity:0.44; - --spectrum-transparent-black-500:rgba(var(--spectrum-transparent-black-500-rgb), var(--spectrum-transparent-black-500-opacity)); - --spectrum-transparent-black-600-rgb:0, 0, 0; - --spectrum-transparent-black-600-opacity:0.56; - --spectrum-transparent-black-600:rgba(var(--spectrum-transparent-black-600-rgb), var(--spectrum-transparent-black-600-opacity)); - --spectrum-transparent-black-700-rgb:0, 0, 0; - --spectrum-transparent-black-700-opacity:0.69; - --spectrum-transparent-black-700:rgba(var(--spectrum-transparent-black-700-rgb), var(--spectrum-transparent-black-700-opacity)); - --spectrum-transparent-black-800-rgb:0, 0, 0; - --spectrum-transparent-black-800-opacity:0.84; - --spectrum-transparent-black-800:rgba(var(--spectrum-transparent-black-800-rgb), var(--spectrum-transparent-black-800-opacity)); - --spectrum-transparent-black-900-rgb:0, 0, 0; - --spectrum-transparent-black-900-opacity:0.93; - --spectrum-transparent-black-900:rgba(var(--spectrum-transparent-black-900-rgb), var(--spectrum-transparent-black-900-opacity)); - --spectrum-gray-25-rgb:255, 255, 255; - --spectrum-gray-25:rgba(var(--spectrum-gray-25-rgb)); - --spectrum-gray-50-rgb:248, 248, 248; - --spectrum-gray-50:rgba(var(--spectrum-gray-50-rgb)); - --spectrum-gray-75-rgb:243, 243, 243; - --spectrum-gray-75:rgba(var(--spectrum-gray-75-rgb)); - --spectrum-gray-100-rgb:233, 233, 233; - --spectrum-gray-100:rgba(var(--spectrum-gray-100-rgb)); - --spectrum-gray-200-rgb:225, 225, 225; - --spectrum-gray-200:rgba(var(--spectrum-gray-200-rgb)); - --spectrum-gray-300-rgb:218, 218, 218; - --spectrum-gray-300:rgba(var(--spectrum-gray-300-rgb)); - --spectrum-gray-400-rgb:198, 198, 198; - --spectrum-gray-400:rgba(var(--spectrum-gray-400-rgb)); - --spectrum-gray-500-rgb:143, 143, 143; - --spectrum-gray-500:rgba(var(--spectrum-gray-500-rgb)); - --spectrum-gray-600-rgb:113, 113, 113; - --spectrum-gray-600:rgba(var(--spectrum-gray-600-rgb)); - --spectrum-gray-700-rgb:80, 80, 80; - --spectrum-gray-700:rgba(var(--spectrum-gray-700-rgb)); - --spectrum-gray-800-rgb:41, 41, 41; - --spectrum-gray-800:rgba(var(--spectrum-gray-800-rgb)); - --spectrum-gray-900-rgb:19, 19, 19; - --spectrum-gray-900:rgba(var(--spectrum-gray-900-rgb)); - --spectrum-gray-1000-rgb:0, 0, 0; - --spectrum-gray-1000:rgba(var(--spectrum-gray-1000-rgb)); - --spectrum-blue-100-rgb:245, 249, 255; - --spectrum-blue-100:rgba(var(--spectrum-blue-100-rgb)); - --spectrum-blue-200-rgb:229, 240, 254; - --spectrum-blue-200:rgba(var(--spectrum-blue-200-rgb)); - --spectrum-blue-300-rgb:203, 226, 254; - --spectrum-blue-300:rgba(var(--spectrum-blue-300-rgb)); - --spectrum-blue-400-rgb:172, 207, 253; - --spectrum-blue-400:rgba(var(--spectrum-blue-400-rgb)); - --spectrum-blue-500-rgb:142, 185, 252; - --spectrum-blue-500:rgba(var(--spectrum-blue-500-rgb)); - --spectrum-blue-600-rgb:114, 158, 253; - --spectrum-blue-600:rgba(var(--spectrum-blue-600-rgb)); - --spectrum-blue-700-rgb:93, 137, 255; - --spectrum-blue-700:rgba(var(--spectrum-blue-700-rgb)); - --spectrum-blue-800-rgb:75, 117, 255; - --spectrum-blue-800:rgba(var(--spectrum-blue-800-rgb)); - --spectrum-blue-900-rgb:59, 99, 251; - --spectrum-blue-900:rgba(var(--spectrum-blue-900-rgb)); - --spectrum-blue-1000-rgb:39, 77, 234; - --spectrum-blue-1000:rgba(var(--spectrum-blue-1000-rgb)); - --spectrum-blue-1100-rgb:29, 62, 207; - --spectrum-blue-1100:rgba(var(--spectrum-blue-1100-rgb)); - --spectrum-blue-1200-rgb:21, 50, 173; - --spectrum-blue-1200:rgba(var(--spectrum-blue-1200-rgb)); - --spectrum-blue-1300-rgb:16, 40, 140; - --spectrum-blue-1300:rgba(var(--spectrum-blue-1300-rgb)); - --spectrum-blue-1400-rgb:12, 31, 105; - --spectrum-blue-1400:rgba(var(--spectrum-blue-1400-rgb)); - --spectrum-blue-1500-rgb:14, 24, 67; - --spectrum-blue-1500:rgba(var(--spectrum-blue-1500-rgb)); - --spectrum-blue-1600-rgb:7, 11, 30; - --spectrum-blue-1600:rgba(var(--spectrum-blue-1600-rgb)); - --spectrum-red-100-rgb:255, 246, 245; - --spectrum-red-100:rgba(var(--spectrum-red-100-rgb)); - --spectrum-red-200-rgb:255, 235, 232; - --spectrum-red-200:rgba(var(--spectrum-red-200-rgb)); - --spectrum-red-300-rgb:255, 214, 209; - --spectrum-red-300:rgba(var(--spectrum-red-300-rgb)); - --spectrum-red-400-rgb:255, 188, 180; - --spectrum-red-400:rgba(var(--spectrum-red-400-rgb)); - --spectrum-red-500-rgb:255, 157, 145; - --spectrum-red-500:rgba(var(--spectrum-red-500-rgb)); - --spectrum-red-600-rgb:255, 118, 101; - --spectrum-red-600:rgba(var(--spectrum-red-600-rgb)); - --spectrum-red-700-rgb:255, 81, 61; - --spectrum-red-700:rgba(var(--spectrum-red-700-rgb)); - --spectrum-red-800-rgb:240, 56, 35; - --spectrum-red-800:rgba(var(--spectrum-red-800-rgb)); - --spectrum-red-900-rgb:215, 50, 32; - --spectrum-red-900:rgba(var(--spectrum-red-900-rgb)); - --spectrum-red-1000-rgb:183, 40, 24; - --spectrum-red-1000:rgba(var(--spectrum-red-1000-rgb)); - --spectrum-red-1100-rgb:156, 33, 19; - --spectrum-red-1100:rgba(var(--spectrum-red-1100-rgb)); - --spectrum-red-1200-rgb:129, 27, 14; - --spectrum-red-1200:rgba(var(--spectrum-red-1200-rgb)); - --spectrum-red-1300-rgb:104, 21, 10; - --spectrum-red-1300:rgba(var(--spectrum-red-1300-rgb)); - --spectrum-red-1400-rgb:80, 16, 6; - --spectrum-red-1400:rgba(var(--spectrum-red-1400-rgb)); - --spectrum-red-1500-rgb:59, 11, 4; - --spectrum-red-1500:rgba(var(--spectrum-red-1500-rgb)); - --spectrum-red-1600-rgb:29, 5, 2; - --spectrum-red-1600:rgba(var(--spectrum-red-1600-rgb)); - --spectrum-orange-100-rgb:255, 246, 231; - --spectrum-orange-100:rgba(var(--spectrum-orange-100-rgb)); - --spectrum-orange-200-rgb:255, 236, 207; - --spectrum-orange-200:rgba(var(--spectrum-orange-200-rgb)); - --spectrum-orange-300-rgb:255, 218, 158; - --spectrum-orange-300:rgba(var(--spectrum-orange-300-rgb)); - --spectrum-orange-400-rgb:255, 193, 94; - --spectrum-orange-400:rgba(var(--spectrum-orange-400-rgb)); - --spectrum-orange-500-rgb:255, 162, 19; - --spectrum-orange-500:rgba(var(--spectrum-orange-500-rgb)); - --spectrum-orange-600-rgb:252, 125, 0; - --spectrum-orange-600:rgba(var(--spectrum-orange-600-rgb)); - --spectrum-orange-700-rgb:232, 106, 0; - --spectrum-orange-700:rgba(var(--spectrum-orange-700-rgb)); - --spectrum-orange-800-rgb:212, 91, 0; - --spectrum-orange-800:rgba(var(--spectrum-orange-800-rgb)); - --spectrum-orange-900-rgb:194, 78, 0; - --spectrum-orange-900:rgba(var(--spectrum-orange-900-rgb)); - --spectrum-orange-1000-rgb:167, 62, 0; - --spectrum-orange-1000:rgba(var(--spectrum-orange-1000-rgb)); - --spectrum-orange-1100-rgb:144, 51, 0; - --spectrum-orange-1100:rgba(var(--spectrum-orange-1100-rgb)); - --spectrum-orange-1200-rgb:118, 41, 0; - --spectrum-orange-1200:rgba(var(--spectrum-orange-1200-rgb)); - --spectrum-orange-1300-rgb:95, 32, 0; - --spectrum-orange-1300:rgba(var(--spectrum-orange-1300-rgb)); - --spectrum-orange-1400-rgb:73, 24, 0; - --spectrum-orange-1400:rgba(var(--spectrum-orange-1400-rgb)); - --spectrum-orange-1500-rgb:52, 18, 0; - --spectrum-orange-1500:rgba(var(--spectrum-orange-1500-rgb)); - --spectrum-orange-1600-rgb:25, 8, 0; - --spectrum-orange-1600:rgba(var(--spectrum-orange-1600-rgb)); - --spectrum-yellow-100-rgb:255, 248, 204; - --spectrum-yellow-100:rgba(var(--spectrum-yellow-100-rgb)); - --spectrum-yellow-200-rgb:255, 241, 151; - --spectrum-yellow-200:rgba(var(--spectrum-yellow-200-rgb)); - --spectrum-yellow-300-rgb:255, 222, 44; - --spectrum-yellow-300:rgba(var(--spectrum-yellow-300-rgb)); - --spectrum-yellow-400-rgb:245, 199, 0; - --spectrum-yellow-400:rgba(var(--spectrum-yellow-400-rgb)); - --spectrum-yellow-500-rgb:230, 175, 0; - --spectrum-yellow-500:rgba(var(--spectrum-yellow-500-rgb)); - --spectrum-yellow-600-rgb:210, 149, 0; - --spectrum-yellow-600:rgba(var(--spectrum-yellow-600-rgb)); - --spectrum-yellow-700-rgb:193, 131, 0; - --spectrum-yellow-700:rgba(var(--spectrum-yellow-700-rgb)); - --spectrum-yellow-800-rgb:175, 116, 0; - --spectrum-yellow-800:rgba(var(--spectrum-yellow-800-rgb)); - --spectrum-yellow-900-rgb:158, 102, 0; - --spectrum-yellow-900:rgba(var(--spectrum-yellow-900-rgb)); - --spectrum-yellow-1000-rgb:134, 85, 0; - --spectrum-yellow-1000:rgba(var(--spectrum-yellow-1000-rgb)); - --spectrum-yellow-1100-rgb:114, 72, 0; - --spectrum-yellow-1100:rgba(var(--spectrum-yellow-1100-rgb)); - --spectrum-yellow-1200-rgb:93, 59, 0; - --spectrum-yellow-1200:rgba(var(--spectrum-yellow-1200-rgb)); - --spectrum-yellow-1300-rgb:75, 47, 0; - --spectrum-yellow-1300:rgba(var(--spectrum-yellow-1300-rgb)); - --spectrum-yellow-1400-rgb:56, 35, 0; - --spectrum-yellow-1400:rgba(var(--spectrum-yellow-1400-rgb)); - --spectrum-yellow-1500-rgb:40, 25, 0; - --spectrum-yellow-1500:rgba(var(--spectrum-yellow-1500-rgb)); - --spectrum-yellow-1600-rgb:18, 11, 0; - --spectrum-yellow-1600:rgba(var(--spectrum-yellow-1600-rgb)); - --spectrum-chartreuse-100-rgb:246, 251, 222; - --spectrum-chartreuse-100:rgba(var(--spectrum-chartreuse-100-rgb)); - --spectrum-chartreuse-200-rgb:234, 246, 173; - --spectrum-chartreuse-200:rgba(var(--spectrum-chartreuse-200-rgb)); - --spectrum-chartreuse-300-rgb:208, 236, 70; - --spectrum-chartreuse-300:rgba(var(--spectrum-chartreuse-300-rgb)); - --spectrum-chartreuse-400-rgb:182, 219, 0; - --spectrum-chartreuse-400:rgba(var(--spectrum-chartreuse-400-rgb)); - --spectrum-chartreuse-500-rgb:163, 196, 0; - --spectrum-chartreuse-500:rgba(var(--spectrum-chartreuse-500-rgb)); - --spectrum-chartreuse-600-rgb:143, 172, 0; - --spectrum-chartreuse-600:rgba(var(--spectrum-chartreuse-600-rgb)); - --spectrum-chartreuse-700-rgb:128, 153, 0; - --spectrum-chartreuse-700:rgba(var(--spectrum-chartreuse-700-rgb)); - --spectrum-chartreuse-800-rgb:114, 137, 0; - --spectrum-chartreuse-800:rgba(var(--spectrum-chartreuse-800-rgb)); - --spectrum-chartreuse-900-rgb:102, 122, 0; - --spectrum-chartreuse-900:rgba(var(--spectrum-chartreuse-900-rgb)); - --spectrum-chartreuse-1000-rgb:86, 103, 0; - --spectrum-chartreuse-1000:rgba(var(--spectrum-chartreuse-1000-rgb)); - --spectrum-chartreuse-1100-rgb:73, 87, 0; - --spectrum-chartreuse-1100:rgba(var(--spectrum-chartreuse-1100-rgb)); - --spectrum-chartreuse-1200-rgb:60, 71, 0; - --spectrum-chartreuse-1200:rgba(var(--spectrum-chartreuse-1200-rgb)); - --spectrum-chartreuse-1300-rgb:47, 57, 0; - --spectrum-chartreuse-1300:rgba(var(--spectrum-chartreuse-1300-rgb)); - --spectrum-chartreuse-1400-rgb:35, 43, 0; - --spectrum-chartreuse-1400:rgba(var(--spectrum-chartreuse-1400-rgb)); - --spectrum-chartreuse-1500-rgb:25, 30, 0; - --spectrum-chartreuse-1500:rgba(var(--spectrum-chartreuse-1500-rgb)); - --spectrum-chartreuse-1600-rgb:11, 14, 0; - --spectrum-chartreuse-1600:rgba(var(--spectrum-chartreuse-1600-rgb)); - --spectrum-celery-100-rgb:235, 255, 220; - --spectrum-celery-100:rgba(var(--spectrum-celery-100-rgb)); - --spectrum-celery-200-rgb:197, 255, 156; - --spectrum-celery-200:rgba(var(--spectrum-celery-200-rgb)); - --spectrum-celery-300-rgb:157, 247, 92; - --spectrum-celery-300:rgba(var(--spectrum-celery-300-rgb)); - --spectrum-celery-400-rgb:129, 228, 58; - --spectrum-celery-400:rgba(var(--spectrum-celery-400-rgb)); - --spectrum-celery-500-rgb:110, 206, 42; - --spectrum-celery-500:rgba(var(--spectrum-celery-500-rgb)); - --spectrum-celery-600-rgb:93, 180, 31; - --spectrum-celery-600:rgba(var(--spectrum-celery-600-rgb)); - --spectrum-celery-700-rgb:82, 161, 25; - --spectrum-celery-700:rgba(var(--spectrum-celery-700-rgb)); - --spectrum-celery-800-rgb:72, 144, 20; - --spectrum-celery-800:rgba(var(--spectrum-celery-800-rgb)); - --spectrum-celery-900-rgb:64, 129, 17; - --spectrum-celery-900:rgba(var(--spectrum-celery-900-rgb)); - --spectrum-celery-1000-rgb:52, 109, 12; - --spectrum-celery-1000:rgba(var(--spectrum-celery-1000-rgb)); - --spectrum-celery-1100-rgb:44, 92, 9; - --spectrum-celery-1100:rgba(var(--spectrum-celery-1100-rgb)); - --spectrum-celery-1200-rgb:35, 75, 6; - --spectrum-celery-1200:rgba(var(--spectrum-celery-1200-rgb)); - --spectrum-celery-1300-rgb:27, 60, 3; - --spectrum-celery-1300:rgba(var(--spectrum-celery-1300-rgb)); - --spectrum-celery-1400-rgb:19, 46, 0; - --spectrum-celery-1400:rgba(var(--spectrum-celery-1400-rgb)); - --spectrum-celery-1500-rgb:12, 33, 0; - --spectrum-celery-1500:rgba(var(--spectrum-celery-1500-rgb)); - --spectrum-celery-1600-rgb:4, 15, 0; - --spectrum-celery-1600:rgba(var(--spectrum-celery-1600-rgb)); - --spectrum-green-100-rgb:237, 252, 241; - --spectrum-green-100:rgba(var(--spectrum-green-100-rgb)); - --spectrum-green-200-rgb:215, 247, 225; - --spectrum-green-200:rgba(var(--spectrum-green-200-rgb)); - --spectrum-green-300-rgb:173, 238, 197; - --spectrum-green-300:rgba(var(--spectrum-green-300-rgb)); - --spectrum-green-400-rgb:107, 227, 162; - --spectrum-green-400:rgba(var(--spectrum-green-400-rgb)); - --spectrum-green-500-rgb:43, 209, 125; - --spectrum-green-500:rgba(var(--spectrum-green-500-rgb)); - --spectrum-green-600-rgb:18, 184, 103; - --spectrum-green-600:rgba(var(--spectrum-green-600-rgb)); - --spectrum-green-700-rgb:11, 164, 93; - --spectrum-green-700:rgba(var(--spectrum-green-700-rgb)); - --spectrum-green-800-rgb:7, 147, 85; - --spectrum-green-800:rgba(var(--spectrum-green-800-rgb)); - --spectrum-green-900-rgb:5, 131, 78; - --spectrum-green-900:rgba(var(--spectrum-green-900-rgb)); - --spectrum-green-1000-rgb:3, 110, 69; - --spectrum-green-1000:rgba(var(--spectrum-green-1000-rgb)); - --spectrum-green-1100-rgb:2, 93, 60; - --spectrum-green-1100:rgba(var(--spectrum-green-1100-rgb)); - --spectrum-green-1200-rgb:1, 76, 52; - --spectrum-green-1200:rgba(var(--spectrum-green-1200-rgb)); - --spectrum-green-1300-rgb:0, 61, 44; - --spectrum-green-1300:rgba(var(--spectrum-green-1300-rgb)); - --spectrum-green-1400-rgb:0, 46, 34; - --spectrum-green-1400:rgba(var(--spectrum-green-1400-rgb)); - --spectrum-green-1500-rgb:0, 33, 25; - --spectrum-green-1500:rgba(var(--spectrum-green-1500-rgb)); - --spectrum-green-1600-rgb:0, 15, 12; - --spectrum-green-1600:rgba(var(--spectrum-green-1600-rgb)); - --spectrum-seafoam-100-rgb:235, 251, 246; - --spectrum-seafoam-100:rgba(var(--spectrum-seafoam-100-rgb)); - --spectrum-seafoam-200-rgb:211, 246, 234; - --spectrum-seafoam-200:rgba(var(--spectrum-seafoam-200-rgb)); - --spectrum-seafoam-300-rgb:169, 237, 216; - --spectrum-seafoam-300:rgba(var(--spectrum-seafoam-300-rgb)); - --spectrum-seafoam-400-rgb:92, 225, 194; - --spectrum-seafoam-400:rgba(var(--spectrum-seafoam-400-rgb)); - --spectrum-seafoam-500-rgb:16, 207, 169; - --spectrum-seafoam-500:rgba(var(--spectrum-seafoam-500-rgb)); - --spectrum-seafoam-600-rgb:13, 181, 149; - --spectrum-seafoam-600:rgba(var(--spectrum-seafoam-600-rgb)); - --spectrum-seafoam-700-rgb:11, 162, 134; - --spectrum-seafoam-700:rgba(var(--spectrum-seafoam-700-rgb)); - --spectrum-seafoam-800-rgb:9, 144, 120; - --spectrum-seafoam-800:rgba(var(--spectrum-seafoam-800-rgb)); - --spectrum-seafoam-900-rgb:7, 129, 109; - --spectrum-seafoam-900:rgba(var(--spectrum-seafoam-900-rgb)); - --spectrum-seafoam-1000-rgb:5, 108, 92; - --spectrum-seafoam-1000:rgba(var(--spectrum-seafoam-1000-rgb)); - --spectrum-seafoam-1100-rgb:3, 92, 80; - --spectrum-seafoam-1100:rgba(var(--spectrum-seafoam-1100-rgb)); - --spectrum-seafoam-1200-rgb:1, 75, 67; - --spectrum-seafoam-1200:rgba(var(--spectrum-seafoam-1200-rgb)); - --spectrum-seafoam-1300-rgb:0, 60, 54; - --spectrum-seafoam-1300:rgba(var(--spectrum-seafoam-1300-rgb)); - --spectrum-seafoam-1400-rgb:0, 46, 40; - --spectrum-seafoam-1400:rgba(var(--spectrum-seafoam-1400-rgb)); - --spectrum-seafoam-1500-rgb:0, 33, 29; - --spectrum-seafoam-1500:rgba(var(--spectrum-seafoam-1500-rgb)); - --spectrum-seafoam-1600-rgb:0, 15, 14; - --spectrum-seafoam-1600:rgba(var(--spectrum-seafoam-1600-rgb)); - --spectrum-cyan-100-rgb:238, 250, 254; - --spectrum-cyan-100:rgba(var(--spectrum-cyan-100-rgb)); - --spectrum-cyan-200-rgb:217, 244, 253; - --spectrum-cyan-200:rgba(var(--spectrum-cyan-200-rgb)); - --spectrum-cyan-300-rgb:183, 231, 252; - --spectrum-cyan-300:rgba(var(--spectrum-cyan-300-rgb)); - --spectrum-cyan-400-rgb:138, 213, 255; - --spectrum-cyan-400:rgba(var(--spectrum-cyan-400-rgb)); - --spectrum-cyan-500-rgb:92, 192, 255; - --spectrum-cyan-500:rgba(var(--spectrum-cyan-500-rgb)); - --spectrum-cyan-600-rgb:48, 167, 254; - --spectrum-cyan-600:rgba(var(--spectrum-cyan-600-rgb)); - --spectrum-cyan-700-rgb:29, 149, 231; - --spectrum-cyan-700:rgba(var(--spectrum-cyan-700-rgb)); - --spectrum-cyan-800-rgb:18, 134, 205; - --spectrum-cyan-800:rgba(var(--spectrum-cyan-800-rgb)); - --spectrum-cyan-900-rgb:11, 120, 179; - --spectrum-cyan-900:rgba(var(--spectrum-cyan-900-rgb)); - --spectrum-cyan-1000-rgb:4, 102, 145; - --spectrum-cyan-1000:rgba(var(--spectrum-cyan-1000-rgb)); - --spectrum-cyan-1100-rgb:0, 87, 121; - --spectrum-cyan-1100:rgba(var(--spectrum-cyan-1100-rgb)); - --spectrum-cyan-1200-rgb:0, 71, 98; - --spectrum-cyan-1200:rgba(var(--spectrum-cyan-1200-rgb)); - --spectrum-cyan-1300-rgb:0, 57, 78; - --spectrum-cyan-1300:rgba(var(--spectrum-cyan-1300-rgb)); - --spectrum-cyan-1400-rgb:0, 43, 59; - --spectrum-cyan-1400:rgba(var(--spectrum-cyan-1400-rgb)); - --spectrum-cyan-1500-rgb:0, 31, 43; - --spectrum-cyan-1500:rgba(var(--spectrum-cyan-1500-rgb)); - --spectrum-cyan-1600-rgb:0, 14, 20; - --spectrum-cyan-1600:rgba(var(--spectrum-cyan-1600-rgb)); - --spectrum-indigo-100-rgb:247, 248, 255; - --spectrum-indigo-100:rgba(var(--spectrum-indigo-100-rgb)); - --spectrum-indigo-200-rgb:235, 238, 255; - --spectrum-indigo-200:rgba(var(--spectrum-indigo-200-rgb)); - --spectrum-indigo-300-rgb:216, 222, 255; - --spectrum-indigo-300:rgba(var(--spectrum-indigo-300-rgb)); - --spectrum-indigo-400-rgb:192, 201, 255; - --spectrum-indigo-400:rgba(var(--spectrum-indigo-400-rgb)); - --spectrum-indigo-500-rgb:167, 178, 255; - --spectrum-indigo-500:rgba(var(--spectrum-indigo-500-rgb)); - --spectrum-indigo-600-rgb:145, 151, 254; - --spectrum-indigo-600:rgba(var(--spectrum-indigo-600-rgb)); - --spectrum-indigo-700-rgb:132, 128, 254; - --spectrum-indigo-700:rgba(var(--spectrum-indigo-700-rgb)); - --spectrum-indigo-800-rgb:122, 106, 253; - --spectrum-indigo-800:rgba(var(--spectrum-indigo-800-rgb)); - --spectrum-indigo-900-rgb:113, 85, 250; - --spectrum-indigo-900:rgba(var(--spectrum-indigo-900-rgb)); - --spectrum-indigo-1000-rgb:99, 56, 238; - --spectrum-indigo-1000:rgba(var(--spectrum-indigo-1000-rgb)); - --spectrum-indigo-1100-rgb:84, 36, 219; - --spectrum-indigo-1100:rgba(var(--spectrum-indigo-1100-rgb)); - --spectrum-indigo-1200-rgb:69, 19, 191; - --spectrum-indigo-1200:rgba(var(--spectrum-indigo-1200-rgb)); - --spectrum-indigo-1300-rgb:55, 6, 160; - --spectrum-indigo-1300:rgba(var(--spectrum-indigo-1300-rgb)); - --spectrum-indigo-1400-rgb:42, 0, 129; - --spectrum-indigo-1400:rgba(var(--spectrum-indigo-1400-rgb)); - --spectrum-indigo-1500-rgb:31, 0, 98; - --spectrum-indigo-1500:rgba(var(--spectrum-indigo-1500-rgb)); - --spectrum-indigo-1600-rgb:17, 0, 54; - --spectrum-indigo-1600:rgba(var(--spectrum-indigo-1600-rgb)); - --spectrum-purple-100-rgb:251, 247, 254; - --spectrum-purple-100:rgba(var(--spectrum-purple-100-rgb)); - --spectrum-purple-200-rgb:244, 235, 252; - --spectrum-purple-200:rgba(var(--spectrum-purple-200-rgb)); - --spectrum-purple-300-rgb:235, 218, 249; - --spectrum-purple-300:rgba(var(--spectrum-purple-300-rgb)); - --spectrum-purple-400-rgb:221, 193, 246; - --spectrum-purple-400:rgba(var(--spectrum-purple-400-rgb)); - --spectrum-purple-500-rgb:208, 167, 243; - --spectrum-purple-500:rgba(var(--spectrum-purple-500-rgb)); - --spectrum-purple-600-rgb:191, 138, 238; - --spectrum-purple-600:rgba(var(--spectrum-purple-600-rgb)); - --spectrum-purple-700-rgb:178, 114, 235; - --spectrum-purple-700:rgba(var(--spectrum-purple-700-rgb)); - --spectrum-purple-800-rgb:166, 92, 231; - --spectrum-purple-800:rgba(var(--spectrum-purple-800-rgb)); - --spectrum-purple-900-rgb:154, 71, 226; - --spectrum-purple-900:rgba(var(--spectrum-purple-900-rgb)); - --spectrum-purple-1000-rgb:134, 40, 217; - --spectrum-purple-1000:rgba(var(--spectrum-purple-1000-rgb)); - --spectrum-purple-1100-rgb:115, 13, 204; - --spectrum-purple-1100:rgba(var(--spectrum-purple-1100-rgb)); - --spectrum-purple-1200-rgb:93, 0, 177; - --spectrum-purple-1200:rgba(var(--spectrum-purple-1200-rgb)); - --spectrum-purple-1300-rgb:75, 0, 144; - --spectrum-purple-1300:rgba(var(--spectrum-purple-1300-rgb)); - --spectrum-purple-1400-rgb:59, 0, 111; - --spectrum-purple-1400:rgba(var(--spectrum-purple-1400-rgb)); - --spectrum-purple-1500-rgb:44, 0, 84; - --spectrum-purple-1500:rgba(var(--spectrum-purple-1500-rgb)); - --spectrum-purple-1600-rgb:23, 0, 45; - --spectrum-purple-1600:rgba(var(--spectrum-purple-1600-rgb)); - --spectrum-fuchsia-100-rgb:254, 246, 255; - --spectrum-fuchsia-100:rgba(var(--spectrum-fuchsia-100-rgb)); - --spectrum-fuchsia-200-rgb:253, 233, 255; - --spectrum-fuchsia-200:rgba(var(--spectrum-fuchsia-200-rgb)); - --spectrum-fuchsia-300-rgb:250, 211, 255; - --spectrum-fuchsia-300:rgba(var(--spectrum-fuchsia-300-rgb)); - --spectrum-fuchsia-400-rgb:247, 181, 255; - --spectrum-fuchsia-400:rgba(var(--spectrum-fuchsia-400-rgb)); - --spectrum-fuchsia-500-rgb:243, 147, 255; - --spectrum-fuchsia-500:rgba(var(--spectrum-fuchsia-500-rgb)); - --spectrum-fuchsia-600-rgb:236, 105, 255; - --spectrum-fuchsia-600:rgba(var(--spectrum-fuchsia-600-rgb)); - --spectrum-fuchsia-700-rgb:223, 77, 245; - --spectrum-fuchsia-700:rgba(var(--spectrum-fuchsia-700-rgb)); - --spectrum-fuchsia-800-rgb:200, 68, 220; - --spectrum-fuchsia-800:rgba(var(--spectrum-fuchsia-800-rgb)); - --spectrum-fuchsia-900-rgb:181, 57, 200; - --spectrum-fuchsia-900:rgba(var(--spectrum-fuchsia-900-rgb)); - --spectrum-fuchsia-1000-rgb:156, 40, 175; - --spectrum-fuchsia-1000:rgba(var(--spectrum-fuchsia-1000-rgb)); - --spectrum-fuchsia-1100-rgb:135, 27, 154; - --spectrum-fuchsia-1100:rgba(var(--spectrum-fuchsia-1100-rgb)); - --spectrum-fuchsia-1200-rgb:113, 15, 131; - --spectrum-fuchsia-1200:rgba(var(--spectrum-fuchsia-1200-rgb)); - --spectrum-fuchsia-1300-rgb:92, 4, 109; - --spectrum-fuchsia-1300:rgba(var(--spectrum-fuchsia-1300-rgb)); - --spectrum-fuchsia-1400-rgb:72, 0, 88; - --spectrum-fuchsia-1400:rgba(var(--spectrum-fuchsia-1400-rgb)); - --spectrum-fuchsia-1500-rgb:54, 0, 66; - --spectrum-fuchsia-1500:rgba(var(--spectrum-fuchsia-1500-rgb)); - --spectrum-fuchsia-1600-rgb:29, 0, 35; - --spectrum-fuchsia-1600:rgba(var(--spectrum-fuchsia-1600-rgb)); - --spectrum-magenta-100-rgb:255, 245, 248; - --spectrum-magenta-100:rgba(var(--spectrum-magenta-100-rgb)); - --spectrum-magenta-200-rgb:255, 232, 240; - --spectrum-magenta-200:rgba(var(--spectrum-magenta-200-rgb)); - --spectrum-magenta-300-rgb:255, 213, 227; - --spectrum-magenta-300:rgba(var(--spectrum-magenta-300-rgb)); - --spectrum-magenta-400-rgb:255, 185, 208; - --spectrum-magenta-400:rgba(var(--spectrum-magenta-400-rgb)); - --spectrum-magenta-500-rgb:255, 152, 187; - --spectrum-magenta-500:rgba(var(--spectrum-magenta-500-rgb)); - --spectrum-magenta-600-rgb:255, 112, 159; - --spectrum-magenta-600:rgba(var(--spectrum-magenta-600-rgb)); - --spectrum-magenta-700-rgb:255, 72, 133; - --spectrum-magenta-700:rgba(var(--spectrum-magenta-700-rgb)); - --spectrum-magenta-800-rgb:240, 45, 110; - --spectrum-magenta-800:rgba(var(--spectrum-magenta-800-rgb)); - --spectrum-magenta-900-rgb:217, 35, 97; - --spectrum-magenta-900:rgba(var(--spectrum-magenta-900-rgb)); - --spectrum-magenta-1000-rgb:186, 22, 80; - --spectrum-magenta-1000:rgba(var(--spectrum-magenta-1000-rgb)); - --spectrum-magenta-1100-rgb:163, 5, 62; - --spectrum-magenta-1100:rgba(var(--spectrum-magenta-1100-rgb)); - --spectrum-magenta-1200-rgb:136, 0, 51; - --spectrum-magenta-1200:rgba(var(--spectrum-magenta-1200-rgb)); - --spectrum-magenta-1300-rgb:111, 0, 40; - --spectrum-magenta-1300:rgba(var(--spectrum-magenta-1300-rgb)); - --spectrum-magenta-1400-rgb:86, 0, 30; - --spectrum-magenta-1400:rgba(var(--spectrum-magenta-1400-rgb)); - --spectrum-magenta-1500-rgb:64, 0, 22; - --spectrum-magenta-1500:rgba(var(--spectrum-magenta-1500-rgb)); - --spectrum-magenta-1600-rgb:35, 0, 12; - --spectrum-magenta-1600:rgba(var(--spectrum-magenta-1600-rgb)); - --spectrum-pink-100-rgb:255, 246, 252; - --spectrum-pink-100:rgba(var(--spectrum-pink-100-rgb)); - --spectrum-pink-200-rgb:255, 232, 247; - --spectrum-pink-200:rgba(var(--spectrum-pink-200-rgb)); - --spectrum-pink-300-rgb:255, 211, 240; - --spectrum-pink-300:rgba(var(--spectrum-pink-300-rgb)); - --spectrum-pink-400-rgb:255, 181, 230; - --spectrum-pink-400:rgba(var(--spectrum-pink-400-rgb)); - --spectrum-pink-500-rgb:255, 148, 219; - --spectrum-pink-500:rgba(var(--spectrum-pink-500-rgb)); - --spectrum-pink-600-rgb:255, 103, 204; - --spectrum-pink-600:rgba(var(--spectrum-pink-600-rgb)); - --spectrum-pink-700-rgb:242, 76, 184; - --spectrum-pink-700:rgba(var(--spectrum-pink-700-rgb)); - --spectrum-pink-800-rgb:228, 52, 163; - --spectrum-pink-800:rgba(var(--spectrum-pink-800-rgb)); - --spectrum-pink-900-rgb:206, 42, 146; - --spectrum-pink-900:rgba(var(--spectrum-pink-900-rgb)); - --spectrum-pink-1000-rgb:176, 31, 123; - --spectrum-pink-1000:rgba(var(--spectrum-pink-1000-rgb)); - --spectrum-pink-1100-rgb:152, 22, 104; - --spectrum-pink-1100:rgba(var(--spectrum-pink-1100-rgb)); - --spectrum-pink-1200-rgb:128, 12, 85; - --spectrum-pink-1200:rgba(var(--spectrum-pink-1200-rgb)); - --spectrum-pink-1300-rgb:105, 3, 68; - --spectrum-pink-1300:rgba(var(--spectrum-pink-1300-rgb)); - --spectrum-pink-1400-rgb:83, 0, 53; - --spectrum-pink-1400:rgba(var(--spectrum-pink-1400-rgb)); - --spectrum-pink-1500-rgb:62, 0, 39; - --spectrum-pink-1500:rgba(var(--spectrum-pink-1500-rgb)); - --spectrum-pink-1600-rgb:33, 0, 21; - --spectrum-pink-1600:rgba(var(--spectrum-pink-1600-rgb)); - --spectrum-turquoise-100-rgb:238, 251, 251; - --spectrum-turquoise-100:rgba(var(--spectrum-turquoise-100-rgb)); - --spectrum-turquoise-200-rgb:209, 245, 245; - --spectrum-turquoise-200:rgba(var(--spectrum-turquoise-200-rgb)); - --spectrum-turquoise-300-rgb:169, 236, 237; - --spectrum-turquoise-300:rgba(var(--spectrum-turquoise-300-rgb)); - --spectrum-turquoise-400-rgb:111, 221, 228; - --spectrum-turquoise-400:rgba(var(--spectrum-turquoise-400-rgb)); - --spectrum-turquoise-500-rgb:39, 202, 216; - --spectrum-turquoise-500:rgba(var(--spectrum-turquoise-500-rgb)); - --spectrum-turquoise-600-rgb:15, 177, 192; - --spectrum-turquoise-600:rgba(var(--spectrum-turquoise-600-rgb)); - --spectrum-turquoise-700-rgb:12, 158, 171; - --spectrum-turquoise-700:rgba(var(--spectrum-turquoise-700-rgb)); - --spectrum-turquoise-800-rgb:10, 141, 153; - --spectrum-turquoise-800:rgba(var(--spectrum-turquoise-800-rgb)); - --spectrum-turquoise-900-rgb:8, 126, 137; - --spectrum-turquoise-900:rgba(var(--spectrum-turquoise-900-rgb)); - --spectrum-turquoise-1000-rgb:5, 107, 116; - --spectrum-turquoise-1000:rgba(var(--spectrum-turquoise-1000-rgb)); - --spectrum-turquoise-1100-rgb:3, 90, 98; - --spectrum-turquoise-1100:rgba(var(--spectrum-turquoise-1100-rgb)); - --spectrum-turquoise-1200-rgb:1, 74, 81; - --spectrum-turquoise-1200:rgba(var(--spectrum-turquoise-1200-rgb)); - --spectrum-turquoise-1300-rgb:0, 59, 65; - --spectrum-turquoise-1300:rgba(var(--spectrum-turquoise-1300-rgb)); - --spectrum-turquoise-1400-rgb:0, 44, 49; - --spectrum-turquoise-1400:rgba(var(--spectrum-turquoise-1400-rgb)); - --spectrum-turquoise-1500-rgb:0, 32, 35; - --spectrum-turquoise-1500:rgba(var(--spectrum-turquoise-1500-rgb)); - --spectrum-turquoise-1600-rgb:0, 15, 17; - --spectrum-turquoise-1600:rgba(var(--spectrum-turquoise-1600-rgb)); - --spectrum-brown-100-rgb:252, 247, 242; - --spectrum-brown-100:rgba(var(--spectrum-brown-100-rgb)); - --spectrum-brown-200-rgb:247, 238, 225; - --spectrum-brown-200:rgba(var(--spectrum-brown-200-rgb)); - --spectrum-brown-300-rgb:239, 221, 195; - --spectrum-brown-300:rgba(var(--spectrum-brown-300-rgb)); - --spectrum-brown-400-rgb:229, 200, 157; - --spectrum-brown-400:rgba(var(--spectrum-brown-400-rgb)); - --spectrum-brown-500-rgb:214, 177, 123; - --spectrum-brown-500:rgba(var(--spectrum-brown-500-rgb)); - --spectrum-brown-600-rgb:190, 155, 104; - --spectrum-brown-600:rgba(var(--spectrum-brown-600-rgb)); - --spectrum-brown-700-rgb:171, 138, 90; - --spectrum-brown-700:rgba(var(--spectrum-brown-700-rgb)); - --spectrum-brown-800-rgb:154, 123, 77; - --spectrum-brown-800:rgba(var(--spectrum-brown-800-rgb)); - --spectrum-brown-900-rgb:139, 109, 66; - --spectrum-brown-900:rgba(var(--spectrum-brown-900-rgb)); - --spectrum-brown-1000-rgb:119, 91, 50; - --spectrum-brown-1000:rgba(var(--spectrum-brown-1000-rgb)); - --spectrum-brown-1100-rgb:103, 76, 35; - --spectrum-brown-1100:rgba(var(--spectrum-brown-1100-rgb)); - --spectrum-brown-1200-rgb:88, 61, 21; - --spectrum-brown-1200:rgba(var(--spectrum-brown-1200-rgb)); - --spectrum-brown-1300-rgb:70, 49, 17; - --spectrum-brown-1300:rgba(var(--spectrum-brown-1300-rgb)); - --spectrum-brown-1400-rgb:52, 37, 13; - --spectrum-brown-1400:rgba(var(--spectrum-brown-1400-rgb)); - --spectrum-brown-1500-rgb:38, 26, 9; - --spectrum-brown-1500:rgba(var(--spectrum-brown-1500-rgb)); - --spectrum-brown-1600-rgb:16, 12, 4; - --spectrum-brown-1600:rgba(var(--spectrum-brown-1600-rgb)); - --spectrum-silver-100-rgb:247, 247, 247; - --spectrum-silver-100:rgba(var(--spectrum-silver-100-rgb)); - --spectrum-silver-200-rgb:239, 239, 239; - --spectrum-silver-200:rgba(var(--spectrum-silver-200-rgb)); - --spectrum-silver-300-rgb:223, 223, 223; - --spectrum-silver-300:rgba(var(--spectrum-silver-300-rgb)); - --spectrum-silver-400-rgb:204, 204, 204; - --spectrum-silver-400:rgba(var(--spectrum-silver-400-rgb)); - --spectrum-silver-500-rgb:183, 183, 183; - --spectrum-silver-500:rgba(var(--spectrum-silver-500-rgb)); - --spectrum-silver-600-rgb:160, 160, 160; - --spectrum-silver-600:rgba(var(--spectrum-silver-600-rgb)); - --spectrum-silver-700-rgb:143, 143, 143; - --spectrum-silver-700:rgba(var(--spectrum-silver-700-rgb)); - --spectrum-silver-800-rgb:128, 128, 128; - --spectrum-silver-800:rgba(var(--spectrum-silver-800-rgb)); - --spectrum-silver-900-rgb:114, 114, 114; - --spectrum-silver-900:rgba(var(--spectrum-silver-900-rgb)); - --spectrum-silver-1000-rgb:96, 96, 96; - --spectrum-silver-1000:rgba(var(--spectrum-silver-1000-rgb)); - --spectrum-silver-1100-rgb:81, 81, 81; - --spectrum-silver-1100:rgba(var(--spectrum-silver-1100-rgb)); - --spectrum-silver-1200-rgb:66, 66, 66; - --spectrum-silver-1200:rgba(var(--spectrum-silver-1200-rgb)); - --spectrum-silver-1300-rgb:52, 52, 52; - --spectrum-silver-1300:rgba(var(--spectrum-silver-1300-rgb)); - --spectrum-silver-1400-rgb:39, 39, 39; - --spectrum-silver-1400:rgba(var(--spectrum-silver-1400-rgb)); - --spectrum-silver-1500-rgb:28, 28, 28; - --spectrum-silver-1500:rgba(var(--spectrum-silver-1500-rgb)); - --spectrum-silver-1600-rgb:12, 12, 12; - --spectrum-silver-1600:rgba(var(--spectrum-silver-1600-rgb)); - --spectrum-cinnamon-100-rgb:253, 247, 243; - --spectrum-cinnamon-100:rgba(var(--spectrum-cinnamon-100-rgb)); - --spectrum-cinnamon-200-rgb:249, 236, 229; - --spectrum-cinnamon-200:rgba(var(--spectrum-cinnamon-200-rgb)); - --spectrum-cinnamon-300-rgb:244, 218, 203; - --spectrum-cinnamon-300:rgba(var(--spectrum-cinnamon-300-rgb)); - --spectrum-cinnamon-400-rgb:237, 196, 172; - --spectrum-cinnamon-400:rgba(var(--spectrum-cinnamon-400-rgb)); - --spectrum-cinnamon-500-rgb:229, 170, 136; - --spectrum-cinnamon-500:rgba(var(--spectrum-cinnamon-500-rgb)); - --spectrum-cinnamon-600-rgb:212, 145, 108; - --spectrum-cinnamon-600:rgba(var(--spectrum-cinnamon-600-rgb)); - --spectrum-cinnamon-700-rgb:198, 126, 88; - --spectrum-cinnamon-700:rgba(var(--spectrum-cinnamon-700-rgb)); - --spectrum-cinnamon-800-rgb:184, 109, 70; - --spectrum-cinnamon-800:rgba(var(--spectrum-cinnamon-800-rgb)); - --spectrum-cinnamon-900-rgb:170, 94, 56; - --spectrum-cinnamon-900:rgba(var(--spectrum-cinnamon-900-rgb)); - --spectrum-cinnamon-1000-rgb:147, 77, 43; - --spectrum-cinnamon-1000:rgba(var(--spectrum-cinnamon-1000-rgb)); - --spectrum-cinnamon-1100-rgb:128, 62, 32; - --spectrum-cinnamon-1100:rgba(var(--spectrum-cinnamon-1100-rgb)); - --spectrum-cinnamon-1200-rgb:110, 48, 21; - --spectrum-cinnamon-1200:rgba(var(--spectrum-cinnamon-1200-rgb)); - --spectrum-cinnamon-1300-rgb:92, 35, 11; - --spectrum-cinnamon-1300:rgba(var(--spectrum-cinnamon-1300-rgb)); - --spectrum-cinnamon-1400-rgb:72, 25, 6; - --spectrum-cinnamon-1400:rgba(var(--spectrum-cinnamon-1400-rgb)); - --spectrum-cinnamon-1500-rgb:52, 18, 4; - --spectrum-cinnamon-1500:rgba(var(--spectrum-cinnamon-1500-rgb)); - --spectrum-cinnamon-1600-rgb:24, 8, 2; - --spectrum-cinnamon-1600:rgba(var(--spectrum-cinnamon-1600-rgb)); - --spectrum-icon-color-blue-primary-default:var(--spectrum-blue-900); - --spectrum-icon-color-green-primary-default:var(--spectrum-green-900); - --spectrum-icon-color-red-primary-default:var(--spectrum-red-900); - --spectrum-icon-color-yellow-primary-default:var(--spectrum-yellow-400); - --spectrum-negative-subdued-background-color-default:var(--spectrum-negative-subtle-background-color-default); - --spectrum-accent-subtle-background-color-default:var(--spectrum-accent-color-200); - --spectrum-informative-subtle-background-color-default:var(--spectrum-informative-color-200); - --spectrum-positive-subtle-background-color-default:var(--spectrum-positive-color-200); - --spectrum-notice-subtle-background-color-default:var(--spectrum-notice-color-200); - --spectrum-negative-subtle-background-color-default:var(--spectrum-negative-color-200); - --color-scheme:light; - - --spectrum-assetcard-border-color-selected:var(--spectrum-blue-900); - --spectrum-assetcard-border-color-selected-hover:var(--spectrum-blue-900); - --spectrum-assetcard-border-color-selected-down:var(--spectrum-blue-1000); - --spectrum-assetcard-selectionindicator-background-color-ordered:var(--spectrum-blue-900); - --spectrum-assestcard-focus-indicator-color:var(--spectrum-blue-800); - - --spectrum-assetlist-item-background-color-selected-hover:rgba(var(--spectrum-blue-900-rgb), 0.2); - --spectrum-assetlist-item-background-color-selected:rgba(var(--spectrum-blue-900-rgb), 0.1); - --spectrum-assetlist-border-color-key-focus:var(--spectrum-blue-800); - - --spectrum-badge-label-icon-color-primary:var(--spectrum-white); - - --spectrum-calendar-day-background-color-selected:rgba(var(--spectrum-blue-900-rgb), 0.1); - --spectrum-calendar-day-background-color-hover:rgba(var(--spectrum-black-rgb), 0.06); - --spectrum-calendar-day-today-background-color-selected-hover:rgba(var(--spectrum-blue-900-rgb), 0.2); - --spectrum-calendar-day-background-color-selected-hover:rgba(var(--spectrum-blue-900-rgb), 0.2); - --spectrum-calendar-day-background-color-down:var(--spectrum-transparent-black-200); - --spectrum-calendar-day-background-color-cap-selected:rgba(var(--spectrum-blue-900-rgb), 0.2); - --spectrum-calendar-day-background-color-key-focus:rgba(var(--spectrum-black-rgb), 0.06); - --spectrum-calendar-day-border-color-key-focus:var(--spectrum-blue-800); - - --spectrum-card-selected-background-color-rgb:var(--spectrum-blue-900-rgb); - - --spectrum-coach-indicator-ring-default-color:var(--spectrum-blue-800); - - --spectrum-drop-zone-background-color-rgb:var(--spectrum-blue-800-rgb); - - --spectrum-dropindicator-color:var(--spectrum-blue-800); - - --spectrum-logic-button-and-background-color:var(--spectrum-blue-900); - --spectrum-logic-button-and-border-color:var(--spectrum-blue-900); - --spectrum-logic-button-and-background-color-hover:var(--spectrum-blue-1100); - --spectrum-logic-button-and-border-color-hover:var(--spectrum-blue-1100); - - --spectrum-logic-button-or-background-color:var(--spectrum-magenta-900); - --spectrum-logic-button-or-border-color:var(--spectrum-magenta-900); - --spectrum-logic-button-or-background-color-hover:var(--spectrum-magenta-1100); - --spectrum-logic-button-or-border-color-hover:var(--spectrum-magenta-1100); - - --spectrum-steplist-current-marker-color-key-focus:var(--spectrum-blue-800); - - --spectrum-swatch-border-color-rgb:0, 0, 0; - - --spectrum-swatch-border-color-opacity:0.51; - - --spectrum-swatch-border-color:rgba(var(--spectrum-swatch-border-color-rgb), var(--spectrum-swatch-border-color-opacity)); - --spectrum-swatch-border-color-light-rgb:0, 0, 0; - --spectrum-swatch-border-color-light-opacity:0.20; - --spectrum-swatch-border-color-light:rgba(var(--spectrum-swatch-border-color-light-rgb), var(--spectrum-swatch-border-color-light-opacity)); - - --spectrum-treeview-item-background-color-quiet-selected:rgba(var(--spectrum-gray-900-rgb), 0.06); - --spectrum-treeview-item-background-color-selected:rgba(var(--spectrum-blue-900-rgb), 0.1); +.spectrum--light { + --spectrum-overlay-opacity: 0.4; + --spectrum-background-layer-2-color: var(--spectrum-gray-25); + --spectrum-neutral-subdued-background-color-default: var(--spectrum-gray-700); + --spectrum-neutral-subdued-background-color-hover: var(--spectrum-gray-800); + --spectrum-neutral-subdued-background-color-down: var(--spectrum-gray-800); + --spectrum-neutral-subdued-background-color-key-focus: var(--spectrum-gray-800); + --spectrum-accent-background-color-default: var(--spectrum-accent-color-900); + --spectrum-accent-background-color-hover: var(--spectrum-accent-color-1000); + --spectrum-accent-background-color-down: var(--spectrum-accent-color-1000); + --spectrum-accent-background-color-key-focus: var(--spectrum-accent-color-1000); + --spectrum-informative-background-color-default: var(--spectrum-informative-color-900); + --spectrum-informative-background-color-hover: var(--spectrum-informative-color-1000); + --spectrum-informative-background-color-down: var(--spectrum-informative-color-1000); + --spectrum-informative-background-color-key-focus: var(--spectrum-informative-color-1000); + --spectrum-negative-background-color-default: var(--spectrum-negative-color-900); + --spectrum-negative-background-color-hover: var(--spectrum-negative-color-1000); + --spectrum-negative-background-color-down: var(--spectrum-negative-color-1000); + --spectrum-negative-background-color-key-focus: var(--spectrum-negative-color-1000); + --spectrum-positive-background-color-default: var(--spectrum-positive-color-900); + --spectrum-positive-background-color-hover: var(--spectrum-positive-color-1000); + --spectrum-positive-background-color-down: var(--spectrum-positive-color-1000); + --spectrum-positive-background-color-key-focus: var(--spectrum-positive-color-1000); + --spectrum-notice-background-color-default: var(--spectrum-notice-color-600); + --spectrum-gray-background-color-default: var(--spectrum-gray-700); + --spectrum-red-background-color-default: var(--spectrum-red-900); + --spectrum-orange-background-color-default: var(--spectrum-orange-600); + --spectrum-yellow-background-color-default: var(--spectrum-yellow-400); + --spectrum-chartreuse-background-color-default: var(--spectrum-chartreuse-500); + --spectrum-celery-background-color-default: var(--spectrum-celery-600); + --spectrum-green-background-color-default: var(--spectrum-green-900); + --spectrum-seafoam-background-color-default: var(--spectrum-seafoam-900); + --spectrum-cyan-background-color-default: var(--spectrum-cyan-900); + --spectrum-blue-background-color-default: var(--spectrum-blue-900); + --spectrum-indigo-background-color-default: var(--spectrum-indigo-900); + --spectrum-purple-background-color-default: var(--spectrum-purple-900); + --spectrum-fuchsia-background-color-default: var(--spectrum-fuchsia-900); + --spectrum-magenta-background-color-default: var(--spectrum-magenta-900); + --spectrum-neutral-visual-color: var(--spectrum-gray-500); + --spectrum-accent-visual-color: var(--spectrum-accent-color-800); + --spectrum-informative-visual-color: var(--spectrum-informative-color-800); + --spectrum-negative-visual-color: var(--spectrum-negative-color-800); + --spectrum-notice-visual-color: var(--spectrum-notice-color-800); + --spectrum-positive-visual-color: var(--spectrum-positive-color-800); + --spectrum-gray-visual-color: var(--spectrum-gray-500); + --spectrum-red-visual-color: var(--spectrum-red-800); + --spectrum-orange-visual-color: var(--spectrum-orange-700); + --spectrum-yellow-visual-color: var(--spectrum-yellow-600); + --spectrum-chartreuse-visual-color: var(--spectrum-chartreuse-600); + --spectrum-celery-visual-color: var(--spectrum-celery-700); + --spectrum-green-visual-color: var(--spectrum-green-700); + --spectrum-seafoam-visual-color: var(--spectrum-seafoam-700); + --spectrum-cyan-visual-color: var(--spectrum-cyan-600); + --spectrum-blue-visual-color: var(--spectrum-blue-800); + --spectrum-indigo-visual-color: var(--spectrum-indigo-800); + --spectrum-purple-visual-color: var(--spectrum-purple-800); + --spectrum-fuchsia-visual-color: var(--spectrum-fuchsia-800); + --spectrum-magenta-visual-color: var(--spectrum-magenta-800); + --spectrum-background-elevated-color: var(--spectrum-gray-25); + --spectrum-background-pasteboard-color: var(--spectrum-gray-100); + --spectrum-brown-visual-color: var(--spectrum-brown-800); + --spectrum-cinnamon-visual-color: var(--spectrum-cinnamon-800); + --spectrum-pink-visual-color: var(--spectrum-pink-800); + --spectrum-silver-visual-color: var(--spectrum-silver-800); + --spectrum-turquoise-visual-color: var(--spectrum-turquoise-800); + --spectrum-brown-background-color-default: var(--spectrum-brown-900); + --spectrum-cinnamon-background-color-default: var(--spectrum-cinnamon-900); + --spectrum-pink-background-color-default: var(--spectrum-pink-900); + --spectrum-silver-background-color-default: var(--spectrum-silver-900); + --spectrum-turquoise-background-color-default: var(--spectrum-turquoise-900); + --spectrum-drop-shadow-color-100: rgba(0, 0, 0, 0.12); + --spectrum-drop-shadow-color-200: rgba(0, 0, 0, 0.16); + --spectrum-drop-shadow-color-300: rgba(0, 0, 0, 0.2); + --spectrum-neutral-subtle-background-color-default: var(--spectrum-gray-100); + --spectrum-gray-subtle-background-color-default: var(--spectrum-gray-100); + --spectrum-blue-subtle-background-color-default: var(--spectrum-blue-200); + --spectrum-green-subtle-background-color-default: var(--spectrum-green-200); + --spectrum-orange-subtle-background-color-default: var(--spectrum-orange-200); + --spectrum-red-subtle-background-color-default: var(--spectrum-red-200); + --spectrum-brown-subtle-background-color-default: var(--spectrum-brown-200); + --spectrum-cinnamon-subtle-background-color-default: var(--spectrum-cinnamon-200); + --spectrum-celery-subtle-background-color-default: var(--spectrum-celery-200); + --spectrum-chartreuse-subtle-background-color-default: var(--spectrum-chartreuse-200); + --spectrum-cyan-subtle-background-color-default: var(--spectrum-cyan-200); + --spectrum-fuchsia-subtle-background-color-default: var(--spectrum-fuchsia-200); + --spectrum-indigo-subtle-background-color-default: var(--spectrum-indigo-200); + --spectrum-magenta-subtle-background-color-default: var(--spectrum-magenta-200); + --spectrum-pink-subtle-background-color-default: var(--spectrum-pink-200); + --spectrum-purple-subtle-background-color-default: var(--spectrum-purple-200); + --spectrum-seafoam-subtle-background-color-default: var(--spectrum-seafoam-200); + --spectrum-silver-subtle-background-color-default: var(--spectrum-silver-200); + --spectrum-turquoise-subtle-background-color-default: var(--spectrum-turquoise-200); + --spectrum-yellow-subtle-background-color-default: var(--spectrum-yellow-200); + --spectrum-opacity-checkerboard-square-dark: var(--spectrum-gray-200); + --spectrum-white: rgb(255, 255, 255); + --spectrum-transparent-white-25: rgba(255, 255, 255, 0); + --spectrum-transparent-white-50: rgba(255, 255, 255, 0.04); + --spectrum-transparent-white-75: rgba(255, 255, 255, 0.07); + --spectrum-transparent-white-100: rgba(255, 255, 255, 0.11); + --spectrum-transparent-white-200: rgba(255, 255, 255, 0.14); + --spectrum-transparent-white-300: rgba(255, 255, 255, 0.17); + --spectrum-transparent-white-400: rgba(255, 255, 255, 0.21); + --spectrum-transparent-white-500: rgba(255, 255, 255, 0.39); + --spectrum-transparent-white-600: rgba(255, 255, 255, 0.51); + --spectrum-transparent-white-700: rgba(255, 255, 255, 0.66); + --spectrum-transparent-white-800: rgba(255, 255, 255, 0.85); + --spectrum-transparent-white-900: rgba(255, 255, 255, 0.94); + --spectrum-transparent-white-1000: rgb(255, 255, 255); + --spectrum-transparent-black-25: rgba(0, 0, 0, 0); + --spectrum-transparent-black-50: rgba(0, 0, 0, 0.03); + --spectrum-transparent-black-75: rgba(0, 0, 0, 0.05); + --spectrum-transparent-black-100: rgba(0, 0, 0, 0.09); + --spectrum-transparent-black-200: rgba(0, 0, 0, 0.12); + --spectrum-transparent-black-300: rgba(0, 0, 0, 0.15); + --spectrum-transparent-black-400: rgba(0, 0, 0, 0.22); + --spectrum-transparent-black-500: rgba(0, 0, 0, 0.44); + --spectrum-transparent-black-600: rgba(0, 0, 0, 0.56); + --spectrum-transparent-black-700: rgba(0, 0, 0, 0.69); + --spectrum-transparent-black-800: rgba(0, 0, 0, 0.84); + --spectrum-transparent-black-900: rgba(0, 0, 0, 0.93); + --spectrum-gray-25: rgb(255, 255, 255); + --spectrum-gray-50: rgb(248, 248, 248); + --spectrum-gray-75: rgb(243, 243, 243); + --spectrum-gray-100: rgb(233, 233, 233); + --spectrum-gray-200: rgb(225, 225, 225); + --spectrum-gray-300: rgb(218, 218, 218); + --spectrum-gray-400: rgb(198, 198, 198); + --spectrum-gray-500: rgb(143, 143, 143); + --spectrum-gray-600: rgb(113, 113, 113); + --spectrum-gray-700: rgb(80, 80, 80); + --spectrum-gray-800: rgb(41, 41, 41); + --spectrum-gray-900: rgb(19, 19, 19); + --spectrum-gray-1000: rgb(0, 0, 0); + --spectrum-blue-100: rgb(245, 249, 255); + --spectrum-blue-200: rgb(229, 240, 254); + --spectrum-blue-300: rgb(203, 226, 254); + --spectrum-blue-400: rgb(172, 207, 253); + --spectrum-blue-500: rgb(142, 185, 252); + --spectrum-blue-600: rgb(114, 158, 253); + --spectrum-blue-700: rgb(93, 137, 255); + --spectrum-blue-800: rgb(75, 117, 255); + --spectrum-blue-900: rgb(59, 99, 251); + --spectrum-blue-1000: rgb(39, 77, 234); + --spectrum-blue-1100: rgb(29, 62, 207); + --spectrum-blue-1200: rgb(21, 50, 173); + --spectrum-blue-1300: rgb(16, 40, 140); + --spectrum-blue-1400: rgb(12, 31, 105); + --spectrum-blue-1500: rgb(14, 24, 67); + --spectrum-blue-1600: rgb(7, 11, 30); + --spectrum-red-100: rgb(255, 246, 245); + --spectrum-red-200: rgb(255, 235, 232); + --spectrum-red-300: rgb(255, 214, 209); + --spectrum-red-400: rgb(255, 188, 180); + --spectrum-red-500: rgb(255, 157, 145); + --spectrum-red-600: rgb(255, 118, 101); + --spectrum-red-700: rgb(255, 81, 61); + --spectrum-red-800: rgb(240, 56, 35); + --spectrum-red-900: rgb(215, 50, 32); + --spectrum-red-1000: rgb(183, 40, 24); + --spectrum-red-1100: rgb(156, 33, 19); + --spectrum-red-1200: rgb(129, 27, 14); + --spectrum-red-1300: rgb(104, 21, 10); + --spectrum-red-1400: rgb(80, 16, 6); + --spectrum-red-1500: rgb(59, 11, 4); + --spectrum-red-1600: rgb(29, 5, 2); + --spectrum-orange-100: rgb(255, 246, 231); + --spectrum-orange-200: rgb(255, 236, 207); + --spectrum-orange-300: rgb(255, 218, 158); + --spectrum-orange-400: rgb(255, 193, 94); + --spectrum-orange-500: rgb(255, 162, 19); + --spectrum-orange-600: rgb(252, 125, 0); + --spectrum-orange-700: rgb(232, 106, 0); + --spectrum-orange-800: rgb(212, 91, 0); + --spectrum-orange-900: rgb(194, 78, 0); + --spectrum-orange-1000: rgb(167, 62, 0); + --spectrum-orange-1100: rgb(144, 51, 0); + --spectrum-orange-1200: rgb(118, 41, 0); + --spectrum-orange-1300: rgb(95, 32, 0); + --spectrum-orange-1400: rgb(73, 24, 0); + --spectrum-orange-1500: rgb(52, 18, 0); + --spectrum-orange-1600: rgb(25, 8, 0); + --spectrum-yellow-100: rgb(255, 248, 204); + --spectrum-yellow-200: rgb(255, 241, 151); + --spectrum-yellow-300: rgb(255, 222, 44); + --spectrum-yellow-400: rgb(245, 199, 0); + --spectrum-yellow-500: rgb(230, 175, 0); + --spectrum-yellow-600: rgb(210, 149, 0); + --spectrum-yellow-700: rgb(193, 131, 0); + --spectrum-yellow-800: rgb(175, 116, 0); + --spectrum-yellow-900: rgb(158, 102, 0); + --spectrum-yellow-1000: rgb(134, 85, 0); + --spectrum-yellow-1100: rgb(114, 72, 0); + --spectrum-yellow-1200: rgb(93, 59, 0); + --spectrum-yellow-1300: rgb(75, 47, 0); + --spectrum-yellow-1400: rgb(56, 35, 0); + --spectrum-yellow-1500: rgb(40, 25, 0); + --spectrum-yellow-1600: rgb(18, 11, 0); + --spectrum-chartreuse-100: rgb(246, 251, 222); + --spectrum-chartreuse-200: rgb(234, 246, 173); + --spectrum-chartreuse-300: rgb(208, 236, 70); + --spectrum-chartreuse-400: rgb(182, 219, 0); + --spectrum-chartreuse-500: rgb(163, 196, 0); + --spectrum-chartreuse-600: rgb(143, 172, 0); + --spectrum-chartreuse-700: rgb(128, 153, 0); + --spectrum-chartreuse-800: rgb(114, 137, 0); + --spectrum-chartreuse-900: rgb(102, 122, 0); + --spectrum-chartreuse-1000: rgb(86, 103, 0); + --spectrum-chartreuse-1100: rgb(73, 87, 0); + --spectrum-chartreuse-1200: rgb(60, 71, 0); + --spectrum-chartreuse-1300: rgb(47, 57, 0); + --spectrum-chartreuse-1400: rgb(35, 43, 0); + --spectrum-chartreuse-1500: rgb(25, 30, 0); + --spectrum-chartreuse-1600: rgb(11, 14, 0); + --spectrum-celery-100: rgb(235, 255, 220); + --spectrum-celery-200: rgb(197, 255, 156); + --spectrum-celery-300: rgb(157, 247, 92); + --spectrum-celery-400: rgb(129, 228, 58); + --spectrum-celery-500: rgb(110, 206, 42); + --spectrum-celery-600: rgb(93, 180, 31); + --spectrum-celery-700: rgb(82, 161, 25); + --spectrum-celery-800: rgb(72, 144, 20); + --spectrum-celery-900: rgb(64, 129, 17); + --spectrum-celery-1000: rgb(52, 109, 12); + --spectrum-celery-1100: rgb(44, 92, 9); + --spectrum-celery-1200: rgb(35, 75, 6); + --spectrum-celery-1300: rgb(27, 60, 3); + --spectrum-celery-1400: rgb(19, 46, 0); + --spectrum-celery-1500: rgb(12, 33, 0); + --spectrum-celery-1600: rgb(4, 15, 0); + --spectrum-green-100: rgb(237, 252, 241); + --spectrum-green-200: rgb(215, 247, 225); + --spectrum-green-300: rgb(173, 238, 197); + --spectrum-green-400: rgb(107, 227, 162); + --spectrum-green-500: rgb(43, 209, 125); + --spectrum-green-600: rgb(18, 184, 103); + --spectrum-green-700: rgb(11, 164, 93); + --spectrum-green-800: rgb(7, 147, 85); + --spectrum-green-900: rgb(5, 131, 78); + --spectrum-green-1000: rgb(3, 110, 69); + --spectrum-green-1100: rgb(2, 93, 60); + --spectrum-green-1200: rgb(1, 76, 52); + --spectrum-green-1300: rgb(0, 61, 44); + --spectrum-green-1400: rgb(0, 46, 34); + --spectrum-green-1500: rgb(0, 33, 25); + --spectrum-green-1600: rgb(0, 15, 12); + --spectrum-seafoam-100: rgb(235, 251, 246); + --spectrum-seafoam-200: rgb(211, 246, 234); + --spectrum-seafoam-300: rgb(169, 237, 216); + --spectrum-seafoam-400: rgb(92, 225, 194); + --spectrum-seafoam-500: rgb(16, 207, 169); + --spectrum-seafoam-600: rgb(13, 181, 149); + --spectrum-seafoam-700: rgb(11, 162, 134); + --spectrum-seafoam-800: rgb(9, 144, 120); + --spectrum-seafoam-900: rgb(7, 129, 109); + --spectrum-seafoam-1000: rgb(5, 108, 92); + --spectrum-seafoam-1100: rgb(3, 92, 80); + --spectrum-seafoam-1200: rgb(1, 75, 67); + --spectrum-seafoam-1300: rgb(0, 60, 54); + --spectrum-seafoam-1400: rgb(0, 46, 40); + --spectrum-seafoam-1500: rgb(0, 33, 29); + --spectrum-seafoam-1600: rgb(0, 15, 14); + --spectrum-cyan-100: rgb(238, 250, 254); + --spectrum-cyan-200: rgb(217, 244, 253); + --spectrum-cyan-300: rgb(183, 231, 252); + --spectrum-cyan-400: rgb(138, 213, 255); + --spectrum-cyan-500: rgb(92, 192, 255); + --spectrum-cyan-600: rgb(48, 167, 254); + --spectrum-cyan-700: rgb(29, 149, 231); + --spectrum-cyan-800: rgb(18, 134, 205); + --spectrum-cyan-900: rgb(11, 120, 179); + --spectrum-cyan-1000: rgb(4, 102, 145); + --spectrum-cyan-1100: rgb(0, 87, 121); + --spectrum-cyan-1200: rgb(0, 71, 98); + --spectrum-cyan-1300: rgb(0, 57, 78); + --spectrum-cyan-1400: rgb(0, 43, 59); + --spectrum-cyan-1500: rgb(0, 31, 43); + --spectrum-cyan-1600: rgb(0, 14, 20); + --spectrum-indigo-100: rgb(247, 248, 255); + --spectrum-indigo-200: rgb(235, 238, 255); + --spectrum-indigo-300: rgb(216, 222, 255); + --spectrum-indigo-400: rgb(192, 201, 255); + --spectrum-indigo-500: rgb(167, 178, 255); + --spectrum-indigo-600: rgb(145, 151, 254); + --spectrum-indigo-700: rgb(132, 128, 254); + --spectrum-indigo-800: rgb(122, 106, 253); + --spectrum-indigo-900: rgb(113, 85, 250); + --spectrum-indigo-1000: rgb(99, 56, 238); + --spectrum-indigo-1100: rgb(84, 36, 219); + --spectrum-indigo-1200: rgb(69, 19, 191); + --spectrum-indigo-1300: rgb(55, 6, 160); + --spectrum-indigo-1400: rgb(42, 0, 129); + --spectrum-indigo-1500: rgb(31, 0, 98); + --spectrum-indigo-1600: rgb(17, 0, 54); + --spectrum-purple-100: rgb(251, 247, 254); + --spectrum-purple-200: rgb(244, 235, 252); + --spectrum-purple-300: rgb(235, 218, 249); + --spectrum-purple-400: rgb(221, 193, 246); + --spectrum-purple-500: rgb(208, 167, 243); + --spectrum-purple-600: rgb(191, 138, 238); + --spectrum-purple-700: rgb(178, 114, 235); + --spectrum-purple-800: rgb(166, 92, 231); + --spectrum-purple-900: rgb(154, 71, 226); + --spectrum-purple-1000: rgb(134, 40, 217); + --spectrum-purple-1100: rgb(115, 13, 204); + --spectrum-purple-1200: rgb(93, 0, 177); + --spectrum-purple-1300: rgb(75, 0, 144); + --spectrum-purple-1400: rgb(59, 0, 111); + --spectrum-purple-1500: rgb(44, 0, 84); + --spectrum-purple-1600: rgb(23, 0, 45); + --spectrum-fuchsia-100: rgb(254, 246, 255); + --spectrum-fuchsia-200: rgb(253, 233, 255); + --spectrum-fuchsia-300: rgb(250, 211, 255); + --spectrum-fuchsia-400: rgb(247, 181, 255); + --spectrum-fuchsia-500: rgb(243, 147, 255); + --spectrum-fuchsia-600: rgb(236, 105, 255); + --spectrum-fuchsia-700: rgb(223, 77, 245); + --spectrum-fuchsia-800: rgb(200, 68, 220); + --spectrum-fuchsia-900: rgb(181, 57, 200); + --spectrum-fuchsia-1000: rgb(156, 40, 175); + --spectrum-fuchsia-1100: rgb(135, 27, 154); + --spectrum-fuchsia-1200: rgb(113, 15, 131); + --spectrum-fuchsia-1300: rgb(92, 4, 109); + --spectrum-fuchsia-1400: rgb(72, 0, 88); + --spectrum-fuchsia-1500: rgb(54, 0, 66); + --spectrum-fuchsia-1600: rgb(29, 0, 35); + --spectrum-magenta-100: rgb(255, 245, 248); + --spectrum-magenta-200: rgb(255, 232, 240); + --spectrum-magenta-300: rgb(255, 213, 227); + --spectrum-magenta-400: rgb(255, 185, 208); + --spectrum-magenta-500: rgb(255, 152, 187); + --spectrum-magenta-600: rgb(255, 112, 159); + --spectrum-magenta-700: rgb(255, 72, 133); + --spectrum-magenta-800: rgb(240, 45, 110); + --spectrum-magenta-900: rgb(217, 35, 97); + --spectrum-magenta-1000: rgb(186, 22, 80); + --spectrum-magenta-1100: rgb(163, 5, 62); + --spectrum-magenta-1200: rgb(136, 0, 51); + --spectrum-magenta-1300: rgb(111, 0, 40); + --spectrum-magenta-1400: rgb(86, 0, 30); + --spectrum-magenta-1500: rgb(64, 0, 22); + --spectrum-magenta-1600: rgb(35, 0, 12); + --spectrum-pink-100: rgb(255, 246, 252); + --spectrum-pink-200: rgb(255, 232, 247); + --spectrum-pink-300: rgb(255, 211, 240); + --spectrum-pink-400: rgb(255, 181, 230); + --spectrum-pink-500: rgb(255, 148, 219); + --spectrum-pink-600: rgb(255, 103, 204); + --spectrum-pink-700: rgb(242, 76, 184); + --spectrum-pink-800: rgb(228, 52, 163); + --spectrum-pink-900: rgb(206, 42, 146); + --spectrum-pink-1000: rgb(176, 31, 123); + --spectrum-pink-1100: rgb(152, 22, 104); + --spectrum-pink-1200: rgb(128, 12, 85); + --spectrum-pink-1300: rgb(105, 3, 68); + --spectrum-pink-1400: rgb(83, 0, 53); + --spectrum-pink-1500: rgb(62, 0, 39); + --spectrum-pink-1600: rgb(33, 0, 21); + --spectrum-turquoise-100: rgb(238, 251, 251); + --spectrum-turquoise-200: rgb(209, 245, 245); + --spectrum-turquoise-300: rgb(169, 236, 237); + --spectrum-turquoise-400: rgb(111, 221, 228); + --spectrum-turquoise-500: rgb(39, 202, 216); + --spectrum-turquoise-600: rgb(15, 177, 192); + --spectrum-turquoise-700: rgb(12, 158, 171); + --spectrum-turquoise-800: rgb(10, 141, 153); + --spectrum-turquoise-900: rgb(8, 126, 137); + --spectrum-turquoise-1000: rgb(5, 107, 116); + --spectrum-turquoise-1100: rgb(3, 90, 98); + --spectrum-turquoise-1200: rgb(1, 74, 81); + --spectrum-turquoise-1300: rgb(0, 59, 65); + --spectrum-turquoise-1400: rgb(0, 44, 49); + --spectrum-turquoise-1500: rgb(0, 32, 35); + --spectrum-turquoise-1600: rgb(0, 15, 17); + --spectrum-brown-100: rgb(252, 247, 242); + --spectrum-brown-200: rgb(247, 238, 225); + --spectrum-brown-300: rgb(239, 221, 195); + --spectrum-brown-400: rgb(229, 200, 157); + --spectrum-brown-500: rgb(214, 177, 123); + --spectrum-brown-600: rgb(190, 155, 104); + --spectrum-brown-700: rgb(171, 138, 90); + --spectrum-brown-800: rgb(154, 123, 77); + --spectrum-brown-900: rgb(139, 109, 66); + --spectrum-brown-1000: rgb(119, 91, 50); + --spectrum-brown-1100: rgb(103, 76, 35); + --spectrum-brown-1200: rgb(88, 61, 21); + --spectrum-brown-1300: rgb(70, 49, 17); + --spectrum-brown-1400: rgb(52, 37, 13); + --spectrum-brown-1500: rgb(38, 26, 9); + --spectrum-brown-1600: rgb(16, 12, 4); + --spectrum-silver-100: rgb(247, 247, 247); + --spectrum-silver-200: rgb(239, 239, 239); + --spectrum-silver-300: rgb(223, 223, 223); + --spectrum-silver-400: rgb(204, 204, 204); + --spectrum-silver-500: rgb(183, 183, 183); + --spectrum-silver-600: rgb(160, 160, 160); + --spectrum-silver-700: rgb(143, 143, 143); + --spectrum-silver-800: rgb(128, 128, 128); + --spectrum-silver-900: rgb(114, 114, 114); + --spectrum-silver-1000: rgb(96, 96, 96); + --spectrum-silver-1100: rgb(81, 81, 81); + --spectrum-silver-1200: rgb(66, 66, 66); + --spectrum-silver-1300: rgb(52, 52, 52); + --spectrum-silver-1400: rgb(39, 39, 39); + --spectrum-silver-1500: rgb(28, 28, 28); + --spectrum-silver-1600: rgb(12, 12, 12); + --spectrum-cinnamon-100: rgb(253, 247, 243); + --spectrum-cinnamon-200: rgb(249, 236, 229); + --spectrum-cinnamon-300: rgb(244, 218, 203); + --spectrum-cinnamon-400: rgb(237, 196, 172); + --spectrum-cinnamon-500: rgb(229, 170, 136); + --spectrum-cinnamon-600: rgb(212, 145, 108); + --spectrum-cinnamon-700: rgb(198, 126, 88); + --spectrum-cinnamon-800: rgb(184, 109, 70); + --spectrum-cinnamon-900: rgb(170, 94, 56); + --spectrum-cinnamon-1000: rgb(147, 77, 43); + --spectrum-cinnamon-1100: rgb(128, 62, 32); + --spectrum-cinnamon-1200: rgb(110, 48, 21); + --spectrum-cinnamon-1300: rgb(92, 35, 11); + --spectrum-cinnamon-1400: rgb(72, 25, 6); + --spectrum-cinnamon-1500: rgb(52, 18, 4); + --spectrum-cinnamon-1600: rgb(24, 8, 2); + --spectrum-icon-color-blue-primary-default: var(--spectrum-blue-900); + --spectrum-icon-color-green-primary-default: var(--spectrum-green-900); + --spectrum-icon-color-red-primary-default: var(--spectrum-red-900); + --spectrum-icon-color-yellow-primary-default: var(--spectrum-yellow-400); + --spectrum-negative-subdued-background-color-default: var(--spectrum-negative-subtle-background-color-default); + --spectrum-accent-subtle-background-color-default: var(--spectrum-accent-color-200); + --spectrum-informative-subtle-background-color-default: var(--spectrum-informative-color-200); + --spectrum-positive-subtle-background-color-default: var(--spectrum-positive-color-200); + --spectrum-notice-subtle-background-color-default: var(--spectrum-notice-color-200); + --spectrum-negative-subtle-background-color-default: var(--spectrum-negative-color-200); } diff --git a/tokens/dist/css/medium-vars.css b/tokens/dist/css/medium-vars.css index 51ac1c9f637..a0bcb0cfff8 100644 --- a/tokens/dist/css/medium-vars.css +++ b/tokens/dist/css/medium-vars.css @@ -1,657 +1,538 @@ -/*! - * Copyright 2024 Adobe. All rights reserved. - * - * This file is licensed to you under the Apache License, Version 2.0 (the "License"); - * you may not use this file except in compliance with the License. You may obtain a copy - * of the License at - * - * Unless required by applicable law or agreed to in writing, software distributed under - * the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS - * OF ANY KIND, either express or implied. See the License for the specific language - * governing permissions and limitations under the License. - */ - -.spectrum--medium{ - --spectrum-workflow-icon-size-50:14px; - --spectrum-workflow-icon-size-75:16px; - --spectrum-workflow-icon-size-100:20px; - --spectrum-workflow-icon-size-200:22px; - --spectrum-workflow-icon-size-300:26px; - --spectrum-arrow-icon-size-75:10px; - --spectrum-arrow-icon-size-100:10px; - --spectrum-arrow-icon-size-200:12px; - --spectrum-arrow-icon-size-300:14px; - --spectrum-arrow-icon-size-400:16px; - --spectrum-arrow-icon-size-500:18px; - --spectrum-arrow-icon-size-600:20px; - --spectrum-asterisk-icon-size-100:8px; - --spectrum-asterisk-icon-size-200:10px; - --spectrum-asterisk-icon-size-300:10px; - --spectrum-checkmark-icon-size-50:10px; - --spectrum-checkmark-icon-size-75:10px; - --spectrum-checkmark-icon-size-100:10px; - --spectrum-checkmark-icon-size-200:12px; - --spectrum-checkmark-icon-size-300:14px; - --spectrum-checkmark-icon-size-400:16px; - --spectrum-checkmark-icon-size-500:16px; - --spectrum-checkmark-icon-size-600:18px; - --spectrum-chevron-icon-size-50:6px; - --spectrum-chevron-icon-size-75:10px; - --spectrum-chevron-icon-size-100:10px; - --spectrum-chevron-icon-size-200:12px; - --spectrum-chevron-icon-size-300:14px; - --spectrum-chevron-icon-size-400:16px; - --spectrum-chevron-icon-size-500:16px; - --spectrum-chevron-icon-size-600:18px; - --spectrum-corner-triangle-icon-size-75:5px; - --spectrum-corner-triangle-icon-size-100:5px; - --spectrum-corner-triangle-icon-size-200:6px; - --spectrum-corner-triangle-icon-size-300:7px; - --spectrum-cross-icon-size-75:8px; - --spectrum-cross-icon-size-100:8px; - --spectrum-cross-icon-size-200:10px; - --spectrum-cross-icon-size-300:12px; - --spectrum-cross-icon-size-400:12px; - --spectrum-cross-icon-size-500:14px; - --spectrum-cross-icon-size-600:16px; - --spectrum-dash-icon-size-50:8px; - --spectrum-dash-icon-size-75:8px; - --spectrum-dash-icon-size-100:10px; - --spectrum-dash-icon-size-200:12px; - --spectrum-dash-icon-size-300:12px; - --spectrum-dash-icon-size-400:14px; - --spectrum-dash-icon-size-500:16px; - --spectrum-dash-icon-size-600:18px; - --spectrum-checkbox-control-size-small:12px; - --spectrum-checkbox-control-size-medium:14px; - --spectrum-checkbox-control-size-large:16px; - --spectrum-checkbox-control-size-extra-large:18px; - --spectrum-checkbox-top-to-control-small:6px; - --spectrum-checkbox-top-to-control-medium:9px; - --spectrum-checkbox-top-to-control-large:12px; - --spectrum-checkbox-top-to-control-extra-large:15px; - --spectrum-switch-control-width-small:23px; - --spectrum-switch-control-width-medium:26px; - --spectrum-switch-control-width-large:29px; - --spectrum-switch-control-width-extra-large:33px; - --spectrum-switch-control-height-small:12px; - --spectrum-switch-control-height-medium:14px; - --spectrum-switch-control-height-large:16px; - --spectrum-switch-control-height-extra-large:18px; - --spectrum-switch-top-to-control-small:6px; - --spectrum-switch-top-to-control-medium:9px; - --spectrum-switch-top-to-control-large:12px; - --spectrum-switch-top-to-control-extra-large:15px; - --spectrum-radio-button-control-size-small:12px; - --spectrum-radio-button-control-size-medium:14px; - --spectrum-radio-button-control-size-large:16px; - --spectrum-radio-button-control-size-extra-large:18px; - --spectrum-radio-button-top-to-control-small:6px; - --spectrum-radio-button-top-to-control-medium:9px; - --spectrum-radio-button-top-to-control-large:12px; - --spectrum-radio-button-top-to-control-extra-large:15px; - --spectrum-field-label-text-to-asterisk-small:4px; - --spectrum-field-label-text-to-asterisk-medium:4px; - --spectrum-field-label-text-to-asterisk-large:5px; - --spectrum-field-label-text-to-asterisk-extra-large:5px; - --spectrum-field-label-top-to-asterisk-small:8px; - --spectrum-field-label-top-to-asterisk-medium:12px; - --spectrum-field-label-top-to-asterisk-large:15px; - --spectrum-field-label-top-to-asterisk-extra-large:19px; - --spectrum-field-label-top-margin-medium:4px; - --spectrum-field-label-top-margin-large:5px; - --spectrum-field-label-top-margin-extra-large:5px; - --spectrum-field-label-to-component-quiet-small:-8px; - --spectrum-field-label-to-component-quiet-medium:-8px; - --spectrum-field-label-to-component-quiet-large:-12px; - --spectrum-field-label-to-component-quiet-extra-large:-15px; - --spectrum-help-text-top-to-workflow-icon-small:4px; - --spectrum-help-text-top-to-workflow-icon-medium:3px; - --spectrum-help-text-top-to-workflow-icon-large:6px; - --spectrum-help-text-top-to-workflow-icon-extra-large:9px; - --spectrum-status-light-dot-size-medium:8px; - --spectrum-status-light-dot-size-large:10px; - --spectrum-status-light-dot-size-extra-large:10px; - --spectrum-status-light-top-to-dot-small:8px; - --spectrum-status-light-top-to-dot-medium:12px; - --spectrum-status-light-top-to-dot-large:15px; - --spectrum-status-light-top-to-dot-extra-large:19px; - --spectrum-action-button-edge-to-hold-icon-medium:4px; - --spectrum-action-button-edge-to-hold-icon-large:5px; - --spectrum-action-button-edge-to-hold-icon-extra-large:6px; - --spectrum-tooltip-tip-width:8px; - --spectrum-tooltip-tip-height:4px; - --spectrum-tooltip-maximum-width:160px; - --spectrum-progress-circle-size-small:16px; - --spectrum-progress-circle-size-medium:32px; - --spectrum-progress-circle-size-large:64px; - --spectrum-progress-circle-thickness-small:2px; - --spectrum-progress-circle-thickness-medium:3px; - --spectrum-progress-circle-thickness-large:4px; - --spectrum-toast-height:48px; - --spectrum-toast-maximum-width:336px; - --spectrum-toast-top-to-workflow-icon:15px; - --spectrum-toast-top-to-text:14px; - --spectrum-toast-bottom-to-text:17px; - --spectrum-action-bar-height:48px; - --spectrum-action-bar-top-to-item-counter:14px; - --spectrum-swatch-size-extra-small:16px; - --spectrum-swatch-size-small:24px; - --spectrum-swatch-size-medium:32px; - --spectrum-swatch-size-large:40px; - --spectrum-progress-bar-thickness-small:4px; - --spectrum-progress-bar-thickness-medium:6px; - --spectrum-progress-bar-thickness-large:8px; - --spectrum-progress-bar-thickness-extra-large:10px; - --spectrum-meter-width:192px; - --spectrum-meter-thickness-small:4px; - --spectrum-meter-thickness-large:6px; - --spectrum-tag-top-to-avatar-small:4px; - --spectrum-tag-top-to-avatar-medium:6px; - --spectrum-tag-top-to-avatar-large:9px; - --spectrum-tag-top-to-cross-icon-small:8px; - --spectrum-tag-top-to-cross-icon-medium:12px; - --spectrum-tag-top-to-cross-icon-large:15px; - --spectrum-popover-top-to-content-area:4px; - --spectrum-menu-item-edge-to-content-not-selected-small:28px; - --spectrum-menu-item-edge-to-content-not-selected-medium:32px; - --spectrum-menu-item-edge-to-content-not-selected-large:38px; - --spectrum-menu-item-edge-to-content-not-selected-extra-large:45px; - --spectrum-menu-item-top-to-disclosure-icon-small:7px; - --spectrum-menu-item-top-to-disclosure-icon-medium:11px; - --spectrum-menu-item-top-to-disclosure-icon-large:14px; - --spectrum-menu-item-top-to-disclosure-icon-extra-large:17px; - --spectrum-menu-item-top-to-selected-icon-small:7px; - --spectrum-menu-item-top-to-selected-icon-medium:11px; - --spectrum-menu-item-top-to-selected-icon-large:14px; - --spectrum-menu-item-top-to-selected-icon-extra-large:17px; - --spectrum-slider-control-height-small:14px; - --spectrum-slider-control-height-medium:16px; - --spectrum-slider-control-height-large:18px; - --spectrum-slider-control-height-extra-large:20px; - --spectrum-slider-handle-size-small:14px; - --spectrum-slider-handle-size-medium:16px; - --spectrum-slider-handle-size-large:18px; - --spectrum-slider-handle-size-extra-large:20px; - --spectrum-slider-handle-border-width-down-small:5px; - --spectrum-slider-handle-border-width-down-medium:6px; - --spectrum-slider-handle-border-width-down-large:7px; - --spectrum-slider-handle-border-width-down-extra-large:8px; - --spectrum-slider-bottom-to-handle-small:5px; - --spectrum-slider-bottom-to-handle-medium:8px; - --spectrum-slider-bottom-to-handle-large:11px; - --spectrum-slider-bottom-to-handle-extra-large:14px; - --spectrum-slider-control-to-field-label-small:5px; - --spectrum-slider-control-to-field-label-medium:8px; - --spectrum-slider-control-to-field-label-large:11px; - --spectrum-slider-control-to-field-label-extra-large:14px; - --spectrum-picker-visual-to-disclosure-icon-small:7px; - --spectrum-picker-visual-to-disclosure-icon-medium:8px; - --spectrum-picker-visual-to-disclosure-icon-large:9px; - --spectrum-picker-visual-to-disclosure-icon-extra-large:10px; - --spectrum-text-area-minimum-width:112px; - --spectrum-text-area-minimum-height:56px; - --spectrum-combo-box-visual-to-field-button-small:7px; - --spectrum-combo-box-visual-to-field-button-medium:8px; - --spectrum-combo-box-visual-to-field-button-large:9px; - --spectrum-combo-box-visual-to-field-button-extra-large:10px; - --spectrum-thumbnail-size-50:16px; - --spectrum-thumbnail-size-75:18px; - --spectrum-thumbnail-size-100:20px; - --spectrum-thumbnail-size-200:22px; - --spectrum-thumbnail-size-300:26px; - --spectrum-thumbnail-size-400:28px; - --spectrum-thumbnail-size-500:32px; - --spectrum-thumbnail-size-600:36px; - --spectrum-thumbnail-size-700:40px; - --spectrum-thumbnail-size-800:44px; - --spectrum-thumbnail-size-900:50px; - --spectrum-thumbnail-size-1000:56px; - --spectrum-alert-dialog-title-size:var(--spectrum-heading-size-s); - --spectrum-alert-dialog-description-size:var(--spectrum-body-size-s); - --spectrum-opacity-checkerboard-square-size:8px; - --spectrum-contextual-help-title-size:var(--spectrum-heading-size-xs); - --spectrum-contextual-help-body-size:var(--spectrum-body-size-s); - --spectrum-breadcrumbs-height-multiline:72px; - --spectrum-breadcrumbs-top-to-text:13px; - --spectrum-breadcrumbs-top-to-text-compact:11px; - --spectrum-breadcrumbs-top-to-text-multiline:12px; - --spectrum-breadcrumbs-bottom-to-text:15px; - --spectrum-breadcrumbs-bottom-to-text-compact:12px; - --spectrum-breadcrumbs-bottom-to-text-multiline:9px; - --spectrum-breadcrumbs-start-edge-to-text:8px; - --spectrum-breadcrumbs-top-text-to-bottom-text:9px; - --spectrum-breadcrumbs-top-to-separator-icon:19px; - --spectrum-breadcrumbs-top-to-separator-icon-compact:15px; - --spectrum-breadcrumbs-top-to-separator-icon-multiline:15px; - --spectrum-breadcrumbs-separator-icon-to-bottom-text-multiline:11px; - --spectrum-breadcrumbs-top-to-truncated-menu:8px; - --spectrum-breadcrumbs-top-to-truncated-menu-compact:4px; - --spectrum-avatar-size-50:16px; - --spectrum-avatar-size-75:18px; - --spectrum-avatar-size-100:20px; - --spectrum-avatar-size-200:22px; - --spectrum-avatar-size-300:26px; - --spectrum-avatar-size-400:28px; - --spectrum-avatar-size-500:32px; - --spectrum-avatar-size-600:36px; - --spectrum-avatar-size-700:40px; - --spectrum-alert-banner-minimum-height:48px; - --spectrum-alert-banner-width:832px; - --spectrum-alert-banner-top-to-workflow-icon:15px; - --spectrum-alert-banner-top-to-text:14px; - --spectrum-alert-banner-bottom-to-text:17px; - --spectrum-rating-indicator-width:18px; - --spectrum-rating-indicator-to-icon:4px; - --spectrum-color-area-width:192px; - --spectrum-color-area-minimum-width:64px; - --spectrum-color-area-height:192px; - --spectrum-color-area-minimum-height:64px; - --spectrum-color-wheel-width:192px; - --spectrum-color-wheel-minimum-width:175px; - --spectrum-color-slider-length:192px; - --spectrum-color-slider-minimum-length:80px; - --spectrum-illustrated-message-title-size:var(--spectrum-heading-size-m); - --spectrum-illustrated-message-cjk-title-size:var(--spectrum-heading-cjk-size-m); - --spectrum-illustrated-message-body-size:var(--spectrum-body-size-s); - --spectrum-coach-mark-width:296px; - --spectrum-coach-mark-minimum-width:296px; - --spectrum-coach-mark-maximum-width:380px; - --spectrum-coach-mark-edge-to-content:var(--spectrum-spacing-400); - --spectrum-coach-mark-pagination-text-to-bottom-edge:33px; - --spectrum-coach-mark-media-height:222px; - --spectrum-coach-mark-media-minimum-height:166px; - --spectrum-coach-mark-title-size:var(--spectrum-heading-size-xs); - --spectrum-coach-mark-body-size:var(--spectrum-body-size-s); - --spectrum-coach-mark-pagination-body-size:var(--spectrum-body-size-s); - --spectrum-accordion-top-to-text-regular-small:5px; - --spectrum-accordion-small-top-to-text-spacious:9px; - --spectrum-accordion-top-to-text-regular-medium:8px; - --spectrum-accordion-top-to-text-spacious-medium:12px; - --spectrum-accordion-top-to-text-compact-large:4px; - --spectrum-accordion-top-to-text-regular-large:9px; - --spectrum-accordion-top-to-text-spacious-large:12px; - --spectrum-accordion-top-to-text-compact-extra-large:5px; - --spectrum-accordion-top-to-text-regular-extra-large:9px; - --spectrum-accordion-top-to-text-spacious-extra-large:13px; - --spectrum-accordion-bottom-to-text-compact-small:2px; - --spectrum-accordion-bottom-to-text-regular-small:7px; - --spectrum-accordion-bottom-to-text-spacious-small:11px; - --spectrum-accordion-bottom-to-text-compact-medium:5px; - --spectrum-accordion-bottom-to-text-regular-medium:9px; - --spectrum-accordion-bottom-to-text-spacious-medium:13px; - --spectrum-accordion-bottom-to-text-compact-large:8px; - --spectrum-accordion-bottom-to-text-regular-large:11px; - --spectrum-accordion-bottom-to-text-spacious-large:16px; - --spectrum-accordion-bottom-to-text-compact-extra-large:8px; - --spectrum-accordion-bottom-to-text-regular-extra-large:12px; - --spectrum-accordion-bottom-to-text-spacious-extra-large:16px; - --spectrum-accordion-minimum-width:200px; - --spectrum-accordion-content-area-top-to-content:8px; - --spectrum-accordion-content-area-bottom-to-content:16px; - --spectrum-color-handle-size:16px; - --spectrum-color-handle-size-key-focus:32px; - --spectrum-table-column-header-row-top-to-text-small:8px; - --spectrum-table-column-header-row-top-to-text-medium:7px; - --spectrum-table-column-header-row-top-to-text-large:10px; - --spectrum-table-column-header-row-top-to-text-extra-large:13px; - --spectrum-table-column-header-row-bottom-to-text-small:9px; - --spectrum-table-column-header-row-bottom-to-text-medium:8px; - --spectrum-table-column-header-row-bottom-to-text-large:10px; - --spectrum-table-column-header-row-bottom-to-text-extra-large:13px; - --spectrum-table-row-height-small-regular:32px; - --spectrum-table-row-height-medium-regular:40px; - --spectrum-table-row-height-large-regular:48px; - --spectrum-table-row-height-extra-large-regular:56px; - --spectrum-table-row-height-small-spacious:40px; - --spectrum-table-row-height-medium-spacious:48px; - --spectrum-table-row-height-large-spacious:56px; - --spectrum-table-row-height-extra-large-spacious:64px; - --spectrum-table-row-top-to-text-small-regular:8px; - --spectrum-table-row-top-to-text-medium-regular:11px; - --spectrum-table-row-top-to-text-large-regular:14px; - --spectrum-table-row-top-to-text-extra-large-regular:17px; - --spectrum-table-row-bottom-to-text-small-regular:9px; - --spectrum-table-row-bottom-to-text-medium-regular:12px; - --spectrum-table-row-bottom-to-text-large-regular:14px; - --spectrum-table-row-bottom-to-text-extra-large-regular:17px; - --spectrum-table-row-top-to-text-small-spacious:12px; - --spectrum-table-row-top-to-text-medium-spacious:15px; - --spectrum-table-row-top-to-text-large-spacious:18px; - --spectrum-table-row-top-to-text-extra-large-spacious:21px; - --spectrum-table-row-bottom-to-text-small-spacious:13px; - --spectrum-table-row-bottom-to-text-medium-spacious:16px; - --spectrum-table-row-bottom-to-text-large-spacious:18px; - --spectrum-table-row-bottom-to-text-extra-large-spacious:21px; - --spectrum-table-checkbox-to-text:24px; - --spectrum-table-header-row-checkbox-to-top-small:10px; - --spectrum-table-header-row-checkbox-to-top-medium:9px; - --spectrum-table-header-row-checkbox-to-top-large:12px; - --spectrum-table-header-row-checkbox-to-top-extra-large:15px; - --spectrum-table-row-checkbox-to-top-small-compact:6px; - --spectrum-table-row-checkbox-to-top-small-regular:10px; - --spectrum-table-row-checkbox-to-top-small-spacious:14px; - --spectrum-table-row-checkbox-to-top-medium-compact:9px; - --spectrum-table-row-checkbox-to-top-medium-regular:13px; - --spectrum-table-row-checkbox-to-top-medium-spacious:17px; - --spectrum-table-row-checkbox-to-top-large-compact:12px; - --spectrum-table-row-checkbox-to-top-large-regular:16px; - --spectrum-table-row-checkbox-to-top-large-spacious:20px; - --spectrum-table-row-checkbox-to-top-extra-large-compact:15px; - --spectrum-table-row-checkbox-to-top-extra-large-regular:19px; - --spectrum-table-row-checkbox-to-top-extra-large-spacious:23px; - --spectrum-table-section-header-row-height-small:24px; - --spectrum-table-section-header-row-height-medium:32px; - --spectrum-table-section-header-row-height-large:40px; - --spectrum-table-section-header-row-height-extra-large:48px; - --spectrum-table-thumbnail-to-top-minimum-small-compact:4px; - --spectrum-table-thumbnail-to-top-minimum-medium-compact:5px; - --spectrum-table-thumbnail-to-top-minimum-large-compact:7px; - --spectrum-table-thumbnail-to-top-minimum-extra-large-compact:8px; - --spectrum-table-thumbnail-to-top-minimum-small-regular:5px; - --spectrum-table-thumbnail-to-top-minimum-medium-regular:7px; - --spectrum-table-thumbnail-to-top-minimum-large-regular:8px; - --spectrum-table-thumbnail-to-top-minimum-extra-large-regular:8px; - --spectrum-table-thumbnail-to-top-minimum-small-spacious:7px; - --spectrum-table-thumbnail-to-top-minimum-medium-spacious:8px; - --spectrum-table-thumbnail-to-top-minimum-large-spacious:8px; - --spectrum-table-thumbnail-to-top-minimum-extra-large-spacious:10px; - --spectrum-tab-item-to-tab-item-horizontal-small:21px; - --spectrum-tab-item-to-tab-item-horizontal-medium:24px; - --spectrum-tab-item-to-tab-item-horizontal-large:27px; - --spectrum-tab-item-to-tab-item-horizontal-extra-large:30px; - --spectrum-tab-item-to-tab-item-vertical-small:4px; - --spectrum-tab-item-to-tab-item-vertical-medium:4px; - --spectrum-tab-item-to-tab-item-vertical-large:5px; - --spectrum-tab-item-to-tab-item-vertical-extra-large:5px; - --spectrum-tab-item-start-to-edge-small:12px; - --spectrum-tab-item-start-to-edge-medium:12px; - --spectrum-tab-item-start-to-edge-large:13px; - --spectrum-tab-item-start-to-edge-extra-large:13px; - --spectrum-tab-item-top-to-text-small:11px; - --spectrum-tab-item-bottom-to-text-small:12px; - --spectrum-tab-item-top-to-text-medium:14px; - --spectrum-tab-item-bottom-to-text-medium:14px; - --spectrum-tab-item-top-to-text-large:16px; - --spectrum-tab-item-bottom-to-text-large:18px; - --spectrum-tab-item-top-to-text-extra-large:19px; - --spectrum-tab-item-bottom-to-text-extra-large:20px; - --spectrum-tab-item-top-to-text-compact-small:4px; - --spectrum-tab-item-bottom-to-text-compact-small:5px; - --spectrum-tab-item-top-to-text-compact-medium:6px; - --spectrum-tab-item-bottom-to-text-compact-medium:8px; - --spectrum-tab-item-top-to-text-compact-large:10px; - --spectrum-tab-item-bottom-to-text-compact-large:12px; - --spectrum-tab-item-top-to-text-compact-extra-large:12px; - --spectrum-tab-item-bottom-to-text-compact-extra-large:13px; - --spectrum-tab-item-top-to-workflow-icon-small:13px; - --spectrum-tab-item-top-to-workflow-icon-medium:15px; - --spectrum-tab-item-top-to-workflow-icon-large:17px; - --spectrum-tab-item-top-to-workflow-icon-extra-large:19px; - --spectrum-tab-item-top-to-workflow-icon-compact-small:3px; - --spectrum-tab-item-top-to-workflow-icon-compact-medium:7px; - --spectrum-tab-item-top-to-workflow-icon-compact-large:9px; - --spectrum-tab-item-top-to-workflow-icon-compact-extra-large:11px; - --spectrum-tab-item-focus-indicator-gap-small:7px; - --spectrum-tab-item-focus-indicator-gap-medium:8px; - --spectrum-tab-item-focus-indicator-gap-large:9px; - --spectrum-tab-item-focus-indicator-gap-extra-large:10px; - --spectrum-side-navigation-width:192px; - --spectrum-side-navigation-minimum-width:160px; - --spectrum-side-navigation-maximum-width:240px; - --spectrum-side-navigation-second-level-edge-to-text:24px; - --spectrum-side-navigation-third-level-edge-to-text:36px; - --spectrum-side-navigation-with-icon-second-level-edge-to-text:50px; - --spectrum-side-navigation-with-icon-third-level-edge-to-text:62px; - --spectrum-side-navigation-item-to-item:4px; - --spectrum-side-navigation-item-to-header:24px; - --spectrum-side-navigation-header-to-item:8px; - --spectrum-side-navigation-bottom-to-text:8px; - --spectrum-tray-top-to-content-area:4px; - --spectrum-accordion-top-to-text-spacious-small:9px; - --spectrum-drop-shadow-y:1px; - --spectrum-drop-shadow-blur:4px; - --spectrum-text-to-visual-50:5px; - --spectrum-text-to-visual-75:5px; - --spectrum-text-to-visual-100:6px; - --spectrum-text-to-visual-200:7px; - --spectrum-text-to-visual-300:8px; - --spectrum-text-to-visual-400:9px; - --spectrum-text-to-control-75:9px; - --spectrum-text-to-control-100:10px; - --spectrum-text-to-control-200:11px; - --spectrum-text-to-control-300:13px; - --spectrum-component-height-50:20px; - --spectrum-component-height-75:24px; - --spectrum-component-height-100:32px; - --spectrum-component-height-200:40px; - --spectrum-component-height-300:48px; - --spectrum-component-height-400:56px; - --spectrum-component-height-500:64px; - --spectrum-component-pill-edge-to-visual-75:11px; - --spectrum-component-pill-edge-to-visual-100:14px; - --spectrum-component-pill-edge-to-visual-200:18px; - --spectrum-component-pill-edge-to-visual-300:20px; - --spectrum-component-pill-edge-to-visual-only-75:4px; - --spectrum-component-pill-edge-to-visual-only-100:6px; - --spectrum-component-pill-edge-to-visual-only-200:9px; - --spectrum-component-pill-edge-to-visual-only-300:11px; - --spectrum-component-pill-edge-to-text-75:13px; - --spectrum-component-pill-edge-to-text-100:16px; - --spectrum-component-pill-edge-to-text-200:20px; - --spectrum-component-pill-edge-to-text-300:23px; - --spectrum-component-edge-to-visual-50:7px; - --spectrum-component-edge-to-visual-75:8px; - --spectrum-component-edge-to-visual-100:10px; - --spectrum-component-edge-to-visual-200:13px; - --spectrum-component-edge-to-visual-300:14px; - --spectrum-component-edge-to-visual-only-50:3px; - --spectrum-component-edge-to-visual-only-75:4px; - --spectrum-component-edge-to-visual-only-100:6px; - --spectrum-component-edge-to-visual-only-200:9px; - --spectrum-component-edge-to-visual-only-300:11px; - --spectrum-component-edge-to-text-50:8px; - --spectrum-component-edge-to-text-75:10px; - --spectrum-component-edge-to-text-100:12px; - --spectrum-component-edge-to-text-200:15px; - --spectrum-component-edge-to-text-300:17px; - --spectrum-component-top-to-workflow-icon-50:3px; - --spectrum-component-top-to-workflow-icon-75:4px; - --spectrum-component-top-to-workflow-icon-100:6px; - --spectrum-component-top-to-workflow-icon-200:9px; - --spectrum-component-top-to-workflow-icon-300:11px; - --spectrum-component-top-to-text-50:3px; - --spectrum-component-top-to-text-75:4px; - --spectrum-component-top-to-text-100:6px; - --spectrum-component-top-to-text-200:9px; - --spectrum-component-top-to-text-300:12px; - --spectrum-component-bottom-to-text-50:3px; - --spectrum-component-bottom-to-text-75:5px; - --spectrum-component-bottom-to-text-100:9px; - --spectrum-component-bottom-to-text-200:11px; - --spectrum-component-bottom-to-text-300:14px; - --spectrum-component-to-menu-small:6px; - --spectrum-component-to-menu-medium:6px; - --spectrum-component-to-menu-large:7px; - --spectrum-component-to-menu-extra-large:8px; - --spectrum-field-edge-to-disclosure-icon-75:7px; - --spectrum-field-edge-to-disclosure-icon-100:11px; - --spectrum-field-edge-to-disclosure-icon-200:14px; - --spectrum-field-edge-to-disclosure-icon-300:17px; - --spectrum-field-end-edge-to-disclosure-icon-75:7px; - --spectrum-field-end-edge-to-disclosure-icon-100:11px; - --spectrum-field-end-edge-to-disclosure-icon-200:14px; - --spectrum-field-end-edge-to-disclosure-icon-300:17px; - --spectrum-field-top-to-disclosure-icon-75:7px; - --spectrum-field-top-to-disclosure-icon-100:11px; - --spectrum-field-top-to-disclosure-icon-200:14px; - --spectrum-field-top-to-disclosure-icon-300:17px; - --spectrum-field-top-to-alert-icon-small:4px; - --spectrum-field-top-to-alert-icon-medium:7px; - --spectrum-field-top-to-alert-icon-large:10px; - --spectrum-field-top-to-alert-icon-extra-large:13px; - --spectrum-field-top-to-validation-icon-small:7px; - --spectrum-field-top-to-validation-icon-medium:11px; - --spectrum-field-top-to-validation-icon-large:14px; - --spectrum-field-top-to-validation-icon-extra-large:17px; - --spectrum-field-top-to-progress-circle-small:4px; - --spectrum-field-top-to-progress-circle-medium:8px; - --spectrum-field-top-to-progress-circle-large:12px; - --spectrum-field-top-to-progress-circle-extra-large:16px; - --spectrum-field-edge-to-alert-icon-small:9px; - --spectrum-field-edge-to-alert-icon-medium:12px; - --spectrum-field-edge-to-alert-icon-large:15px; - --spectrum-field-edge-to-alert-icon-extra-large:18px; - --spectrum-field-edge-to-validation-icon-small:9px; - --spectrum-field-edge-to-validation-icon-medium:12px; - --spectrum-field-edge-to-validation-icon-large:15px; - --spectrum-field-edge-to-validation-icon-extra-large:18px; - --spectrum-field-text-to-alert-icon-small:8px; - --spectrum-field-text-to-alert-icon-medium:12px; - --spectrum-field-text-to-alert-icon-large:15px; - --spectrum-field-text-to-alert-icon-extra-large:18px; - --spectrum-field-text-to-validation-icon-small:8px; - --spectrum-field-text-to-validation-icon-medium:12px; - --spectrum-field-text-to-validation-icon-large:15px; - --spectrum-field-text-to-validation-icon-extra-large:18px; - --spectrum-field-width:192px; - --spectrum-character-count-to-field-quiet-small:-3px; - --spectrum-character-count-to-field-quiet-medium:-3px; - --spectrum-character-count-to-field-quiet-large:-3px; - --spectrum-character-count-to-field-quiet-extra-large:-4px; - --spectrum-side-label-character-count-to-field:12px; - --spectrum-side-label-character-count-top-margin-small:4px; - --spectrum-side-label-character-count-top-margin-medium:8px; - --spectrum-side-label-character-count-top-margin-large:11px; - --spectrum-side-label-character-count-top-margin-extra-large:14px; - --spectrum-disclosure-indicator-top-to-disclosure-icon-small:7px; - --spectrum-disclosure-indicator-top-to-disclosure-icon-medium:11px; - --spectrum-disclosure-indicator-top-to-disclosure-icon-large:14px; - --spectrum-disclosure-indicator-top-to-disclosure-icon-extra-large:17px; - --spectrum-navigational-indicator-top-to-back-icon-small:6px; - --spectrum-navigational-indicator-top-to-back-icon-medium:9px; - --spectrum-navigational-indicator-top-to-back-icon-large:12px; - --spectrum-navigational-indicator-top-to-back-icon-extra-large:15px; - --spectrum-color-control-track-width:24px; - --spectrum-font-size-50:11px; - --spectrum-font-size-75:12px; - --spectrum-font-size-100:14px; - --spectrum-font-size-200:16px; - --spectrum-font-size-300:18px; - --spectrum-font-size-400:20px; - --spectrum-font-size-500:22px; - --spectrum-font-size-600:25px; - --spectrum-font-size-700:28px; - --spectrum-font-size-800:32px; - --spectrum-font-size-900:36px; - --spectrum-font-size-1000:40px; - --spectrum-font-size-1100:45px; - --spectrum-font-size-1200:50px; - --spectrum-font-size-1300:60px; - --scale:medium; - - --spectrum-alert-banner-close-button-spacing:var(--spectrum-spacing-100); - --spectrum-alert-banner-edge-to-button:var(--spectrum-spacing-100); - --spectrum-alert-banner-edge-to-divider:var(--spectrum-spacing-100); - --spectrum-alert-banner-text-to-button-vertical:var(--spectrum-spacing-100); - - --spectrum-alert-dialog-description-to-buttons:var(--spectrum-spacing-700); - --spectrum-alert-dialog-padding:var(--spectrum-spacing-500); - - --spectrum-assetcard-content-font-size:var(--spectrum-body-size-s); - --spectrum-assetcard-focus-ring-border-radius:8px; - --spectrum-assetcard-header-content-font-size:var(--spectrum-heading-size-xs); - --spectrum-assetcard-selectionindicator-margin:12px; - --spectrum-assetcard-title-font-size:var(--spectrum-heading-size-xs); - - --spectrum-button-bottom-to-text-small:4px; - --spectrum-button-bottom-to-text-medium:8px; - --spectrum-button-bottom-to-text-large:10px; - --spectrum-button-bottom-to-text-extra-large:13px; - --spectrum-button-top-to-text-small:5px; - --spectrum-button-top-to-text-medium:7px; - --spectrum-button-top-to-text-large:10px; - --spectrum-button-top-to-text-extra-large:13px; - - --spectrum-coach-indicator-gap:6px; - --spectrum-coach-indicator-ring-diameter:var(--spectrum-spacing-300); - --spectrum-coach-indicator-quiet-ring-diameter:var(--spectrum-spacing-100); - - --spectrum-coachmark-buttongroup-display:flex; - --spectrum-coachmark-buttongroup-mobile-display:none; - --spectrum-coachmark-menu-display:inline-flex; - --spectrum-coachmark-menu-mobile-display:none; - - --spectrum-colorloupe-checkerboard-fill:url(#checkerboard-primary); - - --spectrum-colorwheel-colorarea-container-size:144px; - --spectrum-colorwheel-path:"M 95 95 m -95 0 a 95 95 0 1 0 190 0 a 95 95 0 1 0 -190 0.2 M 95 95 m -73 0 a 73 73 0 1 0 146 0 a 73 73 0 1 0 -146 0"; - --spectrum-colorwheel-path-borders:"M 96 96 m -96 0 a 96 96 0 1 0 192 0 a 96 96 0 1 0 -192 0.2 M 96 96 m -72 0 a 72 72 0 1 0 144 0 a 72 72 0 1 0 -144 0"; - - --spectrum-contextual-help-content-spacing:var(--spectrum-spacing-100); - - --spectrum-datepicker-dash-line-height:24px; - --spectrum-datepicker-datetime-width-first:36px; - --spectrum-datepicker-generic-padding:var(--spectrum-spacing-200); - --spectrum-datepicker-initial-width:128px; - --spectrum-datepicker-input-datetime-width:var(--spectrum-spacing-400); - --spectrum-datepicker-invalid-icon-to-button:8px; - --spectrum-datepicker-invalid-icon-to-button-quiet:7px; - --spectrum-datepicker-width-quiet-first:72px; - --spectrum-datepicker-width-quiet-second:16px; - - --spectrum-dial-border-radius:16px; - --spectrum-dial-controls-margin:8px; - --spectrum-dial-handle-block-margin:16px; - --spectrum-dial-handle-inline-margin:16px; - --spectrum-dial-handle-position:8px; - --spectrum-dial-label-container-top-to-text:4px; - --spectrum-dial-label-gap-y:5px; - - --spectrum-dialog-confirm-border-radius:4px; - --spectrum-dialog-confirm-description-text-size:14px; - --spectrum-dialog-confirm-entry-animation-distance:20px; - --spectrum-dialog-confirm-hero-height:128px; - --spectrum-dialog-confirm-padding-grid:40px; - --spectrum-dialog-confirm-title-text-size:18px; - - --spectrum-menu-item-checkmark-height-small:10px; - --spectrum-menu-item-checkmark-height-medium:10px; - --spectrum-menu-item-checkmark-height-large:12px; - --spectrum-menu-item-checkmark-height-extra-large:14px; - --spectrum-menu-item-checkmark-width-small:10px; - --spectrum-menu-item-checkmark-width-medium:10px; - --spectrum-menu-item-checkmark-width-large:12px; - --spectrum-menu-item-checkmark-width-extra-large:14px; - --spectrum-menu-item-selectable-edge-to-text-not-selected-small:28px; - --spectrum-menu-item-selectable-edge-to-text-not-selected-medium:32px; - --spectrum-menu-item-selectable-edge-to-text-not-selected-large:38px; - --spectrum-menu-item-selectable-edge-to-text-not-selected-extra-large:45px; - - --spectrum-pagination-item-inline-spacing:5px; - --spectrum-pagination-textfield-width:var(--spectrum-spacing-700); - - --spectrum-rating-icon-spacing:var(--spectrum-spacing-75); - - --spectrum-slider-ramp-track-height:16px; - --spectrum-slider-tick-mark-height:10px; - - --spectrum-treeview-indicator-inset-block-start:5px; - --spectrum-treeview-item-indentation-small:var(--spectrum-spacing-200); - --spectrum-treeview-item-indentation-medium:var(--spectrum-spacing-300); - --spectrum-treeview-item-indentation-large:20px; - --spectrum-treeview-item-indentation-extra-large:var(--spectrum-spacing-400); - --spectrum-treeview-item-min-block-size-thumbnail-offset-medium:0px; - - --spectrum-tooltip-animation-distance:var(--spectrum-spacing-75); - - --spectrum-ui-icon-medium-display:block; - --spectrum-ui-icon-large-display:none; - - --spectrum-well-border-radius:var(--spectrum-spacing-75); - --spectrum-well-margin-top:var(--spectrum-spacing-75); - --spectrum-well-min-width:240px; - --spectrum-well-padding:var(--spectrum-spacing-300); - --spectrum-workflow-icon-size-xxl:32px; - --spectrum-workflow-icon-size-xxs:12px; +.spectrum--medium { + --spectrum-workflow-icon-size-50: 14px; + --spectrum-workflow-icon-size-75: 16px; + --spectrum-workflow-icon-size-100: 20px; + --spectrum-workflow-icon-size-200: 22px; + --spectrum-workflow-icon-size-300: 26px; + --spectrum-arrow-icon-size-75: 10px; + --spectrum-arrow-icon-size-100: 10px; + --spectrum-arrow-icon-size-200: 12px; + --spectrum-arrow-icon-size-300: 14px; + --spectrum-arrow-icon-size-400: 16px; + --spectrum-arrow-icon-size-500: 18px; + --spectrum-arrow-icon-size-600: 20px; + --spectrum-asterisk-icon-size-100: 8px; + --spectrum-asterisk-icon-size-200: 10px; + --spectrum-asterisk-icon-size-300: 10px; + --spectrum-checkmark-icon-size-50: 10px; + --spectrum-checkmark-icon-size-75: 10px; + --spectrum-checkmark-icon-size-100: 10px; + --spectrum-checkmark-icon-size-200: 12px; + --spectrum-checkmark-icon-size-300: 14px; + --spectrum-checkmark-icon-size-400: 16px; + --spectrum-checkmark-icon-size-500: 16px; + --spectrum-checkmark-icon-size-600: 18px; + --spectrum-chevron-icon-size-50: 6px; + --spectrum-chevron-icon-size-75: 10px; + --spectrum-chevron-icon-size-100: 10px; + --spectrum-chevron-icon-size-200: 12px; + --spectrum-chevron-icon-size-300: 14px; + --spectrum-chevron-icon-size-400: 16px; + --spectrum-chevron-icon-size-500: 16px; + --spectrum-chevron-icon-size-600: 18px; + --spectrum-corner-triangle-icon-size-75: 5px; + --spectrum-corner-triangle-icon-size-100: 5px; + --spectrum-corner-triangle-icon-size-200: 6px; + --spectrum-corner-triangle-icon-size-300: 7px; + --spectrum-cross-icon-size-75: 8px; + --spectrum-cross-icon-size-100: 8px; + --spectrum-cross-icon-size-200: 10px; + --spectrum-cross-icon-size-300: 12px; + --spectrum-cross-icon-size-400: 12px; + --spectrum-cross-icon-size-500: 14px; + --spectrum-cross-icon-size-600: 16px; + --spectrum-dash-icon-size-50: 8px; + --spectrum-dash-icon-size-75: 8px; + --spectrum-dash-icon-size-100: 10px; + --spectrum-dash-icon-size-200: 12px; + --spectrum-dash-icon-size-300: 12px; + --spectrum-dash-icon-size-400: 14px; + --spectrum-dash-icon-size-500: 16px; + --spectrum-dash-icon-size-600: 18px; + --spectrum-checkbox-control-size-small: 12px; + --spectrum-checkbox-control-size-medium: 14px; + --spectrum-checkbox-control-size-large: 16px; + --spectrum-checkbox-control-size-extra-large: 18px; + --spectrum-checkbox-top-to-control-small: 6px; + --spectrum-checkbox-top-to-control-medium: 9px; + --spectrum-checkbox-top-to-control-large: 12px; + --spectrum-checkbox-top-to-control-extra-large: 15px; + --spectrum-switch-control-width-small: 23px; + --spectrum-switch-control-width-medium: 26px; + --spectrum-switch-control-width-large: 29px; + --spectrum-switch-control-width-extra-large: 33px; + --spectrum-switch-control-height-small: 12px; + --spectrum-switch-control-height-medium: 14px; + --spectrum-switch-control-height-large: 16px; + --spectrum-switch-control-height-extra-large: 18px; + --spectrum-switch-top-to-control-small: 6px; + --spectrum-switch-top-to-control-medium: 9px; + --spectrum-switch-top-to-control-large: 12px; + --spectrum-switch-top-to-control-extra-large: 15px; + --spectrum-radio-button-control-size-small: 12px; + --spectrum-radio-button-control-size-medium: 14px; + --spectrum-radio-button-control-size-large: 16px; + --spectrum-radio-button-control-size-extra-large: 18px; + --spectrum-radio-button-top-to-control-small: 6px; + --spectrum-radio-button-top-to-control-medium: 9px; + --spectrum-radio-button-top-to-control-large: 12px; + --spectrum-radio-button-top-to-control-extra-large: 15px; + --spectrum-field-label-text-to-asterisk-small: 4px; + --spectrum-field-label-text-to-asterisk-medium: 4px; + --spectrum-field-label-text-to-asterisk-large: 5px; + --spectrum-field-label-text-to-asterisk-extra-large: 5px; + --spectrum-field-label-top-to-asterisk-small: 8px; + --spectrum-field-label-top-to-asterisk-medium: 12px; + --spectrum-field-label-top-to-asterisk-large: 15px; + --spectrum-field-label-top-to-asterisk-extra-large: 19px; + --spectrum-field-label-top-margin-medium: 4px; + --spectrum-field-label-top-margin-large: 5px; + --spectrum-field-label-top-margin-extra-large: 5px; + --spectrum-field-label-to-component-quiet-small: -8px; + --spectrum-field-label-to-component-quiet-medium: -8px; + --spectrum-field-label-to-component-quiet-large: -12px; + --spectrum-field-label-to-component-quiet-extra-large: -15px; + --spectrum-help-text-top-to-workflow-icon-small: 4px; + --spectrum-help-text-top-to-workflow-icon-medium: 3px; + --spectrum-help-text-top-to-workflow-icon-large: 6px; + --spectrum-help-text-top-to-workflow-icon-extra-large: 9px; + --spectrum-status-light-dot-size-medium: 8px; + --spectrum-status-light-dot-size-large: 10px; + --spectrum-status-light-dot-size-extra-large: 10px; + --spectrum-status-light-top-to-dot-small: 8px; + --spectrum-status-light-top-to-dot-medium: 12px; + --spectrum-status-light-top-to-dot-large: 15px; + --spectrum-status-light-top-to-dot-extra-large: 19px; + --spectrum-action-button-edge-to-hold-icon-medium: 4px; + --spectrum-action-button-edge-to-hold-icon-large: 5px; + --spectrum-action-button-edge-to-hold-icon-extra-large: 6px; + --spectrum-tooltip-tip-width: 8px; + --spectrum-tooltip-tip-height: 4px; + --spectrum-tooltip-maximum-width: 160px; + --spectrum-progress-circle-size-small: 16px; + --spectrum-progress-circle-size-medium: 32px; + --spectrum-progress-circle-size-large: 64px; + --spectrum-progress-circle-thickness-small: 2px; + --spectrum-progress-circle-thickness-medium: 3px; + --spectrum-progress-circle-thickness-large: 4px; + --spectrum-toast-height: 48px; + --spectrum-toast-maximum-width: 336px; + --spectrum-toast-top-to-workflow-icon: 15px; + --spectrum-toast-top-to-text: 14px; + --spectrum-toast-bottom-to-text: 17px; + --spectrum-action-bar-height: 48px; + --spectrum-action-bar-top-to-item-counter: 14px; + --spectrum-swatch-size-extra-small: 16px; + --spectrum-swatch-size-small: 24px; + --spectrum-swatch-size-medium: 32px; + --spectrum-swatch-size-large: 40px; + --spectrum-progress-bar-thickness-small: 4px; + --spectrum-progress-bar-thickness-medium: 6px; + --spectrum-progress-bar-thickness-large: 8px; + --spectrum-progress-bar-thickness-extra-large: 10px; + --spectrum-meter-width: 192px; + --spectrum-meter-thickness-small: 4px; + --spectrum-meter-thickness-large: 6px; + --spectrum-tag-top-to-avatar-small: 4px; + --spectrum-tag-top-to-avatar-medium: 6px; + --spectrum-tag-top-to-avatar-large: 9px; + --spectrum-tag-top-to-cross-icon-small: 8px; + --spectrum-tag-top-to-cross-icon-medium: 12px; + --spectrum-tag-top-to-cross-icon-large: 15px; + --spectrum-popover-top-to-content-area: 4px; + --spectrum-menu-item-edge-to-content-not-selected-small: 28px; + --spectrum-menu-item-edge-to-content-not-selected-medium: 32px; + --spectrum-menu-item-edge-to-content-not-selected-large: 38px; + --spectrum-menu-item-edge-to-content-not-selected-extra-large: 45px; + --spectrum-menu-item-top-to-disclosure-icon-small: 7px; + --spectrum-menu-item-top-to-disclosure-icon-medium: 11px; + --spectrum-menu-item-top-to-disclosure-icon-large: 14px; + --spectrum-menu-item-top-to-disclosure-icon-extra-large: 17px; + --spectrum-menu-item-top-to-selected-icon-small: 7px; + --spectrum-menu-item-top-to-selected-icon-medium: 11px; + --spectrum-menu-item-top-to-selected-icon-large: 14px; + --spectrum-menu-item-top-to-selected-icon-extra-large: 17px; + --spectrum-slider-control-height-small: 14px; + --spectrum-slider-control-height-medium: 16px; + --spectrum-slider-control-height-large: 18px; + --spectrum-slider-control-height-extra-large: 20px; + --spectrum-slider-handle-size-small: 14px; + --spectrum-slider-handle-size-medium: 16px; + --spectrum-slider-handle-size-large: 18px; + --spectrum-slider-handle-size-extra-large: 20px; + --spectrum-slider-handle-border-width-down-small: 5px; + --spectrum-slider-handle-border-width-down-medium: 6px; + --spectrum-slider-handle-border-width-down-large: 7px; + --spectrum-slider-handle-border-width-down-extra-large: 8px; + --spectrum-slider-bottom-to-handle-small: 5px; + --spectrum-slider-bottom-to-handle-medium: 8px; + --spectrum-slider-bottom-to-handle-large: 11px; + --spectrum-slider-bottom-to-handle-extra-large: 14px; + --spectrum-slider-control-to-field-label-small: 5px; + --spectrum-slider-control-to-field-label-medium: 8px; + --spectrum-slider-control-to-field-label-large: 11px; + --spectrum-slider-control-to-field-label-extra-large: 14px; + --spectrum-picker-visual-to-disclosure-icon-small: 7px; + --spectrum-picker-visual-to-disclosure-icon-medium: 8px; + --spectrum-picker-visual-to-disclosure-icon-large: 9px; + --spectrum-picker-visual-to-disclosure-icon-extra-large: 10px; + --spectrum-text-area-minimum-width: 112px; + --spectrum-text-area-minimum-height: 56px; + --spectrum-combo-box-visual-to-field-button-small: 7px; + --spectrum-combo-box-visual-to-field-button-medium: 8px; + --spectrum-combo-box-visual-to-field-button-large: 9px; + --spectrum-combo-box-visual-to-field-button-extra-large: 10px; + --spectrum-thumbnail-size-50: 16px; + --spectrum-thumbnail-size-75: 18px; + --spectrum-thumbnail-size-100: 20px; + --spectrum-thumbnail-size-200: 22px; + --spectrum-thumbnail-size-300: 26px; + --spectrum-thumbnail-size-400: 28px; + --spectrum-thumbnail-size-500: 32px; + --spectrum-thumbnail-size-600: 36px; + --spectrum-thumbnail-size-700: 40px; + --spectrum-thumbnail-size-800: 44px; + --spectrum-thumbnail-size-900: 50px; + --spectrum-thumbnail-size-1000: 56px; + --spectrum-alert-dialog-title-size: var(--spectrum-heading-size-s); + --spectrum-alert-dialog-description-size: var(--spectrum-body-size-s); + --spectrum-opacity-checkerboard-square-size: 8px; + --spectrum-contextual-help-title-size: var(--spectrum-heading-size-xs); + --spectrum-contextual-help-body-size: var(--spectrum-body-size-s); + --spectrum-breadcrumbs-height-multiline: 72px; + --spectrum-breadcrumbs-top-to-text: 13px; + --spectrum-breadcrumbs-top-to-text-compact: 11px; + --spectrum-breadcrumbs-top-to-text-multiline: 12px; + --spectrum-breadcrumbs-bottom-to-text: 15px; + --spectrum-breadcrumbs-bottom-to-text-compact: 12px; + --spectrum-breadcrumbs-bottom-to-text-multiline: 9px; + --spectrum-breadcrumbs-start-edge-to-text: 8px; + --spectrum-breadcrumbs-top-text-to-bottom-text: 9px; + --spectrum-breadcrumbs-top-to-separator-icon: 19px; + --spectrum-breadcrumbs-top-to-separator-icon-compact: 15px; + --spectrum-breadcrumbs-top-to-separator-icon-multiline: 15px; + --spectrum-breadcrumbs-separator-icon-to-bottom-text-multiline: 11px; + --spectrum-breadcrumbs-top-to-truncated-menu: 8px; + --spectrum-breadcrumbs-top-to-truncated-menu-compact: 4px; + --spectrum-avatar-size-50: 16px; + --spectrum-avatar-size-75: 18px; + --spectrum-avatar-size-100: 20px; + --spectrum-avatar-size-200: 22px; + --spectrum-avatar-size-300: 26px; + --spectrum-avatar-size-400: 28px; + --spectrum-avatar-size-500: 32px; + --spectrum-avatar-size-600: 36px; + --spectrum-avatar-size-700: 40px; + --spectrum-alert-banner-minimum-height: 48px; + --spectrum-alert-banner-width: 832px; + --spectrum-alert-banner-top-to-workflow-icon: 15px; + --spectrum-alert-banner-top-to-text: 14px; + --spectrum-alert-banner-bottom-to-text: 17px; + --spectrum-rating-indicator-width: 18px; + --spectrum-rating-indicator-to-icon: 4px; + --spectrum-color-area-width: 192px; + --spectrum-color-area-minimum-width: 64px; + --spectrum-color-area-height: 192px; + --spectrum-color-area-minimum-height: 64px; + --spectrum-color-wheel-width: 192px; + --spectrum-color-wheel-minimum-width: 175px; + --spectrum-color-slider-length: 192px; + --spectrum-color-slider-minimum-length: 80px; + --spectrum-illustrated-message-title-size: var(--spectrum-heading-size-m); + --spectrum-illustrated-message-cjk-title-size: var(--spectrum-heading-cjk-size-m); + --spectrum-illustrated-message-body-size: var(--spectrum-body-size-s); + --spectrum-coach-mark-width: 296px; + --spectrum-coach-mark-minimum-width: 296px; + --spectrum-coach-mark-maximum-width: 380px; + --spectrum-coach-mark-edge-to-content: var(--spectrum-spacing-400); + --spectrum-coach-mark-pagination-text-to-bottom-edge: 33px; + --spectrum-coach-mark-media-height: 222px; + --spectrum-coach-mark-media-minimum-height: 166px; + --spectrum-coach-mark-title-size: var(--spectrum-heading-size-xs); + --spectrum-coach-mark-body-size: var(--spectrum-body-size-s); + --spectrum-coach-mark-pagination-body-size: var(--spectrum-body-size-s); + --spectrum-accordion-top-to-text-regular-small: 5px; + --spectrum-accordion-small-top-to-text-spacious: 9px; + --spectrum-accordion-top-to-text-regular-medium: 8px; + --spectrum-accordion-top-to-text-spacious-medium: 12px; + --spectrum-accordion-top-to-text-compact-large: 4px; + --spectrum-accordion-top-to-text-regular-large: 9px; + --spectrum-accordion-top-to-text-spacious-large: 12px; + --spectrum-accordion-top-to-text-compact-extra-large: 5px; + --spectrum-accordion-top-to-text-regular-extra-large: 9px; + --spectrum-accordion-top-to-text-spacious-extra-large: 13px; + --spectrum-accordion-bottom-to-text-compact-small: 2px; + --spectrum-accordion-bottom-to-text-regular-small: 7px; + --spectrum-accordion-bottom-to-text-spacious-small: 11px; + --spectrum-accordion-bottom-to-text-compact-medium: 5px; + --spectrum-accordion-bottom-to-text-regular-medium: 9px; + --spectrum-accordion-bottom-to-text-spacious-medium: 13px; + --spectrum-accordion-bottom-to-text-compact-large: 8px; + --spectrum-accordion-bottom-to-text-regular-large: 11px; + --spectrum-accordion-bottom-to-text-spacious-large: 16px; + --spectrum-accordion-bottom-to-text-compact-extra-large: 8px; + --spectrum-accordion-bottom-to-text-regular-extra-large: 12px; + --spectrum-accordion-bottom-to-text-spacious-extra-large: 16px; + --spectrum-accordion-minimum-width: 200px; + --spectrum-accordion-content-area-top-to-content: 8px; + --spectrum-accordion-content-area-bottom-to-content: 16px; + --spectrum-color-handle-size: 16px; + --spectrum-color-handle-size-key-focus: 32px; + --spectrum-table-column-header-row-top-to-text-small: 8px; + --spectrum-table-column-header-row-top-to-text-medium: 7px; + --spectrum-table-column-header-row-top-to-text-large: 10px; + --spectrum-table-column-header-row-top-to-text-extra-large: 13px; + --spectrum-table-column-header-row-bottom-to-text-small: 9px; + --spectrum-table-column-header-row-bottom-to-text-medium: 8px; + --spectrum-table-column-header-row-bottom-to-text-large: 10px; + --spectrum-table-column-header-row-bottom-to-text-extra-large: 13px; + --spectrum-table-row-height-small-regular: 32px; + --spectrum-table-row-height-medium-regular: 40px; + --spectrum-table-row-height-large-regular: 48px; + --spectrum-table-row-height-extra-large-regular: 56px; + --spectrum-table-row-height-small-spacious: 40px; + --spectrum-table-row-height-medium-spacious: 48px; + --spectrum-table-row-height-large-spacious: 56px; + --spectrum-table-row-height-extra-large-spacious: 64px; + --spectrum-table-row-top-to-text-small-regular: 8px; + --spectrum-table-row-top-to-text-medium-regular: 11px; + --spectrum-table-row-top-to-text-large-regular: 14px; + --spectrum-table-row-top-to-text-extra-large-regular: 17px; + --spectrum-table-row-bottom-to-text-small-regular: 9px; + --spectrum-table-row-bottom-to-text-medium-regular: 12px; + --spectrum-table-row-bottom-to-text-large-regular: 14px; + --spectrum-table-row-bottom-to-text-extra-large-regular: 17px; + --spectrum-table-row-top-to-text-small-spacious: 12px; + --spectrum-table-row-top-to-text-medium-spacious: 15px; + --spectrum-table-row-top-to-text-large-spacious: 18px; + --spectrum-table-row-top-to-text-extra-large-spacious: 21px; + --spectrum-table-row-bottom-to-text-small-spacious: 13px; + --spectrum-table-row-bottom-to-text-medium-spacious: 16px; + --spectrum-table-row-bottom-to-text-large-spacious: 18px; + --spectrum-table-row-bottom-to-text-extra-large-spacious: 21px; + --spectrum-table-checkbox-to-text: 24px; + --spectrum-table-header-row-checkbox-to-top-small: 10px; + --spectrum-table-header-row-checkbox-to-top-medium: 9px; + --spectrum-table-header-row-checkbox-to-top-large: 12px; + --spectrum-table-header-row-checkbox-to-top-extra-large: 15px; + --spectrum-table-row-checkbox-to-top-small-compact: 6px; + --spectrum-table-row-checkbox-to-top-small-regular: 10px; + --spectrum-table-row-checkbox-to-top-small-spacious: 14px; + --spectrum-table-row-checkbox-to-top-medium-compact: 9px; + --spectrum-table-row-checkbox-to-top-medium-regular: 13px; + --spectrum-table-row-checkbox-to-top-medium-spacious: 17px; + --spectrum-table-row-checkbox-to-top-large-compact: 12px; + --spectrum-table-row-checkbox-to-top-large-regular: 16px; + --spectrum-table-row-checkbox-to-top-large-spacious: 20px; + --spectrum-table-row-checkbox-to-top-extra-large-compact: 15px; + --spectrum-table-row-checkbox-to-top-extra-large-regular: 19px; + --spectrum-table-row-checkbox-to-top-extra-large-spacious: 23px; + --spectrum-table-section-header-row-height-small: 24px; + --spectrum-table-section-header-row-height-medium: 32px; + --spectrum-table-section-header-row-height-large: 40px; + --spectrum-table-section-header-row-height-extra-large: 48px; + --spectrum-table-thumbnail-to-top-minimum-small-compact: 4px; + --spectrum-table-thumbnail-to-top-minimum-medium-compact: 5px; + --spectrum-table-thumbnail-to-top-minimum-large-compact: 7px; + --spectrum-table-thumbnail-to-top-minimum-extra-large-compact: 8px; + --spectrum-table-thumbnail-to-top-minimum-small-regular: 5px; + --spectrum-table-thumbnail-to-top-minimum-medium-regular: 7px; + --spectrum-table-thumbnail-to-top-minimum-large-regular: 8px; + --spectrum-table-thumbnail-to-top-minimum-extra-large-regular: 8px; + --spectrum-table-thumbnail-to-top-minimum-small-spacious: 7px; + --spectrum-table-thumbnail-to-top-minimum-medium-spacious: 8px; + --spectrum-table-thumbnail-to-top-minimum-large-spacious: 8px; + --spectrum-table-thumbnail-to-top-minimum-extra-large-spacious: 10px; + --spectrum-tab-item-to-tab-item-horizontal-small: 21px; + --spectrum-tab-item-to-tab-item-horizontal-medium: 24px; + --spectrum-tab-item-to-tab-item-horizontal-large: 27px; + --spectrum-tab-item-to-tab-item-horizontal-extra-large: 30px; + --spectrum-tab-item-to-tab-item-vertical-small: 4px; + --spectrum-tab-item-to-tab-item-vertical-medium: 4px; + --spectrum-tab-item-to-tab-item-vertical-large: 5px; + --spectrum-tab-item-to-tab-item-vertical-extra-large: 5px; + --spectrum-tab-item-start-to-edge-small: 12px; + --spectrum-tab-item-start-to-edge-medium: 12px; + --spectrum-tab-item-start-to-edge-large: 13px; + --spectrum-tab-item-start-to-edge-extra-large: 13px; + --spectrum-tab-item-top-to-text-small: 11px; + --spectrum-tab-item-bottom-to-text-small: 12px; + --spectrum-tab-item-top-to-text-medium: 14px; + --spectrum-tab-item-bottom-to-text-medium: 14px; + --spectrum-tab-item-top-to-text-large: 16px; + --spectrum-tab-item-bottom-to-text-large: 18px; + --spectrum-tab-item-top-to-text-extra-large: 19px; + --spectrum-tab-item-bottom-to-text-extra-large: 20px; + --spectrum-tab-item-top-to-text-compact-small: 4px; + --spectrum-tab-item-bottom-to-text-compact-small: 5px; + --spectrum-tab-item-top-to-text-compact-medium: 6px; + --spectrum-tab-item-bottom-to-text-compact-medium: 8px; + --spectrum-tab-item-top-to-text-compact-large: 10px; + --spectrum-tab-item-bottom-to-text-compact-large: 12px; + --spectrum-tab-item-top-to-text-compact-extra-large: 12px; + --spectrum-tab-item-bottom-to-text-compact-extra-large: 13px; + --spectrum-tab-item-top-to-workflow-icon-small: 13px; + --spectrum-tab-item-top-to-workflow-icon-medium: 15px; + --spectrum-tab-item-top-to-workflow-icon-large: 17px; + --spectrum-tab-item-top-to-workflow-icon-extra-large: 19px; + --spectrum-tab-item-top-to-workflow-icon-compact-small: 3px; + --spectrum-tab-item-top-to-workflow-icon-compact-medium: 7px; + --spectrum-tab-item-top-to-workflow-icon-compact-large: 9px; + --spectrum-tab-item-top-to-workflow-icon-compact-extra-large: 11px; + --spectrum-tab-item-focus-indicator-gap-small: 7px; + --spectrum-tab-item-focus-indicator-gap-medium: 8px; + --spectrum-tab-item-focus-indicator-gap-large: 9px; + --spectrum-tab-item-focus-indicator-gap-extra-large: 10px; + --spectrum-side-navigation-width: 192px; + --spectrum-side-navigation-minimum-width: 160px; + --spectrum-side-navigation-maximum-width: 240px; + --spectrum-side-navigation-second-level-edge-to-text: 24px; + --spectrum-side-navigation-third-level-edge-to-text: 36px; + --spectrum-side-navigation-with-icon-second-level-edge-to-text: 50px; + --spectrum-side-navigation-with-icon-third-level-edge-to-text: 62px; + --spectrum-side-navigation-item-to-item: 4px; + --spectrum-side-navigation-item-to-header: 24px; + --spectrum-side-navigation-header-to-item: 8px; + --spectrum-side-navigation-bottom-to-text: 8px; + --spectrum-tray-top-to-content-area: 4px; + --spectrum-accordion-top-to-text-spacious-small: 9px; + --spectrum-drop-shadow-y: 1px; + --spectrum-drop-shadow-blur: 4px; + --spectrum-text-to-visual-50: 5px; + --spectrum-text-to-visual-75: 5px; + --spectrum-text-to-visual-100: 6px; + --spectrum-text-to-visual-200: 7px; + --spectrum-text-to-visual-300: 8px; + --spectrum-text-to-visual-400: 9px; + --spectrum-text-to-control-75: 9px; + --spectrum-text-to-control-100: 10px; + --spectrum-text-to-control-200: 11px; + --spectrum-text-to-control-300: 13px; + --spectrum-component-height-50: 20px; + --spectrum-component-height-75: 24px; + --spectrum-component-height-100: 32px; + --spectrum-component-height-200: 40px; + --spectrum-component-height-300: 48px; + --spectrum-component-height-400: 56px; + --spectrum-component-height-500: 64px; + --spectrum-component-pill-edge-to-visual-75: 11px; + --spectrum-component-pill-edge-to-visual-100: 14px; + --spectrum-component-pill-edge-to-visual-200: 18px; + --spectrum-component-pill-edge-to-visual-300: 20px; + --spectrum-component-pill-edge-to-visual-only-75: 4px; + --spectrum-component-pill-edge-to-visual-only-100: 6px; + --spectrum-component-pill-edge-to-visual-only-200: 9px; + --spectrum-component-pill-edge-to-visual-only-300: 11px; + --spectrum-component-pill-edge-to-text-75: 13px; + --spectrum-component-pill-edge-to-text-100: 16px; + --spectrum-component-pill-edge-to-text-200: 20px; + --spectrum-component-pill-edge-to-text-300: 23px; + --spectrum-component-edge-to-visual-50: 7px; + --spectrum-component-edge-to-visual-75: 8px; + --spectrum-component-edge-to-visual-100: 10px; + --spectrum-component-edge-to-visual-200: 13px; + --spectrum-component-edge-to-visual-300: 14px; + --spectrum-component-edge-to-visual-only-50: 3px; + --spectrum-component-edge-to-visual-only-75: 4px; + --spectrum-component-edge-to-visual-only-100: 6px; + --spectrum-component-edge-to-visual-only-200: 9px; + --spectrum-component-edge-to-visual-only-300: 11px; + --spectrum-component-edge-to-text-50: 8px; + --spectrum-component-edge-to-text-75: 10px; + --spectrum-component-edge-to-text-100: 12px; + --spectrum-component-edge-to-text-200: 15px; + --spectrum-component-edge-to-text-300: 17px; + --spectrum-component-top-to-workflow-icon-50: 3px; + --spectrum-component-top-to-workflow-icon-75: 4px; + --spectrum-component-top-to-workflow-icon-100: 6px; + --spectrum-component-top-to-workflow-icon-200: 9px; + --spectrum-component-top-to-workflow-icon-300: 11px; + --spectrum-component-top-to-text-50: 3px; + --spectrum-component-top-to-text-75: 4px; + --spectrum-component-top-to-text-100: 6px; + --spectrum-component-top-to-text-200: 9px; + --spectrum-component-top-to-text-300: 12px; + --spectrum-component-bottom-to-text-50: 3px; + --spectrum-component-bottom-to-text-75: 5px; + --spectrum-component-bottom-to-text-100: 9px; + --spectrum-component-bottom-to-text-200: 11px; + --spectrum-component-bottom-to-text-300: 14px; + --spectrum-component-to-menu-small: 6px; + --spectrum-component-to-menu-medium: 6px; + --spectrum-component-to-menu-large: 7px; + --spectrum-component-to-menu-extra-large: 8px; + --spectrum-field-edge-to-disclosure-icon-75: 7px; + --spectrum-field-edge-to-disclosure-icon-100: 11px; + --spectrum-field-edge-to-disclosure-icon-200: 14px; + --spectrum-field-edge-to-disclosure-icon-300: 17px; + --spectrum-field-end-edge-to-disclosure-icon-75: 7px; + --spectrum-field-end-edge-to-disclosure-icon-100: 11px; + --spectrum-field-end-edge-to-disclosure-icon-200: 14px; + --spectrum-field-end-edge-to-disclosure-icon-300: 17px; + --spectrum-field-top-to-disclosure-icon-75: 7px; + --spectrum-field-top-to-disclosure-icon-100: 11px; + --spectrum-field-top-to-disclosure-icon-200: 14px; + --spectrum-field-top-to-disclosure-icon-300: 17px; + --spectrum-field-top-to-alert-icon-small: 4px; + --spectrum-field-top-to-alert-icon-medium: 7px; + --spectrum-field-top-to-alert-icon-large: 10px; + --spectrum-field-top-to-alert-icon-extra-large: 13px; + --spectrum-field-top-to-validation-icon-small: 7px; + --spectrum-field-top-to-validation-icon-medium: 11px; + --spectrum-field-top-to-validation-icon-large: 14px; + --spectrum-field-top-to-validation-icon-extra-large: 17px; + --spectrum-field-top-to-progress-circle-small: 4px; + --spectrum-field-top-to-progress-circle-medium: 8px; + --spectrum-field-top-to-progress-circle-large: 12px; + --spectrum-field-top-to-progress-circle-extra-large: 16px; + --spectrum-field-edge-to-alert-icon-small: 9px; + --spectrum-field-edge-to-alert-icon-medium: 12px; + --spectrum-field-edge-to-alert-icon-large: 15px; + --spectrum-field-edge-to-alert-icon-extra-large: 18px; + --spectrum-field-edge-to-validation-icon-small: 9px; + --spectrum-field-edge-to-validation-icon-medium: 12px; + --spectrum-field-edge-to-validation-icon-large: 15px; + --spectrum-field-edge-to-validation-icon-extra-large: 18px; + --spectrum-field-text-to-alert-icon-small: 8px; + --spectrum-field-text-to-alert-icon-medium: 12px; + --spectrum-field-text-to-alert-icon-large: 15px; + --spectrum-field-text-to-alert-icon-extra-large: 18px; + --spectrum-field-text-to-validation-icon-small: 8px; + --spectrum-field-text-to-validation-icon-medium: 12px; + --spectrum-field-text-to-validation-icon-large: 15px; + --spectrum-field-text-to-validation-icon-extra-large: 18px; + --spectrum-field-width: 192px; + --spectrum-character-count-to-field-quiet-small: -3px; + --spectrum-character-count-to-field-quiet-medium: -3px; + --spectrum-character-count-to-field-quiet-large: -3px; + --spectrum-character-count-to-field-quiet-extra-large: -4px; + --spectrum-side-label-character-count-to-field: 12px; + --spectrum-side-label-character-count-top-margin-small: 4px; + --spectrum-side-label-character-count-top-margin-medium: 8px; + --spectrum-side-label-character-count-top-margin-large: 11px; + --spectrum-side-label-character-count-top-margin-extra-large: 14px; + --spectrum-disclosure-indicator-top-to-disclosure-icon-small: 7px; + --spectrum-disclosure-indicator-top-to-disclosure-icon-medium: 11px; + --spectrum-disclosure-indicator-top-to-disclosure-icon-large: 14px; + --spectrum-disclosure-indicator-top-to-disclosure-icon-extra-large: 17px; + --spectrum-navigational-indicator-top-to-back-icon-small: 6px; + --spectrum-navigational-indicator-top-to-back-icon-medium: 9px; + --spectrum-navigational-indicator-top-to-back-icon-large: 12px; + --spectrum-navigational-indicator-top-to-back-icon-extra-large: 15px; + --spectrum-color-control-track-width: 24px; + --spectrum-font-size-50: 11px; + --spectrum-font-size-75: 12px; + --spectrum-font-size-100: 14px; + --spectrum-font-size-200: 16px; + --spectrum-font-size-300: 18px; + --spectrum-font-size-400: 20px; + --spectrum-font-size-500: 22px; + --spectrum-font-size-600: 25px; + --spectrum-font-size-700: 28px; + --spectrum-font-size-800: 32px; + --spectrum-font-size-900: 36px; + --spectrum-font-size-1000: 40px; + --spectrum-font-size-1100: 45px; + --spectrum-font-size-1200: 50px; + --spectrum-font-size-1300: 60px; } diff --git a/tokens/package.json b/tokens/package.json index 9fea20c7598..c0a018c7a97 100644 --- a/tokens/package.json +++ b/tokens/package.json @@ -4,7 +4,7 @@ "description": "The Spectrum CSS tokens package", "license": "Apache-2.0", "author": "Adobe", - "homepage": "https://opensource.adobe.com/spectrum-css/", + "homepage": "https://opensource.adobe.com/spectrum-css", "repository": { "type": "git", "url": "https://github.com/adobe/spectrum-css.git", @@ -31,24 +31,46 @@ "main": "dist/index.css", "files": [ "dist", - "CHANGELOG.md", - "README.md", + "*.md", "package.json" ], + "scripts": { + "build": "run-s build:tokens build:combine", + "build:combine": "node --no-warnings ./tasks/token-rollup.js", + "build:process": "cross-env NODE_OPTIONS=\"--no-warnings\" postcss ./dist/css/*.css ./dist/css/spectrum/*.css ./dist/css/express/*.css --replace", + "build:rm_unused": "rm -f ./dist/css/express/custom-light*.css ./dist/css/express/custom-dark*.css ./dist/css/spectrum/custom-dark*.css ./dist/css/spectrum/custom-light*.css || exit 0", + "build:tokens": "style-dictionary build --config ./style-dictionary.config.js", + "clean": "rimraf ./dist && test -d ./dist && echo \"Error: dist directory could not be removed\" && exit 1 || exit 0", + "format": "run-p \"format:*\"", + "format:content": "prettier --write --cache --log-level error --ignore-unknown --no-error-on-unmatched-pattern *.md **/*.md", + "format:scripts": "eslint --fix --cache --no-error-on-unmatched-pattern *.{js,json} {tasks,utilities}/*.js", + "format:styles": "stylelint --fix --cache --allow-empty-input custom/*.css --ignore-pattern dist", + "lint": "run-p \"lint:*\"", + "lint:scripts": "eslint --cache --no-error-on-unmatched-pattern --report-unused-disable-directives *.{js,json} {tasks,utilities}/*.js", + "lint:styles": "stylelint --cache --allow-empty-input --report-descriptionless-disables --report-invalid-scope-disables --report-needless-disables custom/*.css --ignore-pattern dist" + }, "devDependencies": { "@adobe/spectrum-tokens": "0.0.0-s2-foundations-20241121221506", - "@nxkit/style-dictionary": "^6.0.0", + "colors": "^1.4.0", + "eslint": "^8.57.0", + "fast-glob": "^3.3.2", + "npm-run-all2": "^7.0.2", "postcss": "^8.4.49", "postcss-cli": "^11.0.0", "prettier": "^3.4.2", "style-dictionary": "^3.9.2", - "style-dictionary-sets": "^2.3.0" + "style-dictionary-sets": "^2.3.0", + "stylelint": "^16.9.0", + "yargs": "^17.7.2" }, "keywords": [ + "design-system", "spectrum", - "css", - "design system", - "adobe" + "spectrum-css", + "adobe", + "adobe-spectrum", + "tokens", + "css" ], "publishConfig": { "access": "public" diff --git a/tokens/project.json b/tokens/project.json deleted file mode 100644 index 66ac6ed3b09..00000000000 --- a/tokens/project.json +++ /dev/null @@ -1,77 +0,0 @@ -{ - "name": "tokens", - "tag": ["tokens"], - "namedInputs": { - "core": [ - "{projectRoot}/custom-express/*.css", - "{projectRoot}/custom-spectrum/*.css" - ], - "scripts": ["{projectRoot}/style-dictionary.config.js", "{projectRoot}/utilities/*.js"], - "tools": ["{projectRoot}/postcss.config.js", "{projectRoot}/tasks/token-rollup.js"] - }, - "targets": { - "build": { - "cache": false, - "dependsOn": ["clean", "style-dictionary"], - "executor": "nx:run-commands", - "inputs": ["core", "tools", { "externalDependencies": ["postcss", "rimraf"] }], - "options": { - "commands": [ - "cross-env NODE_OPTIONS=\"--no-warnings\" node -e 'require(\"./tasks/token-rollup.js\").default()'", - "rm -f ./dist/css/express/custom-light*.css ./dist/css/express/custom-dark*.css ./dist/css/spectrum/custom-dark*.css ./dist/css/spectrum/custom-light*.css", - "cross-env NODE_OPTIONS=\"--no-warnings\" postcss ./dist/css/*.css ./dist/css/spectrum/*.css ./dist/css/express/*.css --replace" - ], - "cwd": "{projectRoot}", - "parallel": false - }, - "outputs": [ - "{projectRoot}/dist/css/express", - "{projectRoot}/dist/css/spectrum", - "{projectRoot}/dist/css/components", - "{projectRoot}/dist/css/*-vars.css", - "{projectRoot}/dist/index.css" - ] - }, - "clean": { - "cache": false, - "executor": "nx:run-commands", - "inputs": ["{projectRoot}/dist", { "externalDependencies": ["rimraf"] }], - "options": { - "commands": [ - "rimraf {projectRoot}/dist", - "test -d {projectRoot}/dist && echo \"Error: dist directory could not be removed\" && exit 1 || exit 0" - ], - "parallel": false - }, - "outputs": [] - }, - "format": {}, - "lint": {}, - "style-dictionary": { - "dependsOn": ["clean"], - "executor": "@nxkit/style-dictionary:build", - "inputs": ["scripts"], - "options": { - "deleteOutputPath": false, - "outputPath": "./tokens", - "platform": "CSS", - "styleDictionaryConfig": "./tokens/style-dictionary.config.js", - "tsConfig": "./tsconfig.json" - }, - "outputs": [ - "{projectRoot}/dist/css/global-vars.css", - "{projectRoot}/dist/css/light-vars.css", - "{projectRoot}/dist/css/dark-vars.css", - "{projectRoot}/dist/css/darkest-vars.css", - "{projectRoot}/dist/css/medium-vars.css", - "{projectRoot}/dist/css/large-vars.css", - "{projectRoot}/dist/css/spectrum/global-vars.css", - "{projectRoot}/dist/css/spectrum/medium-vars.css", - "{projectRoot}/dist/css/spectrum/large-vars.css", - "{projectRoot}/dist/css/express/global-vars.css", - "{projectRoot}/dist/css/express/medium-vars.css", - "{projectRoot}/dist/css/express/large-vars.css" - ] - } - } -} diff --git a/tokens/tasks/token-rollup.js b/tokens/tasks/token-rollup.js index 63bde69b391..f9d521b49a4 100644 --- a/tokens/tasks/token-rollup.js +++ b/tokens/tasks/token-rollup.js @@ -17,13 +17,24 @@ const fs = require("fs"); const fsp = fs.promises; const path = require("path"); +const { hideBin } = require("yargs/helpers"); +const yargs = require("yargs"); + const fg = require("fast-glob"); const { processCSS } = require("../../tasks/component-builder.js"); -const { copy, writeAndReport, dirs, fetchContent } = require("../../tasks/utilities.js"); require("colors"); +const { + copy, + dirs, + writeAndReport, + runAndReportToConsole, + fetchContent, + getAllComponentNames, +} = require("../../tasks/utilities.js"); + /** * The builder for the main entry point * @param {object} config @@ -47,21 +58,28 @@ async function index(inputGlob, outputPath, { cwd = process.cwd(), clean = false * Compile the theming assets for each component * @param {Object} config * @param {string} [config.cwd=process.cwd()] - Current working directory for the component - * @returns + * @returns {Promise} */ async function componentTheming() { - const components = fs.readdirSync(dirs.components).filter((file) => fs.existsSync(path.join(dirs.components, file, "package.json"))); + const components = getAllComponentNames(); - const promises = []; - for (const component of components) { + return Promise.all(components.map(async (component) => { + // Directory for the component const componentDir = path.join(dirs.components, component); - if (!fs.existsSync(path.join(componentDir, "themes"))) continue; + + // If no themes directory exists, there's nothing to do + if (!fs.existsSync(path.join(componentDir, "themes"))) { + return Promise.resolve(`No themes for ${component.yellow}.`); + } // This fetches the content of the files and returns an array of objects with the content and input paths - const contentData = await fetchContent(["themes/*.css"], { cwd: componentDir }); + const contentData = await fetchContent(["themes/*.css"], { cwd: componentDir, shouldCombine: false }); + console.log(contentData); // Nothing to do if there's no content - if (!contentData || contentData.length === 0) continue; + if (!contentData || contentData.length === 0) { + return Promise.resolve(`No content in themes for ${component}`); + } const imports = contentData.map(({ input }) => `@import "${input}";`).join("\n"); @@ -72,7 +90,7 @@ async function componentTheming() { env: "production", }; - promises.push( + return Promise.all([ // Create a bridge asset for each component processCSS( imports, @@ -102,10 +120,8 @@ async function componentTheming() { ...sharedPostCSSConfig, }); }), - ); - } - - return Promise.all(promises); + ]); + })); } /** @@ -134,6 +150,32 @@ async function appendCustomOverrides({ cwd = process.cwd() } = {}) { return Promise.all(promises); } +async function workflow({ cwd }) { + return Promise.all([ + componentTheming(), + // Wait for all the custom files to be processed + appendCustomOverrides({ cwd }), + ]).then((r) => Promise.all([ + index( + ["dist/css/components/bridge/*.css"], + path.join(cwd, "dist", "css", "components", "bridge", "index.css"), + { cwd, clean } + ), + ...["spectrum", "legacy", "express"].map(theme => index( + [`dist/css/components/${theme}/*.css`], + path.join(cwd, "dist", "css", "components", theme, "index.css"), + { cwd, clean } + )), + index( + ["dist/css/*-vars.css"], + path.join(cwd, "dist", "css", "index.css"), + { cwd, clean } + ).then((reports) => + copy(path.join(cwd, "dist", "css", "index.css"), path.join(cwd, "dist", "index.css"), { cwd, isDeprecated: false }) + .then((reps) => [reports, reps])) + ]).then((r2) => [r, r2])); +} + /** * The main entry point for this tool; this builds a CSS component * @param {object} config @@ -143,78 +185,30 @@ async function appendCustomOverrides({ cwd = process.cwd() } = {}) { * @returns Promise */ async function main({ - cwd = process.cwd(), + cwd = dirs.tokens, clean, } = {}) { if (typeof clean === "undefined") { clean = process.env.NODE_ENV === "production"; } - const key = `[build] ${"@spectrum-css/tokens".cyan} index`; - console.time(key); - - const compiledOutputPath = path.join(cwd, "dist"); - - return Promise.all([ + return runAndReportToConsole((cwd) => ([ + // workflow({ cwd }), componentTheming(), - // Wait for all the custom files to be processed - appendCustomOverrides({ cwd }), - ]).then(async (r) => { - return Promise.all([ - index( - ["dist/css/components/bridge/*.css"], - path.join(compiledOutputPath, "css", "components", "bridge", "index.css"), - { cwd, clean } - ), - ...["spectrum", "legacy", "express"].map(theme => index( - [`dist/css/components/${theme}/*.css`], - path.join(compiledOutputPath, "css", "components", theme, "index.css"), - { cwd, clean } - )), - index( - ["dist/css/*-vars.css"], - path.join(compiledOutputPath, "css", "index.css"), - { cwd, clean } - ).then((reports) => - copy(path.join(compiledOutputPath, "css", "index.css"), path.join(cwd, "dist", "index.css"), { cwd, isDeprecated: false }) - .then((reps) => [reports, reps])) - ]).then((reports) => { - return [reports, r]; - }); - }).then((report) => { - const logs = report.flat(Infinity).filter(Boolean); - - console.log(`\n\n${key} 🔨`); - console.log(`${"".padStart(30, "-")}`); - - if (logs && logs.length > 0) { - logs.sort((a,) => { - if (!a || typeof a !== "string") return 1; - if (a.includes("✓")) return -1; - if (a.includes("🔍")) return 0; - return 1; - }).forEach(log => { - // Strip the ../../tokens/ from the paths - console.log(log.replace(/(\.\.\/)+tokens\//g, "")); - }); - } - else console.log("No assets created.".gray); - - console.log(`${"".padStart(30, "-")}`); - console.timeEnd(key); - console.log(""); - }).catch((err) => { - console.log(`\n\n${key} 🔨`); - console.log(`${"".padStart(30, "-")}`); - - console.trace(err); - - console.log(`${"".padStart(30, "-")}`); - console.timeEnd(key); - console.log(""); - - process.exit(1); + ]), { + taskLabel: "build", + taskIcon: "🔨", + folderName: "tokens", + cwd, }); } exports.default = main; + +let { + cwd = dirs.tokens, + clean = true, + // @todo allow to run against local main or published versions +} = yargs(hideBin(process.argv)).argv; + +main({ cwd, clean }); diff --git a/ui-icons/package.json b/ui-icons/package.json index 4906b41c532..69990cdc5b2 100644 --- a/ui-icons/package.json +++ b/ui-icons/package.json @@ -27,6 +27,13 @@ "svgo": "^3.3.2", "svgstore": "^3.0.1" }, + "keywords": [ + "design-system", + "spectrum", + "spectrum-css", + "adobe", + "adobe-spectrum" + ], "publishConfig": { "access": "public" } diff --git a/ui-icons/project.json b/ui-icons/project.json deleted file mode 100644 index 59726649bdd..00000000000 --- a/ui-icons/project.json +++ /dev/null @@ -1,39 +0,0 @@ -{ - "name": "ui-icons", - "tag": ["icons"], - "namedInputs": { - "core": ["{projectRoot}/large/*.svg", "{projectRoot}/medium/*.svg"], - "scripts": ["{projectRoot}/index.js"], - "tools": ["{projectRoot}/svgo.config.js"] - }, - "targets": { - "build": { - "inputs": [ - "core", - "scripts", - "tools", - { - "externalDependencies": [ - "fast-glob", - "svgcombiner", - "svgo", - "svgstore" - ] - } - ], - "options": { - "commands": ["node --no-warnings ./index.js"], - "cwd": "{projectRoot}" - }, - "outputs": [ - "{projectRoot}/dist/combined", - "{projectRoot}/dist/large", - "{projectRoot}/dist/medium", - "{projectRoot}/dist/spectrum-css-icons.svg", - "{projectRoot}/dist/spectrum-css-icons-large.svg", - "{projectRoot}/dist/spectrum-css-icons-medium.svg" - ] - }, - "clean": {} - } -} diff --git a/yarn.config.cjs b/yarn.config.cjs new file mode 100644 index 00000000000..0cb56dcf43b --- /dev/null +++ b/yarn.config.cjs @@ -0,0 +1,218 @@ +/** @type {import('@yarnpkg/types')} */ +const { defineConfig } = require("@yarnpkg/types"); +const fg = require("fast-glob"); + +/** + * The workspace object used in the constraints function + * @typedef {import('@yarnpkg/types').Yarn.Constraints.Workspace} Workspace + */ + +module.exports = defineConfig({ + async constraints({ Yarn }) { + // A static list of workspaces that do not have styles and thus do not need CSS processing + const noStyles = ["action-menu"]; + + // Fetch a list of all the component workspaces using a glob pattern + const components = fg.sync("components/*", { + cwd: __dirname, + onlyDirectories: true, + ignore: ["components/commons"], + }); + + const rootWorkspace = Yarn.workspaces({ cwd: "." })?.[0]; + const tokenWorkspace = Yarn.workspaces({ cwd: "tokens" })?.[0]; + + /** + * A function to add dependencies to a workspace if they do not already exist + * @param {Workspace} workspace + * @param {string[]} packages + * @param {('dependencies'|'peerDependencies'|'devDependencies')} type + * @returns {void} + */ + function validateDependencies(workspace, packages = [], type = "devDependencies") { + for (const pkg of packages) { + // @note: The token package is the source-of-truth for the @adobe/spectrum-tokens version number + let rootPackage = rootWorkspace; + if (pkg === "@adobe/spectrum-tokens") { + rootPackage = tokenWorkspace; + } + + if (!workspace.manifest[type] || !workspace.manifest[type][pkg]) { + // Source the version from the root workspace if it exists + const version = rootPackage?.manifest?.[type]?.[pkg]; + workspace.set(`${type}.${pkg}`, version ?? "*"); + } + } + } + + /** + * This function checks the workspace for any local package references + * and ensure that the devDependencies are up-to-date with the latest version + * currently in the project + * @param {Workspace} workspace + * @returns {void} + */ + function validateLocalPackages(workspace) { + // Return early if the workspace does not have any peerDependencies + if (!workspace.manifest.peerDependencies) return; + + // Start by filtering out the local packages from the external dependencies + const localPackages = Object.keys(workspace.manifest.peerDependencies).filter((pkg) => Yarn.workspace({ ident: pkg })).map((pkg) => Yarn.workspace({ ident: pkg })); + + // Iterate over the local packages and ensure that the devDependencies are up-to-date + for (const localWorkspace of localPackages) { + const localVersion = localWorkspace.manifest.version; + workspace.set(`devDependencies.${localWorkspace.manifest.name}`, localVersion ?? "workspace:^"); + } + } + + /** + * A reusable function to set up linting scripts for a workspace; + * outputs format and lint scripts for any files provided to the fileGlobs object + * and uses the outputDir to ignore files in the output directory + * @param {Workspace} workspace + * @param {Object} fileGlobs -- An object containing the file globs for stylelint, eslint, and prettier + * @param {string} fileGlobs.styles -- The glob pattern(s) to use for stylelint + * @param {string} fileGlobs.scripts -- The glob pattern(s) to use for eslint + * @param {string} fileGlobs.content -- The glob pattern(s) to use for prettier + * @param {string} outputDir -- The directory to ignore when linting + * @returns {void} + */ + function lintingScripts(workspace, fileGlobs = {}, outputDir = "dist") { + workspace.set("scripts.format", "run-p \"format:*\""); + workspace.set("scripts.lint", "run-p \"lint:*\""); + if (fileGlobs.styles) { + workspace.set("scripts['format:styles']", `stylelint --fix --cache --allow-empty-input ${fileGlobs.css} --ignore-pattern ${outputDir}`); + workspace.set("scripts['lint:styles']", `stylelint --cache --allow-empty-input --report-descriptionless-disables --report-invalid-scope-disables --report-needless-disables ${fileGlobs.css} --ignore-pattern ${outputDir}`); + } + if (fileGlobs.scripts) { + workspace.set("scripts['format:scripts']", `eslint --fix --cache --no-error-on-unmatched-pattern ${fileGlobs.scripts}`); + workspace.set("scripts['lint:scripts']", `eslint --cache --no-error-on-unmatched-pattern --report-unused-disable-directives ${fileGlobs.scripts}`); + } + if (fileGlobs.content) { + workspace.set("scripts['format:content']", `prettier --write --cache --log-level error --ignore-unknown --no-error-on-unmatched-pattern ${fileGlobs.content}`); + } + + // @note: npm-run-all2 is the maintained fork of npm-run-all which is no longer maintained + validateDependencies(workspace, ["npm-run-all2", "stylelint", "eslint", "prettier"], "devDependencies"); + } + + /** + * A reusable function to set up cleaning scripts for a workspace + * @param {Workspace} workspace + * @param {string} outputDir -- The directory to remove + * @returns {void} + */ + function cleaningScripts(workspace, outputDir = "dist") { + workspace.set("scripts.clean", `rimraf ${outputDir} && test -d ${outputDir} && echo "Error: ${outputDir} directory could not be removed" && exit 1 || exit 0`); + } + + /** + * A reusable function to add keywords to ensure workspaces + * include a minimal set of keywords for discoverability + * with additionalKeywords as an optional parameter to add more + * specific keywords that are relevant to the workspace + * @param {string[]} additionalKeywords + * @returns {string[]} + */ + function keywords(additionalKeywords = []) { + return ["design-system", "spectrum", "spectrum-css", "adobe", "adobe-spectrum", ...additionalKeywords]; + } + + for (const workspace of Yarn.workspaces()) { + /** + * -------------- GLOBAL -------------- + * Global configuration for all workspaces + */ + workspace.set("license", "Apache-2.0"); + workspace.set("author", "Adobe"); + + workspace.set("repository.type", "git"); + workspace.set("repository.url", "https://github.com/adobe/spectrum-css.git"); + + // We don't need to set the directory for the root workspace + if (workspace.cwd !== ".") workspace.set("repository.directory", workspace.cwd); + + workspace.set("bugs.url", "https://github.com/adobe/spectrum-css/issues"); + + /** + * -------------- COMPONENTS -------------- + * Process the components workspaces with component-specific configuration + */ + if (components.includes(workspace.cwd)) { + const folderName = workspace.cwd?.split("/")?.[1]; + + workspace.set("scripts.build", `yarn run component:build ${folderName}`); + workspace.set("scripts['build:full']", "yarn report"); + + cleaningScripts(workspace); + + workspace.set("scripts.compare", `yarn run component:compare ${folderName}`); + + lintingScripts(workspace, { + css: !noStyles ? "*.css **/*.css" : undefined, + scripts: "*.json stories/*.js", + content: "*.{md,mdx} **/*.{md,mdx}" + }); + + workspace.set("scripts.report", `yarn run component:report ${folderName}`); + + workspace.set("homepage", `https://opensource.adobe.com/spectrum-css/?path=/docs/components-${folderName}--docs`); + workspace.set("publishConfig.access", "public"); + workspace.set("keywords", keywords(["component", "css"])); + workspace.set("main", "dist/index.css"); + workspace.set("files", ["dist/*", "*.md", "package.json", "metadata/*", "stories/*"]); + workspace.set("exports", { + ".": "./dist/index.css", + "./*.md": "./*.md", + "./dist/*": "./dist/*", + "./index-*.css": "./dist/index-*.css", + "./index.css": "./dist/index.css", + "./metadata.json": "./metadata/metadata.json", + "./metadata/*": "./metadata/*", + "./package.json": "./package.json", + "./stories/*": "./stories/*" + }); + + validateLocalPackages(workspace); + } + + /** + * -------------- TOKENS -------------- + * Process the tokens workspace with token-specific configuration + */ + else if (workspace.cwd === "tokens") { + lintingScripts(workspace, { + css: "custom/*.css", + scripts: "*.{js,json} {tasks,utilities}/*.js", + content: "*.md **/*.md" + }); + + workspace.set("homepage", "https://opensource.adobe.com/spectrum-css"); + workspace.set("publishConfig.access", "public"); + workspace.set("keywords", keywords(["tokens", "css"])); + workspace.set("main", "dist/index.css"); + workspace.set("files", ["dist", "*.md", "package.json"]); + + validateLocalPackages(workspace); + } + + /** + * -------------- OTHER -------------- + * All other workspaces should have at least the following configuration + */ + if (!workspace.manifest.keywords) { + workspace.set("keywords", keywords([])); + } + + // Check if the files already exist and only add this if it does not + if (!workspace.manifest.files) { + workspace.set("files", ["*.md", "package.json"]); + } + + if (!workspace.manifest.homepage) { + workspace.set("homepage", "https://opensource.adobe.com/spectrum-css"); + } + } + }, +}); diff --git a/yarn.lock b/yarn.lock index f7fe5cc9330..866962f1e3a 100644 --- a/yarn.lock +++ b/yarn.lock @@ -1028,15 +1028,6 @@ __metadata: languageName: node linkType: hard -"@cspotcode/source-map-support@npm:^0.8.0": - version: 0.8.1 - resolution: "@cspotcode/source-map-support@npm:0.8.1" - dependencies: - "@jridgewell/trace-mapping": "npm:0.3.9" - checksum: 10c0/05c5368c13b662ee4c122c7bfbe5dc0b613416672a829f3e78bc49a357a197e0218d6e74e7c66cfcd04e15a179acab080bd3c69658c9fbefd0e1ccd950a07fc6 - languageName: node - linkType: hard - "@csstools/cascade-layer-name-parser@npm:^1.0.13": version: 1.0.13 resolution: "@csstools/cascade-layer-name-parser@npm:1.0.13" @@ -1543,34 +1534,6 @@ __metadata: languageName: node linkType: hard -"@emnapi/core@npm:^1.1.0": - version: 1.2.0 - resolution: "@emnapi/core@npm:1.2.0" - dependencies: - "@emnapi/wasi-threads": "npm:1.0.1" - tslib: "npm:^2.4.0" - checksum: 10c0/a9cf024c1982cd965f6888d1b4514926ad3675fa9d0bd792c9a0770fb592c4c4d20aa1e97a225a7682f9c7900231751434820d5558fd5a00929c2ee976ce5265 - languageName: node - linkType: hard - -"@emnapi/runtime@npm:^1.1.0": - version: 1.2.0 - resolution: "@emnapi/runtime@npm:1.2.0" - dependencies: - tslib: "npm:^2.4.0" - checksum: 10c0/7005ff8b67724c9e61b6cd79a3decbdb2ce25d24abd4d3d187472f200ee6e573329c30264335125fb136bd813aa9cf9f4f7c9391d04b07dd1e63ce0a3427be57 - languageName: node - linkType: hard - -"@emnapi/wasi-threads@npm:1.0.1": - version: 1.0.1 - resolution: "@emnapi/wasi-threads@npm:1.0.1" - dependencies: - tslib: "npm:^2.4.0" - checksum: 10c0/1e0c8036b8d53e9b07cc9acf021705ef6c86ab6b13e1acda7fffaf541a2d3565072afb92597419173ced9ea14f6bf32fce149106e669b5902b825e8b499e5c6c - languageName: node - linkType: hard - "@emotion/use-insertion-effect-with-fallbacks@npm:^1.0.0": version: 1.0.1 resolution: "@emotion/use-insertion-effect-with-fallbacks@npm:1.0.1" @@ -2070,15 +2033,6 @@ __metadata: languageName: node linkType: hard -"@jest/schemas@npm:^29.6.3": - version: 29.6.3 - resolution: "@jest/schemas@npm:29.6.3" - dependencies: - "@sinclair/typebox": "npm:^0.27.8" - checksum: 10c0/b329e89cd5f20b9278ae1233df74016ebf7b385e0d14b9f4c1ad18d096c4c19d1e687aa113a9c976b16ec07f021ae53dea811fb8c1248a50ac34fbe009fdf6be - languageName: node - linkType: hard - "@jridgewell/gen-mapping@npm:^0.3.5": version: 0.3.5 resolution: "@jridgewell/gen-mapping@npm:0.3.5" @@ -2090,7 +2044,7 @@ __metadata: languageName: node linkType: hard -"@jridgewell/resolve-uri@npm:^3.0.3, @jridgewell/resolve-uri@npm:^3.1.0": +"@jridgewell/resolve-uri@npm:^3.1.0": version: 3.1.2 resolution: "@jridgewell/resolve-uri@npm:3.1.2" checksum: 10c0/d502e6fb516b35032331406d4e962c21fe77cdf1cbdb49c6142bcbd9e30507094b18972778a6e27cbad756209cfe34b1a27729e6fa08a2eb92b33943f680cf1e @@ -2111,16 +2065,6 @@ __metadata: languageName: node linkType: hard -"@jridgewell/trace-mapping@npm:0.3.9": - version: 0.3.9 - resolution: "@jridgewell/trace-mapping@npm:0.3.9" - dependencies: - "@jridgewell/resolve-uri": "npm:^3.0.3" - "@jridgewell/sourcemap-codec": "npm:^1.4.10" - checksum: 10c0/fa425b606d7c7ee5bfa6a31a7b050dd5814b4082f318e0e4190f991902181b4330f43f4805db1dd4f2433fd0ed9cc7a7b9c2683f1deeab1df1b0a98b1e24055b - languageName: node - linkType: hard - "@jridgewell/trace-mapping@npm:^0.3.12, @jridgewell/trace-mapping@npm:^0.3.24, @jridgewell/trace-mapping@npm:^0.3.25": version: 0.3.25 resolution: "@jridgewell/trace-mapping@npm:0.3.25" @@ -2229,17 +2173,6 @@ __metadata: languageName: node linkType: hard -"@napi-rs/wasm-runtime@npm:0.2.4": - version: 0.2.4 - resolution: "@napi-rs/wasm-runtime@npm:0.2.4" - dependencies: - "@emnapi/core": "npm:^1.1.0" - "@emnapi/runtime": "npm:^1.1.0" - "@tybys/wasm-util": "npm:^0.9.0" - checksum: 10c0/1040de49b2ef509db207e2517465dbf7fb3474f20e8ec32897672a962ff4f59872385666dac61dc9dbeae3cae5dad265d8dc3865da756adeb07d1634c67b03a1 - languageName: node - linkType: hard - "@nodelib/fs.scandir@npm:2.1.5": version: 2.1.5 resolution: "@nodelib/fs.scandir@npm:2.1.5" @@ -2318,149 +2251,6 @@ __metadata: languageName: node linkType: hard -"@nrwl/devkit@npm:19.8.2": - version: 19.8.2 - resolution: "@nrwl/devkit@npm:19.8.2" - dependencies: - "@nx/devkit": "npm:19.8.2" - checksum: 10c0/031f0332788923370b6b41ebbd70a2a01daadeb7f39d5a5fa8894aad7a680baca610ee82e86b9c193e851ed8498e9b50c11795bd4bb3d6037ce18d1bde4cfac8 - languageName: node - linkType: hard - -"@nrwl/tao@npm:19.8.2": - version: 19.8.2 - resolution: "@nrwl/tao@npm:19.8.2" - dependencies: - nx: "npm:19.8.2" - tslib: "npm:^2.3.0" - bin: - tao: index.js - checksum: 10c0/e85be912f2851750c012fed71c85f0362d466ff2752361ff0a8f91df275fb7d9d4499ba1083ffa28aabd6dcce2c225e704bdbe06f1a9b3f36b558dc31ffaa045 - languageName: node - linkType: hard - -"@nx/devkit@npm:19.8.2, @nx/devkit@npm:^19.8.2": - version: 19.8.2 - resolution: "@nx/devkit@npm:19.8.2" - dependencies: - "@nrwl/devkit": "npm:19.8.2" - ejs: "npm:^3.1.7" - enquirer: "npm:~2.3.6" - ignore: "npm:^5.0.4" - minimatch: "npm:9.0.3" - semver: "npm:^7.5.3" - tmp: "npm:~0.2.1" - tslib: "npm:^2.3.0" - yargs-parser: "npm:21.1.1" - peerDependencies: - nx: ">= 17 <= 20" - checksum: 10c0/af26cce31e8e259a645d28bfb7399762001f25928eb004050dda96954827da6ceb58ac841a2815dc919f8c76bcc616c8a22acc7da5b91aa0b4a2ca5b3fdc5b12 - languageName: node - linkType: hard - -"@nx/devkit@npm:20.0.10": - version: 20.0.10 - resolution: "@nx/devkit@npm:20.0.10" - dependencies: - ejs: "npm:^3.1.7" - enquirer: "npm:~2.3.6" - ignore: "npm:^5.0.4" - minimatch: "npm:9.0.3" - semver: "npm:^7.5.3" - tmp: "npm:~0.2.1" - tslib: "npm:^2.3.0" - yargs-parser: "npm:21.1.1" - peerDependencies: - nx: ">= 19 <= 21" - checksum: 10c0/bab4c7ce90013ae8ed6a2d4edc8162afdcf249dd72e0540402f1e3c3f3d9540f7b60eb546b6151c11238202b78106e568130f7e308023e526663e3b5187a7794 - languageName: node - linkType: hard - -"@nx/nx-darwin-arm64@npm:19.8.2": - version: 19.8.2 - resolution: "@nx/nx-darwin-arm64@npm:19.8.2" - conditions: os=darwin & cpu=arm64 - languageName: node - linkType: hard - -"@nx/nx-darwin-x64@npm:19.8.2": - version: 19.8.2 - resolution: "@nx/nx-darwin-x64@npm:19.8.2" - conditions: os=darwin & cpu=x64 - languageName: node - linkType: hard - -"@nx/nx-freebsd-x64@npm:19.8.2": - version: 19.8.2 - resolution: "@nx/nx-freebsd-x64@npm:19.8.2" - conditions: os=freebsd & cpu=x64 - languageName: node - linkType: hard - -"@nx/nx-linux-arm-gnueabihf@npm:19.8.2": - version: 19.8.2 - resolution: "@nx/nx-linux-arm-gnueabihf@npm:19.8.2" - conditions: os=linux & cpu=arm - languageName: node - linkType: hard - -"@nx/nx-linux-arm64-gnu@npm:19.8.2": - version: 19.8.2 - resolution: "@nx/nx-linux-arm64-gnu@npm:19.8.2" - conditions: os=linux & cpu=arm64 & libc=glibc - languageName: node - linkType: hard - -"@nx/nx-linux-arm64-musl@npm:19.8.2": - version: 19.8.2 - resolution: "@nx/nx-linux-arm64-musl@npm:19.8.2" - conditions: os=linux & cpu=arm64 & libc=musl - languageName: node - linkType: hard - -"@nx/nx-linux-x64-gnu@npm:19.8.2": - version: 19.8.2 - resolution: "@nx/nx-linux-x64-gnu@npm:19.8.2" - conditions: os=linux & cpu=x64 & libc=glibc - languageName: node - linkType: hard - -"@nx/nx-linux-x64-musl@npm:19.8.2": - version: 19.8.2 - resolution: "@nx/nx-linux-x64-musl@npm:19.8.2" - conditions: os=linux & cpu=x64 & libc=musl - languageName: node - linkType: hard - -"@nx/nx-win32-arm64-msvc@npm:19.8.2": - version: 19.8.2 - resolution: "@nx/nx-win32-arm64-msvc@npm:19.8.2" - conditions: os=win32 & cpu=arm64 - languageName: node - linkType: hard - -"@nx/nx-win32-x64-msvc@npm:19.8.2": - version: 19.8.2 - resolution: "@nx/nx-win32-x64-msvc@npm:19.8.2" - conditions: os=win32 & cpu=x64 - languageName: node - linkType: hard - -"@nxkit/style-dictionary@npm:^6.0.0": - version: 6.0.0 - resolution: "@nxkit/style-dictionary@npm:6.0.0" - dependencies: - "@nx/devkit": "npm:20.0.10" - "@phenomnomnominal/tsquery": "npm:^5.0.1" - fs-extra: "npm:^11.2.0" - ts-node: "npm:10.9.1" - tslib: "npm:^2.8.1" - peerDependencies: - style-dictionary: ^3.9.2 - checksum: 10c0/168694e713a38ceb05c969043d49c4a70354432be3c1378be1c163ad8e1e4f31e9fa47c248f1e46299b84306c11e46db772a8a2cba1014aff9e08badcff31a9f - languageName: node - linkType: hard - "@octokit/auth-token@npm:^2.4.4": version: 2.5.0 resolution: "@octokit/auth-token@npm:2.5.0" @@ -2710,17 +2500,6 @@ __metadata: languageName: node linkType: hard -"@phenomnomnominal/tsquery@npm:^5.0.1": - version: 5.0.1 - resolution: "@phenomnomnominal/tsquery@npm:5.0.1" - dependencies: - esquery: "npm:^1.4.0" - peerDependencies: - typescript: ^3 || ^4 || ^5 - checksum: 10c0/e241410cd321eb19543acd1e5f3cd973e02ecca918b2382d44e35e316fa1e41cf2d81abc4a2ee48cca023541d3812e94b491f215894375f5a2576e948b934e89 - languageName: node - linkType: hard - "@pkgjs/parseargs@npm:^0.11.0": version: 0.11.0 resolution: "@pkgjs/parseargs@npm:0.11.0" @@ -2930,13 +2709,6 @@ __metadata: languageName: node linkType: hard -"@sinclair/typebox@npm:^0.27.8": - version: 0.27.8 - resolution: "@sinclair/typebox@npm:0.27.8" - checksum: 10c0/ef6351ae073c45c2ac89494dbb3e1f87cc60a93ce4cde797b782812b6f97da0d620ae81973f104b43c9b7eaa789ad20ba4f6a1359f1cc62f63729a55a7d22d4e - languageName: node - linkType: hard - "@sindresorhus/merge-streams@npm:^2.1.0": version: 2.3.0 resolution: "@sindresorhus/merge-streams@npm:2.3.0" @@ -2948,23 +2720,31 @@ __metadata: version: 0.0.0-use.local resolution: "@spectrum-css/accordion@workspace:components/accordion" dependencies: - "@spectrum-css/icon": "workspace:^" - "@spectrum-css/tokens": "workspace:^" + "@spectrum-css/icon": "npm:8.0.0-s2-foundations.18" + "@spectrum-css/tokens": "npm:15.0.0-s2-foundations.31" + eslint: "npm:^8.57.0" + npm-run-all2: "npm:^7.0.2" + prettier: "npm:^3.4.2" + stylelint: "npm:^16.9.0" peerDependencies: "@spectrum-css/icon": ">=7" "@spectrum-css/tokens": ">=14" languageName: unknown linkType: soft -"@spectrum-css/actionbar@workspace:components/actionbar": +"@spectrum-css/actionbar@workspace:components/action-bar": version: 0.0.0-use.local - resolution: "@spectrum-css/actionbar@workspace:components/actionbar" + resolution: "@spectrum-css/actionbar@workspace:components/action-bar" dependencies: - "@spectrum-css/actiongroup": "workspace:^" - "@spectrum-css/closebutton": "workspace:^" - "@spectrum-css/fieldlabel": "workspace:^" - "@spectrum-css/popover": "workspace:^" - "@spectrum-css/tokens": "workspace:^" + "@spectrum-css/actiongroup": "npm:6.0.0-s2-foundations.17" + "@spectrum-css/closebutton": "npm:6.0.0-s2-foundations.17" + "@spectrum-css/fieldlabel": "npm:9.0.0-s2-foundations.17" + "@spectrum-css/popover": "npm:8.0.0-s2-foundations.17" + "@spectrum-css/tokens": "npm:15.0.0-s2-foundations.31" + eslint: "npm:^8.57.0" + npm-run-all2: "npm:^7.0.2" + prettier: "npm:^3.4.2" + stylelint: "npm:^16.9.0" peerDependencies: "@spectrum-css/actiongroup": ">=5" "@spectrum-css/closebutton": ">=5" @@ -2974,13 +2754,17 @@ __metadata: languageName: unknown linkType: soft -"@spectrum-css/actionbutton@workspace:^, @spectrum-css/actionbutton@workspace:components/actionbutton": +"@spectrum-css/actionbutton@npm:7.0.0-s2-foundations.24, @spectrum-css/actionbutton@workspace:components/action-button": version: 0.0.0-use.local - resolution: "@spectrum-css/actionbutton@workspace:components/actionbutton" + resolution: "@spectrum-css/actionbutton@workspace:components/action-button" dependencies: "@spectrum-css/commons": "workspace:^" - "@spectrum-css/icon": "workspace:^" - "@spectrum-css/tokens": "workspace:^" + "@spectrum-css/icon": "npm:8.0.0-s2-foundations.18" + "@spectrum-css/tokens": "npm:15.0.0-s2-foundations.31" + eslint: "npm:^8.57.0" + npm-run-all2: "npm:^7.0.2" + prettier: "npm:^3.4.2" + stylelint: "npm:^16.9.0" peerDependencies: "@spectrum-css/icon": ">=7" "@spectrum-css/tokens": ">=14" @@ -2990,9 +2774,16 @@ __metadata: languageName: unknown linkType: soft -"@spectrum-css/actiongroup@workspace:^, @spectrum-css/actiongroup@workspace:components/actiongroup": +"@spectrum-css/actiongroup@npm:6.0.0-s2-foundations.17, @spectrum-css/actiongroup@workspace:components/action-group": version: 0.0.0-use.local - resolution: "@spectrum-css/actiongroup@workspace:components/actiongroup" + resolution: "@spectrum-css/actiongroup@workspace:components/action-group" + dependencies: + "@spectrum-css/actionbutton": "npm:7.0.0-s2-foundations.24" + "@spectrum-css/tokens": "npm:15.0.0-s2-foundations.31" + eslint: "npm:^8.57.0" + npm-run-all2: "npm:^7.0.2" + prettier: "npm:^3.4.2" + stylelint: "npm:^16.9.0" peerDependencies: "@spectrum-css/actionbutton": ">=6" "@spectrum-css/tokens": ">=14" @@ -3002,15 +2793,19 @@ __metadata: languageName: unknown linkType: soft -"@spectrum-css/actionmenu@workspace:^, @spectrum-css/actionmenu@workspace:components/actionmenu": +"@spectrum-css/actionmenu@npm:7.0.0-s2-foundations.16, @spectrum-css/actionmenu@workspace:components/action-menu": version: 0.0.0-use.local - resolution: "@spectrum-css/actionmenu@workspace:components/actionmenu" + resolution: "@spectrum-css/actionmenu@workspace:components/action-menu" dependencies: - "@spectrum-css/actionbutton": "workspace:^" - "@spectrum-css/icon": "workspace:^" - "@spectrum-css/menu": "workspace:^" - "@spectrum-css/popover": "workspace:^" - "@spectrum-css/tokens": "workspace:^" + "@spectrum-css/actionbutton": "npm:7.0.0-s2-foundations.24" + "@spectrum-css/icon": "npm:8.0.0-s2-foundations.18" + "@spectrum-css/menu": "npm:8.0.0-s2-foundations.17" + "@spectrum-css/popover": "npm:8.0.0-s2-foundations.17" + "@spectrum-css/tokens": "npm:15.0.0-s2-foundations.31" + eslint: "npm:^8.57.0" + npm-run-all2: "npm:^7.0.2" + prettier: "npm:^3.4.2" + stylelint: "npm:^16.9.0" peerDependencies: "@spectrum-css/actionbutton": ">=6" "@spectrum-css/icon": ">=7" @@ -3020,15 +2815,19 @@ __metadata: languageName: unknown linkType: soft -"@spectrum-css/alertbanner@workspace:components/alertbanner": +"@spectrum-css/alertbanner@workspace:components/alert-banner": version: 0.0.0-use.local - resolution: "@spectrum-css/alertbanner@workspace:components/alertbanner" + resolution: "@spectrum-css/alertbanner@workspace:components/alert-banner" dependencies: - "@spectrum-css/button": "workspace:^" - "@spectrum-css/closebutton": "workspace:^" - "@spectrum-css/divider": "workspace:^" - "@spectrum-css/icon": "workspace:^" - "@spectrum-css/tokens": "workspace:^" + "@spectrum-css/button": "npm:14.0.0-s2-foundations.19" + "@spectrum-css/closebutton": "npm:6.0.0-s2-foundations.17" + "@spectrum-css/divider": "npm:4.0.0-s2-foundations.16" + "@spectrum-css/icon": "npm:8.0.0-s2-foundations.18" + "@spectrum-css/tokens": "npm:15.0.0-s2-foundations.31" + eslint: "npm:^8.57.0" + npm-run-all2: "npm:^7.0.2" + prettier: "npm:^3.4.2" + stylelint: "npm:^16.9.0" peerDependencies: "@spectrum-css/button": ">=13" "@spectrum-css/closebutton": ">=5" @@ -3041,16 +2840,20 @@ __metadata: languageName: unknown linkType: soft -"@spectrum-css/alertdialog@workspace:^, @spectrum-css/alertdialog@workspace:components/alertdialog": +"@spectrum-css/alertdialog@npm:3.0.0-s2-foundations.16, @spectrum-css/alertdialog@workspace:components/alert-dialog": version: 0.0.0-use.local - resolution: "@spectrum-css/alertdialog@workspace:components/alertdialog" - dependencies: - "@spectrum-css/buttongroup": "workspace:^" - "@spectrum-css/divider": "workspace:^" - "@spectrum-css/icon": "workspace:^" - "@spectrum-css/modal": "workspace:^" - "@spectrum-css/tokens": "workspace:^" - "@spectrum-css/underlay": "workspace:^" + resolution: "@spectrum-css/alertdialog@workspace:components/alert-dialog" + dependencies: + "@spectrum-css/buttongroup": "npm:8.0.0-s2-foundations.16" + "@spectrum-css/divider": "npm:4.0.0-s2-foundations.16" + "@spectrum-css/icon": "npm:8.0.0-s2-foundations.18" + "@spectrum-css/modal": "npm:6.0.0-s2-foundations.17" + "@spectrum-css/tokens": "npm:15.0.0-s2-foundations.31" + "@spectrum-css/underlay": "npm:5.0.0-s2-foundations.16" + eslint: "npm:^8.57.0" + npm-run-all2: "npm:^7.0.2" + prettier: "npm:^3.4.2" + stylelint: "npm:^16.9.0" peerDependencies: "@spectrum-css/buttongroup": ">=7" "@spectrum-css/divider": ">=3" @@ -3066,22 +2869,30 @@ __metadata: languageName: unknown linkType: soft -"@spectrum-css/asset@workspace:^, @spectrum-css/asset@workspace:components/asset": +"@spectrum-css/asset@npm:6.0.0-s2-foundations.16, @spectrum-css/asset@workspace:components/asset": version: 0.0.0-use.local resolution: "@spectrum-css/asset@workspace:components/asset" dependencies: - "@spectrum-css/tokens": "workspace:^" + "@spectrum-css/tokens": "npm:15.0.0-s2-foundations.31" + eslint: "npm:^8.57.0" + npm-run-all2: "npm:^7.0.2" + prettier: "npm:^3.4.2" + stylelint: "npm:^16.9.0" peerDependencies: "@spectrum-css/tokens": ">=14" languageName: unknown linkType: soft -"@spectrum-css/assetcard@workspace:components/assetcard": +"@spectrum-css/assetcard@workspace:components/asset-card": version: 0.0.0-use.local - resolution: "@spectrum-css/assetcard@workspace:components/assetcard" + resolution: "@spectrum-css/assetcard@workspace:components/asset-card" dependencies: - "@spectrum-css/checkbox": "workspace:^" - "@spectrum-css/tokens": "workspace:^" + "@spectrum-css/checkbox": "npm:10.0.0-s2-foundations.20" + "@spectrum-css/tokens": "npm:15.0.0-s2-foundations.31" + eslint: "npm:^8.57.0" + npm-run-all2: "npm:^7.0.2" + prettier: "npm:^3.4.2" + stylelint: "npm:^16.9.0" peerDependencies: "@spectrum-css/checkbox": ">=9" "@spectrum-css/tokens": ">=14" @@ -3091,13 +2902,17 @@ __metadata: languageName: unknown linkType: soft -"@spectrum-css/assetlist@workspace:^, @spectrum-css/assetlist@workspace:components/assetlist": +"@spectrum-css/assetlist@npm:7.0.0-s2-foundations.16, @spectrum-css/assetlist@workspace:components/asset-list": version: 0.0.0-use.local - resolution: "@spectrum-css/assetlist@workspace:components/assetlist" + resolution: "@spectrum-css/assetlist@workspace:components/asset-list" dependencies: - "@spectrum-css/checkbox": "workspace:^" - "@spectrum-css/icon": "workspace:^" - "@spectrum-css/tokens": "workspace:^" + "@spectrum-css/checkbox": "npm:10.0.0-s2-foundations.20" + "@spectrum-css/icon": "npm:8.0.0-s2-foundations.18" + "@spectrum-css/tokens": "npm:15.0.0-s2-foundations.31" + eslint: "npm:^8.57.0" + npm-run-all2: "npm:^7.0.2" + prettier: "npm:^3.4.2" + stylelint: "npm:^16.9.0" peerDependencies: "@spectrum-css/checkbox": ">=9" "@spectrum-css/icon": ">=7" @@ -3110,11 +2925,15 @@ __metadata: languageName: unknown linkType: soft -"@spectrum-css/avatar@workspace:^, @spectrum-css/avatar@workspace:components/avatar": +"@spectrum-css/avatar@npm:8.0.0-s2-foundations.16, @spectrum-css/avatar@workspace:components/avatar": version: 0.0.0-use.local resolution: "@spectrum-css/avatar@workspace:components/avatar" dependencies: - "@spectrum-css/tokens": "workspace:^" + "@spectrum-css/tokens": "npm:15.0.0-s2-foundations.31" + eslint: "npm:^8.57.0" + npm-run-all2: "npm:^7.0.2" + prettier: "npm:^3.4.2" + stylelint: "npm:^16.9.0" peerDependencies: "@spectrum-css/tokens": ">=14" languageName: unknown @@ -3124,8 +2943,12 @@ __metadata: version: 0.0.0-use.local resolution: "@spectrum-css/badge@workspace:components/badge" dependencies: - "@spectrum-css/icon": "workspace:^" - "@spectrum-css/tokens": "workspace:^" + "@spectrum-css/icon": "npm:8.0.0-s2-foundations.18" + "@spectrum-css/tokens": "npm:15.0.0-s2-foundations.31" + eslint: "npm:^8.57.0" + npm-run-all2: "npm:^7.0.2" + prettier: "npm:^3.4.2" + stylelint: "npm:^16.9.0" peerDependencies: "@spectrum-css/icon": ">=7" "@spectrum-css/tokens": ">=14" @@ -3135,13 +2958,17 @@ __metadata: languageName: unknown linkType: soft -"@spectrum-css/breadcrumb@workspace:components/breadcrumb": +"@spectrum-css/breadcrumb@workspace:components/breadcrumbs": version: 0.0.0-use.local - resolution: "@spectrum-css/breadcrumb@workspace:components/breadcrumb" + resolution: "@spectrum-css/breadcrumb@workspace:components/breadcrumbs" dependencies: - "@spectrum-css/actionbutton": "workspace:^" - "@spectrum-css/icon": "workspace:^" - "@spectrum-css/tokens": "workspace:^" + "@spectrum-css/actionbutton": "npm:7.0.0-s2-foundations.24" + "@spectrum-css/icon": "npm:8.0.0-s2-foundations.18" + "@spectrum-css/tokens": "npm:15.0.0-s2-foundations.31" + eslint: "npm:^8.57.0" + npm-run-all2: "npm:^7.0.2" + prettier: "npm:^3.4.2" + stylelint: "npm:^16.9.0" peerDependencies: "@spectrum-css/actionbutton": ">=6" "@spectrum-css/icon": ">=7" @@ -3154,14 +2981,18 @@ __metadata: languageName: unknown linkType: soft -"@spectrum-css/button@workspace:^, @spectrum-css/button@workspace:components/button": +"@spectrum-css/button@npm:14.0.0-s2-foundations.19, @spectrum-css/button@workspace:components/button": version: 0.0.0-use.local resolution: "@spectrum-css/button@workspace:components/button" dependencies: "@spectrum-css/commons": "workspace:^" - "@spectrum-css/icon": "workspace:^" - "@spectrum-css/progresscircle": "workspace:^" - "@spectrum-css/tokens": "workspace:^" + "@spectrum-css/icon": "npm:8.0.0-s2-foundations.18" + "@spectrum-css/progresscircle": "npm:4.0.0-s2-foundations.16" + "@spectrum-css/tokens": "npm:15.0.0-s2-foundations.31" + eslint: "npm:^8.57.0" + npm-run-all2: "npm:^7.0.2" + prettier: "npm:^3.4.2" + stylelint: "npm:^16.9.0" peerDependencies: "@spectrum-css/icon": ">=7" "@spectrum-css/progresscircle": ">=3" @@ -3174,24 +3005,32 @@ __metadata: languageName: unknown linkType: soft -"@spectrum-css/buttongroup@workspace:^, @spectrum-css/buttongroup@workspace:components/buttongroup": +"@spectrum-css/buttongroup@npm:8.0.0-s2-foundations.16, @spectrum-css/buttongroup@workspace:^, @spectrum-css/buttongroup@workspace:components/button-group": version: 0.0.0-use.local - resolution: "@spectrum-css/buttongroup@workspace:components/buttongroup" + resolution: "@spectrum-css/buttongroup@workspace:components/button-group" dependencies: - "@spectrum-css/button": "workspace:^" - "@spectrum-css/tokens": "workspace:^" + "@spectrum-css/button": "npm:14.0.0-s2-foundations.19" + "@spectrum-css/tokens": "npm:15.0.0-s2-foundations.31" + eslint: "npm:^8.57.0" + npm-run-all2: "npm:^7.0.2" + prettier: "npm:^3.4.2" + stylelint: "npm:^16.9.0" peerDependencies: "@spectrum-css/button": ">=13" "@spectrum-css/tokens": ">=14" languageName: unknown linkType: soft -"@spectrum-css/calendar@workspace:^, @spectrum-css/calendar@workspace:components/calendar": +"@spectrum-css/calendar@npm:6.0.0-s2-foundations.16, @spectrum-css/calendar@workspace:components/calendar": version: 0.0.0-use.local resolution: "@spectrum-css/calendar@workspace:components/calendar" dependencies: - "@spectrum-css/actionbutton": "workspace:^" - "@spectrum-css/tokens": "workspace:^" + "@spectrum-css/actionbutton": "npm:7.0.0-s2-foundations.24" + "@spectrum-css/tokens": "npm:15.0.0-s2-foundations.31" + eslint: "npm:^8.57.0" + npm-run-all2: "npm:^7.0.2" + prettier: "npm:^3.4.2" + stylelint: "npm:^16.9.0" peerDependencies: "@spectrum-css/actionbutton": ">=6" "@spectrum-css/tokens": ">=14" @@ -3202,12 +3041,16 @@ __metadata: version: 0.0.0-use.local resolution: "@spectrum-css/card@workspace:components/card" dependencies: - "@spectrum-css/actionbutton": "workspace:^" - "@spectrum-css/asset": "workspace:^" - "@spectrum-css/checkbox": "workspace:^" - "@spectrum-css/icon": "workspace:^" - "@spectrum-css/tokens": "workspace:^" - "@spectrum-css/typography": "workspace:^" + "@spectrum-css/actionbutton": "npm:7.0.0-s2-foundations.24" + "@spectrum-css/asset": "npm:6.0.0-s2-foundations.16" + "@spectrum-css/checkbox": "npm:10.0.0-s2-foundations.20" + "@spectrum-css/icon": "npm:8.0.0-s2-foundations.18" + "@spectrum-css/tokens": "npm:15.0.0-s2-foundations.31" + "@spectrum-css/typography": "npm:7.0.0-s2-foundations.18" + eslint: "npm:^8.57.0" + npm-run-all2: "npm:^7.0.2" + prettier: "npm:^3.4.2" + stylelint: "npm:^16.9.0" peerDependencies: "@spectrum-css/actionbutton": ">=6" "@spectrum-css/asset": ">=5" @@ -3229,64 +3072,84 @@ __metadata: languageName: unknown linkType: soft -"@spectrum-css/checkbox@workspace:^, @spectrum-css/checkbox@workspace:components/checkbox": +"@spectrum-css/checkbox@npm:10.0.0-s2-foundations.20, @spectrum-css/checkbox@workspace:components/checkbox": version: 0.0.0-use.local resolution: "@spectrum-css/checkbox@workspace:components/checkbox" dependencies: - "@spectrum-css/icon": "workspace:^" - "@spectrum-css/tokens": "workspace:^" + "@spectrum-css/icon": "npm:8.0.0-s2-foundations.18" + "@spectrum-css/tokens": "npm:15.0.0-s2-foundations.31" + eslint: "npm:^8.57.0" + npm-run-all2: "npm:^7.0.2" + prettier: "npm:^3.4.2" + stylelint: "npm:^16.9.0" peerDependencies: "@spectrum-css/icon": ">=7" "@spectrum-css/tokens": ">=14" languageName: unknown linkType: soft -"@spectrum-css/clearbutton@workspace:^, @spectrum-css/clearbutton@workspace:components/clearbutton": +"@spectrum-css/clearbutton@npm:7.0.0-s2-foundations.17, @spectrum-css/clearbutton@workspace:components/clear-button": version: 0.0.0-use.local - resolution: "@spectrum-css/clearbutton@workspace:components/clearbutton" + resolution: "@spectrum-css/clearbutton@workspace:components/clear-button" dependencies: - "@spectrum-css/icon": "workspace:^" - "@spectrum-css/tokens": "workspace:^" + "@spectrum-css/icon": "npm:8.0.0-s2-foundations.18" + "@spectrum-css/tokens": "npm:15.0.0-s2-foundations.31" + eslint: "npm:^8.57.0" + npm-run-all2: "npm:^7.0.2" + prettier: "npm:^3.4.2" + stylelint: "npm:^16.9.0" peerDependencies: "@spectrum-css/icon": ">=7" "@spectrum-css/tokens": ">=14" languageName: unknown linkType: soft -"@spectrum-css/closebutton@workspace:^, @spectrum-css/closebutton@workspace:components/closebutton": +"@spectrum-css/closebutton@npm:6.0.0-s2-foundations.17, @spectrum-css/closebutton@workspace:components/close-button": version: 0.0.0-use.local - resolution: "@spectrum-css/closebutton@workspace:components/closebutton" + resolution: "@spectrum-css/closebutton@workspace:components/close-button" dependencies: "@spectrum-css/commons": "workspace:^" - "@spectrum-css/icon": "workspace:^" - "@spectrum-css/tokens": "workspace:^" + "@spectrum-css/icon": "npm:8.0.0-s2-foundations.18" + "@spectrum-css/tokens": "npm:15.0.0-s2-foundations.31" + eslint: "npm:^8.57.0" + npm-run-all2: "npm:^7.0.2" + prettier: "npm:^3.4.2" + stylelint: "npm:^16.9.0" peerDependencies: "@spectrum-css/icon": ">=7" "@spectrum-css/tokens": ">=14" languageName: unknown linkType: soft -"@spectrum-css/coachindicator@workspace:components/coachindicator": +"@spectrum-css/coachindicator@workspace:components/coach-indicator": version: 0.0.0-use.local - resolution: "@spectrum-css/coachindicator@workspace:components/coachindicator" + resolution: "@spectrum-css/coachindicator@workspace:components/coach-indicator" dependencies: - "@spectrum-css/tokens": "workspace:^" + "@spectrum-css/tokens": "npm:15.0.0-s2-foundations.31" + eslint: "npm:^8.57.0" + npm-run-all2: "npm:^7.0.2" + prettier: "npm:^3.4.2" + stylelint: "npm:^16.9.0" peerDependencies: "@spectrum-css/tokens": ">=14.6.0" languageName: unknown linkType: soft -"@spectrum-css/coachmark@workspace:components/coachmark": +"@spectrum-css/coachmark@workspace:components/coach-mark": version: 0.0.0-use.local - resolution: "@spectrum-css/coachmark@workspace:components/coachmark" - dependencies: - "@spectrum-css/actionbutton": "workspace:^" - "@spectrum-css/actionmenu": "workspace:^" - "@spectrum-css/button": "workspace:^" - "@spectrum-css/buttongroup": "workspace:^" - "@spectrum-css/menu": "workspace:^" - "@spectrum-css/popover": "workspace:^" - "@spectrum-css/tokens": "workspace:^" + resolution: "@spectrum-css/coachmark@workspace:components/coach-mark" + dependencies: + "@spectrum-css/actionbutton": "npm:7.0.0-s2-foundations.24" + "@spectrum-css/actionmenu": "npm:7.0.0-s2-foundations.16" + "@spectrum-css/button": "npm:14.0.0-s2-foundations.19" + "@spectrum-css/buttongroup": "npm:8.0.0-s2-foundations.16" + "@spectrum-css/menu": "npm:8.0.0-s2-foundations.17" + "@spectrum-css/popover": "npm:8.0.0-s2-foundations.17" + "@spectrum-css/tokens": "npm:15.0.0-s2-foundations.31" + eslint: "npm:^8.57.0" + npm-run-all2: "npm:^7.0.2" + prettier: "npm:^3.4.2" + stylelint: "npm:^16.9.0" peerDependencies: "@spectrum-css/actionbutton": ">=6" "@spectrum-css/actionmenu": ">=6" @@ -3301,25 +3164,33 @@ __metadata: languageName: unknown linkType: soft -"@spectrum-css/colorarea@workspace:^, @spectrum-css/colorarea@workspace:components/colorarea": +"@spectrum-css/colorarea@npm:6.0.0-s2-foundations.16, @spectrum-css/colorarea@workspace:components/color-area": version: 0.0.0-use.local - resolution: "@spectrum-css/colorarea@workspace:components/colorarea" + resolution: "@spectrum-css/colorarea@workspace:components/color-area" dependencies: - "@spectrum-css/colorhandle": "workspace:^" - "@spectrum-css/tokens": "workspace:^" + "@spectrum-css/colorhandle": "npm:9.0.0-s2-foundations.17" + "@spectrum-css/tokens": "npm:15.0.0-s2-foundations.31" + eslint: "npm:^8.57.0" + npm-run-all2: "npm:^7.0.2" + prettier: "npm:^3.4.2" + stylelint: "npm:^16.9.0" peerDependencies: "@spectrum-css/colorhandle": ">=8" "@spectrum-css/tokens": ">=14" languageName: unknown linkType: soft -"@spectrum-css/colorhandle@workspace:^, @spectrum-css/colorhandle@workspace:components/colorhandle": +"@spectrum-css/colorhandle@npm:9.0.0-s2-foundations.17, @spectrum-css/colorhandle@workspace:components/color-handle": version: 0.0.0-use.local - resolution: "@spectrum-css/colorhandle@workspace:components/colorhandle" + resolution: "@spectrum-css/colorhandle@workspace:components/color-handle" dependencies: - "@spectrum-css/colorloupe": "workspace:^" - "@spectrum-css/opacitycheckerboard": "workspace:^" - "@spectrum-css/tokens": "workspace:^" + "@spectrum-css/colorloupe": "npm:6.0.0-s2-foundations.16" + "@spectrum-css/opacitycheckerboard": "npm:3.0.0-s2-foundations.16" + "@spectrum-css/tokens": "npm:15.0.0-s2-foundations.31" + eslint: "npm:^8.57.0" + npm-run-all2: "npm:^7.0.2" + prettier: "npm:^3.4.2" + stylelint: "npm:^16.9.0" peerDependencies: "@spectrum-css/colorloupe": ">=5" "@spectrum-css/opacitycheckerboard": ">=2" @@ -3330,23 +3201,31 @@ __metadata: languageName: unknown linkType: soft -"@spectrum-css/colorloupe@workspace:^, @spectrum-css/colorloupe@workspace:components/colorloupe": +"@spectrum-css/colorloupe@npm:6.0.0-s2-foundations.16, @spectrum-css/colorloupe@workspace:components/color-loupe": version: 0.0.0-use.local - resolution: "@spectrum-css/colorloupe@workspace:components/colorloupe" + resolution: "@spectrum-css/colorloupe@workspace:components/color-loupe" dependencies: - "@spectrum-css/tokens": "workspace:^" + "@spectrum-css/tokens": "npm:15.0.0-s2-foundations.31" + eslint: "npm:^8.57.0" + npm-run-all2: "npm:^7.0.2" + prettier: "npm:^3.4.2" + stylelint: "npm:^16.9.0" peerDependencies: "@spectrum-css/tokens": ">=14" languageName: unknown linkType: soft -"@spectrum-css/colorslider@workspace:components/colorslider": +"@spectrum-css/colorslider@workspace:components/color-slider": version: 0.0.0-use.local - resolution: "@spectrum-css/colorslider@workspace:components/colorslider" + resolution: "@spectrum-css/colorslider@workspace:components/color-slider" dependencies: - "@spectrum-css/colorhandle": "workspace:^" - "@spectrum-css/opacitycheckerboard": "workspace:^" - "@spectrum-css/tokens": "workspace:^" + "@spectrum-css/colorhandle": "npm:9.0.0-s2-foundations.17" + "@spectrum-css/opacitycheckerboard": "npm:3.0.0-s2-foundations.16" + "@spectrum-css/tokens": "npm:15.0.0-s2-foundations.31" + eslint: "npm:^8.57.0" + npm-run-all2: "npm:^7.0.2" + prettier: "npm:^3.4.2" + stylelint: "npm:^16.9.0" peerDependencies: "@spectrum-css/colorhandle": ">=8" "@spectrum-css/opacitycheckerboard": ">=2" @@ -3354,14 +3233,18 @@ __metadata: languageName: unknown linkType: soft -"@spectrum-css/colorwheel@workspace:components/colorwheel": +"@spectrum-css/colorwheel@workspace:components/color-wheel": version: 0.0.0-use.local - resolution: "@spectrum-css/colorwheel@workspace:components/colorwheel" + resolution: "@spectrum-css/colorwheel@workspace:components/color-wheel" dependencies: - "@spectrum-css/colorarea": "workspace:^" - "@spectrum-css/colorhandle": "workspace:^" - "@spectrum-css/colorloupe": "workspace:^" - "@spectrum-css/tokens": "workspace:^" + "@spectrum-css/colorarea": "npm:6.0.0-s2-foundations.16" + "@spectrum-css/colorhandle": "npm:9.0.0-s2-foundations.17" + "@spectrum-css/colorloupe": "npm:6.0.0-s2-foundations.16" + "@spectrum-css/tokens": "npm:15.0.0-s2-foundations.31" + eslint: "npm:^8.57.0" + npm-run-all2: "npm:^7.0.2" + prettier: "npm:^3.4.2" + stylelint: "npm:^16.9.0" peerDependencies: "@spectrum-css/colorarea": ">=5" "@spectrum-css/colorhandle": ">=8" @@ -3379,12 +3262,16 @@ __metadata: version: 0.0.0-use.local resolution: "@spectrum-css/combobox@workspace:components/combobox" dependencies: - "@spectrum-css/menu": "workspace:^" - "@spectrum-css/pickerbutton": "workspace:^" - "@spectrum-css/popover": "workspace:^" - "@spectrum-css/progresscircle": "workspace:^" - "@spectrum-css/textfield": "workspace:^" - "@spectrum-css/tokens": "workspace:^" + "@spectrum-css/menu": "npm:8.0.0-s2-foundations.17" + "@spectrum-css/pickerbutton": "npm:6.0.0-s2-foundations.17" + "@spectrum-css/popover": "npm:8.0.0-s2-foundations.17" + "@spectrum-css/progresscircle": "npm:4.0.0-s2-foundations.16" + "@spectrum-css/textfield": "npm:8.0.0-s2-foundations.17" + "@spectrum-css/tokens": "npm:15.0.0-s2-foundations.31" + eslint: "npm:^8.57.0" + npm-run-all2: "npm:^7.0.2" + prettier: "npm:^3.4.2" + stylelint: "npm:^16.9.0" peerDependencies: "@spectrum-css/menu": ">=7" "@spectrum-css/pickerbutton": ">=5" @@ -3408,14 +3295,18 @@ __metadata: languageName: unknown linkType: soft -"@spectrum-css/contextualhelp@workspace:components/contextualhelp": +"@spectrum-css/contextualhelp@workspace:components/contextual-help": version: 0.0.0-use.local - resolution: "@spectrum-css/contextualhelp@workspace:components/contextualhelp" + resolution: "@spectrum-css/contextualhelp@workspace:components/contextual-help" dependencies: - "@spectrum-css/actionbutton": "workspace:^" - "@spectrum-css/link": "workspace:^" - "@spectrum-css/popover": "workspace:^" - "@spectrum-css/tokens": "workspace:^" + "@spectrum-css/actionbutton": "npm:7.0.0-s2-foundations.24" + "@spectrum-css/link": "npm:6.0.0-s2-foundations.16" + "@spectrum-css/popover": "npm:8.0.0-s2-foundations.17" + "@spectrum-css/tokens": "npm:15.0.0-s2-foundations.31" + eslint: "npm:^8.57.0" + npm-run-all2: "npm:^7.0.2" + prettier: "npm:^3.4.2" + stylelint: "npm:^16.9.0" peerDependencies: "@spectrum-css/actionbutton": ">=6" "@spectrum-css/link": ">=5" @@ -3427,15 +3318,19 @@ __metadata: languageName: unknown linkType: soft -"@spectrum-css/datepicker@workspace:components/datepicker": +"@spectrum-css/datepicker@workspace:components/date-picker": version: 0.0.0-use.local - resolution: "@spectrum-css/datepicker@workspace:components/datepicker" + resolution: "@spectrum-css/datepicker@workspace:components/date-picker" dependencies: - "@spectrum-css/calendar": "workspace:^" - "@spectrum-css/pickerbutton": "workspace:^" - "@spectrum-css/popover": "workspace:^" - "@spectrum-css/textfield": "workspace:^" - "@spectrum-css/tokens": "workspace:^" + "@spectrum-css/calendar": "npm:6.0.0-s2-foundations.16" + "@spectrum-css/pickerbutton": "npm:6.0.0-s2-foundations.17" + "@spectrum-css/popover": "npm:8.0.0-s2-foundations.17" + "@spectrum-css/textfield": "npm:8.0.0-s2-foundations.17" + "@spectrum-css/tokens": "npm:15.0.0-s2-foundations.31" + eslint: "npm:^8.57.0" + npm-run-all2: "npm:^7.0.2" + prettier: "npm:^3.4.2" + stylelint: "npm:^16.9.0" peerDependencies: "@spectrum-css/calendar": ">=5" "@spectrum-css/pickerbutton": ">=5" @@ -3449,22 +3344,30 @@ __metadata: version: 0.0.0-use.local resolution: "@spectrum-css/dial@workspace:components/dial" dependencies: - "@spectrum-css/tokens": "workspace:^" + "@spectrum-css/tokens": "npm:15.0.0-s2-foundations.31" + eslint: "npm:^8.57.0" + npm-run-all2: "npm:^7.0.2" + prettier: "npm:^3.4.2" + stylelint: "npm:^16.9.0" peerDependencies: "@spectrum-css/tokens": ">=14" languageName: unknown linkType: soft -"@spectrum-css/dialog@workspace:^, @spectrum-css/dialog@workspace:components/dialog": +"@spectrum-css/dialog@npm:11.0.0-s2-foundations.16, @spectrum-css/dialog@workspace:components/dialog": version: 0.0.0-use.local resolution: "@spectrum-css/dialog@workspace:components/dialog" dependencies: "@spectrum-css/buttongroup": "workspace:^" - "@spectrum-css/closebutton": "workspace:^" - "@spectrum-css/divider": "workspace:^" - "@spectrum-css/modal": "workspace:^" - "@spectrum-css/tokens": "workspace:^" - "@spectrum-css/underlay": "workspace:^" + "@spectrum-css/closebutton": "npm:6.0.0-s2-foundations.17" + "@spectrum-css/divider": "npm:4.0.0-s2-foundations.16" + "@spectrum-css/modal": "npm:6.0.0-s2-foundations.17" + "@spectrum-css/tokens": "npm:15.0.0-s2-foundations.31" + "@spectrum-css/underlay": "npm:5.0.0-s2-foundations.16" + eslint: "npm:^8.57.0" + npm-run-all2: "npm:^7.0.2" + prettier: "npm:^3.4.2" + stylelint: "npm:^16.9.0" peerDependencies: "@spectrum-css/closebutton": ">=5" "@spectrum-css/divider": ">=3" @@ -3481,36 +3384,48 @@ __metadata: languageName: unknown linkType: soft -"@spectrum-css/divider@workspace:^, @spectrum-css/divider@workspace:components/divider": +"@spectrum-css/divider@npm:4.0.0-s2-foundations.16, @spectrum-css/divider@workspace:components/divider": version: 0.0.0-use.local resolution: "@spectrum-css/divider@workspace:components/divider" dependencies: - "@spectrum-css/tokens": "workspace:^" + "@spectrum-css/tokens": "npm:15.0.0-s2-foundations.31" + eslint: "npm:^8.57.0" + npm-run-all2: "npm:^7.0.2" + prettier: "npm:^3.4.2" + stylelint: "npm:^16.9.0" peerDependencies: "@spectrum-css/tokens": ">=14" languageName: unknown linkType: soft -"@spectrum-css/dropindicator@workspace:components/dropindicator": +"@spectrum-css/dropindicator@workspace:components/drop-indicator": version: 0.0.0-use.local - resolution: "@spectrum-css/dropindicator@workspace:components/dropindicator" + resolution: "@spectrum-css/dropindicator@workspace:components/drop-indicator" dependencies: - "@spectrum-css/icon": "workspace:^" - "@spectrum-css/tokens": "workspace:^" + "@spectrum-css/icon": "npm:8.0.0-s2-foundations.18" + "@spectrum-css/tokens": "npm:15.0.0-s2-foundations.31" + eslint: "npm:^8.57.0" + npm-run-all2: "npm:^7.0.2" + prettier: "npm:^3.4.2" + stylelint: "npm:^16.9.0" peerDependencies: "@spectrum-css/icon": ">=7" "@spectrum-css/tokens": ">=14" languageName: unknown linkType: soft -"@spectrum-css/dropzone@workspace:components/dropzone": +"@spectrum-css/dropzone@workspace:components/drop-zone": version: 0.0.0-use.local - resolution: "@spectrum-css/dropzone@workspace:components/dropzone" + resolution: "@spectrum-css/dropzone@workspace:components/drop-zone" dependencies: - "@spectrum-css/actionbutton": "workspace:^" - "@spectrum-css/illustratedmessage": "workspace:^" - "@spectrum-css/link": "workspace:^" - "@spectrum-css/tokens": "workspace:^" + "@spectrum-css/actionbutton": "npm:7.0.0-s2-foundations.24" + "@spectrum-css/illustratedmessage": "npm:8.0.0-s2-foundations.16" + "@spectrum-css/link": "npm:6.0.0-s2-foundations.16" + "@spectrum-css/tokens": "npm:15.0.0-s2-foundations.31" + eslint: "npm:^8.57.0" + npm-run-all2: "npm:^7.0.2" + prettier: "npm:^3.4.2" + stylelint: "npm:^16.9.0" peerDependencies: "@spectrum-css/actionbutton": ">=6" "@spectrum-css/illustratedmessage": ">=7" @@ -3524,14 +3439,18 @@ __metadata: languageName: unknown linkType: soft -"@spectrum-css/fieldgroup@workspace:components/fieldgroup": +"@spectrum-css/fieldgroup@workspace:components/field-group": version: 0.0.0-use.local - resolution: "@spectrum-css/fieldgroup@workspace:components/fieldgroup" + resolution: "@spectrum-css/fieldgroup@workspace:components/field-group" dependencies: - "@spectrum-css/checkbox": "workspace:^" - "@spectrum-css/helptext": "workspace:^" - "@spectrum-css/radio": "workspace:^" - "@spectrum-css/tokens": "workspace:^" + "@spectrum-css/checkbox": "npm:10.0.0-s2-foundations.20" + "@spectrum-css/helptext": "npm:6.0.0-s2-foundations.16" + "@spectrum-css/radio": "npm:10.0.0-s2-foundations.18" + "@spectrum-css/tokens": "npm:15.0.0-s2-foundations.31" + eslint: "npm:^8.57.0" + npm-run-all2: "npm:^7.0.2" + prettier: "npm:^3.4.2" + stylelint: "npm:^16.9.0" peerDependencies: "@spectrum-css/checkbox": ">=9" "@spectrum-css/helptext": ">=5" @@ -3547,23 +3466,31 @@ __metadata: languageName: unknown linkType: soft -"@spectrum-css/fieldlabel@workspace:^, @spectrum-css/fieldlabel@workspace:components/fieldlabel": +"@spectrum-css/fieldlabel@npm:9.0.0-s2-foundations.17, @spectrum-css/fieldlabel@workspace:components/field-label": version: 0.0.0-use.local - resolution: "@spectrum-css/fieldlabel@workspace:components/fieldlabel" + resolution: "@spectrum-css/fieldlabel@workspace:components/field-label" dependencies: - "@spectrum-css/icon": "workspace:^" - "@spectrum-css/tokens": "workspace:^" + "@spectrum-css/icon": "npm:8.0.0-s2-foundations.18" + "@spectrum-css/tokens": "npm:15.0.0-s2-foundations.31" + eslint: "npm:^8.57.0" + npm-run-all2: "npm:^7.0.2" + prettier: "npm:^3.4.2" + stylelint: "npm:^16.9.0" peerDependencies: "@spectrum-css/icon": ">=7" "@spectrum-css/tokens": ">=14" languageName: unknown linkType: soft -"@spectrum-css/floatingactionbutton@workspace:components/floatingactionbutton": +"@spectrum-css/floatingactionbutton@workspace:components/floating-action-button": version: 0.0.0-use.local - resolution: "@spectrum-css/floatingactionbutton@workspace:components/floatingactionbutton" + resolution: "@spectrum-css/floatingactionbutton@workspace:components/floating-action-button" dependencies: - "@spectrum-css/tokens": "workspace:^" + "@spectrum-css/tokens": "npm:15.0.0-s2-foundations.31" + eslint: "npm:^8.57.0" + npm-run-all2: "npm:^7.0.2" + prettier: "npm:^3.4.2" + stylelint: "npm:^16.9.0" peerDependencies: "@spectrum-css/tokens": ">=14" languageName: unknown @@ -3573,7 +3500,11 @@ __metadata: version: 0.0.0-use.local resolution: "@spectrum-css/form@workspace:components/form" dependencies: - "@spectrum-css/tokens": "workspace:^" + "@spectrum-css/tokens": "npm:15.0.0-s2-foundations.31" + eslint: "npm:^8.57.0" + npm-run-all2: "npm:^7.0.2" + prettier: "npm:^3.4.2" + stylelint: "npm:^16.9.0" peerDependencies: "@spectrum-css/tokens": ">=14" languageName: unknown @@ -3590,46 +3521,62 @@ __metadata: languageName: unknown linkType: soft -"@spectrum-css/helptext@workspace:^, @spectrum-css/helptext@workspace:components/helptext": +"@spectrum-css/helptext@npm:6.0.0-s2-foundations.16, @spectrum-css/helptext@workspace:components/help-text": version: 0.0.0-use.local - resolution: "@spectrum-css/helptext@workspace:components/helptext" + resolution: "@spectrum-css/helptext@workspace:components/help-text" dependencies: - "@spectrum-css/icon": "workspace:^" - "@spectrum-css/tokens": "workspace:^" + "@spectrum-css/icon": "npm:8.0.0-s2-foundations.18" + "@spectrum-css/tokens": "npm:15.0.0-s2-foundations.31" + eslint: "npm:^8.57.0" + npm-run-all2: "npm:^7.0.2" + prettier: "npm:^3.4.2" + stylelint: "npm:^16.9.0" peerDependencies: "@spectrum-css/icon": ">=7" "@spectrum-css/tokens": ">=14" languageName: unknown linkType: soft -"@spectrum-css/icon@workspace:^, @spectrum-css/icon@workspace:components/icon": +"@spectrum-css/icon@npm:8.0.0-s2-foundations.18, @spectrum-css/icon@workspace:components/icon": version: 0.0.0-use.local resolution: "@spectrum-css/icon@workspace:components/icon" dependencies: - "@spectrum-css/tokens": "workspace:^" + "@spectrum-css/tokens": "npm:15.0.0-s2-foundations.31" + eslint: "npm:^8.57.0" + npm-run-all2: "npm:^7.0.2" + prettier: "npm:^3.4.2" + stylelint: "npm:^16.9.0" peerDependencies: "@spectrum-css/tokens": ">=14" languageName: unknown linkType: soft -"@spectrum-css/illustratedmessage@workspace:^, @spectrum-css/illustratedmessage@workspace:components/illustratedmessage": +"@spectrum-css/illustratedmessage@npm:8.0.0-s2-foundations.16, @spectrum-css/illustratedmessage@workspace:components/illustrated-message": version: 0.0.0-use.local - resolution: "@spectrum-css/illustratedmessage@workspace:components/illustratedmessage" + resolution: "@spectrum-css/illustratedmessage@workspace:components/illustrated-message" dependencies: - "@spectrum-css/tokens": "workspace:^" - "@spectrum-css/typography": "workspace:^" + "@spectrum-css/tokens": "npm:15.0.0-s2-foundations.31" + "@spectrum-css/typography": "npm:7.0.0-s2-foundations.18" + eslint: "npm:^8.57.0" + npm-run-all2: "npm:^7.0.2" + prettier: "npm:^3.4.2" + stylelint: "npm:^16.9.0" peerDependencies: "@spectrum-css/tokens": ">=14" "@spectrum-css/typography": ">=6" languageName: unknown linkType: soft -"@spectrum-css/infieldbutton@workspace:^, @spectrum-css/infieldbutton@workspace:components/infieldbutton": +"@spectrum-css/infieldbutton@npm:6.0.0-s2-foundations.17, @spectrum-css/infieldbutton@workspace:components/in-field-button": version: 0.0.0-use.local - resolution: "@spectrum-css/infieldbutton@workspace:components/infieldbutton" + resolution: "@spectrum-css/infieldbutton@workspace:components/in-field-button" dependencies: - "@spectrum-css/icon": "workspace:^" - "@spectrum-css/tokens": "workspace:^" + "@spectrum-css/icon": "npm:8.0.0-s2-foundations.18" + "@spectrum-css/tokens": "npm:15.0.0-s2-foundations.31" + eslint: "npm:^8.57.0" + npm-run-all2: "npm:^7.0.2" + prettier: "npm:^3.4.2" + stylelint: "npm:^16.9.0" peerDependencies: "@spectrum-css/icon": ">=7" "@spectrum-css/tokens": ">=14" @@ -3639,13 +3586,17 @@ __metadata: languageName: unknown linkType: soft -"@spectrum-css/inlinealert@workspace:components/inlinealert": +"@spectrum-css/inlinealert@workspace:components/in-line-alert": version: 0.0.0-use.local - resolution: "@spectrum-css/inlinealert@workspace:components/inlinealert" + resolution: "@spectrum-css/inlinealert@workspace:components/in-line-alert" dependencies: - "@spectrum-css/button": "workspace:^" - "@spectrum-css/icon": "workspace:^" - "@spectrum-css/tokens": "workspace:^" + "@spectrum-css/button": "npm:14.0.0-s2-foundations.19" + "@spectrum-css/icon": "npm:8.0.0-s2-foundations.18" + "@spectrum-css/tokens": "npm:15.0.0-s2-foundations.31" + eslint: "npm:^8.57.0" + npm-run-all2: "npm:^7.0.2" + prettier: "npm:^3.4.2" + stylelint: "npm:^16.9.0" peerDependencies: "@spectrum-css/button": ">=13" "@spectrum-css/icon": ">=7" @@ -3656,36 +3607,49 @@ __metadata: languageName: unknown linkType: soft -"@spectrum-css/link@workspace:^, @spectrum-css/link@workspace:components/link": +"@spectrum-css/link@npm:6.0.0-s2-foundations.16, @spectrum-css/link@workspace:components/link": version: 0.0.0-use.local resolution: "@spectrum-css/link@workspace:components/link" dependencies: - "@spectrum-css/tokens": "workspace:^" + "@spectrum-css/tokens": "npm:15.0.0-s2-foundations.31" + eslint: "npm:^8.57.0" + npm-run-all2: "npm:^7.0.2" + prettier: "npm:^3.4.2" + stylelint: "npm:^16.9.0" peerDependencies: "@spectrum-css/tokens": ">=14" languageName: unknown linkType: soft -"@spectrum-css/logicbutton@workspace:components/logicbutton": +"@spectrum-css/logicbutton@workspace:components/logic-button": version: 0.0.0-use.local - resolution: "@spectrum-css/logicbutton@workspace:components/logicbutton" + resolution: "@spectrum-css/logicbutton@workspace:components/logic-button" dependencies: "@spectrum-css/commons": "workspace:^" + "@spectrum-css/tokens": "npm:15.0.0-s2-foundations.31" + eslint: "npm:^8.57.0" + npm-run-all2: "npm:^7.0.2" + prettier: "npm:^3.4.2" + stylelint: "npm:^16.9.0" peerDependencies: "@spectrum-css/tokens": ">=14" languageName: unknown linkType: soft -"@spectrum-css/menu@workspace:^, @spectrum-css/menu@workspace:components/menu": +"@spectrum-css/menu@npm:8.0.0-s2-foundations.17, @spectrum-css/menu@workspace:components/menu": version: 0.0.0-use.local resolution: "@spectrum-css/menu@workspace:components/menu" dependencies: - "@spectrum-css/checkbox": "workspace:^" - "@spectrum-css/divider": "workspace:^" - "@spectrum-css/icon": "workspace:^" - "@spectrum-css/switch": "workspace:^" - "@spectrum-css/tokens": "workspace:^" - "@spectrum-css/tray": "workspace:^" + "@spectrum-css/checkbox": "npm:10.0.0-s2-foundations.20" + "@spectrum-css/divider": "npm:4.0.0-s2-foundations.16" + "@spectrum-css/icon": "npm:8.0.0-s2-foundations.18" + "@spectrum-css/switch": "npm:6.0.0-s2-foundations.17" + "@spectrum-css/tokens": "npm:15.0.0-s2-foundations.31" + "@spectrum-css/tray": "npm:4.0.0-s2-foundations.16" + eslint: "npm:^8.57.0" + npm-run-all2: "npm:^7.0.2" + prettier: "npm:^3.4.2" + stylelint: "npm:^16.9.0" peerDependencies: "@spectrum-css/checkbox": ">=9" "@spectrum-css/divider": ">=3" @@ -3709,8 +3673,12 @@ __metadata: version: 0.0.0-use.local resolution: "@spectrum-css/meter@workspace:components/meter" dependencies: - "@spectrum-css/progressbar": "workspace:^" - "@spectrum-css/tokens": "workspace:^" + "@spectrum-css/progressbar": "npm:5.0.0-s2-foundations.20" + "@spectrum-css/tokens": "npm:15.0.0-s2-foundations.31" + eslint: "npm:^8.57.0" + npm-run-all2: "npm:^7.0.2" + prettier: "npm:^3.4.2" + stylelint: "npm:^16.9.0" peerDependencies: "@spectrum-css/progressbar": ">=4" "@spectrum-css/tokens": ">=14" @@ -3721,10 +3689,14 @@ __metadata: version: 0.0.0-use.local resolution: "@spectrum-css/miller@workspace:components/miller" dependencies: - "@spectrum-css/assetlist": "workspace:^" - "@spectrum-css/checkbox": "workspace:^" - "@spectrum-css/icon": "workspace:^" - "@spectrum-css/tokens": "workspace:^" + "@spectrum-css/assetlist": "npm:7.0.0-s2-foundations.16" + "@spectrum-css/checkbox": "npm:10.0.0-s2-foundations.20" + "@spectrum-css/icon": "npm:8.0.0-s2-foundations.18" + "@spectrum-css/tokens": "npm:15.0.0-s2-foundations.31" + eslint: "npm:^8.57.0" + npm-run-all2: "npm:^7.0.2" + prettier: "npm:^3.4.2" + stylelint: "npm:^16.9.0" peerDependencies: "@spectrum-css/assetlist": ">=6" "@spectrum-css/checkbox": ">=9" @@ -3733,22 +3705,30 @@ __metadata: languageName: unknown linkType: soft -"@spectrum-css/modal@workspace:^, @spectrum-css/modal@workspace:components/modal": +"@spectrum-css/modal@npm:6.0.0-s2-foundations.17, @spectrum-css/modal@workspace:components/modal": version: 0.0.0-use.local resolution: "@spectrum-css/modal@workspace:components/modal" dependencies: "@spectrum-css/commons": "workspace:^" - "@spectrum-css/tokens": "workspace:^" + "@spectrum-css/tokens": "npm:15.0.0-s2-foundations.31" + eslint: "npm:^8.57.0" + npm-run-all2: "npm:^7.0.2" + prettier: "npm:^3.4.2" + stylelint: "npm:^16.9.0" peerDependencies: "@spectrum-css/tokens": ">=14" languageName: unknown linkType: soft -"@spectrum-css/opacitycheckerboard@workspace:^, @spectrum-css/opacitycheckerboard@workspace:components/opacitycheckerboard": +"@spectrum-css/opacitycheckerboard@npm:3.0.0-s2-foundations.16, @spectrum-css/opacitycheckerboard@workspace:components/opacity-checkerboard": version: 0.0.0-use.local - resolution: "@spectrum-css/opacitycheckerboard@workspace:components/opacitycheckerboard" + resolution: "@spectrum-css/opacitycheckerboard@workspace:components/opacity-checkerboard" dependencies: - "@spectrum-css/tokens": "workspace:^" + "@spectrum-css/tokens": "npm:15.0.0-s2-foundations.31" + eslint: "npm:^8.57.0" + npm-run-all2: "npm:^7.0.2" + prettier: "npm:^3.4.2" + stylelint: "npm:^16.9.0" peerDependencies: "@spectrum-css/tokens": ">=14" languageName: unknown @@ -3758,11 +3738,15 @@ __metadata: version: 0.0.0-use.local resolution: "@spectrum-css/pagination@workspace:components/pagination" dependencies: - "@spectrum-css/actionbutton": "workspace:^" - "@spectrum-css/button": "workspace:^" - "@spectrum-css/icon": "workspace:^" - "@spectrum-css/textfield": "workspace:^" - "@spectrum-css/tokens": "workspace:^" + "@spectrum-css/actionbutton": "npm:7.0.0-s2-foundations.24" + "@spectrum-css/button": "npm:14.0.0-s2-foundations.19" + "@spectrum-css/icon": "npm:8.0.0-s2-foundations.18" + "@spectrum-css/textfield": "npm:8.0.0-s2-foundations.17" + "@spectrum-css/tokens": "npm:15.0.0-s2-foundations.31" + eslint: "npm:^8.57.0" + npm-run-all2: "npm:^7.0.2" + prettier: "npm:^3.4.2" + stylelint: "npm:^16.9.0" peerDependencies: "@spectrum-css/actionbutton": ">=6" "@spectrum-css/button": ">=13" @@ -3772,17 +3756,21 @@ __metadata: languageName: unknown linkType: soft -"@spectrum-css/picker@workspace:^, @spectrum-css/picker@workspace:components/picker": +"@spectrum-css/picker@npm:9.0.0-s2-foundations.17, @spectrum-css/picker@workspace:components/picker": version: 0.0.0-use.local resolution: "@spectrum-css/picker@workspace:components/picker" dependencies: "@spectrum-css/commons": "workspace:^" - "@spectrum-css/helptext": "workspace:^" - "@spectrum-css/icon": "workspace:^" - "@spectrum-css/menu": "workspace:^" - "@spectrum-css/popover": "workspace:^" - "@spectrum-css/progresscircle": "workspace:^" - "@spectrum-css/tokens": "workspace:^" + "@spectrum-css/helptext": "npm:6.0.0-s2-foundations.16" + "@spectrum-css/icon": "npm:8.0.0-s2-foundations.18" + "@spectrum-css/menu": "npm:8.0.0-s2-foundations.17" + "@spectrum-css/popover": "npm:8.0.0-s2-foundations.17" + "@spectrum-css/progresscircle": "npm:4.0.0-s2-foundations.16" + "@spectrum-css/tokens": "npm:15.0.0-s2-foundations.31" + eslint: "npm:^8.57.0" + npm-run-all2: "npm:^7.0.2" + prettier: "npm:^3.4.2" + stylelint: "npm:^16.9.0" peerDependencies: "@spectrum-css/helptext": ">=5" "@spectrum-css/icon": ">=7" @@ -3798,14 +3786,18 @@ __metadata: languageName: unknown linkType: soft -"@spectrum-css/pickerbutton@workspace:^, @spectrum-css/pickerbutton@workspace:components/pickerbutton": +"@spectrum-css/pickerbutton@npm:6.0.0-s2-foundations.17, @spectrum-css/pickerbutton@workspace:components/picker-button": version: 0.0.0-use.local - resolution: "@spectrum-css/pickerbutton@workspace:components/pickerbutton" + resolution: "@spectrum-css/pickerbutton@workspace:components/picker-button" dependencies: - "@spectrum-css/icon": "workspace:^" - "@spectrum-css/menu": "workspace:^" - "@spectrum-css/popover": "workspace:^" - "@spectrum-css/tokens": "workspace:^" + "@spectrum-css/icon": "npm:8.0.0-s2-foundations.18" + "@spectrum-css/menu": "npm:8.0.0-s2-foundations.17" + "@spectrum-css/popover": "npm:8.0.0-s2-foundations.17" + "@spectrum-css/tokens": "npm:15.0.0-s2-foundations.31" + eslint: "npm:^8.57.0" + npm-run-all2: "npm:^7.0.2" + prettier: "npm:^3.4.2" + stylelint: "npm:^16.9.0" peerDependencies: "@spectrum-css/icon": ">=7" "@spectrum-css/menu": ">=7" @@ -3814,16 +3806,20 @@ __metadata: languageName: unknown linkType: soft -"@spectrum-css/popover@workspace:^, @spectrum-css/popover@workspace:components/popover": +"@spectrum-css/popover@npm:8.0.0-s2-foundations.17, @spectrum-css/popover@workspace:components/popover": version: 0.0.0-use.local resolution: "@spectrum-css/popover@workspace:components/popover" dependencies: - "@spectrum-css/alertdialog": "workspace:^" + "@spectrum-css/alertdialog": "npm:3.0.0-s2-foundations.16" "@spectrum-css/commons": "workspace:^" - "@spectrum-css/dialog": "workspace:^" - "@spectrum-css/divider": "workspace:^" - "@spectrum-css/menu": "workspace:^" - "@spectrum-css/tokens": "workspace:^" + "@spectrum-css/dialog": "npm:11.0.0-s2-foundations.16" + "@spectrum-css/divider": "npm:4.0.0-s2-foundations.16" + "@spectrum-css/menu": "npm:8.0.0-s2-foundations.17" + "@spectrum-css/tokens": "npm:15.0.0-s2-foundations.31" + eslint: "npm:^8.57.0" + npm-run-all2: "npm:^7.0.2" + prettier: "npm:^3.4.2" + stylelint: "npm:^16.9.0" peerDependencies: "@spectrum-css/alertdialog": ">=2" "@spectrum-css/dialog": ">=10" @@ -3885,12 +3881,16 @@ __metadata: languageName: unknown linkType: soft -"@spectrum-css/progressbar@workspace:^, @spectrum-css/progressbar@workspace:components/progressbar": +"@spectrum-css/progressbar@npm:5.0.0-s2-foundations.20, @spectrum-css/progressbar@workspace:components/progress-bar": version: 0.0.0-use.local - resolution: "@spectrum-css/progressbar@workspace:components/progressbar" + resolution: "@spectrum-css/progressbar@workspace:components/progress-bar" dependencies: - "@spectrum-css/fieldlabel": "workspace:^" - "@spectrum-css/tokens": "workspace:^" + "@spectrum-css/fieldlabel": "npm:9.0.0-s2-foundations.17" + "@spectrum-css/tokens": "npm:15.0.0-s2-foundations.31" + eslint: "npm:^8.57.0" + npm-run-all2: "npm:^7.0.2" + prettier: "npm:^3.4.2" + stylelint: "npm:^16.9.0" peerDependencies: "@spectrum-css/fieldlabel": ">=8" "@spectrum-css/tokens": ">=14" @@ -3900,22 +3900,30 @@ __metadata: languageName: unknown linkType: soft -"@spectrum-css/progresscircle@workspace:^, @spectrum-css/progresscircle@workspace:components/progresscircle": +"@spectrum-css/progresscircle@npm:4.0.0-s2-foundations.16, @spectrum-css/progresscircle@workspace:components/progress-circle": version: 0.0.0-use.local - resolution: "@spectrum-css/progresscircle@workspace:components/progresscircle" + resolution: "@spectrum-css/progresscircle@workspace:components/progress-circle" dependencies: - "@spectrum-css/tokens": "workspace:^" + "@spectrum-css/tokens": "npm:15.0.0-s2-foundations.31" + eslint: "npm:^8.57.0" + npm-run-all2: "npm:^7.0.2" + prettier: "npm:^3.4.2" + stylelint: "npm:^16.9.0" peerDependencies: "@spectrum-css/tokens": ">=14" languageName: unknown linkType: soft -"@spectrum-css/radio@workspace:^, @spectrum-css/radio@workspace:components/radio": +"@spectrum-css/radio@npm:10.0.0-s2-foundations.18, @spectrum-css/radio@workspace:components/radio": version: 0.0.0-use.local resolution: "@spectrum-css/radio@workspace:components/radio" dependencies: - "@spectrum-css/icon": "workspace:^" - "@spectrum-css/tokens": "workspace:^" + "@spectrum-css/icon": "npm:8.0.0-s2-foundations.18" + "@spectrum-css/tokens": "npm:15.0.0-s2-foundations.31" + eslint: "npm:^8.57.0" + npm-run-all2: "npm:^7.0.2" + prettier: "npm:^3.4.2" + stylelint: "npm:^16.9.0" peerDependencies: "@spectrum-css/icon": ">=7" "@spectrum-css/tokens": ">=14" @@ -3926,8 +3934,12 @@ __metadata: version: 0.0.0-use.local resolution: "@spectrum-css/rating@workspace:components/rating" dependencies: - "@spectrum-css/icon": "workspace:^" - "@spectrum-css/tokens": "workspace:^" + "@spectrum-css/icon": "npm:8.0.0-s2-foundations.18" + "@spectrum-css/tokens": "npm:15.0.0-s2-foundations.31" + eslint: "npm:^8.57.0" + npm-run-all2: "npm:^7.0.2" + prettier: "npm:^3.4.2" + stylelint: "npm:^16.9.0" peerDependencies: "@spectrum-css/icon": ">=7" "@spectrum-css/tokens": ">=14" @@ -3938,10 +3950,14 @@ __metadata: version: 0.0.0-use.local resolution: "@spectrum-css/search@workspace:components/search" dependencies: - "@spectrum-css/clearbutton": "workspace:^" - "@spectrum-css/icon": "workspace:^" - "@spectrum-css/textfield": "workspace:^" - "@spectrum-css/tokens": "workspace:^" + "@spectrum-css/clearbutton": "npm:7.0.0-s2-foundations.17" + "@spectrum-css/icon": "npm:8.0.0-s2-foundations.18" + "@spectrum-css/textfield": "npm:8.0.0-s2-foundations.17" + "@spectrum-css/tokens": "npm:15.0.0-s2-foundations.31" + eslint: "npm:^8.57.0" + npm-run-all2: "npm:^7.0.2" + prettier: "npm:^3.4.2" + stylelint: "npm:^16.9.0" peerDependencies: "@spectrum-css/clearbutton": ">=6" "@spectrum-css/icon": ">=7" @@ -3950,12 +3966,16 @@ __metadata: languageName: unknown linkType: soft -"@spectrum-css/sidenav@workspace:components/sidenav": +"@spectrum-css/sidenav@workspace:components/side-nav": version: 0.0.0-use.local - resolution: "@spectrum-css/sidenav@workspace:components/sidenav" + resolution: "@spectrum-css/sidenav@workspace:components/side-nav" dependencies: - "@spectrum-css/icon": "workspace:^" - "@spectrum-css/tokens": "workspace:^" + "@spectrum-css/icon": "npm:8.0.0-s2-foundations.18" + "@spectrum-css/tokens": "npm:15.0.0-s2-foundations.31" + eslint: "npm:^8.57.0" + npm-run-all2: "npm:^7.0.2" + prettier: "npm:^3.4.2" + stylelint: "npm:^16.9.0" peerDependencies: "@spectrum-css/icon": ">=7" "@spectrum-css/tokens": ">=14" @@ -3969,41 +3989,57 @@ __metadata: version: 0.0.0-use.local resolution: "@spectrum-css/slider@workspace:components/slider" dependencies: - "@spectrum-css/stepper": "workspace:^" - "@spectrum-css/tokens": "workspace:^" + "@spectrum-css/stepper": "npm:7.0.0-s2-foundations.19" + "@spectrum-css/tokens": "npm:15.0.0-s2-foundations.31" + eslint: "npm:^8.57.0" + npm-run-all2: "npm:^7.0.2" + prettier: "npm:^3.4.2" + stylelint: "npm:^16.9.0" peerDependencies: "@spectrum-css/stepper": ">=6" "@spectrum-css/tokens": ">=14" languageName: unknown linkType: soft -"@spectrum-css/splitview@workspace:components/splitview": +"@spectrum-css/splitview@workspace:components/split-view": version: 0.0.0-use.local - resolution: "@spectrum-css/splitview@workspace:components/splitview" + resolution: "@spectrum-css/splitview@workspace:components/split-view" dependencies: - "@spectrum-css/tokens": "workspace:^" + "@spectrum-css/tokens": "npm:15.0.0-s2-foundations.31" + eslint: "npm:^8.57.0" + npm-run-all2: "npm:^7.0.2" + prettier: "npm:^3.4.2" + stylelint: "npm:^16.9.0" peerDependencies: "@spectrum-css/tokens": ">=14" languageName: unknown linkType: soft -"@spectrum-css/statuslight@workspace:components/statuslight": +"@spectrum-css/statuslight@workspace:components/status-light": version: 0.0.0-use.local - resolution: "@spectrum-css/statuslight@workspace:components/statuslight" + resolution: "@spectrum-css/statuslight@workspace:components/status-light" dependencies: - "@spectrum-css/tokens": "workspace:^" + "@spectrum-css/tokens": "npm:15.0.0-s2-foundations.31" + eslint: "npm:^8.57.0" + npm-run-all2: "npm:^7.0.2" + prettier: "npm:^3.4.2" + stylelint: "npm:^16.9.0" peerDependencies: "@spectrum-css/tokens": ">=14" languageName: unknown linkType: soft -"@spectrum-css/steplist@workspace:components/steplist": +"@spectrum-css/steplist@workspace:components/step-list": version: 0.0.0-use.local - resolution: "@spectrum-css/steplist@workspace:components/steplist" + resolution: "@spectrum-css/steplist@workspace:components/step-list" dependencies: - "@spectrum-css/icon": "workspace:^" - "@spectrum-css/tokens": "workspace:^" - "@spectrum-css/tooltip": "workspace:^" + "@spectrum-css/icon": "npm:8.0.0-s2-foundations.18" + "@spectrum-css/tokens": "npm:15.0.0-s2-foundations.31" + "@spectrum-css/tooltip": "npm:7.0.0-s2-foundations.16" + eslint: "npm:^8.57.0" + npm-run-all2: "npm:^7.0.2" + prettier: "npm:^3.4.2" + stylelint: "npm:^16.9.0" peerDependencies: "@spectrum-css/icon": ">=7" "@spectrum-css/tokens": ">=14" @@ -4014,15 +4050,19 @@ __metadata: languageName: unknown linkType: soft -"@spectrum-css/stepper@workspace:^, @spectrum-css/stepper@workspace:components/stepper": +"@spectrum-css/stepper@npm:7.0.0-s2-foundations.19, @spectrum-css/stepper@workspace:components/stepper": version: 0.0.0-use.local resolution: "@spectrum-css/stepper@workspace:components/stepper" dependencies: - "@spectrum-css/actionbutton": "workspace:^" - "@spectrum-css/icon": "workspace:^" - "@spectrum-css/infieldbutton": "workspace:^" - "@spectrum-css/textfield": "workspace:^" - "@spectrum-css/tokens": "workspace:^" + "@spectrum-css/actionbutton": "npm:7.0.0-s2-foundations.24" + "@spectrum-css/icon": "npm:8.0.0-s2-foundations.18" + "@spectrum-css/infieldbutton": "npm:6.0.0-s2-foundations.17" + "@spectrum-css/textfield": "npm:8.0.0-s2-foundations.17" + "@spectrum-css/tokens": "npm:15.0.0-s2-foundations.31" + eslint: "npm:^8.57.0" + npm-run-all2: "npm:^7.0.2" + prettier: "npm:^3.4.2" + stylelint: "npm:^16.9.0" peerDependencies: "@spectrum-css/actionbutton": ">=6" "@spectrum-css/icon": ">=7" @@ -4035,35 +4075,47 @@ __metadata: languageName: unknown linkType: soft -"@spectrum-css/swatch@workspace:^, @spectrum-css/swatch@workspace:components/swatch": +"@spectrum-css/swatch@npm:7.0.0-s2-foundations.18, @spectrum-css/swatch@workspace:components/swatch": version: 0.0.0-use.local resolution: "@spectrum-css/swatch@workspace:components/swatch" dependencies: - "@spectrum-css/opacitycheckerboard": "workspace:^" - "@spectrum-css/tokens": "workspace:^" + "@spectrum-css/opacitycheckerboard": "npm:3.0.0-s2-foundations.16" + "@spectrum-css/tokens": "npm:15.0.0-s2-foundations.31" + eslint: "npm:^8.57.0" + npm-run-all2: "npm:^7.0.2" + prettier: "npm:^3.4.2" + stylelint: "npm:^16.9.0" peerDependencies: "@spectrum-css/opacitycheckerboard": ">=2" "@spectrum-css/tokens": ">=14.5.0" languageName: unknown linkType: soft -"@spectrum-css/swatchgroup@workspace:components/swatchgroup": +"@spectrum-css/swatchgroup@workspace:components/swatch-group": version: 0.0.0-use.local - resolution: "@spectrum-css/swatchgroup@workspace:components/swatchgroup" + resolution: "@spectrum-css/swatchgroup@workspace:components/swatch-group" dependencies: - "@spectrum-css/swatch": "workspace:^" - "@spectrum-css/tokens": "workspace:^" + "@spectrum-css/swatch": "npm:7.0.0-s2-foundations.18" + "@spectrum-css/tokens": "npm:15.0.0-s2-foundations.31" + eslint: "npm:^8.57.0" + npm-run-all2: "npm:^7.0.2" + prettier: "npm:^3.4.2" + stylelint: "npm:^16.9.0" peerDependencies: "@spectrum-css/swatch": ">=6" "@spectrum-css/tokens": ">=14" languageName: unknown linkType: soft -"@spectrum-css/switch@workspace:^, @spectrum-css/switch@workspace:components/switch": +"@spectrum-css/switch@npm:6.0.0-s2-foundations.17, @spectrum-css/switch@workspace:components/switch": version: 0.0.0-use.local resolution: "@spectrum-css/switch@workspace:components/switch" dependencies: - "@spectrum-css/tokens": "workspace:^" + "@spectrum-css/tokens": "npm:15.0.0-s2-foundations.31" + eslint: "npm:^8.57.0" + npm-run-all2: "npm:^7.0.2" + prettier: "npm:^3.4.2" + stylelint: "npm:^16.9.0" peerDependencies: "@spectrum-css/tokens": ">=14" languageName: unknown @@ -4073,11 +4125,15 @@ __metadata: version: 0.0.0-use.local resolution: "@spectrum-css/table@workspace:components/table" dependencies: - "@spectrum-css/button": "workspace:^" - "@spectrum-css/checkbox": "workspace:^" - "@spectrum-css/icon": "workspace:^" - "@spectrum-css/thumbnail": "workspace:^" - "@spectrum-css/tokens": "workspace:^" + "@spectrum-css/button": "npm:14.0.0-s2-foundations.19" + "@spectrum-css/checkbox": "npm:10.0.0-s2-foundations.20" + "@spectrum-css/icon": "npm:8.0.0-s2-foundations.18" + "@spectrum-css/thumbnail": "npm:7.0.0-s2-foundations.18" + "@spectrum-css/tokens": "npm:15.0.0-s2-foundations.31" + eslint: "npm:^8.57.0" + npm-run-all2: "npm:^7.0.2" + prettier: "npm:^3.4.2" + stylelint: "npm:^16.9.0" peerDependencies: "@spectrum-css/button": ">=13" "@spectrum-css/checkbox": ">=9" @@ -4098,10 +4154,14 @@ __metadata: version: 0.0.0-use.local resolution: "@spectrum-css/tabs@workspace:components/tabs" dependencies: - "@spectrum-css/icon": "workspace:^" - "@spectrum-css/menu": "workspace:^" - "@spectrum-css/picker": "workspace:^" - "@spectrum-css/tokens": "workspace:^" + "@spectrum-css/icon": "npm:8.0.0-s2-foundations.18" + "@spectrum-css/menu": "npm:8.0.0-s2-foundations.17" + "@spectrum-css/picker": "npm:9.0.0-s2-foundations.17" + "@spectrum-css/tokens": "npm:15.0.0-s2-foundations.31" + eslint: "npm:^8.57.0" + npm-run-all2: "npm:^7.0.2" + prettier: "npm:^3.4.2" + stylelint: "npm:^16.9.0" peerDependencies: "@spectrum-css/icon": ">=7" "@spectrum-css/menu": ">=7" @@ -4113,14 +4173,18 @@ __metadata: languageName: unknown linkType: soft -"@spectrum-css/tag@workspace:^, @spectrum-css/tag@workspace:components/tag": +"@spectrum-css/tag@npm:10.0.0-s2-foundations.16, @spectrum-css/tag@workspace:components/tag": version: 0.0.0-use.local resolution: "@spectrum-css/tag@workspace:components/tag" dependencies: - "@spectrum-css/avatar": "workspace:^" - "@spectrum-css/clearbutton": "workspace:^" - "@spectrum-css/icon": "workspace:^" - "@spectrum-css/tokens": "workspace:^" + "@spectrum-css/avatar": "npm:8.0.0-s2-foundations.16" + "@spectrum-css/clearbutton": "npm:7.0.0-s2-foundations.17" + "@spectrum-css/icon": "npm:8.0.0-s2-foundations.18" + "@spectrum-css/tokens": "npm:15.0.0-s2-foundations.31" + eslint: "npm:^8.57.0" + npm-run-all2: "npm:^7.0.2" + prettier: "npm:^3.4.2" + stylelint: "npm:^16.9.0" peerDependencies: "@spectrum-css/avatar": ">=7" "@spectrum-css/clearbutton": ">=6" @@ -4134,24 +4198,32 @@ __metadata: languageName: unknown linkType: soft -"@spectrum-css/taggroup@workspace:components/taggroup": +"@spectrum-css/taggroup@workspace:components/tag-group": version: 0.0.0-use.local - resolution: "@spectrum-css/taggroup@workspace:components/taggroup" + resolution: "@spectrum-css/taggroup@workspace:components/tag-group" dependencies: - "@spectrum-css/tag": "workspace:^" - "@spectrum-css/tokens": "workspace:^" + "@spectrum-css/tag": "npm:10.0.0-s2-foundations.16" + "@spectrum-css/tokens": "npm:15.0.0-s2-foundations.31" + eslint: "npm:^8.57.0" + npm-run-all2: "npm:^7.0.2" + prettier: "npm:^3.4.2" + stylelint: "npm:^16.9.0" peerDependencies: "@spectrum-css/tag": ">=9" "@spectrum-css/tokens": ">=14" languageName: unknown linkType: soft -"@spectrum-css/textfield@workspace:^, @spectrum-css/textfield@workspace:components/textfield": +"@spectrum-css/textfield@npm:8.0.0-s2-foundations.17, @spectrum-css/textfield@workspace:components/text-field": version: 0.0.0-use.local - resolution: "@spectrum-css/textfield@workspace:components/textfield" + resolution: "@spectrum-css/textfield@workspace:components/text-field" dependencies: - "@spectrum-css/helptext": "workspace:^" - "@spectrum-css/tokens": "workspace:^" + "@spectrum-css/helptext": "npm:6.0.0-s2-foundations.16" + "@spectrum-css/tokens": "npm:15.0.0-s2-foundations.31" + eslint: "npm:^8.57.0" + npm-run-all2: "npm:^7.0.2" + prettier: "npm:^3.4.2" + stylelint: "npm:^16.9.0" peerDependencies: "@spectrum-css/helptext": ">=5" "@spectrum-css/tokens": ">=14" @@ -4161,12 +4233,16 @@ __metadata: languageName: unknown linkType: soft -"@spectrum-css/thumbnail@workspace:^, @spectrum-css/thumbnail@workspace:components/thumbnail": +"@spectrum-css/thumbnail@npm:7.0.0-s2-foundations.18, @spectrum-css/thumbnail@workspace:components/thumbnail": version: 0.0.0-use.local resolution: "@spectrum-css/thumbnail@workspace:components/thumbnail" dependencies: - "@spectrum-css/opacitycheckerboard": "workspace:^" - "@spectrum-css/tokens": "workspace:^" + "@spectrum-css/opacitycheckerboard": "npm:3.0.0-s2-foundations.16" + "@spectrum-css/tokens": "npm:15.0.0-s2-foundations.31" + eslint: "npm:^8.57.0" + npm-run-all2: "npm:^7.0.2" + prettier: "npm:^3.4.2" + stylelint: "npm:^16.9.0" peerDependencies: "@spectrum-css/opacitycheckerboard": ">=2" "@spectrum-css/tokens": ">=14" @@ -4177,10 +4253,14 @@ __metadata: version: 0.0.0-use.local resolution: "@spectrum-css/toast@workspace:components/toast" dependencies: - "@spectrum-css/button": "workspace:^" - "@spectrum-css/closebutton": "workspace:^" - "@spectrum-css/icon": "workspace:^" - "@spectrum-css/tokens": "workspace:^" + "@spectrum-css/button": "npm:14.0.0-s2-foundations.19" + "@spectrum-css/closebutton": "npm:6.0.0-s2-foundations.17" + "@spectrum-css/icon": "npm:8.0.0-s2-foundations.18" + "@spectrum-css/tokens": "npm:15.0.0-s2-foundations.31" + eslint: "npm:^8.57.0" + npm-run-all2: "npm:^7.0.2" + prettier: "npm:^3.4.2" + stylelint: "npm:^16.9.0" peerDependencies: "@spectrum-css/button": ">=13" "@spectrum-css/closebutton": ">=5" @@ -4196,43 +4276,55 @@ __metadata: languageName: node linkType: hard -"@spectrum-css/tokens@workspace:^, @spectrum-css/tokens@workspace:tokens": +"@spectrum-css/tokens@npm:15.0.0-s2-foundations.31, @spectrum-css/tokens@workspace:^, @spectrum-css/tokens@workspace:tokens": version: 0.0.0-use.local resolution: "@spectrum-css/tokens@workspace:tokens" dependencies: "@adobe/spectrum-tokens": "npm:0.0.0-s2-foundations-20241121221506" - "@nxkit/style-dictionary": "npm:^6.0.0" + eslint: "npm:^8.57.0" + fast-glob: "npm:^3.3.2" + npm-run-all2: "npm:^7.0.2" postcss: "npm:^8.4.49" postcss-cli: "npm:^11.0.0" prettier: "npm:^3.4.2" style-dictionary: "npm:^3.9.2" style-dictionary-sets: "npm:^2.3.0" + stylelint: "npm:^16.9.0" + yargs: "npm:^17.7.2" languageName: unknown linkType: soft -"@spectrum-css/tooltip@workspace:^, @spectrum-css/tooltip@workspace:components/tooltip": +"@spectrum-css/tooltip@npm:7.0.0-s2-foundations.16, @spectrum-css/tooltip@workspace:components/tooltip": version: 0.0.0-use.local resolution: "@spectrum-css/tooltip@workspace:components/tooltip" dependencies: "@spectrum-css/commons": "workspace:^" - "@spectrum-css/icon": "workspace:^" - "@spectrum-css/tokens": "workspace:^" + "@spectrum-css/icon": "npm:8.0.0-s2-foundations.18" + "@spectrum-css/tokens": "npm:15.0.0-s2-foundations.31" + eslint: "npm:^8.57.0" + npm-run-all2: "npm:^7.0.2" + prettier: "npm:^3.4.2" + stylelint: "npm:^16.9.0" peerDependencies: "@spectrum-css/icon": ">=7" "@spectrum-css/tokens": ">=14" languageName: unknown linkType: soft -"@spectrum-css/tray@workspace:^, @spectrum-css/tray@workspace:components/tray": +"@spectrum-css/tray@npm:4.0.0-s2-foundations.16, @spectrum-css/tray@workspace:components/tray": version: 0.0.0-use.local resolution: "@spectrum-css/tray@workspace:components/tray" dependencies: - "@spectrum-css/button": "workspace:^" - "@spectrum-css/dialog": "workspace:^" - "@spectrum-css/divider": "workspace:^" - "@spectrum-css/icon": "workspace:^" - "@spectrum-css/modal": "workspace:^" - "@spectrum-css/tokens": "workspace:^" + "@spectrum-css/button": "npm:14.0.0-s2-foundations.19" + "@spectrum-css/dialog": "npm:11.0.0-s2-foundations.16" + "@spectrum-css/divider": "npm:4.0.0-s2-foundations.16" + "@spectrum-css/icon": "npm:8.0.0-s2-foundations.18" + "@spectrum-css/modal": "npm:6.0.0-s2-foundations.17" + "@spectrum-css/tokens": "npm:15.0.0-s2-foundations.31" + eslint: "npm:^8.57.0" + npm-run-all2: "npm:^7.0.2" + prettier: "npm:^3.4.2" + stylelint: "npm:^16.9.0" peerDependencies: "@spectrum-css/button": ">=13" "@spectrum-css/dialog": ">=10" @@ -4252,9 +4344,13 @@ __metadata: version: 0.0.0-use.local resolution: "@spectrum-css/treeview@workspace:components/treeview" dependencies: - "@spectrum-css/icon": "workspace:^" - "@spectrum-css/thumbnail": "workspace:^" - "@spectrum-css/tokens": "workspace:^" + "@spectrum-css/icon": "npm:8.0.0-s2-foundations.18" + "@spectrum-css/thumbnail": "npm:7.0.0-s2-foundations.18" + "@spectrum-css/tokens": "npm:15.0.0-s2-foundations.31" + eslint: "npm:^8.57.0" + npm-run-all2: "npm:^7.0.2" + prettier: "npm:^3.4.2" + stylelint: "npm:^16.9.0" peerDependencies: "@spectrum-css/icon": ">=7" "@spectrum-css/thumbnail": ">=6" @@ -4265,11 +4361,15 @@ __metadata: languageName: unknown linkType: soft -"@spectrum-css/typography@workspace:^, @spectrum-css/typography@workspace:components/typography": +"@spectrum-css/typography@npm:7.0.0-s2-foundations.18, @spectrum-css/typography@workspace:^, @spectrum-css/typography@workspace:components/typography": version: 0.0.0-use.local resolution: "@spectrum-css/typography@workspace:components/typography" dependencies: - "@spectrum-css/tokens": "workspace:^" + "@spectrum-css/tokens": "npm:15.0.0-s2-foundations.31" + eslint: "npm:^8.57.0" + npm-run-all2: "npm:^7.0.2" + prettier: "npm:^3.4.2" + stylelint: "npm:^16.9.0" peerDependencies: "@spectrum-css/tokens": ">=14.5.0" languageName: unknown @@ -4286,11 +4386,16 @@ __metadata: languageName: unknown linkType: soft -"@spectrum-css/underlay@workspace:^, @spectrum-css/underlay@workspace:components/underlay": +"@spectrum-css/underlay@npm:5.0.0-s2-foundations.16, @spectrum-css/underlay@workspace:components/underlay": version: 0.0.0-use.local resolution: "@spectrum-css/underlay@workspace:components/underlay" dependencies: "@spectrum-css/commons": "workspace:^" + "@spectrum-css/tokens": "npm:15.0.0-s2-foundations.31" + eslint: "npm:^8.57.0" + npm-run-all2: "npm:^7.0.2" + prettier: "npm:^3.4.2" + stylelint: "npm:^16.9.0" peerDependencies: "@spectrum-css/tokens": ">=14" languageName: unknown @@ -4300,7 +4405,11 @@ __metadata: version: 0.0.0-use.local resolution: "@spectrum-css/well@workspace:components/well" dependencies: - "@spectrum-css/tokens": "workspace:^" + "@spectrum-css/tokens": "npm:15.0.0-s2-foundations.31" + eslint: "npm:^8.57.0" + npm-run-all2: "npm:^7.0.2" + prettier: "npm:^3.4.2" + stylelint: "npm:^16.9.0" peerDependencies: "@spectrum-css/tokens": ">=14" languageName: unknown @@ -5007,43 +5116,6 @@ __metadata: languageName: node linkType: hard -"@tsconfig/node10@npm:^1.0.7": - version: 1.0.11 - resolution: "@tsconfig/node10@npm:1.0.11" - checksum: 10c0/28a0710e5d039e0de484bdf85fee883bfd3f6a8980601f4d44066b0a6bcd821d31c4e231d1117731c4e24268bd4cf2a788a6787c12fc7f8d11014c07d582783c - languageName: node - linkType: hard - -"@tsconfig/node12@npm:^1.0.7": - version: 1.0.11 - resolution: "@tsconfig/node12@npm:1.0.11" - checksum: 10c0/dddca2b553e2bee1308a056705103fc8304e42bb2d2cbd797b84403a223b25c78f2c683ec3e24a095e82cd435387c877239bffcb15a590ba817cd3f6b9a99fd9 - languageName: node - linkType: hard - -"@tsconfig/node14@npm:^1.0.0": - version: 1.0.3 - resolution: "@tsconfig/node14@npm:1.0.3" - checksum: 10c0/67c1316d065fdaa32525bc9449ff82c197c4c19092b9663b23213c8cbbf8d88b6ed6a17898e0cbc2711950fbfaf40388938c1c748a2ee89f7234fc9e7fe2bf44 - languageName: node - linkType: hard - -"@tsconfig/node16@npm:^1.0.2": - version: 1.0.4 - resolution: "@tsconfig/node16@npm:1.0.4" - checksum: 10c0/05f8f2734e266fb1839eb1d57290df1664fe2aa3b0fdd685a9035806daa635f7519bf6d5d9b33f6e69dd545b8c46bd6e2b5c79acb2b1f146e885f7f11a42a5bb - languageName: node - linkType: hard - -"@tybys/wasm-util@npm:^0.9.0": - version: 0.9.0 - resolution: "@tybys/wasm-util@npm:0.9.0" - dependencies: - tslib: "npm:^2.4.0" - checksum: 10c0/f9fde5c554455019f33af6c8215f1a1435028803dc2a2825b077d812bed4209a1a64444a4ca0ce2ea7e1175c8d88e2f9173a36a33c199e8a5c671aa31de8242d - languageName: node - linkType: hard - "@types/aria-query@npm:^5.0.1": version: 5.0.4 resolution: "@types/aria-query@npm:5.0.4" @@ -5498,31 +5570,12 @@ __metadata: languageName: node linkType: hard -"@yarnpkg/lockfile@npm:^1.1.0": - version: 1.1.0 - resolution: "@yarnpkg/lockfile@npm:1.1.0" - checksum: 10c0/0bfa50a3d756623d1f3409bc23f225a1d069424dbc77c6fd2f14fb377390cd57ec703dc70286e081c564be9051ead9ba85d81d66a3e68eeb6eb506d4e0c0fbda - languageName: node - linkType: hard - -"@yarnpkg/parsers@npm:3.0.0-rc.46": - version: 3.0.0-rc.46 - resolution: "@yarnpkg/parsers@npm:3.0.0-rc.46" +"@yarnpkg/types@npm:^4.0.0": + version: 4.0.0 + resolution: "@yarnpkg/types@npm:4.0.0" dependencies: - js-yaml: "npm:^3.10.0" tslib: "npm:^2.4.0" - checksum: 10c0/c7f421c6885142f351459031c093fb2e79abcce6f4a89765a10e600bb7ab122949c54bcea2b23de9572a2b34ba29f822b17831c1c43ba50373ceb8cb5b336667 - languageName: node - linkType: hard - -"@zkochan/js-yaml@npm:0.0.7": - version: 0.0.7 - resolution: "@zkochan/js-yaml@npm:0.0.7" - dependencies: - argparse: "npm:^2.0.1" - bin: - js-yaml: bin/js-yaml.js - checksum: 10c0/c8b3525717912811f9422ed50e94c5751ed6f771eb1b7e5cde097f14835654931e2bdaecb1e5fc37b51cf8d822410a307f16dd1581d46149398c30215f3f9bac + checksum: 10c0/41f67a4aa5c414c1e228f51453451fa15e0dd70c5cf2b1ae1ca142a3f018f25e4a37e60372cd0f5970c755e1804a2e31e208bff427add1cf13f899b0b9adc1e0 languageName: node linkType: hard @@ -5604,15 +5657,6 @@ __metadata: languageName: node linkType: hard -"acorn-walk@npm:^8.1.1": - version: 8.3.3 - resolution: "acorn-walk@npm:8.3.3" - dependencies: - acorn: "npm:^8.11.0" - checksum: 10c0/4a9e24313e6a0a7b389e712ba69b66b455b4cb25988903506a8d247e7b126f02060b05a8a5b738a9284214e4ca95f383dd93443a4ba84f1af9b528305c7f243b - languageName: node - linkType: hard - "acorn-walk@npm:^8.3.4": version: 8.3.4 resolution: "acorn-walk@npm:8.3.4" @@ -5649,7 +5693,7 @@ __metadata: languageName: node linkType: hard -"acorn@npm:^8.4.1, acorn@npm:^8.5.0, acorn@npm:^8.6.0, acorn@npm:^8.9.0": +"acorn@npm:^8.5.0, acorn@npm:^8.6.0, acorn@npm:^8.9.0": version: 8.11.3 resolution: "acorn@npm:8.11.3" bin: @@ -5919,13 +5963,6 @@ __metadata: languageName: node linkType: hard -"arg@npm:^4.1.0": - version: 4.1.3 - resolution: "arg@npm:4.1.3" - checksum: 10c0/070ff801a9d236a6caa647507bdcc7034530604844d64408149a26b9e87c2f97650055c0f049abd1efc024b334635c01f29e0b632b371ac3f26130f4cf65997a - languageName: node - linkType: hard - "argparse@npm:^1.0.7": version: 1.0.10 resolution: "argparse@npm:1.0.10" @@ -6115,20 +6152,13 @@ __metadata: languageName: node linkType: hard -"async@npm:^3.2.3, async@npm:^3.2.4": +"async@npm:^3.2.4": version: 3.2.5 resolution: "async@npm:3.2.5" checksum: 10c0/1408287b26c6db67d45cb346e34892cee555b8b59e6c68e6f8c3e495cad5ca13b4f218180e871f3c2ca30df4ab52693b66f2f6ff43644760cab0b2198bda79c1 languageName: node linkType: hard -"asynckit@npm:^0.4.0": - version: 0.4.0 - resolution: "asynckit@npm:0.4.0" - checksum: 10c0/d73e2ddf20c4eb9337e1b3df1a0f6159481050a5de457c55b14ea2e5cb6d90bb69e004c9af54737a5ee0917fcf2c9e25de67777bbe58261847846066ba75bc9d - languageName: node - linkType: hard - "at-rule-packer@npm:^0.4.2": version: 0.4.2 resolution: "at-rule-packer@npm:0.4.2" @@ -6245,17 +6275,6 @@ __metadata: languageName: node linkType: hard -"axios@npm:^1.7.4": - version: 1.7.4 - resolution: "axios@npm:1.7.4" - dependencies: - follow-redirects: "npm:^1.15.6" - form-data: "npm:^4.0.0" - proxy-from-env: "npm:^1.1.0" - checksum: 10c0/5ea1a93140ca1d49db25ef8e1bd8cfc59da6f9220159a944168860ad15a2743ea21c5df2967795acb15cbe81362f5b157fdebbea39d53117ca27658bab9f7f17 - languageName: node - linkType: hard - "b4a@npm:^1.6.4": version: 1.6.6 resolution: "b4a@npm:1.6.6" @@ -6349,7 +6368,7 @@ __metadata: languageName: node linkType: hard -"bl@npm:^4.0.3, bl@npm:^4.1.0": +"bl@npm:^4.1.0": version: 4.1.0 resolution: "bl@npm:4.1.0" dependencies: @@ -6655,39 +6674,18 @@ __metadata: version: 3.0.0 resolution: "caniuse-api@npm:3.0.0" dependencies: - browserslist: "npm:^4.0.0" - caniuse-lite: "npm:^1.0.0" - lodash.memoize: "npm:^4.1.2" - lodash.uniq: "npm:^4.5.0" - checksum: 10c0/60f9e85a3331e6d761b1b03eec71ca38ef7d74146bece34694853033292156b815696573ed734b65583acf493e88163618eda915c6c826d46a024c71a9572b4c - languageName: node - linkType: hard - -"caniuse-lite@npm:^1.0.0, caniuse-lite@npm:^1.0.30001599, caniuse-lite@npm:^1.0.30001640": - version: 1.0.30001643 - resolution: "caniuse-lite@npm:1.0.30001643" - checksum: 10c0/7fcd0fd180bbe6764311ad57b0d39c23afdcc3bb1d8f804e7a76752c62a85b1bb7cf74b672d9da2f0afe7ad75336ff811a6fe279eb2a54bc04c272b6b62e57f1 - languageName: node - linkType: hard - -"caniuse-lite@npm:^1.0.30001629": - version: 1.0.30001636 - resolution: "caniuse-lite@npm:1.0.30001636" - checksum: 10c0/e5f965b4da7bae1531fd9f93477d015729ff9e3fa12670ead39a9e6cdc4c43e62c272d47857c5cc332e7b02d697cb3f2f965a1030870ac7476da60c2fc81ee94 - languageName: node - linkType: hard - -"caniuse-lite@npm:^1.0.30001646": - version: 1.0.30001660 - resolution: "caniuse-lite@npm:1.0.30001660" - checksum: 10c0/d28900b56c597176d515c3175ca75c454f2d30cb2c09a44d7bdb009bb0c4d8a2557905adb77642889bbe9feb85fbfe9d974c8b8e53521fb4b50ee16ab246104e + browserslist: "npm:^4.0.0" + caniuse-lite: "npm:^1.0.0" + lodash.memoize: "npm:^4.1.2" + lodash.uniq: "npm:^4.5.0" + checksum: 10c0/60f9e85a3331e6d761b1b03eec71ca38ef7d74146bece34694853033292156b815696573ed734b65583acf493e88163618eda915c6c826d46a024c71a9572b4c languageName: node linkType: hard -"caniuse-lite@npm:^1.0.30001669": - version: 1.0.30001673 - resolution: "caniuse-lite@npm:1.0.30001673" - checksum: 10c0/0e73a2b0f06973052e563dec9990a6fd440d510fa2ff54fa50310e736abb86e96c96b43c10e609fc22f2109f98fe76428b70441baf6b1a49f69ccf50c1879f6b +"caniuse-lite@npm:^1.0.0, caniuse-lite@npm:^1.0.30001599, caniuse-lite@npm:^1.0.30001629, caniuse-lite@npm:^1.0.30001640, caniuse-lite@npm:^1.0.30001646, caniuse-lite@npm:^1.0.30001669": + version: 1.0.30001689 + resolution: "caniuse-lite@npm:1.0.30001689" + checksum: 10c0/51cf99751dddfba24e13556ae0e0f38c062f76d49f2e24cce3d28e71a0325ca6fe04fe51b4a0e8467d601d94e72fea84f160bf577e7cbb5677f14ac673b6da20 languageName: node linkType: hard @@ -6797,7 +6795,7 @@ __metadata: languageName: node linkType: hard -"chalk@npm:^4.0.0, chalk@npm:^4.0.2, chalk@npm:^4.1.0": +"chalk@npm:^4.0.0, chalk@npm:^4.1.0": version: 4.1.2 resolution: "chalk@npm:4.1.2" dependencies: @@ -7048,7 +7046,7 @@ __metadata: languageName: node linkType: hard -"cli-cursor@npm:3.1.0, cli-cursor@npm:^3.1.0": +"cli-cursor@npm:^3.1.0": version: 3.1.0 resolution: "cli-cursor@npm:3.1.0" dependencies: @@ -7075,13 +7073,6 @@ __metadata: languageName: node linkType: hard -"cli-spinners@npm:2.6.1": - version: 2.6.1 - resolution: "cli-spinners@npm:2.6.1" - checksum: 10c0/6abcdfef59aa68e6b51376d87d257f9120a0a7120a39dd21633702d24797decb6dc747dff2217c88732710db892b5053c5c672d221b6c4d13bbcb5372e203596 - languageName: node - linkType: hard - "cli-spinners@npm:^2.5.0, cli-spinners@npm:^2.9.2": version: 2.9.2 resolution: "cli-spinners@npm:2.9.2" @@ -7238,15 +7229,6 @@ __metadata: languageName: node linkType: hard -"combined-stream@npm:^1.0.8": - version: 1.0.8 - resolution: "combined-stream@npm:1.0.8" - dependencies: - delayed-stream: "npm:~1.0.0" - checksum: 10c0/0dbb829577e1b1e839fa82b40c07ffaf7de8a09b935cadd355a73652ae70a88b4320db322f6634a4ad93424292fa80973ac6480986247f1734a1137debf271d5 - languageName: node - linkType: hard - "comma-separated-tokens@npm:^1.0.0": version: 1.0.8 resolution: "comma-separated-tokens@npm:1.0.8" @@ -7513,13 +7495,6 @@ __metadata: languageName: node linkType: hard -"create-require@npm:^1.1.0": - version: 1.1.1 - resolution: "create-require@npm:1.1.1" - checksum: 10c0/157cbc59b2430ae9a90034a5f3a1b398b6738bf510f713edc4d4e45e169bc514d3d99dd34d8d01ca7ae7830b5b8b537e46ae8f3c8f932371b0875c0151d7ec91 - languageName: node - linkType: hard - "cross-env@npm:^7.0.3": version: 7.0.3 resolution: "cross-env@npm:7.0.3" @@ -7532,7 +7507,7 @@ __metadata: languageName: node linkType: hard -"cross-spawn@npm:^7.0.0, cross-spawn@npm:^7.0.1, cross-spawn@npm:^7.0.2, cross-spawn@npm:^7.0.3, cross-spawn@npm:^7.0.5": +"cross-spawn@npm:^7.0.0, cross-spawn@npm:^7.0.1, cross-spawn@npm:^7.0.2, cross-spawn@npm:^7.0.3, cross-spawn@npm:^7.0.5, cross-spawn@npm:^7.0.6": version: 7.0.6 resolution: "cross-spawn@npm:7.0.6" dependencies: @@ -8138,13 +8113,6 @@ __metadata: languageName: node linkType: hard -"delayed-stream@npm:~1.0.0": - version: 1.0.0 - resolution: "delayed-stream@npm:1.0.0" - checksum: 10c0/d758899da03392e6712f042bec80aa293bbe9e9ff1b2634baae6a360113e708b91326594c8a486d475c69d6259afb7efacdc3537bfcda1c6c648e390ce601b19 - languageName: node - linkType: hard - "delegates@npm:^1.0.0": version: 1.0.0 resolution: "delegates@npm:1.0.0" @@ -8203,13 +8171,6 @@ __metadata: languageName: node linkType: hard -"diff-sequences@npm:^29.6.3": - version: 29.6.3 - resolution: "diff-sequences@npm:29.6.3" - checksum: 10c0/32e27ac7dbffdf2fb0eb5a84efd98a9ad084fbabd5ac9abb8757c6770d5320d2acd172830b28c4add29bb873d59420601dfc805ac4064330ce59b1adfd0593b2 - languageName: node - linkType: hard - "diff2html@npm:^3.4.48": version: 3.4.48 resolution: "diff2html@npm:3.4.48" @@ -8231,13 +8192,6 @@ __metadata: languageName: node linkType: hard -"diff@npm:^4.0.1": - version: 4.0.2 - resolution: "diff@npm:4.0.2" - checksum: 10c0/81b91f9d39c4eaca068eb0c1eb0e4afbdc5bb2941d197f513dd596b820b956fef43485876226d65d497bebc15666aa2aa82c679e84f65d5f2bfbf14ee46e32c1 - languageName: node - linkType: hard - "diff@npm:^7.0.0": version: 7.0.0 resolution: "diff@npm:7.0.0" @@ -8377,22 +8331,6 @@ __metadata: languageName: node linkType: hard -"dotenv-expand@npm:~11.0.6": - version: 11.0.6 - resolution: "dotenv-expand@npm:11.0.6" - dependencies: - dotenv: "npm:^16.4.4" - checksum: 10c0/e22891ec72cb926d46d9a26290ef77f9cc9ddcba92d2f83d5e6f3a803d1590887be68e25b559415d080053000441b6f63f5b36093a565bb8c5c994b992ae49f2 - languageName: node - linkType: hard - -"dotenv@npm:^16.4.4, dotenv@npm:~16.4.5": - version: 16.4.5 - resolution: "dotenv@npm:16.4.5" - checksum: 10c0/48d92870076832af0418b13acd6e5a5a3e83bb00df690d9812e94b24aff62b88ade955ac99a05501305b8dc8f1b0ee7638b18493deb6fe93d680e5220936292f - languageName: node - linkType: hard - "dotenv@npm:^8.1.0": version: 8.6.0 resolution: "dotenv@npm:8.6.0" @@ -8400,13 +8338,6 @@ __metadata: languageName: node linkType: hard -"duplexer@npm:^0.1.1": - version: 0.1.2 - resolution: "duplexer@npm:0.1.2" - checksum: 10c0/c57bcd4bdf7e623abab2df43a7b5b23d18152154529d166c1e0da6bee341d84c432d157d7e97b32fecb1bf3a8b8857dd85ed81a915789f550637ed25b8e64fc2 - languageName: node - linkType: hard - "eachr@npm:^3.2.0": version: 3.3.0 resolution: "eachr@npm:3.3.0" @@ -8434,17 +8365,6 @@ __metadata: languageName: node linkType: hard -"ejs@npm:^3.1.7": - version: 3.1.10 - resolution: "ejs@npm:3.1.10" - dependencies: - jake: "npm:^10.8.5" - bin: - ejs: bin/cli.js - checksum: 10c0/52eade9e68416ed04f7f92c492183340582a36482836b11eab97b159fcdcfdedc62233a1bf0bf5e5e1851c501f2dca0e2e9afd111db2599e4e7f53ee29429ae1 - languageName: node - linkType: hard - "electron-to-chromium@npm:^1.4.796": version: 1.4.810 resolution: "electron-to-chromium@npm:1.4.810" @@ -8517,15 +8437,6 @@ __metadata: languageName: node linkType: hard -"end-of-stream@npm:^1.4.1": - version: 1.4.4 - resolution: "end-of-stream@npm:1.4.4" - dependencies: - once: "npm:^1.4.0" - checksum: 10c0/870b423afb2d54bb8d243c63e07c170409d41e20b47eeef0727547aea5740bd6717aca45597a9f2745525667a6b804c1e7bede41f856818faee5806dd9ff3975 - languageName: node - linkType: hard - "enquirer@npm:^2.3.0": version: 2.4.1 resolution: "enquirer@npm:2.4.1" @@ -8536,15 +8447,6 @@ __metadata: languageName: node linkType: hard -"enquirer@npm:~2.3.6": - version: 2.3.6 - resolution: "enquirer@npm:2.3.6" - dependencies: - ansi-colors: "npm:^4.1.1" - checksum: 10c0/8e070e052c2c64326a2803db9084d21c8aaa8c688327f133bf65c4a712586beb126fd98c8a01cfb0433e82a4bd3b6262705c55a63e0f7fb91d06b9cedbde9a11 - languageName: node - linkType: hard - "entities@npm:^2.0.0": version: 2.2.0 resolution: "entities@npm:2.2.0" @@ -9087,7 +8989,7 @@ __metadata: languageName: node linkType: hard -"esquery@npm:^1.4.0, esquery@npm:^1.4.2, esquery@npm:^1.6.0": +"esquery@npm:^1.4.2, esquery@npm:^1.6.0": version: 1.6.0 resolution: "esquery@npm:1.6.0" dependencies: @@ -9375,15 +9277,6 @@ __metadata: languageName: node linkType: hard -"figures@npm:3.2.0": - version: 3.2.0 - resolution: "figures@npm:3.2.0" - dependencies: - escape-string-regexp: "npm:^1.0.5" - checksum: 10c0/9c421646ede432829a50bc4e55c7a4eb4bcb7cc07b5bab2f471ef1ab9a344595bbebb6c5c21470093fbb730cd81bbca119624c40473a125293f656f49cb47629 - languageName: node - linkType: hard - "figures@npm:^5.0.0": version: 5.0.0 resolution: "figures@npm:5.0.0" @@ -9438,15 +9331,6 @@ __metadata: languageName: node linkType: hard -"filelist@npm:^1.0.4": - version: 1.0.4 - resolution: "filelist@npm:1.0.4" - dependencies: - minimatch: "npm:^5.0.1" - checksum: 10c0/426b1de3944a3d153b053f1c0ebfd02dccd0308a4f9e832ad220707a6d1f1b3c9784d6cadf6b2f68f09a57565f63ebc7bcdc913ccf8012d834f472c46e596f41 - languageName: node - linkType: hard - "filename-reserved-regex@npm:^2.0.0": version: 2.0.0 resolution: "filename-reserved-regex@npm:2.0.0" @@ -9583,15 +9467,6 @@ __metadata: languageName: node linkType: hard -"flat@npm:^5.0.2": - version: 5.0.2 - resolution: "flat@npm:5.0.2" - bin: - flat: cli.js - checksum: 10c0/f178b13482f0cd80c7fede05f4d10585b1f2fdebf26e12edc138e32d3150c6ea6482b7f12813a1091143bad52bb6d3596bca51a162257a21163c0ff438baa5fe - languageName: node - linkType: hard - "flatted@npm:^3.2.9, flatted@npm:^3.3.1": version: 3.3.1 resolution: "flatted@npm:3.3.1" @@ -9599,16 +9474,6 @@ __metadata: languageName: node linkType: hard -"follow-redirects@npm:^1.15.6": - version: 1.15.6 - resolution: "follow-redirects@npm:1.15.6" - peerDependenciesMeta: - debug: - optional: true - checksum: 10c0/9ff767f0d7be6aa6870c82ac79cf0368cd73e01bbc00e9eb1c2a16fbb198ec105e3c9b6628bb98e9f3ac66fe29a957b9645bcb9a490bb7aa0d35f908b6b85071 - languageName: node - linkType: hard - "for-each@npm:^0.3.3": version: 0.3.3 resolution: "for-each@npm:0.3.3" @@ -9644,17 +9509,6 @@ __metadata: languageName: node linkType: hard -"form-data@npm:^4.0.0": - version: 4.0.0 - resolution: "form-data@npm:4.0.0" - dependencies: - asynckit: "npm:^0.4.0" - combined-stream: "npm:^1.0.8" - mime-types: "npm:^2.1.12" - checksum: 10c0/cb6f3ac49180be03ff07ba3ff125f9eba2ff0b277fb33c7fc47569fc5e616882c5b1c69b9904c4c4187e97dd0419dd03b134174756f296dec62041e6527e2c6e - languageName: node - linkType: hard - "format-unicorn@npm:^1.1.0": version: 1.1.1 resolution: "format-unicorn@npm:1.1.1" @@ -9690,22 +9544,6 @@ __metadata: languageName: node linkType: hard -"front-matter@npm:^4.0.2": - version: 4.0.2 - resolution: "front-matter@npm:4.0.2" - dependencies: - js-yaml: "npm:^3.13.1" - checksum: 10c0/7a0df5ca37428dd563c057bc17a8940481fe53876609bcdc443a02ce463c70f1842c7cb4628b80916de46a253732794b36fb6a31105db0f185698a93acee4011 - languageName: node - linkType: hard - -"fs-constants@npm:^1.0.0": - version: 1.0.0 - resolution: "fs-constants@npm:1.0.0" - checksum: 10c0/a0cde99085f0872f4d244e83e03a46aa387b74f5a5af750896c6b05e9077fac00e9932fdf5aef84f2f16634cd473c63037d7a512576da7d5c2b9163d1909f3a8 - languageName: node - linkType: hard - "fs-extra@npm:11.1.1": version: 11.1.1 resolution: "fs-extra@npm:11.1.1" @@ -9728,7 +9566,7 @@ __metadata: languageName: node linkType: hard -"fs-extra@npm:^11.0.0, fs-extra@npm:^11.1.1, fs-extra@npm:^11.2.0": +"fs-extra@npm:^11.0.0, fs-extra@npm:^11.1.1": version: 11.2.0 resolution: "fs-extra@npm:11.2.0" dependencies: @@ -10513,7 +10351,7 @@ __metadata: languageName: node linkType: hard -"ignore@npm:^5.0.4, ignore@npm:^5.2.0, ignore@npm:^5.2.4": +"ignore@npm:^5.2.0, ignore@npm:^5.2.4": version: 5.3.1 resolution: "ignore@npm:5.3.1" checksum: 10c0/703f7f45ffb2a27fb2c5a8db0c32e7dee66b33a225d28e8db4e1be6474795f606686a6e3bcc50e1aa12f2042db4c9d4a7d60af3250511de74620fbed052ea4cd @@ -11290,39 +11128,6 @@ __metadata: languageName: node linkType: hard -"jake@npm:^10.8.5": - version: 10.9.2 - resolution: "jake@npm:10.9.2" - dependencies: - async: "npm:^3.2.3" - chalk: "npm:^4.0.2" - filelist: "npm:^1.0.4" - minimatch: "npm:^3.1.2" - bin: - jake: bin/cli.js - checksum: 10c0/c4597b5ed9b6a908252feab296485a4f87cba9e26d6c20e0ca144fb69e0c40203d34a2efddb33b3d297b8bd59605e6c1f44f6221ca1e10e69175ecbf3ff5fe31 - languageName: node - linkType: hard - -"jest-diff@npm:^29.4.1": - version: 29.7.0 - resolution: "jest-diff@npm:29.7.0" - dependencies: - chalk: "npm:^4.0.0" - diff-sequences: "npm:^29.6.3" - jest-get-type: "npm:^29.6.3" - pretty-format: "npm:^29.7.0" - checksum: 10c0/89a4a7f182590f56f526443dde69acefb1f2f0c9e59253c61d319569856c4931eae66b8a3790c443f529267a0ddba5ba80431c585deed81827032b2b2a1fc999 - languageName: node - linkType: hard - -"jest-get-type@npm:^29.6.3": - version: 29.6.3 - resolution: "jest-get-type@npm:29.6.3" - checksum: 10c0/552e7a97a983d3c2d4e412a44eb7de0430ff773dd99f7500962c268d6dfbfa431d7d08f919c9d960530e5f7f78eb47f267ad9b318265e5092b3ff9ede0db7c2b - languageName: node - linkType: hard - "jiti@npm:^2.4.1": version: 2.4.1 resolution: "jiti@npm:2.4.1" @@ -11353,7 +11158,7 @@ __metadata: languageName: node linkType: hard -"js-yaml@npm:^3.10.0, js-yaml@npm:^3.13.1, js-yaml@npm:^3.14.1, js-yaml@npm:^3.6.1, js-yaml@npm:^3.7.0": +"js-yaml@npm:^3.13.1, js-yaml@npm:^3.14.1, js-yaml@npm:^3.6.1, js-yaml@npm:^3.7.0": version: 3.14.1 resolution: "js-yaml@npm:3.14.1" dependencies: @@ -11413,6 +11218,13 @@ __metadata: languageName: node linkType: hard +"json-parse-even-better-errors@npm:^4.0.0": + version: 4.0.0 + resolution: "json-parse-even-better-errors@npm:4.0.0" + checksum: 10c0/84cd9304a97e8fb2af3937bf53acb91c026aeb859703c332684e688ea60db27fc2242aa532a84e1883fdcbe1e5c1fb57c2bef38e312021aa1cd300defc63cf16 + languageName: node + linkType: hard + "json-schema-traverse@npm:^0.3.0": version: 0.3.1 resolution: "json-schema-traverse@npm:0.3.1" @@ -11471,13 +11283,6 @@ __metadata: languageName: node linkType: hard -"jsonc-parser@npm:3.2.0": - version: 3.2.0 - resolution: "jsonc-parser@npm:3.2.0" - checksum: 10c0/5a12d4d04dad381852476872a29dcee03a57439574e4181d91dca71904fcdcc5e8e4706c0a68a2c61ad9810e1e1c5806b5100d52d3e727b78f5cdc595401045b - languageName: node - linkType: hard - "jsonc-parser@npm:^3.0.0": version: 3.3.1 resolution: "jsonc-parser@npm:3.3.1" @@ -11589,13 +11394,6 @@ __metadata: languageName: node linkType: hard -"lines-and-columns@npm:2.0.3": - version: 2.0.3 - resolution: "lines-and-columns@npm:2.0.3" - checksum: 10c0/09525c10010a925b7efe858f1dd3184eeac34f0a9bc34993075ec490efad71e948147746b18e9540279cc87cd44085b038f986903db3de65ffe96d38a7b91c4c - languageName: node - linkType: hard - "lines-and-columns@npm:^1.1.6": version: 1.2.4 resolution: "lines-and-columns@npm:1.2.4" @@ -11831,7 +11629,7 @@ __metadata: languageName: node linkType: hard -"log-symbols@npm:^4.0.0, log-symbols@npm:^4.1.0": +"log-symbols@npm:^4.1.0": version: 4.1.0 resolution: "log-symbols@npm:4.1.0" dependencies: @@ -11985,13 +11783,6 @@ __metadata: languageName: node linkType: hard -"make-error@npm:^1.1.1": - version: 1.3.6 - resolution: "make-error@npm:1.3.6" - checksum: 10c0/171e458d86854c6b3fc46610cfacf0b45149ba043782558c6875d9f42f222124384ad0b468c92e996d815a8a2003817a710c0a160e49c1c394626f76fa45396f - languageName: node - linkType: hard - "make-fetch-happen@npm:^13.0.0": version: 13.0.1 resolution: "make-fetch-happen@npm:13.0.1" @@ -12262,6 +12053,13 @@ __metadata: languageName: node linkType: hard +"memorystream@npm:^0.3.1": + version: 0.3.1 + resolution: "memorystream@npm:0.3.1" + checksum: 10c0/4bd164657711d9747ff5edb0508b2944414da3464b7fe21ac5c67cf35bba975c4b446a0124bd0f9a8be54cfc18faf92e92bd77563a20328b1ccf2ff04e9f39b9 + languageName: node + linkType: hard + "meow@npm:^12.0.1": version: 12.1.1 resolution: "meow@npm:12.1.1" @@ -12638,22 +12436,6 @@ __metadata: languageName: node linkType: hard -"mime-db@npm:1.52.0": - version: 1.52.0 - resolution: "mime-db@npm:1.52.0" - checksum: 10c0/0557a01deebf45ac5f5777fe7740b2a5c309c6d62d40ceab4e23da9f821899ce7a900b7ac8157d4548ddbb7beffe9abc621250e6d182b0397ec7f10c7b91a5aa - languageName: node - linkType: hard - -"mime-types@npm:^2.1.12": - version: 2.1.35 - resolution: "mime-types@npm:2.1.35" - dependencies: - mime-db: "npm:1.52.0" - checksum: 10c0/82fb07ec56d8ff1fc999a84f2f217aa46cb6ed1033fefaabd5785b9a974ed225c90dc72fff460259e66b95b73648596dbcc50d51ed69cdf464af2d237d3149b2 - languageName: node - linkType: hard - "mimic-fn@npm:^2.1.0": version: 2.1.0 resolution: "mimic-fn@npm:2.1.0" @@ -12682,15 +12464,6 @@ __metadata: languageName: node linkType: hard -"minimatch@npm:9.0.3": - version: 9.0.3 - resolution: "minimatch@npm:9.0.3" - dependencies: - brace-expansion: "npm:^2.0.1" - checksum: 10c0/85f407dcd38ac3e180f425e86553911d101455ca3ad5544d6a7cec16286657e4f8a9aa6695803025c55e31e35a91a2252b5dc8e7d527211278b8b65b4dbd5eac - languageName: node - linkType: hard - "minimatch@npm:^10.0.0": version: 10.0.1 resolution: "minimatch@npm:10.0.1" @@ -12709,7 +12482,7 @@ __metadata: languageName: node linkType: hard -"minimatch@npm:^5.0.1, minimatch@npm:^5.1.0": +"minimatch@npm:^5.1.0": version: 5.1.6 resolution: "minimatch@npm:5.1.6" dependencies: @@ -12718,7 +12491,7 @@ __metadata: languageName: node linkType: hard -"minimatch@npm:^9.0.4": +"minimatch@npm:^9.0.0, minimatch@npm:^9.0.4": version: 9.0.5 resolution: "minimatch@npm:9.0.5" dependencies: @@ -13025,13 +12798,6 @@ __metadata: languageName: node linkType: hard -"node-machine-id@npm:1.1.12": - version: 1.1.12 - resolution: "node-machine-id@npm:1.1.12" - checksum: 10c0/ab2fea5f75a6f1ce3c76c5e0ae3903b631230e0a99b003d176568fff8ddbdf7b2943be96cd8d220c497ca0f6149411831f8a450601929f326781cb1b59bab7f8 - languageName: node - linkType: hard - "node-plop@npm:^0.32.0": version: 0.32.0 resolution: "node-plop@npm:0.32.0" @@ -13114,6 +12880,13 @@ __metadata: languageName: node linkType: hard +"npm-normalize-package-bin@npm:^4.0.0": + version: 4.0.0 + resolution: "npm-normalize-package-bin@npm:4.0.0" + checksum: 10c0/1fa546fcae8eaab61ef9b9ec237b6c795008da50e1883eae030e9e38bb04ffa32c5aabcef9a0400eae3dc1f91809bcfa85e437ce80d677c69b419d1d9cacf0ab + languageName: node + linkType: hard + "npm-package-arg@npm:^12.0.0": version: 12.0.0 resolution: "npm-package-arg@npm:12.0.0" @@ -13142,12 +12915,24 @@ __metadata: languageName: node linkType: hard -"npm-run-path@npm:^4.0.1": - version: 4.0.1 - resolution: "npm-run-path@npm:4.0.1" +"npm-run-all2@npm:^7.0.2": + version: 7.0.2 + resolution: "npm-run-all2@npm:7.0.2" dependencies: - path-key: "npm:^3.0.0" - checksum: 10c0/6f9353a95288f8455cf64cbeb707b28826a7f29690244c1e4bb61ec573256e021b6ad6651b394eb1ccfd00d6ec50147253aba2c5fe58a57ceb111fad62c519ac + ansi-styles: "npm:^6.2.1" + cross-spawn: "npm:^7.0.6" + memorystream: "npm:^0.3.1" + minimatch: "npm:^9.0.0" + pidtree: "npm:^0.6.0" + read-package-json-fast: "npm:^4.0.0" + shell-quote: "npm:^1.7.3" + which: "npm:^5.0.0" + bin: + npm-run-all: bin/npm-run-all/index.js + npm-run-all2: bin/npm-run-all/index.js + run-p: bin/run-p/index.js + run-s: bin/run-s/index.js + checksum: 10c0/4606c0cdaad9dc7dbe5a6ae432b1aabea25e2ffd541f959307e5c34247d0658952f98352b8ce45f925241af304c6718b2198b425f234e0e9fbc30b342cedb121 languageName: node linkType: hard @@ -13199,90 +12984,6 @@ __metadata: languageName: node linkType: hard -"nx@npm:19.8.2, nx@npm:^19.8.2": - version: 19.8.2 - resolution: "nx@npm:19.8.2" - dependencies: - "@napi-rs/wasm-runtime": "npm:0.2.4" - "@nrwl/tao": "npm:19.8.2" - "@nx/nx-darwin-arm64": "npm:19.8.2" - "@nx/nx-darwin-x64": "npm:19.8.2" - "@nx/nx-freebsd-x64": "npm:19.8.2" - "@nx/nx-linux-arm-gnueabihf": "npm:19.8.2" - "@nx/nx-linux-arm64-gnu": "npm:19.8.2" - "@nx/nx-linux-arm64-musl": "npm:19.8.2" - "@nx/nx-linux-x64-gnu": "npm:19.8.2" - "@nx/nx-linux-x64-musl": "npm:19.8.2" - "@nx/nx-win32-arm64-msvc": "npm:19.8.2" - "@nx/nx-win32-x64-msvc": "npm:19.8.2" - "@yarnpkg/lockfile": "npm:^1.1.0" - "@yarnpkg/parsers": "npm:3.0.0-rc.46" - "@zkochan/js-yaml": "npm:0.0.7" - axios: "npm:^1.7.4" - chalk: "npm:^4.1.0" - cli-cursor: "npm:3.1.0" - cli-spinners: "npm:2.6.1" - cliui: "npm:^8.0.1" - dotenv: "npm:~16.4.5" - dotenv-expand: "npm:~11.0.6" - enquirer: "npm:~2.3.6" - figures: "npm:3.2.0" - flat: "npm:^5.0.2" - front-matter: "npm:^4.0.2" - ignore: "npm:^5.0.4" - jest-diff: "npm:^29.4.1" - jsonc-parser: "npm:3.2.0" - lines-and-columns: "npm:2.0.3" - minimatch: "npm:9.0.3" - node-machine-id: "npm:1.1.12" - npm-run-path: "npm:^4.0.1" - open: "npm:^8.4.0" - ora: "npm:5.3.0" - semver: "npm:^7.5.3" - string-width: "npm:^4.2.3" - strong-log-transformer: "npm:^2.1.0" - tar-stream: "npm:~2.2.0" - tmp: "npm:~0.2.1" - tsconfig-paths: "npm:^4.1.2" - tslib: "npm:^2.3.0" - yargs: "npm:^17.6.2" - yargs-parser: "npm:21.1.1" - peerDependencies: - "@swc-node/register": ^1.8.0 - "@swc/core": ^1.3.85 - dependenciesMeta: - "@nx/nx-darwin-arm64": - optional: true - "@nx/nx-darwin-x64": - optional: true - "@nx/nx-freebsd-x64": - optional: true - "@nx/nx-linux-arm-gnueabihf": - optional: true - "@nx/nx-linux-arm64-gnu": - optional: true - "@nx/nx-linux-arm64-musl": - optional: true - "@nx/nx-linux-x64-gnu": - optional: true - "@nx/nx-linux-x64-musl": - optional: true - "@nx/nx-win32-arm64-msvc": - optional: true - "@nx/nx-win32-x64-msvc": - optional: true - peerDependenciesMeta: - "@swc-node/register": - optional: true - "@swc/core": - optional: true - bin: - nx: bin/nx.js - nx-cloud: bin/nx-cloud.js - checksum: 10c0/c6c48a30b7981bd6088f5b8317a249e05e837514f6ba4b7eb49055133f368ded77e23931fc22f72f3480635d6e939ac4ff827d4e08d973e34076fef2905c2bed - languageName: node - linkType: hard - "object-assign@npm:^4.1.1": version: 4.1.1 resolution: "object-assign@npm:4.1.1" @@ -13431,7 +13132,7 @@ __metadata: languageName: node linkType: hard -"open@npm:^8.0.4, open@npm:^8.4.0": +"open@npm:^8.0.4": version: 8.4.2 resolution: "open@npm:8.4.2" dependencies: @@ -13456,22 +13157,6 @@ __metadata: languageName: node linkType: hard -"ora@npm:5.3.0": - version: 5.3.0 - resolution: "ora@npm:5.3.0" - dependencies: - bl: "npm:^4.0.3" - chalk: "npm:^4.1.0" - cli-cursor: "npm:^3.1.0" - cli-spinners: "npm:^2.5.0" - is-interactive: "npm:^1.0.0" - log-symbols: "npm:^4.0.0" - strip-ansi: "npm:^6.0.0" - wcwidth: "npm:^1.0.1" - checksum: 10c0/30d5f3218eb75b0a2028c5fb9aa88e83e38a2f1745ab56839abb06c3ba31bae35f768f4e72c4f9e04e2a66be6a898e9312e8cf85c9333e1e3613eabb8c7cdf57 - languageName: node - linkType: hard - "ora@npm:^5.4.1": version: 5.4.1 resolution: "ora@npm:5.4.1" @@ -13810,7 +13495,7 @@ __metadata: languageName: node linkType: hard -"path-key@npm:^3.0.0, path-key@npm:^3.1.0": +"path-key@npm:^3.1.0": version: 3.1.1 resolution: "path-key@npm:3.1.1" checksum: 10c0/748c43efd5a569c039d7a00a03b58eecd1d75f3999f5a28303d75f521288df4823bc057d8784eb72358b2895a05f29a070bc9f1f17d28226cc4e62494cc58c4c @@ -13930,7 +13615,7 @@ __metadata: languageName: node linkType: hard -"pidtree@npm:~0.6.0": +"pidtree@npm:^0.6.0, pidtree@npm:~0.6.0": version: 0.6.0 resolution: "pidtree@npm:0.6.0" bin: @@ -15215,17 +14900,6 @@ __metadata: languageName: node linkType: hard -"pretty-format@npm:^29.7.0": - version: 29.7.0 - resolution: "pretty-format@npm:29.7.0" - dependencies: - "@jest/schemas": "npm:^29.6.3" - ansi-styles: "npm:^5.0.0" - react-is: "npm:^18.0.0" - checksum: 10c0/edc5ff89f51916f036c62ed433506b55446ff739358de77207e63e88a28ca2894caac6e73dcb68166a606e51c8087d32d400473e6a9fdd2dbe743f46c9c0276f - languageName: node - linkType: hard - "pretty-hrtime@npm:^1.0.2, pretty-hrtime@npm:^1.0.3": version: 1.0.3 resolution: "pretty-hrtime@npm:1.0.3" @@ -15330,13 +15004,6 @@ __metadata: languageName: node linkType: hard -"proxy-from-env@npm:^1.1.0": - version: 1.1.0 - resolution: "proxy-from-env@npm:1.1.0" - checksum: 10c0/fe7dd8b1bdbbbea18d1459107729c3e4a2243ca870d26d34c2c1bcd3e4425b7bcc5112362df2d93cc7fb9746f6142b5e272fd1cc5c86ddf8580175186f6ad42b - languageName: node - linkType: hard - "punycode@npm:^2.1.0": version: 2.3.1 resolution: "punycode@npm:2.3.1" @@ -15416,13 +15083,6 @@ __metadata: languageName: node linkType: hard -"react-is@npm:^18.0.0": - version: 18.3.1 - resolution: "react-is@npm:18.3.1" - checksum: 10c0/f2f1e60010c683479e74c63f96b09fb41603527cd131a9959e2aee1e5a8b0caf270b365e5ca77d4a6b18aae659b60a86150bb3979073528877029b35aecd2072 - languageName: node - linkType: hard - "react-lifecycles-compat@npm:^3.0.0": version: 3.0.4 resolution: "react-lifecycles-compat@npm:3.0.4" @@ -15509,6 +15169,16 @@ __metadata: languageName: node linkType: hard +"read-package-json-fast@npm:^4.0.0": + version: 4.0.0 + resolution: "read-package-json-fast@npm:4.0.0" + dependencies: + json-parse-even-better-errors: "npm:^4.0.0" + npm-normalize-package-bin: "npm:^4.0.0" + checksum: 10c0/8a03509ae8e852f1abc4b109c1be571dd90ac9ea65d55433b2fe287e409113441a9b00df698288fe48aa786c1a2550569d47b5ab01ed83ada073d691d5aff582 + languageName: node + linkType: hard + "read-yaml-file@npm:^1.1.0": version: 1.1.0 resolution: "read-yaml-file@npm:1.1.0" @@ -15536,7 +15206,7 @@ __metadata: languageName: node linkType: hard -"readable-stream@npm:^3.1.1, readable-stream@npm:^3.4.0, readable-stream@npm:^3.6.0": +"readable-stream@npm:^3.4.0, readable-stream@npm:^3.6.0": version: 3.6.2 resolution: "readable-stream@npm:3.6.2" dependencies: @@ -16113,6 +15783,13 @@ __metadata: languageName: node linkType: hard +"shell-quote@npm:^1.7.3": + version: 1.8.2 + resolution: "shell-quote@npm:1.8.2" + checksum: 10c0/85fdd44f2ad76e723d34eb72c753f04d847ab64e9f1f10677e3f518d0e5b0752a176fd805297b30bb8c3a1556ebe6e77d2288dbd7b7b0110c7e941e9e9c20ce1 + languageName: node + linkType: hard + "side-channel@npm:^1.0.4, side-channel@npm:^1.0.6": version: 1.0.6 resolution: "side-channel@npm:1.0.6" @@ -16289,11 +15966,11 @@ __metadata: "@changesets/cli": "npm:^2.27.10" "@commitlint/cli": "npm:^19.6.1" "@commitlint/config-conventional": "npm:^19.6.0" - "@nx/devkit": "npm:^19.8.2" "@spectrum-css/tokens-legacy": "npm:@spectrum-css/tokens@^14.6.0" "@spectrum-tools/postcss-add-theming-layer": "workspace:^" "@spectrum-tools/postcss-property-rollup": "workspace:^" "@spectrum-tools/postcss-rgb-mapping": "workspace:^" + "@yarnpkg/types": "npm:^4.0.0" at-rule-packer: "npm:^0.4.2" autoprefixer: "npm:^10.4.19" colors: "npm:^1.4.0" @@ -16313,8 +15990,8 @@ __metadata: lodash: "npm:^4.17.21" node-gyp: "npm:^10.1.0" npm-registry-fetch: "npm:^18.0.2" + npm-run-all2: "npm:^7.0.2" nunjucks: "npm:^3.2.4" - nx: "npm:^19.8.2" open: "npm:^10.1.0" pajv: "npm:^1.2.0" postcss: "npm:^8.4.49" @@ -16655,19 +16332,6 @@ __metadata: languageName: node linkType: hard -"strong-log-transformer@npm:^2.1.0": - version: 2.1.0 - resolution: "strong-log-transformer@npm:2.1.0" - dependencies: - duplexer: "npm:^0.1.1" - minimist: "npm:^1.2.0" - through: "npm:^2.3.4" - bin: - sl-log-transformer: bin/sl-log-transformer.js - checksum: 10c0/3c3b8aa8f34d661910563ff996412e2f527fc814e699a376854b554d4a4294ab7e285b4e2c08a080a7b19c5600a9b93a98798d3ac600fe3de545ca6605c07829 - languageName: node - linkType: hard - "style-dictionary-sets@npm:^2.3.0": version: 2.3.0 resolution: "style-dictionary-sets@npm:2.3.0" @@ -16993,19 +16657,6 @@ __metadata: languageName: node linkType: hard -"tar-stream@npm:~2.2.0": - version: 2.2.0 - resolution: "tar-stream@npm:2.2.0" - dependencies: - bl: "npm:^4.0.3" - end-of-stream: "npm:^1.4.1" - fs-constants: "npm:^1.0.0" - inherits: "npm:^2.0.3" - readable-stream: "npm:^3.1.1" - checksum: 10c0/2f4c910b3ee7196502e1ff015a7ba321ec6ea837667220d7bcb8d0852d51cb04b87f7ae471008a6fb8f5b1a1b5078f62f3a82d30c706f20ada1238ac797e7692 - languageName: node - linkType: hard - "tar@npm:^6.1.11, tar@npm:^6.2.1": version: 6.2.1 resolution: "tar@npm:6.2.1" @@ -17098,7 +16749,7 @@ __metadata: languageName: node linkType: hard -"through@npm:>=2.2.7 <3, through@npm:^2.3.4": +"through@npm:>=2.2.7 <3": version: 2.3.8 resolution: "through@npm:2.3.8" checksum: 10c0/4b09f3774099de0d4df26d95c5821a62faee32c7e96fb1f4ebd54a2d7c11c57fe88b0a0d49cf375de5fee5ae6bf4eb56dbbf29d07366864e2ee805349970d3cc @@ -17165,13 +16816,6 @@ __metadata: languageName: node linkType: hard -"tmp@npm:~0.2.1": - version: 0.2.3 - resolution: "tmp@npm:0.2.3" - checksum: 10c0/3e809d9c2f46817475b452725c2aaa5d11985cf18d32a7a970ff25b568438e2c076c2e8609224feef3b7923fa9749b74428e3e634f6b8e520c534eef2fd24125 - languageName: node - linkType: hard - "to-fast-properties@npm:^2.0.0": version: 2.0.0 resolution: "to-fast-properties@npm:2.0.0" @@ -17261,44 +16905,6 @@ __metadata: languageName: node linkType: hard -"ts-node@npm:10.9.1": - version: 10.9.1 - resolution: "ts-node@npm:10.9.1" - dependencies: - "@cspotcode/source-map-support": "npm:^0.8.0" - "@tsconfig/node10": "npm:^1.0.7" - "@tsconfig/node12": "npm:^1.0.7" - "@tsconfig/node14": "npm:^1.0.0" - "@tsconfig/node16": "npm:^1.0.2" - acorn: "npm:^8.4.1" - acorn-walk: "npm:^8.1.1" - arg: "npm:^4.1.0" - create-require: "npm:^1.1.0" - diff: "npm:^4.0.1" - make-error: "npm:^1.1.1" - v8-compile-cache-lib: "npm:^3.0.1" - yn: "npm:3.1.1" - peerDependencies: - "@swc/core": ">=1.2.50" - "@swc/wasm": ">=1.2.50" - "@types/node": "*" - typescript: ">=2.7" - peerDependenciesMeta: - "@swc/core": - optional: true - "@swc/wasm": - optional: true - bin: - ts-node: dist/bin.js - ts-node-cwd: dist/bin-cwd.js - ts-node-esm: dist/bin-esm.js - ts-node-script: dist/bin-script.js - ts-node-transpile-only: dist/bin-transpile.js - ts-script: dist/bin-script-deprecated.js - checksum: 10c0/95187932fb83f3901e22546bd2feeac7d2feb4f412f42ac3a595f049a23e8dcf70516dffb51866391228ea2dbcfaea039e250fb2bb334d48a86ab2b6aea0ae2d - languageName: node - linkType: hard - "ts-poet@npm:^4.5.0": version: 4.15.0 resolution: "ts-poet@npm:4.15.0" @@ -17309,31 +16915,13 @@ __metadata: languageName: node linkType: hard -"tsconfig-paths@npm:^4.1.2": - version: 4.2.0 - resolution: "tsconfig-paths@npm:4.2.0" - dependencies: - json5: "npm:^2.2.2" - minimist: "npm:^1.2.6" - strip-bom: "npm:^3.0.0" - checksum: 10c0/09a5877402d082bb1134930c10249edeebc0211f36150c35e1c542e5b91f1047b1ccf7da1e59babca1ef1f014c525510f4f870de7c9bda470c73bb4e2721b3ea - languageName: node - linkType: hard - -"tslib@npm:^2.0.1, tslib@npm:^2.0.3, tslib@npm:^2.1.0, tslib@npm:^2.2.0, tslib@npm:^2.3.0, tslib@npm:^2.3.1, tslib@npm:^2.4.0, tslib@npm:^2.6.2": +"tslib@npm:^2.0.1, tslib@npm:^2.0.3, tslib@npm:^2.1.0, tslib@npm:^2.2.0, tslib@npm:^2.3.1, tslib@npm:^2.4.0, tslib@npm:^2.6.2": version: 2.6.3 resolution: "tslib@npm:2.6.3" checksum: 10c0/2598aef53d9dbe711af75522464b2104724d6467b26a60f2bdac8297d2b5f1f6b86a71f61717384aa8fd897240467aaa7bcc36a0700a0faf751293d1331db39a languageName: node linkType: hard -"tslib@npm:^2.8.1": - version: 2.8.1 - resolution: "tslib@npm:2.8.1" - checksum: 10c0/9c4759110a19c53f992d9aae23aac5ced636e99887b51b9e61def52611732872ff7668757d4e4c61f19691e36f4da981cd9485e869b4a7408d689f6bf1f14e62 - languageName: node - linkType: hard - "tunnel@npm:^0.0.6": version: 0.0.6 resolution: "tunnel@npm:0.0.6" @@ -17838,13 +17426,6 @@ __metadata: languageName: node linkType: hard -"v8-compile-cache-lib@npm:^3.0.1": - version: 3.0.1 - resolution: "v8-compile-cache-lib@npm:3.0.1" - checksum: 10c0/bdc36fb8095d3b41df197f5fb6f11e3a26adf4059df3213e3baa93810d8f0cc76f9a74aaefc18b73e91fe7e19154ed6f134eda6fded2e0f1c8d2272ed2d2d391 - languageName: node - linkType: hard - "v8-to-istanbul@npm:^9.0.0": version: 9.3.0 resolution: "v8-to-istanbul@npm:9.3.0" @@ -18069,6 +17650,17 @@ __metadata: languageName: node linkType: hard +"which@npm:^5.0.0": + version: 5.0.0 + resolution: "which@npm:5.0.0" + dependencies: + isexe: "npm:^3.1.1" + bin: + node-which: bin/which.js + checksum: 10c0/e556e4cd8b7dbf5df52408c9a9dd5ac6518c8c5267c8953f5b0564073c66ed5bf9503b14d876d0e9c7844d4db9725fb0dcf45d6e911e17e26ab363dc3965ae7b + languageName: node + linkType: hard + "wide-align@npm:^1.1.2": version: 1.1.5 resolution: "wide-align@npm:1.1.5" @@ -18296,14 +17888,14 @@ __metadata: languageName: node linkType: hard -"yargs-parser@npm:21.1.1, yargs-parser@npm:^21.1.1": +"yargs-parser@npm:^21.1.1": version: 21.1.1 resolution: "yargs-parser@npm:21.1.1" checksum: 10c0/f84b5e48169479d2f402239c59f084cfd1c3acc197a05c59b98bab067452e6b3ea46d4dd8ba2985ba7b3d32a343d77df0debd6b343e5dae3da2aab2cdf5886b2 languageName: node linkType: hard -"yargs@npm:^17.0.0, yargs@npm:^17.6.2, yargs@npm:^17.7.2": +"yargs@npm:^17.0.0, yargs@npm:^17.7.2": version: 17.7.2 resolution: "yargs@npm:17.7.2" dependencies: @@ -18318,13 +17910,6 @@ __metadata: languageName: node linkType: hard -"yn@npm:3.1.1": - version: 3.1.1 - resolution: "yn@npm:3.1.1" - checksum: 10c0/0732468dd7622ed8a274f640f191f3eaf1f39d5349a1b72836df484998d7d9807fbea094e2f5486d6b0cd2414aad5775972df0e68f8604db89a239f0f4bf7443 - languageName: node - linkType: hard - "yocto-queue@npm:^0.1.0": version: 0.1.0 resolution: "yocto-queue@npm:0.1.0"