@atlaskit/tokens 0.10.7 → 0.10.10
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 +2 -1
- package/css/atlassian-light.css +2 -1
- package/dist/cjs/artifacts/token-default-values.js +2 -1
- package/dist/cjs/artifacts/token-names.js +2 -1
- package/dist/cjs/artifacts/tokens-raw/atlassian-dark.js +22 -1
- package/dist/cjs/artifacts/tokens-raw/atlassian-light.js +22 -1
- package/dist/cjs/get-token.js +1 -1
- package/dist/cjs/tokens/atlassian-dark/color/border.js +3 -0
- package/dist/cjs/tokens/atlassian-light/color/border.js +3 -0
- package/dist/cjs/tokens/default/color/border.js +8 -0
- package/dist/cjs/version.json +1 -1
- package/dist/es2019/artifacts/token-default-values.js +2 -1
- package/dist/es2019/artifacts/token-names.js +2 -1
- package/dist/es2019/artifacts/tokens-raw/atlassian-dark.js +22 -1
- package/dist/es2019/artifacts/tokens-raw/atlassian-light.js +22 -1
- package/dist/es2019/get-token.js +1 -1
- package/dist/es2019/tokens/atlassian-dark/color/border.js +3 -0
- package/dist/es2019/tokens/atlassian-light/color/border.js +3 -0
- package/dist/es2019/tokens/default/color/border.js +8 -0
- package/dist/es2019/version.json +1 -1
- package/dist/esm/artifacts/token-default-values.js +2 -1
- package/dist/esm/artifacts/token-names.js +2 -1
- package/dist/esm/artifacts/tokens-raw/atlassian-dark.js +22 -1
- package/dist/esm/artifacts/tokens-raw/atlassian-light.js +22 -1
- package/dist/esm/get-token.js +1 -1
- package/dist/esm/tokens/atlassian-dark/color/border.js +3 -0
- package/dist/esm/tokens/atlassian-light/color/border.js +3 -0
- package/dist/esm/tokens/default/color/border.js +8 -0
- package/dist/esm/version.json +1 -1
- package/dist/types/artifacts/token-default-values.d.ts +2 -1
- package/dist/types/artifacts/token-names.d.ts +3 -1
- package/dist/types/artifacts/tokens-raw/atlassian-dark.d.ts +1 -1
- package/dist/types/artifacts/tokens-raw/atlassian-light.d.ts +1 -1
- package/dist/types/artifacts/types-internal.d.ts +2 -2
- package/dist/types/artifacts/types.d.ts +2 -2
- package/dist/types/types.d.ts +1 -0
- package/package.json +3 -2
- package/report.api.md +36 -0
package/CHANGELOG.md
CHANGED
|
@@ -1,5 +1,23 @@
|
|
|
1
1
|
# @atlaskit/tokens
|
|
2
2
|
|
|
3
|
+
## 0.10.10
|
|
4
|
+
|
|
5
|
+
### Patch Changes
|
|
6
|
+
|
|
7
|
+
- [`dc05530d2a0`](https://bitbucket.org/atlassian/atlassian-frontend/commits/dc05530d2a0) - Internal refactor to the way the documentation is built.
|
|
8
|
+
|
|
9
|
+
## 0.10.9
|
|
10
|
+
|
|
11
|
+
### Patch Changes
|
|
12
|
+
|
|
13
|
+
- Updated dependencies
|
|
14
|
+
|
|
15
|
+
## 0.10.8
|
|
16
|
+
|
|
17
|
+
### Patch Changes
|
|
18
|
+
|
|
19
|
+
- [`3c1eda5c3d0`](https://bitbucket.org/atlassian/atlassian-frontend/commits/3c1eda5c3d0) - [Tokens] added new color.border.bold token
|
|
20
|
+
|
|
3
21
|
## 0.10.7
|
|
4
22
|
|
|
5
23
|
### Patch Changes
|
package/css/atlassian-dark.css
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
/**
|
|
2
2
|
* THIS FILE WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
|
|
3
|
-
* @codegen <<SignedSource::
|
|
3
|
+
* @codegen <<SignedSource::06644f07e43bf7d1a70b1768c2f0d7ea>>
|
|
4
4
|
* @codegenCommand yarn build tokens
|
|
5
5
|
*/
|
|
6
6
|
html[data-theme="dark"] {
|
|
@@ -73,6 +73,7 @@ html[data-theme="dark"] {
|
|
|
73
73
|
--ds-border-accent-magenta: #DA62AC;
|
|
74
74
|
--ds-border-accent-gray: #738496;
|
|
75
75
|
--ds-border: #A6C5E229;
|
|
76
|
+
--ds-border-bold: #738496;
|
|
76
77
|
--ds-border-inverse: #161A1D;
|
|
77
78
|
--ds-border-focused: #85B8FF;
|
|
78
79
|
--ds-border-input: #A6C5E229;
|
package/css/atlassian-light.css
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
/**
|
|
2
2
|
* THIS FILE WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
|
|
3
|
-
* @codegen <<SignedSource::
|
|
3
|
+
* @codegen <<SignedSource::02e499657110ba601259f74693590e8d>>
|
|
4
4
|
* @codegenCommand yarn build tokens
|
|
5
5
|
*/
|
|
6
6
|
html[data-theme="light"] {
|
|
@@ -73,6 +73,7 @@ html[data-theme="light"] {
|
|
|
73
73
|
--ds-border-accent-magenta: #CD519D;
|
|
74
74
|
--ds-border-accent-gray: #758195;
|
|
75
75
|
--ds-border: #091E4224;
|
|
76
|
+
--ds-border-bold: #758195;
|
|
76
77
|
--ds-border-inverse: #FFFFFF;
|
|
77
78
|
--ds-border-focused: #388BFF;
|
|
78
79
|
--ds-border-input: #091E4224;
|
|
@@ -10,7 +10,7 @@ exports.default = void 0;
|
|
|
10
10
|
*
|
|
11
11
|
* Token names mapped to their value in the default Atlassian theme ('light')
|
|
12
12
|
*
|
|
13
|
-
* @codegen <<SignedSource::
|
|
13
|
+
* @codegen <<SignedSource::65fed9d3a0df2e2c1ccee929e1349bb4>>
|
|
14
14
|
* @codegenCommand yarn build tokens
|
|
15
15
|
*/
|
|
16
16
|
var defaultTokenValues = {
|
|
@@ -83,6 +83,7 @@ var defaultTokenValues = {
|
|
|
83
83
|
'color.border.accent.magenta': '#CD519D',
|
|
84
84
|
'color.border.accent.gray': '#758195',
|
|
85
85
|
'color.border': '#091E4224',
|
|
86
|
+
'color.border.bold': '#758195',
|
|
86
87
|
'color.border.inverse': '#FFFFFF',
|
|
87
88
|
'color.border.focused': '#388BFF',
|
|
88
89
|
'color.border.input': '#091E4224',
|
|
@@ -7,7 +7,7 @@ exports.default = void 0;
|
|
|
7
7
|
|
|
8
8
|
/**
|
|
9
9
|
* THIS FILE WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
|
|
10
|
-
* @codegen <<SignedSource::
|
|
10
|
+
* @codegen <<SignedSource::3acc6507214a2d925fd75bce0549f0ab>>
|
|
11
11
|
* @codegenCommand yarn build tokens
|
|
12
12
|
*/
|
|
13
13
|
var tokens = {
|
|
@@ -80,6 +80,7 @@ var tokens = {
|
|
|
80
80
|
'color.border.accent.magenta': '--ds-border-accent-magenta',
|
|
81
81
|
'color.border.accent.gray': '--ds-border-accent-gray',
|
|
82
82
|
'color.border': '--ds-border',
|
|
83
|
+
'color.border.bold': '--ds-border-bold',
|
|
83
84
|
'color.border.inverse': '--ds-border-inverse',
|
|
84
85
|
'color.border.focused': '--ds-border-focused',
|
|
85
86
|
'color.border.input': '--ds-border-input',
|
|
@@ -7,7 +7,7 @@ exports.default = void 0;
|
|
|
7
7
|
|
|
8
8
|
/**
|
|
9
9
|
* THIS FILE WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
|
|
10
|
-
* @codegen <<SignedSource::
|
|
10
|
+
* @codegen <<SignedSource::f6554dd5fa7c18bf2250697f2e567297>>
|
|
11
11
|
* @codegenCommand yarn build tokens
|
|
12
12
|
*/
|
|
13
13
|
var tokens = [{
|
|
@@ -1501,6 +1501,27 @@ var tokens = [{
|
|
|
1501
1501
|
},
|
|
1502
1502
|
"name": "color.border.[default]",
|
|
1503
1503
|
"path": ["color", "border", "[default]"]
|
|
1504
|
+
}, {
|
|
1505
|
+
"attributes": {
|
|
1506
|
+
"group": "paint",
|
|
1507
|
+
"state": "active",
|
|
1508
|
+
"introduced": "0.10.8",
|
|
1509
|
+
"description": "A neutral border option that passes min 3:1 contrast ratios."
|
|
1510
|
+
},
|
|
1511
|
+
"value": "#738496",
|
|
1512
|
+
"filePath": "src/tokens/atlassian-dark/color/border.tsx",
|
|
1513
|
+
"isSource": true,
|
|
1514
|
+
"original": {
|
|
1515
|
+
"attributes": {
|
|
1516
|
+
"group": "paint",
|
|
1517
|
+
"state": "active",
|
|
1518
|
+
"introduced": "0.10.8",
|
|
1519
|
+
"description": "A neutral border option that passes min 3:1 contrast ratios."
|
|
1520
|
+
},
|
|
1521
|
+
"value": "DN600"
|
|
1522
|
+
},
|
|
1523
|
+
"name": "color.border.bold",
|
|
1524
|
+
"path": ["color", "border", "bold"]
|
|
1504
1525
|
}, {
|
|
1505
1526
|
"attributes": {
|
|
1506
1527
|
"group": "paint",
|
|
@@ -7,7 +7,7 @@ exports.default = void 0;
|
|
|
7
7
|
|
|
8
8
|
/**
|
|
9
9
|
* THIS FILE WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
|
|
10
|
-
* @codegen <<SignedSource::
|
|
10
|
+
* @codegen <<SignedSource::27eae6ae1ffaceb474ba5af373b377f1>>
|
|
11
11
|
* @codegenCommand yarn build tokens
|
|
12
12
|
*/
|
|
13
13
|
var tokens = [{
|
|
@@ -1501,6 +1501,27 @@ var tokens = [{
|
|
|
1501
1501
|
},
|
|
1502
1502
|
"name": "color.border.[default]",
|
|
1503
1503
|
"path": ["color", "border", "[default]"]
|
|
1504
|
+
}, {
|
|
1505
|
+
"attributes": {
|
|
1506
|
+
"group": "paint",
|
|
1507
|
+
"state": "active",
|
|
1508
|
+
"introduced": "0.10.8",
|
|
1509
|
+
"description": "A neutral border option that passes min 3:1 contrast ratios."
|
|
1510
|
+
},
|
|
1511
|
+
"value": "#758195",
|
|
1512
|
+
"filePath": "src/tokens/atlassian-light/color/border.tsx",
|
|
1513
|
+
"isSource": true,
|
|
1514
|
+
"original": {
|
|
1515
|
+
"attributes": {
|
|
1516
|
+
"group": "paint",
|
|
1517
|
+
"state": "active",
|
|
1518
|
+
"introduced": "0.10.8",
|
|
1519
|
+
"description": "A neutral border option that passes min 3:1 contrast ratios."
|
|
1520
|
+
},
|
|
1521
|
+
"value": "N600"
|
|
1522
|
+
},
|
|
1523
|
+
"name": "color.border.bold",
|
|
1524
|
+
"path": ["color", "border", "bold"]
|
|
1504
1525
|
}, {
|
|
1505
1526
|
"attributes": {
|
|
1506
1527
|
"group": "paint",
|
package/dist/cjs/get-token.js
CHANGED
|
@@ -14,7 +14,7 @@ var _tokenNames = _interopRequireDefault(require("./artifacts/token-names"));
|
|
|
14
14
|
var _constants = require("./constants");
|
|
15
15
|
|
|
16
16
|
var name = "@atlaskit/tokens";
|
|
17
|
-
var version = "0.10.
|
|
17
|
+
var version = "0.10.10";
|
|
18
18
|
|
|
19
19
|
function token(path, fallback) {
|
|
20
20
|
var token = _tokenNames.default[path];
|
|
@@ -15,6 +15,14 @@ var color = {
|
|
|
15
15
|
description: 'Use to visually group or separate UI elements, such as flat cards or side panel dividers.'
|
|
16
16
|
}
|
|
17
17
|
},
|
|
18
|
+
bold: {
|
|
19
|
+
attributes: {
|
|
20
|
+
group: 'paint',
|
|
21
|
+
state: 'active',
|
|
22
|
+
introduced: '0.10.8',
|
|
23
|
+
description: 'A neutral border option that passes min 3:1 contrast ratios.'
|
|
24
|
+
}
|
|
25
|
+
},
|
|
18
26
|
inverse: {
|
|
19
27
|
attributes: {
|
|
20
28
|
group: 'paint',
|
package/dist/cjs/version.json
CHANGED
|
@@ -3,7 +3,7 @@
|
|
|
3
3
|
*
|
|
4
4
|
* Token names mapped to their value in the default Atlassian theme ('light')
|
|
5
5
|
*
|
|
6
|
-
* @codegen <<SignedSource::
|
|
6
|
+
* @codegen <<SignedSource::65fed9d3a0df2e2c1ccee929e1349bb4>>
|
|
7
7
|
* @codegenCommand yarn build tokens
|
|
8
8
|
*/
|
|
9
9
|
const defaultTokenValues = {
|
|
@@ -76,6 +76,7 @@ const defaultTokenValues = {
|
|
|
76
76
|
'color.border.accent.magenta': '#CD519D',
|
|
77
77
|
'color.border.accent.gray': '#758195',
|
|
78
78
|
'color.border': '#091E4224',
|
|
79
|
+
'color.border.bold': '#758195',
|
|
79
80
|
'color.border.inverse': '#FFFFFF',
|
|
80
81
|
'color.border.focused': '#388BFF',
|
|
81
82
|
'color.border.input': '#091E4224',
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
/**
|
|
2
2
|
* THIS FILE WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
|
|
3
|
-
* @codegen <<SignedSource::
|
|
3
|
+
* @codegen <<SignedSource::3acc6507214a2d925fd75bce0549f0ab>>
|
|
4
4
|
* @codegenCommand yarn build tokens
|
|
5
5
|
*/
|
|
6
6
|
const tokens = {
|
|
@@ -73,6 +73,7 @@ const tokens = {
|
|
|
73
73
|
'color.border.accent.magenta': '--ds-border-accent-magenta',
|
|
74
74
|
'color.border.accent.gray': '--ds-border-accent-gray',
|
|
75
75
|
'color.border': '--ds-border',
|
|
76
|
+
'color.border.bold': '--ds-border-bold',
|
|
76
77
|
'color.border.inverse': '--ds-border-inverse',
|
|
77
78
|
'color.border.focused': '--ds-border-focused',
|
|
78
79
|
'color.border.input': '--ds-border-input',
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
/**
|
|
2
2
|
* THIS FILE WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
|
|
3
|
-
* @codegen <<SignedSource::
|
|
3
|
+
* @codegen <<SignedSource::f6554dd5fa7c18bf2250697f2e567297>>
|
|
4
4
|
* @codegenCommand yarn build tokens
|
|
5
5
|
*/
|
|
6
6
|
const tokens = [{
|
|
@@ -1494,6 +1494,27 @@ const tokens = [{
|
|
|
1494
1494
|
},
|
|
1495
1495
|
"name": "color.border.[default]",
|
|
1496
1496
|
"path": ["color", "border", "[default]"]
|
|
1497
|
+
}, {
|
|
1498
|
+
"attributes": {
|
|
1499
|
+
"group": "paint",
|
|
1500
|
+
"state": "active",
|
|
1501
|
+
"introduced": "0.10.8",
|
|
1502
|
+
"description": "A neutral border option that passes min 3:1 contrast ratios."
|
|
1503
|
+
},
|
|
1504
|
+
"value": "#738496",
|
|
1505
|
+
"filePath": "src/tokens/atlassian-dark/color/border.tsx",
|
|
1506
|
+
"isSource": true,
|
|
1507
|
+
"original": {
|
|
1508
|
+
"attributes": {
|
|
1509
|
+
"group": "paint",
|
|
1510
|
+
"state": "active",
|
|
1511
|
+
"introduced": "0.10.8",
|
|
1512
|
+
"description": "A neutral border option that passes min 3:1 contrast ratios."
|
|
1513
|
+
},
|
|
1514
|
+
"value": "DN600"
|
|
1515
|
+
},
|
|
1516
|
+
"name": "color.border.bold",
|
|
1517
|
+
"path": ["color", "border", "bold"]
|
|
1497
1518
|
}, {
|
|
1498
1519
|
"attributes": {
|
|
1499
1520
|
"group": "paint",
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
/**
|
|
2
2
|
* THIS FILE WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
|
|
3
|
-
* @codegen <<SignedSource::
|
|
3
|
+
* @codegen <<SignedSource::27eae6ae1ffaceb474ba5af373b377f1>>
|
|
4
4
|
* @codegenCommand yarn build tokens
|
|
5
5
|
*/
|
|
6
6
|
const tokens = [{
|
|
@@ -1494,6 +1494,27 @@ const tokens = [{
|
|
|
1494
1494
|
},
|
|
1495
1495
|
"name": "color.border.[default]",
|
|
1496
1496
|
"path": ["color", "border", "[default]"]
|
|
1497
|
+
}, {
|
|
1498
|
+
"attributes": {
|
|
1499
|
+
"group": "paint",
|
|
1500
|
+
"state": "active",
|
|
1501
|
+
"introduced": "0.10.8",
|
|
1502
|
+
"description": "A neutral border option that passes min 3:1 contrast ratios."
|
|
1503
|
+
},
|
|
1504
|
+
"value": "#758195",
|
|
1505
|
+
"filePath": "src/tokens/atlassian-light/color/border.tsx",
|
|
1506
|
+
"isSource": true,
|
|
1507
|
+
"original": {
|
|
1508
|
+
"attributes": {
|
|
1509
|
+
"group": "paint",
|
|
1510
|
+
"state": "active",
|
|
1511
|
+
"introduced": "0.10.8",
|
|
1512
|
+
"description": "A neutral border option that passes min 3:1 contrast ratios."
|
|
1513
|
+
},
|
|
1514
|
+
"value": "N600"
|
|
1515
|
+
},
|
|
1516
|
+
"name": "color.border.bold",
|
|
1517
|
+
"path": ["color", "border", "bold"]
|
|
1497
1518
|
}, {
|
|
1498
1519
|
"attributes": {
|
|
1499
1520
|
"group": "paint",
|
package/dist/es2019/get-token.js
CHANGED
|
@@ -2,7 +2,7 @@ import warnOnce from '@atlaskit/ds-lib/warn-once';
|
|
|
2
2
|
import tokens from './artifacts/token-names';
|
|
3
3
|
import { TOKEN_NOT_FOUND_CSS_VAR } from './constants';
|
|
4
4
|
const name = "@atlaskit/tokens";
|
|
5
|
-
const version = "0.10.
|
|
5
|
+
const version = "0.10.10";
|
|
6
6
|
|
|
7
7
|
function token(path, fallback) {
|
|
8
8
|
let token = tokens[path];
|
|
@@ -9,6 +9,14 @@ const color = {
|
|
|
9
9
|
description: 'Use to visually group or separate UI elements, such as flat cards or side panel dividers.'
|
|
10
10
|
}
|
|
11
11
|
},
|
|
12
|
+
bold: {
|
|
13
|
+
attributes: {
|
|
14
|
+
group: 'paint',
|
|
15
|
+
state: 'active',
|
|
16
|
+
introduced: '0.10.8',
|
|
17
|
+
description: 'A neutral border option that passes min 3:1 contrast ratios.'
|
|
18
|
+
}
|
|
19
|
+
},
|
|
12
20
|
inverse: {
|
|
13
21
|
attributes: {
|
|
14
22
|
group: 'paint',
|
package/dist/es2019/version.json
CHANGED
|
@@ -3,7 +3,7 @@
|
|
|
3
3
|
*
|
|
4
4
|
* Token names mapped to their value in the default Atlassian theme ('light')
|
|
5
5
|
*
|
|
6
|
-
* @codegen <<SignedSource::
|
|
6
|
+
* @codegen <<SignedSource::65fed9d3a0df2e2c1ccee929e1349bb4>>
|
|
7
7
|
* @codegenCommand yarn build tokens
|
|
8
8
|
*/
|
|
9
9
|
var defaultTokenValues = {
|
|
@@ -76,6 +76,7 @@ var defaultTokenValues = {
|
|
|
76
76
|
'color.border.accent.magenta': '#CD519D',
|
|
77
77
|
'color.border.accent.gray': '#758195',
|
|
78
78
|
'color.border': '#091E4224',
|
|
79
|
+
'color.border.bold': '#758195',
|
|
79
80
|
'color.border.inverse': '#FFFFFF',
|
|
80
81
|
'color.border.focused': '#388BFF',
|
|
81
82
|
'color.border.input': '#091E4224',
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
/**
|
|
2
2
|
* THIS FILE WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
|
|
3
|
-
* @codegen <<SignedSource::
|
|
3
|
+
* @codegen <<SignedSource::3acc6507214a2d925fd75bce0549f0ab>>
|
|
4
4
|
* @codegenCommand yarn build tokens
|
|
5
5
|
*/
|
|
6
6
|
var tokens = {
|
|
@@ -73,6 +73,7 @@ var tokens = {
|
|
|
73
73
|
'color.border.accent.magenta': '--ds-border-accent-magenta',
|
|
74
74
|
'color.border.accent.gray': '--ds-border-accent-gray',
|
|
75
75
|
'color.border': '--ds-border',
|
|
76
|
+
'color.border.bold': '--ds-border-bold',
|
|
76
77
|
'color.border.inverse': '--ds-border-inverse',
|
|
77
78
|
'color.border.focused': '--ds-border-focused',
|
|
78
79
|
'color.border.input': '--ds-border-input',
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
/**
|
|
2
2
|
* THIS FILE WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
|
|
3
|
-
* @codegen <<SignedSource::
|
|
3
|
+
* @codegen <<SignedSource::f6554dd5fa7c18bf2250697f2e567297>>
|
|
4
4
|
* @codegenCommand yarn build tokens
|
|
5
5
|
*/
|
|
6
6
|
var tokens = [{
|
|
@@ -1494,6 +1494,27 @@ var tokens = [{
|
|
|
1494
1494
|
},
|
|
1495
1495
|
"name": "color.border.[default]",
|
|
1496
1496
|
"path": ["color", "border", "[default]"]
|
|
1497
|
+
}, {
|
|
1498
|
+
"attributes": {
|
|
1499
|
+
"group": "paint",
|
|
1500
|
+
"state": "active",
|
|
1501
|
+
"introduced": "0.10.8",
|
|
1502
|
+
"description": "A neutral border option that passes min 3:1 contrast ratios."
|
|
1503
|
+
},
|
|
1504
|
+
"value": "#738496",
|
|
1505
|
+
"filePath": "src/tokens/atlassian-dark/color/border.tsx",
|
|
1506
|
+
"isSource": true,
|
|
1507
|
+
"original": {
|
|
1508
|
+
"attributes": {
|
|
1509
|
+
"group": "paint",
|
|
1510
|
+
"state": "active",
|
|
1511
|
+
"introduced": "0.10.8",
|
|
1512
|
+
"description": "A neutral border option that passes min 3:1 contrast ratios."
|
|
1513
|
+
},
|
|
1514
|
+
"value": "DN600"
|
|
1515
|
+
},
|
|
1516
|
+
"name": "color.border.bold",
|
|
1517
|
+
"path": ["color", "border", "bold"]
|
|
1497
1518
|
}, {
|
|
1498
1519
|
"attributes": {
|
|
1499
1520
|
"group": "paint",
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
/**
|
|
2
2
|
* THIS FILE WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
|
|
3
|
-
* @codegen <<SignedSource::
|
|
3
|
+
* @codegen <<SignedSource::27eae6ae1ffaceb474ba5af373b377f1>>
|
|
4
4
|
* @codegenCommand yarn build tokens
|
|
5
5
|
*/
|
|
6
6
|
var tokens = [{
|
|
@@ -1494,6 +1494,27 @@ var tokens = [{
|
|
|
1494
1494
|
},
|
|
1495
1495
|
"name": "color.border.[default]",
|
|
1496
1496
|
"path": ["color", "border", "[default]"]
|
|
1497
|
+
}, {
|
|
1498
|
+
"attributes": {
|
|
1499
|
+
"group": "paint",
|
|
1500
|
+
"state": "active",
|
|
1501
|
+
"introduced": "0.10.8",
|
|
1502
|
+
"description": "A neutral border option that passes min 3:1 contrast ratios."
|
|
1503
|
+
},
|
|
1504
|
+
"value": "#758195",
|
|
1505
|
+
"filePath": "src/tokens/atlassian-light/color/border.tsx",
|
|
1506
|
+
"isSource": true,
|
|
1507
|
+
"original": {
|
|
1508
|
+
"attributes": {
|
|
1509
|
+
"group": "paint",
|
|
1510
|
+
"state": "active",
|
|
1511
|
+
"introduced": "0.10.8",
|
|
1512
|
+
"description": "A neutral border option that passes min 3:1 contrast ratios."
|
|
1513
|
+
},
|
|
1514
|
+
"value": "N600"
|
|
1515
|
+
},
|
|
1516
|
+
"name": "color.border.bold",
|
|
1517
|
+
"path": ["color", "border", "bold"]
|
|
1497
1518
|
}, {
|
|
1498
1519
|
"attributes": {
|
|
1499
1520
|
"group": "paint",
|
package/dist/esm/get-token.js
CHANGED
|
@@ -2,7 +2,7 @@ import warnOnce from '@atlaskit/ds-lib/warn-once';
|
|
|
2
2
|
import tokens from './artifacts/token-names';
|
|
3
3
|
import { TOKEN_NOT_FOUND_CSS_VAR } from './constants';
|
|
4
4
|
var name = "@atlaskit/tokens";
|
|
5
|
-
var version = "0.10.
|
|
5
|
+
var version = "0.10.10";
|
|
6
6
|
|
|
7
7
|
function token(path, fallback) {
|
|
8
8
|
var token = tokens[path];
|
|
@@ -9,6 +9,14 @@ var color = {
|
|
|
9
9
|
description: 'Use to visually group or separate UI elements, such as flat cards or side panel dividers.'
|
|
10
10
|
}
|
|
11
11
|
},
|
|
12
|
+
bold: {
|
|
13
|
+
attributes: {
|
|
14
|
+
group: 'paint',
|
|
15
|
+
state: 'active',
|
|
16
|
+
introduced: '0.10.8',
|
|
17
|
+
description: 'A neutral border option that passes min 3:1 contrast ratios.'
|
|
18
|
+
}
|
|
19
|
+
},
|
|
12
20
|
inverse: {
|
|
13
21
|
attributes: {
|
|
14
22
|
group: 'paint',
|
package/dist/esm/version.json
CHANGED
|
@@ -3,7 +3,7 @@
|
|
|
3
3
|
*
|
|
4
4
|
* Token names mapped to their value in the default Atlassian theme ('light')
|
|
5
5
|
*
|
|
6
|
-
* @codegen <<SignedSource::
|
|
6
|
+
* @codegen <<SignedSource::65fed9d3a0df2e2c1ccee929e1349bb4>>
|
|
7
7
|
* @codegenCommand yarn build tokens
|
|
8
8
|
*/
|
|
9
9
|
declare const defaultTokenValues: {
|
|
@@ -76,6 +76,7 @@ declare const defaultTokenValues: {
|
|
|
76
76
|
readonly 'color.border.accent.magenta': "#CD519D";
|
|
77
77
|
readonly 'color.border.accent.gray': "#758195";
|
|
78
78
|
readonly 'color.border': "#091E4224";
|
|
79
|
+
readonly 'color.border.bold': "#758195";
|
|
79
80
|
readonly 'color.border.inverse': "#FFFFFF";
|
|
80
81
|
readonly 'color.border.focused': "#388BFF";
|
|
81
82
|
readonly 'color.border.input': "#091E4224";
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
/**
|
|
2
2
|
* THIS FILE WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
|
|
3
|
-
* @codegen <<SignedSource::
|
|
3
|
+
* @codegen <<SignedSource::3acc6507214a2d925fd75bce0549f0ab>>
|
|
4
4
|
* @codegenCommand yarn build tokens
|
|
5
5
|
*/
|
|
6
6
|
declare const tokens: {
|
|
@@ -73,6 +73,7 @@ declare const tokens: {
|
|
|
73
73
|
readonly 'color.border.accent.magenta': "--ds-border-accent-magenta";
|
|
74
74
|
readonly 'color.border.accent.gray': "--ds-border-accent-gray";
|
|
75
75
|
readonly 'color.border': "--ds-border";
|
|
76
|
+
readonly 'color.border.bold': "--ds-border-bold";
|
|
76
77
|
readonly 'color.border.inverse': "--ds-border-inverse";
|
|
77
78
|
readonly 'color.border.focused': "--ds-border-focused";
|
|
78
79
|
readonly 'color.border.input': "--ds-border-input";
|
|
@@ -357,6 +358,7 @@ export declare type CSSTokenMap = {
|
|
|
357
358
|
'color.border.accent.magenta': 'var(--ds-border-accent-magenta)';
|
|
358
359
|
'color.border.accent.gray': 'var(--ds-border-accent-gray)';
|
|
359
360
|
'color.border': 'var(--ds-border)';
|
|
361
|
+
'color.border.bold': 'var(--ds-border-bold)';
|
|
360
362
|
'color.border.inverse': 'var(--ds-border-inverse)';
|
|
361
363
|
'color.border.focused': 'var(--ds-border-focused)';
|
|
362
364
|
'color.border.input': 'var(--ds-border-input)';
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
/**
|
|
2
2
|
* THIS FILE WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
|
|
3
|
-
* @codegen <<SignedSource::
|
|
3
|
+
* @codegen <<SignedSource::f6554dd5fa7c18bf2250697f2e567297>>
|
|
4
4
|
* @codegenCommand yarn build tokens
|
|
5
5
|
*/
|
|
6
6
|
declare const tokens: ({
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
/**
|
|
2
2
|
* THIS FILE WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
|
|
3
|
-
* @codegen <<SignedSource::
|
|
3
|
+
* @codegen <<SignedSource::27eae6ae1ffaceb474ba5af373b377f1>>
|
|
4
4
|
* @codegenCommand yarn build tokens
|
|
5
5
|
*/
|
|
6
6
|
declare const tokens: ({
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
/**
|
|
2
2
|
* THIS FILE WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
|
|
3
|
-
* @codegen <<SignedSource::
|
|
3
|
+
* @codegen <<SignedSource::dbbb6d07f548d897a8888f293192334a>>
|
|
4
4
|
* @codegenCommand yarn build tokens
|
|
5
5
|
*/
|
|
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.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';
|
|
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.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.bold' | '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';
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
/**
|
|
2
2
|
* THIS FILE WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
|
|
3
|
-
* @codegen <<SignedSource::
|
|
3
|
+
* @codegen <<SignedSource::0f25880322c40827d3c14a229de859fb>>
|
|
4
4
|
* @codegenCommand yarn build tokens
|
|
5
5
|
*/
|
|
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.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';
|
|
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.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.bold' | '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';
|
package/dist/types/types.d.ts
CHANGED
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@atlaskit/tokens",
|
|
3
|
-
"version": "0.10.
|
|
3
|
+
"version": "0.10.10",
|
|
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",
|
|
@@ -42,7 +42,7 @@
|
|
|
42
42
|
"build-chrome-extension": "yarn --cwd tokens-browser-extension build-chrome-extension"
|
|
43
43
|
},
|
|
44
44
|
"dependencies": {
|
|
45
|
-
"@atlaskit/ds-lib": "^
|
|
45
|
+
"@atlaskit/ds-lib": "^2.0.0",
|
|
46
46
|
"@babel/runtime": "^7.0.0",
|
|
47
47
|
"@babel/traverse": "^7.15.0",
|
|
48
48
|
"@babel/types": "^7.15.0"
|
|
@@ -95,6 +95,7 @@
|
|
|
95
95
|
"circular-dependencies": "file-and-folder-level"
|
|
96
96
|
},
|
|
97
97
|
"@repo/internal": {
|
|
98
|
+
"dom-events": "use-bind-event-listener",
|
|
98
99
|
"design-system": "v1",
|
|
99
100
|
"ui-components": "lite-mode",
|
|
100
101
|
"deprecation": "no-deprecated-imports",
|
package/report.api.md
ADDED
|
@@ -0,0 +1,36 @@
|
|
|
1
|
+
## API Report File for "@atlaskit/tokens"
|
|
2
|
+
|
|
3
|
+
> Do not edit this file. It is a report generated by [API Extractor](https://api-extractor.com/).
|
|
4
|
+
|
|
5
|
+
```ts
|
|
6
|
+
// @public (undocumented)
|
|
7
|
+
export type CSSToken = CSSTokenMap[keyof CSSTokenMap];
|
|
8
|
+
|
|
9
|
+
// @public (undocumented)
|
|
10
|
+
export const setGlobalTheme: (theme: Themes) => void;
|
|
11
|
+
|
|
12
|
+
// @public
|
|
13
|
+
export class ThemeMutationObserver {
|
|
14
|
+
constructor(callback: (theme: Themes | null) => unknown);
|
|
15
|
+
// (undocumented)
|
|
16
|
+
disconnect(): void;
|
|
17
|
+
// (undocumented)
|
|
18
|
+
observe(): void;
|
|
19
|
+
// (undocumented)
|
|
20
|
+
observer: MutationObserver | null;
|
|
21
|
+
}
|
|
22
|
+
|
|
23
|
+
// @public (undocumented)
|
|
24
|
+
export type Themes = typeof THEMES[number];
|
|
25
|
+
|
|
26
|
+
// @public (undocumented)
|
|
27
|
+
export function token<T extends keyof Tokens>(
|
|
28
|
+
path: T,
|
|
29
|
+
fallback?: string,
|
|
30
|
+
): CSSTokenMap[T];
|
|
31
|
+
|
|
32
|
+
// @public
|
|
33
|
+
export const useThemeObserver: () => Themes | null;
|
|
34
|
+
|
|
35
|
+
// (No @packageDocumentation comment for this package)
|
|
36
|
+
```
|