@atlaskit/tokens 0.6.3 → 0.7.2
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 +38 -0
- package/css/atlassian-dark.css +45 -3
- package/css/atlassian-light.css +43 -1
- package/dist/cjs/artifacts/rename-mapping.js +78 -14
- package/dist/cjs/artifacts/token-default-values.js +43 -1
- package/dist/cjs/artifacts/token-names.js +42 -0
- package/dist/cjs/artifacts/tokens-raw/atlassian-dark.js +1009 -179
- package/dist/cjs/artifacts/tokens-raw/atlassian-light.js +1007 -177
- package/dist/cjs/figma/synchronize-figma-tokens.js +34 -9
- package/dist/cjs/get-token.js +1 -1
- package/dist/cjs/tokens/atlassian-dark/color/accent.js +120 -32
- package/dist/cjs/tokens/atlassian-dark/color/background.js +11 -1
- package/dist/cjs/tokens/atlassian-dark/deprecated/deprecated.js +69 -3
- package/dist/cjs/tokens/atlassian-light/color/accent.js +112 -24
- package/dist/cjs/tokens/atlassian-light/color/background.js +11 -1
- package/dist/cjs/tokens/atlassian-light/deprecated/deprecated.js +66 -0
- package/dist/cjs/tokens/atlassian-light/elevation/surface.js +1 -1
- package/dist/cjs/tokens/default/color/accent.js +234 -50
- package/dist/cjs/tokens/default/color/background.js +20 -4
- package/dist/cjs/tokens/default/deprecated/deprecated.js +160 -14
- package/dist/cjs/version.json +1 -1
- package/dist/es2019/artifacts/rename-mapping.js +78 -14
- package/dist/es2019/artifacts/token-default-values.js +43 -1
- package/dist/es2019/artifacts/token-names.js +42 -0
- package/dist/es2019/artifacts/tokens-raw/atlassian-dark.js +1009 -179
- package/dist/es2019/artifacts/tokens-raw/atlassian-light.js +1007 -177
- package/dist/es2019/figma/synchronize-figma-tokens.js +32 -9
- package/dist/es2019/get-token.js +1 -1
- package/dist/es2019/tokens/atlassian-dark/color/accent.js +120 -32
- package/dist/es2019/tokens/atlassian-dark/color/background.js +11 -1
- package/dist/es2019/tokens/atlassian-dark/deprecated/deprecated.js +69 -3
- package/dist/es2019/tokens/atlassian-light/color/accent.js +112 -24
- package/dist/es2019/tokens/atlassian-light/color/background.js +11 -1
- package/dist/es2019/tokens/atlassian-light/deprecated/deprecated.js +66 -0
- package/dist/es2019/tokens/atlassian-light/elevation/surface.js +1 -1
- package/dist/es2019/tokens/default/color/accent.js +234 -50
- package/dist/es2019/tokens/default/color/background.js +20 -4
- package/dist/es2019/tokens/default/deprecated/deprecated.js +160 -14
- package/dist/es2019/version.json +1 -1
- package/dist/esm/artifacts/rename-mapping.js +78 -14
- package/dist/esm/artifacts/token-default-values.js +43 -1
- package/dist/esm/artifacts/token-names.js +42 -0
- package/dist/esm/artifacts/tokens-raw/atlassian-dark.js +1009 -179
- package/dist/esm/artifacts/tokens-raw/atlassian-light.js +1007 -177
- package/dist/esm/figma/synchronize-figma-tokens.js +34 -9
- package/dist/esm/get-token.js +1 -1
- package/dist/esm/tokens/atlassian-dark/color/accent.js +120 -32
- package/dist/esm/tokens/atlassian-dark/color/background.js +11 -1
- package/dist/esm/tokens/atlassian-dark/deprecated/deprecated.js +69 -3
- package/dist/esm/tokens/atlassian-light/color/accent.js +112 -24
- package/dist/esm/tokens/atlassian-light/color/background.js +11 -1
- package/dist/esm/tokens/atlassian-light/deprecated/deprecated.js +66 -0
- package/dist/esm/tokens/atlassian-light/elevation/surface.js +1 -1
- package/dist/esm/tokens/default/color/accent.js +234 -50
- package/dist/esm/tokens/default/color/background.js +20 -4
- package/dist/esm/tokens/default/deprecated/deprecated.js +160 -14
- package/dist/esm/version.json +1 -1
- package/dist/types/artifacts/token-default-values.d.ts +43 -1
- package/dist/types/artifacts/token-names.d.ts +84 -0
- package/dist/types/artifacts/types-internal.d.ts +1 -1
- package/dist/types/artifacts/types.d.ts +1 -1
- package/dist/types/figma/synchronize-figma-tokens.d.ts +9 -1
- package/dist/types/tokens/default/utility/utility.d.ts +10 -10
- package/dist/types/types.d.ts +103 -25
- package/package.json +1 -1
|
@@ -5,7 +5,7 @@ var color = {
|
|
|
5
5
|
attributes: {
|
|
6
6
|
group: 'paint',
|
|
7
7
|
state: 'deprecated',
|
|
8
|
-
replacement: 'color.background.accent.blue.
|
|
8
|
+
replacement: 'color.background.accent.blue.bolder',
|
|
9
9
|
description: 'Use for blue backgrounds of stronger emphasis when there is no meaning tied to the color, such as bold tags.'
|
|
10
10
|
}
|
|
11
11
|
},
|
|
@@ -13,7 +13,7 @@ var color = {
|
|
|
13
13
|
attributes: {
|
|
14
14
|
group: 'paint',
|
|
15
15
|
state: 'deprecated',
|
|
16
|
-
replacement: 'color.background.accent.green.
|
|
16
|
+
replacement: 'color.background.accent.green.bolder',
|
|
17
17
|
description: 'Use for green backgrounds of stronger emphasis when there is no meaning tied to the color, such as bold tags.'
|
|
18
18
|
}
|
|
19
19
|
},
|
|
@@ -21,7 +21,7 @@ var color = {
|
|
|
21
21
|
attributes: {
|
|
22
22
|
group: 'paint',
|
|
23
23
|
state: 'deprecated',
|
|
24
|
-
replacement: 'color.background.accent.orange.
|
|
24
|
+
replacement: 'color.background.accent.orange.bolder',
|
|
25
25
|
description: 'Use for orange backgrounds of stronger emphasis when there is no meaning tied to the color, such as bold tags.'
|
|
26
26
|
}
|
|
27
27
|
},
|
|
@@ -29,7 +29,7 @@ var color = {
|
|
|
29
29
|
attributes: {
|
|
30
30
|
group: 'paint',
|
|
31
31
|
state: 'deprecated',
|
|
32
|
-
replacement: 'color.background.accent.purple.
|
|
32
|
+
replacement: 'color.background.accent.purple.bolder',
|
|
33
33
|
description: 'Use for purple backgrounds of stronger emphasis when there is no meaning tied to the color, such as bold tags.'
|
|
34
34
|
}
|
|
35
35
|
},
|
|
@@ -37,7 +37,7 @@ var color = {
|
|
|
37
37
|
attributes: {
|
|
38
38
|
group: 'paint',
|
|
39
39
|
state: 'deprecated',
|
|
40
|
-
replacement: 'color.background.accent.red.
|
|
40
|
+
replacement: 'color.background.accent.red.bolder',
|
|
41
41
|
description: 'Use for red backgrounds of stronger emphasis when there is no meaning tied to the color, such as bold tags.'
|
|
42
42
|
}
|
|
43
43
|
},
|
|
@@ -45,7 +45,7 @@ var color = {
|
|
|
45
45
|
attributes: {
|
|
46
46
|
group: 'paint',
|
|
47
47
|
state: 'deprecated',
|
|
48
|
-
replacement: 'color.background.accent.teal.
|
|
48
|
+
replacement: 'color.background.accent.teal.bolder',
|
|
49
49
|
description: 'Use for teal backgrounds of stronger emphasis when there is no meaning tied to the color, such as bold tags.'
|
|
50
50
|
}
|
|
51
51
|
},
|
|
@@ -53,7 +53,7 @@ var color = {
|
|
|
53
53
|
attributes: {
|
|
54
54
|
group: 'paint',
|
|
55
55
|
state: 'deprecated',
|
|
56
|
-
replacement: 'color.background.accent.blue.
|
|
56
|
+
replacement: 'color.background.accent.blue.subtler',
|
|
57
57
|
description: 'Use for blue subdued backgrounds when there is no meaning tied to the color, such as colored tags.'
|
|
58
58
|
}
|
|
59
59
|
},
|
|
@@ -61,7 +61,7 @@ var color = {
|
|
|
61
61
|
attributes: {
|
|
62
62
|
group: 'paint',
|
|
63
63
|
state: 'deprecated',
|
|
64
|
-
replacement: 'color.background.accent.green.
|
|
64
|
+
replacement: 'color.background.accent.green.subtler',
|
|
65
65
|
description: 'Use for green subdued backgrounds when there is no meaning tied to the color, such as colored tags.'
|
|
66
66
|
}
|
|
67
67
|
},
|
|
@@ -69,7 +69,7 @@ var color = {
|
|
|
69
69
|
attributes: {
|
|
70
70
|
group: 'paint',
|
|
71
71
|
state: 'deprecated',
|
|
72
|
-
replacement: 'color.background.accent.magenta.
|
|
72
|
+
replacement: 'color.background.accent.magenta.subtler',
|
|
73
73
|
description: 'Use for magenta subdued backgrounds when there is no meaning tied to the color, such as colored tags.'
|
|
74
74
|
}
|
|
75
75
|
},
|
|
@@ -77,7 +77,7 @@ var color = {
|
|
|
77
77
|
attributes: {
|
|
78
78
|
group: 'paint',
|
|
79
79
|
state: 'deprecated',
|
|
80
|
-
replacement: 'color.background.accent.orange.
|
|
80
|
+
replacement: 'color.background.accent.orange.subtler',
|
|
81
81
|
description: 'Use for orange subdued backgrounds when there is no meaning tied to the color, such as colored tags.'
|
|
82
82
|
}
|
|
83
83
|
},
|
|
@@ -85,7 +85,7 @@ var color = {
|
|
|
85
85
|
attributes: {
|
|
86
86
|
group: 'paint',
|
|
87
87
|
state: 'deprecated',
|
|
88
|
-
replacement: 'color.background.accent.purple.
|
|
88
|
+
replacement: 'color.background.accent.purple.subtler',
|
|
89
89
|
description: 'Use for purple subdued backgrounds when there is no meaning tied to the color, such as colored tags.'
|
|
90
90
|
}
|
|
91
91
|
},
|
|
@@ -93,7 +93,7 @@ var color = {
|
|
|
93
93
|
attributes: {
|
|
94
94
|
group: 'paint',
|
|
95
95
|
state: 'deprecated',
|
|
96
|
-
replacement: 'color.background.accent.red.
|
|
96
|
+
replacement: 'color.background.accent.red.subtler',
|
|
97
97
|
description: 'Use for red subdued backgrounds when there is no meaning tied to the color, such as colored tags.'
|
|
98
98
|
}
|
|
99
99
|
},
|
|
@@ -101,17 +101,163 @@ var color = {
|
|
|
101
101
|
attributes: {
|
|
102
102
|
group: 'paint',
|
|
103
103
|
state: 'deprecated',
|
|
104
|
-
replacement: 'color.background.accent.teal.
|
|
104
|
+
replacement: 'color.background.accent.teal.subtler',
|
|
105
105
|
description: 'Use for teal subdued backgrounds when there is no meaning tied to the color, such as colored tags.'
|
|
106
106
|
}
|
|
107
107
|
}
|
|
108
108
|
},
|
|
109
109
|
background: {
|
|
110
|
+
accent: {
|
|
111
|
+
blue: {
|
|
112
|
+
'[default]': {
|
|
113
|
+
attributes: {
|
|
114
|
+
group: 'paint',
|
|
115
|
+
state: 'deprecated',
|
|
116
|
+
replacement: 'color.background.accent.blue.subtler',
|
|
117
|
+
description: 'Use for blue backgrounds when there is no meaning tied to the color, such as coloured tags.'
|
|
118
|
+
}
|
|
119
|
+
},
|
|
120
|
+
bold: {
|
|
121
|
+
attributes: {
|
|
122
|
+
group: 'paint',
|
|
123
|
+
state: 'deprecated',
|
|
124
|
+
replacement: 'color.background.accent.blue.subtle',
|
|
125
|
+
description: 'Use for blue backgrounds when there is no meaning tied to the color, and the background needs to pass min 3:1 contrast requirements.'
|
|
126
|
+
}
|
|
127
|
+
}
|
|
128
|
+
},
|
|
129
|
+
red: {
|
|
130
|
+
'[default]': {
|
|
131
|
+
attributes: {
|
|
132
|
+
group: 'paint',
|
|
133
|
+
state: 'deprecated',
|
|
134
|
+
replacement: 'color.background.accent.red.subtler',
|
|
135
|
+
description: 'Use for red backgrounds when there is no meaning tied to the color, such as colored tags.'
|
|
136
|
+
}
|
|
137
|
+
},
|
|
138
|
+
bold: {
|
|
139
|
+
attributes: {
|
|
140
|
+
group: 'paint',
|
|
141
|
+
state: 'deprecated',
|
|
142
|
+
replacement: 'color.background.accent.red.subtle',
|
|
143
|
+
description: 'Use for red backgrounds when there is no meaning tied to the color, and the background needs to pass min 3:1 contrast requirements.'
|
|
144
|
+
}
|
|
145
|
+
}
|
|
146
|
+
},
|
|
147
|
+
orange: {
|
|
148
|
+
'[default]': {
|
|
149
|
+
attributes: {
|
|
150
|
+
group: 'paint',
|
|
151
|
+
state: 'deprecated',
|
|
152
|
+
replacement: 'color.background.accent.orange.subtler',
|
|
153
|
+
description: 'Use for orange backgrounds when there is no meaning tied to the color, such as colored tags.'
|
|
154
|
+
}
|
|
155
|
+
},
|
|
156
|
+
bold: {
|
|
157
|
+
attributes: {
|
|
158
|
+
group: 'paint',
|
|
159
|
+
state: 'deprecated',
|
|
160
|
+
replacement: 'color.background.accent.orange.subtle',
|
|
161
|
+
description: 'Use for orange backgrounds when there is no meaning tied to the color, and the background needs to pass min 3:1 contrast requirements.'
|
|
162
|
+
}
|
|
163
|
+
}
|
|
164
|
+
},
|
|
165
|
+
yellow: {
|
|
166
|
+
'[default]': {
|
|
167
|
+
attributes: {
|
|
168
|
+
group: 'paint',
|
|
169
|
+
state: 'deprecated',
|
|
170
|
+
replacement: 'color.background.accent.yellow.subtler',
|
|
171
|
+
description: 'Use for yellow backgrounds when there is no meaning tied to the color, such as colored tags.'
|
|
172
|
+
}
|
|
173
|
+
},
|
|
174
|
+
bold: {
|
|
175
|
+
attributes: {
|
|
176
|
+
group: 'paint',
|
|
177
|
+
state: 'deprecated',
|
|
178
|
+
replacement: 'color.background.accent.yellow.subtle',
|
|
179
|
+
description: 'Use for yellow backgrounds when there is no meaning tied to the color, and the background needs to pass min 3:1 contrast requirements.'
|
|
180
|
+
}
|
|
181
|
+
}
|
|
182
|
+
},
|
|
183
|
+
green: {
|
|
184
|
+
'[default]': {
|
|
185
|
+
attributes: {
|
|
186
|
+
group: 'paint',
|
|
187
|
+
state: 'deprecated',
|
|
188
|
+
replacement: 'color.background.accent.green.subtler',
|
|
189
|
+
description: 'Use for green backgrounds when there is no meaning tied to the color, such as colored tags.'
|
|
190
|
+
}
|
|
191
|
+
},
|
|
192
|
+
bold: {
|
|
193
|
+
attributes: {
|
|
194
|
+
group: 'paint',
|
|
195
|
+
state: 'deprecated',
|
|
196
|
+
replacement: 'color.background.accent.green.subtle',
|
|
197
|
+
description: 'Use for green backgrounds when there is no meaning tied to the color, and the background needs to pass min 3:1 contrast requirements.'
|
|
198
|
+
}
|
|
199
|
+
}
|
|
200
|
+
},
|
|
201
|
+
teal: {
|
|
202
|
+
'[default]': {
|
|
203
|
+
attributes: {
|
|
204
|
+
group: 'paint',
|
|
205
|
+
state: 'deprecated',
|
|
206
|
+
replacement: 'color.background.accent.teal.subtler',
|
|
207
|
+
description: 'Use for teal backgrounds when there is no meaning tied to the color, such as colored tags.'
|
|
208
|
+
}
|
|
209
|
+
},
|
|
210
|
+
bold: {
|
|
211
|
+
attributes: {
|
|
212
|
+
group: 'paint',
|
|
213
|
+
state: 'deprecated',
|
|
214
|
+
replacement: 'color.background.accent.teal.subtle',
|
|
215
|
+
description: 'Use for teal backgrounds when there is no meaning tied to the color, and the background needs to pass min 3:1 contrast requirements.'
|
|
216
|
+
}
|
|
217
|
+
}
|
|
218
|
+
},
|
|
219
|
+
purple: {
|
|
220
|
+
'[default]': {
|
|
221
|
+
attributes: {
|
|
222
|
+
group: 'paint',
|
|
223
|
+
state: 'deprecated',
|
|
224
|
+
replacement: 'color.background.accent.purple.subtler',
|
|
225
|
+
description: 'Use for purple backgrounds when there is no meaning tied to the color, such as colored tags.'
|
|
226
|
+
}
|
|
227
|
+
},
|
|
228
|
+
bold: {
|
|
229
|
+
attributes: {
|
|
230
|
+
group: 'paint',
|
|
231
|
+
state: 'deprecated',
|
|
232
|
+
replacement: 'color.background.accent.purple.subtle',
|
|
233
|
+
description: 'Use for purple backgrounds when there is no meaning tied to the color, and the background needs to pass min 3:1 contrast requirements.'
|
|
234
|
+
}
|
|
235
|
+
}
|
|
236
|
+
},
|
|
237
|
+
magenta: {
|
|
238
|
+
'[default]': {
|
|
239
|
+
attributes: {
|
|
240
|
+
group: 'paint',
|
|
241
|
+
state: 'deprecated',
|
|
242
|
+
replacement: 'color.background.accent.magenta.subtler',
|
|
243
|
+
description: 'Use for magenta backgrounds when there is no meaning tied to the color, such as colored tags.'
|
|
244
|
+
}
|
|
245
|
+
},
|
|
246
|
+
bold: {
|
|
247
|
+
attributes: {
|
|
248
|
+
group: 'paint',
|
|
249
|
+
state: 'deprecated',
|
|
250
|
+
replacement: 'color.background.accent.magenta.subtle',
|
|
251
|
+
description: 'Use for magenta backgrounds when there is no meaning tied to the color, and the background needs to pass min 3:1 contrast requirements.'
|
|
252
|
+
}
|
|
253
|
+
}
|
|
254
|
+
}
|
|
255
|
+
},
|
|
110
256
|
blanket: {
|
|
111
257
|
attributes: {
|
|
112
258
|
group: 'paint',
|
|
113
259
|
state: 'deprecated',
|
|
114
|
-
replacement: 'color.blanket',
|
|
260
|
+
replacement: 'color.blanket.[default]',
|
|
115
261
|
description: 'Use for the screen overlay that appears with modal dialogs'
|
|
116
262
|
}
|
|
117
263
|
},
|
package/dist/esm/version.json
CHANGED
|
@@ -3,13 +3,21 @@
|
|
|
3
3
|
*/
|
|
4
4
|
declare const defaultTokenValues: {
|
|
5
5
|
readonly 'color.text.accent.blue': "#0055CC";
|
|
6
|
+
readonly 'color.text.accent.blue.bolder': "#09326C";
|
|
6
7
|
readonly 'color.text.accent.red': "#AE2A19";
|
|
8
|
+
readonly 'color.text.accent.red.bolder': "#601E16";
|
|
7
9
|
readonly 'color.text.accent.orange': "#974F0C";
|
|
10
|
+
readonly 'color.text.accent.orange.bolder': "#5F3811";
|
|
8
11
|
readonly 'color.text.accent.yellow': "#7F5F01";
|
|
12
|
+
readonly 'color.text.accent.yellow.bolder': "#533F04";
|
|
9
13
|
readonly 'color.text.accent.green': "#216E4E";
|
|
14
|
+
readonly 'color.text.accent.green.bolder': "#164B35";
|
|
10
15
|
readonly 'color.text.accent.purple': "#5E4DB2";
|
|
16
|
+
readonly 'color.text.accent.purple.bolder': "#352C63";
|
|
11
17
|
readonly 'color.text.accent.teal': "#206B74";
|
|
18
|
+
readonly 'color.text.accent.teal.bolder': "#1D474C";
|
|
12
19
|
readonly 'color.text.accent.magenta': "#943D73";
|
|
20
|
+
readonly 'color.text.accent.magenta.bolder': "#50253F";
|
|
13
21
|
readonly 'color.text': "#172B4D";
|
|
14
22
|
readonly 'color.text.subtle': "#44546F";
|
|
15
23
|
readonly 'color.text.subtlest': "#626F86";
|
|
@@ -71,20 +79,52 @@ declare const defaultTokenValues: {
|
|
|
71
79
|
readonly 'color.border.information': "#1D7AFC";
|
|
72
80
|
readonly 'color.border.focus': "#388BFF";
|
|
73
81
|
readonly 'color.border.neutral': "#091E4224";
|
|
82
|
+
readonly 'color.background.accent.blue.subtlest': "#E9F2FF";
|
|
83
|
+
readonly 'color.background.accent.blue.subtler': "#CCE0FF";
|
|
84
|
+
readonly 'color.background.accent.blue.subtle': "#579DFF";
|
|
85
|
+
readonly 'color.background.accent.blue.bolder': "#0C66E4";
|
|
74
86
|
readonly 'color.background.accent.blue': "#CCE0FF";
|
|
75
87
|
readonly 'color.background.accent.blue.bold': "#579DFF";
|
|
88
|
+
readonly 'color.background.accent.red.subtlest': "#FFEDEB";
|
|
89
|
+
readonly 'color.background.accent.red.subtler': "#FFD2CC";
|
|
90
|
+
readonly 'color.background.accent.red.subtle': "#F87462";
|
|
91
|
+
readonly 'color.background.accent.red.bolder': "#CA3521";
|
|
76
92
|
readonly 'color.background.accent.red': "#FFD2CC";
|
|
77
93
|
readonly 'color.background.accent.red.bold': "#F87462";
|
|
94
|
+
readonly 'color.background.accent.orange.subtlest': "#FFF4E5";
|
|
95
|
+
readonly 'color.background.accent.orange.subtler': "#FFE2BD";
|
|
96
|
+
readonly 'color.background.accent.orange.subtle': "#FAA53D";
|
|
97
|
+
readonly 'color.background.accent.orange.bolder': "#B65C02";
|
|
78
98
|
readonly 'color.background.accent.orange': "#FFE2BD";
|
|
79
99
|
readonly 'color.background.accent.orange.bold': "#FAA53D";
|
|
100
|
+
readonly 'color.background.accent.yellow.subtlest': "#FFF7D6";
|
|
101
|
+
readonly 'color.background.accent.yellow.subtler': "#F8E6A0";
|
|
102
|
+
readonly 'color.background.accent.yellow.subtle': "#E2B203";
|
|
103
|
+
readonly 'color.background.accent.yellow.bolder': "#946F00";
|
|
80
104
|
readonly 'color.background.accent.yellow': "#F8E6A0";
|
|
81
105
|
readonly 'color.background.accent.yellow.bold': "#E2B203";
|
|
106
|
+
readonly 'color.background.accent.green.subtlest': "#DFFCF0";
|
|
107
|
+
readonly 'color.background.accent.green.subtler': "#BAF3DB";
|
|
108
|
+
readonly 'color.background.accent.green.subtle': "#4BCE97";
|
|
109
|
+
readonly 'color.background.accent.green.bolder': "#1F845A";
|
|
82
110
|
readonly 'color.background.accent.green': "#BAF3DB";
|
|
83
111
|
readonly 'color.background.accent.green.bold': "#4BCE97";
|
|
112
|
+
readonly 'color.background.accent.teal.subtlest': "#E3FAFC";
|
|
113
|
+
readonly 'color.background.accent.teal.subtler': "#C1F0F5";
|
|
114
|
+
readonly 'color.background.accent.teal.subtle': "#60C6D2";
|
|
115
|
+
readonly 'color.background.accent.teal.bolder': "#1D7F8C";
|
|
84
116
|
readonly 'color.background.accent.teal': "#C1F0F5";
|
|
85
117
|
readonly 'color.background.accent.teal.bold': "#60C6D2";
|
|
118
|
+
readonly 'color.background.accent.purple.subtlest': "#F3F0FF";
|
|
119
|
+
readonly 'color.background.accent.purple.subtler': "#DFD8FD";
|
|
120
|
+
readonly 'color.background.accent.purple.subtle': "#9F8FEF";
|
|
121
|
+
readonly 'color.background.accent.purple.bolder': "#6E5DC6";
|
|
86
122
|
readonly 'color.background.accent.purple': "#DFD8FD";
|
|
87
123
|
readonly 'color.background.accent.purple.bold': "#9F8FEF";
|
|
124
|
+
readonly 'color.background.accent.magenta.subtlest': "#FFECF8";
|
|
125
|
+
readonly 'color.background.accent.magenta.subtler': "#FDD0EC";
|
|
126
|
+
readonly 'color.background.accent.magenta.subtle': "#E774BB";
|
|
127
|
+
readonly 'color.background.accent.magenta.bolder': "#AE4787";
|
|
88
128
|
readonly 'color.background.accent.magenta': "#FDD0EC";
|
|
89
129
|
readonly 'color.background.accent.magenta.bold': "#E774BB";
|
|
90
130
|
readonly 'color.background.disabled': "#091E420F";
|
|
@@ -191,6 +231,8 @@ declare const defaultTokenValues: {
|
|
|
191
231
|
readonly 'color.background.transparentNeutral.hover': "#091E420F";
|
|
192
232
|
readonly 'color.background.transparentNeutral.pressed': "#091E4224";
|
|
193
233
|
readonly 'color.blanket': "#091E427A";
|
|
234
|
+
readonly 'color.blanket.selected': "#388BFFCC";
|
|
235
|
+
readonly 'color.blanket.danger': "#EF5C48CC";
|
|
194
236
|
readonly 'color.interaction.hovered': "#ffffff33";
|
|
195
237
|
readonly 'color.interaction.pressed': "#ffffff5c";
|
|
196
238
|
readonly 'color.interaction.inverse.hovered': "#00000029";
|
|
@@ -222,7 +264,7 @@ declare const defaultTokenValues: {
|
|
|
222
264
|
readonly 'elevation.shadow.raised': "0px 1px 1px #091E4240, 0px 0px 1px #091E424F";
|
|
223
265
|
readonly 'elevation.shadow.overlay': "0px 8px 12px #091E4226, 0px 0px 1px #091E424F";
|
|
224
266
|
readonly 'elevation.surface': "#FFFFFF";
|
|
225
|
-
readonly 'elevation.surface.sunken': "#
|
|
267
|
+
readonly 'elevation.surface.sunken': "#F7F8F9";
|
|
226
268
|
readonly 'elevation.surface.raised': "#FFFFFF";
|
|
227
269
|
readonly 'elevation.surface.overlay': "#FFFFFF";
|
|
228
270
|
readonly 'utility.UNSAFE_util.transparent': "transparent";
|
|
@@ -1,12 +1,20 @@
|
|
|
1
1
|
declare const tokens: {
|
|
2
2
|
readonly 'color.text.accent.blue': "--ds-text-accent-blue";
|
|
3
|
+
readonly 'color.text.accent.blue.bolder': "--ds-text-accent-blue-bolder";
|
|
3
4
|
readonly 'color.text.accent.red': "--ds-text-accent-red";
|
|
5
|
+
readonly 'color.text.accent.red.bolder': "--ds-text-accent-red-bolder";
|
|
4
6
|
readonly 'color.text.accent.orange': "--ds-text-accent-orange";
|
|
7
|
+
readonly 'color.text.accent.orange.bolder': "--ds-text-accent-orange-bolder";
|
|
5
8
|
readonly 'color.text.accent.yellow': "--ds-text-accent-yellow";
|
|
9
|
+
readonly 'color.text.accent.yellow.bolder': "--ds-text-accent-yellow-bolder";
|
|
6
10
|
readonly 'color.text.accent.green': "--ds-text-accent-green";
|
|
11
|
+
readonly 'color.text.accent.green.bolder': "--ds-text-accent-green-bolder";
|
|
7
12
|
readonly 'color.text.accent.purple': "--ds-text-accent-purple";
|
|
13
|
+
readonly 'color.text.accent.purple.bolder': "--ds-text-accent-purple-bolder";
|
|
8
14
|
readonly 'color.text.accent.teal': "--ds-text-accent-teal";
|
|
15
|
+
readonly 'color.text.accent.teal.bolder': "--ds-text-accent-teal-bolder";
|
|
9
16
|
readonly 'color.text.accent.magenta': "--ds-text-accent-magenta";
|
|
17
|
+
readonly 'color.text.accent.magenta.bolder': "--ds-text-accent-magenta-bolder";
|
|
10
18
|
readonly 'color.text': "--ds-text";
|
|
11
19
|
readonly 'color.text.subtle': "--ds-text-subtle";
|
|
12
20
|
readonly 'color.text.subtlest': "--ds-text-subtlest";
|
|
@@ -68,20 +76,52 @@ declare const tokens: {
|
|
|
68
76
|
readonly 'color.border.information': "--ds-border-information";
|
|
69
77
|
readonly 'color.border.focus': "--ds-border-focus";
|
|
70
78
|
readonly 'color.border.neutral': "--ds-border-neutral";
|
|
79
|
+
readonly 'color.background.accent.blue.subtlest': "--ds-background-accent-blue-subtlest";
|
|
80
|
+
readonly 'color.background.accent.blue.subtler': "--ds-background-accent-blue-subtler";
|
|
81
|
+
readonly 'color.background.accent.blue.subtle': "--ds-background-accent-blue-subtle";
|
|
82
|
+
readonly 'color.background.accent.blue.bolder': "--ds-background-accent-blue-bolder";
|
|
71
83
|
readonly 'color.background.accent.blue': "--ds-background-accent-blue";
|
|
72
84
|
readonly 'color.background.accent.blue.bold': "--ds-background-accent-blue-bold";
|
|
85
|
+
readonly 'color.background.accent.red.subtlest': "--ds-background-accent-red-subtlest";
|
|
86
|
+
readonly 'color.background.accent.red.subtler': "--ds-background-accent-red-subtler";
|
|
87
|
+
readonly 'color.background.accent.red.subtle': "--ds-background-accent-red-subtle";
|
|
88
|
+
readonly 'color.background.accent.red.bolder': "--ds-background-accent-red-bolder";
|
|
73
89
|
readonly 'color.background.accent.red': "--ds-background-accent-red";
|
|
74
90
|
readonly 'color.background.accent.red.bold': "--ds-background-accent-red-bold";
|
|
91
|
+
readonly 'color.background.accent.orange.subtlest': "--ds-background-accent-orange-subtlest";
|
|
92
|
+
readonly 'color.background.accent.orange.subtler': "--ds-background-accent-orange-subtler";
|
|
93
|
+
readonly 'color.background.accent.orange.subtle': "--ds-background-accent-orange-subtle";
|
|
94
|
+
readonly 'color.background.accent.orange.bolder': "--ds-background-accent-orange-bolder";
|
|
75
95
|
readonly 'color.background.accent.orange': "--ds-background-accent-orange";
|
|
76
96
|
readonly 'color.background.accent.orange.bold': "--ds-background-accent-orange-bold";
|
|
97
|
+
readonly 'color.background.accent.yellow.subtlest': "--ds-background-accent-yellow-subtlest";
|
|
98
|
+
readonly 'color.background.accent.yellow.subtler': "--ds-background-accent-yellow-subtler";
|
|
99
|
+
readonly 'color.background.accent.yellow.subtle': "--ds-background-accent-yellow-subtle";
|
|
100
|
+
readonly 'color.background.accent.yellow.bolder': "--ds-background-accent-yellow-bolder";
|
|
77
101
|
readonly 'color.background.accent.yellow': "--ds-background-accent-yellow";
|
|
78
102
|
readonly 'color.background.accent.yellow.bold': "--ds-background-accent-yellow-bold";
|
|
103
|
+
readonly 'color.background.accent.green.subtlest': "--ds-background-accent-green-subtlest";
|
|
104
|
+
readonly 'color.background.accent.green.subtler': "--ds-background-accent-green-subtler";
|
|
105
|
+
readonly 'color.background.accent.green.subtle': "--ds-background-accent-green-subtle";
|
|
106
|
+
readonly 'color.background.accent.green.bolder': "--ds-background-accent-green-bolder";
|
|
79
107
|
readonly 'color.background.accent.green': "--ds-background-accent-green";
|
|
80
108
|
readonly 'color.background.accent.green.bold': "--ds-background-accent-green-bold";
|
|
109
|
+
readonly 'color.background.accent.teal.subtlest': "--ds-background-accent-teal-subtlest";
|
|
110
|
+
readonly 'color.background.accent.teal.subtler': "--ds-background-accent-teal-subtler";
|
|
111
|
+
readonly 'color.background.accent.teal.subtle': "--ds-background-accent-teal-subtle";
|
|
112
|
+
readonly 'color.background.accent.teal.bolder': "--ds-background-accent-teal-bolder";
|
|
81
113
|
readonly 'color.background.accent.teal': "--ds-background-accent-teal";
|
|
82
114
|
readonly 'color.background.accent.teal.bold': "--ds-background-accent-teal-bold";
|
|
115
|
+
readonly 'color.background.accent.purple.subtlest': "--ds-background-accent-purple-subtlest";
|
|
116
|
+
readonly 'color.background.accent.purple.subtler': "--ds-background-accent-purple-subtler";
|
|
117
|
+
readonly 'color.background.accent.purple.subtle': "--ds-background-accent-purple-subtle";
|
|
118
|
+
readonly 'color.background.accent.purple.bolder': "--ds-background-accent-purple-bolder";
|
|
83
119
|
readonly 'color.background.accent.purple': "--ds-background-accent-purple";
|
|
84
120
|
readonly 'color.background.accent.purple.bold': "--ds-background-accent-purple-bold";
|
|
121
|
+
readonly 'color.background.accent.magenta.subtlest': "--ds-background-accent-magenta-subtlest";
|
|
122
|
+
readonly 'color.background.accent.magenta.subtler': "--ds-background-accent-magenta-subtler";
|
|
123
|
+
readonly 'color.background.accent.magenta.subtle': "--ds-background-accent-magenta-subtle";
|
|
124
|
+
readonly 'color.background.accent.magenta.bolder': "--ds-background-accent-magenta-bolder";
|
|
85
125
|
readonly 'color.background.accent.magenta': "--ds-background-accent-magenta";
|
|
86
126
|
readonly 'color.background.accent.magenta.bold': "--ds-background-accent-magenta-bold";
|
|
87
127
|
readonly 'color.background.disabled': "--ds-background-disabled";
|
|
@@ -188,6 +228,8 @@ declare const tokens: {
|
|
|
188
228
|
readonly 'color.background.transparentNeutral.hover': "--ds-background-transparentNeutral-hover";
|
|
189
229
|
readonly 'color.background.transparentNeutral.pressed': "--ds-background-transparentNeutral-pressed";
|
|
190
230
|
readonly 'color.blanket': "--ds-blanket";
|
|
231
|
+
readonly 'color.blanket.selected': "--ds-blanket-selected";
|
|
232
|
+
readonly 'color.blanket.danger': "--ds-blanket-danger";
|
|
191
233
|
readonly 'color.interaction.hovered': "--ds-interaction-hovered";
|
|
192
234
|
readonly 'color.interaction.pressed': "--ds-interaction-pressed";
|
|
193
235
|
readonly 'color.interaction.inverse.hovered': "--ds-interaction-inverse-hovered";
|
|
@@ -227,13 +269,21 @@ declare const tokens: {
|
|
|
227
269
|
};
|
|
228
270
|
export declare type CSSTokenMap = {
|
|
229
271
|
'color.text.accent.blue': 'var(--ds-text-accent-blue)';
|
|
272
|
+
'color.text.accent.blue.bolder': 'var(--ds-text-accent-blue-bolder)';
|
|
230
273
|
'color.text.accent.red': 'var(--ds-text-accent-red)';
|
|
274
|
+
'color.text.accent.red.bolder': 'var(--ds-text-accent-red-bolder)';
|
|
231
275
|
'color.text.accent.orange': 'var(--ds-text-accent-orange)';
|
|
276
|
+
'color.text.accent.orange.bolder': 'var(--ds-text-accent-orange-bolder)';
|
|
232
277
|
'color.text.accent.yellow': 'var(--ds-text-accent-yellow)';
|
|
278
|
+
'color.text.accent.yellow.bolder': 'var(--ds-text-accent-yellow-bolder)';
|
|
233
279
|
'color.text.accent.green': 'var(--ds-text-accent-green)';
|
|
280
|
+
'color.text.accent.green.bolder': 'var(--ds-text-accent-green-bolder)';
|
|
234
281
|
'color.text.accent.purple': 'var(--ds-text-accent-purple)';
|
|
282
|
+
'color.text.accent.purple.bolder': 'var(--ds-text-accent-purple-bolder)';
|
|
235
283
|
'color.text.accent.teal': 'var(--ds-text-accent-teal)';
|
|
284
|
+
'color.text.accent.teal.bolder': 'var(--ds-text-accent-teal-bolder)';
|
|
236
285
|
'color.text.accent.magenta': 'var(--ds-text-accent-magenta)';
|
|
286
|
+
'color.text.accent.magenta.bolder': 'var(--ds-text-accent-magenta-bolder)';
|
|
237
287
|
'color.text': 'var(--ds-text)';
|
|
238
288
|
'color.text.subtle': 'var(--ds-text-subtle)';
|
|
239
289
|
'color.text.subtlest': 'var(--ds-text-subtlest)';
|
|
@@ -295,20 +345,52 @@ export declare type CSSTokenMap = {
|
|
|
295
345
|
'color.border.information': 'var(--ds-border-information)';
|
|
296
346
|
'color.border.focus': 'var(--ds-border-focus)';
|
|
297
347
|
'color.border.neutral': 'var(--ds-border-neutral)';
|
|
348
|
+
'color.background.accent.blue.subtlest': 'var(--ds-background-accent-blue-subtlest)';
|
|
349
|
+
'color.background.accent.blue.subtler': 'var(--ds-background-accent-blue-subtler)';
|
|
350
|
+
'color.background.accent.blue.subtle': 'var(--ds-background-accent-blue-subtle)';
|
|
351
|
+
'color.background.accent.blue.bolder': 'var(--ds-background-accent-blue-bolder)';
|
|
298
352
|
'color.background.accent.blue': 'var(--ds-background-accent-blue)';
|
|
299
353
|
'color.background.accent.blue.bold': 'var(--ds-background-accent-blue-bold)';
|
|
354
|
+
'color.background.accent.red.subtlest': 'var(--ds-background-accent-red-subtlest)';
|
|
355
|
+
'color.background.accent.red.subtler': 'var(--ds-background-accent-red-subtler)';
|
|
356
|
+
'color.background.accent.red.subtle': 'var(--ds-background-accent-red-subtle)';
|
|
357
|
+
'color.background.accent.red.bolder': 'var(--ds-background-accent-red-bolder)';
|
|
300
358
|
'color.background.accent.red': 'var(--ds-background-accent-red)';
|
|
301
359
|
'color.background.accent.red.bold': 'var(--ds-background-accent-red-bold)';
|
|
360
|
+
'color.background.accent.orange.subtlest': 'var(--ds-background-accent-orange-subtlest)';
|
|
361
|
+
'color.background.accent.orange.subtler': 'var(--ds-background-accent-orange-subtler)';
|
|
362
|
+
'color.background.accent.orange.subtle': 'var(--ds-background-accent-orange-subtle)';
|
|
363
|
+
'color.background.accent.orange.bolder': 'var(--ds-background-accent-orange-bolder)';
|
|
302
364
|
'color.background.accent.orange': 'var(--ds-background-accent-orange)';
|
|
303
365
|
'color.background.accent.orange.bold': 'var(--ds-background-accent-orange-bold)';
|
|
366
|
+
'color.background.accent.yellow.subtlest': 'var(--ds-background-accent-yellow-subtlest)';
|
|
367
|
+
'color.background.accent.yellow.subtler': 'var(--ds-background-accent-yellow-subtler)';
|
|
368
|
+
'color.background.accent.yellow.subtle': 'var(--ds-background-accent-yellow-subtle)';
|
|
369
|
+
'color.background.accent.yellow.bolder': 'var(--ds-background-accent-yellow-bolder)';
|
|
304
370
|
'color.background.accent.yellow': 'var(--ds-background-accent-yellow)';
|
|
305
371
|
'color.background.accent.yellow.bold': 'var(--ds-background-accent-yellow-bold)';
|
|
372
|
+
'color.background.accent.green.subtlest': 'var(--ds-background-accent-green-subtlest)';
|
|
373
|
+
'color.background.accent.green.subtler': 'var(--ds-background-accent-green-subtler)';
|
|
374
|
+
'color.background.accent.green.subtle': 'var(--ds-background-accent-green-subtle)';
|
|
375
|
+
'color.background.accent.green.bolder': 'var(--ds-background-accent-green-bolder)';
|
|
306
376
|
'color.background.accent.green': 'var(--ds-background-accent-green)';
|
|
307
377
|
'color.background.accent.green.bold': 'var(--ds-background-accent-green-bold)';
|
|
378
|
+
'color.background.accent.teal.subtlest': 'var(--ds-background-accent-teal-subtlest)';
|
|
379
|
+
'color.background.accent.teal.subtler': 'var(--ds-background-accent-teal-subtler)';
|
|
380
|
+
'color.background.accent.teal.subtle': 'var(--ds-background-accent-teal-subtle)';
|
|
381
|
+
'color.background.accent.teal.bolder': 'var(--ds-background-accent-teal-bolder)';
|
|
308
382
|
'color.background.accent.teal': 'var(--ds-background-accent-teal)';
|
|
309
383
|
'color.background.accent.teal.bold': 'var(--ds-background-accent-teal-bold)';
|
|
384
|
+
'color.background.accent.purple.subtlest': 'var(--ds-background-accent-purple-subtlest)';
|
|
385
|
+
'color.background.accent.purple.subtler': 'var(--ds-background-accent-purple-subtler)';
|
|
386
|
+
'color.background.accent.purple.subtle': 'var(--ds-background-accent-purple-subtle)';
|
|
387
|
+
'color.background.accent.purple.bolder': 'var(--ds-background-accent-purple-bolder)';
|
|
310
388
|
'color.background.accent.purple': 'var(--ds-background-accent-purple)';
|
|
311
389
|
'color.background.accent.purple.bold': 'var(--ds-background-accent-purple-bold)';
|
|
390
|
+
'color.background.accent.magenta.subtlest': 'var(--ds-background-accent-magenta-subtlest)';
|
|
391
|
+
'color.background.accent.magenta.subtler': 'var(--ds-background-accent-magenta-subtler)';
|
|
392
|
+
'color.background.accent.magenta.subtle': 'var(--ds-background-accent-magenta-subtle)';
|
|
393
|
+
'color.background.accent.magenta.bolder': 'var(--ds-background-accent-magenta-bolder)';
|
|
312
394
|
'color.background.accent.magenta': 'var(--ds-background-accent-magenta)';
|
|
313
395
|
'color.background.accent.magenta.bold': 'var(--ds-background-accent-magenta-bold)';
|
|
314
396
|
'color.background.disabled': 'var(--ds-background-disabled)';
|
|
@@ -415,6 +497,8 @@ export declare type CSSTokenMap = {
|
|
|
415
497
|
'color.background.transparentNeutral.hover': 'var(--ds-background-transparentNeutral-hover)';
|
|
416
498
|
'color.background.transparentNeutral.pressed': 'var(--ds-background-transparentNeutral-pressed)';
|
|
417
499
|
'color.blanket': 'var(--ds-blanket)';
|
|
500
|
+
'color.blanket.selected': 'var(--ds-blanket-selected)';
|
|
501
|
+
'color.blanket.danger': 'var(--ds-blanket-danger)';
|
|
418
502
|
'color.interaction.hovered': 'var(--ds-interaction-hovered)';
|
|
419
503
|
'color.interaction.pressed': 'var(--ds-interaction-pressed)';
|
|
420
504
|
'color.interaction.inverse.hovered': 'var(--ds-interaction-inverse-hovered)';
|
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
/**
|
|
2
2
|
* Internally types used for handling token ids
|
|
3
3
|
*/
|
|
4
|
-
export declare type InternalTokenIds = 'color.text.accent.blue' | 'color.text.accent.red' | 'color.text.accent.orange' | 'color.text.accent.yellow' | 'color.text.accent.green' | 'color.text.accent.purple' | 'color.text.accent.teal' | 'color.text.accent.magenta' | 'color.text.[default]' | 'color.text.subtle' | 'color.text.subtlest' | 'color.text.disabled' | 'color.text.inverse' | 'color.text.brand' | 'color.text.selected' | 'color.text.danger' | 'color.text.warning.[default]' | 'color.text.warning.inverse' | 'color.text.success' | 'color.text.discovery' | 'color.text.information' | 'color.icon.accent.blue' | 'color.icon.accent.red' | 'color.icon.accent.orange' | 'color.icon.accent.yellow' | 'color.icon.accent.green' | 'color.icon.accent.purple' | 'color.icon.accent.teal' | 'color.icon.accent.magenta' | 'color.icon.[default]' | 'color.icon.subtle' | 'color.icon.inverse' | 'color.icon.disabled' | 'color.icon.brand' | 'color.icon.selected' | 'color.icon.danger' | 'color.icon.warning.[default]' | 'color.icon.warning.inverse' | 'color.icon.success' | 'color.icon.discovery' | 'color.icon.information' | 'color.border.accent.blue' | 'color.border.accent.red' | 'color.border.accent.orange' | 'color.border.accent.yellow' | 'color.border.accent.green' | 'color.border.accent.purple' | 'color.border.accent.teal' | 'color.border.accent.magenta' | 'color.border.[default]' | 'color.border.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.
|
|
4
|
+
export declare type InternalTokenIds = 'color.text.accent.blue.[default]' | 'color.text.accent.blue.bolder' | 'color.text.accent.red.[default]' | 'color.text.accent.red.bolder' | 'color.text.accent.orange.[default]' | 'color.text.accent.orange.bolder' | 'color.text.accent.yellow.[default]' | 'color.text.accent.yellow.bolder' | 'color.text.accent.green.[default]' | 'color.text.accent.green.bolder' | 'color.text.accent.purple.[default]' | 'color.text.accent.purple.bolder' | 'color.text.accent.teal.[default]' | 'color.text.accent.teal.bolder' | 'color.text.accent.magenta.[default]' | 'color.text.accent.magenta.bolder' | 'color.text.[default]' | 'color.text.subtle' | 'color.text.subtlest' | 'color.text.disabled' | 'color.text.inverse' | 'color.text.brand' | 'color.text.selected' | 'color.text.danger' | 'color.text.warning.[default]' | 'color.text.warning.inverse' | 'color.text.success' | 'color.text.discovery' | 'color.text.information' | 'color.icon.accent.blue' | 'color.icon.accent.red' | 'color.icon.accent.orange' | 'color.icon.accent.yellow' | 'color.icon.accent.green' | 'color.icon.accent.purple' | 'color.icon.accent.teal' | 'color.icon.accent.magenta' | 'color.icon.[default]' | 'color.icon.subtle' | 'color.icon.inverse' | 'color.icon.disabled' | 'color.icon.brand' | 'color.icon.selected' | 'color.icon.danger' | 'color.icon.warning.[default]' | 'color.icon.warning.inverse' | 'color.icon.success' | 'color.icon.discovery' | 'color.icon.information' | 'color.border.accent.blue' | 'color.border.accent.red' | 'color.border.accent.orange' | 'color.border.accent.yellow' | 'color.border.accent.green' | 'color.border.accent.purple' | 'color.border.accent.teal' | 'color.border.accent.magenta' | 'color.border.[default]' | 'color.border.focused' | 'color.border.input' | 'color.border.disabled' | 'color.border.brand' | 'color.border.selected' | 'color.border.danger' | 'color.border.warning' | 'color.border.success' | 'color.border.discovery' | 'color.border.information' | 'color.background.accent.blue.subtlest' | 'color.background.accent.blue.subtler' | 'color.background.accent.blue.subtle' | 'color.background.accent.blue.bolder' | 'color.background.accent.red.subtlest' | 'color.background.accent.red.subtler' | 'color.background.accent.red.subtle' | 'color.background.accent.red.bolder' | 'color.background.accent.orange.subtlest' | 'color.background.accent.orange.subtler' | 'color.background.accent.orange.subtle' | 'color.background.accent.orange.bolder' | 'color.background.accent.yellow.subtlest' | 'color.background.accent.yellow.subtler' | 'color.background.accent.yellow.subtle' | 'color.background.accent.yellow.bolder' | 'color.background.accent.green.subtlest' | 'color.background.accent.green.subtler' | 'color.background.accent.green.subtle' | 'color.background.accent.green.bolder' | 'color.background.accent.teal.subtlest' | 'color.background.accent.teal.subtler' | 'color.background.accent.teal.subtle' | 'color.background.accent.teal.bolder' | 'color.background.accent.purple.subtlest' | 'color.background.accent.purple.subtler' | 'color.background.accent.purple.subtle' | 'color.background.accent.purple.bolder' | 'color.background.accent.magenta.subtlest' | 'color.background.accent.magenta.subtler' | 'color.background.accent.magenta.subtle' | 'color.background.accent.magenta.bolder' | 'color.background.disabled' | 'color.background.inverse' | '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.link.[default]' | 'color.link.pressed' | 'elevation.shadow.raised' | 'elevation.shadow.overlay' | 'elevation.surface.[default]' | 'elevation.surface.sunken' | 'elevation.surface.raised' | 'elevation.surface.overlay' | 'utility.UNSAFE_util.transparent' | 'utility.UNSAFE_util.MISSING_TOKEN';
|
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
/**
|
|
2
2
|
* Type representing the currently active tokens
|
|
3
3
|
*/
|
|
4
|
-
export declare type ActiveTokens = 'color.text.accent.blue' | 'color.text.accent.red' | 'color.text.accent.orange' | 'color.text.accent.yellow' | 'color.text.accent.green' | 'color.text.accent.purple' | 'color.text.accent.teal' | 'color.text.accent.magenta' | 'color.text' | 'color.text.subtle' | 'color.text.subtlest' | 'color.text.disabled' | 'color.text.inverse' | 'color.text.brand' | 'color.text.selected' | 'color.text.danger' | 'color.text.warning' | 'color.text.warning.inverse' | 'color.text.success' | 'color.text.discovery' | 'color.text.information' | 'color.icon.accent.blue' | 'color.icon.accent.red' | 'color.icon.accent.orange' | 'color.icon.accent.yellow' | 'color.icon.accent.green' | 'color.icon.accent.purple' | 'color.icon.accent.teal' | 'color.icon.accent.magenta' | 'color.icon' | 'color.icon.subtle' | 'color.icon.inverse' | 'color.icon.disabled' | 'color.icon.brand' | 'color.icon.selected' | 'color.icon.danger' | 'color.icon.warning' | 'color.icon.warning.inverse' | 'color.icon.success' | 'color.icon.discovery' | 'color.icon.information' | 'color.border.accent.blue' | 'color.border.accent.red' | 'color.border.accent.orange' | 'color.border.accent.yellow' | 'color.border.accent.green' | 'color.border.accent.purple' | 'color.border.accent.teal' | 'color.border.accent.magenta' | 'color.border' | 'color.border.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' | 'color.background.accent.blue.
|
|
4
|
+
export declare type ActiveTokens = 'color.text.accent.blue' | 'color.text.accent.blue.bolder' | 'color.text.accent.red' | 'color.text.accent.red.bolder' | 'color.text.accent.orange' | 'color.text.accent.orange.bolder' | 'color.text.accent.yellow' | 'color.text.accent.yellow.bolder' | 'color.text.accent.green' | 'color.text.accent.green.bolder' | 'color.text.accent.purple' | 'color.text.accent.purple.bolder' | 'color.text.accent.teal' | 'color.text.accent.teal.bolder' | 'color.text.accent.magenta' | 'color.text.accent.magenta.bolder' | 'color.text' | 'color.text.subtle' | 'color.text.subtlest' | 'color.text.disabled' | 'color.text.inverse' | 'color.text.brand' | 'color.text.selected' | 'color.text.danger' | 'color.text.warning' | 'color.text.warning.inverse' | 'color.text.success' | 'color.text.discovery' | 'color.text.information' | 'color.icon.accent.blue' | 'color.icon.accent.red' | 'color.icon.accent.orange' | 'color.icon.accent.yellow' | 'color.icon.accent.green' | 'color.icon.accent.purple' | 'color.icon.accent.teal' | 'color.icon.accent.magenta' | 'color.icon' | 'color.icon.subtle' | 'color.icon.inverse' | 'color.icon.disabled' | 'color.icon.brand' | 'color.icon.selected' | 'color.icon.danger' | 'color.icon.warning' | 'color.icon.warning.inverse' | 'color.icon.success' | 'color.icon.discovery' | 'color.icon.information' | 'color.border.accent.blue' | 'color.border.accent.red' | 'color.border.accent.orange' | 'color.border.accent.yellow' | 'color.border.accent.green' | 'color.border.accent.purple' | 'color.border.accent.teal' | 'color.border.accent.magenta' | 'color.border' | 'color.border.focused' | 'color.border.input' | 'color.border.disabled' | 'color.border.brand' | 'color.border.selected' | 'color.border.danger' | 'color.border.warning' | 'color.border.success' | 'color.border.discovery' | 'color.border.information' | 'color.background.accent.blue.subtlest' | 'color.background.accent.blue.subtler' | 'color.background.accent.blue.subtle' | 'color.background.accent.blue.bolder' | 'color.background.accent.red.subtlest' | 'color.background.accent.red.subtler' | 'color.background.accent.red.subtle' | 'color.background.accent.red.bolder' | 'color.background.accent.orange.subtlest' | 'color.background.accent.orange.subtler' | 'color.background.accent.orange.subtle' | 'color.background.accent.orange.bolder' | 'color.background.accent.yellow.subtlest' | 'color.background.accent.yellow.subtler' | 'color.background.accent.yellow.subtle' | 'color.background.accent.yellow.bolder' | 'color.background.accent.green.subtlest' | 'color.background.accent.green.subtler' | 'color.background.accent.green.subtle' | 'color.background.accent.green.bolder' | 'color.background.accent.teal.subtlest' | 'color.background.accent.teal.subtler' | 'color.background.accent.teal.subtle' | 'color.background.accent.teal.bolder' | 'color.background.accent.purple.subtlest' | 'color.background.accent.purple.subtler' | 'color.background.accent.purple.subtle' | 'color.background.accent.purple.bolder' | 'color.background.accent.magenta.subtlest' | 'color.background.accent.magenta.subtler' | 'color.background.accent.magenta.subtle' | 'color.background.accent.magenta.bolder' | 'color.background.disabled' | 'color.background.inverse' | '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.link' | 'color.link.pressed' | 'elevation.shadow.raised' | 'elevation.shadow.overlay' | 'elevation.surface' | 'elevation.surface.sunken' | 'elevation.surface.raised' | 'elevation.surface.overlay' | 'utility.UNSAFE_util.transparent' | 'utility.UNSAFE_util.MISSING_TOKEN';
|
|
@@ -1,9 +1,17 @@
|
|
|
1
1
|
import type { PaintToken, ShadowToken } from '../types';
|
|
2
2
|
import type { FigmaEffect, FigmaPaint } from './types';
|
|
3
3
|
declare function createPaint(hex: string): FigmaPaint;
|
|
4
|
+
declare function createEffects(value: ShadowToken<string>['value']): FigmaEffect[];
|
|
5
|
+
/**
|
|
6
|
+
* Formats a token description for use in Figma,
|
|
7
|
+
* including deprecated warnings
|
|
8
|
+
*
|
|
9
|
+
* @param token
|
|
10
|
+
*/
|
|
11
|
+
declare function formatDescription(token: PaintToken<string> | ShadowToken<string>): string;
|
|
4
12
|
export declare type CreateEffects = typeof createEffects;
|
|
5
13
|
export declare type CreatePaint = typeof createPaint;
|
|
6
|
-
declare
|
|
14
|
+
export declare type FormatDescription = typeof formatDescription;
|
|
7
15
|
/**
|
|
8
16
|
* Adds tokens under a specified theme as paint styles to Figma.
|
|
9
17
|
*
|