@atlaskit/tokens 0.2.1 → 0.3.0
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 +6 -0
- package/css/atlassian-dark.css +88 -88
- package/css/atlassian-light.css +88 -88
- package/dist/cjs/tokens/token-names.js +88 -88
- package/dist/cjs/version.json +1 -1
- package/dist/es2019/tokens/token-names.js +88 -88
- package/dist/es2019/version.json +1 -1
- package/dist/esm/tokens/token-names.js +88 -88
- package/dist/esm/version.json +1 -1
- package/dist/types/tokens/token-names.d.ts +176 -176
- package/package.json +1 -1
- package/tokens-browser-extension/README.md +28 -0
- package/tokens-browser-extension/atlassian-theme.css +375 -0
- package/tokens-browser-extension/background.js +75 -0
- package/tokens-browser-extension/content-script.js +75 -0
- package/tokens-browser-extension/devtools.html +1 -0
- package/tokens-browser-extension/devtools.js +14 -0
- package/tokens-browser-extension/manifest.json +36 -0
- package/tokens-browser-extension/messageback-script.js +10 -0
- package/tokens-browser-extension/messaging.js +36 -0
- package/tokens-browser-extension/panel.html +25 -0
- package/tokens-browser-extension/panel.js +46 -0
- package/tokens-browser-extension/toast.png +0 -0
package/CHANGELOG.md
CHANGED
|
@@ -1,5 +1,11 @@
|
|
|
1
1
|
# @atlaskit/tokens
|
|
2
2
|
|
|
3
|
+
## 0.3.0
|
|
4
|
+
|
|
5
|
+
### Minor Changes
|
|
6
|
+
|
|
7
|
+
- [`092e10c6184`](https://bitbucket.org/atlassian/atlassian-frontend/commits/092e10c6184) - CSS variables generated by the tokens package now have a prefix "ds-" to differentiate them from other CSS variables in an application
|
|
8
|
+
|
|
3
9
|
## 0.2.1
|
|
4
10
|
|
|
5
11
|
### Patch Changes
|
package/css/atlassian-dark.css
CHANGED
|
@@ -1,92 +1,92 @@
|
|
|
1
1
|
/* THIS IS AN AUTO-GENERATED FILE DO NOT MODIFY DIRECTLY */
|
|
2
2
|
/* Re-generate by running `yarn build tokens`. */
|
|
3
3
|
html[data-theme="dark"] {
|
|
4
|
-
--accent-boldBlue: #0C66E4;
|
|
5
|
-
--accent-boldGreen: #1F845A;
|
|
6
|
-
--accent-boldOrange: #B85C00;
|
|
7
|
-
--accent-boldPurple: #6E5DC6;
|
|
8
|
-
--accent-boldRed: #CE2E1C;
|
|
9
|
-
--accent-boldTeal: #1D7F8C;
|
|
10
|
-
--accent-subtleBlue: #09326C;
|
|
11
|
-
--accent-subtleGreen: #164B35;
|
|
12
|
-
--accent-subtleMagenta: #50253F;
|
|
13
|
-
--accent-subtleOrange: #5F3811;
|
|
14
|
-
--accent-subtlePurple: #352C63;
|
|
15
|
-
--accent-subtleRed: #601D16;
|
|
16
|
-
--accent-subtleTeal: #1D474C;
|
|
17
|
-
--background-sunken: #03040454;
|
|
18
|
-
--background-default: #161A1D;
|
|
19
|
-
--background-card: #1D2125;
|
|
20
|
-
--background-overlay: #22272B;
|
|
21
|
-
--background-selected-resting: #A1BDD914;
|
|
22
|
-
--background-selected-hover: #A6C5E229;
|
|
23
|
-
--background-selected-pressed: #BFDBF847;
|
|
24
|
-
--background-blanket: #03040454;
|
|
25
|
-
--background-disabled: #A1BDD914;
|
|
26
|
-
--background-boldBrand-resting: #579DFF;
|
|
27
|
-
--background-boldBrand-hover: #85B8FF;
|
|
28
|
-
--background-boldBrand-pressed: #CCE0FF;
|
|
29
|
-
--background-subtleBrand-resting: #082145;
|
|
30
|
-
--background-subtleBrand-hover: #09326C;
|
|
31
|
-
--background-subtleBrand-pressed: #0055CC;
|
|
32
|
-
--background-boldDanger-resting: #F97362;
|
|
33
|
-
--background-boldDanger-hover: #FF9A8F;
|
|
34
|
-
--background-boldDanger-pressed: #FFD2CC;
|
|
35
|
-
--background-subtleDanger-resting: #391713;
|
|
36
|
-
--background-subtleDanger-hover: #601D16;
|
|
37
|
-
--background-subtleDanger-pressed: #B22515;
|
|
38
|
-
--background-boldWarning-resting: #EBB800;
|
|
39
|
-
--background-boldWarning-hover: #FFD138;
|
|
40
|
-
--background-boldWarning-pressed: #FFE785;
|
|
41
|
-
--background-subtleWarning-resting: #3D2E00;
|
|
42
|
-
--background-subtleWarning-hover: #533F04;
|
|
43
|
-
--background-subtleWarning-pressed: #7F5F01;
|
|
44
|
-
--background-boldSuccess-resting: #3ACF91;
|
|
45
|
-
--background-boldSuccess-hover: #76E0B4;
|
|
46
|
-
--background-boldSuccess-pressed: #AFF3D6;
|
|
47
|
-
--background-subtleSuccess-resting: #133527;
|
|
48
|
-
--background-subtleSuccess-hover: #164B35;
|
|
49
|
-
--background-subtleSuccess-pressed: #216E4E;
|
|
50
|
-
--background-boldDiscovery-resting: #9F8FEF;
|
|
51
|
-
--background-boldDiscovery-hover: #B8ACF6;
|
|
52
|
-
--background-boldDiscovery-pressed: #DFD8FD;
|
|
53
|
-
--background-subtleDiscovery-resting: #231C3F;
|
|
54
|
-
--background-subtleDiscovery-hover: #352C63;
|
|
55
|
-
--background-subtleDiscovery-pressed: #5E4DB2;
|
|
56
|
-
--background-boldNeutral-resting: #9FADBC;
|
|
57
|
-
--background-boldNeutral-hover: #B6C2CF;
|
|
58
|
-
--background-boldNeutral-pressed: #C7D1DB;
|
|
59
|
-
--background-transparentNeutral-hover: #A1BDD914;
|
|
60
|
-
--background-transparentNeutral-pressed: #A6C5E229;
|
|
61
|
-
--background-subtleNeutral-resting: #A1BDD914;
|
|
62
|
-
--background-subtleNeutral-hover: #A6C5E229;
|
|
63
|
-
--background-subtleNeutral-pressed: #BFDBF847;
|
|
64
|
-
--background-subtleBorderedNeutral-resting: #BCD6F00A;
|
|
65
|
-
--background-subtleBorderedNeutral-pressed: #A1BDD914;
|
|
66
|
-
--border-focus: #85B8FF;
|
|
67
|
-
--border-neutral: #A6C5E229;
|
|
68
|
-
--iconBorder-brand: #388BFF;
|
|
69
|
-
--iconBorder-danger: #F35844;
|
|
70
|
-
--iconBorder-warning: #D19D00;
|
|
71
|
-
--iconBorder-success: #2ABB7F;
|
|
72
|
-
--iconBorder-discovery: #8F7EE7;
|
|
73
|
-
--overlay-hover: #BFDBF847;
|
|
74
|
-
--overlay-pressed: #A3C0DB7A;
|
|
75
|
-
--text-selected: #579DFF;
|
|
76
|
-
--text-highEmphasis: #C7D1DB;
|
|
77
|
-
--text-mediumEmphasis: #9FADBC;
|
|
78
|
-
--text-lowEmphasis: #8696A7;
|
|
79
|
-
--text-onBold: #161A1D;
|
|
80
|
-
--text-onBoldWarning: #161A1D;
|
|
81
|
-
--text-link-resting: #579DFF;
|
|
82
|
-
--text-link-pressed: #85B8FF;
|
|
83
|
-
--text-brand: #85B8FF;
|
|
84
|
-
--text-warning: #FFD138;
|
|
85
|
-
--text-danger: #FF9A8F;
|
|
86
|
-
--text-success: #76E0B4;
|
|
87
|
-
--text-discovery: #B8ACF6;
|
|
88
|
-
--text-disabled: #5A6977;
|
|
89
|
-
--card: 0px 1px 1px #03040480, 0px 0px 1px #03040480;
|
|
90
|
-
--overlay: inset 0px 0px 0px 1px #BCD6F00A, 0px 8px 12px #0304045C, 0px 0px 1px #03040480;
|
|
91
|
-
--UNSAFE_util-transparent: transparent;
|
|
4
|
+
--ds-accent-boldBlue: #0C66E4;
|
|
5
|
+
--ds-accent-boldGreen: #1F845A;
|
|
6
|
+
--ds-accent-boldOrange: #B85C00;
|
|
7
|
+
--ds-accent-boldPurple: #6E5DC6;
|
|
8
|
+
--ds-accent-boldRed: #CE2E1C;
|
|
9
|
+
--ds-accent-boldTeal: #1D7F8C;
|
|
10
|
+
--ds-accent-subtleBlue: #09326C;
|
|
11
|
+
--ds-accent-subtleGreen: #164B35;
|
|
12
|
+
--ds-accent-subtleMagenta: #50253F;
|
|
13
|
+
--ds-accent-subtleOrange: #5F3811;
|
|
14
|
+
--ds-accent-subtlePurple: #352C63;
|
|
15
|
+
--ds-accent-subtleRed: #601D16;
|
|
16
|
+
--ds-accent-subtleTeal: #1D474C;
|
|
17
|
+
--ds-background-sunken: #03040454;
|
|
18
|
+
--ds-background-default: #161A1D;
|
|
19
|
+
--ds-background-card: #1D2125;
|
|
20
|
+
--ds-background-overlay: #22272B;
|
|
21
|
+
--ds-background-selected-resting: #A1BDD914;
|
|
22
|
+
--ds-background-selected-hover: #A6C5E229;
|
|
23
|
+
--ds-background-selected-pressed: #BFDBF847;
|
|
24
|
+
--ds-background-blanket: #03040454;
|
|
25
|
+
--ds-background-disabled: #A1BDD914;
|
|
26
|
+
--ds-background-boldBrand-resting: #579DFF;
|
|
27
|
+
--ds-background-boldBrand-hover: #85B8FF;
|
|
28
|
+
--ds-background-boldBrand-pressed: #CCE0FF;
|
|
29
|
+
--ds-background-subtleBrand-resting: #082145;
|
|
30
|
+
--ds-background-subtleBrand-hover: #09326C;
|
|
31
|
+
--ds-background-subtleBrand-pressed: #0055CC;
|
|
32
|
+
--ds-background-boldDanger-resting: #F97362;
|
|
33
|
+
--ds-background-boldDanger-hover: #FF9A8F;
|
|
34
|
+
--ds-background-boldDanger-pressed: #FFD2CC;
|
|
35
|
+
--ds-background-subtleDanger-resting: #391713;
|
|
36
|
+
--ds-background-subtleDanger-hover: #601D16;
|
|
37
|
+
--ds-background-subtleDanger-pressed: #B22515;
|
|
38
|
+
--ds-background-boldWarning-resting: #EBB800;
|
|
39
|
+
--ds-background-boldWarning-hover: #FFD138;
|
|
40
|
+
--ds-background-boldWarning-pressed: #FFE785;
|
|
41
|
+
--ds-background-subtleWarning-resting: #3D2E00;
|
|
42
|
+
--ds-background-subtleWarning-hover: #533F04;
|
|
43
|
+
--ds-background-subtleWarning-pressed: #7F5F01;
|
|
44
|
+
--ds-background-boldSuccess-resting: #3ACF91;
|
|
45
|
+
--ds-background-boldSuccess-hover: #76E0B4;
|
|
46
|
+
--ds-background-boldSuccess-pressed: #AFF3D6;
|
|
47
|
+
--ds-background-subtleSuccess-resting: #133527;
|
|
48
|
+
--ds-background-subtleSuccess-hover: #164B35;
|
|
49
|
+
--ds-background-subtleSuccess-pressed: #216E4E;
|
|
50
|
+
--ds-background-boldDiscovery-resting: #9F8FEF;
|
|
51
|
+
--ds-background-boldDiscovery-hover: #B8ACF6;
|
|
52
|
+
--ds-background-boldDiscovery-pressed: #DFD8FD;
|
|
53
|
+
--ds-background-subtleDiscovery-resting: #231C3F;
|
|
54
|
+
--ds-background-subtleDiscovery-hover: #352C63;
|
|
55
|
+
--ds-background-subtleDiscovery-pressed: #5E4DB2;
|
|
56
|
+
--ds-background-boldNeutral-resting: #9FADBC;
|
|
57
|
+
--ds-background-boldNeutral-hover: #B6C2CF;
|
|
58
|
+
--ds-background-boldNeutral-pressed: #C7D1DB;
|
|
59
|
+
--ds-background-transparentNeutral-hover: #A1BDD914;
|
|
60
|
+
--ds-background-transparentNeutral-pressed: #A6C5E229;
|
|
61
|
+
--ds-background-subtleNeutral-resting: #A1BDD914;
|
|
62
|
+
--ds-background-subtleNeutral-hover: #A6C5E229;
|
|
63
|
+
--ds-background-subtleNeutral-pressed: #BFDBF847;
|
|
64
|
+
--ds-background-subtleBorderedNeutral-resting: #BCD6F00A;
|
|
65
|
+
--ds-background-subtleBorderedNeutral-pressed: #A1BDD914;
|
|
66
|
+
--ds-border-focus: #85B8FF;
|
|
67
|
+
--ds-border-neutral: #A6C5E229;
|
|
68
|
+
--ds-iconBorder-brand: #388BFF;
|
|
69
|
+
--ds-iconBorder-danger: #F35844;
|
|
70
|
+
--ds-iconBorder-warning: #D19D00;
|
|
71
|
+
--ds-iconBorder-success: #2ABB7F;
|
|
72
|
+
--ds-iconBorder-discovery: #8F7EE7;
|
|
73
|
+
--ds-overlay-hover: #BFDBF847;
|
|
74
|
+
--ds-overlay-pressed: #A3C0DB7A;
|
|
75
|
+
--ds-text-selected: #579DFF;
|
|
76
|
+
--ds-text-highEmphasis: #C7D1DB;
|
|
77
|
+
--ds-text-mediumEmphasis: #9FADBC;
|
|
78
|
+
--ds-text-lowEmphasis: #8696A7;
|
|
79
|
+
--ds-text-onBold: #161A1D;
|
|
80
|
+
--ds-text-onBoldWarning: #161A1D;
|
|
81
|
+
--ds-text-link-resting: #579DFF;
|
|
82
|
+
--ds-text-link-pressed: #85B8FF;
|
|
83
|
+
--ds-text-brand: #85B8FF;
|
|
84
|
+
--ds-text-warning: #FFD138;
|
|
85
|
+
--ds-text-danger: #FF9A8F;
|
|
86
|
+
--ds-text-success: #76E0B4;
|
|
87
|
+
--ds-text-discovery: #B8ACF6;
|
|
88
|
+
--ds-text-disabled: #5A6977;
|
|
89
|
+
--ds-card: 0px 1px 1px #03040480, 0px 0px 1px #03040480;
|
|
90
|
+
--ds-overlay: inset 0px 0px 0px 1px #BCD6F00A, 0px 8px 12px #0304045C, 0px 0px 1px #03040480;
|
|
91
|
+
--ds-UNSAFE_util-transparent: transparent;
|
|
92
92
|
}
|
package/css/atlassian-light.css
CHANGED
|
@@ -1,92 +1,92 @@
|
|
|
1
1
|
/* THIS IS AN AUTO-GENERATED FILE DO NOT MODIFY DIRECTLY */
|
|
2
2
|
/* Re-generate by running `yarn build tokens`. */
|
|
3
3
|
:root, html[data-theme="light"] {
|
|
4
|
-
--accent-boldBlue: #579DFF;
|
|
5
|
-
--accent-boldGreen: #3ACF91;
|
|
6
|
-
--accent-boldOrange: #FFA333;
|
|
7
|
-
--accent-boldPurple: #9F8FEF;
|
|
8
|
-
--accent-boldRed: #F97362;
|
|
9
|
-
--accent-boldTeal: #53C8D5;
|
|
10
|
-
--accent-subtleBlue: #CCE0FF;
|
|
11
|
-
--accent-subtleGreen: #AFF3D6;
|
|
12
|
-
--accent-subtleMagenta: #FDD0EC;
|
|
13
|
-
--accent-subtleOrange: #FFDEB8;
|
|
14
|
-
--accent-subtlePurple: #DFD8FD;
|
|
15
|
-
--accent-subtleRed: #FFD2CC;
|
|
16
|
-
--accent-subtleTeal: #ADEEF5;
|
|
17
|
-
--background-sunken: #091E4208;
|
|
18
|
-
--background-default: #FFFFFF;
|
|
19
|
-
--background-card: #FFFFFF;
|
|
20
|
-
--background-overlay: #FFFFFF;
|
|
21
|
-
--background-selected-resting: #E9F2FF;
|
|
22
|
-
--background-selected-hover: #CCE0FF;
|
|
23
|
-
--background-selected-pressed: #85B8FF;
|
|
24
|
-
--background-blanket: #091E427A;
|
|
25
|
-
--background-disabled: #091E420F;
|
|
26
|
-
--background-boldBrand-resting: #0C66E4;
|
|
27
|
-
--background-boldBrand-hover: #0055CC;
|
|
28
|
-
--background-boldBrand-pressed: #09326C;
|
|
29
|
-
--background-subtleBrand-resting: #E9F2FF;
|
|
30
|
-
--background-subtleBrand-hover: #CCE0FF;
|
|
31
|
-
--background-subtleBrand-pressed: #85B8FF;
|
|
32
|
-
--background-boldDanger-resting: #CE2E1C;
|
|
33
|
-
--background-boldDanger-hover: #B22515;
|
|
34
|
-
--background-boldDanger-pressed: #601D16;
|
|
35
|
-
--background-subtleDanger-resting: #FFEDEB;
|
|
36
|
-
--background-subtleDanger-hover: #FFD2CC;
|
|
37
|
-
--background-subtleDanger-pressed: #FF9A8F;
|
|
38
|
-
--background-boldWarning-resting: #EBB800;
|
|
39
|
-
--background-boldWarning-hover: #D19D00;
|
|
40
|
-
--background-boldWarning-pressed: #B38600;
|
|
41
|
-
--background-subtleWarning-resting: #FFF7D6;
|
|
42
|
-
--background-subtleWarning-hover: #FFE785;
|
|
43
|
-
--background-subtleWarning-pressed: #FFD138;
|
|
44
|
-
--background-boldSuccess-resting: #1F845A;
|
|
45
|
-
--background-boldSuccess-hover: #216E4E;
|
|
46
|
-
--background-boldSuccess-pressed: #164B35;
|
|
47
|
-
--background-subtleSuccess-resting: #DFFCF0;
|
|
48
|
-
--background-subtleSuccess-hover: #AFF3D6;
|
|
49
|
-
--background-subtleSuccess-pressed: #76E0B4;
|
|
50
|
-
--background-boldDiscovery-resting: #6E5DC6;
|
|
51
|
-
--background-boldDiscovery-hover: #5E4DB2;
|
|
52
|
-
--background-boldDiscovery-pressed: #352C63;
|
|
53
|
-
--background-subtleDiscovery-resting: #F3F0FF;
|
|
54
|
-
--background-subtleDiscovery-hover: #DFD8FD;
|
|
55
|
-
--background-subtleDiscovery-pressed: #B8ACF6;
|
|
56
|
-
--background-boldNeutral-resting: #44546F;
|
|
57
|
-
--background-boldNeutral-hover: #2C3E5D;
|
|
58
|
-
--background-boldNeutral-pressed: #172B4D;
|
|
59
|
-
--background-transparentNeutral-hover: #091E420F;
|
|
60
|
-
--background-transparentNeutral-pressed: #091E4224;
|
|
61
|
-
--background-subtleNeutral-resting: #091E420F;
|
|
62
|
-
--background-subtleNeutral-hover: #091E4224;
|
|
63
|
-
--background-subtleNeutral-pressed: #091E424F;
|
|
64
|
-
--background-subtleBorderedNeutral-resting: #091E4208;
|
|
65
|
-
--background-subtleBorderedNeutral-pressed: #091E420F;
|
|
66
|
-
--border-focus: #388BFF;
|
|
67
|
-
--border-neutral: #091E4224;
|
|
68
|
-
--iconBorder-brand: #1D7AFC;
|
|
69
|
-
--iconBorder-danger: #E8422C;
|
|
70
|
-
--iconBorder-warning: #DB6E00;
|
|
71
|
-
--iconBorder-success: #22A06B;
|
|
72
|
-
--iconBorder-discovery: #8270DB;
|
|
73
|
-
--overlay-hover: #091E424F;
|
|
74
|
-
--overlay-pressed: #091E427A;
|
|
75
|
-
--text-selected: #0C66E4;
|
|
76
|
-
--text-highEmphasis: #172B4D;
|
|
77
|
-
--text-mediumEmphasis: #44546F;
|
|
78
|
-
--text-lowEmphasis: #626F86;
|
|
79
|
-
--text-onBold: #FFFFFF;
|
|
80
|
-
--text-onBoldWarning: #172B4D;
|
|
81
|
-
--text-link-resting: #0C66E4;
|
|
82
|
-
--text-link-pressed: #0055CC;
|
|
83
|
-
--text-brand: #0055CC;
|
|
84
|
-
--text-warning: #974F0C;
|
|
85
|
-
--text-danger: #B22515;
|
|
86
|
-
--text-success: #216E4E;
|
|
87
|
-
--text-discovery: #5E4DB2;
|
|
88
|
-
--text-disabled: #8993A5;
|
|
89
|
-
--card: 0px 1px 1px #091E4240, 0px 0px 1px #091E424F;
|
|
90
|
-
--overlay: 0px 8px 12px #091E4226, 0px 0px 1px #091E424F;
|
|
91
|
-
--UNSAFE_util-transparent: transparent;
|
|
4
|
+
--ds-accent-boldBlue: #579DFF;
|
|
5
|
+
--ds-accent-boldGreen: #3ACF91;
|
|
6
|
+
--ds-accent-boldOrange: #FFA333;
|
|
7
|
+
--ds-accent-boldPurple: #9F8FEF;
|
|
8
|
+
--ds-accent-boldRed: #F97362;
|
|
9
|
+
--ds-accent-boldTeal: #53C8D5;
|
|
10
|
+
--ds-accent-subtleBlue: #CCE0FF;
|
|
11
|
+
--ds-accent-subtleGreen: #AFF3D6;
|
|
12
|
+
--ds-accent-subtleMagenta: #FDD0EC;
|
|
13
|
+
--ds-accent-subtleOrange: #FFDEB8;
|
|
14
|
+
--ds-accent-subtlePurple: #DFD8FD;
|
|
15
|
+
--ds-accent-subtleRed: #FFD2CC;
|
|
16
|
+
--ds-accent-subtleTeal: #ADEEF5;
|
|
17
|
+
--ds-background-sunken: #091E4208;
|
|
18
|
+
--ds-background-default: #FFFFFF;
|
|
19
|
+
--ds-background-card: #FFFFFF;
|
|
20
|
+
--ds-background-overlay: #FFFFFF;
|
|
21
|
+
--ds-background-selected-resting: #E9F2FF;
|
|
22
|
+
--ds-background-selected-hover: #CCE0FF;
|
|
23
|
+
--ds-background-selected-pressed: #85B8FF;
|
|
24
|
+
--ds-background-blanket: #091E427A;
|
|
25
|
+
--ds-background-disabled: #091E420F;
|
|
26
|
+
--ds-background-boldBrand-resting: #0C66E4;
|
|
27
|
+
--ds-background-boldBrand-hover: #0055CC;
|
|
28
|
+
--ds-background-boldBrand-pressed: #09326C;
|
|
29
|
+
--ds-background-subtleBrand-resting: #E9F2FF;
|
|
30
|
+
--ds-background-subtleBrand-hover: #CCE0FF;
|
|
31
|
+
--ds-background-subtleBrand-pressed: #85B8FF;
|
|
32
|
+
--ds-background-boldDanger-resting: #CE2E1C;
|
|
33
|
+
--ds-background-boldDanger-hover: #B22515;
|
|
34
|
+
--ds-background-boldDanger-pressed: #601D16;
|
|
35
|
+
--ds-background-subtleDanger-resting: #FFEDEB;
|
|
36
|
+
--ds-background-subtleDanger-hover: #FFD2CC;
|
|
37
|
+
--ds-background-subtleDanger-pressed: #FF9A8F;
|
|
38
|
+
--ds-background-boldWarning-resting: #EBB800;
|
|
39
|
+
--ds-background-boldWarning-hover: #D19D00;
|
|
40
|
+
--ds-background-boldWarning-pressed: #B38600;
|
|
41
|
+
--ds-background-subtleWarning-resting: #FFF7D6;
|
|
42
|
+
--ds-background-subtleWarning-hover: #FFE785;
|
|
43
|
+
--ds-background-subtleWarning-pressed: #FFD138;
|
|
44
|
+
--ds-background-boldSuccess-resting: #1F845A;
|
|
45
|
+
--ds-background-boldSuccess-hover: #216E4E;
|
|
46
|
+
--ds-background-boldSuccess-pressed: #164B35;
|
|
47
|
+
--ds-background-subtleSuccess-resting: #DFFCF0;
|
|
48
|
+
--ds-background-subtleSuccess-hover: #AFF3D6;
|
|
49
|
+
--ds-background-subtleSuccess-pressed: #76E0B4;
|
|
50
|
+
--ds-background-boldDiscovery-resting: #6E5DC6;
|
|
51
|
+
--ds-background-boldDiscovery-hover: #5E4DB2;
|
|
52
|
+
--ds-background-boldDiscovery-pressed: #352C63;
|
|
53
|
+
--ds-background-subtleDiscovery-resting: #F3F0FF;
|
|
54
|
+
--ds-background-subtleDiscovery-hover: #DFD8FD;
|
|
55
|
+
--ds-background-subtleDiscovery-pressed: #B8ACF6;
|
|
56
|
+
--ds-background-boldNeutral-resting: #44546F;
|
|
57
|
+
--ds-background-boldNeutral-hover: #2C3E5D;
|
|
58
|
+
--ds-background-boldNeutral-pressed: #172B4D;
|
|
59
|
+
--ds-background-transparentNeutral-hover: #091E420F;
|
|
60
|
+
--ds-background-transparentNeutral-pressed: #091E4224;
|
|
61
|
+
--ds-background-subtleNeutral-resting: #091E420F;
|
|
62
|
+
--ds-background-subtleNeutral-hover: #091E4224;
|
|
63
|
+
--ds-background-subtleNeutral-pressed: #091E424F;
|
|
64
|
+
--ds-background-subtleBorderedNeutral-resting: #091E4208;
|
|
65
|
+
--ds-background-subtleBorderedNeutral-pressed: #091E420F;
|
|
66
|
+
--ds-border-focus: #388BFF;
|
|
67
|
+
--ds-border-neutral: #091E4224;
|
|
68
|
+
--ds-iconBorder-brand: #1D7AFC;
|
|
69
|
+
--ds-iconBorder-danger: #E8422C;
|
|
70
|
+
--ds-iconBorder-warning: #DB6E00;
|
|
71
|
+
--ds-iconBorder-success: #22A06B;
|
|
72
|
+
--ds-iconBorder-discovery: #8270DB;
|
|
73
|
+
--ds-overlay-hover: #091E424F;
|
|
74
|
+
--ds-overlay-pressed: #091E427A;
|
|
75
|
+
--ds-text-selected: #0C66E4;
|
|
76
|
+
--ds-text-highEmphasis: #172B4D;
|
|
77
|
+
--ds-text-mediumEmphasis: #44546F;
|
|
78
|
+
--ds-text-lowEmphasis: #626F86;
|
|
79
|
+
--ds-text-onBold: #FFFFFF;
|
|
80
|
+
--ds-text-onBoldWarning: #172B4D;
|
|
81
|
+
--ds-text-link-resting: #0C66E4;
|
|
82
|
+
--ds-text-link-pressed: #0055CC;
|
|
83
|
+
--ds-text-brand: #0055CC;
|
|
84
|
+
--ds-text-warning: #974F0C;
|
|
85
|
+
--ds-text-danger: #B22515;
|
|
86
|
+
--ds-text-success: #216E4E;
|
|
87
|
+
--ds-text-discovery: #5E4DB2;
|
|
88
|
+
--ds-text-disabled: #8993A5;
|
|
89
|
+
--ds-card: 0px 1px 1px #091E4240, 0px 0px 1px #091E424F;
|
|
90
|
+
--ds-overlay: 0px 8px 12px #091E4226, 0px 0px 1px #091E424F;
|
|
91
|
+
--ds-UNSAFE_util-transparent: transparent;
|
|
92
92
|
}
|
|
@@ -7,94 +7,94 @@ exports.default = void 0;
|
|
|
7
7
|
// THIS IS AN AUTO-GENERATED FILE DO NOT MODIFY DIRECTLY
|
|
8
8
|
// Re-generate by running `yarn build tokens`.
|
|
9
9
|
var tokens = {
|
|
10
|
-
'color.accent.boldBlue': '--accent-boldBlue',
|
|
11
|
-
'color.accent.boldGreen': '--accent-boldGreen',
|
|
12
|
-
'color.accent.boldOrange': '--accent-boldOrange',
|
|
13
|
-
'color.accent.boldPurple': '--accent-boldPurple',
|
|
14
|
-
'color.accent.boldRed': '--accent-boldRed',
|
|
15
|
-
'color.accent.boldTeal': '--accent-boldTeal',
|
|
16
|
-
'color.accent.subtleBlue': '--accent-subtleBlue',
|
|
17
|
-
'color.accent.subtleGreen': '--accent-subtleGreen',
|
|
18
|
-
'color.accent.subtleMagenta': '--accent-subtleMagenta',
|
|
19
|
-
'color.accent.subtleOrange': '--accent-subtleOrange',
|
|
20
|
-
'color.accent.subtlePurple': '--accent-subtlePurple',
|
|
21
|
-
'color.accent.subtleRed': '--accent-subtleRed',
|
|
22
|
-
'color.accent.subtleTeal': '--accent-subtleTeal',
|
|
23
|
-
'color.background.sunken': '--background-sunken',
|
|
24
|
-
'color.background.default': '--background-default',
|
|
25
|
-
'color.background.card': '--background-card',
|
|
26
|
-
'color.background.overlay': '--background-overlay',
|
|
27
|
-
'color.background.selected.resting': '--background-selected-resting',
|
|
28
|
-
'color.background.selected.hover': '--background-selected-hover',
|
|
29
|
-
'color.background.selected.pressed': '--background-selected-pressed',
|
|
30
|
-
'color.background.blanket': '--background-blanket',
|
|
31
|
-
'color.background.disabled': '--background-disabled',
|
|
32
|
-
'color.background.boldBrand.resting': '--background-boldBrand-resting',
|
|
33
|
-
'color.background.boldBrand.hover': '--background-boldBrand-hover',
|
|
34
|
-
'color.background.boldBrand.pressed': '--background-boldBrand-pressed',
|
|
35
|
-
'color.background.subtleBrand.resting': '--background-subtleBrand-resting',
|
|
36
|
-
'color.background.subtleBrand.hover': '--background-subtleBrand-hover',
|
|
37
|
-
'color.background.subtleBrand.pressed': '--background-subtleBrand-pressed',
|
|
38
|
-
'color.background.boldDanger.resting': '--background-boldDanger-resting',
|
|
39
|
-
'color.background.boldDanger.hover': '--background-boldDanger-hover',
|
|
40
|
-
'color.background.boldDanger.pressed': '--background-boldDanger-pressed',
|
|
41
|
-
'color.background.subtleDanger.resting': '--background-subtleDanger-resting',
|
|
42
|
-
'color.background.subtleDanger.hover': '--background-subtleDanger-hover',
|
|
43
|
-
'color.background.subtleDanger.pressed': '--background-subtleDanger-pressed',
|
|
44
|
-
'color.background.boldWarning.resting': '--background-boldWarning-resting',
|
|
45
|
-
'color.background.boldWarning.hover': '--background-boldWarning-hover',
|
|
46
|
-
'color.background.boldWarning.pressed': '--background-boldWarning-pressed',
|
|
47
|
-
'color.background.subtleWarning.resting': '--background-subtleWarning-resting',
|
|
48
|
-
'color.background.subtleWarning.hover': '--background-subtleWarning-hover',
|
|
49
|
-
'color.background.subtleWarning.pressed': '--background-subtleWarning-pressed',
|
|
50
|
-
'color.background.boldSuccess.resting': '--background-boldSuccess-resting',
|
|
51
|
-
'color.background.boldSuccess.hover': '--background-boldSuccess-hover',
|
|
52
|
-
'color.background.boldSuccess.pressed': '--background-boldSuccess-pressed',
|
|
53
|
-
'color.background.subtleSuccess.resting': '--background-subtleSuccess-resting',
|
|
54
|
-
'color.background.subtleSuccess.hover': '--background-subtleSuccess-hover',
|
|
55
|
-
'color.background.subtleSuccess.pressed': '--background-subtleSuccess-pressed',
|
|
56
|
-
'color.background.boldDiscovery.resting': '--background-boldDiscovery-resting',
|
|
57
|
-
'color.background.boldDiscovery.hover': '--background-boldDiscovery-hover',
|
|
58
|
-
'color.background.boldDiscovery.pressed': '--background-boldDiscovery-pressed',
|
|
59
|
-
'color.background.subtleDiscovery.resting': '--background-subtleDiscovery-resting',
|
|
60
|
-
'color.background.subtleDiscovery.hover': '--background-subtleDiscovery-hover',
|
|
61
|
-
'color.background.subtleDiscovery.pressed': '--background-subtleDiscovery-pressed',
|
|
62
|
-
'color.background.boldNeutral.resting': '--background-boldNeutral-resting',
|
|
63
|
-
'color.background.boldNeutral.hover': '--background-boldNeutral-hover',
|
|
64
|
-
'color.background.boldNeutral.pressed': '--background-boldNeutral-pressed',
|
|
65
|
-
'color.background.transparentNeutral.hover': '--background-transparentNeutral-hover',
|
|
66
|
-
'color.background.transparentNeutral.pressed': '--background-transparentNeutral-pressed',
|
|
67
|
-
'color.background.subtleNeutral.resting': '--background-subtleNeutral-resting',
|
|
68
|
-
'color.background.subtleNeutral.hover': '--background-subtleNeutral-hover',
|
|
69
|
-
'color.background.subtleNeutral.pressed': '--background-subtleNeutral-pressed',
|
|
70
|
-
'color.background.subtleBorderedNeutral.resting': '--background-subtleBorderedNeutral-resting',
|
|
71
|
-
'color.background.subtleBorderedNeutral.pressed': '--background-subtleBorderedNeutral-pressed',
|
|
72
|
-
'color.border.focus': '--border-focus',
|
|
73
|
-
'color.border.neutral': '--border-neutral',
|
|
74
|
-
'color.iconBorder.brand': '--iconBorder-brand',
|
|
75
|
-
'color.iconBorder.danger': '--iconBorder-danger',
|
|
76
|
-
'color.iconBorder.warning': '--iconBorder-warning',
|
|
77
|
-
'color.iconBorder.success': '--iconBorder-success',
|
|
78
|
-
'color.iconBorder.discovery': '--iconBorder-discovery',
|
|
79
|
-
'color.overlay.hover': '--overlay-hover',
|
|
80
|
-
'color.overlay.pressed': '--overlay-pressed',
|
|
81
|
-
'color.text.selected': '--text-selected',
|
|
82
|
-
'color.text.highEmphasis': '--text-highEmphasis',
|
|
83
|
-
'color.text.mediumEmphasis': '--text-mediumEmphasis',
|
|
84
|
-
'color.text.lowEmphasis': '--text-lowEmphasis',
|
|
85
|
-
'color.text.onBold': '--text-onBold',
|
|
86
|
-
'color.text.onBoldWarning': '--text-onBoldWarning',
|
|
87
|
-
'color.text.link.resting': '--text-link-resting',
|
|
88
|
-
'color.text.link.pressed': '--text-link-pressed',
|
|
89
|
-
'color.text.brand': '--text-brand',
|
|
90
|
-
'color.text.warning': '--text-warning',
|
|
91
|
-
'color.text.danger': '--text-danger',
|
|
92
|
-
'color.text.success': '--text-success',
|
|
93
|
-
'color.text.discovery': '--text-discovery',
|
|
94
|
-
'color.text.disabled': '--text-disabled',
|
|
95
|
-
'shadow.card': '--card',
|
|
96
|
-
'shadow.overlay': '--overlay',
|
|
97
|
-
'utility.UNSAFE_util.transparent': '--UNSAFE_util-transparent'
|
|
10
|
+
'color.accent.boldBlue': '--ds-accent-boldBlue',
|
|
11
|
+
'color.accent.boldGreen': '--ds-accent-boldGreen',
|
|
12
|
+
'color.accent.boldOrange': '--ds-accent-boldOrange',
|
|
13
|
+
'color.accent.boldPurple': '--ds-accent-boldPurple',
|
|
14
|
+
'color.accent.boldRed': '--ds-accent-boldRed',
|
|
15
|
+
'color.accent.boldTeal': '--ds-accent-boldTeal',
|
|
16
|
+
'color.accent.subtleBlue': '--ds-accent-subtleBlue',
|
|
17
|
+
'color.accent.subtleGreen': '--ds-accent-subtleGreen',
|
|
18
|
+
'color.accent.subtleMagenta': '--ds-accent-subtleMagenta',
|
|
19
|
+
'color.accent.subtleOrange': '--ds-accent-subtleOrange',
|
|
20
|
+
'color.accent.subtlePurple': '--ds-accent-subtlePurple',
|
|
21
|
+
'color.accent.subtleRed': '--ds-accent-subtleRed',
|
|
22
|
+
'color.accent.subtleTeal': '--ds-accent-subtleTeal',
|
|
23
|
+
'color.background.sunken': '--ds-background-sunken',
|
|
24
|
+
'color.background.default': '--ds-background-default',
|
|
25
|
+
'color.background.card': '--ds-background-card',
|
|
26
|
+
'color.background.overlay': '--ds-background-overlay',
|
|
27
|
+
'color.background.selected.resting': '--ds-background-selected-resting',
|
|
28
|
+
'color.background.selected.hover': '--ds-background-selected-hover',
|
|
29
|
+
'color.background.selected.pressed': '--ds-background-selected-pressed',
|
|
30
|
+
'color.background.blanket': '--ds-background-blanket',
|
|
31
|
+
'color.background.disabled': '--ds-background-disabled',
|
|
32
|
+
'color.background.boldBrand.resting': '--ds-background-boldBrand-resting',
|
|
33
|
+
'color.background.boldBrand.hover': '--ds-background-boldBrand-hover',
|
|
34
|
+
'color.background.boldBrand.pressed': '--ds-background-boldBrand-pressed',
|
|
35
|
+
'color.background.subtleBrand.resting': '--ds-background-subtleBrand-resting',
|
|
36
|
+
'color.background.subtleBrand.hover': '--ds-background-subtleBrand-hover',
|
|
37
|
+
'color.background.subtleBrand.pressed': '--ds-background-subtleBrand-pressed',
|
|
38
|
+
'color.background.boldDanger.resting': '--ds-background-boldDanger-resting',
|
|
39
|
+
'color.background.boldDanger.hover': '--ds-background-boldDanger-hover',
|
|
40
|
+
'color.background.boldDanger.pressed': '--ds-background-boldDanger-pressed',
|
|
41
|
+
'color.background.subtleDanger.resting': '--ds-background-subtleDanger-resting',
|
|
42
|
+
'color.background.subtleDanger.hover': '--ds-background-subtleDanger-hover',
|
|
43
|
+
'color.background.subtleDanger.pressed': '--ds-background-subtleDanger-pressed',
|
|
44
|
+
'color.background.boldWarning.resting': '--ds-background-boldWarning-resting',
|
|
45
|
+
'color.background.boldWarning.hover': '--ds-background-boldWarning-hover',
|
|
46
|
+
'color.background.boldWarning.pressed': '--ds-background-boldWarning-pressed',
|
|
47
|
+
'color.background.subtleWarning.resting': '--ds-background-subtleWarning-resting',
|
|
48
|
+
'color.background.subtleWarning.hover': '--ds-background-subtleWarning-hover',
|
|
49
|
+
'color.background.subtleWarning.pressed': '--ds-background-subtleWarning-pressed',
|
|
50
|
+
'color.background.boldSuccess.resting': '--ds-background-boldSuccess-resting',
|
|
51
|
+
'color.background.boldSuccess.hover': '--ds-background-boldSuccess-hover',
|
|
52
|
+
'color.background.boldSuccess.pressed': '--ds-background-boldSuccess-pressed',
|
|
53
|
+
'color.background.subtleSuccess.resting': '--ds-background-subtleSuccess-resting',
|
|
54
|
+
'color.background.subtleSuccess.hover': '--ds-background-subtleSuccess-hover',
|
|
55
|
+
'color.background.subtleSuccess.pressed': '--ds-background-subtleSuccess-pressed',
|
|
56
|
+
'color.background.boldDiscovery.resting': '--ds-background-boldDiscovery-resting',
|
|
57
|
+
'color.background.boldDiscovery.hover': '--ds-background-boldDiscovery-hover',
|
|
58
|
+
'color.background.boldDiscovery.pressed': '--ds-background-boldDiscovery-pressed',
|
|
59
|
+
'color.background.subtleDiscovery.resting': '--ds-background-subtleDiscovery-resting',
|
|
60
|
+
'color.background.subtleDiscovery.hover': '--ds-background-subtleDiscovery-hover',
|
|
61
|
+
'color.background.subtleDiscovery.pressed': '--ds-background-subtleDiscovery-pressed',
|
|
62
|
+
'color.background.boldNeutral.resting': '--ds-background-boldNeutral-resting',
|
|
63
|
+
'color.background.boldNeutral.hover': '--ds-background-boldNeutral-hover',
|
|
64
|
+
'color.background.boldNeutral.pressed': '--ds-background-boldNeutral-pressed',
|
|
65
|
+
'color.background.transparentNeutral.hover': '--ds-background-transparentNeutral-hover',
|
|
66
|
+
'color.background.transparentNeutral.pressed': '--ds-background-transparentNeutral-pressed',
|
|
67
|
+
'color.background.subtleNeutral.resting': '--ds-background-subtleNeutral-resting',
|
|
68
|
+
'color.background.subtleNeutral.hover': '--ds-background-subtleNeutral-hover',
|
|
69
|
+
'color.background.subtleNeutral.pressed': '--ds-background-subtleNeutral-pressed',
|
|
70
|
+
'color.background.subtleBorderedNeutral.resting': '--ds-background-subtleBorderedNeutral-resting',
|
|
71
|
+
'color.background.subtleBorderedNeutral.pressed': '--ds-background-subtleBorderedNeutral-pressed',
|
|
72
|
+
'color.border.focus': '--ds-border-focus',
|
|
73
|
+
'color.border.neutral': '--ds-border-neutral',
|
|
74
|
+
'color.iconBorder.brand': '--ds-iconBorder-brand',
|
|
75
|
+
'color.iconBorder.danger': '--ds-iconBorder-danger',
|
|
76
|
+
'color.iconBorder.warning': '--ds-iconBorder-warning',
|
|
77
|
+
'color.iconBorder.success': '--ds-iconBorder-success',
|
|
78
|
+
'color.iconBorder.discovery': '--ds-iconBorder-discovery',
|
|
79
|
+
'color.overlay.hover': '--ds-overlay-hover',
|
|
80
|
+
'color.overlay.pressed': '--ds-overlay-pressed',
|
|
81
|
+
'color.text.selected': '--ds-text-selected',
|
|
82
|
+
'color.text.highEmphasis': '--ds-text-highEmphasis',
|
|
83
|
+
'color.text.mediumEmphasis': '--ds-text-mediumEmphasis',
|
|
84
|
+
'color.text.lowEmphasis': '--ds-text-lowEmphasis',
|
|
85
|
+
'color.text.onBold': '--ds-text-onBold',
|
|
86
|
+
'color.text.onBoldWarning': '--ds-text-onBoldWarning',
|
|
87
|
+
'color.text.link.resting': '--ds-text-link-resting',
|
|
88
|
+
'color.text.link.pressed': '--ds-text-link-pressed',
|
|
89
|
+
'color.text.brand': '--ds-text-brand',
|
|
90
|
+
'color.text.warning': '--ds-text-warning',
|
|
91
|
+
'color.text.danger': '--ds-text-danger',
|
|
92
|
+
'color.text.success': '--ds-text-success',
|
|
93
|
+
'color.text.discovery': '--ds-text-discovery',
|
|
94
|
+
'color.text.disabled': '--ds-text-disabled',
|
|
95
|
+
'shadow.card': '--ds-card',
|
|
96
|
+
'shadow.overlay': '--ds-overlay',
|
|
97
|
+
'utility.UNSAFE_util.transparent': '--ds-UNSAFE_util-transparent'
|
|
98
98
|
};
|
|
99
99
|
var _default = tokens;
|
|
100
100
|
exports.default = _default;
|
package/dist/cjs/version.json
CHANGED