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'" - } - } - } - } -}