diff --git a/.changeset/README.md b/.changeset/README.md new file mode 100644 index 0000000000..e5b6d8d6a6 --- /dev/null +++ b/.changeset/README.md @@ -0,0 +1,8 @@ +# Changesets + +Hello and welcome! This folder has been automatically generated by `@changesets/cli`, a build tool that works +with multi-package repos, or single-package repos to help you version and publish your code. You can +find the full documentation for it [in our repository](https://github.com/changesets/changesets) + +We have a quick list of common questions to get you started engaging with this project in +[our documentation](https://github.com/changesets/changesets/blob/main/docs/common-questions.md) diff --git a/.changeset/config.json b/.changeset/config.json new file mode 100644 index 0000000000..640b0249d3 --- /dev/null +++ b/.changeset/config.json @@ -0,0 +1,16 @@ +{ + "$schema": "https://unpkg.com/@changesets/config@3.0.0/schema.json", + "changelog": [ + "@changesets/changelog-github", + { + "repo": "adobe/spectrum-web-components" + } + ], + "commit": false, + "fixed": [["@spectrum-web-components/*"]], + "linked": [], + "access": "public", + "baseBranch": "main", + "updateInternalDependencies": "patch", + "ignore": [] +} diff --git a/.changeset/selfish-cougars-joke.md b/.changeset/selfish-cougars-joke.md new file mode 100644 index 0000000000..0d6bf119e4 --- /dev/null +++ b/.changeset/selfish-cougars-joke.md @@ -0,0 +1,6 @@ +--- +"@spectrum-web-components/color-field": patch +"@spectrum-web-components/styles": patch +--- + +[DO NOT MERGE]Changeset testing diff --git a/.gitignore b/.gitignore index ca3630e916..a2cbe0a0b3 100644 --- a/.gitignore +++ b/.gitignore @@ -1,5 +1,4 @@ # logging / private config -lerna-debug.log yarn-error.log .DS_STORE .DS_Store @@ -41,7 +40,7 @@ packages/**/*.test-vrt.ts !packages/*/global.d.ts !packages/*/local.d.ts -react +# react projects/**/*.js projects/**/*.js.map diff --git a/.nx/cache/18.3.4-nx.darwin-arm64.node b/.nx/cache/18.3.4-nx.darwin-arm64.node new file mode 100644 index 0000000000..5986ac23da Binary files /dev/null and b/.nx/cache/18.3.4-nx.darwin-arm64.node differ diff --git a/README.md b/README.md index d197971e93..97bc8a4ade 100644 --- a/README.md +++ b/README.md @@ -103,7 +103,9 @@ The project will be linted on a pre-commit hook, but you can also run the lint s ### Dependency linting -There are downstream issues that can arise from multiple packages in this mono-repo using dependencies with mismatching version strings. This is particularly an issue for dependencies below `1.0.0` but can be exacerbated in that context and others by more strict settings that can be applied in various package managers. By default, Lerna will bump version numbers of internal dependencies when the various packages are published and the depended version is pointing to the latest release, which can help to mitigate this issue. This can be further mitigated by using `^0.0.0` structured dependency versions, the `^` allowing for the highest amount of upward flexibility in satisfying the dependency. When using these version strings, `yarn lint:versions` which ensure that all instances of those strings for the same dependency match across the repo. +Mismatched versions within this project can cause significant issues for downstream customers. This is particularly an issue for dependencies below `1.0.0`. By default, Changesets bumps the version number of internal dependencies when packages are published, but only if that package is pointing to the latest release. If versions should get out-of-sync, you can use the `yarn lint:versions` tool to validate and correct any mismatched dependencies in the project. + +A good rule of thumb is to use the semantic caret `^` prefix for all your dependencies to pull in the latest features and patches for a package (but not breaking changes). `yarn list:versions --fix` will reach into the `package.json` files and update all dependencies to the latest version available in the library, _a possibly dangerous operation_. If you know this is what you want to do when there are mismatched versions found by `yarn lint:versions`, this can make greatly shorten the amount of work to catch the versions up to each other. diff --git a/RELEASE_PROCESS.md b/RELEASE_PROCESS.md index 2b9209c7d8..305c23f4a0 100644 --- a/RELEASE_PROCESS.md +++ b/RELEASE_PROCESS.md @@ -7,7 +7,7 @@ Users with permissions in the `@spectrum-web-components` organization on NPM can 3. Run `nvm use` assumes a Node Version Manager install, and confirm your on an operable version of Node. 4. `yarn install` 5. `npm whoami` ensure that you are logged in with the user account for the public NPM registry -6. `yarn lerna-publish` +6. `yarn changeset-publish` 7. Scan the version summary for any unexpected changes. - Changes to the _major_ versions number are likely to point to undesired version numbers. - Changes to the _minor_ or _feature_ version number should be confirmed as correct against the changes that have been made since the last release. @@ -23,11 +23,10 @@ Users with permissions in the `@spectrum-web-components` organization on NPM can The docs site will publish automatically if the `#publish` string is included in the commit message and the check suite runs successfully. -If publishing fails with an error, check the [list of tags](https://github.com/adobe/spectrum-web-components/tags) to see if new tags have been released for your publishing attempt. If they have, then `yarn lerna-publish` will no longer work. Instead, you'll need to run: +If publishing fails with an error, check the [list of tags](https://github.com/adobe/spectrum-web-components/tags) to see if new tags have been released for your publishing attempt. If they have, then `yarn changeset-publish` will no longer work. Instead, you'll need to run: -``` -yarn lerna-publish from-package -``` +`yarn publish` +in each package. ### Publishing the docs site manually diff --git a/commitlint.config.cjs b/commitlint.config.cjs index 19b129a673..fe17cd841b 100644 --- a/commitlint.config.cjs +++ b/commitlint.config.cjs @@ -10,8 +10,5 @@ OF ANY KIND, either express or implied. See the License for the specific languag governing permissions and limitations under the License. */ module.exports = { - extends: [ - '@commitlint/config-conventional', - '@commitlint/config-lerna-scopes', - ], + extends: ['@commitlint/config-conventional'], }; diff --git a/lerna.json b/lerna.json deleted file mode 100644 index 6a51dd3569..0000000000 --- a/lerna.json +++ /dev/null @@ -1,16 +0,0 @@ -{ - "version": "1.0.1", - "granularPathspec": false, - "npmClient": "yarn", - "command": { - "publish": { - "conventionalCommits": true, - "ignoreChanges": [ - "**/*.md", - "**/tsconfig.json", - "**/test/**", - "**/stories/**" - ] - } - } -} diff --git a/package.json b/package.json index caff621267..7adfee409b 100755 --- a/package.json +++ b/package.json @@ -13,7 +13,7 @@ "build": "wireit", "build:clear-cache": "rimraf packages/*/tsconfig.tsbuildinfo && rimraf tools/*/tsconfig.tsbuildinfo", "build:component-inventory": "node ./tasks/build-component-inventory.js", - "build:confirm": "lerna exec --ignore \"{@spectrum-web-components/{base,bundle,close-button,clear-button,iconset,modal,opacity-shared,opacity-checkerboard,styles,custom-vars-viewer,eslint-plugin},stylelint-header,@swc-react/*,documentation,example-project-rollup,example-project-webpack,swc-templates,@types/swc}\" -- test -f src/index.js", + "build:confirm": "node ./tasks/confirm-build.js", "build:css": "wireit", "build:css:watch": "wireit", "build:react": "yarn gen-react-wrapper && node ./tasks/build-react.js && yarn tsc --build tsconfig-react-wrapper.json", @@ -22,7 +22,7 @@ "build:ts:watch": "wireit", "build:types": "wireit", "build:watch": "wireit", - "custom-element-json": "lerna exec --ignore \"{@spectrum-web-components/{base,bundle,clear-button,close-button,modal,iconset,shared,opacity-checkerboard,styles,custom-vars-viewer,eslint-plugin},stylelint-header,@swc-react/*,documentation,example-project-rollup,example-project-webpack,swc-templates,@types/swc}\" -- cem analyze --config ../../custom-elements-manifest.config.js --packagejson", + "custom-element-json": "node tasks/custom-element-json.js", "docs:analyze": "cem analyze --globs \"packages/**/*.ts\" --exclude \"**/*.d.ts\" --exclude \"**/stories/**\" --exclude \"**/icons/**\" --exclude \"**/elements/**\" --outdir projects/documentation --litelement", "docs:build": "yarn workspace documentation build", "docs:ci": "yarn docs:analyze && run-p docs:production storybook:build && cp projects/documentation/custom-elements.json projects/documentation/dist/storybook", @@ -31,12 +31,12 @@ "docs:review": "alex packages/**/*.md", "docs:start": "yarn workspace documentation serve --watch", "find": "test -f custom-elements.json", - "gen-react-wrapper": "rm -fr react && lerna exec --ignore \"{@spectrum-web-components/{base,bundle,custom-vars-viewer,modal,iconset,shared,opacity-checkerboard,styles,reactive-controllers,eslint-plugin},stylelint-header,@swc-react/*,documentation,example-project-rollup,example-project-webpack,swc-templates,@types/swc}\" -- cem analyze --config ../../cem-react-wrapper.config.js && node ./scripts/generate-icon-react-wrapper.js", + "gen-react-wrapper": "node ./tasks/gen-react-wrapper.js", "get-ready": "yarn build", "icons": "wireit", "icons:ui": "wireit", "icons:workflow": "wireit", - "lerna-publish": "lerna publish --message \"chore: release new versions #publish\" --force-publish", + "changeset-publish": "yarn changeset version && yarn changeset publish --tag=testing", "lint": "run-p lint:js lint:docs lint:ts lint:css lint:packagejson", "lint:css": "stylelint \"packages/**/*.css\" \"tools/**/*.css\"", "lint:docs": "eslint -f pretty \"projects/documentation/**/*.ts\"", @@ -45,14 +45,14 @@ "lint:ts": "pretty-quick --pattern \"packages/**/*.ts\" && eslint -f pretty \"packages/**/*.ts\" && pretty-quick --pattern \"tools/**/*.ts\" && eslint -f pretty \"tools/**/*.ts\"", "lint:versions": "node ./scripts/lint-versions.js", "new-package": "cd projects/templates && plop", - "postcustom-element-json": "lerna exec --ignore \"{@spectrum-web-components/{base,bundle,clear-button,close-button,iconset,modal,shared,opacity-checkerboard,styles,custom-vars-viewer,reactive-controllers,vrt-compare,eslint-plugin},stylelint-header,@swc-react/*,documentation,example-project-rollup,example-project-webpack,swc-templates,@types/swc}\" -- node ../../tasks/check-cem.js", + "postcustom-element-json": "node ./tasks/run-check-cem.js", "postdocs:analyze": "node ./scripts/add-custom-properties.js --src=\"projects/documentation/custom-elements.json\"", "postinstall": "patch-package && yarn get-ready", - "postlerna-publish": "yarn publish:react", + "postchangeset-publish": "yarn publish:react", "postpublish:react": "git reset --hard HEAD^ && git prune", - "precustom-element-json": "lerna exec --ignore \"{@spectrum-web-components/{base,bundle,iconset,modal,shared,opacity-checkerboard,styles,custom-vars-viewer,reactive-controllers,eslint-plugin},stylelint-header,@swc-react/*,documentation,example-project-rollup,example-project-webpack,swc-templates,@types/swc}\" -- rm custom-elements.json ||:", + "precustom-element-json": "node tasks/remove-custom-elements-json.js", "preeleventy": "yarn docs:analyze", - "prelerna-publish": "rimraf react && yarn get-ready && yarn custom-element-json && yarn build:confirm", + "prechangeset-publish": "rimraf react && yarn get-ready && yarn custom-element-json && yarn build:confirm", "prepare": "husky", "prepublish:react": "yarn build:react && sed -i \"\" \"s/react/# react/g\" .gitignore && git commit -am \"Commit React Wrappers\" --no-verify", "prestorybook": "wireit", @@ -61,7 +61,7 @@ "pretest:visual": "yarn build && yarn build", "process-icons": "wireit", "process-spectrum": "wireit", - "publish:react": "lerna publish from-package --message \"chore: release new Reach Wrapper versions #publish\"", + "publish:react": "yarn build:react && yarn changeset version && yarn changeset publish --no-git-tag --no-push && git add . && git commit -m \"chore: release new React Wrapper versions #publish\" && git push", "spectrum-css": "wireit", "spectrum-tokens": "wireit", "spectrum-vars": "wireit", @@ -96,9 +96,10 @@ "common-tags": "^1.8.0" }, "devDependencies": { + "@changesets/changelog-github": "^0.5.0", + "@changesets/cli": "^2.27.5", "@commitlint/cli": "^19.2.1", "@commitlint/config-conventional": "^19.1.0", - "@commitlint/config-lerna-scopes": "^19.0.0", "@custom-elements-manifest/analyzer": "^0.9.0", "@geometricpanda/storybook-addon-badges": "^2.0.2", "@lit/react": "^1.0.4", @@ -432,5 +433,6 @@ "tools/*", "react/*" ], + "customElements": "custom-elements.json", "packageManager": "yarn@1.22.22" } diff --git a/packages/color-field/src/ColorField.ts b/packages/color-field/src/ColorField.ts index ddaad43468..82cca0ec35 100644 --- a/packages/color-field/src/ColorField.ts +++ b/packages/color-field/src/ColorField.ts @@ -47,7 +47,7 @@ export class ColorField extends TextfieldBase { protected override _value = ''; - private cachedColor: string | null = null; + private cachedColor: string | null = 'null'; public getColorValue(): string { if (!this.value) { diff --git a/tasks/build-preview-urls-comment.js b/tasks/build-preview-urls-comment.js index 59269a46eb..0909c2969a 100644 --- a/tasks/build-preview-urls-comment.js +++ b/tasks/build-preview-urls-comment.js @@ -13,9 +13,34 @@ governing permissions and limitations under the License. import slugify from '@sindresorhus/slugify'; import crypto from 'crypto'; -import { getChangedPackages } from './get-changed-packages.js'; -const createHash = (context) => { +// Duplicated from `tasks/test-changes.js` because GitHub Actions and CJS. 🤦 +const getChangedPackages = () => { + let command; + try { + command = execSync('yarn changeset since --base origin/main --json'); + } catch (error) { + console.log(error.message); + console.log(error.stdout.toString()); + return []; + } + let packageList; + packageList = JSON.parse(command.toString()).reduce((acc, item) => { + const name = item.name.replace('@spectrum-web-components/', ''); + if ( + // There are no benchmarks available in this directory. + item.location.search('projects') === -1 && + // The icons-* tests are particular and long, exclude in CI. + !name.startsWith('icons-') + ) { + acc.push(name); + } + return acc; + }, []); + return packageList; +}; + +const getHash = (context) => { const md5 = crypto.createHash('md5'); md5.update(context); return md5.digest('hex'); diff --git a/tasks/confirm-build.js b/tasks/confirm-build.js new file mode 100644 index 0000000000..99c89d703a --- /dev/null +++ b/tasks/confirm-build.js @@ -0,0 +1,68 @@ +/* +Copyright 2022 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. +*/ + +import { execSync } from 'child_process'; +import fs from 'fs'; +import path from 'path'; +import { fileURLToPath } from 'url'; + +// Get a list of all packages except those you want to ignore +const getWorkspacePackages = (ignoredPackages) => { + const workspaceInfo = execSync('yarn workspaces info --json').toString(); + const workspacePackages = JSON.parse(workspaceInfo); + return Object.entries(workspacePackages) + .filter(([pkgName]) => !ignoredPackages.includes(pkgName)) + .map(([pkgName, pkgDetails]) => ({ + name: pkgName, + path: pkgDetails.location, + })); +}; + +// Define the packages to ignore +const ignoredPackages = [ + '@spectrum-web-components/base', + '@spectrum-web-components/bundle', + '@spectrum-web-components/clear-button', + '@spectrum-web-components/close-button', + '@spectrum-web-components/modal', + '@spectrum-web-components/iconset', + '@spectrum-web-components/shared', + '@spectrum-web-components/opacity-checkerboard', + '@spectrum-web-components/styles', + '@spectrum-web-components/custom-vars-viewer', + '@spectrum-web-components/eslint-plugin', + 'stylelint-header', + '@swc-react/*', + 'documentation', + 'example-project-rollup', + 'example-project-webpack', + 'swc-templates', + '@types/swc', +]; + +// Use the function +const allPackages = getWorkspacePackages(ignoredPackages); + +// Define the command to execute +const command = 'test -f src/index.js'; + +// Execute the command in each package directory +allPackages.forEach((pkg) => { + try { + // Execute the command in the package directory + execSync(command, { cwd: pkg.path, stdio: 'inherit' }); + } catch (error) { + console.error(`Error executing command in package ${pkg.name}:`, error); + process.exit(1); + } +}); + +console.log('Build confirmation completed successfully for all packages.'); diff --git a/tasks/custom-element-json.js b/tasks/custom-element-json.js new file mode 100644 index 0000000000..b3b65fccb8 --- /dev/null +++ b/tasks/custom-element-json.js @@ -0,0 +1,72 @@ +/* +Copyright 2022 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. +*/ +import { execSync } from 'child_process'; +import { fileURLToPath } from 'url'; +import { dirname, join } from 'path'; +import path from 'path'; + +// Get a list of all packages except those you want to ignore +const getWorkspacePackages = (ignoredPackages) => { + const workspaceInfo = execSync('yarn workspaces info --json').toString(); + const workspacePackages = JSON.parse(workspaceInfo); + return Object.entries(workspacePackages) + .filter(([pkgName]) => !ignoredPackages.includes(pkgName)) + .map(([pkgName, pkgDetails]) => ({ + name: pkgName, + path: pkgDetails.location, + })); +}; + +const __filename = dirname(fileURLToPath(import.meta.url)); +const __dirname = dirname(__filename); +const configPath = path.resolve( + __dirname, + 'custom-elements-manifest.config.js' +); + +// Define the packages to ignore +const ignoredPackages = [ + '@spectrum-web-components/base', + '@spectrum-web-components/bundle', + '@spectrum-web-components/clear-button', + '@spectrum-web-components/close-button', + '@spectrum-web-components/modal', + '@spectrum-web-components/iconset', + '@spectrum-web-components/shared', + '@spectrum-web-components/opacity-checkerboard', + '@spectrum-web-components/styles', + '@spectrum-web-components/custom-vars-viewer', + '@spectrum-web-components/eslint-plugin', + 'stylelint-header', + '@swc-react/*', + 'documentation', + 'example-project-rollup', + 'example-project-webpack', + 'swc-templates', + '@types/swc', +]; + +// Use the function +const allPackages = getWorkspacePackages(ignoredPackages); +// Define the command to execute +const command = `cem analyze --config ${configPath} --packagejson`; + +console.log(__dirname, 'Updating custom elements JSON files...'); +allPackages.forEach((pkg) => { + try { + // Execute the command using Change Sets + execSync(command, { cwd: pkg.path, stdio: 'inherit' }); + } catch (error) { + console.error('Error executing custom-element-json command:', error); + process.exit(1); + } +}); +console.log('All custom elements JSON files have been updated successfully.'); diff --git a/tasks/gen-react-wrapper.js b/tasks/gen-react-wrapper.js new file mode 100644 index 0000000000..a9b62c25be --- /dev/null +++ b/tasks/gen-react-wrapper.js @@ -0,0 +1,110 @@ +/* +Copyright 2022 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. +*/ + +import { execSync } from 'child_process'; +import fs from 'fs'; +import path from 'path'; +import { dirname } from 'path'; +import { fileURLToPath } from 'url'; + +// Function to remove the 'react' directory +const removeReactDir = () => { + try { + fs.rmSync('react', { recursive: true, force: true }); + console.log('Removed react directory.'); + } catch (error) { + console.error('Error removing react directory:', error); + } +}; + +// Generate the React wrapper +const generateReactWrapper = () => { + try { + execSync('node ./scripts/generate-icon-react-wrapper.js', { + stdio: 'inherit', + }); + console.log('Generated React wrapper.'); + } catch (error) { + console.error('Error generating React wrapper:', error); + } +}; + +// Get a list of all packages except those you want to ignore +const getWorkspacePackages = (ignoredPackages) => { + const workspaceInfo = execSync('yarn workspaces info --json').toString(); + const workspacePackages = JSON.parse(workspaceInfo); + return Object.entries(workspacePackages) + .filter(([pkgName]) => !ignoredPackages.includes(pkgName)) + .map(([pkgName, pkgDetails]) => ({ + name: pkgName, + path: pkgDetails.location, + })); +}; + +const ignoredPackages = [ + '@spectrum-web-components/base', + '@spectrum-web-components/bundle', + '@spectrum-web-components/clear-button', + '@spectrum-web-components/close-button', + '@spectrum-web-components/modal', + '@spectrum-web-components/iconset', + '@spectrum-web-components/shared', + '@spectrum-web-components/opacity-checkerboard', + '@spectrum-web-components/styles', + '@spectrum-web-components/custom-vars-viewer', + '@spectrum-web-components/eslint-plugin', + 'stylelint-header', + '@swc-react/*', + 'documentation', + 'example-project-rollup', + 'example-project-webpack', + 'swc-templates', + '@types/swc', +]; + +// Use the function +//const allPackages = getWorkspacePackages(ignoredPackages); + +const __filename = dirname(fileURLToPath(import.meta.url)); +const __dirname = dirname(__filename); +const configPath = path.resolve(__dirname, 'cem-react-wrapper.config.js'); +//const configPath = path.resolve('./cem-react-wrapper.config.js'); +console.log(configPath); +const command = `cem analyze --config ${configPath}`; + +const runCemAnalyze = (packages) => { + packages.forEach((pkg) => { + console.log(`Running ${command} in ${pkg.path}`); + try { + execSync(command, { stdio: 'inherit', cwd: pkg.path }); + } catch (error) { + console.error(`Error running command in ${pkg.path}:`, error); + } + }); +}; + +/*allPackages.forEach((pkg) => { + console.log(`Running ${command} in ${pkg.path}`); + try { + execSync(command, { stdio: 'inherit', cwd: pkg.path }); + } catch (error) { + console.error(`Error running command in ${pkg.path}:`, error); + } +});*/ + +const main = () => { + removeReactDir(); + const allPackages = getWorkspacePackages(ignoredPackages); + runCemAnalyze(allPackages); + generateReactWrapper(); +}; + +main(); diff --git a/tasks/remove-custom-elements-json.js b/tasks/remove-custom-elements-json.js new file mode 100644 index 0000000000..93760beb2e --- /dev/null +++ b/tasks/remove-custom-elements-json.js @@ -0,0 +1,61 @@ +/* +Copyright 2022 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. +*/ + +import { execSync } from 'child_process'; +import fs from 'fs'; +import path from 'path'; + +// Get a list of all packages except those you want to ignore +const getWorkspacePackages = (ignoredPackages) => { + const workspaceInfo = execSync('yarn workspaces info --json').toString(); + const workspacePackages = JSON.parse(workspaceInfo); + return Object.entries(workspacePackages) + .filter(([pkgName]) => !ignoredPackages.includes(pkgName)) + .map(([pkgName, pkgDetails]) => ({ + name: pkgName, + path: pkgDetails.location, + })); +}; + +// Define the packages to ignore +const ignoredPackages = [ + '@spectrum-web-components/base', + '@spectrum-web-components/bundle', + '@spectrum-web-components/clear-button', + '@spectrum-web-components/close-button', + '@spectrum-web-components/modal', + '@spectrum-web-components/iconset', + '@spectrum-web-components/shared', + '@spectrum-web-components/opacity-checkerboard', + '@spectrum-web-components/styles', + '@spectrum-web-components/custom-vars-viewer', + '@spectrum-web-components/eslint-plugin', + 'stylelint-header', + '@swc-react/*', + 'documentation', + 'example-project-rollup', + 'example-project-webpack', + 'swc-templates', + '@types/swc', +]; +const allPackages = getWorkspacePackages(ignoredPackages); + +allPackages.forEach((pkg) => { + const command = 'rm custom-elements.json ||:'; + try { + execSync(command, { cwd: pkg.path }); + } catch (error) { + console.log( + `Error while trying to remove custom-elements.json in package ${pkg.name}:`, + error + ); + } +}); diff --git a/tasks/run-check-cem.js b/tasks/run-check-cem.js new file mode 100644 index 0000000000..47e5d417d0 --- /dev/null +++ b/tasks/run-check-cem.js @@ -0,0 +1,98 @@ +/* +Copyright 2022 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. +*/ + +import { execSync } from 'child_process'; +import fs from 'fs'; +import path from 'path'; +import { fileURLToPath } from 'url'; +import { dirname, join } from 'path'; + +const __filename = fileURLToPath(import.meta.url); +const __dirname = dirname(__filename); + +const getWorkspacePackages = (ignoredPackages) => { + const workspaceInfo = execSync('yarn workspaces info --json').toString(); + const workspacePackages = JSON.parse(workspaceInfo); + return Object.entries(workspacePackages) + .filter(([pkgName]) => !ignoredPackages.includes(pkgName)) + .map(([pkgName, pkgDetails]) => ({ + name: pkgName, + path: pkgDetails.location, + })); +}; + +// Define the packages to ignore +const ignoredPackages = [ + '@spectrum-web-components/base', + '@spectrum-web-components/bundle', + '@spectrum-web-components/clear-button', + '@spectrum-web-components/close-button', + '@spectrum-web-components/iconset', + '@spectrum-web-components/modal', + '@spectrum-web-components/shared', + '@spectrum-web-components/opacity-checkerboard', + '@spectrum-web-components/styles', + '@spectrum-web-components/custom-vars-viewer', + '@spectrum-web-components/reactive-controllers', + '@spectrum-web-components/vrt-compare', + '@spectrum-web-components/eslint-plugin', + 'stylelint-header', + '@swc-react/*', + 'documentation', + 'example-project-rollup', + 'example-project-webpack', + 'swc-templates', + '@types/swc', +]; + +// Get the list of workspace packages +const allPackages = getWorkspacePackages(ignoredPackages); + +// Execute check-cem.js for each package except the ignored ones +const checkCemPath = path.resolve(__dirname, 'check-cem.js'); //'../../tasks/check-cem.js'; +allPackages.forEach((pkg) => { + if (fs.existsSync(checkCemPath)) { + console.log(`Running check-cem.js for ${pkg.name}`); + try { + execSync(`node ${checkCemPath}`, { + stdio: 'inherit', + cwd: pkg.path, + }); + } catch (error) { + console.error(`Error running check-cem.js for ${pkg.name}:`, error); + } + } else { + console.warn(`check-cem.js not found for ${pkg.name}`); + } +}); + +/*Object.keys(packagesInfo).forEach((pkgName) => { + if ( + !ignorePackages.some((ignore) => + new RegExp(ignore.replace('*', '.*')).test(pkgName) + ) + ) { + const packageLocation = packagesInfo[pkgName].location; + const checkCemPath = path.join( + packageLocation, + '../../tasks/check-cem.js' + ); + + if (fs.existsSync(checkCemPath)) { + console.log(`Running check-cem.js for ${pkgName}`); + execSync(`node ${checkCemPath}`, { stdio: 'inherit' }); + } else { + console.warn(`check-cem.js not found for ${pkgName}`); + } + } else { + console.log(`Ignoring package ${pkgName}`); + } +});*/ diff --git a/tasks/test-changes.js b/tasks/test-changes.js index 417575a28a..e1d77bf8b1 100644 --- a/tasks/test-changes.js +++ b/tasks/test-changes.js @@ -15,18 +15,93 @@ governing permissions and limitations under the License. import { execSync } from 'child_process'; import yargs from 'yargs'; import { hideBin } from 'yargs/helpers'; -import { getChangedPackages } from './get-changed-packages.js'; +import path from 'path'; +import fs from 'fs'; const { browser = 'chrome' } = yargs(hideBin(process.argv)).argv; +// Define the packages to ignore +const ignorePackages = [ + '@swc-react/*', + // Add any other packages you want to ignore here +]; + +// Function to determine if a file belongs to a workspace package +const belongsToPackage = (file, packageLocation) => + file.startsWith(packageLocation); + +// Get the list of workspace packages +const getWorkspacePackages = () => { + try { + const workspacePackagesOutput = execSync( + 'yarn workspaces info --json' + ).toString(); + if (!workspacePackagesOutput) { + console.error( + 'No output from "yarn workspaces info --json" command' + ); + return {}; + } + let workspacePackages = JSON.parse(workspacePackagesOutput); + if (workspacePackages.data) { + // this condition will be true if the output is from yarn v2.x.x + workspacePackages = workspacePackages.data; + } + return workspacePackages; + } catch (error) { + console.error( + 'Error running "yarn workspaces info --json" command:', + error + ); + return {}; + } +}; + +// Get the list of changed files since the specified commit +const getChangedFiles = () => { + return execSync('git diff --name-only origin/main') + .toString() + .split('\n') + .filter(Boolean); +}; + +const getChangedPackages = () => { + const packagesInfo = getWorkspacePackages(); + const changedFiles = getChangedFiles(); + + // Get the list of changed packages + const changedPackages = Object.keys(packagesInfo).filter((pkgName) => { + const packageLocation = packagesInfo[pkgName].location; + return ( + changedFiles.some((file) => + belongsToPackage(file, packageLocation) + ) && + !ignorePackages.some((ignore) => + new RegExp(ignore.replace('*', '.*')).test(pkgName) + ) + ); + }); + + // Filter and format the package list + return changedPackages.reduce((acc, pkgName) => { + const name = pkgName.replace('@spectrum-web-components/', ''); + const packageLocation = packagesInfo[pkgName].location; + if ( + packageLocation.search('projects') === -1 && // No benchmarks available in this directory + !name.startsWith('icons-') // Exclude icons-* tests in CI + ) { + acc.push(name); + } + return acc; + }, []); +}; + const testChangedPackages = () => { const packages = getChangedPackages(); if (packages.length) { console.log( - `Running tachometer on the following packages: ${packages.join( - ', ' - )}` + `Running tachometer on the following packages: ${packages.join(', ')}` ); execSync('yarn build:tests'); diff --git a/tools/styles/tokens/index.css b/tools/styles/tokens/index.css index 9d84aeac9e..0c956640c8 100644 --- a/tools/styles/tokens/index.css +++ b/tools/styles/tokens/index.css @@ -11,74 +11,74 @@ --spectrum-gray-400 ); --spectrum-accent-background-color-default: var( - --spectrum-accent-color-700 + --spectrum-accent-color-800 ); - --spectrum-accent-background-color-hover: var(--spectrum-accent-color-600); - --spectrum-accent-background-color-down: var(--spectrum-accent-color-600); + --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-600 + --spectrum-accent-color-700 ); --spectrum-informative-background-color-default: var( - --spectrum-informative-color-700 + --spectrum-informative-color-800 ); --spectrum-informative-background-color-hover: var( - --spectrum-informative-color-600 + --spectrum-informative-color-700 ); --spectrum-informative-background-color-down: var( - --spectrum-informative-color-600 + --spectrum-informative-color-700 ); --spectrum-informative-background-color-key-focus: var( - --spectrum-informative-color-600 + --spectrum-informative-color-700 ); --spectrum-negative-background-color-default: var( - --spectrum-negative-color-700 + --spectrum-negative-color-800 ); --spectrum-negative-background-color-hover: var( - --spectrum-negative-color-600 + --spectrum-negative-color-700 ); --spectrum-negative-background-color-down: var( - --spectrum-negative-color-600 + --spectrum-negative-color-700 ); --spectrum-negative-background-color-key-focus: var( - --spectrum-negative-color-600 + --spectrum-negative-color-700 ); --spectrum-positive-background-color-default: var( - --spectrum-positive-color-700 + --spectrum-positive-color-800 ); --spectrum-positive-background-color-hover: var( - --spectrum-positive-color-600 + --spectrum-positive-color-700 ); --spectrum-positive-background-color-down: var( - --spectrum-positive-color-600 + --spectrum-positive-color-700 ); --spectrum-positive-background-color-key-focus: var( - --spectrum-positive-color-600 + --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-700); + --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-700); - --spectrum-seafoam-background-color-default: var(--spectrum-seafoam-700); - --spectrum-cyan-background-color-default: var(--spectrum-cyan-700); - --spectrum-blue-background-color-default: var(--spectrum-blue-700); - --spectrum-indigo-background-color-default: var(--spectrum-indigo-700); - --spectrum-purple-background-color-default: var(--spectrum-purple-700); - --spectrum-fuchsia-background-color-default: var(--spectrum-fuchsia-700); - --spectrum-magenta-background-color-default: var(--spectrum-magenta-700); + --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-700); + --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-800); + --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); @@ -100,330 +100,851 @@ --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-700); - --spectrum-cinnamon-background-color-default: var(--spectrum-cinnamon-700); - --spectrum-pink-background-color-default: var(--spectrum-pink-700); - --spectrum-silver-background-color-default: var(--spectrum-silver-700); + --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-700 + --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-drop-shadow-color-100: rgba(0, 0, 0, 0.36); - --spectrum-drop-shadow-color-200: rgba(0, 0, 0, 0.48); --spectrum-opacity-checkerboard-square-dark: var(--spectrum-gray-800); - --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(69, 110, 254); - --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(230, 54, 35); - --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(205, 86, 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(169, 110, 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(109, 131, 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(69, 138, 19); - --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, 140, 82); - --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, 138, 116); - --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(15, 128, 194); - --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(119, 97, 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(161, 84, 229); - --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(192, 64, 212); - --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(231, 41, 105); - --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(220, 47, 156); - --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, 135, 147); - --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(148, 118, 73); - --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(123, 123, 123); - --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(179, 103, 64); - --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-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: 69, 110, 254; + --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: 230, 54, 35; + --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: 205, 86, 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: 169, 110, 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: 109, 131, 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: 69, 138, 19; + --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, 140, 82; + --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, 138, 116; + --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: 15, 128, 194; + --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: 119, 97, 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: 161, 84, 229; + --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: 192, 64, 212; + --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: 231, 41, 105; + --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: 220, 47, 156; + --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, 135, 147; + --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: 148, 118, 73; + --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: 123, 123, 123; + --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: 179, 103, 64; + --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-menu-item-background-color-default: rgba(255, 255, 255, 0); - --spectrum-menu-item-background-color-hover: var( - --spectrum-transparent-white-200 + --spectrum-negative-subdued-background-color-default: var( + --spectrum-negative-subtle-background-color-default ); - --spectrum-menu-item-background-color-down: var( - --spectrum-transparent-white-200 + --spectrum-accent-subtle-background-color-default: var( + --spectrum-accent-color-300 ); - --spectrum-menu-item-background-color-key-focus: var( - --spectrum-transparent-white-200 + --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 ); --spectrum-drop-zone-background-color-rgb: var(--spectrum-blue-900-rgb); --spectrum-dropindicator-color: var(--spectrum-blue-700); @@ -460,10 +981,6 @@ --spectrum-badge-label-icon-color-primary: var(--spectrum-black); --spectrum-coach-indicator-ring-default-color: var(--spectrum-blue-700); - --spectrum-coach-indicator-ring-dark-color: var(--spectrum-gray-900); - --spectrum-coach-indicator-ring-light-color: var(--spectrum-gray-25); - - --spectrum-well-border-color: rgba(var(--spectrum-white-rgb), 0.05); --spectrum-steplist-current-marker-color-key-focus: var( --spectrum-blue-700 @@ -510,7 +1027,7 @@ ); --spectrum-assetlist-border-color-key-focus: var(--spectrum-blue-700); - --spectrum-swatch-border-color: rgba(255, 255, 255, 0.51); + --spectrum-card-selected-background-color-rgb: var(--spectrum-blue-500-rgb); } :host, @@ -622,6 +1139,18 @@ --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); @@ -674,34 +1203,12 @@ --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-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-black: rgb(0, 0, 0); - --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-transparent-black-1000: rgb(0, 0, 0); + --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 @@ -764,10 +1271,14 @@ --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-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: 4px; + --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; @@ -893,7 +1404,50 @@ --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-75: 2px; + --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; @@ -1000,9 +1554,6 @@ --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-default: var( - --spectrum-negative-color-200 - ); --spectrum-negative-subdued-background-color-hover: var( --spectrum-negative-color-300 ); @@ -1013,9 +1564,9 @@ --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-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; @@ -1462,7 +2013,7 @@ --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-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); @@ -1521,7 +2072,6 @@ --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', @@ -1534,20 +2084,39 @@ --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-black-background-color: rgb(181, 209, 211); + --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-coach-indicator-ring-static-white-color: var(--spectrum-white); } :host, :root { - --spectrum-workflow-icon-size-50: 18px; - --spectrum-workflow-icon-size-75: 20px; - --spectrum-workflow-icon-size-100: 22px; - --spectrum-workflow-icon-size-200: 24px; - --spectrum-workflow-icon-size-300: 28px; + --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; @@ -1942,15 +2511,14 @@ --spectrum-side-navigation-bottom-to-text: 10px; --spectrum-tray-top-to-content-area: 5px; --spectrum-accordion-top-to-text-spacious-small: 12px; - --spectrum-corner-radius-100: 5px; - --spectrum-corner-radius-200: 10px; --spectrum-drop-shadow-y: 2px; --spectrum-drop-shadow-blur: 6px; - --spectrum-text-to-visual-50: 8px; - --spectrum-text-to-visual-75: 9px; - --spectrum-text-to-visual-100: 10px; - --spectrum-text-to-visual-200: 11px; - --spectrum-text-to-visual-300: 13px; + --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; @@ -1962,38 +2530,38 @@ --spectrum-component-height-300: 60px; --spectrum-component-height-400: 70px; --spectrum-component-height-500: 80px; - --spectrum-component-pill-edge-to-visual-75: 13px; + --spectrum-component-pill-edge-to-visual-75: 15px; --spectrum-component-pill-edge-to-visual-100: 17px; - --spectrum-component-pill-edge-to-visual-200: 22px; - --spectrum-component-pill-edge-to-visual-300: 27px; - --spectrum-component-pill-edge-to-visual-only-75: 5px; - --spectrum-component-pill-edge-to-visual-only-100: 9px; - --spectrum-component-pill-edge-to-visual-only-200: 13px; - --spectrum-component-pill-edge-to-visual-only-300: 16px; - --spectrum-component-pill-edge-to-text-75: 15px; + --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: 25px; + --spectrum-component-pill-edge-to-text-200: 24px; --spectrum-component-pill-edge-to-text-300: 30px; - --spectrum-component-edge-to-visual-50: 7px; - --spectrum-component-edge-to-visual-75: 9px; + --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: 16px; - --spectrum-component-edge-to-visual-300: 19px; - --spectrum-component-edge-to-visual-only-50: 4px; - --spectrum-component-edge-to-visual-only-75: 5px; - --spectrum-component-edge-to-visual-only-100: 9px; - --spectrum-component-edge-to-visual-only-200: 13px; - --spectrum-component-edge-to-visual-only-300: 16px; - --spectrum-component-edge-to-text-50: 10px; - --spectrum-component-edge-to-text-75: 11px; + --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: 19px; + --spectrum-component-edge-to-text-200: 18px; --spectrum-component-edge-to-text-300: 22px; - --spectrum-component-top-to-workflow-icon-50: 4px; - --spectrum-component-top-to-workflow-icon-75: 5px; - --spectrum-component-top-to-workflow-icon-100: 9px; - --spectrum-component-top-to-workflow-icon-200: 13px; - --spectrum-component-top-to-workflow-icon-300: 16px; + --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; @@ -2135,11 +2703,6 @@ --spectrum-coachmark-buttongroup-mobile-display: flex; --spectrum-coachmark-menu-display: none; --spectrum-coachmark-menu-mobile-display: inline-flex; - - --spectrum-well-padding: 20px; - --spectrum-well-margin-top: 5px; - --spectrum-well-min-width: 300px; - --spectrum-well-border-radius: 5px; --spectrum-workflow-icon-size-xxl: 40px; --spectrum-workflow-icon-size-xxs: 15px; @@ -2190,6 +2753,8 @@ --spectrum-ui-icon-medium-display: none; --spectrum-ui-icon-large-display: block; + + --spectrum-contextual-help-content-spacing: var(--spectrum-spacing-200); } :host, @@ -2271,8 +2836,8 @@ --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-700); - --spectrum-positive-visual-color: var(--spectrum-positive-color-700); + --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); @@ -2301,323 +2866,844 @@ --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-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-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-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-menu-item-background-color-default: rgba(0, 0, 0, 0); - --spectrum-menu-item-background-color-hover: var( - --spectrum-transparent-black-200 + --spectrum-negative-subdued-background-color-default: var( + --spectrum-negative-subtle-background-color-default ); - --spectrum-menu-item-background-color-down: var( - --spectrum-transparent-black-200 + --spectrum-accent-subtle-background-color-default: var( + --spectrum-accent-color-200 ); - --spectrum-menu-item-background-color-key-focus: var( - --spectrum-transparent-black-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 ); --spectrum-drop-zone-background-color-rgb: var(--spectrum-blue-800-rgb); --spectrum-dropindicator-color: var(--spectrum-blue-800); @@ -2654,10 +3740,6 @@ --spectrum-badge-label-icon-color-primary: var(--spectrum-white); --spectrum-coach-indicator-ring-default-color: var(--spectrum-blue-800); - --spectrum-coach-indicator-ring-dark-color: var(--spectrum-gray-900); - --spectrum-coach-indicator-ring-light-color: var(--spectrum-gray-25); - - --spectrum-well-border-color: var(--spectrum-black-rgb); --spectrum-steplist-current-marker-color-key-focus: var( --spectrum-blue-800 @@ -2704,16 +3786,16 @@ ); --spectrum-assetlist-border-color-key-focus: var(--spectrum-blue-800); - --spectrum-swatch-border-color: rgba(0, 0, 0, 0.51); + --spectrum-card-selected-background-color-rgb: var(--spectrum-blue-900-rgb); } :host, :root { --spectrum-workflow-icon-size-50: 14px; --spectrum-workflow-icon-size-75: 16px; - --spectrum-workflow-icon-size-100: 18px; - --spectrum-workflow-icon-size-200: 20px; - --spectrum-workflow-icon-size-300: 22px; + --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; @@ -3108,15 +4190,14 @@ --spectrum-side-navigation-bottom-to-text: 8px; --spectrum-tray-top-to-content-area: 4px; --spectrum-accordion-top-to-text-spacious-small: 9px; - --spectrum-corner-radius-100: 4px; - --spectrum-corner-radius-200: 8px; --spectrum-drop-shadow-y: 1px; --spectrum-drop-shadow-blur: 4px; - --spectrum-text-to-visual-50: 6px; - --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-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; @@ -3128,38 +4209,38 @@ --spectrum-component-height-300: 48px; --spectrum-component-height-400: 56px; --spectrum-component-height-500: 64px; - --spectrum-component-pill-edge-to-visual-75: 10px; + --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: 21px; + --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: 7px; - --spectrum-component-pill-edge-to-visual-only-200: 10px; - --spectrum-component-pill-edge-to-visual-only-300: 13px; - --spectrum-component-pill-edge-to-text-75: 12px; + --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: 24px; - --spectrum-component-edge-to-visual-50: 6px; - --spectrum-component-edge-to-visual-75: 7px; + --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: 15px; + --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: 7px; - --spectrum-component-edge-to-visual-only-200: 10px; - --spectrum-component-edge-to-visual-only-300: 13px; + --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: 9px; + --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: 18px; + --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: 7px; - --spectrum-component-top-to-workflow-icon-200: 10px; - --spectrum-component-top-to-workflow-icon-300: 13px; + --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; @@ -3301,10 +4382,6 @@ --spectrum-coachmark-buttongroup-mobile-display: none; --spectrum-coachmark-menu-display: inline-flex; --spectrum-coachmark-menu-mobile-display: none; - --spectrum-well-padding: var(--spectrum-spacing-300); - --spectrum-well-margin-top: var(--spectrum-spacing-75); - --spectrum-well-min-width: 240px; - --spectrum-well-border-radius: var(--spectrum-spacing-75); --spectrum-workflow-icon-size-xxl: 32px; --spectrum-workflow-icon-size-xxs: 12px; @@ -3357,4 +4434,6 @@ --spectrum-ui-icon-medium-display: block; --spectrum-ui-icon-large-display: none; + + --spectrum-contextual-help-content-spacing: var(--spectrum-spacing-100); } diff --git a/yarn.lock b/yarn.lock index d068df794d..75d623c625 100644 --- a/yarn.lock +++ b/yarn.lock @@ -1387,6 +1387,13 @@ dependencies: regenerator-runtime "^0.14.0" +"@babel/runtime@^7.5.5": + version "7.26.0" + resolved "https://registry.yarnpkg.com/@babel/runtime/-/runtime-7.26.0.tgz#8600c2f595f277c60815256418b85356a65173c1" + integrity sha512-FDSOghenHTiToteC/QRlv2q3DhPZ/oOXTBoirfWNx1Cx3TMVcGWQtMMmQcSvb/JjpNeGzx8Pq/b4fKEJuWm1sw== + dependencies: + regenerator-runtime "^0.14.0" + "@babel/template@^7.22.15", "@babel/template@^7.24.0", "@babel/template@^7.3.3": version "7.24.0" resolved "https://registry.yarnpkg.com/@babel/template/-/template-7.24.0.tgz#c6a524aa93a4a05d66aaf31654258fae69d87d50" @@ -1554,6 +1561,219 @@ resolved "https://registry.yarnpkg.com/@bugsnag/safe-json-stringify/-/safe-json-stringify-6.0.0.tgz#22abdcd83e008c369902976730c34c150148a758" integrity sha512-htzFO1Zc57S8kgdRK9mLcPVTW1BY2ijfH7Dk2CeZmspTWKdKqSo1iwmqrq2WtRjFlo8aRZYgLX0wFrDXF/9DLA== +"@changesets/apply-release-plan@^7.0.6": + version "7.0.6" + resolved "https://registry.yarnpkg.com/@changesets/apply-release-plan/-/apply-release-plan-7.0.6.tgz#39af3f80f3ba287920271d1a542ef5394eb0bf8a" + integrity sha512-TKhVLtiwtQOgMAC0fCJfmv93faiViKSDqr8oMEqrnNs99gtSC1sZh/aEMS9a+dseU1ESZRCK+ofLgGY7o0fw/Q== + dependencies: + "@changesets/config" "^3.0.4" + "@changesets/get-version-range-type" "^0.4.0" + "@changesets/git" "^3.0.2" + "@changesets/should-skip-package" "^0.1.1" + "@changesets/types" "^6.0.0" + "@manypkg/get-packages" "^1.1.3" + detect-indent "^6.0.0" + fs-extra "^7.0.1" + lodash.startcase "^4.4.0" + outdent "^0.5.0" + prettier "^2.7.1" + resolve-from "^5.0.0" + semver "^7.5.3" + +"@changesets/assemble-release-plan@^6.0.5": + version "6.0.5" + resolved "https://registry.yarnpkg.com/@changesets/assemble-release-plan/-/assemble-release-plan-6.0.5.tgz#d987b01c2d91c8b2f81eedd2df56ba355e4ce536" + integrity sha512-IgvBWLNKZd6k4t72MBTBK3nkygi0j3t3zdC1zrfusYo0KpdsvnDjrMM9vPnTCLCMlfNs55jRL4gIMybxa64FCQ== + dependencies: + "@changesets/errors" "^0.2.0" + "@changesets/get-dependents-graph" "^2.1.2" + "@changesets/should-skip-package" "^0.1.1" + "@changesets/types" "^6.0.0" + "@manypkg/get-packages" "^1.1.3" + semver "^7.5.3" + +"@changesets/changelog-git@^0.2.0": + version "0.2.0" + resolved "https://registry.yarnpkg.com/@changesets/changelog-git/-/changelog-git-0.2.0.tgz#1f3de11becafff5a38ebe295038a602403c93a86" + integrity sha512-bHOx97iFI4OClIT35Lok3sJAwM31VbUM++gnMBV16fdbtBhgYu4dxsphBF/0AZZsyAHMrnM0yFcj5gZM1py6uQ== + dependencies: + "@changesets/types" "^6.0.0" + +"@changesets/changelog-github@^0.5.0": + version "0.5.0" + resolved "https://registry.yarnpkg.com/@changesets/changelog-github/-/changelog-github-0.5.0.tgz#ae96e5029209f7386527b3821d9c988b1ab16662" + integrity sha512-zoeq2LJJVcPJcIotHRJEEA2qCqX0AQIeFE+L21L8sRLPVqDhSXY8ZWAt2sohtBpFZkBwu+LUwMSKRr2lMy3LJA== + dependencies: + "@changesets/get-github-info" "^0.6.0" + "@changesets/types" "^6.0.0" + dotenv "^8.1.0" + +"@changesets/cli@^2.27.5": + version "2.27.10" + resolved "https://registry.yarnpkg.com/@changesets/cli/-/cli-2.27.10.tgz#b2b98caaf6f8a6630592456f07a881e7684f6ada" + integrity sha512-PfeXjvs9OfQJV8QSFFHjwHX3QnUL9elPEQ47SgkiwzLgtKGyuikWjrdM+lO9MXzOE22FO9jEGkcs4b+B6D6X0Q== + dependencies: + "@changesets/apply-release-plan" "^7.0.6" + "@changesets/assemble-release-plan" "^6.0.5" + "@changesets/changelog-git" "^0.2.0" + "@changesets/config" "^3.0.4" + "@changesets/errors" "^0.2.0" + "@changesets/get-dependents-graph" "^2.1.2" + "@changesets/get-release-plan" "^4.0.5" + "@changesets/git" "^3.0.2" + "@changesets/logger" "^0.1.1" + "@changesets/pre" "^2.0.1" + "@changesets/read" "^0.6.2" + "@changesets/should-skip-package" "^0.1.1" + "@changesets/types" "^6.0.0" + "@changesets/write" "^0.3.2" + "@manypkg/get-packages" "^1.1.3" + ansi-colors "^4.1.3" + ci-info "^3.7.0" + enquirer "^2.3.0" + external-editor "^3.1.0" + fs-extra "^7.0.1" + mri "^1.2.0" + p-limit "^2.2.0" + package-manager-detector "^0.2.0" + picocolors "^1.1.0" + resolve-from "^5.0.0" + semver "^7.5.3" + spawndamnit "^3.0.1" + term-size "^2.1.0" + +"@changesets/config@^3.0.4": + version "3.0.4" + resolved "https://registry.yarnpkg.com/@changesets/config/-/config-3.0.4.tgz#2acfdf3e09424149684b3bd10c88074becf251aa" + integrity sha512-+DiIwtEBpvvv1z30f8bbOsUQGuccnZl9KRKMM/LxUHuDu5oEjmN+bJQ1RIBKNJjfYMQn8RZzoPiX0UgPaLQyXw== + dependencies: + "@changesets/errors" "^0.2.0" + "@changesets/get-dependents-graph" "^2.1.2" + "@changesets/logger" "^0.1.1" + "@changesets/types" "^6.0.0" + "@manypkg/get-packages" "^1.1.3" + fs-extra "^7.0.1" + micromatch "^4.0.8" + +"@changesets/errors@^0.2.0": + version "0.2.0" + resolved "https://registry.yarnpkg.com/@changesets/errors/-/errors-0.2.0.tgz#3c545e802b0f053389cadcf0ed54e5636ff9026a" + integrity sha512-6BLOQUscTpZeGljvyQXlWOItQyU71kCdGz7Pi8H8zdw6BI0g3m43iL4xKUVPWtG+qrrL9DTjpdn8eYuCQSRpow== + dependencies: + extendable-error "^0.1.5" + +"@changesets/get-dependents-graph@^2.1.2": + version "2.1.2" + resolved "https://registry.yarnpkg.com/@changesets/get-dependents-graph/-/get-dependents-graph-2.1.2.tgz#108304652d4bf22c9fee9f1d31dcf9908c24ca51" + integrity sha512-sgcHRkiBY9i4zWYBwlVyAjEM9sAzs4wYVwJUdnbDLnVG3QwAaia1Mk5P8M7kraTOZN+vBET7n8KyB0YXCbFRLQ== + dependencies: + "@changesets/types" "^6.0.0" + "@manypkg/get-packages" "^1.1.3" + picocolors "^1.1.0" + semver "^7.5.3" + +"@changesets/get-github-info@^0.6.0": + version "0.6.0" + resolved "https://registry.yarnpkg.com/@changesets/get-github-info/-/get-github-info-0.6.0.tgz#faba66a20a3a5a0cbabea28efd43c9ede7429f11" + integrity sha512-v/TSnFVXI8vzX9/w3DU2Ol+UlTZcu3m0kXTjTT4KlAdwSvwutcByYwyYn9hwerPWfPkT2JfpoX0KgvCEi8Q/SA== + dependencies: + dataloader "^1.4.0" + node-fetch "^2.5.0" + +"@changesets/get-release-plan@^4.0.5": + version "4.0.5" + resolved "https://registry.yarnpkg.com/@changesets/get-release-plan/-/get-release-plan-4.0.5.tgz#2c857ce2f1942b88ff6ffcb24667edc52bcbfaea" + integrity sha512-E6wW7JoSMcctdVakut0UB76FrrN3KIeJSXvB+DHMFo99CnC3ZVnNYDCVNClMlqAhYGmLmAj77QfApaI3ca4Fkw== + dependencies: + "@changesets/assemble-release-plan" "^6.0.5" + "@changesets/config" "^3.0.4" + "@changesets/pre" "^2.0.1" + "@changesets/read" "^0.6.2" + "@changesets/types" "^6.0.0" + "@manypkg/get-packages" "^1.1.3" + +"@changesets/get-version-range-type@^0.4.0": + version "0.4.0" + resolved "https://registry.yarnpkg.com/@changesets/get-version-range-type/-/get-version-range-type-0.4.0.tgz#429a90410eefef4368502c41c63413e291740bf5" + integrity sha512-hwawtob9DryoGTpixy1D3ZXbGgJu1Rhr+ySH2PvTLHvkZuQ7sRT4oQwMh0hbqZH1weAooedEjRsbrWcGLCeyVQ== + +"@changesets/git@^3.0.2": + version "3.0.2" + resolved "https://registry.yarnpkg.com/@changesets/git/-/git-3.0.2.tgz#669c700049dc3b8ba53f46de45f5c4b1e6ddea3b" + integrity sha512-r1/Kju9Y8OxRRdvna+nxpQIsMsRQn9dhhAZt94FLDeu0Hij2hnOozW8iqnHBgvu+KdnJppCveQwK4odwfw/aWQ== + dependencies: + "@changesets/errors" "^0.2.0" + "@manypkg/get-packages" "^1.1.3" + is-subdir "^1.1.1" + micromatch "^4.0.8" + spawndamnit "^3.0.1" + +"@changesets/logger@^0.1.1": + version "0.1.1" + resolved "https://registry.yarnpkg.com/@changesets/logger/-/logger-0.1.1.tgz#9926ac4dc8fb00472fe1711603b6b4755d64b435" + integrity sha512-OQtR36ZlnuTxKqoW4Sv6x5YIhOmClRd5pWsjZsddYxpWs517R0HkyiefQPIytCVh4ZcC5x9XaG8KTdd5iRQUfg== + dependencies: + picocolors "^1.1.0" + +"@changesets/parse@^0.4.0": + version "0.4.0" + resolved "https://registry.yarnpkg.com/@changesets/parse/-/parse-0.4.0.tgz#5cabbd9844b3b213cb83f5edb5768454c70dd2b4" + integrity sha512-TS/9KG2CdGXS27S+QxbZXgr8uPsP4yNJYb4BC2/NeFUj80Rni3TeD2qwWmabymxmrLo7JEsytXH1FbpKTbvivw== + dependencies: + "@changesets/types" "^6.0.0" + js-yaml "^3.13.1" + +"@changesets/pre@^2.0.1": + version "2.0.1" + resolved "https://registry.yarnpkg.com/@changesets/pre/-/pre-2.0.1.tgz#3ed60f9d218b3b81d3074d72139582da11a94d5f" + integrity sha512-vvBJ/If4jKM4tPz9JdY2kGOgWmCowUYOi5Ycv8dyLnEE8FgpYYUo1mgJZxcdtGGP3aG8rAQulGLyyXGSLkIMTQ== + dependencies: + "@changesets/errors" "^0.2.0" + "@changesets/types" "^6.0.0" + "@manypkg/get-packages" "^1.1.3" + fs-extra "^7.0.1" + +"@changesets/read@^0.6.2": + version "0.6.2" + resolved "https://registry.yarnpkg.com/@changesets/read/-/read-0.6.2.tgz#816cf75dd22a70e75ac279474e44be52fb3fb91b" + integrity sha512-wjfQpJvryY3zD61p8jR87mJdyx2FIhEcdXhKUqkja87toMrP/3jtg/Yg29upN+N4Ckf525/uvV7a4tzBlpk6gg== + dependencies: + "@changesets/git" "^3.0.2" + "@changesets/logger" "^0.1.1" + "@changesets/parse" "^0.4.0" + "@changesets/types" "^6.0.0" + fs-extra "^7.0.1" + p-filter "^2.1.0" + picocolors "^1.1.0" + +"@changesets/should-skip-package@^0.1.1": + version "0.1.1" + resolved "https://registry.yarnpkg.com/@changesets/should-skip-package/-/should-skip-package-0.1.1.tgz#76218ef4ce7691351a6dffdb356e8893267b0b3a" + integrity sha512-H9LjLbF6mMHLtJIc/eHR9Na+MifJ3VxtgP/Y+XLn4BF7tDTEN1HNYtH6QMcjP1uxp9sjaFYmW8xqloaCi/ckTg== + dependencies: + "@changesets/types" "^6.0.0" + "@manypkg/get-packages" "^1.1.3" + +"@changesets/types@^4.0.1": + version "4.1.0" + resolved "https://registry.yarnpkg.com/@changesets/types/-/types-4.1.0.tgz#fb8f7ca2324fd54954824e864f9a61a82cb78fe0" + integrity sha512-LDQvVDv5Kb50ny2s25Fhm3d9QSZimsoUGBsUioj6MC3qbMUCuC8GPIvk/M6IvXx3lYhAs0lwWUQLb+VIEUCECw== + +"@changesets/types@^6.0.0": + version "6.0.0" + resolved "https://registry.yarnpkg.com/@changesets/types/-/types-6.0.0.tgz#e46abda9890610dd1fbe1617730173d2267544bd" + integrity sha512-b1UkfNulgKoWfqyHtzKS5fOZYSJO+77adgL7DLRDr+/7jhChN+QcHnbjiQVOz/U+Ts3PGNySq7diAItzDgugfQ== + +"@changesets/write@^0.3.2": + version "0.3.2" + resolved "https://registry.yarnpkg.com/@changesets/write/-/write-0.3.2.tgz#bee64e4ccdff480872df5d1e38f2b913cb940116" + integrity sha512-kDxDrPNpUgsjDbWBvUo27PzKX4gqeKOlhibaOXDJA6kuBisGqNHv/HwGJrAu8U/dSf8ZEFIeHIPtvSlZI1kULw== + dependencies: + "@changesets/types" "^6.0.0" + fs-extra "^7.0.1" + human-id "^1.0.2" + prettier "^2.7.1" + "@colors/colors@1.5.0": version "1.5.0" resolved "https://registry.yarnpkg.com/@colors/colors/-/colors-1.5.0.tgz#bb504579c1cae923e6576a4f5da43d25f97bdbd9" @@ -1585,16 +1805,6 @@ "@commitlint/types" "^19.0.3" conventional-changelog-conventionalcommits "^7.0.2" -"@commitlint/config-lerna-scopes@^19.0.0": - version "19.0.0" - resolved "https://registry.yarnpkg.com/@commitlint/config-lerna-scopes/-/config-lerna-scopes-19.0.0.tgz#3cfb2a8b6fa9aa136ab752d171b2b9bdfd60b622" - integrity sha512-Us46bcN74Efdva2gsuxootQY2ueLdeNNWhsM/24FKdRDzxqrbL1gbA+lDBC+HhwTQ/jb3w+NRaCx4kRYJpWqJA== - dependencies: - "@lerna/project" "^6.0.0" - glob "^10.3.10" - import-from "^4.0.0" - semver "^7.6.0" - "@commitlint/config-validator@^19.0.3": version "19.0.3" resolved "https://registry.yarnpkg.com/@commitlint/config-validator/-/config-validator-19.0.3.tgz#052b181a30da6b4fc16dc5230f4589ac95e0bc81" @@ -3102,41 +3312,6 @@ yargs "17.7.2" yargs-parser "21.1.1" -"@lerna/package@6.4.1": - version "6.4.1" - resolved "https://registry.yarnpkg.com/@lerna/package/-/package-6.4.1.tgz#ebbd4c5f58f4b6cf77019271a686be9585272a3b" - integrity sha512-TrOah58RnwS9R8d3+WgFFTu5lqgZs7M+e1dvcRga7oSJeKscqpEK57G0xspvF3ycjfXQwRMmEtwPmpkeEVLMzA== - dependencies: - load-json-file "^6.2.0" - npm-package-arg "8.1.1" - write-pkg "^4.0.0" - -"@lerna/project@^6.0.0": - version "6.4.1" - resolved "https://registry.yarnpkg.com/@lerna/project/-/project-6.4.1.tgz#0519323aa8bde5b73fc0bf1c428385a556a445f0" - integrity sha512-BPFYr4A0mNZ2jZymlcwwh7PfIC+I6r52xgGtJ4KIrIOB6mVKo9u30dgYJbUQxmSuMRTOnX7PJZttQQzSda4gEg== - dependencies: - "@lerna/package" "6.4.1" - "@lerna/validation-error" "6.4.1" - cosmiconfig "^7.0.0" - dedent "^0.7.0" - dot-prop "^6.0.1" - glob-parent "^5.1.1" - globby "^11.0.2" - js-yaml "^4.1.0" - load-json-file "^6.2.0" - npmlog "^6.0.2" - p-map "^4.0.0" - resolve-from "^5.0.0" - write-json-file "^4.3.0" - -"@lerna/validation-error@6.4.1": - version "6.4.1" - resolved "https://registry.yarnpkg.com/@lerna/validation-error/-/validation-error-6.4.1.tgz#2cab92c2be395158c3d65fa57ddb73892617d7e8" - integrity sha512-fxfJvl3VgFd7eBfVMRX6Yal9omDLs2mcGKkNYeCEyt4Uwlz1B5tPAXyk/sNMfkKV2Aat/mlK5tnY13vUrMKkyA== - dependencies: - npmlog "^6.0.2" - "@lit-labs/observers@^2.0.2": version "2.0.2" resolved "https://registry.yarnpkg.com/@lit-labs/observers/-/observers-2.0.2.tgz#3f655a86e3dccc3a174f4f0149e8b318beb72025" @@ -3193,6 +3368,28 @@ resolved "https://registry.yarnpkg.com/@lukeed/ms/-/ms-2.0.2.tgz#07f09e59a74c52f4d88c6db5c1054e819538e2a8" integrity sha512-9I2Zn6+NJLfaGoz9jN3lpwDgAYvfGeNYdbAIjJOqzs4Tpc+VU3Jqq4IofSUBKajiDS8k9fZIg18/z13mpk1bsA== +"@manypkg/find-root@^1.1.0": + version "1.1.0" + resolved "https://registry.yarnpkg.com/@manypkg/find-root/-/find-root-1.1.0.tgz#a62d8ed1cd7e7d4c11d9d52a8397460b5d4ad29f" + integrity sha512-mki5uBvhHzO8kYYix/WRy2WX8S3B5wdVSc9D6KcU5lQNglP2yt58/VfLuAK49glRXChosY8ap2oJ1qgma3GUVA== + dependencies: + "@babel/runtime" "^7.5.5" + "@types/node" "^12.7.1" + find-up "^4.1.0" + fs-extra "^8.1.0" + +"@manypkg/get-packages@^1.1.3": + version "1.1.3" + resolved "https://registry.yarnpkg.com/@manypkg/get-packages/-/get-packages-1.1.3.tgz#e184db9bba792fa4693de4658cfb1463ac2c9c47" + integrity sha512-fo+QhuU3qE/2TQMQmbVMqaQ6EWbMhi4ABWP+O4AM1NqPBuy0OrApV5LO6BrrgnhtAHS2NH6RrVk9OL181tTi8A== + dependencies: + "@babel/runtime" "^7.5.5" + "@changesets/types" "^4.0.1" + "@manypkg/find-root" "^1.1.0" + fs-extra "^8.1.0" + globby "^11.0.0" + read-yaml-file "^1.1.0" + "@mapbox/node-pre-gyp@^1.0.5": version "1.0.11" resolved "https://registry.yarnpkg.com/@mapbox/node-pre-gyp/-/node-pre-gyp-1.0.11.tgz#417db42b7f5323d79e93b34a6d7a2a12c0df43fa" @@ -6642,6 +6839,11 @@ resolved "https://registry.yarnpkg.com/@types/node/-/node-11.15.54.tgz#59ed60e7b0d56905a654292e8d73275034eb6283" integrity sha512-1RWYiq+5UfozGsU6MwJyFX6BtktcT10XRjvcAQmskCtMcW3tPske88lM/nHv7BQG1w9KBXI1zPGuu5PnNCX14g== +"@types/node@^12.7.1": + version "12.20.55" + resolved "https://registry.yarnpkg.com/@types/node/-/node-12.20.55.tgz#c329cbd434c42164f846b909bd6f85b5537f6240" + integrity sha512-J8xLz7q2OFulZ2cyGTLE1TbbZcjpno7FaN6zdJNrgAdrJ+DZzh/uFR6YrTb4C+nXakvud8Q4+rbhoIWlYQbUFQ== + "@types/node@^18.0.0": version "18.19.31" resolved "https://registry.yarnpkg.com/@types/node/-/node-18.19.31.tgz#b7d4a00f7cb826b60a543cebdbda5d189aaecdcd" @@ -8005,7 +8207,7 @@ ansi-align@^3.0.1: dependencies: string-width "^4.1.0" -ansi-colors@^4.1.1: +ansi-colors@^4.1.1, ansi-colors@^4.1.3: version "4.1.3" resolved "https://registry.yarnpkg.com/ansi-colors/-/ansi-colors-4.1.3.tgz#37611340eb2243e70cc604cad35d63270d48781b" integrity sha512-/6w/C21Pm1A7aZitlI5Ni/2J6FFQN8i1Cvz3kHABAAbw93v/NlvKdVOqz7CCWz/3iv/JplRSEEZ83XION15ovw== @@ -8756,6 +8958,13 @@ better-opn@3.0.2, better-opn@^3.0.2: dependencies: open "^8.0.4" +better-path-resolve@1.0.0: + version "1.0.0" + resolved "https://registry.yarnpkg.com/better-path-resolve/-/better-path-resolve-1.0.0.tgz#13a35a1104cdd48a7b74bf8758f96a1ee613f99d" + integrity sha512-pbnl5XzGBdrFU/wT4jqmJVPn2B6UHPBOhzMQkY/SPUPB6QtUXtmBHBIwCbXJol93mOpGMnQyP/+BB19q04xj7g== + dependencies: + is-windows "^1.0.0" + big-integer@^1.6.17: version "1.6.52" resolved "https://registry.yarnpkg.com/big-integer/-/big-integer-1.6.52.tgz#60a887f3047614a8e1bffe5d7173490a97dc8c85" @@ -10238,7 +10447,7 @@ cosmiconfig-typescript-loader@^5.0.0: dependencies: jiti "^1.19.1" -cosmiconfig@^7.0.0, cosmiconfig@^7.0.1: +cosmiconfig@^7.0.1: version "7.1.0" resolved "https://registry.yarnpkg.com/cosmiconfig/-/cosmiconfig-7.1.0.tgz#1443b9afa596b670082ea46cbd8f6a62b84635f6" integrity sha512-AdmX6xUzdNASswsFtmwSt7Vj8po9IuqXm0UXz7QKPuEUmPB4XyjGfaAr2PSuELMwkRMVH1EpIkX5bTZGRB3eCA== @@ -10347,6 +10556,15 @@ cross-spawn@^7.0.0, cross-spawn@^7.0.2, cross-spawn@^7.0.3: shebang-command "^2.0.0" which "^2.0.1" +cross-spawn@^7.0.5: + version "7.0.6" + resolved "https://registry.yarnpkg.com/cross-spawn/-/cross-spawn-7.0.6.tgz#8a58fe78f00dcd70c370451759dfbfaf03e8ee9f" + integrity sha512-uV2QOWP2nWzsy2aMp8aRibhi9dlzF5Hgh5SHaB9OiTGEyDTiJJyx0uy51QXdyWbtAHNua4XJzUKca3OzKUd3vA== + dependencies: + path-key "^3.1.0" + shebang-command "^2.0.0" + which "^2.0.1" + crossws@^0.2.0, crossws@^0.2.4: version "0.2.4" resolved "https://registry.yarnpkg.com/crossws/-/crossws-0.2.4.tgz#82a8b518bff1018ab1d21ced9e35ffbe1681ad03" @@ -10694,6 +10912,11 @@ data-view-byte-offset@^1.0.0: es-errors "^1.3.0" is-data-view "^1.0.1" +dataloader@^1.4.0: + version "1.4.0" + resolved "https://registry.yarnpkg.com/dataloader/-/dataloader-1.4.0.tgz#bca11d867f5d3f1b9ed9f737bd15970c65dff5c8" + integrity sha512-68s5jYdlvasItOJnCuI2Q9s4q98g0pCyL3HrcKJu8KNugUl8ahgmZYg38ysLTgQjjXX3H8CJLkAvWrclWfcalw== + date-fns@^2.30.0: version "2.30.0" resolved "https://registry.yarnpkg.com/date-fns/-/date-fns-2.30.0.tgz#f367e644839ff57894ec6ac480de40cae4b0f4d0" @@ -11352,6 +11575,11 @@ dotenv@^16.3.1: resolved "https://registry.yarnpkg.com/dotenv/-/dotenv-16.3.1.tgz#369034de7d7e5b120972693352a3bf112172cc3e" integrity sha512-IPzF4w4/Rd94bA9imS68tZBaYyBWSCE47V1RGuMrB94iyTOIEwRmVL2x/4An+6mETpLrKJ5hQkB8W4kFAadeIQ== +dotenv@^8.1.0: + version "8.6.0" + resolved "https://registry.yarnpkg.com/dotenv/-/dotenv-8.6.0.tgz#061af664d19f7f4d8fc6e4ff9b584ce237adcb8b" + integrity sha512-IrPdXQsk2BbzvCBGBOTmmSH5SodmqZNt4ERAZDmW4CT+tL8VtvinqywuANaFu4bOMWki16nqf0e4oC0QIaDr/g== + dotenv@~16.3.1: version "16.3.2" resolved "https://registry.yarnpkg.com/dotenv/-/dotenv-16.3.2.tgz#3cb611ce5a63002dbabf7c281bc331f69d28f03f" @@ -11480,6 +11708,14 @@ enhanced-resolve@^5.16.0: graceful-fs "^4.2.4" tapable "^2.2.0" +enquirer@^2.3.0: + version "2.4.1" + resolved "https://registry.yarnpkg.com/enquirer/-/enquirer-2.4.1.tgz#93334b3fbd74fc7097b224ab4a8fb7e40bf4ae56" + integrity sha512-rRqJg/6gd538VHvR3PSrdRBb/1Vy2YfzHqzvbhGIQpDRKIa4FgV/54b5Q1xYSxOOwKvjXweS26E0Q+nAMwp2pQ== + dependencies: + ansi-colors "^4.1.1" + strip-ansi "^6.0.1" + enquirer@~2.3.6: version "2.3.6" resolved "https://registry.yarnpkg.com/enquirer/-/enquirer-2.3.6.tgz#2a7fe5dd634a1e4125a975ec994ff5456dc3734d" @@ -12521,6 +12757,11 @@ extend@^3.0.0, extend@^3.0.2: resolved "https://registry.yarnpkg.com/extend/-/extend-3.0.2.tgz#f8b1136b4071fbd8eb140aff858b1019ec2915fa" integrity sha512-fjquC59cD7CyW6urNXK0FBufkZcoiGG80wTuPujX590cB5Ttln20E2UB4S/WARVqhXffZl2LNgS+gQdPIIim/g== +extendable-error@^0.1.5: + version "0.1.7" + resolved "https://registry.yarnpkg.com/extendable-error/-/extendable-error-0.1.7.tgz#60b9adf206264ac920058a7395685ae4670c2b96" + integrity sha512-UOiS2in6/Q0FK0R0q6UY9vYpQ21mr/Qn1KOnte7vsACuNJf514WvCCUHSRCPcgjPT2bAhNIJdlE6bVap1GKmeg== + external-editor@^3.0.3, external-editor@^3.1.0: version "3.1.0" resolved "https://registry.yarnpkg.com/external-editor/-/external-editor-3.1.0.tgz#cb03f740befae03ea4d283caed2741a83f335495" @@ -13235,6 +13476,24 @@ fs-extra@^11.1.0, fs-extra@^11.1.1, fs-extra@^11.2.0: jsonfile "^6.0.1" universalify "^2.0.0" +fs-extra@^7.0.1: + version "7.0.1" + resolved "https://registry.yarnpkg.com/fs-extra/-/fs-extra-7.0.1.tgz#4f189c44aa123b895f722804f55ea23eadc348e9" + integrity sha512-YJDaCJZEnBmcbw13fvdAM9AwNOJwOzrE4pqMqBq5nFiEqXUqHwlK4B+3pUw6JNvfSPtX05xFHtYy/1ni01eGCw== + dependencies: + graceful-fs "^4.1.2" + jsonfile "^4.0.0" + universalify "^0.1.0" + +fs-extra@^8.1.0: + version "8.1.0" + resolved "https://registry.yarnpkg.com/fs-extra/-/fs-extra-8.1.0.tgz#49d43c45a88cd9677668cb7be1b46efdb8d2e1c0" + integrity sha512-yhlQgA6mnOJUKOsRUFsgJdQCvkKhcz8tlZG5HBQfReYZy46OwLcY+Zia0mtdHsOo9y/hP+CxMN0TU9QxoOtG4g== + dependencies: + graceful-fs "^4.2.0" + jsonfile "^4.0.0" + universalify "^0.1.0" + fs-extra@^9.0.0, fs-extra@^9.0.1: version "9.1.0" resolved "https://registry.yarnpkg.com/fs-extra/-/fs-extra-9.1.0.tgz#5954460c764a8da2094ba3554bf839e6b9a7c86d" @@ -13652,7 +13911,7 @@ github-slugger@^1.0.0: resolved "https://registry.yarnpkg.com/github-slugger/-/github-slugger-1.5.0.tgz#17891bbc73232051474d68bd867a34625c955f7d" integrity sha512-wIh+gKBI9Nshz2o46B0B3f5k/W+WI9ZAv6y5Dn5WJ5SK1t0TnDimB4WE5rmTD05ZAIn8HALCZVmCsvj0w0v0lw== -glob-parent@5.1.2, glob-parent@^5.1.1, glob-parent@^5.1.2, glob-parent@~5.1.2: +glob-parent@5.1.2, glob-parent@^5.1.2, glob-parent@~5.1.2: version "5.1.2" resolved "https://registry.yarnpkg.com/glob-parent/-/glob-parent-5.1.2.tgz#869832c58034fe68a4093c17dc15e8340d8401c4" integrity sha512-AOIgSQCepiJYwP3ARnGx+5VnTu2HBYdzbGP45eLw1vr3zB3vZLeyed1sC9hnbcOc9/SrMyM5RPQrkGz4aS9Zow== @@ -13846,7 +14105,7 @@ globby@11.0.4: merge2 "^1.3.0" slash "^3.0.0" -globby@11.1.0, globby@^11.0.1, globby@^11.0.2, globby@^11.1.0: +globby@11.1.0, globby@^11.0.0, globby@^11.0.1, globby@^11.0.2, globby@^11.1.0: version "11.1.0" resolved "https://registry.yarnpkg.com/globby/-/globby-11.1.0.tgz#bd4be98bb042f83d796f7e3811991fbe82a0d34b" integrity sha512-jhIXaOzy1sb8IyocaruWSn1TjmnBVs8Ayhcy83rmxNJ8q2uWKCAj3CnJY+KpGSXCueAPc0i05kVvVKtP1t9S3g== @@ -13933,7 +14192,7 @@ graceful-fs@4.2.10: resolved "https://registry.yarnpkg.com/graceful-fs/-/graceful-fs-4.2.10.tgz#147d3a006da4ca3ce14728c7aefc287c367d7a6c" integrity sha512-9ByhssR2fPVsNZj478qUUbKfmL0+t5BDVyjShtyZZLiK7ZDAArFFfopyOTj0M05wE2tJPisA4iTnnXl2YoPvOA== -graceful-fs@4.2.11, graceful-fs@^4.1.11, graceful-fs@^4.1.15, graceful-fs@^4.1.2, graceful-fs@^4.1.6, graceful-fs@^4.2.0, graceful-fs@^4.2.10, graceful-fs@^4.2.11, graceful-fs@^4.2.2, graceful-fs@^4.2.4, graceful-fs@^4.2.6, graceful-fs@^4.2.9: +graceful-fs@4.2.11, graceful-fs@^4.1.11, graceful-fs@^4.1.15, graceful-fs@^4.1.2, graceful-fs@^4.1.5, graceful-fs@^4.1.6, graceful-fs@^4.2.0, graceful-fs@^4.2.10, graceful-fs@^4.2.11, graceful-fs@^4.2.2, graceful-fs@^4.2.4, graceful-fs@^4.2.6, graceful-fs@^4.2.9: version "4.2.11" resolved "https://registry.yarnpkg.com/graceful-fs/-/graceful-fs-4.2.11.tgz#4183e4e8bf08bb6e05bbb2f7d2e0c8f712ca40e3" integrity sha512-RbJ5/jmFcNNCcDV5o9eTnBLJ/HszWV0P73bc+Ff4nS/rJj+YaS6IGyiOL0VoBYX+l1Wrl3k63h/KrH+nhJ0XvQ== @@ -14539,6 +14798,11 @@ https-proxy-agent@^7.0.1, https-proxy-agent@^7.0.2, https-proxy-agent@^7.0.3, ht agent-base "^7.0.2" debug "4" +human-id@^1.0.2: + version "1.0.2" + resolved "https://registry.yarnpkg.com/human-id/-/human-id-1.0.2.tgz#e654d4b2b0d8b07e45da9f6020d8af17ec0a5df3" + integrity sha512-UNopramDEhHJD+VR+ehk8rOslwSfByxPIZyJRfV739NDhN5LF1fa1MqnzKm2lGTQRjNrjK19Q5fhkgIfjlVUKw== + human-signals@^2.1.0: version "2.1.0" resolved "https://registry.yarnpkg.com/human-signals/-/human-signals-2.1.0.tgz#dc91fcba42e4d06e4abaed33b3e7a3c02f514ea0" @@ -14639,11 +14903,6 @@ import-fresh@^3.2.1, import-fresh@^3.3.0: parent-module "^1.0.0" resolve-from "^4.0.0" -import-from@^4.0.0: - version "4.0.0" - resolved "https://registry.yarnpkg.com/import-from/-/import-from-4.0.0.tgz#2710b8d66817d232e16f4166e319248d3d5492e2" - integrity sha512-P9J71vT5nLlDeV8FHs5nNxaLbrpfAV5cF5srvbZfpwpcJoM/xZR3hiv+q+SAnuSmuGbXMWud063iIMx/V/EWZQ== - import-lazy@^4.0.0: version "4.0.0" resolved "https://registry.yarnpkg.com/import-lazy/-/import-lazy-4.0.0.tgz#e8eb627483a0a43da3c03f3e35548be5cb0cc153" @@ -15278,7 +15537,7 @@ is-plain-obj@^1.0.0, is-plain-obj@^1.1.0: resolved "https://registry.yarnpkg.com/is-plain-obj/-/is-plain-obj-1.1.0.tgz#71a50c8429dfca773c92a390a4a03b39fcd51d3e" integrity sha512-yvkRyxmFKEOQ4pNXCmJG5AEQNlXJS5LaONXo5/cLdTZdWvsZ1ioJEonLGAosKlMWE8lwUy/bJzMjcw8az73+Fg== -is-plain-obj@^2.0.0, is-plain-obj@^2.1.0: +is-plain-obj@^2.1.0: version "2.1.0" resolved "https://registry.yarnpkg.com/is-plain-obj/-/is-plain-obj-2.1.0.tgz#45e42e37fccf1f40da8e5f76ee21515840c09287" integrity sha512-YWnfyRwxL/+SsrWYfOpUtz5b3YD+nyfkHvjbcanzk8zgyO4ASD67uVMRt8k5bM4lLMDnXfriRhOpemw+NfT1eA== @@ -15405,6 +15664,13 @@ is-string@^1.0.5, is-string@^1.0.7: dependencies: has-tostringtag "^1.0.0" +is-subdir@^1.1.1: + version "1.2.0" + resolved "https://registry.yarnpkg.com/is-subdir/-/is-subdir-1.2.0.tgz#b791cd28fab5202e91a08280d51d9d7254fd20d4" + integrity sha512-2AT6j+gXe/1ueqbW6fLZJiIw3F8iXGJtt0yDrZaBhAZEG1raiTxKWU+IPqMCzQAXOUCKdA4UDMgacKH25XG2Cw== + dependencies: + better-path-resolve "1.0.0" + is-symbol@^1.0.2, is-symbol@^1.0.3: version "1.0.4" resolved "https://registry.yarnpkg.com/is-symbol/-/is-symbol-1.0.4.tgz#a6dac93b635b063ca6872236de88910a57af139c" @@ -15502,7 +15768,7 @@ is-weakset@^2.0.1: call-bind "^1.0.2" get-intrinsic "^1.1.1" -is-windows@^1.0.1: +is-windows@^1.0.0, is-windows@^1.0.1: version "1.0.2" resolved "https://registry.yarnpkg.com/is-windows/-/is-windows-1.0.2.tgz#d1850eb9791ecd18e6182ce12a30f396634bb19d" integrity sha512-eXK1UInq2bPmjyX6e3VHIzMLobc4J94i4AWn+Hpq3OU5KkrRC96OAcR3PRJ/pGu6m8TRnBHP9dkXQVsT/COVIA== @@ -16177,7 +16443,7 @@ js-yaml@4.1.0, js-yaml@^4.0.0, js-yaml@^4.1.0: dependencies: argparse "^2.0.1" -js-yaml@^3.10.0, js-yaml@^3.13.1: +js-yaml@^3.10.0, js-yaml@^3.13.1, js-yaml@^3.6.1: version "3.14.1" resolved "https://registry.yarnpkg.com/js-yaml/-/js-yaml-3.14.1.tgz#dae812fdb3825fa306609a8717383c50c36a0537" integrity sha512-okMH7OXXJ7YrN9Ok3/SXrnu4iX9yOk+25nqX4imS2npuvTYDmo/QEZoqwZkYaIDk3jVvBOTOIEgEhaLOynBS9g== @@ -16340,6 +16606,13 @@ jsonc-parser@^3.0.0, jsonc-parser@^3.2.0: resolved "https://registry.yarnpkg.com/jsonc-parser/-/jsonc-parser-3.2.1.tgz#031904571ccf929d7670ee8c547545081cb37f1a" integrity sha512-AilxAyFOAcK5wA1+LeaySVBrHsGQvUFCDWXKpZjzaL0PqW+xfBOttn8GNtWKFWqneyMZj41MWF9Kl6iPWLwgOA== +jsonfile@^4.0.0: + version "4.0.0" + resolved "https://registry.yarnpkg.com/jsonfile/-/jsonfile-4.0.0.tgz#8771aae0799b64076b76640fca058f9c10e33ecb" + integrity sha512-m6F1R3z8jjlf2imQHS2Qez5sjKWQzbuuhuJ/FKYFRZvPE3PuHcSMVZzfsLhGVOkfd20obL5SWEBew5ShlquNxg== + optionalDependencies: + graceful-fs "^4.1.6" + jsonfile@^6.0.1: version "6.1.0" resolved "https://registry.yarnpkg.com/jsonfile/-/jsonfile-6.1.0.tgz#bc55b2634793c679ec6403094eb13698a6ec0aae" @@ -17111,7 +17384,7 @@ lit@^2.1.3: lit-element "^3.3.0" lit-html "^2.8.0" -load-json-file@6.2.0, load-json-file@^6.2.0: +load-json-file@6.2.0: version "6.2.0" resolved "https://registry.yarnpkg.com/load-json-file/-/load-json-file-6.2.0.tgz#5c7770b42cafa97074ca2848707c61662f4251a1" integrity sha512-gUD/epcRms75Cw8RT1pUdHugZYM5ce64ucs2GEISABwkRsOQr0q2wm/MV2TKThycIe5e0ytRweW2RZxclogCdQ== @@ -19243,7 +19516,7 @@ node-fetch@3.3.2, node-fetch@^3.0.0, node-fetch@^3.1.0, node-fetch@^3.1.1, node- fetch-blob "^3.1.4" formdata-polyfill "^4.0.10" -node-fetch@^2.0.0, node-fetch@^2.6.7: +node-fetch@^2.0.0, node-fetch@^2.5.0, node-fetch@^2.6.7: version "2.7.0" resolved "https://registry.yarnpkg.com/node-fetch/-/node-fetch-2.7.0.tgz#d0f0fa6e3e2dc1d27efcd8ad99d550bda94d187d" integrity sha512-c4FRfUm/dbcWZ7U+1Wq0AwCyFL+3nt2bEw05wfxSz+DWpWsitgmSgYmy2dQdWyKC1694ELPqMs/YzUSNozLt8A== @@ -20012,6 +20285,11 @@ os-tmpdir@~1.0.2: resolved "https://registry.yarnpkg.com/os-tmpdir/-/os-tmpdir-1.0.2.tgz#bbe67406c79aa85c5cfec766fe5734555dfa1274" integrity sha512-D2FR03Vir7FIu45XBY20mTb+/ZSWB00sjU9jdQXt83gDrI4Ztz5Fs7/yy74g2N5SVQY4xY1qDr4rNddwYRVX0g== +outdent@^0.5.0: + version "0.5.0" + resolved "https://registry.yarnpkg.com/outdent/-/outdent-0.5.0.tgz#9e10982fdc41492bb473ad13840d22f9655be2ff" + integrity sha512-/jHxFIzoMXdqPzTaCpFzAAWhpkSjZPF4Vsn6jAfNpmbH/ymsmd7Qc6VE9BGn0L6YMj6uwpQLxCECpus4ukKS9Q== + p-cancelable@^3.0.0: version "3.0.0" resolved "https://registry.yarnpkg.com/p-cancelable/-/p-cancelable-3.0.0.tgz#63826694b54d61ca1c20ebcb6d3ecf5e14cd8050" @@ -20045,6 +20323,13 @@ p-filter@4.1.0: dependencies: p-map "^7.0.1" +p-filter@^2.1.0: + version "2.1.0" + resolved "https://registry.yarnpkg.com/p-filter/-/p-filter-2.1.0.tgz#1b1472562ae7a0f742f0f3d3d3718ea66ff9c09c" + integrity sha512-ZBxxZ5sL2HghephhpGAQdoskxplTwr7ICaehZwLIlfL6acuVgZPm8yBNuRAFBGEqtD/hmUeq9eqLg2ys9Xr/yw== + dependencies: + p-map "^2.0.0" + p-filter@^3.0.0: version "3.0.0" resolved "https://registry.yarnpkg.com/p-filter/-/p-filter-3.0.0.tgz#ce50e03b24b23930e11679ab8694bd09a2d7ed35" @@ -20289,6 +20574,11 @@ package-json@^8.1.0: registry-url "^6.0.0" semver "^7.3.7" +package-manager-detector@^0.2.0: + version "0.2.5" + resolved "https://registry.yarnpkg.com/package-manager-detector/-/package-manager-detector-0.2.5.tgz#d72296f18f8334516531d9d2a2b088c795a21ea6" + integrity sha512-3dS7y28uua+UDbRCLBqltMBrbI+A5U2mI9YuxHRxIWYmLj3DwntEBmERYzIAQ4DMeuCUOBSak7dBHHoXKpOTYQ== + pacote@^17.0.5: version "17.0.7" resolved "https://registry.yarnpkg.com/pacote/-/pacote-17.0.7.tgz#14b59a9bf5e3442c891af86825b97b7d72f48fba" @@ -20752,6 +21042,11 @@ picocolors@^1.0.0: resolved "https://registry.yarnpkg.com/picocolors/-/picocolors-1.0.1.tgz#a8ad579b571952f0e5d25892de5445bcfe25aaa1" integrity sha512-anP1Z8qwhkbmu7MFP5iTt+wQKXgwzf7zTyGlcdzabySa9vd0Xt392U0rVmz9poOaBj0uHJKyyo9/upk0HrEQew== +picocolors@^1.1.0: + version "1.1.1" + resolved "https://registry.yarnpkg.com/picocolors/-/picocolors-1.1.1.tgz#3d321af3eab939b083c8f929a1d12cda81c26b6b" + integrity sha512-xceH2snhtb5M9liqDsmEw56le376mTZkEX/jEb/RxNFyegNul7eNslCXP9FDj/Lcu0X8KEyMceP2ntpaHrDEVA== + picomatch@^2.0.4, picomatch@^2.2.1, picomatch@^2.2.2, picomatch@^2.2.3, picomatch@^2.3.0, picomatch@^2.3.1: version "2.3.1" resolved "https://registry.yarnpkg.com/picomatch/-/picomatch-2.3.1.tgz#3ba3833733646d9d3e4995946c1365a67fb07a42" @@ -21567,7 +21862,7 @@ prettier-plugin-package@^1.3.0: resolved "https://registry.yarnpkg.com/prettier-plugin-package/-/prettier-plugin-package-1.4.0.tgz#cd5843bce8c397ae1cefcbff1d5f2083a754219f" integrity sha512-jy8UjgHadyznzWfunyjPQPqE2Y92TVF3Q0O829X6pk/ARoKn0vtSu+mtKIsmikZYb2N50mV6vRIqCf19XdOdIg== -prettier@^2.8.0: +prettier@^2.7.1, prettier@^2.8.0: version "2.8.8" resolved "https://registry.yarnpkg.com/prettier/-/prettier-2.8.8.tgz#e8c5d7e98a4305ffe3de2e1fc4aca1a71c28b1da" integrity sha512-tdN8qQGvNjw4CHbY+XXk0JgCXn9QiF21a55rBe5LJAU+kDyC4WQn4+awm2Xfk2lQMk5fKup9XgzTZtGkjBdP9Q== @@ -22181,6 +22476,16 @@ read-pkg@^9.0.0: type-fest "^4.6.0" unicorn-magic "^0.1.0" +read-yaml-file@^1.1.0: + version "1.1.0" + resolved "https://registry.yarnpkg.com/read-yaml-file/-/read-yaml-file-1.1.0.tgz#9362bbcbdc77007cc8ea4519fe1c0b821a7ce0d8" + integrity sha512-VIMnQi/Z4HT2Fxuwg5KrY174U1VdUIASQVWXXyqtNRtxSr9IYkn1rsI6Tb6HsrHCmB7gVpNwX6JxPTHcH6IoTA== + dependencies: + graceful-fs "^4.1.5" + js-yaml "^3.6.1" + pify "^4.0.1" + strip-bom "^3.0.0" + read@^2.0.0: version "2.1.0" resolved "https://registry.yarnpkg.com/read/-/read-2.1.0.tgz#69409372c54fe3381092bc363a00650b6ac37218" @@ -23598,13 +23903,6 @@ sort-keys@^2.0.0: dependencies: is-plain-obj "^1.0.0" -sort-keys@^4.0.0: - version "4.2.0" - resolved "https://registry.yarnpkg.com/sort-keys/-/sort-keys-4.2.0.tgz#6b7638cee42c506fff8c1cecde7376d21315be18" - integrity sha512-aUYIEU/UviqPgc8mHR6IW1EGxkAXpeRETYcrzg8cLAvUPZcpAlleSXHV2mY7G12GphSH6Gzv+4MMVSSkbdteHg== - dependencies: - is-plain-obj "^2.0.0" - source-map-js@^1.0.1, source-map-js@^1.0.2, source-map-js@^1.2.0: version "1.2.0" resolved "https://registry.yarnpkg.com/source-map-js/-/source-map-js-1.2.0.tgz#16b809c162517b5b8c3e7dcd315a2a5c2612b2af" @@ -23663,6 +23961,14 @@ spawn-to-readstream@~0.1.3: limit-spawn "0.0.3" through2 "~0.4.1" +spawndamnit@^3.0.1: + version "3.0.1" + resolved "https://registry.yarnpkg.com/spawndamnit/-/spawndamnit-3.0.1.tgz#44410235d3dc4e21f8e4f740ae3266e4486c2aed" + integrity sha512-MmnduQUuHCoFckZoWnXsTg7JaiLBJrKFj9UI2MbRPGaJeVpsLcVBu6P/IGZovziM/YBsellCmsprgNA+w0CzVg== + dependencies: + cross-spawn "^7.0.5" + signal-exit "^4.0.1" + spdx-correct@^3.0.0: version "3.2.0" resolved "https://registry.yarnpkg.com/spdx-correct/-/spdx-correct-3.2.0.tgz#4f5ab0668f0059e34f9c00dce331784a12de4e9c" @@ -24636,6 +24942,11 @@ tempy@^1.0.1: type-fest "^0.16.0" unique-string "^2.0.0" +term-size@^2.1.0: + version "2.2.1" + resolved "https://registry.yarnpkg.com/term-size/-/term-size-2.2.1.tgz#2a6a54840432c2fb6320fea0f415531e90189f54" + integrity sha512-wK0Ri4fOGjv/XPy8SBHZChl8CM7uMc5VML7SqiQ0zG7+J5Vr+RMQDoHa2CNT6KHUnTGIXH34UDMkPzAUyapBZg== + terminal-link@3.0.0, terminal-link@^3.0.0: version "3.0.0" resolved "https://registry.yarnpkg.com/terminal-link/-/terminal-link-3.0.0.tgz#91c82a66b52fc1684123297ce384429faf72ac5c" @@ -25601,6 +25912,11 @@ universal-user-agent@^6.0.0: resolved "https://registry.yarnpkg.com/universal-user-agent/-/universal-user-agent-6.0.1.tgz#15f20f55da3c930c57bddbf1734c6654d5fd35aa" integrity sha512-yCzhz6FN2wU1NiiQRogkTQszlQSlpWaw8SvVegAc+bDxbzHgh1vX8uIe8OYyMH6DwH+sdTJsgMl36+mSMdRJIQ== +universalify@^0.1.0: + version "0.1.2" + resolved "https://registry.yarnpkg.com/universalify/-/universalify-0.1.2.tgz#b646f69be3942dabcecc9d6639c80dc105efaa66" + integrity sha512-rBJeI5CXAlmy1pV+617WB9J63U6XcazHHF2f2dbJix4XzpUF0RS3Zbj0FGIOCAva5P/d/GBOYaACQ1w+0azUkg== + universalify@^0.2.0: version "0.2.0" resolved "https://registry.yarnpkg.com/universalify/-/universalify-0.2.0.tgz#6451760566fa857534745ab1dde952d1b1761be0" @@ -26778,19 +27094,7 @@ write-json-file@^3.2.0: sort-keys "^2.0.0" write-file-atomic "^2.4.2" -write-json-file@^4.3.0: - version "4.3.0" - resolved "https://registry.yarnpkg.com/write-json-file/-/write-json-file-4.3.0.tgz#908493d6fd23225344af324016e4ca8f702dd12d" - integrity sha512-PxiShnxf0IlnQuMYOPPhPkhExoCQuTUNPOa/2JWCYTmBquU9njyyDuwRKN26IZBlp4yn1nt+Agh2HOOBl+55HQ== - dependencies: - detect-indent "^6.0.0" - graceful-fs "^4.1.15" - is-plain-obj "^2.0.0" - make-dir "^3.0.0" - sort-keys "^4.0.0" - write-file-atomic "^3.0.0" - -write-pkg@4.0.0, write-pkg@^4.0.0: +write-pkg@4.0.0: version "4.0.0" resolved "https://registry.yarnpkg.com/write-pkg/-/write-pkg-4.0.0.tgz#675cc04ef6c11faacbbc7771b24c0abbf2a20039" integrity sha512-v2UQ+50TNf2rNHJ8NyWttfm/EJUBWMJcx6ZTYZr6Qp52uuegWw/lBkCtCbnYZEmPRNL61m+u67dAmGxo+HTULA==