@nova-design-system/nova-base 3.0.0-beta.39 → 3.0.0-beta.41

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.
package/dist/css/mccs.css CHANGED
@@ -33,6 +33,8 @@
33
33
  --components-button-high-border-active: rgba(255, 255, 255, 0);
34
34
  --components-button-high-border-hover: rgba(255, 255, 255, 0);
35
35
  --components-button-high-border: rgba(255, 255, 255, 0);
36
+ --components-datagrid-background: rgba(0, 0, 0, 0);
37
+ --components-wpf-components-2: #ffffff;
36
38
  --shadow-y-axis-2xl: 25px;
37
39
  --shadow-y-axis-xl-2: 20px;
38
40
  --shadow-y-axis-xl-1: 10px;
@@ -296,10 +298,6 @@
296
298
  --components-popover-supporting-text: var(--color-content-low-text);
297
299
  --components-popover-text: var(--color-content-inverted-medium-text);
298
300
  --components-popover-border: var(--color-content-low-border);
299
- --components-menu-contextual-item-content-disabled: var(--color-content-lower-text);
300
- --components-menu-contextual-item-shortcut: var(--color-content-lower-text);
301
- --components-menu-contextual-border: var(--color-content-low-border);
302
- --components-menu-contextual-background: var(--color-level-00-background);
303
301
  --components-notification-neutral-icon: var(--color-feedback-neutral-low-icon);
304
302
  --components-notification-neutral-border: var(--color-feedback-neutral-low-border);
305
303
  --components-notification-neutral-background: var(--color-level-20-background);
@@ -317,11 +315,15 @@
317
315
  --components-notification-information-border: var(--color-feedback-information-low-border);
318
316
  --components-notification-information-icon: var(--color-feedback-information-low-icon);
319
317
  --components-notification-information-background: var(--color-level-20-background);
318
+ --components-menu-contextual-item-content-disabled: var(--color-content-lower-text);
319
+ --components-menu-contextual-item-shortcut: var(--color-content-lower-text);
320
+ --components-menu-contextual-border: var(--color-content-low-border);
321
+ --components-menu-contextual-background: var(--color-level-00-background);
322
+ --components-field-time-border-active: var(--color-interaction-container-neutral-icon-active);
323
+ --components-field-time-text-active: var(--color-interaction-container-neutral-text-active);
320
324
  --components-breadcrumb-text-hover: var(--color-interaction-link-low-text-hover);
321
325
  --components-breadcrumb-text-active: var(--color-content-medium-text);
322
326
  --components-breadcrumb-text: var(--color-content-low-text);
323
- --components-field-time-border-active: var(--color-interaction-container-neutral-icon-active);
324
- --components-field-time-text-active: var(--color-interaction-container-neutral-text-active);
325
327
  --components-avatar-content-10: var(--color-rainbow-10-icon);
326
328
  --components-avatar-content-9: var(--color-rainbow-9-text);
327
329
  --components-avatar-content-8: var(--color-rainbow-8-text);
@@ -456,6 +458,11 @@
456
458
  --components-button-high-background-hover: var(--color-interaction-container-branded-high-background-hover);
457
459
  --components-button-high-background-active: var(--color-interaction-container-branded-high-background-hover);
458
460
  --components-button-high-background: var(--color-interaction-container-branded-high-background);
461
+ --components-datagrid-border-header: var(--color-content-low-border);
462
+ --components-datagrid-border-body: var(--color-content-low-border);
463
+ --components-datagrid-content-subtext: var(--color-content-low-text);
464
+ --components-datagrid-content-text: var(--color-content-high-text);
465
+ --components-datagrid-content-header: var(--color-content-low-text);
459
466
  --color-focus-success: var(--color-feedback-success-low-border);
460
467
  --color-focus-destructive: var(--color-feedback-error-high-border);
461
468
  --color-interaction-link-inverted-icon: var(--color-content-inverted-medium-icon);
@@ -476,6 +483,12 @@
476
483
  }
477
484
 
478
485
  :root {
486
+ --color-red-100: var(--color-red-mccs-100);
487
+ --color-red-200: var(--color-red-mccs-200);
488
+ --color-red-300: var(--color-red-mccs-300);
489
+ --color-red-400: var(--color-red-mccs-400);
490
+ --color-red-500: var(--color-red-mccs-500);
491
+ --color-red-00: var(--color-red-mccs-00);
479
492
  }
480
493
  /**
481
494
  * Do not edit directly, this file was auto-generated.
@@ -512,6 +525,8 @@
512
525
  --components-button-high-border-active: rgba(255, 255, 255, 0);
513
526
  --components-button-high-border-hover: rgba(255, 255, 255, 0);
514
527
  --components-button-high-border: rgba(255, 255, 255, 0);
528
+ --components-datagrid-background: rgba(255, 255, 255, 0);
529
+ --components-wpf-components-2: #ffffff;
515
530
  --shadow-y-axis-2xl: 25px;
516
531
  --shadow-y-axis-xl-2: 20px;
517
532
  --shadow-y-axis-xl-1: 10px;
@@ -775,10 +790,6 @@
775
790
  --components-popover-supporting-text: var(--color-content-low-text);
776
791
  --components-popover-text: var(--color-content-medium-text);
777
792
  --components-popover-border: var(--color-content-low-border);
778
- --components-menu-contextual-item-content-disabled: var(--color-content-lower-text);
779
- --components-menu-contextual-item-shortcut: var(--color-content-lower-text);
780
- --components-menu-contextual-border: var(--color-content-low-border);
781
- --components-menu-contextual-background: var(--color-level-00-background);
782
793
  --components-notification-neutral-icon: var(--color-feedback-neutral-low-icon);
783
794
  --components-notification-neutral-border: var(--color-feedback-neutral-low-border);
784
795
  --components-notification-neutral-background: var(--color-level-00-background);
@@ -796,11 +807,15 @@
796
807
  --components-notification-information-border: var(--color-feedback-information-low-border);
797
808
  --components-notification-information-icon: var(--color-feedback-information-low-icon);
798
809
  --components-notification-information-background: var(--color-level-00-background);
810
+ --components-menu-contextual-item-content-disabled: var(--color-content-lower-text);
811
+ --components-menu-contextual-item-shortcut: var(--color-content-lower-text);
812
+ --components-menu-contextual-border: var(--color-content-low-border);
813
+ --components-menu-contextual-background: var(--color-level-00-background);
814
+ --components-field-time-border-active: var(--color-interaction-container-neutral-icon-active);
815
+ --components-field-time-text-active: var(--color-interaction-container-neutral-text-active);
799
816
  --components-breadcrumb-text-hover: var(--color-interaction-link-low-text-hover);
800
817
  --components-breadcrumb-text-active: var(--color-content-medium-text);
801
818
  --components-breadcrumb-text: var(--color-content-low-text);
802
- --components-field-time-border-active: var(--color-interaction-container-neutral-icon-active);
803
- --components-field-time-text-active: var(--color-interaction-container-neutral-text-active);
804
819
  --components-avatar-content-10: var(--color-rainbow-10-icon);
805
820
  --components-avatar-content-9: var(--color-rainbow-9-text);
806
821
  --components-avatar-content-8: var(--color-rainbow-8-text);
@@ -934,6 +949,11 @@
934
949
  --components-button-high-background-hover: var(--color-interaction-container-branded-high-background-hover);
935
950
  --components-button-high-background-active: var(--color-interaction-container-branded-high-background-hover);
936
951
  --components-button-high-background: var(--color-interaction-container-branded-high-background);
952
+ --components-datagrid-border-header: var(--color-content-medium-border);
953
+ --components-datagrid-border-body: var(--color-content-low-border);
954
+ --components-datagrid-content-subtext: var(--color-content-low-text);
955
+ --components-datagrid-content-text: var(--color-content-high-text);
956
+ --components-datagrid-content-header: var(--color-content-low-text);
937
957
  --color-focus-success: var(--color-feedback-success-low-border);
938
958
  --color-focus-destructive: var(--color-feedback-error-high-border);
939
959
  --color-interaction-link-inverted-icon: var(--color-content-inverted-medium-icon);
@@ -1073,6 +1093,12 @@
1073
1093
  --color-turquoise-200: #b8d6d2;
1074
1094
  --color-turquoise-100: #d2e5e3;
1075
1095
  --color-turquoise-50: #ecf4f3;
1096
+ --color-red-mccs-00: #ff6161;
1097
+ --color-red-mccs-500: #450000;
1098
+ --color-red-mccs-400: #7d0000;
1099
+ --color-red-mccs-300: #ae0303;
1100
+ --color-red-mccs-200: #d00202;
1101
+ --color-red-mccs-100: #ff3838;
1076
1102
  --color-red-900: #3d0909;
1077
1103
  --color-red-800: #610e0e;
1078
1104
  --color-red-700: #851313;
@@ -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;
@@ -292,10 +294,6 @@
292
294
  --components-popover-supporting-text: var(--color-content-low-text);
293
295
  --components-popover-text: var(--color-content-inverted-medium-text);
294
296
  --components-popover-border: var(--color-content-low-border);
295
- --components-menu-contextual-item-content-disabled: var(--color-content-lower-text);
296
- --components-menu-contextual-item-shortcut: var(--color-content-lower-text);
297
- --components-menu-contextual-border: var(--color-content-low-border);
298
- --components-menu-contextual-background: var(--color-level-00-background);
299
297
  --components-notification-neutral-icon: var(--color-feedback-neutral-low-icon);
300
298
  --components-notification-neutral-border: var(--color-feedback-neutral-low-border);
301
299
  --components-notification-neutral-background: var(--color-level-20-background);
@@ -313,12 +311,16 @@
313
311
  --components-notification-information-border: var(--color-feedback-information-low-border);
314
312
  --components-notification-information-icon: var(--color-feedback-information-low-icon);
315
313
  --components-notification-information-background: var(--color-level-20-background);
316
- --components-breadcrumb-text-hover: var(--color-interaction-link-low-text-hover);
317
- --components-breadcrumb-text-active: var(--color-content-medium-text);
318
- --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);
319
318
  --components-field-time-border-active: var(--color-interaction-container-neutral-icon-active);
320
319
  --components-field-time-text-active: var(--color-interaction-container-neutral-text-active);
321
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);
322
324
  --components-avatar-content-10: var(--color-rainbow-10-icon);
323
325
  --components-avatar-content-9: var(--color-rainbow-9-text);
324
326
  --components-avatar-content-8: var(--color-rainbow-8-text);
@@ -452,6 +454,11 @@
452
454
  --components-button-high-background-hover: var(--color-interaction-container-branded-high-background-hover);
453
455
  --components-button-high-background-active: var(--color-interaction-container-branded-high-background-active);
454
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);
455
462
  --color-focus-success: var(--color-feedback-success-low-border);
456
463
  --color-focus-destructive: var(--color-feedback-error-high-border);
457
464
  --color-interaction-link-inverted-icon: var(--color-content-inverted-medium-icon);
@@ -535,6 +542,8 @@
535
542
  --components-button-high-border-active: rgba(255, 255, 255, 0);
536
543
  --components-button-high-border-hover: rgba(255, 255, 255, 0);
537
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;
538
547
  --shadow-y-axis-2xl: 25px;
539
548
  --shadow-y-axis-xl-2: 20px;
540
549
  --shadow-y-axis-xl-1: 10px;
@@ -792,10 +801,6 @@
792
801
  --components-popover-supporting-text: var(--color-content-low-text);
793
802
  --components-popover-text: var(--color-content-medium-text);
794
803
  --components-popover-border: var(--color-content-low-border);
795
- --components-menu-contextual-item-content-disabled: var(--color-content-lower-text);
796
- --components-menu-contextual-item-shortcut: var(--color-content-lower-text);
797
- --components-menu-contextual-border: var(--color-content-low-border);
798
- --components-menu-contextual-background: var(--color-level-00-background);
799
804
  --components-notification-neutral-icon: var(--color-feedback-neutral-low-icon);
800
805
  --components-notification-neutral-border: var(--color-feedback-neutral-low-border);
801
806
  --components-notification-neutral-background: var(--color-level-00-background);
@@ -813,12 +818,16 @@
813
818
  --components-notification-information-border: var(--color-feedback-information-low-border);
814
819
  --components-notification-information-icon: var(--color-feedback-information-low-icon);
815
820
  --components-notification-information-background: var(--color-level-00-background);
816
- --components-breadcrumb-text-hover: var(--color-interaction-link-low-text-hover);
817
- --components-breadcrumb-text-active: var(--color-content-medium-text);
818
- --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);
819
825
  --components-field-time-border-active: var(--color-interaction-container-neutral-icon-active);
820
826
  --components-field-time-text-active: var(--color-interaction-container-neutral-text-active);
821
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);
822
831
  --components-avatar-content-10: var(--color-rainbow-10-icon);
823
832
  --components-avatar-content-9: var(--color-rainbow-9-text);
824
833
  --components-avatar-content-8: var(--color-rainbow-8-text);
@@ -952,6 +961,11 @@
952
961
  --components-button-high-background-hover: var(--color-interaction-container-branded-high-background-hover);
953
962
  --components-button-high-background-active: var(--color-interaction-container-branded-high-background-active);
954
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);
955
969
  --color-focus-success: var(--color-feedback-success-low-border);
956
970
  --color-focus-destructive: var(--color-feedback-error-high-border);
957
971
  --color-interaction-link-inverted-icon: var(--color-content-inverted-medium-icon);
@@ -1094,6 +1108,12 @@
1094
1108
  --color-turquoise-200: #b8d6d2;
1095
1109
  --color-turquoise-100: #d2e5e3;
1096
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;
1097
1117
  --color-red-900: #3d0909;
1098
1118
  --color-red-800: #610e0e;
1099
1119
  --color-red-700: #851313;
@@ -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;
@@ -292,10 +294,6 @@
292
294
  --components-popover-supporting-text: var(--color-content-low-text);
293
295
  --components-popover-text: var(--color-content-medium-text);
294
296
  --components-popover-border: var(--color-content-low-border);
295
- --components-menu-contextual-item-content-disabled: var(--color-content-lower-text);
296
- --components-menu-contextual-item-shortcut: var(--color-content-lower-text);
297
- --components-menu-contextual-border: var(--color-content-low-border);
298
- --components-menu-contextual-background: var(--color-level-00-background);
299
297
  --components-notification-neutral-icon: var(--color-feedback-neutral-low-icon);
300
298
  --components-notification-neutral-border: var(--color-feedback-neutral-low-border);
301
299
  --components-notification-neutral-background: var(--color-level-20-background);
@@ -313,12 +311,16 @@
313
311
  --components-notification-information-border: var(--color-feedback-information-low-border);
314
312
  --components-notification-information-icon: var(--color-feedback-information-low-icon);
315
313
  --components-notification-information-background: var(--color-level-20-background);
316
- --components-breadcrumb-text-hover: var(--color-interaction-link-low-text-hover);
317
- --components-breadcrumb-text-active: var(--color-content-medium-text);
318
- --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);
319
318
  --components-field-time-border-active: var(--color-interaction-container-neutral-icon-active);
320
319
  --components-field-time-text-active: var(--color-interaction-container-neutral-text-active);
321
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);
322
324
  --components-avatar-content-10: var(--color-rainbow-10-icon);
323
325
  --components-avatar-content-9: var(--color-rainbow-9-text);
324
326
  --components-avatar-content-8: var(--color-rainbow-8-text);
@@ -452,6 +454,11 @@
452
454
  --components-button-high-background-hover: var(--color-interaction-container-branded-high-background-hover);
453
455
  --components-button-high-background-active: var(--color-interaction-container-branded-high-background-active);
454
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);
455
462
  --color-focus-success: var(--color-feedback-success-low-border);
456
463
  --color-focus-destructive: var(--color-feedback-error-high-border);
457
464
  --color-interaction-link-inverted-icon: var(--color-content-inverted-medium-icon);
@@ -532,6 +539,8 @@
532
539
  --components-button-low-border: rgba(255, 255, 255, 0);
533
540
  --components-button-low-background: rgba(255, 255, 255, 0);
534
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;
535
544
  --shadow-y-axis-2xl: 25px;
536
545
  --shadow-y-axis-xl-2: 20px;
537
546
  --shadow-y-axis-xl-1: 10px;
@@ -790,10 +799,6 @@
790
799
  --components-popover-supporting-text: var(--color-content-low-text);
791
800
  --components-popover-text: var(--color-content-medium-text);
792
801
  --components-popover-border: var(--color-content-low-border);
793
- --components-menu-contextual-item-content-disabled: var(--color-content-lower-text);
794
- --components-menu-contextual-item-shortcut: var(--color-content-lower-text);
795
- --components-menu-contextual-border: var(--color-content-low-border);
796
- --components-menu-contextual-background: var(--color-level-00-background);
797
802
  --components-notification-neutral-icon: var(--color-feedback-neutral-low-icon);
798
803
  --components-notification-neutral-border: var(--color-feedback-neutral-low-border);
799
804
  --components-notification-neutral-background: var(--color-level-00-background);
@@ -811,12 +816,16 @@
811
816
  --components-notification-information-border: var(--color-feedback-information-low-border);
812
817
  --components-notification-information-icon: var(--color-feedback-information-low-icon);
813
818
  --components-notification-information-background: var(--color-level-00-background);
814
- --components-breadcrumb-text-hover: var(--color-interaction-link-low-text-hover);
815
- --components-breadcrumb-text-active: var(--color-content-medium-text);
816
- --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);
817
823
  --components-field-time-border-active: var(--color-interaction-container-neutral-icon-active);
818
824
  --components-field-time-text-active: var(--color-interaction-container-neutral-text-active);
819
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);
820
829
  --components-avatar-content-10: var(--color-rainbow-10-icon);
821
830
  --components-avatar-content-9: var(--color-rainbow-9-text);
822
831
  --components-avatar-content-8: var(--color-rainbow-8-text);
@@ -952,6 +961,11 @@
952
961
  --components-button-high-background-hover: var(--color-interaction-container-branded-high-background-hover);
953
962
  --components-button-high-background-active: var(--color-interaction-container-branded-high-background-active);
954
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);
955
969
  --color-focus-success: var(--color-feedback-success-low-border);
956
970
  --color-focus-destructive: var(--color-feedback-error-high-border);
957
971
  --color-interaction-link-inverted-icon: var(--color-content-inverted-medium-icon);
@@ -1094,6 +1108,12 @@
1094
1108
  --color-turquoise-200: #b8d6d2;
1095
1109
  --color-turquoise-100: #d2e5e3;
1096
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;
1097
1117
  --color-red-900: #3d0909;
1098
1118
  --color-red-800: #610e0e;
1099
1119
  --color-red-700: #851313;
@@ -217,6 +217,13 @@ export const ShadowYAxisLg2 : string;
217
217
  export const ShadowYAxisXl1 : string;
218
218
  export const ShadowYAxisXl2 : string;
219
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;
220
227
  export const ComponentsButtonHighBorder : string;
221
228
  export const ComponentsButtonHighBorderHover : string;
222
229
  export const ComponentsButtonHighBorderActive : string;
@@ -429,6 +436,9 @@ export const ComponentsAvatarContent7 : string;
429
436
  export const ComponentsAvatarContent8 : string;
430
437
  export const ComponentsAvatarContent9 : string;
431
438
  export const ComponentsAvatarContent10 : string;
439
+ export const ComponentsBreadcrumbText : string;
440
+ export const ComponentsBreadcrumbTextActive : string;
441
+ export const ComponentsBreadcrumbTextHover : string;
432
442
  export const ComponentsFieldTimeBackgroundDefault : string;
433
443
  export const ComponentsFieldTimeBackgroundHover : string;
434
444
  export const ComponentsFieldTimeBackgroundActive : string;
@@ -436,9 +446,14 @@ export const ComponentsFieldTimeTextDefault : string;
436
446
  export const ComponentsFieldTimeTextHover : string;
437
447
  export const ComponentsFieldTimeTextActive : string;
438
448
  export const ComponentsFieldTimeBorderActive : string;
439
- export const ComponentsBreadcrumbText : string;
440
- export const ComponentsBreadcrumbTextActive : string;
441
- 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;
442
457
  export const ComponentsNotificationInformationBackground : string;
443
458
  export const ComponentsNotificationInformationIcon : string;
444
459
  export const ComponentsNotificationInformationBorder : string;
@@ -456,14 +471,6 @@ export const ComponentsNotificationSuccessIcon : string;
456
471
  export const ComponentsNotificationNeutralBackground : string;
457
472
  export const ComponentsNotificationNeutralBorder : string;
458
473
  export const ComponentsNotificationNeutralIcon : string;
459
- export const ComponentsMenuContextualBackground : string;
460
- export const ComponentsMenuContextualBorder : string;
461
- export const ComponentsMenuContextualItemBackground : string;
462
- export const ComponentsMenuContextualItemBackgroundHover : string;
463
- export const ComponentsMenuContextualItemShortcut : string;
464
- export const ComponentsMenuContextualItemContent : string;
465
- export const ComponentsMenuContextualItemContentDisabled : string;
466
- export const ComponentsMenuContextualItemContentHover : string;
467
474
  export const ComponentsPopoverBackground : string;
468
475
  export const ComponentsPopoverBorder : string;
469
476
  export const ComponentsPopoverText : string;
@@ -217,6 +217,13 @@ export const ShadowYAxisLg2 = "10px";
217
217
  export const ShadowYAxisXl1 = "10px";
218
218
  export const ShadowYAxisXl2 = "20px";
219
219
  export const ShadowYAxis2xl = "25px";
220
+ export const ComponentsWpfComponents2 = "#ffffff";
221
+ export const ComponentsDatagridBackground = "#000000";
222
+ export const ComponentsDatagridContentHeader = "#889499";
223
+ export const ComponentsDatagridContentText = "#f5f6f7";
224
+ export const ComponentsDatagridContentSubtext = "#889499";
225
+ export const ComponentsDatagridBorderBody = "#394d55";
226
+ export const ComponentsDatagridBorderHeader = "#394d55";
220
227
  export const ComponentsButtonHighBorder = "#ffffff";
221
228
  export const ComponentsButtonHighBorderHover = "#ffffff";
222
229
  export const ComponentsButtonHighBorderActive = "#ffffff";
@@ -429,6 +436,9 @@ export const ComponentsAvatarContent7 = "#66b16a";
429
436
  export const ComponentsAvatarContent8 = "#71b2bc";
430
437
  export const ComponentsAvatarContent9 = "#8da930";
431
438
  export const ComponentsAvatarContent10 = "#9fadb2";
439
+ export const ComponentsBreadcrumbText = "#889499";
440
+ export const ComponentsBreadcrumbTextActive = "#bac1c4";
441
+ export const ComponentsBreadcrumbTextHover = "#4b9eaa";
432
442
  export const ComponentsFieldTimeBackgroundDefault = "#ffffff";
433
443
  export const ComponentsFieldTimeBackgroundHover = "#ffffff";
434
444
  export const ComponentsFieldTimeBackgroundActive = "#ffffff";
@@ -436,9 +446,14 @@ export const ComponentsFieldTimeTextDefault = "#889499";
436
446
  export const ComponentsFieldTimeTextHover = "#bac1c4";
437
447
  export const ComponentsFieldTimeTextActive = "#71b2bc";
438
448
  export const ComponentsFieldTimeBorderActive = "#71b2bc";
439
- export const ComponentsBreadcrumbText = "#889499";
440
- export const ComponentsBreadcrumbTextActive = "#bac1c4";
441
- export const ComponentsBreadcrumbTextHover = "#4b9eaa";
449
+ export const ComponentsMenuContextualBackground = "#0b0f11";
450
+ export const ComponentsMenuContextualBorder = "#394d55";
451
+ export const ComponentsMenuContextualItemBackground = "#ffffff";
452
+ export const ComponentsMenuContextualItemBackgroundHover = "#ffffff";
453
+ export const ComponentsMenuContextualItemShortcut = "#617177";
454
+ export const ComponentsMenuContextualItemContent = "#889499";
455
+ export const ComponentsMenuContextualItemContentDisabled = "#617177";
456
+ export const ComponentsMenuContextualItemContentHover = "#bac1c4";
442
457
  export const ComponentsNotificationInformationBackground = "#222e33";
443
458
  export const ComponentsNotificationInformationIcon = "#659fff";
444
459
  export const ComponentsNotificationInformationBorder = "#659fff";
@@ -456,14 +471,6 @@ export const ComponentsNotificationSuccessIcon = "#6bde71";
456
471
  export const ComponentsNotificationNeutralBackground = "#222e33";
457
472
  export const ComponentsNotificationNeutralBorder = "#889499";
458
473
  export const ComponentsNotificationNeutralIcon = "#889499";
459
- export const ComponentsMenuContextualBackground = "#0b0f11";
460
- export const ComponentsMenuContextualBorder = "#394d55";
461
- export const ComponentsMenuContextualItemBackground = "#ffffff";
462
- export const ComponentsMenuContextualItemBackgroundHover = "#ffffff";
463
- export const ComponentsMenuContextualItemShortcut = "#617177";
464
- export const ComponentsMenuContextualItemContent = "#889499";
465
- export const ComponentsMenuContextualItemContentDisabled = "#617177";
466
- export const ComponentsMenuContextualItemContentHover = "#bac1c4";
467
474
  export const ComponentsPopoverBackground = "#0b0f11";
468
475
  export const ComponentsPopoverBorder = "#394d55";
469
476
  export const ComponentsPopoverText = "#27353b";
@@ -217,6 +217,13 @@ export const ShadowYAxisLg2 : string;
217
217
  export const ShadowYAxisXl1 : string;
218
218
  export const ShadowYAxisXl2 : string;
219
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;
220
227
  export const ComponentsButtonHighBorder : string;
221
228
  export const ComponentsButtonHighBorderHover : string;
222
229
  export const ComponentsButtonHighBorderActive : string;
@@ -429,6 +436,9 @@ export const ComponentsAvatarContent7 : string;
429
436
  export const ComponentsAvatarContent8 : string;
430
437
  export const ComponentsAvatarContent9 : string;
431
438
  export const ComponentsAvatarContent10 : string;
439
+ export const ComponentsBreadcrumbText : string;
440
+ export const ComponentsBreadcrumbTextActive : string;
441
+ export const ComponentsBreadcrumbTextHover : string;
432
442
  export const ComponentsFieldTimeBackgroundDefault : string;
433
443
  export const ComponentsFieldTimeBackgroundHover : string;
434
444
  export const ComponentsFieldTimeBackgroundActive : string;
@@ -436,9 +446,14 @@ export const ComponentsFieldTimeTextDefault : string;
436
446
  export const ComponentsFieldTimeTextHover : string;
437
447
  export const ComponentsFieldTimeTextActive : string;
438
448
  export const ComponentsFieldTimeBorderActive : string;
439
- export const ComponentsBreadcrumbText : string;
440
- export const ComponentsBreadcrumbTextActive : string;
441
- 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;
442
457
  export const ComponentsNotificationInformationBackground : string;
443
458
  export const ComponentsNotificationInformationIcon : string;
444
459
  export const ComponentsNotificationInformationBorder : string;
@@ -456,14 +471,6 @@ export const ComponentsNotificationSuccessIcon : string;
456
471
  export const ComponentsNotificationNeutralBackground : string;
457
472
  export const ComponentsNotificationNeutralBorder : string;
458
473
  export const ComponentsNotificationNeutralIcon : string;
459
- export const ComponentsMenuContextualBackground : string;
460
- export const ComponentsMenuContextualBorder : string;
461
- export const ComponentsMenuContextualItemBackground : string;
462
- export const ComponentsMenuContextualItemBackgroundHover : string;
463
- export const ComponentsMenuContextualItemShortcut : string;
464
- export const ComponentsMenuContextualItemContent : string;
465
- export const ComponentsMenuContextualItemContentDisabled : string;
466
- export const ComponentsMenuContextualItemContentHover : string;
467
474
  export const ComponentsPopoverBackground : string;
468
475
  export const ComponentsPopoverBorder : string;
469
476
  export const ComponentsPopoverText : string;
@@ -217,6 +217,13 @@ export const ShadowYAxisLg2 = "10px";
217
217
  export const ShadowYAxisXl1 = "10px";
218
218
  export const ShadowYAxisXl2 = "20px";
219
219
  export const ShadowYAxis2xl = "25px";
220
+ export const ComponentsWpfComponents2 = "#ffffff";
221
+ export const ComponentsDatagridBackground = "#ffffff";
222
+ export const ComponentsDatagridContentHeader = "#617177";
223
+ export const ComponentsDatagridContentText = "#171f22";
224
+ export const ComponentsDatagridContentSubtext = "#617177";
225
+ export const ComponentsDatagridBorderBody = "#e1e4e6";
226
+ export const ComponentsDatagridBorderHeader = "#bac1c4";
220
227
  export const ComponentsButtonHighBorder = "#ffffff";
221
228
  export const ComponentsButtonHighBorderHover = "#ffffff";
222
229
  export const ComponentsButtonHighBorderActive = "#ffffff";
@@ -429,6 +436,9 @@ export const ComponentsAvatarContent7 = "#106f15";
429
436
  export const ComponentsAvatarContent8 = "#1f717d";
430
437
  export const ComponentsAvatarContent9 = "#5c6e1f";
431
438
  export const ComponentsAvatarContent10 = "#394d55";
439
+ export const ComponentsBreadcrumbText = "#617177";
440
+ export const ComponentsBreadcrumbTextActive = "#34464d";
441
+ export const ComponentsBreadcrumbTextHover = "#1f717d";
432
442
  export const ComponentsFieldTimeBackgroundDefault = "#ffffff";
433
443
  export const ComponentsFieldTimeBackgroundHover = "#a5a6a7";
434
444
  export const ComponentsFieldTimeBackgroundActive = "#a5a6a7";
@@ -436,9 +446,14 @@ export const ComponentsFieldTimeTextDefault = "#617177";
436
446
  export const ComponentsFieldTimeTextHover = "#34464d";
437
447
  export const ComponentsFieldTimeTextActive = "#185963";
438
448
  export const ComponentsFieldTimeBorderActive = "#185963";
439
- export const ComponentsBreadcrumbText = "#617177";
440
- export const ComponentsBreadcrumbTextActive = "#34464d";
441
- export const ComponentsBreadcrumbTextHover = "#1f717d";
449
+ export const ComponentsMenuContextualBackground = "#ffffff";
450
+ export const ComponentsMenuContextualBorder = "#e1e4e6";
451
+ export const ComponentsMenuContextualItemBackground = "#ffffff";
452
+ export const ComponentsMenuContextualItemBackgroundHover = "#a5a6a7";
453
+ export const ComponentsMenuContextualItemShortcut = "#9fadb2";
454
+ export const ComponentsMenuContextualItemContent = "#617177";
455
+ export const ComponentsMenuContextualItemContentDisabled = "#9fadb2";
456
+ export const ComponentsMenuContextualItemContentHover = "#34464d";
442
457
  export const ComponentsNotificationInformationBackground = "#ffffff";
443
458
  export const ComponentsNotificationInformationIcon = "#2660c2";
444
459
  export const ComponentsNotificationInformationBorder = "#2660c2";
@@ -456,14 +471,6 @@ export const ComponentsNotificationSuccessIcon = "#34ae3b";
456
471
  export const ComponentsNotificationNeutralBackground = "#ffffff";
457
472
  export const ComponentsNotificationNeutralBorder = "#617177";
458
473
  export const ComponentsNotificationNeutralIcon = "#617177";
459
- export const ComponentsMenuContextualBackground = "#ffffff";
460
- export const ComponentsMenuContextualBorder = "#e1e4e6";
461
- export const ComponentsMenuContextualItemBackground = "#ffffff";
462
- export const ComponentsMenuContextualItemBackgroundHover = "#a5a6a7";
463
- export const ComponentsMenuContextualItemShortcut = "#9fadb2";
464
- export const ComponentsMenuContextualItemContent = "#617177";
465
- export const ComponentsMenuContextualItemContentDisabled = "#9fadb2";
466
- export const ComponentsMenuContextualItemContentHover = "#34464d";
467
474
  export const ComponentsPopoverBackground = "#ffffff";
468
475
  export const ComponentsPopoverBorder = "#e1e4e6";
469
476
  export const ComponentsPopoverText = "#34464d";
@@ -217,6 +217,13 @@ export const ShadowYAxisLg2 : string;
217
217
  export const ShadowYAxisXl1 : string;
218
218
  export const ShadowYAxisXl2 : string;
219
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;
220
227
  export const ComponentsButtonHighBorder : string;
221
228
  export const ComponentsButtonHighBorderHover : string;
222
229
  export const ComponentsButtonHighBorderActive : string;
@@ -429,6 +436,9 @@ export const ComponentsAvatarContent7 : string;
429
436
  export const ComponentsAvatarContent8 : string;
430
437
  export const ComponentsAvatarContent9 : string;
431
438
  export const ComponentsAvatarContent10 : string;
439
+ export const ComponentsBreadcrumbText : string;
440
+ export const ComponentsBreadcrumbTextActive : string;
441
+ export const ComponentsBreadcrumbTextHover : string;
432
442
  export const ComponentsFieldTimeBackgroundDefault : string;
433
443
  export const ComponentsFieldTimeBackgroundHover : string;
434
444
  export const ComponentsFieldTimeBackgroundActive : string;
@@ -436,9 +446,14 @@ export const ComponentsFieldTimeTextDefault : string;
436
446
  export const ComponentsFieldTimeTextHover : string;
437
447
  export const ComponentsFieldTimeTextActive : string;
438
448
  export const ComponentsFieldTimeBorderActive : string;
439
- export const ComponentsBreadcrumbText : string;
440
- export const ComponentsBreadcrumbTextActive : string;
441
- 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;
442
457
  export const ComponentsNotificationInformationBackground : string;
443
458
  export const ComponentsNotificationInformationIcon : string;
444
459
  export const ComponentsNotificationInformationBorder : string;
@@ -456,14 +471,6 @@ export const ComponentsNotificationSuccessIcon : string;
456
471
  export const ComponentsNotificationNeutralBackground : string;
457
472
  export const ComponentsNotificationNeutralBorder : string;
458
473
  export const ComponentsNotificationNeutralIcon : string;
459
- export const ComponentsMenuContextualBackground : string;
460
- export const ComponentsMenuContextualBorder : string;
461
- export const ComponentsMenuContextualItemBackground : string;
462
- export const ComponentsMenuContextualItemBackgroundHover : string;
463
- export const ComponentsMenuContextualItemShortcut : string;
464
- export const ComponentsMenuContextualItemContent : string;
465
- export const ComponentsMenuContextualItemContentDisabled : string;
466
- export const ComponentsMenuContextualItemContentHover : string;
467
474
  export const ComponentsPopoverBackground : string;
468
475
  export const ComponentsPopoverBorder : string;
469
476
  export const ComponentsPopoverText : string;
@@ -217,6 +217,13 @@ export const ShadowYAxisLg2 = "10px";
217
217
  export const ShadowYAxisXl1 = "10px";
218
218
  export const ShadowYAxisXl2 = "20px";
219
219
  export const ShadowYAxis2xl = "25px";
220
+ export const ComponentsWpfComponents2 = "#ffffff";
221
+ export const ComponentsDatagridBackground = "#000000";
222
+ export const ComponentsDatagridContentHeader = "#889499";
223
+ export const ComponentsDatagridContentText = "#f5f6f7";
224
+ export const ComponentsDatagridContentSubtext = "#889499";
225
+ export const ComponentsDatagridBorderBody = "#394d55";
226
+ export const ComponentsDatagridBorderHeader = "#617177";
220
227
  export const ComponentsButtonHighBorder = "#ffffff";
221
228
  export const ComponentsButtonHighBorderHover = "#ffffff";
222
229
  export const ComponentsButtonHighBorderActive = "#ffffff";
@@ -429,6 +436,9 @@ export const ComponentsAvatarContent7 = "#66b16a";
429
436
  export const ComponentsAvatarContent8 = "#71b2bc";
430
437
  export const ComponentsAvatarContent9 = "#8da930";
431
438
  export const ComponentsAvatarContent10 = "#9fadb2";
439
+ export const ComponentsBreadcrumbText = "#889499";
440
+ export const ComponentsBreadcrumbTextActive = "#bac1c4";
441
+ export const ComponentsBreadcrumbTextHover = "#258998";
432
442
  export const ComponentsFieldTimeBackgroundDefault = "#ffffff";
433
443
  export const ComponentsFieldTimeBackgroundHover = "#ffffff";
434
444
  export const ComponentsFieldTimeBackgroundActive = "#0b292e";
@@ -436,9 +446,14 @@ export const ComponentsFieldTimeTextDefault = "#889499";
436
446
  export const ComponentsFieldTimeTextHover = "#bac1c4";
437
447
  export const ComponentsFieldTimeTextActive = "#4b9eaa";
438
448
  export const ComponentsFieldTimeBorderActive = "#4b9eaa";
439
- export const ComponentsBreadcrumbText = "#889499";
440
- export const ComponentsBreadcrumbTextActive = "#bac1c4";
441
- export const ComponentsBreadcrumbTextHover = "#258998";
449
+ export const ComponentsMenuContextualBackground = "#0b0f11";
450
+ export const ComponentsMenuContextualBorder = "#394d55";
451
+ export const ComponentsMenuContextualItemBackground = "#ffffff";
452
+ export const ComponentsMenuContextualItemBackgroundHover = "#ffffff";
453
+ export const ComponentsMenuContextualItemShortcut = "#617177";
454
+ export const ComponentsMenuContextualItemContent = "#889499";
455
+ export const ComponentsMenuContextualItemContentDisabled = "#617177";
456
+ export const ComponentsMenuContextualItemContentHover = "#bac1c4";
442
457
  export const ComponentsNotificationInformationBackground = "#222e33";
443
458
  export const ComponentsNotificationInformationIcon = "#659fff";
444
459
  export const ComponentsNotificationInformationBorder = "#659fff";
@@ -456,14 +471,6 @@ export const ComponentsNotificationSuccessIcon = "#6bde71";
456
471
  export const ComponentsNotificationNeutralBackground = "#222e33";
457
472
  export const ComponentsNotificationNeutralBorder = "#889499";
458
473
  export const ComponentsNotificationNeutralIcon = "#889499";
459
- export const ComponentsMenuContextualBackground = "#0b0f11";
460
- export const ComponentsMenuContextualBorder = "#394d55";
461
- export const ComponentsMenuContextualItemBackground = "#ffffff";
462
- export const ComponentsMenuContextualItemBackgroundHover = "#ffffff";
463
- export const ComponentsMenuContextualItemShortcut = "#617177";
464
- export const ComponentsMenuContextualItemContent = "#889499";
465
- export const ComponentsMenuContextualItemContentDisabled = "#617177";
466
- export const ComponentsMenuContextualItemContentHover = "#bac1c4";
467
474
  export const ComponentsPopoverBackground = "#0b0f11";
468
475
  export const ComponentsPopoverBorder = "#394d55";
469
476
  export const ComponentsPopoverText = "#27353b";
@@ -217,6 +217,13 @@ export const ShadowYAxisLg2 : string;
217
217
  export const ShadowYAxisXl1 : string;
218
218
  export const ShadowYAxisXl2 : string;
219
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;
220
227
  export const ComponentsButtonHighBorder : string;
221
228
  export const ComponentsButtonHighBorderHover : string;
222
229
  export const ComponentsButtonHighBorderActive : string;
@@ -429,6 +436,9 @@ export const ComponentsAvatarContent7 : string;
429
436
  export const ComponentsAvatarContent8 : string;
430
437
  export const ComponentsAvatarContent9 : string;
431
438
  export const ComponentsAvatarContent10 : string;
439
+ export const ComponentsBreadcrumbText : string;
440
+ export const ComponentsBreadcrumbTextActive : string;
441
+ export const ComponentsBreadcrumbTextHover : string;
432
442
  export const ComponentsFieldTimeBackgroundDefault : string;
433
443
  export const ComponentsFieldTimeBackgroundHover : string;
434
444
  export const ComponentsFieldTimeBackgroundActive : string;
@@ -436,9 +446,14 @@ export const ComponentsFieldTimeTextDefault : string;
436
446
  export const ComponentsFieldTimeTextHover : string;
437
447
  export const ComponentsFieldTimeTextActive : string;
438
448
  export const ComponentsFieldTimeBorderActive : string;
439
- export const ComponentsBreadcrumbText : string;
440
- export const ComponentsBreadcrumbTextActive : string;
441
- 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;
442
457
  export const ComponentsNotificationInformationBackground : string;
443
458
  export const ComponentsNotificationInformationIcon : string;
444
459
  export const ComponentsNotificationInformationBorder : string;
@@ -456,14 +471,6 @@ export const ComponentsNotificationSuccessIcon : string;
456
471
  export const ComponentsNotificationNeutralBackground : string;
457
472
  export const ComponentsNotificationNeutralBorder : string;
458
473
  export const ComponentsNotificationNeutralIcon : string;
459
- export const ComponentsMenuContextualBackground : string;
460
- export const ComponentsMenuContextualBorder : string;
461
- export const ComponentsMenuContextualItemBackground : string;
462
- export const ComponentsMenuContextualItemBackgroundHover : string;
463
- export const ComponentsMenuContextualItemShortcut : string;
464
- export const ComponentsMenuContextualItemContent : string;
465
- export const ComponentsMenuContextualItemContentDisabled : string;
466
- export const ComponentsMenuContextualItemContentHover : string;
467
474
  export const ComponentsPopoverBackground : string;
468
475
  export const ComponentsPopoverBorder : string;
469
476
  export const ComponentsPopoverText : string;
@@ -217,6 +217,13 @@ export const ShadowYAxisLg2 = "10px";
217
217
  export const ShadowYAxisXl1 = "10px";
218
218
  export const ShadowYAxisXl2 = "20px";
219
219
  export const ShadowYAxis2xl = "25px";
220
+ export const ComponentsWpfComponents2 = "#ffffff";
221
+ export const ComponentsDatagridBackground = "#ffffff";
222
+ export const ComponentsDatagridContentHeader = "#617177";
223
+ export const ComponentsDatagridContentText = "#171f22";
224
+ export const ComponentsDatagridContentSubtext = "#617177";
225
+ export const ComponentsDatagridBorderBody = "#e1e4e6";
226
+ export const ComponentsDatagridBorderHeader = "#bac1c4";
220
227
  export const ComponentsButtonHighBorder = "#ffffff";
221
228
  export const ComponentsButtonHighBorderHover = "#ffffff";
222
229
  export const ComponentsButtonHighBorderActive = "#ffffff";
@@ -429,6 +436,9 @@ export const ComponentsAvatarContent7 = "#106f15";
429
436
  export const ComponentsAvatarContent8 = "#1f717d";
430
437
  export const ComponentsAvatarContent9 = "#5c6e1f";
431
438
  export const ComponentsAvatarContent10 = "#394d55";
439
+ export const ComponentsBreadcrumbText = "#617177";
440
+ export const ComponentsBreadcrumbTextActive = "#34464d";
441
+ export const ComponentsBreadcrumbTextHover = "#1f717d";
432
442
  export const ComponentsFieldTimeBackgroundDefault = "#ffffff";
433
443
  export const ComponentsFieldTimeBackgroundHover = "#a5a6a7";
434
444
  export const ComponentsFieldTimeBackgroundActive = "#e4f0f2";
@@ -436,9 +446,14 @@ export const ComponentsFieldTimeTextDefault = "#617177";
436
446
  export const ComponentsFieldTimeTextHover = "#34464d";
437
447
  export const ComponentsFieldTimeTextActive = "#185963";
438
448
  export const ComponentsFieldTimeBorderActive = "#185963";
439
- export const ComponentsBreadcrumbText = "#617177";
440
- export const ComponentsBreadcrumbTextActive = "#34464d";
441
- export const ComponentsBreadcrumbTextHover = "#1f717d";
449
+ export const ComponentsMenuContextualBackground = "#ffffff";
450
+ export const ComponentsMenuContextualBorder = "#e1e4e6";
451
+ export const ComponentsMenuContextualItemBackground = "#ffffff";
452
+ export const ComponentsMenuContextualItemBackgroundHover = "#a5a6a7";
453
+ export const ComponentsMenuContextualItemShortcut = "#9fadb2";
454
+ export const ComponentsMenuContextualItemContent = "#617177";
455
+ export const ComponentsMenuContextualItemContentDisabled = "#9fadb2";
456
+ export const ComponentsMenuContextualItemContentHover = "#34464d";
442
457
  export const ComponentsNotificationInformationBackground = "#ffffff";
443
458
  export const ComponentsNotificationInformationIcon = "#2660c2";
444
459
  export const ComponentsNotificationInformationBorder = "#2660c2";
@@ -456,14 +471,6 @@ export const ComponentsNotificationSuccessIcon = "#34ae3b";
456
471
  export const ComponentsNotificationNeutralBackground = "#ffffff";
457
472
  export const ComponentsNotificationNeutralBorder = "#617177";
458
473
  export const ComponentsNotificationNeutralIcon = "#617177";
459
- export const ComponentsMenuContextualBackground = "#ffffff";
460
- export const ComponentsMenuContextualBorder = "#e1e4e6";
461
- export const ComponentsMenuContextualItemBackground = "#ffffff";
462
- export const ComponentsMenuContextualItemBackgroundHover = "#a5a6a7";
463
- export const ComponentsMenuContextualItemShortcut = "#9fadb2";
464
- export const ComponentsMenuContextualItemContent = "#617177";
465
- export const ComponentsMenuContextualItemContentDisabled = "#9fadb2";
466
- export const ComponentsMenuContextualItemContentHover = "#34464d";
467
474
  export const ComponentsPopoverBackground = "#ffffff";
468
475
  export const ComponentsPopoverBorder = "#e1e4e6";
469
476
  export const ComponentsPopoverText = "#34464d";
@@ -160,6 +160,12 @@ export const ColorRed600 : string;
160
160
  export const ColorRed700 : string;
161
161
  export const ColorRed800 : string;
162
162
  export const ColorRed900 : string;
163
+ export const ColorRedMccs100 : string;
164
+ export const ColorRedMccs200 : string;
165
+ export const ColorRedMccs300 : string;
166
+ export const ColorRedMccs400 : string;
167
+ export const ColorRedMccs500 : string;
168
+ export const ColorRedMccs00 : string;
163
169
  export const ColorTurquoise50 : string;
164
170
  export const ColorTurquoise100 : string;
165
171
  export const ColorTurquoise200 : string;
@@ -160,6 +160,12 @@ export const ColorRed600 = "#a81818";
160
160
  export const ColorRed700 = "#851313";
161
161
  export const ColorRed800 = "#610e0e";
162
162
  export const ColorRed900 = "#3d0909";
163
+ export const ColorRedMccs100 = "#ff3838";
164
+ export const ColorRedMccs200 = "#d00202";
165
+ export const ColorRedMccs300 = "#ae0303";
166
+ export const ColorRedMccs400 = "#7d0000";
167
+ export const ColorRedMccs500 = "#450000";
168
+ export const ColorRedMccs00 = "#ff6161";
163
169
  export const ColorTurquoise50 = "#ecf4f3";
164
170
  export const ColorTurquoise100 = "#d2e5e3";
165
171
  export const ColorTurquoise200 = "#b8d6d2";
@@ -217,6 +217,13 @@ export const ShadowYAxisLg2 : string;
217
217
  export const ShadowYAxisXl1 : string;
218
218
  export const ShadowYAxisXl2 : string;
219
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;
220
227
  export const ComponentsButtonHighBorder : string;
221
228
  export const ComponentsButtonHighBorderHover : string;
222
229
  export const ComponentsButtonHighBorderActive : string;
@@ -429,6 +436,9 @@ export const ComponentsAvatarContent7 : string;
429
436
  export const ComponentsAvatarContent8 : string;
430
437
  export const ComponentsAvatarContent9 : string;
431
438
  export const ComponentsAvatarContent10 : string;
439
+ export const ComponentsBreadcrumbText : string;
440
+ export const ComponentsBreadcrumbTextActive : string;
441
+ export const ComponentsBreadcrumbTextHover : string;
432
442
  export const ComponentsFieldTimeBackgroundDefault : string;
433
443
  export const ComponentsFieldTimeBackgroundHover : string;
434
444
  export const ComponentsFieldTimeBackgroundActive : string;
@@ -436,9 +446,14 @@ export const ComponentsFieldTimeTextDefault : string;
436
446
  export const ComponentsFieldTimeTextHover : string;
437
447
  export const ComponentsFieldTimeTextActive : string;
438
448
  export const ComponentsFieldTimeBorderActive : string;
439
- export const ComponentsBreadcrumbText : string;
440
- export const ComponentsBreadcrumbTextActive : string;
441
- 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;
442
457
  export const ComponentsNotificationInformationBackground : string;
443
458
  export const ComponentsNotificationInformationIcon : string;
444
459
  export const ComponentsNotificationInformationBorder : string;
@@ -456,14 +471,6 @@ export const ComponentsNotificationSuccessIcon : string;
456
471
  export const ComponentsNotificationNeutralBackground : string;
457
472
  export const ComponentsNotificationNeutralBorder : string;
458
473
  export const ComponentsNotificationNeutralIcon : string;
459
- export const ComponentsMenuContextualBackground : string;
460
- export const ComponentsMenuContextualBorder : string;
461
- export const ComponentsMenuContextualItemBackground : string;
462
- export const ComponentsMenuContextualItemBackgroundHover : string;
463
- export const ComponentsMenuContextualItemShortcut : string;
464
- export const ComponentsMenuContextualItemContent : string;
465
- export const ComponentsMenuContextualItemContentDisabled : string;
466
- export const ComponentsMenuContextualItemContentHover : string;
467
474
  export const ComponentsPopoverBackground : string;
468
475
  export const ComponentsPopoverBorder : string;
469
476
  export const ComponentsPopoverText : string;
@@ -217,6 +217,13 @@ export const ShadowYAxisLg2 = "10px";
217
217
  export const ShadowYAxisXl1 = "10px";
218
218
  export const ShadowYAxisXl2 = "20px";
219
219
  export const ShadowYAxis2xl = "25px";
220
+ export const ComponentsWpfComponents2 = "#ffffff";
221
+ export const ComponentsDatagridBackground = "#000000";
222
+ export const ComponentsDatagridContentHeader = "#808080";
223
+ export const ComponentsDatagridContentText = "#f6f6f6";
224
+ export const ComponentsDatagridContentSubtext = "#808080";
225
+ export const ComponentsDatagridBorderBody = "#484848";
226
+ export const ComponentsDatagridBorderHeader = "#6d6d6d";
220
227
  export const ComponentsButtonHighBorder = "#ffffff";
221
228
  export const ComponentsButtonHighBorderHover = "#ffffff";
222
229
  export const ComponentsButtonHighBorderActive = "#ffffff";
@@ -429,6 +436,9 @@ export const ComponentsAvatarContent7 = "#66b16a";
429
436
  export const ComponentsAvatarContent8 = "#71b2bc";
430
437
  export const ComponentsAvatarContent9 = "#8da930";
431
438
  export const ComponentsAvatarContent10 = "#a9a9a9";
439
+ export const ComponentsBreadcrumbText = "#808080";
440
+ export const ComponentsBreadcrumbTextActive = "#bfbfbf";
441
+ export const ComponentsBreadcrumbTextHover = "#e75420";
432
442
  export const ComponentsFieldTimeBackgroundDefault = "#ffffff";
433
443
  export const ComponentsFieldTimeBackgroundHover = "#ffffff";
434
444
  export const ComponentsFieldTimeBackgroundActive = "#45190a";
@@ -436,9 +446,14 @@ export const ComponentsFieldTimeTextDefault = "#808080";
436
446
  export const ComponentsFieldTimeTextHover = "#bfbfbf";
437
447
  export const ComponentsFieldTimeTextActive = "#eb7247";
438
448
  export const ComponentsFieldTimeBorderActive = "#eb7247";
439
- export const ComponentsBreadcrumbText = "#808080";
440
- export const ComponentsBreadcrumbTextActive = "#bfbfbf";
441
- export const ComponentsBreadcrumbTextHover = "#e75420";
449
+ export const ComponentsMenuContextualBackground = "#0e0e0e";
450
+ export const ComponentsMenuContextualBorder = "#484848";
451
+ export const ComponentsMenuContextualItemBackground = "#ffffff";
452
+ export const ComponentsMenuContextualItemBackgroundHover = "#ffffff";
453
+ export const ComponentsMenuContextualItemShortcut = "#6d6d6d";
454
+ export const ComponentsMenuContextualItemContent = "#808080";
455
+ export const ComponentsMenuContextualItemContentDisabled = "#6d6d6d";
456
+ export const ComponentsMenuContextualItemContentHover = "#bfbfbf";
442
457
  export const ComponentsNotificationInformationBackground = "#2b2b2b";
443
458
  export const ComponentsNotificationInformationIcon = "#659fff";
444
459
  export const ComponentsNotificationInformationBorder = "#659fff";
@@ -456,14 +471,6 @@ export const ComponentsNotificationSuccessIcon = "#6bde71";
456
471
  export const ComponentsNotificationNeutralBackground = "#2b2b2b";
457
472
  export const ComponentsNotificationNeutralBorder = "#919191";
458
473
  export const ComponentsNotificationNeutralIcon = "#919191";
459
- export const ComponentsMenuContextualBackground = "#0e0e0e";
460
- export const ComponentsMenuContextualBorder = "#484848";
461
- export const ComponentsMenuContextualItemBackground = "#ffffff";
462
- export const ComponentsMenuContextualItemBackgroundHover = "#ffffff";
463
- export const ComponentsMenuContextualItemShortcut = "#6d6d6d";
464
- export const ComponentsMenuContextualItemContent = "#808080";
465
- export const ComponentsMenuContextualItemContentDisabled = "#6d6d6d";
466
- export const ComponentsMenuContextualItemContentHover = "#bfbfbf";
467
474
  export const ComponentsPopoverBackground = "#0e0e0e";
468
475
  export const ComponentsPopoverBorder = "#484848";
469
476
  export const ComponentsPopoverText = "#bfbfbf";
@@ -217,6 +217,13 @@ export const ShadowYAxisLg2 : string;
217
217
  export const ShadowYAxisXl1 : string;
218
218
  export const ShadowYAxisXl2 : string;
219
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;
220
227
  export const ComponentsButtonHighBorder : string;
221
228
  export const ComponentsButtonHighBackground : string;
222
229
  export const ComponentsButtonHighBackgroundActive : string;
@@ -429,6 +436,9 @@ export const ComponentsAvatarContent7 : string;
429
436
  export const ComponentsAvatarContent8 : string;
430
437
  export const ComponentsAvatarContent9 : string;
431
438
  export const ComponentsAvatarContent10 : string;
439
+ export const ComponentsBreadcrumbText : string;
440
+ export const ComponentsBreadcrumbTextActive : string;
441
+ export const ComponentsBreadcrumbTextHover : string;
432
442
  export const ComponentsFieldTimeBackgroundDefault : string;
433
443
  export const ComponentsFieldTimeBackgroundHover : string;
434
444
  export const ComponentsFieldTimeBackgroundActive : string;
@@ -436,9 +446,14 @@ export const ComponentsFieldTimeTextDefault : string;
436
446
  export const ComponentsFieldTimeTextHover : string;
437
447
  export const ComponentsFieldTimeTextActive : string;
438
448
  export const ComponentsFieldTimeBorderActive : string;
439
- export const ComponentsBreadcrumbText : string;
440
- export const ComponentsBreadcrumbTextActive : string;
441
- 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;
442
457
  export const ComponentsNotificationInformationBackground : string;
443
458
  export const ComponentsNotificationInformationIcon : string;
444
459
  export const ComponentsNotificationInformationBorder : string;
@@ -456,14 +471,6 @@ export const ComponentsNotificationSuccessIcon : string;
456
471
  export const ComponentsNotificationNeutralBackground : string;
457
472
  export const ComponentsNotificationNeutralBorder : string;
458
473
  export const ComponentsNotificationNeutralIcon : string;
459
- export const ComponentsMenuContextualBackground : string;
460
- export const ComponentsMenuContextualBorder : string;
461
- export const ComponentsMenuContextualItemBackground : string;
462
- export const ComponentsMenuContextualItemBackgroundHover : string;
463
- export const ComponentsMenuContextualItemShortcut : string;
464
- export const ComponentsMenuContextualItemContent : string;
465
- export const ComponentsMenuContextualItemContentDisabled : string;
466
- export const ComponentsMenuContextualItemContentHover : string;
467
474
  export const ComponentsPopoverBackground : string;
468
475
  export const ComponentsPopoverBorder : string;
469
476
  export const ComponentsPopoverText : string;
@@ -217,6 +217,13 @@ export const ShadowYAxisLg2 = "10px";
217
217
  export const ShadowYAxisXl1 = "10px";
218
218
  export const ShadowYAxisXl2 = "20px";
219
219
  export const ShadowYAxis2xl = "25px";
220
+ export const ComponentsWpfComponents2 = "#ffffff";
221
+ export const ComponentsDatagridBackground = "#ffffff";
222
+ export const ComponentsDatagridContentHeader = "#6d6d6d";
223
+ export const ComponentsDatagridContentText = "#1d1d1d";
224
+ export const ComponentsDatagridContentSubtext = "#6d6d6d";
225
+ export const ComponentsDatagridBorderBody = "#e3e3e3";
226
+ export const ComponentsDatagridBorderHeader = "#bfbfbf";
220
227
  export const ComponentsButtonHighBorder = "#ffffff";
221
228
  export const ComponentsButtonHighBackground = "#e75420";
222
229
  export const ComponentsButtonHighBackgroundActive = "#bf451a";
@@ -429,6 +436,9 @@ export const ComponentsAvatarContent7 = "#106f15";
429
436
  export const ComponentsAvatarContent8 = "#1f717d";
430
437
  export const ComponentsAvatarContent9 = "#5c6e1f";
431
438
  export const ComponentsAvatarContent10 = "#484848";
439
+ export const ComponentsBreadcrumbText = "#6d6d6d";
440
+ export const ComponentsBreadcrumbTextActive = "#414141";
441
+ export const ComponentsBreadcrumbTextHover = "#e75420";
432
442
  export const ComponentsFieldTimeBackgroundDefault = "#ffffff";
433
443
  export const ComponentsFieldTimeBackgroundHover = "#a5a5a5";
434
444
  export const ComponentsFieldTimeBackgroundActive = "#fceae3";
@@ -436,9 +446,14 @@ export const ComponentsFieldTimeTextDefault = "#6d6d6d";
436
446
  export const ComponentsFieldTimeTextHover = "#414141";
437
447
  export const ComponentsFieldTimeTextActive = "#bf451a";
438
448
  export const ComponentsFieldTimeBorderActive = "#bf451a";
439
- export const ComponentsBreadcrumbText = "#6d6d6d";
440
- export const ComponentsBreadcrumbTextActive = "#414141";
441
- export const ComponentsBreadcrumbTextHover = "#e75420";
449
+ export const ComponentsMenuContextualBackground = "#ffffff";
450
+ export const ComponentsMenuContextualBorder = "#e3e3e3";
451
+ export const ComponentsMenuContextualItemBackground = "#ffffff";
452
+ export const ComponentsMenuContextualItemBackgroundHover = "#a5a5a5";
453
+ export const ComponentsMenuContextualItemShortcut = "#a9a9a9";
454
+ export const ComponentsMenuContextualItemContent = "#6d6d6d";
455
+ export const ComponentsMenuContextualItemContentDisabled = "#a9a9a9";
456
+ export const ComponentsMenuContextualItemContentHover = "#414141";
442
457
  export const ComponentsNotificationInformationBackground = "#ffffff";
443
458
  export const ComponentsNotificationInformationIcon = "#2660c2";
444
459
  export const ComponentsNotificationInformationBorder = "#2660c2";
@@ -456,14 +471,6 @@ export const ComponentsNotificationSuccessIcon = "#34ae3b";
456
471
  export const ComponentsNotificationNeutralBackground = "#ffffff";
457
472
  export const ComponentsNotificationNeutralBorder = "#6d6d6d";
458
473
  export const ComponentsNotificationNeutralIcon = "#6d6d6d";
459
- export const ComponentsMenuContextualBackground = "#ffffff";
460
- export const ComponentsMenuContextualBorder = "#e3e3e3";
461
- export const ComponentsMenuContextualItemBackground = "#ffffff";
462
- export const ComponentsMenuContextualItemBackgroundHover = "#a5a5a5";
463
- export const ComponentsMenuContextualItemShortcut = "#a9a9a9";
464
- export const ComponentsMenuContextualItemContent = "#6d6d6d";
465
- export const ComponentsMenuContextualItemContentDisabled = "#a9a9a9";
466
- export const ComponentsMenuContextualItemContentHover = "#414141";
467
474
  export const ComponentsPopoverBackground = "#ffffff";
468
475
  export const ComponentsPopoverBorder = "#e3e3e3";
469
476
  export const ComponentsPopoverText = "#414141";
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@nova-design-system/nova-base",
3
- "version": "3.0.0-beta.39",
3
+ "version": "3.0.0-beta.41",
4
4
  "description": "Nova is a design system created by Elia Group to empower creators to efficiently build solutions that people love to use.",
5
5
  "author": "Elia Group",
6
6
  "homepage": "https://nova.eliagroup.io",