diff --git a/.changeset/lucky-knives-fold.md b/.changeset/lucky-knives-fold.md
new file mode 100644
index 0000000000..30afbb955d
--- /dev/null
+++ b/.changeset/lucky-knives-fold.md
@@ -0,0 +1,5 @@
+---
+"@hashicorp/design-system-tokens": patch
+---
+
+removed deprecated design tokens for old semantic colors
diff --git a/packages/components/tests/dummy/app/styles/pages/db-tokens.scss b/packages/components/tests/dummy/app/styles/pages/db-tokens.scss
index 5a52ecfa62..37793f6b93 100644
--- a/packages/components/tests/dummy/app/styles/pages/db-tokens.scss
+++ b/packages/components/tests/dummy/app/styles/pages/db-tokens.scss
@@ -120,7 +120,3 @@
@include dummyFontFamily();
font-size: 0.9em;
}
-
-.dummy-token__details-colors-notice {
- margin: 20px 0;
-}
\ No newline at end of file
diff --git a/packages/components/tests/dummy/app/templates/foundations/tokens.hbs b/packages/components/tests/dummy/app/templates/foundations/tokens.hbs
index 1fbe05ff18..7a2b65e809 100644
--- a/packages/components/tests/dummy/app/templates/foundations/tokens.hbs
+++ b/packages/components/tests/dummy/app/templates/foundations/tokens.hbs
@@ -49,19 +49,6 @@
{{#each-in this.groupedTokens as |category categoryList|}}
{{capitalize category}}
- {{#if (eq category "color")}}
-
-
🚨 IMPORTANT 🚨
-
- We have recently updated the "semantic" color tokens (ie.
- --token-color-success-foreground-primary
- has been renamed
- --token-color-foreground-success
). The old design tokens are still available
- but are deprecated (they are grayed out in the list below): check what is the new color token to use as
- alternative, and if none is available please contact the design system team.
-
-
- {{/if}}
{{#each categoryList as |token|}}
diff --git a/packages/tokens/dist/devdot/css/tokens.css b/packages/tokens/dist/devdot/css/tokens.css
index 88b4b40304..7bcffeb7b4 100644
--- a/packages/tokens/dist/devdot/css/tokens.css
+++ b/packages/tokens/dist/devdot/css/tokens.css
@@ -1,6 +1,6 @@
/**
* Do not edit directly
- * Generated on Thu, 31 Mar 2022 09:28:32 GMT
+ * Generated on Mon, 30 May 2022 11:19:24 GMT
*/
:root {
@@ -46,61 +46,6 @@
--token-color-palette-alpha-300: #3b3d4566;
--token-color-palette-alpha-200: #656a7633;
--token-color-palette-alpha-100: #656a761a;
- --token-color-action-foreground-primary: #1060ff; /* deprecated: replace with 'color-foreground-action' */
- --token-color-action-foreground-on-faint: #0c56e9; /* deprecated: please speak with the HDS team to decide which color to use as alternative' */
- --token-color-action-foreground-high-contrast: #1c345f; /* deprecated: please speak with the HDS team to decide which color to use as alternative */
- --token-color-action-background-primary: #1060ff; /* deprecated: please speak with the HDS team to decide which color to use as alternative */
- --token-color-action-background-hover: #0c56e9; /* deprecated: please speak with the HDS team to decide which color to use as alternative */
- --token-color-action-background-active: #0046d1; /* deprecated: please speak with the HDS team to decide which color to use as alternative */
- --token-color-action-background-faint: #f2f8ff; /* deprecated: replace with 'color-surface-action' */
- --token-color-action-border-primary: #1060ff; /* deprecated: please speak with the HDS team to decide which color to use as alternative */
- --token-color-action-border-on-primary: #0c56e9; /* deprecated: please speak with the HDS team to decide which color to use as alternative */
- --token-color-action-border-on-hover: #0046d1; /* deprecated: please speak with the HDS team to decide which color to use as alternative */
- --token-color-action-border-on-faint: #cce3fe; /* deprecated: replace with 'color-border-action' */
- --token-color-highlight-foreground-primary: #a737ff; /* deprecated: replace with 'color-foreground-highlight' */
- --token-color-highlight-foreground-on-faint: #911ced; /* deprecated: replace with 'color-foreground-highlight-on-surface' */
- --token-color-highlight-foreground-high-contrast: #42215b; /* deprecated: replace with 'color-highlight-high-contrast' */
- --token-color-highlight-background-primary: #a737ff; /* deprecated: please speak with the HDS team to decide which color to use as alternative */
- --token-color-highlight-background-hover: #911ced; /* deprecated: please speak with the HDS team to decide which color to use as alternative */
- --token-color-highlight-background-active: #7b00db; /* deprecated: please speak with the HDS team to decide which color to use as alternative */
- --token-color-highlight-background-faint: #f9f2ff; /* deprecated: replace with 'color-surface-highlight' */
- --token-color-highlight-border-primary: #a737ff; /* deprecated: please speak with the HDS team to decide which color to use as alternative */
- --token-color-highlight-border-on-primary: #911ced; /* deprecated: please speak with the HDS team to decide which color to use as alternative */
- --token-color-highlight-border-on-hover: #7b00db; /* deprecated: please speak with the HDS team to decide which color to use as alternative */
- --token-color-highlight-border-on-faint: #ead2fe; /* deprecated: replace with 'color-border-highlight' */
- --token-color-success-foreground-primary: #008a22; /* deprecated: replace with 'color-foreground-success' */
- --token-color-success-foreground-on-faint: #00781e; /* deprecated: replace with 'color-foreground-success-on-surface' */
- --token-color-success-foreground-high-contrast: #054220; /* deprecated: replace with 'color-foreground-success-high-contrast' */
- --token-color-success-background-primary: #008a22; /* deprecated: please speak with the HDS team to decide which color to use as alternative */
- --token-color-success-background-hover: #00781e; /* deprecated: please speak with the HDS team to decide which color to use as alternative */
- --token-color-success-background-active: #006619; /* deprecated: please speak with the HDS team to decide which color to use as alternative */
- --token-color-success-background-faint: #f2fbf6; /* deprecated: replace with 'color-surface-success' */
- --token-color-success-border-primary: #008a22; /* deprecated: please speak with the HDS team to decide which color to use as alternative */
- --token-color-success-border-on-primary: #00781e; /* deprecated: please speak with the HDS team to decide which color to use as alternative */
- --token-color-success-border-on-hover: #006619; /* deprecated: please speak with the HDS team to decide which color to use as alternative */
- --token-color-success-border-on-faint: #cceeda; /* deprecated: replace with 'color-border-success' */
- --token-color-warning-foreground-primary: #bb5a00; /* deprecated: replace with 'color-foreground-warning' */
- --token-color-warning-foreground-on-faint: #9e4b00; /* deprecated: replace with 'color-foreground-warning-on-surface' */
- --token-color-warning-foreground-high-contrast: #542800; /* deprecated: replace with 'color-foreground-warning-high-contrast' */
- --token-color-warning-background-primary: #bb5a00; /* deprecated: please speak with the HDS team to decide which color to use as alternative */
- --token-color-warning-background-hover: #9e4b00; /* deprecated: please speak with the HDS team to decide which color to use as alternative */
- --token-color-warning-background-active: #803d00; /* deprecated: please speak with the HDS team to decide which color to use as alternative */
- --token-color-warning-background-faint: #fff9e8; /* deprecated: replace with 'color-surface-warning' */
- --token-color-warning-border-primary: #bb5a00; /* deprecated: please speak with the HDS team to decide which color to use as alternative */
- --token-color-warning-border-on-primary: #9e4b00; /* deprecated: please speak with the HDS team to decide which color to use as alternative */
- --token-color-warning-border-on-hover: #803d00; /* deprecated: please speak with the HDS team to decide which color to use as alternative */
- --token-color-warning-border-on-faint: #fbeabf; /* deprecated: replace with 'color-border-warning' */
- --token-color-critical-foreground-primary: #e52228; /* deprecated: replace with 'color-foreground-critical' */
- --token-color-critical-foreground-on-faint: #c00005; /* deprecated: replace with 'color-foreground-critical-on-surface' */
- --token-color-critical-foreground-high-contrast: #51130a; /* deprecated: replace with 'color-foreground-critical-high-contrast' */
- --token-color-critical-background-primary: #e52228; /* deprecated: please speak with the HDS team to decide which color to use as alternative */
- --token-color-critical-background-hover: #c00005; /* deprecated: please speak with the HDS team to decide which color to use as alternative */
- --token-color-critical-background-active: #940004; /* deprecated: please speak with the HDS team to decide which color to use as alternative */
- --token-color-critical-background-faint: #fff5f5; /* deprecated: replace with 'color-surface-critical' */
- --token-color-critical-border-primary: #e52228; /* deprecated: please speak with the HDS team to decide which color to use as alternative */
- --token-color-critical-border-on-primary: #c00005; /* deprecated: please speak with the HDS team to decide which color to use as alternative */
- --token-color-critical-border-on-hover: #940004; /* deprecated: please speak with the HDS team to decide which color to use as alternative */
- --token-color-critical-border-on-faint: #fbd4d4; /* deprecated: replace with 'color-border-critical' */
--token-color-border-primary: #656a7633;
--token-color-border-faint: #656a761a;
--token-color-border-strong: #3b3d4566;
@@ -135,15 +80,6 @@
--token-color-foreground-critical-high-contrast: #51130a;
--token-color-foreground-action-visited: #a737ff; /* This extra color is unique for the DevDot platform (the 'visited' state of a link is not differentiated in the products applications). */
--token-color-foreground-action-visited-hover: #7b00db; /* This extra color is unique for the DevDot platform (the 'visited+hover' state of a link is not differentiated in the products applications). */
- --token-color-neutral-foreground-primary: #0c0c0e; /* deprecated: replace with 'token-color-foreground-strong' */
- --token-color-neutral-foreground-secondary: #3b3d45; /* deprecated: replace with 'token-color-foreground-primary' */
- --token-color-neutral-foreground-faint: #656a76; /* deprecated: replace with 'token-color-foreground-faint' */
- --token-color-neutral-background-primary: #ffffff; /* deprecated: replace with 'token-color-surface-primary' */
- --token-color-neutral-background-secondary: #fafafa; /* deprecated: replace with 'token-color-surface-faint' */
- --token-color-neutral-background-base: #ffffff; /* deprecated: replace with 'token-color-surface-primary' */
- --token-color-neutral-border-primary: #656a7633; /* deprecated: replace with 'token-color-border-primary' */
- --token-color-neutral-border-faint: #656a761a; /* deprecated: replace with 'token-color-border-faint' */
- --token-color-neutral-border-strong: #3b3d4566; /* deprecated: replace with 'token-color-border-strong' */
--token-color-page-primary: #ffffff;
--token-color-page-faint: #fafafa;
--token-color-surface-primary: #ffffff;
diff --git a/packages/tokens/dist/docs/devdot/tokens.json b/packages/tokens/dist/docs/devdot/tokens.json
index e0222b0656..07edc71209 100644
--- a/packages/tokens/dist/docs/devdot/tokens.json
+++ b/packages/tokens/dist/docs/devdot/tokens.json
@@ -887,1381 +887,6 @@
"alpha-100"
]
},
- {
- "value": "#1060ff",
- "type": "color",
- "deprecated": true,
- "comment": "deprecated: replace with 'color-foreground-action'",
- "original": {
- "value": "{color.palette.blue-200.value}",
- "type": "color",
- "deprecated": true,
- "comment": "deprecated: replace with 'color-foreground-action'"
- },
- "name": "token-color-action-foreground-primary",
- "attributes": {
- "category": "color",
- "type": "action",
- "item": "foreground",
- "subitem": "primary"
- },
- "path": [
- "color",
- "action",
- "foreground",
- "primary"
- ]
- },
- {
- "value": "#0c56e9",
- "type": "color",
- "deprecated": true,
- "comment": "deprecated: please speak with the HDS team to decide which color to use as alternative'",
- "original": {
- "value": "{color.palette.blue-300.value}",
- "type": "color",
- "deprecated": true,
- "comment": "deprecated: please speak with the HDS team to decide which color to use as alternative'"
- },
- "name": "token-color-action-foreground-on-faint",
- "attributes": {
- "category": "color",
- "type": "action",
- "item": "foreground",
- "subitem": "on-faint"
- },
- "path": [
- "color",
- "action",
- "foreground",
- "on-faint"
- ]
- },
- {
- "value": "#1c345f",
- "type": "color",
- "deprecated": true,
- "comment": "deprecated: please speak with the HDS team to decide which color to use as alternative",
- "original": {
- "value": "{color.palette.blue-500.value}",
- "type": "color",
- "deprecated": true,
- "comment": "deprecated: please speak with the HDS team to decide which color to use as alternative"
- },
- "name": "token-color-action-foreground-high-contrast",
- "attributes": {
- "category": "color",
- "type": "action",
- "item": "foreground",
- "subitem": "high-contrast"
- },
- "path": [
- "color",
- "action",
- "foreground",
- "high-contrast"
- ]
- },
- {
- "value": "#1060ff",
- "type": "color",
- "deprecated": true,
- "comment": "deprecated: please speak with the HDS team to decide which color to use as alternative",
- "original": {
- "value": "{color.palette.blue-200.value}",
- "type": "color",
- "deprecated": true,
- "comment": "deprecated: please speak with the HDS team to decide which color to use as alternative"
- },
- "name": "token-color-action-background-primary",
- "attributes": {
- "category": "color",
- "type": "action",
- "item": "background",
- "subitem": "primary"
- },
- "path": [
- "color",
- "action",
- "background",
- "primary"
- ]
- },
- {
- "value": "#0c56e9",
- "type": "color",
- "deprecated": true,
- "comment": "deprecated: please speak with the HDS team to decide which color to use as alternative",
- "original": {
- "value": "{color.palette.blue-300.value}",
- "type": "color",
- "deprecated": true,
- "comment": "deprecated: please speak with the HDS team to decide which color to use as alternative"
- },
- "name": "token-color-action-background-hover",
- "attributes": {
- "category": "color",
- "type": "action",
- "item": "background",
- "subitem": "hover"
- },
- "path": [
- "color",
- "action",
- "background",
- "hover"
- ]
- },
- {
- "value": "#0046d1",
- "type": "color",
- "deprecated": true,
- "comment": "deprecated: please speak with the HDS team to decide which color to use as alternative",
- "original": {
- "value": "{color.palette.blue-400.value}",
- "type": "color",
- "deprecated": true,
- "comment": "deprecated: please speak with the HDS team to decide which color to use as alternative"
- },
- "name": "token-color-action-background-active",
- "attributes": {
- "category": "color",
- "type": "action",
- "item": "background",
- "subitem": "active"
- },
- "path": [
- "color",
- "action",
- "background",
- "active"
- ]
- },
- {
- "value": "#f2f8ff",
- "type": "color",
- "deprecated": true,
- "comment": "deprecated: replace with 'color-surface-action'",
- "original": {
- "value": "{color.palette.blue-50.value}",
- "type": "color",
- "deprecated": true,
- "comment": "deprecated: replace with 'color-surface-action'"
- },
- "name": "token-color-action-background-faint",
- "attributes": {
- "category": "color",
- "type": "action",
- "item": "background",
- "subitem": "faint"
- },
- "path": [
- "color",
- "action",
- "background",
- "faint"
- ]
- },
- {
- "value": "#1060ff",
- "type": "color",
- "deprecated": true,
- "comment": "deprecated: please speak with the HDS team to decide which color to use as alternative",
- "original": {
- "value": "{color.palette.blue-200.value}",
- "type": "color",
- "deprecated": true,
- "comment": "deprecated: please speak with the HDS team to decide which color to use as alternative"
- },
- "name": "token-color-action-border-primary",
- "attributes": {
- "category": "color",
- "type": "action",
- "item": "border",
- "subitem": "primary"
- },
- "path": [
- "color",
- "action",
- "border",
- "primary"
- ]
- },
- {
- "value": "#0c56e9",
- "type": "color",
- "deprecated": true,
- "comment": "deprecated: please speak with the HDS team to decide which color to use as alternative",
- "original": {
- "value": "{color.palette.blue-300.value}",
- "type": "color",
- "deprecated": true,
- "comment": "deprecated: please speak with the HDS team to decide which color to use as alternative"
- },
- "name": "token-color-action-border-on-primary",
- "attributes": {
- "category": "color",
- "type": "action",
- "item": "border",
- "subitem": "on-primary"
- },
- "path": [
- "color",
- "action",
- "border",
- "on-primary"
- ]
- },
- {
- "value": "#0046d1",
- "type": "color",
- "deprecated": true,
- "comment": "deprecated: please speak with the HDS team to decide which color to use as alternative",
- "original": {
- "value": "{color.palette.blue-400.value}",
- "type": "color",
- "deprecated": true,
- "comment": "deprecated: please speak with the HDS team to decide which color to use as alternative"
- },
- "name": "token-color-action-border-on-hover",
- "attributes": {
- "category": "color",
- "type": "action",
- "item": "border",
- "subitem": "on-hover"
- },
- "path": [
- "color",
- "action",
- "border",
- "on-hover"
- ]
- },
- {
- "value": "#cce3fe",
- "type": "color",
- "deprecated": true,
- "comment": "deprecated: replace with 'color-border-action'",
- "original": {
- "value": "{color.palette.blue-100.value}",
- "type": "color",
- "deprecated": true,
- "comment": "deprecated: replace with 'color-border-action'"
- },
- "name": "token-color-action-border-on-faint",
- "attributes": {
- "category": "color",
- "type": "action",
- "item": "border",
- "subitem": "on-faint"
- },
- "path": [
- "color",
- "action",
- "border",
- "on-faint"
- ]
- },
- {
- "value": "#a737ff",
- "type": "color",
- "deprecated": true,
- "comment": "deprecated: replace with 'color-foreground-highlight'",
- "original": {
- "value": "{color.palette.purple-200.value}",
- "type": "color",
- "deprecated": true,
- "comment": "deprecated: replace with 'color-foreground-highlight'"
- },
- "name": "token-color-highlight-foreground-primary",
- "attributes": {
- "category": "color",
- "type": "highlight",
- "item": "foreground",
- "subitem": "primary"
- },
- "path": [
- "color",
- "highlight",
- "foreground",
- "primary"
- ]
- },
- {
- "value": "#911ced",
- "type": "color",
- "deprecated": true,
- "comment": "deprecated: replace with 'color-foreground-highlight-on-surface'",
- "original": {
- "value": "{color.palette.purple-300.value}",
- "type": "color",
- "deprecated": true,
- "comment": "deprecated: replace with 'color-foreground-highlight-on-surface'"
- },
- "name": "token-color-highlight-foreground-on-faint",
- "attributes": {
- "category": "color",
- "type": "highlight",
- "item": "foreground",
- "subitem": "on-faint"
- },
- "path": [
- "color",
- "highlight",
- "foreground",
- "on-faint"
- ]
- },
- {
- "value": "#42215b",
- "type": "color",
- "deprecated": true,
- "comment": "deprecated: replace with 'color-highlight-high-contrast'",
- "original": {
- "value": "{color.palette.purple-500.value}",
- "type": "color",
- "deprecated": true,
- "comment": "deprecated: replace with 'color-highlight-high-contrast'"
- },
- "name": "token-color-highlight-foreground-high-contrast",
- "attributes": {
- "category": "color",
- "type": "highlight",
- "item": "foreground",
- "subitem": "high-contrast"
- },
- "path": [
- "color",
- "highlight",
- "foreground",
- "high-contrast"
- ]
- },
- {
- "value": "#a737ff",
- "type": "color",
- "deprecated": true,
- "comment": "deprecated: please speak with the HDS team to decide which color to use as alternative",
- "original": {
- "value": "{color.palette.purple-200.value}",
- "type": "color",
- "deprecated": true,
- "comment": "deprecated: please speak with the HDS team to decide which color to use as alternative"
- },
- "name": "token-color-highlight-background-primary",
- "attributes": {
- "category": "color",
- "type": "highlight",
- "item": "background",
- "subitem": "primary"
- },
- "path": [
- "color",
- "highlight",
- "background",
- "primary"
- ]
- },
- {
- "value": "#911ced",
- "type": "color",
- "deprecated": true,
- "comment": "deprecated: please speak with the HDS team to decide which color to use as alternative",
- "original": {
- "value": "{color.palette.purple-300.value}",
- "type": "color",
- "deprecated": true,
- "comment": "deprecated: please speak with the HDS team to decide which color to use as alternative"
- },
- "name": "token-color-highlight-background-hover",
- "attributes": {
- "category": "color",
- "type": "highlight",
- "item": "background",
- "subitem": "hover"
- },
- "path": [
- "color",
- "highlight",
- "background",
- "hover"
- ]
- },
- {
- "value": "#7b00db",
- "type": "color",
- "deprecated": true,
- "comment": "deprecated: please speak with the HDS team to decide which color to use as alternative",
- "original": {
- "value": "{color.palette.purple-400.value}",
- "type": "color",
- "deprecated": true,
- "comment": "deprecated: please speak with the HDS team to decide which color to use as alternative"
- },
- "name": "token-color-highlight-background-active",
- "attributes": {
- "category": "color",
- "type": "highlight",
- "item": "background",
- "subitem": "active"
- },
- "path": [
- "color",
- "highlight",
- "background",
- "active"
- ]
- },
- {
- "value": "#f9f2ff",
- "type": "color",
- "deprecated": true,
- "comment": "deprecated: replace with 'color-surface-highlight'",
- "original": {
- "value": "{color.palette.purple-50.value}",
- "type": "color",
- "deprecated": true,
- "comment": "deprecated: replace with 'color-surface-highlight'"
- },
- "name": "token-color-highlight-background-faint",
- "attributes": {
- "category": "color",
- "type": "highlight",
- "item": "background",
- "subitem": "faint"
- },
- "path": [
- "color",
- "highlight",
- "background",
- "faint"
- ]
- },
- {
- "value": "#a737ff",
- "type": "color",
- "deprecated": true,
- "comment": "deprecated: please speak with the HDS team to decide which color to use as alternative",
- "original": {
- "value": "{color.palette.purple-200.value}",
- "type": "color",
- "deprecated": true,
- "comment": "deprecated: please speak with the HDS team to decide which color to use as alternative"
- },
- "name": "token-color-highlight-border-primary",
- "attributes": {
- "category": "color",
- "type": "highlight",
- "item": "border",
- "subitem": "primary"
- },
- "path": [
- "color",
- "highlight",
- "border",
- "primary"
- ]
- },
- {
- "value": "#911ced",
- "type": "color",
- "deprecated": true,
- "comment": "deprecated: please speak with the HDS team to decide which color to use as alternative",
- "original": {
- "value": "{color.palette.purple-300.value}",
- "type": "color",
- "deprecated": true,
- "comment": "deprecated: please speak with the HDS team to decide which color to use as alternative"
- },
- "name": "token-color-highlight-border-on-primary",
- "attributes": {
- "category": "color",
- "type": "highlight",
- "item": "border",
- "subitem": "on-primary"
- },
- "path": [
- "color",
- "highlight",
- "border",
- "on-primary"
- ]
- },
- {
- "value": "#7b00db",
- "type": "color",
- "deprecated": true,
- "comment": "deprecated: please speak with the HDS team to decide which color to use as alternative",
- "original": {
- "value": "{color.palette.purple-400.value}",
- "type": "color",
- "deprecated": true,
- "comment": "deprecated: please speak with the HDS team to decide which color to use as alternative"
- },
- "name": "token-color-highlight-border-on-hover",
- "attributes": {
- "category": "color",
- "type": "highlight",
- "item": "border",
- "subitem": "on-hover"
- },
- "path": [
- "color",
- "highlight",
- "border",
- "on-hover"
- ]
- },
- {
- "value": "#ead2fe",
- "type": "color",
- "deprecated": true,
- "comment": "deprecated: replace with 'color-border-highlight'",
- "original": {
- "value": "{color.palette.purple-100.value}",
- "type": "color",
- "deprecated": true,
- "comment": "deprecated: replace with 'color-border-highlight'"
- },
- "name": "token-color-highlight-border-on-faint",
- "attributes": {
- "category": "color",
- "type": "highlight",
- "item": "border",
- "subitem": "on-faint"
- },
- "path": [
- "color",
- "highlight",
- "border",
- "on-faint"
- ]
- },
- {
- "value": "#008a22",
- "type": "color",
- "deprecated": true,
- "comment": "deprecated: replace with 'color-foreground-success'",
- "original": {
- "value": "{color.palette.green-200.value}",
- "type": "color",
- "deprecated": true,
- "comment": "deprecated: replace with 'color-foreground-success'"
- },
- "name": "token-color-success-foreground-primary",
- "attributes": {
- "category": "color",
- "type": "success",
- "item": "foreground",
- "subitem": "primary"
- },
- "path": [
- "color",
- "success",
- "foreground",
- "primary"
- ]
- },
- {
- "value": "#00781e",
- "type": "color",
- "deprecated": true,
- "comment": "deprecated: replace with 'color-foreground-success-on-surface'",
- "original": {
- "value": "{color.palette.green-300.value}",
- "type": "color",
- "deprecated": true,
- "comment": "deprecated: replace with 'color-foreground-success-on-surface'"
- },
- "name": "token-color-success-foreground-on-faint",
- "attributes": {
- "category": "color",
- "type": "success",
- "item": "foreground",
- "subitem": "on-faint"
- },
- "path": [
- "color",
- "success",
- "foreground",
- "on-faint"
- ]
- },
- {
- "value": "#054220",
- "type": "color",
- "deprecated": true,
- "comment": "deprecated: replace with 'color-foreground-success-high-contrast'",
- "original": {
- "value": "{color.palette.green-500.value}",
- "type": "color",
- "deprecated": true,
- "comment": "deprecated: replace with 'color-foreground-success-high-contrast'"
- },
- "name": "token-color-success-foreground-high-contrast",
- "attributes": {
- "category": "color",
- "type": "success",
- "item": "foreground",
- "subitem": "high-contrast"
- },
- "path": [
- "color",
- "success",
- "foreground",
- "high-contrast"
- ]
- },
- {
- "value": "#008a22",
- "type": "color",
- "deprecated": true,
- "comment": "deprecated: please speak with the HDS team to decide which color to use as alternative",
- "original": {
- "value": "{color.palette.green-200.value}",
- "type": "color",
- "deprecated": true,
- "comment": "deprecated: please speak with the HDS team to decide which color to use as alternative"
- },
- "name": "token-color-success-background-primary",
- "attributes": {
- "category": "color",
- "type": "success",
- "item": "background",
- "subitem": "primary"
- },
- "path": [
- "color",
- "success",
- "background",
- "primary"
- ]
- },
- {
- "value": "#00781e",
- "type": "color",
- "deprecated": true,
- "comment": "deprecated: please speak with the HDS team to decide which color to use as alternative",
- "original": {
- "value": "{color.palette.green-300.value}",
- "type": "color",
- "deprecated": true,
- "comment": "deprecated: please speak with the HDS team to decide which color to use as alternative"
- },
- "name": "token-color-success-background-hover",
- "attributes": {
- "category": "color",
- "type": "success",
- "item": "background",
- "subitem": "hover"
- },
- "path": [
- "color",
- "success",
- "background",
- "hover"
- ]
- },
- {
- "value": "#006619",
- "type": "color",
- "deprecated": true,
- "comment": "deprecated: please speak with the HDS team to decide which color to use as alternative",
- "original": {
- "value": "{color.palette.green-400.value}",
- "type": "color",
- "deprecated": true,
- "comment": "deprecated: please speak with the HDS team to decide which color to use as alternative"
- },
- "name": "token-color-success-background-active",
- "attributes": {
- "category": "color",
- "type": "success",
- "item": "background",
- "subitem": "active"
- },
- "path": [
- "color",
- "success",
- "background",
- "active"
- ]
- },
- {
- "value": "#f2fbf6",
- "type": "color",
- "deprecated": true,
- "comment": "deprecated: replace with 'color-surface-success'",
- "original": {
- "value": "{color.palette.green-50.value}",
- "type": "color",
- "deprecated": true,
- "comment": "deprecated: replace with 'color-surface-success'"
- },
- "name": "token-color-success-background-faint",
- "attributes": {
- "category": "color",
- "type": "success",
- "item": "background",
- "subitem": "faint"
- },
- "path": [
- "color",
- "success",
- "background",
- "faint"
- ]
- },
- {
- "value": "#008a22",
- "type": "color",
- "deprecated": true,
- "comment": "deprecated: please speak with the HDS team to decide which color to use as alternative",
- "original": {
- "value": "{color.palette.green-200.value}",
- "type": "color",
- "deprecated": true,
- "comment": "deprecated: please speak with the HDS team to decide which color to use as alternative"
- },
- "name": "token-color-success-border-primary",
- "attributes": {
- "category": "color",
- "type": "success",
- "item": "border",
- "subitem": "primary"
- },
- "path": [
- "color",
- "success",
- "border",
- "primary"
- ]
- },
- {
- "value": "#00781e",
- "type": "color",
- "deprecated": true,
- "comment": "deprecated: please speak with the HDS team to decide which color to use as alternative",
- "original": {
- "value": "{color.palette.green-300.value}",
- "type": "color",
- "deprecated": true,
- "comment": "deprecated: please speak with the HDS team to decide which color to use as alternative"
- },
- "name": "token-color-success-border-on-primary",
- "attributes": {
- "category": "color",
- "type": "success",
- "item": "border",
- "subitem": "on-primary"
- },
- "path": [
- "color",
- "success",
- "border",
- "on-primary"
- ]
- },
- {
- "value": "#006619",
- "type": "color",
- "deprecated": true,
- "comment": "deprecated: please speak with the HDS team to decide which color to use as alternative",
- "original": {
- "value": "{color.palette.green-400.value}",
- "type": "color",
- "deprecated": true,
- "comment": "deprecated: please speak with the HDS team to decide which color to use as alternative"
- },
- "name": "token-color-success-border-on-hover",
- "attributes": {
- "category": "color",
- "type": "success",
- "item": "border",
- "subitem": "on-hover"
- },
- "path": [
- "color",
- "success",
- "border",
- "on-hover"
- ]
- },
- {
- "value": "#cceeda",
- "type": "color",
- "deprecated": true,
- "comment": "deprecated: replace with 'color-border-success'",
- "original": {
- "value": "{color.palette.green-100.value}",
- "type": "color",
- "deprecated": true,
- "comment": "deprecated: replace with 'color-border-success'"
- },
- "name": "token-color-success-border-on-faint",
- "attributes": {
- "category": "color",
- "type": "success",
- "item": "border",
- "subitem": "on-faint"
- },
- "path": [
- "color",
- "success",
- "border",
- "on-faint"
- ]
- },
- {
- "value": "#bb5a00",
- "type": "color",
- "deprecated": true,
- "comment": "deprecated: replace with 'color-foreground-warning'",
- "original": {
- "value": "{color.palette.amber-200.value}",
- "type": "color",
- "deprecated": true,
- "comment": "deprecated: replace with 'color-foreground-warning'"
- },
- "name": "token-color-warning-foreground-primary",
- "attributes": {
- "category": "color",
- "type": "warning",
- "item": "foreground",
- "subitem": "primary"
- },
- "path": [
- "color",
- "warning",
- "foreground",
- "primary"
- ]
- },
- {
- "value": "#9e4b00",
- "type": "color",
- "deprecated": true,
- "comment": "deprecated: replace with 'color-foreground-warning-on-surface'",
- "original": {
- "value": "{color.palette.amber-300.value}",
- "type": "color",
- "deprecated": true,
- "comment": "deprecated: replace with 'color-foreground-warning-on-surface'"
- },
- "name": "token-color-warning-foreground-on-faint",
- "attributes": {
- "category": "color",
- "type": "warning",
- "item": "foreground",
- "subitem": "on-faint"
- },
- "path": [
- "color",
- "warning",
- "foreground",
- "on-faint"
- ]
- },
- {
- "value": "#542800",
- "type": "color",
- "deprecated": true,
- "comment": "deprecated: replace with 'color-foreground-warning-high-contrast'",
- "original": {
- "value": "{color.palette.amber-500.value}",
- "type": "color",
- "deprecated": true,
- "comment": "deprecated: replace with 'color-foreground-warning-high-contrast'"
- },
- "name": "token-color-warning-foreground-high-contrast",
- "attributes": {
- "category": "color",
- "type": "warning",
- "item": "foreground",
- "subitem": "high-contrast"
- },
- "path": [
- "color",
- "warning",
- "foreground",
- "high-contrast"
- ]
- },
- {
- "value": "#bb5a00",
- "type": "color",
- "deprecated": true,
- "comment": "deprecated: please speak with the HDS team to decide which color to use as alternative",
- "original": {
- "value": "{color.palette.amber-200.value}",
- "type": "color",
- "deprecated": true,
- "comment": "deprecated: please speak with the HDS team to decide which color to use as alternative"
- },
- "name": "token-color-warning-background-primary",
- "attributes": {
- "category": "color",
- "type": "warning",
- "item": "background",
- "subitem": "primary"
- },
- "path": [
- "color",
- "warning",
- "background",
- "primary"
- ]
- },
- {
- "value": "#9e4b00",
- "type": "color",
- "deprecated": true,
- "comment": "deprecated: please speak with the HDS team to decide which color to use as alternative",
- "original": {
- "value": "{color.palette.amber-300.value}",
- "type": "color",
- "deprecated": true,
- "comment": "deprecated: please speak with the HDS team to decide which color to use as alternative"
- },
- "name": "token-color-warning-background-hover",
- "attributes": {
- "category": "color",
- "type": "warning",
- "item": "background",
- "subitem": "hover"
- },
- "path": [
- "color",
- "warning",
- "background",
- "hover"
- ]
- },
- {
- "value": "#803d00",
- "type": "color",
- "deprecated": true,
- "comment": "deprecated: please speak with the HDS team to decide which color to use as alternative",
- "original": {
- "value": "{color.palette.amber-400.value}",
- "type": "color",
- "deprecated": true,
- "comment": "deprecated: please speak with the HDS team to decide which color to use as alternative"
- },
- "name": "token-color-warning-background-active",
- "attributes": {
- "category": "color",
- "type": "warning",
- "item": "background",
- "subitem": "active"
- },
- "path": [
- "color",
- "warning",
- "background",
- "active"
- ]
- },
- {
- "value": "#fff9e8",
- "type": "color",
- "deprecated": true,
- "comment": "deprecated: replace with 'color-surface-warning'",
- "original": {
- "value": "{color.palette.amber-50.value}",
- "type": "color",
- "deprecated": true,
- "comment": "deprecated: replace with 'color-surface-warning'"
- },
- "name": "token-color-warning-background-faint",
- "attributes": {
- "category": "color",
- "type": "warning",
- "item": "background",
- "subitem": "faint"
- },
- "path": [
- "color",
- "warning",
- "background",
- "faint"
- ]
- },
- {
- "value": "#bb5a00",
- "type": "color",
- "deprecated": true,
- "comment": "deprecated: please speak with the HDS team to decide which color to use as alternative",
- "original": {
- "value": "{color.palette.amber-200.value}",
- "type": "color",
- "deprecated": true,
- "comment": "deprecated: please speak with the HDS team to decide which color to use as alternative"
- },
- "name": "token-color-warning-border-primary",
- "attributes": {
- "category": "color",
- "type": "warning",
- "item": "border",
- "subitem": "primary"
- },
- "path": [
- "color",
- "warning",
- "border",
- "primary"
- ]
- },
- {
- "value": "#9e4b00",
- "type": "color",
- "deprecated": true,
- "comment": "deprecated: please speak with the HDS team to decide which color to use as alternative",
- "original": {
- "value": "{color.palette.amber-300.value}",
- "type": "color",
- "deprecated": true,
- "comment": "deprecated: please speak with the HDS team to decide which color to use as alternative"
- },
- "name": "token-color-warning-border-on-primary",
- "attributes": {
- "category": "color",
- "type": "warning",
- "item": "border",
- "subitem": "on-primary"
- },
- "path": [
- "color",
- "warning",
- "border",
- "on-primary"
- ]
- },
- {
- "value": "#803d00",
- "type": "color",
- "deprecated": true,
- "comment": "deprecated: please speak with the HDS team to decide which color to use as alternative",
- "original": {
- "value": "{color.palette.amber-400.value}",
- "type": "color",
- "deprecated": true,
- "comment": "deprecated: please speak with the HDS team to decide which color to use as alternative"
- },
- "name": "token-color-warning-border-on-hover",
- "attributes": {
- "category": "color",
- "type": "warning",
- "item": "border",
- "subitem": "on-hover"
- },
- "path": [
- "color",
- "warning",
- "border",
- "on-hover"
- ]
- },
- {
- "value": "#fbeabf",
- "type": "color",
- "deprecated": true,
- "comment": "deprecated: replace with 'color-border-warning'",
- "original": {
- "value": "{color.palette.amber-100.value}",
- "type": "color",
- "deprecated": true,
- "comment": "deprecated: replace with 'color-border-warning'"
- },
- "name": "token-color-warning-border-on-faint",
- "attributes": {
- "category": "color",
- "type": "warning",
- "item": "border",
- "subitem": "on-faint"
- },
- "path": [
- "color",
- "warning",
- "border",
- "on-faint"
- ]
- },
- {
- "value": "#e52228",
- "type": "color",
- "deprecated": true,
- "comment": "deprecated: replace with 'color-foreground-critical'",
- "original": {
- "value": "{color.palette.red-200.value}",
- "type": "color",
- "deprecated": true,
- "comment": "deprecated: replace with 'color-foreground-critical'"
- },
- "name": "token-color-critical-foreground-primary",
- "attributes": {
- "category": "color",
- "type": "critical",
- "item": "foreground",
- "subitem": "primary"
- },
- "path": [
- "color",
- "critical",
- "foreground",
- "primary"
- ]
- },
- {
- "value": "#c00005",
- "type": "color",
- "deprecated": true,
- "comment": "deprecated: replace with 'color-foreground-critical-on-surface'",
- "original": {
- "value": "{color.palette.red-300.value}",
- "type": "color",
- "deprecated": true,
- "comment": "deprecated: replace with 'color-foreground-critical-on-surface'"
- },
- "name": "token-color-critical-foreground-on-faint",
- "attributes": {
- "category": "color",
- "type": "critical",
- "item": "foreground",
- "subitem": "on-faint"
- },
- "path": [
- "color",
- "critical",
- "foreground",
- "on-faint"
- ]
- },
- {
- "value": "#51130a",
- "type": "color",
- "deprecated": true,
- "comment": "deprecated: replace with 'color-foreground-critical-high-contrast'",
- "original": {
- "value": "{color.palette.red-500.value}",
- "type": "color",
- "deprecated": true,
- "comment": "deprecated: replace with 'color-foreground-critical-high-contrast'"
- },
- "name": "token-color-critical-foreground-high-contrast",
- "attributes": {
- "category": "color",
- "type": "critical",
- "item": "foreground",
- "subitem": "high-contrast"
- },
- "path": [
- "color",
- "critical",
- "foreground",
- "high-contrast"
- ]
- },
- {
- "value": "#e52228",
- "type": "color",
- "deprecated": true,
- "comment": "deprecated: please speak with the HDS team to decide which color to use as alternative",
- "original": {
- "value": "{color.palette.red-200.value}",
- "type": "color",
- "deprecated": true,
- "comment": "deprecated: please speak with the HDS team to decide which color to use as alternative"
- },
- "name": "token-color-critical-background-primary",
- "attributes": {
- "category": "color",
- "type": "critical",
- "item": "background",
- "subitem": "primary"
- },
- "path": [
- "color",
- "critical",
- "background",
- "primary"
- ]
- },
- {
- "value": "#c00005",
- "type": "color",
- "deprecated": true,
- "comment": "deprecated: please speak with the HDS team to decide which color to use as alternative",
- "original": {
- "value": "{color.palette.red-300.value}",
- "type": "color",
- "deprecated": true,
- "comment": "deprecated: please speak with the HDS team to decide which color to use as alternative"
- },
- "name": "token-color-critical-background-hover",
- "attributes": {
- "category": "color",
- "type": "critical",
- "item": "background",
- "subitem": "hover"
- },
- "path": [
- "color",
- "critical",
- "background",
- "hover"
- ]
- },
- {
- "value": "#940004",
- "type": "color",
- "deprecated": true,
- "comment": "deprecated: please speak with the HDS team to decide which color to use as alternative",
- "original": {
- "value": "{color.palette.red-400.value}",
- "type": "color",
- "deprecated": true,
- "comment": "deprecated: please speak with the HDS team to decide which color to use as alternative"
- },
- "name": "token-color-critical-background-active",
- "attributes": {
- "category": "color",
- "type": "critical",
- "item": "background",
- "subitem": "active"
- },
- "path": [
- "color",
- "critical",
- "background",
- "active"
- ]
- },
- {
- "value": "#fff5f5",
- "type": "color",
- "deprecated": true,
- "comment": "deprecated: replace with 'color-surface-critical'",
- "original": {
- "value": "{color.palette.red-50.value}",
- "type": "color",
- "deprecated": true,
- "comment": "deprecated: replace with 'color-surface-critical'"
- },
- "name": "token-color-critical-background-faint",
- "attributes": {
- "category": "color",
- "type": "critical",
- "item": "background",
- "subitem": "faint"
- },
- "path": [
- "color",
- "critical",
- "background",
- "faint"
- ]
- },
- {
- "value": "#e52228",
- "type": "color",
- "deprecated": true,
- "comment": "deprecated: please speak with the HDS team to decide which color to use as alternative",
- "original": {
- "value": "{color.palette.red-200.value}",
- "type": "color",
- "deprecated": true,
- "comment": "deprecated: please speak with the HDS team to decide which color to use as alternative"
- },
- "name": "token-color-critical-border-primary",
- "attributes": {
- "category": "color",
- "type": "critical",
- "item": "border",
- "subitem": "primary"
- },
- "path": [
- "color",
- "critical",
- "border",
- "primary"
- ]
- },
- {
- "value": "#c00005",
- "type": "color",
- "deprecated": true,
- "comment": "deprecated: please speak with the HDS team to decide which color to use as alternative",
- "original": {
- "value": "{color.palette.red-300.value}",
- "type": "color",
- "deprecated": true,
- "comment": "deprecated: please speak with the HDS team to decide which color to use as alternative"
- },
- "name": "token-color-critical-border-on-primary",
- "attributes": {
- "category": "color",
- "type": "critical",
- "item": "border",
- "subitem": "on-primary"
- },
- "path": [
- "color",
- "critical",
- "border",
- "on-primary"
- ]
- },
- {
- "value": "#940004",
- "type": "color",
- "deprecated": true,
- "comment": "deprecated: please speak with the HDS team to decide which color to use as alternative",
- "original": {
- "value": "{color.palette.red-400.value}",
- "type": "color",
- "deprecated": true,
- "comment": "deprecated: please speak with the HDS team to decide which color to use as alternative"
- },
- "name": "token-color-critical-border-on-hover",
- "attributes": {
- "category": "color",
- "type": "critical",
- "item": "border",
- "subitem": "on-hover"
- },
- "path": [
- "color",
- "critical",
- "border",
- "on-hover"
- ]
- },
- {
- "value": "#fbd4d4",
- "type": "color",
- "deprecated": true,
- "comment": "deprecated: replace with 'color-border-critical'",
- "original": {
- "value": "{color.palette.red-100.value}",
- "type": "color",
- "deprecated": true,
- "comment": "deprecated: replace with 'color-border-critical'"
- },
- "name": "token-color-critical-border-on-faint",
- "attributes": {
- "category": "color",
- "type": "critical",
- "item": "border",
- "subitem": "on-faint"
- },
- "path": [
- "color",
- "critical",
- "border",
- "on-faint"
- ]
- },
{
"value": "#656a7633",
"type": "color",
@@ -2992,231 +1617,6 @@
"action-visited-hover"
]
},
- {
- "value": "#0c0c0e",
- "type": "color",
- "deprecated": true,
- "comment": "deprecated: replace with 'token-color-foreground-strong'",
- "original": {
- "value": "{color.palette.neutral-700.value}",
- "type": "color",
- "deprecated": true,
- "comment": "deprecated: replace with 'token-color-foreground-strong'"
- },
- "name": "token-color-neutral-foreground-primary",
- "attributes": {
- "category": "color",
- "type": "neutral",
- "item": "foreground",
- "subitem": "primary"
- },
- "path": [
- "color",
- "neutral",
- "foreground",
- "primary"
- ]
- },
- {
- "value": "#3b3d45",
- "type": "color",
- "deprecated": true,
- "comment": "deprecated: replace with 'token-color-foreground-primary'",
- "original": {
- "value": "{color.palette.neutral-600.value}",
- "type": "color",
- "deprecated": true,
- "comment": "deprecated: replace with 'token-color-foreground-primary'"
- },
- "name": "token-color-neutral-foreground-secondary",
- "attributes": {
- "category": "color",
- "type": "neutral",
- "item": "foreground",
- "subitem": "secondary"
- },
- "path": [
- "color",
- "neutral",
- "foreground",
- "secondary"
- ]
- },
- {
- "value": "#656a76",
- "type": "color",
- "deprecated": true,
- "comment": "deprecated: replace with 'token-color-foreground-faint'",
- "original": {
- "value": "{color.palette.neutral-500.value}",
- "type": "color",
- "deprecated": true,
- "comment": "deprecated: replace with 'token-color-foreground-faint'"
- },
- "name": "token-color-neutral-foreground-faint",
- "attributes": {
- "category": "color",
- "type": "neutral",
- "item": "foreground",
- "subitem": "faint"
- },
- "path": [
- "color",
- "neutral",
- "foreground",
- "faint"
- ]
- },
- {
- "value": "#ffffff",
- "type": "color",
- "deprecated": true,
- "comment": "deprecated: replace with 'token-color-surface-primary'",
- "original": {
- "value": "{color.palette.neutral-0.value}",
- "type": "color",
- "deprecated": true,
- "comment": "deprecated: replace with 'token-color-surface-primary'"
- },
- "name": "token-color-neutral-background-primary",
- "attributes": {
- "category": "color",
- "type": "neutral",
- "item": "background",
- "subitem": "primary"
- },
- "path": [
- "color",
- "neutral",
- "background",
- "primary"
- ]
- },
- {
- "value": "#fafafa",
- "type": "color",
- "deprecated": true,
- "comment": "deprecated: replace with 'token-color-surface-faint'",
- "original": {
- "value": "{color.palette.neutral-50.value}",
- "type": "color",
- "deprecated": true,
- "comment": "deprecated: replace with 'token-color-surface-faint'"
- },
- "name": "token-color-neutral-background-secondary",
- "attributes": {
- "category": "color",
- "type": "neutral",
- "item": "background",
- "subitem": "secondary"
- },
- "path": [
- "color",
- "neutral",
- "background",
- "secondary"
- ]
- },
- {
- "value": "#ffffff",
- "type": "color",
- "deprecated": true,
- "comment": "deprecated: replace with 'token-color-surface-primary'",
- "original": {
- "value": "{color.palette.neutral-0.value}",
- "type": "color",
- "deprecated": true,
- "comment": "deprecated: replace with 'token-color-surface-primary'"
- },
- "name": "token-color-neutral-background-base",
- "attributes": {
- "category": "color",
- "type": "neutral",
- "item": "background",
- "subitem": "base"
- },
- "path": [
- "color",
- "neutral",
- "background",
- "base"
- ]
- },
- {
- "value": "#656a7633",
- "type": "color",
- "deprecated": true,
- "comment": "deprecated: replace with 'token-color-border-primary'",
- "original": {
- "value": "{color.palette.alpha-200.value}",
- "type": "color",
- "deprecated": true,
- "comment": "deprecated: replace with 'token-color-border-primary'"
- },
- "name": "token-color-neutral-border-primary",
- "attributes": {
- "category": "color",
- "type": "neutral",
- "item": "border",
- "subitem": "primary"
- },
- "path": [
- "color",
- "neutral",
- "border",
- "primary"
- ]
- },
- {
- "value": "#656a761a",
- "type": "color",
- "deprecated": true,
- "comment": "deprecated: replace with 'token-color-border-faint'",
- "original": {
- "value": "{color.palette.alpha-100.value}",
- "type": "color",
- "deprecated": true,
- "comment": "deprecated: replace with 'token-color-border-faint'"
- },
- "name": "token-color-neutral-border-faint",
- "attributes": {
- "category": "color",
- "type": "neutral",
- "item": "border",
- "subitem": "faint"
- },
- "path": [
- "color",
- "neutral",
- "border",
- "faint"
- ]
- },
- {
- "value": "#3b3d4566",
- "type": "color",
- "deprecated": true,
- "comment": "deprecated: replace with 'token-color-border-strong'",
- "original": {
- "value": "{color.palette.alpha-300.value}",
- "type": "color",
- "deprecated": true,
- "comment": "deprecated: replace with 'token-color-border-strong'"
- },
- "name": "token-color-neutral-border-strong",
- "attributes": {
- "category": "color",
- "type": "neutral",
- "item": "border",
- "subitem": "strong"
- },
- "path": [
- "color",
- "neutral",
- "border",
- "strong"
- ]
- },
{
"value": "#ffffff",
"type": "color",
diff --git a/packages/tokens/dist/docs/products/tokens.json b/packages/tokens/dist/docs/products/tokens.json
index 4c4de621ab..bfc48e1b6a 100644
--- a/packages/tokens/dist/docs/products/tokens.json
+++ b/packages/tokens/dist/docs/products/tokens.json
@@ -887,1381 +887,6 @@
"alpha-100"
]
},
- {
- "value": "#1060ff",
- "type": "color",
- "deprecated": true,
- "comment": "deprecated: replace with 'color-foreground-action'",
- "original": {
- "value": "{color.palette.blue-200.value}",
- "type": "color",
- "deprecated": true,
- "comment": "deprecated: replace with 'color-foreground-action'"
- },
- "name": "token-color-action-foreground-primary",
- "attributes": {
- "category": "color",
- "type": "action",
- "item": "foreground",
- "subitem": "primary"
- },
- "path": [
- "color",
- "action",
- "foreground",
- "primary"
- ]
- },
- {
- "value": "#0c56e9",
- "type": "color",
- "deprecated": true,
- "comment": "deprecated: please speak with the HDS team to decide which color to use as alternative'",
- "original": {
- "value": "{color.palette.blue-300.value}",
- "type": "color",
- "deprecated": true,
- "comment": "deprecated: please speak with the HDS team to decide which color to use as alternative'"
- },
- "name": "token-color-action-foreground-on-faint",
- "attributes": {
- "category": "color",
- "type": "action",
- "item": "foreground",
- "subitem": "on-faint"
- },
- "path": [
- "color",
- "action",
- "foreground",
- "on-faint"
- ]
- },
- {
- "value": "#1c345f",
- "type": "color",
- "deprecated": true,
- "comment": "deprecated: please speak with the HDS team to decide which color to use as alternative",
- "original": {
- "value": "{color.palette.blue-500.value}",
- "type": "color",
- "deprecated": true,
- "comment": "deprecated: please speak with the HDS team to decide which color to use as alternative"
- },
- "name": "token-color-action-foreground-high-contrast",
- "attributes": {
- "category": "color",
- "type": "action",
- "item": "foreground",
- "subitem": "high-contrast"
- },
- "path": [
- "color",
- "action",
- "foreground",
- "high-contrast"
- ]
- },
- {
- "value": "#1060ff",
- "type": "color",
- "deprecated": true,
- "comment": "deprecated: please speak with the HDS team to decide which color to use as alternative",
- "original": {
- "value": "{color.palette.blue-200.value}",
- "type": "color",
- "deprecated": true,
- "comment": "deprecated: please speak with the HDS team to decide which color to use as alternative"
- },
- "name": "token-color-action-background-primary",
- "attributes": {
- "category": "color",
- "type": "action",
- "item": "background",
- "subitem": "primary"
- },
- "path": [
- "color",
- "action",
- "background",
- "primary"
- ]
- },
- {
- "value": "#0c56e9",
- "type": "color",
- "deprecated": true,
- "comment": "deprecated: please speak with the HDS team to decide which color to use as alternative",
- "original": {
- "value": "{color.palette.blue-300.value}",
- "type": "color",
- "deprecated": true,
- "comment": "deprecated: please speak with the HDS team to decide which color to use as alternative"
- },
- "name": "token-color-action-background-hover",
- "attributes": {
- "category": "color",
- "type": "action",
- "item": "background",
- "subitem": "hover"
- },
- "path": [
- "color",
- "action",
- "background",
- "hover"
- ]
- },
- {
- "value": "#0046d1",
- "type": "color",
- "deprecated": true,
- "comment": "deprecated: please speak with the HDS team to decide which color to use as alternative",
- "original": {
- "value": "{color.palette.blue-400.value}",
- "type": "color",
- "deprecated": true,
- "comment": "deprecated: please speak with the HDS team to decide which color to use as alternative"
- },
- "name": "token-color-action-background-active",
- "attributes": {
- "category": "color",
- "type": "action",
- "item": "background",
- "subitem": "active"
- },
- "path": [
- "color",
- "action",
- "background",
- "active"
- ]
- },
- {
- "value": "#f2f8ff",
- "type": "color",
- "deprecated": true,
- "comment": "deprecated: replace with 'color-surface-action'",
- "original": {
- "value": "{color.palette.blue-50.value}",
- "type": "color",
- "deprecated": true,
- "comment": "deprecated: replace with 'color-surface-action'"
- },
- "name": "token-color-action-background-faint",
- "attributes": {
- "category": "color",
- "type": "action",
- "item": "background",
- "subitem": "faint"
- },
- "path": [
- "color",
- "action",
- "background",
- "faint"
- ]
- },
- {
- "value": "#1060ff",
- "type": "color",
- "deprecated": true,
- "comment": "deprecated: please speak with the HDS team to decide which color to use as alternative",
- "original": {
- "value": "{color.palette.blue-200.value}",
- "type": "color",
- "deprecated": true,
- "comment": "deprecated: please speak with the HDS team to decide which color to use as alternative"
- },
- "name": "token-color-action-border-primary",
- "attributes": {
- "category": "color",
- "type": "action",
- "item": "border",
- "subitem": "primary"
- },
- "path": [
- "color",
- "action",
- "border",
- "primary"
- ]
- },
- {
- "value": "#0c56e9",
- "type": "color",
- "deprecated": true,
- "comment": "deprecated: please speak with the HDS team to decide which color to use as alternative",
- "original": {
- "value": "{color.palette.blue-300.value}",
- "type": "color",
- "deprecated": true,
- "comment": "deprecated: please speak with the HDS team to decide which color to use as alternative"
- },
- "name": "token-color-action-border-on-primary",
- "attributes": {
- "category": "color",
- "type": "action",
- "item": "border",
- "subitem": "on-primary"
- },
- "path": [
- "color",
- "action",
- "border",
- "on-primary"
- ]
- },
- {
- "value": "#0046d1",
- "type": "color",
- "deprecated": true,
- "comment": "deprecated: please speak with the HDS team to decide which color to use as alternative",
- "original": {
- "value": "{color.palette.blue-400.value}",
- "type": "color",
- "deprecated": true,
- "comment": "deprecated: please speak with the HDS team to decide which color to use as alternative"
- },
- "name": "token-color-action-border-on-hover",
- "attributes": {
- "category": "color",
- "type": "action",
- "item": "border",
- "subitem": "on-hover"
- },
- "path": [
- "color",
- "action",
- "border",
- "on-hover"
- ]
- },
- {
- "value": "#cce3fe",
- "type": "color",
- "deprecated": true,
- "comment": "deprecated: replace with 'color-border-action'",
- "original": {
- "value": "{color.palette.blue-100.value}",
- "type": "color",
- "deprecated": true,
- "comment": "deprecated: replace with 'color-border-action'"
- },
- "name": "token-color-action-border-on-faint",
- "attributes": {
- "category": "color",
- "type": "action",
- "item": "border",
- "subitem": "on-faint"
- },
- "path": [
- "color",
- "action",
- "border",
- "on-faint"
- ]
- },
- {
- "value": "#a737ff",
- "type": "color",
- "deprecated": true,
- "comment": "deprecated: replace with 'color-foreground-highlight'",
- "original": {
- "value": "{color.palette.purple-200.value}",
- "type": "color",
- "deprecated": true,
- "comment": "deprecated: replace with 'color-foreground-highlight'"
- },
- "name": "token-color-highlight-foreground-primary",
- "attributes": {
- "category": "color",
- "type": "highlight",
- "item": "foreground",
- "subitem": "primary"
- },
- "path": [
- "color",
- "highlight",
- "foreground",
- "primary"
- ]
- },
- {
- "value": "#911ced",
- "type": "color",
- "deprecated": true,
- "comment": "deprecated: replace with 'color-foreground-highlight-on-surface'",
- "original": {
- "value": "{color.palette.purple-300.value}",
- "type": "color",
- "deprecated": true,
- "comment": "deprecated: replace with 'color-foreground-highlight-on-surface'"
- },
- "name": "token-color-highlight-foreground-on-faint",
- "attributes": {
- "category": "color",
- "type": "highlight",
- "item": "foreground",
- "subitem": "on-faint"
- },
- "path": [
- "color",
- "highlight",
- "foreground",
- "on-faint"
- ]
- },
- {
- "value": "#42215b",
- "type": "color",
- "deprecated": true,
- "comment": "deprecated: replace with 'color-highlight-high-contrast'",
- "original": {
- "value": "{color.palette.purple-500.value}",
- "type": "color",
- "deprecated": true,
- "comment": "deprecated: replace with 'color-highlight-high-contrast'"
- },
- "name": "token-color-highlight-foreground-high-contrast",
- "attributes": {
- "category": "color",
- "type": "highlight",
- "item": "foreground",
- "subitem": "high-contrast"
- },
- "path": [
- "color",
- "highlight",
- "foreground",
- "high-contrast"
- ]
- },
- {
- "value": "#a737ff",
- "type": "color",
- "deprecated": true,
- "comment": "deprecated: please speak with the HDS team to decide which color to use as alternative",
- "original": {
- "value": "{color.palette.purple-200.value}",
- "type": "color",
- "deprecated": true,
- "comment": "deprecated: please speak with the HDS team to decide which color to use as alternative"
- },
- "name": "token-color-highlight-background-primary",
- "attributes": {
- "category": "color",
- "type": "highlight",
- "item": "background",
- "subitem": "primary"
- },
- "path": [
- "color",
- "highlight",
- "background",
- "primary"
- ]
- },
- {
- "value": "#911ced",
- "type": "color",
- "deprecated": true,
- "comment": "deprecated: please speak with the HDS team to decide which color to use as alternative",
- "original": {
- "value": "{color.palette.purple-300.value}",
- "type": "color",
- "deprecated": true,
- "comment": "deprecated: please speak with the HDS team to decide which color to use as alternative"
- },
- "name": "token-color-highlight-background-hover",
- "attributes": {
- "category": "color",
- "type": "highlight",
- "item": "background",
- "subitem": "hover"
- },
- "path": [
- "color",
- "highlight",
- "background",
- "hover"
- ]
- },
- {
- "value": "#7b00db",
- "type": "color",
- "deprecated": true,
- "comment": "deprecated: please speak with the HDS team to decide which color to use as alternative",
- "original": {
- "value": "{color.palette.purple-400.value}",
- "type": "color",
- "deprecated": true,
- "comment": "deprecated: please speak with the HDS team to decide which color to use as alternative"
- },
- "name": "token-color-highlight-background-active",
- "attributes": {
- "category": "color",
- "type": "highlight",
- "item": "background",
- "subitem": "active"
- },
- "path": [
- "color",
- "highlight",
- "background",
- "active"
- ]
- },
- {
- "value": "#f9f2ff",
- "type": "color",
- "deprecated": true,
- "comment": "deprecated: replace with 'color-surface-highlight'",
- "original": {
- "value": "{color.palette.purple-50.value}",
- "type": "color",
- "deprecated": true,
- "comment": "deprecated: replace with 'color-surface-highlight'"
- },
- "name": "token-color-highlight-background-faint",
- "attributes": {
- "category": "color",
- "type": "highlight",
- "item": "background",
- "subitem": "faint"
- },
- "path": [
- "color",
- "highlight",
- "background",
- "faint"
- ]
- },
- {
- "value": "#a737ff",
- "type": "color",
- "deprecated": true,
- "comment": "deprecated: please speak with the HDS team to decide which color to use as alternative",
- "original": {
- "value": "{color.palette.purple-200.value}",
- "type": "color",
- "deprecated": true,
- "comment": "deprecated: please speak with the HDS team to decide which color to use as alternative"
- },
- "name": "token-color-highlight-border-primary",
- "attributes": {
- "category": "color",
- "type": "highlight",
- "item": "border",
- "subitem": "primary"
- },
- "path": [
- "color",
- "highlight",
- "border",
- "primary"
- ]
- },
- {
- "value": "#911ced",
- "type": "color",
- "deprecated": true,
- "comment": "deprecated: please speak with the HDS team to decide which color to use as alternative",
- "original": {
- "value": "{color.palette.purple-300.value}",
- "type": "color",
- "deprecated": true,
- "comment": "deprecated: please speak with the HDS team to decide which color to use as alternative"
- },
- "name": "token-color-highlight-border-on-primary",
- "attributes": {
- "category": "color",
- "type": "highlight",
- "item": "border",
- "subitem": "on-primary"
- },
- "path": [
- "color",
- "highlight",
- "border",
- "on-primary"
- ]
- },
- {
- "value": "#7b00db",
- "type": "color",
- "deprecated": true,
- "comment": "deprecated: please speak with the HDS team to decide which color to use as alternative",
- "original": {
- "value": "{color.palette.purple-400.value}",
- "type": "color",
- "deprecated": true,
- "comment": "deprecated: please speak with the HDS team to decide which color to use as alternative"
- },
- "name": "token-color-highlight-border-on-hover",
- "attributes": {
- "category": "color",
- "type": "highlight",
- "item": "border",
- "subitem": "on-hover"
- },
- "path": [
- "color",
- "highlight",
- "border",
- "on-hover"
- ]
- },
- {
- "value": "#ead2fe",
- "type": "color",
- "deprecated": true,
- "comment": "deprecated: replace with 'color-border-highlight'",
- "original": {
- "value": "{color.palette.purple-100.value}",
- "type": "color",
- "deprecated": true,
- "comment": "deprecated: replace with 'color-border-highlight'"
- },
- "name": "token-color-highlight-border-on-faint",
- "attributes": {
- "category": "color",
- "type": "highlight",
- "item": "border",
- "subitem": "on-faint"
- },
- "path": [
- "color",
- "highlight",
- "border",
- "on-faint"
- ]
- },
- {
- "value": "#008a22",
- "type": "color",
- "deprecated": true,
- "comment": "deprecated: replace with 'color-foreground-success'",
- "original": {
- "value": "{color.palette.green-200.value}",
- "type": "color",
- "deprecated": true,
- "comment": "deprecated: replace with 'color-foreground-success'"
- },
- "name": "token-color-success-foreground-primary",
- "attributes": {
- "category": "color",
- "type": "success",
- "item": "foreground",
- "subitem": "primary"
- },
- "path": [
- "color",
- "success",
- "foreground",
- "primary"
- ]
- },
- {
- "value": "#00781e",
- "type": "color",
- "deprecated": true,
- "comment": "deprecated: replace with 'color-foreground-success-on-surface'",
- "original": {
- "value": "{color.palette.green-300.value}",
- "type": "color",
- "deprecated": true,
- "comment": "deprecated: replace with 'color-foreground-success-on-surface'"
- },
- "name": "token-color-success-foreground-on-faint",
- "attributes": {
- "category": "color",
- "type": "success",
- "item": "foreground",
- "subitem": "on-faint"
- },
- "path": [
- "color",
- "success",
- "foreground",
- "on-faint"
- ]
- },
- {
- "value": "#054220",
- "type": "color",
- "deprecated": true,
- "comment": "deprecated: replace with 'color-foreground-success-high-contrast'",
- "original": {
- "value": "{color.palette.green-500.value}",
- "type": "color",
- "deprecated": true,
- "comment": "deprecated: replace with 'color-foreground-success-high-contrast'"
- },
- "name": "token-color-success-foreground-high-contrast",
- "attributes": {
- "category": "color",
- "type": "success",
- "item": "foreground",
- "subitem": "high-contrast"
- },
- "path": [
- "color",
- "success",
- "foreground",
- "high-contrast"
- ]
- },
- {
- "value": "#008a22",
- "type": "color",
- "deprecated": true,
- "comment": "deprecated: please speak with the HDS team to decide which color to use as alternative",
- "original": {
- "value": "{color.palette.green-200.value}",
- "type": "color",
- "deprecated": true,
- "comment": "deprecated: please speak with the HDS team to decide which color to use as alternative"
- },
- "name": "token-color-success-background-primary",
- "attributes": {
- "category": "color",
- "type": "success",
- "item": "background",
- "subitem": "primary"
- },
- "path": [
- "color",
- "success",
- "background",
- "primary"
- ]
- },
- {
- "value": "#00781e",
- "type": "color",
- "deprecated": true,
- "comment": "deprecated: please speak with the HDS team to decide which color to use as alternative",
- "original": {
- "value": "{color.palette.green-300.value}",
- "type": "color",
- "deprecated": true,
- "comment": "deprecated: please speak with the HDS team to decide which color to use as alternative"
- },
- "name": "token-color-success-background-hover",
- "attributes": {
- "category": "color",
- "type": "success",
- "item": "background",
- "subitem": "hover"
- },
- "path": [
- "color",
- "success",
- "background",
- "hover"
- ]
- },
- {
- "value": "#006619",
- "type": "color",
- "deprecated": true,
- "comment": "deprecated: please speak with the HDS team to decide which color to use as alternative",
- "original": {
- "value": "{color.palette.green-400.value}",
- "type": "color",
- "deprecated": true,
- "comment": "deprecated: please speak with the HDS team to decide which color to use as alternative"
- },
- "name": "token-color-success-background-active",
- "attributes": {
- "category": "color",
- "type": "success",
- "item": "background",
- "subitem": "active"
- },
- "path": [
- "color",
- "success",
- "background",
- "active"
- ]
- },
- {
- "value": "#f2fbf6",
- "type": "color",
- "deprecated": true,
- "comment": "deprecated: replace with 'color-surface-success'",
- "original": {
- "value": "{color.palette.green-50.value}",
- "type": "color",
- "deprecated": true,
- "comment": "deprecated: replace with 'color-surface-success'"
- },
- "name": "token-color-success-background-faint",
- "attributes": {
- "category": "color",
- "type": "success",
- "item": "background",
- "subitem": "faint"
- },
- "path": [
- "color",
- "success",
- "background",
- "faint"
- ]
- },
- {
- "value": "#008a22",
- "type": "color",
- "deprecated": true,
- "comment": "deprecated: please speak with the HDS team to decide which color to use as alternative",
- "original": {
- "value": "{color.palette.green-200.value}",
- "type": "color",
- "deprecated": true,
- "comment": "deprecated: please speak with the HDS team to decide which color to use as alternative"
- },
- "name": "token-color-success-border-primary",
- "attributes": {
- "category": "color",
- "type": "success",
- "item": "border",
- "subitem": "primary"
- },
- "path": [
- "color",
- "success",
- "border",
- "primary"
- ]
- },
- {
- "value": "#00781e",
- "type": "color",
- "deprecated": true,
- "comment": "deprecated: please speak with the HDS team to decide which color to use as alternative",
- "original": {
- "value": "{color.palette.green-300.value}",
- "type": "color",
- "deprecated": true,
- "comment": "deprecated: please speak with the HDS team to decide which color to use as alternative"
- },
- "name": "token-color-success-border-on-primary",
- "attributes": {
- "category": "color",
- "type": "success",
- "item": "border",
- "subitem": "on-primary"
- },
- "path": [
- "color",
- "success",
- "border",
- "on-primary"
- ]
- },
- {
- "value": "#006619",
- "type": "color",
- "deprecated": true,
- "comment": "deprecated: please speak with the HDS team to decide which color to use as alternative",
- "original": {
- "value": "{color.palette.green-400.value}",
- "type": "color",
- "deprecated": true,
- "comment": "deprecated: please speak with the HDS team to decide which color to use as alternative"
- },
- "name": "token-color-success-border-on-hover",
- "attributes": {
- "category": "color",
- "type": "success",
- "item": "border",
- "subitem": "on-hover"
- },
- "path": [
- "color",
- "success",
- "border",
- "on-hover"
- ]
- },
- {
- "value": "#cceeda",
- "type": "color",
- "deprecated": true,
- "comment": "deprecated: replace with 'color-border-success'",
- "original": {
- "value": "{color.palette.green-100.value}",
- "type": "color",
- "deprecated": true,
- "comment": "deprecated: replace with 'color-border-success'"
- },
- "name": "token-color-success-border-on-faint",
- "attributes": {
- "category": "color",
- "type": "success",
- "item": "border",
- "subitem": "on-faint"
- },
- "path": [
- "color",
- "success",
- "border",
- "on-faint"
- ]
- },
- {
- "value": "#bb5a00",
- "type": "color",
- "deprecated": true,
- "comment": "deprecated: replace with 'color-foreground-warning'",
- "original": {
- "value": "{color.palette.amber-200.value}",
- "type": "color",
- "deprecated": true,
- "comment": "deprecated: replace with 'color-foreground-warning'"
- },
- "name": "token-color-warning-foreground-primary",
- "attributes": {
- "category": "color",
- "type": "warning",
- "item": "foreground",
- "subitem": "primary"
- },
- "path": [
- "color",
- "warning",
- "foreground",
- "primary"
- ]
- },
- {
- "value": "#9e4b00",
- "type": "color",
- "deprecated": true,
- "comment": "deprecated: replace with 'color-foreground-warning-on-surface'",
- "original": {
- "value": "{color.palette.amber-300.value}",
- "type": "color",
- "deprecated": true,
- "comment": "deprecated: replace with 'color-foreground-warning-on-surface'"
- },
- "name": "token-color-warning-foreground-on-faint",
- "attributes": {
- "category": "color",
- "type": "warning",
- "item": "foreground",
- "subitem": "on-faint"
- },
- "path": [
- "color",
- "warning",
- "foreground",
- "on-faint"
- ]
- },
- {
- "value": "#542800",
- "type": "color",
- "deprecated": true,
- "comment": "deprecated: replace with 'color-foreground-warning-high-contrast'",
- "original": {
- "value": "{color.palette.amber-500.value}",
- "type": "color",
- "deprecated": true,
- "comment": "deprecated: replace with 'color-foreground-warning-high-contrast'"
- },
- "name": "token-color-warning-foreground-high-contrast",
- "attributes": {
- "category": "color",
- "type": "warning",
- "item": "foreground",
- "subitem": "high-contrast"
- },
- "path": [
- "color",
- "warning",
- "foreground",
- "high-contrast"
- ]
- },
- {
- "value": "#bb5a00",
- "type": "color",
- "deprecated": true,
- "comment": "deprecated: please speak with the HDS team to decide which color to use as alternative",
- "original": {
- "value": "{color.palette.amber-200.value}",
- "type": "color",
- "deprecated": true,
- "comment": "deprecated: please speak with the HDS team to decide which color to use as alternative"
- },
- "name": "token-color-warning-background-primary",
- "attributes": {
- "category": "color",
- "type": "warning",
- "item": "background",
- "subitem": "primary"
- },
- "path": [
- "color",
- "warning",
- "background",
- "primary"
- ]
- },
- {
- "value": "#9e4b00",
- "type": "color",
- "deprecated": true,
- "comment": "deprecated: please speak with the HDS team to decide which color to use as alternative",
- "original": {
- "value": "{color.palette.amber-300.value}",
- "type": "color",
- "deprecated": true,
- "comment": "deprecated: please speak with the HDS team to decide which color to use as alternative"
- },
- "name": "token-color-warning-background-hover",
- "attributes": {
- "category": "color",
- "type": "warning",
- "item": "background",
- "subitem": "hover"
- },
- "path": [
- "color",
- "warning",
- "background",
- "hover"
- ]
- },
- {
- "value": "#803d00",
- "type": "color",
- "deprecated": true,
- "comment": "deprecated: please speak with the HDS team to decide which color to use as alternative",
- "original": {
- "value": "{color.palette.amber-400.value}",
- "type": "color",
- "deprecated": true,
- "comment": "deprecated: please speak with the HDS team to decide which color to use as alternative"
- },
- "name": "token-color-warning-background-active",
- "attributes": {
- "category": "color",
- "type": "warning",
- "item": "background",
- "subitem": "active"
- },
- "path": [
- "color",
- "warning",
- "background",
- "active"
- ]
- },
- {
- "value": "#fff9e8",
- "type": "color",
- "deprecated": true,
- "comment": "deprecated: replace with 'color-surface-warning'",
- "original": {
- "value": "{color.palette.amber-50.value}",
- "type": "color",
- "deprecated": true,
- "comment": "deprecated: replace with 'color-surface-warning'"
- },
- "name": "token-color-warning-background-faint",
- "attributes": {
- "category": "color",
- "type": "warning",
- "item": "background",
- "subitem": "faint"
- },
- "path": [
- "color",
- "warning",
- "background",
- "faint"
- ]
- },
- {
- "value": "#bb5a00",
- "type": "color",
- "deprecated": true,
- "comment": "deprecated: please speak with the HDS team to decide which color to use as alternative",
- "original": {
- "value": "{color.palette.amber-200.value}",
- "type": "color",
- "deprecated": true,
- "comment": "deprecated: please speak with the HDS team to decide which color to use as alternative"
- },
- "name": "token-color-warning-border-primary",
- "attributes": {
- "category": "color",
- "type": "warning",
- "item": "border",
- "subitem": "primary"
- },
- "path": [
- "color",
- "warning",
- "border",
- "primary"
- ]
- },
- {
- "value": "#9e4b00",
- "type": "color",
- "deprecated": true,
- "comment": "deprecated: please speak with the HDS team to decide which color to use as alternative",
- "original": {
- "value": "{color.palette.amber-300.value}",
- "type": "color",
- "deprecated": true,
- "comment": "deprecated: please speak with the HDS team to decide which color to use as alternative"
- },
- "name": "token-color-warning-border-on-primary",
- "attributes": {
- "category": "color",
- "type": "warning",
- "item": "border",
- "subitem": "on-primary"
- },
- "path": [
- "color",
- "warning",
- "border",
- "on-primary"
- ]
- },
- {
- "value": "#803d00",
- "type": "color",
- "deprecated": true,
- "comment": "deprecated: please speak with the HDS team to decide which color to use as alternative",
- "original": {
- "value": "{color.palette.amber-400.value}",
- "type": "color",
- "deprecated": true,
- "comment": "deprecated: please speak with the HDS team to decide which color to use as alternative"
- },
- "name": "token-color-warning-border-on-hover",
- "attributes": {
- "category": "color",
- "type": "warning",
- "item": "border",
- "subitem": "on-hover"
- },
- "path": [
- "color",
- "warning",
- "border",
- "on-hover"
- ]
- },
- {
- "value": "#fbeabf",
- "type": "color",
- "deprecated": true,
- "comment": "deprecated: replace with 'color-border-warning'",
- "original": {
- "value": "{color.palette.amber-100.value}",
- "type": "color",
- "deprecated": true,
- "comment": "deprecated: replace with 'color-border-warning'"
- },
- "name": "token-color-warning-border-on-faint",
- "attributes": {
- "category": "color",
- "type": "warning",
- "item": "border",
- "subitem": "on-faint"
- },
- "path": [
- "color",
- "warning",
- "border",
- "on-faint"
- ]
- },
- {
- "value": "#e52228",
- "type": "color",
- "deprecated": true,
- "comment": "deprecated: replace with 'color-foreground-critical'",
- "original": {
- "value": "{color.palette.red-200.value}",
- "type": "color",
- "deprecated": true,
- "comment": "deprecated: replace with 'color-foreground-critical'"
- },
- "name": "token-color-critical-foreground-primary",
- "attributes": {
- "category": "color",
- "type": "critical",
- "item": "foreground",
- "subitem": "primary"
- },
- "path": [
- "color",
- "critical",
- "foreground",
- "primary"
- ]
- },
- {
- "value": "#c00005",
- "type": "color",
- "deprecated": true,
- "comment": "deprecated: replace with 'color-foreground-critical-on-surface'",
- "original": {
- "value": "{color.palette.red-300.value}",
- "type": "color",
- "deprecated": true,
- "comment": "deprecated: replace with 'color-foreground-critical-on-surface'"
- },
- "name": "token-color-critical-foreground-on-faint",
- "attributes": {
- "category": "color",
- "type": "critical",
- "item": "foreground",
- "subitem": "on-faint"
- },
- "path": [
- "color",
- "critical",
- "foreground",
- "on-faint"
- ]
- },
- {
- "value": "#51130a",
- "type": "color",
- "deprecated": true,
- "comment": "deprecated: replace with 'color-foreground-critical-high-contrast'",
- "original": {
- "value": "{color.palette.red-500.value}",
- "type": "color",
- "deprecated": true,
- "comment": "deprecated: replace with 'color-foreground-critical-high-contrast'"
- },
- "name": "token-color-critical-foreground-high-contrast",
- "attributes": {
- "category": "color",
- "type": "critical",
- "item": "foreground",
- "subitem": "high-contrast"
- },
- "path": [
- "color",
- "critical",
- "foreground",
- "high-contrast"
- ]
- },
- {
- "value": "#e52228",
- "type": "color",
- "deprecated": true,
- "comment": "deprecated: please speak with the HDS team to decide which color to use as alternative",
- "original": {
- "value": "{color.palette.red-200.value}",
- "type": "color",
- "deprecated": true,
- "comment": "deprecated: please speak with the HDS team to decide which color to use as alternative"
- },
- "name": "token-color-critical-background-primary",
- "attributes": {
- "category": "color",
- "type": "critical",
- "item": "background",
- "subitem": "primary"
- },
- "path": [
- "color",
- "critical",
- "background",
- "primary"
- ]
- },
- {
- "value": "#c00005",
- "type": "color",
- "deprecated": true,
- "comment": "deprecated: please speak with the HDS team to decide which color to use as alternative",
- "original": {
- "value": "{color.palette.red-300.value}",
- "type": "color",
- "deprecated": true,
- "comment": "deprecated: please speak with the HDS team to decide which color to use as alternative"
- },
- "name": "token-color-critical-background-hover",
- "attributes": {
- "category": "color",
- "type": "critical",
- "item": "background",
- "subitem": "hover"
- },
- "path": [
- "color",
- "critical",
- "background",
- "hover"
- ]
- },
- {
- "value": "#940004",
- "type": "color",
- "deprecated": true,
- "comment": "deprecated: please speak with the HDS team to decide which color to use as alternative",
- "original": {
- "value": "{color.palette.red-400.value}",
- "type": "color",
- "deprecated": true,
- "comment": "deprecated: please speak with the HDS team to decide which color to use as alternative"
- },
- "name": "token-color-critical-background-active",
- "attributes": {
- "category": "color",
- "type": "critical",
- "item": "background",
- "subitem": "active"
- },
- "path": [
- "color",
- "critical",
- "background",
- "active"
- ]
- },
- {
- "value": "#fff5f5",
- "type": "color",
- "deprecated": true,
- "comment": "deprecated: replace with 'color-surface-critical'",
- "original": {
- "value": "{color.palette.red-50.value}",
- "type": "color",
- "deprecated": true,
- "comment": "deprecated: replace with 'color-surface-critical'"
- },
- "name": "token-color-critical-background-faint",
- "attributes": {
- "category": "color",
- "type": "critical",
- "item": "background",
- "subitem": "faint"
- },
- "path": [
- "color",
- "critical",
- "background",
- "faint"
- ]
- },
- {
- "value": "#e52228",
- "type": "color",
- "deprecated": true,
- "comment": "deprecated: please speak with the HDS team to decide which color to use as alternative",
- "original": {
- "value": "{color.palette.red-200.value}",
- "type": "color",
- "deprecated": true,
- "comment": "deprecated: please speak with the HDS team to decide which color to use as alternative"
- },
- "name": "token-color-critical-border-primary",
- "attributes": {
- "category": "color",
- "type": "critical",
- "item": "border",
- "subitem": "primary"
- },
- "path": [
- "color",
- "critical",
- "border",
- "primary"
- ]
- },
- {
- "value": "#c00005",
- "type": "color",
- "deprecated": true,
- "comment": "deprecated: please speak with the HDS team to decide which color to use as alternative",
- "original": {
- "value": "{color.palette.red-300.value}",
- "type": "color",
- "deprecated": true,
- "comment": "deprecated: please speak with the HDS team to decide which color to use as alternative"
- },
- "name": "token-color-critical-border-on-primary",
- "attributes": {
- "category": "color",
- "type": "critical",
- "item": "border",
- "subitem": "on-primary"
- },
- "path": [
- "color",
- "critical",
- "border",
- "on-primary"
- ]
- },
- {
- "value": "#940004",
- "type": "color",
- "deprecated": true,
- "comment": "deprecated: please speak with the HDS team to decide which color to use as alternative",
- "original": {
- "value": "{color.palette.red-400.value}",
- "type": "color",
- "deprecated": true,
- "comment": "deprecated: please speak with the HDS team to decide which color to use as alternative"
- },
- "name": "token-color-critical-border-on-hover",
- "attributes": {
- "category": "color",
- "type": "critical",
- "item": "border",
- "subitem": "on-hover"
- },
- "path": [
- "color",
- "critical",
- "border",
- "on-hover"
- ]
- },
- {
- "value": "#fbd4d4",
- "type": "color",
- "deprecated": true,
- "comment": "deprecated: replace with 'color-border-critical'",
- "original": {
- "value": "{color.palette.red-100.value}",
- "type": "color",
- "deprecated": true,
- "comment": "deprecated: replace with 'color-border-critical'"
- },
- "name": "token-color-critical-border-on-faint",
- "attributes": {
- "category": "color",
- "type": "critical",
- "item": "border",
- "subitem": "on-faint"
- },
- "path": [
- "color",
- "critical",
- "border",
- "on-faint"
- ]
- },
{
"value": "#656a7633",
"type": "color",
@@ -2946,231 +1571,6 @@
"critical-high-contrast"
]
},
- {
- "value": "#0c0c0e",
- "type": "color",
- "deprecated": true,
- "comment": "deprecated: replace with 'token-color-foreground-strong'",
- "original": {
- "value": "{color.palette.neutral-700.value}",
- "type": "color",
- "deprecated": true,
- "comment": "deprecated: replace with 'token-color-foreground-strong'"
- },
- "name": "token-color-neutral-foreground-primary",
- "attributes": {
- "category": "color",
- "type": "neutral",
- "item": "foreground",
- "subitem": "primary"
- },
- "path": [
- "color",
- "neutral",
- "foreground",
- "primary"
- ]
- },
- {
- "value": "#3b3d45",
- "type": "color",
- "deprecated": true,
- "comment": "deprecated: replace with 'token-color-foreground-primary'",
- "original": {
- "value": "{color.palette.neutral-600.value}",
- "type": "color",
- "deprecated": true,
- "comment": "deprecated: replace with 'token-color-foreground-primary'"
- },
- "name": "token-color-neutral-foreground-secondary",
- "attributes": {
- "category": "color",
- "type": "neutral",
- "item": "foreground",
- "subitem": "secondary"
- },
- "path": [
- "color",
- "neutral",
- "foreground",
- "secondary"
- ]
- },
- {
- "value": "#656a76",
- "type": "color",
- "deprecated": true,
- "comment": "deprecated: replace with 'token-color-foreground-faint'",
- "original": {
- "value": "{color.palette.neutral-500.value}",
- "type": "color",
- "deprecated": true,
- "comment": "deprecated: replace with 'token-color-foreground-faint'"
- },
- "name": "token-color-neutral-foreground-faint",
- "attributes": {
- "category": "color",
- "type": "neutral",
- "item": "foreground",
- "subitem": "faint"
- },
- "path": [
- "color",
- "neutral",
- "foreground",
- "faint"
- ]
- },
- {
- "value": "#ffffff",
- "type": "color",
- "deprecated": true,
- "comment": "deprecated: replace with 'token-color-surface-primary'",
- "original": {
- "value": "{color.palette.neutral-0.value}",
- "type": "color",
- "deprecated": true,
- "comment": "deprecated: replace with 'token-color-surface-primary'"
- },
- "name": "token-color-neutral-background-primary",
- "attributes": {
- "category": "color",
- "type": "neutral",
- "item": "background",
- "subitem": "primary"
- },
- "path": [
- "color",
- "neutral",
- "background",
- "primary"
- ]
- },
- {
- "value": "#fafafa",
- "type": "color",
- "deprecated": true,
- "comment": "deprecated: replace with 'token-color-surface-faint'",
- "original": {
- "value": "{color.palette.neutral-50.value}",
- "type": "color",
- "deprecated": true,
- "comment": "deprecated: replace with 'token-color-surface-faint'"
- },
- "name": "token-color-neutral-background-secondary",
- "attributes": {
- "category": "color",
- "type": "neutral",
- "item": "background",
- "subitem": "secondary"
- },
- "path": [
- "color",
- "neutral",
- "background",
- "secondary"
- ]
- },
- {
- "value": "#ffffff",
- "type": "color",
- "deprecated": true,
- "comment": "deprecated: replace with 'token-color-surface-primary'",
- "original": {
- "value": "{color.palette.neutral-0.value}",
- "type": "color",
- "deprecated": true,
- "comment": "deprecated: replace with 'token-color-surface-primary'"
- },
- "name": "token-color-neutral-background-base",
- "attributes": {
- "category": "color",
- "type": "neutral",
- "item": "background",
- "subitem": "base"
- },
- "path": [
- "color",
- "neutral",
- "background",
- "base"
- ]
- },
- {
- "value": "#656a7633",
- "type": "color",
- "deprecated": true,
- "comment": "deprecated: replace with 'token-color-border-primary'",
- "original": {
- "value": "{color.palette.alpha-200.value}",
- "type": "color",
- "deprecated": true,
- "comment": "deprecated: replace with 'token-color-border-primary'"
- },
- "name": "token-color-neutral-border-primary",
- "attributes": {
- "category": "color",
- "type": "neutral",
- "item": "border",
- "subitem": "primary"
- },
- "path": [
- "color",
- "neutral",
- "border",
- "primary"
- ]
- },
- {
- "value": "#656a761a",
- "type": "color",
- "deprecated": true,
- "comment": "deprecated: replace with 'token-color-border-faint'",
- "original": {
- "value": "{color.palette.alpha-100.value}",
- "type": "color",
- "deprecated": true,
- "comment": "deprecated: replace with 'token-color-border-faint'"
- },
- "name": "token-color-neutral-border-faint",
- "attributes": {
- "category": "color",
- "type": "neutral",
- "item": "border",
- "subitem": "faint"
- },
- "path": [
- "color",
- "neutral",
- "border",
- "faint"
- ]
- },
- {
- "value": "#3b3d4566",
- "type": "color",
- "deprecated": true,
- "comment": "deprecated: replace with 'token-color-border-strong'",
- "original": {
- "value": "{color.palette.alpha-300.value}",
- "type": "color",
- "deprecated": true,
- "comment": "deprecated: replace with 'token-color-border-strong'"
- },
- "name": "token-color-neutral-border-strong",
- "attributes": {
- "category": "color",
- "type": "neutral",
- "item": "border",
- "subitem": "strong"
- },
- "path": [
- "color",
- "neutral",
- "border",
- "strong"
- ]
- },
{
"value": "#ffffff",
"type": "color",
diff --git a/packages/tokens/dist/products/css/tokens.css b/packages/tokens/dist/products/css/tokens.css
index 73798b932a..0f679bb1c2 100644
--- a/packages/tokens/dist/products/css/tokens.css
+++ b/packages/tokens/dist/products/css/tokens.css
@@ -1,6 +1,6 @@
/**
* Do not edit directly
- * Generated on Thu, 31 Mar 2022 09:28:32 GMT
+ * Generated on Mon, 30 May 2022 11:19:24 GMT
*/
:root {
@@ -46,61 +46,6 @@
--token-color-palette-alpha-300: #3b3d4566;
--token-color-palette-alpha-200: #656a7633;
--token-color-palette-alpha-100: #656a761a;
- --token-color-action-foreground-primary: #1060ff; /* deprecated: replace with 'color-foreground-action' */
- --token-color-action-foreground-on-faint: #0c56e9; /* deprecated: please speak with the HDS team to decide which color to use as alternative' */
- --token-color-action-foreground-high-contrast: #1c345f; /* deprecated: please speak with the HDS team to decide which color to use as alternative */
- --token-color-action-background-primary: #1060ff; /* deprecated: please speak with the HDS team to decide which color to use as alternative */
- --token-color-action-background-hover: #0c56e9; /* deprecated: please speak with the HDS team to decide which color to use as alternative */
- --token-color-action-background-active: #0046d1; /* deprecated: please speak with the HDS team to decide which color to use as alternative */
- --token-color-action-background-faint: #f2f8ff; /* deprecated: replace with 'color-surface-action' */
- --token-color-action-border-primary: #1060ff; /* deprecated: please speak with the HDS team to decide which color to use as alternative */
- --token-color-action-border-on-primary: #0c56e9; /* deprecated: please speak with the HDS team to decide which color to use as alternative */
- --token-color-action-border-on-hover: #0046d1; /* deprecated: please speak with the HDS team to decide which color to use as alternative */
- --token-color-action-border-on-faint: #cce3fe; /* deprecated: replace with 'color-border-action' */
- --token-color-highlight-foreground-primary: #a737ff; /* deprecated: replace with 'color-foreground-highlight' */
- --token-color-highlight-foreground-on-faint: #911ced; /* deprecated: replace with 'color-foreground-highlight-on-surface' */
- --token-color-highlight-foreground-high-contrast: #42215b; /* deprecated: replace with 'color-highlight-high-contrast' */
- --token-color-highlight-background-primary: #a737ff; /* deprecated: please speak with the HDS team to decide which color to use as alternative */
- --token-color-highlight-background-hover: #911ced; /* deprecated: please speak with the HDS team to decide which color to use as alternative */
- --token-color-highlight-background-active: #7b00db; /* deprecated: please speak with the HDS team to decide which color to use as alternative */
- --token-color-highlight-background-faint: #f9f2ff; /* deprecated: replace with 'color-surface-highlight' */
- --token-color-highlight-border-primary: #a737ff; /* deprecated: please speak with the HDS team to decide which color to use as alternative */
- --token-color-highlight-border-on-primary: #911ced; /* deprecated: please speak with the HDS team to decide which color to use as alternative */
- --token-color-highlight-border-on-hover: #7b00db; /* deprecated: please speak with the HDS team to decide which color to use as alternative */
- --token-color-highlight-border-on-faint: #ead2fe; /* deprecated: replace with 'color-border-highlight' */
- --token-color-success-foreground-primary: #008a22; /* deprecated: replace with 'color-foreground-success' */
- --token-color-success-foreground-on-faint: #00781e; /* deprecated: replace with 'color-foreground-success-on-surface' */
- --token-color-success-foreground-high-contrast: #054220; /* deprecated: replace with 'color-foreground-success-high-contrast' */
- --token-color-success-background-primary: #008a22; /* deprecated: please speak with the HDS team to decide which color to use as alternative */
- --token-color-success-background-hover: #00781e; /* deprecated: please speak with the HDS team to decide which color to use as alternative */
- --token-color-success-background-active: #006619; /* deprecated: please speak with the HDS team to decide which color to use as alternative */
- --token-color-success-background-faint: #f2fbf6; /* deprecated: replace with 'color-surface-success' */
- --token-color-success-border-primary: #008a22; /* deprecated: please speak with the HDS team to decide which color to use as alternative */
- --token-color-success-border-on-primary: #00781e; /* deprecated: please speak with the HDS team to decide which color to use as alternative */
- --token-color-success-border-on-hover: #006619; /* deprecated: please speak with the HDS team to decide which color to use as alternative */
- --token-color-success-border-on-faint: #cceeda; /* deprecated: replace with 'color-border-success' */
- --token-color-warning-foreground-primary: #bb5a00; /* deprecated: replace with 'color-foreground-warning' */
- --token-color-warning-foreground-on-faint: #9e4b00; /* deprecated: replace with 'color-foreground-warning-on-surface' */
- --token-color-warning-foreground-high-contrast: #542800; /* deprecated: replace with 'color-foreground-warning-high-contrast' */
- --token-color-warning-background-primary: #bb5a00; /* deprecated: please speak with the HDS team to decide which color to use as alternative */
- --token-color-warning-background-hover: #9e4b00; /* deprecated: please speak with the HDS team to decide which color to use as alternative */
- --token-color-warning-background-active: #803d00; /* deprecated: please speak with the HDS team to decide which color to use as alternative */
- --token-color-warning-background-faint: #fff9e8; /* deprecated: replace with 'color-surface-warning' */
- --token-color-warning-border-primary: #bb5a00; /* deprecated: please speak with the HDS team to decide which color to use as alternative */
- --token-color-warning-border-on-primary: #9e4b00; /* deprecated: please speak with the HDS team to decide which color to use as alternative */
- --token-color-warning-border-on-hover: #803d00; /* deprecated: please speak with the HDS team to decide which color to use as alternative */
- --token-color-warning-border-on-faint: #fbeabf; /* deprecated: replace with 'color-border-warning' */
- --token-color-critical-foreground-primary: #e52228; /* deprecated: replace with 'color-foreground-critical' */
- --token-color-critical-foreground-on-faint: #c00005; /* deprecated: replace with 'color-foreground-critical-on-surface' */
- --token-color-critical-foreground-high-contrast: #51130a; /* deprecated: replace with 'color-foreground-critical-high-contrast' */
- --token-color-critical-background-primary: #e52228; /* deprecated: please speak with the HDS team to decide which color to use as alternative */
- --token-color-critical-background-hover: #c00005; /* deprecated: please speak with the HDS team to decide which color to use as alternative */
- --token-color-critical-background-active: #940004; /* deprecated: please speak with the HDS team to decide which color to use as alternative */
- --token-color-critical-background-faint: #fff5f5; /* deprecated: replace with 'color-surface-critical' */
- --token-color-critical-border-primary: #e52228; /* deprecated: please speak with the HDS team to decide which color to use as alternative */
- --token-color-critical-border-on-primary: #c00005; /* deprecated: please speak with the HDS team to decide which color to use as alternative */
- --token-color-critical-border-on-hover: #940004; /* deprecated: please speak with the HDS team to decide which color to use as alternative */
- --token-color-critical-border-on-faint: #fbd4d4; /* deprecated: replace with 'color-border-critical' */
--token-color-border-primary: #656a7633;
--token-color-border-faint: #656a761a;
--token-color-border-strong: #3b3d4566;
@@ -133,15 +78,6 @@
--token-color-foreground-critical: #e52228;
--token-color-foreground-critical-on-surface: #c00005;
--token-color-foreground-critical-high-contrast: #51130a;
- --token-color-neutral-foreground-primary: #0c0c0e; /* deprecated: replace with 'token-color-foreground-strong' */
- --token-color-neutral-foreground-secondary: #3b3d45; /* deprecated: replace with 'token-color-foreground-primary' */
- --token-color-neutral-foreground-faint: #656a76; /* deprecated: replace with 'token-color-foreground-faint' */
- --token-color-neutral-background-primary: #ffffff; /* deprecated: replace with 'token-color-surface-primary' */
- --token-color-neutral-background-secondary: #fafafa; /* deprecated: replace with 'token-color-surface-faint' */
- --token-color-neutral-background-base: #ffffff; /* deprecated: replace with 'token-color-surface-primary' */
- --token-color-neutral-border-primary: #656a7633; /* deprecated: replace with 'token-color-border-primary' */
- --token-color-neutral-border-faint: #656a761a; /* deprecated: replace with 'token-color-border-faint' */
- --token-color-neutral-border-strong: #3b3d4566; /* deprecated: replace with 'token-color-border-strong' */
--token-color-page-primary: #ffffff;
--token-color-page-faint: #fafafa;
--token-color-surface-primary: #ffffff;
diff --git a/packages/tokens/src/global/color/semantic-accents.json b/packages/tokens/src/global/color/semantic-accents.json
deleted file mode 100644
index 4f7610425e..0000000000
--- a/packages/tokens/src/global/color/semantic-accents.json
+++ /dev/null
@@ -1,374 +0,0 @@
-{
- "color": {
- "action": {
- "foreground": {
- "primary": {
- "value": "{color.palette.blue-200.value}",
- "type": "color",
- "deprecated": true,
- "comment": "deprecated: replace with 'color-foreground-action'"
- },
- "on-faint": {
- "value": "{color.palette.blue-300.value}",
- "type": "color",
- "deprecated": true,
- "comment": "deprecated: please speak with the HDS team to decide which color to use as alternative'"
- },
- "high-contrast": {
- "value": "{color.palette.blue-500.value}",
- "type": "color",
- "deprecated": true,
- "comment": "deprecated: please speak with the HDS team to decide which color to use as alternative"
- }
- },
- "background": {
- "primary": {
- "value": "{color.palette.blue-200.value}",
- "type": "color",
- "deprecated": true,
- "comment": "deprecated: please speak with the HDS team to decide which color to use as alternative"
- },
- "hover": {
- "value": "{color.palette.blue-300.value}",
- "type": "color",
- "deprecated": true,
- "comment": "deprecated: please speak with the HDS team to decide which color to use as alternative"
- },
- "active": {
- "value": "{color.palette.blue-400.value}",
- "type": "color",
- "deprecated": true,
- "comment": "deprecated: please speak with the HDS team to decide which color to use as alternative"
- },
- "faint": {
- "value": "{color.palette.blue-50.value}",
- "type": "color",
- "deprecated": true,
- "comment": "deprecated: replace with 'color-surface-action'"
- }
- },
- "border": {
- "primary": {
- "value": "{color.palette.blue-200.value}",
- "type": "color",
- "deprecated": true,
- "comment": "deprecated: please speak with the HDS team to decide which color to use as alternative"
- },
- "on-primary": {
- "value": "{color.palette.blue-300.value}",
- "type": "color",
- "deprecated": true,
- "comment": "deprecated: please speak with the HDS team to decide which color to use as alternative"
- },
- "on-hover": {
- "value": "{color.palette.blue-400.value}",
- "type": "color",
- "deprecated": true,
- "comment": "deprecated: please speak with the HDS team to decide which color to use as alternative"
- },
- "on-faint": {
- "value": "{color.palette.blue-100.value}",
- "type": "color",
- "deprecated": true,
- "comment": "deprecated: replace with 'color-border-action'"
- }
- }
- },
- "highlight": {
- "foreground": {
- "primary": {
- "value": "{color.palette.purple-200.value}",
- "type": "color",
- "deprecated": true,
- "comment": "deprecated: replace with 'color-foreground-highlight'"
- },
- "on-faint": {
- "value": "{color.palette.purple-300.value}",
- "type": "color",
- "deprecated": true,
- "comment": "deprecated: replace with 'color-foreground-highlight-on-surface'"
- },
- "high-contrast": {
- "value": "{color.palette.purple-500.value}",
- "type": "color",
- "deprecated": true,
- "comment": "deprecated: replace with 'color-highlight-high-contrast'"
- }
- },
- "background": {
- "primary": {
- "value": "{color.palette.purple-200.value}",
- "type": "color",
- "deprecated": true,
- "comment": "deprecated: please speak with the HDS team to decide which color to use as alternative"
- },
- "hover": {
- "value": "{color.palette.purple-300.value}",
- "type": "color",
- "deprecated": true,
- "comment": "deprecated: please speak with the HDS team to decide which color to use as alternative"
- },
- "active": {
- "value": "{color.palette.purple-400.value}",
- "type": "color",
- "deprecated": true,
- "comment": "deprecated: please speak with the HDS team to decide which color to use as alternative"
- },
- "faint": {
- "value": "{color.palette.purple-50.value}",
- "type": "color",
- "deprecated": true,
- "comment": "deprecated: replace with 'color-surface-highlight'"
- }
- },
- "border": {
- "primary": {
- "value": "{color.palette.purple-200.value}",
- "type": "color",
- "deprecated": true,
- "comment": "deprecated: please speak with the HDS team to decide which color to use as alternative"
- },
- "on-primary": {
- "value": "{color.palette.purple-300.value}",
- "type": "color",
- "deprecated": true,
- "comment": "deprecated: please speak with the HDS team to decide which color to use as alternative"
- },
- "on-hover": {
- "value": "{color.palette.purple-400.value}",
- "type": "color",
- "deprecated": true,
- "comment": "deprecated: please speak with the HDS team to decide which color to use as alternative"
- },
- "on-faint": {
- "value": "{color.palette.purple-100.value}",
- "type": "color",
- "deprecated": true,
- "comment": "deprecated: replace with 'color-border-highlight'"
- }
- }
- },
- "success": {
- "foreground": {
- "primary": {
- "value": "{color.palette.green-200.value}",
- "type": "color",
- "deprecated": true,
- "comment": "deprecated: replace with 'color-foreground-success'"
- },
- "on-faint": {
- "value": "{color.palette.green-300.value}",
- "type": "color",
- "deprecated": true,
- "comment": "deprecated: replace with 'color-foreground-success-on-surface'"
- },
- "high-contrast": {
- "value": "{color.palette.green-500.value}",
- "type": "color",
- "deprecated": true,
- "comment": "deprecated: replace with 'color-foreground-success-high-contrast'"
- }
- },
- "background": {
- "primary": {
- "value": "{color.palette.green-200.value}",
- "type": "color",
- "deprecated": true,
- "comment": "deprecated: please speak with the HDS team to decide which color to use as alternative"
- },
- "hover": {
- "value": "{color.palette.green-300.value}",
- "type": "color",
- "deprecated": true,
- "comment": "deprecated: please speak with the HDS team to decide which color to use as alternative"
- },
- "active": {
- "value": "{color.palette.green-400.value}",
- "type": "color",
- "deprecated": true,
- "comment": "deprecated: please speak with the HDS team to decide which color to use as alternative"
- },
- "faint": {
- "value": "{color.palette.green-50.value}",
- "type": "color",
- "deprecated": true,
- "comment": "deprecated: replace with 'color-surface-success'"
- }
- },
- "border": {
- "primary": {
- "value": "{color.palette.green-200.value}",
- "type": "color",
- "deprecated": true,
- "comment": "deprecated: please speak with the HDS team to decide which color to use as alternative"
- },
- "on-primary": {
- "value": "{color.palette.green-300.value}",
- "type": "color",
- "deprecated": true,
- "comment": "deprecated: please speak with the HDS team to decide which color to use as alternative"
- },
- "on-hover": {
- "value": "{color.palette.green-400.value}",
- "type": "color",
- "deprecated": true,
- "comment": "deprecated: please speak with the HDS team to decide which color to use as alternative"
- },
- "on-faint": {
- "value": "{color.palette.green-100.value}",
- "type": "color",
- "deprecated": true,
- "comment": "deprecated: replace with 'color-border-success'"
- }
- }
- },
- "warning": {
- "foreground": {
- "primary": {
- "value": "{color.palette.amber-200.value}",
- "type": "color",
- "deprecated": true,
- "comment": "deprecated: replace with 'color-foreground-warning'"
- },
- "on-faint": {
- "value": "{color.palette.amber-300.value}",
- "type": "color",
- "deprecated": true,
- "comment": "deprecated: replace with 'color-foreground-warning-on-surface'"
- },
- "high-contrast": {
- "value": "{color.palette.amber-500.value}",
- "type": "color",
- "deprecated": true,
- "comment": "deprecated: replace with 'color-foreground-warning-high-contrast'"
- }
- },
- "background": {
- "primary": {
- "value": "{color.palette.amber-200.value}",
- "type": "color",
- "deprecated": true,
- "comment": "deprecated: please speak with the HDS team to decide which color to use as alternative"
- },
- "hover": {
- "value": "{color.palette.amber-300.value}",
- "type": "color",
- "deprecated": true,
- "comment": "deprecated: please speak with the HDS team to decide which color to use as alternative"
- },
- "active": {
- "value": "{color.palette.amber-400.value}",
- "type": "color",
- "deprecated": true,
- "comment": "deprecated: please speak with the HDS team to decide which color to use as alternative"
- },
- "faint": {
- "value": "{color.palette.amber-50.value}",
- "type": "color",
- "deprecated": true,
- "comment": "deprecated: replace with 'color-surface-warning'"
- }
- },
- "border": {
- "primary": {
- "value": "{color.palette.amber-200.value}",
- "type": "color",
- "deprecated": true,
- "comment": "deprecated: please speak with the HDS team to decide which color to use as alternative"
- },
- "on-primary": {
- "value": "{color.palette.amber-300.value}",
- "type": "color",
- "deprecated": true,
- "comment": "deprecated: please speak with the HDS team to decide which color to use as alternative"
- },
- "on-hover": {
- "value": "{color.palette.amber-400.value}",
- "type": "color",
- "deprecated": true,
- "comment": "deprecated: please speak with the HDS team to decide which color to use as alternative"
- },
- "on-faint": {
- "value": "{color.palette.amber-100.value}",
- "type": "color",
- "deprecated": true,
- "comment": "deprecated: replace with 'color-border-warning'"
- }
- }
- },
- "critical": {
- "foreground": {
- "primary": {
- "value": "{color.palette.red-200.value}",
- "type": "color",
- "deprecated": true,
- "comment": "deprecated: replace with 'color-foreground-critical'"
- },
- "on-faint": {
- "value": "{color.palette.red-300.value}",
- "type": "color",
- "deprecated": true,
- "comment": "deprecated: replace with 'color-foreground-critical-on-surface'"
- },
- "high-contrast": {
- "value": "{color.palette.red-500.value}",
- "type": "color",
- "deprecated": true,
- "comment": "deprecated: replace with 'color-foreground-critical-high-contrast'"
- }
- },
- "background": {
- "primary": {
- "value": "{color.palette.red-200.value}",
- "type": "color",
- "deprecated": true,
- "comment": "deprecated: please speak with the HDS team to decide which color to use as alternative"
- },
- "hover": {
- "value": "{color.palette.red-300.value}",
- "type": "color",
- "deprecated": true,
- "comment": "deprecated: please speak with the HDS team to decide which color to use as alternative"
- },
- "active": {
- "value": "{color.palette.red-400.value}",
- "type": "color",
- "deprecated": true,
- "comment": "deprecated: please speak with the HDS team to decide which color to use as alternative"
- },
- "faint": {
- "value": "{color.palette.red-50.value}",
- "type": "color",
- "deprecated": true,
- "comment": "deprecated: replace with 'color-surface-critical'"
- }
- },
- "border": {
- "primary": {
- "value": "{color.palette.red-200.value}",
- "type": "color",
- "deprecated": true,
- "comment": "deprecated: please speak with the HDS team to decide which color to use as alternative"
- },
- "on-primary": {
- "value": "{color.palette.red-300.value}",
- "type": "color",
- "deprecated": true,
- "comment": "deprecated: please speak with the HDS team to decide which color to use as alternative"
- },
- "on-hover": {
- "value": "{color.palette.red-400.value}",
- "type": "color",
- "deprecated": true,
- "comment": "deprecated: please speak with the HDS team to decide which color to use as alternative"
- },
- "on-faint": {
- "value": "{color.palette.red-100.value}",
- "type": "color",
- "deprecated": true,
- "comment": "deprecated: replace with 'color-border-critical'"
- }
- }
- }
- }
-}
\ No newline at end of file
diff --git a/packages/tokens/src/global/color/semantic-neutrals.json b/packages/tokens/src/global/color/semantic-neutrals.json
deleted file mode 100644
index 4a1ee77d05..0000000000
--- a/packages/tokens/src/global/color/semantic-neutrals.json
+++ /dev/null
@@ -1,66 +0,0 @@
-{
- "color": {
- "neutral": {
- "foreground": {
- "primary": {
- "value": "{color.palette.neutral-700.value}",
- "type": "color",
- "deprecated": true,
- "comment": "deprecated: replace with 'token-color-foreground-strong'"
- },
- "secondary": {
- "value": "{color.palette.neutral-600.value}",
- "type": "color",
- "deprecated": true,
- "comment": "deprecated: replace with 'token-color-foreground-primary'"
- },
- "faint": {
- "value": "{color.palette.neutral-500.value}",
- "type": "color",
- "deprecated": true,
- "comment": "deprecated: replace with 'token-color-foreground-faint'"
- }
- },
- "background": {
- "primary": {
- "value": "{color.palette.neutral-0.value}",
- "type": "color",
- "deprecated": true,
- "comment": "deprecated: replace with 'token-color-surface-primary'"
- },
- "secondary": {
- "value": "{color.palette.neutral-50.value}",
- "type": "color",
- "deprecated": true,
- "comment": "deprecated: replace with 'token-color-surface-faint'"
- },
- "base": {
- "value": "{color.palette.neutral-0.value}",
- "type": "color",
- "deprecated": true,
- "comment": "deprecated: replace with 'token-color-surface-primary'"
- }
- },
- "border": {
- "primary": {
- "value": "{color.palette.alpha-200.value}",
- "type": "color",
- "deprecated": true,
- "comment": "deprecated: replace with 'token-color-border-primary'"
- },
- "faint": {
- "value": "{color.palette.alpha-100.value}",
- "type": "color",
- "deprecated": true,
- "comment": "deprecated: replace with 'token-color-border-faint'"
- },
- "strong": {
- "value": "{color.palette.alpha-300.value}",
- "type": "color",
- "deprecated": true,
- "comment": "deprecated: replace with 'token-color-border-strong'"
- }
- }
- }
- }
-}