@nova-design-system/nova-base 3.2.0 → 3.3.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 (18) hide show
  1. package/dist/css/mccs.css +50 -2
  2. package/dist/css/ocean.css +50 -2
  3. package/dist/css/spark.css +50 -2
  4. package/dist/js/mccs_dark.d.ts +19 -0
  5. package/dist/js/mccs_dark.js +19 -0
  6. package/dist/js/mccs_light.d.ts +19 -0
  7. package/dist/js/mccs_light.js +19 -0
  8. package/dist/js/ocean_dark.d.ts +19 -0
  9. package/dist/js/ocean_dark.js +19 -0
  10. package/dist/js/ocean_light.d.ts +19 -0
  11. package/dist/js/ocean_light.js +20 -1
  12. package/dist/js/spacings.d.ts +10 -0
  13. package/dist/js/spacings.js +10 -0
  14. package/dist/js/spark_dark.d.ts +19 -0
  15. package/dist/js/spark_dark.js +19 -0
  16. package/dist/js/spark_light.d.ts +19 -0
  17. package/dist/js/spark_light.js +20 -1
  18. package/package.json +1 -1
package/dist/css/mccs.css CHANGED
@@ -310,6 +310,9 @@
310
310
  --color-interaction-container-branded-low-border: var(--color-petrol-400);
311
311
  --components-tooltip-supporting-text: var(--color-content-inverted-medium-text);
312
312
  --components-tooltip-text: var(--color-content-inverted-high-text);
313
+ --components-slider-handler-border-focus: var(--components-form-field-background-checked);
314
+ --components-slider-handler-background-focus: var(--components-form-field-background-checked);
315
+ --components-slider-track-background: var(--color-content-low-border);
313
316
  --components-popover-supporting-text: var(--color-content-low-text);
314
317
  --components-popover-text: var(--color-content-inverted-medium-text);
315
318
  --components-popover-border: var(--color-content-low-border);
@@ -449,7 +452,7 @@
449
452
  --components-form-field-border-disabled: var(--color-content-medium-border);
450
453
  --components-form-field-border-default: var(--color-content-medium-border);
451
454
  --components-form-field-background-readonly: var(--color-level-05-background);
452
- --components-form-field-background-error: var(--color-feedback-error-high-background);
455
+ --components-form-field-background-error: var(--color-feedback-error-low-border);
453
456
  --components-form-field-background-disabled: var(--color-level-10-background);
454
457
  --components-form-field-background-hover: var(--color-level-05-background);
455
458
  --components-form-field-background-focus: var(--color-level-00-background);
@@ -514,6 +517,22 @@
514
517
  --color-interaction-container-neutral-icon: var(--color-content-low-text);
515
518
  --color-interaction-container-neutral-border-hover: var(--color-content-medium-text);
516
519
  --color-interaction-container-neutral-border: var(--color-content-low-text);
520
+ --components-slider-handler-border-readonly: var(--components-form-field-background-readonly);
521
+ --components-slider-handler-border-disabled: var(--components-form-field-background-disabled);
522
+ --components-slider-handler-border-error: var(--components-form-field-background-error);
523
+ --components-slider-handler-border-hover: var(--components-form-field-background-hover);
524
+ --components-slider-handler-border-default: var(--components-form-field-background-default);
525
+ --components-slider-handler-background-readonly: var(--components-form-field-background-readonly);
526
+ --components-slider-handler-background-disabled: var(--components-form-field-background-disabled);
527
+ --components-slider-handler-background-error: var(--components-form-field-background-error);
528
+ --components-slider-handler-background-hover: var(--components-form-field-background-hover);
529
+ --components-slider-handler-background-default: var(--components-form-field-background-default);
530
+ --components-slider-track-filled-readonly: var(--components-form-field-border-readonly);
531
+ --components-slider-track-filled-disabled: var(--components-form-field-border-disabled);
532
+ --components-slider-track-filled-error: var(--components-form-field-border-error);
533
+ --components-slider-track-filled-focus: var(--components-form-field-border-focus);
534
+ --components-slider-track-filled-hover: var(--components-form-field-border-hover);
535
+ --components-slider-track-filled-default: var(--components-form-field-border-default);
517
536
  --components-menu-contextual-item-content-hover: var(--color-interaction-container-neutral-text-hover);
518
537
  --components-menu-contextual-item-content: var(--color-interaction-container-neutral-text);
519
538
  --components-calendar-cell-text-hover: var(--color-interaction-container-neutral-text-hover);
@@ -837,6 +856,9 @@
837
856
  --color-interaction-container-branded-low-border: var(--color-petrol-600);
838
857
  --components-tooltip-supporting-text: var(--color-content-inverted-medium-text);
839
858
  --components-tooltip-text: var(--color-content-inverted-high-text);
859
+ --components-slider-handler-border-focus: var(--components-form-field-background-checked);
860
+ --components-slider-handler-background-focus: var(--components-form-field-background-checked);
861
+ --components-slider-track-background: var(--color-content-low-border);
840
862
  --components-popover-supporting-text: var(--color-content-low-text);
841
863
  --components-popover-text: var(--color-content-medium-text);
842
864
  --components-popover-border: var(--color-content-low-border);
@@ -976,7 +998,7 @@
976
998
  --components-form-field-border-disabled: var(--color-content-medium-border);
977
999
  --components-form-field-border-default: var(--color-content-medium-border);
978
1000
  --components-form-field-background-readonly: var(--color-level-05-background);
979
- --components-form-field-background-error: var(--color-feedback-error-high-background);
1001
+ --components-form-field-background-error: var(--color-feedback-error-low-border);
980
1002
  --components-form-field-background-disabled: var(--color-level-10-background);
981
1003
  --components-form-field-background-hover: var(--color-level-05-background);
982
1004
  --components-form-field-background-focus: var(--color-level-00-background);
@@ -1040,6 +1062,22 @@
1040
1062
  --color-interaction-container-neutral-icon: var(--color-content-low-text);
1041
1063
  --color-interaction-container-neutral-border-hover: var(--color-content-medium-text);
1042
1064
  --color-interaction-container-neutral-border: var(--color-content-inverted-low-text);
1065
+ --components-slider-handler-border-readonly: var(--components-form-field-background-readonly);
1066
+ --components-slider-handler-border-disabled: var(--components-form-field-background-disabled);
1067
+ --components-slider-handler-border-error: var(--components-form-field-background-error);
1068
+ --components-slider-handler-border-hover: var(--components-form-field-background-hover);
1069
+ --components-slider-handler-border-default: var(--components-form-field-background-default);
1070
+ --components-slider-handler-background-readonly: var(--components-form-field-background-readonly);
1071
+ --components-slider-handler-background-disabled: var(--components-form-field-background-disabled);
1072
+ --components-slider-handler-background-error: var(--components-form-field-background-error);
1073
+ --components-slider-handler-background-hover: var(--components-form-field-background-hover);
1074
+ --components-slider-handler-background-default: var(--components-form-field-background-default);
1075
+ --components-slider-track-filled-readonly: var(--components-form-field-border-readonly);
1076
+ --components-slider-track-filled-disabled: var(--components-form-field-border-disabled);
1077
+ --components-slider-track-filled-error: var(--components-form-field-border-error);
1078
+ --components-slider-track-filled-focus: var(--components-form-field-border-focus);
1079
+ --components-slider-track-filled-hover: var(--components-form-field-border-hover);
1080
+ --components-slider-track-filled-default: var(--components-form-field-border-default);
1043
1081
  --components-menu-contextual-item-content-hover: var(--color-interaction-container-neutral-text-hover);
1044
1082
  --components-menu-contextual-item-content: var(--color-interaction-container-neutral-text);
1045
1083
  --components-calendar-cell-text-hover: var(--color-interaction-container-neutral-text-hover);
@@ -1334,6 +1372,7 @@
1334
1372
  */
1335
1373
 
1336
1374
  :root {
1375
+ --slider-tick-radius: 1px;
1337
1376
  --global-typography-legend-font-style: uppercase;
1338
1377
  --global-typography-label-font-style: normal;
1339
1378
  --global-typography-small-font-style: normal;
@@ -1453,6 +1492,15 @@
1453
1492
  --alert-icon-position-x: var(--spacing-4);
1454
1493
  --alert-gap-x: var(--spacing-3);
1455
1494
  --alert-icon-size: var(--spacing-5);
1495
+ --slider-track-radius: var(--radius-rounded-sm);
1496
+ --slider-track-padding-x: var(--spacing-3);
1497
+ --slider-track-height: var(--spacing-1);
1498
+ --slider-handler-stroke: var(--spacing-0-5);
1499
+ --slider-handler-size-inner: var(--spacing-4);
1500
+ --slider-handler-size-max: var(--spacing-6);
1501
+ --slider-handler-size-min: var(--spacing-5);
1502
+ --slider-tick-width: var(--spacing-0-5);
1503
+ --slider-tick-height: var(--spacing-1);
1456
1504
  --global-typography-legend-font-weight: var(--font-weight-medium-emphasis);
1457
1505
  --global-typography-legend-line-height: var(--line-height-xs);
1458
1506
  --global-typography-legend-font-size: var(--font-size-xs);
package/dist/css/ocean.css CHANGED
@@ -303,6 +303,9 @@
303
303
  --color-interaction-container-branded-low-background-active: var(--color-petrol-900);
304
304
  --components-tooltip-supporting-text: var(--color-content-inverted-medium-text);
305
305
  --components-tooltip-text: var(--color-content-inverted-high-text);
306
+ --components-slider-handler-border-focus: var(--components-form-field-background-checked);
307
+ --components-slider-handler-background-focus: var(--components-form-field-background-checked);
308
+ --components-slider-track-background: var(--color-content-low-border);
306
309
  --components-popover-supporting-text: var(--color-content-low-text);
307
310
  --components-popover-text: var(--color-content-inverted-medium-text);
308
311
  --components-popover-border: var(--color-content-low-border);
@@ -447,7 +450,7 @@
447
450
  --components-form-field-border-disabled: var(--color-content-medium-border);
448
451
  --components-form-field-border-default: var(--color-content-medium-border);
449
452
  --components-form-field-background-readonly: var(--color-level-05-background);
450
- --components-form-field-background-error: var(--color-feedback-error-high-background);
453
+ --components-form-field-background-error: var(--color-feedback-error-low-border);
451
454
  --components-form-field-background-disabled: var(--color-level-10-background);
452
455
  --components-form-field-background-hover: var(--color-level-05-background);
453
456
  --components-form-field-background-focus: var(--color-level-00-background);
@@ -510,6 +513,22 @@
510
513
  --color-interaction-container-neutral-icon: var(--color-content-low-text);
511
514
  --color-interaction-container-neutral-border-hover: var(--color-content-medium-text);
512
515
  --color-interaction-container-neutral-border: var(--color-content-low-text);
516
+ --components-slider-handler-border-readonly: var(--components-form-field-background-readonly);
517
+ --components-slider-handler-border-disabled: var(--components-form-field-background-disabled);
518
+ --components-slider-handler-border-error: var(--components-form-field-background-error);
519
+ --components-slider-handler-border-hover: var(--components-form-field-background-hover);
520
+ --components-slider-handler-border-default: var(--components-form-field-background-default);
521
+ --components-slider-handler-background-readonly: var(--components-form-field-background-readonly);
522
+ --components-slider-handler-background-disabled: var(--components-form-field-background-disabled);
523
+ --components-slider-handler-background-error: var(--components-form-field-background-error);
524
+ --components-slider-handler-background-hover: var(--components-form-field-background-hover);
525
+ --components-slider-handler-background-default: var(--components-form-field-background-default);
526
+ --components-slider-track-filled-readonly: var(--components-form-field-border-readonly);
527
+ --components-slider-track-filled-disabled: var(--components-form-field-border-disabled);
528
+ --components-slider-track-filled-error: var(--components-form-field-border-error);
529
+ --components-slider-track-filled-focus: var(--components-form-field-border-focus);
530
+ --components-slider-track-filled-hover: var(--components-form-field-border-hover);
531
+ --components-slider-track-filled-default: var(--components-form-field-border-default);
513
532
  --components-menu-contextual-item-content-hover: var(--color-interaction-container-neutral-text-hover);
514
533
  --components-menu-contextual-item-content: var(--color-interaction-container-neutral-text);
515
534
  --components-calendar-cell-text-hover: var(--color-interaction-container-neutral-text-hover);
@@ -851,6 +870,9 @@
851
870
  --color-interaction-container-branded-low-background-active: var(--color-petrol-50);
852
871
  --components-tooltip-supporting-text: var(--color-content-inverted-medium-text);
853
872
  --components-tooltip-text: var(--color-content-inverted-high-text);
873
+ --components-slider-handler-border-focus: var(--components-form-field-background-checked);
874
+ --components-slider-handler-background-focus: var(--components-form-field-background-checked);
875
+ --components-slider-track-background: var(--color-content-low-border);
854
876
  --components-popover-supporting-text: var(--color-content-low-text);
855
877
  --components-popover-text: var(--color-content-medium-text);
856
878
  --components-popover-border: var(--color-content-low-border);
@@ -995,7 +1017,7 @@
995
1017
  --components-form-field-border-disabled: var(--color-content-medium-border);
996
1018
  --components-form-field-border-default: var(--color-content-medium-border);
997
1019
  --components-form-field-background-readonly: var(--color-level-05-background);
998
- --components-form-field-background-error: var(--color-feedback-error-high-background);
1020
+ --components-form-field-background-error: var(--color-feedback-error-low-border);
999
1021
  --components-form-field-background-disabled: var(--color-level-10-background);
1000
1022
  --components-form-field-background-hover: var(--color-level-05-background);
1001
1023
  --components-form-field-background-focus: var(--color-level-00-background);
@@ -1058,6 +1080,22 @@
1058
1080
  --color-interaction-container-neutral-icon: var(--color-content-low-text);
1059
1081
  --color-interaction-container-neutral-border-hover: var(--color-content-medium-text);
1060
1082
  --color-interaction-container-neutral-border: var(--color-content-inverted-low-text);
1083
+ --components-slider-handler-border-readonly: var(--components-form-field-background-readonly);
1084
+ --components-slider-handler-border-disabled: var(--components-form-field-background-disabled);
1085
+ --components-slider-handler-border-error: var(--components-form-field-background-error);
1086
+ --components-slider-handler-border-hover: var(--components-form-field-background-hover);
1087
+ --components-slider-handler-border-default: var(--components-form-field-background-default);
1088
+ --components-slider-handler-background-readonly: var(--components-form-field-background-readonly);
1089
+ --components-slider-handler-background-disabled: var(--components-form-field-background-disabled);
1090
+ --components-slider-handler-background-error: var(--components-form-field-background-error);
1091
+ --components-slider-handler-background-hover: var(--components-form-field-background-hover);
1092
+ --components-slider-handler-background-default: var(--components-form-field-background-default);
1093
+ --components-slider-track-filled-readonly: var(--components-form-field-border-readonly);
1094
+ --components-slider-track-filled-disabled: var(--components-form-field-border-disabled);
1095
+ --components-slider-track-filled-error: var(--components-form-field-border-error);
1096
+ --components-slider-track-filled-focus: var(--components-form-field-border-focus);
1097
+ --components-slider-track-filled-hover: var(--components-form-field-border-hover);
1098
+ --components-slider-track-filled-default: var(--components-form-field-border-default);
1061
1099
  --components-menu-contextual-item-content-hover: var(--color-interaction-container-neutral-text-hover);
1062
1100
  --components-menu-contextual-item-content: var(--color-interaction-container-neutral-text);
1063
1101
  --components-calendar-cell-text-hover: var(--color-interaction-container-neutral-text-hover);
@@ -1355,6 +1393,7 @@
1355
1393
  */
1356
1394
 
1357
1395
  :root {
1396
+ --slider-tick-radius: 1px;
1358
1397
  --global-typography-legend-font-style: uppercase;
1359
1398
  --global-typography-label-font-style: normal;
1360
1399
  --global-typography-small-font-style: normal;
@@ -1474,6 +1513,15 @@
1474
1513
  --alert-icon-position-x: var(--spacing-4);
1475
1514
  --alert-gap-x: var(--spacing-3);
1476
1515
  --alert-icon-size: var(--spacing-5);
1516
+ --slider-track-radius: var(--radius-rounded-sm);
1517
+ --slider-track-padding-x: var(--spacing-3);
1518
+ --slider-track-height: var(--spacing-1);
1519
+ --slider-handler-stroke: var(--spacing-0-5);
1520
+ --slider-handler-size-inner: var(--spacing-4);
1521
+ --slider-handler-size-max: var(--spacing-6);
1522
+ --slider-handler-size-min: var(--spacing-5);
1523
+ --slider-tick-width: var(--spacing-0-5);
1524
+ --slider-tick-height: var(--spacing-1);
1477
1525
  --global-typography-legend-font-weight: var(--font-weight-medium-emphasis);
1478
1526
  --global-typography-legend-line-height: var(--line-height-xs);
1479
1527
  --global-typography-legend-font-size: var(--font-size-xs);
package/dist/css/spark.css CHANGED
@@ -303,6 +303,9 @@
303
303
  --color-interaction-container-branded-low-background-active: var(--color-orange-900);
304
304
  --components-tooltip-supporting-text: var(--color-content-inverted-medium-text);
305
305
  --components-tooltip-text: var(--color-content-inverted-high-text);
306
+ --components-slider-handler-border-focus: var(--components-form-field-background-checked);
307
+ --components-slider-handler-background-focus: var(--components-form-field-background-checked);
308
+ --components-slider-track-background: var(--color-content-low-border);
306
309
  --components-popover-supporting-text: var(--color-content-low-text);
307
310
  --components-popover-text: var(--color-content-medium-text);
308
311
  --components-popover-border: var(--color-content-low-border);
@@ -447,7 +450,7 @@
447
450
  --components-form-field-border-disabled: var(--color-content-medium-border);
448
451
  --components-form-field-border-default: var(--color-content-medium-border);
449
452
  --components-form-field-background-readonly: var(--color-level-05-background);
450
- --components-form-field-background-error: var(--color-feedback-error-high-background);
453
+ --components-form-field-background-error: var(--color-feedback-error-low-border);
451
454
  --components-form-field-background-disabled: var(--color-level-10-background);
452
455
  --components-form-field-background-hover: var(--color-level-05-background);
453
456
  --components-form-field-background-focus: var(--color-level-00-background);
@@ -510,6 +513,22 @@
510
513
  --color-interaction-container-neutral-icon: var(--color-content-low-text);
511
514
  --color-interaction-container-neutral-border-hover: var(--color-content-medium-text);
512
515
  --color-interaction-container-neutral-border: var(--color-content-low-text);
516
+ --components-slider-handler-border-readonly: var(--components-form-field-background-readonly);
517
+ --components-slider-handler-border-disabled: var(--components-form-field-background-disabled);
518
+ --components-slider-handler-border-error: var(--components-form-field-background-error);
519
+ --components-slider-handler-border-hover: var(--components-form-field-background-hover);
520
+ --components-slider-handler-border-default: var(--components-form-field-background-default);
521
+ --components-slider-handler-background-readonly: var(--components-form-field-background-readonly);
522
+ --components-slider-handler-background-disabled: var(--components-form-field-background-disabled);
523
+ --components-slider-handler-background-error: var(--components-form-field-background-error);
524
+ --components-slider-handler-background-hover: var(--components-form-field-background-hover);
525
+ --components-slider-handler-background-default: var(--components-form-field-background-default);
526
+ --components-slider-track-filled-readonly: var(--components-form-field-border-readonly);
527
+ --components-slider-track-filled-disabled: var(--components-form-field-border-disabled);
528
+ --components-slider-track-filled-error: var(--components-form-field-border-error);
529
+ --components-slider-track-filled-focus: var(--components-form-field-border-focus);
530
+ --components-slider-track-filled-hover: var(--components-form-field-border-hover);
531
+ --components-slider-track-filled-default: var(--components-form-field-border-default);
513
532
  --components-menu-contextual-item-content-hover: var(--color-interaction-container-neutral-text-hover);
514
533
  --components-menu-contextual-item-content: var(--color-interaction-container-neutral-text);
515
534
  --components-calendar-cell-text-hover: var(--color-interaction-container-neutral-text-hover);
@@ -849,6 +868,9 @@
849
868
  --color-interaction-container-branded-low-background-active: var(--color-orange-50);
850
869
  --components-tooltip-supporting-text: var(--color-content-inverted-medium-text);
851
870
  --components-tooltip-text: var(--color-content-inverted-high-text);
871
+ --components-slider-handler-border-focus: var(--components-form-field-background-checked);
872
+ --components-slider-handler-background-focus: var(--components-form-field-background-checked);
873
+ --components-slider-track-background: var(--color-content-low-border);
852
874
  --components-popover-supporting-text: var(--color-content-low-text);
853
875
  --components-popover-text: var(--color-content-medium-text);
854
876
  --components-popover-border: var(--color-content-low-border);
@@ -992,7 +1014,7 @@
992
1014
  --components-form-field-border-disabled: var(--color-content-medium-border);
993
1015
  --components-form-field-border-default: var(--color-content-medium-border);
994
1016
  --components-form-field-background-readonly: var(--color-level-05-background);
995
- --components-form-field-background-error: var(--color-feedback-error-high-background);
1017
+ --components-form-field-background-error: var(--color-feedback-error-low-border);
996
1018
  --components-form-field-background-disabled: var(--color-level-10-background);
997
1019
  --components-form-field-background-hover: var(--color-level-05-background);
998
1020
  --components-form-field-background-focus: var(--color-level-00-background);
@@ -1057,6 +1079,22 @@
1057
1079
  --color-interaction-container-neutral-icon: var(--color-content-low-text);
1058
1080
  --color-interaction-container-neutral-border-hover: var(--color-content-medium-text);
1059
1081
  --color-interaction-container-neutral-border: var(--color-content-low-text);
1082
+ --components-slider-handler-border-readonly: var(--components-form-field-background-readonly);
1083
+ --components-slider-handler-border-disabled: var(--components-form-field-background-disabled);
1084
+ --components-slider-handler-border-error: var(--components-form-field-background-error);
1085
+ --components-slider-handler-border-hover: var(--components-form-field-background-hover);
1086
+ --components-slider-handler-border-default: var(--components-form-field-background-default);
1087
+ --components-slider-handler-background-readonly: var(--components-form-field-background-readonly);
1088
+ --components-slider-handler-background-disabled: var(--components-form-field-background-disabled);
1089
+ --components-slider-handler-background-error: var(--components-form-field-background-error);
1090
+ --components-slider-handler-background-hover: var(--components-form-field-background-hover);
1091
+ --components-slider-handler-background-default: var(--components-form-field-background-default);
1092
+ --components-slider-track-filled-readonly: var(--components-form-field-border-readonly);
1093
+ --components-slider-track-filled-disabled: var(--components-form-field-border-disabled);
1094
+ --components-slider-track-filled-error: var(--components-form-field-border-error);
1095
+ --components-slider-track-filled-focus: var(--components-form-field-border-focus);
1096
+ --components-slider-track-filled-hover: var(--components-form-field-border-hover);
1097
+ --components-slider-track-filled-default: var(--components-form-field-border-default);
1060
1098
  --components-menu-contextual-item-content-hover: var(--color-interaction-container-neutral-text-hover);
1061
1099
  --components-menu-contextual-item-content: var(--color-interaction-container-neutral-text);
1062
1100
  --components-calendar-cell-text-hover: var(--color-interaction-container-neutral-text-hover);
@@ -1355,6 +1393,7 @@
1355
1393
  */
1356
1394
 
1357
1395
  :root {
1396
+ --slider-tick-radius: 1px;
1358
1397
  --global-typography-legend-font-style: uppercase;
1359
1398
  --global-typography-label-font-style: normal;
1360
1399
  --global-typography-small-font-style: normal;
@@ -1474,6 +1513,15 @@
1474
1513
  --alert-icon-position-x: var(--spacing-4);
1475
1514
  --alert-gap-x: var(--spacing-3);
1476
1515
  --alert-icon-size: var(--spacing-5);
1516
+ --slider-track-radius: var(--radius-rounded-sm);
1517
+ --slider-track-padding-x: var(--spacing-3);
1518
+ --slider-track-height: var(--spacing-1);
1519
+ --slider-handler-stroke: var(--spacing-0-5);
1520
+ --slider-handler-size-inner: var(--spacing-4);
1521
+ --slider-handler-size-max: var(--spacing-6);
1522
+ --slider-handler-size-min: var(--spacing-5);
1523
+ --slider-tick-width: var(--spacing-0-5);
1524
+ --slider-tick-height: var(--spacing-1);
1477
1525
  --global-typography-legend-font-weight: var(--font-weight-medium-emphasis);
1478
1526
  --global-typography-legend-line-height: var(--line-height-xs);
1479
1527
  --global-typography-legend-font-size: var(--font-size-xs);
package/dist/js/mccs_dark.d.ts CHANGED
@@ -516,6 +516,25 @@ export const ComponentsPopoverBackground : string;
516
516
  export const ComponentsPopoverBorder : string;
517
517
  export const ComponentsPopoverText : string;
518
518
  export const ComponentsPopoverSupportingText : string;
519
+ export const ComponentsSliderTrackBackground : string;
520
+ export const ComponentsSliderTrackFilledDefault : string;
521
+ export const ComponentsSliderTrackFilledHover : string;
522
+ export const ComponentsSliderTrackFilledFocus : string;
523
+ export const ComponentsSliderTrackFilledError : string;
524
+ export const ComponentsSliderTrackFilledDisabled : string;
525
+ export const ComponentsSliderTrackFilledReadonly : string;
526
+ export const ComponentsSliderHandlerBackgroundDefault : string;
527
+ export const ComponentsSliderHandlerBackgroundHover : string;
528
+ export const ComponentsSliderHandlerBackgroundFocus : string;
529
+ export const ComponentsSliderHandlerBackgroundError : string;
530
+ export const ComponentsSliderHandlerBackgroundDisabled : string;
531
+ export const ComponentsSliderHandlerBackgroundReadonly : string;
532
+ export const ComponentsSliderHandlerBorderDefault : string;
533
+ export const ComponentsSliderHandlerBorderHover : string;
534
+ export const ComponentsSliderHandlerBorderFocus : string;
535
+ export const ComponentsSliderHandlerBorderError : string;
536
+ export const ComponentsSliderHandlerBorderDisabled : string;
537
+ export const ComponentsSliderHandlerBorderReadonly : string;
519
538
  export const ComponentsTooltipBackground : string;
520
539
  export const ComponentsTooltipBorder : string;
521
540
  export const ComponentsTooltipText : string;
package/dist/js/mccs_dark.js CHANGED
@@ -516,6 +516,25 @@ export const ComponentsPopoverBackground = "#0b0f11";
516
516
  export const ComponentsPopoverBorder = "#394d55";
517
517
  export const ComponentsPopoverText = "#27353b";
518
518
  export const ComponentsPopoverSupportingText = "#889499";
519
+ export const ComponentsSliderTrackBackground = "#394d55";
520
+ export const ComponentsSliderTrackFilledDefault = "#617177";
521
+ export const ComponentsSliderTrackFilledHover = "#889499";
522
+ export const ComponentsSliderTrackFilledFocus = "#4b9eaa";
523
+ export const ComponentsSliderTrackFilledError = "#ff3d3d";
524
+ export const ComponentsSliderTrackFilledDisabled = "#617177";
525
+ export const ComponentsSliderTrackFilledReadonly = "#394d55";
526
+ export const ComponentsSliderHandlerBackgroundDefault = "#0b0f11";
527
+ export const ComponentsSliderHandlerBackgroundHover = "#11171a";
528
+ export const ComponentsSliderHandlerBackgroundFocus = "#258998";
529
+ export const ComponentsSliderHandlerBackgroundError = "#ff3d3d";
530
+ export const ComponentsSliderHandlerBackgroundDisabled = "#171f22";
531
+ export const ComponentsSliderHandlerBackgroundReadonly = "#11171a";
532
+ export const ComponentsSliderHandlerBorderDefault = "#0b0f11";
533
+ export const ComponentsSliderHandlerBorderHover = "#11171a";
534
+ export const ComponentsSliderHandlerBorderFocus = "#258998";
535
+ export const ComponentsSliderHandlerBorderError = "#ff3d3d";
536
+ export const ComponentsSliderHandlerBorderDisabled = "#171f22";
537
+ export const ComponentsSliderHandlerBorderReadonly = "#11171a";
519
538
  export const ComponentsTooltipBackground = "#f5f6f7";
520
539
  export const ComponentsTooltipBorder = "#f5f6f7";
521
540
  export const ComponentsTooltipText = "#0b0f11";
package/dist/js/mccs_light.d.ts CHANGED
@@ -516,6 +516,25 @@ export const ComponentsPopoverBackground : string;
516
516
  export const ComponentsPopoverBorder : string;
517
517
  export const ComponentsPopoverText : string;
518
518
  export const ComponentsPopoverSupportingText : string;
519
+ export const ComponentsSliderTrackBackground : string;
520
+ export const ComponentsSliderTrackFilledDefault : string;
521
+ export const ComponentsSliderTrackFilledHover : string;
522
+ export const ComponentsSliderTrackFilledFocus : string;
523
+ export const ComponentsSliderTrackFilledError : string;
524
+ export const ComponentsSliderTrackFilledDisabled : string;
525
+ export const ComponentsSliderTrackFilledReadonly : string;
526
+ export const ComponentsSliderHandlerBackgroundDefault : string;
527
+ export const ComponentsSliderHandlerBackgroundHover : string;
528
+ export const ComponentsSliderHandlerBackgroundFocus : string;
529
+ export const ComponentsSliderHandlerBackgroundError : string;
530
+ export const ComponentsSliderHandlerBackgroundDisabled : string;
531
+ export const ComponentsSliderHandlerBackgroundReadonly : string;
532
+ export const ComponentsSliderHandlerBorderDefault : string;
533
+ export const ComponentsSliderHandlerBorderHover : string;
534
+ export const ComponentsSliderHandlerBorderFocus : string;
535
+ export const ComponentsSliderHandlerBorderError : string;
536
+ export const ComponentsSliderHandlerBorderDisabled : string;
537
+ export const ComponentsSliderHandlerBorderReadonly : string;
519
538
  export const ComponentsTooltipBackground : string;
520
539
  export const ComponentsTooltipBorder : string;
521
540
  export const ComponentsTooltipText : string;
package/dist/js/mccs_light.js CHANGED
@@ -516,6 +516,25 @@ export const ComponentsPopoverBackground = "#ffffff";
516
516
  export const ComponentsPopoverBorder = "#e1e4e6";
517
517
  export const ComponentsPopoverText = "#34464d";
518
518
  export const ComponentsPopoverSupportingText = "#617177";
519
+ export const ComponentsSliderTrackBackground = "#e1e4e6";
520
+ export const ComponentsSliderTrackFilledDefault = "#bac1c4";
521
+ export const ComponentsSliderTrackFilledHover = "#889499";
522
+ export const ComponentsSliderTrackFilledFocus = "#258998";
523
+ export const ComponentsSliderTrackFilledError = "#da2424";
524
+ export const ComponentsSliderTrackFilledDisabled = "#bac1c4";
525
+ export const ComponentsSliderTrackFilledReadonly = "#e1e4e6";
526
+ export const ComponentsSliderHandlerBackgroundDefault = "#ffffff";
527
+ export const ComponentsSliderHandlerBackgroundHover = "#fafbfb";
528
+ export const ComponentsSliderHandlerBackgroundFocus = "#1f717d";
529
+ export const ComponentsSliderHandlerBackgroundError = "#da2424";
530
+ export const ComponentsSliderHandlerBackgroundDisabled = "#f5f6f7";
531
+ export const ComponentsSliderHandlerBackgroundReadonly = "#fafbfb";
532
+ export const ComponentsSliderHandlerBorderDefault = "#ffffff";
533
+ export const ComponentsSliderHandlerBorderHover = "#fafbfb";
534
+ export const ComponentsSliderHandlerBorderFocus = "#1f717d";
535
+ export const ComponentsSliderHandlerBorderError = "#da2424";
536
+ export const ComponentsSliderHandlerBorderDisabled = "#f5f6f7";
537
+ export const ComponentsSliderHandlerBorderReadonly = "#fafbfb";
519
538
  export const ComponentsTooltipBackground = "#0b0f11";
520
539
  export const ComponentsTooltipBorder = "#0b0f11";
521
540
  export const ComponentsTooltipText = "#f5f6f7";
package/dist/js/ocean_dark.d.ts CHANGED
@@ -516,6 +516,25 @@ export const ComponentsPopoverBackground : string;
516
516
  export const ComponentsPopoverBorder : string;
517
517
  export const ComponentsPopoverText : string;
518
518
  export const ComponentsPopoverSupportingText : string;
519
+ export const ComponentsSliderTrackBackground : string;
520
+ export const ComponentsSliderTrackFilledDefault : string;
521
+ export const ComponentsSliderTrackFilledHover : string;
522
+ export const ComponentsSliderTrackFilledFocus : string;
523
+ export const ComponentsSliderTrackFilledError : string;
524
+ export const ComponentsSliderTrackFilledDisabled : string;
525
+ export const ComponentsSliderTrackFilledReadonly : string;
526
+ export const ComponentsSliderHandlerBackgroundDefault : string;
527
+ export const ComponentsSliderHandlerBackgroundHover : string;
528
+ export const ComponentsSliderHandlerBackgroundFocus : string;
529
+ export const ComponentsSliderHandlerBackgroundError : string;
530
+ export const ComponentsSliderHandlerBackgroundDisabled : string;
531
+ export const ComponentsSliderHandlerBackgroundReadonly : string;
532
+ export const ComponentsSliderHandlerBorderDefault : string;
533
+ export const ComponentsSliderHandlerBorderHover : string;
534
+ export const ComponentsSliderHandlerBorderFocus : string;
535
+ export const ComponentsSliderHandlerBorderError : string;
536
+ export const ComponentsSliderHandlerBorderDisabled : string;
537
+ export const ComponentsSliderHandlerBorderReadonly : string;
519
538
  export const ComponentsTooltipBackground : string;
520
539
  export const ComponentsTooltipBorder : string;
521
540
  export const ComponentsTooltipText : string;
package/dist/js/ocean_dark.js CHANGED
@@ -516,6 +516,25 @@ export const ComponentsPopoverBackground = "#0b0f11";
516
516
  export const ComponentsPopoverBorder = "#394d55";
517
517
  export const ComponentsPopoverText = "#27353b";
518
518
  export const ComponentsPopoverSupportingText = "#889499";
519
+ export const ComponentsSliderTrackBackground = "#394d55";
520
+ export const ComponentsSliderTrackFilledDefault = "#617177";
521
+ export const ComponentsSliderTrackFilledHover = "#889499";
522
+ export const ComponentsSliderTrackFilledFocus = "#258998";
523
+ export const ComponentsSliderTrackFilledError = "#ff6161";
524
+ export const ComponentsSliderTrackFilledDisabled = "#617177";
525
+ export const ComponentsSliderTrackFilledReadonly = "#394d55";
526
+ export const ComponentsSliderHandlerBackgroundDefault = "#0b0f11";
527
+ export const ComponentsSliderHandlerBackgroundHover = "#11171a";
528
+ export const ComponentsSliderHandlerBackgroundFocus = "#258998";
529
+ export const ComponentsSliderHandlerBackgroundError = "#ff6161";
530
+ export const ComponentsSliderHandlerBackgroundDisabled = "#171f22";
531
+ export const ComponentsSliderHandlerBackgroundReadonly = "#11171a";
532
+ export const ComponentsSliderHandlerBorderDefault = "#0b0f11";
533
+ export const ComponentsSliderHandlerBorderHover = "#11171a";
534
+ export const ComponentsSliderHandlerBorderFocus = "#258998";
535
+ export const ComponentsSliderHandlerBorderError = "#ff6161";
536
+ export const ComponentsSliderHandlerBorderDisabled = "#171f22";
537
+ export const ComponentsSliderHandlerBorderReadonly = "#11171a";
519
538
  export const ComponentsTooltipBackground = "#f5f6f7";
520
539
  export const ComponentsTooltipBorder = "#f5f6f7";
521
540
  export const ComponentsTooltipText = "#0b0f11";
package/dist/js/ocean_light.d.ts CHANGED
@@ -516,6 +516,25 @@ export const ComponentsPopoverBackground : string;
516
516
  export const ComponentsPopoverBorder : string;
517
517
  export const ComponentsPopoverText : string;
518
518
  export const ComponentsPopoverSupportingText : string;
519
+ export const ComponentsSliderTrackBackground : string;
520
+ export const ComponentsSliderTrackFilledDefault : string;
521
+ export const ComponentsSliderTrackFilledHover : string;
522
+ export const ComponentsSliderTrackFilledFocus : string;
523
+ export const ComponentsSliderTrackFilledError : string;
524
+ export const ComponentsSliderTrackFilledDisabled : string;
525
+ export const ComponentsSliderTrackFilledReadonly : string;
526
+ export const ComponentsSliderHandlerBackgroundDefault : string;
527
+ export const ComponentsSliderHandlerBackgroundHover : string;
528
+ export const ComponentsSliderHandlerBackgroundFocus : string;
529
+ export const ComponentsSliderHandlerBackgroundError : string;
530
+ export const ComponentsSliderHandlerBackgroundDisabled : string;
531
+ export const ComponentsSliderHandlerBackgroundReadonly : string;
532
+ export const ComponentsSliderHandlerBorderDefault : string;
533
+ export const ComponentsSliderHandlerBorderHover : string;
534
+ export const ComponentsSliderHandlerBorderFocus : string;
535
+ export const ComponentsSliderHandlerBorderError : string;
536
+ export const ComponentsSliderHandlerBorderDisabled : string;
537
+ export const ComponentsSliderHandlerBorderReadonly : string;
519
538
  export const ComponentsTooltipBackground : string;
520
539
  export const ComponentsTooltipBorder : string;
521
540
  export const ComponentsTooltipText : string;
package/dist/js/ocean_light.js CHANGED
@@ -306,7 +306,7 @@ export const ComponentsFormFieldBackgroundFocus = "#ffffff";
306
306
  export const ComponentsFormFieldBackgroundHover = "#fafbfb";
307
307
  export const ComponentsFormFieldBackgroundDisabled = "#f5f6f7";
308
308
  export const ComponentsFormFieldBackgroundChecked = "#1f717d";
309
- export const ComponentsFormFieldBackgroundError = "#ff6161";
309
+ export const ComponentsFormFieldBackgroundError = "#bb1919";
310
310
  export const ComponentsFormFieldBackgroundReadonly = "#fafbfb";
311
311
  export const ComponentsFormFieldBorderDefault = "#bac1c4";
312
312
  export const ComponentsFormFieldBorderDisabled = "#bac1c4";
@@ -516,6 +516,25 @@ export const ComponentsPopoverBackground = "#ffffff";
516
516
  export const ComponentsPopoverBorder = "#e1e4e6";
517
517
  export const ComponentsPopoverText = "#34464d";
518
518
  export const ComponentsPopoverSupportingText = "#617177";
519
+ export const ComponentsSliderTrackBackground = "#e1e4e6";
520
+ export const ComponentsSliderTrackFilledDefault = "#bac1c4";
521
+ export const ComponentsSliderTrackFilledHover = "#889499";
522
+ export const ComponentsSliderTrackFilledFocus = "#1f717d";
523
+ export const ComponentsSliderTrackFilledError = "#bb1919";
524
+ export const ComponentsSliderTrackFilledDisabled = "#bac1c4";
525
+ export const ComponentsSliderTrackFilledReadonly = "#e1e4e6";
526
+ export const ComponentsSliderHandlerBackgroundDefault = "#ffffff";
527
+ export const ComponentsSliderHandlerBackgroundHover = "#fafbfb";
528
+ export const ComponentsSliderHandlerBackgroundFocus = "#1f717d";
529
+ export const ComponentsSliderHandlerBackgroundError = "#bb1919";
530
+ export const ComponentsSliderHandlerBackgroundDisabled = "#f5f6f7";
531
+ export const ComponentsSliderHandlerBackgroundReadonly = "#fafbfb";
532
+ export const ComponentsSliderHandlerBorderDefault = "#ffffff";
533
+ export const ComponentsSliderHandlerBorderHover = "#fafbfb";
534
+ export const ComponentsSliderHandlerBorderFocus = "#1f717d";
535
+ export const ComponentsSliderHandlerBorderError = "#bb1919";
536
+ export const ComponentsSliderHandlerBorderDisabled = "#f5f6f7";
537
+ export const ComponentsSliderHandlerBorderReadonly = "#fafbfb";
519
538
  export const ComponentsTooltipBackground = "#0b0f11";
520
539
  export const ComponentsTooltipBorder = "#0b0f11";
521
540
  export const ComponentsTooltipText = "#f5f6f7";
package/dist/js/spacings.d.ts CHANGED
@@ -217,6 +217,16 @@ export const GlobalTypographyLegendFontStyle : string;
217
217
  export const GlobalTypographyLegendFontSize : string;
218
218
  export const GlobalTypographyLegendLineHeight : string;
219
219
  export const GlobalTypographyLegendFontWeight : string;
220
+ export const SliderTickRadius : string;
221
+ export const SliderTickHeight : string;
222
+ export const SliderTickWidth : string;
223
+ export const SliderHandlerSizeMin : string;
224
+ export const SliderHandlerSizeMax : string;
225
+ export const SliderHandlerSizeInner : string;
226
+ export const SliderHandlerStroke : string;
227
+ export const SliderTrackHeight : string;
228
+ export const SliderTrackPaddingX : string;
229
+ export const SliderTrackRadius : string;
220
230
  export const AlertIconSize : string;
221
231
  export const AlertGapX : string;
222
232
  export const AlertIconPositionX : string;
package/dist/js/spacings.js CHANGED
@@ -217,6 +217,16 @@ export const GlobalTypographyLegendFontStyle = "uppercase";
217
217
  export const GlobalTypographyLegendFontSize = "12px";
218
218
  export const GlobalTypographyLegendLineHeight = "16px";
219
219
  export const GlobalTypographyLegendFontWeight = "500";
220
+ export const SliderTickRadius = "1px";
221
+ export const SliderTickHeight = "4px";
222
+ export const SliderTickWidth = "2px";
223
+ export const SliderHandlerSizeMin = "20px";
224
+ export const SliderHandlerSizeMax = "24px";
225
+ export const SliderHandlerSizeInner = "16px";
226
+ export const SliderHandlerStroke = "2px";
227
+ export const SliderTrackHeight = "4px";
228
+ export const SliderTrackPaddingX = "12px";
229
+ export const SliderTrackRadius = "2px";
220
230
  export const AlertIconSize = "20px";
221
231
  export const AlertGapX = "12px";
222
232
  export const AlertIconPositionX = "16px";
package/dist/js/spark_dark.d.ts CHANGED
@@ -516,6 +516,25 @@ export const ComponentsPopoverBackground : string;
516
516
  export const ComponentsPopoverBorder : string;
517
517
  export const ComponentsPopoverText : string;
518
518
  export const ComponentsPopoverSupportingText : string;
519
+ export const ComponentsSliderTrackBackground : string;
520
+ export const ComponentsSliderTrackFilledDefault : string;
521
+ export const ComponentsSliderTrackFilledHover : string;
522
+ export const ComponentsSliderTrackFilledFocus : string;
523
+ export const ComponentsSliderTrackFilledError : string;
524
+ export const ComponentsSliderTrackFilledDisabled : string;
525
+ export const ComponentsSliderTrackFilledReadonly : string;
526
+ export const ComponentsSliderHandlerBackgroundDefault : string;
527
+ export const ComponentsSliderHandlerBackgroundHover : string;
528
+ export const ComponentsSliderHandlerBackgroundFocus : string;
529
+ export const ComponentsSliderHandlerBackgroundError : string;
530
+ export const ComponentsSliderHandlerBackgroundDisabled : string;
531
+ export const ComponentsSliderHandlerBackgroundReadonly : string;
532
+ export const ComponentsSliderHandlerBorderDefault : string;
533
+ export const ComponentsSliderHandlerBorderHover : string;
534
+ export const ComponentsSliderHandlerBorderFocus : string;
535
+ export const ComponentsSliderHandlerBorderError : string;
536
+ export const ComponentsSliderHandlerBorderDisabled : string;
537
+ export const ComponentsSliderHandlerBorderReadonly : string;
519
538
  export const ComponentsTooltipBackground : string;
520
539
  export const ComponentsTooltipBorder : string;
521
540
  export const ComponentsTooltipText : string;
package/dist/js/spark_dark.js CHANGED
@@ -516,6 +516,25 @@ export const ComponentsPopoverBackground = "#0e0e0e";
516
516
  export const ComponentsPopoverBorder = "#484848";
517
517
  export const ComponentsPopoverText = "#bfbfbf";
518
518
  export const ComponentsPopoverSupportingText = "#808080";
519
+ export const ComponentsSliderTrackBackground = "#484848";
520
+ export const ComponentsSliderTrackFilledDefault = "#6d6d6d";
521
+ export const ComponentsSliderTrackFilledHover = "#919191";
522
+ export const ComponentsSliderTrackFilledFocus = "#e75420";
523
+ export const ComponentsSliderTrackFilledError = "#ff6161";
524
+ export const ComponentsSliderTrackFilledDisabled = "#6d6d6d";
525
+ export const ComponentsSliderTrackFilledReadonly = "#484848";
526
+ export const ComponentsSliderHandlerBackgroundDefault = "#0e0e0e";
527
+ export const ComponentsSliderHandlerBackgroundHover = "#161616";
528
+ export const ComponentsSliderHandlerBackgroundFocus = "#e75420";
529
+ export const ComponentsSliderHandlerBackgroundError = "#ff6161";
530
+ export const ComponentsSliderHandlerBackgroundDisabled = "#1d1d1d";
531
+ export const ComponentsSliderHandlerBackgroundReadonly = "#161616";
532
+ export const ComponentsSliderHandlerBorderDefault = "#0e0e0e";
533
+ export const ComponentsSliderHandlerBorderHover = "#161616";
534
+ export const ComponentsSliderHandlerBorderFocus = "#e75420";
535
+ export const ComponentsSliderHandlerBorderError = "#ff6161";
536
+ export const ComponentsSliderHandlerBorderDisabled = "#1d1d1d";
537
+ export const ComponentsSliderHandlerBorderReadonly = "#161616";
519
538
  export const ComponentsTooltipBackground = "#f6f6f6";
520
539
  export const ComponentsTooltipBorder = "#f6f6f6";
521
540
  export const ComponentsTooltipText = "#1d1d1d";
package/dist/js/spark_light.d.ts CHANGED
@@ -516,6 +516,25 @@ export const ComponentsPopoverBackground : string;
516
516
  export const ComponentsPopoverBorder : string;
517
517
  export const ComponentsPopoverText : string;
518
518
  export const ComponentsPopoverSupportingText : string;
519
+ export const ComponentsSliderTrackBackground : string;
520
+ export const ComponentsSliderTrackFilledDefault : string;
521
+ export const ComponentsSliderTrackFilledHover : string;
522
+ export const ComponentsSliderTrackFilledFocus : string;
523
+ export const ComponentsSliderTrackFilledError : string;
524
+ export const ComponentsSliderTrackFilledDisabled : string;
525
+ export const ComponentsSliderTrackFilledReadonly : string;
526
+ export const ComponentsSliderHandlerBackgroundDefault : string;
527
+ export const ComponentsSliderHandlerBackgroundHover : string;
528
+ export const ComponentsSliderHandlerBackgroundFocus : string;
529
+ export const ComponentsSliderHandlerBackgroundError : string;
530
+ export const ComponentsSliderHandlerBackgroundDisabled : string;
531
+ export const ComponentsSliderHandlerBackgroundReadonly : string;
532
+ export const ComponentsSliderHandlerBorderDefault : string;
533
+ export const ComponentsSliderHandlerBorderHover : string;
534
+ export const ComponentsSliderHandlerBorderFocus : string;
535
+ export const ComponentsSliderHandlerBorderError : string;
536
+ export const ComponentsSliderHandlerBorderDisabled : string;
537
+ export const ComponentsSliderHandlerBorderReadonly : string;
519
538
  export const ComponentsTooltipBackground : string;
520
539
  export const ComponentsTooltipBorder : string;
521
540
  export const ComponentsTooltipText : string;
package/dist/js/spark_light.js CHANGED
@@ -306,7 +306,7 @@ export const ComponentsFormFieldBackgroundFocus = "#ffffff";
306
306
  export const ComponentsFormFieldBackgroundHover = "#fbfbfb";
307
307
  export const ComponentsFormFieldBackgroundDisabled = "#f6f6f6";
308
308
  export const ComponentsFormFieldBackgroundChecked = "#e75420";
309
- export const ComponentsFormFieldBackgroundError = "#ff6161";
309
+ export const ComponentsFormFieldBackgroundError = "#bb1919";
310
310
  export const ComponentsFormFieldBackgroundReadonly = "#fbfbfb";
311
311
  export const ComponentsFormFieldBorderDefault = "#bfbfbf";
312
312
  export const ComponentsFormFieldBorderDisabled = "#bfbfbf";
@@ -516,6 +516,25 @@ export const ComponentsPopoverBackground = "#ffffff";
516
516
  export const ComponentsPopoverBorder = "#e3e3e3";
517
517
  export const ComponentsPopoverText = "#414141";
518
518
  export const ComponentsPopoverSupportingText = "#6d6d6d";
519
+ export const ComponentsSliderTrackBackground = "#e3e3e3";
520
+ export const ComponentsSliderTrackFilledDefault = "#bfbfbf";
521
+ export const ComponentsSliderTrackFilledHover = "#919191";
522
+ export const ComponentsSliderTrackFilledFocus = "#e75420";
523
+ export const ComponentsSliderTrackFilledError = "#bb1919";
524
+ export const ComponentsSliderTrackFilledDisabled = "#bfbfbf";
525
+ export const ComponentsSliderTrackFilledReadonly = "#e3e3e3";
526
+ export const ComponentsSliderHandlerBackgroundDefault = "#ffffff";
527
+ export const ComponentsSliderHandlerBackgroundHover = "#fbfbfb";
528
+ export const ComponentsSliderHandlerBackgroundFocus = "#e75420";
529
+ export const ComponentsSliderHandlerBackgroundError = "#bb1919";
530
+ export const ComponentsSliderHandlerBackgroundDisabled = "#f6f6f6";
531
+ export const ComponentsSliderHandlerBackgroundReadonly = "#fbfbfb";
532
+ export const ComponentsSliderHandlerBorderDefault = "#ffffff";
533
+ export const ComponentsSliderHandlerBorderHover = "#fbfbfb";
534
+ export const ComponentsSliderHandlerBorderFocus = "#e75420";
535
+ export const ComponentsSliderHandlerBorderError = "#bb1919";
536
+ export const ComponentsSliderHandlerBorderDisabled = "#f6f6f6";
537
+ export const ComponentsSliderHandlerBorderReadonly = "#fbfbfb";
519
538
  export const ComponentsTooltipBackground = "#0e0e0e";
520
539
  export const ComponentsTooltipBorder = "#0e0e0e";
521
540
  export const ComponentsTooltipText = "#f6f6f6";
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@nova-design-system/nova-base",
3
- "version": "3.2.0",
3
+ "version": "3.3.0",
4
4
  "description": "Nova is a design system created by Elia Group to empower creators to efficiently build solutions that people love to use.",
5
5
  "author": "Elia Group",
6
6
  "homepage": "https://nova.eliagroup.io",