@covalent/tokens 11.10.0 → 11.12.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/_index.scss +152 -78
  2. package/index.css +101 -64
  3. package/index.d.ts +50 -13
  4. package/index.js +101 -64
  5. package/index.json +1557 -558
  6. package/package.json +1 -1
package/_index.scss CHANGED
@@ -29,10 +29,10 @@ $light-accent: #3053f4 !default;
29
29
  $light-background: #f8f9fb !default;
30
30
  $light-surface: #f8f9fb !default;
31
31
  $light-surface-canvas: #ffffff !default;
32
- $light-surface-primary: #2044e3 !default;
32
+ $light-surface-primary: #ececfe !default;
33
33
  $light-surface-primary-highlight: rgba(48, 83, 244, 0.08) !default;
34
34
  $light-surface-primary-highlight-hover: rgba(48, 83, 244, 0.08) !default;
35
- $light-surface-accent: #2044e3 !default;
35
+ $light-surface-accent: #ececfe !default;
36
36
  $light-surface-accent-highlight: rgba(48, 83, 244, 0.08) !default;
37
37
  $light-surface-accent-highlight-hover: rgba(48, 83, 244, 0.12) !default;
38
38
  $light-surface-secondary: #deeafa !default;
@@ -95,13 +95,13 @@ $dark-accent: #688bf1 !default;
95
95
  $dark-background: #030406 !default;
96
96
  $dark-surface: #182032 !default;
97
97
  $dark-surface-canvas: #1e273c !default;
98
- $dark-surface-primary: #1a274e !default;
98
+ $dark-surface-primary: #1d2c43 !default;
99
99
  $dark-surface-primary-highlight: rgba(186, 195, 255, 0.08) !default;
100
100
  $dark-surface-primary-highlight-hover: rgba(186, 195, 255, 0.08) !default;
101
- $dark-surface-accent: #1a274e !default;
101
+ $dark-surface-accent: #1d2c43 !default;
102
102
  $dark-surface-accent-highlight: rgba(186, 195, 255, 0.08) !default;
103
103
  $dark-surface-accent-highlight-hover: rgba(186, 195, 255, 0.08) !default;
104
- $dark-surface-secondary: #1a274e !default;
104
+ $dark-surface-secondary: #1d2c43 !default;
105
105
  $dark-surface-secondary-highlight: rgba(195, 197, 221, 0.08) !default;
106
106
  $dark-surface-secondary-highlight-hover: rgba(195, 197, 221, 0.08) !default;
107
107
  $dark-surface-positive: #435e3e !default;
@@ -135,9 +135,14 @@ $dark-text-secondary-on-dark: #d5d3d8 !default;
135
135
  $dark-text-hint-on-dark: #d5d3d8 !default;
136
136
  $dark-text-disabled-on-dark: rgba(235, 232, 236, 0.38) !default;
137
137
  $dark-text-icon-on-dark: #d5d3d8 !default;
138
- $theme-light-palettes-digital-blue-98: #fbf8ff !default;
139
138
  $theme-light-palettes-digital-blue-100: #ffffff !default;
139
+ $theme-light-palettes-digital-blue-99: #fefbff !default;
140
+ $theme-light-palettes-digital-blue-98: #fbf8ff !default;
140
141
  $theme-light-palettes-digital-blue-95: #f0efff !default;
142
+ $theme-light-palettes-digital-blue-94: #ececfe !default;
143
+ $theme-light-palettes-digital-blue-93: #e8e9fe !default;
144
+ $theme-light-palettes-digital-blue-92: #e5e5fe !default;
145
+ $theme-light-palettes-digital-blue-91: #e1e3fd !default;
141
146
  $theme-light-palettes-digital-blue-90: #dee0ff !default;
142
147
  $theme-light-palettes-digital-blue-80: #bac3ff !default;
143
148
  $theme-light-palettes-digital-blue-70: #96a5ff !default;
@@ -284,11 +289,6 @@ $theme-light-palettes-neutral-21: #41485b !default;
284
289
  $theme-light-palettes-neutral-22: #444b5f !default;
285
290
  $theme-light-palettes-neutral-23: #474e62 !default;
286
291
  $theme-light-palettes-neutral-24: #495166 !default;
287
- $theme-light-palettes-digital-blue-91: #e1e3fd !default;
288
- $theme-light-palettes-digital-blue-92: #e5e5fe !default;
289
- $theme-light-palettes-digital-blue-93: #e8e9fe !default;
290
- $theme-light-palettes-digital-blue-94: #ececfe !default;
291
- $theme-light-palettes-digital-blue-99: #fefbff !default;
292
292
  $theme-light-palettes-neutral-variant-100: #ffffff !default;
293
293
  $theme-light-palettes-neutral-variant-99: #fcfcff !default;
294
294
  $theme-light-palettes-neutral-variant-98: #f9f9fd !default;
@@ -316,8 +316,34 @@ $theme-light-palettes-neutral-variant-0: #000000 !default;
316
316
  $theme-light-palettes-neutral-1: #020305 !default;
317
317
  $theme-light-palettes-navy-13: #00233c !default;
318
318
  $theme-light-palettes-navy-98: #f8fafd !default;
319
+ $theme-light-palettes-navy-1: #000103 !default;
320
+ $theme-light-palettes-navy-2: #000206 !default;
321
+ $theme-light-palettes-navy-3: #00040d !default;
322
+ $theme-light-palettes-navy-4: #000712 !default;
323
+ $theme-light-palettes-navy-5: #000b19 !default;
324
+ $theme-light-palettes-navy-6: #000f1e !default;
325
+ $theme-light-palettes-navy-7: #001224 !default;
326
+ $theme-light-palettes-navy-8: #001628 !default;
327
+ $theme-light-palettes-navy-9: #00192d !default;
328
+ $theme-light-palettes-navy-11: #001d33 !default;
329
+ $theme-light-palettes-navy-12: #00233c !default;
330
+ $theme-light-palettes-navy-14: #01253e !default;
331
+ $theme-light-palettes-navy-15: #032740 !default;
332
+ $theme-light-palettes-navy-16: #062943 !default;
333
+ $theme-light-palettes-navy-17: #092b45 !default;
334
+ $theme-light-palettes-navy-18: #0d2d47 !default;
335
+ $theme-light-palettes-navy-19: #102f49 !default;
336
+ $theme-light-palettes-navy-21: #153552 !default;
337
+ $theme-light-palettes-navy-22: #173956 !default;
338
+ $theme-light-palettes-navy-23: #183c5a !default;
339
+ $theme-light-palettes-navy-24: #1a3f5f !default;
340
+ $theme-light-palettes-navy-25: #1c4363 !default;
341
+ $theme-light-palettes-navy-26: #1e4668 !default;
342
+ $theme-light-palettes-navy-27: #20496d !default;
343
+ $theme-light-palettes-navy-28: #224d72 !default;
344
+ $theme-light-palettes-navy-29: #245077 !default;
319
345
  $theme-light-colors-primary: #3053f4 !default;
320
- $theme-light-colors-primary-container: #2044e3 !default;
346
+ $theme-light-colors-primary-container: #ececfe !default;
321
347
  $theme-light-colors-on-primary: #ffffff !default;
322
348
  $theme-light-colors-secondary: #00233c !default;
323
349
  $theme-light-colors-secondary-container: #deeafa !default;
@@ -542,9 +568,14 @@ $theme-light-colors-primary-38: rgba(48, 83, 244, 0.38) !default;
542
568
  $theme-light-colors-primary-74: rgba(48, 83, 244, 0.74) !default;
543
569
  $theme-light-colors-brand: #3053f4 !default;
544
570
  $theme-light-colors-on-brand: #f1f3f8 !default;
545
- $theme-dark-palettes-digital-blue-98: #efefff !default;
546
571
  $theme-dark-palettes-digital-blue-100: #ffffff !default;
572
+ $theme-dark-palettes-digital-blue-99: #eaecfc !default;
573
+ $theme-dark-palettes-digital-blue-98: #d1dbf9 !default;
547
574
  $theme-dark-palettes-digital-blue-95: #b8c8f6 !default;
575
+ $theme-dark-palettes-digital-blue-94: #9eb5f4 !default;
576
+ $theme-dark-palettes-digital-blue-93: #84a1f2 !default;
577
+ $theme-dark-palettes-digital-blue-92: #688bf1 !default;
578
+ $theme-dark-palettes-digital-blue-91: #4c72f0 !default;
548
579
  $theme-dark-palettes-digital-blue-90: #3053f4 !default;
549
580
  $theme-dark-palettes-digital-blue-80: #889fff !default;
550
581
  $theme-dark-palettes-digital-blue-70: #7388d9 !default;
@@ -570,32 +601,44 @@ $theme-dark-palettes-orange-10: #190900 !default;
570
601
  $theme-dark-palettes-orange-0: #000000 !default;
571
602
  $theme-dark-palettes-digital-blue-0: #000000 !default;
572
603
  $theme-dark-palettes-navy-100: #ffffff !default;
573
- $theme-dark-palettes-navy-99: #fcfcff !default;
574
- $theme-dark-palettes-navy-95: #e8f2ff !default;
575
- $theme-dark-palettes-navy-90: #cfe5ff !default;
576
- $theme-dark-palettes-navy-80: #acc9e9 !default;
577
- $theme-dark-palettes-navy-70: #91aecd !default;
578
- $theme-dark-palettes-navy-60: #7793b1 !default;
579
- $theme-dark-palettes-navy-50: #5e7a97 !default;
580
- $theme-dark-palettes-navy-40: #45617d !default;
604
+ $theme-dark-palettes-navy-99: #fcfdfe !default;
605
+ $theme-dark-palettes-navy-95: #f2f4fc !default;
606
+ $theme-dark-palettes-navy-90: #e5e9f3 !default;
607
+ $theme-dark-palettes-navy-80: #cad3e7 !default;
608
+ $theme-dark-palettes-navy-70: #aebddb !default;
609
+ $theme-dark-palettes-navy-60: #91a5cf !default;
610
+ $theme-dark-palettes-navy-50: #718dc1 !default;
611
+ $theme-dark-palettes-navy-40: #5b739d !default;
581
612
  $theme-dark-palettes-navy-30: #435678 !default;
582
- $theme-dark-palettes-navy-29: #405273 !default;
583
- $theme-dark-palettes-navy-28: #3e4f6f !default;
584
- $theme-dark-palettes-navy-27: #3b4c6b !default;
585
- $theme-dark-palettes-navy-26: #394967 !default;
586
- $theme-dark-palettes-navy-25: #374663 !default;
587
- $theme-dark-palettes-navy-24: #34435f !default;
588
- $theme-dark-palettes-navy-23: #32405b !default;
589
- $theme-dark-palettes-navy-22: #303d57 !default;
590
- $theme-dark-palettes-navy-21: #2e3a54 !default;
613
+ $theme-dark-palettes-navy-29: #305dab !default;
614
+ $theme-dark-palettes-navy-28: #2e59a4 !default;
615
+ $theme-dark-palettes-navy-27: #2b559d !default;
616
+ $theme-dark-palettes-navy-26: #195196 !default;
617
+ $theme-dark-palettes-navy-25: #264d8f !default;
618
+ $theme-dark-palettes-navy-24: #244988 !default;
619
+ $theme-dark-palettes-navy-23: #224582 !default;
620
+ $theme-dark-palettes-navy-22: #1f417b !default;
621
+ $theme-dark-palettes-navy-21: #1d3d73 !default;
591
622
  $theme-dark-palettes-navy-20: #2b374f !default;
623
+ $theme-dark-palettes-navy-19: #27334a !default;
624
+ $theme-dark-palettes-navy-18: #242f45 !default;
625
+ $theme-dark-palettes-navy-17: #212b41 !default;
592
626
  $theme-dark-palettes-navy-16: #1e273c !default;
627
+ $theme-dark-palettes-navy-15: #1a2436 !default;
593
628
  $theme-dark-palettes-navy-14: #182032 !default;
629
+ $theme-dark-palettes-navy-13: #151c2d !default;
594
630
  $theme-dark-palettes-navy-12: #111827 !default;
631
+ $theme-dark-palettes-navy-11: #051522 !default;
595
632
  $theme-dark-palettes-navy-10: #0d131e !default;
633
+ $theme-dark-palettes-navy-9: #0b101b !default;
596
634
  $theme-dark-palettes-navy-8: #090d17 !default;
635
+ $theme-dark-palettes-navy-7: #080b12 !default;
597
636
  $theme-dark-palettes-navy-6: #06080e !default;
637
+ $theme-dark-palettes-navy-5: #04060b !default;
598
638
  $theme-dark-palettes-navy-4: #030406 !default;
639
+ $theme-dark-palettes-navy-3: #020204 !default;
640
+ $theme-dark-palettes-navy-2: #010102 !default;
641
+ $theme-dark-palettes-navy-1: #000000 !default;
599
642
  $theme-dark-palettes-navy-0: #000000 !default;
600
643
  $theme-dark-palettes-negative-100: #ffffff !default;
601
644
  $theme-dark-palettes-negative-98: #fff2f0 !default;
@@ -706,43 +749,37 @@ $theme-dark-palettes-neutral-21: #414144 !default;
706
749
  $theme-dark-palettes-neutral-22: #444447 !default;
707
750
  $theme-dark-palettes-neutral-23: #47474a !default;
708
751
  $theme-dark-palettes-neutral-24: #4a4a4d !default;
709
- $theme-dark-palettes-digital-blue-91: #bec9fe !default;
710
- $theme-dark-palettes-digital-blue-92: #688bf1 !default;
711
- $theme-dark-palettes-digital-blue-93: #ced5fe !default;
712
- $theme-dark-palettes-digital-blue-94: #d5dbfe !default;
713
- $theme-dark-palettes-digital-blue-99: #fafaff !default;
714
752
  $theme-dark-palettes-neutral-variant-100: #ffffff !default;
715
- $theme-dark-palettes-neutral-variant-99: #ffffff !default;
716
- $theme-dark-palettes-neutral-variant-98: #ffffff !default;
717
- $theme-dark-palettes-neutral-variant-97: #ffffff !default;
718
- $theme-dark-palettes-neutral-variant-96: #ffffff !default;
719
- $theme-dark-palettes-neutral-variant-95: #ffffff !default;
720
- $theme-dark-palettes-neutral-variant-94: #ffffff !default;
721
- $theme-dark-palettes-neutral-variant-93: #ffffff !default;
722
- $theme-dark-palettes-neutral-variant-92: #ffffff !default;
723
- $theme-dark-palettes-neutral-variant-91: #ffffff !default;
724
- $theme-dark-palettes-neutral-variant-90: #ffffff !default;
725
- $theme-dark-palettes-neutral-variant-80: #ffffff !default;
726
- $theme-dark-palettes-neutral-variant-70: #ffffff !default;
727
- $theme-dark-palettes-neutral-variant-60: #ffffff !default;
728
- $theme-dark-palettes-neutral-variant-50: #ffffff !default;
729
- $theme-dark-palettes-neutral-variant-40: #ffffff !default;
730
- $theme-dark-palettes-neutral-variant-35: #ffffff !default;
731
- $theme-dark-palettes-neutral-variant-30: #ffffff !default;
732
- $theme-dark-palettes-neutral-variant-25: #ffffff !default;
733
- $theme-dark-palettes-neutral-variant-20: #ffffff !default;
734
- $theme-dark-palettes-neutral-variant-15: #ffffff !default;
735
- $theme-dark-palettes-neutral-variant-10: #ffffff !default;
736
- $theme-dark-palettes-neutral-variant-5: #ffffff !default;
737
- $theme-dark-palettes-neutral-variant-0: #ffffff !default;
753
+ $theme-dark-palettes-neutral-variant-99: #fcfcff !default;
754
+ $theme-dark-palettes-neutral-variant-98: #f9f9fd !default;
755
+ $theme-dark-palettes-neutral-variant-97: #f5f5fa !default;
756
+ $theme-dark-palettes-neutral-variant-96: #f2f2f7 !default;
757
+ $theme-dark-palettes-neutral-variant-95: #f0f0f4 !default;
758
+ $theme-dark-palettes-neutral-variant-94: #ededf1 !default;
759
+ $theme-dark-palettes-neutral-variant-93: #eaeaef !default;
760
+ $theme-dark-palettes-neutral-variant-92: #e7e7ec !default;
761
+ $theme-dark-palettes-neutral-variant-91: #e4e4e9 !default;
762
+ $theme-dark-palettes-neutral-variant-90: #e2e2e6 !default;
763
+ $theme-dark-palettes-neutral-variant-80: #c6c6ca !default;
764
+ $theme-dark-palettes-neutral-variant-70: #aaabaf !default;
765
+ $theme-dark-palettes-neutral-variant-60: #8f9194 !default;
766
+ $theme-dark-palettes-neutral-variant-50: #76777a !default;
767
+ $theme-dark-palettes-neutral-variant-40: #5d5e62 !default;
768
+ $theme-dark-palettes-neutral-variant-35: #515256 !default;
769
+ $theme-dark-palettes-neutral-variant-30: #45474a !default;
770
+ $theme-dark-palettes-neutral-variant-25: #3a3b3f !default;
771
+ $theme-dark-palettes-neutral-variant-20: #2f3033 !default;
772
+ $theme-dark-palettes-neutral-variant-15: #242629 !default;
773
+ $theme-dark-palettes-neutral-variant-10: #1a1c1e !default;
774
+ $theme-dark-palettes-neutral-variant-5: #0f1114 !default;
775
+ $theme-dark-palettes-neutral-variant-0: #000000 !default;
738
776
  $theme-dark-palettes-neutral-1: #000000 !default;
739
- $theme-dark-palettes-navy-13: #00233c !default;
740
- $theme-dark-palettes-navy-98: #f8fafd !default;
777
+ $theme-dark-palettes-navy-98: #f9fbfd !default;
741
778
  $theme-dark-colors-primary: #688bf1 !default;
742
- $theme-dark-colors-primary-container: #1a274e !default;
779
+ $theme-dark-colors-primary-container: #1d2c43 !default;
743
780
  $theme-dark-colors-on-primary: #111a28 !default;
744
781
  $theme-dark-colors-secondary: #c3c5dd !default;
745
- $theme-dark-colors-secondary-container: #1a274e !default;
782
+ $theme-dark-colors-secondary-container: #1d2c43 !default;
746
783
  $theme-dark-colors-on-secondary: #171a2c !default;
747
784
  $theme-dark-colors-on-secondary-container: #688bf1 !default;
748
785
  $theme-dark-colors-tertiary: #ff5f02 !default;
@@ -751,12 +788,12 @@ $theme-dark-colors-on-tertiary: #612e1a !default;
751
788
  $theme-dark-colors-on-tertiary-container: #fef1ec !default;
752
789
  $theme-dark-colors-surface: #182032 !default;
753
790
  $theme-dark-colors-surface-dim: #0d131e !default;
754
- $theme-dark-colors-surface-bright: #394967 !default;
791
+ $theme-dark-colors-surface-bright: #195196 !default;
755
792
  $theme-dark-colors-surface-container-lowest: #090d17 !default;
756
793
  $theme-dark-colors-surface-container-low: #111827 !default;
757
794
  $theme-dark-colors-surface-container: #1e273c !default;
758
795
  $theme-dark-colors-surface-container-high: #2b374f !default;
759
- $theme-dark-colors-surface-container-highest: #34435f !default;
796
+ $theme-dark-colors-surface-container-highest: #244988 !default;
760
797
  $theme-dark-colors-on-surface: #ebe8ec !default;
761
798
  $theme-dark-colors-on-surface-variant: #d5d3d8 !default;
762
799
  $theme-dark-colors-inverse-surface: #ebe8ec !default;
@@ -1478,9 +1515,14 @@ $tokens: (
1478
1515
  'theme': (
1479
1516
  'light': (
1480
1517
  'palettes': (
1481
- 'digital-blue-98': $theme-light-palettes-digital-blue-98,
1482
1518
  'digital-blue-100': $theme-light-palettes-digital-blue-100,
1519
+ 'digital-blue-99': $theme-light-palettes-digital-blue-99,
1520
+ 'digital-blue-98': $theme-light-palettes-digital-blue-98,
1483
1521
  'digital-blue-95': $theme-light-palettes-digital-blue-95,
1522
+ 'digital-blue-94': $theme-light-palettes-digital-blue-94,
1523
+ 'digital-blue-93': $theme-light-palettes-digital-blue-93,
1524
+ 'digital-blue-92': $theme-light-palettes-digital-blue-92,
1525
+ 'digital-blue-91': $theme-light-palettes-digital-blue-91,
1484
1526
  'digital-blue-90': $theme-light-palettes-digital-blue-90,
1485
1527
  'digital-blue-80': $theme-light-palettes-digital-blue-80,
1486
1528
  'digital-blue-70': $theme-light-palettes-digital-blue-70,
@@ -1627,11 +1669,6 @@ $tokens: (
1627
1669
  'neutral-22': $theme-light-palettes-neutral-22,
1628
1670
  'neutral-23': $theme-light-palettes-neutral-23,
1629
1671
  'neutral-24': $theme-light-palettes-neutral-24,
1630
- 'digital-blue-91': $theme-light-palettes-digital-blue-91,
1631
- 'digital-blue-92': $theme-light-palettes-digital-blue-92,
1632
- 'digital-blue-93': $theme-light-palettes-digital-blue-93,
1633
- 'digital-blue-94': $theme-light-palettes-digital-blue-94,
1634
- 'digital-blue-99': $theme-light-palettes-digital-blue-99,
1635
1672
  'neutral-variant-100': $theme-light-palettes-neutral-variant-100,
1636
1673
  'neutral-variant-99': $theme-light-palettes-neutral-variant-99,
1637
1674
  'neutral-variant-98': $theme-light-palettes-neutral-variant-98,
@@ -1658,7 +1695,33 @@ $tokens: (
1658
1695
  'neutral-variant-0': $theme-light-palettes-neutral-variant-0,
1659
1696
  'neutral-1': $theme-light-palettes-neutral-1,
1660
1697
  'navy-13': $theme-light-palettes-navy-13,
1661
- 'navy-98': $theme-light-palettes-navy-98
1698
+ 'navy-98': $theme-light-palettes-navy-98,
1699
+ 'navy-1': $theme-light-palettes-navy-1,
1700
+ 'navy-2': $theme-light-palettes-navy-2,
1701
+ 'navy-3': $theme-light-palettes-navy-3,
1702
+ 'navy-4': $theme-light-palettes-navy-4,
1703
+ 'navy-5': $theme-light-palettes-navy-5,
1704
+ 'navy-6': $theme-light-palettes-navy-6,
1705
+ 'navy-7': $theme-light-palettes-navy-7,
1706
+ 'navy-8': $theme-light-palettes-navy-8,
1707
+ 'navy-9': $theme-light-palettes-navy-9,
1708
+ 'navy-11': $theme-light-palettes-navy-11,
1709
+ 'navy-12': $theme-light-palettes-navy-12,
1710
+ 'navy-14': $theme-light-palettes-navy-14,
1711
+ 'navy-15': $theme-light-palettes-navy-15,
1712
+ 'navy-16': $theme-light-palettes-navy-16,
1713
+ 'navy-17': $theme-light-palettes-navy-17,
1714
+ 'navy-18': $theme-light-palettes-navy-18,
1715
+ 'navy-19': $theme-light-palettes-navy-19,
1716
+ 'navy-21': $theme-light-palettes-navy-21,
1717
+ 'navy-22': $theme-light-palettes-navy-22,
1718
+ 'navy-23': $theme-light-palettes-navy-23,
1719
+ 'navy-24': $theme-light-palettes-navy-24,
1720
+ 'navy-25': $theme-light-palettes-navy-25,
1721
+ 'navy-26': $theme-light-palettes-navy-26,
1722
+ 'navy-27': $theme-light-palettes-navy-27,
1723
+ 'navy-28': $theme-light-palettes-navy-28,
1724
+ 'navy-29': $theme-light-palettes-navy-29
1662
1725
  ),
1663
1726
  'colors': (
1664
1727
  'primary': $theme-light-colors-primary,
@@ -1891,9 +1954,14 @@ $tokens: (
1891
1954
  ),
1892
1955
  'dark': (
1893
1956
  'palettes': (
1894
- 'digital-blue-98': $theme-dark-palettes-digital-blue-98,
1895
1957
  'digital-blue-100': $theme-dark-palettes-digital-blue-100,
1958
+ 'digital-blue-99': $theme-dark-palettes-digital-blue-99,
1959
+ 'digital-blue-98': $theme-dark-palettes-digital-blue-98,
1896
1960
  'digital-blue-95': $theme-dark-palettes-digital-blue-95,
1961
+ 'digital-blue-94': $theme-dark-palettes-digital-blue-94,
1962
+ 'digital-blue-93': $theme-dark-palettes-digital-blue-93,
1963
+ 'digital-blue-92': $theme-dark-palettes-digital-blue-92,
1964
+ 'digital-blue-91': $theme-dark-palettes-digital-blue-91,
1897
1965
  'digital-blue-90': $theme-dark-palettes-digital-blue-90,
1898
1966
  'digital-blue-80': $theme-dark-palettes-digital-blue-80,
1899
1967
  'digital-blue-70': $theme-dark-palettes-digital-blue-70,
@@ -1938,13 +2006,25 @@ $tokens: (
1938
2006
  'navy-22': $theme-dark-palettes-navy-22,
1939
2007
  'navy-21': $theme-dark-palettes-navy-21,
1940
2008
  'navy-20': $theme-dark-palettes-navy-20,
2009
+ 'navy-19': $theme-dark-palettes-navy-19,
2010
+ 'navy-18': $theme-dark-palettes-navy-18,
2011
+ 'navy-17': $theme-dark-palettes-navy-17,
1941
2012
  'navy-16': $theme-dark-palettes-navy-16,
2013
+ 'navy-15': $theme-dark-palettes-navy-15,
1942
2014
  'navy-14': $theme-dark-palettes-navy-14,
2015
+ 'navy-13': $theme-dark-palettes-navy-13,
1943
2016
  'navy-12': $theme-dark-palettes-navy-12,
2017
+ 'navy-11': $theme-dark-palettes-navy-11,
1944
2018
  'navy-10': $theme-dark-palettes-navy-10,
2019
+ 'navy-9': $theme-dark-palettes-navy-9,
1945
2020
  'navy-8': $theme-dark-palettes-navy-8,
2021
+ 'navy-7': $theme-dark-palettes-navy-7,
1946
2022
  'navy-6': $theme-dark-palettes-navy-6,
2023
+ 'navy-5': $theme-dark-palettes-navy-5,
1947
2024
  'navy-4': $theme-dark-palettes-navy-4,
2025
+ 'navy-3': $theme-dark-palettes-navy-3,
2026
+ 'navy-2': $theme-dark-palettes-navy-2,
2027
+ 'navy-1': $theme-dark-palettes-navy-1,
1948
2028
  'navy-0': $theme-dark-palettes-navy-0,
1949
2029
  'negative-100': $theme-dark-palettes-negative-100,
1950
2030
  'negative-98': $theme-dark-palettes-negative-98,
@@ -2055,11 +2135,6 @@ $tokens: (
2055
2135
  'neutral-22': $theme-dark-palettes-neutral-22,
2056
2136
  'neutral-23': $theme-dark-palettes-neutral-23,
2057
2137
  'neutral-24': $theme-dark-palettes-neutral-24,
2058
- 'digital-blue-91': $theme-dark-palettes-digital-blue-91,
2059
- 'digital-blue-92': $theme-dark-palettes-digital-blue-92,
2060
- 'digital-blue-93': $theme-dark-palettes-digital-blue-93,
2061
- 'digital-blue-94': $theme-dark-palettes-digital-blue-94,
2062
- 'digital-blue-99': $theme-dark-palettes-digital-blue-99,
2063
2138
  'neutral-variant-100': $theme-dark-palettes-neutral-variant-100,
2064
2139
  'neutral-variant-99': $theme-dark-palettes-neutral-variant-99,
2065
2140
  'neutral-variant-98': $theme-dark-palettes-neutral-variant-98,
@@ -2085,7 +2160,6 @@ $tokens: (
2085
2160
  'neutral-variant-5': $theme-dark-palettes-neutral-variant-5,
2086
2161
  'neutral-variant-0': $theme-dark-palettes-neutral-variant-0,
2087
2162
  'neutral-1': $theme-dark-palettes-neutral-1,
2088
- 'navy-13': $theme-dark-palettes-navy-13,
2089
2163
  'navy-98': $theme-dark-palettes-navy-98
2090
2164
  ),
2091
2165
  'colors': (
package/index.css CHANGED
@@ -29,10 +29,10 @@
29
29
  --cv-light-background: #f8f9fb;
30
30
  --cv-light-surface: #f8f9fb;
31
31
  --cv-light-surface-canvas: #ffffff;
32
- --cv-light-surface-primary: #2044e3;
32
+ --cv-light-surface-primary: #ececfe;
33
33
  --cv-light-surface-primary-highlight: rgba(48, 83, 244, 0.08);
34
34
  --cv-light-surface-primary-highlight-hover: rgba(48, 83, 244, 0.08);
35
- --cv-light-surface-accent: #2044e3;
35
+ --cv-light-surface-accent: #ececfe;
36
36
  --cv-light-surface-accent-highlight: rgba(48, 83, 244, 0.08);
37
37
  --cv-light-surface-accent-highlight-hover: rgba(48, 83, 244, 0.12);
38
38
  --cv-light-surface-secondary: #deeafa;
@@ -95,13 +95,13 @@
95
95
  --cv-dark-background: #030406;
96
96
  --cv-dark-surface: #182032;
97
97
  --cv-dark-surface-canvas: #1e273c;
98
- --cv-dark-surface-primary: #1a274e;
98
+ --cv-dark-surface-primary: #1d2c43;
99
99
  --cv-dark-surface-primary-highlight: rgba(186, 195, 255, 0.08);
100
100
  --cv-dark-surface-primary-highlight-hover: rgba(186, 195, 255, 0.08);
101
- --cv-dark-surface-accent: #1a274e;
101
+ --cv-dark-surface-accent: #1d2c43;
102
102
  --cv-dark-surface-accent-highlight: rgba(186, 195, 255, 0.08);
103
103
  --cv-dark-surface-accent-highlight-hover: rgba(186, 195, 255, 0.08);
104
- --cv-dark-surface-secondary: #1a274e;
104
+ --cv-dark-surface-secondary: #1d2c43;
105
105
  --cv-dark-surface-secondary-highlight: rgba(195, 197, 221, 0.08);
106
106
  --cv-dark-surface-secondary-highlight-hover: rgba(195, 197, 221, 0.08);
107
107
  --cv-dark-surface-positive: #435e3e;
@@ -135,9 +135,14 @@
135
135
  --cv-dark-text-hint-on-dark: #d5d3d8;
136
136
  --cv-dark-text-disabled-on-dark: rgba(235, 232, 236, 0.38);
137
137
  --cv-dark-text-icon-on-dark: #d5d3d8;
138
- --cv-theme-light-palettes-digital-blue-98: #fbf8ff;
139
138
  --cv-theme-light-palettes-digital-blue-100: #ffffff;
139
+ --cv-theme-light-palettes-digital-blue-99: #fefbff;
140
+ --cv-theme-light-palettes-digital-blue-98: #fbf8ff;
140
141
  --cv-theme-light-palettes-digital-blue-95: #f0efff;
142
+ --cv-theme-light-palettes-digital-blue-94: #ececfe;
143
+ --cv-theme-light-palettes-digital-blue-93: #e8e9fe;
144
+ --cv-theme-light-palettes-digital-blue-92: #e5e5fe;
145
+ --cv-theme-light-palettes-digital-blue-91: #e1e3fd;
141
146
  --cv-theme-light-palettes-digital-blue-90: #dee0ff;
142
147
  --cv-theme-light-palettes-digital-blue-80: #bac3ff;
143
148
  --cv-theme-light-palettes-digital-blue-70: #96a5ff;
@@ -284,11 +289,6 @@
284
289
  --cv-theme-light-palettes-neutral-22: #444b5f;
285
290
  --cv-theme-light-palettes-neutral-23: #474e62;
286
291
  --cv-theme-light-palettes-neutral-24: #495166;
287
- --cv-theme-light-palettes-digital-blue-91: #e1e3fd;
288
- --cv-theme-light-palettes-digital-blue-92: #e5e5fe;
289
- --cv-theme-light-palettes-digital-blue-93: #e8e9fe;
290
- --cv-theme-light-palettes-digital-blue-94: #ececfe;
291
- --cv-theme-light-palettes-digital-blue-99: #fefbff;
292
292
  --cv-theme-light-palettes-neutral-variant-100: #ffffff;
293
293
  --cv-theme-light-palettes-neutral-variant-99: #fcfcff;
294
294
  --cv-theme-light-palettes-neutral-variant-98: #f9f9fd;
@@ -316,8 +316,34 @@
316
316
  --cv-theme-light-palettes-neutral-1: #020305;
317
317
  --cv-theme-light-palettes-navy-13: #00233c;
318
318
  --cv-theme-light-palettes-navy-98: #f8fafd;
319
+ --cv-theme-light-palettes-navy-1: #000103;
320
+ --cv-theme-light-palettes-navy-2: #000206;
321
+ --cv-theme-light-palettes-navy-3: #00040d;
322
+ --cv-theme-light-palettes-navy-4: #000712;
323
+ --cv-theme-light-palettes-navy-5: #000b19;
324
+ --cv-theme-light-palettes-navy-6: #000f1e;
325
+ --cv-theme-light-palettes-navy-7: #001224;
326
+ --cv-theme-light-palettes-navy-8: #001628;
327
+ --cv-theme-light-palettes-navy-9: #00192d;
328
+ --cv-theme-light-palettes-navy-11: #001d33;
329
+ --cv-theme-light-palettes-navy-12: #00233c;
330
+ --cv-theme-light-palettes-navy-14: #01253e;
331
+ --cv-theme-light-palettes-navy-15: #032740;
332
+ --cv-theme-light-palettes-navy-16: #062943;
333
+ --cv-theme-light-palettes-navy-17: #092b45;
334
+ --cv-theme-light-palettes-navy-18: #0d2d47;
335
+ --cv-theme-light-palettes-navy-19: #102f49;
336
+ --cv-theme-light-palettes-navy-21: #153552;
337
+ --cv-theme-light-palettes-navy-22: #173956;
338
+ --cv-theme-light-palettes-navy-23: #183c5a;
339
+ --cv-theme-light-palettes-navy-24: #1a3f5f;
340
+ --cv-theme-light-palettes-navy-25: #1c4363;
341
+ --cv-theme-light-palettes-navy-26: #1e4668;
342
+ --cv-theme-light-palettes-navy-27: #20496d;
343
+ --cv-theme-light-palettes-navy-28: #224d72;
344
+ --cv-theme-light-palettes-navy-29: #245077;
319
345
  --cv-theme-light-colors-primary: #3053f4;
320
- --cv-theme-light-colors-primary-container: #2044e3;
346
+ --cv-theme-light-colors-primary-container: #ececfe;
321
347
  --cv-theme-light-colors-on-primary: #ffffff;
322
348
  --cv-theme-light-colors-secondary: #00233c;
323
349
  --cv-theme-light-colors-secondary-container: #deeafa;
@@ -542,9 +568,14 @@
542
568
  --cv-theme-light-colors-primary-74: rgba(48, 83, 244, 0.74);
543
569
  --cv-theme-light-colors-brand: #3053f4;
544
570
  --cv-theme-light-colors-on-brand: #f1f3f8;
545
- --cv-theme-dark-palettes-digital-blue-98: #efefff;
546
571
  --cv-theme-dark-palettes-digital-blue-100: #ffffff;
572
+ --cv-theme-dark-palettes-digital-blue-99: #eaecfc;
573
+ --cv-theme-dark-palettes-digital-blue-98: #d1dbf9;
547
574
  --cv-theme-dark-palettes-digital-blue-95: #b8c8f6;
575
+ --cv-theme-dark-palettes-digital-blue-94: #9eb5f4;
576
+ --cv-theme-dark-palettes-digital-blue-93: #84a1f2;
577
+ --cv-theme-dark-palettes-digital-blue-92: #688bf1;
578
+ --cv-theme-dark-palettes-digital-blue-91: #4c72f0;
548
579
  --cv-theme-dark-palettes-digital-blue-90: #3053f4;
549
580
  --cv-theme-dark-palettes-digital-blue-80: #889fff;
550
581
  --cv-theme-dark-palettes-digital-blue-70: #7388d9;
@@ -570,32 +601,44 @@
570
601
  --cv-theme-dark-palettes-orange-0: #000000;
571
602
  --cv-theme-dark-palettes-digital-blue-0: #000000;
572
603
  --cv-theme-dark-palettes-navy-100: #ffffff;
573
- --cv-theme-dark-palettes-navy-99: #fcfcff;
574
- --cv-theme-dark-palettes-navy-95: #e8f2ff;
575
- --cv-theme-dark-palettes-navy-90: #cfe5ff;
576
- --cv-theme-dark-palettes-navy-80: #acc9e9;
577
- --cv-theme-dark-palettes-navy-70: #91aecd;
578
- --cv-theme-dark-palettes-navy-60: #7793b1;
579
- --cv-theme-dark-palettes-navy-50: #5e7a97;
580
- --cv-theme-dark-palettes-navy-40: #45617d;
604
+ --cv-theme-dark-palettes-navy-99: #fcfdfe;
605
+ --cv-theme-dark-palettes-navy-95: #f2f4fc;
606
+ --cv-theme-dark-palettes-navy-90: #e5e9f3;
607
+ --cv-theme-dark-palettes-navy-80: #cad3e7;
608
+ --cv-theme-dark-palettes-navy-70: #aebddb;
609
+ --cv-theme-dark-palettes-navy-60: #91a5cf;
610
+ --cv-theme-dark-palettes-navy-50: #718dc1;
611
+ --cv-theme-dark-palettes-navy-40: #5b739d;
581
612
  --cv-theme-dark-palettes-navy-30: #435678;
582
- --cv-theme-dark-palettes-navy-29: #405273;
583
- --cv-theme-dark-palettes-navy-28: #3e4f6f;
584
- --cv-theme-dark-palettes-navy-27: #3b4c6b;
585
- --cv-theme-dark-palettes-navy-26: #394967;
586
- --cv-theme-dark-palettes-navy-25: #374663;
587
- --cv-theme-dark-palettes-navy-24: #34435f;
588
- --cv-theme-dark-palettes-navy-23: #32405b;
589
- --cv-theme-dark-palettes-navy-22: #303d57;
590
- --cv-theme-dark-palettes-navy-21: #2e3a54;
613
+ --cv-theme-dark-palettes-navy-29: #305dab;
614
+ --cv-theme-dark-palettes-navy-28: #2e59a4;
615
+ --cv-theme-dark-palettes-navy-27: #2b559d;
616
+ --cv-theme-dark-palettes-navy-26: #195196;
617
+ --cv-theme-dark-palettes-navy-25: #264d8f;
618
+ --cv-theme-dark-palettes-navy-24: #244988;
619
+ --cv-theme-dark-palettes-navy-23: #224582;
620
+ --cv-theme-dark-palettes-navy-22: #1f417b;
621
+ --cv-theme-dark-palettes-navy-21: #1d3d73;
591
622
  --cv-theme-dark-palettes-navy-20: #2b374f;
623
+ --cv-theme-dark-palettes-navy-19: #27334a;
624
+ --cv-theme-dark-palettes-navy-18: #242f45;
625
+ --cv-theme-dark-palettes-navy-17: #212b41;
592
626
  --cv-theme-dark-palettes-navy-16: #1e273c;
627
+ --cv-theme-dark-palettes-navy-15: #1a2436;
593
628
  --cv-theme-dark-palettes-navy-14: #182032;
629
+ --cv-theme-dark-palettes-navy-13: #151c2d;
594
630
  --cv-theme-dark-palettes-navy-12: #111827;
631
+ --cv-theme-dark-palettes-navy-11: #051522;
595
632
  --cv-theme-dark-palettes-navy-10: #0d131e;
633
+ --cv-theme-dark-palettes-navy-9: #0b101b;
596
634
  --cv-theme-dark-palettes-navy-8: #090d17;
635
+ --cv-theme-dark-palettes-navy-7: #080b12;
597
636
  --cv-theme-dark-palettes-navy-6: #06080e;
637
+ --cv-theme-dark-palettes-navy-5: #04060b;
598
638
  --cv-theme-dark-palettes-navy-4: #030406;
639
+ --cv-theme-dark-palettes-navy-3: #020204;
640
+ --cv-theme-dark-palettes-navy-2: #010102;
641
+ --cv-theme-dark-palettes-navy-1: #000000;
599
642
  --cv-theme-dark-palettes-navy-0: #000000;
600
643
  --cv-theme-dark-palettes-negative-100: #ffffff;
601
644
  --cv-theme-dark-palettes-negative-98: #fff2f0;
@@ -706,43 +749,37 @@
706
749
  --cv-theme-dark-palettes-neutral-22: #444447;
707
750
  --cv-theme-dark-palettes-neutral-23: #47474a;
708
751
  --cv-theme-dark-palettes-neutral-24: #4a4a4d;
709
- --cv-theme-dark-palettes-digital-blue-91: #bec9fe;
710
- --cv-theme-dark-palettes-digital-blue-92: #688bf1;
711
- --cv-theme-dark-palettes-digital-blue-93: #ced5fe;
712
- --cv-theme-dark-palettes-digital-blue-94: #d5dbfe;
713
- --cv-theme-dark-palettes-digital-blue-99: #fafaff;
714
752
  --cv-theme-dark-palettes-neutral-variant-100: #ffffff;
715
- --cv-theme-dark-palettes-neutral-variant-99: #ffffff;
716
- --cv-theme-dark-palettes-neutral-variant-98: #ffffff;
717
- --cv-theme-dark-palettes-neutral-variant-97: #ffffff;
718
- --cv-theme-dark-palettes-neutral-variant-96: #ffffff;
719
- --cv-theme-dark-palettes-neutral-variant-95: #ffffff;
720
- --cv-theme-dark-palettes-neutral-variant-94: #ffffff;
721
- --cv-theme-dark-palettes-neutral-variant-93: #ffffff;
722
- --cv-theme-dark-palettes-neutral-variant-92: #ffffff;
723
- --cv-theme-dark-palettes-neutral-variant-91: #ffffff;
724
- --cv-theme-dark-palettes-neutral-variant-90: #ffffff;
725
- --cv-theme-dark-palettes-neutral-variant-80: #ffffff;
726
- --cv-theme-dark-palettes-neutral-variant-70: #ffffff;
727
- --cv-theme-dark-palettes-neutral-variant-60: #ffffff;
728
- --cv-theme-dark-palettes-neutral-variant-50: #ffffff;
729
- --cv-theme-dark-palettes-neutral-variant-40: #ffffff;
730
- --cv-theme-dark-palettes-neutral-variant-35: #ffffff;
731
- --cv-theme-dark-palettes-neutral-variant-30: #ffffff;
732
- --cv-theme-dark-palettes-neutral-variant-25: #ffffff;
733
- --cv-theme-dark-palettes-neutral-variant-20: #ffffff;
734
- --cv-theme-dark-palettes-neutral-variant-15: #ffffff;
735
- --cv-theme-dark-palettes-neutral-variant-10: #ffffff;
736
- --cv-theme-dark-palettes-neutral-variant-5: #ffffff;
737
- --cv-theme-dark-palettes-neutral-variant-0: #ffffff;
753
+ --cv-theme-dark-palettes-neutral-variant-99: #fcfcff;
754
+ --cv-theme-dark-palettes-neutral-variant-98: #f9f9fd;
755
+ --cv-theme-dark-palettes-neutral-variant-97: #f5f5fa;
756
+ --cv-theme-dark-palettes-neutral-variant-96: #f2f2f7;
757
+ --cv-theme-dark-palettes-neutral-variant-95: #f0f0f4;
758
+ --cv-theme-dark-palettes-neutral-variant-94: #ededf1;
759
+ --cv-theme-dark-palettes-neutral-variant-93: #eaeaef;
760
+ --cv-theme-dark-palettes-neutral-variant-92: #e7e7ec;
761
+ --cv-theme-dark-palettes-neutral-variant-91: #e4e4e9;
762
+ --cv-theme-dark-palettes-neutral-variant-90: #e2e2e6;
763
+ --cv-theme-dark-palettes-neutral-variant-80: #c6c6ca;
764
+ --cv-theme-dark-palettes-neutral-variant-70: #aaabaf;
765
+ --cv-theme-dark-palettes-neutral-variant-60: #8f9194;
766
+ --cv-theme-dark-palettes-neutral-variant-50: #76777a;
767
+ --cv-theme-dark-palettes-neutral-variant-40: #5d5e62;
768
+ --cv-theme-dark-palettes-neutral-variant-35: #515256;
769
+ --cv-theme-dark-palettes-neutral-variant-30: #45474a;
770
+ --cv-theme-dark-palettes-neutral-variant-25: #3a3b3f;
771
+ --cv-theme-dark-palettes-neutral-variant-20: #2f3033;
772
+ --cv-theme-dark-palettes-neutral-variant-15: #242629;
773
+ --cv-theme-dark-palettes-neutral-variant-10: #1a1c1e;
774
+ --cv-theme-dark-palettes-neutral-variant-5: #0f1114;
775
+ --cv-theme-dark-palettes-neutral-variant-0: #000000;
738
776
  --cv-theme-dark-palettes-neutral-1: #000000;
739
- --cv-theme-dark-palettes-navy-13: #00233c;
740
- --cv-theme-dark-palettes-navy-98: #f8fafd;
777
+ --cv-theme-dark-palettes-navy-98: #f9fbfd;
741
778
  --cv-theme-dark-colors-primary: #688bf1;
742
- --cv-theme-dark-colors-primary-container: #1a274e;
779
+ --cv-theme-dark-colors-primary-container: #1d2c43;
743
780
  --cv-theme-dark-colors-on-primary: #111a28;
744
781
  --cv-theme-dark-colors-secondary: #c3c5dd;
745
- --cv-theme-dark-colors-secondary-container: #1a274e;
782
+ --cv-theme-dark-colors-secondary-container: #1d2c43;
746
783
  --cv-theme-dark-colors-on-secondary: #171a2c;
747
784
  --cv-theme-dark-colors-on-secondary-container: #688bf1;
748
785
  --cv-theme-dark-colors-tertiary: #ff5f02;
@@ -751,12 +788,12 @@
751
788
  --cv-theme-dark-colors-on-tertiary-container: #fef1ec;
752
789
  --cv-theme-dark-colors-surface: #182032;
753
790
  --cv-theme-dark-colors-surface-dim: #0d131e;
754
- --cv-theme-dark-colors-surface-bright: #394967;
791
+ --cv-theme-dark-colors-surface-bright: #195196;
755
792
  --cv-theme-dark-colors-surface-container-lowest: #090d17;
756
793
  --cv-theme-dark-colors-surface-container-low: #111827;
757
794
  --cv-theme-dark-colors-surface-container: #1e273c;
758
795
  --cv-theme-dark-colors-surface-container-high: #2b374f;
759
- --cv-theme-dark-colors-surface-container-highest: #34435f;
796
+ --cv-theme-dark-colors-surface-container-highest: #244988;
760
797
  --cv-theme-dark-colors-on-surface: #ebe8ec;
761
798
  --cv-theme-dark-colors-on-surface-variant: #d5d3d8;
762
799
  --cv-theme-dark-colors-inverse-surface: #ebe8ec;