@nova-design-system/nova-base 3.9.1 → 3.10.1-beta.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (23) hide show
  1. package/assets/icons/icon-sprite.svg +1 -1
  2. package/dist/cjs/generated/nova-tailwind-components.js +20 -10
  3. package/dist/css/mccs.css +109 -17
  4. package/dist/css/nova-utils.css +10 -0
  5. package/dist/css/ocean.css +189 -97
  6. package/dist/css/spark.css +167 -75
  7. package/dist/generated/nova-tailwind-components.d.ts +10 -0
  8. package/dist/generated/nova-tailwind-components.js +20 -10
  9. package/dist/js/mccs_dark.d.ts +16 -1
  10. package/dist/js/mccs_dark.js +21 -6
  11. package/dist/js/mccs_light.d.ts +16 -1
  12. package/dist/js/mccs_light.js +18 -3
  13. package/dist/js/ocean_dark.d.ts +60 -45
  14. package/dist/js/ocean_dark.js +68 -53
  15. package/dist/js/ocean_light.d.ts +60 -45
  16. package/dist/js/ocean_light.js +66 -51
  17. package/dist/js/spacings.d.ts +67 -5
  18. package/dist/js/spacings.js +67 -5
  19. package/dist/js/spark_dark.d.ts +48 -33
  20. package/dist/js/spark_dark.js +57 -42
  21. package/dist/js/spark_light.d.ts +48 -33
  22. package/dist/js/spark_light.js +54 -39
  23. package/package.json +1 -1
package/dist/js/spark_dark.js CHANGED
@@ -2,18 +2,18 @@
2
2
  * Do not edit directly, this file was auto-generated.
3
3
  */
4
4
 
5
- export const ColorInteractionContainerBrandedLowBackground = "#ffffff";
6
- export const ColorInteractionContainerBrandedLowBackgroundActive = "#45190a";
7
- export const ColorInteractionContainerBrandedLowBackgroundHover = "#45190a";
8
- export const ColorInteractionContainerBrandedLowBorder = "#e75420";
9
- export const ColorInteractionContainerBrandedLowBorderActive = "#eb7247";
10
- export const ColorInteractionContainerBrandedLowBorderHover = "#eb7247";
11
- export const ColorInteractionContainerBrandedLowIcon = "#e75420";
12
- export const ColorInteractionContainerBrandedLowIconActive = "#eb7247";
13
- export const ColorInteractionContainerBrandedLowIconHover = "#eb7247";
14
- export const ColorInteractionContainerBrandedLowText = "#e75420";
15
- export const ColorInteractionContainerBrandedLowTextActive = "#eb7247";
16
- export const ColorInteractionContainerBrandedLowTextHover = "#eb7247";
5
+ export const ColorInteractionContainerNeutralBackground = "#ffffff";
6
+ export const ColorInteractionContainerNeutralBackgroundHover = "#1d1d1d";
7
+ export const ColorInteractionContainerNeutralBackgroundActive = "#45190a";
8
+ export const ColorInteractionContainerNeutralBorder = "#808080";
9
+ export const ColorInteractionContainerNeutralBorderActive = "#eb7247";
10
+ export const ColorInteractionContainerNeutralBorderHover = "#bfbfbf";
11
+ export const ColorInteractionContainerNeutralIcon = "#808080";
12
+ export const ColorInteractionContainerNeutralIconActive = "#eb7247";
13
+ export const ColorInteractionContainerNeutralIconHover = "#bfbfbf";
14
+ export const ColorInteractionContainerNeutralText = "#808080";
15
+ export const ColorInteractionContainerNeutralTextActive = "#eb7247";
16
+ export const ColorInteractionContainerNeutralTextHover = "#bfbfbf";
17
17
  export const ColorInteractionContainerBrandedHighBackground = "#e75420";
18
18
  export const ColorInteractionContainerBrandedHighBackgroundActive = "#eb7247";
19
19
  export const ColorInteractionContainerBrandedHighBackgroundHover = "#eb7247";
@@ -26,18 +26,18 @@ export const ColorInteractionContainerBrandedHighIconHover = "#000000";
26
26
  export const ColorInteractionContainerBrandedHighText = "#000000";
27
27
  export const ColorInteractionContainerBrandedHighTextActive = "#000000";
28
28
  export const ColorInteractionContainerBrandedHighTextHover = "#000000";
29
- export const ColorInteractionContainerNeutralBackground = "#ffffff";
30
- export const ColorInteractionContainerNeutralBackgroundHover = "#ffffff";
31
- export const ColorInteractionContainerNeutralBackgroundActive = "#45190a";
32
- export const ColorInteractionContainerNeutralBorder = "#808080";
33
- export const ColorInteractionContainerNeutralBorderActive = "#eb7247";
34
- export const ColorInteractionContainerNeutralBorderHover = "#bfbfbf";
35
- export const ColorInteractionContainerNeutralIcon = "#808080";
36
- export const ColorInteractionContainerNeutralIconActive = "#eb7247";
37
- export const ColorInteractionContainerNeutralIconHover = "#bfbfbf";
38
- export const ColorInteractionContainerNeutralText = "#808080";
39
- export const ColorInteractionContainerNeutralTextActive = "#eb7247";
40
- export const ColorInteractionContainerNeutralTextHover = "#bfbfbf";
29
+ export const ColorInteractionContainerBrandedLowBackground = "#0e0e0e";
30
+ export const ColorInteractionContainerBrandedLowBackgroundActive = "#45190a";
31
+ export const ColorInteractionContainerBrandedLowBackgroundHover = "#45190a";
32
+ export const ColorInteractionContainerBrandedLowBorder = "#e75420";
33
+ export const ColorInteractionContainerBrandedLowBorderActive = "#eb7247";
34
+ export const ColorInteractionContainerBrandedLowBorderHover = "#eb7247";
35
+ export const ColorInteractionContainerBrandedLowIcon = "#e75420";
36
+ export const ColorInteractionContainerBrandedLowIconActive = "#eb7247";
37
+ export const ColorInteractionContainerBrandedLowIconHover = "#eb7247";
38
+ export const ColorInteractionContainerBrandedLowText = "#e75420";
39
+ export const ColorInteractionContainerBrandedLowTextActive = "#eb7247";
40
+ export const ColorInteractionContainerBrandedLowTextHover = "#eb7247";
41
41
  export const ColorInteractionLinkHighIcon = "#e75420";
42
42
  export const ColorInteractionLinkHighIconHover = "#eb7247";
43
43
  export const ColorInteractionLinkHighIconInactive = "#808080";
@@ -266,7 +266,7 @@ export const ComponentsButtonLowerBorder2 = "#ffffff";
266
266
  export const ComponentsButtonLowerBorderHover2 = "#ffffff";
267
267
  export const ComponentsButtonLowerBackground = "#ffffff";
268
268
  export const ComponentsButtonLowerBackgroundActive = "#45190a";
269
- export const ComponentsButtonLowerBackgroundHover = "#ffffff";
269
+ export const ComponentsButtonLowerBackgroundHover = "#1d1d1d";
270
270
  export const ComponentsButtonLowerIcon = "#808080";
271
271
  export const ComponentsButtonLowerIconActive = "#eb7247";
272
272
  export const ComponentsButtonLowerIconHover = "#bfbfbf";
@@ -281,7 +281,7 @@ export const ComponentsButtonGrAsComplementaryText = "#ffffff";
281
281
  export const ComponentsButtonGrAsComplementaryTextHover = "#ffffff";
282
282
  export const ComponentsButtonGrAsComplementaryIcon = "#ffffff";
283
283
  export const ComponentsButtonGrAsComplementaryIconHover = "#ffffff";
284
- export const ComponentsButtonMediumBackground = "#ffffff";
284
+ export const ComponentsButtonMediumBackground = "#0e0e0e";
285
285
  export const ComponentsButtonMediumBackgroundActive = "#45190a";
286
286
  export const ComponentsButtonMediumBackgroundHover = "#45190a";
287
287
  export const ComponentsButtonMediumBorder = "#e75420";
@@ -293,6 +293,18 @@ export const ComponentsButtonMediumIconHover = "#eb7247";
293
293
  export const ComponentsButtonMediumText = "#e75420";
294
294
  export const ComponentsButtonMediumTextActive = "#eb7247";
295
295
  export const ComponentsButtonMediumTextHover = "#eb7247";
296
+ export const ComponentsDatagridHeaderText = "#ff0000";
297
+ export const ComponentsDatagridHeaderBorder = "#6d6d6d";
298
+ export const ComponentsDatagridHeaderBackground = "#ffffff";
299
+ export const ComponentsDatagridBodyText = "#ff0000";
300
+ export const ComponentsDatagridBodySubtext = "#0000ff";
301
+ export const ComponentsDatagridBodyBorder = "#484848";
302
+ export const ComponentsDatagridBodyBackgroundDefault = "#ffffff";
303
+ export const ComponentsDatagridBodyBackgroundActive = "#45190a";
304
+ export const ComponentsDatagridBodyBackgroundHover = "#1d1d1d";
305
+ export const ComponentsDatagridExpanderContentBackground = "#0e0e0e";
306
+ export const ComponentsDatagridExpanderBorder = "#484848";
307
+ export const ComponentsDatagridExpanderExpanderBackground = "#1d1d1d";
296
308
  export const ComponentsFormOpacityDefault = "100%";
297
309
  export const ComponentsFormOpacityDisabled = "50%";
298
310
  export const ComponentsFormTextRequired = "#ff6161";
@@ -357,7 +369,7 @@ export const ComponentsListDropdownItemDescriptionDefault = "#808080";
357
369
  export const ComponentsListDropdownItemDescriptionHover = "#bfbfbf";
358
370
  export const ComponentsListDropdownItemDescriptionDisabled = "#6d6d6d";
359
371
  export const ComponentsListDropdownItemBackgroundDefault = "#ffffff";
360
- export const ComponentsListDropdownItemBackgroundHover = "#ffffff";
372
+ export const ComponentsListDropdownItemBackgroundHover = "#1d1d1d";
361
373
  export const ComponentsListDropdownItemBackgroundDisabled = "#ffffff";
362
374
  export const ComponentsListDropdownItemBackgroundActive = "#45190a";
363
375
  export const ComponentsListDropdownGroupTitleContent = "#bfbfbf";
@@ -447,20 +459,19 @@ export const ComponentsAvatarContent7 = "#66b16a";
447
459
  export const ComponentsAvatarContent8 = "#71b2bc";
448
460
  export const ComponentsAvatarContent9 = "#8da930";
449
461
  export const ComponentsAvatarContent10 = "#a9a9a9";
450
- export const ComponentsBreadcrumbText = "#808080";
451
- export const ComponentsBreadcrumbTextActive = "#bfbfbf";
462
+ export const ComponentsBreadcrumbText = "#f6f6f6";
463
+ export const ComponentsBreadcrumbTextActive = "#f6f6f6";
452
464
  export const ComponentsBreadcrumbTextHover = "#eb7247";
453
- export const ComponentsDatagridHeaderBorder = "#6d6d6d";
454
- export const ComponentsDatagridHeaderText = "#808080";
455
- export const ComponentsDatagridHeaderBackground = "#ffffff";
456
- export const ComponentsDatagridBodyBorder = "#484848";
457
- export const ComponentsDatagridBodyText = "#f6f6f6";
458
- export const ComponentsDatagridBodySubtext = "#808080";
459
- export const ComponentsDatagridBodyBackgroundDefault = "#ffffff";
460
- export const ComponentsDatagridBodyBackgroundActive = "#45190a";
461
- export const ComponentsDatagridBodyBackgroundHover = "#ffffff";
465
+ export const ComponentsButtongroupHighBorder = "#e75420";
466
+ export const ComponentsButtongroupHighBackground = "#e75420";
467
+ export const ComponentsButtongroupMediumBorder = "#e75420";
468
+ export const ComponentsButtongroupMediumBackground = "#0e0e0e";
469
+ export const ComponentsButtongroupLowBorder = "#e75420";
470
+ export const ComponentsButtongroupLowBackground = "#0e0e0e";
471
+ export const ComponentsButtongroupLowerBorder = "#808080";
472
+ export const ComponentsButtongroupLowerBackground = "#0e0e0e";
462
473
  export const ComponentsFieldTimeBackgroundDefault = "#ffffff";
463
- export const ComponentsFieldTimeBackgroundHover = "#ffffff";
474
+ export const ComponentsFieldTimeBackgroundHover = "#1d1d1d";
464
475
  export const ComponentsFieldTimeBackgroundActive = "#45190a";
465
476
  export const ComponentsFieldTimeTextDefault = "#808080";
466
477
  export const ComponentsFieldTimeTextHover = "#bfbfbf";
@@ -472,11 +483,11 @@ export const ComponentsCalendarWeeksBackground = "#1d1d1d";
472
483
  export const ComponentsCalendarWeeksBackgroundHover = "#252525";
473
484
  export const ComponentsCalendarWeeksText = "#f6f6f6";
474
485
  export const ComponentsCalendarWeeksTextHover = "#f6f6f6";
475
- export const ComponentsCalendarCellBackground = "#ffffff";
486
+ export const ComponentsCalendarCellBackground = "#0e0e0e";
476
487
  export const ComponentsCalendarCellBackgroundSelected = "#eb7247";
477
488
  export const ComponentsCalendarCellBackgroundInRange = "#45190a";
478
489
  export const ComponentsCalendarCellBackgroundHover = "#45190a";
479
- export const ComponentsCalendarCellBackgroundToday = "#ffffff";
490
+ export const ComponentsCalendarCellBackgroundToday = "#0e0e0e";
480
491
  export const ComponentsCalendarCellDot = "#f6f6f6";
481
492
  export const ComponentsCalendarCellDotSelected = "#000000";
482
493
  export const ComponentsCalendarCellDotHover = "#000000";
@@ -490,7 +501,7 @@ export const ComponentsCalendarBackground = "#0e0e0e";
490
501
  export const ComponentsMenuContextualBackground = "#0e0e0e";
491
502
  export const ComponentsMenuContextualBorder = "#484848";
492
503
  export const ComponentsMenuContextualItemBackground = "#ffffff";
493
- export const ComponentsMenuContextualItemBackgroundHover = "#ffffff";
504
+ export const ComponentsMenuContextualItemBackgroundHover = "#1d1d1d";
494
505
  export const ComponentsMenuContextualItemShortcut = "#6d6d6d";
495
506
  export const ComponentsMenuContextualItemContent = "#808080";
496
507
  export const ComponentsMenuContextualItemContentDisabled = "#6d6d6d";
@@ -539,3 +550,7 @@ export const ComponentsTooltipBackground = "#f6f6f6";
539
550
  export const ComponentsTooltipBorder = "#f6f6f6";
540
551
  export const ComponentsTooltipText = "#1d1d1d";
541
552
  export const ComponentsTooltipSupportingText = "#414141";
553
+ export const ComponentsTogglegroupHighBorder = "#e75420";
554
+ export const ComponentsTogglegroupHighBackground = "#0e0e0e";
555
+ export const ComponentsTogglegroupLowBorder = "#808080";
556
+ export const ComponentsTogglegroupLowBackground = "#0e0e0e";
package/dist/js/spark_light.d.ts CHANGED
@@ -2,30 +2,6 @@
2
2
  * Do not edit directly, this file was auto-generated.
3
3
  */
4
4
 
5
- export const ColorInteractionContainerBrandedLowBackground : string;
6
- export const ColorInteractionContainerBrandedLowBackgroundActive : string;
7
- export const ColorInteractionContainerBrandedLowBackgroundHover : string;
8
- export const ColorInteractionContainerBrandedLowBorder : string;
9
- export const ColorInteractionContainerBrandedLowBorderActive : string;
10
- export const ColorInteractionContainerBrandedLowBorderHover : string;
11
- export const ColorInteractionContainerBrandedLowIcon : string;
12
- export const ColorInteractionContainerBrandedLowIconActive : string;
13
- export const ColorInteractionContainerBrandedLowIconHover : string;
14
- export const ColorInteractionContainerBrandedLowText : string;
15
- export const ColorInteractionContainerBrandedLowTextActive : string;
16
- export const ColorInteractionContainerBrandedLowTextHover : string;
17
- export const ColorInteractionContainerBrandedHighBackground : string;
18
- export const ColorInteractionContainerBrandedHighBackgroundActive : string;
19
- export const ColorInteractionContainerBrandedHighBackgroundHover : string;
20
- export const ColorInteractionContainerBrandedHighBorder : string;
21
- export const ColorInteractionContainerBrandedHighBorderActive : string;
22
- export const ColorInteractionContainerBrandedHighBorderHover : string;
23
- export const ColorInteractionContainerBrandedHighIcon : string;
24
- export const ColorInteractionContainerBrandedHighIconActive : string;
25
- export const ColorInteractionContainerBrandedHighIconHover : string;
26
- export const ColorInteractionContainerBrandedHighText : string;
27
- export const ColorInteractionContainerBrandedHighTextActive : string;
28
- export const ColorInteractionContainerBrandedHighTextHover : string;
29
5
  export const ColorInteractionContainerNeutralBackground : string;
30
6
  export const ColorInteractionContainerNeutralBackgroundHover : string;
31
7
  export const ColorInteractionContainerNeutralBackgroundActive : string;
@@ -38,6 +14,30 @@ export const ColorInteractionContainerNeutralIconHover : string;
38
14
  export const ColorInteractionContainerNeutralText : string;
39
15
  export const ColorInteractionContainerNeutralTextActive : string;
40
16
  export const ColorInteractionContainerNeutralTextHover : string;
17
+ export const ColorInteractionContainerBrandedHighBackground : string;
18
+ export const ColorInteractionContainerBrandedHighBackgroundActive : string;
19
+ export const ColorInteractionContainerBrandedHighBackgroundHover : string;
20
+ export const ColorInteractionContainerBrandedHighBorder : string;
21
+ export const ColorInteractionContainerBrandedHighBorderActive : string;
22
+ export const ColorInteractionContainerBrandedHighBorderHover : string;
23
+ export const ColorInteractionContainerBrandedHighIcon : string;
24
+ export const ColorInteractionContainerBrandedHighIconActive : string;
25
+ export const ColorInteractionContainerBrandedHighIconHover : string;
26
+ export const ColorInteractionContainerBrandedHighText : string;
27
+ export const ColorInteractionContainerBrandedHighTextActive : string;
28
+ export const ColorInteractionContainerBrandedHighTextHover : string;
29
+ export const ColorInteractionContainerBrandedLowBackground : string;
30
+ export const ColorInteractionContainerBrandedLowBackgroundActive : string;
31
+ export const ColorInteractionContainerBrandedLowBackgroundHover : string;
32
+ export const ColorInteractionContainerBrandedLowBorder : string;
33
+ export const ColorInteractionContainerBrandedLowBorderActive : string;
34
+ export const ColorInteractionContainerBrandedLowBorderHover : string;
35
+ export const ColorInteractionContainerBrandedLowIcon : string;
36
+ export const ColorInteractionContainerBrandedLowIconActive : string;
37
+ export const ColorInteractionContainerBrandedLowIconHover : string;
38
+ export const ColorInteractionContainerBrandedLowText : string;
39
+ export const ColorInteractionContainerBrandedLowTextActive : string;
40
+ export const ColorInteractionContainerBrandedLowTextHover : string;
41
41
  export const ColorInteractionLinkHighIcon : string;
42
42
  export const ColorInteractionLinkHighIconHover : string;
43
43
  export const ColorInteractionLinkHighIconInactive : string;
@@ -293,6 +293,18 @@ export const ComponentsButtonMediumIconHover : string;
293
293
  export const ComponentsButtonMediumText : string;
294
294
  export const ComponentsButtonMediumTextActive : string;
295
295
  export const ComponentsButtonMediumTextHover : string;
296
+ export const ComponentsDatagridHeaderText : string;
297
+ export const ComponentsDatagridHeaderBorder : string;
298
+ export const ComponentsDatagridHeaderBackground : string;
299
+ export const ComponentsDatagridBodyText : string;
300
+ export const ComponentsDatagridBodySubtext : string;
301
+ export const ComponentsDatagridBodyBorder : string;
302
+ export const ComponentsDatagridBodyBackgroundDefault : string;
303
+ export const ComponentsDatagridBodyBackgroundActive : string;
304
+ export const ComponentsDatagridBodyBackgroundHover : string;
305
+ export const ComponentsDatagridExpanderContentBackground : string;
306
+ export const ComponentsDatagridExpanderBorder : string;
307
+ export const ComponentsDatagridExpanderExpanderBackground : string;
296
308
  export const ComponentsFormOpacityDefault : string;
297
309
  export const ComponentsFormOpacityDisabled : string;
298
310
  export const ComponentsFormTextRequired : string;
@@ -450,15 +462,14 @@ export const ComponentsAvatarContent10 : string;
450
462
  export const ComponentsBreadcrumbText : string;
451
463
  export const ComponentsBreadcrumbTextActive : string;
452
464
  export const ComponentsBreadcrumbTextHover : string;
453
- export const ComponentsDatagridHeaderBorder : string;
454
- export const ComponentsDatagridHeaderText : string;
455
- export const ComponentsDatagridHeaderBackground : string;
456
- export const ComponentsDatagridBodyBorder : string;
457
- export const ComponentsDatagridBodyText : string;
458
- export const ComponentsDatagridBodySubtext : string;
459
- export const ComponentsDatagridBodyBackgroundDefault : string;
460
- export const ComponentsDatagridBodyBackgroundActive : string;
461
- export const ComponentsDatagridBodyBackgroundHover : string;
465
+ export const ComponentsButtongroupHighBorder : string;
466
+ export const ComponentsButtongroupHighBackground : string;
467
+ export const ComponentsButtongroupMediumBorder : string;
468
+ export const ComponentsButtongroupMediumBackground : string;
469
+ export const ComponentsButtongroupLowBorder : string;
470
+ export const ComponentsButtongroupLowBackground : string;
471
+ export const ComponentsButtongroupLowerBorder : string;
472
+ export const ComponentsButtongroupLowerBackground : string;
462
473
  export const ComponentsFieldTimeBackgroundDefault : string;
463
474
  export const ComponentsFieldTimeBackgroundHover : string;
464
475
  export const ComponentsFieldTimeBackgroundActive : string;
@@ -539,3 +550,7 @@ export const ComponentsTooltipBackground : string;
539
550
  export const ComponentsTooltipBorder : string;
540
551
  export const ComponentsTooltipText : string;
541
552
  export const ComponentsTooltipSupportingText : string;
553
+ export const ComponentsTogglegroupHighBorder : string;
554
+ export const ComponentsTogglegroupHighBackground : string;
555
+ export const ComponentsTogglegroupLowBorder : string;
556
+ export const ComponentsTogglegroupLowBackground : string;
package/dist/js/spark_light.js CHANGED
@@ -2,18 +2,18 @@
2
2
  * Do not edit directly, this file was auto-generated.
3
3
  */
4
4
 
5
- export const ColorInteractionContainerBrandedLowBackground = "#ffffff";
6
- export const ColorInteractionContainerBrandedLowBackgroundActive = "#fceae3";
7
- export const ColorInteractionContainerBrandedLowBackgroundHover = "#fceae3";
8
- export const ColorInteractionContainerBrandedLowBorder = "#e75420";
9
- export const ColorInteractionContainerBrandedLowBorderActive = "#bf451a";
10
- export const ColorInteractionContainerBrandedLowBorderHover = "#bf451a";
11
- export const ColorInteractionContainerBrandedLowIcon = "#e75420";
12
- export const ColorInteractionContainerBrandedLowIconActive = "#bf451a";
13
- export const ColorInteractionContainerBrandedLowIconHover = "#bf451a";
14
- export const ColorInteractionContainerBrandedLowText = "#e75420";
15
- export const ColorInteractionContainerBrandedLowTextActive = "#bf451a";
16
- export const ColorInteractionContainerBrandedLowTextHover = "#bf451a";
5
+ export const ColorInteractionContainerNeutralBackground = "#ffffff";
6
+ export const ColorInteractionContainerNeutralBackgroundHover = "#f6f6f6";
7
+ export const ColorInteractionContainerNeutralBackgroundActive = "#fceae3";
8
+ export const ColorInteractionContainerNeutralBorder = "#6d6d6d";
9
+ export const ColorInteractionContainerNeutralBorderActive = "#bf451a";
10
+ export const ColorInteractionContainerNeutralBorderHover = "#414141";
11
+ export const ColorInteractionContainerNeutralIcon = "#6d6d6d";
12
+ export const ColorInteractionContainerNeutralIconActive = "#bf451a";
13
+ export const ColorInteractionContainerNeutralIconHover = "#414141";
14
+ export const ColorInteractionContainerNeutralText = "#6d6d6d";
15
+ export const ColorInteractionContainerNeutralTextActive = "#bf451a";
16
+ export const ColorInteractionContainerNeutralTextHover = "#414141";
17
17
  export const ColorInteractionContainerBrandedHighBackground = "#e75420";
18
18
  export const ColorInteractionContainerBrandedHighBackgroundActive = "#bf451a";
19
19
  export const ColorInteractionContainerBrandedHighBackgroundHover = "#bf451a";
@@ -26,18 +26,18 @@ export const ColorInteractionContainerBrandedHighIconHover = "#ffffff";
26
26
  export const ColorInteractionContainerBrandedHighText = "#ffffff";
27
27
  export const ColorInteractionContainerBrandedHighTextActive = "#ffffff";
28
28
  export const ColorInteractionContainerBrandedHighTextHover = "#ffffff";
29
- export const ColorInteractionContainerNeutralBackground = "#ffffff";
30
- export const ColorInteractionContainerNeutralBackgroundHover = "#a5a5a5";
31
- export const ColorInteractionContainerNeutralBackgroundActive = "#fceae3";
32
- export const ColorInteractionContainerNeutralBorder = "#6d6d6d";
33
- export const ColorInteractionContainerNeutralBorderActive = "#bf451a";
34
- export const ColorInteractionContainerNeutralBorderHover = "#414141";
35
- export const ColorInteractionContainerNeutralIcon = "#6d6d6d";
36
- export const ColorInteractionContainerNeutralIconActive = "#bf451a";
37
- export const ColorInteractionContainerNeutralIconHover = "#414141";
38
- export const ColorInteractionContainerNeutralText = "#6d6d6d";
39
- export const ColorInteractionContainerNeutralTextActive = "#bf451a";
40
- export const ColorInteractionContainerNeutralTextHover = "#414141";
29
+ export const ColorInteractionContainerBrandedLowBackground = "#ffffff";
30
+ export const ColorInteractionContainerBrandedLowBackgroundActive = "#fceae3";
31
+ export const ColorInteractionContainerBrandedLowBackgroundHover = "#fceae3";
32
+ export const ColorInteractionContainerBrandedLowBorder = "#e75420";
33
+ export const ColorInteractionContainerBrandedLowBorderActive = "#bf451a";
34
+ export const ColorInteractionContainerBrandedLowBorderHover = "#bf451a";
35
+ export const ColorInteractionContainerBrandedLowIcon = "#e75420";
36
+ export const ColorInteractionContainerBrandedLowIconActive = "#bf451a";
37
+ export const ColorInteractionContainerBrandedLowIconHover = "#bf451a";
38
+ export const ColorInteractionContainerBrandedLowText = "#e75420";
39
+ export const ColorInteractionContainerBrandedLowTextActive = "#bf451a";
40
+ export const ColorInteractionContainerBrandedLowTextHover = "#bf451a";
41
41
  export const ColorInteractionLinkHighIcon = "#bf451a";
42
42
  export const ColorInteractionLinkHighIconHover = "#963715";
43
43
  export const ColorInteractionLinkHighIconInactive = "#6d6d6d";
@@ -266,7 +266,7 @@ export const ComponentsButtonLowerBorder2 = "#ffffff";
266
266
  export const ComponentsButtonLowerBorderHover2 = "#ffffff";
267
267
  export const ComponentsButtonLowerBackground = "#ffffff";
268
268
  export const ComponentsButtonLowerBackgroundActive = "#fceae3";
269
- export const ComponentsButtonLowerBackgroundHover = "#a5a5a5";
269
+ export const ComponentsButtonLowerBackgroundHover = "#f6f6f6";
270
270
  export const ComponentsButtonLowerIcon = "#6d6d6d";
271
271
  export const ComponentsButtonLowerIconActive = "#bf451a";
272
272
  export const ComponentsButtonLowerIconHover = "#414141";
@@ -293,6 +293,18 @@ export const ComponentsButtonMediumIconHover = "#bf451a";
293
293
  export const ComponentsButtonMediumText = "#e75420";
294
294
  export const ComponentsButtonMediumTextActive = "#bf451a";
295
295
  export const ComponentsButtonMediumTextHover = "#bf451a";
296
+ export const ComponentsDatagridHeaderText = "#ff0000";
297
+ export const ComponentsDatagridHeaderBorder = "#bfbfbf";
298
+ export const ComponentsDatagridHeaderBackground = "#ffffff";
299
+ export const ComponentsDatagridBodyText = "#ff0000";
300
+ export const ComponentsDatagridBodySubtext = "#0000ff";
301
+ export const ComponentsDatagridBodyBorder = "#e3e3e3";
302
+ export const ComponentsDatagridBodyBackgroundDefault = "#ffffff";
303
+ export const ComponentsDatagridBodyBackgroundActive = "#fceae3";
304
+ export const ComponentsDatagridBodyBackgroundHover = "#f6f6f6";
305
+ export const ComponentsDatagridExpanderContentBackground = "#ffffff";
306
+ export const ComponentsDatagridExpanderBorder = "#e3e3e3";
307
+ export const ComponentsDatagridExpanderExpanderBackground = "#f6f6f6";
296
308
  export const ComponentsFormOpacityDefault = "100%";
297
309
  export const ComponentsFormOpacityDisabled = "50%";
298
310
  export const ComponentsFormTextRequired = "#bb1919";
@@ -357,7 +369,7 @@ export const ComponentsListDropdownItemDescriptionDefault = "#6d6d6d";
357
369
  export const ComponentsListDropdownItemDescriptionHover = "#6d6d6d";
358
370
  export const ComponentsListDropdownItemDescriptionDisabled = "#6d6d6d";
359
371
  export const ComponentsListDropdownItemBackgroundDefault = "#ffffff";
360
- export const ComponentsListDropdownItemBackgroundHover = "#a5a5a5";
372
+ export const ComponentsListDropdownItemBackgroundHover = "#f6f6f6";
361
373
  export const ComponentsListDropdownItemBackgroundDisabled = "#ffffff";
362
374
  export const ComponentsListDropdownItemBackgroundActive = "#fceae3";
363
375
  export const ComponentsListDropdownGroupTitleContent = "#414141";
@@ -447,20 +459,19 @@ export const ComponentsAvatarContent7 = "#106f15";
447
459
  export const ComponentsAvatarContent8 = "#1f717d";
448
460
  export const ComponentsAvatarContent9 = "#5c6e1f";
449
461
  export const ComponentsAvatarContent10 = "#484848";
450
- export const ComponentsBreadcrumbText = "#6d6d6d";
451
- export const ComponentsBreadcrumbTextActive = "#414141";
462
+ export const ComponentsBreadcrumbText = "#1d1d1d";
463
+ export const ComponentsBreadcrumbTextActive = "#1d1d1d";
452
464
  export const ComponentsBreadcrumbTextHover = "#963715";
453
- export const ComponentsDatagridHeaderBorder = "#bfbfbf";
454
- export const ComponentsDatagridHeaderText = "#6d6d6d";
455
- export const ComponentsDatagridHeaderBackground = "#ffffff";
456
- export const ComponentsDatagridBodyBorder = "#e3e3e3";
457
- export const ComponentsDatagridBodyText = "#1d1d1d";
458
- export const ComponentsDatagridBodySubtext = "#6d6d6d";
459
- export const ComponentsDatagridBodyBackgroundDefault = "#ffffff";
460
- export const ComponentsDatagridBodyBackgroundActive = "#fceae3";
461
- export const ComponentsDatagridBodyBackgroundHover = "#a5a5a5";
465
+ export const ComponentsButtongroupHighBorder = "#e75420";
466
+ export const ComponentsButtongroupHighBackground = "#e75420";
467
+ export const ComponentsButtongroupMediumBorder = "#e75420";
468
+ export const ComponentsButtongroupMediumBackground = "#ffffff";
469
+ export const ComponentsButtongroupLowBorder = "#e75420";
470
+ export const ComponentsButtongroupLowBackground = "#ffffff";
471
+ export const ComponentsButtongroupLowerBorder = "#6d6d6d";
472
+ export const ComponentsButtongroupLowerBackground = "#ffffff";
462
473
  export const ComponentsFieldTimeBackgroundDefault = "#ffffff";
463
- export const ComponentsFieldTimeBackgroundHover = "#a5a5a5";
474
+ export const ComponentsFieldTimeBackgroundHover = "#f6f6f6";
464
475
  export const ComponentsFieldTimeBackgroundActive = "#fceae3";
465
476
  export const ComponentsFieldTimeTextDefault = "#6d6d6d";
466
477
  export const ComponentsFieldTimeTextHover = "#414141";
@@ -490,7 +501,7 @@ export const ComponentsCalendarBackground = "#ffffff";
490
501
  export const ComponentsMenuContextualBackground = "#ffffff";
491
502
  export const ComponentsMenuContextualBorder = "#e3e3e3";
492
503
  export const ComponentsMenuContextualItemBackground = "#ffffff";
493
- export const ComponentsMenuContextualItemBackgroundHover = "#a5a5a5";
504
+ export const ComponentsMenuContextualItemBackgroundHover = "#f6f6f6";
494
505
  export const ComponentsMenuContextualItemShortcut = "#a9a9a9";
495
506
  export const ComponentsMenuContextualItemContent = "#6d6d6d";
496
507
  export const ComponentsMenuContextualItemContentDisabled = "#a9a9a9";
@@ -539,3 +550,7 @@ export const ComponentsTooltipBackground = "#0e0e0e";
539
550
  export const ComponentsTooltipBorder = "#0e0e0e";
540
551
  export const ComponentsTooltipText = "#f6f6f6";
541
552
  export const ComponentsTooltipSupportingText = "#919191";
553
+ export const ComponentsTogglegroupHighBorder = "#e75420";
554
+ export const ComponentsTogglegroupHighBackground = "#ffffff";
555
+ export const ComponentsTogglegroupLowBorder = "#6d6d6d";
556
+ export const ComponentsTogglegroupLowBackground = "#ffffff";
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@nova-design-system/nova-base",
3
- "version": "3.9.1",
3
+ "version": "3.10.1-beta.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",