@nova-design-system/nova-base 3.0.0-beta.39 → 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.
- package/dist/css/mccs.css +38 -12
- package/dist/css/ocean.css +34 -14
- package/dist/css/spark.css +34 -14
- package/dist/js/mccs_dark.d.ts +18 -11
- package/dist/js/mccs_dark.js +18 -11
- package/dist/js/mccs_light.d.ts +18 -11
- package/dist/js/mccs_light.js +18 -11
- package/dist/js/ocean_dark.d.ts +18 -11
- package/dist/js/ocean_dark.js +18 -11
- package/dist/js/ocean_light.d.ts +18 -11
- package/dist/js/ocean_light.js +18 -11
- package/dist/js/primitives.d.ts +6 -0
- package/dist/js/primitives.js +6 -0
- package/dist/js/spark_dark.d.ts +18 -11
- package/dist/js/spark_dark.js +18 -11
- package/dist/js/spark_light.d.ts +18 -11
- package/dist/js/spark_light.js +18 -11
- package/package.json +1 -1
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;
|
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;
|
|
@@ -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-
|
|
317
|
-
--components-
|
|
318
|
-
--components-
|
|
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-
|
|
817
|
-
--components-
|
|
818
|
-
--components-
|
|
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;
|
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;
|
|
@@ -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-
|
|
317
|
-
--components-
|
|
318
|
-
--components-
|
|
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-
|
|
815
|
-
--components-
|
|
816
|
-
--components-
|
|
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;
|
package/dist/js/mccs_dark.d.ts
CHANGED
|
@@ -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
|
|
440
|
-
export const
|
|
441
|
-
export const
|
|
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;
|
package/dist/js/mccs_dark.js
CHANGED
|
@@ -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
|
|
440
|
-
export const
|
|
441
|
-
export const
|
|
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";
|
package/dist/js/mccs_light.d.ts
CHANGED
|
@@ -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
|
|
440
|
-
export const
|
|
441
|
-
export const
|
|
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;
|
package/dist/js/mccs_light.js
CHANGED
|
@@ -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
|
|
440
|
-
export const
|
|
441
|
-
export const
|
|
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";
|
package/dist/js/ocean_dark.d.ts
CHANGED
|
@@ -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
|
|
440
|
-
export const
|
|
441
|
-
export const
|
|
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;
|
package/dist/js/ocean_dark.js
CHANGED
|
@@ -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
|
|
440
|
-
export const
|
|
441
|
-
export const
|
|
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";
|
package/dist/js/ocean_light.d.ts
CHANGED
|
@@ -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
|
|
440
|
-
export const
|
|
441
|
-
export const
|
|
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;
|
package/dist/js/ocean_light.js
CHANGED
|
@@ -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
|
|
440
|
-
export const
|
|
441
|
-
export const
|
|
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";
|
package/dist/js/primitives.d.ts
CHANGED
|
@@ -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;
|
package/dist/js/primitives.js
CHANGED
|
@@ -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";
|
package/dist/js/spark_dark.d.ts
CHANGED
|
@@ -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
|
|
440
|
-
export const
|
|
441
|
-
export const
|
|
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;
|
package/dist/js/spark_dark.js
CHANGED
|
@@ -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
|
|
440
|
-
export const
|
|
441
|
-
export const
|
|
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";
|
package/dist/js/spark_light.d.ts
CHANGED
|
@@ -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
|
|
440
|
-
export const
|
|
441
|
-
export const
|
|
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;
|
package/dist/js/spark_light.js
CHANGED
|
@@ -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
|
|
440
|
-
export const
|
|
441
|
-
export const
|
|
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.
|
|
3
|
+
"version": "3.0.0-beta.40",
|
|
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",
|