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