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