@nova-design-system/nova-base 3.13.0 → 3.14.0-beta.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (17) hide show
  1. package/assets/icons/icon-sprite.svg +1 -1
  2. package/dist/css/mccs.css +0 -4
  3. package/dist/css/ocean.css +24 -28
  4. package/dist/css/spark.css +24 -28
  5. package/dist/js/mccs_dark.d.ts +0 -2
  6. package/dist/js/mccs_dark.js +0 -2
  7. package/dist/js/mccs_light.d.ts +0 -2
  8. package/dist/js/mccs_light.js +0 -2
  9. package/dist/js/ocean_dark.d.ts +12 -14
  10. package/dist/js/ocean_dark.js +12 -14
  11. package/dist/js/ocean_light.d.ts +12 -14
  12. package/dist/js/ocean_light.js +12 -14
  13. package/dist/js/spark_dark.d.ts +12 -14
  14. package/dist/js/spark_dark.js +12 -14
  15. package/dist/js/spark_light.d.ts +12 -14
  16. package/dist/js/spark_light.js +12 -14
  17. package/package.json +1 -1
package/dist/css/mccs.css CHANGED
@@ -24,8 +24,6 @@
24
24
  --components-form-opacity-default: 100%;
25
25
  --components-button-gr-as-complementary-border-hover: rgba(255, 255, 255, 0);
26
26
  --components-button-gr-as-complementary-border: rgba(255, 255, 255, 0);
27
- --components-button-lower-border-hover-2: rgba(255, 255, 255, 0);
28
- --components-button-lower-border-2: rgba(255, 255, 255, 0);
29
27
  --components-button-lower-border-hover: rgba(255, 255, 255, 0);
30
28
  --components-button-lower-border-active: rgba(255, 255, 255, 0);
31
29
  --components-button-lower-border: rgba(255, 255, 255, 0);
@@ -611,8 +609,6 @@
611
609
  --components-form-opacity-default: 100%;
612
610
  --components-button-gr-as-complementary-border-hover: rgba(255, 255, 255, 0);
613
611
  --components-button-gr-as-complementary-border: rgba(255, 255, 255, 0);
614
- --components-button-lower-border-hover-2: rgba(255, 255, 255, 0);
615
- --components-button-lower-border-2: rgba(255, 255, 255, 0);
616
612
  --components-button-lower-border-hover: rgba(255, 255, 255, 0);
617
613
  --components-button-lower-border-active: rgba(255, 255, 255, 0);
618
614
  --components-button-lower-border: rgba(255, 255, 255, 0);
package/dist/css/ocean.css CHANGED
@@ -20,13 +20,8 @@
20
20
  --components-list-native-background: #565558;
21
21
  --components-form-opacity-disabled: 50%;
22
22
  --components-form-opacity-default: 100%;
23
- --components-datagrid-body-subtext: #00b4ff;
24
- --components-datagrid-body-text: #ff0000;
25
- --components-datagrid-header-text: #ff0000;
26
23
  --components-button-gr-as-complementary-border-hover: rgba(255, 255, 255, 0);
27
24
  --components-button-gr-as-complementary-border: rgba(255, 255, 255, 0);
28
- --components-button-lower-border-hover-2: rgba(255, 255, 255, 0);
29
- --components-button-lower-border-2: rgba(255, 255, 255, 0);
30
25
  --components-button-lower-border-hover: rgba(255, 255, 255, 0);
31
26
  --components-button-lower-border-active: rgba(255, 255, 255, 0);
32
27
  --components-button-lower-border: rgba(255, 255, 255, 0);
@@ -77,6 +72,8 @@
77
72
  --components-popover-background: var(--color-gray-ocean-900);
78
73
  --components-menu-contextual-item-background: var(--color-interaction-container-neutral-background);
79
74
  --components-field-time-background-default: var(--color-interaction-container-neutral-background);
75
+ --components-datagrid-body-background-default: var(--color-interaction-container-neutral-background);
76
+ --components-datagrid-header-background: var(--color-interaction-container-neutral-background);
80
77
  --components-overlay-background: var(--color-gray-ocean-650);
81
78
  --components-button-destructive-high-icon-hover: var(--color-base-black);
82
79
  --components-button-destructive-high-icon: var(--color-base-black);
@@ -110,8 +107,6 @@
110
107
  --components-form-shape-background-hover: var(--color-gray-ocean-350);
111
108
  --components-form-shape-background-default: var(--color-gray-ocean-400);
112
109
  --components-form-field-background-checked: var(--color-petrol-500);
113
- --components-datagrid-body-background-default: var(--color-interaction-container-neutral-background);
114
- --components-datagrid-header-background: var(--color-interaction-container-neutral-background);
115
110
  --components-button-gr-as-complementary-icon-hover: var(--color-base-white);
116
111
  --components-button-gr-as-complementary-icon: var(--color-base-white);
117
112
  --components-button-gr-as-complementary-text-hover: var(--color-base-white);
@@ -370,6 +365,15 @@
370
365
  --components-field-time-border-active: var(--color-interaction-container-neutral-icon-active);
371
366
  --components-field-time-text-active: var(--color-interaction-container-neutral-text-active);
372
367
  --components-field-time-background-active: var(--color-interaction-container-neutral-background-active);
368
+ --components-datagrid-expander-expander-background: var(--color-level-10-background);
369
+ --components-datagrid-expander-border: var(--color-content-low-border);
370
+ --components-datagrid-expander-content-background: var(--color-level-00-background);
371
+ --components-datagrid-body-background-active: var(--color-interaction-container-neutral-background-active);
372
+ --components-datagrid-body-subtext: var(--color-content-low-text);
373
+ --components-datagrid-body-text: var(--color-content-medium-text);
374
+ --components-datagrid-body-border: var(--color-content-low-border);
375
+ --components-datagrid-header-text: var(--color-content-high-text);
376
+ --components-datagrid-header-border: var(--color-content-medium-border);
373
377
  --components-buttongroup-low-border: var(--color-interaction-container-branded-low-border);
374
378
  --components-buttongroup-medium-border: var(--color-interaction-container-branded-low-border);
375
379
  --components-buttongroup-high-background: var(--color-interaction-container-branded-high-background);
@@ -478,12 +482,6 @@
478
482
  --components-form-text-label-default: var(--color-content-high-text);
479
483
  --components-form-text-info-icon: var(--color-content-medium-text);
480
484
  --components-form-text-required: var(--color-feedback-error-low-icon);
481
- --components-datagrid-expander-expander-background: var(--color-level-10-background);
482
- --components-datagrid-expander-border: var(--color-content-low-border);
483
- --components-datagrid-expander-content-background: var(--color-level-00-background);
484
- --components-datagrid-body-background-active: var(--color-interaction-container-neutral-background-active);
485
- --components-datagrid-body-border: var(--color-content-low-border);
486
- --components-datagrid-header-border: var(--color-content-medium-border);
487
485
  --components-button-medium-text-hover: var(--color-interaction-container-branded-low-text-hover);
488
486
  --components-button-medium-text-active: var(--color-interaction-container-branded-low-text-active);
489
487
  --components-button-medium-text: var(--color-interaction-container-branded-low-text);
@@ -567,6 +565,7 @@
567
565
  --components-field-time-text-hover: var(--color-interaction-container-neutral-text-hover);
568
566
  --components-field-time-text-default: var(--color-interaction-container-neutral-text);
569
567
  --components-field-time-background-hover: var(--color-interaction-container-neutral-background-hover);
568
+ --components-datagrid-body-background-hover: var(--color-interaction-container-neutral-background-hover);
570
569
  --components-buttongroup-lower-background: var(--color-interaction-container-branded-low-background);
571
570
  --components-buttongroup-lower-border: var(--color-interaction-container-neutral-border);
572
571
  --components-buttongroup-low-background: var(--color-interaction-container-branded-low-background);
@@ -574,7 +573,6 @@
574
573
  --components-breadcrumb-text: var(--color-interaction-link-low-text);
575
574
  --components-list-dropdown-item-background-hover: var(--color-interaction-container-neutral-background-hover);
576
575
  --components-form-shape-foreground-disabled: var(--components-form-shape-border-default);
577
- --components-datagrid-body-background-hover: var(--color-interaction-container-neutral-background-hover);
578
576
  --components-button-medium-background: var(--color-interaction-container-branded-low-background);
579
577
  --components-button-lower-text-hover: var(--color-interaction-container-neutral-text-hover);
580
578
  --components-button-lower-text: var(--color-interaction-container-neutral-text);
@@ -628,13 +626,8 @@
628
626
  --components-list-native-background: #565558;
629
627
  --components-form-opacity-disabled: 50%;
630
628
  --components-form-opacity-default: 100%;
631
- --components-datagrid-body-subtext: #0000ff;
632
- --components-datagrid-body-text: #ff0000;
633
- --components-datagrid-header-text: #ff0000;
634
629
  --components-button-gr-as-complementary-border-hover: rgba(255, 255, 255, 0);
635
630
  --components-button-gr-as-complementary-border: rgba(255, 255, 255, 0);
636
- --components-button-lower-border-hover-2: rgba(255, 255, 255, 0);
637
- --components-button-lower-border-2: rgba(255, 255, 255, 0);
638
631
  --components-button-lower-border-hover: rgba(255, 255, 255, 0);
639
632
  --components-button-lower-border-active: rgba(255, 255, 255, 0);
640
633
  --components-button-lower-border: rgba(255, 255, 255, 0);
@@ -685,6 +678,8 @@
685
678
  --components-popover-background: var(--color-gray-ocean-00);
686
679
  --components-menu-contextual-item-background: var(--color-interaction-container-neutral-background);
687
680
  --components-field-time-background-default: var(--color-interaction-container-neutral-background);
681
+ --components-datagrid-body-background-default: var(--color-interaction-container-neutral-background);
682
+ --components-datagrid-header-background: var(--color-interaction-container-neutral-background);
688
683
  --components-overlay-background: var(--color-gray-ocean-850);
689
684
  --components-button-destructive-high-icon-hover: var(--color-base-white);
690
685
  --components-button-destructive-high-icon: var(--color-base-white);
@@ -718,8 +713,6 @@
718
713
  --components-form-shape-background-hover: var(--color-gray-ocean-100);
719
714
  --components-form-shape-background-default: var(--color-gray-ocean-75);
720
715
  --components-form-field-background-checked: var(--color-petrol-600);
721
- --components-datagrid-body-background-default: var(--color-interaction-container-neutral-background);
722
- --components-datagrid-header-background: var(--color-interaction-container-neutral-background);
723
716
  --components-button-gr-as-complementary-icon-hover: var(--color-base-black);
724
717
  --components-button-gr-as-complementary-icon: var(--color-base-black);
725
718
  --components-button-gr-as-complementary-text-hover: var(--color-base-black);
@@ -978,6 +971,15 @@
978
971
  --components-field-time-border-active: var(--color-interaction-container-neutral-icon-active);
979
972
  --components-field-time-text-active: var(--color-interaction-container-neutral-text-active);
980
973
  --components-field-time-background-active: var(--color-interaction-container-neutral-background-active);
974
+ --components-datagrid-expander-expander-background: var(--color-level-10-background);
975
+ --components-datagrid-expander-border: var(--color-content-low-border);
976
+ --components-datagrid-expander-content-background: var(--color-level-00-background);
977
+ --components-datagrid-body-background-active: var(--color-interaction-container-neutral-background-active);
978
+ --components-datagrid-body-subtext: var(--color-content-low-text);
979
+ --components-datagrid-body-text: var(--color-content-medium-text);
980
+ --components-datagrid-body-border: var(--color-content-low-border);
981
+ --components-datagrid-header-text: var(--color-content-high-text);
982
+ --components-datagrid-header-border: var(--color-content-medium-border);
981
983
  --components-buttongroup-low-border: var(--color-interaction-container-branded-low-border);
982
984
  --components-buttongroup-medium-border: var(--color-interaction-container-branded-low-border);
983
985
  --components-buttongroup-high-background: var(--color-interaction-container-branded-high-background);
@@ -1086,12 +1088,6 @@
1086
1088
  --components-form-text-label-default: var(--color-content-high-text);
1087
1089
  --components-form-text-info-icon: var(--color-content-low-text);
1088
1090
  --components-form-text-required: var(--color-feedback-error-low-icon);
1089
- --components-datagrid-expander-expander-background: var(--color-level-10-background);
1090
- --components-datagrid-expander-border: var(--color-content-low-border);
1091
- --components-datagrid-expander-content-background: var(--color-level-00-background);
1092
- --components-datagrid-body-background-active: var(--color-interaction-container-neutral-background-active);
1093
- --components-datagrid-body-border: var(--color-content-low-border);
1094
- --components-datagrid-header-border: var(--color-content-medium-border);
1095
1091
  --components-button-medium-text-hover: var(--color-interaction-container-branded-low-text-hover);
1096
1092
  --components-button-medium-text-active: var(--color-interaction-container-branded-low-text-active);
1097
1093
  --components-button-medium-text: var(--color-interaction-container-branded-low-text);
@@ -1175,6 +1171,7 @@
1175
1171
  --components-field-time-text-hover: var(--color-interaction-container-neutral-text-hover);
1176
1172
  --components-field-time-text-default: var(--color-interaction-container-neutral-text);
1177
1173
  --components-field-time-background-hover: var(--color-interaction-container-neutral-background-hover);
1174
+ --components-datagrid-body-background-hover: var(--color-interaction-container-neutral-background-hover);
1178
1175
  --components-buttongroup-lower-background: var(--color-interaction-container-branded-low-background);
1179
1176
  --components-buttongroup-lower-border: var(--color-interaction-container-neutral-border);
1180
1177
  --components-buttongroup-low-background: var(--color-interaction-container-branded-low-background);
@@ -1182,7 +1179,6 @@
1182
1179
  --components-breadcrumb-text: var(--color-interaction-link-low-text);
1183
1180
  --components-list-dropdown-item-background-hover: var(--color-interaction-container-neutral-background-hover);
1184
1181
  --components-form-shape-foreground-disabled: var(--components-form-shape-border-default);
1185
- --components-datagrid-body-background-hover: var(--color-interaction-container-neutral-background-hover);
1186
1182
  --components-button-medium-background: var(--color-interaction-container-branded-low-background);
1187
1183
  --components-button-lower-text-hover: var(--color-interaction-container-neutral-text-hover);
1188
1184
  --components-button-lower-text: var(--color-interaction-container-neutral-text);
package/dist/css/spark.css CHANGED
@@ -20,13 +20,8 @@
20
20
  --components-list-native-background: #565558;
21
21
  --components-form-opacity-disabled: 50%;
22
22
  --components-form-opacity-default: 100%;
23
- --components-datagrid-body-subtext: #0000ff;
24
- --components-datagrid-body-text: #ff0000;
25
- --components-datagrid-header-text: #ff0000;
26
23
  --components-button-gr-as-complementary-border-hover: rgba(255, 255, 255, 0);
27
24
  --components-button-gr-as-complementary-border: rgba(255, 255, 255, 0);
28
- --components-button-lower-border-hover-2: rgba(255, 255, 255, 0);
29
- --components-button-lower-border-2: rgba(255, 255, 255, 0);
30
25
  --components-button-lower-border-hover: rgba(255, 255, 255, 0);
31
26
  --components-button-lower-border-active: rgba(255, 255, 255, 0);
32
27
  --components-button-lower-border: rgba(255, 255, 255, 0);
@@ -77,6 +72,8 @@
77
72
  --components-popover-background: var(--color-gray-spark-900);
78
73
  --components-menu-contextual-item-background: var(--color-interaction-container-neutral-background);
79
74
  --components-field-time-background-default: var(--color-interaction-container-neutral-background);
75
+ --components-datagrid-body-background-default: var(--color-interaction-container-neutral-background);
76
+ --components-datagrid-header-background: var(--color-interaction-container-neutral-background);
80
77
  --components-overlay-background: var(--color-gray-spark-650);
81
78
  --components-button-destructive-high-icon-hover: var(--color-base-black);
82
79
  --components-button-destructive-high-icon: var(--color-base-black);
@@ -110,8 +107,6 @@
110
107
  --components-form-shape-background-hover: var(--color-gray-spark-350);
111
108
  --components-form-shape-background-default: var(--color-gray-spark-400);
112
109
  --components-form-field-background-checked: var(--color-orange-500);
113
- --components-datagrid-body-background-default: var(--color-interaction-container-neutral-background);
114
- --components-datagrid-header-background: var(--color-interaction-container-neutral-background);
115
110
  --components-button-gr-as-complementary-icon-hover: var(--color-base-white);
116
111
  --components-button-gr-as-complementary-icon: var(--color-base-white);
117
112
  --components-button-gr-as-complementary-text-hover: var(--color-base-white);
@@ -370,6 +365,15 @@
370
365
  --components-field-time-border-active: var(--color-interaction-container-neutral-icon-active);
371
366
  --components-field-time-text-active: var(--color-interaction-container-neutral-text-active);
372
367
  --components-field-time-background-active: var(--color-interaction-container-neutral-background-active);
368
+ --components-datagrid-expander-expander-background: var(--color-level-10-background);
369
+ --components-datagrid-expander-border: var(--color-content-low-border);
370
+ --components-datagrid-expander-content-background: var(--color-level-00-background);
371
+ --components-datagrid-body-background-active: var(--color-interaction-container-neutral-background-active);
372
+ --components-datagrid-body-subtext: var(--color-content-low-text);
373
+ --components-datagrid-body-text: var(--color-content-medium-text);
374
+ --components-datagrid-body-border: var(--color-content-low-border);
375
+ --components-datagrid-header-text: var(--color-content-high-text);
376
+ --components-datagrid-header-border: var(--color-content-medium-border);
373
377
  --components-buttongroup-low-border: var(--color-interaction-container-branded-low-border);
374
378
  --components-buttongroup-medium-border: var(--color-interaction-container-branded-low-border);
375
379
  --components-buttongroup-high-background: var(--color-interaction-container-branded-high-background);
@@ -478,12 +482,6 @@
478
482
  --components-form-text-label-default: var(--color-content-high-text);
479
483
  --components-form-text-info-icon: var(--color-content-low-text);
480
484
  --components-form-text-required: var(--color-feedback-error-low-icon);
481
- --components-datagrid-expander-expander-background: var(--color-level-10-background);
482
- --components-datagrid-expander-border: var(--color-content-low-border);
483
- --components-datagrid-expander-content-background: var(--color-level-00-background);
484
- --components-datagrid-body-background-active: var(--color-interaction-container-neutral-background-active);
485
- --components-datagrid-body-border: var(--color-content-low-border);
486
- --components-datagrid-header-border: var(--color-content-medium-border);
487
485
  --components-button-medium-text-hover: var(--color-interaction-container-branded-low-text-hover);
488
486
  --components-button-medium-text-active: var(--color-interaction-container-branded-low-text-active);
489
487
  --components-button-medium-text: var(--color-interaction-container-branded-low-text);
@@ -567,6 +565,7 @@
567
565
  --components-field-time-text-hover: var(--color-interaction-container-neutral-icon-hover);
568
566
  --components-field-time-text-default: var(--color-interaction-container-neutral-text);
569
567
  --components-field-time-background-hover: var(--color-interaction-container-neutral-background-hover);
568
+ --components-datagrid-body-background-hover: var(--color-interaction-container-neutral-background-hover);
570
569
  --components-buttongroup-lower-background: var(--color-interaction-container-branded-low-background);
571
570
  --components-buttongroup-lower-border: var(--color-interaction-container-neutral-border);
572
571
  --components-buttongroup-low-background: var(--color-interaction-container-branded-low-background);
@@ -574,7 +573,6 @@
574
573
  --components-breadcrumb-text: var(--color-interaction-link-low-text);
575
574
  --components-list-dropdown-item-background-hover: var(--color-interaction-container-neutral-background-hover);
576
575
  --components-form-shape-foreground-disabled: var(--components-form-shape-border-default);
577
- --components-datagrid-body-background-hover: var(--color-interaction-container-neutral-background-hover);
578
576
  --components-button-medium-background: var(--color-interaction-container-branded-low-background);
579
577
  --components-button-lower-text-hover: var(--color-interaction-container-neutral-text-hover);
580
578
  --components-button-lower-text: var(--color-interaction-container-neutral-text);
@@ -628,13 +626,8 @@
628
626
  --components-list-native-background: #565558;
629
627
  --components-form-opacity-disabled: 50%;
630
628
  --components-form-opacity-default: 100%;
631
- --components-datagrid-body-subtext: #0000ff;
632
- --components-datagrid-body-text: #ff0000;
633
- --components-datagrid-header-text: #ff0000;
634
629
  --components-button-gr-as-complementary-border-hover: rgba(255, 255, 255, 0);
635
630
  --components-button-gr-as-complementary-border: rgba(255, 255, 255, 0);
636
- --components-button-lower-border-hover-2: rgba(255, 255, 255, 0);
637
- --components-button-lower-border-2: rgba(255, 255, 255, 0);
638
631
  --components-button-lower-border-hover: rgba(255, 255, 255, 0);
639
632
  --components-button-lower-border-active: rgba(255, 255, 255, 0);
640
633
  --components-button-lower-border: rgba(255, 255, 255, 0);
@@ -683,6 +676,8 @@
683
676
  --components-popover-background: var(--color-gray-spark-00);
684
677
  --components-menu-contextual-item-background: var(--color-interaction-container-neutral-background);
685
678
  --components-field-time-background-default: var(--color-interaction-container-neutral-background);
679
+ --components-datagrid-body-background-default: var(--color-interaction-container-neutral-background);
680
+ --components-datagrid-header-background: var(--color-interaction-container-neutral-background);
686
681
  --components-overlay-background: var(--color-gray-spark-850);
687
682
  --components-button-destructive-high-icon-hover: var(--color-base-white);
688
683
  --components-button-destructive-high-icon: var(--color-base-white);
@@ -716,8 +711,6 @@
716
711
  --components-form-shape-background-hover: var(--color-gray-spark-100);
717
712
  --components-form-shape-background-default: var(--color-gray-spark-75);
718
713
  --components-form-field-background-checked: var(--color-orange-500);
719
- --components-datagrid-body-background-default: var(--color-interaction-container-neutral-background);
720
- --components-datagrid-header-background: var(--color-interaction-container-neutral-background);
721
714
  --components-button-gr-as-complementary-icon-hover: var(--color-base-black);
722
715
  --components-button-gr-as-complementary-icon: var(--color-base-black);
723
716
  --components-button-gr-as-complementary-text-hover: var(--color-base-black);
@@ -975,6 +968,15 @@
975
968
  --components-field-time-border-active: var(--color-interaction-container-neutral-icon-active);
976
969
  --components-field-time-text-active: var(--color-interaction-container-neutral-text-active);
977
970
  --components-field-time-background-active: var(--color-interaction-container-neutral-background-active);
971
+ --components-datagrid-expander-expander-background: var(--color-level-10-background);
972
+ --components-datagrid-expander-border: var(--color-content-low-border);
973
+ --components-datagrid-expander-content-background: var(--color-level-00-background);
974
+ --components-datagrid-body-background-active: var(--color-interaction-container-neutral-background-active);
975
+ --components-datagrid-body-subtext: var(--color-content-low-text);
976
+ --components-datagrid-body-text: var(--color-content-medium-text);
977
+ --components-datagrid-body-border: var(--color-content-low-border);
978
+ --components-datagrid-header-text: var(--color-content-high-text);
979
+ --components-datagrid-header-border: var(--color-content-medium-border);
978
980
  --components-buttongroup-low-border: var(--color-interaction-container-branded-low-border);
979
981
  --components-buttongroup-medium-border: var(--color-interaction-container-branded-low-border);
980
982
  --components-buttongroup-high-background: var(--color-interaction-container-branded-high-background);
@@ -1083,12 +1085,6 @@
1083
1085
  --components-form-text-label-default: var(--color-content-high-text);
1084
1086
  --components-form-text-info-icon: var(--color-content-low-text);
1085
1087
  --components-form-text-required: var(--color-feedback-error-low-icon);
1086
- --components-datagrid-expander-expander-background: var(--color-level-10-background);
1087
- --components-datagrid-expander-border: var(--color-content-low-border);
1088
- --components-datagrid-expander-content-background: var(--color-level-00-background);
1089
- --components-datagrid-body-background-active: var(--color-interaction-container-neutral-background-active);
1090
- --components-datagrid-body-border: var(--color-content-low-border);
1091
- --components-datagrid-header-border: var(--color-content-medium-border);
1092
1088
  --components-button-medium-text-hover: var(--color-interaction-container-branded-low-text-hover);
1093
1089
  --components-button-medium-text-active: var(--color-interaction-container-branded-low-text-active);
1094
1090
  --components-button-medium-text: var(--color-interaction-container-branded-low-text);
@@ -1175,6 +1171,7 @@
1175
1171
  --components-field-time-text-hover: var(--color-interaction-container-neutral-text-hover);
1176
1172
  --components-field-time-text-default: var(--color-interaction-container-neutral-text);
1177
1173
  --components-field-time-background-hover: var(--color-interaction-container-neutral-background-hover);
1174
+ --components-datagrid-body-background-hover: var(--color-interaction-container-neutral-background-hover);
1178
1175
  --components-buttongroup-lower-background: var(--color-interaction-container-branded-low-background);
1179
1176
  --components-buttongroup-lower-border: var(--color-interaction-container-neutral-border);
1180
1177
  --components-buttongroup-low-background: var(--color-interaction-container-branded-low-background);
@@ -1182,7 +1179,6 @@
1182
1179
  --components-breadcrumb-text: var(--color-interaction-link-low-text);
1183
1180
  --components-list-dropdown-item-background-hover: var(--color-interaction-container-neutral-background-hover);
1184
1181
  --components-form-shape-foreground-disabled: var(--components-form-shape-border-default);
1185
- --components-datagrid-body-background-hover: var(--color-interaction-container-neutral-background-hover);
1186
1182
  --components-button-medium-background: var(--color-interaction-container-branded-low-background);
1187
1183
  --components-button-lower-text-hover: var(--color-interaction-container-neutral-text-hover);
1188
1184
  --components-button-lower-text: var(--color-interaction-container-neutral-text);
package/dist/js/mccs_dark.d.ts CHANGED
@@ -287,8 +287,6 @@ export const ComponentsButtonLowTextHover : string;
287
287
  export const ComponentsButtonLowerBorder : string;
288
288
  export const ComponentsButtonLowerBorderActive : string;
289
289
  export const ComponentsButtonLowerBorderHover : string;
290
- export const ComponentsButtonLowerBorder2 : string;
291
- export const ComponentsButtonLowerBorderHover2 : string;
292
290
  export const ComponentsButtonLowerBackground : string;
293
291
  export const ComponentsButtonLowerBackgroundActive : string;
294
292
  export const ComponentsButtonLowerBackgroundHover : string;
package/dist/js/mccs_dark.js CHANGED
@@ -287,8 +287,6 @@ export const ComponentsButtonLowTextHover = "#71b2bc";
287
287
  export const ComponentsButtonLowerBorder = "#ffffff";
288
288
  export const ComponentsButtonLowerBorderActive = "#ffffff";
289
289
  export const ComponentsButtonLowerBorderHover = "#ffffff";
290
- export const ComponentsButtonLowerBorder2 = "#ffffff";
291
- export const ComponentsButtonLowerBorderHover2 = "#ffffff";
292
290
  export const ComponentsButtonLowerBackground = "#0b0f11";
293
291
  export const ComponentsButtonLowerBackgroundActive = "#ffffff";
294
292
  export const ComponentsButtonLowerBackgroundHover = "#ffffff";
package/dist/js/mccs_light.d.ts CHANGED
@@ -287,8 +287,6 @@ export const ComponentsButtonLowTextHover : string;
287
287
  export const ComponentsButtonLowerBorder : string;
288
288
  export const ComponentsButtonLowerBorderActive : string;
289
289
  export const ComponentsButtonLowerBorderHover : string;
290
- export const ComponentsButtonLowerBorder2 : string;
291
- export const ComponentsButtonLowerBorderHover2 : string;
292
290
  export const ComponentsButtonLowerBackground : string;
293
291
  export const ComponentsButtonLowerBackgroundActive : string;
294
292
  export const ComponentsButtonLowerBackgroundHover : string;
package/dist/js/mccs_light.js CHANGED
@@ -287,8 +287,6 @@ export const ComponentsButtonLowTextHover = "#185963";
287
287
  export const ComponentsButtonLowerBorder = "#ffffff";
288
288
  export const ComponentsButtonLowerBorderActive = "#ffffff";
289
289
  export const ComponentsButtonLowerBorderHover = "#ffffff";
290
- export const ComponentsButtonLowerBorder2 = "#ffffff";
291
- export const ComponentsButtonLowerBorderHover2 = "#ffffff";
292
290
  export const ComponentsButtonLowerBackground = "#ffffff";
293
291
  export const ComponentsButtonLowerBackgroundActive = "#a5a6a7";
294
292
  export const ComponentsButtonLowerBackgroundHover = "#a5a6a7";
package/dist/js/ocean_dark.d.ts CHANGED
@@ -287,8 +287,6 @@ export const ComponentsButtonLowTextHover : string;
287
287
  export const ComponentsButtonLowerBorder : string;
288
288
  export const ComponentsButtonLowerBorderActive : string;
289
289
  export const ComponentsButtonLowerBorderHover : string;
290
- export const ComponentsButtonLowerBorder2 : string;
291
- export const ComponentsButtonLowerBorderHover2 : string;
292
290
  export const ComponentsButtonLowerBackground : string;
293
291
  export const ComponentsButtonLowerBackgroundActive : string;
294
292
  export const ComponentsButtonLowerBackgroundHover : string;
@@ -318,18 +316,6 @@ export const ComponentsButtonMediumIconHover : string;
318
316
  export const ComponentsButtonMediumText : string;
319
317
  export const ComponentsButtonMediumTextActive : string;
320
318
  export const ComponentsButtonMediumTextHover : string;
321
- export const ComponentsDatagridHeaderText : string;
322
- export const ComponentsDatagridHeaderBorder : string;
323
- export const ComponentsDatagridHeaderBackground : string;
324
- export const ComponentsDatagridBodyText : string;
325
- export const ComponentsDatagridBodySubtext : string;
326
- export const ComponentsDatagridBodyBorder : string;
327
- export const ComponentsDatagridBodyBackgroundDefault : string;
328
- export const ComponentsDatagridBodyBackgroundActive : string;
329
- export const ComponentsDatagridBodyBackgroundHover : string;
330
- export const ComponentsDatagridExpanderContentBackground : string;
331
- export const ComponentsDatagridExpanderBorder : string;
332
- export const ComponentsDatagridExpanderExpanderBackground : string;
333
319
  export const ComponentsFormOpacityDefault : string;
334
320
  export const ComponentsFormOpacityDisabled : string;
335
321
  export const ComponentsFormTextRequired : string;
@@ -495,6 +481,18 @@ export const ComponentsButtongroupLowBorder : string;
495
481
  export const ComponentsButtongroupLowBackground : string;
496
482
  export const ComponentsButtongroupLowerBorder : string;
497
483
  export const ComponentsButtongroupLowerBackground : string;
484
+ export const ComponentsDatagridHeaderBorder : string;
485
+ export const ComponentsDatagridHeaderText : string;
486
+ export const ComponentsDatagridHeaderBackground : string;
487
+ export const ComponentsDatagridBodyBorder : string;
488
+ export const ComponentsDatagridBodyText : string;
489
+ export const ComponentsDatagridBodySubtext : string;
490
+ export const ComponentsDatagridBodyBackgroundDefault : string;
491
+ export const ComponentsDatagridBodyBackgroundActive : string;
492
+ export const ComponentsDatagridBodyBackgroundHover : string;
493
+ export const ComponentsDatagridExpanderContentBackground : string;
494
+ export const ComponentsDatagridExpanderBorder : string;
495
+ export const ComponentsDatagridExpanderExpanderBackground : string;
498
496
  export const ComponentsFieldTimeBackgroundDefault : string;
499
497
  export const ComponentsFieldTimeBackgroundHover : string;
500
498
  export const ComponentsFieldTimeBackgroundActive : string;
package/dist/js/ocean_dark.js CHANGED
@@ -287,8 +287,6 @@ export const ComponentsButtonLowTextHover = "#4b9eaa";
287
287
  export const ComponentsButtonLowerBorder = "#ffffff";
288
288
  export const ComponentsButtonLowerBorderActive = "#ffffff";
289
289
  export const ComponentsButtonLowerBorderHover = "#ffffff";
290
- export const ComponentsButtonLowerBorder2 = "#ffffff";
291
- export const ComponentsButtonLowerBorderHover2 = "#ffffff";
292
290
  export const ComponentsButtonLowerBackground = "#ffffff";
293
291
  export const ComponentsButtonLowerBackgroundActive = "#0b292e";
294
292
  export const ComponentsButtonLowerBackgroundHover = "#171f22";
@@ -318,18 +316,6 @@ export const ComponentsButtonMediumIconHover = "#4b9eaa";
318
316
  export const ComponentsButtonMediumText = "#258998";
319
317
  export const ComponentsButtonMediumTextActive = "#4b9eaa";
320
318
  export const ComponentsButtonMediumTextHover = "#4b9eaa";
321
- export const ComponentsDatagridHeaderText = "#ff0000";
322
- export const ComponentsDatagridHeaderBorder = "#617177";
323
- export const ComponentsDatagridHeaderBackground = "#ffffff";
324
- export const ComponentsDatagridBodyText = "#ff0000";
325
- export const ComponentsDatagridBodySubtext = "#00b4ff";
326
- export const ComponentsDatagridBodyBorder = "#394d55";
327
- export const ComponentsDatagridBodyBackgroundDefault = "#ffffff";
328
- export const ComponentsDatagridBodyBackgroundActive = "#0b292e";
329
- export const ComponentsDatagridBodyBackgroundHover = "#171f22";
330
- export const ComponentsDatagridExpanderContentBackground = "#0b0f11";
331
- export const ComponentsDatagridExpanderBorder = "#394d55";
332
- export const ComponentsDatagridExpanderExpanderBackground = "#171f22";
333
319
  export const ComponentsFormOpacityDefault = "100%";
334
320
  export const ComponentsFormOpacityDisabled = "50%";
335
321
  export const ComponentsFormTextRequired = "#ff6161";
@@ -495,6 +481,18 @@ export const ComponentsButtongroupLowBorder = "#258998";
495
481
  export const ComponentsButtongroupLowBackground = "#0b0f11";
496
482
  export const ComponentsButtongroupLowerBorder = "#889499";
497
483
  export const ComponentsButtongroupLowerBackground = "#0b0f11";
484
+ export const ComponentsDatagridHeaderBorder = "#617177";
485
+ export const ComponentsDatagridHeaderText = "#f5f6f7";
486
+ export const ComponentsDatagridHeaderBackground = "#ffffff";
487
+ export const ComponentsDatagridBodyBorder = "#394d55";
488
+ export const ComponentsDatagridBodyText = "#bac1c4";
489
+ export const ComponentsDatagridBodySubtext = "#889499";
490
+ export const ComponentsDatagridBodyBackgroundDefault = "#ffffff";
491
+ export const ComponentsDatagridBodyBackgroundActive = "#0b292e";
492
+ export const ComponentsDatagridBodyBackgroundHover = "#171f22";
493
+ export const ComponentsDatagridExpanderContentBackground = "#0b0f11";
494
+ export const ComponentsDatagridExpanderBorder = "#394d55";
495
+ export const ComponentsDatagridExpanderExpanderBackground = "#171f22";
498
496
  export const ComponentsFieldTimeBackgroundDefault = "#ffffff";
499
497
  export const ComponentsFieldTimeBackgroundHover = "#171f22";
500
498
  export const ComponentsFieldTimeBackgroundActive = "#0b292e";
package/dist/js/ocean_light.d.ts CHANGED
@@ -287,8 +287,6 @@ export const ComponentsButtonLowTextHover : string;
287
287
  export const ComponentsButtonLowerBorder : string;
288
288
  export const ComponentsButtonLowerBorderActive : string;
289
289
  export const ComponentsButtonLowerBorderHover : string;
290
- export const ComponentsButtonLowerBorder2 : string;
291
- export const ComponentsButtonLowerBorderHover2 : string;
292
290
  export const ComponentsButtonLowerBackground : string;
293
291
  export const ComponentsButtonLowerBackgroundActive : string;
294
292
  export const ComponentsButtonLowerBackgroundHover : string;
@@ -318,18 +316,6 @@ export const ComponentsButtonMediumIconHover : string;
318
316
  export const ComponentsButtonMediumText : string;
319
317
  export const ComponentsButtonMediumTextActive : string;
320
318
  export const ComponentsButtonMediumTextHover : string;
321
- export const ComponentsDatagridHeaderText : string;
322
- export const ComponentsDatagridHeaderBorder : string;
323
- export const ComponentsDatagridHeaderBackground : string;
324
- export const ComponentsDatagridBodyText : string;
325
- export const ComponentsDatagridBodySubtext : string;
326
- export const ComponentsDatagridBodyBorder : string;
327
- export const ComponentsDatagridBodyBackgroundDefault : string;
328
- export const ComponentsDatagridBodyBackgroundActive : string;
329
- export const ComponentsDatagridBodyBackgroundHover : string;
330
- export const ComponentsDatagridExpanderContentBackground : string;
331
- export const ComponentsDatagridExpanderBorder : string;
332
- export const ComponentsDatagridExpanderExpanderBackground : string;
333
319
  export const ComponentsFormOpacityDefault : string;
334
320
  export const ComponentsFormOpacityDisabled : string;
335
321
  export const ComponentsFormTextRequired : string;
@@ -495,6 +481,18 @@ export const ComponentsButtongroupLowBorder : string;
495
481
  export const ComponentsButtongroupLowBackground : string;
496
482
  export const ComponentsButtongroupLowerBorder : string;
497
483
  export const ComponentsButtongroupLowerBackground : string;
484
+ export const ComponentsDatagridHeaderBorder : string;
485
+ export const ComponentsDatagridHeaderText : string;
486
+ export const ComponentsDatagridHeaderBackground : string;
487
+ export const ComponentsDatagridBodyBorder : string;
488
+ export const ComponentsDatagridBodyText : string;
489
+ export const ComponentsDatagridBodySubtext : string;
490
+ export const ComponentsDatagridBodyBackgroundDefault : string;
491
+ export const ComponentsDatagridBodyBackgroundActive : string;
492
+ export const ComponentsDatagridBodyBackgroundHover : string;
493
+ export const ComponentsDatagridExpanderContentBackground : string;
494
+ export const ComponentsDatagridExpanderBorder : string;
495
+ export const ComponentsDatagridExpanderExpanderBackground : string;
498
496
  export const ComponentsFieldTimeBackgroundDefault : string;
499
497
  export const ComponentsFieldTimeBackgroundHover : string;
500
498
  export const ComponentsFieldTimeBackgroundActive : string;
package/dist/js/ocean_light.js CHANGED
@@ -287,8 +287,6 @@ export const ComponentsButtonLowTextHover = "#185963";
287
287
  export const ComponentsButtonLowerBorder = "#ffffff";
288
288
  export const ComponentsButtonLowerBorderActive = "#ffffff";
289
289
  export const ComponentsButtonLowerBorderHover = "#ffffff";
290
- export const ComponentsButtonLowerBorder2 = "#ffffff";
291
- export const ComponentsButtonLowerBorderHover2 = "#ffffff";
292
290
  export const ComponentsButtonLowerBackground = "#ffffff";
293
291
  export const ComponentsButtonLowerBackgroundActive = "#e4f0f2";
294
292
  export const ComponentsButtonLowerBackgroundHover = "#f5f6f7";
@@ -318,18 +316,6 @@ export const ComponentsButtonMediumIconHover = "#185963";
318
316
  export const ComponentsButtonMediumText = "#1f717d";
319
317
  export const ComponentsButtonMediumTextActive = "#185963";
320
318
  export const ComponentsButtonMediumTextHover = "#185963";
321
- export const ComponentsDatagridHeaderText = "#ff0000";
322
- export const ComponentsDatagridHeaderBorder = "#bac1c4";
323
- export const ComponentsDatagridHeaderBackground = "#ffffff";
324
- export const ComponentsDatagridBodyText = "#ff0000";
325
- export const ComponentsDatagridBodySubtext = "#0000ff";
326
- export const ComponentsDatagridBodyBorder = "#e1e4e6";
327
- export const ComponentsDatagridBodyBackgroundDefault = "#ffffff";
328
- export const ComponentsDatagridBodyBackgroundActive = "#e4f0f2";
329
- export const ComponentsDatagridBodyBackgroundHover = "#f5f6f7";
330
- export const ComponentsDatagridExpanderContentBackground = "#ffffff";
331
- export const ComponentsDatagridExpanderBorder = "#e1e4e6";
332
- export const ComponentsDatagridExpanderExpanderBackground = "#f5f6f7";
333
319
  export const ComponentsFormOpacityDefault = "100%";
334
320
  export const ComponentsFormOpacityDisabled = "50%";
335
321
  export const ComponentsFormTextRequired = "#bb1919";
@@ -495,6 +481,18 @@ export const ComponentsButtongroupLowBorder = "#1f717d";
495
481
  export const ComponentsButtongroupLowBackground = "#ffffff";
496
482
  export const ComponentsButtongroupLowerBorder = "#617177";
497
483
  export const ComponentsButtongroupLowerBackground = "#ffffff";
484
+ export const ComponentsDatagridHeaderBorder = "#bac1c4";
485
+ export const ComponentsDatagridHeaderText = "#171f22";
486
+ export const ComponentsDatagridHeaderBackground = "#ffffff";
487
+ export const ComponentsDatagridBodyBorder = "#e1e4e6";
488
+ export const ComponentsDatagridBodyText = "#34464d";
489
+ export const ComponentsDatagridBodySubtext = "#617177";
490
+ export const ComponentsDatagridBodyBackgroundDefault = "#ffffff";
491
+ export const ComponentsDatagridBodyBackgroundActive = "#e4f0f2";
492
+ export const ComponentsDatagridBodyBackgroundHover = "#f5f6f7";
493
+ export const ComponentsDatagridExpanderContentBackground = "#ffffff";
494
+ export const ComponentsDatagridExpanderBorder = "#e1e4e6";
495
+ export const ComponentsDatagridExpanderExpanderBackground = "#f5f6f7";
498
496
  export const ComponentsFieldTimeBackgroundDefault = "#ffffff";
499
497
  export const ComponentsFieldTimeBackgroundHover = "#f5f6f7";
500
498
  export const ComponentsFieldTimeBackgroundActive = "#e4f0f2";
package/dist/js/spark_dark.d.ts CHANGED
@@ -287,8 +287,6 @@ export const ComponentsButtonLowTextHover : string;
287
287
  export const ComponentsButtonLowerBorder : string;
288
288
  export const ComponentsButtonLowerBorderActive : string;
289
289
  export const ComponentsButtonLowerBorderHover : string;
290
- export const ComponentsButtonLowerBorder2 : string;
291
- export const ComponentsButtonLowerBorderHover2 : string;
292
290
  export const ComponentsButtonLowerBackground : string;
293
291
  export const ComponentsButtonLowerBackgroundActive : string;
294
292
  export const ComponentsButtonLowerBackgroundHover : string;
@@ -318,18 +316,6 @@ export const ComponentsButtonMediumIconHover : string;
318
316
  export const ComponentsButtonMediumText : string;
319
317
  export const ComponentsButtonMediumTextActive : string;
320
318
  export const ComponentsButtonMediumTextHover : string;
321
- export const ComponentsDatagridHeaderText : string;
322
- export const ComponentsDatagridHeaderBorder : string;
323
- export const ComponentsDatagridHeaderBackground : string;
324
- export const ComponentsDatagridBodyText : string;
325
- export const ComponentsDatagridBodySubtext : string;
326
- export const ComponentsDatagridBodyBorder : string;
327
- export const ComponentsDatagridBodyBackgroundDefault : string;
328
- export const ComponentsDatagridBodyBackgroundActive : string;
329
- export const ComponentsDatagridBodyBackgroundHover : string;
330
- export const ComponentsDatagridExpanderContentBackground : string;
331
- export const ComponentsDatagridExpanderBorder : string;
332
- export const ComponentsDatagridExpanderExpanderBackground : string;
333
319
  export const ComponentsFormOpacityDefault : string;
334
320
  export const ComponentsFormOpacityDisabled : string;
335
321
  export const ComponentsFormTextRequired : string;
@@ -495,6 +481,18 @@ export const ComponentsButtongroupLowBorder : string;
495
481
  export const ComponentsButtongroupLowBackground : string;
496
482
  export const ComponentsButtongroupLowerBorder : string;
497
483
  export const ComponentsButtongroupLowerBackground : string;
484
+ export const ComponentsDatagridHeaderBorder : string;
485
+ export const ComponentsDatagridHeaderText : string;
486
+ export const ComponentsDatagridHeaderBackground : string;
487
+ export const ComponentsDatagridBodyBorder : string;
488
+ export const ComponentsDatagridBodyText : string;
489
+ export const ComponentsDatagridBodySubtext : string;
490
+ export const ComponentsDatagridBodyBackgroundDefault : string;
491
+ export const ComponentsDatagridBodyBackgroundActive : string;
492
+ export const ComponentsDatagridBodyBackgroundHover : string;
493
+ export const ComponentsDatagridExpanderContentBackground : string;
494
+ export const ComponentsDatagridExpanderBorder : string;
495
+ export const ComponentsDatagridExpanderExpanderBackground : string;
498
496
  export const ComponentsFieldTimeBackgroundDefault : string;
499
497
  export const ComponentsFieldTimeBackgroundHover : string;
500
498
  export const ComponentsFieldTimeBackgroundActive : string;
package/dist/js/spark_dark.js CHANGED
@@ -287,8 +287,6 @@ export const ComponentsButtonLowTextHover = "#eb7247";
287
287
  export const ComponentsButtonLowerBorder = "#ffffff";
288
288
  export const ComponentsButtonLowerBorderActive = "#ffffff";
289
289
  export const ComponentsButtonLowerBorderHover = "#ffffff";
290
- export const ComponentsButtonLowerBorder2 = "#ffffff";
291
- export const ComponentsButtonLowerBorderHover2 = "#ffffff";
292
290
  export const ComponentsButtonLowerBackground = "#ffffff";
293
291
  export const ComponentsButtonLowerBackgroundActive = "#45190a";
294
292
  export const ComponentsButtonLowerBackgroundHover = "#1d1d1d";
@@ -318,18 +316,6 @@ export const ComponentsButtonMediumIconHover = "#eb7247";
318
316
  export const ComponentsButtonMediumText = "#e75420";
319
317
  export const ComponentsButtonMediumTextActive = "#eb7247";
320
318
  export const ComponentsButtonMediumTextHover = "#eb7247";
321
- export const ComponentsDatagridHeaderText = "#ff0000";
322
- export const ComponentsDatagridHeaderBorder = "#6d6d6d";
323
- export const ComponentsDatagridHeaderBackground = "#ffffff";
324
- export const ComponentsDatagridBodyText = "#ff0000";
325
- export const ComponentsDatagridBodySubtext = "#0000ff";
326
- export const ComponentsDatagridBodyBorder = "#484848";
327
- export const ComponentsDatagridBodyBackgroundDefault = "#ffffff";
328
- export const ComponentsDatagridBodyBackgroundActive = "#45190a";
329
- export const ComponentsDatagridBodyBackgroundHover = "#1d1d1d";
330
- export const ComponentsDatagridExpanderContentBackground = "#0e0e0e";
331
- export const ComponentsDatagridExpanderBorder = "#484848";
332
- export const ComponentsDatagridExpanderExpanderBackground = "#1d1d1d";
333
319
  export const ComponentsFormOpacityDefault = "100%";
334
320
  export const ComponentsFormOpacityDisabled = "50%";
335
321
  export const ComponentsFormTextRequired = "#ff6161";
@@ -495,6 +481,18 @@ export const ComponentsButtongroupLowBorder = "#e75420";
495
481
  export const ComponentsButtongroupLowBackground = "#0e0e0e";
496
482
  export const ComponentsButtongroupLowerBorder = "#808080";
497
483
  export const ComponentsButtongroupLowerBackground = "#0e0e0e";
484
+ export const ComponentsDatagridHeaderBorder = "#6d6d6d";
485
+ export const ComponentsDatagridHeaderText = "#f6f6f6";
486
+ export const ComponentsDatagridHeaderBackground = "#ffffff";
487
+ export const ComponentsDatagridBodyBorder = "#484848";
488
+ export const ComponentsDatagridBodyText = "#bfbfbf";
489
+ export const ComponentsDatagridBodySubtext = "#808080";
490
+ export const ComponentsDatagridBodyBackgroundDefault = "#ffffff";
491
+ export const ComponentsDatagridBodyBackgroundActive = "#45190a";
492
+ export const ComponentsDatagridBodyBackgroundHover = "#1d1d1d";
493
+ export const ComponentsDatagridExpanderContentBackground = "#0e0e0e";
494
+ export const ComponentsDatagridExpanderBorder = "#484848";
495
+ export const ComponentsDatagridExpanderExpanderBackground = "#1d1d1d";
498
496
  export const ComponentsFieldTimeBackgroundDefault = "#ffffff";
499
497
  export const ComponentsFieldTimeBackgroundHover = "#1d1d1d";
500
498
  export const ComponentsFieldTimeBackgroundActive = "#45190a";