@nova-design-system/nova-base 3.0.0-beta.36 → 3.0.0-beta.38

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 (31) hide show
  1. package/assets/icons/icon-sprite.svg +1 -1
  2. package/dist/cjs/generated/nova-tailwind-components.js +128 -17
  3. package/dist/cjs/plugin/nova-plugin.js +4 -0
  4. package/dist/cjs/plugin/nova-theme.js +1 -0
  5. package/dist/css/mccs.css +155 -120
  6. package/dist/css/nova-utils.css +153 -100
  7. package/dist/css/ocean.css +179 -138
  8. package/dist/css/spark.css +181 -140
  9. package/dist/generated/nova-tailwind-components.d.ts +112 -1
  10. package/dist/generated/nova-tailwind-components.js +128 -17
  11. package/dist/js/mccs_dark.d.ts +37 -20
  12. package/dist/js/mccs_dark.js +41 -24
  13. package/dist/js/mccs_light.d.ts +37 -20
  14. package/dist/js/mccs_light.js +40 -23
  15. package/dist/js/ocean_dark.d.ts +49 -32
  16. package/dist/js/ocean_dark.js +53 -36
  17. package/dist/js/ocean_light.d.ts +49 -32
  18. package/dist/js/ocean_light.js +52 -35
  19. package/dist/js/primitives.d.ts +0 -6
  20. package/dist/js/primitives.js +0 -6
  21. package/dist/js/spacings.d.ts +75 -62
  22. package/dist/js/spacings.js +77 -64
  23. package/dist/js/spark_dark.d.ts +49 -32
  24. package/dist/js/spark_dark.js +53 -36
  25. package/dist/js/spark_light.d.ts +49 -32
  26. package/dist/js/spark_light.js +54 -37
  27. package/dist/plugin/nova-plugin.d.ts +1 -0
  28. package/dist/plugin/nova-plugin.js +4 -0
  29. package/dist/plugin/nova-theme.d.ts +1 -0
  30. package/dist/plugin/nova-theme.js +1 -0
  31. package/package.json +7 -2
package/dist/js/ocean_dark.js CHANGED
@@ -2,18 +2,6 @@
2
2
  * Do not edit directly, this file was auto-generated.
3
3
  */
4
4
 
5
- export const ColorInteractionContainerBrandedHighBorder = "#ffffff";
6
- export const ColorInteractionContainerBrandedHighBorderActive = "#ffffff";
7
- export const ColorInteractionContainerBrandedHighBorderHover = "#ffffff";
8
- export const ColorInteractionContainerBrandedHighBackground = "#258998";
9
- export const ColorInteractionContainerBrandedHighBackgroundActive = "#4b9eaa";
10
- export const ColorInteractionContainerBrandedHighBackgroundHover = "#4b9eaa";
11
- export const ColorInteractionContainerBrandedHighIcon = "#000000";
12
- export const ColorInteractionContainerBrandedHighIconActive = "#000000";
13
- export const ColorInteractionContainerBrandedHighIconHover = "#000000";
14
- export const ColorInteractionContainerBrandedHighText = "#000000";
15
- export const ColorInteractionContainerBrandedHighTextActive = "#000000";
16
- export const ColorInteractionContainerBrandedHighTextHover = "#000000";
17
5
  export const ColorInteractionContainerBrandedLowBackground = "#ffffff";
18
6
  export const ColorInteractionContainerBrandedLowBackgroundActive = "#0b292e";
19
7
  export const ColorInteractionContainerBrandedLowBackgroundHover = "#0b292e";
@@ -26,6 +14,18 @@ export const ColorInteractionContainerBrandedLowIconHover = "#4b9eaa";
26
14
  export const ColorInteractionContainerBrandedLowText = "#258998";
27
15
  export const ColorInteractionContainerBrandedLowTextActive = "#4b9eaa";
28
16
  export const ColorInteractionContainerBrandedLowTextHover = "#4b9eaa";
17
+ export const ColorInteractionContainerBrandedHighBackground = "#258998";
18
+ export const ColorInteractionContainerBrandedHighBackgroundActive = "#4b9eaa";
19
+ export const ColorInteractionContainerBrandedHighBackgroundHover = "#4b9eaa";
20
+ export const ColorInteractionContainerBrandedHighBorder = "#258998";
21
+ export const ColorInteractionContainerBrandedHighBorderActive = "#4b9eaa";
22
+ export const ColorInteractionContainerBrandedHighBorderHover = "#4b9eaa";
23
+ export const ColorInteractionContainerBrandedHighIcon = "#000000";
24
+ export const ColorInteractionContainerBrandedHighIconActive = "#000000";
25
+ export const ColorInteractionContainerBrandedHighIconHover = "#000000";
26
+ export const ColorInteractionContainerBrandedHighText = "#000000";
27
+ export const ColorInteractionContainerBrandedHighTextActive = "#000000";
28
+ export const ColorInteractionContainerBrandedHighTextHover = "#000000";
29
29
  export const ColorInteractionContainerNeutralBackground = "#ffffff";
30
30
  export const ColorInteractionContainerNeutralBackgroundHover = "#ffffff";
31
31
  export const ColorInteractionContainerNeutralBackgroundActive = "#0b292e";
@@ -50,6 +50,8 @@ export const ColorInteractionLinkInvertedTextHover = "#258998";
50
50
  export const ColorInteractionLinkInvertedIcon = "#27353b";
51
51
  export const ColorInteractionLinkInvertedIconHover = "#258998";
52
52
  export const ColorBlack = "#000000";
53
+ export const ColorWhite = "#ffffff";
54
+ export const ColorTransparent = "#ffffff";
53
55
  export const ColorLevel10Background = "#171f22";
54
56
  export const ColorLevel15Background = "#171f22";
55
57
  export const ColorLevel20Background = "#222e33";
@@ -73,7 +75,7 @@ export const ColorContentMediumIcon = "#bac1c4";
73
75
  export const ColorContentLowBorder = "#394d55";
74
76
  export const ColorContentLowText = "#889499";
75
77
  export const ColorContentLowIcon = "#889499";
76
- export const ColorContentLowerText = "#3f555e";
78
+ export const ColorContentLowerText = "#617177";
77
79
  export const ColorContentInvertedHighText = "#0b0f11";
78
80
  export const ColorContentInvertedHighIcon = "#0b0f11";
79
81
  export const ColorContentInvertedMediumText = "#27353b";
@@ -186,6 +188,8 @@ export const ColorRainbow10Text = "#9fadb2";
186
188
  export const ColorDontUseBorder = "#1e272b";
187
189
  export const ColorDontUseContent = "#1e272b";
188
190
  export const ColorDontUseBackground = "#0b0f11";
191
+ export const OpacityDisabled = "50%";
192
+ export const OpacityDisabled2 = "0%";
189
193
  export const ShadowColorOpacity0 = "#0b0f11";
190
194
  export const ShadowColorOpacity1 = "#0b0f11";
191
195
  export const ShadowColorOpacity2 = "#0b0f11";
@@ -212,7 +216,6 @@ export const ShadowYAxisLg2 = "10px";
212
216
  export const ShadowYAxisXl1 = "10px";
213
217
  export const ShadowYAxisXl2 = "20px";
214
218
  export const ShadowYAxis2xl = "25px";
215
- export const ComponentsWpfComponents2 = "#ffffff";
216
219
  export const ComponentsButtonHighBorder = "#ffffff";
217
220
  export const ComponentsButtonHighBorderHover = "#ffffff";
218
221
  export const ComponentsButtonHighBorderActive = "#ffffff";
@@ -271,8 +274,8 @@ export const ComponentsButtonGrAsComplementaryText = "#ffffff";
271
274
  export const ComponentsButtonGrAsComplementaryTextHover = "#ffffff";
272
275
  export const ComponentsButtonGrAsComplementaryIcon = "#ffffff";
273
276
  export const ComponentsButtonGrAsComplementaryIconHover = "#ffffff";
274
- export const ComponentsFormOpacityDefault = "100px";
275
- export const ComponentsFormOpacityDisabled = "50px";
277
+ export const ComponentsFormOpacityDefault = "100%";
278
+ export const ComponentsFormOpacityDisabled = "50%";
276
279
  export const ComponentsFormTextRequired = "#ff3d3d";
277
280
  export const ComponentsFormTextInfoIcon = "#bac1c4";
278
281
  export const ComponentsFormTextLabelDefault = "#f5f6f7";
@@ -324,17 +327,21 @@ export const ComponentsListNativeItemBackgroundDefault = "#ffffff";
324
327
  export const ComponentsListNativeItemBackgroundHover = "#4e7fdf";
325
328
  export const ComponentsListNativeItemBackgroundDisabled = "#ffffff";
326
329
  export const ComponentsListNativeItemBackgroundTitle = "#ffffff";
327
- export const ComponentsListCustomBackground = "#0b0f11";
328
- export const ComponentsListCustomItemContentDefault = "#889499";
329
- export const ComponentsListCustomItemContentHover = "#bac1c4";
330
- export const ComponentsListCustomItemContentDisabled = "#889499";
331
- export const ComponentsListCustomItemBackgroundDefault = "#ffffff";
332
- export const ComponentsListCustomItemBackgroundHover = "#ffffff";
333
- export const ComponentsListCustomItemBackgroundDisabled = "#ffffff";
334
- export const ComponentsListCustomItemBackgroundTitle = "#ffffff";
335
- export const ComponentsListCustomItemTitleContent = "#889499";
336
- export const ComponentsListCustomSeparator = "#394d55";
337
- export const ComponentsListCustomBorder = "#394d55";
330
+ export const ComponentsListDropdownBackground = "#0b0f11";
331
+ export const ComponentsListDropdownHeaderBackground = "#171f22";
332
+ export const ComponentsListDropdownItemLabelDefault = "#bac1c4";
333
+ export const ComponentsListDropdownItemLabelHover = "#f5f6f7";
334
+ export const ComponentsListDropdownItemLabelDisabled = "#889499";
335
+ export const ComponentsListDropdownItemDescriptionDefault = "#889499";
336
+ export const ComponentsListDropdownItemDescriptionHover = "#bac1c4";
337
+ export const ComponentsListDropdownItemDescriptionDisabled = "#617177";
338
+ export const ComponentsListDropdownItemBackgroundDefault = "#ffffff";
339
+ export const ComponentsListDropdownItemBackgroundHover = "#ffffff";
340
+ export const ComponentsListDropdownItemBackgroundDisabled = "#ffffff";
341
+ export const ComponentsListDropdownItemBackgroundTitle = "#ffffff";
342
+ export const ComponentsListDropdownItemTitleContent = "#bac1c4";
343
+ export const ComponentsListDropdownSeparator = "#394d55";
344
+ export const ComponentsListDropdownBorder = "#394d55";
338
345
  export const ComponentsLoaderWhiteBackground = "#ffffff";
339
346
  export const ComponentsLoaderWhiteForeground = "#ffffff";
340
347
  export const ComponentsLoaderBrandBackground = "#0b292e";
@@ -369,7 +376,7 @@ export const ComponentsButtonDestructiveLowerIcon = "#1e272b";
369
376
  export const ComponentsButtonDestructiveLowerIconHover = "#1e272b";
370
377
  export const ComponentsButtonDestructiveLowerBorder = "#1e272b";
371
378
  export const ComponentsButtonDestructiveLowerBorderHover = "#1e272b";
372
- export const ComponentsOverlayOpacity = "75px";
379
+ export const ComponentsOverlayOpacity = "75%";
373
380
  export const ComponentsOverlayBackground = "#27353b";
374
381
  export const ComponentsAlertInformationBackground = "#001c37";
375
382
  export const ComponentsAlertInformationIcon = "#659fff";
@@ -418,6 +425,16 @@ export const ComponentsAvatarContent7 = "#66b16a";
418
425
  export const ComponentsAvatarContent8 = "#71b2bc";
419
426
  export const ComponentsAvatarContent9 = "#8da930";
420
427
  export const ComponentsAvatarContent10 = "#9fadb2";
428
+ export const ComponentsFieldTimeBackgroundDefault = "#ffffff";
429
+ export const ComponentsFieldTimeBackgroundHover = "#ffffff";
430
+ export const ComponentsFieldTimeBackgroundActive = "#0b292e";
431
+ export const ComponentsFieldTimeTextDefault = "#889499";
432
+ export const ComponentsFieldTimeTextHover = "#bac1c4";
433
+ export const ComponentsFieldTimeTextActive = "#4b9eaa";
434
+ export const ComponentsFieldTimeBorderActive = "#4b9eaa";
435
+ export const ComponentsBreadcrumbText = "#889499";
436
+ export const ComponentsBreadcrumbTextActive = "#bac1c4";
437
+ export const ComponentsBreadcrumbTextHover = "#258998";
421
438
  export const ComponentsNotificationInformationBackground = "#222e33";
422
439
  export const ComponentsNotificationInformationIcon = "#659fff";
423
440
  export const ComponentsNotificationInformationBorder = "#659fff";
@@ -435,6 +452,14 @@ export const ComponentsNotificationSuccessIcon = "#6bde71";
435
452
  export const ComponentsNotificationNeutralBackground = "#222e33";
436
453
  export const ComponentsNotificationNeutralBorder = "#889499";
437
454
  export const ComponentsNotificationNeutralIcon = "#889499";
455
+ export const ComponentsMenuContextualBackground = "#0b0f11";
456
+ export const ComponentsMenuContextualBorder = "#394d55";
457
+ export const ComponentsMenuContextualItemBackground = "#ffffff";
458
+ export const ComponentsMenuContextualItemBackgroundHover = "#ffffff";
459
+ export const ComponentsMenuContextualItemShortcut = "#617177";
460
+ export const ComponentsMenuContextualItemContent = "#889499";
461
+ export const ComponentsMenuContextualItemContentDisabled = "#617177";
462
+ export const ComponentsMenuContextualItemContentHover = "#bac1c4";
438
463
  export const ComponentsPopoverBackground = "#0b0f11";
439
464
  export const ComponentsPopoverBorder = "#394d55";
440
465
  export const ComponentsPopoverText = "#27353b";
@@ -443,11 +468,3 @@ export const ComponentsTooltipBackground = "#f5f6f7";
443
468
  export const ComponentsTooltipBorder = "#f5f6f7";
444
469
  export const ComponentsTooltipText = "#0b0f11";
445
470
  export const ComponentsTooltipSupportingText = "#27353b";
446
- export const ComponentsMenuContextualBackground = "#0b0f11";
447
- export const ComponentsMenuContextualBorder = "#394d55";
448
- export const ComponentsMenuContextualItemBackground = "#ffffff";
449
- export const ComponentsMenuContextualItemBackgroundHover = "#ffffff";
450
- export const ComponentsMenuContextualItemShortcut = "#3f555e";
451
- export const ComponentsMenuContextualItemContent = "#889499";
452
- export const ComponentsMenuContextualItemContentDisabled = "#3f555e";
453
- export const ComponentsMenuContextualItemContentHover = "#bac1c4";
package/dist/js/ocean_light.d.ts CHANGED
@@ -2,18 +2,6 @@
2
2
  * Do not edit directly, this file was auto-generated.
3
3
  */
4
4
 
5
- export const ColorInteractionContainerBrandedHighBorder : string;
6
- export const ColorInteractionContainerBrandedHighBorderActive : string;
7
- export const ColorInteractionContainerBrandedHighBorderHover : string;
8
- export const ColorInteractionContainerBrandedHighBackground : string;
9
- export const ColorInteractionContainerBrandedHighBackgroundActive : string;
10
- export const ColorInteractionContainerBrandedHighBackgroundHover : string;
11
- export const ColorInteractionContainerBrandedHighIcon : string;
12
- export const ColorInteractionContainerBrandedHighIconActive : string;
13
- export const ColorInteractionContainerBrandedHighIconHover : string;
14
- export const ColorInteractionContainerBrandedHighText : string;
15
- export const ColorInteractionContainerBrandedHighTextActive : string;
16
- export const ColorInteractionContainerBrandedHighTextHover : string;
17
5
  export const ColorInteractionContainerBrandedLowBackground : string;
18
6
  export const ColorInteractionContainerBrandedLowBackgroundActive : string;
19
7
  export const ColorInteractionContainerBrandedLowBackgroundHover : string;
@@ -26,6 +14,18 @@ export const ColorInteractionContainerBrandedLowIconHover : string;
26
14
  export const ColorInteractionContainerBrandedLowText : string;
27
15
  export const ColorInteractionContainerBrandedLowTextActive : string;
28
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
29
  export const ColorInteractionContainerNeutralBackground : string;
30
30
  export const ColorInteractionContainerNeutralBackgroundHover : string;
31
31
  export const ColorInteractionContainerNeutralBackgroundActive : string;
@@ -50,6 +50,8 @@ export const ColorInteractionLinkInvertedTextHover : string;
50
50
  export const ColorInteractionLinkInvertedIcon : string;
51
51
  export const ColorInteractionLinkInvertedIconHover : string;
52
52
  export const ColorBlack : string;
53
+ export const ColorWhite : string;
54
+ export const ColorTransparent : string;
53
55
  export const ColorLevel10Background : string;
54
56
  export const ColorLevel15Background : string;
55
57
  export const ColorLevel20Background : string;
@@ -186,6 +188,8 @@ export const ColorRainbow10Text : string;
186
188
  export const ColorDontUseBorder : string;
187
189
  export const ColorDontUseContent : string;
188
190
  export const ColorDontUseBackground : string;
191
+ export const OpacityDisabled : string;
192
+ export const OpacityDisabled2 : string;
189
193
  export const ShadowColorOpacity0 : string;
190
194
  export const ShadowColorOpacity1 : string;
191
195
  export const ShadowColorOpacity2 : string;
@@ -212,7 +216,6 @@ export const ShadowYAxisLg2 : string;
212
216
  export const ShadowYAxisXl1 : string;
213
217
  export const ShadowYAxisXl2 : string;
214
218
  export const ShadowYAxis2xl : string;
215
- export const ComponentsWpfComponents2 : string;
216
219
  export const ComponentsButtonHighBorder : string;
217
220
  export const ComponentsButtonHighBorderHover : string;
218
221
  export const ComponentsButtonHighBorderActive : string;
@@ -324,17 +327,21 @@ export const ComponentsListNativeItemBackgroundDefault : string;
324
327
  export const ComponentsListNativeItemBackgroundHover : string;
325
328
  export const ComponentsListNativeItemBackgroundDisabled : string;
326
329
  export const ComponentsListNativeItemBackgroundTitle : string;
327
- export const ComponentsListCustomBackground : string;
328
- export const ComponentsListCustomItemContentDefault : string;
329
- export const ComponentsListCustomItemContentHover : string;
330
- export const ComponentsListCustomItemContentDisabled : string;
331
- export const ComponentsListCustomItemBackgroundDefault : string;
332
- export const ComponentsListCustomItemBackgroundHover : string;
333
- export const ComponentsListCustomItemBackgroundDisabled : string;
334
- export const ComponentsListCustomItemBackgroundTitle : string;
335
- export const ComponentsListCustomItemTitleContent : string;
336
- export const ComponentsListCustomSeparator : string;
337
- export const ComponentsListCustomBorder : string;
330
+ export const ComponentsListDropdownBackground : string;
331
+ export const ComponentsListDropdownHeaderBackground : string;
332
+ export const ComponentsListDropdownItemLabelDefault : string;
333
+ export const ComponentsListDropdownItemLabelHover : string;
334
+ export const ComponentsListDropdownItemLabelDisabled : string;
335
+ export const ComponentsListDropdownItemDescriptionDefault : string;
336
+ export const ComponentsListDropdownItemDescriptionHover : string;
337
+ export const ComponentsListDropdownItemDescriptionDisabled : string;
338
+ export const ComponentsListDropdownItemBackgroundDefault : string;
339
+ export const ComponentsListDropdownItemBackgroundHover : string;
340
+ export const ComponentsListDropdownItemBackgroundDisabled : string;
341
+ export const ComponentsListDropdownItemBackgroundTitle : string;
342
+ export const ComponentsListDropdownItemTitleContent : string;
343
+ export const ComponentsListDropdownSeparator : string;
344
+ export const ComponentsListDropdownBorder : string;
338
345
  export const ComponentsLoaderWhiteBackground : string;
339
346
  export const ComponentsLoaderWhiteForeground : string;
340
347
  export const ComponentsLoaderBrandBackground : string;
@@ -418,6 +425,16 @@ export const ComponentsAvatarContent7 : string;
418
425
  export const ComponentsAvatarContent8 : string;
419
426
  export const ComponentsAvatarContent9 : string;
420
427
  export const ComponentsAvatarContent10 : string;
428
+ export const ComponentsFieldTimeBackgroundDefault : string;
429
+ export const ComponentsFieldTimeBackgroundHover : string;
430
+ export const ComponentsFieldTimeBackgroundActive : string;
431
+ export const ComponentsFieldTimeTextDefault : string;
432
+ export const ComponentsFieldTimeTextHover : string;
433
+ export const ComponentsFieldTimeTextActive : string;
434
+ export const ComponentsFieldTimeBorderActive : string;
435
+ export const ComponentsBreadcrumbText : string;
436
+ export const ComponentsBreadcrumbTextActive : string;
437
+ export const ComponentsBreadcrumbTextHover : string;
421
438
  export const ComponentsNotificationInformationBackground : string;
422
439
  export const ComponentsNotificationInformationIcon : string;
423
440
  export const ComponentsNotificationInformationBorder : string;
@@ -435,14 +452,6 @@ export const ComponentsNotificationSuccessIcon : string;
435
452
  export const ComponentsNotificationNeutralBackground : string;
436
453
  export const ComponentsNotificationNeutralBorder : string;
437
454
  export const ComponentsNotificationNeutralIcon : string;
438
- export const ComponentsPopoverBackground : string;
439
- export const ComponentsPopoverBorder : string;
440
- export const ComponentsPopoverText : string;
441
- export const ComponentsPopoverSupportingText : string;
442
- export const ComponentsTooltipBackground : string;
443
- export const ComponentsTooltipBorder : string;
444
- export const ComponentsTooltipText : string;
445
- export const ComponentsTooltipSupportingText : string;
446
455
  export const ComponentsMenuContextualBackground : string;
447
456
  export const ComponentsMenuContextualBorder : string;
448
457
  export const ComponentsMenuContextualItemBackground : string;
@@ -451,3 +460,11 @@ export const ComponentsMenuContextualItemShortcut : string;
451
460
  export const ComponentsMenuContextualItemContent : string;
452
461
  export const ComponentsMenuContextualItemContentDisabled : string;
453
462
  export const ComponentsMenuContextualItemContentHover : string;
463
+ export const ComponentsPopoverBackground : string;
464
+ export const ComponentsPopoverBorder : string;
465
+ export const ComponentsPopoverText : string;
466
+ export const ComponentsPopoverSupportingText : string;
467
+ export const ComponentsTooltipBackground : string;
468
+ export const ComponentsTooltipBorder : string;
469
+ export const ComponentsTooltipText : string;
470
+ export const ComponentsTooltipSupportingText : string;
package/dist/js/ocean_light.js CHANGED
@@ -2,18 +2,6 @@
2
2
  * Do not edit directly, this file was auto-generated.
3
3
  */
4
4
 
5
- export const ColorInteractionContainerBrandedHighBorder = "#ffffff";
6
- export const ColorInteractionContainerBrandedHighBorderActive = "#ffffff";
7
- export const ColorInteractionContainerBrandedHighBorderHover = "#ffffff";
8
- export const ColorInteractionContainerBrandedHighBackground = "#1f717d";
9
- export const ColorInteractionContainerBrandedHighBackgroundActive = "#185963";
10
- export const ColorInteractionContainerBrandedHighBackgroundHover = "#185963";
11
- export const ColorInteractionContainerBrandedHighIcon = "#ffffff";
12
- export const ColorInteractionContainerBrandedHighIconActive = "#ffffff";
13
- export const ColorInteractionContainerBrandedHighIconHover = "#ffffff";
14
- export const ColorInteractionContainerBrandedHighText = "#ffffff";
15
- export const ColorInteractionContainerBrandedHighTextActive = "#ffffff";
16
- export const ColorInteractionContainerBrandedHighTextHover = "#ffffff";
17
5
  export const ColorInteractionContainerBrandedLowBackground = "#ffffff";
18
6
  export const ColorInteractionContainerBrandedLowBackgroundActive = "#e4f0f2";
19
7
  export const ColorInteractionContainerBrandedLowBackgroundHover = "#e4f0f2";
@@ -26,6 +14,18 @@ export const ColorInteractionContainerBrandedLowIconHover = "#185963";
26
14
  export const ColorInteractionContainerBrandedLowText = "#1f717d";
27
15
  export const ColorInteractionContainerBrandedLowTextActive = "#185963";
28
16
  export const ColorInteractionContainerBrandedLowTextHover = "#185963";
17
+ export const ColorInteractionContainerBrandedHighBackground = "#1f717d";
18
+ export const ColorInteractionContainerBrandedHighBackgroundActive = "#185963";
19
+ export const ColorInteractionContainerBrandedHighBackgroundHover = "#185963";
20
+ export const ColorInteractionContainerBrandedHighBorder = "#1f717d";
21
+ export const ColorInteractionContainerBrandedHighBorderActive = "#185963";
22
+ export const ColorInteractionContainerBrandedHighBorderHover = "#185963";
23
+ export const ColorInteractionContainerBrandedHighIcon = "#ffffff";
24
+ export const ColorInteractionContainerBrandedHighIconActive = "#ffffff";
25
+ export const ColorInteractionContainerBrandedHighIconHover = "#ffffff";
26
+ export const ColorInteractionContainerBrandedHighText = "#ffffff";
27
+ export const ColorInteractionContainerBrandedHighTextActive = "#ffffff";
28
+ export const ColorInteractionContainerBrandedHighTextHover = "#ffffff";
29
29
  export const ColorInteractionContainerNeutralBackground = "#ffffff";
30
30
  export const ColorInteractionContainerNeutralBackgroundHover = "#a5a6a7";
31
31
  export const ColorInteractionContainerNeutralBackgroundActive = "#e4f0f2";
@@ -50,6 +50,8 @@ export const ColorInteractionLinkInvertedTextHover = "#1f717d";
50
50
  export const ColorInteractionLinkInvertedIcon = "#889499";
51
51
  export const ColorInteractionLinkInvertedIconHover = "#1f717d";
52
52
  export const ColorBlack = "#000000";
53
+ export const ColorWhite = "#ffffff";
54
+ export const ColorTransparent = "#ffffff";
53
55
  export const ColorLevel10Background = "#f5f6f7";
54
56
  export const ColorLevel15Background = "#eaeef0";
55
57
  export const ColorLevel20Background = "#ffffff";
@@ -186,6 +188,8 @@ export const ColorRainbow10Text = "#394d55";
186
188
  export const ColorDontUseBorder = "#c6ced1";
187
189
  export const ColorDontUseContent = "#c6ced1";
188
190
  export const ColorDontUseBackground = "#f5f6f7";
191
+ export const OpacityDisabled = "50%";
192
+ export const OpacityDisabled2 = "0%";
189
193
  export const ShadowColorOpacity0 = "#ffffff";
190
194
  export const ShadowColorOpacity1 = "#0b0f11";
191
195
  export const ShadowColorOpacity2 = "#0b0f11";
@@ -212,7 +216,6 @@ export const ShadowYAxisLg2 = "10px";
212
216
  export const ShadowYAxisXl1 = "10px";
213
217
  export const ShadowYAxisXl2 = "20px";
214
218
  export const ShadowYAxis2xl = "25px";
215
- export const ComponentsWpfComponents2 = "#ffffff";
216
219
  export const ComponentsButtonHighBorder = "#ffffff";
217
220
  export const ComponentsButtonHighBorderHover = "#ffffff";
218
221
  export const ComponentsButtonHighBorderActive = "#ffffff";
@@ -271,8 +274,8 @@ export const ComponentsButtonGrAsComplementaryText = "#000000";
271
274
  export const ComponentsButtonGrAsComplementaryTextHover = "#000000";
272
275
  export const ComponentsButtonGrAsComplementaryIcon = "#000000";
273
276
  export const ComponentsButtonGrAsComplementaryIconHover = "#000000";
274
- export const ComponentsFormOpacityDefault = "100px";
275
- export const ComponentsFormOpacityDisabled = "50px";
277
+ export const ComponentsFormOpacityDefault = "100%";
278
+ export const ComponentsFormOpacityDisabled = "50%";
276
279
  export const ComponentsFormTextRequired = "#da2424";
277
280
  export const ComponentsFormTextInfoIcon = "#617177";
278
281
  export const ComponentsFormTextLabelDefault = "#171f22";
@@ -324,17 +327,21 @@ export const ComponentsListNativeItemBackgroundDefault = "#ffffff";
324
327
  export const ComponentsListNativeItemBackgroundHover = "#4e7fdf";
325
328
  export const ComponentsListNativeItemBackgroundDisabled = "#ffffff";
326
329
  export const ComponentsListNativeItemBackgroundTitle = "#ffffff";
327
- export const ComponentsListCustomBackground = "#ffffff";
328
- export const ComponentsListCustomItemContentDefault = "#617177";
329
- export const ComponentsListCustomItemContentHover = "#34464d";
330
- export const ComponentsListCustomItemContentDisabled = "#617177";
331
- export const ComponentsListCustomItemBackgroundDefault = "#ffffff";
332
- export const ComponentsListCustomItemBackgroundHover = "#a5a6a7";
333
- export const ComponentsListCustomItemBackgroundDisabled = "#ffffff";
334
- export const ComponentsListCustomItemBackgroundTitle = "#ffffff";
335
- export const ComponentsListCustomItemTitleContent = "#617177";
336
- export const ComponentsListCustomSeparator = "#e1e4e6";
337
- export const ComponentsListCustomBorder = "#e1e4e6";
330
+ export const ComponentsListDropdownBackground = "#ffffff";
331
+ export const ComponentsListDropdownHeaderBackground = "#f5f6f7";
332
+ export const ComponentsListDropdownItemLabelDefault = "#34464d";
333
+ export const ComponentsListDropdownItemLabelHover = "#171f22";
334
+ export const ComponentsListDropdownItemLabelDisabled = "#617177";
335
+ export const ComponentsListDropdownItemDescriptionDefault = "#617177";
336
+ export const ComponentsListDropdownItemDescriptionHover = "#34464d";
337
+ export const ComponentsListDropdownItemDescriptionDisabled = "#9fadb2";
338
+ export const ComponentsListDropdownItemBackgroundDefault = "#ffffff";
339
+ export const ComponentsListDropdownItemBackgroundHover = "#a5a6a7";
340
+ export const ComponentsListDropdownItemBackgroundDisabled = "#ffffff";
341
+ export const ComponentsListDropdownItemBackgroundTitle = "#ffffff";
342
+ export const ComponentsListDropdownItemTitleContent = "#34464d";
343
+ export const ComponentsListDropdownSeparator = "#e1e4e6";
344
+ export const ComponentsListDropdownBorder = "#e1e4e6";
338
345
  export const ComponentsLoaderWhiteBackground = "#ffffff";
339
346
  export const ComponentsLoaderWhiteForeground = "#ffffff";
340
347
  export const ComponentsLoaderBrandBackground = "#e4f0f2";
@@ -369,7 +376,7 @@ export const ComponentsButtonDestructiveLowerIcon = "#c6ced1";
369
376
  export const ComponentsButtonDestructiveLowerIconHover = "#c6ced1";
370
377
  export const ComponentsButtonDestructiveLowerBorder = "#c6ced1";
371
378
  export const ComponentsButtonDestructiveLowerBorderHover = "#c6ced1";
372
- export const ComponentsOverlayOpacity = "55px";
379
+ export const ComponentsOverlayOpacity = "55%";
373
380
  export const ComponentsOverlayBackground = "#11171a";
374
381
  export const ComponentsAlertInformationBackground = "#f0f6ff";
375
382
  export const ComponentsAlertInformationIcon = "#2660c2";
@@ -418,6 +425,16 @@ export const ComponentsAvatarContent7 = "#106f15";
418
425
  export const ComponentsAvatarContent8 = "#1f717d";
419
426
  export const ComponentsAvatarContent9 = "#5c6e1f";
420
427
  export const ComponentsAvatarContent10 = "#394d55";
428
+ export const ComponentsFieldTimeBackgroundDefault = "#ffffff";
429
+ export const ComponentsFieldTimeBackgroundHover = "#a5a6a7";
430
+ export const ComponentsFieldTimeBackgroundActive = "#e4f0f2";
431
+ export const ComponentsFieldTimeTextDefault = "#617177";
432
+ export const ComponentsFieldTimeTextHover = "#34464d";
433
+ export const ComponentsFieldTimeTextActive = "#185963";
434
+ export const ComponentsFieldTimeBorderActive = "#185963";
435
+ export const ComponentsBreadcrumbText = "#617177";
436
+ export const ComponentsBreadcrumbTextActive = "#34464d";
437
+ export const ComponentsBreadcrumbTextHover = "#1f717d";
421
438
  export const ComponentsNotificationInformationBackground = "#ffffff";
422
439
  export const ComponentsNotificationInformationIcon = "#2660c2";
423
440
  export const ComponentsNotificationInformationBorder = "#2660c2";
@@ -435,14 +452,6 @@ export const ComponentsNotificationSuccessIcon = "#34ae3b";
435
452
  export const ComponentsNotificationNeutralBackground = "#ffffff";
436
453
  export const ComponentsNotificationNeutralBorder = "#617177";
437
454
  export const ComponentsNotificationNeutralIcon = "#617177";
438
- export const ComponentsPopoverBackground = "#f5f6f7";
439
- export const ComponentsPopoverBorder = "#e1e4e6";
440
- export const ComponentsPopoverText = "#34464d";
441
- export const ComponentsPopoverSupportingText = "#617177";
442
- export const ComponentsTooltipBackground = "#0b0f11";
443
- export const ComponentsTooltipBorder = "#0b0f11";
444
- export const ComponentsTooltipText = "#f5f6f7";
445
- export const ComponentsTooltipSupportingText = "#889499";
446
455
  export const ComponentsMenuContextualBackground = "#ffffff";
447
456
  export const ComponentsMenuContextualBorder = "#e1e4e6";
448
457
  export const ComponentsMenuContextualItemBackground = "#ffffff";
@@ -451,3 +460,11 @@ export const ComponentsMenuContextualItemShortcut = "#9fadb2";
451
460
  export const ComponentsMenuContextualItemContent = "#617177";
452
461
  export const ComponentsMenuContextualItemContentDisabled = "#9fadb2";
453
462
  export const ComponentsMenuContextualItemContentHover = "#34464d";
463
+ export const ComponentsPopoverBackground = "#ffffff";
464
+ export const ComponentsPopoverBorder = "#e1e4e6";
465
+ export const ComponentsPopoverText = "#34464d";
466
+ export const ComponentsPopoverSupportingText = "#617177";
467
+ export const ComponentsTooltipBackground = "#0b0f11";
468
+ export const ComponentsTooltipBorder = "#0b0f11";
469
+ export const ComponentsTooltipText = "#f5f6f7";
470
+ export const ComponentsTooltipSupportingText = "#889499";
package/dist/js/primitives.d.ts CHANGED
@@ -160,12 +160,6 @@ export const ColorRed600 : string;
160
160
  export const ColorRed700 : string;
161
161
  export const ColorRed800 : string;
162
162
  export const ColorRed900 : string;
163
- export const ColorRedMccs100 : string;
164
- export const ColorRedMccs200 : string;
165
- export const ColorRedMccs300 : string;
166
- export const ColorRedMccs400 : string;
167
- export const ColorRedMccs500 : string;
168
- export const ColorRedMccs00 : string;
169
163
  export const ColorTurquoise50 : string;
170
164
  export const ColorTurquoise100 : string;
171
165
  export const ColorTurquoise200 : string;
package/dist/js/primitives.js CHANGED
@@ -160,12 +160,6 @@ export const ColorRed600 = "#a81818";
160
160
  export const ColorRed700 = "#851313";
161
161
  export const ColorRed800 = "#610e0e";
162
162
  export const ColorRed900 = "#3d0909";
163
- export const ColorRedMccs100 = "#ff3838";
164
- export const ColorRedMccs200 = "#d00202";
165
- export const ColorRedMccs300 = "#ae0303";
166
- export const ColorRedMccs400 = "#7d0000";
167
- export const ColorRedMccs500 = "#450000";
168
- export const ColorRedMccs00 = "#ff6161";
169
163
  export const ColorTurquoise50 = "#ecf4f3";
170
164
  export const ColorTurquoise100 = "#d2e5e3";
171
165
  export const ColorTurquoise200 = "#b8d6d2";
package/dist/js/spacings.d.ts CHANGED
@@ -51,21 +51,72 @@ export const ListNativeGapY : string;
51
51
  export const ListNativeRadius : string;
52
52
  export const ListNativePadding : string;
53
53
  export const ListNativeSubItemPaddingLeft : string;
54
- export const ListCustomIconSize : string;
55
- export const ListCustomFontSize : string;
56
- export const ListCustomLineHeight : string;
57
- export const ListCustomItemPaddingLeft : string;
58
- export const ListCustomItemPaddingRight : string;
59
- export const ListCustomItemPaddingX : string;
60
- export const ListCustomItemPaddingY : string;
61
- export const ListCustomItemGapX : string;
62
- export const ListCustomItemRadius : string;
63
- export const ListCustomGapY : string;
64
- export const ListCustomRadius : string;
65
- export const ListCustomPadding : string;
66
- export const ListCustomSeparatorPaddingX : string;
67
- export const ListCustomSeparatorPaddingY : string;
68
- export const ListCustomSubItemPaddingLeft : string;
54
+ export const ListDropdownIconSize : string;
55
+ export const ListDropdownFontSize : string;
56
+ export const ListDropdownLineHeight : string;
57
+ export const ListDropdownItemPaddingLeft : string;
58
+ export const ListDropdownItemPaddingRight : string;
59
+ export const ListDropdownItemPaddingX : string;
60
+ export const ListDropdownItemPaddingY : string;
61
+ export const ListDropdownItemGapX : string;
62
+ export const ListDropdownItemRadius : string;
63
+ export const ListDropdownGapY : string;
64
+ export const ListDropdownRadius : string;
65
+ export const ListDropdownPadding : string;
66
+ export const ListDropdownSeparatorPaddingX : string;
67
+ export const ListDropdownSeparatorPaddingY : string;
68
+ export const ListDropdownSubItemPaddingLeft : string;
69
+ export const ListMultiselectPadding : string;
70
+ export const FormFieldBadgeGap : string;
71
+ export const FormFieldBadgePaddingX : string;
72
+ export const FormFieldBadgePaddingY : string;
73
+ export const FormFieldFontSize : string;
74
+ export const FormFieldFontWeight : string;
75
+ export const FormFieldIconSize : string;
76
+ export const FormFieldGap : string;
77
+ export const FormFieldGapInner : string;
78
+ export const FormFieldLineHeight : string;
79
+ export const FormFieldPaddingX : string;
80
+ export const FormFieldPaddingXIconButton : string;
81
+ export const FormFieldPaddingY : string;
82
+ export const FormFieldRadius : string;
83
+ export const FormFieldLeadingTrailingFontSize : string;
84
+ export const FormFieldLeadingTrailingIconSize : string;
85
+ export const FormFieldLeadingTrailingLineHeight : string;
86
+ export const FormFieldInnerButtonPaddingXExt : string;
87
+ export const FormFieldInnerButtonPaddingXInt : string;
88
+ export const FormFieldInnerButtonPaddingY : string;
89
+ export const FormGapX : string;
90
+ export const FormGapY : string;
91
+ export const FormDescriptionFontSize : string;
92
+ export const FormDescriptionLineHeight : string;
93
+ export const FormDescriptionFontWeight : string;
94
+ export const FormLabelFontSize : string;
95
+ export const FormLabelGap : string;
96
+ export const FormLabelLineHeight : string;
97
+ export const FormLabelFontWeight : string;
98
+ export const FormCheckboxBorderWidth : string;
99
+ export const FormCheckboxIconSize : string;
100
+ export const FormCheckboxPaddingTop : string;
101
+ export const FormCheckboxRadius : string;
102
+ export const FormCheckboxSize : string;
103
+ export const FormCheckboxRingRadius : string;
104
+ export const FormCheckboxIconStroke : string;
105
+ export const FormRadioBorderWidth : string;
106
+ export const FormRadioInnerCirclePadding : string;
107
+ export const FormRadioInnerCircleSize : string;
108
+ export const FormRadioPaddingTop : string;
109
+ export const FormRadioSize : string;
110
+ export const FormRadioRingRadius : string;
111
+ export const FormToggleBorderWidth : string;
112
+ export const FormToggleHeight : string;
113
+ export const FormTogglePaddingTop : string;
114
+ export const FormToggleRadius : string;
115
+ export const FormTogglePaddingDefault : string;
116
+ export const FormTogglePaddingSelected : string;
117
+ export const FormToggleSwitchDotDefault : string;
118
+ export const FormToggleSwitchDotSelected : string;
119
+ export const FormToggleWidth : string;
69
120
  export const MenuContextualDividerPaddingBottom : string;
70
121
  export const MenuContextualDividerPaddingTop : string;
71
122
  export const MenuContextualDividerPaddingX : string;
@@ -173,6 +224,7 @@ export const BadgeGapX : string;
173
224
  export const BadgePaddingX : string;
174
225
  export const BadgePaddingY : string;
175
226
  export const BadgeRadius : string;
227
+ export const BreadcrumbPaddingY : string;
176
228
  export const DialogDismissiblePositionTop : string;
177
229
  export const DialogDismissiblePositionRight : string;
178
230
  export const DialogHeaderGapY : string;
@@ -188,53 +240,6 @@ export const DialogFooterPaddingX : string;
188
240
  export const FocusFieldStroke : string;
189
241
  export const FocusOutlineOffset : string;
190
242
  export const FocusOutlineStroke : string;
191
- export const FormGapX : string;
192
- export const FormGapY : string;
193
- export const FormDescriptionFontSize : string;
194
- export const FormDescriptionLineHeight : string;
195
- export const FormDescriptionFontWeight : string;
196
- export const FormLabelFontSize : string;
197
- export const FormLabelGap : string;
198
- export const FormLabelLineHeight : string;
199
- export const FormLabelFontWeight : string;
200
- export const FormFieldFontSize : string;
201
- export const FormFieldFontWeight : string;
202
- export const FormFieldIconSize : string;
203
- export const FormFieldGap : string;
204
- export const FormFieldGapInner : string;
205
- export const FormFieldLineHeight : string;
206
- export const FormFieldPaddingX : string;
207
- export const FormFieldPaddingXIconButton : string;
208
- export const FormFieldPaddingY : string;
209
- export const FormFieldRadius : string;
210
- export const FormFieldLeadingTrailingFontSize : string;
211
- export const FormFieldLeadingTrailingIconSize : string;
212
- export const FormFieldLeadingTrailingLineHeight : string;
213
- export const FormFieldInnerButtonPaddingXExt : string;
214
- export const FormFieldInnerButtonPaddingXInt : string;
215
- export const FormFieldInnerButtonPaddingY : string;
216
- export const FormCheckboxBorderWidth : string;
217
- export const FormCheckboxIconSize : string;
218
- export const FormCheckboxPaddingTop : string;
219
- export const FormCheckboxRadius : string;
220
- export const FormCheckboxSize : string;
221
- export const FormCheckboxRingRadius : string;
222
- export const FormCheckboxIconStroke : string;
223
- export const FormRadioBorderWidth : string;
224
- export const FormRadioInnerCirclePadding : string;
225
- export const FormRadioInnerCircleSize : string;
226
- export const FormRadioPaddingTop : string;
227
- export const FormRadioSize : string;
228
- export const FormRadioRingRadius : string;
229
- export const FormToggleBorderWidth : string;
230
- export const FormToggleHeight : string;
231
- export const FormTogglePaddingTop : string;
232
- export const FormToggleRadius : string;
233
- export const FormTogglePaddingDefault : string;
234
- export const FormTogglePaddingSelected : string;
235
- export const FormToggleSwitchDotDefault : string;
236
- export const FormToggleSwitchDotSelected : string;
237
- export const FormToggleWidth : string;
238
243
  export const LoaderSizeXs : string;
239
244
  export const LoaderSizeSm : string;
240
245
  export const LoaderSizeMd : string;
@@ -245,6 +250,14 @@ export const IconSm : string;
245
250
  export const IconMd : string;
246
251
  export const IconLg : string;
247
252
  export const IconXl : string;
253
+ export const NavigationPrimaryItemGapX : string;
254
+ export const NavigationPrimaryItemPaddingX : string;
255
+ export const NavigationPrimaryItemPaddingY : string;
256
+ export const NavigationPrimaryItemFontSize : string;
257
+ export const NavigationPrimaryItemIconSize : string;
258
+ export const NavigationPrimaryItemRadius : string;
259
+ export const NavigationPrimaryItemBulletFontSize : string;
260
+ export const NavigationPrimaryItemBulletSize : string;
248
261
  export const NotificationIconSize : string;
249
262
  export const NotificationGapX : string;
250
263
  export const NotificationGapXTitle : string;