@nova-design-system/nova-base 3.14.0-beta.0 → 3.14.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/ocean.css +44 -8
  3. package/dist/css/spark.css +47 -11
  4. package/dist/js/ocean_dark.d.ts +22 -4
  5. package/dist/js/ocean_dark.js +22 -4
  6. package/dist/js/ocean_light.d.ts +22 -4
  7. package/dist/js/ocean_light.js +22 -4
  8. package/dist/js/spark_dark.d.ts +22 -4
  9. package/dist/js/spark_dark.js +25 -7
  10. package/dist/js/spark_light.d.ts +22 -4
  11. package/dist/js/spark_light.js +22 -4
  12. package/package.json +1 -1
  13. package/dist/css/mccs.css +0 -1836
  14. package/dist/js/mccs_dark.d.ts +0 -580
  15. package/dist/js/mccs_dark.js +0 -580
  16. package/dist/js/mccs_light.d.ts +0 -580
  17. package/dist/js/mccs_light.js +0 -580
package/dist/css/ocean.css CHANGED
@@ -67,6 +67,14 @@
67
67
  --color-white: #ffffff;
68
68
  --color-black: #000000;
69
69
  --color-interaction-container-neutral-background: rgba(255, 255, 255, 0);
70
+ --components-toggle-shape-hover: var(--color-gray-ocean-300);
71
+ --components-toggle-shape-default: var(--color-gray-ocean-400);
72
+ --components-toggle-background-disabled-checked: var(--color-gray-ocean-600);
73
+ --components-toggle-background-disabled: var(--color-gray-ocean-600);
74
+ --components-toggle-border-disabled-checked: var(--color-gray-ocean-600);
75
+ --components-toggle-border-disabled: var(--color-gray-ocean-600);
76
+ --components-toggle-border-hover: var(--color-gray-ocean-300);
77
+ --components-toggle-border-default: var(--color-gray-ocean-400);
70
78
  --components-tooltip-border: var(--color-gray-ocean-50);
71
79
  --components-tooltip-background: var(--color-gray-ocean-50);
72
80
  --components-popover-background: var(--color-gray-ocean-900);
@@ -315,6 +323,12 @@
315
323
  --color-interaction-container-neutral-border-active: var(--color-petrol-400);
316
324
  --color-interaction-container-neutral-background-active: var(--color-petrol-900);
317
325
  --components-togglegroup-high-border: var(--color-interaction-container-branded-low-border);
326
+ --components-toggle-shape-hover-checked: var(--color-interaction-container-branded-high-icon);
327
+ --components-toggle-shape-default-checked: var(--color-interaction-container-branded-high-icon);
328
+ --components-toggle-background-hover-checked: var(--color-interaction-container-branded-high-background-hover);
329
+ --components-toggle-background-default-checked: var(--color-interaction-container-branded-high-background);
330
+ --components-toggle-border-hover-checked: var(--color-interaction-container-branded-high-border-hover);
331
+ --components-toggle-border-default-checked: var(--color-interaction-container-branded-high-border);
318
332
  --components-tooltip-supporting-text: var(--color-content-inverted-medium-text);
319
333
  --components-tooltip-text: var(--color-content-inverted-high-text);
320
334
  --components-slider-handler-border-focus: var(--components-form-field-background-checked);
@@ -346,10 +360,6 @@
346
360
  --components-menu-contextual-border: var(--color-content-low-border);
347
361
  --components-menu-contextual-background: var(--color-level-00-background);
348
362
  --components-calendar-background: var(--color-level-00-background);
349
- --components-calendar-weeks-text-hover: var(--color-content-high-text);
350
- --components-calendar-weeks-text: var(--color-content-high-text);
351
- --components-calendar-weeks-background-hover: var(--color-level-15-background);
352
- --components-calendar-weeks-background: var(--color-level-10-background);
353
363
  --components-calendar-cell-text-today: var(--color-content-high-text);
354
364
  --components-calendar-cell-text-outside-month: var(--color-content-lower-text);
355
365
  --components-calendar-cell-text-in-range: var(--color-interaction-container-branded-low-text-active);
@@ -360,6 +370,10 @@
360
370
  --components-calendar-cell-background-hover: var(--color-interaction-container-branded-low-background-hover);
361
371
  --components-calendar-cell-background-in-range: var(--color-interaction-container-branded-low-background-active);
362
372
  --components-calendar-cell-background-selected: var(--color-interaction-container-branded-high-background-active);
373
+ --components-calendar-weeks-text-hover: var(--color-content-high-text);
374
+ --components-calendar-weeks-text: var(--color-content-high-text);
375
+ --components-calendar-weeks-background-hover: var(--color-level-15-background);
376
+ --components-calendar-weeks-background: var(--color-level-10-background);
363
377
  --components-calendar-header-text: var(--color-content-high-text);
364
378
  --components-calendar-border: var(--color-content-low-border);
365
379
  --components-field-time-border-active: var(--color-interaction-container-neutral-icon-active);
@@ -539,6 +553,10 @@
539
553
  --components-togglegroup-low-background: var(--color-interaction-container-branded-low-background);
540
554
  --components-togglegroup-low-border: var(--color-interaction-container-neutral-border);
541
555
  --components-togglegroup-high-background: var(--color-interaction-container-branded-low-background);
556
+ --components-toggle-shape-disabled-checked: var(--color-interaction-container-neutral-icon);
557
+ --components-toggle-shape-disabled: var(--color-interaction-container-neutral-icon);
558
+ --components-toggle-background-hover: var(--color-interaction-container-neutral-background-hover);
559
+ --components-toggle-background-default: var(--color-interaction-container-branded-low-background);
542
560
  --components-slider-handler-border-readonly: var(--components-form-field-background-readonly);
543
561
  --components-slider-handler-border-disabled: var(--components-form-field-background-disabled);
544
562
  --components-slider-handler-border-error: var(--components-form-field-background-error);
@@ -673,6 +691,14 @@
673
691
  --color-white: #ffffff;
674
692
  --color-black: #000000;
675
693
  --color-interaction-container-neutral-background: rgba(255, 255, 255, 0);
694
+ --components-toggle-shape-hover: var(--color-gray-ocean-400);
695
+ --components-toggle-shape-default: var(--color-gray-ocean-300);
696
+ --components-toggle-background-disabled-checked: var(--color-gray-ocean-150);
697
+ --components-toggle-background-disabled: var(--color-gray-ocean-150);
698
+ --components-toggle-border-disabled-checked: var(--color-gray-ocean-150);
699
+ --components-toggle-border-disabled: var(--color-gray-ocean-150);
700
+ --components-toggle-border-hover: var(--color-gray-ocean-400);
701
+ --components-toggle-border-default: var(--color-gray-spark-300);
676
702
  --components-tooltip-border: var(--color-gray-ocean-900);
677
703
  --components-tooltip-background: var(--color-gray-ocean-900);
678
704
  --components-popover-background: var(--color-gray-ocean-00);
@@ -921,6 +947,12 @@
921
947
  --color-interaction-container-neutral-border-active: var(--color-petrol-700);
922
948
  --color-interaction-container-neutral-background-active: var(--color-petrol-50);
923
949
  --components-togglegroup-high-border: var(--color-interaction-container-branded-low-border);
950
+ --components-toggle-shape-hover-checked: var(--color-interaction-container-branded-high-icon);
951
+ --components-toggle-shape-default-checked: var(--color-interaction-container-branded-high-icon);
952
+ --components-toggle-background-hover-checked: var(--color-interaction-container-branded-high-background-hover);
953
+ --components-toggle-background-default-checked: var(--color-interaction-container-branded-high-background);
954
+ --components-toggle-border-hover-checked: var(--color-interaction-container-branded-high-border-hover);
955
+ --components-toggle-border-default-checked: var(--color-interaction-container-branded-high-border);
924
956
  --components-tooltip-supporting-text: var(--color-content-inverted-medium-text);
925
957
  --components-tooltip-text: var(--color-content-inverted-high-text);
926
958
  --components-slider-handler-border-focus: var(--components-form-field-background-checked);
@@ -952,10 +984,6 @@
952
984
  --components-menu-contextual-border: var(--color-content-low-border);
953
985
  --components-menu-contextual-background: var(--color-level-00-background);
954
986
  --components-calendar-background: var(--color-level-00-background);
955
- --components-calendar-weeks-text-hover: var(--color-content-high-text);
956
- --components-calendar-weeks-text: var(--color-content-high-text);
957
- --components-calendar-weeks-background-hover: var(--color-level-15-background);
958
- --components-calendar-weeks-background: var(--color-level-10-background);
959
987
  --components-calendar-cell-text-today: var(--color-content-high-text);
960
988
  --components-calendar-cell-text-outside-month: var(--color-content-lower-text);
961
989
  --components-calendar-cell-text-in-range: var(--color-interaction-container-branded-low-text-active);
@@ -966,6 +994,10 @@
966
994
  --components-calendar-cell-background-hover: var(--color-interaction-container-branded-low-background-hover);
967
995
  --components-calendar-cell-background-in-range: var(--color-interaction-container-branded-low-background-active);
968
996
  --components-calendar-cell-background-selected: var(--color-interaction-container-branded-high-background-active);
997
+ --components-calendar-weeks-text-hover: var(--color-content-high-text);
998
+ --components-calendar-weeks-text: var(--color-content-high-text);
999
+ --components-calendar-weeks-background-hover: var(--color-level-15-background);
1000
+ --components-calendar-weeks-background: var(--color-level-10-background);
969
1001
  --components-calendar-header-text: var(--color-content-high-text);
970
1002
  --components-calendar-border: var(--color-content-low-border);
971
1003
  --components-field-time-border-active: var(--color-interaction-container-neutral-icon-active);
@@ -1145,6 +1177,10 @@
1145
1177
  --components-togglegroup-low-background: var(--color-interaction-container-branded-low-background);
1146
1178
  --components-togglegroup-low-border: var(--color-interaction-container-neutral-border);
1147
1179
  --components-togglegroup-high-background: var(--color-interaction-container-branded-low-background);
1180
+ --components-toggle-shape-disabled-checked: var(--color-interaction-container-neutral-icon);
1181
+ --components-toggle-shape-disabled: var(--color-interaction-container-neutral-icon);
1182
+ --components-toggle-background-hover: var(--color-interaction-container-neutral-background-hover);
1183
+ --components-toggle-background-default: var(--color-interaction-container-branded-low-background);
1148
1184
  --components-slider-handler-border-readonly: var(--components-form-field-background-readonly);
1149
1185
  --components-slider-handler-border-disabled: var(--components-form-field-background-disabled);
1150
1186
  --components-slider-handler-border-error: var(--components-form-field-background-error);
package/dist/css/spark.css CHANGED
@@ -67,6 +67,15 @@
67
67
  --color-white: #ffffff;
68
68
  --color-black: #000000;
69
69
  --color-interaction-container-neutral-background: rgba(255, 255, 255, 0);
70
+ --components-toggle-shape-hover: var(--color-gray-spark-300);
71
+ --components-toggle-shape-default: var(--color-gray-spark-400);
72
+ --components-toggle-background-disabled-checked: var(--color-gray-spark-600);
73
+ --components-toggle-background-disabled: var(--color-gray-spark-600);
74
+ --components-toggle-background-default: var(--color-interaction-container-neutral-background);
75
+ --components-toggle-border-disabled-checked: var(--color-gray-spark-600);
76
+ --components-toggle-border-disabled: var(--color-gray-spark-600);
77
+ --components-toggle-border-hover: var(--color-gray-spark-300);
78
+ --components-toggle-border-default: var(--color-gray-spark-400);
70
79
  --components-tooltip-border: var(--color-gray-spark-50);
71
80
  --components-tooltip-background: var(--color-gray-spark-50);
72
81
  --components-popover-background: var(--color-gray-spark-900);
@@ -101,7 +110,7 @@
101
110
  --components-list-dropdown-item-background-default: var(--color-interaction-container-neutral-background);
102
111
  --components-list-native-item-content-hover: var(--color-base-white);
103
112
  --components-list-native-item-content-default: var(--color-base-white);
104
- --components-form-shape-foreground-default: var(--color-base-white);
113
+ --components-form-shape-foreground-default: var(--color-base-black);
105
114
  --components-form-shape-background-selected: var(--color-orange-500);
106
115
  --components-form-shape-background-disabled: var(--color-gray-spark-700);
107
116
  --components-form-shape-background-hover: var(--color-gray-spark-350);
@@ -304,8 +313,8 @@
304
313
  --color-interaction-container-branded-high-icon-hover: var(--color-base-black);
305
314
  --color-interaction-container-branded-high-icon-active: var(--color-base-black);
306
315
  --color-interaction-container-branded-high-icon: var(--color-base-black);
307
- --color-interaction-container-branded-high-border-hover: var(--color-orange-600);
308
- --color-interaction-container-branded-high-border-active: var(--color-orange-600);
316
+ --color-interaction-container-branded-high-border-hover: var(--color-orange-400);
317
+ --color-interaction-container-branded-high-border-active: var(--color-orange-400);
309
318
  --color-interaction-container-branded-high-border: var(--color-orange-500);
310
319
  --color-interaction-container-branded-high-background-hover: var(--color-orange-400);
311
320
  --color-interaction-container-branded-high-background-active: var(--color-orange-400);
@@ -315,6 +324,12 @@
315
324
  --color-interaction-container-neutral-border-active: var(--color-orange-400);
316
325
  --color-interaction-container-neutral-background-active: var(--color-orange-900);
317
326
  --components-togglegroup-high-border: var(--color-interaction-container-branded-low-border);
327
+ --components-toggle-shape-hover-checked: var(--color-interaction-container-branded-high-icon);
328
+ --components-toggle-shape-default-checked: var(--color-interaction-container-branded-high-icon);
329
+ --components-toggle-background-hover-checked: var(--color-interaction-container-branded-high-background-hover);
330
+ --components-toggle-background-default-checked: var(--color-interaction-container-branded-high-background);
331
+ --components-toggle-border-hover-checked: var(--color-interaction-container-branded-high-border-hover);
332
+ --components-toggle-border-default-checked: var(--color-interaction-container-branded-high-border);
318
333
  --components-tooltip-supporting-text: var(--color-content-inverted-medium-text);
319
334
  --components-tooltip-text: var(--color-content-inverted-high-text);
320
335
  --components-slider-handler-border-focus: var(--components-form-field-background-checked);
@@ -346,10 +361,6 @@
346
361
  --components-menu-contextual-border: var(--color-content-low-border);
347
362
  --components-menu-contextual-background: var(--color-level-00-background);
348
363
  --components-calendar-background: var(--color-level-00-background);
349
- --components-calendar-weeks-text-hover: var(--color-content-high-text);
350
- --components-calendar-weeks-text: var(--color-content-high-text);
351
- --components-calendar-weeks-background-hover: var(--color-level-15-background);
352
- --components-calendar-weeks-background: var(--color-level-10-background);
353
364
  --components-calendar-cell-text-today: var(--color-content-high-text);
354
365
  --components-calendar-cell-text-outside-month: var(--color-content-lower-text);
355
366
  --components-calendar-cell-text-in-range: var(--color-interaction-container-branded-low-text-active);
@@ -360,6 +371,10 @@
360
371
  --components-calendar-cell-background-hover: var(--color-interaction-container-branded-low-background-hover);
361
372
  --components-calendar-cell-background-in-range: var(--color-interaction-container-branded-low-background-active);
362
373
  --components-calendar-cell-background-selected: var(--color-interaction-container-branded-high-background-active);
374
+ --components-calendar-weeks-text-hover: var(--color-content-high-text);
375
+ --components-calendar-weeks-text: var(--color-content-high-text);
376
+ --components-calendar-weeks-background-hover: var(--color-level-15-background);
377
+ --components-calendar-weeks-background: var(--color-level-10-background);
363
378
  --components-calendar-header-text: var(--color-content-high-text);
364
379
  --components-calendar-border: var(--color-content-low-border);
365
380
  --components-field-time-border-active: var(--color-interaction-container-neutral-icon-active);
@@ -539,6 +554,9 @@
539
554
  --components-togglegroup-low-background: var(--color-interaction-container-branded-low-background);
540
555
  --components-togglegroup-low-border: var(--color-interaction-container-neutral-border);
541
556
  --components-togglegroup-high-background: var(--color-interaction-container-branded-low-background);
557
+ --components-toggle-shape-disabled-checked: var(--color-interaction-container-neutral-icon);
558
+ --components-toggle-shape-disabled: var(--color-interaction-container-neutral-icon);
559
+ --components-toggle-background-hover: var(--color-interaction-container-neutral-background-hover);
542
560
  --components-slider-handler-border-readonly: var(--components-form-field-background-readonly);
543
561
  --components-slider-handler-border-disabled: var(--components-form-field-background-disabled);
544
562
  --components-slider-handler-border-error: var(--components-form-field-background-error);
@@ -671,6 +689,15 @@
671
689
  --color-white: #ffffff;
672
690
  --color-black: #000000;
673
691
  --color-interaction-container-neutral-background: rgba(255, 255, 255, 0);
692
+ --components-toggle-shape-hover: var(--color-gray-spark-400);
693
+ --components-toggle-shape-default: var(--color-gray-spark-300);
694
+ --components-toggle-background-disabled-checked: var(--color-gray-spark-150);
695
+ --components-toggle-background-disabled: var(--color-gray-spark-150);
696
+ --components-toggle-background-default: var(--color-interaction-container-neutral-background);
697
+ --components-toggle-border-disabled-checked: var(--color-gray-spark-150);
698
+ --components-toggle-border-disabled: var(--color-gray-spark-150);
699
+ --components-toggle-border-hover: var(--color-gray-spark-400);
700
+ --components-toggle-border-default: var(--color-gray-spark-300);
674
701
  --components-tooltip-border: var(--color-gray-spark-900);
675
702
  --components-tooltip-background: var(--color-gray-spark-900);
676
703
  --components-popover-background: var(--color-gray-spark-00);
@@ -919,6 +946,12 @@
919
946
  --color-interaction-container-neutral-border-active: var(--color-orange-600);
920
947
  --color-interaction-container-neutral-background-active: var(--color-orange-50);
921
948
  --components-togglegroup-high-border: var(--color-interaction-container-branded-low-border);
949
+ --components-toggle-shape-hover-checked: var(--color-interaction-container-branded-high-icon);
950
+ --components-toggle-shape-default-checked: var(--color-interaction-container-branded-high-icon);
951
+ --components-toggle-background-hover-checked: var(--color-interaction-container-branded-high-background-hover);
952
+ --components-toggle-background-default-checked: var(--color-interaction-container-branded-high-background);
953
+ --components-toggle-border-hover-checked: var(--color-interaction-container-branded-high-border-hover);
954
+ --components-toggle-border-default-checked: var(--color-interaction-container-branded-high-border);
922
955
  --components-tooltip-supporting-text: var(--color-content-inverted-medium-text);
923
956
  --components-tooltip-text: var(--color-content-inverted-high-text);
924
957
  --components-slider-handler-border-focus: var(--components-form-field-background-checked);
@@ -950,10 +983,6 @@
950
983
  --components-menu-contextual-border: var(--color-content-low-border);
951
984
  --components-menu-contextual-background: var(--color-level-00-background);
952
985
  --components-calendar-background: var(--color-level-00-background);
953
- --components-calendar-weeks-text-hover: var(--color-content-high-text);
954
- --components-calendar-weeks-text: var(--color-content-high-text);
955
- --components-calendar-weeks-background-hover: var(--color-level-15-background);
956
- --components-calendar-weeks-background: var(--color-level-10-background);
957
986
  --components-calendar-cell-text-today: var(--color-content-high-text);
958
987
  --components-calendar-cell-text-outside-month: var(--color-content-lower-text);
959
988
  --components-calendar-cell-text-in-range: var(--color-interaction-container-branded-low-text-active);
@@ -963,6 +992,10 @@
963
992
  --components-calendar-cell-background-hover: var(--color-interaction-container-branded-low-background-hover);
964
993
  --components-calendar-cell-background-in-range: var(--color-interaction-container-branded-low-background-active);
965
994
  --components-calendar-cell-background-selected: var(--color-interaction-container-branded-high-background-active);
995
+ --components-calendar-weeks-text-hover: var(--color-content-high-text);
996
+ --components-calendar-weeks-text: var(--color-content-high-text);
997
+ --components-calendar-weeks-background-hover: var(--color-level-15-background);
998
+ --components-calendar-weeks-background: var(--color-level-10-background);
966
999
  --components-calendar-header-text: var(--color-content-high-text);
967
1000
  --components-calendar-border: var(--color-content-low-border);
968
1001
  --components-field-time-border-active: var(--color-interaction-container-neutral-icon-active);
@@ -1144,6 +1177,9 @@
1144
1177
  --components-togglegroup-low-background: var(--color-interaction-container-branded-low-background);
1145
1178
  --components-togglegroup-low-border: var(--color-interaction-container-neutral-border);
1146
1179
  --components-togglegroup-high-background: var(--color-interaction-container-branded-low-background);
1180
+ --components-toggle-shape-disabled-checked: var(--color-interaction-container-neutral-icon);
1181
+ --components-toggle-shape-disabled: var(--color-interaction-container-neutral-icon);
1182
+ --components-toggle-background-hover: var(--color-interaction-container-neutral-background-hover);
1147
1183
  --components-slider-handler-border-readonly: var(--components-form-field-background-readonly);
1148
1184
  --components-slider-handler-border-disabled: var(--components-form-field-background-disabled);
1149
1185
  --components-slider-handler-border-error: var(--components-form-field-background-error);
package/dist/js/ocean_dark.d.ts CHANGED
@@ -502,6 +502,10 @@ export const ComponentsFieldTimeTextActive : string;
502
502
  export const ComponentsFieldTimeBorderActive : string;
503
503
  export const ComponentsCalendarBorder : string;
504
504
  export const ComponentsCalendarHeaderText : string;
505
+ export const ComponentsCalendarWeeksBackground : string;
506
+ export const ComponentsCalendarWeeksBackgroundHover : string;
507
+ export const ComponentsCalendarWeeksText : string;
508
+ export const ComponentsCalendarWeeksTextHover : string;
505
509
  export const ComponentsCalendarCellBackground : string;
506
510
  export const ComponentsCalendarCellBackgroundSelected : string;
507
511
  export const ComponentsCalendarCellBackgroundInRange : string;
@@ -516,10 +520,6 @@ export const ComponentsCalendarCellTextInRange : string;
516
520
  export const ComponentsCalendarCellTextHover : string;
517
521
  export const ComponentsCalendarCellTextOutsideMonth : string;
518
522
  export const ComponentsCalendarCellTextToday : string;
519
- export const ComponentsCalendarWeeksBackground : string;
520
- export const ComponentsCalendarWeeksBackgroundHover : string;
521
- export const ComponentsCalendarWeeksText : string;
522
- export const ComponentsCalendarWeeksTextHover : string;
523
523
  export const ComponentsCalendarBackground : string;
524
524
  export const ComponentsMenuContextualBackground : string;
525
525
  export const ComponentsMenuContextualBorder : string;
@@ -574,6 +574,24 @@ export const ComponentsTooltipBackground : string;
574
574
  export const ComponentsTooltipBorder : string;
575
575
  export const ComponentsTooltipText : string;
576
576
  export const ComponentsTooltipSupportingText : string;
577
+ export const ComponentsToggleBorderDefault : string;
578
+ export const ComponentsToggleBorderDefaultChecked : string;
579
+ export const ComponentsToggleBorderHover : string;
580
+ export const ComponentsToggleBorderHoverChecked : string;
581
+ export const ComponentsToggleBorderDisabled : string;
582
+ export const ComponentsToggleBorderDisabledChecked : string;
583
+ export const ComponentsToggleBackgroundDefault : string;
584
+ export const ComponentsToggleBackgroundDefaultChecked : string;
585
+ export const ComponentsToggleBackgroundHover : string;
586
+ export const ComponentsToggleBackgroundHoverChecked : string;
587
+ export const ComponentsToggleBackgroundDisabled : string;
588
+ export const ComponentsToggleBackgroundDisabledChecked : string;
589
+ export const ComponentsToggleShapeDefault : string;
590
+ export const ComponentsToggleShapeDefaultChecked : string;
591
+ export const ComponentsToggleShapeHover : string;
592
+ export const ComponentsToggleShapeHoverChecked : string;
593
+ export const ComponentsToggleShapeDisabled : string;
594
+ export const ComponentsToggleShapeDisabledChecked : string;
577
595
  export const ComponentsTogglegroupHighBorder : string;
578
596
  export const ComponentsTogglegroupHighBackground : string;
579
597
  export const ComponentsTogglegroupLowBorder : string;
package/dist/js/ocean_dark.js CHANGED
@@ -502,6 +502,10 @@ export const ComponentsFieldTimeTextActive = "#4b9eaa";
502
502
  export const ComponentsFieldTimeBorderActive = "#4b9eaa";
503
503
  export const ComponentsCalendarBorder = "#394d55";
504
504
  export const ComponentsCalendarHeaderText = "#f5f6f7";
505
+ export const ComponentsCalendarWeeksBackground = "#171f22";
506
+ export const ComponentsCalendarWeeksBackgroundHover = "#171f22";
507
+ export const ComponentsCalendarWeeksText = "#f5f6f7";
508
+ export const ComponentsCalendarWeeksTextHover = "#f5f6f7";
505
509
  export const ComponentsCalendarCellBackground = "#0b0f11";
506
510
  export const ComponentsCalendarCellBackgroundSelected = "#4b9eaa";
507
511
  export const ComponentsCalendarCellBackgroundInRange = "#0b292e";
@@ -516,10 +520,6 @@ export const ComponentsCalendarCellTextInRange = "#4b9eaa";
516
520
  export const ComponentsCalendarCellTextHover = "#bac1c4";
517
521
  export const ComponentsCalendarCellTextOutsideMonth = "#617177";
518
522
  export const ComponentsCalendarCellTextToday = "#f5f6f7";
519
- export const ComponentsCalendarWeeksBackground = "#171f22";
520
- export const ComponentsCalendarWeeksBackgroundHover = "#171f22";
521
- export const ComponentsCalendarWeeksText = "#f5f6f7";
522
- export const ComponentsCalendarWeeksTextHover = "#f5f6f7";
523
523
  export const ComponentsCalendarBackground = "#0b0f11";
524
524
  export const ComponentsMenuContextualBackground = "#0b0f11";
525
525
  export const ComponentsMenuContextualBorder = "#394d55";
@@ -574,6 +574,24 @@ export const ComponentsTooltipBackground = "#f5f6f7";
574
574
  export const ComponentsTooltipBorder = "#f5f6f7";
575
575
  export const ComponentsTooltipText = "#0b0f11";
576
576
  export const ComponentsTooltipSupportingText = "#27353b";
577
+ export const ComponentsToggleBorderDefault = "#617177";
578
+ export const ComponentsToggleBorderDefaultChecked = "#258998";
579
+ export const ComponentsToggleBorderHover = "#889499";
580
+ export const ComponentsToggleBorderHoverChecked = "#4b9eaa";
581
+ export const ComponentsToggleBorderDisabled = "#2e3e44";
582
+ export const ComponentsToggleBorderDisabledChecked = "#2e3e44";
583
+ export const ComponentsToggleBackgroundDefault = "#0b0f11";
584
+ export const ComponentsToggleBackgroundDefaultChecked = "#258998";
585
+ export const ComponentsToggleBackgroundHover = "#171f22";
586
+ export const ComponentsToggleBackgroundHoverChecked = "#4b9eaa";
587
+ export const ComponentsToggleBackgroundDisabled = "#2e3e44";
588
+ export const ComponentsToggleBackgroundDisabledChecked = "#2e3e44";
589
+ export const ComponentsToggleShapeDefault = "#617177";
590
+ export const ComponentsToggleShapeDefaultChecked = "#000000";
591
+ export const ComponentsToggleShapeHover = "#889499";
592
+ export const ComponentsToggleShapeHoverChecked = "#000000";
593
+ export const ComponentsToggleShapeDisabled = "#889499";
594
+ export const ComponentsToggleShapeDisabledChecked = "#889499";
577
595
  export const ComponentsTogglegroupHighBorder = "#258998";
578
596
  export const ComponentsTogglegroupHighBackground = "#0b0f11";
579
597
  export const ComponentsTogglegroupLowBorder = "#889499";
package/dist/js/ocean_light.d.ts CHANGED
@@ -502,6 +502,10 @@ export const ComponentsFieldTimeTextActive : string;
502
502
  export const ComponentsFieldTimeBorderActive : string;
503
503
  export const ComponentsCalendarBorder : string;
504
504
  export const ComponentsCalendarHeaderText : string;
505
+ export const ComponentsCalendarWeeksBackground : string;
506
+ export const ComponentsCalendarWeeksBackgroundHover : string;
507
+ export const ComponentsCalendarWeeksText : string;
508
+ export const ComponentsCalendarWeeksTextHover : string;
505
509
  export const ComponentsCalendarCellBackground : string;
506
510
  export const ComponentsCalendarCellBackgroundSelected : string;
507
511
  export const ComponentsCalendarCellBackgroundInRange : string;
@@ -516,10 +520,6 @@ export const ComponentsCalendarCellTextInRange : string;
516
520
  export const ComponentsCalendarCellTextHover : string;
517
521
  export const ComponentsCalendarCellTextOutsideMonth : string;
518
522
  export const ComponentsCalendarCellTextToday : string;
519
- export const ComponentsCalendarWeeksBackground : string;
520
- export const ComponentsCalendarWeeksBackgroundHover : string;
521
- export const ComponentsCalendarWeeksText : string;
522
- export const ComponentsCalendarWeeksTextHover : string;
523
523
  export const ComponentsCalendarBackground : string;
524
524
  export const ComponentsMenuContextualBackground : string;
525
525
  export const ComponentsMenuContextualBorder : string;
@@ -574,6 +574,24 @@ export const ComponentsTooltipBackground : string;
574
574
  export const ComponentsTooltipBorder : string;
575
575
  export const ComponentsTooltipText : string;
576
576
  export const ComponentsTooltipSupportingText : string;
577
+ export const ComponentsToggleBorderDefault : string;
578
+ export const ComponentsToggleBorderDefaultChecked : string;
579
+ export const ComponentsToggleBorderHover : string;
580
+ export const ComponentsToggleBorderHoverChecked : string;
581
+ export const ComponentsToggleBorderDisabled : string;
582
+ export const ComponentsToggleBorderDisabledChecked : string;
583
+ export const ComponentsToggleBackgroundDefault : string;
584
+ export const ComponentsToggleBackgroundDefaultChecked : string;
585
+ export const ComponentsToggleBackgroundHover : string;
586
+ export const ComponentsToggleBackgroundHoverChecked : string;
587
+ export const ComponentsToggleBackgroundDisabled : string;
588
+ export const ComponentsToggleBackgroundDisabledChecked : string;
589
+ export const ComponentsToggleShapeDefault : string;
590
+ export const ComponentsToggleShapeDefaultChecked : string;
591
+ export const ComponentsToggleShapeHover : string;
592
+ export const ComponentsToggleShapeHoverChecked : string;
593
+ export const ComponentsToggleShapeDisabled : string;
594
+ export const ComponentsToggleShapeDisabledChecked : string;
577
595
  export const ComponentsTogglegroupHighBorder : string;
578
596
  export const ComponentsTogglegroupHighBackground : string;
579
597
  export const ComponentsTogglegroupLowBorder : string;
package/dist/js/ocean_light.js CHANGED
@@ -502,6 +502,10 @@ export const ComponentsFieldTimeTextActive = "#185963";
502
502
  export const ComponentsFieldTimeBorderActive = "#185963";
503
503
  export const ComponentsCalendarBorder = "#e1e4e6";
504
504
  export const ComponentsCalendarHeaderText = "#171f22";
505
+ export const ComponentsCalendarWeeksBackground = "#f5f6f7";
506
+ export const ComponentsCalendarWeeksBackgroundHover = "#eaeef0";
507
+ export const ComponentsCalendarWeeksText = "#171f22";
508
+ export const ComponentsCalendarWeeksTextHover = "#171f22";
505
509
  export const ComponentsCalendarCellBackground = "#ffffff";
506
510
  export const ComponentsCalendarCellBackgroundSelected = "#185963";
507
511
  export const ComponentsCalendarCellBackgroundInRange = "#e4f0f2";
@@ -516,10 +520,6 @@ export const ComponentsCalendarCellTextInRange = "#185963";
516
520
  export const ComponentsCalendarCellTextHover = "#34464d";
517
521
  export const ComponentsCalendarCellTextOutsideMonth = "#9fadb2";
518
522
  export const ComponentsCalendarCellTextToday = "#171f22";
519
- export const ComponentsCalendarWeeksBackground = "#f5f6f7";
520
- export const ComponentsCalendarWeeksBackgroundHover = "#eaeef0";
521
- export const ComponentsCalendarWeeksText = "#171f22";
522
- export const ComponentsCalendarWeeksTextHover = "#171f22";
523
523
  export const ComponentsCalendarBackground = "#ffffff";
524
524
  export const ComponentsMenuContextualBackground = "#ffffff";
525
525
  export const ComponentsMenuContextualBorder = "#e1e4e6";
@@ -574,6 +574,24 @@ export const ComponentsTooltipBackground = "#0b0f11";
574
574
  export const ComponentsTooltipBorder = "#0b0f11";
575
575
  export const ComponentsTooltipText = "#f5f6f7";
576
576
  export const ComponentsTooltipSupportingText = "#889499";
577
+ export const ComponentsToggleBorderDefault = "#919191";
578
+ export const ComponentsToggleBorderDefaultChecked = "#1f717d";
579
+ export const ComponentsToggleBorderHover = "#617177";
580
+ export const ComponentsToggleBorderHoverChecked = "#185963";
581
+ export const ComponentsToggleBorderDisabled = "#c6ced1";
582
+ export const ComponentsToggleBorderDisabledChecked = "#c6ced1";
583
+ export const ComponentsToggleBackgroundDefault = "#ffffff";
584
+ export const ComponentsToggleBackgroundDefaultChecked = "#1f717d";
585
+ export const ComponentsToggleBackgroundHover = "#f5f6f7";
586
+ export const ComponentsToggleBackgroundHoverChecked = "#185963";
587
+ export const ComponentsToggleBackgroundDisabled = "#c6ced1";
588
+ export const ComponentsToggleBackgroundDisabledChecked = "#c6ced1";
589
+ export const ComponentsToggleShapeDefault = "#889499";
590
+ export const ComponentsToggleShapeDefaultChecked = "#ffffff";
591
+ export const ComponentsToggleShapeHover = "#617177";
592
+ export const ComponentsToggleShapeHoverChecked = "#ffffff";
593
+ export const ComponentsToggleShapeDisabled = "#617177";
594
+ export const ComponentsToggleShapeDisabledChecked = "#617177";
577
595
  export const ComponentsTogglegroupHighBorder = "#1f717d";
578
596
  export const ComponentsTogglegroupHighBackground = "#ffffff";
579
597
  export const ComponentsTogglegroupLowBorder = "#617177";
package/dist/js/spark_dark.d.ts CHANGED
@@ -502,6 +502,10 @@ export const ComponentsFieldTimeTextActive : string;
502
502
  export const ComponentsFieldTimeBorderActive : string;
503
503
  export const ComponentsCalendarBorder : string;
504
504
  export const ComponentsCalendarHeaderText : string;
505
+ export const ComponentsCalendarWeeksBackground : string;
506
+ export const ComponentsCalendarWeeksBackgroundHover : string;
507
+ export const ComponentsCalendarWeeksText : string;
508
+ export const ComponentsCalendarWeeksTextHover : string;
505
509
  export const ComponentsCalendarCellBackground : string;
506
510
  export const ComponentsCalendarCellBackgroundSelected : string;
507
511
  export const ComponentsCalendarCellBackgroundInRange : string;
@@ -516,10 +520,6 @@ export const ComponentsCalendarCellTextInRange : string;
516
520
  export const ComponentsCalendarCellTextHover : string;
517
521
  export const ComponentsCalendarCellTextOutsideMonth : string;
518
522
  export const ComponentsCalendarCellTextToday : string;
519
- export const ComponentsCalendarWeeksBackground : string;
520
- export const ComponentsCalendarWeeksBackgroundHover : string;
521
- export const ComponentsCalendarWeeksText : string;
522
- export const ComponentsCalendarWeeksTextHover : string;
523
523
  export const ComponentsCalendarBackground : string;
524
524
  export const ComponentsMenuContextualBackground : string;
525
525
  export const ComponentsMenuContextualBorder : string;
@@ -574,6 +574,24 @@ export const ComponentsTooltipBackground : string;
574
574
  export const ComponentsTooltipBorder : string;
575
575
  export const ComponentsTooltipText : string;
576
576
  export const ComponentsTooltipSupportingText : string;
577
+ export const ComponentsToggleBorderDefault : string;
578
+ export const ComponentsToggleBorderDefaultChecked : string;
579
+ export const ComponentsToggleBorderHover : string;
580
+ export const ComponentsToggleBorderHoverChecked : string;
581
+ export const ComponentsToggleBorderDisabled : string;
582
+ export const ComponentsToggleBorderDisabledChecked : string;
583
+ export const ComponentsToggleBackgroundDefault : string;
584
+ export const ComponentsToggleBackgroundDefaultChecked : string;
585
+ export const ComponentsToggleBackgroundHover : string;
586
+ export const ComponentsToggleBackgroundHoverChecked : string;
587
+ export const ComponentsToggleBackgroundDisabled : string;
588
+ export const ComponentsToggleBackgroundDisabledChecked : string;
589
+ export const ComponentsToggleShapeDefault : string;
590
+ export const ComponentsToggleShapeDefaultChecked : string;
591
+ export const ComponentsToggleShapeHover : string;
592
+ export const ComponentsToggleShapeHoverChecked : string;
593
+ export const ComponentsToggleShapeDisabled : string;
594
+ export const ComponentsToggleShapeDisabledChecked : string;
577
595
  export const ComponentsTogglegroupHighBorder : string;
578
596
  export const ComponentsTogglegroupHighBackground : string;
579
597
  export const ComponentsTogglegroupLowBorder : string;
package/dist/js/spark_dark.js CHANGED
@@ -18,8 +18,8 @@ export const ColorInteractionContainerBrandedHighBackground = "#e75420";
18
18
  export const ColorInteractionContainerBrandedHighBackgroundActive = "#eb7247";
19
19
  export const ColorInteractionContainerBrandedHighBackgroundHover = "#eb7247";
20
20
  export const ColorInteractionContainerBrandedHighBorder = "#e75420";
21
- export const ColorInteractionContainerBrandedHighBorderActive = "#bf451a";
22
- export const ColorInteractionContainerBrandedHighBorderHover = "#bf451a";
21
+ export const ColorInteractionContainerBrandedHighBorderActive = "#eb7247";
22
+ export const ColorInteractionContainerBrandedHighBorderHover = "#eb7247";
23
23
  export const ColorInteractionContainerBrandedHighIcon = "#000000";
24
24
  export const ColorInteractionContainerBrandedHighIconActive = "#000000";
25
25
  export const ColorInteractionContainerBrandedHighIconHover = "#000000";
@@ -354,7 +354,7 @@ export const ComponentsFormShapeBorderHover = "#919191";
354
354
  export const ComponentsFormShapeBorderFocus = "#e75420";
355
355
  export const ComponentsFormShapeBorderError = "#ff6161";
356
356
  export const ComponentsFormShapeBorderSuccess = "#45d24d";
357
- export const ComponentsFormShapeForegroundDefault = "#ffffff";
357
+ export const ComponentsFormShapeForegroundDefault = "#000000";
358
358
  export const ComponentsFormShapeForegroundSwitchDot = "#6d6d6d";
359
359
  export const ComponentsFormShapeForegroundDisabled = "#6d6d6d";
360
360
  export const ComponentsFormShapeForegroundDisabledError = "#ff6161";
@@ -502,6 +502,10 @@ export const ComponentsFieldTimeTextActive = "#eb7247";
502
502
  export const ComponentsFieldTimeBorderActive = "#eb7247";
503
503
  export const ComponentsCalendarBorder = "#484848";
504
504
  export const ComponentsCalendarHeaderText = "#f6f6f6";
505
+ export const ComponentsCalendarWeeksBackground = "#1d1d1d";
506
+ export const ComponentsCalendarWeeksBackgroundHover = "#252525";
507
+ export const ComponentsCalendarWeeksText = "#f6f6f6";
508
+ export const ComponentsCalendarWeeksTextHover = "#f6f6f6";
505
509
  export const ComponentsCalendarCellBackground = "#0e0e0e";
506
510
  export const ComponentsCalendarCellBackgroundSelected = "#eb7247";
507
511
  export const ComponentsCalendarCellBackgroundInRange = "#45190a";
@@ -516,10 +520,6 @@ export const ComponentsCalendarCellTextInRange = "#eb7247";
516
520
  export const ComponentsCalendarCellTextHover = "#bfbfbf";
517
521
  export const ComponentsCalendarCellTextOutsideMonth = "#6d6d6d";
518
522
  export const ComponentsCalendarCellTextToday = "#f6f6f6";
519
- export const ComponentsCalendarWeeksBackground = "#1d1d1d";
520
- export const ComponentsCalendarWeeksBackgroundHover = "#252525";
521
- export const ComponentsCalendarWeeksText = "#f6f6f6";
522
- export const ComponentsCalendarWeeksTextHover = "#f6f6f6";
523
523
  export const ComponentsCalendarBackground = "#0e0e0e";
524
524
  export const ComponentsMenuContextualBackground = "#0e0e0e";
525
525
  export const ComponentsMenuContextualBorder = "#484848";
@@ -574,6 +574,24 @@ export const ComponentsTooltipBackground = "#f6f6f6";
574
574
  export const ComponentsTooltipBorder = "#f6f6f6";
575
575
  export const ComponentsTooltipText = "#1d1d1d";
576
576
  export const ComponentsTooltipSupportingText = "#414141";
577
+ export const ComponentsToggleBorderDefault = "#6d6d6d";
578
+ export const ComponentsToggleBorderDefaultChecked = "#e75420";
579
+ export const ComponentsToggleBorderHover = "#919191";
580
+ export const ComponentsToggleBorderHoverChecked = "#eb7247";
581
+ export const ComponentsToggleBorderDisabled = "#3a3a3a";
582
+ export const ComponentsToggleBorderDisabledChecked = "#3a3a3a";
583
+ export const ComponentsToggleBackgroundDefault = "#ffffff";
584
+ export const ComponentsToggleBackgroundDefaultChecked = "#e75420";
585
+ export const ComponentsToggleBackgroundHover = "#1d1d1d";
586
+ export const ComponentsToggleBackgroundHoverChecked = "#eb7247";
587
+ export const ComponentsToggleBackgroundDisabled = "#3a3a3a";
588
+ export const ComponentsToggleBackgroundDisabledChecked = "#3a3a3a";
589
+ export const ComponentsToggleShapeDefault = "#6d6d6d";
590
+ export const ComponentsToggleShapeDefaultChecked = "#000000";
591
+ export const ComponentsToggleShapeHover = "#919191";
592
+ export const ComponentsToggleShapeHoverChecked = "#000000";
593
+ export const ComponentsToggleShapeDisabled = "#808080";
594
+ export const ComponentsToggleShapeDisabledChecked = "#808080";
577
595
  export const ComponentsTogglegroupHighBorder = "#e75420";
578
596
  export const ComponentsTogglegroupHighBackground = "#0e0e0e";
579
597
  export const ComponentsTogglegroupLowBorder = "#808080";
package/dist/js/spark_light.d.ts CHANGED
@@ -502,6 +502,10 @@ export const ComponentsFieldTimeTextActive : string;
502
502
  export const ComponentsFieldTimeBorderActive : string;
503
503
  export const ComponentsCalendarBorder : string;
504
504
  export const ComponentsCalendarHeaderText : string;
505
+ export const ComponentsCalendarWeeksBackground : string;
506
+ export const ComponentsCalendarWeeksBackgroundHover : string;
507
+ export const ComponentsCalendarWeeksText : string;
508
+ export const ComponentsCalendarWeeksTextHover : string;
505
509
  export const ComponentsCalendarCellBackground : string;
506
510
  export const ComponentsCalendarCellBackgroundSelected : string;
507
511
  export const ComponentsCalendarCellBackgroundInRange : string;
@@ -516,10 +520,6 @@ export const ComponentsCalendarCellTextInRange : string;
516
520
  export const ComponentsCalendarCellTextHover : string;
517
521
  export const ComponentsCalendarCellTextOutsideMonth : string;
518
522
  export const ComponentsCalendarCellTextToday : string;
519
- export const ComponentsCalendarWeeksBackground : string;
520
- export const ComponentsCalendarWeeksBackgroundHover : string;
521
- export const ComponentsCalendarWeeksText : string;
522
- export const ComponentsCalendarWeeksTextHover : string;
523
523
  export const ComponentsCalendarBackground : string;
524
524
  export const ComponentsMenuContextualBackground : string;
525
525
  export const ComponentsMenuContextualBorder : string;
@@ -574,6 +574,24 @@ export const ComponentsTooltipBackground : string;
574
574
  export const ComponentsTooltipBorder : string;
575
575
  export const ComponentsTooltipText : string;
576
576
  export const ComponentsTooltipSupportingText : string;
577
+ export const ComponentsToggleBorderDefault : string;
578
+ export const ComponentsToggleBorderDefaultChecked : string;
579
+ export const ComponentsToggleBorderHover : string;
580
+ export const ComponentsToggleBorderHoverChecked : string;
581
+ export const ComponentsToggleBorderDisabled : string;
582
+ export const ComponentsToggleBorderDisabledChecked : string;
583
+ export const ComponentsToggleBackgroundDefault : string;
584
+ export const ComponentsToggleBackgroundDefaultChecked : string;
585
+ export const ComponentsToggleBackgroundHover : string;
586
+ export const ComponentsToggleBackgroundHoverChecked : string;
587
+ export const ComponentsToggleBackgroundDisabled : string;
588
+ export const ComponentsToggleBackgroundDisabledChecked : string;
589
+ export const ComponentsToggleShapeDefault : string;
590
+ export const ComponentsToggleShapeDefaultChecked : string;
591
+ export const ComponentsToggleShapeHover : string;
592
+ export const ComponentsToggleShapeHoverChecked : string;
593
+ export const ComponentsToggleShapeDisabled : string;
594
+ export const ComponentsToggleShapeDisabledChecked : string;
577
595
  export const ComponentsTogglegroupHighBorder : string;
578
596
  export const ComponentsTogglegroupHighBackground : string;
579
597
  export const ComponentsTogglegroupLowBorder : string;