@skbkontur/colors 1.1.2-75bba.0 → 1.1.2-b2742.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (31) hide show
  1. package/dist/cjs/constants/default-swatch.d.ts +5 -3
  2. package/dist/cjs/constants/default-swatch.js +5 -3
  3. package/dist/cjs/constants/interaction-settings.d.ts +8 -0
  4. package/dist/cjs/constants/interaction-settings.js +11 -0
  5. package/dist/cjs/get-base-tokens.js +15 -37
  6. package/dist/cjs/get-colors.d.ts +17 -0
  7. package/dist/cjs/get-colors.js +16 -0
  8. package/dist/cjs/get-default-tokens.d.ts +600 -1271
  9. package/dist/cjs/get-default-tokens.js +601 -1272
  10. package/dist/cjs/helpers/get-interactions.d.ts +7 -0
  11. package/dist/cjs/helpers/get-interactions.js +40 -0
  12. package/dist/cjs/helpers/get-palette.d.ts +2 -0
  13. package/dist/cjs/types/base-tokens.d.ts +6 -5
  14. package/dist/esm/constants/default-swatch.d.ts +5 -3
  15. package/dist/esm/constants/default-swatch.js +5 -3
  16. package/dist/esm/constants/interaction-settings.d.ts +8 -0
  17. package/dist/esm/constants/interaction-settings.js +8 -0
  18. package/dist/esm/get-base-tokens.js +15 -37
  19. package/dist/esm/get-colors.d.ts +17 -0
  20. package/dist/esm/get-colors.js +12 -0
  21. package/dist/esm/get-default-tokens.d.ts +600 -1271
  22. package/dist/esm/get-default-tokens.js +601 -1272
  23. package/dist/esm/helpers/get-interactions.d.ts +7 -0
  24. package/dist/esm/helpers/get-interactions.js +35 -0
  25. package/dist/esm/helpers/get-palette.d.ts +2 -0
  26. package/dist/esm/types/base-tokens.d.ts +6 -5
  27. package/package.json +5 -4
  28. package/dist/cjs/get-tokens.d.ts +0 -15
  29. package/dist/cjs/get-tokens.js +0 -13
  30. package/dist/esm/get-tokens.d.ts +0 -15
  31. package/dist/esm/get-tokens.js +0 -9
package/dist/esm/get-default-tokens.js CHANGED
@@ -1,1280 +1,609 @@
1
1
  export var getDefaultTokens = function (base) {
2
- var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r, _s, _t, _u, _v, _w, _x, _y, _z, _0, _1, _2, _3, _4, _5, _6, _7, _8, _9, _10, _11, _12, _13, _14, _15, _16, _17, _18, _19, _20, _21, _22, _23, _24, _25;
2
+ var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r, _s, _t, _u, _v, _w, _x, _y, _z, _0, _1, _2, _3, _4, _5, _6, _7, _8, _9, _10, _11, _12, _13, _14, _15, _16, _17, _18, _19, _20, _21, _22, _23, _24, _25, _26, _27, _28, _29;
3
3
  return ({
4
4
  light: {
5
- text: {
6
- default: {
7
- neutral: {
8
- primary: base.blackAlpha[88],
9
- secondary: base.blackAlpha[56],
10
- },
11
- warning: {
12
- primary: base.warning.vivid[72],
13
- },
14
- error: {
15
- primary: base.error.vivid[64],
16
- },
17
- success: {
18
- primary: base.success.vivid[68],
19
- },
20
- accent: {
21
- primary: ((_a = base.accent.palette) === null || _a === void 0 ? void 0 : _a.vivid[68]) || base.blackAlpha[88],
22
- },
23
- logo: base.brand.palette.normal[60],
24
- },
25
- hover: {
26
- warning: {
27
- primary: base.warning.vivid[72],
28
- },
29
- error: {
30
- primary: base.error.vivid[60],
31
- },
32
- success: {
33
- primary: base.success.vivid[60],
34
- },
35
- accent: {
36
- primary: ((_b = base.accent.palette) === null || _b === void 0 ? void 0 : _b.normal[52]) || base.blackAlpha[88],
37
- },
38
- },
39
- pressed: {
40
- warning: {
41
- primary: base.warning.vivid[64],
42
- },
43
- error: {
44
- primary: base.error.vivid[52],
45
- },
46
- success: {
47
- primary: base.success.vivid[52],
48
- },
49
- accent: {
50
- primary: ((_c = base.accent.palette) === null || _c === void 0 ? void 0 : _c.normal[40]) || base.blackAlpha[88],
51
- },
52
- },
53
- disabled: base.blackAlpha[40],
54
- },
55
- textInverted: {
56
- default: {
57
- neutral: {
58
- primary: base.whiteAlpha[96],
59
- secondary: base.whiteAlpha[64],
60
- },
61
- warning: {
62
- primary: base.warning.vivid[80],
63
- },
64
- error: {
65
- primary: base.error.vivid[68],
66
- },
67
- success: {
68
- primary: base.success.vivid[72],
69
- },
70
- accent: {
71
- primary: ((_d = base.accent.palette) === null || _d === void 0 ? void 0 : _d.vivid[80]) || base.blackAlpha[88],
72
- },
73
- logo: base.brand.palette.normal[96],
74
- },
75
- hover: {
76
- warning: {
77
- primary: base.warning.vivid[84],
78
- },
79
- error: {
80
- primary: base.error.vivid[76],
81
- },
82
- success: {
83
- primary: base.success.vivid[76],
84
- },
85
- accent: {
86
- primary: ((_e = base.accent.palette) === null || _e === void 0 ? void 0 : _e.normal[84]) || base.blackAlpha[88],
87
- },
88
- },
89
- pressed: {
90
- warning: {
91
- primary: base.warning.vivid[88],
92
- },
93
- error: {
94
- primary: base.error.vivid[80],
95
- },
96
- success: {
97
- primary: base.success.vivid[80],
98
- },
99
- accent: {
100
- primary: ((_f = base.accent.palette) === null || _f === void 0 ? void 0 : _f.normal[88]) || base.blackAlpha[88],
101
- },
102
- },
103
- disabled: base.whiteAlpha[40],
104
- },
105
- textConst: {
106
- default: {
107
- neutral: {
108
- primary: {
109
- black: base.blackAlpha[88],
110
- white: base.whiteAlpha[96],
111
- },
112
- secondary: {
113
- black: base.blackAlpha[56],
114
- white: base.whiteAlpha[64],
115
- },
116
- },
117
- },
118
- disabled: {
119
- black: base.whiteAlpha[88],
120
- white: base.whiteAlpha[40],
121
- },
122
- },
123
- textOnAccent: {
124
- default: {
125
- primary: base.whiteAlpha[96],
126
- secondary: base.whiteAlpha[64],
127
- },
128
- disabled: base.whiteAlpha[40],
129
- },
130
- textOnBrand: {
131
- default: {
132
- primary: base.whiteAlpha[96],
133
- secondary: base.whiteAlpha[64],
134
- },
135
- disabled: base.whiteAlpha[40],
136
- },
137
- shape: {
138
- default: {
139
- neutral: {
140
- heavy: base.gray[36],
141
- bold: base.gray[8],
142
- soft: {
143
- alpha: base.blackAlpha[4],
144
- solid: base.gray[88],
145
- },
146
- pale: {
147
- alpha: base.blackAlpha[12],
148
- solid: base.gray[92],
149
- },
150
- faint: {
151
- alpha: base.blackAlpha[12],
152
- solid: base.gray[96],
153
- },
154
- },
155
- warning: {
156
- heavy: base.warning.normal[52],
157
- bold: base.warning.normal[60],
158
- soft: base.warning.normal[84],
159
- pale: base.warning.normal[92],
160
- faint: base.warning.normal[96],
161
- },
162
- error: {
163
- heavy: base.error.normal[52],
164
- bold: base.error.normal[60],
165
- soft: base.error.normal[84],
166
- pale: base.error.normal[92],
167
- faint: base.error.normal[96],
168
- },
169
- success: {
170
- heavy: base.success.normal[52],
171
- bold: base.success.normal[60],
172
- soft: base.success.normal[84],
173
- pale: base.success.normal[92],
174
- faint: base.success.normal[96],
175
- },
176
- accent: {
177
- heavy: ((_g = base.accent.palette) === null || _g === void 0 ? void 0 : _g.normal[52]) || base.blackAlpha[88],
178
- bold: ((_h = base.accent.palette) === null || _h === void 0 ? void 0 : _h.normal[60]) || base.blackAlpha[88],
179
- soft: ((_j = base.accent.palette) === null || _j === void 0 ? void 0 : _j.normal[84]) || base.blackAlpha[88],
180
- pale: ((_k = base.accent.palette) === null || _k === void 0 ? void 0 : _k.normal[92]) || base.blackAlpha[88],
181
- faint: ((_l = base.accent.palette) === null || _l === void 0 ? void 0 : _l.normal[96]) || base.blackAlpha[88],
182
- },
183
- brand: {
184
- promo: base.brandPromo.light,
185
- original: base.brand.palette.normal[60],
186
- soft: base.brand.palette.normal[84],
187
- pale: base.brand.palette.normal[92],
188
- faint: base.brand.palette.normal[96],
189
- },
190
- base: base.whiteAlpha[96],
191
- field: base.whiteAlpha[96],
192
- },
193
- hover: {
194
- neutral: {
195
- heavy: null,
196
- bold: base.gray[36],
197
- soft: {
198
- alpha: base.blackAlpha[24],
199
- solid: base.gray[80],
200
- },
201
- pale: {
202
- alpha: base.blackAlpha[12],
203
- solid: base.gray[88],
204
- },
205
- faint: {
206
- alpha: base.blackAlpha[8],
207
- solid: base.gray[92],
208
- },
209
- },
210
- warning: {
211
- bold: base.warning.normal[72],
212
- soft: base.warning.normal[88],
213
- pale: base.warning.normal[92],
214
- faint: base.warning.normal[96],
215
- },
216
- error: {
217
- bold: base.error.normal[72],
218
- soft: base.error.normal[88],
219
- pale: base.error.normal[92],
220
- faint: base.error.normal[96],
221
- },
222
- success: {
223
- bold: base.success.normal[72],
224
- soft: base.success.normal[88],
225
- pale: base.success.normal[92],
226
- faint: base.success.normal[96],
227
- },
228
- accent: {
229
- bold: ((_m = base.accent.palette) === null || _m === void 0 ? void 0 : _m.normal[72]) || base.blackAlpha[88],
230
- soft: ((_o = base.accent.palette) === null || _o === void 0 ? void 0 : _o.normal[88]) || base.blackAlpha[88],
231
- pale: ((_p = base.accent.palette) === null || _p === void 0 ? void 0 : _p.normal[92]) || base.blackAlpha[88],
232
- faint: ((_q = base.accent.palette) === null || _q === void 0 ? void 0 : _q.normal[96]) || base.blackAlpha[88],
233
- },
234
- brand: {
235
- original: base.brand.palette.normal[64],
236
- soft: base.brand.palette.normal[88],
237
- pale: base.brand.palette.normal[92],
238
- faint: base.brand.palette.normal[96],
239
- },
240
- base: base.whiteAlpha[80],
241
- backless: base.blackAlpha[8],
242
- },
243
- pressed: {
244
- neutral: {
245
- bold: base.gray[28],
246
- soft: {
247
- alpha: base.blackAlpha[40],
248
- solid: base.gray[60],
249
- },
250
- pale: {
251
- alpha: base.blackAlpha[24],
252
- solid: base.gray[76],
253
- },
254
- faint: {
255
- alpha: base.blackAlpha[16],
256
- solid: base.gray[88],
257
- },
258
- },
259
- warning: {
260
- bold: base.warning.normal[80],
261
- soft: base.warning.normal[92],
262
- pale: base.warning.normal[96],
263
- faint: base.warning.normal[96],
264
- },
265
- error: {
266
- bold: base.error.normal[80],
267
- soft: base.error.normal[92],
268
- pale: base.error.normal[96],
269
- faint: base.error.normal[96],
270
- },
271
- success: {
272
- bold: base.success.normal[80],
273
- soft: base.success.normal[92],
274
- pale: base.success.normal[96],
275
- faint: base.success.normal[96],
276
- },
277
- accent: {
278
- bold: ((_r = base.accent.palette) === null || _r === void 0 ? void 0 : _r.normal[80]) || base.blackAlpha[88],
279
- soft: ((_s = base.accent.palette) === null || _s === void 0 ? void 0 : _s.normal[92]) || base.blackAlpha[88],
280
- pale: ((_t = base.accent.palette) === null || _t === void 0 ? void 0 : _t.normal[96]) || base.blackAlpha[88],
281
- faint: ((_u = base.accent.palette) === null || _u === void 0 ? void 0 : _u.normal[96]) || base.blackAlpha[88],
282
- },
283
- brand: {
284
- original: base.brand.palette.normal[68],
285
- soft: base.brand.palette.normal[92],
286
- pale: base.brand.palette.normal[96],
287
- faint: base.brand.palette.normal[96],
288
- },
289
- base: base.whiteAlpha[64],
290
- backless: base.blackAlpha[12],
291
- },
292
- disabled: {
293
- neutral: base.gray[96],
294
- accent: base.gray[96],
295
- },
296
- },
297
- shapeInverted: {
298
- default: {
299
- neutral: {
300
- heavy: base.blackAlpha[88],
301
- soft: {
302
- alpha: base.whiteAlpha[4],
303
- },
304
- pale: {},
305
- },
306
- },
307
- hover: {
308
- neutral: {
309
- heavy: base.whiteAlpha[88],
310
- soft: {
311
- alpha: base.whiteAlpha[32],
312
- },
313
- pale: {
314
- alpha: base.whiteAlpha[12],
315
- },
316
- backless: base.whiteAlpha[8],
317
- },
318
- },
319
- pressed: {
320
- neutral: {
321
- heavy: base.whiteAlpha[80],
322
- soft: {
323
- alpha: base.whiteAlpha[56],
324
- },
325
- pale: {
326
- alpha: base.whiteAlpha[24],
327
- },
328
- backless: base.whiteAlpha[12],
329
- },
330
- },
331
- disabled: {
332
- neutral: base.blackAlpha[92],
333
- },
334
- },
335
- shapeConst: {
336
- default: {
337
- neutral: {
338
- heavy: {
339
- black: base.blackAlpha[88],
340
- white: base.whiteAlpha[96],
341
- },
342
- soft: {
343
- black: base.blackAlpha[48],
344
- white: base.whiteAlpha[56],
345
- },
346
- pale: {
347
- black: base.blackAlpha[24],
348
- white: base.whiteAlpha[24],
349
- },
350
- },
351
- },
352
- hover: {
353
- neutral: {
354
- heavy: {
355
- black: base.blackAlpha[88],
356
- white: base.gray[96],
357
- },
358
- soft: {
359
- black: base.blackAlpha[48],
360
- white: base.whiteAlpha[56],
361
- },
362
- pale: {
363
- black: base.blackAlpha[24],
364
- white: base.whiteAlpha[24],
365
- },
366
- backless: {
367
- black: base.blackAlpha[16],
368
- white: base.whiteAlpha[16],
369
- },
370
- },
371
- },
372
- pressed: {
373
- neutral: {
374
- heavy: {
375
- black: base.blackAlpha[88],
376
- white: base.gray[96],
377
- },
378
- soft: {
379
- black: base.blackAlpha[48],
380
- white: base.whiteAlpha[56],
381
- },
382
- pale: {
383
- black: base.blackAlpha[24],
384
- white: base.whiteAlpha[24],
385
- },
386
- backless: {
387
- black: base.blackAlpha[24],
388
- white: base.whiteAlpha[24],
389
- },
390
- },
391
- },
392
- },
393
- line: {
394
- default: {
395
- neutral: {
396
- pale: base.blackAlpha[24],
397
- faint: base.blackAlpha[16],
398
- },
399
- warning: {
400
- bold: base.warning.vivid[72],
401
- },
402
- error: {
403
- bold: base.error.vivid[64],
404
- },
405
- success: {
406
- bold: base.success.vivid[68],
407
- },
408
- accent: {
409
- bold: ((_v = base.accent.palette) === null || _v === void 0 ? void 0 : _v.vivid[68]) || base.blackAlpha[88],
410
- pale: ((_w = base.accent.palette) === null || _w === void 0 ? void 0 : _w.normal[84]) || base.blackAlpha[88],
411
- faint: ((_x = base.accent.palette) === null || _x === void 0 ? void 0 : _x.normal[92]) || base.blackAlpha[88],
412
- },
413
- brand: {
414
- original: base.brand.palette.normal[60],
415
- },
416
- },
417
- hover: {
418
- neutral: {
419
- pale: base.whiteAlpha[88],
420
- },
421
- warning: {
422
- bold: base.warning.vivid[72],
423
- },
424
- error: {
425
- bold: base.error.vivid[64],
426
- },
427
- success: {
428
- bold: base.success.vivid[68],
429
- },
430
- accent: {
431
- bold: base.gray[20],
432
- pale: base.whiteAlpha[88],
433
- faint: base.blackAlpha[16],
434
- },
435
- },
436
- pressed: {
437
- neutral: {
438
- pale: base.blackAlpha[40],
439
- },
440
- warning: {
441
- bold: base.warning.vivid[64],
442
- },
443
- error: {
444
- bold: base.error.vivid[52],
445
- },
446
- success: {
447
- bold: base.success.vivid[52],
448
- },
449
- accent: {
450
- bold: base.gray[20],
451
- pale: base.blackAlpha[40],
452
- faint: base.blackAlpha[24],
453
- },
454
- },
455
- },
456
- lineInverted: {
457
- default: {
458
- neutral: {
459
- pale: base.whiteAlpha[24],
460
- faint: base.whiteAlpha[16],
461
- },
462
- warning: {
463
- bold: base.warning.vivid[80],
464
- },
465
- error: {
466
- bold: base.error.vivid[68],
467
- },
468
- success: {
469
- bold: base.success.vivid[72],
470
- },
471
- accent: {
472
- bold: ((_y = base.accent.palette) === null || _y === void 0 ? void 0 : _y.vivid[80]) || base.blackAlpha[88],
473
- pale: ((_z = base.accent.palette) === null || _z === void 0 ? void 0 : _z.normal[92]) || base.blackAlpha[88],
474
- faint: ((_0 = base.accent.palette) === null || _0 === void 0 ? void 0 : _0.normal[96]) || base.blackAlpha[88],
475
- },
476
- brand: {
477
- original: base.brand.palette.normal[96],
478
- },
479
- },
480
- hover: {
481
- neutral: {
482
- pale: base.whiteAlpha[32],
483
- },
484
- warning: {
485
- bold: base.warning.vivid[84],
486
- },
487
- error: {
488
- bold: base.error.vivid[76],
489
- },
490
- success: {
491
- bold: base.success.vivid[76],
492
- },
493
- accent: {
494
- bold: base.gray[96],
495
- pale: base.whiteAlpha[32],
496
- faint: base.whiteAlpha[16],
497
- },
498
- },
499
- pressed: {
500
- neutral: {
501
- pale: base.whiteAlpha[40],
502
- },
503
- warning: {
504
- bold: base.warning.vivid[88],
505
- },
506
- error: {
507
- bold: base.error.vivid[80],
508
- },
509
- success: {
510
- bold: base.success.vivid[80],
511
- },
512
- accent: {
513
- bold: base.gray[96],
514
- pale: base.whiteAlpha[40],
515
- faint: base.whiteAlpha[24],
516
- },
517
- },
518
- },
519
- lineConst: {
520
- default: {
521
- neutral: {
522
- pale: {
523
- black: base.blackAlpha[24],
524
- white: base.whiteAlpha[24],
525
- },
526
- faint: {
527
- black: base.blackAlpha[16],
528
- white: base.whiteAlpha[16],
529
- },
530
- },
531
- },
532
- hover: {
533
- neutral: {
534
- pale: {
535
- black: base.whiteAlpha[88],
536
- white: base.whiteAlpha[32],
537
- },
538
- faint: {
539
- black: base.blackAlpha[24],
540
- white: base.whiteAlpha[24],
541
- },
542
- },
543
- },
544
- pressed: {
545
- neutral: {
546
- pale: {
547
- black: base.blackAlpha[40],
548
- white: base.whiteAlpha[40],
549
- },
550
- faint: {
551
- black: base.whiteAlpha[88],
552
- white: base.whiteAlpha[32],
553
- },
554
- },
555
- },
556
- },
557
- surface: {
558
- low: base.gray[96],
559
- base: base.gray[100],
560
- high: base.gray[100],
561
- modalBackdrop: base.blackAlpha[24],
562
- },
563
- art: {
564
- neutral: base.gray[96],
565
- invertedNeutral: base.blackAlpha[88],
566
- brand: base.brand.palette.normal[96],
567
- promo: base.brandPromo.light,
568
- onBrand: base.gray[96],
569
- },
570
- artConst: {
571
- promo: base.brandPromo.light,
572
- black: base.gray[16],
573
- white: base.gray[96],
574
- },
575
- customizable: {
576
- red: {
577
- heavy: base.customizable.red.vivid[52],
578
- bold: base.customizable.red.vivid[68],
579
- soft: base.customizable.red.vivid[80],
580
- pale: base.customizable.red.vivid[92],
581
- faint: base.customizable.red.vivid[96],
582
- },
583
- orange: {
584
- heavy: base.customizable.orange.vivid[48],
585
- bold: base.customizable.orange.vivid[68],
586
- soft: base.customizable.orange.vivid[80],
587
- pale: base.customizable.orange.vivid[92],
588
- faint: base.customizable.orange.vivid[96],
589
- },
590
- green: {
591
- heavy: base.customizable.green.vivid[48],
592
- bold: base.customizable.green.vivid[68],
593
- soft: base.customizable.green.normal[80],
594
- pale: base.customizable.green.vivid[92],
595
- faint: base.customizable.green.vivid[96],
596
- },
597
- mint: {
598
- heavy: base.customizable.mint.vivid[52],
599
- bold: base.customizable.mint.vivid[68],
600
- soft: base.customizable.mint.normal[84],
601
- pale: base.customizable.mint.vivid[92],
602
- faint: base.customizable.mint.vivid[96],
603
- },
604
- blue: {
605
- heavy: base.customizable.blue.vivid[48],
606
- bold: base.customizable.blue.vivid[68],
607
- soft: base.customizable.blue.vivid[80],
608
- pale: base.customizable.blue.vivid[92],
609
- faint: base.customizable.blue.vivid[96],
610
- },
611
- blueDeep: {
612
- heavy: base.customizable.blueDeep.vivid[48],
613
- bold: base.customizable.blueDeep.vivid[68],
614
- soft: base.customizable.blueDeep.vivid[80],
615
- pale: base.customizable.blueDeep.vivid[92],
616
- faint: base.customizable.blueDeep.vivid[96],
617
- },
618
- violet: {
619
- heavy: base.customizable.violet.vivid[48],
620
- bold: base.customizable.violet.vivid[68],
621
- soft: base.customizable.violet.vivid[80],
622
- pale: base.customizable.violet.vivid[92],
623
- faint: base.customizable.violet.vivid[96],
624
- },
625
- purple: {
626
- heavy: base.customizable.purple.vivid[48],
627
- bold: base.customizable.purple.vivid[68],
628
- soft: base.customizable.purple.vivid[80],
629
- pale: base.customizable.purple.vivid[92],
630
- faint: base.customizable.purple.vivid[96],
631
- },
632
- },
5
+ textAccentPrimary: ((_a = base.accent.palette) === null || _a === void 0 ? void 0 : _a.vivid[52]) || base.blackAlpha[88],
6
+ textAccentPrimaryHover: ((_b = base.accent.palette) === null || _b === void 0 ? void 0 : _b.vivid[60]) || base.blackAlpha[96],
7
+ textAccentPrimaryPressed: ((_c = base.accent.palette) === null || _c === void 0 ? void 0 : _c.dim[48]) || base.blackAlpha[96],
8
+ textDisabled: base.blackAlpha[32],
9
+ textErrorPrimary: base.customizable.red.vivid[52],
10
+ textErrorPrimaryHover: base.customizable.red.vivid[60],
11
+ textErrorPrimaryPressed: base.customizable.red.dim[48],
12
+ textInvertedAccentPrimary: ((_d = base.accent.palette) === null || _d === void 0 ? void 0 : _d.vivid[72]) || base.whiteAlpha[96],
13
+ textInvertedAccentPrimaryHover: ((_e = base.accent.palette) === null || _e === void 0 ? void 0 : _e.vivid[80]) || base.gray[100],
14
+ textInvertedAccentPrimaryPressed: ((_f = base.accent.palette) === null || _f === void 0 ? void 0 : _f.dim[64]) || base.gray[100],
15
+ textInvertedDisabled: base.whiteAlpha[40],
16
+ textInvertedErrorPrimary: base.customizable.red.vivid[68],
17
+ textInvertedErrorPrimaryHover: base.customizable.red.vivid[72],
18
+ textInvertedErrorPrimaryPressed: base.customizable.red.dim[64],
19
+ textInvertedNeutralPrimary: base.whiteAlpha[96],
20
+ textInvertedNeutralSecondary: base.whiteAlpha[64],
21
+ textInvertedSuccessPrimary: base.customizable.green.vivid[72],
22
+ textInvertedSuccessPrimaryHover: base.customizable.green.vivid[80],
23
+ textInvertedSuccessPrimaryPressed: base.customizable.green.dim[64],
24
+ textInvertedWarningPrimary: base.warning.vivid[80],
25
+ textInvertedWarningPrimaryHover: base.warning.vivid[84],
26
+ textInvertedWarningPrimaryPressed: base.warning.dim[72],
27
+ textLogo: base.brand.logo.light,
28
+ textNeutralPrimary: base.blackAlpha[88],
29
+ textNeutralSecondary: base.blackAlpha[56],
30
+ textOnaccentboldDisabled: base.onBrand[40] || base.whiteAlpha[40],
31
+ textOnaccentboldPrimary: base.onBrand[96] || base.whiteAlpha[96],
32
+ textOnaccentboldSecondary: base.onBrand[64] || base.whiteAlpha[64],
33
+ textOnbrandoriginalDisabled: base.onBrand[40],
34
+ textOnbrandoriginalPrimary: base.onBrand[96],
35
+ textOnbrandoriginalSecondary: base.onBrand[64],
36
+ textSuccessPrimary: base.customizable.green.vivid[52],
37
+ textSuccessPrimaryHover: base.customizable.green.vivid[60],
38
+ textSuccessPrimaryPressed: base.customizable.green.dim[48],
39
+ textWarningPrimary: base.warning.vivid[64],
40
+ textWarningPrimaryHover: base.warning.vivid[72],
41
+ textWarningPrimaryPressed: base.warning.dim[60],
42
+ textConstDisabledBlack: base.blackAlpha[32],
43
+ textConstDisabledWhite: base.whiteAlpha[40],
44
+ textConstPrimaryBlack: base.blackAlpha[88],
45
+ textConstPrimaryWhite: base.whiteAlpha[96],
46
+ textConstSecondaryBlack: base.blackAlpha[56],
47
+ textConstSecondaryWhite: base.whiteAlpha[64],
48
+ shapeBoldAccent: base.accent.original.light || base.accent.original.light,
49
+ shapeBoldAccentHover: base.accent.interactions.hover.light || base.accent.interactions.hover.light,
50
+ shapeBoldAccentPressed: base.accent.interactions.pressed.light || base.accent.interactions.pressed.light,
51
+ shapeBoldBrandOriginal: base.accent.original.light,
52
+ shapeBoldBrandOriginalHover: base.accent.interactions.hover.light,
53
+ shapeBoldBrandOriginalPressed: base.accent.interactions.pressed.light,
54
+ shapeBoldError: base.customizable.red.vivid[64],
55
+ shapeBoldErrorHover: base.customizable.red.vivid[60],
56
+ shapeBoldErrorPressed: base.customizable.red.normal[56],
57
+ shapeBoldNeutral: base.gray[44],
58
+ shapeBoldNeutralHover: base.gray[36],
59
+ shapeBoldNeutralPressed: base.blackAlpha[56],
60
+ shapeBoldSuccess: base.customizable.green.vivid[64],
61
+ shapeBoldSuccessHover: base.customizable.green.vivid[60],
62
+ shapeBoldSuccessPressed: base.customizable.green.normal[56],
63
+ shapeBoldWarning: base.warning.vivid[84],
64
+ shapeBoldWarningHover: base.warning.vivid[80],
65
+ shapeBoldWarningPressed: base.warning.normal[76],
66
+ shapeFaintAccent: ((_g = base.accent.palette) === null || _g === void 0 ? void 0 : _g.normal[96]) || base.blackAlpha[12],
67
+ shapeFaintAccentHover: ((_h = base.accent.palette) === null || _h === void 0 ? void 0 : _h.normal[92]) || base.blackAlpha[16],
68
+ shapeFaintAccentPressed: ((_j = base.accent.palette) === null || _j === void 0 ? void 0 : _j.dim[88]) || base.blackAlpha[24],
69
+ shapeFaintBrand: base.brand.palette.vivid[96],
70
+ shapeFaintBrandHover: base.brand.palette.normal[92],
71
+ shapeFaintBrandPressed: base.brand.palette.dim[92],
72
+ shapeFaintError: base.customizable.red.vivid[96],
73
+ shapeFaintErrorHover: base.customizable.red.normal[92],
74
+ shapeFaintErrorPressed: base.customizable.red.dim[92],
75
+ shapeFaintNeutralAlpha: base.blackAlpha[6],
76
+ shapeFaintNeutralAlphaHover: base.blackAlpha[8],
77
+ shapeFaintNeutralAlphaPressed: base.blackAlpha[12],
78
+ shapeFaintSuccess: base.customizable.green.normal[96],
79
+ shapeFaintSuccessHover: base.customizable.green.normal[92],
80
+ shapeFaintSuccessPressed: base.customizable.green.dim[92],
81
+ shapeFaintWarning: base.warning.vivid[96],
82
+ shapeFaintWarningHover: base.warning.normal[92],
83
+ shapeFaintWarningPressed: base.warning.dim[92],
84
+ shapeHeavyError: base.customizable.red.normal[36],
85
+ shapeHeavyNeutral: base.gray[28],
86
+ shapeHeavySuccess: base.customizable.green.normal[36],
87
+ shapeHeavyWarning: base.warning.vivid[36],
88
+ shapeOtherAccentBoldDisabled: base.blackAlpha[32],
89
+ shapeOtherBacklessHover: base.blackAlpha[8],
90
+ shapeOtherBacklessPressed: base.blackAlpha[12],
91
+ shapeOtherBase: base.gray[100],
92
+ shapeOtherBaseHover: base.whiteAlpha[80],
93
+ shapeOtherBasePressed: base.whiteAlpha[48],
94
+ shapeOtherDisabled: base.blackAlpha[6],
95
+ shapeOtherField: base.gray[100],
96
+ shapeOtherLow: base.blackAlpha[6],
97
+ shapeOtherLowHover: base.blackAlpha[8],
98
+ shapeOtherLowPressed: base.blackAlpha[12],
99
+ shapeOtherNeutralFaintSolid: base.gray[96],
100
+ shapeOtherNeutralFaintSolidHover: base.gray[92],
101
+ shapeOtherNeutralFaintSolidPressed: base.gray[88],
102
+ shapeOtherNeutralPaleSolid: base.gray[92],
103
+ shapeOtherNeutralPaleSolidHover: base.gray[88],
104
+ shapeOtherNeutralPaleSolidPressed: base.gray[84],
105
+ shapeOtherNeutralSoftSolid: base.gray[84],
106
+ shapeOtherNeutralSoftSolidHover: base.gray[80],
107
+ shapeOtherNeutralSoftSolidPressed: base.gray[76],
108
+ shapePaleAccent: ((_k = base.accent.palette) === null || _k === void 0 ? void 0 : _k.vivid[92]) || base.blackAlpha[16],
109
+ shapePaleAccentHover: ((_l = base.accent.palette) === null || _l === void 0 ? void 0 : _l.normal[88]) || base.blackAlpha[24],
110
+ shapePaleAccentPressed: ((_m = base.accent.palette) === null || _m === void 0 ? void 0 : _m.dim[84]) || base.blackAlpha[32],
111
+ shapePaleBrand: base.brand.palette.vivid[92],
112
+ shapePaleBrandHover: base.brand.palette.normal[88],
113
+ shapePaleBrandPressed: base.brand.palette.dim[88],
114
+ shapePaleError: base.customizable.red.vivid[92],
115
+ shapePaleErrorHover: base.customizable.red.normal[88],
116
+ shapePaleErrorPressed: base.customizable.red.dim[88],
117
+ shapePaleNeutralAlpha: base.blackAlpha[8],
118
+ shapePaleNeutralAlphaHover: base.blackAlpha[12],
119
+ shapePaleNeutralAlphaPressed: base.blackAlpha[16],
120
+ shapePaleSuccess: base.customizable.green.normal[92],
121
+ shapePaleSuccessHover: base.customizable.green.normal[88],
122
+ shapePaleSuccessPressed: base.customizable.green.dim[88],
123
+ shapePaleWarning: base.warning.vivid[92],
124
+ shapePaleWarningHover: base.warning.normal[88],
125
+ shapePaleWarningPressed: base.warning.dim[88],
126
+ shapeSoftAccent: ((_o = base.accent.palette) === null || _o === void 0 ? void 0 : _o.normal[80]) || base.blackAlpha[32],
127
+ shapeSoftAccentHover: ((_p = base.accent.palette) === null || _p === void 0 ? void 0 : _p.normal[76]) || base.blackAlpha[40],
128
+ shapeSoftAccentPressed: ((_q = base.accent.palette) === null || _q === void 0 ? void 0 : _q.dim[72]) || base.blackAlpha[48],
129
+ shapeSoftBrand: base.brand.palette.normal[80],
130
+ shapeSoftBrandHover: base.brand.palette.normal[76],
131
+ shapeSoftBrandPressed: base.brand.palette.dim[72],
132
+ shapeSoftError: base.customizable.red.normal[80],
133
+ shapeSoftErrorHover: base.customizable.red.normal[76],
134
+ shapeSoftErrorPressed: base.customizable.red.dim[72],
135
+ shapeSoftNeutralAlpha: base.blackAlpha[16],
136
+ shapeSoftNeutralAlphaHover: base.blackAlpha[24],
137
+ shapeSoftNeutralAlphaPressed: base.blackAlpha[32],
138
+ shapeSoftSuccess: base.customizable.green.normal[80],
139
+ shapeSoftSuccessHover: base.customizable.green.normal[76],
140
+ shapeSoftSuccessPressed: base.customizable.green.dim[72],
141
+ shapeSoftWarning: base.warning.vivid[88],
142
+ shapeSoftWarningHover: base.warning.normal[84],
143
+ shapeSoftWarningPressed: base.warning.dim[80],
144
+ shapeInvertedBacklessHover: base.whiteAlpha[8],
145
+ shapeInvertedBacklessPressed: base.whiteAlpha[4],
146
+ shapeInvertedDisabled: base.whiteAlpha[6],
147
+ shapeInvertedNeutralHeavy: base.gray[100],
148
+ shapeInvertedNeutralHeavyHover: base.whiteAlpha[88],
149
+ shapeInvertedNeutralHeavyPressed: base.whiteAlpha[72],
150
+ shapeInvertedNeutralPaleAlpha: base.whiteAlpha[12],
151
+ shapeInvertedNeutralPaleAlphaHover: base.whiteAlpha[12],
152
+ shapeInvertedNeutralPaleAlphaPressed: base.whiteAlpha[6],
153
+ shapeInvertedNeutralSoftAlpha: base.whiteAlpha[32],
154
+ shapeInvertedNeutralSoftAlphaHover: base.whiteAlpha[32],
155
+ shapeInvertedNeutralSoftAlphaPressed: base.whiteAlpha[16],
156
+ shapeConstBacklessBlackHover: base.blackAlpha[16],
157
+ shapeConstBacklessBlackPressed: base.blackAlpha[8],
158
+ shapeConstBacklessWhiteHover: base.whiteAlpha[16],
159
+ shapeConstBacklessWhitePressed: base.whiteAlpha[8],
160
+ shapeConstDisabledBlack: base.blackAlpha[6],
161
+ shapeConstDisabledWhite: base.whiteAlpha[6],
162
+ shapeConstHeavyBlack: base.blackAlpha[80],
163
+ shapeConstHeavyBlackHover: base.blackAlpha[88],
164
+ shapeConstHeavyBlackPressed: base.blackAlpha[64],
165
+ shapeConstHeavyWhite: base.whiteAlpha[96],
166
+ shapeConstHeavyWhiteHover: base.gray[100],
167
+ shapeConstHeavyWhitePressed: base.whiteAlpha[64],
168
+ shapeConstPaleBlack: base.blackAlpha[16],
169
+ shapeConstPaleBlackHover: base.blackAlpha[24],
170
+ shapeConstPaleBlackPressed: base.blackAlpha[12],
171
+ shapeConstPaleWhite: base.whiteAlpha[16],
172
+ shapeConstPaleWhiteHover: base.whiteAlpha[24],
173
+ shapeConstPaleWhitePressed: base.whiteAlpha[12],
174
+ shapeConstPromo: base.brand.promo,
175
+ shapeConstSoftBlack: base.blackAlpha[40],
176
+ shapeConstSoftBlackHover: base.blackAlpha[48],
177
+ shapeConstSoftBlackPressed: base.blackAlpha[24],
178
+ shapeConstSoftWhite: base.whiteAlpha[48],
179
+ shapeConstSoftWhiteHover: base.whiteAlpha[56],
180
+ shapeConstSoftWhitePressed: base.whiteAlpha[32],
181
+ lineAccentBold: base.accent.original.light || base.accent.original.light,
182
+ lineAccentBoldHover: base.accent.interactions.hover.light || base.accent.interactions.hover.light,
183
+ lineAccentBoldPressed: base.accent.interactions.pressed.light || base.accent.interactions.pressed.light,
184
+ lineAccentPale: ((_r = base.accent.palette) === null || _r === void 0 ? void 0 : _r.normal[88]) || base.blackAlpha[24],
185
+ lineAccentPaleHover: ((_s = base.accent.palette) === null || _s === void 0 ? void 0 : _s.normal[84]) || base.blackAlpha[32],
186
+ lineAccentPalePressed: ((_t = base.accent.palette) === null || _t === void 0 ? void 0 : _t.dim[80]) || base.blackAlpha[40],
187
+ lineAccentSoft: ((_u = base.accent.palette) === null || _u === void 0 ? void 0 : _u.dim[76]) || base.blackAlpha[48],
188
+ lineAccentSoftHover: ((_v = base.accent.palette) === null || _v === void 0 ? void 0 : _v.vivid[60]) || base.blackAlpha[96],
189
+ lineAccentSoftPressed: ((_w = base.accent.palette) === null || _w === void 0 ? void 0 : _w.dim[48]) || base.blackAlpha[96],
190
+ lineBrandOriginal: base.brand.original,
191
+ lineErrorBold: base.customizable.red.vivid[56],
192
+ lineErrorBoldHover: base.customizable.red.vivid[64],
193
+ lineErrorBoldPressed: base.customizable.red.dim[52],
194
+ lineNeutralFaint: base.blackAlpha[8],
195
+ lineNeutralPale: base.blackAlpha[16],
196
+ lineNeutralPaleHover: base.blackAlpha[24],
197
+ lineNeutralPalePressed: base.blackAlpha[40],
198
+ lineOnaccentboldFaint: base.onBrand[16] || base.whiteAlpha[12],
199
+ lineOnaccentboldPale: base.onBrand[24] || base.whiteAlpha[24],
200
+ lineOnbrandoriginalFaint: base.onBrand[16],
201
+ lineOnbrandoriginalPale: base.onBrand[24],
202
+ lineSuccessBold: base.customizable.green.vivid[56],
203
+ lineSuccessBoldHover: base.customizable.green.vivid[68],
204
+ lineSuccessBoldPressed: base.customizable.green.dim[56],
205
+ lineWarningBold: base.warning.vivid[80],
206
+ lineWarningBoldHover: base.warning.vivid[72],
207
+ lineWarningBoldPressed: base.warning.dim[68],
208
+ lineInvertedAccentBold: base.accent.original.dark || base.accent.original.dark,
209
+ lineInvertedAccentBoldHover: base.accent.interactions.hover.dark || base.accent.interactions.hover.dark,
210
+ lineInvertedAccentBoldPressed: base.accent.interactions.pressed.dark || base.accent.interactions.pressed.dark,
211
+ lineInvertedAccentPale: ((_x = base.accent.palette) === null || _x === void 0 ? void 0 : _x.dim[44]) || base.whiteAlpha[24],
212
+ lineInvertedAccentPaleHover: ((_y = base.accent.palette) === null || _y === void 0 ? void 0 : _y.dim[48]) || base.whiteAlpha[32],
213
+ lineInvertedAccentPalePressed: ((_z = base.accent.palette) === null || _z === void 0 ? void 0 : _z.dim[40]) || base.whiteAlpha[16],
214
+ lineInvertedAccentSoft: ((_0 = base.accent.palette) === null || _0 === void 0 ? void 0 : _0.dim[48]) || base.whiteAlpha[48],
215
+ lineInvertedAccentSoftHover: ((_1 = base.accent.palette) === null || _1 === void 0 ? void 0 : _1.vivid[80]) || base.gray[100],
216
+ lineInvertedAccentSoftPressed: ((_2 = base.accent.palette) === null || _2 === void 0 ? void 0 : _2.normal[64]) || base.gray[100],
217
+ lineInvertedErrorBold: base.customizable.red.vivid[60],
218
+ lineInvertedErrorBoldHover: base.customizable.red.vivid[68],
219
+ lineInvertedErrorBoldPressed: base.customizable.red.dim[56],
220
+ lineInvertedNeutralFaint: base.whiteAlpha[8],
221
+ lineInvertedNeutralPale: base.whiteAlpha[16],
222
+ lineInvertedNeutralPaleHover: base.whiteAlpha[24],
223
+ lineInvertedNeutralPalePressed: base.whiteAlpha[12],
224
+ lineInvertedSuccessBold: base.customizable.green.vivid[60],
225
+ lineInvertedSuccessBoldHover: base.customizable.green.vivid[68],
226
+ lineInvertedSuccessBoldPressed: base.customizable.green.dim[56],
227
+ lineInvertedWarningBold: base.warning.vivid[80],
228
+ lineInvertedWarningBoldHover: base.warning.vivid[84],
229
+ lineInvertedWarningBoldPressed: base.warning.dim[72],
230
+ lineConstFaintBlack: base.blackAlpha[16],
231
+ lineConstFaintWhite: base.whiteAlpha[16],
232
+ lineConstPaleBlack: base.blackAlpha[24],
233
+ lineConstPaleBlackHover: base.blackAlpha[32],
234
+ lineConstPaleBlackPressed: base.blackAlpha[16],
235
+ lineConstPaleWhite: base.whiteAlpha[24],
236
+ lineConstPaleWhiteHover: base.whiteAlpha[32],
237
+ lineConstPaleWhitePressed: base.whiteAlpha[16],
238
+ surfaceBase: base.gray[100],
239
+ surfaceHigh: base.gray[100],
240
+ surfaceLow: base.gray[96],
241
+ surfaceModalBackdrop: base.blackAlpha[24],
242
+ illustrationBlack: base.gray[16],
243
+ illustrationBrand: base.brand.original,
244
+ illustrationComplement: base.brand.promo,
245
+ illustrationOnBrand: base.onBrand[100],
246
+ illustrationOncomplement: base.gray[100],
247
+ illustrationPromo: base.brand.promo,
248
+ illustrationSymbol: base.brand.palette.normal[80],
249
+ illustrationWhite: base.gray[100],
250
+ customizableBoldBlack: base.gray[52],
251
+ customizableBoldBlue: base.customizable.blue.vivid[68],
252
+ customizableBoldBlueDeep: base.customizable.blueDeep.vivid[68],
253
+ customizableBoldGray: base.gray[72],
254
+ customizableBoldGreen: base.customizable.green.vivid[68],
255
+ customizableBoldMint: base.customizable.mint.vivid[68],
256
+ customizableBoldOrange: base.customizable.orange.vivid[68],
257
+ customizableBoldPurple: base.customizable.purple.vivid[68],
258
+ customizableBoldRed: base.customizable.red.vivid[68],
259
+ customizableBoldViolet: base.customizable.violet.vivid[68],
260
+ customizableBoldYellow: base.customizable.yellow.vivid[76],
261
+ customizableFaintBlack: base.gray[92],
262
+ customizableFaintBlue: base.customizable.blue.vivid[96],
263
+ customizableFaintBlueDeep: base.customizable.blueDeep.vivid[96],
264
+ customizableFaintGray: base.gray[96],
265
+ customizableFaintGreen: base.customizable.green.vivid[96],
266
+ customizableFaintMint: base.customizable.mint.vivid[96],
267
+ customizableFaintOrange: base.customizable.orange.vivid[96],
268
+ customizableFaintPurple: base.customizable.purple.vivid[96],
269
+ customizableFaintRed: base.customizable.red.vivid[96],
270
+ customizableFaintViolet: base.customizable.violet.vivid[96],
271
+ customizableFaintYellow: base.customizable.yellow.vivid[96],
272
+ customizableHeavyBlack: base.gray[36],
273
+ customizableHeavyBlue: base.customizable.blue.vivid[48],
274
+ customizableHeavyBlueDeep: base.customizable.blueDeep.vivid[48],
275
+ customizableHeavyGray: base.gray[56],
276
+ customizableHeavyGreen: base.customizable.green.vivid[48],
277
+ customizableHeavyMint: base.customizable.mint.vivid[52],
278
+ customizableHeavyOrange: base.customizable.orange.vivid[48],
279
+ customizableHeavyPurple: base.customizable.purple.vivid[48],
280
+ customizableHeavyRed: base.customizable.red.vivid[52],
281
+ customizableHeavyViolet: base.customizable.violet.vivid[48],
282
+ customizableHeavyYellow: base.customizable.yellow.vivid[56],
283
+ customizablePaleBlack: base.gray[88],
284
+ customizablePaleBlue: base.customizable.blue.vivid[92],
285
+ customizablePaleBlueDeep: base.customizable.blueDeep.vivid[92],
286
+ customizablePaleGray: base.gray[92],
287
+ customizablePaleGreen: base.customizable.green.vivid[92],
288
+ customizablePaleMint: base.customizable.mint.vivid[92],
289
+ customizablePaleOrange: base.customizable.orange.vivid[92],
290
+ customizablePalePurple: base.customizable.purple.vivid[92],
291
+ customizablePaleRed: base.customizable.red.vivid[92],
292
+ customizablePaleViolet: base.customizable.violet.vivid[92],
293
+ customizablePaleYellow: base.customizable.yellow.vivid[92],
294
+ customizableSoftBlack: base.gray[76],
295
+ customizableSoftBlue: base.customizable.blue.vivid[80],
296
+ customizableSoftBlueDeep: base.customizable.blueDeep.vivid[80],
297
+ customizableSoftGray: base.gray[88],
298
+ customizableSoftGreen: base.customizable.green.normal[80],
299
+ customizableSoftMint: base.customizable.mint.normal[84],
300
+ customizableSoftOrange: base.customizable.orange.vivid[80],
301
+ customizableSoftPurple: base.customizable.purple.vivid[80],
302
+ customizableSoftRed: base.customizable.red.vivid[80],
303
+ customizableSoftViolet: base.customizable.violet.vivid[80],
304
+ customizableSoftYellow: base.customizable.yellow.vivid[88],
633
305
  },
634
306
  dark: {
635
- text: {
636
- default: {
637
- neutral: {
638
- primary: base.whiteAlpha[96],
639
- secondary: base.whiteAlpha[64],
640
- },
641
- warning: {
642
- primary: base.warning.vivid[80],
643
- },
644
- error: {
645
- primary: base.error.vivid[68],
646
- },
647
- success: {
648
- primary: base.success.vivid[72],
649
- },
650
- accent: {
651
- primary: ((_1 = base.accent.palette) === null || _1 === void 0 ? void 0 : _1.vivid[80]) || base.whiteAlpha[88],
652
- },
653
- logo: base.brand.palette.normal[96],
654
- },
655
- hover: {
656
- warning: {
657
- primary: base.warning.vivid[84],
658
- },
659
- error: {
660
- primary: base.error.vivid[76],
661
- },
662
- success: {
663
- primary: base.success.vivid[76],
664
- },
665
- accent: {
666
- primary: ((_2 = base.accent.palette) === null || _2 === void 0 ? void 0 : _2.normal[84]) || base.whiteAlpha[88],
667
- },
668
- },
669
- pressed: {
670
- warning: {
671
- primary: base.warning.vivid[88],
672
- },
673
- error: {
674
- primary: base.error.vivid[80],
675
- },
676
- success: {
677
- primary: base.success.vivid[80],
678
- },
679
- accent: {
680
- primary: ((_3 = base.accent.palette) === null || _3 === void 0 ? void 0 : _3.normal[88]) || base.whiteAlpha[88],
681
- },
682
- },
683
- disabled: base.whiteAlpha[40],
684
- },
685
- textInverted: {
686
- default: {
687
- neutral: {
688
- primary: base.blackAlpha[88],
689
- secondary: base.blackAlpha[56],
690
- },
691
- warning: {
692
- primary: base.warning.vivid[72],
693
- },
694
- error: {
695
- primary: base.error.vivid[52],
696
- },
697
- success: {
698
- primary: base.success.vivid[60],
699
- },
700
- accent: {
701
- primary: ((_4 = base.accent.palette) === null || _4 === void 0 ? void 0 : _4.vivid[52]) || base.whiteAlpha[88],
702
- },
703
- logo: base.brand.palette.normal[60],
704
- },
705
- hover: {
706
- warning: {
707
- primary: base.warning.vivid[72],
708
- },
709
- error: {
710
- primary: base.error.vivid[60],
711
- },
712
- success: {
713
- primary: base.success.vivid[60],
714
- },
715
- accent: {
716
- primary: ((_5 = base.accent.palette) === null || _5 === void 0 ? void 0 : _5.normal[52]) || base.whiteAlpha[88],
717
- },
718
- },
719
- pressed: {
720
- warning: {
721
- primary: base.warning.vivid[64],
722
- },
723
- error: {
724
- primary: base.error.vivid[52],
725
- },
726
- success: {
727
- primary: base.success.vivid[52],
728
- },
729
- accent: {
730
- primary: ((_6 = base.accent.palette) === null || _6 === void 0 ? void 0 : _6.normal[40]) || base.whiteAlpha[88],
731
- },
732
- },
733
- disabled: base.whiteAlpha[88],
734
- },
735
- textConst: {
736
- default: {
737
- neutral: {
738
- primary: {
739
- black: base.blackAlpha[88],
740
- white: base.whiteAlpha[96],
741
- },
742
- secondary: {
743
- black: base.blackAlpha[56],
744
- white: base.whiteAlpha[64],
745
- },
746
- },
747
- },
748
- disabled: {
749
- black: base.whiteAlpha[88],
750
- white: base.whiteAlpha[40],
751
- },
752
- },
753
- textOnAccent: {
754
- default: {
755
- primary: base.blackAlpha[88],
756
- secondary: base.blackAlpha[56],
757
- },
758
- disabled: base.whiteAlpha[88],
759
- },
760
- textOnBrand: {
761
- default: {
762
- primary: base.blackAlpha[88],
763
- secondary: base.blackAlpha[56],
764
- },
765
- disabled: base.whiteAlpha[88],
766
- },
767
- shape: {
768
- default: {
769
- neutral: {
770
- heavy: base.gray[96],
771
- bold: base.gray[92],
772
- soft: {
773
- alpha: base.whiteAlpha[4],
774
- solid: base.gray[8],
775
- },
776
- pale: {
777
- alpha: base.whiteAlpha[12],
778
- solid: base.gray[12],
779
- },
780
- faint: {
781
- alpha: base.whiteAlpha[12],
782
- solid: base.gray[16],
783
- },
784
- },
785
- warning: {
786
- heavy: base.warning.normal[92],
787
- bold: base.warning.normal[84],
788
- soft: base.warning.normal[68],
789
- pale: base.warning.normal[52],
790
- faint: base.warning.normal[40],
791
- },
792
- error: {
793
- heavy: base.error.normal[92],
794
- bold: base.error.normal[84],
795
- soft: base.error.normal[68],
796
- pale: base.error.normal[52],
797
- faint: base.error.normal[40],
798
- },
799
- success: {
800
- heavy: base.success.normal[92],
801
- bold: base.success.normal[84],
802
- soft: base.success.normal[68],
803
- pale: base.success.normal[52],
804
- faint: base.success.normal[40],
805
- },
806
- accent: {
807
- heavy: ((_7 = base.accent.palette) === null || _7 === void 0 ? void 0 : _7.normal[92]) || base.whiteAlpha[88],
808
- bold: ((_8 = base.accent.palette) === null || _8 === void 0 ? void 0 : _8.normal[84]) || base.whiteAlpha[88],
809
- soft: ((_9 = base.accent.palette) === null || _9 === void 0 ? void 0 : _9.normal[68]) || base.whiteAlpha[88],
810
- pale: ((_10 = base.accent.palette) === null || _10 === void 0 ? void 0 : _10.normal[52]) || base.whiteAlpha[88],
811
- faint: ((_11 = base.accent.palette) === null || _11 === void 0 ? void 0 : _11.normal[40]) || base.whiteAlpha[88],
812
- },
813
- brand: {
814
- promo: base.brandPromo.dark,
815
- original: base.brand.palette.normal[96],
816
- soft: base.brand.palette.normal[68],
817
- pale: base.brand.palette.normal[52],
818
- faint: base.brand.palette.normal[40],
819
- },
820
- base: base.blackAlpha[96],
821
- field: base.gray[20],
822
- },
823
- hover: {
824
- neutral: {
825
- bold: base.gray[96],
826
- soft: {
827
- alpha: base.whiteAlpha[24],
828
- solid: base.gray[28],
829
- },
830
- pale: {
831
- alpha: base.whiteAlpha[12],
832
- solid: base.gray[24],
833
- },
834
- faint: {
835
- alpha: base.whiteAlpha[8],
836
- solid: base.gray[20],
837
- },
838
- },
839
- warning: {
840
- bold: base.warning.normal[88],
841
- soft: base.warning.normal[80],
842
- pale: base.warning.normal[76],
843
- faint: base.warning.normal[64],
844
- },
845
- error: {
846
- bold: base.error.normal[88],
847
- soft: base.error.normal[80],
848
- pale: base.error.normal[76],
849
- faint: base.error.normal[64],
850
- },
851
- success: {
852
- bold: base.success.normal[88],
853
- soft: base.success.normal[80],
854
- pale: base.success.normal[76],
855
- faint: base.success.normal[64],
856
- },
857
- accent: {
858
- bold: ((_12 = base.accent.palette) === null || _12 === void 0 ? void 0 : _12.normal[88]) || base.whiteAlpha[88],
859
- soft: ((_13 = base.accent.palette) === null || _13 === void 0 ? void 0 : _13.normal[80]) || base.whiteAlpha[88],
860
- pale: ((_14 = base.accent.palette) === null || _14 === void 0 ? void 0 : _14.normal[76]) || base.whiteAlpha[88],
861
- faint: ((_15 = base.accent.palette) === null || _15 === void 0 ? void 0 : _15.normal[64]) || base.whiteAlpha[88],
862
- },
863
- brand: {
864
- original: base.brand.palette.normal[92],
865
- soft: base.brand.palette.normal[80],
866
- pale: base.brand.palette.normal[76],
867
- faint: base.brand.palette.normal[64],
868
- },
869
- base: base.blackAlpha[80],
870
- backless: base.whiteAlpha[8],
871
- },
872
- pressed: {
873
- neutral: {
874
- bold: base.gray[92],
875
- soft: {
876
- alpha: base.whiteAlpha[40],
877
- solid: base.gray[52],
878
- },
879
- pale: {
880
- alpha: base.whiteAlpha[24],
881
- solid: base.gray[36],
882
- },
883
- faint: {
884
- alpha: base.whiteAlpha[16],
885
- solid: base.gray[28],
886
- },
887
- },
888
- warning: {
889
- bold: base.warning.normal[96],
890
- soft: base.warning.normal[92],
891
- pale: base.warning.normal[88],
892
- faint: base.warning.normal[80],
893
- },
894
- error: {
895
- bold: base.error.normal[96],
896
- soft: base.error.normal[92],
897
- pale: base.error.normal[88],
898
- faint: base.error.normal[80],
899
- },
900
- success: {
901
- bold: base.success.normal[96],
902
- soft: base.success.normal[92],
903
- pale: base.success.normal[88],
904
- faint: base.success.normal[80],
905
- },
906
- accent: {
907
- bold: ((_16 = base.accent.palette) === null || _16 === void 0 ? void 0 : _16.normal[96]) || base.whiteAlpha[88],
908
- soft: ((_17 = base.accent.palette) === null || _17 === void 0 ? void 0 : _17.normal[92]) || base.whiteAlpha[88],
909
- pale: ((_18 = base.accent.palette) === null || _18 === void 0 ? void 0 : _18.normal[88]) || base.whiteAlpha[88],
910
- faint: ((_19 = base.accent.palette) === null || _19 === void 0 ? void 0 : _19.normal[80]) || base.whiteAlpha[88],
911
- },
912
- brand: {
913
- original: base.brand.palette.normal[96],
914
- soft: base.brand.palette.normal[92],
915
- pale: base.brand.palette.normal[88],
916
- faint: base.brand.palette.normal[80],
917
- },
918
- base: base.blackAlpha[64],
919
- backless: base.whiteAlpha[12],
920
- },
921
- disabled: {
922
- neutral: base.gray[4],
923
- accent: base.gray[8],
924
- },
925
- },
926
- shapeInverted: {
927
- default: {
928
- neutral: {
929
- heavy: base.whiteAlpha[96],
930
- soft: {
931
- alpha: base.blackAlpha[4],
932
- },
933
- pale: {
934
- alpha: base.blackAlpha[12],
935
- },
936
- },
937
- },
938
- hover: {
939
- neutral: {
940
- heavy: base.blackAlpha[88],
941
- soft: {
942
- alpha: base.whiteAlpha[88],
943
- },
944
- pale: {
945
- alpha: base.blackAlpha[12],
946
- },
947
- backless: base.blackAlpha[8],
948
- },
949
- },
950
- pressed: {
951
- neutral: {
952
- heavy: base.blackAlpha[80],
953
- soft: {
954
- alpha: base.blackAlpha[56],
955
- },
956
- pale: {
957
- alpha: base.blackAlpha[24],
958
- },
959
- backless: base.blackAlpha[12],
960
- },
961
- },
962
- disabled: {
963
- neutral: base.whiteAlpha[92],
964
- },
965
- },
966
- shapeConst: {
967
- default: {
968
- neutral: {
969
- heavy: {
970
- black: base.blackAlpha[88],
971
- white: base.whiteAlpha[96],
972
- },
973
- soft: {
974
- black: base.blackAlpha[48],
975
- white: base.whiteAlpha[56],
976
- },
977
- pale: {
978
- black: base.blackAlpha[24],
979
- white: base.whiteAlpha[24],
980
- },
981
- },
982
- },
983
- hover: {
984
- neutral: {
985
- heavy: {
986
- black: base.blackAlpha[88],
987
- white: base.gray[96],
988
- },
989
- soft: {
990
- black: base.blackAlpha[48],
991
- white: base.whiteAlpha[56],
992
- },
993
- pale: {
994
- black: base.blackAlpha[24],
995
- white: base.whiteAlpha[24],
996
- },
997
- backless: {
998
- black: base.blackAlpha[16],
999
- white: base.whiteAlpha[16],
1000
- },
1001
- },
1002
- },
1003
- pressed: {
1004
- neutral: {
1005
- heavy: {
1006
- black: base.blackAlpha[88],
1007
- white: base.gray[96],
1008
- },
1009
- soft: {
1010
- black: base.blackAlpha[48],
1011
- white: base.whiteAlpha[56],
1012
- },
1013
- pale: {
1014
- black: base.blackAlpha[24],
1015
- white: base.whiteAlpha[24],
1016
- },
1017
- backless: {
1018
- black: base.blackAlpha[24],
1019
- white: base.whiteAlpha[24],
1020
- },
1021
- },
1022
- },
1023
- },
1024
- line: {
1025
- default: {
1026
- neutral: {
1027
- pale: base.whiteAlpha[24],
1028
- faint: base.whiteAlpha[16],
1029
- },
1030
- warning: {
1031
- bold: base.warning.vivid[80],
1032
- },
1033
- error: {
1034
- bold: base.error.vivid[68],
1035
- },
1036
- success: {
1037
- bold: base.success.vivid[72],
1038
- },
1039
- accent: {
1040
- bold: ((_20 = base.accent.palette) === null || _20 === void 0 ? void 0 : _20.vivid[80]) || base.whiteAlpha[88],
1041
- pale: ((_21 = base.accent.palette) === null || _21 === void 0 ? void 0 : _21.normal[92]) || base.whiteAlpha[88],
1042
- faint: ((_22 = base.accent.palette) === null || _22 === void 0 ? void 0 : _22.normal[96]) || base.whiteAlpha[88],
1043
- },
1044
- brand: {
1045
- original: base.brand.palette.normal[96],
1046
- },
1047
- },
1048
- hover: {
1049
- neutral: {
1050
- pale: base.whiteAlpha[32],
1051
- },
1052
- warning: {
1053
- bold: base.warning.vivid[84],
1054
- },
1055
- error: {
1056
- bold: base.error.vivid[76],
1057
- },
1058
- success: {
1059
- bold: base.success.vivid[76],
1060
- },
1061
- accent: {
1062
- bold: base.gray[96],
1063
- pale: base.whiteAlpha[32],
1064
- faint: base.whiteAlpha[16],
1065
- },
1066
- },
1067
- pressed: {
1068
- neutral: {
1069
- pale: base.whiteAlpha[40],
1070
- },
1071
- warning: {
1072
- bold: base.warning.vivid[88],
1073
- },
1074
- error: {
1075
- bold: base.error.vivid[80],
1076
- },
1077
- success: {
1078
- bold: base.success.vivid[80],
1079
- },
1080
- accent: {
1081
- bold: base.gray[96],
1082
- pale: base.whiteAlpha[40],
1083
- faint: base.whiteAlpha[24],
1084
- },
1085
- },
1086
- },
1087
- lineInverted: {
1088
- default: {
1089
- neutral: {
1090
- pale: base.blackAlpha[24],
1091
- faint: base.blackAlpha[16],
1092
- },
1093
- warning: {
1094
- bold: base.warning.vivid[72],
1095
- },
1096
- error: {
1097
- bold: base.error.vivid[64],
1098
- },
1099
- success: {
1100
- bold: base.success.vivid[68],
1101
- },
1102
- accent: {
1103
- bold: ((_23 = base.accent.palette) === null || _23 === void 0 ? void 0 : _23.vivid[68]) || base.whiteAlpha[88],
1104
- pale: ((_24 = base.accent.palette) === null || _24 === void 0 ? void 0 : _24.normal[84]) || base.whiteAlpha[88],
1105
- faint: ((_25 = base.accent.palette) === null || _25 === void 0 ? void 0 : _25.normal[92]) || base.whiteAlpha[88],
1106
- },
1107
- brand: {
1108
- original: base.brand.palette.normal[60],
1109
- },
1110
- },
1111
- hover: {
1112
- neutral: {
1113
- pale: base.whiteAlpha[88],
1114
- },
1115
- warning: {
1116
- bold: base.warning.vivid[72],
1117
- },
1118
- error: {
1119
- bold: base.error.vivid[64],
1120
- },
1121
- success: {
1122
- bold: base.success.vivid[68],
1123
- },
1124
- accent: {
1125
- bold: base.gray[20],
1126
- pale: base.whiteAlpha[88],
1127
- faint: base.blackAlpha[16],
1128
- },
1129
- },
1130
- pressed: {
1131
- neutral: {
1132
- pale: base.blackAlpha[40],
1133
- },
1134
- warning: {
1135
- bold: base.warning.vivid[64],
1136
- },
1137
- error: {
1138
- bold: base.error.vivid[52],
1139
- },
1140
- success: {
1141
- bold: base.success.vivid[52],
1142
- },
1143
- accent: {
1144
- bold: base.gray[20],
1145
- pale: base.blackAlpha[40],
1146
- faint: base.blackAlpha[24],
1147
- },
1148
- },
1149
- },
1150
- lineConst: {
1151
- default: {
1152
- neutral: {
1153
- pale: {
1154
- black: base.blackAlpha[24],
1155
- white: base.whiteAlpha[24],
1156
- },
1157
- faint: {
1158
- black: base.blackAlpha[16],
1159
- white: base.whiteAlpha[16],
1160
- },
1161
- },
1162
- },
1163
- hover: {
1164
- neutral: {
1165
- pale: {
1166
- black: base.whiteAlpha[88],
1167
- white: base.whiteAlpha[32],
1168
- },
1169
- faint: {
1170
- black: base.blackAlpha[24],
1171
- white: base.whiteAlpha[24],
1172
- },
1173
- },
1174
- },
1175
- pressed: {
1176
- neutral: {
1177
- pale: {
1178
- black: base.blackAlpha[40],
1179
- white: base.whiteAlpha[40],
1180
- },
1181
- faint: {
1182
- black: base.whiteAlpha[88],
1183
- white: base.whiteAlpha[32],
1184
- },
1185
- },
1186
- },
1187
- },
1188
- surface: {
1189
- low: base.gray[24],
1190
- base: base.gray[28],
1191
- high: base.gray[32],
1192
- modalBackdrop: base.blackAlpha[40],
1193
- },
1194
- art: {
1195
- neutral: base.blackAlpha[88],
1196
- invertedNeutral: base.gray[96],
1197
- brand: base.brand.palette.normal[64],
1198
- promo: base.brandPromo.dark,
1199
- onBrand: base.blackAlpha[88],
1200
- },
1201
- artConst: {
1202
- promo: base.brandPromo.dark,
1203
- black: base.gray[96],
1204
- white: base.gray[16],
1205
- },
1206
- customizable: {
1207
- red: {
1208
- heavy: base.customizable.red.vivid[48],
1209
- bold: base.customizable.red.vivid[68],
1210
- soft: base.customizable.red.vivid[80],
1211
- pale: base.customizable.red.vivid[92],
1212
- faint: base.customizable.red.vivid[96],
1213
- },
1214
- orange: {
1215
- heavy: base.customizable.orange.vivid[40],
1216
- bold: base.customizable.orange.vivid[60],
1217
- soft: base.customizable.orange.normal[80],
1218
- pale: base.customizable.orange.vivid[92],
1219
- faint: base.customizable.orange.vivid[96],
1220
- },
1221
- green: {
1222
- heavy: base.customizable.green.vivid[40],
1223
- bold: base.customizable.green.vivid[60],
1224
- soft: base.customizable.green.normal[80],
1225
- pale: base.customizable.green.vivid[92],
1226
- faint: base.customizable.green.vivid[96],
1227
- },
1228
- mint: {
1229
- heavy: base.customizable.mint.vivid[40],
1230
- bold: base.customizable.mint.vivid[60],
1231
- soft: base.customizable.mint.normal[84],
1232
- pale: base.customizable.mint.vivid[92],
1233
- faint: base.customizable.mint.vivid[96],
1234
- },
1235
- blue: {
1236
- heavy: base.customizable.blue.vivid[40],
1237
- bold: base.customizable.blue.vivid[60],
1238
- soft: base.customizable.blue.vivid[80],
1239
- pale: base.customizable.blue.vivid[92],
1240
- faint: base.customizable.blue.vivid[96],
1241
- },
1242
- blueDeep: {
1243
- heavy: base.customizable.blueDeep.vivid[40],
1244
- bold: base.customizable.blueDeep.vivid[60],
1245
- soft: base.customizable.blueDeep.vivid[80],
1246
- pale: base.customizable.blueDeep.vivid[92],
1247
- faint: base.customizable.blueDeep.vivid[96],
1248
- },
1249
- violet: {
1250
- heavy: base.customizable.violet.vivid[40],
1251
- bold: base.customizable.violet.vivid[60],
1252
- soft: base.customizable.violet.vivid[80],
1253
- pale: base.customizable.violet.vivid[92],
1254
- faint: base.customizable.violet.vivid[96],
1255
- },
1256
- purple: {
1257
- heavy: base.customizable.purple.vivid[40],
1258
- bold: base.customizable.purple.vivid[60],
1259
- soft: base.customizable.purple.vivid[80],
1260
- pale: base.customizable.purple.vivid[92],
1261
- faint: base.customizable.purple.vivid[96],
1262
- },
1263
- gray: {
1264
- heavy: base.gray[56],
1265
- bold: base.gray[72],
1266
- soft: base.gray[88],
1267
- pale: base.gray[92],
1268
- faint: base.gray[96],
1269
- },
1270
- black: {
1271
- heavy: base.gray[36],
1272
- bold: base.gray[52],
1273
- soft: base.gray[76],
1274
- pale: base.gray[88],
1275
- faint: base.gray[92],
1276
- },
1277
- },
307
+ textAccentPrimary: ((_3 = base.accent.palette) === null || _3 === void 0 ? void 0 : _3.vivid[72]) || base.whiteAlpha[96],
308
+ textAccentPrimaryHover: ((_4 = base.accent.palette) === null || _4 === void 0 ? void 0 : _4.vivid[80]) || base.gray[100],
309
+ textAccentPrimaryPressed: ((_5 = base.accent.palette) === null || _5 === void 0 ? void 0 : _5.dim[64]) || base.gray[100],
310
+ textDisabled: base.whiteAlpha[40],
311
+ textErrorPrimary: base.customizable.red.vivid[68],
312
+ textErrorPrimaryHover: base.customizable.red.vivid[72],
313
+ textErrorPrimaryPressed: base.customizable.red.dim[64],
314
+ textInvertedAccentPrimary: ((_6 = base.accent.palette) === null || _6 === void 0 ? void 0 : _6.vivid[52]) || base.blackAlpha[88],
315
+ textInvertedAccentPrimaryHover: ((_7 = base.accent.palette) === null || _7 === void 0 ? void 0 : _7.vivid[60]) || base.blackAlpha[96],
316
+ textInvertedAccentPrimaryPressed: ((_8 = base.accent.palette) === null || _8 === void 0 ? void 0 : _8.dim[48]) || base.blackAlpha[96],
317
+ textInvertedDisabled: base.blackAlpha[32],
318
+ textInvertedErrorPrimary: base.customizable.red.vivid[52],
319
+ textInvertedErrorPrimaryHover: base.customizable.red.vivid[60],
320
+ textInvertedErrorPrimaryPressed: base.customizable.red.dim[48],
321
+ textInvertedNeutralPrimary: base.blackAlpha[88],
322
+ textInvertedNeutralSecondary: base.blackAlpha[56],
323
+ textInvertedSuccessPrimary: base.customizable.green.vivid[52],
324
+ textInvertedSuccessPrimaryHover: base.customizable.green.vivid[60],
325
+ textInvertedSuccessPrimaryPressed: base.customizable.green.dim[48],
326
+ textInvertedWarningPrimary: base.warning.vivid[64],
327
+ textInvertedWarningPrimaryHover: base.warning.vivid[72],
328
+ textInvertedWarningPrimaryPressed: base.warning.dim[56],
329
+ textLogo: base.brand.logo.dark,
330
+ textNeutralPrimary: base.whiteAlpha[96],
331
+ textNeutralSecondary: base.whiteAlpha[64],
332
+ textOnaccentboldDisabled: base.onBrand[32] || base.blackAlpha[32],
333
+ textOnaccentboldPrimary: base.onBrand[96] || base.blackAlpha[88],
334
+ textOnaccentboldSecondary: base.onBrand[56] || base.blackAlpha[56],
335
+ textOnbrandoriginalDisabled: base.onBrand[40],
336
+ textOnbrandoriginalPrimary: base.onBrand[96],
337
+ textOnbrandoriginalSecondary: base.onBrand[64],
338
+ textSuccessPrimary: base.customizable.green.vivid[72],
339
+ textSuccessPrimaryHover: base.customizable.green.vivid[80],
340
+ textSuccessPrimaryPressed: base.customizable.green.dim[64],
341
+ textWarningPrimary: base.warning.vivid[80],
342
+ textWarningPrimaryHover: base.warning.vivid[84],
343
+ textWarningPrimaryPressed: base.warning.dim[72],
344
+ textConstDisabledBlack: base.blackAlpha[32],
345
+ textConstDisabledWhite: base.whiteAlpha[40],
346
+ textConstPrimaryBlack: base.blackAlpha[88],
347
+ textConstPrimaryWhite: base.whiteAlpha[96],
348
+ textConstSecondaryBlack: base.blackAlpha[56],
349
+ textConstSecondaryWhite: base.whiteAlpha[64],
350
+ shapeBoldAccent: base.accent.original.dark || base.accent.original.dark,
351
+ shapeBoldAccentHover: base.accent.interactions.hover.dark || base.accent.interactions.hover.dark,
352
+ shapeBoldAccentPressed: base.accent.interactions.pressed.dark || base.accent.interactions.pressed.dark,
353
+ shapeBoldBrandOriginal: base.accent.original.dark,
354
+ shapeBoldBrandOriginalHover: base.accent.interactions.hover.dark,
355
+ shapeBoldBrandOriginalPressed: base.accent.interactions.pressed.light,
356
+ shapeBoldError: base.customizable.red.normal[60],
357
+ shapeBoldErrorHover: base.customizable.red.normal[64],
358
+ shapeBoldErrorPressed: base.customizable.red.dim[52],
359
+ shapeBoldNeutral: base.gray[80],
360
+ shapeBoldNeutralHover: base.gray[88],
361
+ shapeBoldNeutralPressed: base.whiteAlpha[56],
362
+ shapeBoldSuccess: base.customizable.green.normal[60],
363
+ shapeBoldSuccessHover: base.customizable.green.normal[64],
364
+ shapeBoldSuccessPressed: base.customizable.green.dim[52],
365
+ shapeBoldWarning: base.warning.normal[80],
366
+ shapeBoldWarningHover: base.warning.normal[84],
367
+ shapeBoldWarningPressed: base.warning.dim[72],
368
+ shapeFaintAccent: ((_9 = base.accent.palette) === null || _9 === void 0 ? void 0 : _9.dim[32]) || base.whiteAlpha[12],
369
+ shapeFaintAccentHover: ((_10 = base.accent.palette) === null || _10 === void 0 ? void 0 : _10.dim[36]) || base.whiteAlpha[16],
370
+ shapeFaintAccentPressed: ((_11 = base.accent.palette) === null || _11 === void 0 ? void 0 : _11.dim[28]) || base.whiteAlpha[8],
371
+ shapeFaintBrand: base.brand.palette.dim[32],
372
+ shapeFaintBrandHover: base.brand.palette.dim[36],
373
+ shapeFaintBrandPressed: base.brand.palette.dim[28],
374
+ shapeFaintError: base.customizable.red.dim[32],
375
+ shapeFaintErrorHover: base.customizable.red.dim[36],
376
+ shapeFaintErrorPressed: base.customizable.red.dim[28],
377
+ shapeFaintNeutralAlpha: base.whiteAlpha[6],
378
+ shapeFaintNeutralAlphaHover: base.whiteAlpha[8],
379
+ shapeFaintNeutralAlphaPressed: base.whiteAlpha[4],
380
+ shapeFaintSuccess: base.customizable.green.dim[32],
381
+ shapeFaintSuccessHover: base.customizable.green.dim[36],
382
+ shapeFaintSuccessPressed: base.customizable.green.dim[28],
383
+ shapeFaintWarning: base.warning.dim[32],
384
+ shapeFaintWarningHover: base.warning.dim[36],
385
+ shapeFaintWarningPressed: base.warning.dim[28],
386
+ shapeHeavyError: base.customizable.red.vivid[92],
387
+ shapeHeavyNeutral: base.gray[96],
388
+ shapeHeavySuccess: base.customizable.green.normal[92],
389
+ shapeHeavyWarning: base.warning.vivid[92],
390
+ shapeOtherAccentBoldDisabled: base.whiteAlpha[32],
391
+ shapeOtherBacklessHover: base.whiteAlpha[8],
392
+ shapeOtherBacklessPressed: base.whiteAlpha[4],
393
+ shapeOtherBase: base.whiteAlpha[6],
394
+ shapeOtherBaseHover: base.whiteAlpha[12],
395
+ shapeOtherBasePressed: base.whiteAlpha[4],
396
+ shapeOtherDisabled: base.whiteAlpha[6],
397
+ shapeOtherField: base.blackAlpha[12],
398
+ shapeOtherLow: base.blackAlpha[24],
399
+ shapeOtherLowHover: base.blackAlpha[16],
400
+ shapeOtherLowPressed: base.blackAlpha[32],
401
+ shapeOtherNeutralFaintSolid: base.gray[32],
402
+ shapeOtherNeutralFaintSolidHover: base.gray[36],
403
+ shapeOtherNeutralFaintSolidPressed: base.gray[28],
404
+ shapeOtherNeutralPaleSolid: base.gray[36],
405
+ shapeOtherNeutralPaleSolidHover: base.gray[40],
406
+ shapeOtherNeutralPaleSolidPressed: base.gray[32],
407
+ shapeOtherNeutralSoftSolid: base.gray[44],
408
+ shapeOtherNeutralSoftSolidHover: base.gray[48],
409
+ shapeOtherNeutralSoftSolidPressed: base.gray[40],
410
+ shapePaleAccent: ((_12 = base.accent.palette) === null || _12 === void 0 ? void 0 : _12.dim[36]) || base.whiteAlpha[16],
411
+ shapePaleAccentHover: ((_13 = base.accent.palette) === null || _13 === void 0 ? void 0 : _13.dim[40]) || base.whiteAlpha[24],
412
+ shapePaleAccentPressed: ((_14 = base.accent.palette) === null || _14 === void 0 ? void 0 : _14.dim[32]) || base.whiteAlpha[12],
413
+ shapePaleBrand: base.brand.palette.dim[36],
414
+ shapePaleBrandHover: base.brand.palette.dim[40],
415
+ shapePaleBrandPressed: base.brand.palette.dim[32],
416
+ shapePaleError: base.customizable.red.dim[36],
417
+ shapePaleErrorHover: base.customizable.red.dim[40],
418
+ shapePaleErrorPressed: base.customizable.red.dim[32],
419
+ shapePaleNeutralAlpha: base.whiteAlpha[8],
420
+ shapePaleNeutralAlphaHover: base.whiteAlpha[12],
421
+ shapePaleNeutralAlphaPressed: base.whiteAlpha[6],
422
+ shapePaleSuccess: base.customizable.green.dim[36],
423
+ shapePaleSuccessHover: base.customizable.green.dim[40],
424
+ shapePaleSuccessPressed: base.customizable.green.dim[32],
425
+ shapePaleWarning: base.warning.dim[36],
426
+ shapePaleWarningHover: base.warning.dim[40],
427
+ shapePaleWarningPressed: base.warning.dim[32],
428
+ shapeSoftAccent: ((_15 = base.accent.palette) === null || _15 === void 0 ? void 0 : _15.dim[48]) || base.whiteAlpha[32],
429
+ shapeSoftAccentHover: ((_16 = base.accent.palette) === null || _16 === void 0 ? void 0 : _16.dim[52]) || base.whiteAlpha[40],
430
+ shapeSoftAccentPressed: ((_17 = base.accent.palette) === null || _17 === void 0 ? void 0 : _17.dim[44]) || base.whiteAlpha[24],
431
+ shapeSoftBrand: base.brand.palette.dim[48],
432
+ shapeSoftBrandHover: base.brand.palette.dim[52],
433
+ shapeSoftBrandPressed: base.brand.palette.dim[44],
434
+ shapeSoftError: base.customizable.red.dim[48],
435
+ shapeSoftErrorHover: base.customizable.red.dim[52],
436
+ shapeSoftErrorPressed: base.customizable.red.dim[44],
437
+ shapeSoftNeutralAlpha: base.whiteAlpha[16],
438
+ shapeSoftNeutralAlphaHover: base.whiteAlpha[24],
439
+ shapeSoftNeutralAlphaPressed: base.whiteAlpha[12],
440
+ shapeSoftSuccess: base.customizable.green.dim[48],
441
+ shapeSoftSuccessHover: base.customizable.green.dim[52],
442
+ shapeSoftSuccessPressed: base.customizable.green.dim[44],
443
+ shapeSoftWarning: base.warning.dim[52],
444
+ shapeSoftWarningHover: base.warning.dim[56],
445
+ shapeSoftWarningPressed: base.warning.dim[48],
446
+ shapeInvertedBacklessHover: base.blackAlpha[8],
447
+ shapeInvertedBacklessPressed: base.blackAlpha[12],
448
+ shapeInvertedDisabled: base.blackAlpha[6],
449
+ shapeInvertedNeutralHeavy: base.blackAlpha[80],
450
+ shapeInvertedNeutralHeavyHover: base.blackAlpha[88],
451
+ shapeInvertedNeutralHeavyPressed: base.blackAlpha[72],
452
+ shapeInvertedNeutralPaleAlpha: base.blackAlpha[12],
453
+ shapeInvertedNeutralPaleAlphaHover: base.blackAlpha[12],
454
+ shapeInvertedNeutralPaleAlphaPressed: base.blackAlpha[16],
455
+ shapeInvertedNeutralSoftAlpha: base.blackAlpha[32],
456
+ shapeInvertedNeutralSoftAlphaHover: base.blackAlpha[32],
457
+ shapeInvertedNeutralSoftAlphaPressed: base.blackAlpha[40],
458
+ shapeConstBacklessBlackHover: base.blackAlpha[16],
459
+ shapeConstBacklessBlackPressed: base.blackAlpha[8],
460
+ shapeConstBacklessWhiteHover: base.whiteAlpha[16],
461
+ shapeConstBacklessWhitePressed: base.whiteAlpha[8],
462
+ shapeConstDisabledBlack: base.blackAlpha[6],
463
+ shapeConstDisabledWhite: base.whiteAlpha[6],
464
+ shapeConstHeavyBlack: base.blackAlpha[80],
465
+ shapeConstHeavyBlackHover: base.blackAlpha[88],
466
+ shapeConstHeavyBlackPressed: base.blackAlpha[64],
467
+ shapeConstHeavyWhite: base.whiteAlpha[96],
468
+ shapeConstHeavyWhiteHover: base.gray[100],
469
+ shapeConstHeavyWhitePressed: base.whiteAlpha[64],
470
+ shapeConstPaleBlack: base.blackAlpha[16],
471
+ shapeConstPaleBlackHover: base.blackAlpha[24],
472
+ shapeConstPaleBlackPressed: base.blackAlpha[12],
473
+ shapeConstPaleWhite: base.whiteAlpha[16],
474
+ shapeConstPaleWhiteHover: base.whiteAlpha[24],
475
+ shapeConstPaleWhitePressed: base.whiteAlpha[12],
476
+ shapeConstPromo: base.brand.promo,
477
+ shapeConstSoftBlack: base.blackAlpha[40],
478
+ shapeConstSoftBlackHover: base.blackAlpha[48],
479
+ shapeConstSoftBlackPressed: base.blackAlpha[24],
480
+ shapeConstSoftWhite: base.whiteAlpha[48],
481
+ shapeConstSoftWhiteHover: base.whiteAlpha[56],
482
+ shapeConstSoftWhitePressed: base.whiteAlpha[32],
483
+ lineAccentBold: base.accent.original.dark || base.accent.original.dark,
484
+ lineAccentBoldHover: base.accent.interactions.hover.dark || base.accent.interactions.hover.dark,
485
+ lineAccentBoldPressed: base.accent.interactions.pressed.dark || base.accent.interactions.pressed.dark,
486
+ lineAccentPale: ((_18 = base.accent.palette) === null || _18 === void 0 ? void 0 : _18.dim[40]) || base.whiteAlpha[24],
487
+ lineAccentPaleHover: ((_19 = base.accent.palette) === null || _19 === void 0 ? void 0 : _19.dim[44]) || base.whiteAlpha[32],
488
+ lineAccentPalePressed: ((_20 = base.accent.palette) === null || _20 === void 0 ? void 0 : _20.dim[36]) || base.whiteAlpha[16],
489
+ lineAccentSoft: ((_21 = base.accent.palette) === null || _21 === void 0 ? void 0 : _21.dim[48]) || base.whiteAlpha[48],
490
+ lineAccentSoftHover: ((_22 = base.accent.palette) === null || _22 === void 0 ? void 0 : _22.vivid[80]) || base.gray[100],
491
+ lineAccentSoftPressed: ((_23 = base.accent.palette) === null || _23 === void 0 ? void 0 : _23.dim[64]) || base.gray[100],
492
+ lineBrandOriginal: base.brand.original,
493
+ lineErrorBold: base.customizable.red.vivid[60],
494
+ lineErrorBoldHover: base.customizable.red.vivid[68],
495
+ lineErrorBoldPressed: base.customizable.red.dim[56],
496
+ lineNeutralFaint: base.whiteAlpha[8],
497
+ lineNeutralPale: base.whiteAlpha[16],
498
+ lineNeutralPaleHover: base.whiteAlpha[24],
499
+ lineNeutralPalePressed: base.whiteAlpha[12],
500
+ lineOnaccentboldFaint: base.onBrand[16] || base.blackAlpha[12],
501
+ lineOnaccentboldPale: base.onBrand[24] || base.blackAlpha[24],
502
+ lineOnbrandoriginalFaint: base.onBrand[16],
503
+ lineOnbrandoriginalPale: base.onBrand[24],
504
+ lineSuccessBold: base.customizable.green.vivid[60],
505
+ lineSuccessBoldHover: base.customizable.green.vivid[68],
506
+ lineSuccessBoldPressed: base.customizable.green.dim[56],
507
+ lineWarningBold: base.warning.vivid[80],
508
+ lineWarningBoldHover: base.warning.vivid[84],
509
+ lineWarningBoldPressed: base.warning.dim[72],
510
+ lineInvertedAccentBold: base.accent.original.light || base.accent.original.light,
511
+ lineInvertedAccentBoldHover: base.accent.interactions.hover.light || base.accent.interactions.hover.light,
512
+ lineInvertedAccentBoldPressed: base.accent.interactions.pressed.light || base.accent.interactions.pressed.light,
513
+ lineInvertedAccentPale: ((_24 = base.accent.palette) === null || _24 === void 0 ? void 0 : _24.normal[84]) || base.blackAlpha[24],
514
+ lineInvertedAccentPaleHover: ((_25 = base.accent.palette) === null || _25 === void 0 ? void 0 : _25.normal[80]) || base.blackAlpha[32],
515
+ lineInvertedAccentPalePressed: ((_26 = base.accent.palette) === null || _26 === void 0 ? void 0 : _26.dim[76]) || base.blackAlpha[40],
516
+ lineInvertedAccentSoft: ((_27 = base.accent.palette) === null || _27 === void 0 ? void 0 : _27.dim[76]) || base.blackAlpha[48],
517
+ lineInvertedAccentSoftHover: ((_28 = base.accent.palette) === null || _28 === void 0 ? void 0 : _28.vivid[60]) || base.blackAlpha[96],
518
+ lineInvertedAccentSoftPressed: ((_29 = base.accent.palette) === null || _29 === void 0 ? void 0 : _29.dim[48]) || base.blackAlpha[96],
519
+ lineInvertedErrorBold: base.customizable.red.vivid[56],
520
+ lineInvertedErrorBoldHover: base.customizable.red.vivid[64],
521
+ lineInvertedErrorBoldPressed: base.customizable.red.dim[52],
522
+ lineInvertedNeutralFaint: base.blackAlpha[8],
523
+ lineInvertedNeutralPale: base.blackAlpha[16],
524
+ lineInvertedNeutralPaleHover: base.blackAlpha[24],
525
+ lineInvertedNeutralPalePressed: base.blackAlpha[32],
526
+ lineInvertedSuccessBold: base.customizable.green.vivid[56],
527
+ lineInvertedSuccessBoldHover: base.customizable.green.vivid[68],
528
+ lineInvertedSuccessBoldPressed: base.customizable.green.dim[56],
529
+ lineInvertedWarningBold: base.warning.vivid[80],
530
+ lineInvertedWarningBoldHover: base.warning.vivid[72],
531
+ lineInvertedWarningBoldPressed: base.warning.dim[68],
532
+ lineConstFaintBlack: base.blackAlpha[16],
533
+ lineConstFaintWhite: base.whiteAlpha[16],
534
+ lineConstPaleBlack: base.blackAlpha[24],
535
+ lineConstPaleBlackHover: base.blackAlpha[32],
536
+ lineConstPaleBlackPressed: base.blackAlpha[16],
537
+ lineConstPaleWhite: base.whiteAlpha[24],
538
+ lineConstPaleWhiteHover: base.whiteAlpha[32],
539
+ lineConstPaleWhitePressed: base.whiteAlpha[16],
540
+ surfaceBase: base.gray[28],
541
+ surfaceHigh: base.gray[32],
542
+ surfaceLow: base.gray[24],
543
+ surfaceModalBackdrop: base.blackAlpha[40],
544
+ illustrationBlack: base.gray[16],
545
+ illustrationBrand: base.brand.original,
546
+ illustrationComplement: base.gray[100],
547
+ illustrationOnBrand: base.onBrand[100],
548
+ illustrationOncomplement: base.brand.promo,
549
+ illustrationPromo: base.brand.promo,
550
+ illustrationSymbol: base.brand.palette.normal[80],
551
+ illustrationWhite: base.gray[100],
552
+ customizableBoldBlack: base.gray[76],
553
+ customizableBoldBlue: base.customizable.blue.normal[64],
554
+ customizableBoldBlueDeep: base.customizable.blueDeep.vivid[64],
555
+ customizableBoldGray: base.gray[52],
556
+ customizableBoldGreen: base.customizable.green.normal[64],
557
+ customizableBoldMint: base.customizable.mint.normal[64],
558
+ customizableBoldOrange: base.customizable.orange.normal[64],
559
+ customizableBoldPurple: base.customizable.purple.normal[64],
560
+ customizableBoldRed: base.customizable.red.normal[64],
561
+ customizableBoldViolet: base.customizable.violet.normal[64],
562
+ customizableBoldYellow: base.customizable.yellow.vivid[72],
563
+ customizableFaintBlack: base.gray[40],
564
+ customizableFaintBlue: base.customizable.blue.dim[32],
565
+ customizableFaintBlueDeep: base.customizable.blueDeep.dim[32],
566
+ customizableFaintGray: base.gray[32],
567
+ customizableFaintGreen: base.customizable.green.dim[32],
568
+ customizableFaintMint: base.customizable.mint.dim[32],
569
+ customizableFaintOrange: base.customizable.orange.dim[32],
570
+ customizableFaintPurple: base.customizable.purple.dim[32],
571
+ customizableFaintRed: base.customizable.red.dim[32],
572
+ customizableFaintViolet: base.customizable.violet.dim[32],
573
+ customizableFaintYellow: base.customizable.yellow.dim[32],
574
+ customizableHeavyBlack: base.gray[96],
575
+ customizableHeavyBlue: base.customizable.blue.vivid[80],
576
+ customizableHeavyBlueDeep: base.customizable.blueDeep.vivid[76],
577
+ customizableHeavyGray: base.gray[60],
578
+ customizableHeavyGreen: base.customizable.green.vivid[84],
579
+ customizableHeavyMint: base.customizable.mint.vivid[88],
580
+ customizableHeavyOrange: base.customizable.orange.vivid[76],
581
+ customizableHeavyPurple: base.customizable.purple.vivid[80],
582
+ customizableHeavyRed: base.customizable.red.vivid[76],
583
+ customizableHeavyViolet: base.customizable.violet.vivid[76],
584
+ customizableHeavyYellow: base.customizable.yellow.vivid[84],
585
+ customizablePaleBlack: base.gray[44],
586
+ customizablePaleBlue: base.customizable.blue.dim[36],
587
+ customizablePaleBlueDeep: base.customizable.blueDeep.dim[36],
588
+ customizablePaleGray: base.gray[36],
589
+ customizablePaleGreen: base.customizable.green.dim[36],
590
+ customizablePaleMint: base.customizable.mint.dim[36],
591
+ customizablePaleOrange: base.customizable.orange.dim[36],
592
+ customizablePalePurple: base.customizable.purple.dim[36],
593
+ customizablePaleRed: base.customizable.red.dim[36],
594
+ customizablePaleViolet: base.customizable.violet.dim[36],
595
+ customizablePaleYellow: base.customizable.yellow.dim[36],
596
+ customizableSoftBlack: base.gray[56],
597
+ customizableSoftBlue: base.customizable.blue.dim[48],
598
+ customizableSoftBlueDeep: base.customizable.blueDeep.dim[48],
599
+ customizableSoftGray: base.gray[44],
600
+ customizableSoftGreen: base.customizable.green.dim[48],
601
+ customizableSoftMint: base.customizable.mint.dim[48],
602
+ customizableSoftOrange: base.customizable.orange.dim[48],
603
+ customizableSoftPurple: base.customizable.purple.dim[48],
604
+ customizableSoftRed: base.customizable.red.dim[48],
605
+ customizableSoftViolet: base.customizable.violet.dim[48],
606
+ customizableSoftYellow: base.customizable.yellow.dim[52],
1278
607
  },
1279
608
  });
1280
609
  };