@fluentui/tokens 0.0.0-nightly-20230222-0421.1 → 0.0.0-nightly-20230223-2115.1
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/.swcrc +33 -0
- package/CHANGELOG.json +3 -3
- package/CHANGELOG.md +4 -4
- package/lib/alias/darkColor.js +2 -4
- package/lib/alias/darkColor.js.map +1 -1
- package/lib/alias/darkColorPalette.js +1 -2
- package/lib/alias/darkColorPalette.js.map +1 -1
- package/lib/alias/highContrastColor.js +2 -4
- package/lib/alias/highContrastColor.js.map +1 -1
- package/lib/alias/highContrastColorPalette.js.map +1 -1
- package/lib/alias/lightColor.js +2 -4
- package/lib/alias/lightColor.js.map +1 -1
- package/lib/alias/lightColorPalette.js.map +1 -1
- package/lib/alias/teamsDarkColor.js +2 -4
- package/lib/alias/teamsDarkColor.js.map +1 -1
- package/lib/global/borderRadius.js.map +1 -1
- package/lib/global/brandColors.js.map +1 -1
- package/lib/global/colorPalette.js.map +1 -1
- package/lib/global/colors.js +1 -3
- package/lib/global/colors.js.map +1 -1
- package/lib/global/curves.js.map +1 -1
- package/lib/global/durations.js.map +1 -1
- package/lib/global/fonts.js.map +1 -1
- package/lib/global/index.js.map +1 -1
- package/lib/global/spacings.js.map +1 -1
- package/lib/global/strokeWidths.js.map +1 -1
- package/lib/global/typographyStyles.js.map +1 -1
- package/lib/index.js.map +1 -1
- package/lib/sharedColorNames.js +1 -2
- package/lib/sharedColorNames.js.map +1 -1
- package/lib/themeToTokensObject.js +1 -2
- package/lib/themeToTokensObject.js.map +1 -1
- package/lib/themes/index.js.map +1 -1
- package/lib/themes/teams/darkTheme.js.map +1 -1
- package/lib/themes/teams/highContrastTheme.js.map +1 -1
- package/lib/themes/teams/index.js.map +1 -1
- package/lib/themes/teams/lightTheme.js.map +1 -1
- package/lib/themes/web/darkTheme.js.map +1 -1
- package/lib/themes/web/index.js.map +1 -1
- package/lib/themes/web/lightTheme.js.map +1 -1
- package/lib/tokens.js.map +1 -1
- package/lib/types.js.map +1 -1
- package/lib/utils/createDarkTheme.js.map +1 -1
- package/lib/utils/createHighContrastTheme.js.map +1 -1
- package/lib/utils/createLightTheme.js.map +1 -1
- package/lib/utils/createTeamsDarkTheme.js.map +1 -1
- package/lib/utils/index.js.map +1 -1
- package/lib/utils/shadows.js +2 -1
- package/lib/utils/shadows.js.map +1 -1
- package/lib-commonjs/alias/darkColor.js +155 -156
- package/lib-commonjs/alias/darkColor.js.map +1 -1
- package/lib-commonjs/alias/darkColorPalette.js +46 -44
- package/lib-commonjs/alias/darkColorPalette.js.map +1 -1
- package/lib-commonjs/alias/highContrastColor.js +155 -156
- package/lib-commonjs/alias/highContrastColor.js.map +1 -1
- package/lib-commonjs/alias/highContrastColorPalette.js +37 -34
- package/lib-commonjs/alias/highContrastColorPalette.js.map +1 -1
- package/lib-commonjs/alias/lightColor.js +155 -156
- package/lib-commonjs/alias/lightColor.js.map +1 -1
- package/lib-commonjs/alias/lightColorPalette.js +38 -35
- package/lib-commonjs/alias/lightColorPalette.js.map +1 -1
- package/lib-commonjs/alias/teamsDarkColor.js +155 -156
- package/lib-commonjs/alias/teamsDarkColor.js.map +1 -1
- package/lib-commonjs/global/borderRadius.js +14 -11
- package/lib-commonjs/global/borderRadius.js.map +1 -1
- package/lib-commonjs/global/brandColors.js +65 -55
- package/lib-commonjs/global/brandColors.js.map +1 -1
- package/lib-commonjs/global/colorPalette.js +51 -42
- package/lib-commonjs/global/colorPalette.js.map +1 -1
- package/lib-commonjs/global/colors.js +859 -792
- package/lib-commonjs/global/colors.js.map +1 -1
- package/lib-commonjs/global/curves.js +17 -14
- package/lib-commonjs/global/curves.js.map +1 -1
- package/lib-commonjs/global/durations.js +15 -12
- package/lib-commonjs/global/durations.js.map +1 -1
- package/lib-commonjs/global/fonts.js +48 -39
- package/lib-commonjs/global/fonts.js.map +1 -1
- package/lib-commonjs/global/index.js +12 -12
- package/lib-commonjs/global/index.js.map +1 -1
- package/lib-commonjs/global/spacings.js +49 -40
- package/lib-commonjs/global/spacings.js.map +1 -1
- package/lib-commonjs/global/strokeWidths.js +12 -9
- package/lib-commonjs/global/strokeWidths.js.map +1 -1
- package/lib-commonjs/global/typographyStyles.js +111 -111
- package/lib-commonjs/global/typographyStyles.js.map +1 -1
- package/lib-commonjs/index.js +29 -81
- package/lib-commonjs/index.js.map +1 -1
- package/lib-commonjs/sharedColorNames.js +69 -10
- package/lib-commonjs/sharedColorNames.js.map +1 -1
- package/lib-commonjs/themeToTokensObject.js +16 -15
- package/lib-commonjs/themeToTokensObject.js.map +1 -1
- package/lib-commonjs/themes/index.js +6 -5
- package/lib-commonjs/themes/index.js.map +1 -1
- package/lib-commonjs/themes/teams/darkTheme.js +9 -6
- package/lib-commonjs/themes/teams/darkTheme.js.map +1 -1
- package/lib-commonjs/themes/teams/highContrastTheme.js +8 -5
- package/lib-commonjs/themes/teams/highContrastTheme.js.map +1 -1
- package/lib-commonjs/themes/teams/index.js +7 -6
- package/lib-commonjs/themes/teams/index.js.map +1 -1
- package/lib-commonjs/themes/teams/lightTheme.js +9 -6
- package/lib-commonjs/themes/teams/lightTheme.js.map +1 -1
- package/lib-commonjs/themes/web/darkTheme.js +9 -6
- package/lib-commonjs/themes/web/darkTheme.js.map +1 -1
- package/lib-commonjs/themes/web/index.js +6 -5
- package/lib-commonjs/themes/web/index.js.map +1 -1
- package/lib-commonjs/themes/web/lightTheme.js +9 -6
- package/lib-commonjs/themes/web/lightTheme.js.map +1 -1
- package/lib-commonjs/tokens.js +440 -437
- package/lib-commonjs/tokens.js.map +1 -1
- package/lib-commonjs/types.js +3 -2
- package/lib-commonjs/types.js.map +1 -1
- package/lib-commonjs/utils/createDarkTheme.js +32 -30
- package/lib-commonjs/utils/createDarkTheme.js.map +1 -1
- package/lib-commonjs/utils/createHighContrastTheme.js +32 -30
- package/lib-commonjs/utils/createHighContrastTheme.js.map +1 -1
- package/lib-commonjs/utils/createLightTheme.js +32 -30
- package/lib-commonjs/utils/createLightTheme.js.map +1 -1
- package/lib-commonjs/utils/createTeamsDarkTheme.js +32 -30
- package/lib-commonjs/utils/createTeamsDarkTheme.js.map +1 -1
- package/lib-commonjs/utils/index.js +8 -7
- package/lib-commonjs/utils/index.js.map +1 -1
- package/lib-commonjs/utils/shadows.js +17 -14
- package/lib-commonjs/utils/shadows.js.map +1 -1
- package/package.json +4 -3
package/lib-commonjs/tokens.js
CHANGED
|
@@ -1,441 +1,444 @@
|
|
|
1
1
|
"use strict";
|
|
2
|
-
|
|
3
2
|
Object.defineProperty(exports, "__esModule", {
|
|
4
|
-
|
|
3
|
+
value: true
|
|
4
|
+
});
|
|
5
|
+
Object.defineProperty(exports, "tokens", {
|
|
6
|
+
enumerable: true,
|
|
7
|
+
get: ()=>tokens
|
|
5
8
|
});
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
|
|
67
|
-
|
|
68
|
-
|
|
69
|
-
|
|
70
|
-
|
|
71
|
-
|
|
72
|
-
|
|
73
|
-
|
|
74
|
-
|
|
75
|
-
|
|
76
|
-
|
|
77
|
-
|
|
78
|
-
|
|
79
|
-
|
|
80
|
-
|
|
81
|
-
|
|
82
|
-
|
|
83
|
-
|
|
84
|
-
|
|
85
|
-
|
|
86
|
-
|
|
87
|
-
|
|
88
|
-
|
|
89
|
-
|
|
90
|
-
|
|
91
|
-
|
|
92
|
-
|
|
93
|
-
|
|
94
|
-
|
|
95
|
-
|
|
96
|
-
|
|
97
|
-
|
|
98
|
-
|
|
99
|
-
|
|
100
|
-
|
|
101
|
-
|
|
102
|
-
|
|
103
|
-
|
|
104
|
-
|
|
105
|
-
|
|
106
|
-
|
|
107
|
-
|
|
108
|
-
|
|
109
|
-
|
|
110
|
-
|
|
111
|
-
|
|
112
|
-
|
|
113
|
-
|
|
114
|
-
|
|
115
|
-
|
|
116
|
-
|
|
117
|
-
|
|
118
|
-
|
|
119
|
-
|
|
120
|
-
|
|
121
|
-
|
|
122
|
-
|
|
123
|
-
|
|
124
|
-
|
|
125
|
-
|
|
126
|
-
|
|
127
|
-
|
|
128
|
-
|
|
129
|
-
|
|
130
|
-
|
|
131
|
-
|
|
132
|
-
|
|
133
|
-
|
|
134
|
-
|
|
135
|
-
|
|
136
|
-
|
|
137
|
-
|
|
138
|
-
|
|
139
|
-
|
|
140
|
-
|
|
141
|
-
|
|
142
|
-
|
|
143
|
-
|
|
144
|
-
|
|
145
|
-
|
|
146
|
-
|
|
147
|
-
|
|
148
|
-
|
|
149
|
-
|
|
150
|
-
|
|
151
|
-
|
|
152
|
-
|
|
153
|
-
|
|
154
|
-
|
|
155
|
-
|
|
156
|
-
|
|
157
|
-
|
|
158
|
-
|
|
159
|
-
|
|
160
|
-
|
|
161
|
-
|
|
162
|
-
|
|
163
|
-
|
|
164
|
-
|
|
165
|
-
|
|
166
|
-
|
|
167
|
-
|
|
168
|
-
|
|
169
|
-
|
|
170
|
-
|
|
171
|
-
|
|
172
|
-
|
|
173
|
-
|
|
174
|
-
|
|
175
|
-
|
|
176
|
-
|
|
177
|
-
|
|
178
|
-
|
|
179
|
-
|
|
180
|
-
|
|
181
|
-
|
|
182
|
-
|
|
183
|
-
|
|
184
|
-
|
|
185
|
-
|
|
186
|
-
|
|
187
|
-
|
|
188
|
-
|
|
189
|
-
|
|
190
|
-
|
|
191
|
-
|
|
192
|
-
|
|
193
|
-
|
|
194
|
-
|
|
195
|
-
|
|
196
|
-
|
|
197
|
-
|
|
198
|
-
|
|
199
|
-
|
|
200
|
-
|
|
201
|
-
|
|
202
|
-
|
|
203
|
-
|
|
204
|
-
|
|
205
|
-
|
|
206
|
-
|
|
207
|
-
|
|
208
|
-
|
|
209
|
-
|
|
210
|
-
|
|
211
|
-
|
|
212
|
-
|
|
213
|
-
|
|
214
|
-
|
|
215
|
-
|
|
216
|
-
|
|
217
|
-
|
|
218
|
-
|
|
219
|
-
|
|
220
|
-
|
|
221
|
-
|
|
222
|
-
|
|
223
|
-
|
|
224
|
-
|
|
225
|
-
|
|
226
|
-
|
|
227
|
-
|
|
228
|
-
|
|
229
|
-
|
|
230
|
-
|
|
231
|
-
|
|
232
|
-
|
|
233
|
-
|
|
234
|
-
|
|
235
|
-
|
|
236
|
-
|
|
237
|
-
|
|
238
|
-
|
|
239
|
-
|
|
240
|
-
|
|
241
|
-
|
|
242
|
-
|
|
243
|
-
|
|
244
|
-
|
|
245
|
-
|
|
246
|
-
|
|
247
|
-
|
|
248
|
-
|
|
249
|
-
|
|
250
|
-
|
|
251
|
-
|
|
252
|
-
|
|
253
|
-
|
|
254
|
-
|
|
255
|
-
|
|
256
|
-
|
|
257
|
-
|
|
258
|
-
|
|
259
|
-
|
|
260
|
-
|
|
261
|
-
|
|
262
|
-
|
|
263
|
-
|
|
264
|
-
|
|
265
|
-
|
|
266
|
-
|
|
267
|
-
|
|
268
|
-
|
|
269
|
-
|
|
270
|
-
|
|
271
|
-
|
|
272
|
-
|
|
273
|
-
|
|
274
|
-
|
|
275
|
-
|
|
276
|
-
|
|
277
|
-
|
|
278
|
-
|
|
279
|
-
|
|
280
|
-
|
|
281
|
-
|
|
282
|
-
|
|
283
|
-
|
|
284
|
-
|
|
285
|
-
|
|
286
|
-
|
|
287
|
-
|
|
288
|
-
|
|
289
|
-
|
|
290
|
-
|
|
291
|
-
|
|
292
|
-
|
|
293
|
-
|
|
294
|
-
|
|
295
|
-
|
|
296
|
-
|
|
297
|
-
|
|
298
|
-
|
|
299
|
-
|
|
300
|
-
|
|
301
|
-
|
|
302
|
-
|
|
303
|
-
|
|
304
|
-
|
|
305
|
-
|
|
306
|
-
|
|
307
|
-
|
|
308
|
-
|
|
309
|
-
|
|
310
|
-
|
|
311
|
-
|
|
312
|
-
|
|
313
|
-
|
|
314
|
-
|
|
315
|
-
|
|
316
|
-
|
|
317
|
-
|
|
318
|
-
|
|
319
|
-
|
|
320
|
-
|
|
321
|
-
|
|
322
|
-
|
|
323
|
-
|
|
324
|
-
|
|
325
|
-
|
|
326
|
-
|
|
327
|
-
|
|
328
|
-
|
|
329
|
-
|
|
330
|
-
|
|
331
|
-
|
|
332
|
-
|
|
333
|
-
|
|
334
|
-
|
|
335
|
-
|
|
336
|
-
|
|
337
|
-
|
|
338
|
-
|
|
339
|
-
|
|
340
|
-
|
|
341
|
-
|
|
342
|
-
|
|
343
|
-
|
|
344
|
-
|
|
345
|
-
|
|
346
|
-
|
|
347
|
-
|
|
348
|
-
|
|
349
|
-
|
|
350
|
-
|
|
351
|
-
|
|
352
|
-
|
|
353
|
-
|
|
354
|
-
|
|
355
|
-
|
|
356
|
-
|
|
357
|
-
|
|
358
|
-
|
|
359
|
-
|
|
360
|
-
|
|
361
|
-
|
|
362
|
-
|
|
363
|
-
|
|
364
|
-
|
|
365
|
-
|
|
366
|
-
|
|
367
|
-
|
|
368
|
-
|
|
369
|
-
|
|
370
|
-
|
|
371
|
-
|
|
372
|
-
|
|
373
|
-
|
|
374
|
-
|
|
375
|
-
|
|
376
|
-
|
|
377
|
-
|
|
378
|
-
|
|
379
|
-
|
|
380
|
-
|
|
381
|
-
|
|
382
|
-
|
|
383
|
-
|
|
384
|
-
|
|
385
|
-
|
|
386
|
-
|
|
387
|
-
|
|
388
|
-
|
|
389
|
-
|
|
390
|
-
|
|
391
|
-
|
|
392
|
-
|
|
393
|
-
|
|
394
|
-
|
|
395
|
-
|
|
396
|
-
|
|
397
|
-
|
|
398
|
-
|
|
399
|
-
|
|
400
|
-
|
|
401
|
-
|
|
402
|
-
|
|
403
|
-
|
|
404
|
-
|
|
405
|
-
|
|
406
|
-
|
|
407
|
-
|
|
408
|
-
|
|
409
|
-
|
|
410
|
-
|
|
411
|
-
|
|
412
|
-
|
|
413
|
-
|
|
414
|
-
|
|
415
|
-
|
|
416
|
-
|
|
417
|
-
|
|
418
|
-
|
|
419
|
-
|
|
420
|
-
|
|
421
|
-
|
|
422
|
-
|
|
423
|
-
|
|
424
|
-
|
|
425
|
-
|
|
426
|
-
|
|
427
|
-
|
|
428
|
-
|
|
429
|
-
|
|
430
|
-
|
|
431
|
-
|
|
432
|
-
|
|
433
|
-
|
|
434
|
-
|
|
435
|
-
|
|
436
|
-
|
|
437
|
-
|
|
438
|
-
|
|
439
|
-
|
|
440
|
-
|
|
9
|
+
const tokens = {
|
|
10
|
+
// Color tokens
|
|
11
|
+
colorNeutralForeground1: 'var(--colorNeutralForeground1)',
|
|
12
|
+
colorNeutralForeground1Hover: 'var(--colorNeutralForeground1Hover)',
|
|
13
|
+
colorNeutralForeground1Pressed: 'var(--colorNeutralForeground1Pressed)',
|
|
14
|
+
colorNeutralForeground1Selected: 'var(--colorNeutralForeground1Selected)',
|
|
15
|
+
colorNeutralForeground2: 'var(--colorNeutralForeground2)',
|
|
16
|
+
colorNeutralForeground2Hover: 'var(--colorNeutralForeground2Hover)',
|
|
17
|
+
colorNeutralForeground2Pressed: 'var(--colorNeutralForeground2Pressed)',
|
|
18
|
+
colorNeutralForeground2Selected: 'var(--colorNeutralForeground2Selected)',
|
|
19
|
+
colorNeutralForeground2BrandHover: 'var(--colorNeutralForeground2BrandHover)',
|
|
20
|
+
colorNeutralForeground2BrandPressed: 'var(--colorNeutralForeground2BrandPressed)',
|
|
21
|
+
colorNeutralForeground2BrandSelected: 'var(--colorNeutralForeground2BrandSelected)',
|
|
22
|
+
colorNeutralForeground3: 'var(--colorNeutralForeground3)',
|
|
23
|
+
colorNeutralForeground3Hover: 'var(--colorNeutralForeground3Hover)',
|
|
24
|
+
colorNeutralForeground3Pressed: 'var(--colorNeutralForeground3Pressed)',
|
|
25
|
+
colorNeutralForeground3Selected: 'var(--colorNeutralForeground3Selected)',
|
|
26
|
+
colorNeutralForeground3BrandHover: 'var(--colorNeutralForeground3BrandHover)',
|
|
27
|
+
colorNeutralForeground3BrandPressed: 'var(--colorNeutralForeground3BrandPressed)',
|
|
28
|
+
colorNeutralForeground3BrandSelected: 'var(--colorNeutralForeground3BrandSelected)',
|
|
29
|
+
colorNeutralForeground4: 'var(--colorNeutralForeground4)',
|
|
30
|
+
colorNeutralForegroundDisabled: 'var(--colorNeutralForegroundDisabled)',
|
|
31
|
+
colorBrandForegroundLink: 'var(--colorBrandForegroundLink)',
|
|
32
|
+
colorBrandForegroundLinkHover: 'var(--colorBrandForegroundLinkHover)',
|
|
33
|
+
colorBrandForegroundLinkPressed: 'var(--colorBrandForegroundLinkPressed)',
|
|
34
|
+
colorBrandForegroundLinkSelected: 'var(--colorBrandForegroundLinkSelected)',
|
|
35
|
+
colorNeutralForeground2Link: 'var(--colorNeutralForeground2Link)',
|
|
36
|
+
colorNeutralForeground2LinkHover: 'var(--colorNeutralForeground2LinkHover)',
|
|
37
|
+
colorNeutralForeground2LinkPressed: 'var(--colorNeutralForeground2LinkPressed)',
|
|
38
|
+
colorNeutralForeground2LinkSelected: 'var(--colorNeutralForeground2LinkSelected)',
|
|
39
|
+
colorCompoundBrandForeground1: 'var(--colorCompoundBrandForeground1)',
|
|
40
|
+
colorCompoundBrandForeground1Hover: 'var(--colorCompoundBrandForeground1Hover)',
|
|
41
|
+
colorCompoundBrandForeground1Pressed: 'var(--colorCompoundBrandForeground1Pressed)',
|
|
42
|
+
colorNeutralForegroundOnBrand: 'var(--colorNeutralForegroundOnBrand)',
|
|
43
|
+
colorNeutralForegroundInverted: 'var(--colorNeutralForegroundInverted)',
|
|
44
|
+
colorNeutralForegroundInvertedHover: 'var(--colorNeutralForegroundInvertedHover)',
|
|
45
|
+
colorNeutralForegroundInvertedPressed: 'var(--colorNeutralForegroundInvertedPressed)',
|
|
46
|
+
colorNeutralForegroundInvertedSelected: 'var(--colorNeutralForegroundInvertedSelected)',
|
|
47
|
+
colorNeutralForegroundInverted2: 'var(--colorNeutralForegroundInverted2)',
|
|
48
|
+
colorNeutralForegroundStaticInverted: 'var(--colorNeutralForegroundStaticInverted)',
|
|
49
|
+
colorNeutralForegroundInvertedLink: 'var(--colorNeutralForegroundInvertedLink)',
|
|
50
|
+
colorNeutralForegroundInvertedLinkHover: 'var(--colorNeutralForegroundInvertedLinkHover)',
|
|
51
|
+
colorNeutralForegroundInvertedLinkPressed: 'var(--colorNeutralForegroundInvertedLinkPressed)',
|
|
52
|
+
colorNeutralForegroundInvertedLinkSelected: 'var(--colorNeutralForegroundInvertedLinkSelected)',
|
|
53
|
+
colorNeutralForegroundInvertedDisabled: 'var(--colorNeutralForegroundInvertedDisabled)',
|
|
54
|
+
colorBrandForeground1: 'var(--colorBrandForeground1)',
|
|
55
|
+
colorBrandForeground2: 'var(--colorBrandForeground2)',
|
|
56
|
+
colorNeutralForeground1Static: 'var(--colorNeutralForeground1Static)',
|
|
57
|
+
colorBrandForegroundInverted: 'var(--colorBrandForegroundInverted)',
|
|
58
|
+
colorBrandForegroundInvertedHover: 'var(--colorBrandForegroundInvertedHover)',
|
|
59
|
+
colorBrandForegroundInvertedPressed: 'var(--colorBrandForegroundInvertedPressed)',
|
|
60
|
+
colorBrandForegroundOnLight: 'var(--colorBrandForegroundOnLight)',
|
|
61
|
+
colorBrandForegroundOnLightHover: 'var(--colorBrandForegroundOnLightHover)',
|
|
62
|
+
colorBrandForegroundOnLightPressed: 'var(--colorBrandForegroundOnLightPressed)',
|
|
63
|
+
colorBrandForegroundOnLightSelected: 'var(--colorBrandForegroundOnLightSelected)',
|
|
64
|
+
colorNeutralBackground1: 'var(--colorNeutralBackground1)',
|
|
65
|
+
colorNeutralBackground1Hover: 'var(--colorNeutralBackground1Hover)',
|
|
66
|
+
colorNeutralBackground1Pressed: 'var(--colorNeutralBackground1Pressed)',
|
|
67
|
+
colorNeutralBackground1Selected: 'var(--colorNeutralBackground1Selected)',
|
|
68
|
+
colorNeutralBackground2: 'var(--colorNeutralBackground2)',
|
|
69
|
+
colorNeutralBackground2Hover: 'var(--colorNeutralBackground2Hover)',
|
|
70
|
+
colorNeutralBackground2Pressed: 'var(--colorNeutralBackground2Pressed)',
|
|
71
|
+
colorNeutralBackground2Selected: 'var(--colorNeutralBackground2Selected)',
|
|
72
|
+
colorNeutralBackground3: 'var(--colorNeutralBackground3)',
|
|
73
|
+
colorNeutralBackground3Hover: 'var(--colorNeutralBackground3Hover)',
|
|
74
|
+
colorNeutralBackground3Pressed: 'var(--colorNeutralBackground3Pressed)',
|
|
75
|
+
colorNeutralBackground3Selected: 'var(--colorNeutralBackground3Selected)',
|
|
76
|
+
colorNeutralBackground4: 'var(--colorNeutralBackground4)',
|
|
77
|
+
colorNeutralBackground4Hover: 'var(--colorNeutralBackground4Hover)',
|
|
78
|
+
colorNeutralBackground4Pressed: 'var(--colorNeutralBackground4Pressed)',
|
|
79
|
+
colorNeutralBackground4Selected: 'var(--colorNeutralBackground4Selected)',
|
|
80
|
+
colorNeutralBackground5: 'var(--colorNeutralBackground5)',
|
|
81
|
+
colorNeutralBackground5Hover: 'var(--colorNeutralBackground5Hover)',
|
|
82
|
+
colorNeutralBackground5Pressed: 'var(--colorNeutralBackground5Pressed)',
|
|
83
|
+
colorNeutralBackground5Selected: 'var(--colorNeutralBackground5Selected)',
|
|
84
|
+
colorNeutralBackground6: 'var(--colorNeutralBackground6)',
|
|
85
|
+
colorNeutralBackgroundStatic: 'var(--colorNeutralBackgroundStatic)',
|
|
86
|
+
colorNeutralBackgroundInverted: 'var(--colorNeutralBackgroundInverted)',
|
|
87
|
+
colorSubtleBackground: 'var(--colorSubtleBackground)',
|
|
88
|
+
colorSubtleBackgroundHover: 'var(--colorSubtleBackgroundHover)',
|
|
89
|
+
colorSubtleBackgroundPressed: 'var(--colorSubtleBackgroundPressed)',
|
|
90
|
+
colorSubtleBackgroundSelected: 'var(--colorSubtleBackgroundSelected)',
|
|
91
|
+
colorSubtleBackgroundLightAlphaHover: 'var(--colorSubtleBackgroundLightAlphaHover)',
|
|
92
|
+
colorSubtleBackgroundLightAlphaPressed: 'var(--colorSubtleBackgroundLightAlphaPressed)',
|
|
93
|
+
colorSubtleBackgroundLightAlphaSelected: 'var(--colorSubtleBackgroundLightAlphaSelected)',
|
|
94
|
+
colorSubtleBackgroundInverted: 'var(--colorSubtleBackgroundInverted)',
|
|
95
|
+
colorSubtleBackgroundInvertedHover: 'var(--colorSubtleBackgroundInvertedHover)',
|
|
96
|
+
colorSubtleBackgroundInvertedPressed: 'var(--colorSubtleBackgroundInvertedPressed)',
|
|
97
|
+
colorSubtleBackgroundInvertedSelected: 'var(--colorSubtleBackgroundInvertedSelected)',
|
|
98
|
+
colorTransparentBackground: 'var(--colorTransparentBackground)',
|
|
99
|
+
colorTransparentBackgroundHover: 'var(--colorTransparentBackgroundHover)',
|
|
100
|
+
colorTransparentBackgroundPressed: 'var(--colorTransparentBackgroundPressed)',
|
|
101
|
+
colorTransparentBackgroundSelected: 'var(--colorTransparentBackgroundSelected)',
|
|
102
|
+
colorNeutralBackgroundDisabled: 'var(--colorNeutralBackgroundDisabled)',
|
|
103
|
+
colorNeutralBackgroundInvertedDisabled: 'var(--colorNeutralBackgroundInvertedDisabled)',
|
|
104
|
+
colorNeutralStencil1: 'var(--colorNeutralStencil1)',
|
|
105
|
+
colorNeutralStencil2: 'var(--colorNeutralStencil2)',
|
|
106
|
+
colorNeutralStencil1Alpha: 'var(--colorNeutralStencil1Alpha)',
|
|
107
|
+
colorNeutralStencil2Alpha: 'var(--colorNeutralStencil2Alpha)',
|
|
108
|
+
colorBackgroundOverlay: 'var(--colorBackgroundOverlay)',
|
|
109
|
+
colorScrollbarOverlay: 'var(--colorScrollbarOverlay)',
|
|
110
|
+
colorBrandBackground: 'var(--colorBrandBackground)',
|
|
111
|
+
colorBrandBackgroundHover: 'var(--colorBrandBackgroundHover)',
|
|
112
|
+
colorBrandBackgroundPressed: 'var(--colorBrandBackgroundPressed)',
|
|
113
|
+
colorBrandBackgroundSelected: 'var(--colorBrandBackgroundSelected)',
|
|
114
|
+
colorCompoundBrandBackground: 'var(--colorCompoundBrandBackground)',
|
|
115
|
+
colorCompoundBrandBackgroundHover: 'var(--colorCompoundBrandBackgroundHover)',
|
|
116
|
+
colorCompoundBrandBackgroundPressed: 'var(--colorCompoundBrandBackgroundPressed)',
|
|
117
|
+
colorBrandBackgroundStatic: 'var(--colorBrandBackgroundStatic)',
|
|
118
|
+
colorBrandBackground2: 'var(--colorBrandBackground2)',
|
|
119
|
+
colorBrandBackgroundInverted: 'var(--colorBrandBackgroundInverted)',
|
|
120
|
+
colorBrandBackgroundInvertedHover: 'var(--colorBrandBackgroundInvertedHover)',
|
|
121
|
+
colorBrandBackgroundInvertedPressed: 'var(--colorBrandBackgroundInvertedPressed)',
|
|
122
|
+
colorBrandBackgroundInvertedSelected: 'var(--colorBrandBackgroundInvertedSelected)',
|
|
123
|
+
colorNeutralStrokeAccessible: 'var(--colorNeutralStrokeAccessible)',
|
|
124
|
+
colorNeutralStrokeAccessibleHover: 'var(--colorNeutralStrokeAccessibleHover)',
|
|
125
|
+
colorNeutralStrokeAccessiblePressed: 'var(--colorNeutralStrokeAccessiblePressed)',
|
|
126
|
+
colorNeutralStrokeAccessibleSelected: 'var(--colorNeutralStrokeAccessibleSelected)',
|
|
127
|
+
colorNeutralStroke1: 'var(--colorNeutralStroke1)',
|
|
128
|
+
colorNeutralStroke1Hover: 'var(--colorNeutralStroke1Hover)',
|
|
129
|
+
colorNeutralStroke1Pressed: 'var(--colorNeutralStroke1Pressed)',
|
|
130
|
+
colorNeutralStroke1Selected: 'var(--colorNeutralStroke1Selected)',
|
|
131
|
+
colorNeutralStroke2: 'var(--colorNeutralStroke2)',
|
|
132
|
+
colorNeutralStroke3: 'var(--colorNeutralStroke3)',
|
|
133
|
+
colorNeutralStrokeOnBrand: 'var(--colorNeutralStrokeOnBrand)',
|
|
134
|
+
colorNeutralStrokeOnBrand2: 'var(--colorNeutralStrokeOnBrand2)',
|
|
135
|
+
colorNeutralStrokeOnBrand2Hover: 'var(--colorNeutralStrokeOnBrand2Hover)',
|
|
136
|
+
colorNeutralStrokeOnBrand2Pressed: 'var(--colorNeutralStrokeOnBrand2Pressed)',
|
|
137
|
+
colorNeutralStrokeOnBrand2Selected: 'var(--colorNeutralStrokeOnBrand2Selected)',
|
|
138
|
+
colorBrandStroke1: 'var(--colorBrandStroke1)',
|
|
139
|
+
colorBrandStroke2: 'var(--colorBrandStroke2)',
|
|
140
|
+
colorCompoundBrandStroke: 'var(--colorCompoundBrandStroke)',
|
|
141
|
+
colorCompoundBrandStrokeHover: 'var(--colorCompoundBrandStrokeHover)',
|
|
142
|
+
colorCompoundBrandStrokePressed: 'var(--colorCompoundBrandStrokePressed)',
|
|
143
|
+
colorNeutralStrokeDisabled: 'var(--colorNeutralStrokeDisabled)',
|
|
144
|
+
colorNeutralStrokeInvertedDisabled: 'var(--colorNeutralStrokeInvertedDisabled)',
|
|
145
|
+
colorTransparentStroke: 'var(--colorTransparentStroke)',
|
|
146
|
+
colorTransparentStrokeInteractive: 'var(--colorTransparentStrokeInteractive)',
|
|
147
|
+
colorTransparentStrokeDisabled: 'var(--colorTransparentStrokeDisabled)',
|
|
148
|
+
colorStrokeFocus1: 'var(--colorStrokeFocus1)',
|
|
149
|
+
colorStrokeFocus2: 'var(--colorStrokeFocus2)',
|
|
150
|
+
colorNeutralShadowAmbient: 'var(--colorNeutralShadowAmbient)',
|
|
151
|
+
colorNeutralShadowKey: 'var(--colorNeutralShadowKey)',
|
|
152
|
+
colorNeutralShadowAmbientLighter: 'var(--colorNeutralShadowAmbientLighter)',
|
|
153
|
+
colorNeutralShadowKeyLighter: 'var(--colorNeutralShadowKeyLighter)',
|
|
154
|
+
colorNeutralShadowAmbientDarker: 'var(--colorNeutralShadowAmbientDarker)',
|
|
155
|
+
colorNeutralShadowKeyDarker: 'var(--colorNeutralShadowKeyDarker)',
|
|
156
|
+
colorBrandShadowAmbient: 'var(--colorBrandShadowAmbient)',
|
|
157
|
+
colorBrandShadowKey: 'var(--colorBrandShadowKey)',
|
|
158
|
+
// Color palette tokens
|
|
159
|
+
// Color palette red tokens
|
|
160
|
+
colorPaletteRedBackground1: 'var(--colorPaletteRedBackground1)',
|
|
161
|
+
colorPaletteRedBackground2: 'var(--colorPaletteRedBackground2)',
|
|
162
|
+
colorPaletteRedBackground3: 'var(--colorPaletteRedBackground3)',
|
|
163
|
+
colorPaletteRedBorderActive: 'var(--colorPaletteRedBorderActive)',
|
|
164
|
+
colorPaletteRedBorder1: 'var(--colorPaletteRedBorder1)',
|
|
165
|
+
colorPaletteRedBorder2: 'var(--colorPaletteRedBorder2)',
|
|
166
|
+
colorPaletteRedForeground1: 'var(--colorPaletteRedForeground1)',
|
|
167
|
+
colorPaletteRedForeground2: 'var(--colorPaletteRedForeground2)',
|
|
168
|
+
colorPaletteRedForeground3: 'var(--colorPaletteRedForeground3)',
|
|
169
|
+
colorPaletteRedForegroundInverted: 'var(--colorPaletteRedForegroundInverted)',
|
|
170
|
+
// Color palette green tokens
|
|
171
|
+
colorPaletteGreenBackground1: 'var(--colorPaletteGreenBackground1)',
|
|
172
|
+
colorPaletteGreenBackground2: 'var(--colorPaletteGreenBackground2)',
|
|
173
|
+
colorPaletteGreenBackground3: 'var(--colorPaletteGreenBackground3)',
|
|
174
|
+
colorPaletteGreenBorderActive: 'var(--colorPaletteGreenBorderActive)',
|
|
175
|
+
colorPaletteGreenBorder1: 'var(--colorPaletteGreenBorder1)',
|
|
176
|
+
colorPaletteGreenBorder2: 'var(--colorPaletteGreenBorder2)',
|
|
177
|
+
colorPaletteGreenForeground1: 'var(--colorPaletteGreenForeground1)',
|
|
178
|
+
colorPaletteGreenForeground2: 'var(--colorPaletteGreenForeground2)',
|
|
179
|
+
colorPaletteGreenForeground3: 'var(--colorPaletteGreenForeground3)',
|
|
180
|
+
colorPaletteGreenForegroundInverted: 'var(--colorPaletteGreenForegroundInverted)',
|
|
181
|
+
// Color palette dark orange tokens
|
|
182
|
+
colorPaletteDarkOrangeBackground1: 'var(--colorPaletteDarkOrangeBackground1)',
|
|
183
|
+
colorPaletteDarkOrangeBackground2: 'var(--colorPaletteDarkOrangeBackground2)',
|
|
184
|
+
colorPaletteDarkOrangeBackground3: 'var(--colorPaletteDarkOrangeBackground3)',
|
|
185
|
+
colorPaletteDarkOrangeBorderActive: 'var(--colorPaletteDarkOrangeBorderActive)',
|
|
186
|
+
colorPaletteDarkOrangeBorder1: 'var(--colorPaletteDarkOrangeBorder1)',
|
|
187
|
+
colorPaletteDarkOrangeBorder2: 'var(--colorPaletteDarkOrangeBorder2)',
|
|
188
|
+
colorPaletteDarkOrangeForeground1: 'var(--colorPaletteDarkOrangeForeground1)',
|
|
189
|
+
colorPaletteDarkOrangeForeground2: 'var(--colorPaletteDarkOrangeForeground2)',
|
|
190
|
+
colorPaletteDarkOrangeForeground3: 'var(--colorPaletteDarkOrangeForeground3)',
|
|
191
|
+
// Color palette yellow tokens
|
|
192
|
+
colorPaletteYellowBackground1: 'var(--colorPaletteYellowBackground1)',
|
|
193
|
+
colorPaletteYellowBackground2: 'var(--colorPaletteYellowBackground2)',
|
|
194
|
+
colorPaletteYellowBackground3: 'var(--colorPaletteYellowBackground3)',
|
|
195
|
+
colorPaletteYellowBorderActive: 'var(--colorPaletteYellowBorderActive)',
|
|
196
|
+
colorPaletteYellowBorder1: 'var(--colorPaletteYellowBorder1)',
|
|
197
|
+
colorPaletteYellowBorder2: 'var(--colorPaletteYellowBorder2)',
|
|
198
|
+
colorPaletteYellowForeground1: 'var(--colorPaletteYellowForeground1)',
|
|
199
|
+
colorPaletteYellowForeground2: 'var(--colorPaletteYellowForeground2)',
|
|
200
|
+
colorPaletteYellowForeground3: 'var(--colorPaletteYellowForeground3)',
|
|
201
|
+
colorPaletteYellowForegroundInverted: 'var(--colorPaletteYellowForegroundInverted)',
|
|
202
|
+
// Color palette berry tokens
|
|
203
|
+
colorPaletteBerryBackground1: 'var(--colorPaletteBerryBackground1)',
|
|
204
|
+
colorPaletteBerryBackground2: 'var(--colorPaletteBerryBackground2)',
|
|
205
|
+
colorPaletteBerryBackground3: 'var(--colorPaletteBerryBackground3)',
|
|
206
|
+
colorPaletteBerryBorderActive: 'var(--colorPaletteBerryBorderActive)',
|
|
207
|
+
colorPaletteBerryBorder1: 'var(--colorPaletteBerryBorder1)',
|
|
208
|
+
colorPaletteBerryBorder2: 'var(--colorPaletteBerryBorder2)',
|
|
209
|
+
colorPaletteBerryForeground1: 'var(--colorPaletteBerryForeground1)',
|
|
210
|
+
colorPaletteBerryForeground2: 'var(--colorPaletteBerryForeground2)',
|
|
211
|
+
colorPaletteBerryForeground3: 'var(--colorPaletteBerryForeground3)',
|
|
212
|
+
// Color palette marigold tokens
|
|
213
|
+
colorPaletteMarigoldBackground1: 'var(--colorPaletteMarigoldBackground1)',
|
|
214
|
+
colorPaletteMarigoldBackground2: 'var(--colorPaletteMarigoldBackground2)',
|
|
215
|
+
colorPaletteMarigoldBackground3: 'var(--colorPaletteMarigoldBackground3)',
|
|
216
|
+
colorPaletteMarigoldBorderActive: 'var(--colorPaletteMarigoldBorderActive)',
|
|
217
|
+
colorPaletteMarigoldBorder1: 'var(--colorPaletteMarigoldBorder1)',
|
|
218
|
+
colorPaletteMarigoldBorder2: 'var(--colorPaletteMarigoldBorder2)',
|
|
219
|
+
colorPaletteMarigoldForeground1: 'var(--colorPaletteMarigoldForeground1)',
|
|
220
|
+
colorPaletteMarigoldForeground2: 'var(--colorPaletteMarigoldForeground2)',
|
|
221
|
+
colorPaletteMarigoldForeground3: 'var(--colorPaletteMarigoldForeground3)',
|
|
222
|
+
// Color palette light green tokens
|
|
223
|
+
colorPaletteLightGreenBackground1: 'var(--colorPaletteLightGreenBackground1)',
|
|
224
|
+
colorPaletteLightGreenBackground2: 'var(--colorPaletteLightGreenBackground2)',
|
|
225
|
+
colorPaletteLightGreenBackground3: 'var(--colorPaletteLightGreenBackground3)',
|
|
226
|
+
colorPaletteLightGreenBorderActive: 'var(--colorPaletteLightGreenBorderActive)',
|
|
227
|
+
colorPaletteLightGreenBorder1: 'var(--colorPaletteLightGreenBorder1)',
|
|
228
|
+
colorPaletteLightGreenBorder2: 'var(--colorPaletteLightGreenBorder2)',
|
|
229
|
+
colorPaletteLightGreenForeground1: 'var(--colorPaletteLightGreenForeground1)',
|
|
230
|
+
colorPaletteLightGreenForeground2: 'var(--colorPaletteLightGreenForeground2)',
|
|
231
|
+
colorPaletteLightGreenForeground3: 'var(--colorPaletteLightGreenForeground3)',
|
|
232
|
+
// Color palette anchor tokens
|
|
233
|
+
colorPaletteAnchorBackground2: 'var(--colorPaletteAnchorBackground2)',
|
|
234
|
+
colorPaletteAnchorBorderActive: 'var(--colorPaletteAnchorBorderActive)',
|
|
235
|
+
colorPaletteAnchorForeground2: 'var(--colorPaletteAnchorForeground2)',
|
|
236
|
+
// Color palette beige tokens
|
|
237
|
+
colorPaletteBeigeBackground2: 'var(--colorPaletteBeigeBackground2)',
|
|
238
|
+
colorPaletteBeigeBorderActive: 'var(--colorPaletteBeigeBorderActive)',
|
|
239
|
+
colorPaletteBeigeForeground2: 'var(--colorPaletteBeigeForeground2)',
|
|
240
|
+
// Color palette blue tokens
|
|
241
|
+
colorPaletteBlueBackground2: 'var(--colorPaletteBlueBackground2)',
|
|
242
|
+
colorPaletteBlueBorderActive: 'var(--colorPaletteBlueBorderActive)',
|
|
243
|
+
colorPaletteBlueForeground2: 'var(--colorPaletteBlueForeground2)',
|
|
244
|
+
// Color palette brass tokens
|
|
245
|
+
colorPaletteBrassBackground2: 'var(--colorPaletteBrassBackground2)',
|
|
246
|
+
colorPaletteBrassBorderActive: 'var(--colorPaletteBrassBorderActive)',
|
|
247
|
+
colorPaletteBrassForeground2: 'var(--colorPaletteBrassForeground2)',
|
|
248
|
+
// Color palette brown tokens
|
|
249
|
+
colorPaletteBrownBackground2: 'var(--colorPaletteBrownBackground2)',
|
|
250
|
+
colorPaletteBrownBorderActive: 'var(--colorPaletteBrownBorderActive)',
|
|
251
|
+
colorPaletteBrownForeground2: 'var(--colorPaletteBrownForeground2)',
|
|
252
|
+
// Color palette cornflower tokens
|
|
253
|
+
colorPaletteCornflowerBackground2: 'var(--colorPaletteCornflowerBackground2)',
|
|
254
|
+
colorPaletteCornflowerBorderActive: 'var(--colorPaletteCornflowerBorderActive)',
|
|
255
|
+
colorPaletteCornflowerForeground2: 'var(--colorPaletteCornflowerForeground2)',
|
|
256
|
+
// Color palette cranberry tokens
|
|
257
|
+
colorPaletteCranberryBackground2: 'var(--colorPaletteCranberryBackground2)',
|
|
258
|
+
colorPaletteCranberryBorderActive: 'var(--colorPaletteCranberryBorderActive)',
|
|
259
|
+
colorPaletteCranberryForeground2: 'var(--colorPaletteCranberryForeground2)',
|
|
260
|
+
// Color palette dark green tokens
|
|
261
|
+
colorPaletteDarkGreenBackground2: 'var(--colorPaletteDarkGreenBackground2)',
|
|
262
|
+
colorPaletteDarkGreenBorderActive: 'var(--colorPaletteDarkGreenBorderActive)',
|
|
263
|
+
colorPaletteDarkGreenForeground2: 'var(--colorPaletteDarkGreenForeground2)',
|
|
264
|
+
// Color palette dark red tokens
|
|
265
|
+
colorPaletteDarkRedBackground2: 'var(--colorPaletteDarkRedBackground2)',
|
|
266
|
+
colorPaletteDarkRedBorderActive: 'var(--colorPaletteDarkRedBorderActive)',
|
|
267
|
+
colorPaletteDarkRedForeground2: 'var(--colorPaletteDarkRedForeground2)',
|
|
268
|
+
// Color palette forest tokens
|
|
269
|
+
colorPaletteForestBackground2: 'var(--colorPaletteForestBackground2)',
|
|
270
|
+
colorPaletteForestBorderActive: 'var(--colorPaletteForestBorderActive)',
|
|
271
|
+
colorPaletteForestForeground2: 'var(--colorPaletteForestForeground2)',
|
|
272
|
+
// Color palette gold tokens
|
|
273
|
+
colorPaletteGoldBackground2: 'var(--colorPaletteGoldBackground2)',
|
|
274
|
+
colorPaletteGoldBorderActive: 'var(--colorPaletteGoldBorderActive)',
|
|
275
|
+
colorPaletteGoldForeground2: 'var(--colorPaletteGoldForeground2)',
|
|
276
|
+
// Color palette grape tokens
|
|
277
|
+
colorPaletteGrapeBackground2: 'var(--colorPaletteGrapeBackground2)',
|
|
278
|
+
colorPaletteGrapeBorderActive: 'var(--colorPaletteGrapeBorderActive)',
|
|
279
|
+
colorPaletteGrapeForeground2: 'var(--colorPaletteGrapeForeground2)',
|
|
280
|
+
// Color palette lavender tokens
|
|
281
|
+
colorPaletteLavenderBackground2: 'var(--colorPaletteLavenderBackground2)',
|
|
282
|
+
colorPaletteLavenderBorderActive: 'var(--colorPaletteLavenderBorderActive)',
|
|
283
|
+
colorPaletteLavenderForeground2: 'var(--colorPaletteLavenderForeground2)',
|
|
284
|
+
// Color palette light teal tokens
|
|
285
|
+
colorPaletteLightTealBackground2: 'var(--colorPaletteLightTealBackground2)',
|
|
286
|
+
colorPaletteLightTealBorderActive: 'var(--colorPaletteLightTealBorderActive)',
|
|
287
|
+
colorPaletteLightTealForeground2: 'var(--colorPaletteLightTealForeground2)',
|
|
288
|
+
// Color palette lilac tokens
|
|
289
|
+
colorPaletteLilacBackground2: 'var(--colorPaletteLilacBackground2)',
|
|
290
|
+
colorPaletteLilacBorderActive: 'var(--colorPaletteLilacBorderActive)',
|
|
291
|
+
colorPaletteLilacForeground2: 'var(--colorPaletteLilacForeground2)',
|
|
292
|
+
// Color palette magenta tokens
|
|
293
|
+
colorPaletteMagentaBackground2: 'var(--colorPaletteMagentaBackground2)',
|
|
294
|
+
colorPaletteMagentaBorderActive: 'var(--colorPaletteMagentaBorderActive)',
|
|
295
|
+
colorPaletteMagentaForeground2: 'var(--colorPaletteMagentaForeground2)',
|
|
296
|
+
// Color palette mink tokens
|
|
297
|
+
colorPaletteMinkBackground2: 'var(--colorPaletteMinkBackground2)',
|
|
298
|
+
colorPaletteMinkBorderActive: 'var(--colorPaletteMinkBorderActive)',
|
|
299
|
+
colorPaletteMinkForeground2: 'var(--colorPaletteMinkForeground2)',
|
|
300
|
+
// Color palette navy tokens
|
|
301
|
+
colorPaletteNavyBackground2: 'var(--colorPaletteNavyBackground2)',
|
|
302
|
+
colorPaletteNavyBorderActive: 'var(--colorPaletteNavyBorderActive)',
|
|
303
|
+
colorPaletteNavyForeground2: 'var(--colorPaletteNavyForeground2)',
|
|
304
|
+
// Color palette peach tokens
|
|
305
|
+
colorPalettePeachBackground2: 'var(--colorPalettePeachBackground2)',
|
|
306
|
+
colorPalettePeachBorderActive: 'var(--colorPalettePeachBorderActive)',
|
|
307
|
+
colorPalettePeachForeground2: 'var(--colorPalettePeachForeground2)',
|
|
308
|
+
// Color palette pink tokens
|
|
309
|
+
colorPalettePinkBackground2: 'var(--colorPalettePinkBackground2)',
|
|
310
|
+
colorPalettePinkBorderActive: 'var(--colorPalettePinkBorderActive)',
|
|
311
|
+
colorPalettePinkForeground2: 'var(--colorPalettePinkForeground2)',
|
|
312
|
+
// Color palette platinum tokens
|
|
313
|
+
colorPalettePlatinumBackground2: 'var(--colorPalettePlatinumBackground2)',
|
|
314
|
+
colorPalettePlatinumBorderActive: 'var(--colorPalettePlatinumBorderActive)',
|
|
315
|
+
colorPalettePlatinumForeground2: 'var(--colorPalettePlatinumForeground2)',
|
|
316
|
+
// Color palette plum tokens
|
|
317
|
+
colorPalettePlumBackground2: 'var(--colorPalettePlumBackground2)',
|
|
318
|
+
colorPalettePlumBorderActive: 'var(--colorPalettePlumBorderActive)',
|
|
319
|
+
colorPalettePlumForeground2: 'var(--colorPalettePlumForeground2)',
|
|
320
|
+
// Color palette pumpkin tokens
|
|
321
|
+
colorPalettePumpkinBackground2: 'var(--colorPalettePumpkinBackground2)',
|
|
322
|
+
colorPalettePumpkinBorderActive: 'var(--colorPalettePumpkinBorderActive)',
|
|
323
|
+
colorPalettePumpkinForeground2: 'var(--colorPalettePumpkinForeground2)',
|
|
324
|
+
// Color palette purple tokens
|
|
325
|
+
colorPalettePurpleBackground2: 'var(--colorPalettePurpleBackground2)',
|
|
326
|
+
colorPalettePurpleBorderActive: 'var(--colorPalettePurpleBorderActive)',
|
|
327
|
+
colorPalettePurpleForeground2: 'var(--colorPalettePurpleForeground2)',
|
|
328
|
+
// Color palette royal blue tokens
|
|
329
|
+
colorPaletteRoyalBlueBackground2: 'var(--colorPaletteRoyalBlueBackground2)',
|
|
330
|
+
colorPaletteRoyalBlueBorderActive: 'var(--colorPaletteRoyalBlueBorderActive)',
|
|
331
|
+
colorPaletteRoyalBlueForeground2: 'var(--colorPaletteRoyalBlueForeground2)',
|
|
332
|
+
// Color palette seafoam tokens
|
|
333
|
+
colorPaletteSeafoamBackground2: 'var(--colorPaletteSeafoamBackground2)',
|
|
334
|
+
colorPaletteSeafoamBorderActive: 'var(--colorPaletteSeafoamBorderActive)',
|
|
335
|
+
colorPaletteSeafoamForeground2: 'var(--colorPaletteSeafoamForeground2)',
|
|
336
|
+
// Color palette steel tokens
|
|
337
|
+
colorPaletteSteelBackground2: 'var(--colorPaletteSteelBackground2)',
|
|
338
|
+
colorPaletteSteelBorderActive: 'var(--colorPaletteSteelBorderActive)',
|
|
339
|
+
colorPaletteSteelForeground2: 'var(--colorPaletteSteelForeground2)',
|
|
340
|
+
// Color palette teal tokens
|
|
341
|
+
colorPaletteTealBackground2: 'var(--colorPaletteTealBackground2)',
|
|
342
|
+
colorPaletteTealBorderActive: 'var(--colorPaletteTealBorderActive)',
|
|
343
|
+
colorPaletteTealForeground2: 'var(--colorPaletteTealForeground2)',
|
|
344
|
+
// Border radius tokens
|
|
345
|
+
borderRadiusNone: 'var(--borderRadiusNone)',
|
|
346
|
+
borderRadiusSmall: 'var(--borderRadiusSmall)',
|
|
347
|
+
borderRadiusMedium: 'var(--borderRadiusMedium)',
|
|
348
|
+
borderRadiusLarge: 'var(--borderRadiusLarge)',
|
|
349
|
+
borderRadiusXLarge: 'var(--borderRadiusXLarge)',
|
|
350
|
+
borderRadiusCircular: 'var(--borderRadiusCircular)',
|
|
351
|
+
// Font family tokens
|
|
352
|
+
fontFamilyBase: 'var(--fontFamilyBase)',
|
|
353
|
+
fontFamilyMonospace: 'var(--fontFamilyMonospace)',
|
|
354
|
+
fontFamilyNumeric: 'var(--fontFamilyNumeric)',
|
|
355
|
+
// Font size tokens
|
|
356
|
+
fontSizeBase100: 'var(--fontSizeBase100)',
|
|
357
|
+
fontSizeBase200: 'var(--fontSizeBase200)',
|
|
358
|
+
fontSizeBase300: 'var(--fontSizeBase300)',
|
|
359
|
+
fontSizeBase400: 'var(--fontSizeBase400)',
|
|
360
|
+
fontSizeBase500: 'var(--fontSizeBase500)',
|
|
361
|
+
fontSizeBase600: 'var(--fontSizeBase600)',
|
|
362
|
+
fontSizeHero700: 'var(--fontSizeHero700)',
|
|
363
|
+
fontSizeHero800: 'var(--fontSizeHero800)',
|
|
364
|
+
fontSizeHero900: 'var(--fontSizeHero900)',
|
|
365
|
+
fontSizeHero1000: 'var(--fontSizeHero1000)',
|
|
366
|
+
// Font weight tokens
|
|
367
|
+
fontWeightRegular: 'var(--fontWeightRegular)',
|
|
368
|
+
fontWeightMedium: 'var(--fontWeightMedium)',
|
|
369
|
+
fontWeightSemibold: 'var(--fontWeightSemibold)',
|
|
370
|
+
fontWeightBold: 'var(--fontWeightBold)',
|
|
371
|
+
// Line height tokens
|
|
372
|
+
lineHeightBase100: 'var(--lineHeightBase100)',
|
|
373
|
+
lineHeightBase200: 'var(--lineHeightBase200)',
|
|
374
|
+
lineHeightBase300: 'var(--lineHeightBase300)',
|
|
375
|
+
lineHeightBase400: 'var(--lineHeightBase400)',
|
|
376
|
+
lineHeightBase500: 'var(--lineHeightBase500)',
|
|
377
|
+
lineHeightBase600: 'var(--lineHeightBase600)',
|
|
378
|
+
lineHeightHero700: 'var(--lineHeightHero700)',
|
|
379
|
+
lineHeightHero800: 'var(--lineHeightHero800)',
|
|
380
|
+
lineHeightHero900: 'var(--lineHeightHero900)',
|
|
381
|
+
lineHeightHero1000: 'var(--lineHeightHero1000)',
|
|
382
|
+
// Shadow tokens
|
|
383
|
+
shadow2: 'var(--shadow2)',
|
|
384
|
+
shadow4: 'var(--shadow4)',
|
|
385
|
+
shadow8: 'var(--shadow8)',
|
|
386
|
+
shadow16: 'var(--shadow16)',
|
|
387
|
+
shadow28: 'var(--shadow28)',
|
|
388
|
+
shadow64: 'var(--shadow64)',
|
|
389
|
+
// Shadow brand tokens
|
|
390
|
+
shadow2Brand: 'var(--shadow2Brand)',
|
|
391
|
+
shadow4Brand: 'var(--shadow4Brand)',
|
|
392
|
+
shadow8Brand: 'var(--shadow8Brand)',
|
|
393
|
+
shadow16Brand: 'var(--shadow16Brand)',
|
|
394
|
+
shadow28Brand: 'var(--shadow28Brand)',
|
|
395
|
+
shadow64Brand: 'var(--shadow64Brand)',
|
|
396
|
+
// Stroke width tokens
|
|
397
|
+
strokeWidthThin: 'var(--strokeWidthThin)',
|
|
398
|
+
strokeWidthThick: 'var(--strokeWidthThick)',
|
|
399
|
+
strokeWidthThicker: 'var(--strokeWidthThicker)',
|
|
400
|
+
strokeWidthThickest: 'var(--strokeWidthThickest)',
|
|
401
|
+
// Spacings
|
|
402
|
+
spacingHorizontalNone: 'var(--spacingHorizontalNone)',
|
|
403
|
+
spacingHorizontalXXS: 'var(--spacingHorizontalXXS)',
|
|
404
|
+
spacingHorizontalXS: 'var(--spacingHorizontalXS)',
|
|
405
|
+
spacingHorizontalSNudge: 'var(--spacingHorizontalSNudge)',
|
|
406
|
+
spacingHorizontalS: 'var(--spacingHorizontalS)',
|
|
407
|
+
spacingHorizontalMNudge: 'var(--spacingHorizontalMNudge)',
|
|
408
|
+
spacingHorizontalM: 'var(--spacingHorizontalM)',
|
|
409
|
+
spacingHorizontalL: 'var(--spacingHorizontalL)',
|
|
410
|
+
spacingHorizontalXL: 'var(--spacingHorizontalXL)',
|
|
411
|
+
spacingHorizontalXXL: 'var(--spacingHorizontalXXL)',
|
|
412
|
+
spacingHorizontalXXXL: 'var(--spacingHorizontalXXXL)',
|
|
413
|
+
spacingVerticalNone: 'var(--spacingVerticalNone)',
|
|
414
|
+
spacingVerticalXXS: 'var(--spacingVerticalXXS)',
|
|
415
|
+
spacingVerticalXS: 'var(--spacingVerticalXS)',
|
|
416
|
+
spacingVerticalSNudge: 'var(--spacingVerticalSNudge)',
|
|
417
|
+
spacingVerticalS: 'var(--spacingVerticalS)',
|
|
418
|
+
spacingVerticalMNudge: 'var(--spacingVerticalMNudge)',
|
|
419
|
+
spacingVerticalM: 'var(--spacingVerticalM)',
|
|
420
|
+
spacingVerticalL: 'var(--spacingVerticalL)',
|
|
421
|
+
spacingVerticalXL: 'var(--spacingVerticalXL)',
|
|
422
|
+
spacingVerticalXXL: 'var(--spacingVerticalXXL)',
|
|
423
|
+
spacingVerticalXXXL: 'var(--spacingVerticalXXXL)',
|
|
424
|
+
// Durations
|
|
425
|
+
durationUltraFast: 'var(--durationUltraFast)',
|
|
426
|
+
durationFaster: 'var(--durationFaster)',
|
|
427
|
+
durationFast: 'var(--durationFast)',
|
|
428
|
+
durationNormal: 'var(--durationNormal)',
|
|
429
|
+
durationSlow: 'var(--durationSlow)',
|
|
430
|
+
durationSlower: 'var(--durationSlower)',
|
|
431
|
+
durationUltraSlow: 'var(--durationUltraSlow)',
|
|
432
|
+
// Curves
|
|
433
|
+
curveAccelerateMax: 'var(--curveAccelerateMax)',
|
|
434
|
+
curveAccelerateMid: 'var(--curveAccelerateMid)',
|
|
435
|
+
curveAccelerateMin: 'var(--curveAccelerateMin)',
|
|
436
|
+
curveDecelerateMax: 'var(--curveDecelerateMax)',
|
|
437
|
+
curveDecelerateMid: 'var(--curveDecelerateMid)',
|
|
438
|
+
curveDecelerateMin: 'var(--curveDecelerateMin)',
|
|
439
|
+
curveEasyEaseMax: 'var(--curveEasyEaseMax)',
|
|
440
|
+
curveEasyEase: 'var(--curveEasyEase)',
|
|
441
|
+
curveLinear: 'var(--curveLinear)'
|
|
442
|
+
}; //# sourceMappingURL=tokens.js.map
|
|
443
|
+
|
|
441
444
|
//# sourceMappingURL=tokens.js.map
|