@atlaskit/tokens 1.4.2 → 1.4.4
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 +12 -0
- package/dist/cjs/artifacts/themes/atlassian-dark-iteration.js +2 -2
- package/dist/cjs/get-token-value.js +1 -1
- package/dist/cjs/get-token.js +1 -1
- package/dist/cjs/tokens/atlassian-dark-iteration/color/accent.js +12 -12
- package/dist/cjs/tokens/atlassian-dark-iteration/color/background.js +8 -32
- package/dist/cjs/tokens/atlassian-dark-iteration/color/icon.js +0 -4
- package/dist/cjs/tokens/atlassian-dark-iteration/color/text.js +0 -14
- package/dist/cjs/version.json +1 -1
- package/dist/es2019/artifacts/themes/atlassian-dark-iteration.js +7 -17
- package/dist/es2019/get-token-value.js +1 -1
- package/dist/es2019/get-token.js +1 -1
- package/dist/es2019/tokens/atlassian-dark-iteration/color/accent.js +12 -12
- package/dist/es2019/tokens/atlassian-dark-iteration/color/background.js +8 -32
- package/dist/es2019/tokens/atlassian-dark-iteration/color/icon.js +0 -4
- package/dist/es2019/tokens/atlassian-dark-iteration/color/text.js +0 -14
- package/dist/es2019/version.json +1 -1
- package/dist/esm/artifacts/themes/atlassian-dark-iteration.js +2 -2
- package/dist/esm/get-token-value.js +1 -1
- package/dist/esm/get-token.js +1 -1
- package/dist/esm/tokens/atlassian-dark-iteration/color/accent.js +12 -12
- package/dist/esm/tokens/atlassian-dark-iteration/color/background.js +8 -32
- package/dist/esm/tokens/atlassian-dark-iteration/color/icon.js +0 -4
- package/dist/esm/tokens/atlassian-dark-iteration/color/text.js +0 -14
- package/dist/esm/version.json +1 -1
- package/dist/types/artifacts/themes/atlassian-dark-iteration.d.ts +2 -2
- package/dist/types-ts4.5/artifacts/themes/atlassian-dark-iteration.d.ts +2 -2
- package/package.json +3 -11
package/CHANGELOG.md
CHANGED
|
@@ -1,5 +1,17 @@
|
|
|
1
1
|
# @atlaskit/tokens
|
|
2
2
|
|
|
3
|
+
## 1.4.4
|
|
4
|
+
|
|
5
|
+
### Patch Changes
|
|
6
|
+
|
|
7
|
+
- [`33f10b7eb36`](https://bitbucket.org/atlassian/atlassian-frontend/commits/33f10b7eb36) - Removing unused dependencies and dev dependencies
|
|
8
|
+
|
|
9
|
+
## 1.4.3
|
|
10
|
+
|
|
11
|
+
### Patch Changes
|
|
12
|
+
|
|
13
|
+
- [`32e364bed0b`](https://bitbucket.org/atlassian/atlassian-frontend/commits/32e364bed0b) - We are testing color tweaks to the dark theme behind a feature flag.
|
|
14
|
+
|
|
3
15
|
## 1.4.2
|
|
4
16
|
|
|
5
17
|
### Patch Changes
|
|
@@ -6,8 +6,8 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
6
6
|
exports.default = void 0;
|
|
7
7
|
/**
|
|
8
8
|
* THIS FILE WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
|
|
9
|
-
* @codegen <<SignedSource::
|
|
9
|
+
* @codegen <<SignedSource::a498573f615e2204226c395c985e600f>>
|
|
10
10
|
* @codegenCommand yarn build tokens
|
|
11
11
|
*/
|
|
12
|
-
var _default = "\nhtml[data-color-mode=\"light\"][data-theme~=\"light:dark\"],\nhtml[data-color-mode=\"dark\"][data-theme~=\"dark:dark\"] {\n color-scheme: dark;\n --ds-text: #B6C2CF;\n --ds-text-inverse: #1D2125;\n --ds-text-
|
|
12
|
+
var _default = "\nhtml[data-color-mode=\"light\"][data-theme~=\"light:dark\"],\nhtml[data-color-mode=\"dark\"][data-theme~=\"dark:dark\"] {\n color-scheme: dark;\n --ds-text: #B6C2CF;\n --ds-text-inverse: #1D2125;\n --ds-text-warning-inverse: #1D2125;\n --ds-text-subtlest: #8C9BAB;\n --ds-icon-inverse: #1D2125;\n --ds-icon-warning-inverse: #1D2125;\n --ds-icon-subtle: #8C9BAB;\n --ds-background-accent-red-subtlest: #4F1C16;\n --ds-background-accent-orange-subtlest: #4A2B0F;\n --ds-background-accent-yellow-subtlest: #3F3102;\n --ds-background-accent-green-subtlest: #143C2B;\n --ds-background-accent-teal-subtlest: #15373B;\n --ds-background-accent-blue-subtlest: #092957;\n --ds-background-accent-purple-subtlest: #2B2451;\n --ds-background-accent-magenta-subtlest: #421F34;\n --ds-background-accent-gray-bolder: #8C9BAB;\n --ds-background-input: #22272B;\n --ds-background-input-hovered: #282E33;\n --ds-background-input-pressed: #22272B;\n --ds-background-selected: #092957;\n --ds-background-danger: #4F1C16;\n --ds-background-warning: #3F3102;\n --ds-background-success: #143C2B;\n --ds-background-discovery: #2B2451;\n --ds-background-information: #092957;\n --ds-blanket: #10121499;\n --ds-chart-neutral-hovered: #8C9BAB;\n --ds-chart-gray-bold-hovered: #8C9BAB;\n --ds-chart-gray-bolder: #8C9BAB;\n --ds-surface: #1D2125;\n --ds-surface-hovered: #22272B;\n --ds-surface-pressed: #282E33;\n --ds-surface-overlay: #282E33;\n --ds-surface-overlay-pressed: #38414A;\n --ds-surface-raised: #22272B;\n --ds-surface-raised-hovered: #282E33;\n --ds-surface-sunken: #161A1D;\n --ds-shadow-overlay: inset 0px 0px 0px 1px #BCD6F01F, 0px 8px 12px #0304045C, 0px 0px 1px #03040480;\n}\n";
|
|
13
13
|
exports.default = _default;
|
|
@@ -8,7 +8,7 @@ exports.default = void 0;
|
|
|
8
8
|
var _warnOnce = _interopRequireDefault(require("@atlaskit/ds-lib/warn-once"));
|
|
9
9
|
var _tokenNames = _interopRequireDefault(require("./artifacts/token-names"));
|
|
10
10
|
var name = "@atlaskit/tokens";
|
|
11
|
-
var version = "1.4.
|
|
11
|
+
var version = "1.4.4";
|
|
12
12
|
/**
|
|
13
13
|
* Takes a dot-separated token name and and an optional fallback, and returns the current computed CSS value for the
|
|
14
14
|
* resulting CSS Custom Property.
|
package/dist/cjs/get-token.js
CHANGED
|
@@ -9,7 +9,7 @@ var _warnOnce = _interopRequireDefault(require("@atlaskit/ds-lib/warn-once"));
|
|
|
9
9
|
var _tokenNames = _interopRequireDefault(require("./artifacts/token-names"));
|
|
10
10
|
var _constants = require("./constants");
|
|
11
11
|
var name = "@atlaskit/tokens";
|
|
12
|
-
var version = "1.4.
|
|
12
|
+
var version = "1.4.4";
|
|
13
13
|
/**
|
|
14
14
|
* Takes a dot-separated token name and an optional fallback, and returns the CSS custom property for the corresponding token.
|
|
15
15
|
* This should be used to implement design decisions throughout your application.
|
|
@@ -10,49 +10,49 @@ var color = {
|
|
|
10
10
|
accent: {
|
|
11
11
|
blue: {
|
|
12
12
|
subtlest: {
|
|
13
|
-
// @ts-ignore
|
|
13
|
+
// @ts-ignore new value for Blue1000
|
|
14
14
|
value: '#092957'
|
|
15
15
|
}
|
|
16
16
|
},
|
|
17
17
|
red: {
|
|
18
18
|
subtlest: {
|
|
19
|
-
// @ts-ignore
|
|
19
|
+
// @ts-ignore new value for Red1000
|
|
20
20
|
value: '#4F1C16'
|
|
21
21
|
}
|
|
22
22
|
},
|
|
23
23
|
orange: {
|
|
24
24
|
subtlest: {
|
|
25
|
-
// @ts-ignore
|
|
26
|
-
value: '#
|
|
25
|
+
// @ts-ignore new value for Orange1000
|
|
26
|
+
value: '#4A2B0F'
|
|
27
27
|
}
|
|
28
28
|
},
|
|
29
29
|
yellow: {
|
|
30
30
|
subtlest: {
|
|
31
|
-
// @ts-ignore
|
|
32
|
-
value: '#
|
|
31
|
+
// @ts-ignore new value for Yellow1000
|
|
32
|
+
value: '#3F3102'
|
|
33
33
|
}
|
|
34
34
|
},
|
|
35
35
|
green: {
|
|
36
36
|
subtlest: {
|
|
37
|
-
// @ts-ignore
|
|
38
|
-
value: '#
|
|
37
|
+
// @ts-ignore new value for Green1000
|
|
38
|
+
value: '#143C2B'
|
|
39
39
|
}
|
|
40
40
|
},
|
|
41
41
|
purple: {
|
|
42
42
|
subtlest: {
|
|
43
|
-
// @ts-ignore
|
|
43
|
+
// @ts-ignore new value for Purple1000
|
|
44
44
|
value: '#2B2451'
|
|
45
45
|
}
|
|
46
46
|
},
|
|
47
47
|
teal: {
|
|
48
48
|
subtlest: {
|
|
49
|
-
// @ts-ignore
|
|
50
|
-
value: '#
|
|
49
|
+
// @ts-ignore new value for Teal1000
|
|
50
|
+
value: '#15373B'
|
|
51
51
|
}
|
|
52
52
|
},
|
|
53
53
|
magenta: {
|
|
54
54
|
subtlest: {
|
|
55
|
-
// @ts-ignore
|
|
55
|
+
// @ts-ignore new value for Magenta1000
|
|
56
56
|
value: '#421F34'
|
|
57
57
|
}
|
|
58
58
|
},
|
|
@@ -28,72 +28,48 @@ var color = {
|
|
|
28
28
|
selected: {
|
|
29
29
|
'[default]': {
|
|
30
30
|
'[default]': {
|
|
31
|
-
// @ts-ignore
|
|
31
|
+
// @ts-ignore new value for Blue1000
|
|
32
32
|
value: '#092957'
|
|
33
|
-
},
|
|
34
|
-
pressed: {
|
|
35
|
-
// @ts-ignore Blue850 not currently available
|
|
36
|
-
value: '#073A83'
|
|
37
33
|
}
|
|
38
34
|
}
|
|
39
35
|
},
|
|
40
36
|
danger: {
|
|
41
37
|
'[default]': {
|
|
42
38
|
'[default]': {
|
|
43
|
-
// @ts-ignore
|
|
39
|
+
// @ts-ignore new value for Red1000
|
|
44
40
|
value: '#4F1C16'
|
|
45
|
-
},
|
|
46
|
-
pressed: {
|
|
47
|
-
// @ts-ignore Red850 not currently available
|
|
48
|
-
value: '#872518'
|
|
49
41
|
}
|
|
50
42
|
}
|
|
51
43
|
},
|
|
52
44
|
warning: {
|
|
53
45
|
'[default]': {
|
|
54
46
|
'[default]': {
|
|
55
|
-
// @ts-ignore
|
|
56
|
-
value: '#
|
|
57
|
-
},
|
|
58
|
-
pressed: {
|
|
59
|
-
// @ts-ignore Yellow850 not currently available
|
|
60
|
-
value: '#6B5103'
|
|
47
|
+
// @ts-ignore new value for Yellow1000
|
|
48
|
+
value: '#3F3102'
|
|
61
49
|
}
|
|
62
50
|
}
|
|
63
51
|
},
|
|
64
52
|
success: {
|
|
65
53
|
'[default]': {
|
|
66
54
|
'[default]': {
|
|
67
|
-
// @ts-ignore
|
|
68
|
-
value: '#
|
|
69
|
-
},
|
|
70
|
-
pressed: {
|
|
71
|
-
// @ts-ignore Green850 not currently available
|
|
72
|
-
value: '#1B5A40'
|
|
55
|
+
// @ts-ignore new value for Green1000
|
|
56
|
+
value: '#143C2B'
|
|
73
57
|
}
|
|
74
58
|
}
|
|
75
59
|
},
|
|
76
60
|
discovery: {
|
|
77
61
|
'[default]': {
|
|
78
62
|
'[default]': {
|
|
79
|
-
// @ts-ignore
|
|
63
|
+
// @ts-ignore new value for Purple1000
|
|
80
64
|
value: '#2B2451'
|
|
81
|
-
},
|
|
82
|
-
pressed: {
|
|
83
|
-
// @ts-ignore Purple850 not currently available
|
|
84
|
-
value: '#4A3D8A'
|
|
85
65
|
}
|
|
86
66
|
}
|
|
87
67
|
},
|
|
88
68
|
information: {
|
|
89
69
|
'[default]': {
|
|
90
70
|
'[default]': {
|
|
91
|
-
// @ts-ignore
|
|
71
|
+
// @ts-ignore new value for Blue1000
|
|
92
72
|
value: '#092957'
|
|
93
|
-
},
|
|
94
|
-
pressed: {
|
|
95
|
-
// @ts-ignore Blue850 not currently available
|
|
96
|
-
value: '#073A83'
|
|
97
73
|
}
|
|
98
74
|
}
|
|
99
75
|
}
|
|
@@ -17,25 +17,11 @@ var color = {
|
|
|
17
17
|
inverse: {
|
|
18
18
|
value: 'DarkNeutral100'
|
|
19
19
|
},
|
|
20
|
-
selected: {
|
|
21
|
-
// @ts-ignore Blue350 not currently available
|
|
22
|
-
value: '#6EAAFF'
|
|
23
|
-
},
|
|
24
20
|
warning: {
|
|
25
21
|
inverse: {
|
|
26
22
|
value: 'DarkNeutral100'
|
|
27
23
|
}
|
|
28
24
|
}
|
|
29
|
-
},
|
|
30
|
-
link: {
|
|
31
|
-
'[default]': {
|
|
32
|
-
// @ts-ignore Blue350 not currently available
|
|
33
|
-
value: '#6EAAFF'
|
|
34
|
-
},
|
|
35
|
-
pressed: {
|
|
36
|
-
// @ts-ignore Blue250 not currently available
|
|
37
|
-
value: '#A8CCFF'
|
|
38
|
-
}
|
|
39
25
|
}
|
|
40
26
|
}
|
|
41
27
|
};
|
package/dist/cjs/version.json
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::a498573f615e2204226c395c985e600f>>
|
|
4
4
|
* @codegenCommand yarn build tokens
|
|
5
5
|
*/
|
|
6
6
|
export default `
|
|
@@ -9,20 +9,16 @@ html[data-color-mode="dark"][data-theme~="dark:dark"] {
|
|
|
9
9
|
color-scheme: dark;
|
|
10
10
|
--ds-text: #B6C2CF;
|
|
11
11
|
--ds-text-inverse: #1D2125;
|
|
12
|
-
--ds-text-selected: #6EAAFF;
|
|
13
12
|
--ds-text-warning-inverse: #1D2125;
|
|
14
13
|
--ds-text-subtlest: #8C9BAB;
|
|
15
|
-
--ds-link: #6EAAFF;
|
|
16
|
-
--ds-link-pressed: #A8CCFF;
|
|
17
14
|
--ds-icon-inverse: #1D2125;
|
|
18
|
-
--ds-icon-selected: #6EAAFF;
|
|
19
15
|
--ds-icon-warning-inverse: #1D2125;
|
|
20
16
|
--ds-icon-subtle: #8C9BAB;
|
|
21
17
|
--ds-background-accent-red-subtlest: #4F1C16;
|
|
22
|
-
--ds-background-accent-orange-subtlest: #
|
|
23
|
-
--ds-background-accent-yellow-subtlest: #
|
|
24
|
-
--ds-background-accent-green-subtlest: #
|
|
25
|
-
--ds-background-accent-teal-subtlest: #
|
|
18
|
+
--ds-background-accent-orange-subtlest: #4A2B0F;
|
|
19
|
+
--ds-background-accent-yellow-subtlest: #3F3102;
|
|
20
|
+
--ds-background-accent-green-subtlest: #143C2B;
|
|
21
|
+
--ds-background-accent-teal-subtlest: #15373B;
|
|
26
22
|
--ds-background-accent-blue-subtlest: #092957;
|
|
27
23
|
--ds-background-accent-purple-subtlest: #2B2451;
|
|
28
24
|
--ds-background-accent-magenta-subtlest: #421F34;
|
|
@@ -31,17 +27,11 @@ html[data-color-mode="dark"][data-theme~="dark:dark"] {
|
|
|
31
27
|
--ds-background-input-hovered: #282E33;
|
|
32
28
|
--ds-background-input-pressed: #22272B;
|
|
33
29
|
--ds-background-selected: #092957;
|
|
34
|
-
--ds-background-selected-pressed: #073A83;
|
|
35
30
|
--ds-background-danger: #4F1C16;
|
|
36
|
-
--ds-background-
|
|
37
|
-
--ds-background-
|
|
38
|
-
--ds-background-warning-pressed: #6B5103;
|
|
39
|
-
--ds-background-success: #143E2C;
|
|
40
|
-
--ds-background-success-pressed: #1B5A40;
|
|
31
|
+
--ds-background-warning: #3F3102;
|
|
32
|
+
--ds-background-success: #143C2B;
|
|
41
33
|
--ds-background-discovery: #2B2451;
|
|
42
|
-
--ds-background-discovery-pressed: #4A3D8A;
|
|
43
34
|
--ds-background-information: #092957;
|
|
44
|
-
--ds-background-information-pressed: #073A83;
|
|
45
35
|
--ds-blanket: #10121499;
|
|
46
36
|
--ds-chart-neutral-hovered: #8C9BAB;
|
|
47
37
|
--ds-chart-gray-bold-hovered: #8C9BAB;
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import warnOnce from '@atlaskit/ds-lib/warn-once';
|
|
2
2
|
import tokens from './artifacts/token-names';
|
|
3
3
|
const name = "@atlaskit/tokens";
|
|
4
|
-
const version = "1.4.
|
|
4
|
+
const version = "1.4.4";
|
|
5
5
|
/**
|
|
6
6
|
* Takes a dot-separated token name and and an optional fallback, and returns the current computed CSS value for the
|
|
7
7
|
* resulting CSS Custom Property.
|
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 = "1.4.
|
|
5
|
+
const version = "1.4.4";
|
|
6
6
|
/**
|
|
7
7
|
* Takes a dot-separated token name and an optional fallback, and returns the CSS custom property for the corresponding token.
|
|
8
8
|
* This should be used to implement design decisions throughout your application.
|
|
@@ -4,49 +4,49 @@ const color = {
|
|
|
4
4
|
accent: {
|
|
5
5
|
blue: {
|
|
6
6
|
subtlest: {
|
|
7
|
-
// @ts-ignore
|
|
7
|
+
// @ts-ignore new value for Blue1000
|
|
8
8
|
value: '#092957'
|
|
9
9
|
}
|
|
10
10
|
},
|
|
11
11
|
red: {
|
|
12
12
|
subtlest: {
|
|
13
|
-
// @ts-ignore
|
|
13
|
+
// @ts-ignore new value for Red1000
|
|
14
14
|
value: '#4F1C16'
|
|
15
15
|
}
|
|
16
16
|
},
|
|
17
17
|
orange: {
|
|
18
18
|
subtlest: {
|
|
19
|
-
// @ts-ignore
|
|
20
|
-
value: '#
|
|
19
|
+
// @ts-ignore new value for Orange1000
|
|
20
|
+
value: '#4A2B0F'
|
|
21
21
|
}
|
|
22
22
|
},
|
|
23
23
|
yellow: {
|
|
24
24
|
subtlest: {
|
|
25
|
-
// @ts-ignore
|
|
26
|
-
value: '#
|
|
25
|
+
// @ts-ignore new value for Yellow1000
|
|
26
|
+
value: '#3F3102'
|
|
27
27
|
}
|
|
28
28
|
},
|
|
29
29
|
green: {
|
|
30
30
|
subtlest: {
|
|
31
|
-
// @ts-ignore
|
|
32
|
-
value: '#
|
|
31
|
+
// @ts-ignore new value for Green1000
|
|
32
|
+
value: '#143C2B'
|
|
33
33
|
}
|
|
34
34
|
},
|
|
35
35
|
purple: {
|
|
36
36
|
subtlest: {
|
|
37
|
-
// @ts-ignore
|
|
37
|
+
// @ts-ignore new value for Purple1000
|
|
38
38
|
value: '#2B2451'
|
|
39
39
|
}
|
|
40
40
|
},
|
|
41
41
|
teal: {
|
|
42
42
|
subtlest: {
|
|
43
|
-
// @ts-ignore
|
|
44
|
-
value: '#
|
|
43
|
+
// @ts-ignore new value for Teal1000
|
|
44
|
+
value: '#15373B'
|
|
45
45
|
}
|
|
46
46
|
},
|
|
47
47
|
magenta: {
|
|
48
48
|
subtlest: {
|
|
49
|
-
// @ts-ignore
|
|
49
|
+
// @ts-ignore new value for Magenta1000
|
|
50
50
|
value: '#421F34'
|
|
51
51
|
}
|
|
52
52
|
},
|
|
@@ -22,72 +22,48 @@ const color = {
|
|
|
22
22
|
selected: {
|
|
23
23
|
'[default]': {
|
|
24
24
|
'[default]': {
|
|
25
|
-
// @ts-ignore
|
|
25
|
+
// @ts-ignore new value for Blue1000
|
|
26
26
|
value: '#092957'
|
|
27
|
-
},
|
|
28
|
-
pressed: {
|
|
29
|
-
// @ts-ignore Blue850 not currently available
|
|
30
|
-
value: '#073A83'
|
|
31
27
|
}
|
|
32
28
|
}
|
|
33
29
|
},
|
|
34
30
|
danger: {
|
|
35
31
|
'[default]': {
|
|
36
32
|
'[default]': {
|
|
37
|
-
// @ts-ignore
|
|
33
|
+
// @ts-ignore new value for Red1000
|
|
38
34
|
value: '#4F1C16'
|
|
39
|
-
},
|
|
40
|
-
pressed: {
|
|
41
|
-
// @ts-ignore Red850 not currently available
|
|
42
|
-
value: '#872518'
|
|
43
35
|
}
|
|
44
36
|
}
|
|
45
37
|
},
|
|
46
38
|
warning: {
|
|
47
39
|
'[default]': {
|
|
48
40
|
'[default]': {
|
|
49
|
-
// @ts-ignore
|
|
50
|
-
value: '#
|
|
51
|
-
},
|
|
52
|
-
pressed: {
|
|
53
|
-
// @ts-ignore Yellow850 not currently available
|
|
54
|
-
value: '#6B5103'
|
|
41
|
+
// @ts-ignore new value for Yellow1000
|
|
42
|
+
value: '#3F3102'
|
|
55
43
|
}
|
|
56
44
|
}
|
|
57
45
|
},
|
|
58
46
|
success: {
|
|
59
47
|
'[default]': {
|
|
60
48
|
'[default]': {
|
|
61
|
-
// @ts-ignore
|
|
62
|
-
value: '#
|
|
63
|
-
},
|
|
64
|
-
pressed: {
|
|
65
|
-
// @ts-ignore Green850 not currently available
|
|
66
|
-
value: '#1B5A40'
|
|
49
|
+
// @ts-ignore new value for Green1000
|
|
50
|
+
value: '#143C2B'
|
|
67
51
|
}
|
|
68
52
|
}
|
|
69
53
|
},
|
|
70
54
|
discovery: {
|
|
71
55
|
'[default]': {
|
|
72
56
|
'[default]': {
|
|
73
|
-
// @ts-ignore
|
|
57
|
+
// @ts-ignore new value for Purple1000
|
|
74
58
|
value: '#2B2451'
|
|
75
|
-
},
|
|
76
|
-
pressed: {
|
|
77
|
-
// @ts-ignore Purple850 not currently available
|
|
78
|
-
value: '#4A3D8A'
|
|
79
59
|
}
|
|
80
60
|
}
|
|
81
61
|
},
|
|
82
62
|
information: {
|
|
83
63
|
'[default]': {
|
|
84
64
|
'[default]': {
|
|
85
|
-
// @ts-ignore
|
|
65
|
+
// @ts-ignore new value for Blue1000
|
|
86
66
|
value: '#092957'
|
|
87
|
-
},
|
|
88
|
-
pressed: {
|
|
89
|
-
// @ts-ignore Blue850 not currently available
|
|
90
|
-
value: '#073A83'
|
|
91
67
|
}
|
|
92
68
|
}
|
|
93
69
|
}
|
|
@@ -11,25 +11,11 @@ const color = {
|
|
|
11
11
|
inverse: {
|
|
12
12
|
value: 'DarkNeutral100'
|
|
13
13
|
},
|
|
14
|
-
selected: {
|
|
15
|
-
// @ts-ignore Blue350 not currently available
|
|
16
|
-
value: '#6EAAFF'
|
|
17
|
-
},
|
|
18
14
|
warning: {
|
|
19
15
|
inverse: {
|
|
20
16
|
value: 'DarkNeutral100'
|
|
21
17
|
}
|
|
22
18
|
}
|
|
23
|
-
},
|
|
24
|
-
link: {
|
|
25
|
-
'[default]': {
|
|
26
|
-
// @ts-ignore Blue350 not currently available
|
|
27
|
-
value: '#6EAAFF'
|
|
28
|
-
},
|
|
29
|
-
pressed: {
|
|
30
|
-
// @ts-ignore Blue250 not currently available
|
|
31
|
-
value: '#A8CCFF'
|
|
32
|
-
}
|
|
33
19
|
}
|
|
34
20
|
}
|
|
35
21
|
};
|
package/dist/es2019/version.json
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::a498573f615e2204226c395c985e600f>>
|
|
4
4
|
* @codegenCommand yarn build tokens
|
|
5
5
|
*/
|
|
6
|
-
export default "\nhtml[data-color-mode=\"light\"][data-theme~=\"light:dark\"],\nhtml[data-color-mode=\"dark\"][data-theme~=\"dark:dark\"] {\n color-scheme: dark;\n --ds-text: #B6C2CF;\n --ds-text-inverse: #1D2125;\n --ds-text-
|
|
6
|
+
export default "\nhtml[data-color-mode=\"light\"][data-theme~=\"light:dark\"],\nhtml[data-color-mode=\"dark\"][data-theme~=\"dark:dark\"] {\n color-scheme: dark;\n --ds-text: #B6C2CF;\n --ds-text-inverse: #1D2125;\n --ds-text-warning-inverse: #1D2125;\n --ds-text-subtlest: #8C9BAB;\n --ds-icon-inverse: #1D2125;\n --ds-icon-warning-inverse: #1D2125;\n --ds-icon-subtle: #8C9BAB;\n --ds-background-accent-red-subtlest: #4F1C16;\n --ds-background-accent-orange-subtlest: #4A2B0F;\n --ds-background-accent-yellow-subtlest: #3F3102;\n --ds-background-accent-green-subtlest: #143C2B;\n --ds-background-accent-teal-subtlest: #15373B;\n --ds-background-accent-blue-subtlest: #092957;\n --ds-background-accent-purple-subtlest: #2B2451;\n --ds-background-accent-magenta-subtlest: #421F34;\n --ds-background-accent-gray-bolder: #8C9BAB;\n --ds-background-input: #22272B;\n --ds-background-input-hovered: #282E33;\n --ds-background-input-pressed: #22272B;\n --ds-background-selected: #092957;\n --ds-background-danger: #4F1C16;\n --ds-background-warning: #3F3102;\n --ds-background-success: #143C2B;\n --ds-background-discovery: #2B2451;\n --ds-background-information: #092957;\n --ds-blanket: #10121499;\n --ds-chart-neutral-hovered: #8C9BAB;\n --ds-chart-gray-bold-hovered: #8C9BAB;\n --ds-chart-gray-bolder: #8C9BAB;\n --ds-surface: #1D2125;\n --ds-surface-hovered: #22272B;\n --ds-surface-pressed: #282E33;\n --ds-surface-overlay: #282E33;\n --ds-surface-overlay-pressed: #38414A;\n --ds-surface-raised: #22272B;\n --ds-surface-raised-hovered: #282E33;\n --ds-surface-sunken: #161A1D;\n --ds-shadow-overlay: inset 0px 0px 0px 1px #BCD6F01F, 0px 8px 12px #0304045C, 0px 0px 1px #03040480;\n}\n";
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import warnOnce from '@atlaskit/ds-lib/warn-once';
|
|
2
2
|
import tokens from './artifacts/token-names';
|
|
3
3
|
var name = "@atlaskit/tokens";
|
|
4
|
-
var version = "1.4.
|
|
4
|
+
var version = "1.4.4";
|
|
5
5
|
/**
|
|
6
6
|
* Takes a dot-separated token name and and an optional fallback, and returns the current computed CSS value for the
|
|
7
7
|
* resulting CSS Custom Property.
|
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 = "1.4.
|
|
5
|
+
var version = "1.4.4";
|
|
6
6
|
/**
|
|
7
7
|
* Takes a dot-separated token name and an optional fallback, and returns the CSS custom property for the corresponding token.
|
|
8
8
|
* This should be used to implement design decisions throughout your application.
|
|
@@ -4,49 +4,49 @@ var color = {
|
|
|
4
4
|
accent: {
|
|
5
5
|
blue: {
|
|
6
6
|
subtlest: {
|
|
7
|
-
// @ts-ignore
|
|
7
|
+
// @ts-ignore new value for Blue1000
|
|
8
8
|
value: '#092957'
|
|
9
9
|
}
|
|
10
10
|
},
|
|
11
11
|
red: {
|
|
12
12
|
subtlest: {
|
|
13
|
-
// @ts-ignore
|
|
13
|
+
// @ts-ignore new value for Red1000
|
|
14
14
|
value: '#4F1C16'
|
|
15
15
|
}
|
|
16
16
|
},
|
|
17
17
|
orange: {
|
|
18
18
|
subtlest: {
|
|
19
|
-
// @ts-ignore
|
|
20
|
-
value: '#
|
|
19
|
+
// @ts-ignore new value for Orange1000
|
|
20
|
+
value: '#4A2B0F'
|
|
21
21
|
}
|
|
22
22
|
},
|
|
23
23
|
yellow: {
|
|
24
24
|
subtlest: {
|
|
25
|
-
// @ts-ignore
|
|
26
|
-
value: '#
|
|
25
|
+
// @ts-ignore new value for Yellow1000
|
|
26
|
+
value: '#3F3102'
|
|
27
27
|
}
|
|
28
28
|
},
|
|
29
29
|
green: {
|
|
30
30
|
subtlest: {
|
|
31
|
-
// @ts-ignore
|
|
32
|
-
value: '#
|
|
31
|
+
// @ts-ignore new value for Green1000
|
|
32
|
+
value: '#143C2B'
|
|
33
33
|
}
|
|
34
34
|
},
|
|
35
35
|
purple: {
|
|
36
36
|
subtlest: {
|
|
37
|
-
// @ts-ignore
|
|
37
|
+
// @ts-ignore new value for Purple1000
|
|
38
38
|
value: '#2B2451'
|
|
39
39
|
}
|
|
40
40
|
},
|
|
41
41
|
teal: {
|
|
42
42
|
subtlest: {
|
|
43
|
-
// @ts-ignore
|
|
44
|
-
value: '#
|
|
43
|
+
// @ts-ignore new value for Teal1000
|
|
44
|
+
value: '#15373B'
|
|
45
45
|
}
|
|
46
46
|
},
|
|
47
47
|
magenta: {
|
|
48
48
|
subtlest: {
|
|
49
|
-
// @ts-ignore
|
|
49
|
+
// @ts-ignore new value for Magenta1000
|
|
50
50
|
value: '#421F34'
|
|
51
51
|
}
|
|
52
52
|
},
|
|
@@ -22,72 +22,48 @@ var color = {
|
|
|
22
22
|
selected: {
|
|
23
23
|
'[default]': {
|
|
24
24
|
'[default]': {
|
|
25
|
-
// @ts-ignore
|
|
25
|
+
// @ts-ignore new value for Blue1000
|
|
26
26
|
value: '#092957'
|
|
27
|
-
},
|
|
28
|
-
pressed: {
|
|
29
|
-
// @ts-ignore Blue850 not currently available
|
|
30
|
-
value: '#073A83'
|
|
31
27
|
}
|
|
32
28
|
}
|
|
33
29
|
},
|
|
34
30
|
danger: {
|
|
35
31
|
'[default]': {
|
|
36
32
|
'[default]': {
|
|
37
|
-
// @ts-ignore
|
|
33
|
+
// @ts-ignore new value for Red1000
|
|
38
34
|
value: '#4F1C16'
|
|
39
|
-
},
|
|
40
|
-
pressed: {
|
|
41
|
-
// @ts-ignore Red850 not currently available
|
|
42
|
-
value: '#872518'
|
|
43
35
|
}
|
|
44
36
|
}
|
|
45
37
|
},
|
|
46
38
|
warning: {
|
|
47
39
|
'[default]': {
|
|
48
40
|
'[default]': {
|
|
49
|
-
// @ts-ignore
|
|
50
|
-
value: '#
|
|
51
|
-
},
|
|
52
|
-
pressed: {
|
|
53
|
-
// @ts-ignore Yellow850 not currently available
|
|
54
|
-
value: '#6B5103'
|
|
41
|
+
// @ts-ignore new value for Yellow1000
|
|
42
|
+
value: '#3F3102'
|
|
55
43
|
}
|
|
56
44
|
}
|
|
57
45
|
},
|
|
58
46
|
success: {
|
|
59
47
|
'[default]': {
|
|
60
48
|
'[default]': {
|
|
61
|
-
// @ts-ignore
|
|
62
|
-
value: '#
|
|
63
|
-
},
|
|
64
|
-
pressed: {
|
|
65
|
-
// @ts-ignore Green850 not currently available
|
|
66
|
-
value: '#1B5A40'
|
|
49
|
+
// @ts-ignore new value for Green1000
|
|
50
|
+
value: '#143C2B'
|
|
67
51
|
}
|
|
68
52
|
}
|
|
69
53
|
},
|
|
70
54
|
discovery: {
|
|
71
55
|
'[default]': {
|
|
72
56
|
'[default]': {
|
|
73
|
-
// @ts-ignore
|
|
57
|
+
// @ts-ignore new value for Purple1000
|
|
74
58
|
value: '#2B2451'
|
|
75
|
-
},
|
|
76
|
-
pressed: {
|
|
77
|
-
// @ts-ignore Purple850 not currently available
|
|
78
|
-
value: '#4A3D8A'
|
|
79
59
|
}
|
|
80
60
|
}
|
|
81
61
|
},
|
|
82
62
|
information: {
|
|
83
63
|
'[default]': {
|
|
84
64
|
'[default]': {
|
|
85
|
-
// @ts-ignore
|
|
65
|
+
// @ts-ignore new value for Blue1000
|
|
86
66
|
value: '#092957'
|
|
87
|
-
},
|
|
88
|
-
pressed: {
|
|
89
|
-
// @ts-ignore Blue850 not currently available
|
|
90
|
-
value: '#073A83'
|
|
91
67
|
}
|
|
92
68
|
}
|
|
93
69
|
}
|
|
@@ -11,25 +11,11 @@ var color = {
|
|
|
11
11
|
inverse: {
|
|
12
12
|
value: 'DarkNeutral100'
|
|
13
13
|
},
|
|
14
|
-
selected: {
|
|
15
|
-
// @ts-ignore Blue350 not currently available
|
|
16
|
-
value: '#6EAAFF'
|
|
17
|
-
},
|
|
18
14
|
warning: {
|
|
19
15
|
inverse: {
|
|
20
16
|
value: 'DarkNeutral100'
|
|
21
17
|
}
|
|
22
18
|
}
|
|
23
|
-
},
|
|
24
|
-
link: {
|
|
25
|
-
'[default]': {
|
|
26
|
-
// @ts-ignore Blue350 not currently available
|
|
27
|
-
value: '#6EAAFF'
|
|
28
|
-
},
|
|
29
|
-
pressed: {
|
|
30
|
-
// @ts-ignore Blue250 not currently available
|
|
31
|
-
value: '#A8CCFF'
|
|
32
|
-
}
|
|
33
19
|
}
|
|
34
20
|
}
|
|
35
21
|
};
|
package/dist/esm/version.json
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
/**
|
|
2
2
|
* THIS FILE WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
|
|
3
|
-
* @codegen <<SignedSource::
|
|
3
|
+
* @codegen <<SignedSource::a498573f615e2204226c395c985e600f>>
|
|
4
4
|
* @codegenCommand yarn build tokens
|
|
5
5
|
*/
|
|
6
|
-
declare const _default: "\nhtml[data-color-mode=\"light\"][data-theme~=\"light:dark\"],\nhtml[data-color-mode=\"dark\"][data-theme~=\"dark:dark\"] {\n color-scheme: dark;\n --ds-text: #B6C2CF;\n --ds-text-inverse: #1D2125;\n --ds-text-
|
|
6
|
+
declare const _default: "\nhtml[data-color-mode=\"light\"][data-theme~=\"light:dark\"],\nhtml[data-color-mode=\"dark\"][data-theme~=\"dark:dark\"] {\n color-scheme: dark;\n --ds-text: #B6C2CF;\n --ds-text-inverse: #1D2125;\n --ds-text-warning-inverse: #1D2125;\n --ds-text-subtlest: #8C9BAB;\n --ds-icon-inverse: #1D2125;\n --ds-icon-warning-inverse: #1D2125;\n --ds-icon-subtle: #8C9BAB;\n --ds-background-accent-red-subtlest: #4F1C16;\n --ds-background-accent-orange-subtlest: #4A2B0F;\n --ds-background-accent-yellow-subtlest: #3F3102;\n --ds-background-accent-green-subtlest: #143C2B;\n --ds-background-accent-teal-subtlest: #15373B;\n --ds-background-accent-blue-subtlest: #092957;\n --ds-background-accent-purple-subtlest: #2B2451;\n --ds-background-accent-magenta-subtlest: #421F34;\n --ds-background-accent-gray-bolder: #8C9BAB;\n --ds-background-input: #22272B;\n --ds-background-input-hovered: #282E33;\n --ds-background-input-pressed: #22272B;\n --ds-background-selected: #092957;\n --ds-background-danger: #4F1C16;\n --ds-background-warning: #3F3102;\n --ds-background-success: #143C2B;\n --ds-background-discovery: #2B2451;\n --ds-background-information: #092957;\n --ds-blanket: #10121499;\n --ds-chart-neutral-hovered: #8C9BAB;\n --ds-chart-gray-bold-hovered: #8C9BAB;\n --ds-chart-gray-bolder: #8C9BAB;\n --ds-surface: #1D2125;\n --ds-surface-hovered: #22272B;\n --ds-surface-pressed: #282E33;\n --ds-surface-overlay: #282E33;\n --ds-surface-overlay-pressed: #38414A;\n --ds-surface-raised: #22272B;\n --ds-surface-raised-hovered: #282E33;\n --ds-surface-sunken: #161A1D;\n --ds-shadow-overlay: inset 0px 0px 0px 1px #BCD6F01F, 0px 8px 12px #0304045C, 0px 0px 1px #03040480;\n}\n";
|
|
7
7
|
export default _default;
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
/**
|
|
2
2
|
* THIS FILE WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
|
|
3
|
-
* @codegen <<SignedSource::
|
|
3
|
+
* @codegen <<SignedSource::a498573f615e2204226c395c985e600f>>
|
|
4
4
|
* @codegenCommand yarn build tokens
|
|
5
5
|
*/
|
|
6
|
-
declare const _default: "\nhtml[data-color-mode=\"light\"][data-theme~=\"light:dark\"],\nhtml[data-color-mode=\"dark\"][data-theme~=\"dark:dark\"] {\n color-scheme: dark;\n --ds-text: #B6C2CF;\n --ds-text-inverse: #1D2125;\n --ds-text-
|
|
6
|
+
declare const _default: "\nhtml[data-color-mode=\"light\"][data-theme~=\"light:dark\"],\nhtml[data-color-mode=\"dark\"][data-theme~=\"dark:dark\"] {\n color-scheme: dark;\n --ds-text: #B6C2CF;\n --ds-text-inverse: #1D2125;\n --ds-text-warning-inverse: #1D2125;\n --ds-text-subtlest: #8C9BAB;\n --ds-icon-inverse: #1D2125;\n --ds-icon-warning-inverse: #1D2125;\n --ds-icon-subtle: #8C9BAB;\n --ds-background-accent-red-subtlest: #4F1C16;\n --ds-background-accent-orange-subtlest: #4A2B0F;\n --ds-background-accent-yellow-subtlest: #3F3102;\n --ds-background-accent-green-subtlest: #143C2B;\n --ds-background-accent-teal-subtlest: #15373B;\n --ds-background-accent-blue-subtlest: #092957;\n --ds-background-accent-purple-subtlest: #2B2451;\n --ds-background-accent-magenta-subtlest: #421F34;\n --ds-background-accent-gray-bolder: #8C9BAB;\n --ds-background-input: #22272B;\n --ds-background-input-hovered: #282E33;\n --ds-background-input-pressed: #22272B;\n --ds-background-selected: #092957;\n --ds-background-danger: #4F1C16;\n --ds-background-warning: #3F3102;\n --ds-background-success: #143C2B;\n --ds-background-discovery: #2B2451;\n --ds-background-information: #092957;\n --ds-blanket: #10121499;\n --ds-chart-neutral-hovered: #8C9BAB;\n --ds-chart-gray-bold-hovered: #8C9BAB;\n --ds-chart-gray-bolder: #8C9BAB;\n --ds-surface: #1D2125;\n --ds-surface-hovered: #22272B;\n --ds-surface-pressed: #282E33;\n --ds-surface-overlay: #282E33;\n --ds-surface-overlay-pressed: #38414A;\n --ds-surface-raised: #22272B;\n --ds-surface-raised-hovered: #282E33;\n --ds-surface-sunken: #161A1D;\n --ds-shadow-overlay: inset 0px 0px 0px 1px #BCD6F01F, 0px 8px 12px #0304045C, 0px 0px 1px #03040480;\n}\n";
|
|
7
7
|
export default _default;
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@atlaskit/tokens",
|
|
3
|
-
"version": "1.4.
|
|
3
|
+
"version": "1.4.4",
|
|
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",
|
|
@@ -66,30 +66,22 @@
|
|
|
66
66
|
"devDependencies": {
|
|
67
67
|
"@af/accessibility-testing": "*",
|
|
68
68
|
"@atlaskit/avatar": "^21.3.0",
|
|
69
|
-
"@atlaskit/badge": "^15.1.0",
|
|
70
69
|
"@atlaskit/button": "^16.7.0",
|
|
71
|
-
"@atlaskit/checkbox": "^12.6.0",
|
|
72
70
|
"@atlaskit/code": "^14.6.0",
|
|
73
71
|
"@atlaskit/docs": "^9.1.0",
|
|
74
72
|
"@atlaskit/dropdown-menu": "^11.9.0",
|
|
75
73
|
"@atlaskit/ds-explorations": "^2.1.0",
|
|
76
74
|
"@atlaskit/dynamic-table": "^14.9.0",
|
|
77
|
-
"@atlaskit/empty-state": "^7.5.0",
|
|
78
|
-
"@atlaskit/focus-ring": "^1.3.0",
|
|
79
75
|
"@atlaskit/grid": "^0.10.0",
|
|
80
76
|
"@atlaskit/heading": "^1.3.0",
|
|
81
77
|
"@atlaskit/icon": "^21.12.0",
|
|
82
78
|
"@atlaskit/lozenge": "^11.4.0",
|
|
83
|
-
"@atlaskit/modal-dialog": "^12.5.0",
|
|
84
79
|
"@atlaskit/primitives": "^0.9.0",
|
|
85
80
|
"@atlaskit/section-message": "^6.4.0",
|
|
86
|
-
"@atlaskit/select": "^16.
|
|
87
|
-
"@atlaskit/tabs": "^13.4.0",
|
|
81
|
+
"@atlaskit/select": "^16.4.0",
|
|
88
82
|
"@atlaskit/tag": "^11.5.0",
|
|
89
|
-
"@atlaskit/
|
|
90
|
-
"@atlaskit/textfield": "^5.4.0",
|
|
83
|
+
"@atlaskit/textfield": "^5.5.0",
|
|
91
84
|
"@atlaskit/theme": "^12.5.0",
|
|
92
|
-
"@atlaskit/toggle": "^12.6.0",
|
|
93
85
|
"@atlaskit/tooltip": "^17.8.0",
|
|
94
86
|
"@atlaskit/visual-regression": "*",
|
|
95
87
|
"@atlassian/atlassian-frontend-prettier-config-1.0.1": "npm:@atlassian/atlassian-frontend-prettier-config@1.0.1",
|