ui-primitives 16.6.0 → 16.7.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 (6) hide show
  1. package/package.json +1 -1
  2. package/styles/colors_bluetint.json +1396 -0
  3. package/styles/colors_decorative.json +416 -0
  4. package/styles/colors_indigo.json +1396 -0
  5. package/styles/colors_qualitative.json +256 -0
  6. package/styles/colors_sequential.json +336 -0
package/styles/colors_indigo.json CHANGED
@@ -2,121 +2,169 @@
2
2
  "dark_accent_primary": {
3
3
  "rgba": "rgba(248, 58, 42, 1)",
4
4
  "hex": "#f83a2a",
5
+ "figma": "accent/primary",
6
+ "web": "--color-dark-accent-primary",
5
7
  "alias": "accentColorPrimary"
6
8
  },
7
9
  "dark_accent_primary_hover": {
8
10
  "rgba": "rgba(255, 80, 62, 1)",
9
11
  "hex": "#ff503e",
12
+ "figma": "accent/primary/hover",
13
+ "web": "--color-dark-accent-primary-hover",
10
14
  "alias": "accentColorPrimaryHover"
11
15
  },
12
16
  "dark_accent_primary_inverted": {
13
17
  "rgba": "rgba(239, 49, 36, 1)",
14
18
  "hex": "#ef3124",
19
+ "figma": "accent_inverted/primary",
20
+ "web": "--color-dark-accent-primary-inverted",
15
21
  "alias": "accentColorPrimaryInverted"
16
22
  },
17
23
  "dark_accent_primary_inverted_hover": {
18
24
  "rgba": "rgba(227, 42, 23, 1)",
19
25
  "hex": "#e32a17",
26
+ "figma": "accent_inverted/primary/hover",
27
+ "web": "--color-dark-accent-primary-inverted-hover",
20
28
  "alias": "accentColorPrimaryInvertedHover"
21
29
  },
22
30
  "dark_accent_primary_inverted_press": {
23
31
  "rgba": "rgba(215, 37, 5, 1)",
24
32
  "hex": "#d72505",
33
+ "figma": "accent_inverted/primary/press",
34
+ "web": "--color-dark-accent-primary-inverted-press",
25
35
  "alias": "accentColorPrimaryInvertedPress"
26
36
  },
27
37
  "dark_accent_primary_press": {
28
38
  "rgba": "rgba(253, 98, 78, 1)",
29
39
  "hex": "#fd624e",
40
+ "figma": "accent/primary/press",
41
+ "web": "--color-dark-accent-primary-press",
30
42
  "alias": "accentColorPrimaryPress"
31
43
  },
32
44
  "dark_accent_secondary": {
33
45
  "rgba": "rgba(255, 255, 255, 1)",
34
46
  "hex": "#ffffff",
47
+ "figma": "accent/secondary",
48
+ "web": "--color-dark-accent-secondary",
35
49
  "alias": "accentColorSecondary"
36
50
  },
37
51
  "dark_accent_secondary_hover": {
38
52
  "rgba": "rgba(231, 232, 235, 1)",
39
53
  "hex": "#e7e8eb",
54
+ "figma": "accent/secondary/hover",
55
+ "web": "--color-dark-accent-secondary-hover",
40
56
  "alias": "accentColorSecondaryHover"
41
57
  },
42
58
  "dark_accent_secondary_inverted": {
43
59
  "rgba": "rgba(14, 14, 14, 1)",
44
60
  "hex": "#0e0e0e",
61
+ "figma": "accent_inverted/secondary",
62
+ "web": "--color-dark-accent-secondary-inverted",
45
63
  "alias": "accentColorSecondaryInverted"
46
64
  },
47
65
  "dark_accent_secondary_inverted_hover": {
48
66
  "rgba": "rgba(41, 41, 44, 1)",
49
67
  "hex": "#29292c",
68
+ "figma": "accent_inverted/secondary/hover",
69
+ "web": "--color-dark-accent-secondary-inverted-hover",
50
70
  "alias": "accentColorSecondaryInvertedHover"
51
71
  },
52
72
  "dark_accent_secondary_inverted_press": {
53
73
  "rgba": "rgba(47, 47, 50, 1)",
54
74
  "hex": "#2f2f32",
75
+ "figma": "accent_inverted/secondary/press",
76
+ "web": "--color-dark-accent-secondary-inverted-press",
55
77
  "alias": "accentColorSecondaryInvertedPress"
56
78
  },
57
79
  "dark_accent_secondary_press": {
58
80
  "rgba": "rgba(210, 211, 217, 1)",
59
81
  "hex": "#d2d3d9",
82
+ "figma": "accent/secondary/press",
83
+ "web": "--color-dark-accent-secondary-press",
60
84
  "alias": "accentColorSecondaryPress"
61
85
  },
62
86
  "dark_base_bg_alt_primary": {
63
87
  "rgba": "rgba(14, 14, 14, 1)",
64
88
  "hex": "#0e0e0e",
89
+ "figma": "base-bg-alt/primary",
90
+ "web": "--color-dark-base-bg-alt-primary",
65
91
  "alias": "baseBgAltColorPrimary"
66
92
  },
67
93
  "dark_base_bg_alt_primary_inverted": {
68
94
  "rgba": "rgba(242, 243, 245, 1)",
69
95
  "hex": "#f2f3f5",
96
+ "figma": "base-bg-alt_inverted/primary",
97
+ "web": "--color-dark-base-bg-alt-primary-inverted",
70
98
  "alias": "baseBgAltColorPrimaryInverted"
71
99
  },
72
100
  "dark_base_bg_alt_secondary": {
73
101
  "rgba": "rgba(28, 28, 30, 1)",
74
102
  "hex": "#1c1c1e",
103
+ "figma": "base-bg-alt/secondary",
104
+ "web": "--color-dark-base-bg-alt-secondary",
75
105
  "alias": "baseBgAltColorSecondary"
76
106
  },
77
107
  "dark_base_bg_alt_secondary_inverted": {
78
108
  "rgba": "rgba(255, 255, 255, 1)",
79
109
  "hex": "#ffffff",
110
+ "figma": "base-bg-alt_inverted/secondary",
111
+ "web": "--color-dark-base-bg-alt-secondary-inverted",
80
112
  "alias": "baseBgAltColorSecondaryInverted"
81
113
  },
82
114
  "dark_base_bg_alt_tertiary": {
83
115
  "rgba": "rgba(41, 41, 44, 1)",
84
116
  "hex": "#29292c",
117
+ "figma": "base-bg-alt/tertiary",
118
+ "web": "--color-dark-base-bg-alt-tertiary",
85
119
  "alias": "baseBgAltColorTertiary"
86
120
  },
87
121
  "dark_base_bg_alt_tertiary_inverted": {
88
122
  "rgba": "rgba(242, 243, 245, 1)",
89
123
  "hex": "#f2f3f5",
124
+ "figma": "base-bg-alt_inverted/tertiary",
125
+ "web": "--color-dark-base-bg-alt-tertiary-inverted",
90
126
  "alias": "baseBgAltColorTertiaryInverted"
91
127
  },
92
128
  "dark_base_bg_primary": {
93
129
  "rgba": "rgba(14, 14, 14, 1)",
94
130
  "hex": "#0e0e0e",
131
+ "figma": "base-bg/primary",
132
+ "web": "--color-dark-base-bg-primary",
95
133
  "alias": "baseBgColorPrimary"
96
134
  },
97
135
  "dark_base_bg_primary_inverted": {
98
136
  "rgba": "rgba(255, 255, 255, 1)",
99
137
  "hex": "#ffffff",
138
+ "figma": "base-bg_inverted/primary",
139
+ "web": "--color-dark-base-bg-primary-inverted",
100
140
  "alias": "baseBgColorPrimaryInverted"
101
141
  },
102
142
  "dark_base_bg_secondary": {
103
143
  "rgba": "rgba(28, 28, 30, 1)",
104
144
  "hex": "#1c1c1e",
145
+ "figma": "base-bg/secondary",
146
+ "web": "--color-dark-base-bg-secondary",
105
147
  "alias": "baseBgColorSecondary"
106
148
  },
107
149
  "dark_base_bg_secondary_inverted": {
108
150
  "rgba": "rgba(242, 243, 245, 1)",
109
151
  "hex": "#f2f3f5",
152
+ "figma": "base-bg_inverted/secondary",
153
+ "web": "--color-dark-base-bg-secondary-inverted",
110
154
  "alias": "baseBgColorSecondaryInverted"
111
155
  },
112
156
  "dark_base_bg_tertiary": {
113
157
  "rgba": "rgba(41, 41, 44, 1)",
114
158
  "hex": "#29292c",
159
+ "figma": "base-bg/tertiary",
160
+ "web": "--color-dark-base-bg-tertiary",
115
161
  "alias": "baseBgColorTertiary"
116
162
  },
117
163
  "dark_base_bg_tertiary_inverted": {
118
164
  "rgba": "rgba(255, 255, 255, 1)",
119
165
  "hex": "#ffffff",
166
+ "figma": "base-bg_inverted/tertiary",
167
+ "web": "--color-dark-base-bg-tertiary-inverted",
120
168
  "alias": "baseBgColorTertiaryInverted"
121
169
  },
122
170
  "dark_bg_accent": {
@@ -322,536 +370,750 @@
322
370
  "dark_modal_bg_alt_primary": {
323
371
  "rgba": "rgba(28, 28, 30, 1)",
324
372
  "hex": "#1c1c1e",
373
+ "figma": "modal-bg-alt/primary",
374
+ "web": "--color-dark-modal-bg-alt-primary",
325
375
  "alias": "modalBgAltColorPrimary"
326
376
  },
327
377
  "dark_modal_bg_alt_primary_inverted": {
328
378
  "rgba": "rgba(242, 243, 245, 1)",
329
379
  "hex": "#f2f3f5",
380
+ "figma": "modal-bg-alt_inverted/primary",
381
+ "web": "--color-dark-modal-bg-alt-primary-inverted",
330
382
  "alias": "modalBgAltColorPrimaryInverted"
331
383
  },
332
384
  "dark_modal_bg_alt_secondary": {
333
385
  "rgba": "rgba(41, 41, 44, 1)",
334
386
  "hex": "#29292c",
387
+ "figma": "modal-bg-alt/secondary",
388
+ "web": "--color-dark-modal-bg-alt-secondary",
335
389
  "alias": "modalBgAltColorSecondary"
336
390
  },
337
391
  "dark_modal_bg_alt_secondary_inverted": {
338
392
  "rgba": "rgba(255, 255, 255, 1)",
339
393
  "hex": "#ffffff",
394
+ "figma": "modal-bg-alt_inverted/secondary",
395
+ "web": "--color-dark-modal-bg-alt-secondary-inverted",
340
396
  "alias": "modalBgAltColorSecondaryInverted"
341
397
  },
342
398
  "dark_modal_bg_alt_tertiary": {
343
399
  "rgba": "rgba(53, 53, 57, 1)",
344
400
  "hex": "#353539",
401
+ "figma": "modal-bg-alt/tertiary",
402
+ "web": "--color-dark-modal-bg-alt-tertiary",
345
403
  "alias": "modalBgAltColorTertiary"
346
404
  },
347
405
  "dark_modal_bg_alt_tertiary_inverted": {
348
406
  "rgba": "rgba(242, 243, 245, 1)",
349
407
  "hex": "#f2f3f5",
408
+ "figma": "modal-bg-alt_inverted/tertiary",
409
+ "web": "--color-dark-modal-bg-alt-tertiary-inverted",
350
410
  "alias": "modalBgAltColorTertiaryInverted"
351
411
  },
352
412
  "dark_modal_bg_primary": {
353
413
  "rgba": "rgba(28, 28, 30, 1)",
354
414
  "hex": "#1c1c1e",
415
+ "figma": "modal-bg/primary",
416
+ "web": "--color-dark-modal-bg-primary",
355
417
  "alias": "modalBgColorPrimary"
356
418
  },
357
419
  "dark_modal_bg_primary_inverted": {
358
420
  "rgba": "rgba(255, 255, 255, 1)",
359
421
  "hex": "#ffffff",
422
+ "figma": "modal-bg_inverted/primary",
423
+ "web": "--color-dark-modal-bg-primary-inverted",
360
424
  "alias": "modalBgColorPrimaryInverted"
361
425
  },
362
426
  "dark_modal_bg_secondary": {
363
427
  "rgba": "rgba(41, 41, 44, 1)",
364
428
  "hex": "#29292c",
429
+ "figma": "modal-bg/secondary",
430
+ "web": "--color-dark-modal-bg-secondary",
365
431
  "alias": "modalBgColorSecondary"
366
432
  },
367
433
  "dark_modal_bg_secondary_inverted": {
368
434
  "rgba": "rgba(242, 243, 245, 1)",
369
435
  "hex": "#f2f3f5",
436
+ "figma": "modal-bg_inverted/secondary",
437
+ "web": "--color-dark-modal-bg-secondary-inverted",
370
438
  "alias": "modalBgColorSecondaryInverted"
371
439
  },
372
440
  "dark_modal_bg_tertiary": {
373
441
  "rgba": "rgba(53, 53, 57, 1)",
374
442
  "hex": "#353539",
443
+ "figma": "modal-bg/tertiary",
444
+ "web": "--color-dark-modal-bg-tertiary",
375
445
  "alias": "modalBgColorTertiary"
376
446
  },
377
447
  "dark_modal_bg_tertiary_inverted": {
378
448
  "rgba": "rgba(255, 255, 255, 1)",
379
449
  "hex": "#ffffff",
450
+ "figma": "modal-bg_inverted/tertiary",
451
+ "web": "--color-dark-modal-bg-tertiary-inverted",
380
452
  "alias": "modalBgColorTertiaryInverted"
381
453
  },
382
454
  "dark_neutral_0": {
383
455
  "rgba": "rgba(41, 41, 44, 1)",
384
456
  "hex": "#29292c",
457
+ "figma": "neutral/0",
458
+ "web": "--color-dark-neutral-0",
385
459
  "alias": "neutralColor0"
386
460
  },
387
461
  "dark_neutral_0_hover": {
388
462
  "rgba": "rgba(47, 47, 50, 1)",
389
463
  "hex": "#2f2f32",
464
+ "figma": "neutral/0/hover",
465
+ "web": "--color-dark-neutral-0-hover",
390
466
  "alias": "neutralColor0Hover"
391
467
  },
392
468
  "dark_neutral_0_inverted": {
393
469
  "rgba": "rgba(255, 255, 255, 1)",
394
470
  "hex": "#ffffff",
471
+ "figma": "neutral_inverted/0",
472
+ "web": "--color-dark-neutral-0-inverted",
395
473
  "alias": "neutralColor0Inverted"
396
474
  },
397
475
  "dark_neutral_0_inverted_hover": {
398
476
  "rgba": "rgba(231, 232, 235, 1)",
399
477
  "hex": "#e7e8eb",
478
+ "figma": "neutral_inverted/0/hover",
479
+ "web": "--color-dark-neutral-0-inverted-hover",
400
480
  "alias": "neutralColor0InvertedHover"
401
481
  },
402
482
  "dark_neutral_0_inverted_press": {
403
483
  "rgba": "rgba(220, 221, 225, 1)",
404
484
  "hex": "#dcdde1",
485
+ "figma": "neutral_inverted/0/press",
486
+ "web": "--color-dark-neutral-0-inverted-press",
405
487
  "alias": "neutralColor0InvertedPress"
406
488
  },
407
489
  "dark_neutral_0_press": {
408
490
  "rgba": "rgba(53, 53, 57, 1)",
409
491
  "hex": "#353539",
492
+ "figma": "neutral/0/press",
493
+ "web": "--color-dark-neutral-0-press",
410
494
  "alias": "neutralColor0Press"
411
495
  },
412
496
  "dark_neutral_100": {
413
497
  "rgba": "rgba(28, 28, 30, 1)",
414
498
  "hex": "#1c1c1e",
499
+ "figma": "neutral/100",
500
+ "web": "--color-dark-neutral-100",
415
501
  "alias": "neutralColor100"
416
502
  },
417
503
  "dark_neutral_100_hover": {
418
504
  "rgba": "rgba(33, 33, 36, 1)",
419
505
  "hex": "#212124",
506
+ "figma": "neutral/100/hover",
507
+ "web": "--color-dark-neutral-100-hover",
420
508
  "alias": "neutralColor100Hover"
421
509
  },
422
510
  "dark_neutral_100_inverted": {
423
511
  "rgba": "rgba(242, 243, 245, 1)",
424
512
  "hex": "#f2f3f5",
513
+ "figma": "neutral_inverted/100",
514
+ "web": "--color-dark-neutral-100-inverted",
425
515
  "alias": "neutralColor100Inverted"
426
516
  },
427
517
  "dark_neutral_100_inverted_hover": {
428
518
  "rgba": "rgba(231, 232, 235, 1)",
429
519
  "hex": "#e7e8eb",
520
+ "figma": "neutral_inverted/100/hover",
521
+ "web": "--color-dark-neutral-100-inverted-hover",
430
522
  "alias": "neutralColor100InvertedHover"
431
523
  },
432
524
  "dark_neutral_100_inverted_press": {
433
525
  "rgba": "rgba(220, 221, 225, 1)",
434
526
  "hex": "#dcdde1",
527
+ "figma": "neutral_inverted/100/press",
528
+ "web": "--color-dark-neutral-100-inverted-press",
435
529
  "alias": "neutralColor100InvertedPress"
436
530
  },
437
531
  "dark_neutral_100_press": {
438
532
  "rgba": "rgba(41, 41, 44, 1)",
439
533
  "hex": "#29292c",
534
+ "figma": "neutral/100/press",
535
+ "web": "--color-dark-neutral-100-press",
440
536
  "alias": "neutralColor100Press"
441
537
  },
442
538
  "dark_neutral_1500": {
443
539
  "rgba": "rgba(255, 255, 255, 1)",
444
540
  "hex": "#ffffff",
541
+ "figma": "neutral/1500",
542
+ "web": "--color-dark-neutral-1500",
445
543
  "alias": "neutralColor1500"
446
544
  },
447
545
  "dark_neutral_1500_hover": {
448
546
  "rgba": "rgba(186, 187, 194, 1)",
449
547
  "hex": "#babbc2",
548
+ "figma": "neutral/1500/hover",
549
+ "web": "--color-dark-neutral-1500-hover",
450
550
  "alias": "neutralColor1500Hover"
451
551
  },
452
552
  "dark_neutral_1500_inverted": {
453
553
  "rgba": "rgba(14, 14, 14, 1)",
454
554
  "hex": "#0e0e0e",
555
+ "figma": "neutral_inverted/1500",
556
+ "web": "--color-dark-neutral-1500-inverted",
455
557
  "alias": "neutralColor1500Inverted"
456
558
  },
457
559
  "dark_neutral_1500_inverted_hover": {
458
560
  "rgba": "rgba(63, 63, 69, 1)",
459
561
  "hex": "#3f3f45",
562
+ "figma": "neutral_inverted/1500/hover",
563
+ "web": "--color-dark-neutral-1500-inverted-hover",
460
564
  "alias": "neutralColor1500InvertedHover"
461
565
  },
462
566
  "dark_neutral_1500_inverted_press": {
463
567
  "rgba": "rgba(95, 95, 102, 1)",
464
568
  "hex": "#5f5f66",
569
+ "figma": "neutral_inverted/1500/press",
570
+ "web": "--color-dark-neutral-1500-inverted-press",
465
571
  "alias": "neutralColor1500InvertedPress"
466
572
  },
467
573
  "dark_neutral_1500_press": {
468
574
  "rgba": "rgba(160, 161, 169, 1)",
469
575
  "hex": "#a0a1a9",
576
+ "figma": "neutral/1500/press",
577
+ "web": "--color-dark-neutral-1500-press",
470
578
  "alias": "neutralColor1500Press"
471
579
  },
472
580
  "dark_neutral_200": {
473
581
  "rgba": "rgba(33, 33, 36, 1)",
474
582
  "hex": "#212124",
583
+ "figma": "neutral/200",
584
+ "web": "--color-dark-neutral-200",
475
585
  "alias": "neutralColor200"
476
586
  },
477
587
  "dark_neutral_200_hover": {
478
588
  "rgba": "rgba(41, 41, 44, 1)",
479
589
  "hex": "#29292c",
590
+ "figma": "neutral/200/hover",
591
+ "web": "--color-dark-neutral-200-hover",
480
592
  "alias": "neutralColor200Hover"
481
593
  },
482
594
  "dark_neutral_200_inverted": {
483
595
  "rgba": "rgba(237, 238, 240, 1)",
484
596
  "hex": "#edeef0",
597
+ "figma": "neutral_inverted/200",
598
+ "web": "--color-dark-neutral-200-inverted",
485
599
  "alias": "neutralColor200Inverted"
486
600
  },
487
601
  "dark_neutral_200_inverted_hover": {
488
602
  "rgba": "rgba(231, 232, 235, 1)",
489
603
  "hex": "#e7e8eb",
604
+ "figma": "neutral_inverted/200/hover",
605
+ "web": "--color-dark-neutral-200-inverted-hover",
490
606
  "alias": "neutralColor200InvertedHover"
491
607
  },
492
608
  "dark_neutral_200_inverted_press": {
493
609
  "rgba": "rgba(220, 221, 225, 1)",
494
610
  "hex": "#dcdde1",
611
+ "figma": "neutral_inverted/200/press",
612
+ "web": "--color-dark-neutral-200-inverted-press",
495
613
  "alias": "neutralColor200InvertedPress"
496
614
  },
497
615
  "dark_neutral_200_press": {
498
616
  "rgba": "rgba(47, 47, 50, 1)",
499
617
  "hex": "#2f2f32",
618
+ "figma": "neutral/200/press",
619
+ "web": "--color-dark-neutral-200-press",
500
620
  "alias": "neutralColor200Press"
501
621
  },
502
622
  "dark_neutral_300": {
503
623
  "rgba": "rgba(41, 41, 44, 1)",
504
624
  "hex": "#29292c",
625
+ "figma": "neutral/300",
626
+ "web": "--color-dark-neutral-300",
505
627
  "alias": "neutralColor300"
506
628
  },
507
629
  "dark_neutral_300_hover": {
508
630
  "rgba": "rgba(47, 47, 50, 1)",
509
631
  "hex": "#2f2f32",
632
+ "figma": "neutral/300/hover",
633
+ "web": "--color-dark-neutral-300-hover",
510
634
  "alias": "neutralColor300Hover"
511
635
  },
512
636
  "dark_neutral_300_inverted": {
513
637
  "rgba": "rgba(231, 232, 235, 1)",
514
638
  "hex": "#e7e8eb",
639
+ "figma": "neutral_inverted/300",
640
+ "web": "--color-dark-neutral-300-inverted",
515
641
  "alias": "neutralColor300Inverted"
516
642
  },
517
643
  "dark_neutral_300_inverted_hover": {
518
644
  "rgba": "rgba(220, 221, 225, 1)",
519
645
  "hex": "#dcdde1",
646
+ "figma": "neutral_inverted/300/hover",
647
+ "web": "--color-dark-neutral-300-inverted-hover",
520
648
  "alias": "neutralColor300InvertedHover"
521
649
  },
522
650
  "dark_neutral_300_inverted_press": {
523
651
  "rgba": "rgba(210, 211, 217, 1)",
524
652
  "hex": "#d2d3d9",
653
+ "figma": "neutral_inverted/300/press",
654
+ "web": "--color-dark-neutral-300-inverted-press",
525
655
  "alias": "neutralColor300InvertedPress"
526
656
  },
527
657
  "dark_neutral_300_press": {
528
658
  "rgba": "rgba(53, 53, 57, 1)",
529
659
  "hex": "#353539",
660
+ "figma": "neutral/300/press",
661
+ "web": "--color-dark-neutral-300-press",
530
662
  "alias": "neutralColor300Press"
531
663
  },
532
664
  "dark_neutral_400": {
533
665
  "rgba": "rgba(53, 53, 57, 1)",
534
666
  "hex": "#353539",
667
+ "figma": "neutral/400",
668
+ "web": "--color-dark-neutral-400",
535
669
  "alias": "neutralColor400"
536
670
  },
537
671
  "dark_neutral_400_hover": {
538
672
  "rgba": "rgba(63, 63, 69, 1)",
539
673
  "hex": "#3f3f45",
674
+ "figma": "neutral/400/hover",
675
+ "web": "--color-dark-neutral-400-hover",
540
676
  "alias": "neutralColor400Hover"
541
677
  },
542
678
  "dark_neutral_400_inverted": {
543
679
  "rgba": "rgba(210, 211, 217, 1)",
544
680
  "hex": "#d2d3d9",
681
+ "figma": "neutral_inverted/400",
682
+ "web": "--color-dark-neutral-400-inverted",
545
683
  "alias": "neutralColor400Inverted"
546
684
  },
547
685
  "dark_neutral_400_inverted_hover": {
548
686
  "rgba": "rgba(186, 187, 194, 1)",
549
687
  "hex": "#babbc2",
688
+ "figma": "neutral_inverted/400/hover",
689
+ "web": "--color-dark-neutral-400-inverted-hover",
550
690
  "alias": "neutralColor400InvertedHover"
551
691
  },
552
692
  "dark_neutral_400_inverted_press": {
553
693
  "rgba": "rgba(160, 161, 169, 1)",
554
694
  "hex": "#a0a1a9",
695
+ "figma": "neutral_inverted/400/press",
696
+ "web": "--color-dark-neutral-400-inverted-press",
555
697
  "alias": "neutralColor400InvertedPress"
556
698
  },
557
699
  "dark_neutral_400_press": {
558
700
  "rgba": "rgba(74, 74, 81, 1)",
559
701
  "hex": "#4a4a51",
702
+ "figma": "neutral/400/press",
703
+ "web": "--color-dark-neutral-400-press",
560
704
  "alias": "neutralColor400Press"
561
705
  },
562
706
  "dark_neutral_500": {
563
707
  "rgba": "rgba(74, 74, 81, 1)",
564
708
  "hex": "#4a4a51",
709
+ "figma": "neutral/500",
710
+ "web": "--color-dark-neutral-500",
565
711
  "alias": "neutralColor500"
566
712
  },
567
713
  "dark_neutral_500_hover": {
568
714
  "rgba": "rgba(95, 95, 102, 1)",
569
715
  "hex": "#5f5f66",
716
+ "figma": "neutral/500/hover",
717
+ "web": "--color-dark-neutral-500-hover",
570
718
  "alias": "neutralColor500Hover"
571
719
  },
572
720
  "dark_neutral_500_inverted": {
573
721
  "rgba": "rgba(186, 187, 194, 1)",
574
722
  "hex": "#babbc2",
723
+ "figma": "neutral_inverted/500",
724
+ "web": "--color-dark-neutral-500-inverted",
575
725
  "alias": "neutralColor500Inverted"
576
726
  },
577
727
  "dark_neutral_500_inverted_hover": {
578
728
  "rgba": "rgba(160, 161, 169, 1)",
579
729
  "hex": "#a0a1a9",
730
+ "figma": "neutral_inverted/500/hover",
731
+ "web": "--color-dark-neutral-500-inverted-hover",
580
732
  "alias": "neutralColor500InvertedHover"
581
733
  },
582
734
  "dark_neutral_500_inverted_press": {
583
735
  "rgba": "rgba(137, 137, 145, 1)",
584
736
  "hex": "#898991",
737
+ "figma": "neutral_inverted/500/press",
738
+ "web": "--color-dark-neutral-500-inverted-press",
585
739
  "alias": "neutralColor500InvertedPress"
586
740
  },
587
741
  "dark_neutral_500_press": {
588
742
  "rgba": "rgba(117, 117, 125, 1)",
589
743
  "hex": "#75757d",
744
+ "figma": "neutral/500/press",
745
+ "web": "--color-dark-neutral-500-press",
590
746
  "alias": "neutralColor500Press"
591
747
  },
592
748
  "dark_neutral_700": {
593
749
  "rgba": "rgba(137, 137, 145, 1)",
594
750
  "hex": "#898991",
751
+ "figma": "neutral/700",
752
+ "web": "--color-dark-neutral-700",
595
753
  "alias": "neutralColor700"
596
754
  },
597
755
  "dark_neutral_700_hover": {
598
756
  "rgba": "rgba(160, 161, 169, 1)",
599
757
  "hex": "#a0a1a9",
758
+ "figma": "neutral/700/hover",
759
+ "web": "--color-dark-neutral-700-hover",
600
760
  "alias": "neutralColor700Hover"
601
761
  },
602
762
  "dark_neutral_700_inverted": {
603
763
  "rgba": "rgba(137, 137, 145, 1)",
604
764
  "hex": "#898991",
765
+ "figma": "neutral_inverted/700",
766
+ "web": "--color-dark-neutral-700-inverted",
605
767
  "alias": "neutralColor700Inverted"
606
768
  },
607
769
  "dark_neutral_700_inverted_hover": {
608
770
  "rgba": "rgba(117, 117, 125, 1)",
609
771
  "hex": "#75757d",
772
+ "figma": "neutral_inverted/700/hover",
773
+ "web": "--color-dark-neutral-700-inverted-hover",
610
774
  "alias": "neutralColor700InvertedHover"
611
775
  },
612
776
  "dark_neutral_700_inverted_press": {
613
777
  "rgba": "rgba(95, 95, 102, 1)",
614
778
  "hex": "#5f5f66",
779
+ "figma": "neutral_inverted/700/press",
780
+ "web": "--color-dark-neutral-700-inverted-press",
615
781
  "alias": "neutralColor700InvertedPress"
616
782
  },
617
783
  "dark_neutral_700_press": {
618
784
  "rgba": "rgba(186, 187, 194, 1)",
619
785
  "hex": "#babbc2",
786
+ "figma": "neutral/700/press",
787
+ "web": "--color-dark-neutral-700-press",
620
788
  "alias": "neutralColor700Press"
621
789
  },
622
790
  "dark_neutral_translucent_0": {
623
791
  "rgba": "rgba(214, 214, 229, 0.07)",
624
792
  "hex": "#12d6d6e5",
793
+ "figma": "neutral-translucent/0",
794
+ "web": "--color-dark-neutral-translucent-0",
625
795
  "alias": "neutralTranslucentColor0"
626
796
  },
627
797
  "dark_neutral_translucent_0_hover": {
628
798
  "rgba": "rgba(225, 225, 248, 0.09)",
629
799
  "hex": "#17e1e1f8",
800
+ "figma": "neutral-translucent/0/hover",
801
+ "web": "--color-dark-neutral-translucent-0-hover",
630
802
  "alias": "neutralTranslucentColor0Hover"
631
803
  },
632
804
  "dark_neutral_translucent_0_inverted": {
633
805
  "rgba": "rgba(255, 255, 255, 1)",
634
806
  "hex": "#ffffff",
807
+ "figma": "neutral-translucent_inverted/0",
808
+ "web": "--color-dark-neutral-translucent-0-inverted",
635
809
  "alias": "neutralTranslucentColor0Inverted"
636
810
  },
637
811
  "dark_neutral_translucent_0_inverted_hover": {
638
812
  "rgba": "rgba(38, 55, 88, 0.06)",
639
813
  "hex": "#0f263758",
814
+ "figma": "neutral-translucent_inverted/0/hover",
815
+ "web": "--color-dark-neutral-translucent-0-inverted-hover",
640
816
  "alias": "neutralTranslucentColor0InvertedHover"
641
817
  },
642
818
  "dark_neutral_translucent_0_inverted_press": {
643
819
  "rgba": "rgba(30, 43, 68, 0.08)",
644
820
  "hex": "#141e2b44",
821
+ "figma": "neutral-translucent_inverted/0/press",
822
+ "web": "--color-dark-neutral-translucent-0-inverted-press",
645
823
  "alias": "neutralTranslucentColor0InvertedPress"
646
824
  },
647
825
  "dark_neutral_translucent_0_press": {
648
826
  "rgba": "rgba(222, 222, 238, 0.13)",
649
827
  "hex": "#21dedeee",
828
+ "figma": "neutral-translucent/0/press",
829
+ "web": "--color-dark-neutral-translucent-0-press",
650
830
  "alias": "neutralTranslucentColor0Press"
651
831
  },
652
832
  "dark_neutral_translucent_100": {
653
833
  "rgba": "rgba(214, 214, 229, 0.07)",
654
834
  "hex": "#12d6d6e5",
835
+ "figma": "neutral-translucent/100",
836
+ "web": "--color-dark-neutral-translucent-100",
655
837
  "alias": "neutralTranslucentColor100"
656
838
  },
657
839
  "dark_neutral_translucent_100_hover": {
658
840
  "rgba": "rgba(225, 225, 248, 0.09)",
659
841
  "hex": "#17e1e1f8",
842
+ "figma": "neutral-translucent/100/hover",
843
+ "web": "--color-dark-neutral-translucent-100-hover",
660
844
  "alias": "neutralTranslucentColor100Hover"
661
845
  },
662
846
  "dark_neutral_translucent_100_inverted": {
663
847
  "rgba": "rgba(38, 55, 88, 0.06)",
664
848
  "hex": "#0f263758",
849
+ "figma": "neutral-translucent_inverted/100",
850
+ "web": "--color-dark-neutral-translucent-100-inverted",
665
851
  "alias": "neutralTranslucentColor100Inverted"
666
852
  },
667
853
  "dark_neutral_translucent_100_inverted_hover": {
668
854
  "rgba": "rgba(15, 25, 55, 0.1)",
669
855
  "hex": "#1a0f1937",
856
+ "figma": "neutral-translucent_inverted/100/hover",
857
+ "web": "--color-dark-neutral-translucent-100-inverted-hover",
670
858
  "alias": "neutralTranslucentColor100InvertedHover"
671
859
  },
672
860
  "dark_neutral_translucent_100_inverted_press": {
673
861
  "rgba": "rgba(5, 12, 41, 0.14)",
674
862
  "hex": "#24050c29",
863
+ "figma": "neutral-translucent_inverted/100/press",
864
+ "web": "--color-dark-neutral-translucent-100-inverted-press",
675
865
  "alias": "neutralTranslucentColor100InvertedPress"
676
866
  },
677
867
  "dark_neutral_translucent_100_press": {
678
868
  "rgba": "rgba(222, 222, 238, 0.13)",
679
869
  "hex": "#21dedeee",
870
+ "figma": "neutral-translucent/100/press",
871
+ "web": "--color-dark-neutral-translucent-100-press",
680
872
  "alias": "neutralTranslucentColor100Press"
681
873
  },
682
874
  "dark_neutral_translucent_1500_hover": {
683
875
  "rgba": "rgba(243, 245, 254, 0.75)",
684
876
  "hex": "#bff3f5fe",
877
+ "figma": "neutral-translucent/1500/hover",
878
+ "web": "--color-dark-neutral-translucent-1500-hover",
685
879
  "alias": "neutralTranslucentColor1500Hover"
686
880
  },
687
881
  "dark_neutral_translucent_1500_inverted_hover": {
688
882
  "rgba": "rgba(2, 2, 10, 0.76)",
689
883
  "hex": "#c202020a",
884
+ "figma": "neutral-translucent_inverted/1500/hover",
885
+ "web": "--color-dark-neutral-translucent-1500-inverted-hover",
690
886
  "alias": "neutralTranslucentColor1500InvertedHover"
691
887
  },
692
888
  "dark_neutral_translucent_1500_inverted_press": {
693
889
  "rgba": "rgba(1, 1, 12, 0.63)",
694
890
  "hex": "#a101010c",
891
+ "figma": "neutral-translucent_inverted/1500/press",
892
+ "web": "--color-dark-neutral-translucent-1500-inverted-press",
695
893
  "alias": "neutralTranslucentColor1500InvertedPress"
696
894
  },
697
895
  "dark_neutral_translucent_1500_press": {
698
896
  "rgba": "rgba(239, 240, 252, 0.65)",
699
897
  "hex": "#a6eff0fc",
898
+ "figma": "neutral-translucent/1500/press",
899
+ "web": "--color-dark-neutral-translucent-1500-press",
700
900
  "alias": "neutralTranslucentColor1500Press"
701
901
  },
702
902
  "dark_neutral_translucent_200": {
703
903
  "rgba": "rgba(225, 225, 248, 0.09)",
704
904
  "hex": "#17e1e1f8",
905
+ "figma": "neutral-translucent/200",
906
+ "web": "--color-dark-neutral-translucent-200",
705
907
  "alias": "neutralTranslucentColor200"
706
908
  },
707
909
  "dark_neutral_translucent_200_hover": {
708
910
  "rgba": "rgba(222, 222, 238, 0.13)",
709
911
  "hex": "#21dedeee",
912
+ "figma": "neutral-translucent/200/hover",
913
+ "web": "--color-dark-neutral-translucent-200-hover",
710
914
  "alias": "neutralTranslucentColor200Hover"
711
915
  },
712
916
  "dark_neutral_translucent_200_inverted": {
713
917
  "rgba": "rgba(30, 43, 68, 0.08)",
714
918
  "hex": "#141e2b44",
919
+ "figma": "neutral-translucent_inverted/200",
920
+ "web": "--color-dark-neutral-translucent-200-inverted",
715
921
  "alias": "neutralTranslucentColor200Inverted"
716
922
  },
717
923
  "dark_neutral_translucent_200_inverted_hover": {
718
924
  "rgba": "rgba(15, 25, 55, 0.1)",
719
925
  "hex": "#1a0f1937",
926
+ "figma": "neutral-translucent_inverted/200/hover",
927
+ "web": "--color-dark-neutral-translucent-200-inverted-hover",
720
928
  "alias": "neutralTranslucentColor200InvertedHover"
721
929
  },
722
930
  "dark_neutral_translucent_200_inverted_press": {
723
931
  "rgba": "rgba(5, 12, 41, 0.14)",
724
932
  "hex": "#24050c29",
933
+ "figma": "neutral-translucent_inverted/200/press",
934
+ "web": "--color-dark-neutral-translucent-200-inverted-press",
725
935
  "alias": "neutralTranslucentColor200InvertedPress"
726
936
  },
727
937
  "dark_neutral_translucent_200_press": {
728
938
  "rgba": "rgba(234, 234, 248, 0.15)",
729
939
  "hex": "#26eaeaf8",
940
+ "figma": "neutral-translucent/200/press",
941
+ "web": "--color-dark-neutral-translucent-200-press",
730
942
  "alias": "neutralTranslucentColor200Press"
731
943
  },
732
944
  "dark_neutral_translucent_300": {
733
945
  "rgba": "rgba(222, 222, 238, 0.13)",
734
946
  "hex": "#21dedeee",
947
+ "figma": "neutral-translucent/300",
948
+ "web": "--color-dark-neutral-translucent-300",
735
949
  "alias": "neutralTranslucentColor300"
736
950
  },
737
951
  "dark_neutral_translucent_300_hover": {
738
952
  "rgba": "rgba(234, 234, 248, 0.15)",
739
953
  "hex": "#26eaeaf8",
954
+ "figma": "neutral-translucent/300/hover",
955
+ "web": "--color-dark-neutral-translucent-300-hover",
740
956
  "alias": "neutralTranslucentColor300Hover"
741
957
  },
742
958
  "dark_neutral_translucent_300_inverted": {
743
959
  "rgba": "rgba(15, 25, 55, 0.1)",
744
960
  "hex": "#1a0f1937",
961
+ "figma": "neutral-translucent_inverted/300",
962
+ "web": "--color-dark-neutral-translucent-300-inverted",
745
963
  "alias": "neutralTranslucentColor300Inverted"
746
964
  },
747
965
  "dark_neutral_translucent_300_inverted_hover": {
748
966
  "rgba": "rgba(5, 12, 41, 0.14)",
749
967
  "hex": "#24050c29",
968
+ "figma": "neutral-translucent_inverted/300/hover",
969
+ "web": "--color-dark-neutral-translucent-300-inverted-hover",
750
970
  "alias": "neutralTranslucentColor300InvertedHover"
751
971
  },
752
972
  "dark_neutral_translucent_300_inverted_press": {
753
973
  "rgba": "rgba(5, 11, 44, 0.18)",
754
974
  "hex": "#2e050b2c",
975
+ "figma": "neutral-translucent_inverted/300/press",
976
+ "web": "--color-dark-neutral-translucent-300-inverted-press",
755
977
  "alias": "neutralTranslucentColor300InvertedPress"
756
978
  },
757
979
  "dark_neutral_translucent_300_press": {
758
980
  "rgba": "rgba(231, 231, 248, 0.18)",
759
981
  "hex": "#2ee7e7f8",
982
+ "figma": "neutral-translucent/300/press",
983
+ "web": "--color-dark-neutral-translucent-300-press",
760
984
  "alias": "neutralTranslucentColor300Press"
761
985
  },
762
986
  "dark_neutral_translucent_400": {
763
987
  "rgba": "rgba(231, 231, 248, 0.18)",
764
988
  "hex": "#2ee7e7f8",
989
+ "figma": "neutral-translucent/400",
990
+ "web": "--color-dark-neutral-translucent-400",
765
991
  "alias": "neutralTranslucentColor400"
766
992
  },
767
993
  "dark_neutral_translucent_400_hover": {
768
994
  "rgba": "rgba(227, 227, 250, 0.23)",
769
995
  "hex": "#3be3e3fa",
996
+ "figma": "neutral-translucent/400/hover",
997
+ "web": "--color-dark-neutral-translucent-400-hover",
770
998
  "alias": "neutralTranslucentColor400Hover"
771
999
  },
772
1000
  "dark_neutral_translucent_400_inverted": {
773
1001
  "rgba": "rgba(5, 11, 44, 0.18)",
774
1002
  "hex": "#2e050b2c",
1003
+ "figma": "neutral-translucent_inverted/400",
1004
+ "web": "--color-dark-neutral-translucent-400-inverted",
775
1005
  "alias": "neutralTranslucentColor400Inverted"
776
1006
  },
777
1007
  "dark_neutral_translucent_400_inverted_hover": {
778
1008
  "rgba": "rgba(9, 12, 37, 0.28)",
779
1009
  "hex": "#47090c25",
1010
+ "figma": "neutral-translucent_inverted/400/hover",
1011
+ "web": "--color-dark-neutral-translucent-400-inverted-hover",
780
1012
  "alias": "neutralTranslucentColor400InvertedHover"
781
1013
  },
782
1014
  "dark_neutral_translucent_400_inverted_press": {
783
1015
  "rgba": "rgba(5, 8, 29, 0.38)",
784
1016
  "hex": "#6105081d",
1017
+ "figma": "neutral-translucent_inverted/400/press",
1018
+ "web": "--color-dark-neutral-translucent-400-inverted-press",
785
1019
  "alias": "neutralTranslucentColor400InvertedPress"
786
1020
  },
787
1021
  "dark_neutral_translucent_400_press": {
788
1022
  "rgba": "rgba(228, 228, 251, 0.28)",
789
1023
  "hex": "#47e4e4fb",
1024
+ "figma": "neutral-translucent/400/press",
1025
+ "web": "--color-dark-neutral-translucent-400-press",
790
1026
  "alias": "neutralTranslucentColor400Press"
791
1027
  },
792
1028
  "dark_neutral_translucent_500": {
793
1029
  "rgba": "rgba(228, 228, 251, 0.28)",
794
1030
  "hex": "#47e4e4fb",
1031
+ "figma": "neutral-translucent/500",
1032
+ "web": "--color-dark-neutral-translucent-500",
795
1033
  "alias": "neutralTranslucentColor500"
796
1034
  },
797
1035
  "dark_neutral_translucent_500_hover": {
798
1036
  "rgba": "rgba(233, 233, 250, 0.37)",
799
1037
  "hex": "#5ee9e9fa",
1038
+ "figma": "neutral-translucent/500/hover",
1039
+ "web": "--color-dark-neutral-translucent-500-hover",
800
1040
  "alias": "neutralTranslucentColor500Hover"
801
1041
  },
802
1042
  "dark_neutral_translucent_500_inverted": {
803
1043
  "rgba": "rgba(9, 12, 37, 0.28)",
804
1044
  "hex": "#47090c25",
1045
+ "figma": "neutral-translucent_inverted/500",
1046
+ "web": "--color-dark-neutral-translucent-500-inverted",
805
1047
  "alias": "neutralTranslucentColor500Inverted"
806
1048
  },
807
1049
  "dark_neutral_translucent_500_inverted_hover": {
808
1050
  "rgba": "rgba(5, 8, 29, 0.38)",
809
1051
  "hex": "#6105081d",
1052
+ "figma": "neutral-translucent_inverted/500/hover",
1053
+ "web": "--color-dark-neutral-translucent-500-inverted-hover",
810
1054
  "alias": "neutralTranslucentColor500InvertedHover"
811
1055
  },
812
1056
  "dark_neutral_translucent_500_inverted_press": {
813
1057
  "rgba": "rgba(4, 4, 21, 0.47)",
814
1058
  "hex": "#78040415",
1059
+ "figma": "neutral-translucent_inverted/500/press",
1060
+ "web": "--color-dark-neutral-translucent-500-inverted-press",
815
1061
  "alias": "neutralTranslucentColor500InvertedPress"
816
1062
  },
817
1063
  "dark_neutral_translucent_500_press": {
818
1064
  "rgba": "rgba(238, 238, 254, 0.46)",
819
1065
  "hex": "#75eeeefe",
1066
+ "figma": "neutral-translucent/500/press",
1067
+ "web": "--color-dark-neutral-translucent-500-press",
820
1068
  "alias": "neutralTranslucentColor500Press"
821
1069
  },
822
1070
  "dark_neutral_translucent_700": {
823
1071
  "rgba": "rgba(238, 238, 251, 0.55)",
824
1072
  "hex": "#8ceeeefb",
1073
+ "figma": "neutral-translucent/700",
1074
+ "web": "--color-dark-neutral-translucent-700",
825
1075
  "alias": "neutralTranslucentColor700"
826
1076
  },
827
1077
  "dark_neutral_translucent_700_hover": {
828
1078
  "rgba": "rgba(239, 240, 252, 0.65)",
829
1079
  "hex": "#a6eff0fc",
1080
+ "figma": "neutral-translucent/700/hover",
1081
+ "web": "--color-dark-neutral-translucent-700-hover",
830
1082
  "alias": "neutralTranslucentColor700Hover"
831
1083
  },
832
1084
  "dark_neutral_translucent_700_inverted": {
833
1085
  "rgba": "rgba(4, 4, 21, 0.47)",
834
1086
  "hex": "#78040415",
1087
+ "figma": "neutral-translucent_inverted/700",
1088
+ "web": "--color-dark-neutral-translucent-700-inverted",
835
1089
  "alias": "neutralTranslucentColor700Inverted"
836
1090
  },
837
1091
  "dark_neutral_translucent_700_inverted_hover": {
838
1092
  "rgba": "rgba(4, 4, 19, 0.55)",
839
1093
  "hex": "#8c040413",
1094
+ "figma": "neutral-translucent_inverted/700/hover",
1095
+ "web": "--color-dark-neutral-translucent-700-inverted-hover",
840
1096
  "alias": "neutralTranslucentColor700InvertedHover"
841
1097
  },
842
1098
  "dark_neutral_translucent_700_inverted_press": {
843
1099
  "rgba": "rgba(1, 1, 12, 0.63)",
844
1100
  "hex": "#a101010c",
1101
+ "figma": "neutral-translucent_inverted/700/press",
1102
+ "web": "--color-dark-neutral-translucent-700-inverted-press",
845
1103
  "alias": "neutralTranslucentColor700InvertedPress"
846
1104
  },
847
1105
  "dark_neutral_translucent_700_press": {
848
1106
  "rgba": "rgba(243, 245, 254, 0.75)",
849
1107
  "hex": "#bff3f5fe",
1108
+ "figma": "neutral-translucent/700/press",
1109
+ "web": "--color-dark-neutral-translucent-700-press",
850
1110
  "alias": "neutralTranslucentColor700Press"
851
1111
  },
852
1112
  "dark_overlay_default": {
853
1113
  "rgba": "rgba(0, 0, 0, 0.7)",
854
1114
  "hex": "#b3000000",
1115
+ "figma": "overlay/default",
1116
+ "web": "--color-dark-overlay-default",
855
1117
  "alias": "overlayColorDefault"
856
1118
  },
857
1119
  "dark_specialbg_component": {
@@ -912,361 +1174,505 @@
912
1174
  "dark_status_attention": {
913
1175
  "rgba": "rgba(253, 161, 54, 1)",
914
1176
  "hex": "#fda136",
1177
+ "figma": "status/attention",
1178
+ "web": "--color-dark-status-attention",
915
1179
  "alias": "statusColorAttention"
916
1180
  },
917
1181
  "dark_status_attention_hover": {
918
1182
  "rgba": "rgba(253, 178, 77, 1)",
919
1183
  "hex": "#fdb24d",
1184
+ "figma": "status/attention/hover",
1185
+ "web": "--color-dark-status-attention-hover",
920
1186
  "alias": "statusColorAttentionHover"
921
1187
  },
922
1188
  "dark_status_attention_inverted": {
923
1189
  "rgba": "rgba(250, 147, 19, 1)",
924
1190
  "hex": "#fa9313",
1191
+ "figma": "status_inverted/attention",
1192
+ "web": "--color-dark-status-attention-inverted",
925
1193
  "alias": "statusColorAttentionInverted"
926
1194
  },
927
1195
  "dark_status_attention_inverted_hover": {
928
1196
  "rgba": "rgba(241, 141, 11, 1)",
929
1197
  "hex": "#f18d0b",
1198
+ "figma": "status_inverted/attention/hover",
1199
+ "web": "--color-dark-status-attention-inverted-hover",
930
1200
  "alias": "statusColorAttentionInvertedHover"
931
1201
  },
932
1202
  "dark_status_attention_inverted_press": {
933
1203
  "rgba": "rgba(234, 131, 19, 1)",
934
1204
  "hex": "#ea8313",
1205
+ "figma": "status_inverted/attention/press",
1206
+ "web": "--color-dark-status-attention-inverted-press",
935
1207
  "alias": "statusColorAttentionInvertedPress"
936
1208
  },
937
1209
  "dark_status_attention_press": {
938
1210
  "rgba": "rgba(255, 191, 112, 1)",
939
1211
  "hex": "#ffbf70",
1212
+ "figma": "status/attention/press",
1213
+ "web": "--color-dark-status-attention-press",
940
1214
  "alias": "statusColorAttentionPress"
941
1215
  },
942
1216
  "dark_status_info": {
943
1217
  "rgba": "rgba(49, 147, 252, 1)",
944
1218
  "hex": "#3193fc",
1219
+ "figma": "status/info",
1220
+ "web": "--color-dark-status-info",
945
1221
  "alias": "statusColorInfo"
946
1222
  },
947
1223
  "dark_status_info_hover": {
948
1224
  "rgba": "rgba(74, 157, 252, 1)",
949
1225
  "hex": "#4a9dfc",
1226
+ "figma": "status/info/hover",
1227
+ "web": "--color-dark-status-info-hover",
950
1228
  "alias": "statusColorInfoHover"
951
1229
  },
952
1230
  "dark_status_info_inverted": {
953
1231
  "rgba": "rgba(34, 136, 250, 1)",
954
1232
  "hex": "#2288fa",
1233
+ "figma": "status_inverted/info",
1234
+ "web": "--color-dark-status-info-inverted",
955
1235
  "alias": "statusColorInfoInverted"
956
1236
  },
957
1237
  "dark_status_info_inverted_hover": {
958
1238
  "rgba": "rgba(42, 119, 239, 1)",
959
1239
  "hex": "#2a77ef",
1240
+ "figma": "status_inverted/info/hover",
1241
+ "web": "--color-dark-status-info-inverted-hover",
960
1242
  "alias": "statusColorInfoInvertedHover"
961
1243
  },
962
1244
  "dark_status_info_inverted_press": {
963
1245
  "rgba": "rgba(44, 100, 212, 1)",
964
1246
  "hex": "#2c64d4",
1247
+ "figma": "status_inverted/info/press",
1248
+ "web": "--color-dark-status-info-inverted-press",
965
1249
  "alias": "statusColorInfoInvertedPress"
966
1250
  },
967
1251
  "dark_status_info_press": {
968
1252
  "rgba": "rgba(99, 170, 253, 1)",
969
1253
  "hex": "#63aafd",
1254
+ "figma": "status/info/press",
1255
+ "web": "--color-dark-status-info-press",
970
1256
  "alias": "statusColorInfoPress"
971
1257
  },
972
1258
  "dark_status_muted_alt_attention": {
973
1259
  "rgba": "rgba(65, 47, 34, 1)",
974
1260
  "hex": "#412f22",
1261
+ "figma": "status-muted-alt/attention",
1262
+ "web": "--color-dark-status-muted-alt-attention",
975
1263
  "alias": "statusMutedAltColorAttention"
976
1264
  },
977
1265
  "dark_status_muted_alt_attention_hover": {
978
1266
  "rgba": "rgba(79, 54, 35, 1)",
979
1267
  "hex": "#4f3623",
1268
+ "figma": "status-muted-alt/attention/hover",
1269
+ "web": "--color-dark-status-muted-alt-attention-hover",
980
1270
  "alias": "statusMutedAltColorAttentionHover"
981
1271
  },
982
1272
  "dark_status_muted_alt_attention_inverted": {
983
1273
  "rgba": "rgba(253, 230, 200, 1)",
984
1274
  "hex": "#fde6c8",
1275
+ "figma": "status-muted-alt_inverted/attention",
1276
+ "web": "--color-dark-status-muted-alt-attention-inverted",
985
1277
  "alias": "statusMutedAltColorAttentionInverted"
986
1278
  },
987
1279
  "dark_status_muted_alt_attention_inverted_hover": {
988
1280
  "rgba": "rgba(246, 215, 175, 1)",
989
1281
  "hex": "#f6d7af",
1282
+ "figma": "status-muted-alt_inverted/attention/hover",
1283
+ "web": "--color-dark-status-muted-alt-attention-inverted-hover",
990
1284
  "alias": "statusMutedAltColorAttentionInvertedHover"
991
1285
  },
992
1286
  "dark_status_muted_alt_attention_inverted_press": {
993
1287
  "rgba": "rgba(238, 197, 150, 1)",
994
1288
  "hex": "#eec596",
1289
+ "figma": "status-muted-alt_inverted/attention/press",
1290
+ "web": "--color-dark-status-muted-alt-attention-inverted-press",
995
1291
  "alias": "statusMutedAltColorAttentionInvertedPress"
996
1292
  },
997
1293
  "dark_status_muted_alt_attention_press": {
998
1294
  "rgba": "rgba(99, 65, 40, 1)",
999
1295
  "hex": "#634128",
1296
+ "figma": "status-muted-alt/attention/press",
1297
+ "web": "--color-dark-status-muted-alt-attention-press",
1000
1298
  "alias": "statusMutedAltColorAttentionPress"
1001
1299
  },
1002
1300
  "dark_status_muted_alt_info": {
1003
1301
  "rgba": "rgba(41, 48, 68, 1)",
1004
1302
  "hex": "#293044",
1303
+ "figma": "status-muted-alt/info",
1304
+ "web": "--color-dark-status-muted-alt-info",
1005
1305
  "alias": "statusMutedAltColorInfo"
1006
1306
  },
1007
1307
  "dark_status_muted_alt_info_hover": {
1008
1308
  "rgba": "rgba(48, 58, 85, 1)",
1009
1309
  "hex": "#303a55",
1310
+ "figma": "status-muted-alt/info/hover",
1311
+ "web": "--color-dark-status-muted-alt-info-hover",
1010
1312
  "alias": "statusMutedAltColorInfoHover"
1011
1313
  },
1012
1314
  "dark_status_muted_alt_info_inverted": {
1013
1315
  "rgba": "rgba(228, 240, 255, 1)",
1014
1316
  "hex": "#e4f0ff",
1317
+ "figma": "status-muted-alt_inverted/info",
1318
+ "web": "--color-dark-status-muted-alt-info-inverted",
1015
1319
  "alias": "statusMutedAltColorInfoInverted"
1016
1320
  },
1017
1321
  "dark_status_muted_alt_info_inverted_hover": {
1018
1322
  "rgba": "rgba(196, 222, 250, 1)",
1019
1323
  "hex": "#c4defa",
1324
+ "figma": "status-muted-alt_inverted/info/hover",
1325
+ "web": "--color-dark-status-muted-alt-info-inverted-hover",
1020
1326
  "alias": "statusMutedAltColorInfoInvertedHover"
1021
1327
  },
1022
1328
  "dark_status_muted_alt_info_inverted_press": {
1023
1329
  "rgba": "rgba(174, 204, 241, 1)",
1024
1330
  "hex": "#aeccf1",
1331
+ "figma": "status-muted-alt_inverted/info/press",
1332
+ "web": "--color-dark-status-muted-alt-info-inverted-press",
1025
1333
  "alias": "statusMutedAltColorInfoInvertedPress"
1026
1334
  },
1027
1335
  "dark_status_muted_alt_info_press": {
1028
1336
  "rgba": "rgba(58, 69, 106, 1)",
1029
1337
  "hex": "#3a456a",
1338
+ "figma": "status-muted-alt/info/press",
1339
+ "web": "--color-dark-status-muted-alt-info-press",
1030
1340
  "alias": "statusMutedAltColorInfoPress"
1031
1341
  },
1032
1342
  "dark_status_muted_alt_negative": {
1033
1343
  "rgba": "rgba(68, 41, 38, 1)",
1034
1344
  "hex": "#442926",
1345
+ "figma": "status-muted-alt/negative",
1346
+ "web": "--color-dark-status-muted-alt-negative",
1035
1347
  "alias": "statusMutedAltColorNegative"
1036
1348
  },
1037
1349
  "dark_status_muted_alt_negative_hover": {
1038
1350
  "rgba": "rgba(86, 48, 45, 1)",
1039
1351
  "hex": "#56302d",
1352
+ "figma": "status-muted-alt/negative/hover",
1353
+ "web": "--color-dark-status-muted-alt-negative-hover",
1040
1354
  "alias": "statusMutedAltColorNegativeHover"
1041
1355
  },
1042
1356
  "dark_status_muted_alt_negative_inverted": {
1043
1357
  "rgba": "rgba(255, 223, 223, 1)",
1044
1358
  "hex": "#ffdfdf",
1359
+ "figma": "status-muted-alt_inverted/negative",
1360
+ "web": "--color-dark-status-muted-alt-negative-inverted",
1045
1361
  "alias": "statusMutedAltColorNegativeInverted"
1046
1362
  },
1047
1363
  "dark_status_muted_alt_negative_inverted_hover": {
1048
1364
  "rgba": "rgba(250, 204, 202, 1)",
1049
1365
  "hex": "#faccca",
1366
+ "figma": "status-muted-alt_inverted/negative/hover",
1367
+ "web": "--color-dark-status-muted-alt-negative-inverted-hover",
1050
1368
  "alias": "statusMutedAltColorNegativeInvertedHover"
1051
1369
  },
1052
1370
  "dark_status_muted_alt_negative_inverted_press": {
1053
1371
  "rgba": "rgba(241, 183, 176, 1)",
1054
1372
  "hex": "#f1b7b0",
1373
+ "figma": "status-muted-alt_inverted/negative/press",
1374
+ "web": "--color-dark-status-muted-alt-negative-inverted-press",
1055
1375
  "alias": "statusMutedAltColorNegativeInvertedPress"
1056
1376
  },
1057
1377
  "dark_status_muted_alt_negative_press": {
1058
1378
  "rgba": "rgba(108, 59, 52, 1)",
1059
1379
  "hex": "#6c3b34",
1380
+ "figma": "status-muted-alt/negative/press",
1381
+ "web": "--color-dark-status-muted-alt-negative-press",
1060
1382
  "alias": "statusMutedAltColorNegativePress"
1061
1383
  },
1062
1384
  "dark_status_muted_alt_positive": {
1063
1385
  "rgba": "rgba(37, 53, 40, 1)",
1064
1386
  "hex": "#253528",
1387
+ "figma": "status-muted-alt/positive",
1388
+ "web": "--color-dark-status-muted-alt-positive",
1065
1389
  "alias": "statusMutedAltColorPositive"
1066
1390
  },
1067
1391
  "dark_status_muted_alt_positive_hover": {
1068
1392
  "rgba": "rgba(40, 63, 45, 1)",
1069
1393
  "hex": "#283f2d",
1394
+ "figma": "status-muted-alt/positive/hover",
1395
+ "web": "--color-dark-status-muted-alt-positive-hover",
1070
1396
  "alias": "statusMutedAltColorPositiveHover"
1071
1397
  },
1072
1398
  "dark_status_muted_alt_positive_inverted": {
1073
1399
  "rgba": "rgba(209, 241, 215, 1)",
1074
1400
  "hex": "#d1f1d7",
1401
+ "figma": "status-muted-alt_inverted/positive",
1402
+ "web": "--color-dark-status-muted-alt-positive-inverted",
1075
1403
  "alias": "statusMutedAltColorPositiveInverted"
1076
1404
  },
1077
1405
  "dark_status_muted_alt_positive_inverted_hover": {
1078
1406
  "rgba": "rgba(186, 230, 194, 1)",
1079
1407
  "hex": "#bae6c2",
1408
+ "figma": "status-muted-alt_inverted/positive/hover",
1409
+ "web": "--color-dark-status-muted-alt-positive-inverted-hover",
1080
1410
  "alias": "statusMutedAltColorPositiveInvertedHover"
1081
1411
  },
1082
1412
  "dark_status_muted_alt_positive_inverted_press": {
1083
1413
  "rgba": "rgba(161, 215, 168, 1)",
1084
1414
  "hex": "#a1d7a8",
1415
+ "figma": "status-muted-alt_inverted/positive/press",
1416
+ "web": "--color-dark-status-muted-alt-positive-inverted-press",
1085
1417
  "alias": "statusMutedAltColorPositiveInvertedPress"
1086
1418
  },
1087
1419
  "dark_status_muted_alt_positive_press": {
1088
1420
  "rgba": "rgba(45, 77, 50, 1)",
1089
1421
  "hex": "#2d4d32",
1422
+ "figma": "status-muted-alt/positive/press",
1423
+ "web": "--color-dark-status-muted-alt-positive-press",
1090
1424
  "alias": "statusMutedAltColorPositivePress"
1091
1425
  },
1092
1426
  "dark_status_muted_attention": {
1093
1427
  "rgba": "rgba(54, 41, 31, 1)",
1094
1428
  "hex": "#36291f",
1429
+ "figma": "status-muted/attention",
1430
+ "web": "--color-dark-status-muted-attention",
1095
1431
  "alias": "statusMutedColorAttention"
1096
1432
  },
1097
1433
  "dark_status_muted_attention_hover": {
1098
1434
  "rgba": "rgba(65, 47, 34, 1)",
1099
1435
  "hex": "#412f22",
1436
+ "figma": "status-muted/attention/hover",
1437
+ "web": "--color-dark-status-muted-attention-hover",
1100
1438
  "alias": "statusMutedColorAttentionHover"
1101
1439
  },
1102
1440
  "dark_status_muted_attention_inverted": {
1103
1441
  "rgba": "rgba(255, 239, 217, 1)",
1104
1442
  "hex": "#ffefd9",
1443
+ "figma": "status-muted_inverted/attention",
1444
+ "web": "--color-dark-status-muted-attention-inverted",
1105
1445
  "alias": "statusMutedColorAttentionInverted"
1106
1446
  },
1107
1447
  "dark_status_muted_attention_inverted_hover": {
1108
1448
  "rgba": "rgba(253, 230, 200, 1)",
1109
1449
  "hex": "#fde6c8",
1450
+ "figma": "status-muted_inverted/attention/hover",
1451
+ "web": "--color-dark-status-muted-attention-inverted-hover",
1110
1452
  "alias": "statusMutedColorAttentionInvertedHover"
1111
1453
  },
1112
1454
  "dark_status_muted_attention_inverted_press": {
1113
1455
  "rgba": "rgba(246, 215, 175, 1)",
1114
1456
  "hex": "#f6d7af",
1457
+ "figma": "status-muted_inverted/attention/press",
1458
+ "web": "--color-dark-status-muted-attention-inverted-press",
1115
1459
  "alias": "statusMutedColorAttentionInvertedPress"
1116
1460
  },
1117
1461
  "dark_status_muted_attention_press": {
1118
1462
  "rgba": "rgba(79, 54, 35, 1)",
1119
1463
  "hex": "#4f3623",
1464
+ "figma": "status-muted/attention/press",
1465
+ "web": "--color-dark-status-muted-attention-press",
1120
1466
  "alias": "statusMutedColorAttentionPress"
1121
1467
  },
1122
1468
  "dark_status_muted_info": {
1123
1469
  "rgba": "rgba(34, 42, 62, 1)",
1124
1470
  "hex": "#222a3e",
1471
+ "figma": "status-muted/info",
1472
+ "web": "--color-dark-status-muted-info",
1125
1473
  "alias": "statusMutedColorInfo"
1126
1474
  },
1127
1475
  "dark_status_muted_info_hover": {
1128
1476
  "rgba": "rgba(41, 48, 68, 1)",
1129
1477
  "hex": "#293044",
1478
+ "figma": "status-muted/info/hover",
1479
+ "web": "--color-dark-status-muted-info-hover",
1130
1480
  "alias": "statusMutedColorInfoHover"
1131
1481
  },
1132
1482
  "dark_status_muted_info_inverted": {
1133
1483
  "rgba": "rgba(228, 240, 255, 1)",
1134
1484
  "hex": "#e4f0ff",
1485
+ "figma": "status-muted_inverted/info",
1486
+ "web": "--color-dark-status-muted-info-inverted",
1135
1487
  "alias": "statusMutedColorInfoInverted"
1136
1488
  },
1137
1489
  "dark_status_muted_info_inverted_hover": {
1138
1490
  "rgba": "rgba(216, 234, 255, 1)",
1139
1491
  "hex": "#d8eaff",
1492
+ "figma": "status-muted_inverted/info/hover",
1493
+ "web": "--color-dark-status-muted-info-inverted-hover",
1140
1494
  "alias": "statusMutedColorInfoInvertedHover"
1141
1495
  },
1142
1496
  "dark_status_muted_info_inverted_press": {
1143
1497
  "rgba": "rgba(196, 222, 250, 1)",
1144
1498
  "hex": "#c4defa",
1499
+ "figma": "status-muted_inverted/info/press",
1500
+ "web": "--color-dark-status-muted-info-inverted-press",
1145
1501
  "alias": "statusMutedColorInfoInvertedPress"
1146
1502
  },
1147
1503
  "dark_status_muted_info_press": {
1148
1504
  "rgba": "rgba(48, 58, 85, 1)",
1149
1505
  "hex": "#303a55",
1506
+ "figma": "status-muted/info/press",
1507
+ "web": "--color-dark-status-muted-info-press",
1150
1508
  "alias": "statusMutedColorInfoPress"
1151
1509
  },
1152
1510
  "dark_status_muted_negative": {
1153
1511
  "rgba": "rgba(57, 37, 35, 1)",
1154
1512
  "hex": "#392523",
1513
+ "figma": "status-muted/negative",
1514
+ "web": "--color-dark-status-muted-negative",
1155
1515
  "alias": "statusMutedColorNegative"
1156
1516
  },
1157
1517
  "dark_status_muted_negative_hover": {
1158
1518
  "rgba": "rgba(68, 41, 38, 1)",
1159
1519
  "hex": "#442926",
1520
+ "figma": "status-muted/negative/hover",
1521
+ "web": "--color-dark-status-muted-negative-hover",
1160
1522
  "alias": "statusMutedColorNegativeHover"
1161
1523
  },
1162
1524
  "dark_status_muted_negative_inverted": {
1163
1525
  "rgba": "rgba(255, 235, 235, 1)",
1164
1526
  "hex": "#ffebeb",
1527
+ "figma": "status-muted_inverted/negative",
1528
+ "web": "--color-dark-status-muted-negative-inverted",
1165
1529
  "alias": "statusMutedColorNegativeInverted"
1166
1530
  },
1167
1531
  "dark_status_muted_negative_inverted_hover": {
1168
1532
  "rgba": "rgba(255, 223, 223, 1)",
1169
1533
  "hex": "#ffdfdf",
1534
+ "figma": "status-muted_inverted/negative/hover",
1535
+ "web": "--color-dark-status-muted-negative-inverted-hover",
1170
1536
  "alias": "statusMutedColorNegativeInvertedHover"
1171
1537
  },
1172
1538
  "dark_status_muted_negative_inverted_press": {
1173
1539
  "rgba": "rgba(250, 204, 202, 1)",
1174
1540
  "hex": "#faccca",
1541
+ "figma": "status-muted_inverted/negative/press",
1542
+ "web": "--color-dark-status-muted-negative-inverted-press",
1175
1543
  "alias": "statusMutedColorNegativeInvertedPress"
1176
1544
  },
1177
1545
  "dark_status_muted_negative_press": {
1178
1546
  "rgba": "rgba(86, 48, 45, 1)",
1179
1547
  "hex": "#56302d",
1548
+ "figma": "status-muted/negative/press",
1549
+ "web": "--color-dark-status-muted-negative-press",
1180
1550
  "alias": "statusMutedColorNegativePress"
1181
1551
  },
1182
1552
  "dark_status_muted_positive": {
1183
1553
  "rgba": "rgba(35, 45, 37, 1)",
1184
1554
  "hex": "#232d25",
1555
+ "figma": "status-muted/positive",
1556
+ "web": "--color-dark-status-muted-positive",
1185
1557
  "alias": "statusMutedColorPositive"
1186
1558
  },
1187
1559
  "dark_status_muted_positive_hover": {
1188
1560
  "rgba": "rgba(37, 53, 40, 1)",
1189
1561
  "hex": "#253528",
1562
+ "figma": "status-muted/positive/hover",
1563
+ "web": "--color-dark-status-muted-positive-hover",
1190
1564
  "alias": "statusMutedColorPositiveHover"
1191
1565
  },
1192
1566
  "dark_status_muted_positive_inverted": {
1193
1567
  "rgba": "rgba(223, 248, 229, 1)",
1194
1568
  "hex": "#dff8e5",
1569
+ "figma": "status-muted_inverted/positive",
1570
+ "web": "--color-dark-status-muted-positive-inverted",
1195
1571
  "alias": "statusMutedColorPositiveInverted"
1196
1572
  },
1197
1573
  "dark_status_muted_positive_inverted_hover": {
1198
1574
  "rgba": "rgba(209, 241, 215, 1)",
1199
1575
  "hex": "#d1f1d7",
1576
+ "figma": "status-muted_inverted/positive/hover",
1577
+ "web": "--color-dark-status-muted-positive-inverted-hover",
1200
1578
  "alias": "statusMutedColorPositiveInvertedHover"
1201
1579
  },
1202
1580
  "dark_status_muted_positive_inverted_press": {
1203
1581
  "rgba": "rgba(186, 230, 194, 1)",
1204
1582
  "hex": "#bae6c2",
1583
+ "figma": "status-muted_inverted/positive/press",
1584
+ "web": "--color-dark-status-muted-positive-inverted-press",
1205
1585
  "alias": "statusMutedColorPositiveInvertedPress"
1206
1586
  },
1207
1587
  "dark_status_muted_positive_press": {
1208
1588
  "rgba": "rgba(40, 63, 45, 1)",
1209
1589
  "hex": "#283f2d",
1590
+ "figma": "status-muted/positive/press",
1591
+ "web": "--color-dark-status-muted-positive-press",
1210
1592
  "alias": "statusMutedColorPositivePress"
1211
1593
  },
1212
1594
  "dark_status_negative": {
1213
1595
  "rgba": "rgba(255, 84, 49, 1)",
1214
1596
  "hex": "#ff5431",
1597
+ "figma": "status/negative",
1598
+ "web": "--color-dark-status-negative",
1215
1599
  "alias": "statusColorNegative"
1216
1600
  },
1217
1601
  "dark_status_negative_hover": {
1218
1602
  "rgba": "rgba(255, 117, 84, 1)",
1219
1603
  "hex": "#ff7554",
1604
+ "figma": "status/negative/hover",
1605
+ "web": "--color-dark-status-negative-hover",
1220
1606
  "alias": "statusColorNegativeHover"
1221
1607
  },
1222
1608
  "dark_status_negative_inverted": {
1223
1609
  "rgba": "rgba(255, 84, 49, 1)",
1224
1610
  "hex": "#ff5431",
1611
+ "figma": "status_inverted/negative",
1612
+ "web": "--color-dark-status-negative-inverted",
1225
1613
  "alias": "statusColorNegativeInverted"
1226
1614
  },
1227
1615
  "dark_status_negative_inverted_hover": {
1228
1616
  "rgba": "rgba(236, 46, 20, 1)",
1229
1617
  "hex": "#ec2e14",
1618
+ "figma": "status_inverted/negative/hover",
1619
+ "web": "--color-dark-status-negative-inverted-hover",
1230
1620
  "alias": "statusColorNegativeInvertedHover"
1231
1621
  },
1232
1622
  "dark_status_negative_inverted_press": {
1233
1623
  "rgba": "rgba(199, 37, 28, 1)",
1234
1624
  "hex": "#c7251c",
1625
+ "figma": "status_inverted/negative/press",
1626
+ "web": "--color-dark-status-negative-inverted-press",
1235
1627
  "alias": "statusColorNegativeInvertedPress"
1236
1628
  },
1237
1629
  "dark_status_negative_press": {
1238
1630
  "rgba": "rgba(255, 141, 115, 1)",
1239
1631
  "hex": "#ff8d73",
1632
+ "figma": "status/negative/press",
1633
+ "web": "--color-dark-status-negative-press",
1240
1634
  "alias": "statusColorNegativePress"
1241
1635
  },
1242
1636
  "dark_status_positive": {
1243
1637
  "rgba": "rgba(23, 208, 85, 1)",
1244
1638
  "hex": "#17d055",
1639
+ "figma": "status/positive",
1640
+ "web": "--color-dark-status-positive",
1245
1641
  "alias": "statusColorPositive"
1246
1642
  },
1247
1643
  "dark_status_positive_hover": {
1248
1644
  "rgba": "rgba(34, 224, 104, 1)",
1249
1645
  "hex": "#22e068",
1646
+ "figma": "status/positive/hover",
1647
+ "web": "--color-dark-status-positive-hover",
1250
1648
  "alias": "statusColorPositiveHover"
1251
1649
  },
1252
1650
  "dark_status_positive_inverted": {
1253
1651
  "rgba": "rgba(12, 196, 77, 1)",
1254
1652
  "hex": "#0cc44d",
1653
+ "figma": "status_inverted/positive",
1654
+ "web": "--color-dark-status-positive-inverted",
1255
1655
  "alias": "statusColorPositiveInverted"
1256
1656
  },
1257
1657
  "dark_status_positive_inverted_hover": {
1258
1658
  "rgba": "rgba(4, 181, 69, 1)",
1259
1659
  "hex": "#04b545",
1660
+ "figma": "status_inverted/positive/hover",
1661
+ "web": "--color-dark-status-positive-inverted-hover",
1260
1662
  "alias": "statusColorPositiveInvertedHover"
1261
1663
  },
1262
1664
  "dark_status_positive_inverted_press": {
1263
1665
  "rgba": "rgba(1, 165, 61, 1)",
1264
1666
  "hex": "#01a53d",
1667
+ "figma": "status_inverted/positive/press",
1668
+ "web": "--color-dark-status-positive-inverted-press",
1265
1669
  "alias": "statusColorPositiveInvertedPress"
1266
1670
  },
1267
1671
  "dark_status_positive_press": {
1268
1672
  "rgba": "rgba(74, 231, 119, 1)",
1269
1673
  "hex": "#4ae777",
1674
+ "figma": "status/positive/press",
1675
+ "web": "--color-dark-status-positive-press",
1270
1676
  "alias": "statusColorPositivePress"
1271
1677
  },
1272
1678
  "dark_text_accent": {
@@ -1277,31 +1683,43 @@
1277
1683
  "dark_text_attention": {
1278
1684
  "rgba": "rgba(250, 147, 19, 1)",
1279
1685
  "hex": "#fa9313",
1686
+ "figma": "text/attention",
1687
+ "web": "--color-dark-text-attention",
1280
1688
  "alias": "textColorAttention"
1281
1689
  },
1282
1690
  "dark_text_attention_hover": {
1283
1691
  "rgba": "rgba(253, 178, 77, 1)",
1284
1692
  "hex": "#fdb24d",
1693
+ "figma": "text/attention/hover",
1694
+ "web": "--color-dark-text-attention-hover",
1285
1695
  "alias": "textColorAttentionHover"
1286
1696
  },
1287
1697
  "dark_text_attention_inverted": {
1288
1698
  "rgba": "rgba(234, 131, 19, 1)",
1289
1699
  "hex": "#ea8313",
1700
+ "figma": "text_inverted/attention",
1701
+ "web": "--color-dark-text-attention-inverted",
1290
1702
  "alias": "textColorAttentionInverted"
1291
1703
  },
1292
1704
  "dark_text_attention_inverted_hover": {
1293
1705
  "rgba": "rgba(213, 113, 17, 1)",
1294
1706
  "hex": "#d57111",
1707
+ "figma": "text_inverted/attention/hover",
1708
+ "web": "--color-dark-text-attention-inverted-hover",
1295
1709
  "alias": "textColorAttentionInvertedHover"
1296
1710
  },
1297
1711
  "dark_text_attention_inverted_press": {
1298
1712
  "rgba": "rgba(180, 90, 6, 1)",
1299
1713
  "hex": "#b45a06",
1714
+ "figma": "text_inverted/attention/press",
1715
+ "web": "--color-dark-text-attention-inverted-press",
1300
1716
  "alias": "textColorAttentionInvertedPress"
1301
1717
  },
1302
1718
  "dark_text_attention_press": {
1303
1719
  "rgba": "rgba(255, 191, 112, 1)",
1304
1720
  "hex": "#ffbf70",
1721
+ "figma": "text/attention/press",
1722
+ "web": "--color-dark-text-attention-press",
1305
1723
  "alias": "textColorAttentionPress"
1306
1724
  },
1307
1725
  "dark_text_disabled": {
@@ -1317,31 +1735,43 @@
1317
1735
  "dark_text_info": {
1318
1736
  "rgba": "rgba(74, 157, 252, 1)",
1319
1737
  "hex": "#4a9dfc",
1738
+ "figma": "text/info",
1739
+ "web": "--color-dark-text-info",
1320
1740
  "alias": "textColorInfo"
1321
1741
  },
1322
1742
  "dark_text_info_hover": {
1323
1743
  "rgba": "rgba(99, 170, 253, 1)",
1324
1744
  "hex": "#63aafd",
1745
+ "figma": "text/info/hover",
1746
+ "web": "--color-dark-text-info-hover",
1325
1747
  "alias": "textColorInfoHover"
1326
1748
  },
1327
1749
  "dark_text_info_inverted": {
1328
1750
  "rgba": "rgba(42, 119, 239, 1)",
1329
1751
  "hex": "#2a77ef",
1752
+ "figma": "text_inverted/info",
1753
+ "web": "--color-dark-text-info-inverted",
1330
1754
  "alias": "textColorInfoInverted"
1331
1755
  },
1332
1756
  "dark_text_info_inverted_hover": {
1333
1757
  "rgba": "rgba(44, 100, 212, 1)",
1334
1758
  "hex": "#2c64d4",
1759
+ "figma": "text_inverted/info/hover",
1760
+ "web": "--color-dark-text-info-inverted-hover",
1335
1761
  "alias": "textColorInfoInvertedHover"
1336
1762
  },
1337
1763
  "dark_text_info_inverted_press": {
1338
1764
  "rgba": "rgba(36, 83, 180, 1)",
1339
1765
  "hex": "#2453b4",
1766
+ "figma": "text_inverted/info/press",
1767
+ "web": "--color-dark-text-info-inverted-press",
1340
1768
  "alias": "textColorInfoInvertedPress"
1341
1769
  },
1342
1770
  "dark_text_info_press": {
1343
1771
  "rgba": "rgba(127, 182, 255, 1)",
1344
1772
  "hex": "#7fb6ff",
1773
+ "figma": "text/info/press",
1774
+ "web": "--color-dark-text-info-press",
1345
1775
  "alias": "textColorInfoPress"
1346
1776
  },
1347
1777
  "dark_text_link": {
@@ -1352,306 +1782,428 @@
1352
1782
  "dark_text_negative": {
1353
1783
  "rgba": "rgba(255, 84, 49, 1)",
1354
1784
  "hex": "#ff5431",
1785
+ "figma": "text/negative",
1786
+ "web": "--color-dark-text-negative",
1355
1787
  "alias": "textColorNegative"
1356
1788
  },
1357
1789
  "dark_text_negative_hover": {
1358
1790
  "rgba": "rgba(255, 117, 84, 1)",
1359
1791
  "hex": "#ff7554",
1792
+ "figma": "text/negative/hover",
1793
+ "web": "--color-dark-text-negative-hover",
1360
1794
  "alias": "textColorNegativeHover"
1361
1795
  },
1362
1796
  "dark_text_negative_inverted": {
1363
1797
  "rgba": "rgba(236, 46, 20, 1)",
1364
1798
  "hex": "#ec2e14",
1799
+ "figma": "text_inverted/negative",
1800
+ "web": "--color-dark-text-negative-inverted",
1365
1801
  "alias": "textColorNegativeInverted"
1366
1802
  },
1367
1803
  "dark_text_negative_inverted_hover": {
1368
1804
  "rgba": "rgba(199, 37, 28, 1)",
1369
1805
  "hex": "#c7251c",
1806
+ "figma": "text_inverted/negative/hover",
1807
+ "web": "--color-dark-text-negative-inverted-hover",
1370
1808
  "alias": "textColorNegativeInvertedHover"
1371
1809
  },
1372
1810
  "dark_text_negative_inverted_press": {
1373
1811
  "rgba": "rgba(166, 32, 30, 1)",
1374
1812
  "hex": "#a6201e",
1813
+ "figma": "text_inverted/negative/press",
1814
+ "web": "--color-dark-text-negative-inverted-press",
1375
1815
  "alias": "textColorNegativeInvertedPress"
1376
1816
  },
1377
1817
  "dark_text_negative_press": {
1378
1818
  "rgba": "rgba(255, 141, 115, 1)",
1379
1819
  "hex": "#ff8d73",
1820
+ "figma": "text/negative/press",
1821
+ "web": "--color-dark-text-negative-press",
1380
1822
  "alias": "textColorNegativePress"
1381
1823
  },
1382
1824
  "dark_text_positive": {
1383
1825
  "rgba": "rgba(12, 196, 77, 1)",
1384
1826
  "hex": "#0cc44d",
1827
+ "figma": "text/positive",
1828
+ "web": "--color-dark-text-positive",
1385
1829
  "alias": "textColorPositive"
1386
1830
  },
1387
1831
  "dark_text_positive_hover": {
1388
1832
  "rgba": "rgba(34, 224, 104, 1)",
1389
1833
  "hex": "#22e068",
1834
+ "figma": "text/positive/hover",
1835
+ "web": "--color-dark-text-positive-hover",
1390
1836
  "alias": "textColorPositiveHover"
1391
1837
  },
1392
1838
  "dark_text_positive_inverted": {
1393
1839
  "rgba": "rgba(13, 147, 54, 1)",
1394
1840
  "hex": "#0d9336",
1841
+ "figma": "text_inverted/positive",
1842
+ "web": "--color-dark-text-positive-inverted",
1395
1843
  "alias": "textColorPositiveInverted"
1396
1844
  },
1397
1845
  "dark_text_positive_inverted_hover": {
1398
1846
  "rgba": "rgba(10, 125, 44, 1)",
1399
1847
  "hex": "#0a7d2c",
1848
+ "figma": "text_inverted/positive/hover",
1849
+ "web": "--color-dark-text-positive-inverted-hover",
1400
1850
  "alias": "textColorPositiveInvertedHover"
1401
1851
  },
1402
1852
  "dark_text_positive_inverted_press": {
1403
1853
  "rgba": "rgba(3, 102, 37, 1)",
1404
1854
  "hex": "#036625",
1855
+ "figma": "text_inverted/positive/press",
1856
+ "web": "--color-dark-text-positive-inverted-press",
1405
1857
  "alias": "textColorPositiveInvertedPress"
1406
1858
  },
1407
1859
  "dark_text_positive_press": {
1408
1860
  "rgba": "rgba(74, 231, 119, 1)",
1409
1861
  "hex": "#4ae777",
1862
+ "figma": "text/positive/press",
1863
+ "web": "--color-dark-text-positive-press",
1410
1864
  "alias": "textColorPositivePress"
1411
1865
  },
1412
1866
  "dark_text_primary": {
1413
1867
  "rgba": "rgba(255, 255, 255, 1)",
1414
1868
  "hex": "#ffffff",
1869
+ "figma": "text/primary",
1870
+ "web": "--color-dark-text-primary",
1415
1871
  "alias": "textColorPrimary"
1416
1872
  },
1417
1873
  "dark_text_primary_hover": {
1418
1874
  "rgba": "rgba(255, 255, 255, 0.9)",
1419
1875
  "hex": "#e6ffffff",
1876
+ "figma": "text/primary/hover",
1877
+ "web": "--color-dark-text-primary-hover",
1420
1878
  "alias": "textColorPrimaryHover"
1421
1879
  },
1422
1880
  "dark_text_primary_inverted": {
1423
1881
  "rgba": "rgba(11, 31, 53, 1)",
1424
1882
  "hex": "#0b1f35",
1883
+ "figma": "text_inverted/primary",
1884
+ "web": "--color-dark-text-primary-inverted",
1425
1885
  "alias": "textColorPrimaryInverted"
1426
1886
  },
1427
1887
  "dark_text_primary_inverted_hover": {
1428
1888
  "rgba": "rgba(84, 98, 114, 1)",
1429
1889
  "hex": "#546272",
1890
+ "figma": "text_inverted/primary/hover",
1891
+ "web": "--color-dark-text-primary-inverted-hover",
1430
1892
  "alias": "textColorPrimaryInvertedHover"
1431
1893
  },
1432
1894
  "dark_text_primary_inverted_press": {
1433
1895
  "rgba": "rgba(106, 119, 134, 1)",
1434
1896
  "hex": "#6a7786",
1897
+ "figma": "text_inverted/primary/press",
1898
+ "web": "--color-dark-text-primary-inverted-press",
1435
1899
  "alias": "textColorPrimaryInvertedPress"
1436
1900
  },
1437
1901
  "dark_text_primary_press": {
1438
1902
  "rgba": "rgba(255, 255, 255, 0.8)",
1439
1903
  "hex": "#ccffffff",
1904
+ "figma": "text/primary/press",
1905
+ "web": "--color-dark-text-primary-press",
1440
1906
  "alias": "textColorPrimaryPress"
1441
1907
  },
1442
1908
  "dark_text_quaternary": {
1443
1909
  "rgba": "rgba(255, 255, 255, 0.25)",
1444
1910
  "hex": "#40ffffff",
1911
+ "figma": "text/quaternary",
1912
+ "web": "--color-dark-text-quaternary",
1445
1913
  "alias": "textColorQuaternary"
1446
1914
  },
1447
1915
  "dark_text_quaternary_inverted": {
1448
1916
  "rgba": "rgba(10, 40, 70, 0.2)",
1449
1917
  "hex": "#330a2846",
1918
+ "figma": "text_inverted/quaternary",
1919
+ "web": "--color-dark-text-quaternary-inverted",
1450
1920
  "alias": "textColorQuaternaryInverted"
1451
1921
  },
1452
1922
  "dark_text_secondary": {
1453
1923
  "rgba": "rgba(255, 255, 255, 0.7)",
1454
1924
  "hex": "#b3ffffff",
1925
+ "figma": "text/secondary",
1926
+ "web": "--color-dark-text-secondary",
1455
1927
  "alias": "textColorSecondary"
1456
1928
  },
1457
1929
  "dark_text_secondary_hover": {
1458
1930
  "rgba": "rgba(255, 255, 255, 0.8)",
1459
1931
  "hex": "#ccffffff",
1932
+ "figma": "text/secondary/hover",
1933
+ "web": "--color-dark-text-secondary-hover",
1460
1934
  "alias": "textColorSecondaryHover"
1461
1935
  },
1462
1936
  "dark_text_secondary_inverted": {
1463
1937
  "rgba": "rgba(11, 31, 53, 0.7)",
1464
1938
  "hex": "#b30b1f35",
1939
+ "figma": "text_inverted/secondary",
1940
+ "web": "--color-dark-text-secondary-inverted",
1465
1941
  "alias": "textColorSecondaryInverted"
1466
1942
  },
1467
1943
  "dark_text_secondary_inverted_hover": {
1468
1944
  "rgba": "rgba(3, 23, 45, 0.77)",
1469
1945
  "hex": "#c403172d",
1946
+ "figma": "text_inverted/secondary/hover",
1947
+ "web": "--color-dark-text-secondary-inverted-hover",
1470
1948
  "alias": "textColorSecondaryInvertedHover"
1471
1949
  },
1472
1950
  "dark_text_secondary_inverted_press": {
1473
1951
  "rgba": "rgba(1, 20, 43, 0.81)",
1474
1952
  "hex": "#cf01142b",
1953
+ "figma": "text_inverted/secondary/press",
1954
+ "web": "--color-dark-text-secondary-inverted-press",
1475
1955
  "alias": "textColorSecondaryInvertedPress"
1476
1956
  },
1477
1957
  "dark_text_secondary_press": {
1478
1958
  "rgba": "rgba(255, 255, 255, 0.9)",
1479
1959
  "hex": "#e6ffffff",
1960
+ "figma": "text/secondary/press",
1961
+ "web": "--color-dark-text-secondary-press",
1480
1962
  "alias": "textColorSecondaryPress"
1481
1963
  },
1482
1964
  "dark_text_tertiary": {
1483
1965
  "rgba": "rgba(255, 255, 255, 0.4)",
1484
1966
  "hex": "#66ffffff",
1967
+ "figma": "text/tertiary",
1968
+ "web": "--color-dark-text-tertiary",
1485
1969
  "alias": "textColorTertiary"
1486
1970
  },
1487
1971
  "dark_text_tertiary_hover": {
1488
1972
  "rgba": "rgba(255, 255, 255, 0.5)",
1489
1973
  "hex": "#80ffffff",
1974
+ "figma": "text/tertiary/hover",
1975
+ "web": "--color-dark-text-tertiary-hover",
1490
1976
  "alias": "textColorTertiaryHover"
1491
1977
  },
1492
1978
  "dark_text_tertiary_inverted": {
1493
1979
  "rgba": "rgba(11, 31, 53, 0.3)",
1494
1980
  "hex": "#4d0b1f35",
1981
+ "figma": "text_inverted/tertiary",
1982
+ "web": "--color-dark-text-tertiary-inverted",
1495
1983
  "alias": "textColorTertiaryInverted"
1496
1984
  },
1497
1985
  "dark_text_tertiary_inverted_hover": {
1498
1986
  "rgba": "rgba(1, 23, 47, 0.5)",
1499
1987
  "hex": "#8001172f",
1988
+ "figma": "text_inverted/tertiary/hover",
1989
+ "web": "--color-dark-text-tertiary-inverted-hover",
1500
1990
  "alias": "textColorTertiaryInvertedHover"
1501
1991
  },
1502
1992
  "dark_text_tertiary_inverted_press": {
1503
1993
  "rgba": "rgba(2, 24, 50, 0.59)",
1504
1994
  "hex": "#96021832",
1995
+ "figma": "text_inverted/tertiary/press",
1996
+ "web": "--color-dark-text-tertiary-inverted-press",
1505
1997
  "alias": "textColorTertiaryInvertedPress"
1506
1998
  },
1507
1999
  "dark_text_tertiary_press": {
1508
2000
  "rgba": "rgba(255, 255, 255, 0.6)",
1509
2001
  "hex": "#99ffffff",
2002
+ "figma": "text/tertiary/press",
2003
+ "web": "--color-dark-text-tertiary-press",
1510
2004
  "alias": "textColorTertiaryPress"
1511
2005
  },
1512
2006
  "dark_transparent_default": {
1513
2007
  "rgba": "rgba(255, 255, 255, 0)",
1514
2008
  "hex": "#00ffffff",
2009
+ "figma": "transparent/default",
2010
+ "web": "--color-dark-transparent-default",
1515
2011
  "alias": "transparentColorDefault"
1516
2012
  },
1517
2013
  "dark_transparent_default_hover": {
1518
2014
  "rgba": "rgba(214, 214, 229, 0.07)",
1519
2015
  "hex": "#12d6d6e5",
2016
+ "figma": "transparent/default/hover",
2017
+ "web": "--color-dark-transparent-default-hover",
1520
2018
  "alias": "transparentColorDefaultHover"
1521
2019
  },
1522
2020
  "dark_transparent_default_inverted_hover": {
1523
2021
  "rgba": "rgba(38, 55, 88, 0.06)",
1524
2022
  "hex": "#0f263758",
2023
+ "figma": "transparent_inverted/default/hover",
2024
+ "web": "--color-dark-transparent-default-inverted-hover",
1525
2025
  "alias": "transparentColorDefaultInvertedHover"
1526
2026
  },
1527
2027
  "dark_transparent_default_inverted_press": {
1528
2028
  "rgba": "rgba(30, 43, 68, 0.08)",
1529
2029
  "hex": "#141e2b44",
2030
+ "figma": "transparent_inverted/default/press",
2031
+ "web": "--color-dark-transparent-default-inverted-press",
1530
2032
  "alias": "transparentColorDefaultInvertedPress"
1531
2033
  },
1532
2034
  "dark_transparent_default_press": {
1533
2035
  "rgba": "rgba(225, 225, 248, 0.09)",
1534
2036
  "hex": "#17e1e1f8",
2037
+ "figma": "transparent/default/press",
2038
+ "web": "--color-dark-transparent-default-press",
1535
2039
  "alias": "transparentColorDefaultPress"
1536
2040
  },
1537
2041
  "light_accent_primary": {
1538
2042
  "rgba": "rgba(239, 49, 36, 1)",
1539
2043
  "hex": "#ef3124",
2044
+ "figma": "accent/primary",
2045
+ "web": "--color-light-accent-primary",
1540
2046
  "alias": "accentColorPrimary"
1541
2047
  },
1542
2048
  "light_accent_primary_hover": {
1543
2049
  "rgba": "rgba(227, 42, 23, 1)",
1544
2050
  "hex": "#e32a17",
2051
+ "figma": "accent/primary/hover",
2052
+ "web": "--color-light-accent-primary-hover",
1545
2053
  "alias": "accentColorPrimaryHover"
1546
2054
  },
1547
2055
  "light_accent_primary_inverted": {
1548
2056
  "rgba": "rgba(248, 58, 42, 1)",
1549
2057
  "hex": "#f83a2a",
2058
+ "figma": "accent_inverted/primary",
2059
+ "web": "--color-light-accent-primary-inverted",
1550
2060
  "alias": "accentColorPrimaryInverted"
1551
2061
  },
1552
2062
  "light_accent_primary_inverted_hover": {
1553
2063
  "rgba": "rgba(255, 80, 62, 1)",
1554
2064
  "hex": "#ff503e",
2065
+ "figma": "accent_inverted/primary/hover",
2066
+ "web": "--color-light-accent-primary-inverted-hover",
1555
2067
  "alias": "accentColorPrimaryInvertedHover"
1556
2068
  },
1557
2069
  "light_accent_primary_inverted_press": {
1558
2070
  "rgba": "rgba(253, 98, 78, 1)",
1559
2071
  "hex": "#fd624e",
2072
+ "figma": "accent_inverted/primary/press",
2073
+ "web": "--color-light-accent-primary-inverted-press",
1560
2074
  "alias": "accentColorPrimaryInvertedPress"
1561
2075
  },
1562
2076
  "light_accent_primary_press": {
1563
2077
  "rgba": "rgba(215, 37, 5, 1)",
1564
2078
  "hex": "#d72505",
2079
+ "figma": "accent/primary/press",
2080
+ "web": "--color-light-accent-primary-press",
1565
2081
  "alias": "accentColorPrimaryPress"
1566
2082
  },
1567
2083
  "light_accent_secondary": {
1568
2084
  "rgba": "rgba(14, 14, 14, 1)",
1569
2085
  "hex": "#0e0e0e",
2086
+ "figma": "accent/secondary",
2087
+ "web": "--color-light-accent-secondary",
1570
2088
  "alias": "accentColorSecondary"
1571
2089
  },
1572
2090
  "light_accent_secondary_hover": {
1573
2091
  "rgba": "rgba(41, 41, 44, 1)",
1574
2092
  "hex": "#29292c",
2093
+ "figma": "accent/secondary/hover",
2094
+ "web": "--color-light-accent-secondary-hover",
1575
2095
  "alias": "accentColorSecondaryHover"
1576
2096
  },
1577
2097
  "light_accent_secondary_inverted": {
1578
2098
  "rgba": "rgba(255, 255, 255, 1)",
1579
2099
  "hex": "#ffffff",
2100
+ "figma": "accent_inverted/secondary",
2101
+ "web": "--color-light-accent-secondary-inverted",
1580
2102
  "alias": "accentColorSecondaryInverted"
1581
2103
  },
1582
2104
  "light_accent_secondary_inverted_hover": {
1583
2105
  "rgba": "rgba(231, 232, 235, 1)",
1584
2106
  "hex": "#e7e8eb",
2107
+ "figma": "accent_inverted/secondary/hover",
2108
+ "web": "--color-light-accent-secondary-inverted-hover",
1585
2109
  "alias": "accentColorSecondaryInvertedHover"
1586
2110
  },
1587
2111
  "light_accent_secondary_inverted_press": {
1588
2112
  "rgba": "rgba(210, 211, 217, 1)",
1589
2113
  "hex": "#d2d3d9",
2114
+ "figma": "accent_inverted/secondary/press",
2115
+ "web": "--color-light-accent-secondary-inverted-press",
1590
2116
  "alias": "accentColorSecondaryInvertedPress"
1591
2117
  },
1592
2118
  "light_accent_secondary_press": {
1593
2119
  "rgba": "rgba(47, 47, 50, 1)",
1594
2120
  "hex": "#2f2f32",
2121
+ "figma": "accent/secondary/press",
2122
+ "web": "--color-light-accent-secondary-press",
1595
2123
  "alias": "accentColorSecondaryPress"
1596
2124
  },
1597
2125
  "light_base_bg_alt_primary": {
1598
2126
  "rgba": "rgba(242, 243, 245, 1)",
1599
2127
  "hex": "#f2f3f5",
2128
+ "figma": "base-bg-alt/primary",
2129
+ "web": "--color-light-base-bg-alt-primary",
1600
2130
  "alias": "baseBgAltColorPrimary"
1601
2131
  },
1602
2132
  "light_base_bg_alt_primary_inverted": {
1603
2133
  "rgba": "rgba(14, 14, 14, 1)",
1604
2134
  "hex": "#0e0e0e",
2135
+ "figma": "base-bg-alt_inverted/primary",
2136
+ "web": "--color-light-base-bg-alt-primary-inverted",
1605
2137
  "alias": "baseBgAltColorPrimaryInverted"
1606
2138
  },
1607
2139
  "light_base_bg_alt_secondary": {
1608
2140
  "rgba": "rgba(255, 255, 255, 1)",
1609
2141
  "hex": "#ffffff",
2142
+ "figma": "base-bg-alt/secondary",
2143
+ "web": "--color-light-base-bg-alt-secondary",
1610
2144
  "alias": "baseBgAltColorSecondary"
1611
2145
  },
1612
2146
  "light_base_bg_alt_secondary_inverted": {
1613
2147
  "rgba": "rgba(28, 28, 30, 1)",
1614
2148
  "hex": "#1c1c1e",
2149
+ "figma": "base-bg-alt_inverted/secondary",
2150
+ "web": "--color-light-base-bg-alt-secondary-inverted",
1615
2151
  "alias": "baseBgAltColorSecondaryInverted"
1616
2152
  },
1617
2153
  "light_base_bg_alt_tertiary": {
1618
2154
  "rgba": "rgba(242, 243, 245, 1)",
1619
2155
  "hex": "#f2f3f5",
2156
+ "figma": "base-bg-alt/tertiary",
2157
+ "web": "--color-light-base-bg-alt-tertiary",
1620
2158
  "alias": "baseBgAltColorTertiary"
1621
2159
  },
1622
2160
  "light_base_bg_alt_tertiary_inverted": {
1623
2161
  "rgba": "rgba(41, 41, 44, 1)",
1624
2162
  "hex": "#29292c",
2163
+ "figma": "base-bg-alt_inverted/tertiary",
2164
+ "web": "--color-light-base-bg-alt-tertiary-inverted",
1625
2165
  "alias": "baseBgAltColorTertiaryInverted"
1626
2166
  },
1627
2167
  "light_base_bg_primary": {
1628
2168
  "rgba": "rgba(255, 255, 255, 1)",
1629
2169
  "hex": "#ffffff",
2170
+ "figma": "base-bg/primary",
2171
+ "web": "--color-light-base-bg-primary",
1630
2172
  "alias": "baseBgColorPrimary"
1631
2173
  },
1632
2174
  "light_base_bg_primary_inverted": {
1633
2175
  "rgba": "rgba(14, 14, 14, 1)",
1634
2176
  "hex": "#0e0e0e",
2177
+ "figma": "base-bg_inverted/primary",
2178
+ "web": "--color-light-base-bg-primary-inverted",
1635
2179
  "alias": "baseBgColorPrimaryInverted"
1636
2180
  },
1637
2181
  "light_base_bg_secondary": {
1638
2182
  "rgba": "rgba(242, 243, 245, 1)",
1639
2183
  "hex": "#f2f3f5",
2184
+ "figma": "base-bg/secondary",
2185
+ "web": "--color-light-base-bg-secondary",
1640
2186
  "alias": "baseBgColorSecondary"
1641
2187
  },
1642
2188
  "light_base_bg_secondary_inverted": {
1643
2189
  "rgba": "rgba(28, 28, 30, 1)",
1644
2190
  "hex": "#1c1c1e",
2191
+ "figma": "base-bg_inverted/secondary",
2192
+ "web": "--color-light-base-bg-secondary-inverted",
1645
2193
  "alias": "baseBgColorSecondaryInverted"
1646
2194
  },
1647
2195
  "light_base_bg_tertiary": {
1648
2196
  "rgba": "rgba(255, 255, 255, 1)",
1649
2197
  "hex": "#ffffff",
2198
+ "figma": "base-bg/tertiary",
2199
+ "web": "--color-light-base-bg-tertiary",
1650
2200
  "alias": "baseBgColorTertiary"
1651
2201
  },
1652
2202
  "light_base_bg_tertiary_inverted": {
1653
2203
  "rgba": "rgba(41, 41, 44, 1)",
1654
2204
  "hex": "#29292c",
2205
+ "figma": "base-bg_inverted/tertiary",
2206
+ "web": "--color-light-base-bg-tertiary-inverted",
1655
2207
  "alias": "baseBgColorTertiaryInverted"
1656
2208
  },
1657
2209
  "light_bg_accent": {
@@ -1857,536 +2409,750 @@
1857
2409
  "light_modal_bg_alt_primary": {
1858
2410
  "rgba": "rgba(242, 243, 245, 1)",
1859
2411
  "hex": "#f2f3f5",
2412
+ "figma": "modal-bg-alt/primary",
2413
+ "web": "--color-light-modal-bg-alt-primary",
1860
2414
  "alias": "modalBgAltColorPrimary"
1861
2415
  },
1862
2416
  "light_modal_bg_alt_primary_inverted": {
1863
2417
  "rgba": "rgba(28, 28, 30, 1)",
1864
2418
  "hex": "#1c1c1e",
2419
+ "figma": "modal-bg-alt_inverted/primary",
2420
+ "web": "--color-light-modal-bg-alt-primary-inverted",
1865
2421
  "alias": "modalBgAltColorPrimaryInverted"
1866
2422
  },
1867
2423
  "light_modal_bg_alt_secondary": {
1868
2424
  "rgba": "rgba(255, 255, 255, 1)",
1869
2425
  "hex": "#ffffff",
2426
+ "figma": "modal-bg-alt/secondary",
2427
+ "web": "--color-light-modal-bg-alt-secondary",
1870
2428
  "alias": "modalBgAltColorSecondary"
1871
2429
  },
1872
2430
  "light_modal_bg_alt_secondary_inverted": {
1873
2431
  "rgba": "rgba(41, 41, 44, 1)",
1874
2432
  "hex": "#29292c",
2433
+ "figma": "modal-bg-alt_inverted/secondary",
2434
+ "web": "--color-light-modal-bg-alt-secondary-inverted",
1875
2435
  "alias": "modalBgAltColorSecondaryInverted"
1876
2436
  },
1877
2437
  "light_modal_bg_alt_tertiary": {
1878
2438
  "rgba": "rgba(242, 243, 245, 1)",
1879
2439
  "hex": "#f2f3f5",
2440
+ "figma": "modal-bg-alt/tertiary",
2441
+ "web": "--color-light-modal-bg-alt-tertiary",
1880
2442
  "alias": "modalBgAltColorTertiary"
1881
2443
  },
1882
2444
  "light_modal_bg_alt_tertiary_inverted": {
1883
2445
  "rgba": "rgba(53, 53, 57, 1)",
1884
2446
  "hex": "#353539",
2447
+ "figma": "modal-bg-alt_inverted/tertiary",
2448
+ "web": "--color-light-modal-bg-alt-tertiary-inverted",
1885
2449
  "alias": "modalBgAltColorTertiaryInverted"
1886
2450
  },
1887
2451
  "light_modal_bg_primary": {
1888
2452
  "rgba": "rgba(255, 255, 255, 1)",
1889
2453
  "hex": "#ffffff",
2454
+ "figma": "modal-bg/primary",
2455
+ "web": "--color-light-modal-bg-primary",
1890
2456
  "alias": "modalBgColorPrimary"
1891
2457
  },
1892
2458
  "light_modal_bg_primary_inverted": {
1893
2459
  "rgba": "rgba(28, 28, 30, 1)",
1894
2460
  "hex": "#1c1c1e",
2461
+ "figma": "modal-bg_inverted/primary",
2462
+ "web": "--color-light-modal-bg-primary-inverted",
1895
2463
  "alias": "modalBgColorPrimaryInverted"
1896
2464
  },
1897
2465
  "light_modal_bg_secondary": {
1898
2466
  "rgba": "rgba(242, 243, 245, 1)",
1899
2467
  "hex": "#f2f3f5",
2468
+ "figma": "modal-bg/secondary",
2469
+ "web": "--color-light-modal-bg-secondary",
1900
2470
  "alias": "modalBgColorSecondary"
1901
2471
  },
1902
2472
  "light_modal_bg_secondary_inverted": {
1903
2473
  "rgba": "rgba(41, 41, 44, 1)",
1904
2474
  "hex": "#29292c",
2475
+ "figma": "modal-bg_inverted/secondary",
2476
+ "web": "--color-light-modal-bg-secondary-inverted",
1905
2477
  "alias": "modalBgColorSecondaryInverted"
1906
2478
  },
1907
2479
  "light_modal_bg_tertiary": {
1908
2480
  "rgba": "rgba(255, 255, 255, 1)",
1909
2481
  "hex": "#ffffff",
2482
+ "figma": "modal-bg/tertiary",
2483
+ "web": "--color-light-modal-bg-tertiary",
1910
2484
  "alias": "modalBgColorTertiary"
1911
2485
  },
1912
2486
  "light_modal_bg_tertiary_inverted": {
1913
2487
  "rgba": "rgba(53, 53, 57, 1)",
1914
2488
  "hex": "#353539",
2489
+ "figma": "modal-bg_inverted/tertiary",
2490
+ "web": "--color-light-modal-bg-tertiary-inverted",
1915
2491
  "alias": "modalBgColorTertiaryInverted"
1916
2492
  },
1917
2493
  "light_neutral_0": {
1918
2494
  "rgba": "rgba(255, 255, 255, 1)",
1919
2495
  "hex": "#ffffff",
2496
+ "figma": "neutral/0",
2497
+ "web": "--color-light-neutral-0",
1920
2498
  "alias": "neutralColor0"
1921
2499
  },
1922
2500
  "light_neutral_0_hover": {
1923
2501
  "rgba": "rgba(231, 232, 235, 1)",
1924
2502
  "hex": "#e7e8eb",
2503
+ "figma": "neutral/0/hover",
2504
+ "web": "--color-light-neutral-0-hover",
1925
2505
  "alias": "neutralColor0Hover"
1926
2506
  },
1927
2507
  "light_neutral_0_inverted": {
1928
2508
  "rgba": "rgba(41, 41, 44, 1)",
1929
2509
  "hex": "#29292c",
2510
+ "figma": "neutral_inverted/0",
2511
+ "web": "--color-light-neutral-0-inverted",
1930
2512
  "alias": "neutralColor0Inverted"
1931
2513
  },
1932
2514
  "light_neutral_0_inverted_hover": {
1933
2515
  "rgba": "rgba(47, 47, 50, 1)",
1934
2516
  "hex": "#2f2f32",
2517
+ "figma": "neutral_inverted/0/hover",
2518
+ "web": "--color-light-neutral-0-inverted-hover",
1935
2519
  "alias": "neutralColor0InvertedHover"
1936
2520
  },
1937
2521
  "light_neutral_0_inverted_press": {
1938
2522
  "rgba": "rgba(53, 53, 57, 1)",
1939
2523
  "hex": "#353539",
2524
+ "figma": "neutral_inverted/0/press",
2525
+ "web": "--color-light-neutral-0-inverted-press",
1940
2526
  "alias": "neutralColor0InvertedPress"
1941
2527
  },
1942
2528
  "light_neutral_0_press": {
1943
2529
  "rgba": "rgba(220, 221, 225, 1)",
1944
2530
  "hex": "#dcdde1",
2531
+ "figma": "neutral/0/press",
2532
+ "web": "--color-light-neutral-0-press",
1945
2533
  "alias": "neutralColor0Press"
1946
2534
  },
1947
2535
  "light_neutral_100": {
1948
2536
  "rgba": "rgba(242, 243, 245, 1)",
1949
2537
  "hex": "#f2f3f5",
2538
+ "figma": "neutral/100",
2539
+ "web": "--color-light-neutral-100",
1950
2540
  "alias": "neutralColor100"
1951
2541
  },
1952
2542
  "light_neutral_100_hover": {
1953
2543
  "rgba": "rgba(231, 232, 235, 1)",
1954
2544
  "hex": "#e7e8eb",
2545
+ "figma": "neutral/100/hover",
2546
+ "web": "--color-light-neutral-100-hover",
1955
2547
  "alias": "neutralColor100Hover"
1956
2548
  },
1957
2549
  "light_neutral_100_inverted": {
1958
2550
  "rgba": "rgba(28, 28, 30, 1)",
1959
2551
  "hex": "#1c1c1e",
2552
+ "figma": "neutral_inverted/100",
2553
+ "web": "--color-light-neutral-100-inverted",
1960
2554
  "alias": "neutralColor100Inverted"
1961
2555
  },
1962
2556
  "light_neutral_100_inverted_hover": {
1963
2557
  "rgba": "rgba(33, 33, 36, 1)",
1964
2558
  "hex": "#212124",
2559
+ "figma": "neutral_inverted/100/hover",
2560
+ "web": "--color-light-neutral-100-inverted-hover",
1965
2561
  "alias": "neutralColor100InvertedHover"
1966
2562
  },
1967
2563
  "light_neutral_100_inverted_press": {
1968
2564
  "rgba": "rgba(41, 41, 44, 1)",
1969
2565
  "hex": "#29292c",
2566
+ "figma": "neutral_inverted/100/press",
2567
+ "web": "--color-light-neutral-100-inverted-press",
1970
2568
  "alias": "neutralColor100InvertedPress"
1971
2569
  },
1972
2570
  "light_neutral_100_press": {
1973
2571
  "rgba": "rgba(220, 221, 225, 1)",
1974
2572
  "hex": "#dcdde1",
2573
+ "figma": "neutral/100/press",
2574
+ "web": "--color-light-neutral-100-press",
1975
2575
  "alias": "neutralColor100Press"
1976
2576
  },
1977
2577
  "light_neutral_1500": {
1978
2578
  "rgba": "rgba(14, 14, 14, 1)",
1979
2579
  "hex": "#0e0e0e",
2580
+ "figma": "neutral/1500",
2581
+ "web": "--color-light-neutral-1500",
1980
2582
  "alias": "neutralColor1500"
1981
2583
  },
1982
2584
  "light_neutral_1500_hover": {
1983
2585
  "rgba": "rgba(63, 63, 69, 1)",
1984
2586
  "hex": "#3f3f45",
2587
+ "figma": "neutral/1500/hover",
2588
+ "web": "--color-light-neutral-1500-hover",
1985
2589
  "alias": "neutralColor1500Hover"
1986
2590
  },
1987
2591
  "light_neutral_1500_inverted": {
1988
2592
  "rgba": "rgba(255, 255, 255, 1)",
1989
2593
  "hex": "#ffffff",
2594
+ "figma": "neutral_inverted/1500",
2595
+ "web": "--color-light-neutral-1500-inverted",
1990
2596
  "alias": "neutralColor1500Inverted"
1991
2597
  },
1992
2598
  "light_neutral_1500_inverted_hover": {
1993
2599
  "rgba": "rgba(186, 187, 194, 1)",
1994
2600
  "hex": "#babbc2",
2601
+ "figma": "neutral_inverted/1500/hover",
2602
+ "web": "--color-light-neutral-1500-inverted-hover",
1995
2603
  "alias": "neutralColor1500InvertedHover"
1996
2604
  },
1997
2605
  "light_neutral_1500_inverted_press": {
1998
2606
  "rgba": "rgba(160, 161, 169, 1)",
1999
2607
  "hex": "#a0a1a9",
2608
+ "figma": "neutral_inverted/1500/press",
2609
+ "web": "--color-light-neutral-1500-inverted-press",
2000
2610
  "alias": "neutralColor1500InvertedPress"
2001
2611
  },
2002
2612
  "light_neutral_1500_press": {
2003
2613
  "rgba": "rgba(95, 95, 102, 1)",
2004
2614
  "hex": "#5f5f66",
2615
+ "figma": "neutral/1500/press",
2616
+ "web": "--color-light-neutral-1500-press",
2005
2617
  "alias": "neutralColor1500Press"
2006
2618
  },
2007
2619
  "light_neutral_200": {
2008
2620
  "rgba": "rgba(237, 238, 240, 1)",
2009
2621
  "hex": "#edeef0",
2622
+ "figma": "neutral/200",
2623
+ "web": "--color-light-neutral-200",
2010
2624
  "alias": "neutralColor200"
2011
2625
  },
2012
2626
  "light_neutral_200_hover": {
2013
2627
  "rgba": "rgba(231, 232, 235, 1)",
2014
2628
  "hex": "#e7e8eb",
2629
+ "figma": "neutral/200/hover",
2630
+ "web": "--color-light-neutral-200-hover",
2015
2631
  "alias": "neutralColor200Hover"
2016
2632
  },
2017
2633
  "light_neutral_200_inverted": {
2018
2634
  "rgba": "rgba(33, 33, 36, 1)",
2019
2635
  "hex": "#212124",
2636
+ "figma": "neutral_inverted/200",
2637
+ "web": "--color-light-neutral-200-inverted",
2020
2638
  "alias": "neutralColor200Inverted"
2021
2639
  },
2022
2640
  "light_neutral_200_inverted_hover": {
2023
2641
  "rgba": "rgba(41, 41, 44, 1)",
2024
2642
  "hex": "#29292c",
2643
+ "figma": "neutral_inverted/200/hover",
2644
+ "web": "--color-light-neutral-200-inverted-hover",
2025
2645
  "alias": "neutralColor200InvertedHover"
2026
2646
  },
2027
2647
  "light_neutral_200_inverted_press": {
2028
2648
  "rgba": "rgba(47, 47, 50, 1)",
2029
2649
  "hex": "#2f2f32",
2650
+ "figma": "neutral_inverted/200/press",
2651
+ "web": "--color-light-neutral-200-inverted-press",
2030
2652
  "alias": "neutralColor200InvertedPress"
2031
2653
  },
2032
2654
  "light_neutral_200_press": {
2033
2655
  "rgba": "rgba(220, 221, 225, 1)",
2034
2656
  "hex": "#dcdde1",
2657
+ "figma": "neutral/200/press",
2658
+ "web": "--color-light-neutral-200-press",
2035
2659
  "alias": "neutralColor200Press"
2036
2660
  },
2037
2661
  "light_neutral_300": {
2038
2662
  "rgba": "rgba(231, 232, 235, 1)",
2039
2663
  "hex": "#e7e8eb",
2664
+ "figma": "neutral/300",
2665
+ "web": "--color-light-neutral-300",
2040
2666
  "alias": "neutralColor300"
2041
2667
  },
2042
2668
  "light_neutral_300_hover": {
2043
2669
  "rgba": "rgba(220, 221, 225, 1)",
2044
2670
  "hex": "#dcdde1",
2671
+ "figma": "neutral/300/hover",
2672
+ "web": "--color-light-neutral-300-hover",
2045
2673
  "alias": "neutralColor300Hover"
2046
2674
  },
2047
2675
  "light_neutral_300_inverted": {
2048
2676
  "rgba": "rgba(41, 41, 44, 1)",
2049
2677
  "hex": "#29292c",
2678
+ "figma": "neutral_inverted/300",
2679
+ "web": "--color-light-neutral-300-inverted",
2050
2680
  "alias": "neutralColor300Inverted"
2051
2681
  },
2052
2682
  "light_neutral_300_inverted_hover": {
2053
2683
  "rgba": "rgba(47, 47, 50, 1)",
2054
2684
  "hex": "#2f2f32",
2685
+ "figma": "neutral_inverted/300/hover",
2686
+ "web": "--color-light-neutral-300-inverted-hover",
2055
2687
  "alias": "neutralColor300InvertedHover"
2056
2688
  },
2057
2689
  "light_neutral_300_inverted_press": {
2058
2690
  "rgba": "rgba(53, 53, 57, 1)",
2059
2691
  "hex": "#353539",
2692
+ "figma": "neutral_inverted/300/press",
2693
+ "web": "--color-light-neutral-300-inverted-press",
2060
2694
  "alias": "neutralColor300InvertedPress"
2061
2695
  },
2062
2696
  "light_neutral_300_press": {
2063
2697
  "rgba": "rgba(210, 211, 217, 1)",
2064
2698
  "hex": "#d2d3d9",
2699
+ "figma": "neutral/300/press",
2700
+ "web": "--color-light-neutral-300-press",
2065
2701
  "alias": "neutralColor300Press"
2066
2702
  },
2067
2703
  "light_neutral_400": {
2068
2704
  "rgba": "rgba(210, 211, 217, 1)",
2069
2705
  "hex": "#d2d3d9",
2706
+ "figma": "neutral/400",
2707
+ "web": "--color-light-neutral-400",
2070
2708
  "alias": "neutralColor400"
2071
2709
  },
2072
2710
  "light_neutral_400_hover": {
2073
2711
  "rgba": "rgba(186, 187, 194, 1)",
2074
2712
  "hex": "#babbc2",
2713
+ "figma": "neutral/400/hover",
2714
+ "web": "--color-light-neutral-400-hover",
2075
2715
  "alias": "neutralColor400Hover"
2076
2716
  },
2077
2717
  "light_neutral_400_inverted": {
2078
2718
  "rgba": "rgba(53, 53, 57, 1)",
2079
2719
  "hex": "#353539",
2720
+ "figma": "neutral_inverted/400",
2721
+ "web": "--color-light-neutral-400-inverted",
2080
2722
  "alias": "neutralColor400Inverted"
2081
2723
  },
2082
2724
  "light_neutral_400_inverted_hover": {
2083
2725
  "rgba": "rgba(63, 63, 69, 1)",
2084
2726
  "hex": "#3f3f45",
2727
+ "figma": "neutral_inverted/400/hover",
2728
+ "web": "--color-light-neutral-400-inverted-hover",
2085
2729
  "alias": "neutralColor400InvertedHover"
2086
2730
  },
2087
2731
  "light_neutral_400_inverted_press": {
2088
2732
  "rgba": "rgba(74, 74, 81, 1)",
2089
2733
  "hex": "#4a4a51",
2734
+ "figma": "neutral_inverted/400/press",
2735
+ "web": "--color-light-neutral-400-inverted-press",
2090
2736
  "alias": "neutralColor400InvertedPress"
2091
2737
  },
2092
2738
  "light_neutral_400_press": {
2093
2739
  "rgba": "rgba(160, 161, 169, 1)",
2094
2740
  "hex": "#a0a1a9",
2741
+ "figma": "neutral/400/press",
2742
+ "web": "--color-light-neutral-400-press",
2095
2743
  "alias": "neutralColor400Press"
2096
2744
  },
2097
2745
  "light_neutral_500": {
2098
2746
  "rgba": "rgba(186, 187, 194, 1)",
2099
2747
  "hex": "#babbc2",
2748
+ "figma": "neutral/500",
2749
+ "web": "--color-light-neutral-500",
2100
2750
  "alias": "neutralColor500"
2101
2751
  },
2102
2752
  "light_neutral_500_hover": {
2103
2753
  "rgba": "rgba(160, 161, 169, 1)",
2104
2754
  "hex": "#a0a1a9",
2755
+ "figma": "neutral/500/hover",
2756
+ "web": "--color-light-neutral-500-hover",
2105
2757
  "alias": "neutralColor500Hover"
2106
2758
  },
2107
2759
  "light_neutral_500_inverted": {
2108
2760
  "rgba": "rgba(74, 74, 81, 1)",
2109
2761
  "hex": "#4a4a51",
2762
+ "figma": "neutral_inverted/500",
2763
+ "web": "--color-light-neutral-500-inverted",
2110
2764
  "alias": "neutralColor500Inverted"
2111
2765
  },
2112
2766
  "light_neutral_500_inverted_hover": {
2113
2767
  "rgba": "rgba(95, 95, 102, 1)",
2114
2768
  "hex": "#5f5f66",
2769
+ "figma": "neutral_inverted/500/hover",
2770
+ "web": "--color-light-neutral-500-inverted-hover",
2115
2771
  "alias": "neutralColor500InvertedHover"
2116
2772
  },
2117
2773
  "light_neutral_500_inverted_press": {
2118
2774
  "rgba": "rgba(117, 117, 125, 1)",
2119
2775
  "hex": "#75757d",
2776
+ "figma": "neutral_inverted/500/press",
2777
+ "web": "--color-light-neutral-500-inverted-press",
2120
2778
  "alias": "neutralColor500InvertedPress"
2121
2779
  },
2122
2780
  "light_neutral_500_press": {
2123
2781
  "rgba": "rgba(137, 137, 145, 1)",
2124
2782
  "hex": "#898991",
2783
+ "figma": "neutral/500/press",
2784
+ "web": "--color-light-neutral-500-press",
2125
2785
  "alias": "neutralColor500Press"
2126
2786
  },
2127
2787
  "light_neutral_700": {
2128
2788
  "rgba": "rgba(137, 137, 145, 1)",
2129
2789
  "hex": "#898991",
2790
+ "figma": "neutral/700",
2791
+ "web": "--color-light-neutral-700",
2130
2792
  "alias": "neutralColor700"
2131
2793
  },
2132
2794
  "light_neutral_700_hover": {
2133
2795
  "rgba": "rgba(117, 117, 125, 1)",
2134
2796
  "hex": "#75757d",
2797
+ "figma": "neutral/700/hover",
2798
+ "web": "--color-light-neutral-700-hover",
2135
2799
  "alias": "neutralColor700Hover"
2136
2800
  },
2137
2801
  "light_neutral_700_inverted": {
2138
2802
  "rgba": "rgba(137, 137, 145, 1)",
2139
2803
  "hex": "#898991",
2804
+ "figma": "neutral_inverted/700",
2805
+ "web": "--color-light-neutral-700-inverted",
2140
2806
  "alias": "neutralColor700Inverted"
2141
2807
  },
2142
2808
  "light_neutral_700_inverted_hover": {
2143
2809
  "rgba": "rgba(160, 161, 169, 1)",
2144
2810
  "hex": "#a0a1a9",
2811
+ "figma": "neutral_inverted/700/hover",
2812
+ "web": "--color-light-neutral-700-inverted-hover",
2145
2813
  "alias": "neutralColor700InvertedHover"
2146
2814
  },
2147
2815
  "light_neutral_700_inverted_press": {
2148
2816
  "rgba": "rgba(186, 187, 194, 1)",
2149
2817
  "hex": "#babbc2",
2818
+ "figma": "neutral_inverted/700/press",
2819
+ "web": "--color-light-neutral-700-inverted-press",
2150
2820
  "alias": "neutralColor700InvertedPress"
2151
2821
  },
2152
2822
  "light_neutral_700_press": {
2153
2823
  "rgba": "rgba(95, 95, 102, 1)",
2154
2824
  "hex": "#5f5f66",
2825
+ "figma": "neutral/700/press",
2826
+ "web": "--color-light-neutral-700-press",
2155
2827
  "alias": "neutralColor700Press"
2156
2828
  },
2157
2829
  "light_neutral_translucent_0": {
2158
2830
  "rgba": "rgba(255, 255, 255, 1)",
2159
2831
  "hex": "#ffffff",
2832
+ "figma": "neutral-translucent/0",
2833
+ "web": "--color-light-neutral-translucent-0",
2160
2834
  "alias": "neutralTranslucentColor0"
2161
2835
  },
2162
2836
  "light_neutral_translucent_0_hover": {
2163
2837
  "rgba": "rgba(38, 55, 88, 0.06)",
2164
2838
  "hex": "#0f263758",
2839
+ "figma": "neutral-translucent/0/hover",
2840
+ "web": "--color-light-neutral-translucent-0-hover",
2165
2841
  "alias": "neutralTranslucentColor0Hover"
2166
2842
  },
2167
2843
  "light_neutral_translucent_0_inverted": {
2168
2844
  "rgba": "rgba(214, 214, 229, 0.07)",
2169
2845
  "hex": "#12d6d6e5",
2846
+ "figma": "neutral-translucent_inverted/0",
2847
+ "web": "--color-light-neutral-translucent-0-inverted",
2170
2848
  "alias": "neutralTranslucentColor0Inverted"
2171
2849
  },
2172
2850
  "light_neutral_translucent_0_inverted_hover": {
2173
2851
  "rgba": "rgba(225, 225, 248, 0.09)",
2174
2852
  "hex": "#17e1e1f8",
2853
+ "figma": "neutral-translucent_inverted/0/hover",
2854
+ "web": "--color-light-neutral-translucent-0-inverted-hover",
2175
2855
  "alias": "neutralTranslucentColor0InvertedHover"
2176
2856
  },
2177
2857
  "light_neutral_translucent_0_inverted_press": {
2178
2858
  "rgba": "rgba(222, 222, 238, 0.13)",
2179
2859
  "hex": "#21dedeee",
2860
+ "figma": "neutral-translucent_inverted/0/press",
2861
+ "web": "--color-light-neutral-translucent-0-inverted-press",
2180
2862
  "alias": "neutralTranslucentColor0InvertedPress"
2181
2863
  },
2182
2864
  "light_neutral_translucent_0_press": {
2183
2865
  "rgba": "rgba(30, 43, 68, 0.08)",
2184
2866
  "hex": "#141e2b44",
2867
+ "figma": "neutral-translucent/0/press",
2868
+ "web": "--color-light-neutral-translucent-0-press",
2185
2869
  "alias": "neutralTranslucentColor0Press"
2186
2870
  },
2187
2871
  "light_neutral_translucent_100": {
2188
2872
  "rgba": "rgba(38, 55, 88, 0.06)",
2189
2873
  "hex": "#0f263758",
2874
+ "figma": "neutral-translucent/100",
2875
+ "web": "--color-light-neutral-translucent-100",
2190
2876
  "alias": "neutralTranslucentColor100"
2191
2877
  },
2192
2878
  "light_neutral_translucent_100_hover": {
2193
2879
  "rgba": "rgba(15, 25, 55, 0.1)",
2194
2880
  "hex": "#1a0f1937",
2881
+ "figma": "neutral-translucent/100/hover",
2882
+ "web": "--color-light-neutral-translucent-100-hover",
2195
2883
  "alias": "neutralTranslucentColor100Hover"
2196
2884
  },
2197
2885
  "light_neutral_translucent_100_inverted": {
2198
2886
  "rgba": "rgba(214, 214, 229, 0.07)",
2199
2887
  "hex": "#12d6d6e5",
2888
+ "figma": "neutral-translucent_inverted/100",
2889
+ "web": "--color-light-neutral-translucent-100-inverted",
2200
2890
  "alias": "neutralTranslucentColor100Inverted"
2201
2891
  },
2202
2892
  "light_neutral_translucent_100_inverted_hover": {
2203
2893
  "rgba": "rgba(222, 222, 238, 0.13)",
2204
2894
  "hex": "#21dedeee",
2895
+ "figma": "neutral-translucent_inverted/100/hover",
2896
+ "web": "--color-light-neutral-translucent-100-inverted-hover",
2205
2897
  "alias": "neutralTranslucentColor100InvertedHover"
2206
2898
  },
2207
2899
  "light_neutral_translucent_100_inverted_press": {
2208
2900
  "rgba": "rgba(234, 234, 248, 0.15)",
2209
2901
  "hex": "#26eaeaf8",
2902
+ "figma": "neutral-translucent_inverted/100/press",
2903
+ "web": "--color-light-neutral-translucent-100-inverted-press",
2210
2904
  "alias": "neutralTranslucentColor100InvertedPress"
2211
2905
  },
2212
2906
  "light_neutral_translucent_100_press": {
2213
2907
  "rgba": "rgba(5, 12, 41, 0.14)",
2214
2908
  "hex": "#24050c29",
2909
+ "figma": "neutral-translucent/100/press",
2910
+ "web": "--color-light-neutral-translucent-100-press",
2215
2911
  "alias": "neutralTranslucentColor100Press"
2216
2912
  },
2217
2913
  "light_neutral_translucent_1500_hover": {
2218
2914
  "rgba": "rgba(2, 2, 10, 0.76)",
2219
2915
  "hex": "#c202020a",
2916
+ "figma": "neutral-translucent/1500/hover",
2917
+ "web": "--color-light-neutral-translucent-1500-hover",
2220
2918
  "alias": "neutralTranslucentColor1500Hover"
2221
2919
  },
2222
2920
  "light_neutral_translucent_1500_inverted_hover": {
2223
2921
  "rgba": "rgba(243, 245, 254, 0.75)",
2224
2922
  "hex": "#bff3f5fe",
2923
+ "figma": "neutral-translucent_inverted/1500/hover",
2924
+ "web": "--color-light-neutral-translucent-1500-inverted-hover",
2225
2925
  "alias": "neutralTranslucentColor1500InvertedHover"
2226
2926
  },
2227
2927
  "light_neutral_translucent_1500_inverted_press": {
2228
2928
  "rgba": "rgba(239, 240, 252, 0.65)",
2229
2929
  "hex": "#a6eff0fc",
2930
+ "figma": "neutral-translucent_inverted/1500/press",
2931
+ "web": "--color-light-neutral-translucent-1500-inverted-press",
2230
2932
  "alias": "neutralTranslucentColor1500InvertedPress"
2231
2933
  },
2232
2934
  "light_neutral_translucent_1500_press": {
2233
2935
  "rgba": "rgba(1, 1, 12, 0.63)",
2234
2936
  "hex": "#a101010c",
2937
+ "figma": "neutral-translucent/1500/press",
2938
+ "web": "--color-light-neutral-translucent-1500-press",
2235
2939
  "alias": "neutralTranslucentColor1500Press"
2236
2940
  },
2237
2941
  "light_neutral_translucent_200": {
2238
2942
  "rgba": "rgba(30, 43, 68, 0.08)",
2239
2943
  "hex": "#141e2b44",
2944
+ "figma": "neutral-translucent/200",
2945
+ "web": "--color-light-neutral-translucent-200",
2240
2946
  "alias": "neutralTranslucentColor200"
2241
2947
  },
2242
2948
  "light_neutral_translucent_200_hover": {
2243
2949
  "rgba": "rgba(15, 25, 55, 0.1)",
2244
2950
  "hex": "#1a0f1937",
2951
+ "figma": "neutral-translucent/200/hover",
2952
+ "web": "--color-light-neutral-translucent-200-hover",
2245
2953
  "alias": "neutralTranslucentColor200Hover"
2246
2954
  },
2247
2955
  "light_neutral_translucent_200_inverted": {
2248
2956
  "rgba": "rgba(225, 225, 248, 0.09)",
2249
2957
  "hex": "#17e1e1f8",
2958
+ "figma": "neutral-translucent_inverted/200",
2959
+ "web": "--color-light-neutral-translucent-200-inverted",
2250
2960
  "alias": "neutralTranslucentColor200Inverted"
2251
2961
  },
2252
2962
  "light_neutral_translucent_200_inverted_hover": {
2253
2963
  "rgba": "rgba(222, 222, 238, 0.13)",
2254
2964
  "hex": "#21dedeee",
2965
+ "figma": "neutral-translucent_inverted/200/hover",
2966
+ "web": "--color-light-neutral-translucent-200-inverted-hover",
2255
2967
  "alias": "neutralTranslucentColor200InvertedHover"
2256
2968
  },
2257
2969
  "light_neutral_translucent_200_inverted_press": {
2258
2970
  "rgba": "rgba(234, 234, 248, 0.15)",
2259
2971
  "hex": "#26eaeaf8",
2972
+ "figma": "neutral-translucent_inverted/200/press",
2973
+ "web": "--color-light-neutral-translucent-200-inverted-press",
2260
2974
  "alias": "neutralTranslucentColor200InvertedPress"
2261
2975
  },
2262
2976
  "light_neutral_translucent_200_press": {
2263
2977
  "rgba": "rgba(5, 12, 41, 0.14)",
2264
2978
  "hex": "#24050c29",
2979
+ "figma": "neutral-translucent/200/press",
2980
+ "web": "--color-light-neutral-translucent-200-press",
2265
2981
  "alias": "neutralTranslucentColor200Press"
2266
2982
  },
2267
2983
  "light_neutral_translucent_300": {
2268
2984
  "rgba": "rgba(15, 25, 55, 0.1)",
2269
2985
  "hex": "#1a0f1937",
2986
+ "figma": "neutral-translucent/300",
2987
+ "web": "--color-light-neutral-translucent-300",
2270
2988
  "alias": "neutralTranslucentColor300"
2271
2989
  },
2272
2990
  "light_neutral_translucent_300_hover": {
2273
2991
  "rgba": "rgba(5, 12, 41, 0.14)",
2274
2992
  "hex": "#24050c29",
2993
+ "figma": "neutral-translucent/300/hover",
2994
+ "web": "--color-light-neutral-translucent-300-hover",
2275
2995
  "alias": "neutralTranslucentColor300Hover"
2276
2996
  },
2277
2997
  "light_neutral_translucent_300_inverted": {
2278
2998
  "rgba": "rgba(222, 222, 238, 0.13)",
2279
2999
  "hex": "#21dedeee",
3000
+ "figma": "neutral-translucent_inverted/300",
3001
+ "web": "--color-light-neutral-translucent-300-inverted",
2280
3002
  "alias": "neutralTranslucentColor300Inverted"
2281
3003
  },
2282
3004
  "light_neutral_translucent_300_inverted_hover": {
2283
3005
  "rgba": "rgba(234, 234, 248, 0.15)",
2284
3006
  "hex": "#26eaeaf8",
3007
+ "figma": "neutral-translucent_inverted/300/hover",
3008
+ "web": "--color-light-neutral-translucent-300-inverted-hover",
2285
3009
  "alias": "neutralTranslucentColor300InvertedHover"
2286
3010
  },
2287
3011
  "light_neutral_translucent_300_inverted_press": {
2288
3012
  "rgba": "rgba(231, 231, 248, 0.18)",
2289
3013
  "hex": "#2ee7e7f8",
3014
+ "figma": "neutral-translucent_inverted/300/press",
3015
+ "web": "--color-light-neutral-translucent-300-inverted-press",
2290
3016
  "alias": "neutralTranslucentColor300InvertedPress"
2291
3017
  },
2292
3018
  "light_neutral_translucent_300_press": {
2293
3019
  "rgba": "rgba(5, 11, 44, 0.18)",
2294
3020
  "hex": "#2e050b2c",
3021
+ "figma": "neutral-translucent/300/press",
3022
+ "web": "--color-light-neutral-translucent-300-press",
2295
3023
  "alias": "neutralTranslucentColor300Press"
2296
3024
  },
2297
3025
  "light_neutral_translucent_400": {
2298
3026
  "rgba": "rgba(5, 11, 44, 0.18)",
2299
3027
  "hex": "#2e050b2c",
3028
+ "figma": "neutral-translucent/400",
3029
+ "web": "--color-light-neutral-translucent-400",
2300
3030
  "alias": "neutralTranslucentColor400"
2301
3031
  },
2302
3032
  "light_neutral_translucent_400_hover": {
2303
3033
  "rgba": "rgba(9, 12, 37, 0.28)",
2304
3034
  "hex": "#47090c25",
3035
+ "figma": "neutral-translucent/400/hover",
3036
+ "web": "--color-light-neutral-translucent-400-hover",
2305
3037
  "alias": "neutralTranslucentColor400Hover"
2306
3038
  },
2307
3039
  "light_neutral_translucent_400_inverted": {
2308
3040
  "rgba": "rgba(231, 231, 248, 0.18)",
2309
3041
  "hex": "#2ee7e7f8",
3042
+ "figma": "neutral-translucent_inverted/400",
3043
+ "web": "--color-light-neutral-translucent-400-inverted",
2310
3044
  "alias": "neutralTranslucentColor400Inverted"
2311
3045
  },
2312
3046
  "light_neutral_translucent_400_inverted_hover": {
2313
3047
  "rgba": "rgba(227, 227, 250, 0.23)",
2314
3048
  "hex": "#3be3e3fa",
3049
+ "figma": "neutral-translucent_inverted/400/hover",
3050
+ "web": "--color-light-neutral-translucent-400-inverted-hover",
2315
3051
  "alias": "neutralTranslucentColor400InvertedHover"
2316
3052
  },
2317
3053
  "light_neutral_translucent_400_inverted_press": {
2318
3054
  "rgba": "rgba(228, 228, 251, 0.28)",
2319
3055
  "hex": "#47e4e4fb",
3056
+ "figma": "neutral-translucent_inverted/400/press",
3057
+ "web": "--color-light-neutral-translucent-400-inverted-press",
2320
3058
  "alias": "neutralTranslucentColor400InvertedPress"
2321
3059
  },
2322
3060
  "light_neutral_translucent_400_press": {
2323
3061
  "rgba": "rgba(5, 8, 29, 0.38)",
2324
3062
  "hex": "#6105081d",
3063
+ "figma": "neutral-translucent/400/press",
3064
+ "web": "--color-light-neutral-translucent-400-press",
2325
3065
  "alias": "neutralTranslucentColor400Press"
2326
3066
  },
2327
3067
  "light_neutral_translucent_500": {
2328
3068
  "rgba": "rgba(9, 12, 37, 0.28)",
2329
3069
  "hex": "#47090c25",
3070
+ "figma": "neutral-translucent/500",
3071
+ "web": "--color-light-neutral-translucent-500",
2330
3072
  "alias": "neutralTranslucentColor500"
2331
3073
  },
2332
3074
  "light_neutral_translucent_500_hover": {
2333
3075
  "rgba": "rgba(5, 8, 29, 0.38)",
2334
3076
  "hex": "#6105081d",
3077
+ "figma": "neutral-translucent/500/hover",
3078
+ "web": "--color-light-neutral-translucent-500-hover",
2335
3079
  "alias": "neutralTranslucentColor500Hover"
2336
3080
  },
2337
3081
  "light_neutral_translucent_500_inverted": {
2338
3082
  "rgba": "rgba(228, 228, 251, 0.28)",
2339
3083
  "hex": "#47e4e4fb",
3084
+ "figma": "neutral-translucent_inverted/500",
3085
+ "web": "--color-light-neutral-translucent-500-inverted",
2340
3086
  "alias": "neutralTranslucentColor500Inverted"
2341
3087
  },
2342
3088
  "light_neutral_translucent_500_inverted_hover": {
2343
3089
  "rgba": "rgba(233, 233, 250, 0.37)",
2344
3090
  "hex": "#5ee9e9fa",
3091
+ "figma": "neutral-translucent_inverted/500/hover",
3092
+ "web": "--color-light-neutral-translucent-500-inverted-hover",
2345
3093
  "alias": "neutralTranslucentColor500InvertedHover"
2346
3094
  },
2347
3095
  "light_neutral_translucent_500_inverted_press": {
2348
3096
  "rgba": "rgba(238, 238, 254, 0.46)",
2349
3097
  "hex": "#75eeeefe",
3098
+ "figma": "neutral-translucent_inverted/500/press",
3099
+ "web": "--color-light-neutral-translucent-500-inverted-press",
2350
3100
  "alias": "neutralTranslucentColor500InvertedPress"
2351
3101
  },
2352
3102
  "light_neutral_translucent_500_press": {
2353
3103
  "rgba": "rgba(4, 4, 21, 0.47)",
2354
3104
  "hex": "#78040415",
3105
+ "figma": "neutral-translucent/500/press",
3106
+ "web": "--color-light-neutral-translucent-500-press",
2355
3107
  "alias": "neutralTranslucentColor500Press"
2356
3108
  },
2357
3109
  "light_neutral_translucent_700": {
2358
3110
  "rgba": "rgba(4, 4, 21, 0.47)",
2359
3111
  "hex": "#78040415",
3112
+ "figma": "neutral-translucent/700",
3113
+ "web": "--color-light-neutral-translucent-700",
2360
3114
  "alias": "neutralTranslucentColor700"
2361
3115
  },
2362
3116
  "light_neutral_translucent_700_hover": {
2363
3117
  "rgba": "rgba(4, 4, 19, 0.55)",
2364
3118
  "hex": "#8c040413",
3119
+ "figma": "neutral-translucent/700/hover",
3120
+ "web": "--color-light-neutral-translucent-700-hover",
2365
3121
  "alias": "neutralTranslucentColor700Hover"
2366
3122
  },
2367
3123
  "light_neutral_translucent_700_inverted": {
2368
3124
  "rgba": "rgba(238, 238, 251, 0.55)",
2369
3125
  "hex": "#8ceeeefb",
3126
+ "figma": "neutral-translucent_inverted/700",
3127
+ "web": "--color-light-neutral-translucent-700-inverted",
2370
3128
  "alias": "neutralTranslucentColor700Inverted"
2371
3129
  },
2372
3130
  "light_neutral_translucent_700_inverted_hover": {
2373
3131
  "rgba": "rgba(239, 240, 252, 0.65)",
2374
3132
  "hex": "#a6eff0fc",
3133
+ "figma": "neutral-translucent_inverted/700/hover",
3134
+ "web": "--color-light-neutral-translucent-700-inverted-hover",
2375
3135
  "alias": "neutralTranslucentColor700InvertedHover"
2376
3136
  },
2377
3137
  "light_neutral_translucent_700_inverted_press": {
2378
3138
  "rgba": "rgba(243, 245, 254, 0.75)",
2379
3139
  "hex": "#bff3f5fe",
3140
+ "figma": "neutral-translucent_inverted/700/press",
3141
+ "web": "--color-light-neutral-translucent-700-inverted-press",
2380
3142
  "alias": "neutralTranslucentColor700InvertedPress"
2381
3143
  },
2382
3144
  "light_neutral_translucent_700_press": {
2383
3145
  "rgba": "rgba(1, 1, 12, 0.63)",
2384
3146
  "hex": "#a101010c",
3147
+ "figma": "neutral-translucent/700/press",
3148
+ "web": "--color-light-neutral-translucent-700-press",
2385
3149
  "alias": "neutralTranslucentColor700Press"
2386
3150
  },
2387
3151
  "light_overlay_default": {
2388
3152
  "rgba": "rgba(0, 0, 0, 0.6)",
2389
3153
  "hex": "#99000000",
3154
+ "figma": "overlay/default",
3155
+ "web": "--color-light-overlay-default",
2390
3156
  "alias": "overlayColorDefault"
2391
3157
  },
2392
3158
  "light_specialbg_component": {
@@ -2447,361 +3213,505 @@
2447
3213
  "light_status_attention": {
2448
3214
  "rgba": "rgba(250, 147, 19, 1)",
2449
3215
  "hex": "#fa9313",
3216
+ "figma": "status/attention",
3217
+ "web": "--color-light-status-attention",
2450
3218
  "alias": "statusColorAttention"
2451
3219
  },
2452
3220
  "light_status_attention_hover": {
2453
3221
  "rgba": "rgba(241, 141, 11, 1)",
2454
3222
  "hex": "#f18d0b",
3223
+ "figma": "status/attention/hover",
3224
+ "web": "--color-light-status-attention-hover",
2455
3225
  "alias": "statusColorAttentionHover"
2456
3226
  },
2457
3227
  "light_status_attention_inverted": {
2458
3228
  "rgba": "rgba(253, 161, 54, 1)",
2459
3229
  "hex": "#fda136",
3230
+ "figma": "status_inverted/attention",
3231
+ "web": "--color-light-status-attention-inverted",
2460
3232
  "alias": "statusColorAttentionInverted"
2461
3233
  },
2462
3234
  "light_status_attention_inverted_hover": {
2463
3235
  "rgba": "rgba(253, 178, 77, 1)",
2464
3236
  "hex": "#fdb24d",
3237
+ "figma": "status_inverted/attention/hover",
3238
+ "web": "--color-light-status-attention-inverted-hover",
2465
3239
  "alias": "statusColorAttentionInvertedHover"
2466
3240
  },
2467
3241
  "light_status_attention_inverted_press": {
2468
3242
  "rgba": "rgba(255, 191, 112, 1)",
2469
3243
  "hex": "#ffbf70",
3244
+ "figma": "status_inverted/attention/press",
3245
+ "web": "--color-light-status-attention-inverted-press",
2470
3246
  "alias": "statusColorAttentionInvertedPress"
2471
3247
  },
2472
3248
  "light_status_attention_press": {
2473
3249
  "rgba": "rgba(234, 131, 19, 1)",
2474
3250
  "hex": "#ea8313",
3251
+ "figma": "status/attention/press",
3252
+ "web": "--color-light-status-attention-press",
2475
3253
  "alias": "statusColorAttentionPress"
2476
3254
  },
2477
3255
  "light_status_info": {
2478
3256
  "rgba": "rgba(34, 136, 250, 1)",
2479
3257
  "hex": "#2288fa",
3258
+ "figma": "status/info",
3259
+ "web": "--color-light-status-info",
2480
3260
  "alias": "statusColorInfo"
2481
3261
  },
2482
3262
  "light_status_info_hover": {
2483
3263
  "rgba": "rgba(42, 119, 239, 1)",
2484
3264
  "hex": "#2a77ef",
3265
+ "figma": "status/info/hover",
3266
+ "web": "--color-light-status-info-hover",
2485
3267
  "alias": "statusColorInfoHover"
2486
3268
  },
2487
3269
  "light_status_info_inverted": {
2488
3270
  "rgba": "rgba(49, 147, 252, 1)",
2489
3271
  "hex": "#3193fc",
3272
+ "figma": "status_inverted/info",
3273
+ "web": "--color-light-status-info-inverted",
2490
3274
  "alias": "statusColorInfoInverted"
2491
3275
  },
2492
3276
  "light_status_info_inverted_hover": {
2493
3277
  "rgba": "rgba(74, 157, 252, 1)",
2494
3278
  "hex": "#4a9dfc",
3279
+ "figma": "status_inverted/info/hover",
3280
+ "web": "--color-light-status-info-inverted-hover",
2495
3281
  "alias": "statusColorInfoInvertedHover"
2496
3282
  },
2497
3283
  "light_status_info_inverted_press": {
2498
3284
  "rgba": "rgba(99, 170, 253, 1)",
2499
3285
  "hex": "#63aafd",
3286
+ "figma": "status_inverted/info/press",
3287
+ "web": "--color-light-status-info-inverted-press",
2500
3288
  "alias": "statusColorInfoInvertedPress"
2501
3289
  },
2502
3290
  "light_status_info_press": {
2503
3291
  "rgba": "rgba(44, 100, 212, 1)",
2504
3292
  "hex": "#2c64d4",
3293
+ "figma": "status/info/press",
3294
+ "web": "--color-light-status-info-press",
2505
3295
  "alias": "statusColorInfoPress"
2506
3296
  },
2507
3297
  "light_status_muted_alt_attention": {
2508
3298
  "rgba": "rgba(253, 230, 200, 1)",
2509
3299
  "hex": "#fde6c8",
3300
+ "figma": "status-muted-alt/attention",
3301
+ "web": "--color-light-status-muted-alt-attention",
2510
3302
  "alias": "statusMutedAltColorAttention"
2511
3303
  },
2512
3304
  "light_status_muted_alt_attention_hover": {
2513
3305
  "rgba": "rgba(246, 215, 175, 1)",
2514
3306
  "hex": "#f6d7af",
3307
+ "figma": "status-muted-alt/attention/hover",
3308
+ "web": "--color-light-status-muted-alt-attention-hover",
2515
3309
  "alias": "statusMutedAltColorAttentionHover"
2516
3310
  },
2517
3311
  "light_status_muted_alt_attention_inverted": {
2518
3312
  "rgba": "rgba(65, 47, 34, 1)",
2519
3313
  "hex": "#412f22",
3314
+ "figma": "status-muted-alt_inverted/attention",
3315
+ "web": "--color-light-status-muted-alt-attention-inverted",
2520
3316
  "alias": "statusMutedAltColorAttentionInverted"
2521
3317
  },
2522
3318
  "light_status_muted_alt_attention_inverted_hover": {
2523
3319
  "rgba": "rgba(79, 54, 35, 1)",
2524
3320
  "hex": "#4f3623",
3321
+ "figma": "status-muted-alt_inverted/attention/hover",
3322
+ "web": "--color-light-status-muted-alt-attention-inverted-hover",
2525
3323
  "alias": "statusMutedAltColorAttentionInvertedHover"
2526
3324
  },
2527
3325
  "light_status_muted_alt_attention_inverted_press": {
2528
3326
  "rgba": "rgba(99, 65, 40, 1)",
2529
3327
  "hex": "#634128",
3328
+ "figma": "status-muted-alt_inverted/attention/press",
3329
+ "web": "--color-light-status-muted-alt-attention-inverted-press",
2530
3330
  "alias": "statusMutedAltColorAttentionInvertedPress"
2531
3331
  },
2532
3332
  "light_status_muted_alt_attention_press": {
2533
3333
  "rgba": "rgba(238, 197, 150, 1)",
2534
3334
  "hex": "#eec596",
3335
+ "figma": "status-muted-alt/attention/press",
3336
+ "web": "--color-light-status-muted-alt-attention-press",
2535
3337
  "alias": "statusMutedAltColorAttentionPress"
2536
3338
  },
2537
3339
  "light_status_muted_alt_info": {
2538
3340
  "rgba": "rgba(216, 234, 255, 1)",
2539
3341
  "hex": "#d8eaff",
3342
+ "figma": "status-muted-alt/info",
3343
+ "web": "--color-light-status-muted-alt-info",
2540
3344
  "alias": "statusMutedAltColorInfo"
2541
3345
  },
2542
3346
  "light_status_muted_alt_info_hover": {
2543
3347
  "rgba": "rgba(196, 222, 250, 1)",
2544
3348
  "hex": "#c4defa",
3349
+ "figma": "status-muted-alt/info/hover",
3350
+ "web": "--color-light-status-muted-alt-info-hover",
2545
3351
  "alias": "statusMutedAltColorInfoHover"
2546
3352
  },
2547
3353
  "light_status_muted_alt_info_inverted": {
2548
3354
  "rgba": "rgba(41, 48, 68, 1)",
2549
3355
  "hex": "#293044",
3356
+ "figma": "status-muted-alt_inverted/info",
3357
+ "web": "--color-light-status-muted-alt-info-inverted",
2550
3358
  "alias": "statusMutedAltColorInfoInverted"
2551
3359
  },
2552
3360
  "light_status_muted_alt_info_inverted_hover": {
2553
3361
  "rgba": "rgba(48, 58, 85, 1)",
2554
3362
  "hex": "#303a55",
3363
+ "figma": "status-muted-alt_inverted/info/hover",
3364
+ "web": "--color-light-status-muted-alt-info-inverted-hover",
2555
3365
  "alias": "statusMutedAltColorInfoInvertedHover"
2556
3366
  },
2557
3367
  "light_status_muted_alt_info_inverted_press": {
2558
3368
  "rgba": "rgba(58, 69, 106, 1)",
2559
3369
  "hex": "#3a456a",
3370
+ "figma": "status-muted-alt_inverted/info/press",
3371
+ "web": "--color-light-status-muted-alt-info-inverted-press",
2560
3372
  "alias": "statusMutedAltColorInfoInvertedPress"
2561
3373
  },
2562
3374
  "light_status_muted_alt_info_press": {
2563
3375
  "rgba": "rgba(174, 204, 241, 1)",
2564
3376
  "hex": "#aeccf1",
3377
+ "figma": "status-muted-alt/info/press",
3378
+ "web": "--color-light-status-muted-alt-info-press",
2565
3379
  "alias": "statusMutedAltColorInfoPress"
2566
3380
  },
2567
3381
  "light_status_muted_alt_negative": {
2568
3382
  "rgba": "rgba(255, 223, 223, 1)",
2569
3383
  "hex": "#ffdfdf",
3384
+ "figma": "status-muted-alt/negative",
3385
+ "web": "--color-light-status-muted-alt-negative",
2570
3386
  "alias": "statusMutedAltColorNegative"
2571
3387
  },
2572
3388
  "light_status_muted_alt_negative_hover": {
2573
3389
  "rgba": "rgba(250, 204, 202, 1)",
2574
3390
  "hex": "#faccca",
3391
+ "figma": "status-muted-alt/negative/hover",
3392
+ "web": "--color-light-status-muted-alt-negative-hover",
2575
3393
  "alias": "statusMutedAltColorNegativeHover"
2576
3394
  },
2577
3395
  "light_status_muted_alt_negative_inverted": {
2578
3396
  "rgba": "rgba(68, 41, 38, 1)",
2579
3397
  "hex": "#442926",
3398
+ "figma": "status-muted-alt_inverted/negative",
3399
+ "web": "--color-light-status-muted-alt-negative-inverted",
2580
3400
  "alias": "statusMutedAltColorNegativeInverted"
2581
3401
  },
2582
3402
  "light_status_muted_alt_negative_inverted_hover": {
2583
3403
  "rgba": "rgba(86, 48, 45, 1)",
2584
3404
  "hex": "#56302d",
3405
+ "figma": "status-muted-alt_inverted/negative/hover",
3406
+ "web": "--color-light-status-muted-alt-negative-inverted-hover",
2585
3407
  "alias": "statusMutedAltColorNegativeInvertedHover"
2586
3408
  },
2587
3409
  "light_status_muted_alt_negative_inverted_press": {
2588
3410
  "rgba": "rgba(108, 59, 52, 1)",
2589
3411
  "hex": "#6c3b34",
3412
+ "figma": "status-muted-alt_inverted/negative/press",
3413
+ "web": "--color-light-status-muted-alt-negative-inverted-press",
2590
3414
  "alias": "statusMutedAltColorNegativeInvertedPress"
2591
3415
  },
2592
3416
  "light_status_muted_alt_negative_press": {
2593
3417
  "rgba": "rgba(241, 183, 176, 1)",
2594
3418
  "hex": "#f1b7b0",
3419
+ "figma": "status-muted-alt/negative/press",
3420
+ "web": "--color-light-status-muted-alt-negative-press",
2595
3421
  "alias": "statusMutedAltColorNegativePress"
2596
3422
  },
2597
3423
  "light_status_muted_alt_positive": {
2598
3424
  "rgba": "rgba(209, 241, 215, 1)",
2599
3425
  "hex": "#d1f1d7",
3426
+ "figma": "status-muted-alt/positive",
3427
+ "web": "--color-light-status-muted-alt-positive",
2600
3428
  "alias": "statusMutedAltColorPositive"
2601
3429
  },
2602
3430
  "light_status_muted_alt_positive_hover": {
2603
3431
  "rgba": "rgba(186, 230, 194, 1)",
2604
3432
  "hex": "#bae6c2",
3433
+ "figma": "status-muted-alt/positive/hover",
3434
+ "web": "--color-light-status-muted-alt-positive-hover",
2605
3435
  "alias": "statusMutedAltColorPositiveHover"
2606
3436
  },
2607
3437
  "light_status_muted_alt_positive_inverted": {
2608
3438
  "rgba": "rgba(37, 53, 40, 1)",
2609
3439
  "hex": "#253528",
3440
+ "figma": "status-muted-alt_inverted/positive",
3441
+ "web": "--color-light-status-muted-alt-positive-inverted",
2610
3442
  "alias": "statusMutedAltColorPositiveInverted"
2611
3443
  },
2612
3444
  "light_status_muted_alt_positive_inverted_hover": {
2613
3445
  "rgba": "rgba(40, 63, 45, 1)",
2614
3446
  "hex": "#283f2d",
3447
+ "figma": "status-muted-alt_inverted/positive/hover",
3448
+ "web": "--color-light-status-muted-alt-positive-inverted-hover",
2615
3449
  "alias": "statusMutedAltColorPositiveInvertedHover"
2616
3450
  },
2617
3451
  "light_status_muted_alt_positive_inverted_press": {
2618
3452
  "rgba": "rgba(45, 77, 50, 1)",
2619
3453
  "hex": "#2d4d32",
3454
+ "figma": "status-muted-alt_inverted/positive/press",
3455
+ "web": "--color-light-status-muted-alt-positive-inverted-press",
2620
3456
  "alias": "statusMutedAltColorPositiveInvertedPress"
2621
3457
  },
2622
3458
  "light_status_muted_alt_positive_press": {
2623
3459
  "rgba": "rgba(161, 215, 168, 1)",
2624
3460
  "hex": "#a1d7a8",
3461
+ "figma": "status-muted-alt/positive/press",
3462
+ "web": "--color-light-status-muted-alt-positive-press",
2625
3463
  "alias": "statusMutedAltColorPositivePress"
2626
3464
  },
2627
3465
  "light_status_muted_attention": {
2628
3466
  "rgba": "rgba(255, 239, 217, 1)",
2629
3467
  "hex": "#ffefd9",
3468
+ "figma": "status-muted/attention",
3469
+ "web": "--color-light-status-muted-attention",
2630
3470
  "alias": "statusMutedColorAttention"
2631
3471
  },
2632
3472
  "light_status_muted_attention_hover": {
2633
3473
  "rgba": "rgba(253, 230, 200, 1)",
2634
3474
  "hex": "#fde6c8",
3475
+ "figma": "status-muted/attention/hover",
3476
+ "web": "--color-light-status-muted-attention-hover",
2635
3477
  "alias": "statusMutedColorAttentionHover"
2636
3478
  },
2637
3479
  "light_status_muted_attention_inverted": {
2638
3480
  "rgba": "rgba(54, 41, 31, 1)",
2639
3481
  "hex": "#36291f",
3482
+ "figma": "status-muted_inverted/attention",
3483
+ "web": "--color-light-status-muted-attention-inverted",
2640
3484
  "alias": "statusMutedColorAttentionInverted"
2641
3485
  },
2642
3486
  "light_status_muted_attention_inverted_hover": {
2643
3487
  "rgba": "rgba(65, 47, 34, 1)",
2644
3488
  "hex": "#412f22",
3489
+ "figma": "status-muted_inverted/attention/hover",
3490
+ "web": "--color-light-status-muted-attention-inverted-hover",
2645
3491
  "alias": "statusMutedColorAttentionInvertedHover"
2646
3492
  },
2647
3493
  "light_status_muted_attention_inverted_press": {
2648
3494
  "rgba": "rgba(79, 54, 35, 1)",
2649
3495
  "hex": "#4f3623",
3496
+ "figma": "status-muted_inverted/attention/press",
3497
+ "web": "--color-light-status-muted-attention-inverted-press",
2650
3498
  "alias": "statusMutedColorAttentionInvertedPress"
2651
3499
  },
2652
3500
  "light_status_muted_attention_press": {
2653
3501
  "rgba": "rgba(246, 215, 175, 1)",
2654
3502
  "hex": "#f6d7af",
3503
+ "figma": "status-muted/attention/press",
3504
+ "web": "--color-light-status-muted-attention-press",
2655
3505
  "alias": "statusMutedColorAttentionPress"
2656
3506
  },
2657
3507
  "light_status_muted_info": {
2658
3508
  "rgba": "rgba(228, 240, 255, 1)",
2659
3509
  "hex": "#e4f0ff",
3510
+ "figma": "status-muted/info",
3511
+ "web": "--color-light-status-muted-info",
2660
3512
  "alias": "statusMutedColorInfo"
2661
3513
  },
2662
3514
  "light_status_muted_info_hover": {
2663
3515
  "rgba": "rgba(216, 234, 255, 1)",
2664
3516
  "hex": "#d8eaff",
3517
+ "figma": "status-muted/info/hover",
3518
+ "web": "--color-light-status-muted-info-hover",
2665
3519
  "alias": "statusMutedColorInfoHover"
2666
3520
  },
2667
3521
  "light_status_muted_info_inverted": {
2668
3522
  "rgba": "rgba(34, 42, 62, 1)",
2669
3523
  "hex": "#222a3e",
3524
+ "figma": "status-muted_inverted/info",
3525
+ "web": "--color-light-status-muted-info-inverted",
2670
3526
  "alias": "statusMutedColorInfoInverted"
2671
3527
  },
2672
3528
  "light_status_muted_info_inverted_hover": {
2673
3529
  "rgba": "rgba(41, 48, 68, 1)",
2674
3530
  "hex": "#293044",
3531
+ "figma": "status-muted_inverted/info/hover",
3532
+ "web": "--color-light-status-muted-info-inverted-hover",
2675
3533
  "alias": "statusMutedColorInfoInvertedHover"
2676
3534
  },
2677
3535
  "light_status_muted_info_inverted_press": {
2678
3536
  "rgba": "rgba(48, 58, 85, 1)",
2679
3537
  "hex": "#303a55",
3538
+ "figma": "status-muted_inverted/info/press",
3539
+ "web": "--color-light-status-muted-info-inverted-press",
2680
3540
  "alias": "statusMutedColorInfoInvertedPress"
2681
3541
  },
2682
3542
  "light_status_muted_info_press": {
2683
3543
  "rgba": "rgba(196, 222, 250, 1)",
2684
3544
  "hex": "#c4defa",
3545
+ "figma": "status-muted/info/press",
3546
+ "web": "--color-light-status-muted-info-press",
2685
3547
  "alias": "statusMutedColorInfoPress"
2686
3548
  },
2687
3549
  "light_status_muted_negative": {
2688
3550
  "rgba": "rgba(255, 235, 235, 1)",
2689
3551
  "hex": "#ffebeb",
3552
+ "figma": "status-muted/negative",
3553
+ "web": "--color-light-status-muted-negative",
2690
3554
  "alias": "statusMutedColorNegative"
2691
3555
  },
2692
3556
  "light_status_muted_negative_hover": {
2693
3557
  "rgba": "rgba(255, 223, 223, 1)",
2694
3558
  "hex": "#ffdfdf",
3559
+ "figma": "status-muted/negative/hover",
3560
+ "web": "--color-light-status-muted-negative-hover",
2695
3561
  "alias": "statusMutedColorNegativeHover"
2696
3562
  },
2697
3563
  "light_status_muted_negative_inverted": {
2698
3564
  "rgba": "rgba(57, 37, 35, 1)",
2699
3565
  "hex": "#392523",
3566
+ "figma": "status-muted_inverted/negative",
3567
+ "web": "--color-light-status-muted-negative-inverted",
2700
3568
  "alias": "statusMutedColorNegativeInverted"
2701
3569
  },
2702
3570
  "light_status_muted_negative_inverted_hover": {
2703
3571
  "rgba": "rgba(68, 41, 38, 1)",
2704
3572
  "hex": "#442926",
3573
+ "figma": "status-muted_inverted/negative/hover",
3574
+ "web": "--color-light-status-muted-negative-inverted-hover",
2705
3575
  "alias": "statusMutedColorNegativeInvertedHover"
2706
3576
  },
2707
3577
  "light_status_muted_negative_inverted_press": {
2708
3578
  "rgba": "rgba(86, 48, 45, 1)",
2709
3579
  "hex": "#56302d",
3580
+ "figma": "status-muted_inverted/negative/press",
3581
+ "web": "--color-light-status-muted-negative-inverted-press",
2710
3582
  "alias": "statusMutedColorNegativeInvertedPress"
2711
3583
  },
2712
3584
  "light_status_muted_negative_press": {
2713
3585
  "rgba": "rgba(250, 204, 202, 1)",
2714
3586
  "hex": "#faccca",
3587
+ "figma": "status-muted/negative/press",
3588
+ "web": "--color-light-status-muted-negative-press",
2715
3589
  "alias": "statusMutedColorNegativePress"
2716
3590
  },
2717
3591
  "light_status_muted_positive": {
2718
3592
  "rgba": "rgba(223, 248, 229, 1)",
2719
3593
  "hex": "#dff8e5",
3594
+ "figma": "status-muted/positive",
3595
+ "web": "--color-light-status-muted-positive",
2720
3596
  "alias": "statusMutedColorPositive"
2721
3597
  },
2722
3598
  "light_status_muted_positive_hover": {
2723
3599
  "rgba": "rgba(209, 241, 215, 1)",
2724
3600
  "hex": "#d1f1d7",
3601
+ "figma": "status-muted/positive/hover",
3602
+ "web": "--color-light-status-muted-positive-hover",
2725
3603
  "alias": "statusMutedColorPositiveHover"
2726
3604
  },
2727
3605
  "light_status_muted_positive_inverted": {
2728
3606
  "rgba": "rgba(35, 45, 37, 1)",
2729
3607
  "hex": "#232d25",
3608
+ "figma": "status-muted_inverted/positive",
3609
+ "web": "--color-light-status-muted-positive-inverted",
2730
3610
  "alias": "statusMutedColorPositiveInverted"
2731
3611
  },
2732
3612
  "light_status_muted_positive_inverted_hover": {
2733
3613
  "rgba": "rgba(37, 53, 40, 1)",
2734
3614
  "hex": "#253528",
3615
+ "figma": "status-muted_inverted/positive/hover",
3616
+ "web": "--color-light-status-muted-positive-inverted-hover",
2735
3617
  "alias": "statusMutedColorPositiveInvertedHover"
2736
3618
  },
2737
3619
  "light_status_muted_positive_inverted_press": {
2738
3620
  "rgba": "rgba(40, 63, 45, 1)",
2739
3621
  "hex": "#283f2d",
3622
+ "figma": "status-muted_inverted/positive/press",
3623
+ "web": "--color-light-status-muted-positive-inverted-press",
2740
3624
  "alias": "statusMutedColorPositiveInvertedPress"
2741
3625
  },
2742
3626
  "light_status_muted_positive_press": {
2743
3627
  "rgba": "rgba(186, 230, 194, 1)",
2744
3628
  "hex": "#bae6c2",
3629
+ "figma": "status-muted/positive/press",
3630
+ "web": "--color-light-status-muted-positive-press",
2745
3631
  "alias": "statusMutedColorPositivePress"
2746
3632
  },
2747
3633
  "light_status_negative": {
2748
3634
  "rgba": "rgba(255, 84, 49, 1)",
2749
3635
  "hex": "#ff5431",
3636
+ "figma": "status/negative",
3637
+ "web": "--color-light-status-negative",
2750
3638
  "alias": "statusColorNegative"
2751
3639
  },
2752
3640
  "light_status_negative_hover": {
2753
3641
  "rgba": "rgba(236, 46, 20, 1)",
2754
3642
  "hex": "#ec2e14",
3643
+ "figma": "status/negative/hover",
3644
+ "web": "--color-light-status-negative-hover",
2755
3645
  "alias": "statusColorNegativeHover"
2756
3646
  },
2757
3647
  "light_status_negative_inverted": {
2758
3648
  "rgba": "rgba(255, 84, 49, 1)",
2759
3649
  "hex": "#ff5431",
3650
+ "figma": "status_inverted/negative",
3651
+ "web": "--color-light-status-negative-inverted",
2760
3652
  "alias": "statusColorNegativeInverted"
2761
3653
  },
2762
3654
  "light_status_negative_inverted_hover": {
2763
3655
  "rgba": "rgba(255, 117, 84, 1)",
2764
3656
  "hex": "#ff7554",
3657
+ "figma": "status_inverted/negative/hover",
3658
+ "web": "--color-light-status-negative-inverted-hover",
2765
3659
  "alias": "statusColorNegativeInvertedHover"
2766
3660
  },
2767
3661
  "light_status_negative_inverted_press": {
2768
3662
  "rgba": "rgba(255, 141, 115, 1)",
2769
3663
  "hex": "#ff8d73",
3664
+ "figma": "status_inverted/negative/press",
3665
+ "web": "--color-light-status-negative-inverted-press",
2770
3666
  "alias": "statusColorNegativeInvertedPress"
2771
3667
  },
2772
3668
  "light_status_negative_press": {
2773
3669
  "rgba": "rgba(199, 37, 28, 1)",
2774
3670
  "hex": "#c7251c",
3671
+ "figma": "status/negative/press",
3672
+ "web": "--color-light-status-negative-press",
2775
3673
  "alias": "statusColorNegativePress"
2776
3674
  },
2777
3675
  "light_status_positive": {
2778
3676
  "rgba": "rgba(12, 196, 77, 1)",
2779
3677
  "hex": "#0cc44d",
3678
+ "figma": "status/positive",
3679
+ "web": "--color-light-status-positive",
2780
3680
  "alias": "statusColorPositive"
2781
3681
  },
2782
3682
  "light_status_positive_hover": {
2783
3683
  "rgba": "rgba(4, 181, 69, 1)",
2784
3684
  "hex": "#04b545",
3685
+ "figma": "status/positive/hover",
3686
+ "web": "--color-light-status-positive-hover",
2785
3687
  "alias": "statusColorPositiveHover"
2786
3688
  },
2787
3689
  "light_status_positive_inverted": {
2788
3690
  "rgba": "rgba(23, 208, 85, 1)",
2789
3691
  "hex": "#17d055",
3692
+ "figma": "status_inverted/positive",
3693
+ "web": "--color-light-status-positive-inverted",
2790
3694
  "alias": "statusColorPositiveInverted"
2791
3695
  },
2792
3696
  "light_status_positive_inverted_hover": {
2793
3697
  "rgba": "rgba(34, 224, 104, 1)",
2794
3698
  "hex": "#22e068",
3699
+ "figma": "status_inverted/positive/hover",
3700
+ "web": "--color-light-status-positive-inverted-hover",
2795
3701
  "alias": "statusColorPositiveInvertedHover"
2796
3702
  },
2797
3703
  "light_status_positive_inverted_press": {
2798
3704
  "rgba": "rgba(74, 231, 119, 1)",
2799
3705
  "hex": "#4ae777",
3706
+ "figma": "status_inverted/positive/press",
3707
+ "web": "--color-light-status-positive-inverted-press",
2800
3708
  "alias": "statusColorPositiveInvertedPress"
2801
3709
  },
2802
3710
  "light_status_positive_press": {
2803
3711
  "rgba": "rgba(1, 165, 61, 1)",
2804
3712
  "hex": "#01a53d",
3713
+ "figma": "status/positive/press",
3714
+ "web": "--color-light-status-positive-press",
2805
3715
  "alias": "statusColorPositivePress"
2806
3716
  },
2807
3717
  "light_text_accent": {
@@ -2812,31 +3722,43 @@
2812
3722
  "light_text_attention": {
2813
3723
  "rgba": "rgba(234, 131, 19, 1)",
2814
3724
  "hex": "#ea8313",
3725
+ "figma": "text/attention",
3726
+ "web": "--color-light-text-attention",
2815
3727
  "alias": "textColorAttention"
2816
3728
  },
2817
3729
  "light_text_attention_hover": {
2818
3730
  "rgba": "rgba(213, 113, 17, 1)",
2819
3731
  "hex": "#d57111",
3732
+ "figma": "text/attention/hover",
3733
+ "web": "--color-light-text-attention-hover",
2820
3734
  "alias": "textColorAttentionHover"
2821
3735
  },
2822
3736
  "light_text_attention_inverted": {
2823
3737
  "rgba": "rgba(250, 147, 19, 1)",
2824
3738
  "hex": "#fa9313",
3739
+ "figma": "text_inverted/attention",
3740
+ "web": "--color-light-text-attention-inverted",
2825
3741
  "alias": "textColorAttentionInverted"
2826
3742
  },
2827
3743
  "light_text_attention_inverted_hover": {
2828
3744
  "rgba": "rgba(253, 178, 77, 1)",
2829
3745
  "hex": "#fdb24d",
3746
+ "figma": "text_inverted/attention/hover",
3747
+ "web": "--color-light-text-attention-inverted-hover",
2830
3748
  "alias": "textColorAttentionInvertedHover"
2831
3749
  },
2832
3750
  "light_text_attention_inverted_press": {
2833
3751
  "rgba": "rgba(255, 191, 112, 1)",
2834
3752
  "hex": "#ffbf70",
3753
+ "figma": "text_inverted/attention/press",
3754
+ "web": "--color-light-text-attention-inverted-press",
2835
3755
  "alias": "textColorAttentionInvertedPress"
2836
3756
  },
2837
3757
  "light_text_attention_press": {
2838
3758
  "rgba": "rgba(180, 90, 6, 1)",
2839
3759
  "hex": "#b45a06",
3760
+ "figma": "text/attention/press",
3761
+ "web": "--color-light-text-attention-press",
2840
3762
  "alias": "textColorAttentionPress"
2841
3763
  },
2842
3764
  "light_text_disabled": {
@@ -2852,31 +3774,43 @@
2852
3774
  "light_text_info": {
2853
3775
  "rgba": "rgba(42, 119, 239, 1)",
2854
3776
  "hex": "#2a77ef",
3777
+ "figma": "text/info",
3778
+ "web": "--color-light-text-info",
2855
3779
  "alias": "textColorInfo"
2856
3780
  },
2857
3781
  "light_text_info_hover": {
2858
3782
  "rgba": "rgba(44, 100, 212, 1)",
2859
3783
  "hex": "#2c64d4",
3784
+ "figma": "text/info/hover",
3785
+ "web": "--color-light-text-info-hover",
2860
3786
  "alias": "textColorInfoHover"
2861
3787
  },
2862
3788
  "light_text_info_inverted": {
2863
3789
  "rgba": "rgba(74, 157, 252, 1)",
2864
3790
  "hex": "#4a9dfc",
3791
+ "figma": "text_inverted/info",
3792
+ "web": "--color-light-text-info-inverted",
2865
3793
  "alias": "textColorInfoInverted"
2866
3794
  },
2867
3795
  "light_text_info_inverted_hover": {
2868
3796
  "rgba": "rgba(99, 170, 253, 1)",
2869
3797
  "hex": "#63aafd",
3798
+ "figma": "text_inverted/info/hover",
3799
+ "web": "--color-light-text-info-inverted-hover",
2870
3800
  "alias": "textColorInfoInvertedHover"
2871
3801
  },
2872
3802
  "light_text_info_inverted_press": {
2873
3803
  "rgba": "rgba(127, 182, 255, 1)",
2874
3804
  "hex": "#7fb6ff",
3805
+ "figma": "text_inverted/info/press",
3806
+ "web": "--color-light-text-info-inverted-press",
2875
3807
  "alias": "textColorInfoInvertedPress"
2876
3808
  },
2877
3809
  "light_text_info_press": {
2878
3810
  "rgba": "rgba(36, 83, 180, 1)",
2879
3811
  "hex": "#2453b4",
3812
+ "figma": "text/info/press",
3813
+ "web": "--color-light-text-info-press",
2880
3814
  "alias": "textColorInfoPress"
2881
3815
  },
2882
3816
  "light_text_link": {
@@ -2887,246 +3821,344 @@
2887
3821
  "light_text_negative": {
2888
3822
  "rgba": "rgba(236, 46, 20, 1)",
2889
3823
  "hex": "#ec2e14",
3824
+ "figma": "text/negative",
3825
+ "web": "--color-light-text-negative",
2890
3826
  "alias": "textColorNegative"
2891
3827
  },
2892
3828
  "light_text_negative_hover": {
2893
3829
  "rgba": "rgba(199, 37, 28, 1)",
2894
3830
  "hex": "#c7251c",
3831
+ "figma": "text/negative/hover",
3832
+ "web": "--color-light-text-negative-hover",
2895
3833
  "alias": "textColorNegativeHover"
2896
3834
  },
2897
3835
  "light_text_negative_inverted": {
2898
3836
  "rgba": "rgba(255, 84, 49, 1)",
2899
3837
  "hex": "#ff5431",
3838
+ "figma": "text_inverted/negative",
3839
+ "web": "--color-light-text-negative-inverted",
2900
3840
  "alias": "textColorNegativeInverted"
2901
3841
  },
2902
3842
  "light_text_negative_inverted_hover": {
2903
3843
  "rgba": "rgba(255, 117, 84, 1)",
2904
3844
  "hex": "#ff7554",
3845
+ "figma": "text_inverted/negative/hover",
3846
+ "web": "--color-light-text-negative-inverted-hover",
2905
3847
  "alias": "textColorNegativeInvertedHover"
2906
3848
  },
2907
3849
  "light_text_negative_inverted_press": {
2908
3850
  "rgba": "rgba(255, 141, 115, 1)",
2909
3851
  "hex": "#ff8d73",
3852
+ "figma": "text_inverted/negative/press",
3853
+ "web": "--color-light-text-negative-inverted-press",
2910
3854
  "alias": "textColorNegativeInvertedPress"
2911
3855
  },
2912
3856
  "light_text_negative_press": {
2913
3857
  "rgba": "rgba(166, 32, 30, 1)",
2914
3858
  "hex": "#a6201e",
3859
+ "figma": "text/negative/press",
3860
+ "web": "--color-light-text-negative-press",
2915
3861
  "alias": "textColorNegativePress"
2916
3862
  },
2917
3863
  "light_text_positive": {
2918
3864
  "rgba": "rgba(13, 147, 54, 1)",
2919
3865
  "hex": "#0d9336",
3866
+ "figma": "text/positive",
3867
+ "web": "--color-light-text-positive",
2920
3868
  "alias": "textColorPositive"
2921
3869
  },
2922
3870
  "light_text_positive_hover": {
2923
3871
  "rgba": "rgba(10, 125, 44, 1)",
2924
3872
  "hex": "#0a7d2c",
3873
+ "figma": "text/positive/hover",
3874
+ "web": "--color-light-text-positive-hover",
2925
3875
  "alias": "textColorPositiveHover"
2926
3876
  },
2927
3877
  "light_text_positive_inverted": {
2928
3878
  "rgba": "rgba(12, 196, 77, 1)",
2929
3879
  "hex": "#0cc44d",
3880
+ "figma": "text_inverted/positive",
3881
+ "web": "--color-light-text-positive-inverted",
2930
3882
  "alias": "textColorPositiveInverted"
2931
3883
  },
2932
3884
  "light_text_positive_inverted_hover": {
2933
3885
  "rgba": "rgba(34, 224, 104, 1)",
2934
3886
  "hex": "#22e068",
3887
+ "figma": "text_inverted/positive/hover",
3888
+ "web": "--color-light-text-positive-inverted-hover",
2935
3889
  "alias": "textColorPositiveInvertedHover"
2936
3890
  },
2937
3891
  "light_text_positive_inverted_press": {
2938
3892
  "rgba": "rgba(74, 231, 119, 1)",
2939
3893
  "hex": "#4ae777",
3894
+ "figma": "text_inverted/positive/press",
3895
+ "web": "--color-light-text-positive-inverted-press",
2940
3896
  "alias": "textColorPositiveInvertedPress"
2941
3897
  },
2942
3898
  "light_text_positive_press": {
2943
3899
  "rgba": "rgba(3, 102, 37, 1)",
2944
3900
  "hex": "#036625",
3901
+ "figma": "text/positive/press",
3902
+ "web": "--color-light-text-positive-press",
2945
3903
  "alias": "textColorPositivePress"
2946
3904
  },
2947
3905
  "light_text_primary": {
2948
3906
  "rgba": "rgba(11, 31, 53, 1)",
2949
3907
  "hex": "#0b1f35",
3908
+ "figma": "text/primary",
3909
+ "web": "--color-light-text-primary",
2950
3910
  "alias": "textColorPrimary"
2951
3911
  },
2952
3912
  "light_text_primary_hover": {
2953
3913
  "rgba": "rgba(84, 98, 114, 1)",
2954
3914
  "hex": "#546272",
3915
+ "figma": "text/primary/hover",
3916
+ "web": "--color-light-text-primary-hover",
2955
3917
  "alias": "textColorPrimaryHover"
2956
3918
  },
2957
3919
  "light_text_primary_inverted": {
2958
3920
  "rgba": "rgba(255, 255, 255, 1)",
2959
3921
  "hex": "#ffffff",
3922
+ "figma": "text_inverted/primary",
3923
+ "web": "--color-light-text-primary-inverted",
2960
3924
  "alias": "textColorPrimaryInverted"
2961
3925
  },
2962
3926
  "light_text_primary_inverted_hover": {
2963
3927
  "rgba": "rgba(255, 255, 255, 0.9)",
2964
3928
  "hex": "#e6ffffff",
3929
+ "figma": "text_inverted/primary/hover",
3930
+ "web": "--color-light-text-primary-inverted-hover",
2965
3931
  "alias": "textColorPrimaryInvertedHover"
2966
3932
  },
2967
3933
  "light_text_primary_inverted_press": {
2968
3934
  "rgba": "rgba(255, 255, 255, 0.8)",
2969
3935
  "hex": "#ccffffff",
3936
+ "figma": "text_inverted/primary/press",
3937
+ "web": "--color-light-text-primary-inverted-press",
2970
3938
  "alias": "textColorPrimaryInvertedPress"
2971
3939
  },
2972
3940
  "light_text_primary_press": {
2973
3941
  "rgba": "rgba(106, 119, 134, 1)",
2974
3942
  "hex": "#6a7786",
3943
+ "figma": "text/primary/press",
3944
+ "web": "--color-light-text-primary-press",
2975
3945
  "alias": "textColorPrimaryPress"
2976
3946
  },
2977
3947
  "light_text_quaternary": {
2978
3948
  "rgba": "rgba(10, 40, 70, 0.2)",
2979
3949
  "hex": "#330a2846",
3950
+ "figma": "text/quaternary",
3951
+ "web": "--color-light-text-quaternary",
2980
3952
  "alias": "textColorQuaternary"
2981
3953
  },
2982
3954
  "light_text_quaternary_inverted": {
2983
3955
  "rgba": "rgba(255, 255, 255, 0.25)",
2984
3956
  "hex": "#40ffffff",
3957
+ "figma": "text_inverted/quaternary",
3958
+ "web": "--color-light-text-quaternary-inverted",
2985
3959
  "alias": "textColorQuaternaryInverted"
2986
3960
  },
2987
3961
  "light_text_secondary": {
2988
3962
  "rgba": "rgba(11, 31, 53, 0.7)",
2989
3963
  "hex": "#b30b1f35",
3964
+ "figma": "text/secondary",
3965
+ "web": "--color-light-text-secondary",
2990
3966
  "alias": "textColorSecondary"
2991
3967
  },
2992
3968
  "light_text_secondary_hover": {
2993
3969
  "rgba": "rgba(3, 23, 45, 0.77)",
2994
3970
  "hex": "#c403172d",
3971
+ "figma": "text/secondary/hover",
3972
+ "web": "--color-light-text-secondary-hover",
2995
3973
  "alias": "textColorSecondaryHover"
2996
3974
  },
2997
3975
  "light_text_secondary_inverted": {
2998
3976
  "rgba": "rgba(255, 255, 255, 0.7)",
2999
3977
  "hex": "#b3ffffff",
3978
+ "figma": "text_inverted/secondary",
3979
+ "web": "--color-light-text-secondary-inverted",
3000
3980
  "alias": "textColorSecondaryInverted"
3001
3981
  },
3002
3982
  "light_text_secondary_inverted_hover": {
3003
3983
  "rgba": "rgba(255, 255, 255, 0.8)",
3004
3984
  "hex": "#ccffffff",
3985
+ "figma": "text_inverted/secondary/hover",
3986
+ "web": "--color-light-text-secondary-inverted-hover",
3005
3987
  "alias": "textColorSecondaryInvertedHover"
3006
3988
  },
3007
3989
  "light_text_secondary_inverted_press": {
3008
3990
  "rgba": "rgba(255, 255, 255, 0.9)",
3009
3991
  "hex": "#e6ffffff",
3992
+ "figma": "text_inverted/secondary/press",
3993
+ "web": "--color-light-text-secondary-inverted-press",
3010
3994
  "alias": "textColorSecondaryInvertedPress"
3011
3995
  },
3012
3996
  "light_text_secondary_press": {
3013
3997
  "rgba": "rgba(1, 20, 43, 0.81)",
3014
3998
  "hex": "#cf01142b",
3999
+ "figma": "text/secondary/press",
4000
+ "web": "--color-light-text-secondary-press",
3015
4001
  "alias": "textColorSecondaryPress"
3016
4002
  },
3017
4003
  "light_text_tertiary": {
3018
4004
  "rgba": "rgba(11, 31, 53, 0.3)",
3019
4005
  "hex": "#4d0b1f35",
4006
+ "figma": "text/tertiary",
4007
+ "web": "--color-light-text-tertiary",
3020
4008
  "alias": "textColorTertiary"
3021
4009
  },
3022
4010
  "light_text_tertiary_hover": {
3023
4011
  "rgba": "rgba(1, 23, 47, 0.5)",
3024
4012
  "hex": "#8001172f",
4013
+ "figma": "text/tertiary/hover",
4014
+ "web": "--color-light-text-tertiary-hover",
3025
4015
  "alias": "textColorTertiaryHover"
3026
4016
  },
3027
4017
  "light_text_tertiary_inverted": {
3028
4018
  "rgba": "rgba(255, 255, 255, 0.4)",
3029
4019
  "hex": "#66ffffff",
4020
+ "figma": "text_inverted/tertiary",
4021
+ "web": "--color-light-text-tertiary-inverted",
3030
4022
  "alias": "textColorTertiaryInverted"
3031
4023
  },
3032
4024
  "light_text_tertiary_inverted_hover": {
3033
4025
  "rgba": "rgba(255, 255, 255, 0.5)",
3034
4026
  "hex": "#80ffffff",
4027
+ "figma": "text_inverted/tertiary/hover",
4028
+ "web": "--color-light-text-tertiary-inverted-hover",
3035
4029
  "alias": "textColorTertiaryInvertedHover"
3036
4030
  },
3037
4031
  "light_text_tertiary_inverted_press": {
3038
4032
  "rgba": "rgba(255, 255, 255, 0.6)",
3039
4033
  "hex": "#99ffffff",
4034
+ "figma": "text_inverted/tertiary/press",
4035
+ "web": "--color-light-text-tertiary-inverted-press",
3040
4036
  "alias": "textColorTertiaryInvertedPress"
3041
4037
  },
3042
4038
  "light_text_tertiary_press": {
3043
4039
  "rgba": "rgba(2, 24, 50, 0.59)",
3044
4040
  "hex": "#96021832",
4041
+ "figma": "text/tertiary/press",
4042
+ "web": "--color-light-text-tertiary-press",
3045
4043
  "alias": "textColorTertiaryPress"
3046
4044
  },
3047
4045
  "light_transparent_default": {
3048
4046
  "rgba": "rgba(255, 255, 255, 0)",
3049
4047
  "hex": "#00ffffff",
4048
+ "figma": "transparent/default",
4049
+ "web": "--color-light-transparent-default",
3050
4050
  "alias": "transparentColorDefault"
3051
4051
  },
3052
4052
  "light_transparent_default_hover": {
3053
4053
  "rgba": "rgba(38, 55, 88, 0.06)",
3054
4054
  "hex": "#0f263758",
4055
+ "figma": "transparent/default/hover",
4056
+ "web": "--color-light-transparent-default-hover",
3055
4057
  "alias": "transparentColorDefaultHover"
3056
4058
  },
3057
4059
  "light_transparent_default_inverted_hover": {
3058
4060
  "rgba": "rgba(214, 214, 229, 0.07)",
3059
4061
  "hex": "#12d6d6e5",
4062
+ "figma": "transparent_inverted/default/hover",
4063
+ "web": "--color-light-transparent-default-inverted-hover",
3060
4064
  "alias": "transparentColorDefaultInvertedHover"
3061
4065
  },
3062
4066
  "light_transparent_default_inverted_press": {
3063
4067
  "rgba": "rgba(225, 225, 248, 0.09)",
3064
4068
  "hex": "#17e1e1f8",
4069
+ "figma": "transparent_inverted/default/press",
4070
+ "web": "--color-light-transparent-default-inverted-press",
3065
4071
  "alias": "transparentColorDefaultInvertedPress"
3066
4072
  },
3067
4073
  "light_transparent_default_press": {
3068
4074
  "rgba": "rgba(30, 43, 68, 0.08)",
3069
4075
  "hex": "#141e2b44",
4076
+ "figma": "transparent/default/press",
4077
+ "web": "--color-light-transparent-default-press",
3070
4078
  "alias": "transparentColorDefaultPress"
3071
4079
  },
3072
4080
  "static_accent_primary": {
3073
4081
  "rgba": "rgba(239, 49, 36, 1)",
3074
4082
  "hex": "#ef3124",
4083
+ "figma": "static_accent/primary",
4084
+ "web": "--color-static-accent-primary",
3075
4085
  "alias": "staticAccentColorPrimary"
3076
4086
  },
3077
4087
  "static_accent_primary_hover": {
3078
4088
  "rgba": "rgba(227, 42, 23, 1)",
3079
4089
  "hex": "#e32a17",
4090
+ "figma": "static_accent/primary/hover",
4091
+ "web": "--color-static-accent-primary-hover",
3080
4092
  "alias": "staticAccentColorPrimaryHover"
3081
4093
  },
3082
4094
  "static_accent_primary_inverted": {
3083
4095
  "rgba": "rgba(248, 58, 42, 1)",
3084
4096
  "hex": "#f83a2a",
4097
+ "figma": "static_accent_inverted/primary",
4098
+ "web": "--color-static-accent-primary-inverted",
3085
4099
  "alias": "staticAccentColorPrimaryInverted"
3086
4100
  },
3087
4101
  "static_accent_primary_inverted_hover": {
3088
4102
  "rgba": "rgba(255, 80, 62, 1)",
3089
4103
  "hex": "#ff503e",
4104
+ "figma": "static_accent_inverted/primary/hover",
4105
+ "web": "--color-static-accent-primary-inverted-hover",
3090
4106
  "alias": "staticAccentColorPrimaryInvertedHover"
3091
4107
  },
3092
4108
  "static_accent_primary_inverted_press": {
3093
4109
  "rgba": "rgba(253, 98, 78, 1)",
3094
4110
  "hex": "#fd624e",
4111
+ "figma": "static_accent_inverted/primary/press",
4112
+ "web": "--color-static-accent-primary-inverted-press",
3095
4113
  "alias": "staticAccentColorPrimaryInvertedPress"
3096
4114
  },
3097
4115
  "static_accent_primary_press": {
3098
4116
  "rgba": "rgba(215, 37, 5, 1)",
3099
4117
  "hex": "#d72505",
4118
+ "figma": "static_accent/primary/press",
4119
+ "web": "--color-static-accent-primary-press",
3100
4120
  "alias": "staticAccentColorPrimaryPress"
3101
4121
  },
3102
4122
  "static_accent_secondary": {
3103
4123
  "rgba": "rgba(14, 14, 14, 1)",
3104
4124
  "hex": "#0e0e0e",
4125
+ "figma": "static_accent/secondary",
4126
+ "web": "--color-static-accent-secondary",
3105
4127
  "alias": "staticAccentColorSecondary"
3106
4128
  },
3107
4129
  "static_accent_secondary_hover": {
3108
4130
  "rgba": "rgba(41, 41, 44, 1)",
3109
4131
  "hex": "#29292c",
4132
+ "figma": "static_accent/secondary/hover",
4133
+ "web": "--color-static-accent-secondary-hover",
3110
4134
  "alias": "staticAccentColorSecondaryHover"
3111
4135
  },
3112
4136
  "static_accent_secondary_inverted": {
3113
4137
  "rgba": "rgba(255, 255, 255, 1)",
3114
4138
  "hex": "#ffffff",
4139
+ "figma": "static_accent_inverted/secondary",
4140
+ "web": "--color-static-accent-secondary-inverted",
3115
4141
  "alias": "staticAccentColorSecondaryInverted"
3116
4142
  },
3117
4143
  "static_accent_secondary_inverted_hover": {
3118
4144
  "rgba": "rgba(231, 232, 235, 1)",
3119
4145
  "hex": "#e7e8eb",
4146
+ "figma": "static_accent_inverted/secondary/hover",
4147
+ "web": "--color-static-accent-secondary-inverted-hover",
3120
4148
  "alias": "staticAccentColorSecondaryInvertedHover"
3121
4149
  },
3122
4150
  "static_accent_secondary_inverted_press": {
3123
4151
  "rgba": "rgba(210, 211, 217, 1)",
3124
4152
  "hex": "#d2d3d9",
4153
+ "figma": "static_accent_inverted/secondary/press",
4154
+ "web": "--color-static-accent-secondary-inverted-press",
3125
4155
  "alias": "staticAccentColorSecondaryInvertedPress"
3126
4156
  },
3127
4157
  "static_accent_secondary_press": {
3128
4158
  "rgba": "rgba(47, 47, 50, 1)",
3129
4159
  "hex": "#2f2f32",
4160
+ "figma": "static_accent/secondary/press",
4161
+ "web": "--color-static-accent-secondary-press",
3130
4162
  "alias": "staticAccentColorSecondaryPress"
3131
4163
  },
3132
4164
  "static_bg_accent": {
@@ -3197,551 +4229,827 @@
3197
4229
  "static_neutral_0": {
3198
4230
  "rgba": "rgba(255, 255, 255, 1)",
3199
4231
  "hex": "#ffffff",
4232
+ "figma": "static_neutral/0",
4233
+ "web": "--color-static-neutral-0",
3200
4234
  "alias": "staticNeutralColor0"
3201
4235
  },
3202
4236
  "static_neutral_0_hover": {
3203
4237
  "rgba": "rgba(231, 232, 235, 1)",
3204
4238
  "hex": "#e7e8eb",
4239
+ "figma": "static_neutral/0/hover",
4240
+ "web": "--color-static-neutral-0-hover",
3205
4241
  "alias": "staticNeutralColor0Hover"
3206
4242
  },
3207
4243
  "static_neutral_0_inverted": {
3208
4244
  "rgba": "rgba(214, 214, 229, 0.07)",
3209
4245
  "hex": "#12d6d6e5",
4246
+ "figma": "static_neutral_inverted/0",
4247
+ "web": "--color-static-neutral-0-inverted",
3210
4248
  "alias": "staticNeutralColor0Inverted"
3211
4249
  },
3212
4250
  "static_neutral_0_inverted_hover": {
3213
4251
  "rgba": "rgba(47, 47, 50, 1)",
3214
4252
  "hex": "#2f2f32",
4253
+ "figma": "static_neutral_inverted/0/hover",
4254
+ "web": "--color-static-neutral-0-inverted-hover",
3215
4255
  "alias": "staticNeutralColor0InvertedHover"
3216
4256
  },
3217
4257
  "static_neutral_0_inverted_press": {
3218
4258
  "rgba": "rgba(53, 53, 57, 1)",
3219
4259
  "hex": "#353539",
4260
+ "figma": "static_neutral_inverted/0/press",
4261
+ "web": "--color-static-neutral-0-inverted-press",
3220
4262
  "alias": "staticNeutralColor0InvertedPress"
3221
4263
  },
3222
4264
  "static_neutral_0_press": {
3223
4265
  "rgba": "rgba(220, 221, 225, 1)",
3224
4266
  "hex": "#dcdde1",
4267
+ "figma": "static_neutral/0/press",
4268
+ "web": "--color-static-neutral-0-press",
3225
4269
  "alias": "staticNeutralColor0Press"
3226
4270
  },
3227
4271
  "static_neutral_100": {
3228
4272
  "rgba": "rgba(242, 243, 245, 1)",
3229
4273
  "hex": "#f2f3f5",
4274
+ "figma": "static_neutral/100",
4275
+ "web": "--color-static-neutral-100",
3230
4276
  "alias": "staticNeutralColor100"
3231
4277
  },
3232
4278
  "static_neutral_100_hover": {
3233
4279
  "rgba": "rgba(231, 232, 235, 1)",
3234
4280
  "hex": "#e7e8eb",
4281
+ "figma": "static_neutral/100/hover",
4282
+ "web": "--color-static-neutral-100-hover",
3235
4283
  "alias": "staticNeutralColor100Hover"
3236
4284
  },
3237
4285
  "static_neutral_100_inverted": {
3238
4286
  "rgba": "rgba(28, 28, 30, 1)",
3239
4287
  "hex": "#1c1c1e",
4288
+ "figma": "static_neutral_inverted/100",
4289
+ "web": "--color-static-neutral-100-inverted",
3240
4290
  "alias": "staticNeutralColor100Inverted"
3241
4291
  },
3242
4292
  "static_neutral_100_inverted_hover": {
3243
4293
  "rgba": "rgba(33, 33, 36, 1)",
3244
4294
  "hex": "#212124",
4295
+ "figma": "static_neutral_inverted/100/hover",
4296
+ "web": "--color-static-neutral-100-inverted-hover",
3245
4297
  "alias": "staticNeutralColor100InvertedHover"
3246
4298
  },
3247
4299
  "static_neutral_100_inverted_press": {
3248
4300
  "rgba": "rgba(41, 41, 44, 1)",
3249
4301
  "hex": "#29292c",
4302
+ "figma": "static_neutral_inverted/100/press",
4303
+ "web": "--color-static-neutral-100-inverted-press",
3250
4304
  "alias": "staticNeutralColor100InvertedPress"
3251
4305
  },
3252
4306
  "static_neutral_100_press": {
3253
4307
  "rgba": "rgba(220, 221, 225, 1)",
3254
4308
  "hex": "#dcdde1",
4309
+ "figma": "static_neutral/100/press",
4310
+ "web": "--color-static-neutral-100-press",
3255
4311
  "alias": "staticNeutralColor100Press"
3256
4312
  },
3257
4313
  "static_neutral_1500": {
3258
4314
  "rgba": "rgba(14, 14, 14, 1)",
3259
4315
  "hex": "#0e0e0e",
4316
+ "figma": "static_neutral/1500",
4317
+ "web": "--color-static-neutral-1500",
3260
4318
  "alias": "staticNeutralColor1500"
3261
4319
  },
3262
4320
  "static_neutral_1500_hover": {
3263
4321
  "rgba": "rgba(63, 63, 69, 1)",
3264
4322
  "hex": "#3f3f45",
4323
+ "figma": "static_neutral/1500/hover",
4324
+ "web": "--color-static-neutral-1500-hover",
3265
4325
  "alias": "staticNeutralColor1500Hover"
3266
4326
  },
3267
4327
  "static_neutral_1500_inverted": {
3268
4328
  "rgba": "rgba(255, 255, 255, 1)",
3269
4329
  "hex": "#ffffff",
4330
+ "figma": "static_neutral_inverted/1500",
4331
+ "web": "--color-static-neutral-1500-inverted",
3270
4332
  "alias": "staticNeutralColor1500Inverted"
3271
4333
  },
3272
4334
  "static_neutral_1500_inverted_hover": {
3273
4335
  "rgba": "rgba(186, 187, 194, 1)",
3274
4336
  "hex": "#babbc2",
4337
+ "figma": "static_neutral_inverted/1500/hover",
4338
+ "web": "--color-static-neutral-1500-inverted-hover",
3275
4339
  "alias": "staticNeutralColor1500InvertedHover"
3276
4340
  },
3277
4341
  "static_neutral_1500_inverted_press": {
3278
4342
  "rgba": "rgba(160, 161, 169, 1)",
3279
4343
  "hex": "#a0a1a9",
4344
+ "figma": "static_neutral_inverted/1500/press",
4345
+ "web": "--color-static-neutral-1500-inverted-press",
3280
4346
  "alias": "staticNeutralColor1500InvertedPress"
3281
4347
  },
3282
4348
  "static_neutral_1500_press": {
3283
4349
  "rgba": "rgba(95, 95, 102, 1)",
3284
4350
  "hex": "#5f5f66",
4351
+ "figma": "static_neutral/1500/press",
4352
+ "web": "--color-static-neutral-1500-press",
3285
4353
  "alias": "staticNeutralColor1500Press"
3286
4354
  },
3287
4355
  "static_neutral_200": {
3288
4356
  "rgba": "rgba(237, 238, 240, 1)",
3289
4357
  "hex": "#edeef0",
4358
+ "figma": "static_neutral/200",
4359
+ "web": "--color-static-neutral-200",
3290
4360
  "alias": "staticNeutralColor200"
3291
4361
  },
3292
4362
  "static_neutral_200_hover": {
3293
4363
  "rgba": "rgba(231, 232, 235, 1)",
3294
4364
  "hex": "#e7e8eb",
4365
+ "figma": "static_neutral/200/hover",
4366
+ "web": "--color-static-neutral-200-hover",
3295
4367
  "alias": "staticNeutralColor200Hover"
3296
4368
  },
3297
4369
  "static_neutral_200_inverted": {
3298
4370
  "rgba": "rgba(33, 33, 36, 1)",
3299
4371
  "hex": "#212124",
4372
+ "figma": "static_neutral_inverted/200",
4373
+ "web": "--color-static-neutral-200-inverted",
3300
4374
  "alias": "staticNeutralColor200Inverted"
3301
4375
  },
3302
4376
  "static_neutral_200_inverted_hover": {
3303
4377
  "rgba": "rgba(41, 41, 44, 1)",
3304
4378
  "hex": "#29292c",
4379
+ "figma": "static_neutral_inverted/200/hover",
4380
+ "web": "--color-static-neutral-200-inverted-hover",
3305
4381
  "alias": "staticNeutralColor200InvertedHover"
3306
4382
  },
3307
4383
  "static_neutral_200_inverted_press": {
3308
4384
  "rgba": "rgba(47, 47, 50, 1)",
3309
4385
  "hex": "#2f2f32",
4386
+ "figma": "static_neutral_inverted/200/press",
4387
+ "web": "--color-static-neutral-200-inverted-press",
3310
4388
  "alias": "staticNeutralColor200InvertedPress"
3311
4389
  },
3312
4390
  "static_neutral_200_press": {
3313
4391
  "rgba": "rgba(220, 221, 225, 1)",
3314
4392
  "hex": "#dcdde1",
4393
+ "figma": "static_neutral/200/press",
4394
+ "web": "--color-static-neutral-200-press",
3315
4395
  "alias": "staticNeutralColor200Press"
3316
4396
  },
3317
4397
  "static_neutral_300": {
3318
4398
  "rgba": "rgba(231, 232, 235, 1)",
3319
4399
  "hex": "#e7e8eb",
4400
+ "figma": "static_neutral/300",
4401
+ "web": "--color-static-neutral-300",
3320
4402
  "alias": "staticNeutralColor300"
3321
4403
  },
4404
+ "static_neutral_300_hover": {
4405
+ "rgba": "rgba(220, 221, 225, 1)",
4406
+ "hex": "#dcdde1",
4407
+ "figma": "static_neutral/300/hover",
4408
+ "web": "--color-static-neutral-300-hover",
4409
+ "alias": "staticNeutralColor300Hover"
4410
+ },
3322
4411
  "static_neutral_300_inverted": {
3323
4412
  "rgba": "rgba(41, 41, 44, 1)",
3324
4413
  "hex": "#29292c",
4414
+ "figma": "static_neutral_inverted/300",
4415
+ "web": "--color-static-neutral-300-inverted",
3325
4416
  "alias": "staticNeutralColor300Inverted"
3326
4417
  },
4418
+ "static_neutral_300_inverted_hover": {
4419
+ "rgba": "rgba(47, 47, 50, 1)",
4420
+ "hex": "#2f2f32",
4421
+ "figma": "static_neutral_inverted/300/hover",
4422
+ "web": "--color-static-neutral-300-inverted-hover",
4423
+ "alias": "staticNeutralColor300InvertedHover"
4424
+ },
4425
+ "static_neutral_300_inverted_press": {
4426
+ "rgba": "rgba(53, 53, 57, 1)",
4427
+ "hex": "#353539",
4428
+ "figma": "static_neutral_inverted/300/press",
4429
+ "web": "--color-static-neutral-300-inverted-press",
4430
+ "alias": "staticNeutralColor300InvertedPress"
4431
+ },
4432
+ "static_neutral_300_press": {
4433
+ "rgba": "rgba(210, 211, 217, 1)",
4434
+ "hex": "#d2d3d9",
4435
+ "figma": "static_neutral/300/press",
4436
+ "web": "--color-static-neutral-300-press",
4437
+ "alias": "staticNeutralColor300Press"
4438
+ },
3327
4439
  "static_neutral_400": {
3328
4440
  "rgba": "rgba(210, 211, 217, 1)",
3329
4441
  "hex": "#d2d3d9",
4442
+ "figma": "static_neutral/400",
4443
+ "web": "--color-static-neutral-400",
3330
4444
  "alias": "staticNeutralColor400"
3331
4445
  },
3332
4446
  "static_neutral_400_hover": {
3333
4447
  "rgba": "rgba(186, 187, 194, 1)",
3334
4448
  "hex": "#babbc2",
4449
+ "figma": "static_neutral/400/hover",
4450
+ "web": "--color-static-neutral-400-hover",
3335
4451
  "alias": "staticNeutralColor400Hover"
3336
4452
  },
3337
4453
  "static_neutral_400_inverted": {
3338
4454
  "rgba": "rgba(53, 53, 57, 1)",
3339
4455
  "hex": "#353539",
4456
+ "figma": "static_neutral_inverted/400",
4457
+ "web": "--color-static-neutral-400-inverted",
3340
4458
  "alias": "staticNeutralColor400Inverted"
3341
4459
  },
3342
4460
  "static_neutral_400_inverted_hover": {
3343
4461
  "rgba": "rgba(63, 63, 69, 1)",
3344
4462
  "hex": "#3f3f45",
4463
+ "figma": "static_neutral_inverted/400/hover",
4464
+ "web": "--color-static-neutral-400-inverted-hover",
3345
4465
  "alias": "staticNeutralColor400InvertedHover"
3346
4466
  },
3347
4467
  "static_neutral_400_inverted_press": {
3348
4468
  "rgba": "rgba(74, 74, 81, 1)",
3349
4469
  "hex": "#4a4a51",
4470
+ "figma": "static_neutral_inverted/400/press",
4471
+ "web": "--color-static-neutral-400-inverted-press",
3350
4472
  "alias": "staticNeutralColor400InvertedPress"
3351
4473
  },
3352
4474
  "static_neutral_400_press": {
3353
4475
  "rgba": "rgba(160, 161, 169, 1)",
3354
4476
  "hex": "#a0a1a9",
4477
+ "figma": "static_neutral/400/press",
4478
+ "web": "--color-static-neutral-400-press",
3355
4479
  "alias": "staticNeutralColor400Press"
3356
4480
  },
3357
4481
  "static_neutral_500": {
3358
4482
  "rgba": "rgba(186, 187, 194, 1)",
3359
4483
  "hex": "#babbc2",
4484
+ "figma": "static_neutral/500",
4485
+ "web": "--color-static-neutral-500",
3360
4486
  "alias": "staticNeutralColor500"
3361
4487
  },
3362
4488
  "static_neutral_500_hover": {
3363
4489
  "rgba": "rgba(160, 161, 169, 1)",
3364
4490
  "hex": "#a0a1a9",
4491
+ "figma": "static_neutral/500/hover",
4492
+ "web": "--color-static-neutral-500-hover",
3365
4493
  "alias": "staticNeutralColor500Hover"
3366
4494
  },
3367
4495
  "static_neutral_500_inverted": {
3368
4496
  "rgba": "rgba(74, 74, 81, 1)",
3369
4497
  "hex": "#4a4a51",
4498
+ "figma": "static_neutral_inverted/500",
4499
+ "web": "--color-static-neutral-500-inverted",
3370
4500
  "alias": "staticNeutralColor500Inverted"
3371
4501
  },
3372
4502
  "static_neutral_500_inverted_hover": {
3373
4503
  "rgba": "rgba(95, 95, 102, 1)",
3374
4504
  "hex": "#5f5f66",
4505
+ "figma": "static_neutral_inverted/500/hover",
4506
+ "web": "--color-static-neutral-500-inverted-hover",
3375
4507
  "alias": "staticNeutralColor500InvertedHover"
3376
4508
  },
3377
4509
  "static_neutral_500_inverted_press": {
3378
4510
  "rgba": "rgba(117, 117, 125, 1)",
3379
4511
  "hex": "#75757d",
4512
+ "figma": "static_neutral_inverted/500/press",
4513
+ "web": "--color-static-neutral-500-inverted-press",
3380
4514
  "alias": "staticNeutralColor500InvertedPress"
3381
4515
  },
3382
4516
  "static_neutral_500_press": {
3383
4517
  "rgba": "rgba(137, 137, 145, 1)",
3384
4518
  "hex": "#898991",
4519
+ "figma": "static_neutral/500/press",
4520
+ "web": "--color-static-neutral-500-press",
3385
4521
  "alias": "staticNeutralColor500Press"
3386
4522
  },
3387
4523
  "static_neutral_700": {
3388
4524
  "rgba": "rgba(137, 137, 145, 1)",
3389
4525
  "hex": "#898991",
4526
+ "figma": "static_neutral/700",
4527
+ "web": "--color-static-neutral-700",
3390
4528
  "alias": "staticNeutralColor700"
3391
4529
  },
3392
4530
  "static_neutral_700_hover": {
3393
4531
  "rgba": "rgba(117, 117, 125, 1)",
3394
4532
  "hex": "#75757d",
4533
+ "figma": "static_neutral/700/hover",
4534
+ "web": "--color-static-neutral-700-hover",
3395
4535
  "alias": "staticNeutralColor700Hover"
3396
4536
  },
3397
4537
  "static_neutral_700_inverted": {
3398
4538
  "rgba": "rgba(137, 137, 145, 1)",
3399
4539
  "hex": "#898991",
4540
+ "figma": "static_neutral_inverted/700",
4541
+ "web": "--color-static-neutral-700-inverted",
3400
4542
  "alias": "staticNeutralColor700Inverted"
3401
4543
  },
3402
4544
  "static_neutral_700_inverted_hover": {
3403
4545
  "rgba": "rgba(160, 161, 169, 1)",
3404
4546
  "hex": "#a0a1a9",
4547
+ "figma": "static_neutral_inverted/700/hover",
4548
+ "web": "--color-static-neutral-700-inverted-hover",
3405
4549
  "alias": "staticNeutralColor700InvertedHover"
3406
4550
  },
3407
4551
  "static_neutral_700_inverted_press": {
3408
4552
  "rgba": "rgba(186, 187, 194, 1)",
3409
4553
  "hex": "#babbc2",
4554
+ "figma": "static_neutral_inverted/700/press",
4555
+ "web": "--color-static-neutral-700-inverted-press",
3410
4556
  "alias": "staticNeutralColor700InvertedPress"
3411
4557
  },
3412
4558
  "static_neutral_700_press": {
3413
4559
  "rgba": "rgba(95, 95, 102, 1)",
3414
4560
  "hex": "#5f5f66",
4561
+ "figma": "static_neutral/700/press",
4562
+ "web": "--color-static-neutral-700-press",
3415
4563
  "alias": "staticNeutralColor700Press"
3416
4564
  },
3417
4565
  "static_neutral_translucent_0": {
3418
4566
  "rgba": "rgba(255, 255, 255, 1)",
3419
4567
  "hex": "#ffffff",
4568
+ "figma": "static_neutral-translucent/0",
4569
+ "web": "--color-static-neutral-translucent-0",
3420
4570
  "alias": "staticNeutralTranslucentColor0"
3421
4571
  },
3422
4572
  "static_neutral_translucent_0_hover": {
3423
4573
  "rgba": "rgba(38, 55, 88, 0.06)",
3424
4574
  "hex": "#0f263758",
4575
+ "figma": "static_neutral-translucent/0/hover",
4576
+ "web": "--color-static-neutral-translucent-0-hover",
3425
4577
  "alias": "staticNeutralTranslucentColor0Hover"
3426
4578
  },
3427
4579
  "static_neutral_translucent_0_inverted": {
3428
4580
  "rgba": "rgba(255, 255, 255, 1)",
3429
4581
  "hex": "#ffffff",
4582
+ "figma": "static_neutral-translucent_inverted/0",
4583
+ "web": "--color-static-neutral-translucent-0-inverted",
3430
4584
  "alias": "staticNeutralTranslucentColor0Inverted"
3431
4585
  },
3432
4586
  "static_neutral_translucent_0_inverted_hover": {
3433
4587
  "rgba": "rgba(225, 225, 248, 0.09)",
3434
4588
  "hex": "#17e1e1f8",
4589
+ "figma": "static_neutral-translucent_inverted/0/hover",
4590
+ "web": "--color-static-neutral-translucent-0-inverted-hover",
3435
4591
  "alias": "staticNeutralTranslucentColor0InvertedHover"
3436
4592
  },
3437
4593
  "static_neutral_translucent_0_inverted_press": {
3438
4594
  "rgba": "rgba(222, 222, 238, 0.13)",
3439
4595
  "hex": "#21dedeee",
4596
+ "figma": "static_neutral-translucent_inverted/0/press",
4597
+ "web": "--color-static-neutral-translucent-0-inverted-press",
3440
4598
  "alias": "staticNeutralTranslucentColor0InvertedPress"
3441
4599
  },
3442
4600
  "static_neutral_translucent_0_press": {
3443
4601
  "rgba": "rgba(30, 43, 68, 0.08)",
3444
4602
  "hex": "#141e2b44",
4603
+ "figma": "static_neutral-translucent/0/press",
4604
+ "web": "--color-static-neutral-translucent-0-press",
3445
4605
  "alias": "staticNeutralTranslucentColor0Press"
3446
4606
  },
3447
4607
  "static_neutral_translucent_100": {
3448
4608
  "rgba": "rgba(38, 55, 88, 0.06)",
3449
4609
  "hex": "#0f263758",
4610
+ "figma": "static_neutral-translucent/100",
4611
+ "web": "--color-static-neutral-translucent-100",
3450
4612
  "alias": "staticNeutralTranslucentColor100"
3451
4613
  },
3452
4614
  "static_neutral_translucent_100_hover": {
3453
4615
  "rgba": "rgba(15, 25, 55, 0.1)",
3454
4616
  "hex": "#1a0f1937",
4617
+ "figma": "static_neutral-translucent/100/hover",
4618
+ "web": "--color-static-neutral-translucent-100-hover",
3455
4619
  "alias": "staticNeutralTranslucentColor100Hover"
3456
4620
  },
3457
4621
  "static_neutral_translucent_100_inverted": {
3458
4622
  "rgba": "rgba(214, 214, 229, 0.07)",
3459
4623
  "hex": "#12d6d6e5",
4624
+ "figma": "static_neutral-translucent_inverted/100",
4625
+ "web": "--color-static-neutral-translucent-100-inverted",
3460
4626
  "alias": "staticNeutralTranslucentColor100Inverted"
3461
4627
  },
3462
4628
  "static_neutral_translucent_100_inverted_hover": {
3463
4629
  "rgba": "rgba(222, 222, 238, 0.13)",
3464
4630
  "hex": "#21dedeee",
4631
+ "figma": "static_neutral-translucent_inverted/100/hover",
4632
+ "web": "--color-static-neutral-translucent-100-inverted-hover",
3465
4633
  "alias": "staticNeutralTranslucentColor100InvertedHover"
3466
4634
  },
3467
4635
  "static_neutral_translucent_100_inverted_press": {
3468
4636
  "rgba": "rgba(234, 234, 248, 0.15)",
3469
4637
  "hex": "#26eaeaf8",
4638
+ "figma": "static_neutral-translucent_inverted/100/press",
4639
+ "web": "--color-static-neutral-translucent-100-inverted-press",
3470
4640
  "alias": "staticNeutralTranslucentColor100InvertedPress"
3471
4641
  },
3472
4642
  "static_neutral_translucent_100_press": {
3473
4643
  "rgba": "rgba(5, 12, 41, 0.14)",
3474
4644
  "hex": "#24050c29",
4645
+ "figma": "static_neutral-translucent/100/press",
4646
+ "web": "--color-static-neutral-translucent-100-press",
3475
4647
  "alias": "staticNeutralTranslucentColor100Press"
3476
4648
  },
3477
4649
  "static_neutral_translucent_1500_hover": {
3478
4650
  "rgba": "rgba(2, 2, 10, 0.76)",
3479
4651
  "hex": "#c202020a",
4652
+ "figma": "static_neutral-translucent/1500/hover",
4653
+ "web": "--color-static-neutral-translucent-1500-hover",
3480
4654
  "alias": "staticNeutralTranslucentColor1500Hover"
3481
4655
  },
3482
4656
  "static_neutral_translucent_1500_inverted_hover": {
3483
4657
  "rgba": "rgba(243, 245, 254, 0.75)",
3484
4658
  "hex": "#bff3f5fe",
4659
+ "figma": "static_neutral-translucent_inverted/1500/hover",
4660
+ "web": "--color-static-neutral-translucent-1500-inverted-hover",
3485
4661
  "alias": "staticNeutralTranslucentColor1500InvertedHover"
3486
4662
  },
3487
4663
  "static_neutral_translucent_1500_inverted_press": {
3488
4664
  "rgba": "rgba(239, 240, 252, 0.65)",
3489
4665
  "hex": "#a6eff0fc",
4666
+ "figma": "static_neutral-translucent_inverted/1500/press",
4667
+ "web": "--color-static-neutral-translucent-1500-inverted-press",
3490
4668
  "alias": "staticNeutralTranslucentColor1500InvertedPress"
3491
4669
  },
3492
4670
  "static_neutral_translucent_1500_press": {
3493
4671
  "rgba": "rgba(1, 1, 12, 0.63)",
3494
4672
  "hex": "#a101010c",
4673
+ "figma": "static_neutral-translucent/1500/press",
4674
+ "web": "--color-static-neutral-translucent-1500-press",
3495
4675
  "alias": "staticNeutralTranslucentColor1500Press"
3496
4676
  },
3497
4677
  "static_neutral_translucent_200": {
3498
4678
  "rgba": "rgba(30, 43, 68, 0.08)",
3499
4679
  "hex": "#141e2b44",
4680
+ "figma": "static_neutral-translucent/200",
4681
+ "web": "--color-static-neutral-translucent-200",
3500
4682
  "alias": "staticNeutralTranslucentColor200"
3501
4683
  },
3502
4684
  "static_neutral_translucent_200_hover": {
3503
4685
  "rgba": "rgba(15, 25, 55, 0.1)",
3504
4686
  "hex": "#1a0f1937",
4687
+ "figma": "static_neutral-translucent/200/hover",
4688
+ "web": "--color-static-neutral-translucent-200-hover",
3505
4689
  "alias": "staticNeutralTranslucentColor200Hover"
3506
4690
  },
3507
4691
  "static_neutral_translucent_200_inverted": {
3508
4692
  "rgba": "rgba(225, 225, 248, 0.09)",
3509
4693
  "hex": "#17e1e1f8",
4694
+ "figma": "static_neutral-translucent_inverted/200",
4695
+ "web": "--color-static-neutral-translucent-200-inverted",
3510
4696
  "alias": "staticNeutralTranslucentColor200Inverted"
3511
4697
  },
3512
4698
  "static_neutral_translucent_200_inverted_hover": {
3513
4699
  "rgba": "rgba(222, 222, 238, 0.13)",
3514
4700
  "hex": "#21dedeee",
4701
+ "figma": "static_neutral-translucent_inverted/200/hover",
4702
+ "web": "--color-static-neutral-translucent-200-inverted-hover",
3515
4703
  "alias": "staticNeutralTranslucentColor200InvertedHover"
3516
4704
  },
3517
4705
  "static_neutral_translucent_200_inverted_press": {
3518
4706
  "rgba": "rgba(234, 234, 248, 0.15)",
3519
4707
  "hex": "#26eaeaf8",
4708
+ "figma": "static_neutral-translucent_inverted/200/press",
4709
+ "web": "--color-static-neutral-translucent-200-inverted-press",
3520
4710
  "alias": "staticNeutralTranslucentColor200InvertedPress"
3521
4711
  },
3522
4712
  "static_neutral_translucent_200_press": {
3523
4713
  "rgba": "rgba(5, 12, 41, 0.14)",
3524
4714
  "hex": "#24050c29",
4715
+ "figma": "static_neutral-translucent/200/press",
4716
+ "web": "--color-static-neutral-translucent-200-press",
3525
4717
  "alias": "staticNeutralTranslucentColor200Press"
3526
4718
  },
3527
4719
  "static_neutral_translucent_300": {
3528
4720
  "rgba": "rgba(15, 25, 55, 0.1)",
3529
4721
  "hex": "#1a0f1937",
4722
+ "figma": "static_neutral-translucent/300",
4723
+ "web": "--color-static-neutral-translucent-300",
3530
4724
  "alias": "staticNeutralTranslucentColor300"
3531
4725
  },
4726
+ "static_neutral_translucent_300_hover": {
4727
+ "rgba": "rgba(5, 12, 41, 0.14)",
4728
+ "hex": "#24050c29",
4729
+ "figma": "static_neutral-translucent/300/hover",
4730
+ "web": "--color-static-neutral-translucent-300-hover",
4731
+ "alias": "staticNeutralTranslucentColor300Hover"
4732
+ },
3532
4733
  "static_neutral_translucent_300_inverted": {
3533
4734
  "rgba": "rgba(222, 222, 238, 0.13)",
3534
4735
  "hex": "#21dedeee",
4736
+ "figma": "static_neutral-translucent_inverted/300",
4737
+ "web": "--color-static-neutral-translucent-300-inverted",
3535
4738
  "alias": "staticNeutralTranslucentColor300Inverted"
3536
4739
  },
4740
+ "static_neutral_translucent_300_inverted_hover": {
4741
+ "rgba": "rgba(234, 234, 248, 0.15)",
4742
+ "hex": "#26eaeaf8",
4743
+ "figma": "static_neutral-translucent_inverted/300/hover",
4744
+ "web": "--color-static-neutral-translucent-300-inverted-hover",
4745
+ "alias": "staticNeutralTranslucentColor300InvertedHover"
4746
+ },
4747
+ "static_neutral_translucent_300_inverted_press": {
4748
+ "rgba": "rgba(231, 231, 248, 0.18)",
4749
+ "hex": "#2ee7e7f8",
4750
+ "figma": "static_neutral-translucent_inverted/300/press",
4751
+ "web": "--color-static-neutral-translucent-300-inverted-press",
4752
+ "alias": "staticNeutralTranslucentColor300InvertedPress"
4753
+ },
4754
+ "static_neutral_translucent_300_press": {
4755
+ "rgba": "rgba(5, 11, 44, 0.18)",
4756
+ "hex": "#2e050b2c",
4757
+ "figma": "static_neutral-translucent/300/press",
4758
+ "web": "--color-static-neutral-translucent-300-press",
4759
+ "alias": "staticNeutralTranslucentColor300Press"
4760
+ },
3537
4761
  "static_neutral_translucent_400": {
3538
4762
  "rgba": "rgba(5, 11, 44, 0.18)",
3539
4763
  "hex": "#2e050b2c",
4764
+ "figma": "static_neutral-translucent/400",
4765
+ "web": "--color-static-neutral-translucent-400",
3540
4766
  "alias": "staticNeutralTranslucentColor400"
3541
4767
  },
3542
4768
  "static_neutral_translucent_400_hover": {
3543
4769
  "rgba": "rgba(9, 12, 37, 0.28)",
3544
4770
  "hex": "#47090c25",
4771
+ "figma": "static_neutral-translucent/400/hover",
4772
+ "web": "--color-static-neutral-translucent-400-hover",
3545
4773
  "alias": "staticNeutralTranslucentColor400Hover"
3546
4774
  },
3547
4775
  "static_neutral_translucent_400_inverted": {
3548
4776
  "rgba": "rgba(231, 231, 248, 0.18)",
3549
4777
  "hex": "#2ee7e7f8",
4778
+ "figma": "static_neutral-translucent_inverted/400",
4779
+ "web": "--color-static-neutral-translucent-400-inverted",
3550
4780
  "alias": "staticNeutralTranslucentColor400Inverted"
3551
4781
  },
3552
4782
  "static_neutral_translucent_400_inverted_hover": {
3553
4783
  "rgba": "rgba(227, 227, 250, 0.23)",
3554
4784
  "hex": "#3be3e3fa",
4785
+ "figma": "static_neutral-translucent_inverted/400/hover",
4786
+ "web": "--color-static-neutral-translucent-400-inverted-hover",
3555
4787
  "alias": "staticNeutralTranslucentColor400InvertedHover"
3556
4788
  },
3557
4789
  "static_neutral_translucent_400_inverted_press": {
3558
4790
  "rgba": "rgba(228, 228, 251, 0.28)",
3559
4791
  "hex": "#47e4e4fb",
4792
+ "figma": "static_neutral-translucent_inverted/400/press",
4793
+ "web": "--color-static-neutral-translucent-400-inverted-press",
3560
4794
  "alias": "staticNeutralTranslucentColor400InvertedPress"
3561
4795
  },
3562
4796
  "static_neutral_translucent_400_press": {
3563
4797
  "rgba": "rgba(5, 8, 29, 0.38)",
3564
4798
  "hex": "#6105081d",
4799
+ "figma": "static_neutral-translucent/400/press",
4800
+ "web": "--color-static-neutral-translucent-400-press",
3565
4801
  "alias": "staticNeutralTranslucentColor400Press"
3566
4802
  },
3567
4803
  "static_neutral_translucent_500": {
3568
4804
  "rgba": "rgba(9, 12, 37, 0.28)",
3569
4805
  "hex": "#47090c25",
4806
+ "figma": "static_neutral-translucent/500",
4807
+ "web": "--color-static-neutral-translucent-500",
3570
4808
  "alias": "staticNeutralTranslucentColor500"
3571
4809
  },
3572
4810
  "static_neutral_translucent_500_hover": {
3573
4811
  "rgba": "rgba(5, 8, 29, 0.38)",
3574
4812
  "hex": "#6105081d",
4813
+ "figma": "static_neutral-translucent/500/hover",
4814
+ "web": "--color-static-neutral-translucent-500-hover",
3575
4815
  "alias": "staticNeutralTranslucentColor500Hover"
3576
4816
  },
3577
4817
  "static_neutral_translucent_500_inverted": {
3578
4818
  "rgba": "rgba(228, 228, 251, 0.28)",
3579
4819
  "hex": "#47e4e4fb",
4820
+ "figma": "static_neutral-translucent_inverted/500",
4821
+ "web": "--color-static-neutral-translucent-500-inverted",
3580
4822
  "alias": "staticNeutralTranslucentColor500Inverted"
3581
4823
  },
3582
4824
  "static_neutral_translucent_500_inverted_hover": {
3583
4825
  "rgba": "rgba(233, 233, 250, 0.37)",
3584
4826
  "hex": "#5ee9e9fa",
4827
+ "figma": "static_neutral-translucent_inverted/500/hover",
4828
+ "web": "--color-static-neutral-translucent-500-inverted-hover",
3585
4829
  "alias": "staticNeutralTranslucentColor500InvertedHover"
3586
4830
  },
3587
4831
  "static_neutral_translucent_500_inverted_press": {
3588
4832
  "rgba": "rgba(238, 238, 254, 0.46)",
3589
4833
  "hex": "#75eeeefe",
4834
+ "figma": "static_neutral-translucent_inverted/500/press",
4835
+ "web": "--color-static-neutral-translucent-500-inverted-press",
3590
4836
  "alias": "staticNeutralTranslucentColor500InvertedPress"
3591
4837
  },
3592
4838
  "static_neutral_translucent_500_press": {
3593
4839
  "rgba": "rgba(4, 4, 21, 0.47)",
3594
4840
  "hex": "#78040415",
4841
+ "figma": "static_neutral-translucent/500/press",
4842
+ "web": "--color-static-neutral-translucent-500-press",
3595
4843
  "alias": "staticNeutralTranslucentColor500Press"
3596
4844
  },
3597
4845
  "static_neutral_translucent_700": {
3598
4846
  "rgba": "rgba(4, 4, 21, 0.47)",
3599
4847
  "hex": "#78040415",
4848
+ "figma": "static_neutral-translucent/700",
4849
+ "web": "--color-static-neutral-translucent-700",
3600
4850
  "alias": "staticNeutralTranslucentColor700"
3601
4851
  },
3602
4852
  "static_neutral_translucent_700_hover": {
3603
4853
  "rgba": "rgba(4, 4, 19, 0.55)",
3604
4854
  "hex": "#8c040413",
4855
+ "figma": "static_neutral-translucent/700/hover",
4856
+ "web": "--color-static-neutral-translucent-700-hover",
3605
4857
  "alias": "staticNeutralTranslucentColor700Hover"
3606
4858
  },
3607
4859
  "static_neutral_translucent_700_inverted": {
3608
4860
  "rgba": "rgba(238, 238, 251, 0.55)",
3609
4861
  "hex": "#8ceeeefb",
4862
+ "figma": "static_neutral-translucent_inverted/700",
4863
+ "web": "--color-static-neutral-translucent-700-inverted",
3610
4864
  "alias": "staticNeutralTranslucentColor700Inverted"
3611
4865
  },
3612
4866
  "static_neutral_translucent_700_inverted_hover": {
3613
4867
  "rgba": "rgba(239, 240, 252, 0.65)",
3614
4868
  "hex": "#a6eff0fc",
4869
+ "figma": "static_neutral-translucent_inverted/700/hover",
4870
+ "web": "--color-static-neutral-translucent-700-inverted-hover",
3615
4871
  "alias": "staticNeutralTranslucentColor700InvertedHover"
3616
4872
  },
3617
4873
  "static_neutral_translucent_700_inverted_press": {
3618
4874
  "rgba": "rgba(243, 245, 254, 0.75)",
3619
4875
  "hex": "#bff3f5fe",
4876
+ "figma": "static_neutral-translucent_inverted/700/press",
4877
+ "web": "--color-static-neutral-translucent-700-inverted-press",
3620
4878
  "alias": "staticNeutralTranslucentColor700InvertedPress"
3621
4879
  },
3622
4880
  "static_neutral_translucent_700_press": {
3623
4881
  "rgba": "rgba(1, 1, 12, 0.63)",
3624
4882
  "hex": "#a101010c",
4883
+ "figma": "static_neutral-translucent/700/press",
4884
+ "web": "--color-static-neutral-translucent-700-press",
3625
4885
  "alias": "staticNeutralTranslucentColor700Press"
3626
4886
  },
3627
4887
  "static_status_attention": {
3628
4888
  "rgba": "rgba(250, 147, 19, 1)",
3629
4889
  "hex": "#fa9313",
4890
+ "figma": "static_status/attention",
4891
+ "web": "--color-static-status-attention",
3630
4892
  "alias": "staticStatusColorAttention"
3631
4893
  },
3632
4894
  "static_status_attention_inverted": {
3633
4895
  "rgba": "rgba(253, 161, 54, 1)",
3634
4896
  "hex": "#fda136",
4897
+ "figma": "static_status_inverted/attention",
4898
+ "web": "--color-static-status-attention-inverted",
3635
4899
  "alias": "staticStatusColorAttentionInverted"
3636
4900
  },
3637
4901
  "static_status_info": {
3638
4902
  "rgba": "rgba(34, 136, 250, 1)",
3639
4903
  "hex": "#2288fa",
4904
+ "figma": "static_status/info",
4905
+ "web": "--color-static-status-info",
3640
4906
  "alias": "staticStatusColorInfo"
3641
4907
  },
3642
4908
  "static_status_info_inverted": {
3643
4909
  "rgba": "rgba(49, 147, 252, 1)",
3644
4910
  "hex": "#3193fc",
4911
+ "figma": "static_status_inverted/info",
4912
+ "web": "--color-static-status-info-inverted",
3645
4913
  "alias": "staticStatusColorInfoInverted"
3646
4914
  },
3647
4915
  "static_status_muted_alt_attention": {
3648
4916
  "rgba": "rgba(253, 230, 200, 1)",
3649
4917
  "hex": "#fde6c8",
4918
+ "figma": "static_status-muted-alt/attention",
4919
+ "web": "--color-static-status-muted-alt-attention",
3650
4920
  "alias": "staticStatusMutedAltColorAttention"
3651
4921
  },
3652
4922
  "static_status_muted_alt_attention_inverted": {
3653
4923
  "rgba": "rgba(65, 47, 34, 1)",
3654
4924
  "hex": "#412f22",
4925
+ "figma": "static_status-muted-alt_inverted/attention",
4926
+ "web": "--color-static-status-muted-alt-attention-inverted",
3655
4927
  "alias": "staticStatusMutedAltColorAttentionInverted"
3656
4928
  },
3657
4929
  "static_status_muted_alt_info": {
3658
4930
  "rgba": "rgba(216, 234, 255, 1)",
3659
4931
  "hex": "#d8eaff",
4932
+ "figma": "static_status-muted-alt/info",
4933
+ "web": "--color-static-status-muted-alt-info",
3660
4934
  "alias": "staticStatusMutedAltColorInfo"
3661
4935
  },
3662
4936
  "static_status_muted_alt_info_inverted": {
3663
4937
  "rgba": "rgba(41, 48, 68, 1)",
3664
4938
  "hex": "#293044",
4939
+ "figma": "static_status-muted-alt_inverted/info",
4940
+ "web": "--color-static-status-muted-alt-info-inverted",
3665
4941
  "alias": "staticStatusMutedAltColorInfoInverted"
3666
4942
  },
3667
4943
  "static_status_muted_alt_negative": {
3668
4944
  "rgba": "rgba(255, 223, 223, 1)",
3669
4945
  "hex": "#ffdfdf",
4946
+ "figma": "static_status-muted-alt/negative",
4947
+ "web": "--color-static-status-muted-alt-negative",
3670
4948
  "alias": "staticStatusMutedAltColorNegative"
3671
4949
  },
3672
4950
  "static_status_muted_alt_negative_inverted": {
3673
4951
  "rgba": "rgba(68, 41, 38, 1)",
3674
4952
  "hex": "#442926",
4953
+ "figma": "static_status-muted-alt_inverted/negative",
4954
+ "web": "--color-static-status-muted-alt-negative-inverted",
3675
4955
  "alias": "staticStatusMutedAltColorNegativeInverted"
3676
4956
  },
3677
4957
  "static_status_muted_alt_positive": {
3678
4958
  "rgba": "rgba(209, 241, 215, 1)",
3679
4959
  "hex": "#d1f1d7",
4960
+ "figma": "static_status-muted-alt/positive",
4961
+ "web": "--color-static-status-muted-alt-positive",
3680
4962
  "alias": "staticStatusMutedAltColorPositive"
3681
4963
  },
3682
4964
  "static_status_muted_alt_positive_inverted": {
3683
4965
  "rgba": "rgba(37, 53, 40, 1)",
3684
4966
  "hex": "#253528",
4967
+ "figma": "static_status-muted-alt_inverted/positive",
4968
+ "web": "--color-static-status-muted-alt-positive-inverted",
3685
4969
  "alias": "staticStatusMutedAltColorPositiveInverted"
3686
4970
  },
3687
4971
  "static_status_muted_attention": {
3688
4972
  "rgba": "rgba(255, 239, 217, 1)",
3689
4973
  "hex": "#ffefd9",
4974
+ "figma": "static_status-muted/attention",
4975
+ "web": "--color-static-status-muted-attention",
3690
4976
  "alias": "staticStatusMutedColorAttention"
3691
4977
  },
3692
4978
  "static_status_muted_attention_inverted": {
3693
4979
  "rgba": "rgba(54, 41, 31, 1)",
3694
4980
  "hex": "#36291f",
4981
+ "figma": "static_status-muted_inverted/attention",
4982
+ "web": "--color-static-status-muted-attention-inverted",
3695
4983
  "alias": "staticStatusMutedColorAttentionInverted"
3696
4984
  },
3697
4985
  "static_status_muted_info": {
3698
4986
  "rgba": "rgba(228, 240, 255, 1)",
3699
4987
  "hex": "#e4f0ff",
4988
+ "figma": "static_status-muted/info",
4989
+ "web": "--color-static-status-muted-info",
3700
4990
  "alias": "staticStatusMutedColorInfo"
3701
4991
  },
3702
4992
  "static_status_muted_info_inverted": {
3703
4993
  "rgba": "rgba(34, 42, 62, 1)",
3704
4994
  "hex": "#222a3e",
4995
+ "figma": "static_status-muted_inverted/info",
4996
+ "web": "--color-static-status-muted-info-inverted",
3705
4997
  "alias": "staticStatusMutedColorInfoInverted"
3706
4998
  },
3707
4999
  "static_status_muted_negative": {
3708
5000
  "rgba": "rgba(255, 235, 235, 1)",
3709
5001
  "hex": "#ffebeb",
5002
+ "figma": "static_status-muted/negative",
5003
+ "web": "--color-static-status-muted-negative",
3710
5004
  "alias": "staticStatusMutedColorNegative"
3711
5005
  },
3712
5006
  "static_status_muted_negative_inverted": {
3713
5007
  "rgba": "rgba(57, 37, 35, 1)",
3714
5008
  "hex": "#392523",
5009
+ "figma": "static_status-muted_inverted/negative",
5010
+ "web": "--color-static-status-muted-negative-inverted",
3715
5011
  "alias": "staticStatusMutedColorNegativeInverted"
3716
5012
  },
3717
5013
  "static_status_muted_positive": {
3718
5014
  "rgba": "rgba(223, 248, 229, 1)",
3719
5015
  "hex": "#dff8e5",
5016
+ "figma": "static_status-muted/positive",
5017
+ "web": "--color-static-status-muted-positive",
3720
5018
  "alias": "staticStatusMutedColorPositive"
3721
5019
  },
3722
5020
  "static_status_muted_positive_inverted": {
3723
5021
  "rgba": "rgba(35, 45, 37, 1)",
3724
5022
  "hex": "#232d25",
5023
+ "figma": "static_status-muted_inverted/positive",
5024
+ "web": "--color-static-status-muted-positive-inverted",
3725
5025
  "alias": "staticStatusMutedColorPositiveInverted"
3726
5026
  },
3727
5027
  "static_status_negative": {
3728
5028
  "rgba": "rgba(255, 84, 49, 1)",
3729
5029
  "hex": "#ff5431",
5030
+ "figma": "static_status/negative",
5031
+ "web": "--color-static-status-negative",
3730
5032
  "alias": "staticStatusColorNegative"
3731
5033
  },
3732
5034
  "static_status_negative_inverted": {
3733
5035
  "rgba": "rgba(255, 84, 49, 1)",
3734
5036
  "hex": "#ff5431",
5037
+ "figma": "static_status_inverted/negative",
5038
+ "web": "--color-static-status-negative-inverted",
3735
5039
  "alias": "staticStatusColorNegativeInverted"
3736
5040
  },
3737
5041
  "static_status_positive": {
3738
5042
  "rgba": "rgba(12, 196, 77, 1)",
3739
5043
  "hex": "#0cc44d",
5044
+ "figma": "static_status/positive",
5045
+ "web": "--color-static-status-positive",
3740
5046
  "alias": "staticStatusColorPositive"
3741
5047
  },
3742
5048
  "static_status_positive_inverted": {
3743
5049
  "rgba": "rgba(23, 208, 85, 1)",
3744
5050
  "hex": "#17d055",
5051
+ "figma": "static_status_inverted/positive",
5052
+ "web": "--color-static-status-positive-inverted",
3745
5053
  "alias": "staticStatusColorPositiveInverted"
3746
5054
  },
3747
5055
  "static_text_accent": {
@@ -3752,126 +5060,176 @@
3752
5060
  "static_text_attention": {
3753
5061
  "rgba": "rgba(234, 131, 19, 1)",
3754
5062
  "hex": "#ea8313",
5063
+ "figma": "static_text/attention",
5064
+ "web": "--color-static-text-attention",
3755
5065
  "alias": "staticTextColorAttention"
3756
5066
  },
3757
5067
  "static_text_attention_hover": {
3758
5068
  "rgba": "rgba(213, 113, 17, 1)",
3759
5069
  "hex": "#d57111",
5070
+ "figma": "static_text/attention/hover",
5071
+ "web": "--color-static-text-attention-hover",
3760
5072
  "alias": "staticTextColorAttentionHover"
3761
5073
  },
3762
5074
  "static_text_attention_inverted": {
3763
5075
  "rgba": "rgba(250, 147, 19, 1)",
3764
5076
  "hex": "#fa9313",
5077
+ "figma": "static_text_inverted/attention",
5078
+ "web": "--color-static-text-attention-inverted",
3765
5079
  "alias": "staticTextColorAttentionInverted"
3766
5080
  },
3767
5081
  "static_text_attention_inverted_hover": {
3768
5082
  "rgba": "rgba(253, 178, 77, 1)",
3769
5083
  "hex": "#fdb24d",
5084
+ "figma": "static_text_inverted/attention/hover",
5085
+ "web": "--color-static-text-attention-inverted-hover",
3770
5086
  "alias": "staticTextColorAttentionInvertedHover"
3771
5087
  },
3772
5088
  "static_text_attention_inverted_press": {
3773
5089
  "rgba": "rgba(255, 191, 112, 1)",
3774
5090
  "hex": "#ffbf70",
5091
+ "figma": "static_text_inverted/attention/press",
5092
+ "web": "--color-static-text-attention-inverted-press",
3775
5093
  "alias": "staticTextColorAttentionInvertedPress"
3776
5094
  },
3777
5095
  "static_text_attention_press": {
3778
5096
  "rgba": "rgba(180, 90, 6, 1)",
3779
5097
  "hex": "#b45a06",
5098
+ "figma": "static_text/attention/press",
5099
+ "web": "--color-static-text-attention-press",
3780
5100
  "alias": "staticTextColorAttentionPress"
3781
5101
  },
3782
5102
  "static_text_info": {
3783
5103
  "rgba": "rgba(42, 119, 239, 1)",
3784
5104
  "hex": "#2a77ef",
5105
+ "figma": "static_text/info",
5106
+ "web": "--color-static-text-info",
3785
5107
  "alias": "staticTextColorInfo"
3786
5108
  },
3787
5109
  "static_text_info_hover": {
3788
5110
  "rgba": "rgba(44, 100, 212, 1)",
3789
5111
  "hex": "#2c64d4",
5112
+ "figma": "static_text/info/hover",
5113
+ "web": "--color-static-text-info-hover",
3790
5114
  "alias": "staticTextColorInfoHover"
3791
5115
  },
3792
5116
  "static_text_info_inverted": {
3793
5117
  "rgba": "rgba(74, 157, 252, 1)",
3794
5118
  "hex": "#4a9dfc",
5119
+ "figma": "static_text_inverted/info",
5120
+ "web": "--color-static-text-info-inverted",
3795
5121
  "alias": "staticTextColorInfoInverted"
3796
5122
  },
3797
5123
  "static_text_info_inverted_hover": {
3798
5124
  "rgba": "rgba(99, 170, 253, 1)",
3799
5125
  "hex": "#63aafd",
5126
+ "figma": "static_text_inverted/info/hover",
5127
+ "web": "--color-static-text-info-inverted-hover",
3800
5128
  "alias": "staticTextColorInfoInvertedHover"
3801
5129
  },
3802
5130
  "static_text_info_inverted_press": {
3803
5131
  "rgba": "rgba(127, 182, 255, 1)",
3804
5132
  "hex": "#7fb6ff",
5133
+ "figma": "static_text_inverted/info/press",
5134
+ "web": "--color-static-text-info-inverted-press",
3805
5135
  "alias": "staticTextColorInfoInvertedPress"
3806
5136
  },
3807
5137
  "static_text_info_press": {
3808
5138
  "rgba": "rgba(36, 83, 180, 1)",
3809
5139
  "hex": "#2453b4",
5140
+ "figma": "static_text/info/press",
5141
+ "web": "--color-static-text-info-press",
3810
5142
  "alias": "staticTextColorInfoPress"
3811
5143
  },
3812
5144
  "static_text_negative": {
3813
5145
  "rgba": "rgba(236, 46, 20, 1)",
3814
5146
  "hex": "#ec2e14",
5147
+ "figma": "static_text/negative",
5148
+ "web": "--color-static-text-negative",
3815
5149
  "alias": "staticTextColorNegative"
3816
5150
  },
3817
5151
  "static_text_negative_hover": {
3818
5152
  "rgba": "rgba(199, 37, 28, 1)",
3819
5153
  "hex": "#c7251c",
5154
+ "figma": "static_text/negative/hover",
5155
+ "web": "--color-static-text-negative-hover",
3820
5156
  "alias": "staticTextColorNegativeHover"
3821
5157
  },
3822
5158
  "static_text_negative_inverted": {
3823
5159
  "rgba": "rgba(255, 84, 49, 1)",
3824
5160
  "hex": "#ff5431",
5161
+ "figma": "static_text_inverted/negative",
5162
+ "web": "--color-static-text-negative-inverted",
3825
5163
  "alias": "staticTextColorNegativeInverted"
3826
5164
  },
3827
5165
  "static_text_negative_inverted_hover": {
3828
5166
  "rgba": "rgba(255, 117, 84, 1)",
3829
5167
  "hex": "#ff7554",
5168
+ "figma": "static_text_inverted/negative/hover",
5169
+ "web": "--color-static-text-negative-inverted-hover",
3830
5170
  "alias": "staticTextColorNegativeInvertedHover"
3831
5171
  },
3832
5172
  "static_text_negative_inverted_press": {
3833
5173
  "rgba": "rgba(255, 141, 115, 1)",
3834
5174
  "hex": "#ff8d73",
5175
+ "figma": "static_text_inverted/negative/press",
5176
+ "web": "--color-static-text-negative-inverted-press",
3835
5177
  "alias": "staticTextColorNegativeInvertedPress"
3836
5178
  },
3837
5179
  "static_text_negative_press": {
3838
5180
  "rgba": "rgba(166, 32, 30, 1)",
3839
5181
  "hex": "#a6201e",
5182
+ "figma": "static_text/negative/press",
5183
+ "web": "--color-static-text-negative-press",
3840
5184
  "alias": "staticTextColorNegativePress"
3841
5185
  },
3842
5186
  "static_text_positive": {
3843
5187
  "rgba": "rgba(13, 147, 54, 1)",
3844
5188
  "hex": "#0d9336",
5189
+ "figma": "static_text/positive",
5190
+ "web": "--color-static-text-positive",
3845
5191
  "alias": "staticTextColorPositive"
3846
5192
  },
3847
5193
  "static_text_positive_hover": {
3848
5194
  "rgba": "rgba(10, 125, 44, 1)",
3849
5195
  "hex": "#0a7d2c",
5196
+ "figma": "static_text/positive/hover",
5197
+ "web": "--color-static-text-positive-hover",
3850
5198
  "alias": "staticTextColorPositiveHover"
3851
5199
  },
3852
5200
  "static_text_positive_inverted": {
3853
5201
  "rgba": "rgba(12, 196, 77, 1)",
3854
5202
  "hex": "#0cc44d",
5203
+ "figma": "static_text_inverted/positive",
5204
+ "web": "--color-static-text-positive-inverted",
3855
5205
  "alias": "staticTextColorPositiveInverted"
3856
5206
  },
3857
5207
  "static_text_positive_inverted_hover": {
3858
5208
  "rgba": "rgba(34, 224, 104, 1)",
3859
5209
  "hex": "#22e068",
5210
+ "figma": "static_text_inverted/positive/hover",
5211
+ "web": "--color-static-text-positive-inverted-hover",
3860
5212
  "alias": "staticTextColorPositiveInvertedHover"
3861
5213
  },
3862
5214
  "static_text_positive_inverted_press": {
3863
5215
  "rgba": "rgba(74, 231, 119, 1)",
3864
5216
  "hex": "#4ae777",
5217
+ "figma": "static_text_inverted/positive/press",
5218
+ "web": "--color-static-text-positive-inverted-press",
3865
5219
  "alias": "staticTextColorPositiveInvertedPress"
3866
5220
  },
3867
5221
  "static_text_positive_press": {
3868
5222
  "rgba": "rgba(3, 102, 37, 1)",
3869
5223
  "hex": "#036625",
5224
+ "figma": "static_text/positive/press",
5225
+ "web": "--color-static-text-positive-press",
3870
5226
  "alias": "staticTextColorPositivePress"
3871
5227
  },
3872
5228
  "static_text_primary": {
3873
5229
  "rgba": "rgba(11, 31, 53, 1)",
3874
5230
  "hex": "#0b1f35",
5231
+ "figma": "static_text/primary",
5232
+ "web": "--color-static-text-primary",
3875
5233
  "alias": "staticTextColorPrimary"
3876
5234
  },
3877
5235
  "static_text_primary_dark": {
@@ -3882,21 +5240,29 @@
3882
5240
  "static_text_primary_hover": {
3883
5241
  "rgba": "rgba(84, 98, 114, 1)",
3884
5242
  "hex": "#546272",
5243
+ "figma": "static_text/primary/hover",
5244
+ "web": "--color-static-text-primary-hover",
3885
5245
  "alias": "staticTextColorPrimaryHover"
3886
5246
  },
3887
5247
  "static_text_primary_inverted": {
3888
5248
  "rgba": "rgba(255, 255, 255, 1)",
3889
5249
  "hex": "#ffffff",
5250
+ "figma": "static_text_inverted/primary",
5251
+ "web": "--color-static-text-primary-inverted",
3890
5252
  "alias": "staticTextColorPrimaryInverted"
3891
5253
  },
3892
5254
  "static_text_primary_inverted_hover": {
3893
5255
  "rgba": "rgba(255, 255, 255, 0.9)",
3894
5256
  "hex": "#e6ffffff",
5257
+ "figma": "static_text_inverted/primary/hover",
5258
+ "web": "--color-static-text-primary-inverted-hover",
3895
5259
  "alias": "staticTextColorPrimaryInvertedHover"
3896
5260
  },
3897
5261
  "static_text_primary_inverted_press": {
3898
5262
  "rgba": "rgba(255, 255, 255, 0.8)",
3899
5263
  "hex": "#ccffffff",
5264
+ "figma": "static_text_inverted/primary/press",
5265
+ "web": "--color-static-text-primary-inverted-press",
3900
5266
  "alias": "staticTextColorPrimaryInvertedPress"
3901
5267
  },
3902
5268
  "static_text_primary_light": {
@@ -3907,21 +5273,29 @@
3907
5273
  "static_text_primary_press": {
3908
5274
  "rgba": "rgba(106, 119, 134, 1)",
3909
5275
  "hex": "#6a7786",
5276
+ "figma": "static_text/primary/press",
5277
+ "web": "--color-static-text-primary-press",
3910
5278
  "alias": "staticTextColorPrimaryPress"
3911
5279
  },
3912
5280
  "static_text_quaternary": {
3913
5281
  "rgba": "rgba(10, 40, 70, 0.2)",
3914
5282
  "hex": "#330a2846",
5283
+ "figma": "static_text/quaternary",
5284
+ "web": "--color-static-text-quaternary",
3915
5285
  "alias": "staticTextColorQuaternary"
3916
5286
  },
3917
5287
  "static_text_quaternary_inverted": {
3918
5288
  "rgba": "rgba(255, 255, 255, 0.25)",
3919
5289
  "hex": "#40ffffff",
5290
+ "figma": "static_text_inverted/quaternary",
5291
+ "web": "--color-static-text-quaternary-inverted",
3920
5292
  "alias": "staticTextColorQuaternaryInverted"
3921
5293
  },
3922
5294
  "static_text_secondary": {
3923
5295
  "rgba": "rgba(11, 31, 53, 0.7)",
3924
5296
  "hex": "#b30b1f35",
5297
+ "figma": "static_text/secondary",
5298
+ "web": "--color-static-text-secondary",
3925
5299
  "alias": "staticTextColorSecondary"
3926
5300
  },
3927
5301
  "static_text_secondary_dark": {
@@ -3932,21 +5306,29 @@
3932
5306
  "static_text_secondary_hover": {
3933
5307
  "rgba": "rgba(3, 23, 45, 0.77)",
3934
5308
  "hex": "#c403172d",
5309
+ "figma": "static_text/secondary/hover",
5310
+ "web": "--color-static-text-secondary-hover",
3935
5311
  "alias": "staticTextColorSecondaryHover"
3936
5312
  },
3937
5313
  "static_text_secondary_inverted": {
3938
5314
  "rgba": "rgba(255, 255, 255, 0.7)",
3939
5315
  "hex": "#b3ffffff",
5316
+ "figma": "static_text_inverted/secondary",
5317
+ "web": "--color-static-text-secondary-inverted",
3940
5318
  "alias": "staticTextColorSecondaryInverted"
3941
5319
  },
3942
5320
  "static_text_secondary_inverted_hover": {
3943
5321
  "rgba": "rgba(255, 255, 255, 0.8)",
3944
5322
  "hex": "#ccffffff",
5323
+ "figma": "static_text_inverted/secondary/hover",
5324
+ "web": "--color-static-text-secondary-inverted-hover",
3945
5325
  "alias": "staticTextColorSecondaryInvertedHover"
3946
5326
  },
3947
5327
  "static_text_secondary_inverted_press": {
3948
5328
  "rgba": "rgba(255, 255, 255, 0.9)",
3949
5329
  "hex": "#e6ffffff",
5330
+ "figma": "static_text_inverted/secondary/press",
5331
+ "web": "--color-static-text-secondary-inverted-press",
3950
5332
  "alias": "staticTextColorSecondaryInvertedPress"
3951
5333
  },
3952
5334
  "static_text_secondary_light": {
@@ -3957,11 +5339,15 @@
3957
5339
  "static_text_secondary_press": {
3958
5340
  "rgba": "rgba(1, 20, 43, 0.81)",
3959
5341
  "hex": "#cf01142b",
5342
+ "figma": "static_text/secondary/press",
5343
+ "web": "--color-static-text-secondary-press",
3960
5344
  "alias": "staticTextColorSecondaryPress"
3961
5345
  },
3962
5346
  "static_text_tertiary": {
3963
5347
  "rgba": "rgba(11, 31, 53, 0.3)",
3964
5348
  "hex": "#4d0b1f35",
5349
+ "figma": "static_text/tertiary",
5350
+ "web": "--color-static-text-tertiary",
3965
5351
  "alias": "staticTextColorTertiary"
3966
5352
  },
3967
5353
  "static_text_tertiary_dark": {
@@ -3972,21 +5358,29 @@
3972
5358
  "static_text_tertiary_hover": {
3973
5359
  "rgba": "rgba(1, 23, 47, 0.5)",
3974
5360
  "hex": "#8001172f",
5361
+ "figma": "static_text/tertiary/hover",
5362
+ "web": "--color-static-text-tertiary-hover",
3975
5363
  "alias": "staticTextColorTertiaryHover"
3976
5364
  },
3977
5365
  "static_text_tertiary_inverted": {
3978
5366
  "rgba": "rgba(255, 255, 255, 0.4)",
3979
5367
  "hex": "#66ffffff",
5368
+ "figma": "static_text_inverted/tertiary",
5369
+ "web": "--color-static-text-tertiary-inverted",
3980
5370
  "alias": "staticTextColorTertiaryInverted"
3981
5371
  },
3982
5372
  "static_text_tertiary_inverted_hover": {
3983
5373
  "rgba": "rgba(255, 255, 255, 0.5)",
3984
5374
  "hex": "#80ffffff",
5375
+ "figma": "static_text_inverted/tertiary/hover",
5376
+ "web": "--color-static-text-tertiary-inverted-hover",
3985
5377
  "alias": "staticTextColorTertiaryInvertedHover"
3986
5378
  },
3987
5379
  "static_text_tertiary_inverted_press": {
3988
5380
  "rgba": "rgba(255, 255, 255, 0.6)",
3989
5381
  "hex": "#99ffffff",
5382
+ "figma": "static_text_inverted/tertiary/press",
5383
+ "web": "--color-static-text-tertiary-inverted-press",
3990
5384
  "alias": "staticTextColorTertiaryInvertedPress"
3991
5385
  },
3992
5386
  "static_text_tertiary_light": {
@@ -3997,6 +5391,8 @@
3997
5391
  "static_text_tertiary_press": {
3998
5392
  "rgba": "rgba(2, 24, 50, 0.59)",
3999
5393
  "hex": "#96021832",
5394
+ "figma": "static_text/tertiary/press",
5395
+ "web": "--color-static-text-tertiary-press",
4000
5396
  "alias": "staticTextColorTertiaryPress"
4001
5397
  },
4002
5398
  "dark_bg_component": {