@nova-design-system/nova-base 3.0.0-beta.38 → 3.0.0-beta.40

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 (27) hide show
  1. package/dist/cjs/generated/nova-tailwind-components.js +29 -4
  2. package/dist/cjs/generated/nova-tailwind-tokens.js +3 -0
  3. package/dist/cjs/plugin/nova-plugin.js +2 -0
  4. package/dist/css/mccs.css +50 -16
  5. package/dist/css/nova-utils.css +8486 -8451
  6. package/dist/css/ocean.css +46 -18
  7. package/dist/css/spark.css +49 -21
  8. package/dist/generated/nova-tailwind-components.d.ts +29 -4
  9. package/dist/generated/nova-tailwind-components.js +29 -4
  10. package/dist/generated/nova-tailwind-tokens.d.ts +3 -0
  11. package/dist/generated/nova-tailwind-tokens.js +3 -0
  12. package/dist/js/mccs_dark.d.ts +24 -13
  13. package/dist/js/mccs_dark.js +24 -13
  14. package/dist/js/mccs_light.d.ts +24 -13
  15. package/dist/js/mccs_light.js +24 -13
  16. package/dist/js/ocean_dark.d.ts +24 -13
  17. package/dist/js/ocean_dark.js +24 -13
  18. package/dist/js/ocean_light.d.ts +24 -13
  19. package/dist/js/ocean_light.js +24 -13
  20. package/dist/js/primitives.d.ts +6 -0
  21. package/dist/js/primitives.js +6 -0
  22. package/dist/js/spark_dark.d.ts +24 -13
  23. package/dist/js/spark_dark.js +24 -13
  24. package/dist/js/spark_light.d.ts +24 -13
  25. package/dist/js/spark_light.js +27 -16
  26. package/dist/plugin/nova-plugin.js +2 -0
  27. package/package.json +1 -1
package/dist/css/ocean.css CHANGED
@@ -35,6 +35,8 @@
35
35
  --components-button-high-border-active: rgba(255, 255, 255, 0);
36
36
  --components-button-high-border-hover: rgba(255, 255, 255, 0);
37
37
  --components-button-high-border: rgba(255, 255, 255, 0);
38
+ --components-datagrid-background: rgba(0, 0, 0, 0);
39
+ --components-wpf-components-2: #ffffff;
38
40
  --shadow-y-axis-2xl: 25px;
39
41
  --shadow-y-axis-xl-2: 20px;
40
42
  --shadow-y-axis-xl-1: 10px;
@@ -98,7 +100,7 @@
98
100
  --components-loader-brand-foreground: var(--color-petrol-500);
99
101
  --components-loader-brand-background: var(--color-petrol-900);
100
102
  --components-loader-white-foreground: var(--color-base-white);
101
- --components-list-dropdown-item-background-title: var(--color-interaction-container-neutral-background);
103
+ --components-list-dropdown-group-title-background: var(--color-transparent);
102
104
  --components-list-dropdown-item-background-disabled: var(--color-interaction-container-neutral-background);
103
105
  --components-list-dropdown-item-background-hover: var(--color-interaction-container-neutral-background-hover);
104
106
  --components-list-dropdown-item-background-default: var(--color-interaction-container-neutral-background);
@@ -262,6 +264,7 @@
262
264
  --color-interaction-link-high-text: var(--color-petrol-500);
263
265
  --color-interaction-container-neutral-text-active: var(--color-petrol-400);
264
266
  --color-interaction-container-neutral-icon-active: var(--color-petrol-400);
267
+ --color-interaction-container-neutral-border-active: var(--color-petrol-400);
265
268
  --color-interaction-container-neutral-background-active: var(--color-petrol-900);
266
269
  --color-interaction-container-branded-high-text-hover: var(--color-base-black);
267
270
  --color-interaction-container-branded-high-text-active: var(--color-base-black);
@@ -291,10 +294,6 @@
291
294
  --components-popover-supporting-text: var(--color-content-low-text);
292
295
  --components-popover-text: var(--color-content-inverted-medium-text);
293
296
  --components-popover-border: var(--color-content-low-border);
294
- --components-menu-contextual-item-content-disabled: var(--color-content-lower-text);
295
- --components-menu-contextual-item-shortcut: var(--color-content-lower-text);
296
- --components-menu-contextual-border: var(--color-content-low-border);
297
- --components-menu-contextual-background: var(--color-level-00-background);
298
297
  --components-notification-neutral-icon: var(--color-feedback-neutral-low-icon);
299
298
  --components-notification-neutral-border: var(--color-feedback-neutral-low-border);
300
299
  --components-notification-neutral-background: var(--color-level-20-background);
@@ -312,12 +311,16 @@
312
311
  --components-notification-information-border: var(--color-feedback-information-low-border);
313
312
  --components-notification-information-icon: var(--color-feedback-information-low-icon);
314
313
  --components-notification-information-background: var(--color-level-20-background);
315
- --components-breadcrumb-text-hover: var(--color-interaction-link-low-text-hover);
316
- --components-breadcrumb-text-active: var(--color-content-medium-text);
317
- --components-breadcrumb-text: var(--color-content-low-text);
314
+ --components-menu-contextual-item-content-disabled: var(--color-content-lower-text);
315
+ --components-menu-contextual-item-shortcut: var(--color-content-lower-text);
316
+ --components-menu-contextual-border: var(--color-content-low-border);
317
+ --components-menu-contextual-background: var(--color-level-00-background);
318
318
  --components-field-time-border-active: var(--color-interaction-container-neutral-icon-active);
319
319
  --components-field-time-text-active: var(--color-interaction-container-neutral-text-active);
320
320
  --components-field-time-background-active: var(--color-interaction-container-neutral-background-active);
321
+ --components-breadcrumb-text-hover: var(--color-interaction-link-low-text-hover);
322
+ --components-breadcrumb-text-active: var(--color-content-medium-text);
323
+ --components-breadcrumb-text: var(--color-content-low-text);
321
324
  --components-avatar-content-10: var(--color-rainbow-10-icon);
322
325
  --components-avatar-content-9: var(--color-rainbow-9-text);
323
326
  --components-avatar-content-8: var(--color-rainbow-8-text);
@@ -375,13 +378,16 @@
375
378
  --components-button-destructive-lower-background: var(--color-dont-use-background);
376
379
  --components-list-dropdown-border: var(--color-content-low-border);
377
380
  --components-list-dropdown-separator: var(--color-content-low-border);
378
- --components-list-dropdown-item-title-content: var(--color-content-medium-text);
381
+ --components-list-dropdown-group-title-content: var(--color-content-medium-text);
382
+ --components-list-dropdown-item-background-active: var(--color-interaction-container-neutral-background-active);
379
383
  --components-list-dropdown-item-description-disabled: var(--color-content-lower-text);
380
384
  --components-list-dropdown-item-description-hover: var(--color-content-medium-text);
381
385
  --components-list-dropdown-item-description-default: var(--color-content-low-text);
386
+ --components-list-dropdown-item-label-active: var(--color-content-low-text);
382
387
  --components-list-dropdown-item-label-disabled: var(--color-content-low-text);
383
388
  --components-list-dropdown-item-label-hover: var(--color-content-high-text);
384
389
  --components-list-dropdown-item-label-default: var(--color-content-medium-text);
390
+ --components-list-dropdown-item-border-active: var(--color-interaction-container-neutral-border-active);
385
391
  --components-list-dropdown-header-background: var(--color-level-10-background);
386
392
  --components-list-dropdown-background: var(--color-level-00-background);
387
393
  --components-form-shape-foreground-disabled-error: var(--color-feedback-error-high-background);
@@ -448,6 +454,11 @@
448
454
  --components-button-high-background-hover: var(--color-interaction-container-branded-high-background-hover);
449
455
  --components-button-high-background-active: var(--color-interaction-container-branded-high-background-active);
450
456
  --components-button-high-background: var(--color-interaction-container-branded-high-background);
457
+ --components-datagrid-border-header: var(--color-content-medium-border);
458
+ --components-datagrid-border-body: var(--color-content-low-border);
459
+ --components-datagrid-content-subtext: var(--color-content-low-text);
460
+ --components-datagrid-content-text: var(--color-content-high-text);
461
+ --components-datagrid-content-header: var(--color-content-low-text);
451
462
  --color-focus-success: var(--color-feedback-success-low-border);
452
463
  --color-focus-destructive: var(--color-feedback-error-high-border);
453
464
  --color-interaction-link-inverted-icon: var(--color-content-inverted-medium-icon);
@@ -531,6 +542,8 @@
531
542
  --components-button-high-border-active: rgba(255, 255, 255, 0);
532
543
  --components-button-high-border-hover: rgba(255, 255, 255, 0);
533
544
  --components-button-high-border: rgba(255, 255, 255, 0);
545
+ --components-datagrid-background: rgba(255, 255, 255, 0);
546
+ --components-wpf-components-2: #ffffff;
534
547
  --shadow-y-axis-2xl: 25px;
535
548
  --shadow-y-axis-xl-2: 20px;
536
549
  --shadow-y-axis-xl-1: 10px;
@@ -594,7 +607,7 @@
594
607
  --components-loader-brand-foreground: var(--color-petrol-500);
595
608
  --components-loader-brand-background: var(--color-petrol-50);
596
609
  --components-loader-white-foreground: var(--color-base-white);
597
- --components-list-dropdown-item-background-title: var(--color-interaction-container-neutral-background);
610
+ --components-list-dropdown-group-title-background: var(--color-transparent);
598
611
  --components-list-dropdown-item-background-disabled: var(--color-interaction-container-neutral-background);
599
612
  --components-list-dropdown-item-background-hover: var(--color-interaction-container-neutral-background-hover);
600
613
  --components-list-dropdown-item-background-default: var(--color-interaction-container-neutral-background);
@@ -758,6 +771,7 @@
758
771
  --color-interaction-link-high-text: var(--color-petrol-600);
759
772
  --color-interaction-container-neutral-text-active: var(--color-petrol-700);
760
773
  --color-interaction-container-neutral-icon-active: var(--color-petrol-700);
774
+ --color-interaction-container-neutral-border-active: var(--color-petrol-700);
761
775
  --color-interaction-container-neutral-background-active: var(--color-petrol-50);
762
776
  --color-interaction-container-branded-high-text-hover: var(--color-base-white);
763
777
  --color-interaction-container-branded-high-text-active: var(--color-base-white);
@@ -787,10 +801,6 @@
787
801
  --components-popover-supporting-text: var(--color-content-low-text);
788
802
  --components-popover-text: var(--color-content-medium-text);
789
803
  --components-popover-border: var(--color-content-low-border);
790
- --components-menu-contextual-item-content-disabled: var(--color-content-lower-text);
791
- --components-menu-contextual-item-shortcut: var(--color-content-lower-text);
792
- --components-menu-contextual-border: var(--color-content-low-border);
793
- --components-menu-contextual-background: var(--color-level-00-background);
794
804
  --components-notification-neutral-icon: var(--color-feedback-neutral-low-icon);
795
805
  --components-notification-neutral-border: var(--color-feedback-neutral-low-border);
796
806
  --components-notification-neutral-background: var(--color-level-00-background);
@@ -808,12 +818,16 @@
808
818
  --components-notification-information-border: var(--color-feedback-information-low-border);
809
819
  --components-notification-information-icon: var(--color-feedback-information-low-icon);
810
820
  --components-notification-information-background: var(--color-level-00-background);
811
- --components-breadcrumb-text-hover: var(--color-interaction-link-low-text-hover);
812
- --components-breadcrumb-text-active: var(--color-content-medium-text);
813
- --components-breadcrumb-text: var(--color-content-low-text);
821
+ --components-menu-contextual-item-content-disabled: var(--color-content-lower-text);
822
+ --components-menu-contextual-item-shortcut: var(--color-content-lower-text);
823
+ --components-menu-contextual-border: var(--color-content-low-border);
824
+ --components-menu-contextual-background: var(--color-level-00-background);
814
825
  --components-field-time-border-active: var(--color-interaction-container-neutral-icon-active);
815
826
  --components-field-time-text-active: var(--color-interaction-container-neutral-text-active);
816
827
  --components-field-time-background-active: var(--color-interaction-container-neutral-background-active);
828
+ --components-breadcrumb-text-hover: var(--color-interaction-link-low-text-hover);
829
+ --components-breadcrumb-text-active: var(--color-content-medium-text);
830
+ --components-breadcrumb-text: var(--color-content-low-text);
817
831
  --components-avatar-content-10: var(--color-rainbow-10-icon);
818
832
  --components-avatar-content-9: var(--color-rainbow-9-text);
819
833
  --components-avatar-content-8: var(--color-rainbow-8-text);
@@ -871,13 +885,16 @@
871
885
  --components-button-destructive-lower-background: var(--color-dont-use-background);
872
886
  --components-list-dropdown-border: var(--color-content-low-border);
873
887
  --components-list-dropdown-separator: var(--color-content-low-border);
874
- --components-list-dropdown-item-title-content: var(--color-content-medium-text);
888
+ --components-list-dropdown-group-title-content: var(--color-content-medium-text);
889
+ --components-list-dropdown-item-background-active: var(--color-interaction-container-neutral-background-active);
875
890
  --components-list-dropdown-item-description-disabled: var(--color-content-lower-text);
876
891
  --components-list-dropdown-item-description-hover: var(--color-content-medium-text);
877
892
  --components-list-dropdown-item-description-default: var(--color-content-low-text);
893
+ --components-list-dropdown-item-label-active: var(--color-content-low-text);
878
894
  --components-list-dropdown-item-label-disabled: var(--color-content-low-text);
879
895
  --components-list-dropdown-item-label-hover: var(--color-content-high-text);
880
896
  --components-list-dropdown-item-label-default: var(--color-content-medium-text);
897
+ --components-list-dropdown-item-border-active: var(--color-interaction-container-neutral-border-active);
881
898
  --components-list-dropdown-header-background: var(--color-level-10-background);
882
899
  --components-list-dropdown-background: var(--color-level-00-background);
883
900
  --components-form-shape-foreground-disabled-error: var(--color-feedback-error-high-background);
@@ -944,6 +961,11 @@
944
961
  --components-button-high-background-hover: var(--color-interaction-container-branded-high-background-hover);
945
962
  --components-button-high-background-active: var(--color-interaction-container-branded-high-background-active);
946
963
  --components-button-high-background: var(--color-interaction-container-branded-high-background);
964
+ --components-datagrid-border-header: var(--color-content-medium-border);
965
+ --components-datagrid-border-body: var(--color-content-low-border);
966
+ --components-datagrid-content-subtext: var(--color-content-low-text);
967
+ --components-datagrid-content-text: var(--color-content-high-text);
968
+ --components-datagrid-content-header: var(--color-content-low-text);
947
969
  --color-focus-success: var(--color-feedback-success-low-border);
948
970
  --color-focus-destructive: var(--color-feedback-error-high-border);
949
971
  --color-interaction-link-inverted-icon: var(--color-content-inverted-medium-icon);
@@ -1086,6 +1108,12 @@
1086
1108
  --color-turquoise-200: #b8d6d2;
1087
1109
  --color-turquoise-100: #d2e5e3;
1088
1110
  --color-turquoise-50: #ecf4f3;
1111
+ --color-red-mccs-00: #ff6161;
1112
+ --color-red-mccs-500: #450000;
1113
+ --color-red-mccs-400: #7d0000;
1114
+ --color-red-mccs-300: #ae0303;
1115
+ --color-red-mccs-200: #d00202;
1116
+ --color-red-mccs-100: #ff3838;
1089
1117
  --color-red-900: #3d0909;
1090
1118
  --color-red-800: #610e0e;
1091
1119
  --color-red-700: #851313;
package/dist/css/spark.css CHANGED
@@ -34,6 +34,8 @@
34
34
  --components-button-high-border-active: rgba(255, 255, 255, 0);
35
35
  --components-button-high-border-hover: rgba(255, 255, 255, 0);
36
36
  --components-button-high-border: rgba(255, 255, 255, 0);
37
+ --components-datagrid-background: rgba(0, 0, 0, 0);
38
+ --components-wpf-components-2: #ffffff;
37
39
  --shadow-y-axis-2xl: 25px;
38
40
  --shadow-y-axis-xl-2: 20px;
39
41
  --shadow-y-axis-xl-1: 10px;
@@ -97,7 +99,7 @@
97
99
  --components-loader-brand-foreground: var(--color-orange-500);
98
100
  --components-loader-brand-background: var(--color-orange-900);
99
101
  --components-loader-white-foreground: var(--color-base-white);
100
- --components-list-dropdown-item-background-title: var(--color-interaction-container-neutral-background);
102
+ --components-list-dropdown-group-title-background: var(--color-transparent);
101
103
  --components-list-dropdown-item-background-disabled: var(--color-interaction-container-neutral-background);
102
104
  --components-list-dropdown-item-background-hover: var(--color-interaction-container-neutral-background-hover);
103
105
  --components-list-dropdown-item-background-default: var(--color-interaction-container-neutral-background);
@@ -262,6 +264,7 @@
262
264
  --color-interaction-link-high-text: var(--color-orange-500);
263
265
  --color-interaction-container-neutral-text-active: var(--color-orange-400);
264
266
  --color-interaction-container-neutral-icon-active: var(--color-orange-400);
267
+ --color-interaction-container-neutral-border-active: var(--color-orange-400);
265
268
  --color-interaction-container-neutral-background-active: var(--color-orange-900);
266
269
  --color-interaction-container-branded-high-text-hover: var(--color-base-black);
267
270
  --color-interaction-container-branded-high-text-active: var(--color-base-black);
@@ -291,10 +294,6 @@
291
294
  --components-popover-supporting-text: var(--color-content-low-text);
292
295
  --components-popover-text: var(--color-content-medium-text);
293
296
  --components-popover-border: var(--color-content-low-border);
294
- --components-menu-contextual-item-content-disabled: var(--color-content-lower-text);
295
- --components-menu-contextual-item-shortcut: var(--color-content-lower-text);
296
- --components-menu-contextual-border: var(--color-content-low-border);
297
- --components-menu-contextual-background: var(--color-level-00-background);
298
297
  --components-notification-neutral-icon: var(--color-feedback-neutral-low-icon);
299
298
  --components-notification-neutral-border: var(--color-feedback-neutral-low-border);
300
299
  --components-notification-neutral-background: var(--color-level-20-background);
@@ -312,12 +311,16 @@
312
311
  --components-notification-information-border: var(--color-feedback-information-low-border);
313
312
  --components-notification-information-icon: var(--color-feedback-information-low-icon);
314
313
  --components-notification-information-background: var(--color-level-20-background);
315
- --components-breadcrumb-text-hover: var(--color-interaction-link-low-text-hover);
316
- --components-breadcrumb-text-active: var(--color-content-medium-text);
317
- --components-breadcrumb-text: var(--color-content-low-text);
314
+ --components-menu-contextual-item-content-disabled: var(--color-content-lower-text);
315
+ --components-menu-contextual-item-shortcut: var(--color-content-lower-text);
316
+ --components-menu-contextual-border: var(--color-content-low-border);
317
+ --components-menu-contextual-background: var(--color-level-00-background);
318
318
  --components-field-time-border-active: var(--color-interaction-container-neutral-icon-active);
319
319
  --components-field-time-text-active: var(--color-interaction-container-neutral-text-active);
320
320
  --components-field-time-background-active: var(--color-interaction-container-neutral-background-active);
321
+ --components-breadcrumb-text-hover: var(--color-interaction-link-low-text-hover);
322
+ --components-breadcrumb-text-active: var(--color-content-medium-text);
323
+ --components-breadcrumb-text: var(--color-content-low-text);
321
324
  --components-avatar-content-10: var(--color-rainbow-10-icon);
322
325
  --components-avatar-content-9: var(--color-rainbow-9-text);
323
326
  --components-avatar-content-8: var(--color-rainbow-8-text);
@@ -375,13 +378,16 @@
375
378
  --components-button-destructive-lower-background: var(--color-dont-use-background);
376
379
  --components-list-dropdown-border: var(--color-content-low-border);
377
380
  --components-list-dropdown-separator: var(--color-content-low-border);
378
- --components-list-dropdown-item-title-content: var(--color-content-medium-text);
381
+ --components-list-dropdown-group-title-content: var(--color-content-medium-text);
382
+ --components-list-dropdown-item-background-active: var(--color-interaction-container-neutral-background-active);
379
383
  --components-list-dropdown-item-description-disabled: var(--color-content-lower-text);
380
384
  --components-list-dropdown-item-description-hover: var(--color-content-medium-text);
381
385
  --components-list-dropdown-item-description-default: var(--color-content-low-text);
386
+ --components-list-dropdown-item-label-active: var(--color-content-low-text);
382
387
  --components-list-dropdown-item-label-disabled: var(--color-content-low-text);
383
388
  --components-list-dropdown-item-label-hover: var(--color-content-high-text);
384
389
  --components-list-dropdown-item-label-default: var(--color-content-medium-text);
390
+ --components-list-dropdown-item-border-active: var(--color-interaction-container-neutral-border-active);
385
391
  --components-list-dropdown-header-background: var(--color-level-10-background);
386
392
  --components-list-dropdown-background: var(--color-level-00-background);
387
393
  --components-form-shape-foreground-disabled-error: var(--color-feedback-error-high-background);
@@ -448,6 +454,11 @@
448
454
  --components-button-high-background-hover: var(--color-interaction-container-branded-high-background-hover);
449
455
  --components-button-high-background-active: var(--color-interaction-container-branded-high-background-active);
450
456
  --components-button-high-background: var(--color-interaction-container-branded-high-background);
457
+ --components-datagrid-border-header: var(--color-content-medium-border);
458
+ --components-datagrid-border-body: var(--color-content-low-border);
459
+ --components-datagrid-content-subtext: var(--color-content-low-text);
460
+ --components-datagrid-content-text: var(--color-content-high-text);
461
+ --components-datagrid-content-header: var(--color-content-low-text);
451
462
  --color-focus-success: var(--color-feedback-success-low-border);
452
463
  --color-focus-destructive: var(--color-feedback-error-high-border);
453
464
  --color-interaction-link-inverted-icon: var(--color-content-inverted-medium-icon);
@@ -528,6 +539,8 @@
528
539
  --components-button-low-border: rgba(255, 255, 255, 0);
529
540
  --components-button-low-background: rgba(255, 255, 255, 0);
530
541
  --components-button-high-border: rgba(255, 255, 255, 0);
542
+ --components-datagrid-background: rgba(255, 255, 255, 0);
543
+ --components-wpf-components-2: #ffffff;
531
544
  --shadow-y-axis-2xl: 25px;
532
545
  --shadow-y-axis-xl-2: 20px;
533
546
  --shadow-y-axis-xl-1: 10px;
@@ -591,7 +604,7 @@
591
604
  --components-loader-brand-foreground: var(--color-orange-500);
592
605
  --components-loader-brand-background: var(--color-orange-50);
593
606
  --components-loader-white-foreground: var(--color-base-white);
594
- --components-list-dropdown-item-background-title: var(--color-interaction-container-neutral-background);
607
+ --components-list-dropdown-group-title-background: var(--color-transparent);
595
608
  --components-list-dropdown-item-background-disabled: var(--color-interaction-container-neutral-background);
596
609
  --components-list-dropdown-item-background-hover: var(--color-interaction-container-neutral-background-hover);
597
610
  --components-list-dropdown-item-background-default: var(--color-interaction-container-neutral-background);
@@ -756,6 +769,7 @@
756
769
  --color-interaction-link-high-text: var(--color-orange-500);
757
770
  --color-interaction-container-neutral-text-active: var(--color-orange-600);
758
771
  --color-interaction-container-neutral-icon-active: var(--color-orange-600);
772
+ --color-interaction-container-neutral-border-active: var(--color-orange-600);
759
773
  --color-interaction-container-neutral-background-active: var(--color-orange-50);
760
774
  --color-interaction-container-branded-high-text-hover: var(--color-base-white);
761
775
  --color-interaction-container-branded-high-text-active: var(--color-base-white);
@@ -785,10 +799,6 @@
785
799
  --components-popover-supporting-text: var(--color-content-low-text);
786
800
  --components-popover-text: var(--color-content-medium-text);
787
801
  --components-popover-border: var(--color-content-low-border);
788
- --components-menu-contextual-item-content-disabled: var(--color-content-lower-text);
789
- --components-menu-contextual-item-shortcut: var(--color-content-lower-text);
790
- --components-menu-contextual-border: var(--color-content-low-border);
791
- --components-menu-contextual-background: var(--color-level-00-background);
792
802
  --components-notification-neutral-icon: var(--color-feedback-neutral-low-icon);
793
803
  --components-notification-neutral-border: var(--color-feedback-neutral-low-border);
794
804
  --components-notification-neutral-background: var(--color-level-00-background);
@@ -806,12 +816,16 @@
806
816
  --components-notification-information-border: var(--color-feedback-information-low-border);
807
817
  --components-notification-information-icon: var(--color-feedback-information-low-icon);
808
818
  --components-notification-information-background: var(--color-level-00-background);
809
- --components-breadcrumb-text-hover: var(--color-interaction-link-low-text-hover);
810
- --components-breadcrumb-text-active: var(--color-content-medium-text);
811
- --components-breadcrumb-text: var(--color-content-low-text);
819
+ --components-menu-contextual-item-content-disabled: var(--color-content-lower-text);
820
+ --components-menu-contextual-item-shortcut: var(--color-content-lower-text);
821
+ --components-menu-contextual-border: var(--color-content-low-border);
822
+ --components-menu-contextual-background: var(--color-level-00-background);
812
823
  --components-field-time-border-active: var(--color-interaction-container-neutral-icon-active);
813
824
  --components-field-time-text-active: var(--color-interaction-container-neutral-text-active);
814
825
  --components-field-time-background-active: var(--color-interaction-container-neutral-background-active);
826
+ --components-breadcrumb-text-hover: var(--color-interaction-link-low-text-hover);
827
+ --components-breadcrumb-text-active: var(--color-content-medium-text);
828
+ --components-breadcrumb-text: var(--color-content-low-text);
815
829
  --components-avatar-content-10: var(--color-rainbow-10-icon);
816
830
  --components-avatar-content-9: var(--color-rainbow-9-text);
817
831
  --components-avatar-content-8: var(--color-rainbow-8-text);
@@ -869,13 +883,16 @@
869
883
  --components-button-destructive-lower-background: var(--color-dont-use-background);
870
884
  --components-list-dropdown-border: var(--color-content-low-border);
871
885
  --components-list-dropdown-separator: var(--color-content-low-border);
872
- --components-list-dropdown-item-title-content: var(--color-content-medium-text);
873
- --components-list-dropdown-item-description-disabled: var(--color-content-lower-text);
874
- --components-list-dropdown-item-description-hover: var(--color-content-medium-text);
886
+ --components-list-dropdown-group-title-content: var(--color-content-medium-text);
887
+ --components-list-dropdown-item-background-active: var(--color-interaction-container-neutral-background-active);
888
+ --components-list-dropdown-item-description-disabled: var(--color-content-low-text);
889
+ --components-list-dropdown-item-description-hover: var(--color-content-low-text);
875
890
  --components-list-dropdown-item-description-default: var(--color-content-low-text);
876
- --components-list-dropdown-item-label-disabled: var(--color-content-low-text);
891
+ --components-list-dropdown-item-label-active: var(--color-interaction-container-neutral-text-active);
892
+ --components-list-dropdown-item-label-disabled: var(--color-content-medium-text);
877
893
  --components-list-dropdown-item-label-hover: var(--color-content-high-text);
878
894
  --components-list-dropdown-item-label-default: var(--color-content-medium-text);
895
+ --components-list-dropdown-item-border-active: var(--color-interaction-container-neutral-border-active);
879
896
  --components-list-dropdown-header-background: var(--color-level-10-background);
880
897
  --components-list-dropdown-background: var(--color-level-00-background);
881
898
  --components-form-shape-foreground-disabled-error: var(--color-feedback-error-high-background);
@@ -944,6 +961,11 @@
944
961
  --components-button-high-background-hover: var(--color-interaction-container-branded-high-background-hover);
945
962
  --components-button-high-background-active: var(--color-interaction-container-branded-high-background-active);
946
963
  --components-button-high-background: var(--color-interaction-container-branded-high-background);
964
+ --components-datagrid-border-header: var(--color-content-medium-border);
965
+ --components-datagrid-border-body: var(--color-content-low-border);
966
+ --components-datagrid-content-subtext: var(--color-content-low-text);
967
+ --components-datagrid-content-text: var(--color-content-high-text);
968
+ --components-datagrid-content-header: var(--color-content-low-text);
947
969
  --color-focus-success: var(--color-feedback-success-low-border);
948
970
  --color-focus-destructive: var(--color-feedback-error-high-border);
949
971
  --color-interaction-link-inverted-icon: var(--color-content-inverted-medium-icon);
@@ -1086,6 +1108,12 @@
1086
1108
  --color-turquoise-200: #b8d6d2;
1087
1109
  --color-turquoise-100: #d2e5e3;
1088
1110
  --color-turquoise-50: #ecf4f3;
1111
+ --color-red-mccs-00: #ff6161;
1112
+ --color-red-mccs-500: #450000;
1113
+ --color-red-mccs-400: #7d0000;
1114
+ --color-red-mccs-300: #ae0303;
1115
+ --color-red-mccs-200: #d00202;
1116
+ --color-red-mccs-100: #ff3838;
1089
1117
  --color-red-900: #3d0909;
1090
1118
  --color-red-800: #610e0e;
1091
1119
  --color-red-700: #851313;
package/dist/generated/nova-tailwind-components.d.ts CHANGED
@@ -329,7 +329,7 @@ export declare const NOVA_TAILWIND_COMPONENTS: {
329
329
  '.nv-link:hover': {
330
330
  color: string;
331
331
  };
332
- '.nv-sidenav .nv-link, .nv-navbar .nv-link, .nv-tabs .nv-link': {
332
+ '.nv-sidenav .nv-link, .nv-navbar .nv-link, .nv-tabs .nv-link, .nv-buttongroup .nv-link': {
333
333
  display: string;
334
334
  alignItems: string;
335
335
  color: string;
@@ -361,16 +361,16 @@ export declare const NOVA_TAILWIND_COMPONENTS: {
361
361
  borderColor: string;
362
362
  backgroundColor: string;
363
363
  };
364
- '.nv-navbar .nv-link, .nv-sidenav .nv-link': {
364
+ '.nv-navbar .nv-link, .nv-sidenav .nv-link, .nv-buttongroup .nv-link': {
365
365
  border: string;
366
366
  borderRadius: string;
367
367
  };
368
- '.nv-navbar .nv-link:hover, .nv-sidenav .nv-link:hover': {
368
+ '.nv-navbar .nv-link:hover, .nv-sidenav .nv-link:hover, .nv-buttongroup .nv-link:hover': {
369
369
  color: string;
370
370
  borderColor: string;
371
371
  backgroundColor: string;
372
372
  };
373
- '.nv-navbar .nv-link.active, .nv-navbar .nv-link.router-link-active, .nv-sidenav .nv-link.active, .nv-sidenav .nv-link.router-link-active': {
373
+ '.nv-navbar .nv-link.active, .nv-navbar .nv-link.router-link-active, .nv-sidenav .nv-link.active, .nv-sidenav .nv-link.router-link-active, .nv-buttongroup .nv-link.active, .nv-buttongroup .nv-link.router-link-active': {
374
374
  color: string;
375
375
  borderColor: string;
376
376
  backgroundColor: string;
@@ -382,6 +382,27 @@ export declare const NOVA_TAILWIND_COMPONENTS: {
382
382
  width: string;
383
383
  height: string;
384
384
  };
385
+ '.nv-buttongroup': {
386
+ display: string;
387
+ borderRadius: string;
388
+ border: string;
389
+ overflow: string;
390
+ };
391
+ '.nv-buttongroup .nv-link': {
392
+ borderColor: string;
393
+ borderWidth: string;
394
+ borderStyle: string;
395
+ borderRadius: string;
396
+ };
397
+ '.nv-buttongroup .nv-link:hover': {
398
+ borderColor: string;
399
+ };
400
+ '.nv-buttongroup .nv-link.active, .nv-buttongroup .nv-link.router-link-active': {
401
+ borderColor: string;
402
+ };
403
+ '.nv-buttongroup li:last-child .nv-link': {
404
+ borderRightWidth: string;
405
+ };
385
406
  '.nv-link .nv-badge': {
386
407
  borderRadius: string;
387
408
  width: string;
@@ -396,4 +417,8 @@ export declare const NOVA_TAILWIND_COMPONENTS: {
396
417
  opacity: string;
397
418
  cursor: string;
398
419
  };
420
+ '.nv-link.disabled:hover': {
421
+ color: string;
422
+ backgroundColor: string;
423
+ };
399
424
  };
package/dist/generated/nova-tailwind-components.js CHANGED
@@ -330,7 +330,7 @@ export const NOVA_TAILWIND_COMPONENTS = {
330
330
  '.nv-link:hover': {
331
331
  'color': 'var(--color-interaction-link-high-text-hover)'
332
332
  },
333
- '.nv-sidenav .nv-link, .nv-navbar .nv-link, .nv-tabs .nv-link': {
333
+ '.nv-sidenav .nv-link, .nv-navbar .nv-link, .nv-tabs .nv-link, .nv-buttongroup .nv-link': {
334
334
  'display': 'flex',
335
335
  'alignItems': 'center',
336
336
  'color': 'var(--color-interaction-container-neutral-text)',
@@ -362,16 +362,16 @@ export const NOVA_TAILWIND_COMPONENTS = {
362
362
  'borderColor': 'var(--color-interaction-container-branded-low-border-active)',
363
363
  'backgroundColor': 'transparent'
364
364
  },
365
- '.nv-navbar .nv-link, .nv-sidenav .nv-link': {
365
+ '.nv-navbar .nv-link, .nv-sidenav .nv-link, .nv-buttongroup .nv-link': {
366
366
  'border': 'solid 0 transparent',
367
367
  'borderRadius': 'var(--radius-rounded-md)'
368
368
  },
369
- '.nv-navbar .nv-link:hover, .nv-sidenav .nv-link:hover': {
369
+ '.nv-navbar .nv-link:hover, .nv-sidenav .nv-link:hover, .nv-buttongroup .nv-link:hover': {
370
370
  'color': 'var(--color-interaction-container-neutral-text-hover)',
371
371
  'borderColor': 'var(--color-interaction-container-neutral-border-hover)',
372
372
  'backgroundColor': 'var(--color-interaction-container-neutral-background-hover)'
373
373
  },
374
- '.nv-navbar .nv-link.active, .nv-navbar .nv-link.router-link-active, .nv-sidenav .nv-link.active, .nv-sidenav .nv-link.router-link-active': {
374
+ '.nv-navbar .nv-link.active, .nv-navbar .nv-link.router-link-active, .nv-sidenav .nv-link.active, .nv-sidenav .nv-link.router-link-active, .nv-buttongroup .nv-link.active, .nv-buttongroup .nv-link.router-link-active': {
375
375
  'color': 'var(--color-interaction-container-neutral-text-active)',
376
376
  'borderColor': 'var(--color-interaction-container-neutral-text-active)',
377
377
  'backgroundColor': 'var(--color-interaction-container-neutral-background-active)'
@@ -383,6 +383,27 @@ export const NOVA_TAILWIND_COMPONENTS = {
383
383
  'width': '20px !important',
384
384
  'height': '20px !important'
385
385
  },
386
+ '.nv-buttongroup': {
387
+ 'display': 'inline-flex',
388
+ 'borderRadius': 'var(--radius-rounded-md)',
389
+ 'border': '1px solid var(--color-content-medium-border)',
390
+ 'overflow': 'hidden'
391
+ },
392
+ '.nv-buttongroup .nv-link': {
393
+ 'borderColor': 'var(--color-content-medium-border)',
394
+ 'borderWidth': '0 1px 0 0',
395
+ 'borderStyle': 'solid',
396
+ 'borderRadius': '0'
397
+ },
398
+ '.nv-buttongroup .nv-link:hover': {
399
+ 'borderColor': 'var(--color-content-medium-border)'
400
+ },
401
+ '.nv-buttongroup .nv-link.active, .nv-buttongroup .nv-link.router-link-active': {
402
+ 'borderColor': 'var(--color-content-medium-border)'
403
+ },
404
+ '.nv-buttongroup li:last-child .nv-link': {
405
+ 'borderRightWidth': '0'
406
+ },
386
407
  '.nv-link .nv-badge': {
387
408
  'borderRadius': 'var(--radius-rounded-full)',
388
409
  'width': 'var(--spacing-5)',
@@ -396,5 +417,9 @@ export const NOVA_TAILWIND_COMPONENTS = {
396
417
  '.nv-link.disabled': {
397
418
  'opacity': '0.5',
398
419
  'cursor': 'not-allowed'
420
+ },
421
+ '.nv-link.disabled:hover': {
422
+ 'color': 'var(--color-interaction-container-neutral-text)',
423
+ 'backgroundColor': 'transparent'
399
424
  }
400
425
  };
package/dist/generated/nova-tailwind-tokens.d.ts CHANGED
@@ -261,6 +261,9 @@ export declare const NOVA_TAILWIND_TOKENS: {
261
261
  '.border-interaction-container-neutral': {
262
262
  'border-color': string;
263
263
  };
264
+ '.border-interaction-container-neutral-active': {
265
+ 'border-color': string;
266
+ };
264
267
  '.border-interaction-container-neutral-hover': {
265
268
  'border-color': string;
266
269
  };
package/dist/generated/nova-tailwind-tokens.js CHANGED
@@ -262,6 +262,9 @@ export const NOVA_TAILWIND_TOKENS = {
262
262
  '.border-interaction-container-neutral': {
263
263
  'border-color': 'var(--color-interaction-container-neutral-border)'
264
264
  },
265
+ '.border-interaction-container-neutral-active': {
266
+ 'border-color': 'var(--color-interaction-container-neutral-border-active)'
267
+ },
265
268
  '.border-interaction-container-neutral-hover': {
266
269
  'border-color': 'var(--color-interaction-container-neutral-border-hover)'
267
270
  },
package/dist/js/mccs_dark.d.ts CHANGED
@@ -30,6 +30,7 @@ export const ColorInteractionContainerNeutralBackground : string;
30
30
  export const ColorInteractionContainerNeutralBackgroundHover : string;
31
31
  export const ColorInteractionContainerNeutralBackgroundActive : string;
32
32
  export const ColorInteractionContainerNeutralBorder : string;
33
+ export const ColorInteractionContainerNeutralBorderActive : string;
33
34
  export const ColorInteractionContainerNeutralBorderHover : string;
34
35
  export const ColorInteractionContainerNeutralIcon : string;
35
36
  export const ColorInteractionContainerNeutralIconActive : string;
@@ -216,6 +217,13 @@ export const ShadowYAxisLg2 : string;
216
217
  export const ShadowYAxisXl1 : string;
217
218
  export const ShadowYAxisXl2 : string;
218
219
  export const ShadowYAxis2xl : string;
220
+ export const ComponentsWpfComponents2 : string;
221
+ export const ComponentsDatagridBackground : string;
222
+ export const ComponentsDatagridContentHeader : string;
223
+ export const ComponentsDatagridContentText : string;
224
+ export const ComponentsDatagridContentSubtext : string;
225
+ export const ComponentsDatagridBorderBody : string;
226
+ export const ComponentsDatagridBorderHeader : string;
219
227
  export const ComponentsButtonHighBorder : string;
220
228
  export const ComponentsButtonHighBorderHover : string;
221
229
  export const ComponentsButtonHighBorderActive : string;
@@ -329,17 +337,20 @@ export const ComponentsListNativeItemBackgroundDisabled : string;
329
337
  export const ComponentsListNativeItemBackgroundTitle : string;
330
338
  export const ComponentsListDropdownBackground : string;
331
339
  export const ComponentsListDropdownHeaderBackground : string;
340
+ export const ComponentsListDropdownItemBorderActive : string;
332
341
  export const ComponentsListDropdownItemLabelDefault : string;
333
342
  export const ComponentsListDropdownItemLabelHover : string;
334
343
  export const ComponentsListDropdownItemLabelDisabled : string;
344
+ export const ComponentsListDropdownItemLabelActive : string;
335
345
  export const ComponentsListDropdownItemDescriptionDefault : string;
336
346
  export const ComponentsListDropdownItemDescriptionHover : string;
337
347
  export const ComponentsListDropdownItemDescriptionDisabled : string;
338
348
  export const ComponentsListDropdownItemBackgroundDefault : string;
339
349
  export const ComponentsListDropdownItemBackgroundHover : string;
340
350
  export const ComponentsListDropdownItemBackgroundDisabled : string;
341
- export const ComponentsListDropdownItemBackgroundTitle : string;
342
- export const ComponentsListDropdownItemTitleContent : string;
351
+ export const ComponentsListDropdownItemBackgroundActive : string;
352
+ export const ComponentsListDropdownGroupTitleContent : string;
353
+ export const ComponentsListDropdownGroupTitleBackground : string;
343
354
  export const ComponentsListDropdownSeparator : string;
344
355
  export const ComponentsListDropdownBorder : string;
345
356
  export const ComponentsLoaderWhiteBackground : string;
@@ -425,6 +436,9 @@ export const ComponentsAvatarContent7 : string;
425
436
  export const ComponentsAvatarContent8 : string;
426
437
  export const ComponentsAvatarContent9 : string;
427
438
  export const ComponentsAvatarContent10 : string;
439
+ export const ComponentsBreadcrumbText : string;
440
+ export const ComponentsBreadcrumbTextActive : string;
441
+ export const ComponentsBreadcrumbTextHover : string;
428
442
  export const ComponentsFieldTimeBackgroundDefault : string;
429
443
  export const ComponentsFieldTimeBackgroundHover : string;
430
444
  export const ComponentsFieldTimeBackgroundActive : string;
@@ -432,9 +446,14 @@ export const ComponentsFieldTimeTextDefault : string;
432
446
  export const ComponentsFieldTimeTextHover : string;
433
447
  export const ComponentsFieldTimeTextActive : string;
434
448
  export const ComponentsFieldTimeBorderActive : string;
435
- export const ComponentsBreadcrumbText : string;
436
- export const ComponentsBreadcrumbTextActive : string;
437
- export const ComponentsBreadcrumbTextHover : string;
449
+ export const ComponentsMenuContextualBackground : string;
450
+ export const ComponentsMenuContextualBorder : string;
451
+ export const ComponentsMenuContextualItemBackground : string;
452
+ export const ComponentsMenuContextualItemBackgroundHover : string;
453
+ export const ComponentsMenuContextualItemShortcut : string;
454
+ export const ComponentsMenuContextualItemContent : string;
455
+ export const ComponentsMenuContextualItemContentDisabled : string;
456
+ export const ComponentsMenuContextualItemContentHover : string;
438
457
  export const ComponentsNotificationInformationBackground : string;
439
458
  export const ComponentsNotificationInformationIcon : string;
440
459
  export const ComponentsNotificationInformationBorder : string;
@@ -452,14 +471,6 @@ export const ComponentsNotificationSuccessIcon : string;
452
471
  export const ComponentsNotificationNeutralBackground : string;
453
472
  export const ComponentsNotificationNeutralBorder : string;
454
473
  export const ComponentsNotificationNeutralIcon : string;
455
- export const ComponentsMenuContextualBackground : string;
456
- export const ComponentsMenuContextualBorder : string;
457
- export const ComponentsMenuContextualItemBackground : string;
458
- export const ComponentsMenuContextualItemBackgroundHover : string;
459
- export const ComponentsMenuContextualItemShortcut : string;
460
- export const ComponentsMenuContextualItemContent : string;
461
- export const ComponentsMenuContextualItemContentDisabled : string;
462
- export const ComponentsMenuContextualItemContentHover : string;
463
474
  export const ComponentsPopoverBackground : string;
464
475
  export const ComponentsPopoverBorder : string;
465
476
  export const ComponentsPopoverText : string;