@covalent/tokens 8.1.0-beta.9 → 8.2.0-beta.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (6) hide show
  1. package/_index.scss +180 -864
  2. package/index.css +94 -434
  3. package/index.d.ts +85 -425
  4. package/index.js +94 -434
  5. package/index.json +6982 -22550
  6. package/package.json +1 -1
package/_index.scss CHANGED
@@ -1,7 +1,7 @@
1
1
 
2
2
  /**
3
3
  * Do not edit directly
4
- * Generated on Wed, 07 Feb 2024 20:16:38 GMT
4
+ * Generated on Mon, 12 Feb 2024 18:13:34 GMT
5
5
  */
6
6
 
7
7
  $light-primary: #3053f4ff !default;
@@ -86,7 +86,7 @@ $dark-emphasis: #cc809cff !default;
86
86
  $dark-accent: #bac3ffff !default;
87
87
  $dark-background: #161616ff !default;
88
88
  $dark-surface: #161616ff !default;
89
- $dark-surface-canvas: #252426ff !default;
89
+ $dark-surface-canvas: #2c2b2dff !default;
90
90
  $dark-surface-primary: #1d2c43ff !default;
91
91
  $dark-surface-primary-highlight: #bac3ff14 !default;
92
92
  $dark-surface-primary-highlight-hover: #bac3ff14 !default;
@@ -466,18 +466,6 @@ $theme-light-colors-on-surface-74: #1e1d1ebd !default;
466
466
  $theme-light-colors-tertiary-8: #ff5f0214 !default;
467
467
  $theme-light-colors-tertiary-12: #ff5f021f !default;
468
468
  $theme-light-colors-tertiary-16: #ff5f0229 !default;
469
- $theme-light-colors-surface-container-lowest-blue: #ffffffff !default;
470
- $theme-light-colors-surface-container-low-blue: #f9f9fcff !default;
471
- $theme-light-colors-surface-container-high-blue: #f3f4f7ff !default;
472
- $theme-light-colors-surface-container-highest-blue: #f1f2f5ff !default;
473
- $theme-light-colors-surface-container-lowest-navy: #ffffffff !default;
474
- $theme-light-colors-surface-container-low-navy: #f8f9f9ff !default;
475
- $theme-light-colors-surface-container-high-navy: #f3f3f3ff !default;
476
- $theme-light-colors-surface-container-highest-navy: #f0f1f1ff !default;
477
- $theme-light-colors-surface-blue: #fbfcffff !default;
478
- $theme-light-colors-surface-navy: #fafbfbff !default;
479
- $theme-light-colors-surface-container-blue: #f6f7faff !default;
480
- $theme-light-colors-surface-container-navy: #f5f6f6ff !default;
481
469
  $theme-light-colors-secondary-8: #61637814 !default;
482
470
  $theme-light-colors-secondary-12: #6163781f !default;
483
471
  $theme-light-colors-secondary-16: #61637829 !default;
@@ -494,206 +482,48 @@ $theme-light-colors-inverse-tertiary-16: #ff5f0229 !default;
494
482
  $theme-light-colors-on-negative-container-8: #11020114 !default;
495
483
  $theme-light-colors-on-negative-container-12: #1102011f !default;
496
484
  $theme-light-colors-on-negative-container-16: #11020129 !default;
497
- $theme-light-primary-hover: #3053f414 !default;
498
- $theme-light-primary-focus: #3053f41f !default;
499
- $theme-light-primary-press: #3053f41f !default;
500
- $theme-light-primary-drag: #3053f41f !default;
501
- $theme-light-on-primary-hover: #ffffff14 !default;
502
- $theme-light-on-primary-focus: #ffffff1f !default;
503
- $theme-light-on-primary-press: #ffffff1f !default;
504
- $theme-light-on-primary-drag: #ffffff29 !default;
505
- $theme-light-on-primary-container-hover: #00115a14 !default;
506
- $theme-light-on-primary-container-focus: #00115a1f !default;
507
- $theme-light-on-primary-container-press: #00115a1f !default;
508
- $theme-light-on-primary-container-drag: #00115a29 !default;
509
- $theme-light-inverse-primary-hover: #bac3ff14 !default;
510
- $theme-light-inverse-primary-focus: #bac3ff1f !default;
511
- $theme-light-inverse-primary-press: #bac3ff1f !default;
512
- $theme-light-inverse-primary-drag: #bac3ff29 !default;
513
- $theme-light-tertiary-hover: #ff5f0214 !default;
514
- $theme-light-tertiary-press: #ff5f021f !default;
515
- $theme-light-tertiary-focus: #ff5f021f !default;
516
- $theme-light-tertiary-drag: #ff5f0229 !default;
517
- $theme-light-on-tertiary-hover: #ffffff14 !default;
518
- $theme-light-on-tertiary-press: #ffffff1f !default;
519
- $theme-light-on-tertiary-focus: #ffffff1f !default;
520
- $theme-light-on-tertiary-drag: #ffffff29 !default;
521
- $theme-light-on-tertiary-container-hover: #48130014 !default;
522
- $theme-light-on-tertiary-container-press: #4813001f !default;
523
- $theme-light-on-tertiary-container-focus: #4813001f !default;
524
- $theme-light-on-tertiary-container-drag: #48130029 !default;
525
- $theme-light-negative-hover: #ae120914 !default;
526
- $theme-light-negative-press: #ae12091f !default;
527
- $theme-light-negative-focus: #ae12091f !default;
528
- $theme-light-negative-drag: #ae120929 !default;
529
- $theme-light-on-negative-hover: #ffffff14 !default;
530
- $theme-light-on-negative-press: #ffffff1f !default;
531
- $theme-light-on-negative-focus: #ffffff1f !default;
532
- $theme-light-on-negative-drag: #ffffff29 !default;
533
- $theme-light-positive-hover: #03660014 !default;
534
- $theme-light-positive-press: #03660029 !default;
535
- $theme-light-positive-focus: #03660029 !default;
536
- $theme-light-positive-drag: #0366001f !default;
537
- $theme-light-on-positive-hover: #ffffff14 !default;
538
- $theme-light-on-positive-press: #ffffff1f !default;
539
- $theme-light-on-positive-focus: #ffffff1f !default;
540
- $theme-light-on-positive-drag: #ffffff29 !default;
541
- $theme-light-on-positive-container-hover: #000a0014 !default;
542
- $theme-light-on-positive-container-focus: #000a001f !default;
543
- $theme-light-on-positive-container-press: #000a001f !default;
544
- $theme-light-on-positive-container-drag: #000a0029 !default;
545
- $theme-light-caution-hover: #fef3e6ff !default;
546
- $theme-light-caution-press: #f388001f !default;
547
- $theme-light-caution-focus: #f388001f !default;
548
- $theme-light-caution-drag: #f3880029 !default;
549
- $theme-light-on-caution-hover: #ffffff14 !default;
550
- $theme-light-on-caution-press: #ffffff1f !default;
551
- $theme-light-on-caution-focus: #ffffff1f !default;
552
- $theme-light-on-caution-drag: #ffffff29 !default;
553
- $theme-light-on-caution-container-hover: #180e0014 !default;
554
- $theme-light-on-caution-container-press: #180e001f !default;
555
- $theme-light-on-caution-container-focus: #180e001f !default;
556
- $theme-light-on-caution-container-color: #180e0029 !default;
557
- $theme-light-emphasis-hover: #b1014214 !default;
558
- $theme-light-emphasis-press: #b101421f !default;
559
- $theme-light-emphasis-focus: #b101421f !default;
560
- $theme-light-emphasis-color: #b1014229 !default;
561
- $theme-light-on-emphasis-hover: #ffffff14 !default;
562
- $theme-light-on-emphasis-press: #ffffff1f !default;
563
- $theme-light-on-emphasis-focus: #ffffff1f !default;
564
- $theme-light-on-emphasis-drag: #ffffff29 !default;
565
- $theme-light-on-emphasis-container-hover: #12000714 !default;
566
- $theme-light-on-emphasis-container-press: #1200071f !default;
567
- $theme-light-on-emphasis-container-focus: #1200071f !default;
568
- $theme-light-on-emphasis-container-drag: #180e0029 !default;
569
- $theme-light-secondary-hover: #61637814 !default;
570
- $theme-light-secondary-press: #6163781f !default;
571
- $theme-light-secondary-focus: #6163781f !default;
572
- $theme-light-secondary-drag: #61637829 !default;
573
- $theme-light-on-secondary-hover: #61637814 !default;
574
- $theme-light-on-secondary-press: #6163781f !default;
575
- $theme-light-on-secondary-focus: #6163781f !default;
576
- $theme-light-on-secondary-drag: #61637829 !default;
577
- $theme-light-on-secondary-container-hover: #171a2c14 !default;
578
- $theme-light-on-secondary-container-press: #171a2c1f !default;
579
- $theme-light-on-secondary-container-focus: #171a2c1f !default;
580
- $theme-light-on-secondary-container-drag: #171a2c29 !default;
581
- $theme-light-on-surface-hover: #1e1d1e14 !default;
582
- $theme-light-on-surface-press: #1e1d1e1f !default;
583
- $theme-light-on-surface-focus: #1e1d1e1f !default;
584
- $theme-light-on-surface-drag: #1e1d1e29 !default;
585
- $theme-light-on-surface-variant-hover: #5c5b5f14 !default;
586
- $theme-light-on-surface-variant-press: #5c5b5f1f !default;
587
- $theme-light-on-surface-variant-focus: #5c5b5f1f !default;
588
- $theme-light-on-surface-variant-drag: #5c5b5f29 !default;
589
- $theme-light-inverse-on-surface-hover: #f6f3f614 !default;
590
- $theme-light-inverse-on-surface-press: #f6f3f61f !default;
591
- $theme-light-inverse-on-surface-focus: #f6f3f61f !default;
592
- $theme-light-inverse-on-surface-drag: #f6f3f61f !default;
593
- $theme-light-on-negative-container-hover: #11020114 !default;
594
- $theme-light-on-negative-container-press: #1102011f !default;
595
- $theme-light-on-negative-container-focus: #1102011f !default;
596
- $theme-light-on-negative-container-drag: #11020129 !default;
597
- $theme-light-states-primary-hover: #3053f414 !default;
598
- $theme-light-states-primary-focus: #3053f41f !default;
599
- $theme-light-states-primary-press: #3053f41f !default;
600
- $theme-light-states-primary-drag: #3053f429 !default;
601
- $theme-light-states-on-primary-hover: #ffffff14 !default;
602
- $theme-light-states-on-primary-focus: #ffffff1f !default;
603
- $theme-light-states-on-primary-press: #ffffff1f !default;
604
- $theme-light-states-on-primary-drag: #ffffff29 !default;
605
- $theme-light-states-on-primary-container-hover: #00115a14 !default;
606
- $theme-light-states-on-primary-container-focus: #00115a1f !default;
607
- $theme-light-states-on-primary-container-press: #00115a1f !default;
608
- $theme-light-states-on-primary-container-drag: #00115a29 !default;
609
- $theme-light-states-inverse-primary-hover: #bac3ff14 !default;
610
- $theme-light-states-inverse-primary-focus: #bac3ff1f !default;
611
- $theme-light-states-inverse-primary-press: #bac3ff1f !default;
612
- $theme-light-states-inverse-primary-drag: #bac3ff29 !default;
613
- $theme-light-states-tertiary-hover: #ff5f0214 !default;
614
- $theme-light-states-tertiary-press: #ff5f021f !default;
615
- $theme-light-states-tertiary-focus: #ff5f021f !default;
616
- $theme-light-states-tertiary-drag: #ff5f0229 !default;
617
- $theme-light-states-on-tertiary-hover: #ffffff14 !default;
618
- $theme-light-states-on-tertiary-press: #ffffff1f !default;
619
- $theme-light-states-on-tertiary-focus: #ffffff1f !default;
620
- $theme-light-states-on-tertiary-drag: #ffffff29 !default;
621
- $theme-light-states-on-tertiary-container-hover: #48130014 !default;
622
- $theme-light-states-on-tertiary-container-press: #4813001f !default;
623
- $theme-light-states-on-tertiary-container-focus: #4813001f !default;
624
- $theme-light-states-on-tertiary-container-drag: #48130029 !default;
625
- $theme-light-states-negative-hover: #ae120914 !default;
626
- $theme-light-states-negative-press: #ae12091f !default;
627
- $theme-light-states-negative-focus: #ae12091f !default;
628
- $theme-light-states-negative-drag: #ae120929 !default;
629
- $theme-light-states-on-negative-hover: #ffffff14 !default;
630
- $theme-light-states-on-negative-press: #ffffff1f !default;
631
- $theme-light-states-on-negative-focus: #ffffff1f !default;
632
- $theme-light-states-on-negative-drag: #ffffff29 !default;
633
- $theme-light-states-positive-hover: #03660014 !default;
634
- $theme-light-states-positive-press: #03660029 !default;
635
- $theme-light-states-positive-focus: #03660029 !default;
636
- $theme-light-states-positive-drag: #0366001f !default;
637
- $theme-light-states-on-positive-hover: #ffffff14 !default;
638
- $theme-light-states-on-positive-press: #ffffff1f !default;
639
- $theme-light-states-on-positive-focus: #ffffff1f !default;
640
- $theme-light-states-on-positive-drag: #ffffff29 !default;
641
- $theme-light-states-on-positive-container-hover: #000a0014 !default;
642
- $theme-light-states-on-positive-container-focus: #000a001f !default;
643
- $theme-light-states-on-positive-container-press: #000a001f !default;
644
- $theme-light-states-on-positive-container-drag: #000a0029 !default;
645
- $theme-light-states-caution-hover: #f3880014 !default;
646
- $theme-light-states-caution-press: #f388001f !default;
647
- $theme-light-states-caution-focus: #f388001f !default;
648
- $theme-light-states-caution-drag: #f3880029 !default;
649
- $theme-light-states-on-caution-hover: #ffffff14 !default;
650
- $theme-light-states-on-caution-press: #ffffff1f !default;
651
- $theme-light-states-on-caution-focus: #ffffff1f !default;
652
- $theme-light-states-on-caution-drag: #ffffff29 !default;
653
- $theme-light-states-on-caution-container-hover: #180e0014 !default;
654
- $theme-light-states-on-caution-container-press: #180e0014 !default;
655
- $theme-light-states-on-caution-container-focus: #180e001f !default;
656
- $theme-light-states-on-caution-container-drag: #180e0029 !default;
657
- $theme-light-states-emphasis-hover: #b1014214 !default;
658
- $theme-light-states-emphasis-press: #b101421f !default;
659
- $theme-light-states-emphasis-focus: #b101421f !default;
660
- $theme-light-states-emphasis-drag: #b1014229 !default;
661
- $theme-light-states-on-emphasis-hover: #ffffff14 !default;
662
- $theme-light-states-on-emphasis-press: #ffffff1f !default;
663
- $theme-light-states-on-emphasis-focus: #ffffff1f !default;
664
- $theme-light-states-on-emphasis-drag: #ffffff29 !default;
665
- $theme-light-states-on-emphasis-container-hover: #12000714 !default;
666
- $theme-light-states-on-emphasis-container-press: #1200071f !default;
667
- $theme-light-states-on-emphasis-container-focus: #1200071f !default;
668
- $theme-light-states-on-emphasis-container-drag: #180e0029 !default;
669
- $theme-light-states-secondary-hover: #61637814 !default;
670
- $theme-light-states-secondary-press: #6163781f !default;
671
- $theme-light-states-secondary-focus: #6163781f !default;
672
- $theme-light-states-secondary-drag: #61637829 !default;
673
- $theme-light-states-on-secondary-hover: #ffffff14 !default;
674
- $theme-light-states-on-secondary-press: #ffffff1f !default;
675
- $theme-light-states-on-secondary-focus: #ffffff1f !default;
676
- $theme-light-states-on-secondary-drag: #ffffff29 !default;
677
- $theme-light-states-on-secondary-container-hover: #171a2c14 !default;
678
- $theme-light-states-on-secondary-container-press: #171a2c1f !default;
679
- $theme-light-states-on-secondary-container-focus: #171a2c1f !default;
680
- $theme-light-states-on-secondary-container-drag: #171a2c29 !default;
681
- $theme-light-states-on-surface-hover: #1e1d1e14 !default;
682
- $theme-light-states-on-surface-press: #1e1d1e1f !default;
683
- $theme-light-states-on-surface-focus: #1e1d1e1f !default;
684
- $theme-light-states-on-surface-drag: #1e1d1e29 !default;
685
- $theme-light-states-on-surface-variant-hover: #5c5b5f14 !default;
686
- $theme-light-states-on-surface-variant-press: #5c5b5f1f !default;
687
- $theme-light-states-on-surface-variant-focus: #5c5b5f1f !default;
688
- $theme-light-states-on-surface-variant-drag: #5c5b5f29 !default;
689
- $theme-light-states-inverse-on-surface-hover: #f6f3f614 !default;
690
- $theme-light-states-inverse-on-surface-press: #f6f3f61f !default;
691
- $theme-light-states-inverse-on-surface-focus: #f6f3f61f !default;
692
- $theme-light-states-inverse-on-surface-drag: #f6f3f61f !default;
693
- $theme-light-states-on-negative-container-hover: #11020114 !default;
694
- $theme-light-states-on-negative-container-press: #1102011f !default;
695
- $theme-light-states-on-negative-container-focus: #1102011f !default;
696
- $theme-light-states-on-negative-container-drag: #11020129 !default;
485
+ $theme-light-colors-on-surface-4: #1e1d1e0a !default;
486
+ $theme-light-colors-on-surface-variant-4: #5c5b5f0a !default;
487
+ $theme-light-colors-inverse-on-surface-4: #f6f3f60a !default;
488
+ $theme-light-colors-primary-4: #3053f40a !default;
489
+ $theme-light-colors-on-primary-4: #ffffff0a !default;
490
+ $theme-light-colors-on-primary-container-4: #00115a0a !default;
491
+ $theme-light-colors-inverse-primary-4: #bac3ff0a !default;
492
+ $theme-light-colors-secondary-4: #6163780a !default;
493
+ $theme-light-colors-on-secondary-4: #ffffff0a !default;
494
+ $theme-light-colors-on-secondary-container-4: #171a2c0a !default;
495
+ $theme-light-colors-inverse-secondary-4: #c3c5dd0a !default;
496
+ $theme-light-colors-tertiary-4: #ff5f020a !default;
497
+ $theme-light-colors-on-tertiary-4: #ffffff0a !default;
498
+ $theme-light-colors-on-tertiary-container-4: #4813000a !default;
499
+ $theme-light-colors-inverse-tertiary-4: #ff5f020a !default;
500
+ $theme-light-colors-negative-4: #ae12090a !default;
501
+ $theme-light-colors-on-negative-4: #ffffff0a !default;
502
+ $theme-light-colors-on-negative-container-4: #1102010a !default;
503
+ $theme-light-colors-positive-4: #0366000a !default;
504
+ $theme-light-colors-on-positive-4: #ffffff0a !default;
505
+ $theme-light-colors-on-positive-container-4: #000a000a !default;
506
+ $theme-light-colors-caution-4: #f388000a !default;
507
+ $theme-light-colors-on-caution-4: #ffffff0a !default;
508
+ $theme-light-colors-on-caution-container-4: #180e000a !default;
509
+ $theme-light-colors-emphasis-4: #b101420a !default;
510
+ $theme-light-colors-on-emphasis-4-4: #ffffff0a !default;
511
+ $theme-light-colors-on-emphasis-container-4: #1200070a !default;
512
+ $theme-light-colors-on-surface-20: #1e1d1e33 !default;
513
+ $theme-light-colors-primary-20: #3053f433 !default;
514
+ $theme-light-colors-negative-20: #ae120933 !default;
515
+ $theme-light-colors-positive-20: #03660033 !default;
516
+ $theme-light-colors-caution-20: #f3880033 !default;
517
+ $theme-light-colors-emphasis-20: #b1014233 !default;
518
+ $theme-light-colors-primary-24: #3053f43d !default;
519
+ $theme-light-colors-negative-24: #ae12093d !default;
520
+ $theme-light-colors-positive-24: #0366003d !default;
521
+ $theme-light-colors-caution-24: #f388003d !default;
522
+ $theme-light-colors-emphasis-24: #b101423d !default;
523
+ $theme-light-colors-background: #fdf9fcff !default;
524
+ $theme-light-colors-surface-variant-8: #fdf9fc14 !default;
525
+ $theme-light-colors-surface-variant-12: #fdf9fc1f !default;
526
+ $theme-light-colors-surface-variant-16: #fdf9fc29 !default;
697
527
  $theme-dark-palettes-digital-blue-100: #ffffffff !default;
698
528
  $theme-dark-palettes-digital-blue-98: #efefffff !default;
699
529
  $theme-dark-palettes-digital-blue-95: #dde1ffff !default;
@@ -852,7 +682,7 @@ $theme-dark-colors-on-primary: #111a28ff !default;
852
682
  $theme-dark-colors-secondary: #c3c5ddff !default;
853
683
  $theme-dark-colors-secondary-container: #434659ff !default;
854
684
  $theme-dark-colors-on-secondary: #171a2cff !default;
855
- $theme-dark-colors-on-secondary-container: #5b5d72ff !default;
685
+ $theme-dark-colors-on-secondary-container: #dfe1f9ff !default;
856
686
  $theme-dark-colors-tertiary: #ff5f02ff !default;
857
687
  $theme-dark-colors-tertiary-container: #c25d33ff !default;
858
688
  $theme-dark-colors-on-tertiary: #612e1aff !default;
@@ -860,11 +690,11 @@ $theme-dark-colors-on-tertiary-container: #fef1ecff !default;
860
690
  $theme-dark-colors-surface: #161616ff !default;
861
691
  $theme-dark-colors-surface-dim: #0e0e0eff !default;
862
692
  $theme-dark-colors-surface-bright: #4a4a4dff !default;
863
- $theme-dark-colors-surface-container-lowest: #000000ff !default;
864
- $theme-dark-colors-surface-container-low: #1e1d1eff !default;
865
- $theme-dark-colors-surface-container: #252426ff !default;
866
- $theme-dark-colors-surface-container-high: #2c2b2dff !default;
867
- $theme-dark-colors-surface-container-highest: #323134ff !default;
693
+ $theme-dark-colors-surface-container-lowest: #1e1d1eff !default;
694
+ $theme-dark-colors-surface-container-low: #252426ff !default;
695
+ $theme-dark-colors-surface-container: #2c2b2dff !default;
696
+ $theme-dark-colors-surface-container-high: #323134ff !default;
697
+ $theme-dark-colors-surface-container-highest: #38383bff !default;
868
698
  $theme-dark-colors-on-surface: #ebe8ecff !default;
869
699
  $theme-dark-colors-on-surface-variant: #ebe8ecff !default;
870
700
  $theme-dark-colors-inverse-surface: #ebe8ecff !default;
@@ -912,7 +742,7 @@ $theme-dark-colors-on-secondary-container-16: #61637829 !default;
912
742
  $theme-dark-colors-outline-8: #8f8e9714 !default;
913
743
  $theme-dark-colors-outline-12: #8f8e971f !default;
914
744
  $theme-dark-colors-outline-16: #8f8e9729 !default;
915
- $theme-dark-colors-surface-variant: #5c5b5fff !default;
745
+ $theme-dark-colors-surface-variant: #000000ff !default;
916
746
  $theme-dark-colors-emphasis: #cc809cff !default;
917
747
  $theme-dark-colors-emphasis-container: #66404eff !default;
918
748
  $theme-dark-colors-on-emphasis: #191013ff !default;
@@ -944,7 +774,7 @@ $theme-dark-colors-on-positive-container-12: #91d8901f !default;
944
774
  $theme-dark-colors-on-positive-container-16: #91d89029 !default;
945
775
  $theme-dark-colors-caution-12: #ffb7751f !default;
946
776
  $theme-dark-colors-caution-8: #ffb77514 !default;
947
- $theme-dark-colors-on-caution-8: #66492f1f !default;
777
+ $theme-dark-colors-on-caution-8: #66492f14 !default;
948
778
  $theme-dark-colors-on-caution-12: #66492f1f !default;
949
779
  $theme-dark-colors-on-caution-16: #66492f29 !default;
950
780
  $theme-dark-colors-on-negative-8: #33191514 !default;
@@ -973,18 +803,6 @@ $theme-dark-colors-on-surface-74: #ebe8ecbd !default;
973
803
  $theme-dark-colors-tertiary-8: #ff5f0214 !default;
974
804
  $theme-dark-colors-tertiary-12: #ff5f021f !default;
975
805
  $theme-dark-colors-tertiary-16: #ff5f0229 !default;
976
- $theme-dark-colors-surface-container-lowest-blue: #ffffffff !default;
977
- $theme-dark-colors-surface-container-low-blue: #ffffffff !default;
978
- $theme-dark-colors-surface-container-high-blue: #ffffffff !default;
979
- $theme-dark-colors-surface-container-highest-blue: #ffffffff !default;
980
- $theme-dark-colors-surface-container-lowest-navy: #ffffffff !default;
981
- $theme-dark-colors-surface-container-low-navy: #ffffffff !default;
982
- $theme-dark-colors-surface-container-high-navy: #ffffffff !default;
983
- $theme-dark-colors-surface-container-highest-navy: #ffffffff !default;
984
- $theme-dark-colors-surface-blue: #ffffffff !default;
985
- $theme-dark-colors-surface-navy: #ffffffff !default;
986
- $theme-dark-colors-surface-container-blue: #ffffffff !default;
987
- $theme-dark-colors-surface-container-navy: #ffffffff !default;
988
806
  $theme-dark-colors-secondary-8: #c3c5dd14 !default;
989
807
  $theme-dark-colors-secondary-12: #c3c5dd1f !default;
990
808
  $theme-dark-colors-secondary-16: #c3c5dd29 !default;
@@ -1001,206 +819,48 @@ $theme-dark-colors-inverse-tertiary-16: #ff5f0229 !default;
1001
819
  $theme-dark-colors-on-negative-container-8: #ffac9f14 !default;
1002
820
  $theme-dark-colors-on-negative-container-12: #ffac9f1f !default;
1003
821
  $theme-dark-colors-on-negative-container-16: #ffac9f29 !default;
1004
- $theme-dark-primary-hover: #3053f414 !default;
1005
- $theme-dark-primary-focus: #3053f41f !default;
1006
- $theme-dark-primary-press: #3053f41f !default;
1007
- $theme-dark-primary-drag: #3053f429 !default;
1008
- $theme-dark-on-primary-hover: #ffffff14 !default;
1009
- $theme-dark-on-primary-focus: #ffffff1f !default;
1010
- $theme-dark-on-primary-press: #ffffff1f !default;
1011
- $theme-dark-on-primary-drag: #ffffff29 !default;
1012
- $theme-dark-on-primary-container-hover: #00115a14 !default;
1013
- $theme-dark-on-primary-container-focus: #00115a1f !default;
1014
- $theme-dark-on-primary-container-press: #00115a1f !default;
1015
- $theme-dark-on-primary-container-drag: #00115a29 !default;
1016
- $theme-dark-inverse-primary-hover: #bac3ff14 !default;
1017
- $theme-dark-inverse-primary-focus: #bac3ff1f !default;
1018
- $theme-dark-inverse-primary-press: #bac3ff1f !default;
1019
- $theme-dark-inverse-primary-drag: #bac3ff29 !default;
1020
- $theme-dark-tertiary-hover: #ff5f0214 !default;
1021
- $theme-dark-tertiary-press: #ff5f021f !default;
1022
- $theme-dark-tertiary-focus: #ff5f021f !default;
1023
- $theme-dark-tertiary-drag: #ff5f0229 !default;
1024
- $theme-dark-on-tertiary-hover: #ffffff14 !default;
1025
- $theme-dark-on-tertiary-press: #ffffff1f !default;
1026
- $theme-dark-on-tertiary-focus: #ffffff1f !default;
1027
- $theme-dark-on-tertiary-drag: #ffffff29 !default;
1028
- $theme-dark-on-tertiary-container-hover: #48130014 !default;
1029
- $theme-dark-on-tertiary-container-press: #4813001f !default;
1030
- $theme-dark-on-tertiary-container-focus: #4813001f !default;
1031
- $theme-dark-on-tertiary-container-drag: #48130029 !default;
1032
- $theme-dark-negative-hover: #ae120914 !default;
1033
- $theme-dark-negative-press: #ae12091f !default;
1034
- $theme-dark-negative-focus: #ae12091f !default;
1035
- $theme-dark-negative-drag: #ae120929 !default;
1036
- $theme-dark-on-negative-hover: #ffffff14 !default;
1037
- $theme-dark-on-negative-press: #ffffff1f !default;
1038
- $theme-dark-on-negative-focus: #ffffff1f !default;
1039
- $theme-dark-on-negative-drag: #ffffff29 !default;
1040
- $theme-dark-positive-hover: #03660014 !default;
1041
- $theme-dark-positive-press: #03660029 !default;
1042
- $theme-dark-positive-focus: #03660029 !default;
1043
- $theme-dark-positive-drag: #0366001f !default;
1044
- $theme-dark-on-positive-hover: #ffffff14 !default;
1045
- $theme-dark-on-positive-press: #ffffff1f !default;
1046
- $theme-dark-on-positive-focus: #ffffff1f !default;
1047
- $theme-dark-on-positive-drag: #ffffff29 !default;
1048
- $theme-dark-on-positive-container-hover: #000a0014 !default;
1049
- $theme-dark-on-positive-container-focus: #000a001f !default;
1050
- $theme-dark-on-positive-container-press: #000a001f !default;
1051
- $theme-dark-on-positive-container-drag: #000a0029 !default;
1052
- $theme-dark-caution-hover: #f3880014 !default;
1053
- $theme-dark-caution-press: #f388001f !default;
1054
- $theme-dark-caution-focus: #f388001f !default;
1055
- $theme-dark-caution-drag: #f3880029 !default;
1056
- $theme-dark-on-caution-hover: #ffffff14 !default;
1057
- $theme-dark-on-caution-press: #ffffff1f !default;
1058
- $theme-dark-on-caution-focus: #ffffff1f !default;
1059
- $theme-dark-on-caution-drag: #ffffff29 !default;
1060
- $theme-dark-on-caution-container-hover: #180e0014 !default;
1061
- $theme-dark-on-caution-container-press: #180e001f !default;
1062
- $theme-dark-on-caution-container-focus: #180e001f !default;
1063
- $theme-dark-on-caution-container-color: #180e0029 !default;
1064
- $theme-dark-emphasis-hover: #b1014214 !default;
1065
- $theme-dark-emphasis-press: #b101421f !default;
1066
- $theme-dark-emphasis-focus: #b101421f !default;
1067
- $theme-dark-emphasis-color: #b1014229 !default;
1068
- $theme-dark-on-emphasis-hover: #ffffff14 !default;
1069
- $theme-dark-on-emphasis-press: #ffffff1f !default;
1070
- $theme-dark-on-emphasis-focus: #ffffff1f !default;
1071
- $theme-dark-on-emphasis-drag: #ffffff29 !default;
1072
- $theme-dark-on-emphasis-container-hover: #12000714 !default;
1073
- $theme-dark-on-emphasis-container-press: #1200071f !default;
1074
- $theme-dark-on-emphasis-container-focus: #1200071f !default;
1075
- $theme-dark-on-emphasis-container-drag: #180e0029 !default;
1076
- $theme-dark-secondary-hover: #61637814 !default;
1077
- $theme-dark-secondary-press: #6163781f !default;
1078
- $theme-dark-secondary-focus: #6163781f !default;
1079
- $theme-dark-secondary-drag: #61637829 !default;
1080
- $theme-dark-on-secondary-hover: #61637814 !default;
1081
- $theme-dark-on-secondary-press: #6163781f !default;
1082
- $theme-dark-on-secondary-focus: #6163781f !default;
1083
- $theme-dark-on-secondary-drag: #61637829 !default;
1084
- $theme-dark-on-secondary-container-hover: #171a2c14 !default;
1085
- $theme-dark-on-secondary-container-press: #171a2c1f !default;
1086
- $theme-dark-on-secondary-container-focus: #171a2c1f !default;
1087
- $theme-dark-on-secondary-container-drag: #171a2c29 !default;
1088
- $theme-dark-on-surface-hover: #1e1d1e14 !default;
1089
- $theme-dark-on-surface-press: #1e1d1e1f !default;
1090
- $theme-dark-on-surface-focus: #1e1d1e1f !default;
1091
- $theme-dark-on-surface-drag: #1e1d1e29 !default;
1092
- $theme-dark-on-surface-variant-hover: #5c5b5f14 !default;
1093
- $theme-dark-on-surface-variant-press: #5c5b5f1f !default;
1094
- $theme-dark-on-surface-variant-focus: #5c5b5f1f !default;
1095
- $theme-dark-on-surface-variant-drag: #5c5b5f29 !default;
1096
- $theme-dark-inverse-on-surface-hover: #f6f3f614 !default;
1097
- $theme-dark-inverse-on-surface-press: #f6f3f61f !default;
1098
- $theme-dark-inverse-on-surface-focus: #f6f3f61f !default;
1099
- $theme-dark-inverse-on-surface-drag: #f6f3f61f !default;
1100
- $theme-dark-on-negative-container-hover: #11020114 !default;
1101
- $theme-dark-on-negative-container-press: #1102011f !default;
1102
- $theme-dark-on-negative-container-focus: #1102011f !default;
1103
- $theme-dark-on-negative-container-drag: #11020129 !default;
1104
- $theme-dark-states-primary-hover: #bac3ff14 !default;
1105
- $theme-dark-states-primary-focus: #bac3ff1f !default;
1106
- $theme-dark-states-primary-press: #bac3ff1f !default;
1107
- $theme-dark-states-primary-drag: #bac3ff29 !default;
1108
- $theme-dark-states-on-primary-hover: #111a2814 !default;
1109
- $theme-dark-states-on-primary-focus: #111a281f !default;
1110
- $theme-dark-states-on-primary-press: #111a281f !default;
1111
- $theme-dark-states-on-primary-drag: #111a2829 !default;
1112
- $theme-dark-states-on-primary-container-hover: #dde1ff14 !default;
1113
- $theme-dark-states-on-primary-container-focus: #dde1ff1f !default;
1114
- $theme-dark-states-on-primary-container-press: #dde1ff1f !default;
1115
- $theme-dark-states-on-primary-container-drag: #dde1ff29 !default;
1116
- $theme-dark-states-inverse-primary-hover: #3053f414 !default;
1117
- $theme-dark-states-inverse-primary-focus: #3053f41f !default;
1118
- $theme-dark-states-inverse-primary-press: #3053f41f !default;
1119
- $theme-dark-states-inverse-primary-drag: #3053f429 !default;
1120
- $theme-dark-states-tertiary-hover: #ff5f0214 !default;
1121
- $theme-dark-states-tertiary-press: #ff5f021f !default;
1122
- $theme-dark-states-tertiary-focus: #ff5f021f !default;
1123
- $theme-dark-states-tertiary-drag: #ff5f0229 !default;
1124
- $theme-dark-states-on-tertiary-hover: #612e1a14 !default;
1125
- $theme-dark-states-on-tertiary-press: #612e1a1f !default;
1126
- $theme-dark-states-on-tertiary-focus: #612e1a1f !default;
1127
- $theme-dark-states-on-tertiary-drag: #612e1a29 !default;
1128
- $theme-dark-states-on-tertiary-container-hover: #fef1ec14 !default;
1129
- $theme-dark-states-on-tertiary-container-press: #fef1ec1f !default;
1130
- $theme-dark-states-on-tertiary-container-focus: #fef1ec1f !default;
1131
- $theme-dark-states-on-tertiary-container-drag: #fef1ec29 !default;
1132
- $theme-dark-states-negative-hover: #fd7d6914 !default;
1133
- $theme-dark-states-negative-press: #fd7d691f !default;
1134
- $theme-dark-states-negative-focus: #fd7d691f !default;
1135
- $theme-dark-states-negative-drag: #fd7d6929 !default;
1136
- $theme-dark-states-on-negative-hover: #33191514 !default;
1137
- $theme-dark-states-on-negative-press: #3319151f !default;
1138
- $theme-dark-states-on-negative-focus: #3319151f !default;
1139
- $theme-dark-states-on-negative-drag: #33191529 !default;
1140
- $theme-dark-states-positive-hover: #91d89014 !default;
1141
- $theme-dark-states-positive-press: #91d89029 !default;
1142
- $theme-dark-states-positive-focus: #91d89029 !default;
1143
- $theme-dark-states-positive-drag: #91d8901f !default;
1144
- $theme-dark-states-on-positive-hover: #11261114 !default;
1145
- $theme-dark-states-on-positive-press: #1126111f !default;
1146
- $theme-dark-states-on-positive-focus: #1126111f !default;
1147
- $theme-dark-states-on-positive-drag: #11261129 !default;
1148
- $theme-dark-states-on-positive-container-hover: #91d89014 !default;
1149
- $theme-dark-states-on-positive-container-focus: #91d8901f !default;
1150
- $theme-dark-states-on-positive-container-press: #91d8901f !default;
1151
- $theme-dark-states-on-positive-container-drag: #91d89029 !default;
1152
- $theme-dark-states-caution-hover: #ffb77514 !default;
1153
- $theme-dark-states-caution-press: #ffb7751f !default;
1154
- $theme-dark-states-caution-focus: #ffb7751f !default;
1155
- $theme-dark-states-caution-drag: #ffb77529 !default;
1156
- $theme-dark-states-on-caution-hover: #66492f1f !default;
1157
- $theme-dark-states-on-caution-press: #66492f1f !default;
1158
- $theme-dark-states-on-caution-focus: #66492f1f !default;
1159
- $theme-dark-states-on-caution-drag: #66492f29 !default;
1160
- $theme-dark-states-on-caution-container-hover: #19120c14 !default;
1161
- $theme-dark-states-on-caution-container-press: #19120c1f !default;
1162
- $theme-dark-states-on-caution-container-focus: #19120c1f !default;
1163
- $theme-dark-states-on-caution-container-drag: #19120c29 !default;
1164
- $theme-dark-states-emphasis-hover: #cc809c14 !default;
1165
- $theme-dark-states-emphasis-press: #cc809c1f !default;
1166
- $theme-dark-states-emphasis-focus: #cc809c1f !default;
1167
- $theme-dark-states-emphasis-drag: #cc809c29 !default;
1168
- $theme-dark-states-on-emphasis-hover: #19101314 !default;
1169
- $theme-dark-states-on-emphasis-press: #1910131f !default;
1170
- $theme-dark-states-on-emphasis-focus: #1910131f !default;
1171
- $theme-dark-states-on-emphasis-drag: #19101329 !default;
1172
- $theme-dark-states-on-emphasis-container-hover: #ffd9e714 !default;
1173
- $theme-dark-states-on-emphasis-container-press: #ffd9e71f !default;
1174
- $theme-dark-states-on-emphasis-container-focus: #ffd9e71f !default;
1175
- $theme-dark-states-on-emphasis-container-drag: #ffd9e729 !default;
1176
- $theme-dark-states-secondary-hover: #c3c5dd14 !default;
1177
- $theme-dark-states-secondary-press: #c3c5dd1f !default;
1178
- $theme-dark-states-secondary-focus: #c3c5dd1f !default;
1179
- $theme-dark-states-secondary-drag: #c3c5dd29 !default;
1180
- $theme-dark-states-on-secondary-hover: #171a2c14 !default;
1181
- $theme-dark-states-on-secondary-press: #171a2c1f !default;
1182
- $theme-dark-states-on-secondary-focus: #171a2c1f !default;
1183
- $theme-dark-states-on-secondary-drag: #171a2c29 !default;
1184
- $theme-dark-states-on-secondary-container-hover: #5b5d7214 !default;
1185
- $theme-dark-states-on-secondary-container-press: #5b5d721f !default;
1186
- $theme-dark-states-on-secondary-container-focus: #5b5d721f !default;
1187
- $theme-dark-states-on-secondary-container-drag: #61637829 !default;
1188
- $theme-dark-states-on-surface-hover: #ebe8ec14 !default;
1189
- $theme-dark-states-on-surface-press: #ebe8ec1f !default;
1190
- $theme-dark-states-on-surface-focus: #ebe8ec1f !default;
1191
- $theme-dark-states-on-surface-drag: #ebe8ec29 !default;
1192
- $theme-dark-states-on-surface-variant-hover: #d5d3d814 !default;
1193
- $theme-dark-states-on-surface-variant-press: #d5d3d81f !default;
1194
- $theme-dark-states-on-surface-variant-focus: #d5d3d81f !default;
1195
- $theme-dark-states-on-surface-variant-drag: #d5d3d829 !default;
1196
- $theme-dark-states-inverse-on-surface-hover: #3e3e4114 !default;
1197
- $theme-dark-states-inverse-on-surface-press: #3e3e411f !default;
1198
- $theme-dark-states-inverse-on-surface-focus: #3e3e411f !default;
1199
- $theme-dark-states-inverse-on-surface-drag: #3e3e4129 !default;
1200
- $theme-dark-states-on-negative-container-hover: #ffac9f14 !default;
1201
- $theme-dark-states-on-negative-container-press: #ffac9f1f !default;
1202
- $theme-dark-states-on-negative-container-focus: #ffac9f1f !default;
1203
- $theme-dark-states-on-negative-container-drag: #ffac9f29 !default;
822
+ $theme-dark-colors-on-surface-4: #ebe8ec0a !default;
823
+ $theme-dark-colors-on-surface-variant-4: #d5d3d80a !default;
824
+ $theme-dark-colors-inverse-on-surface-4: #3e3e410a !default;
825
+ $theme-dark-colors-primary-4: #bac3ff0a !default;
826
+ $theme-dark-colors-on-primary-4: #111a280a !default;
827
+ $theme-dark-colors-on-primary-container-4: #dde1ff0a !default;
828
+ $theme-dark-colors-inverse-primary-4: #3053f40a !default;
829
+ $theme-dark-colors-secondary-4: #c3c5dd0a !default;
830
+ $theme-dark-colors-on-secondary-4: #171a2c0a !default;
831
+ $theme-dark-colors-on-secondary-container-4: #5b5d720a !default;
832
+ $theme-dark-colors-inverse-secondary-4: #6163780a !default;
833
+ $theme-dark-colors-tertiary-4: #ff5f020a !default;
834
+ $theme-dark-colors-on-tertiary-4: #612e1a0a !default;
835
+ $theme-dark-colors-on-tertiary-container-4: #fef1ec0a !default;
836
+ $theme-dark-colors-inverse-tertiary-4: #ff5f020a !default;
837
+ $theme-dark-colors-negative-4: #fd7d690a !default;
838
+ $theme-dark-colors-on-negative-4: #3319150a !default;
839
+ $theme-dark-colors-on-negative-container-4: #ffac9f0a !default;
840
+ $theme-dark-colors-positive-4: #91d8900a !default;
841
+ $theme-dark-colors-on-positive-4: #1126110a !default;
842
+ $theme-dark-colors-on-positive-container-4: #91d8900a !default;
843
+ $theme-dark-colors-caution-4: #ffb7750a !default;
844
+ $theme-dark-colors-on-caution-4: #66492f0a !default;
845
+ $theme-dark-colors-on-caution-container-4: #19120c0a !default;
846
+ $theme-dark-colors-emphasis-4: #cc809c0a !default;
847
+ $theme-dark-colors-on-emphasis-4-4: #1910130a !default;
848
+ $theme-dark-colors-on-emphasis-container-4: #ffd9e70a !default;
849
+ $theme-dark-colors-on-surface-20: #ebe8ec33 !default;
850
+ $theme-dark-colors-primary-20: #bac3ff33 !default;
851
+ $theme-dark-colors-negative-20: #fd7d6933 !default;
852
+ $theme-dark-colors-positive-20: #91d89033 !default;
853
+ $theme-dark-colors-caution-20: #ffb77533 !default;
854
+ $theme-dark-colors-emphasis-20: #cc809c33 !default;
855
+ $theme-dark-colors-primary-24: #bac3ff3d !default;
856
+ $theme-dark-colors-negative-24: #fd7d693d !default;
857
+ $theme-dark-colors-positive-24: #91d8903d !default;
858
+ $theme-dark-colors-caution-24: #ffb7753d !default;
859
+ $theme-dark-colors-emphasis-24: #cc809c3d !default;
860
+ $theme-dark-colors-background: #000000ff !default;
861
+ $theme-dark-colors-surface-variant-8: #00000014 !default;
862
+ $theme-dark-colors-surface-variant-12: #0000001f !default;
863
+ $theme-dark-colors-surface-variant-16: #00000029 !default;
1204
864
  $material-red-50: #ffebee !default;
1205
865
  $material-red-100: #ffcdd2 !default;
1206
866
  $material-red-200: #ef9a9a !default;
@@ -1979,18 +1639,6 @@ $tokens: (
1979
1639
  'tertiary-8%': $theme-light-colors-tertiary-8,
1980
1640
  'tertiary-12%': $theme-light-colors-tertiary-12,
1981
1641
  'tertiary-16%': $theme-light-colors-tertiary-16,
1982
- 'surface-container-lowest-blue': $theme-light-colors-surface-container-lowest-blue,
1983
- 'surface-container-low-blue': $theme-light-colors-surface-container-low-blue,
1984
- 'surface-container-high-blue': $theme-light-colors-surface-container-high-blue,
1985
- 'surface-container-highest-blue': $theme-light-colors-surface-container-highest-blue,
1986
- 'surface-container-lowest-navy': $theme-light-colors-surface-container-lowest-navy,
1987
- 'surface-container-low-navy': $theme-light-colors-surface-container-low-navy,
1988
- 'surface-container-high-navy': $theme-light-colors-surface-container-high-navy,
1989
- 'surface-container-highest-navy': $theme-light-colors-surface-container-highest-navy,
1990
- 'surface-blue': $theme-light-colors-surface-blue,
1991
- 'surface-navy': $theme-light-colors-surface-navy,
1992
- 'surface-container-blue': $theme-light-colors-surface-container-blue,
1993
- 'surface-container-navy': $theme-light-colors-surface-container-navy,
1994
1642
  'secondary-8%': $theme-light-colors-secondary-8,
1995
1643
  'secondary-12%': $theme-light-colors-secondary-12,
1996
1644
  'secondary-16%': $theme-light-colors-secondary-16,
@@ -2006,209 +1654,49 @@ $tokens: (
2006
1654
  'inverse-tertiary-16%': $theme-light-colors-inverse-tertiary-16,
2007
1655
  'on-negative-container-8%': $theme-light-colors-on-negative-container-8,
2008
1656
  'on-negative-container-12%': $theme-light-colors-on-negative-container-12,
2009
- 'on-negative-container-16%': $theme-light-colors-on-negative-container-16
2010
- ),
2011
- 'primary-hover': $theme-light-primary-hover,
2012
- 'primary-focus': $theme-light-primary-focus,
2013
- 'primary-press': $theme-light-primary-press,
2014
- 'primary-drag': $theme-light-primary-drag,
2015
- 'on-primary-hover': $theme-light-on-primary-hover,
2016
- 'on-primary-focus': $theme-light-on-primary-focus,
2017
- 'on-primary-press': $theme-light-on-primary-press,
2018
- 'on-primary-drag': $theme-light-on-primary-drag,
2019
- 'on-primary-container-hover': $theme-light-on-primary-container-hover,
2020
- 'on-primary-container-focus': $theme-light-on-primary-container-focus,
2021
- 'on-primary-container-press': $theme-light-on-primary-container-press,
2022
- 'on-primary-container-drag': $theme-light-on-primary-container-drag,
2023
- 'inverse-primary-hover': $theme-light-inverse-primary-hover,
2024
- 'inverse-primary-focus': $theme-light-inverse-primary-focus,
2025
- 'inverse-primary-press': $theme-light-inverse-primary-press,
2026
- 'inverse-primary-drag': $theme-light-inverse-primary-drag,
2027
- 'tertiary-hover': $theme-light-tertiary-hover,
2028
- 'tertiary-press': $theme-light-tertiary-press,
2029
- 'tertiary-focus': $theme-light-tertiary-focus,
2030
- 'tertiary-drag': $theme-light-tertiary-drag,
2031
- 'on-tertiary-hover': $theme-light-on-tertiary-hover,
2032
- 'on-tertiary-press': $theme-light-on-tertiary-press,
2033
- 'on-tertiary-focus': $theme-light-on-tertiary-focus,
2034
- 'on-tertiary-drag': $theme-light-on-tertiary-drag,
2035
- 'on-tertiary-container-hover': $theme-light-on-tertiary-container-hover,
2036
- 'on-tertiary-container-press': $theme-light-on-tertiary-container-press,
2037
- 'on-tertiary-container-focus': $theme-light-on-tertiary-container-focus,
2038
- 'on-tertiary-container-drag': $theme-light-on-tertiary-container-drag,
2039
- 'negative-hover': $theme-light-negative-hover,
2040
- 'negative-press': $theme-light-negative-press,
2041
- 'negative-focus': $theme-light-negative-focus,
2042
- 'negative-drag': $theme-light-negative-drag,
2043
- 'on-negative-hover': $theme-light-on-negative-hover,
2044
- 'on-negative-press': $theme-light-on-negative-press,
2045
- 'on-negative-focus': $theme-light-on-negative-focus,
2046
- 'on-negative-drag': $theme-light-on-negative-drag,
2047
- 'positive-hover': $theme-light-positive-hover,
2048
- 'positive-press': $theme-light-positive-press,
2049
- 'positive-focus': $theme-light-positive-focus,
2050
- 'positive-drag': $theme-light-positive-drag,
2051
- 'on-positive-hover': $theme-light-on-positive-hover,
2052
- 'on-positive-press': $theme-light-on-positive-press,
2053
- 'on-positive-focus': $theme-light-on-positive-focus,
2054
- 'on-positive-drag': $theme-light-on-positive-drag,
2055
- 'on-positive-container-hover': $theme-light-on-positive-container-hover,
2056
- 'on-positive-container-focus': $theme-light-on-positive-container-focus,
2057
- 'on-positive-container-press': $theme-light-on-positive-container-press,
2058
- 'on-positive-container-drag': $theme-light-on-positive-container-drag,
2059
- 'caution-hover': $theme-light-caution-hover,
2060
- 'caution-press': $theme-light-caution-press,
2061
- 'caution-focus': $theme-light-caution-focus,
2062
- 'caution-drag': $theme-light-caution-drag,
2063
- 'on-caution-hover': $theme-light-on-caution-hover,
2064
- 'on-caution-press': $theme-light-on-caution-press,
2065
- 'on-caution-focus': $theme-light-on-caution-focus,
2066
- 'on-caution-drag': $theme-light-on-caution-drag,
2067
- 'on-caution-container-hover': $theme-light-on-caution-container-hover,
2068
- 'on-caution-container-press': $theme-light-on-caution-container-press,
2069
- 'on-caution-container-focus': $theme-light-on-caution-container-focus,
2070
- 'on-caution-container color': $theme-light-on-caution-container-color,
2071
- 'emphasis-hover': $theme-light-emphasis-hover,
2072
- 'emphasis-press': $theme-light-emphasis-press,
2073
- 'emphasis-focus': $theme-light-emphasis-focus,
2074
- 'emphasis color': $theme-light-emphasis-color,
2075
- 'on-emphasis-hover': $theme-light-on-emphasis-hover,
2076
- 'on-emphasis-press': $theme-light-on-emphasis-press,
2077
- 'on-emphasis-focus': $theme-light-on-emphasis-focus,
2078
- 'on-emphasis-drag': $theme-light-on-emphasis-drag,
2079
- 'on-emphasis-container-hover': $theme-light-on-emphasis-container-hover,
2080
- 'on-emphasis-container-press': $theme-light-on-emphasis-container-press,
2081
- 'on-emphasis-container-focus': $theme-light-on-emphasis-container-focus,
2082
- 'on-emphasis-container-drag': $theme-light-on-emphasis-container-drag,
2083
- 'secondary-hover': $theme-light-secondary-hover,
2084
- 'secondary-press': $theme-light-secondary-press,
2085
- 'secondary-focus': $theme-light-secondary-focus,
2086
- 'secondary-drag': $theme-light-secondary-drag,
2087
- 'on-secondary-hover': $theme-light-on-secondary-hover,
2088
- 'on-secondary-press': $theme-light-on-secondary-press,
2089
- 'on-secondary-focus': $theme-light-on-secondary-focus,
2090
- 'on-secondary-drag': $theme-light-on-secondary-drag,
2091
- 'on-secondary-container-hover': $theme-light-on-secondary-container-hover,
2092
- 'on-secondary-container-press': $theme-light-on-secondary-container-press,
2093
- 'on-secondary-container-focus': $theme-light-on-secondary-container-focus,
2094
- 'on-secondary-container-drag': $theme-light-on-secondary-container-drag,
2095
- 'on-surface-hover': $theme-light-on-surface-hover,
2096
- 'on-surface-press': $theme-light-on-surface-press,
2097
- 'on-surface-focus': $theme-light-on-surface-focus,
2098
- 'on-surface-drag': $theme-light-on-surface-drag,
2099
- 'on-surface-variant-hover': $theme-light-on-surface-variant-hover,
2100
- 'on-surface-variant-press': $theme-light-on-surface-variant-press,
2101
- 'on-surface-variant-focus': $theme-light-on-surface-variant-focus,
2102
- 'on-surface-variant-drag': $theme-light-on-surface-variant-drag,
2103
- 'inverse-on-surface-hover': $theme-light-inverse-on-surface-hover,
2104
- 'inverse-on-surface-press': $theme-light-inverse-on-surface-press,
2105
- 'inverse-on-surface-focus': $theme-light-inverse-on-surface-focus,
2106
- 'inverse-on-surface-drag': $theme-light-inverse-on-surface-drag,
2107
- 'on-negative-container-hover': $theme-light-on-negative-container-hover,
2108
- 'on-negative-container-press': $theme-light-on-negative-container-press,
2109
- 'on-negative-container-focus': $theme-light-on-negative-container-focus,
2110
- 'on-negative-container-drag': $theme-light-on-negative-container-drag,
2111
- 'states': (
2112
- 'primary-hover': $theme-light-states-primary-hover,
2113
- 'primary-focus': $theme-light-states-primary-focus,
2114
- 'primary-press': $theme-light-states-primary-press,
2115
- 'primary-drag': $theme-light-states-primary-drag,
2116
- 'on-primary-hover': $theme-light-states-on-primary-hover,
2117
- 'on-primary-focus': $theme-light-states-on-primary-focus,
2118
- 'on-primary-press': $theme-light-states-on-primary-press,
2119
- 'on-primary-drag': $theme-light-states-on-primary-drag,
2120
- 'on-primary-container-hover': $theme-light-states-on-primary-container-hover,
2121
- 'on-primary-container-focus': $theme-light-states-on-primary-container-focus,
2122
- 'on-primary-container-press': $theme-light-states-on-primary-container-press,
2123
- 'on-primary-container-drag': $theme-light-states-on-primary-container-drag,
2124
- 'inverse-primary-hover': $theme-light-states-inverse-primary-hover,
2125
- 'inverse-primary-focus': $theme-light-states-inverse-primary-focus,
2126
- 'inverse-primary-press': $theme-light-states-inverse-primary-press,
2127
- 'inverse-primary-drag': $theme-light-states-inverse-primary-drag,
2128
- 'tertiary-hover': $theme-light-states-tertiary-hover,
2129
- 'tertiary-press': $theme-light-states-tertiary-press,
2130
- 'tertiary-focus': $theme-light-states-tertiary-focus,
2131
- 'tertiary-drag': $theme-light-states-tertiary-drag,
2132
- 'on-tertiary-hover': $theme-light-states-on-tertiary-hover,
2133
- 'on-tertiary-press': $theme-light-states-on-tertiary-press,
2134
- 'on-tertiary-focus': $theme-light-states-on-tertiary-focus,
2135
- 'on-tertiary-drag': $theme-light-states-on-tertiary-drag,
2136
- 'on-tertiary-container-hover': $theme-light-states-on-tertiary-container-hover,
2137
- 'on-tertiary-container-press': $theme-light-states-on-tertiary-container-press,
2138
- 'on-tertiary-container-focus': $theme-light-states-on-tertiary-container-focus,
2139
- 'on-tertiary-container-drag': $theme-light-states-on-tertiary-container-drag,
2140
- 'negative-hover': $theme-light-states-negative-hover,
2141
- 'negative-press': $theme-light-states-negative-press,
2142
- 'negative-focus': $theme-light-states-negative-focus,
2143
- 'negative-drag': $theme-light-states-negative-drag,
2144
- 'on-negative-hover': $theme-light-states-on-negative-hover,
2145
- 'on-negative-press': $theme-light-states-on-negative-press,
2146
- 'on-negative-focus': $theme-light-states-on-negative-focus,
2147
- 'on-negative-drag': $theme-light-states-on-negative-drag,
2148
- 'positive-hover': $theme-light-states-positive-hover,
2149
- 'positive-press': $theme-light-states-positive-press,
2150
- 'positive-focus': $theme-light-states-positive-focus,
2151
- 'positive-drag': $theme-light-states-positive-drag,
2152
- 'on-positive-hover': $theme-light-states-on-positive-hover,
2153
- 'on-positive-press': $theme-light-states-on-positive-press,
2154
- 'on-positive-focus': $theme-light-states-on-positive-focus,
2155
- 'on-positive-drag': $theme-light-states-on-positive-drag,
2156
- 'on-positive-container-hover': $theme-light-states-on-positive-container-hover,
2157
- 'on-positive-container-focus': $theme-light-states-on-positive-container-focus,
2158
- 'on-positive-container-press': $theme-light-states-on-positive-container-press,
2159
- 'on-positive-container-drag': $theme-light-states-on-positive-container-drag,
2160
- 'caution-hover': $theme-light-states-caution-hover,
2161
- 'caution-press': $theme-light-states-caution-press,
2162
- 'caution-focus': $theme-light-states-caution-focus,
2163
- 'caution-drag': $theme-light-states-caution-drag,
2164
- 'on-caution-hover': $theme-light-states-on-caution-hover,
2165
- 'on-caution-press': $theme-light-states-on-caution-press,
2166
- 'on-caution-focus': $theme-light-states-on-caution-focus,
2167
- 'on-caution-drag': $theme-light-states-on-caution-drag,
2168
- 'on-caution-container-hover': $theme-light-states-on-caution-container-hover,
2169
- 'on-caution-container-press': $theme-light-states-on-caution-container-press,
2170
- 'on-caution-container-focus': $theme-light-states-on-caution-container-focus,
2171
- 'on-caution-container-drag': $theme-light-states-on-caution-container-drag,
2172
- 'emphasis-hover': $theme-light-states-emphasis-hover,
2173
- 'emphasis-press': $theme-light-states-emphasis-press,
2174
- 'emphasis-focus': $theme-light-states-emphasis-focus,
2175
- 'emphasis-drag': $theme-light-states-emphasis-drag,
2176
- 'on-emphasis-hover': $theme-light-states-on-emphasis-hover,
2177
- 'on-emphasis-press': $theme-light-states-on-emphasis-press,
2178
- 'on-emphasis-focus': $theme-light-states-on-emphasis-focus,
2179
- 'on-emphasis-drag': $theme-light-states-on-emphasis-drag,
2180
- 'on-emphasis-container-hover': $theme-light-states-on-emphasis-container-hover,
2181
- 'on-emphasis-container-press': $theme-light-states-on-emphasis-container-press,
2182
- 'on-emphasis-container-focus': $theme-light-states-on-emphasis-container-focus,
2183
- 'on-emphasis-container-drag': $theme-light-states-on-emphasis-container-drag,
2184
- 'secondary-hover': $theme-light-states-secondary-hover,
2185
- 'secondary-press': $theme-light-states-secondary-press,
2186
- 'secondary-focus': $theme-light-states-secondary-focus,
2187
- 'secondary-drag': $theme-light-states-secondary-drag,
2188
- 'on-secondary-hover': $theme-light-states-on-secondary-hover,
2189
- 'on-secondary-press': $theme-light-states-on-secondary-press,
2190
- 'on-secondary-focus': $theme-light-states-on-secondary-focus,
2191
- 'on-secondary-drag': $theme-light-states-on-secondary-drag,
2192
- 'on-secondary-container-hover': $theme-light-states-on-secondary-container-hover,
2193
- 'on-secondary-container-press': $theme-light-states-on-secondary-container-press,
2194
- 'on-secondary-container-focus': $theme-light-states-on-secondary-container-focus,
2195
- 'on-secondary-container-drag': $theme-light-states-on-secondary-container-drag,
2196
- 'on-surface-hover': $theme-light-states-on-surface-hover,
2197
- 'on-surface-press': $theme-light-states-on-surface-press,
2198
- 'on-surface-focus': $theme-light-states-on-surface-focus,
2199
- 'on-surface-drag': $theme-light-states-on-surface-drag,
2200
- 'on-surface-variant-hover': $theme-light-states-on-surface-variant-hover,
2201
- 'on-surface-variant-press': $theme-light-states-on-surface-variant-press,
2202
- 'on-surface-variant-focus': $theme-light-states-on-surface-variant-focus,
2203
- 'on-surface-variant-drag': $theme-light-states-on-surface-variant-drag,
2204
- 'inverse-on-surface-hover': $theme-light-states-inverse-on-surface-hover,
2205
- 'inverse-on-surface-press': $theme-light-states-inverse-on-surface-press,
2206
- 'inverse-on-surface-focus': $theme-light-states-inverse-on-surface-focus,
2207
- 'inverse-on-surface-drag': $theme-light-states-inverse-on-surface-drag,
2208
- 'on-negative-container-hover': $theme-light-states-on-negative-container-hover,
2209
- 'on-negative-container-press': $theme-light-states-on-negative-container-press,
2210
- 'on-negative-container-focus': $theme-light-states-on-negative-container-focus,
2211
- 'on-negative-container-drag': $theme-light-states-on-negative-container-drag
1657
+ 'on-negative-container-16%': $theme-light-colors-on-negative-container-16,
1658
+ 'on-surface-4%': $theme-light-colors-on-surface-4,
1659
+ 'on-surface-variant-4%': $theme-light-colors-on-surface-variant-4,
1660
+ 'inverse-on-surface-4%': $theme-light-colors-inverse-on-surface-4,
1661
+ 'primary-4%': $theme-light-colors-primary-4,
1662
+ 'on-primary-4%': $theme-light-colors-on-primary-4,
1663
+ 'on-primary-container-4%': $theme-light-colors-on-primary-container-4,
1664
+ 'inverse-primary-4%': $theme-light-colors-inverse-primary-4,
1665
+ 'secondary-4%': $theme-light-colors-secondary-4,
1666
+ 'on-secondary-4%': $theme-light-colors-on-secondary-4,
1667
+ 'on-secondary-container-4%': $theme-light-colors-on-secondary-container-4,
1668
+ 'inverse-secondary-4%': $theme-light-colors-inverse-secondary-4,
1669
+ 'tertiary-4%': $theme-light-colors-tertiary-4,
1670
+ 'on-tertiary-4%': $theme-light-colors-on-tertiary-4,
1671
+ 'on-tertiary-container-4%': $theme-light-colors-on-tertiary-container-4,
1672
+ 'inverse-tertiary-4%': $theme-light-colors-inverse-tertiary-4,
1673
+ 'negative-4%': $theme-light-colors-negative-4,
1674
+ 'on-negative-4%': $theme-light-colors-on-negative-4,
1675
+ 'on-negative-container-4%': $theme-light-colors-on-negative-container-4,
1676
+ 'positive-4%': $theme-light-colors-positive-4,
1677
+ 'on-positive-4%': $theme-light-colors-on-positive-4,
1678
+ 'on-positive-container-4%': $theme-light-colors-on-positive-container-4,
1679
+ 'caution-4%': $theme-light-colors-caution-4,
1680
+ 'on-caution-4%': $theme-light-colors-on-caution-4,
1681
+ 'on-caution-container-4%': $theme-light-colors-on-caution-container-4,
1682
+ 'emphasis-4%': $theme-light-colors-emphasis-4,
1683
+ 'on-emphasis-4%4': $theme-light-colors-on-emphasis-4-4,
1684
+ 'on-emphasis-container-4%': $theme-light-colors-on-emphasis-container-4,
1685
+ 'on-surface-20%': $theme-light-colors-on-surface-20,
1686
+ 'primary-20%': $theme-light-colors-primary-20,
1687
+ 'negative-20%': $theme-light-colors-negative-20,
1688
+ 'positive-20%': $theme-light-colors-positive-20,
1689
+ 'caution-20%': $theme-light-colors-caution-20,
1690
+ 'emphasis-20%': $theme-light-colors-emphasis-20,
1691
+ 'primary-24%': $theme-light-colors-primary-24,
1692
+ 'negative-24%': $theme-light-colors-negative-24,
1693
+ 'positive-24%': $theme-light-colors-positive-24,
1694
+ 'caution-24%': $theme-light-colors-caution-24,
1695
+ 'emphasis-24%': $theme-light-colors-emphasis-24,
1696
+ 'background': $theme-light-colors-background,
1697
+ 'surface-variant-8%': $theme-light-colors-surface-variant-8,
1698
+ 'surface-variant-12%': $theme-light-colors-surface-variant-12,
1699
+ 'surface-variant-16%': $theme-light-colors-surface-variant-16
2212
1700
  )
2213
1701
  ),
2214
1702
  'dark': (
@@ -2494,18 +1982,6 @@ $tokens: (
2494
1982
  'tertiary-8%': $theme-dark-colors-tertiary-8,
2495
1983
  'tertiary-12%': $theme-dark-colors-tertiary-12,
2496
1984
  'tertiary-16%': $theme-dark-colors-tertiary-16,
2497
- 'surface-container-lowest-blue': $theme-dark-colors-surface-container-lowest-blue,
2498
- 'surface-container-low-blue': $theme-dark-colors-surface-container-low-blue,
2499
- 'surface-container-high-blue': $theme-dark-colors-surface-container-high-blue,
2500
- 'surface-container-highest-blue': $theme-dark-colors-surface-container-highest-blue,
2501
- 'surface-container-lowest-navy': $theme-dark-colors-surface-container-lowest-navy,
2502
- 'surface-container-low-navy': $theme-dark-colors-surface-container-low-navy,
2503
- 'surface-container-high-navy': $theme-dark-colors-surface-container-high-navy,
2504
- 'surface-container-highest-navy': $theme-dark-colors-surface-container-highest-navy,
2505
- 'surface-blue': $theme-dark-colors-surface-blue,
2506
- 'surface-navy': $theme-dark-colors-surface-navy,
2507
- 'surface-container-blue': $theme-dark-colors-surface-container-blue,
2508
- 'surface-container-navy': $theme-dark-colors-surface-container-navy,
2509
1985
  'secondary-8%': $theme-dark-colors-secondary-8,
2510
1986
  'secondary-12%': $theme-dark-colors-secondary-12,
2511
1987
  'secondary-16%': $theme-dark-colors-secondary-16,
@@ -2521,209 +1997,49 @@ $tokens: (
2521
1997
  'inverse-tertiary-16%': $theme-dark-colors-inverse-tertiary-16,
2522
1998
  'on-negative-container-8%': $theme-dark-colors-on-negative-container-8,
2523
1999
  'on-negative-container-12%': $theme-dark-colors-on-negative-container-12,
2524
- 'on-negative-container-16%': $theme-dark-colors-on-negative-container-16
2525
- ),
2526
- 'primary-hover': $theme-dark-primary-hover,
2527
- 'primary-focus': $theme-dark-primary-focus,
2528
- 'primary-press': $theme-dark-primary-press,
2529
- 'primary-drag': $theme-dark-primary-drag,
2530
- 'on-primary-hover': $theme-dark-on-primary-hover,
2531
- 'on-primary-focus': $theme-dark-on-primary-focus,
2532
- 'on-primary-press': $theme-dark-on-primary-press,
2533
- 'on-primary-drag': $theme-dark-on-primary-drag,
2534
- 'on-primary-container-hover': $theme-dark-on-primary-container-hover,
2535
- 'on-primary-container-focus': $theme-dark-on-primary-container-focus,
2536
- 'on-primary-container-press': $theme-dark-on-primary-container-press,
2537
- 'on-primary-container-drag': $theme-dark-on-primary-container-drag,
2538
- 'inverse-primary-hover': $theme-dark-inverse-primary-hover,
2539
- 'inverse-primary-focus': $theme-dark-inverse-primary-focus,
2540
- 'inverse-primary-press': $theme-dark-inverse-primary-press,
2541
- 'inverse-primary-drag': $theme-dark-inverse-primary-drag,
2542
- 'tertiary-hover': $theme-dark-tertiary-hover,
2543
- 'tertiary-press': $theme-dark-tertiary-press,
2544
- 'tertiary-focus': $theme-dark-tertiary-focus,
2545
- 'tertiary-drag': $theme-dark-tertiary-drag,
2546
- 'on-tertiary-hover': $theme-dark-on-tertiary-hover,
2547
- 'on-tertiary-press': $theme-dark-on-tertiary-press,
2548
- 'on-tertiary-focus': $theme-dark-on-tertiary-focus,
2549
- 'on-tertiary-drag': $theme-dark-on-tertiary-drag,
2550
- 'on-tertiary-container-hover': $theme-dark-on-tertiary-container-hover,
2551
- 'on-tertiary-container-press': $theme-dark-on-tertiary-container-press,
2552
- 'on-tertiary-container-focus': $theme-dark-on-tertiary-container-focus,
2553
- 'on-tertiary-container-drag': $theme-dark-on-tertiary-container-drag,
2554
- 'negative-hover': $theme-dark-negative-hover,
2555
- 'negative-press': $theme-dark-negative-press,
2556
- 'negative-focus': $theme-dark-negative-focus,
2557
- 'negative-drag': $theme-dark-negative-drag,
2558
- 'on-negative-hover': $theme-dark-on-negative-hover,
2559
- 'on-negative-press': $theme-dark-on-negative-press,
2560
- 'on-negative-focus': $theme-dark-on-negative-focus,
2561
- 'on-negative-drag': $theme-dark-on-negative-drag,
2562
- 'positive-hover': $theme-dark-positive-hover,
2563
- 'positive-press': $theme-dark-positive-press,
2564
- 'positive-focus': $theme-dark-positive-focus,
2565
- 'positive-drag': $theme-dark-positive-drag,
2566
- 'on-positive-hover': $theme-dark-on-positive-hover,
2567
- 'on-positive-press': $theme-dark-on-positive-press,
2568
- 'on-positive-focus': $theme-dark-on-positive-focus,
2569
- 'on-positive-drag': $theme-dark-on-positive-drag,
2570
- 'on-positive-container-hover': $theme-dark-on-positive-container-hover,
2571
- 'on-positive-container-focus': $theme-dark-on-positive-container-focus,
2572
- 'on-positive-container-press': $theme-dark-on-positive-container-press,
2573
- 'on-positive-container-drag': $theme-dark-on-positive-container-drag,
2574
- 'caution-hover': $theme-dark-caution-hover,
2575
- 'caution-press': $theme-dark-caution-press,
2576
- 'caution-focus': $theme-dark-caution-focus,
2577
- 'caution-drag': $theme-dark-caution-drag,
2578
- 'on-caution-hover': $theme-dark-on-caution-hover,
2579
- 'on-caution-press': $theme-dark-on-caution-press,
2580
- 'on-caution-focus': $theme-dark-on-caution-focus,
2581
- 'on-caution-drag': $theme-dark-on-caution-drag,
2582
- 'on-caution-container-hover': $theme-dark-on-caution-container-hover,
2583
- 'on-caution-container-press': $theme-dark-on-caution-container-press,
2584
- 'on-caution-container-focus': $theme-dark-on-caution-container-focus,
2585
- 'on-caution-container color': $theme-dark-on-caution-container-color,
2586
- 'emphasis-hover': $theme-dark-emphasis-hover,
2587
- 'emphasis-press': $theme-dark-emphasis-press,
2588
- 'emphasis-focus': $theme-dark-emphasis-focus,
2589
- 'emphasis color': $theme-dark-emphasis-color,
2590
- 'on-emphasis-hover': $theme-dark-on-emphasis-hover,
2591
- 'on-emphasis-press': $theme-dark-on-emphasis-press,
2592
- 'on-emphasis-focus': $theme-dark-on-emphasis-focus,
2593
- 'on-emphasis-drag': $theme-dark-on-emphasis-drag,
2594
- 'on-emphasis-container-hover': $theme-dark-on-emphasis-container-hover,
2595
- 'on-emphasis-container-press': $theme-dark-on-emphasis-container-press,
2596
- 'on-emphasis-container-focus': $theme-dark-on-emphasis-container-focus,
2597
- 'on-emphasis-container-drag': $theme-dark-on-emphasis-container-drag,
2598
- 'secondary-hover': $theme-dark-secondary-hover,
2599
- 'secondary-press': $theme-dark-secondary-press,
2600
- 'secondary-focus': $theme-dark-secondary-focus,
2601
- 'secondary-drag': $theme-dark-secondary-drag,
2602
- 'on-secondary-hover': $theme-dark-on-secondary-hover,
2603
- 'on-secondary-press': $theme-dark-on-secondary-press,
2604
- 'on-secondary-focus': $theme-dark-on-secondary-focus,
2605
- 'on-secondary-drag': $theme-dark-on-secondary-drag,
2606
- 'on-secondary-container-hover': $theme-dark-on-secondary-container-hover,
2607
- 'on-secondary-container-press': $theme-dark-on-secondary-container-press,
2608
- 'on-secondary-container-focus': $theme-dark-on-secondary-container-focus,
2609
- 'on-secondary-container-drag': $theme-dark-on-secondary-container-drag,
2610
- 'on-surface-hover': $theme-dark-on-surface-hover,
2611
- 'on-surface-press': $theme-dark-on-surface-press,
2612
- 'on-surface-focus': $theme-dark-on-surface-focus,
2613
- 'on-surface-drag': $theme-dark-on-surface-drag,
2614
- 'on-surface-variant-hover': $theme-dark-on-surface-variant-hover,
2615
- 'on-surface-variant-press': $theme-dark-on-surface-variant-press,
2616
- 'on-surface-variant-focus': $theme-dark-on-surface-variant-focus,
2617
- 'on-surface-variant-drag': $theme-dark-on-surface-variant-drag,
2618
- 'inverse-on-surface-hover': $theme-dark-inverse-on-surface-hover,
2619
- 'inverse-on-surface-press': $theme-dark-inverse-on-surface-press,
2620
- 'inverse-on-surface-focus': $theme-dark-inverse-on-surface-focus,
2621
- 'inverse-on-surface-drag': $theme-dark-inverse-on-surface-drag,
2622
- 'on-negative-container-hover': $theme-dark-on-negative-container-hover,
2623
- 'on-negative-container-press': $theme-dark-on-negative-container-press,
2624
- 'on-negative-container-focus': $theme-dark-on-negative-container-focus,
2625
- 'on-negative-container-drag': $theme-dark-on-negative-container-drag,
2626
- 'states': (
2627
- 'primary-hover': $theme-dark-states-primary-hover,
2628
- 'primary-focus': $theme-dark-states-primary-focus,
2629
- 'primary-press': $theme-dark-states-primary-press,
2630
- 'primary-drag': $theme-dark-states-primary-drag,
2631
- 'on-primary-hover': $theme-dark-states-on-primary-hover,
2632
- 'on-primary-focus': $theme-dark-states-on-primary-focus,
2633
- 'on-primary-press': $theme-dark-states-on-primary-press,
2634
- 'on-primary-drag': $theme-dark-states-on-primary-drag,
2635
- 'on-primary-container-hover': $theme-dark-states-on-primary-container-hover,
2636
- 'on-primary-container-focus': $theme-dark-states-on-primary-container-focus,
2637
- 'on-primary-container-press': $theme-dark-states-on-primary-container-press,
2638
- 'on-primary-container-drag': $theme-dark-states-on-primary-container-drag,
2639
- 'inverse-primary-hover': $theme-dark-states-inverse-primary-hover,
2640
- 'inverse-primary-focus': $theme-dark-states-inverse-primary-focus,
2641
- 'inverse-primary-press': $theme-dark-states-inverse-primary-press,
2642
- 'inverse-primary-drag': $theme-dark-states-inverse-primary-drag,
2643
- 'tertiary-hover': $theme-dark-states-tertiary-hover,
2644
- 'tertiary-press': $theme-dark-states-tertiary-press,
2645
- 'tertiary-focus': $theme-dark-states-tertiary-focus,
2646
- 'tertiary-drag': $theme-dark-states-tertiary-drag,
2647
- 'on-tertiary-hover': $theme-dark-states-on-tertiary-hover,
2648
- 'on-tertiary-press': $theme-dark-states-on-tertiary-press,
2649
- 'on-tertiary-focus': $theme-dark-states-on-tertiary-focus,
2650
- 'on-tertiary-drag': $theme-dark-states-on-tertiary-drag,
2651
- 'on-tertiary-container-hover': $theme-dark-states-on-tertiary-container-hover,
2652
- 'on-tertiary-container-press': $theme-dark-states-on-tertiary-container-press,
2653
- 'on-tertiary-container-focus': $theme-dark-states-on-tertiary-container-focus,
2654
- 'on-tertiary-container-drag': $theme-dark-states-on-tertiary-container-drag,
2655
- 'negative-hover': $theme-dark-states-negative-hover,
2656
- 'negative-press': $theme-dark-states-negative-press,
2657
- 'negative-focus': $theme-dark-states-negative-focus,
2658
- 'negative-drag': $theme-dark-states-negative-drag,
2659
- 'on-negative-hover': $theme-dark-states-on-negative-hover,
2660
- 'on-negative-press': $theme-dark-states-on-negative-press,
2661
- 'on-negative-focus': $theme-dark-states-on-negative-focus,
2662
- 'on-negative-drag': $theme-dark-states-on-negative-drag,
2663
- 'positive-hover': $theme-dark-states-positive-hover,
2664
- 'positive-press': $theme-dark-states-positive-press,
2665
- 'positive-focus': $theme-dark-states-positive-focus,
2666
- 'positive-drag': $theme-dark-states-positive-drag,
2667
- 'on-positive-hover': $theme-dark-states-on-positive-hover,
2668
- 'on-positive-press': $theme-dark-states-on-positive-press,
2669
- 'on-positive-focus': $theme-dark-states-on-positive-focus,
2670
- 'on-positive-drag': $theme-dark-states-on-positive-drag,
2671
- 'on-positive-container-hover': $theme-dark-states-on-positive-container-hover,
2672
- 'on-positive-container-focus': $theme-dark-states-on-positive-container-focus,
2673
- 'on-positive-container-press': $theme-dark-states-on-positive-container-press,
2674
- 'on-positive-container-drag': $theme-dark-states-on-positive-container-drag,
2675
- 'caution-hover': $theme-dark-states-caution-hover,
2676
- 'caution-press': $theme-dark-states-caution-press,
2677
- 'caution-focus': $theme-dark-states-caution-focus,
2678
- 'caution-drag': $theme-dark-states-caution-drag,
2679
- 'on-caution-hover': $theme-dark-states-on-caution-hover,
2680
- 'on-caution-press': $theme-dark-states-on-caution-press,
2681
- 'on-caution-focus': $theme-dark-states-on-caution-focus,
2682
- 'on-caution-drag': $theme-dark-states-on-caution-drag,
2683
- 'on-caution-container-hover': $theme-dark-states-on-caution-container-hover,
2684
- 'on-caution-container-press': $theme-dark-states-on-caution-container-press,
2685
- 'on-caution-container-focus': $theme-dark-states-on-caution-container-focus,
2686
- 'on-caution-container-drag': $theme-dark-states-on-caution-container-drag,
2687
- 'emphasis-hover': $theme-dark-states-emphasis-hover,
2688
- 'emphasis-press': $theme-dark-states-emphasis-press,
2689
- 'emphasis-focus': $theme-dark-states-emphasis-focus,
2690
- 'emphasis-drag': $theme-dark-states-emphasis-drag,
2691
- 'on-emphasis-hover': $theme-dark-states-on-emphasis-hover,
2692
- 'on-emphasis-press': $theme-dark-states-on-emphasis-press,
2693
- 'on-emphasis-focus': $theme-dark-states-on-emphasis-focus,
2694
- 'on-emphasis-drag': $theme-dark-states-on-emphasis-drag,
2695
- 'on-emphasis-container-hover': $theme-dark-states-on-emphasis-container-hover,
2696
- 'on-emphasis-container-press': $theme-dark-states-on-emphasis-container-press,
2697
- 'on-emphasis-container-focus': $theme-dark-states-on-emphasis-container-focus,
2698
- 'on-emphasis-container-drag': $theme-dark-states-on-emphasis-container-drag,
2699
- 'secondary-hover': $theme-dark-states-secondary-hover,
2700
- 'secondary-press': $theme-dark-states-secondary-press,
2701
- 'secondary-focus': $theme-dark-states-secondary-focus,
2702
- 'secondary-drag': $theme-dark-states-secondary-drag,
2703
- 'on-secondary-hover': $theme-dark-states-on-secondary-hover,
2704
- 'on-secondary-press': $theme-dark-states-on-secondary-press,
2705
- 'on-secondary-focus': $theme-dark-states-on-secondary-focus,
2706
- 'on-secondary-drag': $theme-dark-states-on-secondary-drag,
2707
- 'on-secondary-container-hover': $theme-dark-states-on-secondary-container-hover,
2708
- 'on-secondary-container-press': $theme-dark-states-on-secondary-container-press,
2709
- 'on-secondary-container-focus': $theme-dark-states-on-secondary-container-focus,
2710
- 'on-secondary-container-drag': $theme-dark-states-on-secondary-container-drag,
2711
- 'on-surface-hover': $theme-dark-states-on-surface-hover,
2712
- 'on-surface-press': $theme-dark-states-on-surface-press,
2713
- 'on-surface-focus': $theme-dark-states-on-surface-focus,
2714
- 'on-surface-drag': $theme-dark-states-on-surface-drag,
2715
- 'on-surface-variant-hover': $theme-dark-states-on-surface-variant-hover,
2716
- 'on-surface-variant-press': $theme-dark-states-on-surface-variant-press,
2717
- 'on-surface-variant-focus': $theme-dark-states-on-surface-variant-focus,
2718
- 'on-surface-variant-drag': $theme-dark-states-on-surface-variant-drag,
2719
- 'inverse-on-surface-hover': $theme-dark-states-inverse-on-surface-hover,
2720
- 'inverse-on-surface-press': $theme-dark-states-inverse-on-surface-press,
2721
- 'inverse-on-surface-focus': $theme-dark-states-inverse-on-surface-focus,
2722
- 'inverse-on-surface-drag': $theme-dark-states-inverse-on-surface-drag,
2723
- 'on-negative-container-hover': $theme-dark-states-on-negative-container-hover,
2724
- 'on-negative-container-press': $theme-dark-states-on-negative-container-press,
2725
- 'on-negative-container-focus': $theme-dark-states-on-negative-container-focus,
2726
- 'on-negative-container-drag': $theme-dark-states-on-negative-container-drag
2000
+ 'on-negative-container-16%': $theme-dark-colors-on-negative-container-16,
2001
+ 'on-surface-4%': $theme-dark-colors-on-surface-4,
2002
+ 'on-surface-variant-4%': $theme-dark-colors-on-surface-variant-4,
2003
+ 'inverse-on-surface-4%': $theme-dark-colors-inverse-on-surface-4,
2004
+ 'primary-4%': $theme-dark-colors-primary-4,
2005
+ 'on-primary-4%': $theme-dark-colors-on-primary-4,
2006
+ 'on-primary-container-4%': $theme-dark-colors-on-primary-container-4,
2007
+ 'inverse-primary-4%': $theme-dark-colors-inverse-primary-4,
2008
+ 'secondary-4%': $theme-dark-colors-secondary-4,
2009
+ 'on-secondary-4%': $theme-dark-colors-on-secondary-4,
2010
+ 'on-secondary-container-4%': $theme-dark-colors-on-secondary-container-4,
2011
+ 'inverse-secondary-4%': $theme-dark-colors-inverse-secondary-4,
2012
+ 'tertiary-4%': $theme-dark-colors-tertiary-4,
2013
+ 'on-tertiary-4%': $theme-dark-colors-on-tertiary-4,
2014
+ 'on-tertiary-container-4%': $theme-dark-colors-on-tertiary-container-4,
2015
+ 'inverse-tertiary-4%': $theme-dark-colors-inverse-tertiary-4,
2016
+ 'negative-4%': $theme-dark-colors-negative-4,
2017
+ 'on-negative-4%': $theme-dark-colors-on-negative-4,
2018
+ 'on-negative-container-4%': $theme-dark-colors-on-negative-container-4,
2019
+ 'positive-4%': $theme-dark-colors-positive-4,
2020
+ 'on-positive-4%': $theme-dark-colors-on-positive-4,
2021
+ 'on-positive-container-4%': $theme-dark-colors-on-positive-container-4,
2022
+ 'caution-4%': $theme-dark-colors-caution-4,
2023
+ 'on-caution-4%': $theme-dark-colors-on-caution-4,
2024
+ 'on-caution-container-4%': $theme-dark-colors-on-caution-container-4,
2025
+ 'emphasis-4%': $theme-dark-colors-emphasis-4,
2026
+ 'on-emphasis-4%4': $theme-dark-colors-on-emphasis-4-4,
2027
+ 'on-emphasis-container-4%': $theme-dark-colors-on-emphasis-container-4,
2028
+ 'on-surface-20%': $theme-dark-colors-on-surface-20,
2029
+ 'primary-20%': $theme-dark-colors-primary-20,
2030
+ 'negative-20%': $theme-dark-colors-negative-20,
2031
+ 'positive-20%': $theme-dark-colors-positive-20,
2032
+ 'caution-20%': $theme-dark-colors-caution-20,
2033
+ 'emphasis-20%': $theme-dark-colors-emphasis-20,
2034
+ 'primary-24%': $theme-dark-colors-primary-24,
2035
+ 'negative-24%': $theme-dark-colors-negative-24,
2036
+ 'positive-24%': $theme-dark-colors-positive-24,
2037
+ 'caution-24%': $theme-dark-colors-caution-24,
2038
+ 'emphasis-24%': $theme-dark-colors-emphasis-24,
2039
+ 'background': $theme-dark-colors-background,
2040
+ 'surface-variant-8%': $theme-dark-colors-surface-variant-8,
2041
+ 'surface-variant-12%': $theme-dark-colors-surface-variant-12,
2042
+ 'surface-variant-16%': $theme-dark-colors-surface-variant-16
2727
2043
  )
2728
2044
  )
2729
2045
  ),