@atlaskit/tokens 0.9.2 → 0.9.5
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG.md +18 -0
- package/css/atlassian-dark.css +7 -4
- package/css/atlassian-light.css +7 -4
- package/dist/cjs/artifacts/palettes-raw.js +6 -2
- package/dist/cjs/artifacts/rename-mapping.js +8 -4
- package/dist/cjs/artifacts/token-default-values.js +8 -5
- package/dist/cjs/artifacts/token-names.js +6 -2
- package/dist/cjs/artifacts/tokens-raw/atlassian-dark.js +10 -6
- package/dist/cjs/artifacts/tokens-raw/atlassian-light.js +10 -6
- package/dist/cjs/get-token.js +1 -1
- package/dist/cjs/tokens/atlassian-dark/color/background.js +2 -2
- package/dist/cjs/tokens/atlassian-light/color/background.js +2 -2
- package/dist/cjs/version.json +1 -1
- package/dist/es2019/artifacts/palettes-raw.js +5 -2
- package/dist/es2019/artifacts/rename-mapping.js +8 -5
- package/dist/es2019/artifacts/token-default-values.js +8 -6
- package/dist/es2019/artifacts/token-names.js +5 -2
- package/dist/es2019/artifacts/tokens-raw/atlassian-dark.js +9 -6
- package/dist/es2019/artifacts/tokens-raw/atlassian-light.js +9 -6
- package/dist/es2019/get-token.js +1 -1
- package/dist/es2019/tokens/atlassian-dark/color/background.js +2 -2
- package/dist/es2019/tokens/atlassian-light/color/background.js +2 -2
- package/dist/es2019/version.json +1 -1
- package/dist/esm/artifacts/palettes-raw.js +5 -2
- package/dist/esm/artifacts/rename-mapping.js +8 -5
- package/dist/esm/artifacts/token-default-values.js +8 -6
- package/dist/esm/artifacts/token-names.js +5 -2
- package/dist/esm/artifacts/tokens-raw/atlassian-dark.js +9 -6
- package/dist/esm/artifacts/tokens-raw/atlassian-light.js +9 -6
- package/dist/esm/get-token.js +1 -1
- package/dist/esm/tokens/atlassian-dark/color/background.js +2 -2
- package/dist/esm/tokens/atlassian-light/color/background.js +2 -2
- package/dist/esm/version.json +1 -1
- package/dist/types/artifacts/palettes-raw.d.ts +5 -0
- package/dist/types/artifacts/rename-mapping.d.ts +8 -3
- package/dist/types/artifacts/token-default-values.d.ts +8 -3
- package/dist/types/artifacts/token-names.d.ts +5 -0
- package/dist/types/artifacts/tokens-raw/atlassian-dark.d.ts +5 -0
- package/dist/types/artifacts/tokens-raw/atlassian-light.d.ts +5 -0
- package/dist/types/artifacts/types-internal.d.ts +3 -1
- package/dist/types/artifacts/types.d.ts +3 -1
- package/package.json +10 -6
package/CHANGELOG.md
CHANGED
|
@@ -1,5 +1,23 @@
|
|
|
1
1
|
# @atlaskit/tokens
|
|
2
2
|
|
|
3
|
+
## 0.9.5
|
|
4
|
+
|
|
5
|
+
### Patch Changes
|
|
6
|
+
|
|
7
|
+
- [`4942487a9f6`](https://bitbucket.org/atlassian/atlassian-frontend/commits/4942487a9f6) - Fixes internal representation of CSS entrypoints for themes. This is an internal change only and does not effect public APIs.
|
|
8
|
+
|
|
9
|
+
## 0.9.4
|
|
10
|
+
|
|
11
|
+
### Patch Changes
|
|
12
|
+
|
|
13
|
+
- [`1dad88929cd`](https://bitbucket.org/atlassian/atlassian-frontend/commits/1dad88929cd) - Adds the `@af/codegen` package that is designed to be used in concert with packages that utilise built assets in their source. Initial release adds an integrity header to assets from `@atlaskit/tokens`.
|
|
14
|
+
|
|
15
|
+
## 0.9.3
|
|
16
|
+
|
|
17
|
+
### Patch Changes
|
|
18
|
+
|
|
19
|
+
- [`ae9eab2df7d`](https://bitbucket.org/atlassian/atlassian-frontend/commits/ae9eab2df7d) - Fixing blanket selected and danger tokens that were 80% instead of 8% opacity
|
|
20
|
+
|
|
3
21
|
## 0.9.2
|
|
4
22
|
|
|
5
23
|
### Patch Changes
|
package/css/atlassian-dark.css
CHANGED
|
@@ -1,5 +1,8 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
1
|
+
/**
|
|
2
|
+
* THIS FILE WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
|
|
3
|
+
* @codegen <<SignedSource::72839d415565553fa9a4a239d93dc7e1>>
|
|
4
|
+
* @codegenCommand yarn build tokens
|
|
5
|
+
*/
|
|
3
6
|
html[data-theme="dark"] {
|
|
4
7
|
--ds-text-accent-blue: #85B8FF;
|
|
5
8
|
--ds-text-accent-blue-bolder: #CCE0FF;
|
|
@@ -234,8 +237,8 @@ html[data-theme="dark"] {
|
|
|
234
237
|
--ds-background-transparentNeutral-hover: #A1BDD914;
|
|
235
238
|
--ds-background-transparentNeutral-pressed: #A6C5E229;
|
|
236
239
|
--ds-blanket: #03040442;
|
|
237
|
-
--ds-blanket-selected: #
|
|
238
|
-
--ds-blanket-danger: #
|
|
240
|
+
--ds-blanket-selected: #1D7AFC14;
|
|
241
|
+
--ds-blanket-danger: #E3493514;
|
|
239
242
|
--ds-interaction-hovered: #00000029;
|
|
240
243
|
--ds-interaction-pressed: #00000052;
|
|
241
244
|
--ds-interaction-inverse-hovered: #ffffff33;
|
package/css/atlassian-light.css
CHANGED
|
@@ -1,5 +1,8 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
1
|
+
/**
|
|
2
|
+
* THIS FILE WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
|
|
3
|
+
* @codegen <<SignedSource::a31766961d6fde4e7bcac3fcab880711>>
|
|
4
|
+
* @codegenCommand yarn build tokens
|
|
5
|
+
*/
|
|
3
6
|
:root, html[data-theme="light"] {
|
|
4
7
|
--ds-text-accent-blue: #0055CC;
|
|
5
8
|
--ds-text-accent-blue-bolder: #09326C;
|
|
@@ -234,8 +237,8 @@
|
|
|
234
237
|
--ds-background-transparentNeutral-hover: #091E420F;
|
|
235
238
|
--ds-background-transparentNeutral-pressed: #091E4224;
|
|
236
239
|
--ds-blanket: #091E427A;
|
|
237
|
-
--ds-blanket-selected: #
|
|
238
|
-
--ds-blanket-danger: #
|
|
240
|
+
--ds-blanket-selected: #388BFF14;
|
|
241
|
+
--ds-blanket-danger: #EF5C4814;
|
|
239
242
|
--ds-interaction-hovered: #ffffff33;
|
|
240
243
|
--ds-interaction-pressed: #ffffff5c;
|
|
241
244
|
--ds-interaction-inverse-hovered: #00000029;
|
|
@@ -4,8 +4,12 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
4
4
|
value: true
|
|
5
5
|
});
|
|
6
6
|
exports.default = void 0;
|
|
7
|
-
|
|
8
|
-
|
|
7
|
+
|
|
8
|
+
/**
|
|
9
|
+
* THIS FILE WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
|
|
10
|
+
* @codegen <<SignedSource::abcdccc44ca6140b822aacad9e9070cc>>
|
|
11
|
+
* @codegenCommand yarn build tokens
|
|
12
|
+
*/
|
|
9
13
|
var tokens = [{
|
|
10
14
|
"value": "#E9F2FF",
|
|
11
15
|
"attributes": {
|
|
@@ -4,19 +4,23 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
4
4
|
value: true
|
|
5
5
|
});
|
|
6
6
|
exports.default = void 0;
|
|
7
|
-
// THIS IS AN AUTO-GENERATED FILE DO NOT MODIFY DIRECTLY
|
|
8
7
|
|
|
9
8
|
/**
|
|
9
|
+
* THIS FILE WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
|
|
10
|
+
*
|
|
10
11
|
* This file is intended to help automate renaming of tokens.
|
|
11
12
|
*
|
|
12
13
|
* 1. Mark the old token's 'state' as deprecated
|
|
13
14
|
* 2. Add a 'rename' attribute to the token with the value 'my.new.token'
|
|
14
15
|
* 3. Create a new token matching the token above: 'my.new.token'
|
|
15
16
|
* 4. Run 'yarn build tokens' to have you changes reflected in this map
|
|
16
|
-
* 5.
|
|
17
|
+
* 5. ESLint and other tools will now use this to automate replacing tokens
|
|
18
|
+
*
|
|
19
|
+
* These changes will then be picked up by our tooling which will attempt to
|
|
20
|
+
* migrate as many of these renames as possible.
|
|
17
21
|
*
|
|
18
|
-
*
|
|
19
|
-
*
|
|
22
|
+
* @codegen <<SignedSource::dd934162c3393bce214d694d47bbcf2a>>
|
|
23
|
+
* @codegenCommand yarn build tokens
|
|
20
24
|
*/
|
|
21
25
|
var renameMapper = [{
|
|
22
26
|
"path": "color.text.highEmphasis",
|
|
@@ -4,11 +4,14 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
4
4
|
value: true
|
|
5
5
|
});
|
|
6
6
|
exports.default = void 0;
|
|
7
|
-
// THIS IS AN AUTO-GENERATED FILE DO NOT MODIFY DIRECTLY
|
|
8
|
-
// Re-generate by running `yarn build tokens`.
|
|
9
7
|
|
|
10
8
|
/**
|
|
11
|
-
*
|
|
9
|
+
* THIS FILE WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
|
|
10
|
+
*
|
|
11
|
+
* Token names mapped to their value in the default Atlassian theme ('light')
|
|
12
|
+
*
|
|
13
|
+
* @codegen <<SignedSource::3dd78c77e87d6557a4bade2368be7eb8>>
|
|
14
|
+
* @codegenCommand yarn build tokens
|
|
12
15
|
*/
|
|
13
16
|
var defaultTokenValues = {
|
|
14
17
|
'color.text.accent.blue': '#0055CC',
|
|
@@ -244,8 +247,8 @@ var defaultTokenValues = {
|
|
|
244
247
|
'color.background.transparentNeutral.hover': '#091E420F',
|
|
245
248
|
'color.background.transparentNeutral.pressed': '#091E4224',
|
|
246
249
|
'color.blanket': '#091E427A',
|
|
247
|
-
'color.blanket.selected': '#
|
|
248
|
-
'color.blanket.danger': '#
|
|
250
|
+
'color.blanket.selected': '#388BFF14',
|
|
251
|
+
'color.blanket.danger': '#EF5C4814',
|
|
249
252
|
'color.interaction.hovered': '#ffffff33',
|
|
250
253
|
'color.interaction.pressed': '#ffffff5c',
|
|
251
254
|
'color.interaction.inverse.hovered': '#00000029',
|
|
@@ -4,8 +4,12 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
4
4
|
value: true
|
|
5
5
|
});
|
|
6
6
|
exports.default = void 0;
|
|
7
|
-
|
|
8
|
-
|
|
7
|
+
|
|
8
|
+
/**
|
|
9
|
+
* THIS FILE WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
|
|
10
|
+
* @codegen <<SignedSource::1ab44c57c547c6cb7bb389b286bdd50f>>
|
|
11
|
+
* @codegenCommand yarn build tokens
|
|
12
|
+
*/
|
|
9
13
|
var tokens = {
|
|
10
14
|
'color.text.accent.blue': '--ds-text-accent-blue',
|
|
11
15
|
'color.text.accent.blue.bolder': '--ds-text-accent-blue-bolder',
|
|
@@ -4,8 +4,12 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
4
4
|
value: true
|
|
5
5
|
});
|
|
6
6
|
exports.default = void 0;
|
|
7
|
-
|
|
8
|
-
|
|
7
|
+
|
|
8
|
+
/**
|
|
9
|
+
* THIS FILE WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
|
|
10
|
+
* @codegen <<SignedSource::9d619d23cbcf93e5c937313843744a22>>
|
|
11
|
+
* @codegenCommand yarn build tokens
|
|
12
|
+
*/
|
|
9
13
|
var tokens = [{
|
|
10
14
|
"attributes": {
|
|
11
15
|
"group": "paint",
|
|
@@ -5344,7 +5348,7 @@ var tokens = [{
|
|
|
5344
5348
|
"introduced": "0.6.0",
|
|
5345
5349
|
"description": "Use as an overlay to communicate selected states when a simple background color change isn't possible, such as in Editor block elements"
|
|
5346
5350
|
},
|
|
5347
|
-
"value": "#
|
|
5351
|
+
"value": "#1D7AFC14",
|
|
5348
5352
|
"filePath": "src/tokens/atlassian-dark/color/background.tsx",
|
|
5349
5353
|
"isSource": true,
|
|
5350
5354
|
"original": {
|
|
@@ -5354,7 +5358,7 @@ var tokens = [{
|
|
|
5354
5358
|
"introduced": "0.6.0",
|
|
5355
5359
|
"description": "Use as an overlay to communicate selected states when a simple background color change isn't possible, such as in Editor block elements"
|
|
5356
5360
|
},
|
|
5357
|
-
"value": "#
|
|
5361
|
+
"value": "#1D7AFC14"
|
|
5358
5362
|
},
|
|
5359
5363
|
"name": "color.blanket.selected",
|
|
5360
5364
|
"path": ["color", "blanket", "selected"]
|
|
@@ -5365,7 +5369,7 @@ var tokens = [{
|
|
|
5365
5369
|
"introduced": "0.6.0",
|
|
5366
5370
|
"description": "Use as an overlay to communicate danger states when a simple background color change isn't possible, such as deletion of Editor block elements"
|
|
5367
5371
|
},
|
|
5368
|
-
"value": "#
|
|
5372
|
+
"value": "#E3493514",
|
|
5369
5373
|
"filePath": "src/tokens/atlassian-dark/color/background.tsx",
|
|
5370
5374
|
"isSource": true,
|
|
5371
5375
|
"original": {
|
|
@@ -5375,7 +5379,7 @@ var tokens = [{
|
|
|
5375
5379
|
"introduced": "0.6.0",
|
|
5376
5380
|
"description": "Use as an overlay to communicate danger states when a simple background color change isn't possible, such as deletion of Editor block elements"
|
|
5377
5381
|
},
|
|
5378
|
-
"value": "#
|
|
5382
|
+
"value": "#E3493514"
|
|
5379
5383
|
},
|
|
5380
5384
|
"name": "color.blanket.danger",
|
|
5381
5385
|
"path": ["color", "blanket", "danger"]
|
|
@@ -4,8 +4,12 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
4
4
|
value: true
|
|
5
5
|
});
|
|
6
6
|
exports.default = void 0;
|
|
7
|
-
|
|
8
|
-
|
|
7
|
+
|
|
8
|
+
/**
|
|
9
|
+
* THIS FILE WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
|
|
10
|
+
* @codegen <<SignedSource::0e47f76666554d1a967ff51c4cae1c25>>
|
|
11
|
+
* @codegenCommand yarn build tokens
|
|
12
|
+
*/
|
|
9
13
|
var tokens = [{
|
|
10
14
|
"attributes": {
|
|
11
15
|
"group": "paint",
|
|
@@ -5344,7 +5348,7 @@ var tokens = [{
|
|
|
5344
5348
|
"introduced": "0.6.0",
|
|
5345
5349
|
"description": "Use as an overlay to communicate selected states when a simple background color change isn't possible, such as in Editor block elements"
|
|
5346
5350
|
},
|
|
5347
|
-
"value": "#
|
|
5351
|
+
"value": "#388BFF14",
|
|
5348
5352
|
"filePath": "src/tokens/atlassian-light/color/background.tsx",
|
|
5349
5353
|
"isSource": true,
|
|
5350
5354
|
"original": {
|
|
@@ -5354,7 +5358,7 @@ var tokens = [{
|
|
|
5354
5358
|
"introduced": "0.6.0",
|
|
5355
5359
|
"description": "Use as an overlay to communicate selected states when a simple background color change isn't possible, such as in Editor block elements"
|
|
5356
5360
|
},
|
|
5357
|
-
"value": "#
|
|
5361
|
+
"value": "#388BFF14"
|
|
5358
5362
|
},
|
|
5359
5363
|
"name": "color.blanket.selected",
|
|
5360
5364
|
"path": ["color", "blanket", "selected"]
|
|
@@ -5365,7 +5369,7 @@ var tokens = [{
|
|
|
5365
5369
|
"introduced": "0.6.0",
|
|
5366
5370
|
"description": "Use as an overlay to communicate danger states when a simple background color change isn't possible, such as deletion of Editor block elements"
|
|
5367
5371
|
},
|
|
5368
|
-
"value": "#
|
|
5372
|
+
"value": "#EF5C4814",
|
|
5369
5373
|
"filePath": "src/tokens/atlassian-light/color/background.tsx",
|
|
5370
5374
|
"isSource": true,
|
|
5371
5375
|
"original": {
|
|
@@ -5375,7 +5379,7 @@ var tokens = [{
|
|
|
5375
5379
|
"introduced": "0.6.0",
|
|
5376
5380
|
"description": "Use as an overlay to communicate danger states when a simple background color change isn't possible, such as deletion of Editor block elements"
|
|
5377
5381
|
},
|
|
5378
|
-
"value": "#
|
|
5382
|
+
"value": "#EF5C4814"
|
|
5379
5383
|
},
|
|
5380
5384
|
"name": "color.blanket.danger",
|
|
5381
5385
|
"path": ["color", "blanket", "danger"]
|
package/dist/cjs/get-token.js
CHANGED
|
@@ -12,7 +12,7 @@ var _warnOnce = _interopRequireDefault(require("@atlaskit/ds-lib/warn-once"));
|
|
|
12
12
|
var _tokenNames = _interopRequireDefault(require("./artifacts/token-names"));
|
|
13
13
|
|
|
14
14
|
var name = "@atlaskit/tokens";
|
|
15
|
-
var version = "0.9.
|
|
15
|
+
var version = "0.9.5";
|
|
16
16
|
|
|
17
17
|
function token(path, fallback) {
|
|
18
18
|
var token = _tokenNames.default[path];
|
|
@@ -12,11 +12,11 @@ var color = {
|
|
|
12
12
|
},
|
|
13
13
|
// @ts-ignore temporary value (B600 8% opacity)
|
|
14
14
|
selected: {
|
|
15
|
-
value: '#
|
|
15
|
+
value: '#1D7AFC14'
|
|
16
16
|
},
|
|
17
17
|
// @ts-ignore temporary value (R600 8% opacity)
|
|
18
18
|
danger: {
|
|
19
|
-
value: '#
|
|
19
|
+
value: '#E3493514'
|
|
20
20
|
}
|
|
21
21
|
},
|
|
22
22
|
background: {
|
|
@@ -12,11 +12,11 @@ var color = {
|
|
|
12
12
|
},
|
|
13
13
|
// @ts-ignore temporary value (B500 8% opacity)
|
|
14
14
|
selected: {
|
|
15
|
-
value: '#
|
|
15
|
+
value: '#388BFF14'
|
|
16
16
|
},
|
|
17
17
|
// @ts-ignore temporary value (R500 8% opacity)
|
|
18
18
|
danger: {
|
|
19
|
-
value: '#
|
|
19
|
+
value: '#EF5C4814'
|
|
20
20
|
}
|
|
21
21
|
},
|
|
22
22
|
background: {
|
package/dist/cjs/version.json
CHANGED
|
@@ -1,5 +1,8 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
1
|
+
/**
|
|
2
|
+
* THIS FILE WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
|
|
3
|
+
* @codegen <<SignedSource::abcdccc44ca6140b822aacad9e9070cc>>
|
|
4
|
+
* @codegenCommand yarn build tokens
|
|
5
|
+
*/
|
|
3
6
|
const tokens = [{
|
|
4
7
|
"value": "#E9F2FF",
|
|
5
8
|
"attributes": {
|
|
@@ -1,16 +1,19 @@
|
|
|
1
|
-
// THIS IS AN AUTO-GENERATED FILE DO NOT MODIFY DIRECTLY
|
|
2
|
-
|
|
3
1
|
/**
|
|
2
|
+
* THIS FILE WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
|
|
3
|
+
*
|
|
4
4
|
* This file is intended to help automate renaming of tokens.
|
|
5
5
|
*
|
|
6
6
|
* 1. Mark the old token's 'state' as deprecated
|
|
7
7
|
* 2. Add a 'rename' attribute to the token with the value 'my.new.token'
|
|
8
8
|
* 3. Create a new token matching the token above: 'my.new.token'
|
|
9
9
|
* 4. Run 'yarn build tokens' to have you changes reflected in this map
|
|
10
|
-
* 5.
|
|
10
|
+
* 5. ESLint and other tools will now use this to automate replacing tokens
|
|
11
|
+
*
|
|
12
|
+
* These changes will then be picked up by our tooling which will attempt to
|
|
13
|
+
* migrate as many of these renames as possible.
|
|
11
14
|
*
|
|
12
|
-
*
|
|
13
|
-
*
|
|
15
|
+
* @codegen <<SignedSource::dd934162c3393bce214d694d47bbcf2a>>
|
|
16
|
+
* @codegenCommand yarn build tokens
|
|
14
17
|
*/
|
|
15
18
|
const renameMapper = [{
|
|
16
19
|
"path": "color.text.highEmphasis",
|
|
@@ -1,8 +1,10 @@
|
|
|
1
|
-
// THIS IS AN AUTO-GENERATED FILE DO NOT MODIFY DIRECTLY
|
|
2
|
-
// Re-generate by running `yarn build tokens`.
|
|
3
|
-
|
|
4
1
|
/**
|
|
5
|
-
*
|
|
2
|
+
* THIS FILE WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
|
|
3
|
+
*
|
|
4
|
+
* Token names mapped to their value in the default Atlassian theme ('light')
|
|
5
|
+
*
|
|
6
|
+
* @codegen <<SignedSource::3dd78c77e87d6557a4bade2368be7eb8>>
|
|
7
|
+
* @codegenCommand yarn build tokens
|
|
6
8
|
*/
|
|
7
9
|
const defaultTokenValues = {
|
|
8
10
|
'color.text.accent.blue': '#0055CC',
|
|
@@ -238,8 +240,8 @@ const defaultTokenValues = {
|
|
|
238
240
|
'color.background.transparentNeutral.hover': '#091E420F',
|
|
239
241
|
'color.background.transparentNeutral.pressed': '#091E4224',
|
|
240
242
|
'color.blanket': '#091E427A',
|
|
241
|
-
'color.blanket.selected': '#
|
|
242
|
-
'color.blanket.danger': '#
|
|
243
|
+
'color.blanket.selected': '#388BFF14',
|
|
244
|
+
'color.blanket.danger': '#EF5C4814',
|
|
243
245
|
'color.interaction.hovered': '#ffffff33',
|
|
244
246
|
'color.interaction.pressed': '#ffffff5c',
|
|
245
247
|
'color.interaction.inverse.hovered': '#00000029',
|
|
@@ -1,5 +1,8 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
1
|
+
/**
|
|
2
|
+
* THIS FILE WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
|
|
3
|
+
* @codegen <<SignedSource::1ab44c57c547c6cb7bb389b286bdd50f>>
|
|
4
|
+
* @codegenCommand yarn build tokens
|
|
5
|
+
*/
|
|
3
6
|
const tokens = {
|
|
4
7
|
'color.text.accent.blue': '--ds-text-accent-blue',
|
|
5
8
|
'color.text.accent.blue.bolder': '--ds-text-accent-blue-bolder',
|
|
@@ -1,5 +1,8 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
1
|
+
/**
|
|
2
|
+
* THIS FILE WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
|
|
3
|
+
* @codegen <<SignedSource::9d619d23cbcf93e5c937313843744a22>>
|
|
4
|
+
* @codegenCommand yarn build tokens
|
|
5
|
+
*/
|
|
3
6
|
const tokens = [{
|
|
4
7
|
"attributes": {
|
|
5
8
|
"group": "paint",
|
|
@@ -5338,7 +5341,7 @@ const tokens = [{
|
|
|
5338
5341
|
"introduced": "0.6.0",
|
|
5339
5342
|
"description": "Use as an overlay to communicate selected states when a simple background color change isn't possible, such as in Editor block elements"
|
|
5340
5343
|
},
|
|
5341
|
-
"value": "#
|
|
5344
|
+
"value": "#1D7AFC14",
|
|
5342
5345
|
"filePath": "src/tokens/atlassian-dark/color/background.tsx",
|
|
5343
5346
|
"isSource": true,
|
|
5344
5347
|
"original": {
|
|
@@ -5348,7 +5351,7 @@ const tokens = [{
|
|
|
5348
5351
|
"introduced": "0.6.0",
|
|
5349
5352
|
"description": "Use as an overlay to communicate selected states when a simple background color change isn't possible, such as in Editor block elements"
|
|
5350
5353
|
},
|
|
5351
|
-
"value": "#
|
|
5354
|
+
"value": "#1D7AFC14"
|
|
5352
5355
|
},
|
|
5353
5356
|
"name": "color.blanket.selected",
|
|
5354
5357
|
"path": ["color", "blanket", "selected"]
|
|
@@ -5359,7 +5362,7 @@ const tokens = [{
|
|
|
5359
5362
|
"introduced": "0.6.0",
|
|
5360
5363
|
"description": "Use as an overlay to communicate danger states when a simple background color change isn't possible, such as deletion of Editor block elements"
|
|
5361
5364
|
},
|
|
5362
|
-
"value": "#
|
|
5365
|
+
"value": "#E3493514",
|
|
5363
5366
|
"filePath": "src/tokens/atlassian-dark/color/background.tsx",
|
|
5364
5367
|
"isSource": true,
|
|
5365
5368
|
"original": {
|
|
@@ -5369,7 +5372,7 @@ const tokens = [{
|
|
|
5369
5372
|
"introduced": "0.6.0",
|
|
5370
5373
|
"description": "Use as an overlay to communicate danger states when a simple background color change isn't possible, such as deletion of Editor block elements"
|
|
5371
5374
|
},
|
|
5372
|
-
"value": "#
|
|
5375
|
+
"value": "#E3493514"
|
|
5373
5376
|
},
|
|
5374
5377
|
"name": "color.blanket.danger",
|
|
5375
5378
|
"path": ["color", "blanket", "danger"]
|
|
@@ -1,5 +1,8 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
1
|
+
/**
|
|
2
|
+
* THIS FILE WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
|
|
3
|
+
* @codegen <<SignedSource::0e47f76666554d1a967ff51c4cae1c25>>
|
|
4
|
+
* @codegenCommand yarn build tokens
|
|
5
|
+
*/
|
|
3
6
|
const tokens = [{
|
|
4
7
|
"attributes": {
|
|
5
8
|
"group": "paint",
|
|
@@ -5338,7 +5341,7 @@ const tokens = [{
|
|
|
5338
5341
|
"introduced": "0.6.0",
|
|
5339
5342
|
"description": "Use as an overlay to communicate selected states when a simple background color change isn't possible, such as in Editor block elements"
|
|
5340
5343
|
},
|
|
5341
|
-
"value": "#
|
|
5344
|
+
"value": "#388BFF14",
|
|
5342
5345
|
"filePath": "src/tokens/atlassian-light/color/background.tsx",
|
|
5343
5346
|
"isSource": true,
|
|
5344
5347
|
"original": {
|
|
@@ -5348,7 +5351,7 @@ const tokens = [{
|
|
|
5348
5351
|
"introduced": "0.6.0",
|
|
5349
5352
|
"description": "Use as an overlay to communicate selected states when a simple background color change isn't possible, such as in Editor block elements"
|
|
5350
5353
|
},
|
|
5351
|
-
"value": "#
|
|
5354
|
+
"value": "#388BFF14"
|
|
5352
5355
|
},
|
|
5353
5356
|
"name": "color.blanket.selected",
|
|
5354
5357
|
"path": ["color", "blanket", "selected"]
|
|
@@ -5359,7 +5362,7 @@ const tokens = [{
|
|
|
5359
5362
|
"introduced": "0.6.0",
|
|
5360
5363
|
"description": "Use as an overlay to communicate danger states when a simple background color change isn't possible, such as deletion of Editor block elements"
|
|
5361
5364
|
},
|
|
5362
|
-
"value": "#
|
|
5365
|
+
"value": "#EF5C4814",
|
|
5363
5366
|
"filePath": "src/tokens/atlassian-light/color/background.tsx",
|
|
5364
5367
|
"isSource": true,
|
|
5365
5368
|
"original": {
|
|
@@ -5369,7 +5372,7 @@ const tokens = [{
|
|
|
5369
5372
|
"introduced": "0.6.0",
|
|
5370
5373
|
"description": "Use as an overlay to communicate danger states when a simple background color change isn't possible, such as deletion of Editor block elements"
|
|
5371
5374
|
},
|
|
5372
|
-
"value": "#
|
|
5375
|
+
"value": "#EF5C4814"
|
|
5373
5376
|
},
|
|
5374
5377
|
"name": "color.blanket.danger",
|
|
5375
5378
|
"path": ["color", "blanket", "danger"]
|
package/dist/es2019/get-token.js
CHANGED
|
@@ -6,11 +6,11 @@ const color = {
|
|
|
6
6
|
},
|
|
7
7
|
// @ts-ignore temporary value (B600 8% opacity)
|
|
8
8
|
selected: {
|
|
9
|
-
value: '#
|
|
9
|
+
value: '#1D7AFC14'
|
|
10
10
|
},
|
|
11
11
|
// @ts-ignore temporary value (R600 8% opacity)
|
|
12
12
|
danger: {
|
|
13
|
-
value: '#
|
|
13
|
+
value: '#E3493514'
|
|
14
14
|
}
|
|
15
15
|
},
|
|
16
16
|
background: {
|
|
@@ -6,11 +6,11 @@ const color = {
|
|
|
6
6
|
},
|
|
7
7
|
// @ts-ignore temporary value (B500 8% opacity)
|
|
8
8
|
selected: {
|
|
9
|
-
value: '#
|
|
9
|
+
value: '#388BFF14'
|
|
10
10
|
},
|
|
11
11
|
// @ts-ignore temporary value (R500 8% opacity)
|
|
12
12
|
danger: {
|
|
13
|
-
value: '#
|
|
13
|
+
value: '#EF5C4814'
|
|
14
14
|
}
|
|
15
15
|
},
|
|
16
16
|
background: {
|
package/dist/es2019/version.json
CHANGED
|
@@ -1,5 +1,8 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
1
|
+
/**
|
|
2
|
+
* THIS FILE WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
|
|
3
|
+
* @codegen <<SignedSource::abcdccc44ca6140b822aacad9e9070cc>>
|
|
4
|
+
* @codegenCommand yarn build tokens
|
|
5
|
+
*/
|
|
3
6
|
var tokens = [{
|
|
4
7
|
"value": "#E9F2FF",
|
|
5
8
|
"attributes": {
|
|
@@ -1,16 +1,19 @@
|
|
|
1
|
-
// THIS IS AN AUTO-GENERATED FILE DO NOT MODIFY DIRECTLY
|
|
2
|
-
|
|
3
1
|
/**
|
|
2
|
+
* THIS FILE WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
|
|
3
|
+
*
|
|
4
4
|
* This file is intended to help automate renaming of tokens.
|
|
5
5
|
*
|
|
6
6
|
* 1. Mark the old token's 'state' as deprecated
|
|
7
7
|
* 2. Add a 'rename' attribute to the token with the value 'my.new.token'
|
|
8
8
|
* 3. Create a new token matching the token above: 'my.new.token'
|
|
9
9
|
* 4. Run 'yarn build tokens' to have you changes reflected in this map
|
|
10
|
-
* 5.
|
|
10
|
+
* 5. ESLint and other tools will now use this to automate replacing tokens
|
|
11
|
+
*
|
|
12
|
+
* These changes will then be picked up by our tooling which will attempt to
|
|
13
|
+
* migrate as many of these renames as possible.
|
|
11
14
|
*
|
|
12
|
-
*
|
|
13
|
-
*
|
|
15
|
+
* @codegen <<SignedSource::dd934162c3393bce214d694d47bbcf2a>>
|
|
16
|
+
* @codegenCommand yarn build tokens
|
|
14
17
|
*/
|
|
15
18
|
var renameMapper = [{
|
|
16
19
|
"path": "color.text.highEmphasis",
|
|
@@ -1,8 +1,10 @@
|
|
|
1
|
-
// THIS IS AN AUTO-GENERATED FILE DO NOT MODIFY DIRECTLY
|
|
2
|
-
// Re-generate by running `yarn build tokens`.
|
|
3
|
-
|
|
4
1
|
/**
|
|
5
|
-
*
|
|
2
|
+
* THIS FILE WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
|
|
3
|
+
*
|
|
4
|
+
* Token names mapped to their value in the default Atlassian theme ('light')
|
|
5
|
+
*
|
|
6
|
+
* @codegen <<SignedSource::3dd78c77e87d6557a4bade2368be7eb8>>
|
|
7
|
+
* @codegenCommand yarn build tokens
|
|
6
8
|
*/
|
|
7
9
|
var defaultTokenValues = {
|
|
8
10
|
'color.text.accent.blue': '#0055CC',
|
|
@@ -238,8 +240,8 @@ var defaultTokenValues = {
|
|
|
238
240
|
'color.background.transparentNeutral.hover': '#091E420F',
|
|
239
241
|
'color.background.transparentNeutral.pressed': '#091E4224',
|
|
240
242
|
'color.blanket': '#091E427A',
|
|
241
|
-
'color.blanket.selected': '#
|
|
242
|
-
'color.blanket.danger': '#
|
|
243
|
+
'color.blanket.selected': '#388BFF14',
|
|
244
|
+
'color.blanket.danger': '#EF5C4814',
|
|
243
245
|
'color.interaction.hovered': '#ffffff33',
|
|
244
246
|
'color.interaction.pressed': '#ffffff5c',
|
|
245
247
|
'color.interaction.inverse.hovered': '#00000029',
|
|
@@ -1,5 +1,8 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
1
|
+
/**
|
|
2
|
+
* THIS FILE WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
|
|
3
|
+
* @codegen <<SignedSource::1ab44c57c547c6cb7bb389b286bdd50f>>
|
|
4
|
+
* @codegenCommand yarn build tokens
|
|
5
|
+
*/
|
|
3
6
|
var tokens = {
|
|
4
7
|
'color.text.accent.blue': '--ds-text-accent-blue',
|
|
5
8
|
'color.text.accent.blue.bolder': '--ds-text-accent-blue-bolder',
|
|
@@ -1,5 +1,8 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
1
|
+
/**
|
|
2
|
+
* THIS FILE WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
|
|
3
|
+
* @codegen <<SignedSource::9d619d23cbcf93e5c937313843744a22>>
|
|
4
|
+
* @codegenCommand yarn build tokens
|
|
5
|
+
*/
|
|
3
6
|
var tokens = [{
|
|
4
7
|
"attributes": {
|
|
5
8
|
"group": "paint",
|
|
@@ -5338,7 +5341,7 @@ var tokens = [{
|
|
|
5338
5341
|
"introduced": "0.6.0",
|
|
5339
5342
|
"description": "Use as an overlay to communicate selected states when a simple background color change isn't possible, such as in Editor block elements"
|
|
5340
5343
|
},
|
|
5341
|
-
"value": "#
|
|
5344
|
+
"value": "#1D7AFC14",
|
|
5342
5345
|
"filePath": "src/tokens/atlassian-dark/color/background.tsx",
|
|
5343
5346
|
"isSource": true,
|
|
5344
5347
|
"original": {
|
|
@@ -5348,7 +5351,7 @@ var tokens = [{
|
|
|
5348
5351
|
"introduced": "0.6.0",
|
|
5349
5352
|
"description": "Use as an overlay to communicate selected states when a simple background color change isn't possible, such as in Editor block elements"
|
|
5350
5353
|
},
|
|
5351
|
-
"value": "#
|
|
5354
|
+
"value": "#1D7AFC14"
|
|
5352
5355
|
},
|
|
5353
5356
|
"name": "color.blanket.selected",
|
|
5354
5357
|
"path": ["color", "blanket", "selected"]
|
|
@@ -5359,7 +5362,7 @@ var tokens = [{
|
|
|
5359
5362
|
"introduced": "0.6.0",
|
|
5360
5363
|
"description": "Use as an overlay to communicate danger states when a simple background color change isn't possible, such as deletion of Editor block elements"
|
|
5361
5364
|
},
|
|
5362
|
-
"value": "#
|
|
5365
|
+
"value": "#E3493514",
|
|
5363
5366
|
"filePath": "src/tokens/atlassian-dark/color/background.tsx",
|
|
5364
5367
|
"isSource": true,
|
|
5365
5368
|
"original": {
|
|
@@ -5369,7 +5372,7 @@ var tokens = [{
|
|
|
5369
5372
|
"introduced": "0.6.0",
|
|
5370
5373
|
"description": "Use as an overlay to communicate danger states when a simple background color change isn't possible, such as deletion of Editor block elements"
|
|
5371
5374
|
},
|
|
5372
|
-
"value": "#
|
|
5375
|
+
"value": "#E3493514"
|
|
5373
5376
|
},
|
|
5374
5377
|
"name": "color.blanket.danger",
|
|
5375
5378
|
"path": ["color", "blanket", "danger"]
|
|
@@ -1,5 +1,8 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
1
|
+
/**
|
|
2
|
+
* THIS FILE WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
|
|
3
|
+
* @codegen <<SignedSource::0e47f76666554d1a967ff51c4cae1c25>>
|
|
4
|
+
* @codegenCommand yarn build tokens
|
|
5
|
+
*/
|
|
3
6
|
var tokens = [{
|
|
4
7
|
"attributes": {
|
|
5
8
|
"group": "paint",
|
|
@@ -5338,7 +5341,7 @@ var tokens = [{
|
|
|
5338
5341
|
"introduced": "0.6.0",
|
|
5339
5342
|
"description": "Use as an overlay to communicate selected states when a simple background color change isn't possible, such as in Editor block elements"
|
|
5340
5343
|
},
|
|
5341
|
-
"value": "#
|
|
5344
|
+
"value": "#388BFF14",
|
|
5342
5345
|
"filePath": "src/tokens/atlassian-light/color/background.tsx",
|
|
5343
5346
|
"isSource": true,
|
|
5344
5347
|
"original": {
|
|
@@ -5348,7 +5351,7 @@ var tokens = [{
|
|
|
5348
5351
|
"introduced": "0.6.0",
|
|
5349
5352
|
"description": "Use as an overlay to communicate selected states when a simple background color change isn't possible, such as in Editor block elements"
|
|
5350
5353
|
},
|
|
5351
|
-
"value": "#
|
|
5354
|
+
"value": "#388BFF14"
|
|
5352
5355
|
},
|
|
5353
5356
|
"name": "color.blanket.selected",
|
|
5354
5357
|
"path": ["color", "blanket", "selected"]
|
|
@@ -5359,7 +5362,7 @@ var tokens = [{
|
|
|
5359
5362
|
"introduced": "0.6.0",
|
|
5360
5363
|
"description": "Use as an overlay to communicate danger states when a simple background color change isn't possible, such as deletion of Editor block elements"
|
|
5361
5364
|
},
|
|
5362
|
-
"value": "#
|
|
5365
|
+
"value": "#EF5C4814",
|
|
5363
5366
|
"filePath": "src/tokens/atlassian-light/color/background.tsx",
|
|
5364
5367
|
"isSource": true,
|
|
5365
5368
|
"original": {
|
|
@@ -5369,7 +5372,7 @@ var tokens = [{
|
|
|
5369
5372
|
"introduced": "0.6.0",
|
|
5370
5373
|
"description": "Use as an overlay to communicate danger states when a simple background color change isn't possible, such as deletion of Editor block elements"
|
|
5371
5374
|
},
|
|
5372
|
-
"value": "#
|
|
5375
|
+
"value": "#EF5C4814"
|
|
5373
5376
|
},
|
|
5374
5377
|
"name": "color.blanket.danger",
|
|
5375
5378
|
"path": ["color", "blanket", "danger"]
|
package/dist/esm/get-token.js
CHANGED
|
@@ -6,11 +6,11 @@ var color = {
|
|
|
6
6
|
},
|
|
7
7
|
// @ts-ignore temporary value (B600 8% opacity)
|
|
8
8
|
selected: {
|
|
9
|
-
value: '#
|
|
9
|
+
value: '#1D7AFC14'
|
|
10
10
|
},
|
|
11
11
|
// @ts-ignore temporary value (R600 8% opacity)
|
|
12
12
|
danger: {
|
|
13
|
-
value: '#
|
|
13
|
+
value: '#E3493514'
|
|
14
14
|
}
|
|
15
15
|
},
|
|
16
16
|
background: {
|
|
@@ -6,11 +6,11 @@ var color = {
|
|
|
6
6
|
},
|
|
7
7
|
// @ts-ignore temporary value (B500 8% opacity)
|
|
8
8
|
selected: {
|
|
9
|
-
value: '#
|
|
9
|
+
value: '#388BFF14'
|
|
10
10
|
},
|
|
11
11
|
// @ts-ignore temporary value (R500 8% opacity)
|
|
12
12
|
danger: {
|
|
13
|
-
value: '#
|
|
13
|
+
value: '#EF5C4814'
|
|
14
14
|
}
|
|
15
15
|
},
|
|
16
16
|
background: {
|
package/dist/esm/version.json
CHANGED
|
@@ -1,14 +1,19 @@
|
|
|
1
1
|
/**
|
|
2
|
+
* THIS FILE WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
|
|
3
|
+
*
|
|
2
4
|
* This file is intended to help automate renaming of tokens.
|
|
3
5
|
*
|
|
4
6
|
* 1. Mark the old token's 'state' as deprecated
|
|
5
7
|
* 2. Add a 'rename' attribute to the token with the value 'my.new.token'
|
|
6
8
|
* 3. Create a new token matching the token above: 'my.new.token'
|
|
7
9
|
* 4. Run 'yarn build tokens' to have you changes reflected in this map
|
|
8
|
-
* 5.
|
|
10
|
+
* 5. ESLint and other tools will now use this to automate replacing tokens
|
|
11
|
+
*
|
|
12
|
+
* These changes will then be picked up by our tooling which will attempt to
|
|
13
|
+
* migrate as many of these renames as possible.
|
|
9
14
|
*
|
|
10
|
-
*
|
|
11
|
-
*
|
|
15
|
+
* @codegen <<SignedSource::dd934162c3393bce214d694d47bbcf2a>>
|
|
16
|
+
* @codegenCommand yarn build tokens
|
|
12
17
|
*/
|
|
13
18
|
import tokens from './token-names';
|
|
14
19
|
declare type Token = keyof typeof tokens | string;
|
|
@@ -1,5 +1,10 @@
|
|
|
1
1
|
/**
|
|
2
|
-
*
|
|
2
|
+
* THIS FILE WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
|
|
3
|
+
*
|
|
4
|
+
* Token names mapped to their value in the default Atlassian theme ('light')
|
|
5
|
+
*
|
|
6
|
+
* @codegen <<SignedSource::3dd78c77e87d6557a4bade2368be7eb8>>
|
|
7
|
+
* @codegenCommand yarn build tokens
|
|
3
8
|
*/
|
|
4
9
|
declare const defaultTokenValues: {
|
|
5
10
|
readonly 'color.text.accent.blue': "#0055CC";
|
|
@@ -235,8 +240,8 @@ declare const defaultTokenValues: {
|
|
|
235
240
|
readonly 'color.background.transparentNeutral.hover': "#091E420F";
|
|
236
241
|
readonly 'color.background.transparentNeutral.pressed': "#091E4224";
|
|
237
242
|
readonly 'color.blanket': "#091E427A";
|
|
238
|
-
readonly 'color.blanket.selected': "#
|
|
239
|
-
readonly 'color.blanket.danger': "#
|
|
243
|
+
readonly 'color.blanket.selected': "#388BFF14";
|
|
244
|
+
readonly 'color.blanket.danger': "#EF5C4814";
|
|
240
245
|
readonly 'color.interaction.hovered': "#ffffff33";
|
|
241
246
|
readonly 'color.interaction.pressed': "#ffffff5c";
|
|
242
247
|
readonly 'color.interaction.inverse.hovered': "#00000029";
|
|
@@ -1,3 +1,8 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* THIS FILE WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
|
|
3
|
+
* @codegen <<SignedSource::1ab44c57c547c6cb7bb389b286bdd50f>>
|
|
4
|
+
* @codegenCommand yarn build tokens
|
|
5
|
+
*/
|
|
1
6
|
declare const tokens: {
|
|
2
7
|
readonly 'color.text.accent.blue': "--ds-text-accent-blue";
|
|
3
8
|
readonly 'color.text.accent.blue.bolder': "--ds-text-accent-blue-bolder";
|
|
@@ -1,4 +1,6 @@
|
|
|
1
1
|
/**
|
|
2
|
-
*
|
|
2
|
+
* THIS FILE WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
|
|
3
|
+
* @codegen <<SignedSource::b41790657bd6ccb424e840279549eee6>>
|
|
4
|
+
* @codegenCommand yarn build tokens
|
|
3
5
|
*/
|
|
4
6
|
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';
|
|
@@ -1,4 +1,6 @@
|
|
|
1
1
|
/**
|
|
2
|
-
*
|
|
2
|
+
* THIS FILE WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
|
|
3
|
+
* @codegen <<SignedSource::cbc11cad85705333139fd9d6eda82f31>>
|
|
4
|
+
* @codegenCommand yarn build tokens
|
|
3
5
|
*/
|
|
4
6
|
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';
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@atlaskit/tokens",
|
|
3
|
-
"version": "0.9.
|
|
3
|
+
"version": "0.9.5",
|
|
4
4
|
"author": "Atlassian Pty Ltd",
|
|
5
5
|
"description": "Design tokens are the single source of truth to name and store design decisions.",
|
|
6
6
|
"license": "Apache-2.0",
|
|
@@ -11,7 +11,9 @@
|
|
|
11
11
|
"team": "Design System Team",
|
|
12
12
|
"releaseModel": "scheduled",
|
|
13
13
|
"website": {
|
|
14
|
-
"name": "Design tokens"
|
|
14
|
+
"name": "Design tokens",
|
|
15
|
+
"category": "Libraries",
|
|
16
|
+
"draft": true
|
|
15
17
|
}
|
|
16
18
|
},
|
|
17
19
|
"repository": "https://bitbucket.org/atlassian/atlassian-frontend",
|
|
@@ -30,11 +32,12 @@
|
|
|
30
32
|
"./token-names": "./src/entry-points/token-names.tsx",
|
|
31
33
|
"./rename-mapping": "./src/entry-points/rename-mapping.tsx",
|
|
32
34
|
"./babel-plugin": "./src/entry-points/babel-plugin.tsx",
|
|
33
|
-
"./css": "./css"
|
|
35
|
+
"./css/atlassian-light.css": "./css/atlassian-light.css",
|
|
36
|
+
"./css/atlassian-dark.css": "./css/atlassian-dark.css"
|
|
34
37
|
},
|
|
35
38
|
"scripts": {
|
|
36
|
-
"ak-postbuild": "yarn codegen-tokens && yarn
|
|
37
|
-
"check-clean-git": "git diff --exit-code -- packages/design-system/tokens/ || (echo 'tokens are
|
|
39
|
+
"ak-postbuild": "cd ../../../ && yarn build @af/codegen && cd packages/design-system/tokens && yarn codegen-tokens && yarn check-clean-git",
|
|
40
|
+
"check-clean-git": "git diff --exit-code -- packages/design-system/tokens/ || (echo 'tokens are out of date, run yarn build tokens' && false)",
|
|
38
41
|
"codegen-tokens": "ts-node --project ../../../tsconfig.node.json ./scripts/style-dictionary/build",
|
|
39
42
|
"build-chrome-extension": "yarn --cwd tokens-browser-extension build-chrome-extension"
|
|
40
43
|
},
|
|
@@ -45,6 +48,7 @@
|
|
|
45
48
|
"@babel/types": "^7.15.0"
|
|
46
49
|
},
|
|
47
50
|
"devDependencies": {
|
|
51
|
+
"@af/codegen": "*",
|
|
48
52
|
"@atlaskit/badge": "^15.0.11",
|
|
49
53
|
"@atlaskit/button": "^16.3.0",
|
|
50
54
|
"@atlaskit/code": "^14.3.0",
|
|
@@ -86,6 +90,6 @@
|
|
|
86
90
|
"styling": "emotion"
|
|
87
91
|
}
|
|
88
92
|
},
|
|
89
|
-
"homepage": "https://atlassian.design/",
|
|
93
|
+
"homepage": "https://atlassian.design/components/tokens",
|
|
90
94
|
"prettier": "@atlassian/atlassian-frontend-prettier-config-1.0.1"
|
|
91
95
|
}
|