@nova-design-system/nova-base 3.0.0 → 3.1.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 (26) hide show
  1. package/assets/icons/icon-sprite.svg +1 -1
  2. package/dist/cjs/generated/nova-tailwind-tokens.js +36 -0
  3. package/dist/cjs/plugin/nova-plugin.js +0 -2
  4. package/dist/css/mccs.css +53 -27
  5. package/dist/css/nova-utils.css +8361 -8313
  6. package/dist/css/ocean.css +118 -92
  7. package/dist/css/spark.css +119 -93
  8. package/dist/generated/nova-tailwind-tokens.d.ts +36 -0
  9. package/dist/generated/nova-tailwind-tokens.js +36 -0
  10. package/dist/js/mccs_dark.d.ts +22 -10
  11. package/dist/js/mccs_dark.js +27 -15
  12. package/dist/js/mccs_light.d.ts +22 -10
  13. package/dist/js/mccs_light.js +29 -17
  14. package/dist/js/ocean_dark.d.ts +22 -10
  15. package/dist/js/ocean_dark.js +89 -77
  16. package/dist/js/ocean_light.d.ts +22 -10
  17. package/dist/js/ocean_light.js +94 -82
  18. package/dist/js/primitives.js +3 -3
  19. package/dist/js/spacings.d.ts +2 -0
  20. package/dist/js/spacings.js +2 -0
  21. package/dist/js/spark_dark.d.ts +22 -10
  22. package/dist/js/spark_dark.js +89 -77
  23. package/dist/js/spark_light.d.ts +22 -10
  24. package/dist/js/spark_light.js +96 -84
  25. package/dist/plugin/nova-plugin.js +0 -2
  26. package/package.json +1 -1
package/dist/css/ocean.css CHANGED
@@ -148,7 +148,7 @@
148
148
  --color-rainbow-6-text: var(--color-crimson-200);
149
149
  --color-rainbow-6-icon: var(--color-crimson-200);
150
150
  --color-rainbow-6-border: var(--color-crimson-200);
151
- --color-rainbow-6-background: var(--color-crimson-700);
151
+ --color-rainbow-6-background: var(--color-crimson-800);
152
152
  --color-rainbow-5-text: var(--color-turquoise-500);
153
153
  --color-rainbow-5-icon: var(--color-turquoise-500);
154
154
  --color-rainbow-5-border: var(--color-turquoise-500);
@@ -170,44 +170,44 @@
170
170
  --color-rainbow-1-border: var(--color-amber-500);
171
171
  --color-rainbow-1-background: var(--color-amber-900);
172
172
  --color-focus-brand: var(--color-petrol-500);
173
- --color-feedback-success-low-text: var(--color-status-green-300);
174
- --color-feedback-success-low-icon: var(--color-status-green-300);
175
- --color-feedback-success-low-border: var(--color-status-green-300);
173
+ --color-feedback-success-low-text: var(--color-status-green-400);
174
+ --color-feedback-success-low-icon: var(--color-status-green-400);
175
+ --color-feedback-success-low-border: var(--color-status-green-400);
176
176
  --color-feedback-success-low-background: var(--color-status-green-900);
177
- --color-feedback-success-high-text: var(--color-base-black);
178
- --color-feedback-success-high-icon: var(--color-base-black);
177
+ --color-feedback-success-high-text: var(--color-status-green-800);
178
+ --color-feedback-success-high-icon: var(--color-status-green-800);
179
179
  --color-feedback-success-high-border: var(--color-status-green-300);
180
180
  --color-feedback-success-high-background: var(--color-status-green-300);
181
- --color-feedback-warning-low-text: var(--color-status-yellow-300);
182
- --color-feedback-warning-low-icon: var(--color-status-yellow-300);
183
- --color-feedback-warning-low-border: var(--color-status-yellow-300);
181
+ --color-feedback-warning-low-text: var(--color-status-yellow-500);
182
+ --color-feedback-warning-low-icon: var(--color-status-yellow-500);
183
+ --color-feedback-warning-low-border: var(--color-status-yellow-500);
184
184
  --color-feedback-warning-low-background: var(--color-status-yellow-900);
185
- --color-feedback-warning-high-text: var(--color-base-black);
186
- --color-feedback-warning-high-icon: var(--color-base-black);
187
- --color-feedback-warning-high-border: var(--color-status-yellow-300);
188
- --color-feedback-warning-high-background: var(--color-status-yellow-300);
189
- --color-feedback-neutral-low-text: var(--color-gray-ocean-300);
190
- --color-feedback-neutral-low-icon: var(--color-gray-ocean-300);
191
- --color-feedback-neutral-low-border: var(--color-gray-ocean-300);
192
- --color-feedback-neutral-low-background: var(--color-gray-ocean-650);
193
- --color-feedback-neutral-high-text: var(--color-base-black);
194
- --color-feedback-neutral-high-icon: var(--color-base-black);
195
- --color-feedback-neutral-high-border: var(--color-gray-ocean-300);
196
- --color-feedback-neutral-high-background: var(--color-gray-ocean-300);
197
- --color-feedback-error-low-text: var(--color-status-red-400);
198
- --color-feedback-error-low-icon: var(--color-status-red-400);
199
- --color-feedback-error-low-border: var(--color-status-red-400);
185
+ --color-feedback-warning-high-text: var(--color-status-yellow-900);
186
+ --color-feedback-warning-high-icon: var(--color-status-yellow-900);
187
+ --color-feedback-warning-high-border: var(--color-status-yellow-500);
188
+ --color-feedback-warning-high-background: var(--color-status-yellow-500);
189
+ --color-feedback-neutral-low-text: var(--color-gray-ocean-250);
190
+ --color-feedback-neutral-low-icon: var(--color-gray-ocean-250);
191
+ --color-feedback-neutral-low-border: var(--color-gray-ocean-250);
192
+ --color-feedback-neutral-low-background: var(--color-gray-ocean-800);
193
+ --color-feedback-neutral-high-text: var(--color-gray-ocean-800);
194
+ --color-feedback-neutral-high-icon: var(--color-gray-ocean-800);
195
+ --color-feedback-neutral-high-border: var(--color-gray-ocean-250);
196
+ --color-feedback-neutral-high-background: var(--color-gray-ocean-250);
197
+ --color-feedback-error-low-text: var(--color-status-red-300);
198
+ --color-feedback-error-low-icon: var(--color-status-red-300);
199
+ --color-feedback-error-low-border: var(--color-status-red-300);
200
200
  --color-feedback-error-low-background: var(--color-status-red-900);
201
- --color-feedback-error-high-text: var(--color-base-black);
202
- --color-feedback-error-high-icon: var(--color-base-black);
203
- --color-feedback-error-high-border: var(--color-status-red-400);
204
- --color-feedback-error-high-background: var(--color-status-red-400);
201
+ --color-feedback-error-high-text: var(--color-status-red-900);
202
+ --color-feedback-error-high-icon: var(--color-status-red-900);
203
+ --color-feedback-error-high-border: var(--color-status-red-300);
204
+ --color-feedback-error-high-background: var(--color-status-red-300);
205
205
  --color-feedback-information-low-text: var(--color-status-blue-300);
206
206
  --color-feedback-information-low-icon: var(--color-status-blue-300);
207
207
  --color-feedback-information-low-border: var(--color-status-blue-300);
208
208
  --color-feedback-information-low-background: var(--color-status-blue-900);
209
- --color-feedback-information-high-text: var(--color-base-black);
210
- --color-feedback-information-high-icon: var(--color-base-black);
209
+ --color-feedback-information-high-text: var(--color-status-blue-800);
210
+ --color-feedback-information-high-icon: var(--color-status-blue-800);
211
211
  --color-feedback-information-high-border: var(--color-status-blue-300);
212
212
  --color-feedback-information-high-background: var(--color-status-blue-300);
213
213
  --color-chart-10: var(--color-crimson-500);
@@ -260,14 +260,20 @@
260
260
  --color-level-20-background: var(--color-gray-ocean-700);
261
261
  --color-level-15-background: var(--color-gray-ocean-800);
262
262
  --color-level-10-background: var(--color-gray-ocean-800);
263
- --color-interaction-link-inverted-icon-hover: var(--color-petrol-500);
264
- --color-interaction-link-inverted-text-hover: var(--color-petrol-500);
265
- --color-interaction-link-low-icon-hover: var(--color-petrol-500);
263
+ --color-interaction-link-inverted-text-visited: var(--color-petrol-400);
264
+ --color-interaction-link-inverted-text-hover: var(--color-petrol-600);
265
+ --color-interaction-link-inverted-icon-visited: var(--color-petrol-400);
266
+ --color-interaction-link-inverted-icon-hover: var(--color-petrol-600);
267
+ --color-interaction-link-low-text-visited: var(--color-petrol-700);
266
268
  --color-interaction-link-low-text-hover: var(--color-petrol-500);
267
- --color-interaction-link-high-icon-hover: var(--color-petrol-400);
268
- --color-interaction-link-high-icon: var(--color-petrol-500);
269
+ --color-interaction-link-low-icon-visited: var(--color-petrol-700);
270
+ --color-interaction-link-low-icon-hover: var(--color-petrol-500);
271
+ --color-interaction-link-high-text-visited: var(--color-petrol-300);
269
272
  --color-interaction-link-high-text-hover: var(--color-petrol-400);
270
273
  --color-interaction-link-high-text: var(--color-petrol-500);
274
+ --color-interaction-link-high-icon-visited: var(--color-petrol-300);
275
+ --color-interaction-link-high-icon-hover: var(--color-petrol-400);
276
+ --color-interaction-link-high-icon: var(--color-petrol-500);
271
277
  --color-interaction-container-neutral-text-active: var(--color-petrol-400);
272
278
  --color-interaction-container-neutral-icon-active: var(--color-petrol-400);
273
279
  --color-interaction-container-neutral-border-active: var(--color-petrol-400);
@@ -322,7 +328,11 @@
322
328
  --components-menu-contextual-border: var(--color-content-low-border);
323
329
  --components-menu-contextual-background: var(--color-level-00-background);
324
330
  --components-calendar-background: var(--color-level-00-background);
325
- --components-calendar-cell-text-today: var(--color-interaction-container-neutral-text-active);
331
+ --components-calendar-weeks-text-hover: var(--color-content-high-text);
332
+ --components-calendar-weeks-text: var(--color-content-high-text);
333
+ --components-calendar-weeks-background-hover: var(--color-level-15-background);
334
+ --components-calendar-weeks-background: var(--color-level-10-background);
335
+ --components-calendar-cell-text-today: var(--color-content-high-text);
326
336
  --components-calendar-cell-text-outside-month: var(--color-content-lower-text);
327
337
  --components-calendar-cell-text-in-range: var(--color-interaction-container-branded-low-text-active);
328
338
  --components-calendar-cell-text-selected: var(--color-interaction-container-branded-high-text-active);
@@ -332,10 +342,6 @@
332
342
  --components-calendar-cell-background-hover: var(--color-interaction-container-branded-low-background-hover);
333
343
  --components-calendar-cell-background-in-range: var(--color-interaction-container-branded-low-background-active);
334
344
  --components-calendar-cell-background-selected: var(--color-interaction-container-branded-high-background-active);
335
- --components-calendar-weeks-text-hover: var(--color-content-high-text);
336
- --components-calendar-weeks-text: var(--color-content-high-text);
337
- --components-calendar-weeks-background-hover: var(--color-level-15-background);
338
- --components-calendar-weeks-background: var(--color-level-10-background);
339
345
  --components-calendar-header-text: var(--color-content-high-text);
340
346
  --components-calendar-border: var(--color-content-low-border);
341
347
  --components-field-time-border-active: var(--color-interaction-container-neutral-icon-active);
@@ -487,10 +493,16 @@
487
493
  --color-focus-destructive: var(--color-feedback-error-high-border);
488
494
  --color-focus-background-inverted: var(--color-level-inverted-00-background);
489
495
  --color-focus-background: var(--color-level-00-background);
490
- --color-interaction-link-inverted-icon: var(--color-content-inverted-medium-icon);
496
+ --color-interaction-link-inverted-text-inactive: var(--color-content-inverted-low-text);
491
497
  --color-interaction-link-inverted-text: var(--color-content-inverted-medium-text);
492
- --color-interaction-link-low-icon: var(--color-content-high-text);
498
+ --color-interaction-link-inverted-icon-inactive: var(--color-content-inverted-low-icon);
499
+ --color-interaction-link-inverted-icon: var(--color-content-inverted-medium-icon);
500
+ --color-interaction-link-low-text-inactive: var(--color-content-low-text);
493
501
  --color-interaction-link-low-text: var(--color-content-high-text);
502
+ --color-interaction-link-low-icon-inactive: var(--color-content-low-icon);
503
+ --color-interaction-link-low-icon: var(--color-content-high-text);
504
+ --color-interaction-link-high-text-inactive: var(--color-content-low-text);
505
+ --color-interaction-link-high-icon-inactive: var(--color-content-low-icon);
494
506
  --color-interaction-container-neutral-text-hover: var(--color-content-medium-text);
495
507
  --color-interaction-container-neutral-text: var(--color-content-low-text);
496
508
  --color-interaction-container-neutral-icon-hover: var(--color-content-medium-text);
@@ -687,7 +699,7 @@
687
699
  --color-rainbow-5-text: var(--color-turquoise-800);
688
700
  --color-rainbow-5-icon: var(--color-turquoise-800);
689
701
  --color-rainbow-5-border: var(--color-turquoise-800);
690
- --color-rainbow-5-background: var(--color-turquoise-100);
702
+ --color-rainbow-5-background: var(--color-turquoise-50);
691
703
  --color-rainbow-4-text: var(--color-red-500);
692
704
  --color-rainbow-4-icon: var(--color-red-500);
693
705
  --color-rainbow-4-border: var(--color-red-500);
@@ -700,51 +712,51 @@
700
712
  --color-rainbow-2-icon: var(--color-orange-700);
701
713
  --color-rainbow-2-border: var(--color-orange-700);
702
714
  --color-rainbow-2-background: var(--color-orange-50);
703
- --color-rainbow-1-text: var(--color-amber-600);
704
- --color-rainbow-1-icon: var(--color-amber-600);
705
- --color-rainbow-1-border: var(--color-amber-600);
715
+ --color-rainbow-1-text: var(--color-amber-700);
716
+ --color-rainbow-1-icon: var(--color-amber-700);
717
+ --color-rainbow-1-border: var(--color-amber-700);
706
718
  --color-rainbow-1-background: var(--color-amber-50);
707
719
  --color-focus-brand: var(--color-petrol-600);
708
- --color-feedback-success-low-text: var(--color-status-green-500);
709
- --color-feedback-success-low-icon: var(--color-status-green-500);
710
- --color-feedback-success-low-border: var(--color-status-green-500);
720
+ --color-feedback-success-low-text: var(--color-status-green-600);
721
+ --color-feedback-success-low-icon: var(--color-status-green-600);
722
+ --color-feedback-success-low-border: var(--color-status-green-600);
711
723
  --color-feedback-success-low-background: var(--color-status-green-50);
712
- --color-feedback-success-high-text: var(--color-base-white);
713
- --color-feedback-success-high-icon: var(--color-base-white);
724
+ --color-feedback-success-high-text: var(--color-status-green-800);
725
+ --color-feedback-success-high-icon: var(--color-status-green-800);
714
726
  --color-feedback-success-high-border: var(--color-status-green-400);
715
727
  --color-feedback-success-high-background: var(--color-status-green-400);
716
- --color-feedback-warning-low-text: var(--color-status-yellow-500);
717
- --color-feedback-warning-low-icon: var(--color-status-yellow-500);
718
- --color-feedback-warning-low-border: var(--color-status-yellow-500);
728
+ --color-feedback-warning-low-text: var(--color-status-yellow-700);
729
+ --color-feedback-warning-low-icon: var(--color-status-yellow-700);
730
+ --color-feedback-warning-low-border: var(--color-status-yellow-700);
719
731
  --color-feedback-warning-low-background: var(--color-status-yellow-50);
720
- --color-feedback-warning-high-text: var(--color-base-white);
721
- --color-feedback-warning-high-icon: var(--color-base-white);
722
- --color-feedback-warning-high-border: var(--color-status-yellow-400);
723
- --color-feedback-warning-high-background: var(--color-status-yellow-400);
724
- --color-feedback-neutral-low-text: var(--color-gray-ocean-400);
725
- --color-feedback-neutral-low-icon: var(--color-gray-ocean-400);
726
- --color-feedback-neutral-low-border: var(--color-gray-ocean-400);
727
- --color-feedback-neutral-low-background: var(--color-gray-ocean-75);
728
- --color-feedback-neutral-high-text: var(--color-base-white);
729
- --color-feedback-neutral-high-icon: var(--color-base-white);
730
- --color-feedback-neutral-high-border: var(--color-gray-ocean-400);
731
- --color-feedback-neutral-high-background: var(--color-gray-ocean-400);
732
- --color-feedback-error-low-text: var(--color-status-red-500);
733
- --color-feedback-error-low-icon: var(--color-status-red-500);
734
- --color-feedback-error-low-border: var(--color-status-red-500);
732
+ --color-feedback-warning-high-text: var(--color-status-yellow-900);
733
+ --color-feedback-warning-high-icon: var(--color-status-yellow-900);
734
+ --color-feedback-warning-high-border: var(--color-status-yellow-500);
735
+ --color-feedback-warning-high-background: var(--color-status-yellow-500);
736
+ --color-feedback-neutral-low-text: var(--color-gray-ocean-450);
737
+ --color-feedback-neutral-low-icon: var(--color-gray-ocean-450);
738
+ --color-feedback-neutral-low-border: var(--color-gray-ocean-450);
739
+ --color-feedback-neutral-low-background: var(--color-gray-ocean-50);
740
+ --color-feedback-neutral-high-text: var(--color-gray-ocean-800);
741
+ --color-feedback-neutral-high-icon: var(--color-gray-ocean-800);
742
+ --color-feedback-neutral-high-border: var(--color-gray-ocean-250);
743
+ --color-feedback-neutral-high-background: var(--color-gray-ocean-250);
744
+ --color-feedback-error-low-text: var(--color-status-red-600);
745
+ --color-feedback-error-low-icon: var(--color-status-red-600);
746
+ --color-feedback-error-low-border: var(--color-status-red-600);
735
747
  --color-feedback-error-low-background: var(--color-status-red-50);
736
- --color-feedback-error-high-text: var(--color-base-white);
737
- --color-feedback-error-high-icon: var(--color-base-white);
738
- --color-feedback-error-high-border: var(--color-status-red-500);
739
- --color-feedback-error-high-background: var(--color-status-red-500);
748
+ --color-feedback-error-high-text: var(--color-status-red-900);
749
+ --color-feedback-error-high-icon: var(--color-status-red-900);
750
+ --color-feedback-error-high-border: var(--color-status-red-300);
751
+ --color-feedback-error-high-background: var(--color-status-red-300);
740
752
  --color-feedback-information-low-text: var(--color-status-blue-500);
741
753
  --color-feedback-information-low-icon: var(--color-status-blue-500);
742
754
  --color-feedback-information-low-border: var(--color-status-blue-500);
743
755
  --color-feedback-information-low-background: var(--color-status-blue-50);
744
- --color-feedback-information-high-text: var(--color-base-white);
745
- --color-feedback-information-high-icon: var(--color-base-white);
746
- --color-feedback-information-high-border: var(--color-status-blue-400);
747
- --color-feedback-information-high-background: var(--color-status-blue-400);
756
+ --color-feedback-information-high-text: var(--color-status-blue-800);
757
+ --color-feedback-information-high-icon: var(--color-status-blue-800);
758
+ --color-feedback-information-high-border: var(--color-status-blue-300);
759
+ --color-feedback-information-high-background: var(--color-status-blue-300);
748
760
  --color-chart-10: var(--color-crimson-500);
749
761
  --color-chart-9: var(--color-dark-blue-500);
750
762
  --color-chart-8: var(--color-orange-500);
@@ -795,14 +807,20 @@
795
807
  --color-level-20-background: var(--color-gray-ocean-00);
796
808
  --color-level-15-background: var(--color-gray-ocean-75);
797
809
  --color-level-10-background: var(--color-gray-ocean-50);
798
- --color-interaction-link-inverted-icon-hover: var(--color-petrol-600);
799
- --color-interaction-link-inverted-text-hover: var(--color-petrol-600);
800
- --color-interaction-link-low-icon-hover: var(--color-petrol-600);
810
+ --color-interaction-link-inverted-text-visited: var(--color-petrol-700);
811
+ --color-interaction-link-inverted-text-hover: var(--color-petrol-500);
812
+ --color-interaction-link-inverted-icon-visited: var(--color-petrol-700);
813
+ --color-interaction-link-inverted-icon-hover: var(--color-petrol-500);
814
+ --color-interaction-link-low-text-visited: var(--color-petrol-400);
801
815
  --color-interaction-link-low-text-hover: var(--color-petrol-600);
802
- --color-interaction-link-high-icon-hover: var(--color-petrol-700);
803
- --color-interaction-link-high-icon: var(--color-petrol-600);
816
+ --color-interaction-link-low-icon-visited: var(--color-petrol-400);
817
+ --color-interaction-link-low-icon-hover: var(--color-petrol-600);
818
+ --color-interaction-link-high-text-visited: var(--color-petrol-800);
804
819
  --color-interaction-link-high-text-hover: var(--color-petrol-700);
805
820
  --color-interaction-link-high-text: var(--color-petrol-600);
821
+ --color-interaction-link-high-icon-visited: var(--color-petrol-800);
822
+ --color-interaction-link-high-icon-hover: var(--color-petrol-700);
823
+ --color-interaction-link-high-icon: var(--color-petrol-600);
806
824
  --color-interaction-container-neutral-text-active: var(--color-petrol-700);
807
825
  --color-interaction-container-neutral-icon-active: var(--color-petrol-700);
808
826
  --color-interaction-container-neutral-border-active: var(--color-petrol-700);
@@ -857,7 +875,11 @@
857
875
  --components-menu-contextual-border: var(--color-content-low-border);
858
876
  --components-menu-contextual-background: var(--color-level-00-background);
859
877
  --components-calendar-background: var(--color-level-00-background);
860
- --components-calendar-cell-text-today: var(--color-interaction-container-neutral-text-active);
878
+ --components-calendar-weeks-text-hover: var(--color-content-high-text);
879
+ --components-calendar-weeks-text: var(--color-content-high-text);
880
+ --components-calendar-weeks-background-hover: var(--color-level-15-background);
881
+ --components-calendar-weeks-background: var(--color-level-10-background);
882
+ --components-calendar-cell-text-today: var(--color-content-high-text);
861
883
  --components-calendar-cell-text-outside-month: var(--color-content-lower-text);
862
884
  --components-calendar-cell-text-in-range: var(--color-interaction-container-branded-low-text-active);
863
885
  --components-calendar-cell-text-selected: var(--color-interaction-container-branded-high-text-active);
@@ -867,10 +889,6 @@
867
889
  --components-calendar-cell-background-hover: var(--color-interaction-container-branded-low-background-hover);
868
890
  --components-calendar-cell-background-in-range: var(--color-interaction-container-branded-low-background-active);
869
891
  --components-calendar-cell-background-selected: var(--color-interaction-container-branded-high-background-active);
870
- --components-calendar-weeks-text-hover: var(--color-content-high-text);
871
- --components-calendar-weeks-text: var(--color-content-high-text);
872
- --components-calendar-weeks-background-hover: var(--color-level-15-background);
873
- --components-calendar-weeks-background: var(--color-level-10-background);
874
892
  --components-calendar-header-text: var(--color-content-high-text);
875
893
  --components-calendar-border: var(--color-content-low-border);
876
894
  --components-field-time-border-active: var(--color-interaction-container-neutral-icon-active);
@@ -1022,10 +1040,16 @@
1022
1040
  --color-focus-destructive: var(--color-feedback-error-high-border);
1023
1041
  --color-focus-background-inverted: var(--color-level-inverted-00-background);
1024
1042
  --color-focus-background: var(--color-level-00-background);
1025
- --color-interaction-link-inverted-icon: var(--color-content-inverted-medium-icon);
1043
+ --color-interaction-link-inverted-text-inactive: var(--color-content-inverted-low-text);
1026
1044
  --color-interaction-link-inverted-text: var(--color-content-inverted-medium-text);
1027
- --color-interaction-link-low-icon: var(--color-content-high-text);
1045
+ --color-interaction-link-inverted-icon-inactive: var(--color-content-inverted-low-icon);
1046
+ --color-interaction-link-inverted-icon: var(--color-content-inverted-medium-icon);
1047
+ --color-interaction-link-low-text-inactive: var(--color-content-low-text);
1028
1048
  --color-interaction-link-low-text: var(--color-content-high-text);
1049
+ --color-interaction-link-low-icon-inactive: var(--color-content-low-icon);
1050
+ --color-interaction-link-low-icon: var(--color-content-high-text);
1051
+ --color-interaction-link-high-text-inactive: var(--color-content-low-text);
1052
+ --color-interaction-link-high-icon-inactive: var(--color-content-low-icon);
1029
1053
  --color-interaction-container-neutral-text-hover: var(--color-content-medium-text);
1030
1054
  --color-interaction-container-neutral-text: var(--color-content-low-text);
1031
1055
  --color-interaction-container-neutral-icon-hover: var(--color-content-medium-text);
@@ -1154,7 +1178,7 @@
1154
1178
  --color-yellow-200: #ffe286;
1155
1179
  --color-yellow-100: #ffecb3;
1156
1180
  --color-yellow-50: #fff7df;
1157
- --color-turquoise-900: #203330;
1181
+ --color-turquoise-900: #1c2b28;
1158
1182
  --color-turquoise-800: #32504c;
1159
1183
  --color-turquoise-700: #456e68;
1160
1184
  --color-turquoise-600: #578b84;
@@ -1309,8 +1333,8 @@
1309
1333
  --color-crimson-300: #bd597c;
1310
1334
  --color-crimson-200: #cf869f;
1311
1335
  --color-crimson-100: #e0b3c2;
1312
- --color-crimson-50: #f2dfe6;
1313
- --color-amber-900: #482608;
1336
+ --color-crimson-50: #f7e9ee;
1337
+ --color-amber-900: #432306;
1314
1338
  --color-amber-800: #723d0c;
1315
1339
  --color-amber-700: #9c5311;
1316
1340
  --color-amber-600: #c66a15;
@@ -1415,7 +1439,9 @@
1415
1439
  --breadcrumb-padding-y: var(--spacing-1);
1416
1440
  --badge-radius: var(--radius-rounded-full);
1417
1441
  --badge-padding-y: var(--spacing-1);
1442
+ --badge-padding-icon-only-x: var(--spacing-1);
1418
1443
  --badge-padding-x: var(--spacing-2);
1444
+ --badge-gap-icon-only-x: var(--spacing-0);
1419
1445
  --badge-gap-x: var(--spacing-1);
1420
1446
  --avatar-xl-size: var(--spacing-16);
1421
1447
  --avatar-xl-icon-size: var(--spacing-11);