@nova-design-system/nova-base 3.0.0 → 3.2.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 +188 -2
  4. package/dist/css/mccs.css +56 -27
  5. package/dist/css/nova-utils.css +8361 -8313
  6. package/dist/css/ocean.css +121 -92
  7. package/dist/css/spark.css +122 -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 +23 -10
  11. package/dist/js/mccs_dark.js +28 -15
  12. package/dist/js/mccs_light.d.ts +23 -10
  13. package/dist/js/mccs_light.js +30 -17
  14. package/dist/js/ocean_dark.d.ts +23 -10
  15. package/dist/js/ocean_dark.js +90 -77
  16. package/dist/js/ocean_light.d.ts +23 -10
  17. package/dist/js/ocean_light.js +95 -82
  18. package/dist/js/primitives.js +3 -3
  19. package/dist/js/spacings.d.ts +3 -0
  20. package/dist/js/spacings.js +3 -0
  21. package/dist/js/spark_dark.d.ts +23 -10
  22. package/dist/js/spark_dark.js +90 -77
  23. package/dist/js/spark_light.d.ts +23 -10
  24. package/dist/js/spark_light.js +97 -84
  25. package/dist/plugin/nova-plugin.js +224 -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);
@@ -484,13 +490,20 @@
484
490
  --components-button-high-background-active: var(--color-interaction-container-branded-high-background-active);
485
491
  --components-button-high-background: var(--color-interaction-container-branded-high-background);
486
492
  --color-focus-success: var(--color-feedback-success-low-border);
493
+ --color-focus-destructive-in-field: var(--color-feedback-error-low-border);
487
494
  --color-focus-destructive: var(--color-feedback-error-high-border);
488
495
  --color-focus-background-inverted: var(--color-level-inverted-00-background);
489
496
  --color-focus-background: var(--color-level-00-background);
490
- --color-interaction-link-inverted-icon: var(--color-content-inverted-medium-icon);
497
+ --color-interaction-link-inverted-text-inactive: var(--color-content-inverted-low-text);
491
498
  --color-interaction-link-inverted-text: var(--color-content-inverted-medium-text);
492
- --color-interaction-link-low-icon: var(--color-content-high-text);
499
+ --color-interaction-link-inverted-icon-inactive: var(--color-content-inverted-low-icon);
500
+ --color-interaction-link-inverted-icon: var(--color-content-inverted-medium-icon);
501
+ --color-interaction-link-low-text-inactive: var(--color-content-low-text);
493
502
  --color-interaction-link-low-text: var(--color-content-high-text);
503
+ --color-interaction-link-low-icon-inactive: var(--color-content-low-icon);
504
+ --color-interaction-link-low-icon: var(--color-content-high-text);
505
+ --color-interaction-link-high-text-inactive: var(--color-content-low-text);
506
+ --color-interaction-link-high-icon-inactive: var(--color-content-low-icon);
494
507
  --color-interaction-container-neutral-text-hover: var(--color-content-medium-text);
495
508
  --color-interaction-container-neutral-text: var(--color-content-low-text);
496
509
  --color-interaction-container-neutral-icon-hover: var(--color-content-medium-text);
@@ -687,7 +700,7 @@
687
700
  --color-rainbow-5-text: var(--color-turquoise-800);
688
701
  --color-rainbow-5-icon: var(--color-turquoise-800);
689
702
  --color-rainbow-5-border: var(--color-turquoise-800);
690
- --color-rainbow-5-background: var(--color-turquoise-100);
703
+ --color-rainbow-5-background: var(--color-turquoise-50);
691
704
  --color-rainbow-4-text: var(--color-red-500);
692
705
  --color-rainbow-4-icon: var(--color-red-500);
693
706
  --color-rainbow-4-border: var(--color-red-500);
@@ -700,51 +713,51 @@
700
713
  --color-rainbow-2-icon: var(--color-orange-700);
701
714
  --color-rainbow-2-border: var(--color-orange-700);
702
715
  --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);
716
+ --color-rainbow-1-text: var(--color-amber-700);
717
+ --color-rainbow-1-icon: var(--color-amber-700);
718
+ --color-rainbow-1-border: var(--color-amber-700);
706
719
  --color-rainbow-1-background: var(--color-amber-50);
707
720
  --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);
721
+ --color-feedback-success-low-text: var(--color-status-green-600);
722
+ --color-feedback-success-low-icon: var(--color-status-green-600);
723
+ --color-feedback-success-low-border: var(--color-status-green-600);
711
724
  --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);
725
+ --color-feedback-success-high-text: var(--color-status-green-800);
726
+ --color-feedback-success-high-icon: var(--color-status-green-800);
714
727
  --color-feedback-success-high-border: var(--color-status-green-400);
715
728
  --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);
729
+ --color-feedback-warning-low-text: var(--color-status-yellow-700);
730
+ --color-feedback-warning-low-icon: var(--color-status-yellow-700);
731
+ --color-feedback-warning-low-border: var(--color-status-yellow-700);
719
732
  --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);
733
+ --color-feedback-warning-high-text: var(--color-status-yellow-900);
734
+ --color-feedback-warning-high-icon: var(--color-status-yellow-900);
735
+ --color-feedback-warning-high-border: var(--color-status-yellow-500);
736
+ --color-feedback-warning-high-background: var(--color-status-yellow-500);
737
+ --color-feedback-neutral-low-text: var(--color-gray-ocean-450);
738
+ --color-feedback-neutral-low-icon: var(--color-gray-ocean-450);
739
+ --color-feedback-neutral-low-border: var(--color-gray-ocean-450);
740
+ --color-feedback-neutral-low-background: var(--color-gray-ocean-50);
741
+ --color-feedback-neutral-high-text: var(--color-gray-ocean-800);
742
+ --color-feedback-neutral-high-icon: var(--color-gray-ocean-800);
743
+ --color-feedback-neutral-high-border: var(--color-gray-ocean-250);
744
+ --color-feedback-neutral-high-background: var(--color-gray-ocean-250);
745
+ --color-feedback-error-low-text: var(--color-status-red-600);
746
+ --color-feedback-error-low-icon: var(--color-status-red-600);
747
+ --color-feedback-error-low-border: var(--color-status-red-600);
735
748
  --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);
749
+ --color-feedback-error-high-text: var(--color-status-red-900);
750
+ --color-feedback-error-high-icon: var(--color-status-red-900);
751
+ --color-feedback-error-high-border: var(--color-status-red-300);
752
+ --color-feedback-error-high-background: var(--color-status-red-300);
740
753
  --color-feedback-information-low-text: var(--color-status-blue-500);
741
754
  --color-feedback-information-low-icon: var(--color-status-blue-500);
742
755
  --color-feedback-information-low-border: var(--color-status-blue-500);
743
756
  --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);
757
+ --color-feedback-information-high-text: var(--color-status-blue-800);
758
+ --color-feedback-information-high-icon: var(--color-status-blue-800);
759
+ --color-feedback-information-high-border: var(--color-status-blue-300);
760
+ --color-feedback-information-high-background: var(--color-status-blue-300);
748
761
  --color-chart-10: var(--color-crimson-500);
749
762
  --color-chart-9: var(--color-dark-blue-500);
750
763
  --color-chart-8: var(--color-orange-500);
@@ -795,14 +808,20 @@
795
808
  --color-level-20-background: var(--color-gray-ocean-00);
796
809
  --color-level-15-background: var(--color-gray-ocean-75);
797
810
  --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);
811
+ --color-interaction-link-inverted-text-visited: var(--color-petrol-700);
812
+ --color-interaction-link-inverted-text-hover: var(--color-petrol-500);
813
+ --color-interaction-link-inverted-icon-visited: var(--color-petrol-700);
814
+ --color-interaction-link-inverted-icon-hover: var(--color-petrol-500);
815
+ --color-interaction-link-low-text-visited: var(--color-petrol-400);
801
816
  --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);
817
+ --color-interaction-link-low-icon-visited: var(--color-petrol-400);
818
+ --color-interaction-link-low-icon-hover: var(--color-petrol-600);
819
+ --color-interaction-link-high-text-visited: var(--color-petrol-800);
804
820
  --color-interaction-link-high-text-hover: var(--color-petrol-700);
805
821
  --color-interaction-link-high-text: var(--color-petrol-600);
822
+ --color-interaction-link-high-icon-visited: var(--color-petrol-800);
823
+ --color-interaction-link-high-icon-hover: var(--color-petrol-700);
824
+ --color-interaction-link-high-icon: var(--color-petrol-600);
806
825
  --color-interaction-container-neutral-text-active: var(--color-petrol-700);
807
826
  --color-interaction-container-neutral-icon-active: var(--color-petrol-700);
808
827
  --color-interaction-container-neutral-border-active: var(--color-petrol-700);
@@ -857,7 +876,11 @@
857
876
  --components-menu-contextual-border: var(--color-content-low-border);
858
877
  --components-menu-contextual-background: var(--color-level-00-background);
859
878
  --components-calendar-background: var(--color-level-00-background);
860
- --components-calendar-cell-text-today: var(--color-interaction-container-neutral-text-active);
879
+ --components-calendar-weeks-text-hover: var(--color-content-high-text);
880
+ --components-calendar-weeks-text: var(--color-content-high-text);
881
+ --components-calendar-weeks-background-hover: var(--color-level-15-background);
882
+ --components-calendar-weeks-background: var(--color-level-10-background);
883
+ --components-calendar-cell-text-today: var(--color-content-high-text);
861
884
  --components-calendar-cell-text-outside-month: var(--color-content-lower-text);
862
885
  --components-calendar-cell-text-in-range: var(--color-interaction-container-branded-low-text-active);
863
886
  --components-calendar-cell-text-selected: var(--color-interaction-container-branded-high-text-active);
@@ -867,10 +890,6 @@
867
890
  --components-calendar-cell-background-hover: var(--color-interaction-container-branded-low-background-hover);
868
891
  --components-calendar-cell-background-in-range: var(--color-interaction-container-branded-low-background-active);
869
892
  --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
893
  --components-calendar-header-text: var(--color-content-high-text);
875
894
  --components-calendar-border: var(--color-content-low-border);
876
895
  --components-field-time-border-active: var(--color-interaction-container-neutral-icon-active);
@@ -1019,13 +1038,20 @@
1019
1038
  --components-button-high-background-active: var(--color-interaction-container-branded-high-background-active);
1020
1039
  --components-button-high-background: var(--color-interaction-container-branded-high-background);
1021
1040
  --color-focus-success: var(--color-feedback-success-low-border);
1041
+ --color-focus-destructive-in-field: var(--color-feedback-error-low-border);
1022
1042
  --color-focus-destructive: var(--color-feedback-error-high-border);
1023
1043
  --color-focus-background-inverted: var(--color-level-inverted-00-background);
1024
1044
  --color-focus-background: var(--color-level-00-background);
1025
- --color-interaction-link-inverted-icon: var(--color-content-inverted-medium-icon);
1045
+ --color-interaction-link-inverted-text-inactive: var(--color-content-inverted-low-text);
1026
1046
  --color-interaction-link-inverted-text: var(--color-content-inverted-medium-text);
1027
- --color-interaction-link-low-icon: var(--color-content-high-text);
1047
+ --color-interaction-link-inverted-icon-inactive: var(--color-content-inverted-low-icon);
1048
+ --color-interaction-link-inverted-icon: var(--color-content-inverted-medium-icon);
1049
+ --color-interaction-link-low-text-inactive: var(--color-content-low-text);
1028
1050
  --color-interaction-link-low-text: var(--color-content-high-text);
1051
+ --color-interaction-link-low-icon-inactive: var(--color-content-low-icon);
1052
+ --color-interaction-link-low-icon: var(--color-content-high-text);
1053
+ --color-interaction-link-high-text-inactive: var(--color-content-low-text);
1054
+ --color-interaction-link-high-icon-inactive: var(--color-content-low-icon);
1029
1055
  --color-interaction-container-neutral-text-hover: var(--color-content-medium-text);
1030
1056
  --color-interaction-container-neutral-text: var(--color-content-low-text);
1031
1057
  --color-interaction-container-neutral-icon-hover: var(--color-content-medium-text);
@@ -1154,7 +1180,7 @@
1154
1180
  --color-yellow-200: #ffe286;
1155
1181
  --color-yellow-100: #ffecb3;
1156
1182
  --color-yellow-50: #fff7df;
1157
- --color-turquoise-900: #203330;
1183
+ --color-turquoise-900: #1c2b28;
1158
1184
  --color-turquoise-800: #32504c;
1159
1185
  --color-turquoise-700: #456e68;
1160
1186
  --color-turquoise-600: #578b84;
@@ -1309,8 +1335,8 @@
1309
1335
  --color-crimson-300: #bd597c;
1310
1336
  --color-crimson-200: #cf869f;
1311
1337
  --color-crimson-100: #e0b3c2;
1312
- --color-crimson-50: #f2dfe6;
1313
- --color-amber-900: #482608;
1338
+ --color-crimson-50: #f7e9ee;
1339
+ --color-amber-900: #432306;
1314
1340
  --color-amber-800: #723d0c;
1315
1341
  --color-amber-700: #9c5311;
1316
1342
  --color-amber-600: #c66a15;
@@ -1346,6 +1372,7 @@
1346
1372
  --popover-font-weight: 500;
1347
1373
  --menu-contextual-item-font-weight: 500;
1348
1374
  --menu-contextual-divider-padding-bottom: 3px;
1375
+ --form-max-width: 480px;
1349
1376
  --form-field-badge-gap: 0px;
1350
1377
  --list-native-separator-padding-y: 3px;
1351
1378
  --list-native-separator-padding-x: 9px;
@@ -1415,7 +1442,9 @@
1415
1442
  --breadcrumb-padding-y: var(--spacing-1);
1416
1443
  --badge-radius: var(--radius-rounded-full);
1417
1444
  --badge-padding-y: var(--spacing-1);
1445
+ --badge-padding-icon-only-x: var(--spacing-1);
1418
1446
  --badge-padding-x: var(--spacing-2);
1447
+ --badge-gap-icon-only-x: var(--spacing-0);
1419
1448
  --badge-gap-x: var(--spacing-1);
1420
1449
  --avatar-xl-size: var(--spacing-16);
1421
1450
  --avatar-xl-icon-size: var(--spacing-11);