@covalent/tokens 11.6.8 → 11.7.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 +86 -48
  2. package/index.css +65 -46
  3. package/index.d.ts +19 -0
  4. package/index.js +65 -46
  5. package/index.json +586 -73
  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: #ececfe !default;
32
+ $light-surface-primary: #2044e3 !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: #ececfe !default;
35
+ $light-surface-accent: #2044e3 !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;
@@ -78,10 +78,10 @@ $dark-code-snippet-string: #98c379 !default;
78
78
  $dark-code-snippet-variable: #d19a66 !default;
79
79
  $dark-code-snippet-title: #61aeee !default;
80
80
  $dark-code-snippet-class: #e6c07b !default;
81
- $dark-primary: #bac3ff !default;
81
+ $dark-primary: #688bf1 !default;
82
82
  $dark-secondary: #c3c5dd !default;
83
83
  $dark-error: #fd7d69 !default;
84
- $dark-positive: #91d890 !default;
84
+ $dark-positive: #81f976 !default;
85
85
  $dark-caution: #ffcd9e !default;
86
86
  $dark-negative: #fd7d69 !default;
87
87
  $dark-on-primary: #111a28 !default;
@@ -89,22 +89,22 @@ $dark-on-secondary: #171a2c !default;
89
89
  $dark-on-background: #ebe8ec !default;
90
90
  $dark-on-surface: #ebe8ec !default;
91
91
  $dark-on-error: #331915 !default;
92
- $dark-divider: #3e3e41 !default;
92
+ $dark-divider: rgba(235, 232, 236, 0.16) !default;
93
93
  $dark-emphasis: #cc809c !default;
94
- $dark-accent: #bac3ff !default;
95
- $dark-background: #1e1d1e !default;
96
- $dark-surface: #1e1d1e !default;
97
- $dark-surface-canvas: #38383b !default;
98
- $dark-surface-primary: #1d2c43 !default;
94
+ $dark-accent: #688bf1 !default;
95
+ $dark-background: #030406 !default;
96
+ $dark-surface: #182032 !default;
97
+ $dark-surface-canvas: #1e273c !default;
98
+ $dark-surface-primary: #1a274e !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: #1d2c43 !default;
101
+ $dark-surface-accent: #1a274e !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: #434659 !default;
104
+ $dark-surface-secondary: #1a274e !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
- $dark-surface-positive: #224b22 !default;
107
+ $dark-surface-positive: #435e3e !default;
108
108
  $dark-surface-positive-highlight: rgba(145, 216, 144, 0.08) !default;
109
109
  $dark-surface-positive-highlight-hover: rgba(145, 216, 144, 0.08) !default;
110
110
  $dark-surface-caution: #66492f !default;
@@ -144,6 +144,7 @@ $theme-light-palettes-digital-blue-70: #96a5ff !default;
144
144
  $theme-light-palettes-digital-blue-60: #7187ff !default;
145
145
  $theme-light-palettes-digital-blue-50: #4967ff !default;
146
146
  $theme-light-palettes-digital-blue-40: #3053f4 !default;
147
+ $theme-light-palettes-digital-blue-35: #2044e3 !default;
147
148
  $theme-light-palettes-digital-blue-30: #0436d3 !default;
148
149
  $theme-light-palettes-digital-blue-20: #00208e !default;
149
150
  $theme-light-palettes-digital-blue-10: #00115a !default;
@@ -316,7 +317,7 @@ $theme-light-palettes-neutral-1: #020305 !default;
316
317
  $theme-light-palettes-navy-13: #00233c !default;
317
318
  $theme-light-palettes-navy-98: #f8fafd !default;
318
319
  $theme-light-colors-primary: #3053f4 !default;
319
- $theme-light-colors-primary-container: #ececfe !default;
320
+ $theme-light-colors-primary-container: #2044e3 !default;
320
321
  $theme-light-colors-on-primary: #ffffff !default;
321
322
  $theme-light-colors-secondary: #00233c !default;
322
323
  $theme-light-colors-secondary-container: #deeafa !default;
@@ -539,16 +540,18 @@ $theme-light-colors-on-primary-container-38: rgba(0, 17, 90, 0.38) !default;
539
540
  $theme-light-colors-on-primary-container-74: rgba(0, 17, 90, 0.74) !default;
540
541
  $theme-light-colors-primary-38: rgba(48, 83, 244, 0.38) !default;
541
542
  $theme-light-colors-primary-74: rgba(48, 83, 244, 0.74) !default;
542
- $theme-light-colors-brand: #ff5f02 !default;
543
+ $theme-light-colors-brand: #3053f4 !default;
544
+ $theme-light-colors-on-brand: #f1f3f8 !default;
543
545
  $theme-dark-palettes-digital-blue-98: #efefff !default;
544
546
  $theme-dark-palettes-digital-blue-100: #ffffff !default;
545
- $theme-dark-palettes-digital-blue-95: #dde1ff !default;
546
- $theme-dark-palettes-digital-blue-90: #bac3ff !default;
547
+ $theme-dark-palettes-digital-blue-95: #b8c8f6 !default;
548
+ $theme-dark-palettes-digital-blue-90: #3053f4 !default;
547
549
  $theme-dark-palettes-digital-blue-80: #889fff !default;
548
550
  $theme-dark-palettes-digital-blue-70: #7388d9 !default;
549
551
  $theme-dark-palettes-digital-blue-60: #5d71b4 !default;
550
552
  $theme-dark-palettes-digital-blue-50: #485a8e !default;
551
553
  $theme-dark-palettes-digital-blue-40: #324369 !default;
554
+ $theme-dark-palettes-digital-blue-35: #1a274e !default;
552
555
  $theme-dark-palettes-digital-blue-30: #1d2c43 !default;
553
556
  $theme-dark-palettes-digital-blue-20: #111a28 !default;
554
557
  $theme-dark-palettes-digital-blue-10: #0c121b !default;
@@ -575,9 +578,24 @@ $theme-dark-palettes-navy-70: #91aecd !default;
575
578
  $theme-dark-palettes-navy-60: #7793b1 !default;
576
579
  $theme-dark-palettes-navy-50: #5e7a97 !default;
577
580
  $theme-dark-palettes-navy-40: #45617d !default;
578
- $theme-dark-palettes-navy-30: #2d4964 !default;
579
- $theme-dark-palettes-navy-20: #14324c !default;
580
- $theme-dark-palettes-navy-10: #001d33 !default;
581
+ $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;
591
+ $theme-dark-palettes-navy-20: #2b374f !default;
592
+ $theme-dark-palettes-navy-16: #1e273c !default;
593
+ $theme-dark-palettes-navy-14: #182032 !default;
594
+ $theme-dark-palettes-navy-12: #111827 !default;
595
+ $theme-dark-palettes-navy-10: #0d131e !default;
596
+ $theme-dark-palettes-navy-8: #090d17 !default;
597
+ $theme-dark-palettes-navy-6: #06080e !default;
598
+ $theme-dark-palettes-navy-4: #030406 !default;
581
599
  $theme-dark-palettes-navy-0: #000000 !default;
582
600
  $theme-dark-palettes-negative-100: #ffffff !default;
583
601
  $theme-dark-palettes-negative-98: #fff2f0 !default;
@@ -608,14 +626,14 @@ $theme-dark-palettes-caution-0: #000000 !default;
608
626
  $theme-dark-palettes-positive-100: #ffffff !default;
609
627
  $theme-dark-palettes-positive-98: #eef8ee !default;
610
628
  $theme-dark-palettes-positive-95: #bbe4bb !default;
611
- $theme-dark-palettes-positive-90: #91d890 !default;
629
+ $theme-dark-palettes-positive-90: #81f976 !default;
612
630
  $theme-dark-palettes-positive-80: #55bc54 !default;
613
631
  $theme-dark-palettes-positive-70: #4da94c !default;
614
632
  $theme-dark-palettes-positive-60: #449643 !default;
615
633
  $theme-dark-palettes-positive-50: #3b843b !default;
616
634
  $theme-dark-palettes-positive-40: #337132 !default;
617
- $theme-dark-palettes-positive-30: #224b22 !default;
618
- $theme-dark-palettes-positive-20: #112611 !default;
635
+ $theme-dark-palettes-positive-30: #435e3e !default;
636
+ $theme-dark-palettes-positive-20: #31412e !default;
619
637
  $theme-dark-palettes-positive-10: #081308 !default;
620
638
  $theme-dark-palettes-positive-0: #000000 !default;
621
639
  $theme-dark-palettes-emphasis-100: #ffffff !default;
@@ -689,7 +707,7 @@ $theme-dark-palettes-neutral-22: #444447 !default;
689
707
  $theme-dark-palettes-neutral-23: #47474a !default;
690
708
  $theme-dark-palettes-neutral-24: #4a4a4d !default;
691
709
  $theme-dark-palettes-digital-blue-91: #bec9fe !default;
692
- $theme-dark-palettes-digital-blue-92: #c6cffd !default;
710
+ $theme-dark-palettes-digital-blue-92: #688bf1 !default;
693
711
  $theme-dark-palettes-digital-blue-93: #ced5fe !default;
694
712
  $theme-dark-palettes-digital-blue-94: #d5dbfe !default;
695
713
  $theme-dark-palettes-digital-blue-99: #fafaff !default;
@@ -720,25 +738,25 @@ $theme-dark-palettes-neutral-variant-0: #ffffff !default;
720
738
  $theme-dark-palettes-neutral-1: #000000 !default;
721
739
  $theme-dark-palettes-navy-13: #00233c !default;
722
740
  $theme-dark-palettes-navy-98: #f8fafd !default;
723
- $theme-dark-colors-primary: #bac3ff !default;
724
- $theme-dark-colors-primary-container: #1d2c43 !default;
741
+ $theme-dark-colors-primary: #688bf1 !default;
742
+ $theme-dark-colors-primary-container: #1a274e !default;
725
743
  $theme-dark-colors-on-primary: #111a28 !default;
726
744
  $theme-dark-colors-secondary: #c3c5dd !default;
727
- $theme-dark-colors-secondary-container: #434659 !default;
745
+ $theme-dark-colors-secondary-container: #1a274e !default;
728
746
  $theme-dark-colors-on-secondary: #171a2c !default;
729
- $theme-dark-colors-on-secondary-container: #dfe1f9 !default;
747
+ $theme-dark-colors-on-secondary-container: #688bf1 !default;
730
748
  $theme-dark-colors-tertiary: #ff5f02 !default;
731
749
  $theme-dark-colors-tertiary-container: #c25d33 !default;
732
750
  $theme-dark-colors-on-tertiary: #612e1a !default;
733
751
  $theme-dark-colors-on-tertiary-container: #fef1ec !default;
734
- $theme-dark-colors-surface: #1e1d1e !default;
735
- $theme-dark-colors-surface-dim: #161616 !default;
736
- $theme-dark-colors-surface-bright: #4a4a4d !default;
737
- $theme-dark-colors-surface-container-lowest: #2c2b2d !default;
738
- $theme-dark-colors-surface-container-low: #323134 !default;
739
- $theme-dark-colors-surface-container: #38383b !default;
740
- $theme-dark-colors-surface-container-high: #3e3e41 !default;
741
- $theme-dark-colors-surface-container-highest: #444447 !default;
752
+ $theme-dark-colors-surface: #182032 !default;
753
+ $theme-dark-colors-surface-dim: #0d131e !default;
754
+ $theme-dark-colors-surface-bright: #394967 !default;
755
+ $theme-dark-colors-surface-container-lowest: #090d17 !default;
756
+ $theme-dark-colors-surface-container-low: #111827 !default;
757
+ $theme-dark-colors-surface-container: #1e273c !default;
758
+ $theme-dark-colors-surface-container-high: #2b374f !default;
759
+ $theme-dark-colors-surface-container-highest: #34435f !default;
742
760
  $theme-dark-colors-on-surface: #ebe8ec !default;
743
761
  $theme-dark-colors-on-surface-variant: #d5d3d8 !default;
744
762
  $theme-dark-colors-inverse-surface: #ebe8ec !default;
@@ -747,20 +765,20 @@ $theme-dark-colors-negative: #fd7d69 !default;
747
765
  $theme-dark-colors-negative-container: #65322a !default;
748
766
  $theme-dark-colors-on-negative: #331915 !default;
749
767
  $theme-dark-colors-on-negative-container: #ffac9f !default;
750
- $theme-dark-colors-positive: #91d890 !default;
751
- $theme-dark-colors-positive-container: #224b22 !default;
752
- $theme-dark-colors-on-positive: #112611 !default;
753
- $theme-dark-colors-on-positive-container: #91d890 !default;
768
+ $theme-dark-colors-positive: #81f976 !default;
769
+ $theme-dark-colors-positive-container: #435e3e !default;
770
+ $theme-dark-colors-on-positive: #31412e !default;
771
+ $theme-dark-colors-on-positive-container: #81f976 !default;
754
772
  $theme-dark-colors-caution: #ffcd9e !default;
755
773
  $theme-dark-colors-caution-container: #66492f !default;
756
774
  $theme-dark-colors-on-caution: #66492f !default;
757
775
  $theme-dark-colors-on-caution-container: #ffcd9e !default;
758
776
  $theme-dark-colors-outline: #8f8e97 !default;
759
- $theme-dark-colors-outline-variant: #3e3e41 !default;
777
+ $theme-dark-colors-outline-variant: rgba(235, 232, 236, 0.16) !default;
760
778
  $theme-dark-colors-shadow: #000000 !default;
761
779
  $theme-dark-colors-scrim: rgba(0, 0, 0, 0.32) !default;
762
- $theme-dark-colors-primary-fixed: #dde1ff !default;
763
- $theme-dark-colors-primary-fixed-dim: #bac3ff !default;
780
+ $theme-dark-colors-primary-fixed: #b8c8f6 !default;
781
+ $theme-dark-colors-primary-fixed-dim: #3053f4 !default;
764
782
  $theme-dark-colors-secondary-fixed: #dfe1f9 !default;
765
783
  $theme-dark-colors-secondary-fixed-dim: #c3c5dd !default;
766
784
  $theme-dark-colors-tertiary-fixed: #f79e79 !default;
@@ -769,7 +787,7 @@ $theme-dark-colors-primary-8: rgba(186, 195, 255, 0.08) !default;
769
787
  $theme-dark-colors-primary-12: rgba(186, 195, 255, 0.12) !default;
770
788
  $theme-dark-colors-on-surface-8: rgba(235, 232, 236, 0.08) !default;
771
789
  $theme-dark-colors-on-surface-12: rgba(235, 232, 236, 0.12) !default;
772
- $theme-dark-colors-on-primary-container: #dde1ff !default;
790
+ $theme-dark-colors-on-primary-container: #b8c8f6 !default;
773
791
  $theme-dark-colors-inverse-primary: #3053f4 !default;
774
792
  $theme-dark-colors-on-surface-38: rgba(235, 232, 236, 0.38) !default;
775
793
  $theme-dark-colors-on-surface-16: rgba(235, 232, 236, 0.16) !default;
@@ -901,7 +919,7 @@ $theme-dark-colors-negative-24: rgba(253, 125, 105, 0.24) !default;
901
919
  $theme-dark-colors-positive-24: rgba(145, 216, 144, 0.24) !default;
902
920
  $theme-dark-colors-caution-24: rgba(255, 183, 117, 0.24) !default;
903
921
  $theme-dark-colors-emphasis-24: rgba(204, 128, 156, 0.24) !default;
904
- $theme-dark-colors-background: #000000 !default;
922
+ $theme-dark-colors-background: #030406 !default;
905
923
  $theme-dark-colors-surface-variant-8: rgba(0, 0, 0, 0.08) !default;
906
924
  $theme-dark-colors-surface-variant-12: rgba(0, 0, 0, 0.12) !default;
907
925
  $theme-dark-colors-surface-variant-16: rgba(0, 0, 0, 0.16) !default;
@@ -944,7 +962,8 @@ $theme-dark-colors-on-primary-container-38: rgba(221, 225, 255, 0.38) !default;
944
962
  $theme-dark-colors-on-primary-container-74: rgba(221, 225, 255, 0.74) !default;
945
963
  $theme-dark-colors-primary-38: rgba(186, 195, 255, 0.38) !default;
946
964
  $theme-dark-colors-primary-74: rgba(186, 195, 255, 0.74) !default;
947
- $theme-dark-colors-brand: #ff5f02 !default;
965
+ $theme-dark-colors-brand: #3053f4 !default;
966
+ $theme-dark-colors-on-brand: #ebe8ec !default;
948
967
  $teradata-teal-50: #def9f8 !default;
949
968
  $teradata-teal-100: #b2ebea !default;
950
969
  $teradata-teal-200: #85dddc !default;
@@ -1468,6 +1487,7 @@ $tokens: (
1468
1487
  'digital-blue-60': $theme-light-palettes-digital-blue-60,
1469
1488
  'digital-blue-50': $theme-light-palettes-digital-blue-50,
1470
1489
  'digital-blue-40': $theme-light-palettes-digital-blue-40,
1490
+ 'digital-blue-35': $theme-light-palettes-digital-blue-35,
1471
1491
  'digital-blue-30': $theme-light-palettes-digital-blue-30,
1472
1492
  'digital-blue-20': $theme-light-palettes-digital-blue-20,
1473
1493
  'digital-blue-10': $theme-light-palettes-digital-blue-10,
@@ -1865,7 +1885,8 @@ $tokens: (
1865
1885
  'on-primary-container-74': $theme-light-colors-on-primary-container-74,
1866
1886
  'primary-38': $theme-light-colors-primary-38,
1867
1887
  'primary-74': $theme-light-colors-primary-74,
1868
- 'brand': $theme-light-colors-brand
1888
+ 'brand': $theme-light-colors-brand,
1889
+ 'on-brand': $theme-light-colors-on-brand
1869
1890
  )
1870
1891
  ),
1871
1892
  'dark': (
@@ -1879,6 +1900,7 @@ $tokens: (
1879
1900
  'digital-blue-60': $theme-dark-palettes-digital-blue-60,
1880
1901
  'digital-blue-50': $theme-dark-palettes-digital-blue-50,
1881
1902
  'digital-blue-40': $theme-dark-palettes-digital-blue-40,
1903
+ 'digital-blue-35': $theme-dark-palettes-digital-blue-35,
1882
1904
  'digital-blue-30': $theme-dark-palettes-digital-blue-30,
1883
1905
  'digital-blue-20': $theme-dark-palettes-digital-blue-20,
1884
1906
  'digital-blue-10': $theme-dark-palettes-digital-blue-10,
@@ -1906,8 +1928,23 @@ $tokens: (
1906
1928
  'navy-50': $theme-dark-palettes-navy-50,
1907
1929
  'navy-40': $theme-dark-palettes-navy-40,
1908
1930
  'navy-30': $theme-dark-palettes-navy-30,
1931
+ 'navy-29': $theme-dark-palettes-navy-29,
1932
+ 'navy-28': $theme-dark-palettes-navy-28,
1933
+ 'navy-27': $theme-dark-palettes-navy-27,
1934
+ 'navy-26': $theme-dark-palettes-navy-26,
1935
+ 'navy-25': $theme-dark-palettes-navy-25,
1936
+ 'navy-24': $theme-dark-palettes-navy-24,
1937
+ 'navy-23': $theme-dark-palettes-navy-23,
1938
+ 'navy-22': $theme-dark-palettes-navy-22,
1939
+ 'navy-21': $theme-dark-palettes-navy-21,
1909
1940
  'navy-20': $theme-dark-palettes-navy-20,
1941
+ 'navy-16': $theme-dark-palettes-navy-16,
1942
+ 'navy-14': $theme-dark-palettes-navy-14,
1943
+ 'navy-12': $theme-dark-palettes-navy-12,
1910
1944
  'navy-10': $theme-dark-palettes-navy-10,
1945
+ 'navy-8': $theme-dark-palettes-navy-8,
1946
+ 'navy-6': $theme-dark-palettes-navy-6,
1947
+ 'navy-4': $theme-dark-palettes-navy-4,
1911
1948
  'navy-0': $theme-dark-palettes-navy-0,
1912
1949
  'negative-100': $theme-dark-palettes-negative-100,
1913
1950
  'negative-98': $theme-dark-palettes-negative-98,
@@ -2276,7 +2313,8 @@ $tokens: (
2276
2313
  'on-primary-container-74': $theme-dark-colors-on-primary-container-74,
2277
2314
  'primary-38': $theme-dark-colors-primary-38,
2278
2315
  'primary-74': $theme-dark-colors-primary-74,
2279
- 'brand': $theme-dark-colors-brand
2316
+ 'brand': $theme-dark-colors-brand,
2317
+ 'on-brand': $theme-dark-colors-on-brand
2280
2318
  )
2281
2319
  )
2282
2320
  ),
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: #ececfe;
32
+ --cv-light-surface-primary: #2044e3;
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: #ececfe;
35
+ --cv-light-surface-accent: #2044e3;
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;
@@ -78,10 +78,10 @@
78
78
  --cv-dark-code-snippet-variable: #d19a66;
79
79
  --cv-dark-code-snippet-title: #61aeee;
80
80
  --cv-dark-code-snippet-class: #e6c07b;
81
- --cv-dark-primary: #bac3ff;
81
+ --cv-dark-primary: #688bf1;
82
82
  --cv-dark-secondary: #c3c5dd;
83
83
  --cv-dark-error: #fd7d69;
84
- --cv-dark-positive: #91d890;
84
+ --cv-dark-positive: #81f976;
85
85
  --cv-dark-caution: #ffcd9e;
86
86
  --cv-dark-negative: #fd7d69;
87
87
  --cv-dark-on-primary: #111a28;
@@ -89,22 +89,22 @@
89
89
  --cv-dark-on-background: #ebe8ec;
90
90
  --cv-dark-on-surface: #ebe8ec;
91
91
  --cv-dark-on-error: #331915;
92
- --cv-dark-divider: #3e3e41;
92
+ --cv-dark-divider: rgba(235, 232, 236, 0.16);
93
93
  --cv-dark-emphasis: #cc809c;
94
- --cv-dark-accent: #bac3ff;
95
- --cv-dark-background: #1e1d1e;
96
- --cv-dark-surface: #1e1d1e;
97
- --cv-dark-surface-canvas: #38383b;
98
- --cv-dark-surface-primary: #1d2c43;
94
+ --cv-dark-accent: #688bf1;
95
+ --cv-dark-background: #030406;
96
+ --cv-dark-surface: #182032;
97
+ --cv-dark-surface-canvas: #1e273c;
98
+ --cv-dark-surface-primary: #1a274e;
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: #1d2c43;
101
+ --cv-dark-surface-accent: #1a274e;
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: #434659;
104
+ --cv-dark-surface-secondary: #1a274e;
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
- --cv-dark-surface-positive: #224b22;
107
+ --cv-dark-surface-positive: #435e3e;
108
108
  --cv-dark-surface-positive-highlight: rgba(145, 216, 144, 0.08);
109
109
  --cv-dark-surface-positive-highlight-hover: rgba(145, 216, 144, 0.08);
110
110
  --cv-dark-surface-caution: #66492f;
@@ -144,6 +144,7 @@
144
144
  --cv-theme-light-palettes-digital-blue-60: #7187ff;
145
145
  --cv-theme-light-palettes-digital-blue-50: #4967ff;
146
146
  --cv-theme-light-palettes-digital-blue-40: #3053f4;
147
+ --cv-theme-light-palettes-digital-blue-35: #2044e3;
147
148
  --cv-theme-light-palettes-digital-blue-30: #0436d3;
148
149
  --cv-theme-light-palettes-digital-blue-20: #00208e;
149
150
  --cv-theme-light-palettes-digital-blue-10: #00115a;
@@ -316,7 +317,7 @@
316
317
  --cv-theme-light-palettes-navy-13: #00233c;
317
318
  --cv-theme-light-palettes-navy-98: #f8fafd;
318
319
  --cv-theme-light-colors-primary: #3053f4;
319
- --cv-theme-light-colors-primary-container: #ececfe;
320
+ --cv-theme-light-colors-primary-container: #2044e3;
320
321
  --cv-theme-light-colors-on-primary: #ffffff;
321
322
  --cv-theme-light-colors-secondary: #00233c;
322
323
  --cv-theme-light-colors-secondary-container: #deeafa;
@@ -539,16 +540,18 @@
539
540
  --cv-theme-light-colors-on-primary-container-74: rgba(0, 17, 90, 0.74);
540
541
  --cv-theme-light-colors-primary-38: rgba(48, 83, 244, 0.38);
541
542
  --cv-theme-light-colors-primary-74: rgba(48, 83, 244, 0.74);
542
- --cv-theme-light-colors-brand: #ff5f02;
543
+ --cv-theme-light-colors-brand: #3053f4;
544
+ --cv-theme-light-colors-on-brand: #f1f3f8;
543
545
  --cv-theme-dark-palettes-digital-blue-98: #efefff;
544
546
  --cv-theme-dark-palettes-digital-blue-100: #ffffff;
545
- --cv-theme-dark-palettes-digital-blue-95: #dde1ff;
546
- --cv-theme-dark-palettes-digital-blue-90: #bac3ff;
547
+ --cv-theme-dark-palettes-digital-blue-95: #b8c8f6;
548
+ --cv-theme-dark-palettes-digital-blue-90: #3053f4;
547
549
  --cv-theme-dark-palettes-digital-blue-80: #889fff;
548
550
  --cv-theme-dark-palettes-digital-blue-70: #7388d9;
549
551
  --cv-theme-dark-palettes-digital-blue-60: #5d71b4;
550
552
  --cv-theme-dark-palettes-digital-blue-50: #485a8e;
551
553
  --cv-theme-dark-palettes-digital-blue-40: #324369;
554
+ --cv-theme-dark-palettes-digital-blue-35: #1a274e;
552
555
  --cv-theme-dark-palettes-digital-blue-30: #1d2c43;
553
556
  --cv-theme-dark-palettes-digital-blue-20: #111a28;
554
557
  --cv-theme-dark-palettes-digital-blue-10: #0c121b;
@@ -575,9 +578,24 @@
575
578
  --cv-theme-dark-palettes-navy-60: #7793b1;
576
579
  --cv-theme-dark-palettes-navy-50: #5e7a97;
577
580
  --cv-theme-dark-palettes-navy-40: #45617d;
578
- --cv-theme-dark-palettes-navy-30: #2d4964;
579
- --cv-theme-dark-palettes-navy-20: #14324c;
580
- --cv-theme-dark-palettes-navy-10: #001d33;
581
+ --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;
591
+ --cv-theme-dark-palettes-navy-20: #2b374f;
592
+ --cv-theme-dark-palettes-navy-16: #1e273c;
593
+ --cv-theme-dark-palettes-navy-14: #182032;
594
+ --cv-theme-dark-palettes-navy-12: #111827;
595
+ --cv-theme-dark-palettes-navy-10: #0d131e;
596
+ --cv-theme-dark-palettes-navy-8: #090d17;
597
+ --cv-theme-dark-palettes-navy-6: #06080e;
598
+ --cv-theme-dark-palettes-navy-4: #030406;
581
599
  --cv-theme-dark-palettes-navy-0: #000000;
582
600
  --cv-theme-dark-palettes-negative-100: #ffffff;
583
601
  --cv-theme-dark-palettes-negative-98: #fff2f0;
@@ -608,14 +626,14 @@
608
626
  --cv-theme-dark-palettes-positive-100: #ffffff;
609
627
  --cv-theme-dark-palettes-positive-98: #eef8ee;
610
628
  --cv-theme-dark-palettes-positive-95: #bbe4bb;
611
- --cv-theme-dark-palettes-positive-90: #91d890;
629
+ --cv-theme-dark-palettes-positive-90: #81f976;
612
630
  --cv-theme-dark-palettes-positive-80: #55bc54;
613
631
  --cv-theme-dark-palettes-positive-70: #4da94c;
614
632
  --cv-theme-dark-palettes-positive-60: #449643;
615
633
  --cv-theme-dark-palettes-positive-50: #3b843b;
616
634
  --cv-theme-dark-palettes-positive-40: #337132;
617
- --cv-theme-dark-palettes-positive-30: #224b22;
618
- --cv-theme-dark-palettes-positive-20: #112611;
635
+ --cv-theme-dark-palettes-positive-30: #435e3e;
636
+ --cv-theme-dark-palettes-positive-20: #31412e;
619
637
  --cv-theme-dark-palettes-positive-10: #081308;
620
638
  --cv-theme-dark-palettes-positive-0: #000000;
621
639
  --cv-theme-dark-palettes-emphasis-100: #ffffff;
@@ -689,7 +707,7 @@
689
707
  --cv-theme-dark-palettes-neutral-23: #47474a;
690
708
  --cv-theme-dark-palettes-neutral-24: #4a4a4d;
691
709
  --cv-theme-dark-palettes-digital-blue-91: #bec9fe;
692
- --cv-theme-dark-palettes-digital-blue-92: #c6cffd;
710
+ --cv-theme-dark-palettes-digital-blue-92: #688bf1;
693
711
  --cv-theme-dark-palettes-digital-blue-93: #ced5fe;
694
712
  --cv-theme-dark-palettes-digital-blue-94: #d5dbfe;
695
713
  --cv-theme-dark-palettes-digital-blue-99: #fafaff;
@@ -720,25 +738,25 @@
720
738
  --cv-theme-dark-palettes-neutral-1: #000000;
721
739
  --cv-theme-dark-palettes-navy-13: #00233c;
722
740
  --cv-theme-dark-palettes-navy-98: #f8fafd;
723
- --cv-theme-dark-colors-primary: #bac3ff;
724
- --cv-theme-dark-colors-primary-container: #1d2c43;
741
+ --cv-theme-dark-colors-primary: #688bf1;
742
+ --cv-theme-dark-colors-primary-container: #1a274e;
725
743
  --cv-theme-dark-colors-on-primary: #111a28;
726
744
  --cv-theme-dark-colors-secondary: #c3c5dd;
727
- --cv-theme-dark-colors-secondary-container: #434659;
745
+ --cv-theme-dark-colors-secondary-container: #1a274e;
728
746
  --cv-theme-dark-colors-on-secondary: #171a2c;
729
- --cv-theme-dark-colors-on-secondary-container: #dfe1f9;
747
+ --cv-theme-dark-colors-on-secondary-container: #688bf1;
730
748
  --cv-theme-dark-colors-tertiary: #ff5f02;
731
749
  --cv-theme-dark-colors-tertiary-container: #c25d33;
732
750
  --cv-theme-dark-colors-on-tertiary: #612e1a;
733
751
  --cv-theme-dark-colors-on-tertiary-container: #fef1ec;
734
- --cv-theme-dark-colors-surface: #1e1d1e;
735
- --cv-theme-dark-colors-surface-dim: #161616;
736
- --cv-theme-dark-colors-surface-bright: #4a4a4d;
737
- --cv-theme-dark-colors-surface-container-lowest: #2c2b2d;
738
- --cv-theme-dark-colors-surface-container-low: #323134;
739
- --cv-theme-dark-colors-surface-container: #38383b;
740
- --cv-theme-dark-colors-surface-container-high: #3e3e41;
741
- --cv-theme-dark-colors-surface-container-highest: #444447;
752
+ --cv-theme-dark-colors-surface: #182032;
753
+ --cv-theme-dark-colors-surface-dim: #0d131e;
754
+ --cv-theme-dark-colors-surface-bright: #394967;
755
+ --cv-theme-dark-colors-surface-container-lowest: #090d17;
756
+ --cv-theme-dark-colors-surface-container-low: #111827;
757
+ --cv-theme-dark-colors-surface-container: #1e273c;
758
+ --cv-theme-dark-colors-surface-container-high: #2b374f;
759
+ --cv-theme-dark-colors-surface-container-highest: #34435f;
742
760
  --cv-theme-dark-colors-on-surface: #ebe8ec;
743
761
  --cv-theme-dark-colors-on-surface-variant: #d5d3d8;
744
762
  --cv-theme-dark-colors-inverse-surface: #ebe8ec;
@@ -747,20 +765,20 @@
747
765
  --cv-theme-dark-colors-negative-container: #65322a;
748
766
  --cv-theme-dark-colors-on-negative: #331915;
749
767
  --cv-theme-dark-colors-on-negative-container: #ffac9f;
750
- --cv-theme-dark-colors-positive: #91d890;
751
- --cv-theme-dark-colors-positive-container: #224b22;
752
- --cv-theme-dark-colors-on-positive: #112611;
753
- --cv-theme-dark-colors-on-positive-container: #91d890;
768
+ --cv-theme-dark-colors-positive: #81f976;
769
+ --cv-theme-dark-colors-positive-container: #435e3e;
770
+ --cv-theme-dark-colors-on-positive: #31412e;
771
+ --cv-theme-dark-colors-on-positive-container: #81f976;
754
772
  --cv-theme-dark-colors-caution: #ffcd9e;
755
773
  --cv-theme-dark-colors-caution-container: #66492f;
756
774
  --cv-theme-dark-colors-on-caution: #66492f;
757
775
  --cv-theme-dark-colors-on-caution-container: #ffcd9e;
758
776
  --cv-theme-dark-colors-outline: #8f8e97;
759
- --cv-theme-dark-colors-outline-variant: #3e3e41;
777
+ --cv-theme-dark-colors-outline-variant: rgba(235, 232, 236, 0.16);
760
778
  --cv-theme-dark-colors-shadow: #000000;
761
779
  --cv-theme-dark-colors-scrim: rgba(0, 0, 0, 0.32);
762
- --cv-theme-dark-colors-primary-fixed: #dde1ff;
763
- --cv-theme-dark-colors-primary-fixed-dim: #bac3ff;
780
+ --cv-theme-dark-colors-primary-fixed: #b8c8f6;
781
+ --cv-theme-dark-colors-primary-fixed-dim: #3053f4;
764
782
  --cv-theme-dark-colors-secondary-fixed: #dfe1f9;
765
783
  --cv-theme-dark-colors-secondary-fixed-dim: #c3c5dd;
766
784
  --cv-theme-dark-colors-tertiary-fixed: #f79e79;
@@ -769,7 +787,7 @@
769
787
  --cv-theme-dark-colors-primary-12: rgba(186, 195, 255, 0.12);
770
788
  --cv-theme-dark-colors-on-surface-8: rgba(235, 232, 236, 0.08);
771
789
  --cv-theme-dark-colors-on-surface-12: rgba(235, 232, 236, 0.12);
772
- --cv-theme-dark-colors-on-primary-container: #dde1ff;
790
+ --cv-theme-dark-colors-on-primary-container: #b8c8f6;
773
791
  --cv-theme-dark-colors-inverse-primary: #3053f4;
774
792
  --cv-theme-dark-colors-on-surface-38: rgba(235, 232, 236, 0.38);
775
793
  --cv-theme-dark-colors-on-surface-16: rgba(235, 232, 236, 0.16);
@@ -901,7 +919,7 @@
901
919
  --cv-theme-dark-colors-positive-24: rgba(145, 216, 144, 0.24);
902
920
  --cv-theme-dark-colors-caution-24: rgba(255, 183, 117, 0.24);
903
921
  --cv-theme-dark-colors-emphasis-24: rgba(204, 128, 156, 0.24);
904
- --cv-theme-dark-colors-background: #000000;
922
+ --cv-theme-dark-colors-background: #030406;
905
923
  --cv-theme-dark-colors-surface-variant-8: rgba(0, 0, 0, 0.08);
906
924
  --cv-theme-dark-colors-surface-variant-12: rgba(0, 0, 0, 0.12);
907
925
  --cv-theme-dark-colors-surface-variant-16: rgba(0, 0, 0, 0.16);
@@ -944,7 +962,8 @@
944
962
  --cv-theme-dark-colors-on-primary-container-74: rgba(221, 225, 255, 0.74);
945
963
  --cv-theme-dark-colors-primary-38: rgba(186, 195, 255, 0.38);
946
964
  --cv-theme-dark-colors-primary-74: rgba(186, 195, 255, 0.74);
947
- --cv-theme-dark-colors-brand: #ff5f02;
965
+ --cv-theme-dark-colors-brand: #3053f4;
966
+ --cv-theme-dark-colors-on-brand: #ebe8ec;
948
967
  --cv-teradata-teal-50: #def9f8;
949
968
  --cv-teradata-teal-100: #b2ebea;
950
969
  --cv-teradata-teal-200: #85dddc;
package/index.d.ts CHANGED
@@ -143,6 +143,7 @@ export const CvThemeLightPalettesDigitalBlue70: string;
143
143
  export const CvThemeLightPalettesDigitalBlue60: string;
144
144
  export const CvThemeLightPalettesDigitalBlue50: string;
145
145
  export const CvThemeLightPalettesDigitalBlue40: string;
146
+ export const CvThemeLightPalettesDigitalBlue35: string;
146
147
  export const CvThemeLightPalettesDigitalBlue30: string;
147
148
  export const CvThemeLightPalettesDigitalBlue20: string;
148
149
  export const CvThemeLightPalettesDigitalBlue10: string;
@@ -539,6 +540,7 @@ export const CvThemeLightColorsOnPrimaryContainer74: string;
539
540
  export const CvThemeLightColorsPrimary38: string;
540
541
  export const CvThemeLightColorsPrimary74: string;
541
542
  export const CvThemeLightColorsBrand: string;
543
+ export const CvThemeLightColorsOnBrand: string;
542
544
  export const CvThemeDarkPalettesDigitalBlue98: string;
543
545
  export const CvThemeDarkPalettesDigitalBlue100: string;
544
546
  export const CvThemeDarkPalettesDigitalBlue95: string;
@@ -548,6 +550,7 @@ export const CvThemeDarkPalettesDigitalBlue70: string;
548
550
  export const CvThemeDarkPalettesDigitalBlue60: string;
549
551
  export const CvThemeDarkPalettesDigitalBlue50: string;
550
552
  export const CvThemeDarkPalettesDigitalBlue40: string;
553
+ export const CvThemeDarkPalettesDigitalBlue35: string;
551
554
  export const CvThemeDarkPalettesDigitalBlue30: string;
552
555
  export const CvThemeDarkPalettesDigitalBlue20: string;
553
556
  export const CvThemeDarkPalettesDigitalBlue10: string;
@@ -575,8 +578,23 @@ export const CvThemeDarkPalettesNavy60: string;
575
578
  export const CvThemeDarkPalettesNavy50: string;
576
579
  export const CvThemeDarkPalettesNavy40: string;
577
580
  export const CvThemeDarkPalettesNavy30: string;
581
+ export const CvThemeDarkPalettesNavy29: string;
582
+ export const CvThemeDarkPalettesNavy28: string;
583
+ export const CvThemeDarkPalettesNavy27: string;
584
+ export const CvThemeDarkPalettesNavy26: string;
585
+ export const CvThemeDarkPalettesNavy25: string;
586
+ export const CvThemeDarkPalettesNavy24: string;
587
+ export const CvThemeDarkPalettesNavy23: string;
588
+ export const CvThemeDarkPalettesNavy22: string;
589
+ export const CvThemeDarkPalettesNavy21: string;
578
590
  export const CvThemeDarkPalettesNavy20: string;
591
+ export const CvThemeDarkPalettesNavy16: string;
592
+ export const CvThemeDarkPalettesNavy14: string;
593
+ export const CvThemeDarkPalettesNavy12: string;
579
594
  export const CvThemeDarkPalettesNavy10: string;
595
+ export const CvThemeDarkPalettesNavy8: string;
596
+ export const CvThemeDarkPalettesNavy6: string;
597
+ export const CvThemeDarkPalettesNavy4: string;
580
598
  export const CvThemeDarkPalettesNavy0: string;
581
599
  export const CvThemeDarkPalettesNegative100: string;
582
600
  export const CvThemeDarkPalettesNegative98: string;
@@ -944,6 +962,7 @@ export const CvThemeDarkColorsOnPrimaryContainer74: string;
944
962
  export const CvThemeDarkColorsPrimary38: string;
945
963
  export const CvThemeDarkColorsPrimary74: string;
946
964
  export const CvThemeDarkColorsBrand: string;
965
+ export const CvThemeDarkColorsOnBrand: string;
947
966
  export const CvTeradataTeal50: string;
948
967
  export const CvTeradataTeal100: string;
949
968
  export const CvTeradataTeal200: string;