@atlaskit/tokens
Advanced tools
Comparing version 0.10.6 to 0.10.7
# @atlaskit/tokens | ||
## 0.10.7 | ||
### Patch Changes | ||
- [`cb8723a7974`](https://bitbucket.org/atlassian/atlassian-frontend/commits/cb8723a7974) - Introduces a new set of neutral accent tokens: | ||
- `color.background.accent.gray.bolder` | ||
- `color.background.accent.gray.subtle` | ||
- `color.background.accent.gray.subtler` | ||
- `color.background.accent.gray.subtlest` | ||
- `color.border.accent.gray` | ||
- `color.icon.accent.gray` | ||
- `color.text.accent.gray` | ||
- `color.text.accent.gray.bolder` | ||
## 0.10.6 | ||
@@ -4,0 +19,0 @@ |
@@ -13,3 +13,3 @@ "use strict"; | ||
* | ||
* @codegen <<SignedSource::3dd78c77e87d6557a4bade2368be7eb8>> | ||
* @codegen <<SignedSource::a819b31f00d394be417445acd67bd024>> | ||
* @codegenCommand yarn build tokens | ||
@@ -34,2 +34,4 @@ */ | ||
'color.text.accent.magenta.bolder': '#50253F', | ||
'color.text.accent.gray': '#44546F', | ||
'color.text.accent.gray.bolder': '#172B4D', | ||
'color.text': '#172B4D', | ||
@@ -63,2 +65,3 @@ 'color.text.subtle': '#44546F', | ||
'color.icon.accent.magenta': '#CD519D', | ||
'color.icon.accent.gray': '#758195', | ||
'color.icon': '#44546F', | ||
@@ -84,2 +87,3 @@ 'color.icon.subtle': '#626F86', | ||
'color.border.accent.magenta': '#CD519D', | ||
'color.border.accent.gray': '#758195', | ||
'color.border': '#091E4224', | ||
@@ -147,2 +151,6 @@ 'color.border.inverse': '#FFFFFF', | ||
'color.background.accent.magenta.bold': '#E774BB', | ||
'color.background.accent.gray.subtlest': '#F1F2F4', | ||
'color.background.accent.gray.subtler': '#DCDFE4', | ||
'color.background.accent.gray.subtle': '#8993A5', | ||
'color.background.accent.gray.bolder': '#626F86', | ||
'color.background.disabled': '#091E420F', | ||
@@ -149,0 +157,0 @@ 'color.background.inverse.subtle': '#00000029', |
@@ -10,3 +10,3 @@ "use strict"; | ||
* THIS FILE WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen} | ||
* @codegen <<SignedSource::1ab44c57c547c6cb7bb389b286bdd50f>> | ||
* @codegen <<SignedSource::b251fc1793ba7f689b4c3707310c1556>> | ||
* @codegenCommand yarn build tokens | ||
@@ -31,2 +31,4 @@ */ | ||
'color.text.accent.magenta.bolder': '--ds-text-accent-magenta-bolder', | ||
'color.text.accent.gray': '--ds-text-accent-gray', | ||
'color.text.accent.gray.bolder': '--ds-text-accent-gray-bolder', | ||
'color.text': '--ds-text', | ||
@@ -60,2 +62,3 @@ 'color.text.subtle': '--ds-text-subtle', | ||
'color.icon.accent.magenta': '--ds-icon-accent-magenta', | ||
'color.icon.accent.gray': '--ds-icon-accent-gray', | ||
'color.icon': '--ds-icon', | ||
@@ -81,2 +84,3 @@ 'color.icon.subtle': '--ds-icon-subtle', | ||
'color.border.accent.magenta': '--ds-border-accent-magenta', | ||
'color.border.accent.gray': '--ds-border-accent-gray', | ||
'color.border': '--ds-border', | ||
@@ -144,2 +148,6 @@ 'color.border.inverse': '--ds-border-inverse', | ||
'color.background.accent.magenta.bold': '--ds-background-accent-magenta-bold', | ||
'color.background.accent.gray.subtlest': '--ds-background-accent-gray-subtlest', | ||
'color.background.accent.gray.subtler': '--ds-background-accent-gray-subtler', | ||
'color.background.accent.gray.subtle': '--ds-background-accent-gray-subtle', | ||
'color.background.accent.gray.bolder': '--ds-background-accent-gray-bolder', | ||
'color.background.disabled': '--ds-background-disabled', | ||
@@ -146,0 +154,0 @@ 'color.background.inverse.subtle': '--ds-background-inverse-subtle', |
@@ -17,3 +17,3 @@ "use strict"; | ||
var name = "@atlaskit/tokens"; | ||
var version = "0.10.6"; | ||
var version = "0.10.7"; | ||
@@ -20,0 +20,0 @@ function token(path, fallback) { |
@@ -74,2 +74,10 @@ "use strict"; | ||
} | ||
}, | ||
gray: { | ||
'[default]': { | ||
value: 'DN800' | ||
}, | ||
bolder: { | ||
value: 'DN1000' | ||
} | ||
} | ||
@@ -103,2 +111,5 @@ } | ||
value: 'M500' | ||
}, | ||
gray: { | ||
value: 'DN600' | ||
} | ||
@@ -132,2 +143,5 @@ } | ||
value: 'M500' | ||
}, | ||
gray: { | ||
value: 'DN600' | ||
} | ||
@@ -249,2 +263,16 @@ } | ||
} | ||
}, | ||
gray: { | ||
subtlest: { | ||
value: 'DN300' | ||
}, | ||
subtler: { | ||
value: 'DN400' | ||
}, | ||
subtle: { | ||
value: 'DN500' | ||
}, | ||
bolder: { | ||
value: 'DN700' | ||
} | ||
} | ||
@@ -251,0 +279,0 @@ } |
@@ -74,2 +74,10 @@ "use strict"; | ||
} | ||
}, | ||
gray: { | ||
'[default]': { | ||
value: 'N800' | ||
}, | ||
bolder: { | ||
value: 'N1000' | ||
} | ||
} | ||
@@ -103,2 +111,5 @@ } | ||
value: 'M600' | ||
}, | ||
gray: { | ||
value: 'N600' | ||
} | ||
@@ -132,2 +143,5 @@ } | ||
value: 'M600' | ||
}, | ||
gray: { | ||
value: 'N600' | ||
} | ||
@@ -249,2 +263,16 @@ } | ||
} | ||
}, | ||
gray: { | ||
subtlest: { | ||
value: 'N200' | ||
}, | ||
subtler: { | ||
value: 'N300' | ||
}, | ||
subtle: { | ||
value: 'N500' | ||
}, | ||
bolder: { | ||
value: 'N700' | ||
} | ||
} | ||
@@ -251,0 +279,0 @@ } |
@@ -154,2 +154,20 @@ "use strict"; | ||
} | ||
}, | ||
gray: { | ||
'[default]': { | ||
attributes: { | ||
group: 'paint', | ||
state: 'active', | ||
introduced: '0.10.5', | ||
description: 'Use for text on non-bold gray accent backgrounds, such as colored tags.' | ||
} | ||
}, | ||
bolder: { | ||
attributes: { | ||
group: 'paint', | ||
state: 'active', | ||
introduced: '0.10.5', | ||
description: 'Use for text and icons on gray subtle accent backgrounds.' | ||
} | ||
} | ||
} | ||
@@ -223,2 +241,10 @@ } | ||
} | ||
}, | ||
gray: { | ||
attributes: { | ||
group: 'paint', | ||
state: 'active', | ||
introduced: '0.10.5', | ||
description: 'Use for icons on non-bold gray accent backgrounds, such as file type icons.' | ||
} | ||
} | ||
@@ -292,2 +318,10 @@ } | ||
} | ||
}, | ||
gray: { | ||
attributes: { | ||
group: 'paint', | ||
state: 'active', | ||
introduced: '0.10.5', | ||
description: 'Use for borders on non-bold gray accent backgrounds.' | ||
} | ||
} | ||
@@ -312,3 +346,3 @@ } | ||
introduced: '0.7.0', | ||
description: 'Use for blue backgrounds when there is no meaning tied to the color, such as coloured tags.' | ||
description: 'Use for blue backgrounds when there is no meaning tied to the color, such as colored tags.' | ||
} | ||
@@ -321,3 +355,3 @@ }, | ||
introduced: '0.7.0', | ||
description: 'Use for vibrant blue backgrounds when there is no meaning tied to the color, such as coloured tags.' | ||
description: 'Use for vibrant blue backgrounds when there is no meaning tied to the color, such as colored tags.' | ||
} | ||
@@ -571,2 +605,36 @@ }, | ||
} | ||
}, | ||
gray: { | ||
subtlest: { | ||
attributes: { | ||
group: 'paint', | ||
state: 'active', | ||
introduced: '0.7.0', | ||
description: 'Use for gray backgrounds when there is no meaning tied to the color. Reserved for when you only want a hint of color.' | ||
} | ||
}, | ||
subtler: { | ||
attributes: { | ||
group: 'paint', | ||
state: 'active', | ||
introduced: '0.7.0', | ||
description: 'Use for gray backgrounds when there is no meaning tied to the color, such as colored tags.' | ||
} | ||
}, | ||
subtle: { | ||
attributes: { | ||
group: 'paint', | ||
state: 'active', | ||
introduced: '0.7.0', | ||
description: 'Use for vibrant gray backgrounds when there is no meaning tied to the color, such as colored tags.' | ||
} | ||
}, | ||
bolder: { | ||
attributes: { | ||
group: 'paint', | ||
state: 'active', | ||
introduced: '0.7.0', | ||
description: 'Use for gray backgrounds when there is no meaning tied to the color, and the background needs to pass min 3:1 contrast requirements.' | ||
} | ||
} | ||
} | ||
@@ -573,0 +641,0 @@ } |
@@ -165,3 +165,3 @@ "use strict"; | ||
replacement: 'color.background.accent.blue.subtler', | ||
description: 'Use for blue backgrounds when there is no meaning tied to the color, such as coloured tags.' | ||
description: 'Use for blue backgrounds when there is no meaning tied to the color, such as colored tags.' | ||
} | ||
@@ -168,0 +168,0 @@ }, |
{ | ||
"name": "@atlaskit/tokens", | ||
"version": "0.10.6", | ||
"version": "0.10.7", | ||
"sideEffects": [ | ||
@@ -5,0 +5,0 @@ "**/*.css" |
@@ -6,3 +6,3 @@ /** | ||
* | ||
* @codegen <<SignedSource::3dd78c77e87d6557a4bade2368be7eb8>> | ||
* @codegen <<SignedSource::a819b31f00d394be417445acd67bd024>> | ||
* @codegenCommand yarn build tokens | ||
@@ -27,2 +27,4 @@ */ | ||
'color.text.accent.magenta.bolder': '#50253F', | ||
'color.text.accent.gray': '#44546F', | ||
'color.text.accent.gray.bolder': '#172B4D', | ||
'color.text': '#172B4D', | ||
@@ -56,2 +58,3 @@ 'color.text.subtle': '#44546F', | ||
'color.icon.accent.magenta': '#CD519D', | ||
'color.icon.accent.gray': '#758195', | ||
'color.icon': '#44546F', | ||
@@ -77,2 +80,3 @@ 'color.icon.subtle': '#626F86', | ||
'color.border.accent.magenta': '#CD519D', | ||
'color.border.accent.gray': '#758195', | ||
'color.border': '#091E4224', | ||
@@ -140,2 +144,6 @@ 'color.border.inverse': '#FFFFFF', | ||
'color.background.accent.magenta.bold': '#E774BB', | ||
'color.background.accent.gray.subtlest': '#F1F2F4', | ||
'color.background.accent.gray.subtler': '#DCDFE4', | ||
'color.background.accent.gray.subtle': '#8993A5', | ||
'color.background.accent.gray.bolder': '#626F86', | ||
'color.background.disabled': '#091E420F', | ||
@@ -142,0 +150,0 @@ 'color.background.inverse.subtle': '#00000029', |
/** | ||
* THIS FILE WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen} | ||
* @codegen <<SignedSource::1ab44c57c547c6cb7bb389b286bdd50f>> | ||
* @codegen <<SignedSource::b251fc1793ba7f689b4c3707310c1556>> | ||
* @codegenCommand yarn build tokens | ||
@@ -23,2 +23,4 @@ */ | ||
'color.text.accent.magenta.bolder': '--ds-text-accent-magenta-bolder', | ||
'color.text.accent.gray': '--ds-text-accent-gray', | ||
'color.text.accent.gray.bolder': '--ds-text-accent-gray-bolder', | ||
'color.text': '--ds-text', | ||
@@ -52,2 +54,3 @@ 'color.text.subtle': '--ds-text-subtle', | ||
'color.icon.accent.magenta': '--ds-icon-accent-magenta', | ||
'color.icon.accent.gray': '--ds-icon-accent-gray', | ||
'color.icon': '--ds-icon', | ||
@@ -73,2 +76,3 @@ 'color.icon.subtle': '--ds-icon-subtle', | ||
'color.border.accent.magenta': '--ds-border-accent-magenta', | ||
'color.border.accent.gray': '--ds-border-accent-gray', | ||
'color.border': '--ds-border', | ||
@@ -136,2 +140,6 @@ 'color.border.inverse': '--ds-border-inverse', | ||
'color.background.accent.magenta.bold': '--ds-background-accent-magenta-bold', | ||
'color.background.accent.gray.subtlest': '--ds-background-accent-gray-subtlest', | ||
'color.background.accent.gray.subtler': '--ds-background-accent-gray-subtler', | ||
'color.background.accent.gray.subtle': '--ds-background-accent-gray-subtle', | ||
'color.background.accent.gray.bolder': '--ds-background-accent-gray-bolder', | ||
'color.background.disabled': '--ds-background-disabled', | ||
@@ -138,0 +146,0 @@ 'color.background.inverse.subtle': '--ds-background-inverse-subtle', |
@@ -5,3 +5,3 @@ import warnOnce from '@atlaskit/ds-lib/warn-once'; | ||
const name = "@atlaskit/tokens"; | ||
const version = "0.10.6"; | ||
const version = "0.10.7"; | ||
@@ -8,0 +8,0 @@ function token(path, fallback) { |
@@ -68,2 +68,10 @@ const color = { | ||
} | ||
}, | ||
gray: { | ||
'[default]': { | ||
value: 'DN800' | ||
}, | ||
bolder: { | ||
value: 'DN1000' | ||
} | ||
} | ||
@@ -97,2 +105,5 @@ } | ||
value: 'M500' | ||
}, | ||
gray: { | ||
value: 'DN600' | ||
} | ||
@@ -126,2 +137,5 @@ } | ||
value: 'M500' | ||
}, | ||
gray: { | ||
value: 'DN600' | ||
} | ||
@@ -243,2 +257,16 @@ } | ||
} | ||
}, | ||
gray: { | ||
subtlest: { | ||
value: 'DN300' | ||
}, | ||
subtler: { | ||
value: 'DN400' | ||
}, | ||
subtle: { | ||
value: 'DN500' | ||
}, | ||
bolder: { | ||
value: 'DN700' | ||
} | ||
} | ||
@@ -245,0 +273,0 @@ } |
@@ -68,2 +68,10 @@ const color = { | ||
} | ||
}, | ||
gray: { | ||
'[default]': { | ||
value: 'N800' | ||
}, | ||
bolder: { | ||
value: 'N1000' | ||
} | ||
} | ||
@@ -97,2 +105,5 @@ } | ||
value: 'M600' | ||
}, | ||
gray: { | ||
value: 'N600' | ||
} | ||
@@ -126,2 +137,5 @@ } | ||
value: 'M600' | ||
}, | ||
gray: { | ||
value: 'N600' | ||
} | ||
@@ -243,2 +257,16 @@ } | ||
} | ||
}, | ||
gray: { | ||
subtlest: { | ||
value: 'N200' | ||
}, | ||
subtler: { | ||
value: 'N300' | ||
}, | ||
subtle: { | ||
value: 'N500' | ||
}, | ||
bolder: { | ||
value: 'N700' | ||
} | ||
} | ||
@@ -245,0 +273,0 @@ } |
@@ -148,2 +148,20 @@ const color = { | ||
} | ||
}, | ||
gray: { | ||
'[default]': { | ||
attributes: { | ||
group: 'paint', | ||
state: 'active', | ||
introduced: '0.10.5', | ||
description: 'Use for text on non-bold gray accent backgrounds, such as colored tags.' | ||
} | ||
}, | ||
bolder: { | ||
attributes: { | ||
group: 'paint', | ||
state: 'active', | ||
introduced: '0.10.5', | ||
description: 'Use for text and icons on gray subtle accent backgrounds.' | ||
} | ||
} | ||
} | ||
@@ -217,2 +235,10 @@ } | ||
} | ||
}, | ||
gray: { | ||
attributes: { | ||
group: 'paint', | ||
state: 'active', | ||
introduced: '0.10.5', | ||
description: 'Use for icons on non-bold gray accent backgrounds, such as file type icons.' | ||
} | ||
} | ||
@@ -286,2 +312,10 @@ } | ||
} | ||
}, | ||
gray: { | ||
attributes: { | ||
group: 'paint', | ||
state: 'active', | ||
introduced: '0.10.5', | ||
description: 'Use for borders on non-bold gray accent backgrounds.' | ||
} | ||
} | ||
@@ -306,3 +340,3 @@ } | ||
introduced: '0.7.0', | ||
description: 'Use for blue backgrounds when there is no meaning tied to the color, such as coloured tags.' | ||
description: 'Use for blue backgrounds when there is no meaning tied to the color, such as colored tags.' | ||
} | ||
@@ -315,3 +349,3 @@ }, | ||
introduced: '0.7.0', | ||
description: 'Use for vibrant blue backgrounds when there is no meaning tied to the color, such as coloured tags.' | ||
description: 'Use for vibrant blue backgrounds when there is no meaning tied to the color, such as colored tags.' | ||
} | ||
@@ -565,2 +599,36 @@ }, | ||
} | ||
}, | ||
gray: { | ||
subtlest: { | ||
attributes: { | ||
group: 'paint', | ||
state: 'active', | ||
introduced: '0.7.0', | ||
description: 'Use for gray backgrounds when there is no meaning tied to the color. Reserved for when you only want a hint of color.' | ||
} | ||
}, | ||
subtler: { | ||
attributes: { | ||
group: 'paint', | ||
state: 'active', | ||
introduced: '0.7.0', | ||
description: 'Use for gray backgrounds when there is no meaning tied to the color, such as colored tags.' | ||
} | ||
}, | ||
subtle: { | ||
attributes: { | ||
group: 'paint', | ||
state: 'active', | ||
introduced: '0.7.0', | ||
description: 'Use for vibrant gray backgrounds when there is no meaning tied to the color, such as colored tags.' | ||
} | ||
}, | ||
bolder: { | ||
attributes: { | ||
group: 'paint', | ||
state: 'active', | ||
introduced: '0.7.0', | ||
description: 'Use for gray backgrounds when there is no meaning tied to the color, and the background needs to pass min 3:1 contrast requirements.' | ||
} | ||
} | ||
} | ||
@@ -567,0 +635,0 @@ } |
@@ -159,3 +159,3 @@ const color = { | ||
replacement: 'color.background.accent.blue.subtler', | ||
description: 'Use for blue backgrounds when there is no meaning tied to the color, such as coloured tags.' | ||
description: 'Use for blue backgrounds when there is no meaning tied to the color, such as colored tags.' | ||
} | ||
@@ -162,0 +162,0 @@ }, |
{ | ||
"name": "@atlaskit/tokens", | ||
"version": "0.10.6", | ||
"version": "0.10.7", | ||
"sideEffects": [ | ||
@@ -5,0 +5,0 @@ "**/*.css" |
@@ -6,3 +6,3 @@ /** | ||
* | ||
* @codegen <<SignedSource::3dd78c77e87d6557a4bade2368be7eb8>> | ||
* @codegen <<SignedSource::a819b31f00d394be417445acd67bd024>> | ||
* @codegenCommand yarn build tokens | ||
@@ -27,2 +27,4 @@ */ | ||
'color.text.accent.magenta.bolder': '#50253F', | ||
'color.text.accent.gray': '#44546F', | ||
'color.text.accent.gray.bolder': '#172B4D', | ||
'color.text': '#172B4D', | ||
@@ -56,2 +58,3 @@ 'color.text.subtle': '#44546F', | ||
'color.icon.accent.magenta': '#CD519D', | ||
'color.icon.accent.gray': '#758195', | ||
'color.icon': '#44546F', | ||
@@ -77,2 +80,3 @@ 'color.icon.subtle': '#626F86', | ||
'color.border.accent.magenta': '#CD519D', | ||
'color.border.accent.gray': '#758195', | ||
'color.border': '#091E4224', | ||
@@ -140,2 +144,6 @@ 'color.border.inverse': '#FFFFFF', | ||
'color.background.accent.magenta.bold': '#E774BB', | ||
'color.background.accent.gray.subtlest': '#F1F2F4', | ||
'color.background.accent.gray.subtler': '#DCDFE4', | ||
'color.background.accent.gray.subtle': '#8993A5', | ||
'color.background.accent.gray.bolder': '#626F86', | ||
'color.background.disabled': '#091E420F', | ||
@@ -142,0 +150,0 @@ 'color.background.inverse.subtle': '#00000029', |
/** | ||
* THIS FILE WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen} | ||
* @codegen <<SignedSource::1ab44c57c547c6cb7bb389b286bdd50f>> | ||
* @codegen <<SignedSource::b251fc1793ba7f689b4c3707310c1556>> | ||
* @codegenCommand yarn build tokens | ||
@@ -23,2 +23,4 @@ */ | ||
'color.text.accent.magenta.bolder': '--ds-text-accent-magenta-bolder', | ||
'color.text.accent.gray': '--ds-text-accent-gray', | ||
'color.text.accent.gray.bolder': '--ds-text-accent-gray-bolder', | ||
'color.text': '--ds-text', | ||
@@ -52,2 +54,3 @@ 'color.text.subtle': '--ds-text-subtle', | ||
'color.icon.accent.magenta': '--ds-icon-accent-magenta', | ||
'color.icon.accent.gray': '--ds-icon-accent-gray', | ||
'color.icon': '--ds-icon', | ||
@@ -73,2 +76,3 @@ 'color.icon.subtle': '--ds-icon-subtle', | ||
'color.border.accent.magenta': '--ds-border-accent-magenta', | ||
'color.border.accent.gray': '--ds-border-accent-gray', | ||
'color.border': '--ds-border', | ||
@@ -136,2 +140,6 @@ 'color.border.inverse': '--ds-border-inverse', | ||
'color.background.accent.magenta.bold': '--ds-background-accent-magenta-bold', | ||
'color.background.accent.gray.subtlest': '--ds-background-accent-gray-subtlest', | ||
'color.background.accent.gray.subtler': '--ds-background-accent-gray-subtler', | ||
'color.background.accent.gray.subtle': '--ds-background-accent-gray-subtle', | ||
'color.background.accent.gray.bolder': '--ds-background-accent-gray-bolder', | ||
'color.background.disabled': '--ds-background-disabled', | ||
@@ -138,0 +146,0 @@ 'color.background.inverse.subtle': '--ds-background-inverse-subtle', |
@@ -5,3 +5,3 @@ import warnOnce from '@atlaskit/ds-lib/warn-once'; | ||
var name = "@atlaskit/tokens"; | ||
var version = "0.10.6"; | ||
var version = "0.10.7"; | ||
@@ -8,0 +8,0 @@ function token(path, fallback) { |
@@ -68,2 +68,10 @@ var color = { | ||
} | ||
}, | ||
gray: { | ||
'[default]': { | ||
value: 'DN800' | ||
}, | ||
bolder: { | ||
value: 'DN1000' | ||
} | ||
} | ||
@@ -97,2 +105,5 @@ } | ||
value: 'M500' | ||
}, | ||
gray: { | ||
value: 'DN600' | ||
} | ||
@@ -126,2 +137,5 @@ } | ||
value: 'M500' | ||
}, | ||
gray: { | ||
value: 'DN600' | ||
} | ||
@@ -243,2 +257,16 @@ } | ||
} | ||
}, | ||
gray: { | ||
subtlest: { | ||
value: 'DN300' | ||
}, | ||
subtler: { | ||
value: 'DN400' | ||
}, | ||
subtle: { | ||
value: 'DN500' | ||
}, | ||
bolder: { | ||
value: 'DN700' | ||
} | ||
} | ||
@@ -245,0 +273,0 @@ } |
@@ -68,2 +68,10 @@ var color = { | ||
} | ||
}, | ||
gray: { | ||
'[default]': { | ||
value: 'N800' | ||
}, | ||
bolder: { | ||
value: 'N1000' | ||
} | ||
} | ||
@@ -97,2 +105,5 @@ } | ||
value: 'M600' | ||
}, | ||
gray: { | ||
value: 'N600' | ||
} | ||
@@ -126,2 +137,5 @@ } | ||
value: 'M600' | ||
}, | ||
gray: { | ||
value: 'N600' | ||
} | ||
@@ -243,2 +257,16 @@ } | ||
} | ||
}, | ||
gray: { | ||
subtlest: { | ||
value: 'N200' | ||
}, | ||
subtler: { | ||
value: 'N300' | ||
}, | ||
subtle: { | ||
value: 'N500' | ||
}, | ||
bolder: { | ||
value: 'N700' | ||
} | ||
} | ||
@@ -245,0 +273,0 @@ } |
@@ -148,2 +148,20 @@ var color = { | ||
} | ||
}, | ||
gray: { | ||
'[default]': { | ||
attributes: { | ||
group: 'paint', | ||
state: 'active', | ||
introduced: '0.10.5', | ||
description: 'Use for text on non-bold gray accent backgrounds, such as colored tags.' | ||
} | ||
}, | ||
bolder: { | ||
attributes: { | ||
group: 'paint', | ||
state: 'active', | ||
introduced: '0.10.5', | ||
description: 'Use for text and icons on gray subtle accent backgrounds.' | ||
} | ||
} | ||
} | ||
@@ -217,2 +235,10 @@ } | ||
} | ||
}, | ||
gray: { | ||
attributes: { | ||
group: 'paint', | ||
state: 'active', | ||
introduced: '0.10.5', | ||
description: 'Use for icons on non-bold gray accent backgrounds, such as file type icons.' | ||
} | ||
} | ||
@@ -286,2 +312,10 @@ } | ||
} | ||
}, | ||
gray: { | ||
attributes: { | ||
group: 'paint', | ||
state: 'active', | ||
introduced: '0.10.5', | ||
description: 'Use for borders on non-bold gray accent backgrounds.' | ||
} | ||
} | ||
@@ -306,3 +340,3 @@ } | ||
introduced: '0.7.0', | ||
description: 'Use for blue backgrounds when there is no meaning tied to the color, such as coloured tags.' | ||
description: 'Use for blue backgrounds when there is no meaning tied to the color, such as colored tags.' | ||
} | ||
@@ -315,3 +349,3 @@ }, | ||
introduced: '0.7.0', | ||
description: 'Use for vibrant blue backgrounds when there is no meaning tied to the color, such as coloured tags.' | ||
description: 'Use for vibrant blue backgrounds when there is no meaning tied to the color, such as colored tags.' | ||
} | ||
@@ -565,2 +599,36 @@ }, | ||
} | ||
}, | ||
gray: { | ||
subtlest: { | ||
attributes: { | ||
group: 'paint', | ||
state: 'active', | ||
introduced: '0.7.0', | ||
description: 'Use for gray backgrounds when there is no meaning tied to the color. Reserved for when you only want a hint of color.' | ||
} | ||
}, | ||
subtler: { | ||
attributes: { | ||
group: 'paint', | ||
state: 'active', | ||
introduced: '0.7.0', | ||
description: 'Use for gray backgrounds when there is no meaning tied to the color, such as colored tags.' | ||
} | ||
}, | ||
subtle: { | ||
attributes: { | ||
group: 'paint', | ||
state: 'active', | ||
introduced: '0.7.0', | ||
description: 'Use for vibrant gray backgrounds when there is no meaning tied to the color, such as colored tags.' | ||
} | ||
}, | ||
bolder: { | ||
attributes: { | ||
group: 'paint', | ||
state: 'active', | ||
introduced: '0.7.0', | ||
description: 'Use for gray backgrounds when there is no meaning tied to the color, and the background needs to pass min 3:1 contrast requirements.' | ||
} | ||
} | ||
} | ||
@@ -567,0 +635,0 @@ } |
@@ -159,3 +159,3 @@ var color = { | ||
replacement: 'color.background.accent.blue.subtler', | ||
description: 'Use for blue backgrounds when there is no meaning tied to the color, such as coloured tags.' | ||
description: 'Use for blue backgrounds when there is no meaning tied to the color, such as colored tags.' | ||
} | ||
@@ -162,0 +162,0 @@ }, |
{ | ||
"name": "@atlaskit/tokens", | ||
"version": "0.10.6", | ||
"version": "0.10.7", | ||
"sideEffects": [ | ||
@@ -5,0 +5,0 @@ "**/*.css" |
@@ -6,3 +6,3 @@ /** | ||
* | ||
* @codegen <<SignedSource::3dd78c77e87d6557a4bade2368be7eb8>> | ||
* @codegen <<SignedSource::a819b31f00d394be417445acd67bd024>> | ||
* @codegenCommand yarn build tokens | ||
@@ -27,2 +27,4 @@ */ | ||
readonly 'color.text.accent.magenta.bolder': "#50253F"; | ||
readonly 'color.text.accent.gray': "#44546F"; | ||
readonly 'color.text.accent.gray.bolder': "#172B4D"; | ||
readonly 'color.text': "#172B4D"; | ||
@@ -56,2 +58,3 @@ readonly 'color.text.subtle': "#44546F"; | ||
readonly 'color.icon.accent.magenta': "#CD519D"; | ||
readonly 'color.icon.accent.gray': "#758195"; | ||
readonly 'color.icon': "#44546F"; | ||
@@ -77,2 +80,3 @@ readonly 'color.icon.subtle': "#626F86"; | ||
readonly 'color.border.accent.magenta': "#CD519D"; | ||
readonly 'color.border.accent.gray': "#758195"; | ||
readonly 'color.border': "#091E4224"; | ||
@@ -140,2 +144,6 @@ readonly 'color.border.inverse': "#FFFFFF"; | ||
readonly 'color.background.accent.magenta.bold': "#E774BB"; | ||
readonly 'color.background.accent.gray.subtlest': "#F1F2F4"; | ||
readonly 'color.background.accent.gray.subtler': "#DCDFE4"; | ||
readonly 'color.background.accent.gray.subtle': "#8993A5"; | ||
readonly 'color.background.accent.gray.bolder': "#626F86"; | ||
readonly 'color.background.disabled': "#091E420F"; | ||
@@ -142,0 +150,0 @@ readonly 'color.background.inverse.subtle': "#00000029"; |
/** | ||
* THIS FILE WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen} | ||
* @codegen <<SignedSource::1ab44c57c547c6cb7bb389b286bdd50f>> | ||
* @codegen <<SignedSource::b251fc1793ba7f689b4c3707310c1556>> | ||
* @codegenCommand yarn build tokens | ||
@@ -23,2 +23,4 @@ */ | ||
readonly 'color.text.accent.magenta.bolder': "--ds-text-accent-magenta-bolder"; | ||
readonly 'color.text.accent.gray': "--ds-text-accent-gray"; | ||
readonly 'color.text.accent.gray.bolder': "--ds-text-accent-gray-bolder"; | ||
readonly 'color.text': "--ds-text"; | ||
@@ -52,2 +54,3 @@ readonly 'color.text.subtle': "--ds-text-subtle"; | ||
readonly 'color.icon.accent.magenta': "--ds-icon-accent-magenta"; | ||
readonly 'color.icon.accent.gray': "--ds-icon-accent-gray"; | ||
readonly 'color.icon': "--ds-icon"; | ||
@@ -73,2 +76,3 @@ readonly 'color.icon.subtle': "--ds-icon-subtle"; | ||
readonly 'color.border.accent.magenta': "--ds-border-accent-magenta"; | ||
readonly 'color.border.accent.gray': "--ds-border-accent-gray"; | ||
readonly 'color.border': "--ds-border"; | ||
@@ -136,2 +140,6 @@ readonly 'color.border.inverse': "--ds-border-inverse"; | ||
readonly 'color.background.accent.magenta.bold': "--ds-background-accent-magenta-bold"; | ||
readonly 'color.background.accent.gray.subtlest': "--ds-background-accent-gray-subtlest"; | ||
readonly 'color.background.accent.gray.subtler': "--ds-background-accent-gray-subtler"; | ||
readonly 'color.background.accent.gray.subtle': "--ds-background-accent-gray-subtle"; | ||
readonly 'color.background.accent.gray.bolder': "--ds-background-accent-gray-bolder"; | ||
readonly 'color.background.disabled': "--ds-background-disabled"; | ||
@@ -303,2 +311,4 @@ readonly 'color.background.inverse.subtle': "--ds-background-inverse-subtle"; | ||
'color.text.accent.magenta.bolder': 'var(--ds-text-accent-magenta-bolder)'; | ||
'color.text.accent.gray': 'var(--ds-text-accent-gray)'; | ||
'color.text.accent.gray.bolder': 'var(--ds-text-accent-gray-bolder)'; | ||
'color.text': 'var(--ds-text)'; | ||
@@ -332,2 +342,3 @@ 'color.text.subtle': 'var(--ds-text-subtle)'; | ||
'color.icon.accent.magenta': 'var(--ds-icon-accent-magenta)'; | ||
'color.icon.accent.gray': 'var(--ds-icon-accent-gray)'; | ||
'color.icon': 'var(--ds-icon)'; | ||
@@ -353,2 +364,3 @@ 'color.icon.subtle': 'var(--ds-icon-subtle)'; | ||
'color.border.accent.magenta': 'var(--ds-border-accent-magenta)'; | ||
'color.border.accent.gray': 'var(--ds-border-accent-gray)'; | ||
'color.border': 'var(--ds-border)'; | ||
@@ -416,2 +428,6 @@ 'color.border.inverse': 'var(--ds-border-inverse)'; | ||
'color.background.accent.magenta.bold': 'var(--ds-background-accent-magenta-bold)'; | ||
'color.background.accent.gray.subtlest': 'var(--ds-background-accent-gray-subtlest)'; | ||
'color.background.accent.gray.subtler': 'var(--ds-background-accent-gray-subtler)'; | ||
'color.background.accent.gray.subtle': 'var(--ds-background-accent-gray-subtle)'; | ||
'color.background.accent.gray.bolder': 'var(--ds-background-accent-gray-bolder)'; | ||
'color.background.disabled': 'var(--ds-background-disabled)'; | ||
@@ -418,0 +434,0 @@ 'color.background.inverse.subtle': 'var(--ds-background-inverse-subtle)'; |
/** | ||
* THIS FILE WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen} | ||
* @codegen <<SignedSource::2790b3e5387d05c20675eb77bb4ec986>> | ||
* @codegen <<SignedSource::3354689a803bcf6799054d3faa65df85>> | ||
* @codegenCommand yarn build tokens | ||
@@ -5,0 +5,0 @@ */ |
/** | ||
* THIS FILE WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen} | ||
* @codegen <<SignedSource::7cdaec19ecd5c921bc01bf32e95ed909>> | ||
* @codegen <<SignedSource::9b6960398363032e220473a356d04712>> | ||
* @codegenCommand yarn build tokens | ||
@@ -5,0 +5,0 @@ */ |
/** | ||
* THIS FILE WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen} | ||
* @codegen <<SignedSource::b41790657bd6ccb424e840279549eee6>> | ||
* @codegen <<SignedSource::1e50fa12ffb87ed9192ae36dd8a7e6e7>> | ||
* @codegenCommand yarn build tokens | ||
*/ | ||
export declare type InternalTokenIds = 'color.text.accent.blue.[default]' | 'color.text.accent.blue.bolder' | 'color.text.accent.red.[default]' | 'color.text.accent.red.bolder' | 'color.text.accent.orange.[default]' | 'color.text.accent.orange.bolder' | 'color.text.accent.yellow.[default]' | 'color.text.accent.yellow.bolder' | 'color.text.accent.green.[default]' | 'color.text.accent.green.bolder' | 'color.text.accent.purple.[default]' | 'color.text.accent.purple.bolder' | 'color.text.accent.teal.[default]' | 'color.text.accent.teal.bolder' | 'color.text.accent.magenta.[default]' | 'color.text.accent.magenta.bolder' | 'color.text.[default]' | 'color.text.subtle' | 'color.text.subtlest' | 'color.text.disabled' | 'color.text.inverse' | 'color.text.brand' | 'color.text.selected' | 'color.text.danger' | 'color.text.warning.[default]' | 'color.text.warning.inverse' | 'color.text.success' | 'color.text.discovery' | 'color.text.information' | 'color.icon.accent.blue' | 'color.icon.accent.red' | 'color.icon.accent.orange' | 'color.icon.accent.yellow' | 'color.icon.accent.green' | 'color.icon.accent.purple' | 'color.icon.accent.teal' | 'color.icon.accent.magenta' | 'color.icon.[default]' | 'color.icon.subtle' | 'color.icon.inverse' | 'color.icon.disabled' | 'color.icon.brand' | 'color.icon.selected' | 'color.icon.danger' | 'color.icon.warning.[default]' | 'color.icon.warning.inverse' | 'color.icon.success' | 'color.icon.discovery' | 'color.icon.information' | 'color.border.accent.blue' | 'color.border.accent.red' | 'color.border.accent.orange' | 'color.border.accent.yellow' | 'color.border.accent.green' | 'color.border.accent.purple' | 'color.border.accent.teal' | 'color.border.accent.magenta' | 'color.border.[default]' | 'color.border.inverse' | 'color.border.focused' | 'color.border.input' | 'color.border.disabled' | 'color.border.brand' | 'color.border.selected' | 'color.border.danger' | 'color.border.warning' | 'color.border.success' | 'color.border.discovery' | 'color.border.information' | 'color.background.accent.blue.subtlest' | 'color.background.accent.blue.subtler' | 'color.background.accent.blue.subtle' | 'color.background.accent.blue.bolder' | 'color.background.accent.red.subtlest' | 'color.background.accent.red.subtler' | 'color.background.accent.red.subtle' | 'color.background.accent.red.bolder' | 'color.background.accent.orange.subtlest' | 'color.background.accent.orange.subtler' | 'color.background.accent.orange.subtle' | 'color.background.accent.orange.bolder' | 'color.background.accent.yellow.subtlest' | 'color.background.accent.yellow.subtler' | 'color.background.accent.yellow.subtle' | 'color.background.accent.yellow.bolder' | 'color.background.accent.green.subtlest' | 'color.background.accent.green.subtler' | 'color.background.accent.green.subtle' | 'color.background.accent.green.bolder' | 'color.background.accent.teal.subtlest' | 'color.background.accent.teal.subtler' | 'color.background.accent.teal.subtle' | 'color.background.accent.teal.bolder' | 'color.background.accent.purple.subtlest' | 'color.background.accent.purple.subtler' | 'color.background.accent.purple.subtle' | 'color.background.accent.purple.bolder' | 'color.background.accent.magenta.subtlest' | 'color.background.accent.magenta.subtler' | 'color.background.accent.magenta.subtle' | 'color.background.accent.magenta.bolder' | 'color.background.disabled' | 'color.background.inverse.subtle.[default]' | 'color.background.inverse.subtle.hovered' | 'color.background.inverse.subtle.pressed' | 'color.background.input.[default]' | 'color.background.input.hovered' | 'color.background.input.pressed' | 'color.background.neutral.[default].[default]' | 'color.background.neutral.[default].hovered' | 'color.background.neutral.[default].pressed' | 'color.background.neutral.subtle.[default]' | 'color.background.neutral.subtle.hovered' | 'color.background.neutral.subtle.pressed' | 'color.background.neutral.bold.[default]' | 'color.background.neutral.bold.hovered' | 'color.background.neutral.bold.pressed' | 'color.background.brand.bold.[default]' | 'color.background.brand.bold.hovered' | 'color.background.brand.bold.pressed' | 'color.background.selected.[default].[default]' | 'color.background.selected.[default].hovered' | 'color.background.selected.[default].pressed' | 'color.background.selected.bold.[default]' | 'color.background.selected.bold.hovered' | 'color.background.selected.bold.pressed' | 'color.background.danger.[default].[default]' | 'color.background.danger.[default].hovered' | 'color.background.danger.[default].pressed' | 'color.background.danger.bold.[default]' | 'color.background.danger.bold.hovered' | 'color.background.danger.bold.pressed' | 'color.background.warning.[default].[default]' | 'color.background.warning.[default].hovered' | 'color.background.warning.[default].pressed' | 'color.background.warning.bold.[default]' | 'color.background.warning.bold.hovered' | 'color.background.warning.bold.pressed' | 'color.background.success.[default].[default]' | 'color.background.success.[default].hovered' | 'color.background.success.[default].pressed' | 'color.background.success.bold.[default]' | 'color.background.success.bold.hovered' | 'color.background.success.bold.pressed' | 'color.background.discovery.[default].[default]' | 'color.background.discovery.[default].hovered' | 'color.background.discovery.[default].pressed' | 'color.background.discovery.bold.[default]' | 'color.background.discovery.bold.hovered' | 'color.background.discovery.bold.pressed' | 'color.background.information.[default].[default]' | 'color.background.information.[default].hovered' | 'color.background.information.[default].pressed' | 'color.background.information.bold.[default]' | 'color.background.information.bold.hovered' | 'color.background.information.bold.pressed' | 'color.blanket.[default]' | 'color.blanket.selected' | 'color.blanket.danger' | 'color.interaction.hovered' | 'color.interaction.pressed' | 'color.interaction.inverse.hovered' | 'color.interaction.inverse.pressed' | 'color.skeleton.[default]' | 'color.skeleton.subtle' | 'color.link.[default]' | 'color.link.pressed' | 'elevation.shadow.raised' | 'elevation.shadow.overflow' | 'elevation.shadow.overlay' | 'elevation.surface.[default]' | 'elevation.surface.sunken' | 'elevation.surface.raised' | 'elevation.surface.overlay' | 'utility.UNSAFE_util.transparent' | 'utility.UNSAFE_util.MISSING_TOKEN'; | ||
export declare type InternalTokenIds = 'color.text.accent.blue.[default]' | 'color.text.accent.blue.bolder' | 'color.text.accent.red.[default]' | 'color.text.accent.red.bolder' | 'color.text.accent.orange.[default]' | 'color.text.accent.orange.bolder' | 'color.text.accent.yellow.[default]' | 'color.text.accent.yellow.bolder' | 'color.text.accent.green.[default]' | 'color.text.accent.green.bolder' | 'color.text.accent.purple.[default]' | 'color.text.accent.purple.bolder' | 'color.text.accent.teal.[default]' | 'color.text.accent.teal.bolder' | 'color.text.accent.magenta.[default]' | 'color.text.accent.magenta.bolder' | 'color.text.accent.gray.[default]' | 'color.text.accent.gray.bolder' | 'color.text.[default]' | 'color.text.subtle' | 'color.text.subtlest' | 'color.text.disabled' | 'color.text.inverse' | 'color.text.brand' | 'color.text.selected' | 'color.text.danger' | 'color.text.warning.[default]' | 'color.text.warning.inverse' | 'color.text.success' | 'color.text.discovery' | 'color.text.information' | 'color.icon.accent.blue' | 'color.icon.accent.red' | 'color.icon.accent.orange' | 'color.icon.accent.yellow' | 'color.icon.accent.green' | 'color.icon.accent.purple' | 'color.icon.accent.teal' | 'color.icon.accent.magenta' | 'color.icon.accent.gray' | 'color.icon.[default]' | 'color.icon.subtle' | 'color.icon.inverse' | 'color.icon.disabled' | 'color.icon.brand' | 'color.icon.selected' | 'color.icon.danger' | 'color.icon.warning.[default]' | 'color.icon.warning.inverse' | 'color.icon.success' | 'color.icon.discovery' | 'color.icon.information' | 'color.border.accent.blue' | 'color.border.accent.red' | 'color.border.accent.orange' | 'color.border.accent.yellow' | 'color.border.accent.green' | 'color.border.accent.purple' | 'color.border.accent.teal' | 'color.border.accent.magenta' | 'color.border.accent.gray' | 'color.border.[default]' | 'color.border.inverse' | 'color.border.focused' | 'color.border.input' | 'color.border.disabled' | 'color.border.brand' | 'color.border.selected' | 'color.border.danger' | 'color.border.warning' | 'color.border.success' | 'color.border.discovery' | 'color.border.information' | 'color.background.accent.blue.subtlest' | 'color.background.accent.blue.subtler' | 'color.background.accent.blue.subtle' | 'color.background.accent.blue.bolder' | 'color.background.accent.red.subtlest' | 'color.background.accent.red.subtler' | 'color.background.accent.red.subtle' | 'color.background.accent.red.bolder' | 'color.background.accent.orange.subtlest' | 'color.background.accent.orange.subtler' | 'color.background.accent.orange.subtle' | 'color.background.accent.orange.bolder' | 'color.background.accent.yellow.subtlest' | 'color.background.accent.yellow.subtler' | 'color.background.accent.yellow.subtle' | 'color.background.accent.yellow.bolder' | 'color.background.accent.green.subtlest' | 'color.background.accent.green.subtler' | 'color.background.accent.green.subtle' | 'color.background.accent.green.bolder' | 'color.background.accent.teal.subtlest' | 'color.background.accent.teal.subtler' | 'color.background.accent.teal.subtle' | 'color.background.accent.teal.bolder' | 'color.background.accent.purple.subtlest' | 'color.background.accent.purple.subtler' | 'color.background.accent.purple.subtle' | 'color.background.accent.purple.bolder' | 'color.background.accent.magenta.subtlest' | 'color.background.accent.magenta.subtler' | 'color.background.accent.magenta.subtle' | 'color.background.accent.magenta.bolder' | 'color.background.accent.gray.subtlest' | 'color.background.accent.gray.subtler' | 'color.background.accent.gray.subtle' | 'color.background.accent.gray.bolder' | 'color.background.disabled' | 'color.background.inverse.subtle.[default]' | 'color.background.inverse.subtle.hovered' | 'color.background.inverse.subtle.pressed' | 'color.background.input.[default]' | 'color.background.input.hovered' | 'color.background.input.pressed' | 'color.background.neutral.[default].[default]' | 'color.background.neutral.[default].hovered' | 'color.background.neutral.[default].pressed' | 'color.background.neutral.subtle.[default]' | 'color.background.neutral.subtle.hovered' | 'color.background.neutral.subtle.pressed' | 'color.background.neutral.bold.[default]' | 'color.background.neutral.bold.hovered' | 'color.background.neutral.bold.pressed' | 'color.background.brand.bold.[default]' | 'color.background.brand.bold.hovered' | 'color.background.brand.bold.pressed' | 'color.background.selected.[default].[default]' | 'color.background.selected.[default].hovered' | 'color.background.selected.[default].pressed' | 'color.background.selected.bold.[default]' | 'color.background.selected.bold.hovered' | 'color.background.selected.bold.pressed' | 'color.background.danger.[default].[default]' | 'color.background.danger.[default].hovered' | 'color.background.danger.[default].pressed' | 'color.background.danger.bold.[default]' | 'color.background.danger.bold.hovered' | 'color.background.danger.bold.pressed' | 'color.background.warning.[default].[default]' | 'color.background.warning.[default].hovered' | 'color.background.warning.[default].pressed' | 'color.background.warning.bold.[default]' | 'color.background.warning.bold.hovered' | 'color.background.warning.bold.pressed' | 'color.background.success.[default].[default]' | 'color.background.success.[default].hovered' | 'color.background.success.[default].pressed' | 'color.background.success.bold.[default]' | 'color.background.success.bold.hovered' | 'color.background.success.bold.pressed' | 'color.background.discovery.[default].[default]' | 'color.background.discovery.[default].hovered' | 'color.background.discovery.[default].pressed' | 'color.background.discovery.bold.[default]' | 'color.background.discovery.bold.hovered' | 'color.background.discovery.bold.pressed' | 'color.background.information.[default].[default]' | 'color.background.information.[default].hovered' | 'color.background.information.[default].pressed' | 'color.background.information.bold.[default]' | 'color.background.information.bold.hovered' | 'color.background.information.bold.pressed' | 'color.blanket.[default]' | 'color.blanket.selected' | 'color.blanket.danger' | 'color.interaction.hovered' | 'color.interaction.pressed' | 'color.interaction.inverse.hovered' | 'color.interaction.inverse.pressed' | 'color.skeleton.[default]' | 'color.skeleton.subtle' | 'color.link.[default]' | 'color.link.pressed' | 'elevation.shadow.raised' | 'elevation.shadow.overflow' | 'elevation.shadow.overlay' | 'elevation.surface.[default]' | 'elevation.surface.sunken' | 'elevation.surface.raised' | 'elevation.surface.overlay' | 'utility.UNSAFE_util.transparent' | 'utility.UNSAFE_util.MISSING_TOKEN'; |
/** | ||
* THIS FILE WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen} | ||
* @codegen <<SignedSource::cbc11cad85705333139fd9d6eda82f31>> | ||
* @codegen <<SignedSource::0c60c851ecd817e78931dc713608d150>> | ||
* @codegenCommand yarn build tokens | ||
*/ | ||
export declare type ActiveTokens = 'color.text.accent.blue' | 'color.text.accent.blue.bolder' | 'color.text.accent.red' | 'color.text.accent.red.bolder' | 'color.text.accent.orange' | 'color.text.accent.orange.bolder' | 'color.text.accent.yellow' | 'color.text.accent.yellow.bolder' | 'color.text.accent.green' | 'color.text.accent.green.bolder' | 'color.text.accent.purple' | 'color.text.accent.purple.bolder' | 'color.text.accent.teal' | 'color.text.accent.teal.bolder' | 'color.text.accent.magenta' | 'color.text.accent.magenta.bolder' | 'color.text' | 'color.text.subtle' | 'color.text.subtlest' | 'color.text.disabled' | 'color.text.inverse' | 'color.text.brand' | 'color.text.selected' | 'color.text.danger' | 'color.text.warning' | 'color.text.warning.inverse' | 'color.text.success' | 'color.text.discovery' | 'color.text.information' | 'color.icon.accent.blue' | 'color.icon.accent.red' | 'color.icon.accent.orange' | 'color.icon.accent.yellow' | 'color.icon.accent.green' | 'color.icon.accent.purple' | 'color.icon.accent.teal' | 'color.icon.accent.magenta' | 'color.icon' | 'color.icon.subtle' | 'color.icon.inverse' | 'color.icon.disabled' | 'color.icon.brand' | 'color.icon.selected' | 'color.icon.danger' | 'color.icon.warning' | 'color.icon.warning.inverse' | 'color.icon.success' | 'color.icon.discovery' | 'color.icon.information' | 'color.border.accent.blue' | 'color.border.accent.red' | 'color.border.accent.orange' | 'color.border.accent.yellow' | 'color.border.accent.green' | 'color.border.accent.purple' | 'color.border.accent.teal' | 'color.border.accent.magenta' | 'color.border' | 'color.border.inverse' | 'color.border.focused' | 'color.border.input' | 'color.border.disabled' | 'color.border.brand' | 'color.border.selected' | 'color.border.danger' | 'color.border.warning' | 'color.border.success' | 'color.border.discovery' | 'color.border.information' | 'color.background.accent.blue.subtlest' | 'color.background.accent.blue.subtler' | 'color.background.accent.blue.subtle' | 'color.background.accent.blue.bolder' | 'color.background.accent.red.subtlest' | 'color.background.accent.red.subtler' | 'color.background.accent.red.subtle' | 'color.background.accent.red.bolder' | 'color.background.accent.orange.subtlest' | 'color.background.accent.orange.subtler' | 'color.background.accent.orange.subtle' | 'color.background.accent.orange.bolder' | 'color.background.accent.yellow.subtlest' | 'color.background.accent.yellow.subtler' | 'color.background.accent.yellow.subtle' | 'color.background.accent.yellow.bolder' | 'color.background.accent.green.subtlest' | 'color.background.accent.green.subtler' | 'color.background.accent.green.subtle' | 'color.background.accent.green.bolder' | 'color.background.accent.teal.subtlest' | 'color.background.accent.teal.subtler' | 'color.background.accent.teal.subtle' | 'color.background.accent.teal.bolder' | 'color.background.accent.purple.subtlest' | 'color.background.accent.purple.subtler' | 'color.background.accent.purple.subtle' | 'color.background.accent.purple.bolder' | 'color.background.accent.magenta.subtlest' | 'color.background.accent.magenta.subtler' | 'color.background.accent.magenta.subtle' | 'color.background.accent.magenta.bolder' | 'color.background.disabled' | 'color.background.inverse.subtle' | 'color.background.inverse.subtle.hovered' | 'color.background.inverse.subtle.pressed' | 'color.background.input' | 'color.background.input.hovered' | 'color.background.input.pressed' | 'color.background.neutral' | 'color.background.neutral.hovered' | 'color.background.neutral.pressed' | 'color.background.neutral.subtle' | 'color.background.neutral.subtle.hovered' | 'color.background.neutral.subtle.pressed' | 'color.background.neutral.bold' | 'color.background.neutral.bold.hovered' | 'color.background.neutral.bold.pressed' | 'color.background.brand.bold' | 'color.background.brand.bold.hovered' | 'color.background.brand.bold.pressed' | 'color.background.selected' | 'color.background.selected.hovered' | 'color.background.selected.pressed' | 'color.background.selected.bold' | 'color.background.selected.bold.hovered' | 'color.background.selected.bold.pressed' | 'color.background.danger' | 'color.background.danger.hovered' | 'color.background.danger.pressed' | 'color.background.danger.bold' | 'color.background.danger.bold.hovered' | 'color.background.danger.bold.pressed' | 'color.background.warning' | 'color.background.warning.hovered' | 'color.background.warning.pressed' | 'color.background.warning.bold' | 'color.background.warning.bold.hovered' | 'color.background.warning.bold.pressed' | 'color.background.success' | 'color.background.success.hovered' | 'color.background.success.pressed' | 'color.background.success.bold' | 'color.background.success.bold.hovered' | 'color.background.success.bold.pressed' | 'color.background.discovery' | 'color.background.discovery.hovered' | 'color.background.discovery.pressed' | 'color.background.discovery.bold' | 'color.background.discovery.bold.hovered' | 'color.background.discovery.bold.pressed' | 'color.background.information' | 'color.background.information.hovered' | 'color.background.information.pressed' | 'color.background.information.bold' | 'color.background.information.bold.hovered' | 'color.background.information.bold.pressed' | 'color.blanket' | 'color.blanket.selected' | 'color.blanket.danger' | 'color.interaction.hovered' | 'color.interaction.pressed' | 'color.interaction.inverse.hovered' | 'color.interaction.inverse.pressed' | 'color.skeleton' | 'color.skeleton.subtle' | 'color.link' | 'color.link.pressed' | 'elevation.shadow.raised' | 'elevation.shadow.overflow' | 'elevation.shadow.overlay' | 'elevation.surface' | 'elevation.surface.sunken' | 'elevation.surface.raised' | 'elevation.surface.overlay' | 'utility.UNSAFE_util.transparent' | 'utility.UNSAFE_util.MISSING_TOKEN'; | ||
export declare type ActiveTokens = 'color.text.accent.blue' | 'color.text.accent.blue.bolder' | 'color.text.accent.red' | 'color.text.accent.red.bolder' | 'color.text.accent.orange' | 'color.text.accent.orange.bolder' | 'color.text.accent.yellow' | 'color.text.accent.yellow.bolder' | 'color.text.accent.green' | 'color.text.accent.green.bolder' | 'color.text.accent.purple' | 'color.text.accent.purple.bolder' | 'color.text.accent.teal' | 'color.text.accent.teal.bolder' | 'color.text.accent.magenta' | 'color.text.accent.magenta.bolder' | 'color.text.accent.gray' | 'color.text.accent.gray.bolder' | 'color.text' | 'color.text.subtle' | 'color.text.subtlest' | 'color.text.disabled' | 'color.text.inverse' | 'color.text.brand' | 'color.text.selected' | 'color.text.danger' | 'color.text.warning' | 'color.text.warning.inverse' | 'color.text.success' | 'color.text.discovery' | 'color.text.information' | 'color.icon.accent.blue' | 'color.icon.accent.red' | 'color.icon.accent.orange' | 'color.icon.accent.yellow' | 'color.icon.accent.green' | 'color.icon.accent.purple' | 'color.icon.accent.teal' | 'color.icon.accent.magenta' | 'color.icon.accent.gray' | 'color.icon' | 'color.icon.subtle' | 'color.icon.inverse' | 'color.icon.disabled' | 'color.icon.brand' | 'color.icon.selected' | 'color.icon.danger' | 'color.icon.warning' | 'color.icon.warning.inverse' | 'color.icon.success' | 'color.icon.discovery' | 'color.icon.information' | 'color.border.accent.blue' | 'color.border.accent.red' | 'color.border.accent.orange' | 'color.border.accent.yellow' | 'color.border.accent.green' | 'color.border.accent.purple' | 'color.border.accent.teal' | 'color.border.accent.magenta' | 'color.border.accent.gray' | 'color.border' | 'color.border.inverse' | 'color.border.focused' | 'color.border.input' | 'color.border.disabled' | 'color.border.brand' | 'color.border.selected' | 'color.border.danger' | 'color.border.warning' | 'color.border.success' | 'color.border.discovery' | 'color.border.information' | 'color.background.accent.blue.subtlest' | 'color.background.accent.blue.subtler' | 'color.background.accent.blue.subtle' | 'color.background.accent.blue.bolder' | 'color.background.accent.red.subtlest' | 'color.background.accent.red.subtler' | 'color.background.accent.red.subtle' | 'color.background.accent.red.bolder' | 'color.background.accent.orange.subtlest' | 'color.background.accent.orange.subtler' | 'color.background.accent.orange.subtle' | 'color.background.accent.orange.bolder' | 'color.background.accent.yellow.subtlest' | 'color.background.accent.yellow.subtler' | 'color.background.accent.yellow.subtle' | 'color.background.accent.yellow.bolder' | 'color.background.accent.green.subtlest' | 'color.background.accent.green.subtler' | 'color.background.accent.green.subtle' | 'color.background.accent.green.bolder' | 'color.background.accent.teal.subtlest' | 'color.background.accent.teal.subtler' | 'color.background.accent.teal.subtle' | 'color.background.accent.teal.bolder' | 'color.background.accent.purple.subtlest' | 'color.background.accent.purple.subtler' | 'color.background.accent.purple.subtle' | 'color.background.accent.purple.bolder' | 'color.background.accent.magenta.subtlest' | 'color.background.accent.magenta.subtler' | 'color.background.accent.magenta.subtle' | 'color.background.accent.magenta.bolder' | 'color.background.accent.gray.subtlest' | 'color.background.accent.gray.subtler' | 'color.background.accent.gray.subtle' | 'color.background.accent.gray.bolder' | 'color.background.disabled' | 'color.background.inverse.subtle' | 'color.background.inverse.subtle.hovered' | 'color.background.inverse.subtle.pressed' | 'color.background.input' | 'color.background.input.hovered' | 'color.background.input.pressed' | 'color.background.neutral' | 'color.background.neutral.hovered' | 'color.background.neutral.pressed' | 'color.background.neutral.subtle' | 'color.background.neutral.subtle.hovered' | 'color.background.neutral.subtle.pressed' | 'color.background.neutral.bold' | 'color.background.neutral.bold.hovered' | 'color.background.neutral.bold.pressed' | 'color.background.brand.bold' | 'color.background.brand.bold.hovered' | 'color.background.brand.bold.pressed' | 'color.background.selected' | 'color.background.selected.hovered' | 'color.background.selected.pressed' | 'color.background.selected.bold' | 'color.background.selected.bold.hovered' | 'color.background.selected.bold.pressed' | 'color.background.danger' | 'color.background.danger.hovered' | 'color.background.danger.pressed' | 'color.background.danger.bold' | 'color.background.danger.bold.hovered' | 'color.background.danger.bold.pressed' | 'color.background.warning' | 'color.background.warning.hovered' | 'color.background.warning.pressed' | 'color.background.warning.bold' | 'color.background.warning.bold.hovered' | 'color.background.warning.bold.pressed' | 'color.background.success' | 'color.background.success.hovered' | 'color.background.success.pressed' | 'color.background.success.bold' | 'color.background.success.bold.hovered' | 'color.background.success.bold.pressed' | 'color.background.discovery' | 'color.background.discovery.hovered' | 'color.background.discovery.pressed' | 'color.background.discovery.bold' | 'color.background.discovery.bold.hovered' | 'color.background.discovery.bold.pressed' | 'color.background.information' | 'color.background.information.hovered' | 'color.background.information.pressed' | 'color.background.information.bold' | 'color.background.information.bold.hovered' | 'color.background.information.bold.pressed' | 'color.blanket' | 'color.blanket.selected' | 'color.blanket.danger' | 'color.interaction.hovered' | 'color.interaction.pressed' | 'color.interaction.inverse.hovered' | 'color.interaction.inverse.pressed' | 'color.skeleton' | 'color.skeleton.subtle' | 'color.link' | 'color.link.pressed' | 'elevation.shadow.raised' | 'elevation.shadow.overflow' | 'elevation.shadow.overlay' | 'elevation.surface' | 'elevation.surface.sunken' | 'elevation.surface.raised' | 'elevation.surface.overlay' | 'utility.UNSAFE_util.transparent' | 'utility.UNSAFE_util.MISSING_TOKEN'; |
@@ -426,2 +426,6 @@ import { InternalTokenIds } from './artifacts/types-internal'; | ||
}; | ||
gray: { | ||
'[default]': PaintToken; | ||
bolder: PaintToken; | ||
}; | ||
}; | ||
@@ -439,2 +443,3 @@ }; | ||
magenta: PaintToken; | ||
gray: PaintToken; | ||
}; | ||
@@ -452,2 +457,3 @@ }; | ||
magenta: PaintToken; | ||
gray: PaintToken; | ||
}; | ||
@@ -505,2 +511,8 @@ }; | ||
}; | ||
gray: { | ||
subtlest: PaintToken; | ||
subtler: PaintToken; | ||
subtle: PaintToken; | ||
bolder: PaintToken; | ||
}; | ||
}; | ||
@@ -507,0 +519,0 @@ }; |
{ | ||
"name": "@atlaskit/tokens", | ||
"version": "0.10.6", | ||
"version": "0.10.7", | ||
"author": "Atlassian Pty Ltd", | ||
@@ -5,0 +5,0 @@ "description": "Design tokens are the single source of truth to name and store design decisions.", |
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is too big to display
Sorry, the diff of this file is too big to display
Sorry, the diff of this file is too big to display
Sorry, the diff of this file is too big to display
Sorry, the diff of this file is too big to display
Sorry, the diff of this file is too big to display
License Policy Violation
LicenseThis package is not allowed per your license policy. Review the package's license to ensure compliance.
Found 1 instance in 1 package
License Policy Violation
LicenseThis package is not allowed per your license policy. Review the package's license to ensure compliance.
Found 1 instance in 1 package
2261614
72298