@nova-design-system/nova-base 3.0.0-beta.35 → 3.0.0-beta.37

package/dist/js/spark_dark.d.ts

@@ -2,18 +2,6 @@
  * Do not edit directly, this file was auto-generated.
  */
 
-export const ColorInteractionContainerBrandedHighBorder : string;
-export const ColorInteractionContainerBrandedHighBorderActive : string;
-export const ColorInteractionContainerBrandedHighBorderHover : string;
-export const ColorInteractionContainerBrandedHighBackground : string;
-export const ColorInteractionContainerBrandedHighBackgroundActive : string;
-export const ColorInteractionContainerBrandedHighBackgroundHover : string;
-export const ColorInteractionContainerBrandedHighIcon : string;
-export const ColorInteractionContainerBrandedHighIconActive : string;
-export const ColorInteractionContainerBrandedHighIconHover : string;
-export const ColorInteractionContainerBrandedHighText : string;
-export const ColorInteractionContainerBrandedHighTextActive : string;
-export const ColorInteractionContainerBrandedHighTextHover : string;
 export const ColorInteractionContainerBrandedLowBackground : string;
 export const ColorInteractionContainerBrandedLowBackgroundActive : string;
 export const ColorInteractionContainerBrandedLowBackgroundHover : string;
@@ -26,6 +14,18 @@ export const ColorInteractionContainerBrandedLowIconHover : string;
 export const ColorInteractionContainerBrandedLowText : string;
 export const ColorInteractionContainerBrandedLowTextActive : string;
 export const ColorInteractionContainerBrandedLowTextHover : string;
+export const ColorInteractionContainerBrandedHighBackground : string;
+export const ColorInteractionContainerBrandedHighBackgroundActive : string;
+export const ColorInteractionContainerBrandedHighBackgroundHover : string;
+export const ColorInteractionContainerBrandedHighBorder : string;
+export const ColorInteractionContainerBrandedHighBorderActive : string;
+export const ColorInteractionContainerBrandedHighBorderHover : string;
+export const ColorInteractionContainerBrandedHighIcon : string;
+export const ColorInteractionContainerBrandedHighIconActive : string;
+export const ColorInteractionContainerBrandedHighIconHover : string;
+export const ColorInteractionContainerBrandedHighText : string;
+export const ColorInteractionContainerBrandedHighTextActive : string;
+export const ColorInteractionContainerBrandedHighTextHover : string;
 export const ColorInteractionContainerNeutralBackground : string;
 export const ColorInteractionContainerNeutralBackgroundHover : string;
 export const ColorInteractionContainerNeutralBackgroundActive : string;
@@ -50,6 +50,8 @@ export const ColorInteractionLinkInvertedTextHover : string;
 export const ColorInteractionLinkInvertedIcon : string;
 export const ColorInteractionLinkInvertedIconHover : string;
 export const ColorBlack : string;
+export const ColorWhite : string;
+export const ColorTransparent : string;
 export const ColorLevel10Background : string;
 export const ColorLevel15Background : string;
 export const ColorLevel20Background : string;
@@ -186,6 +188,8 @@ export const ColorRainbow10Text : string;
 export const ColorDontUseBorder : string;
 export const ColorDontUseContent : string;
 export const ColorDontUseBackground : string;
+export const OpacityDisabled : string;
+export const OpacityDisabled2 : string;
 export const ShadowColorOpacity0 : string;
 export const ShadowColorOpacity1 : string;
 export const ShadowColorOpacity2 : string;
@@ -212,7 +216,6 @@ export const ShadowYAxisLg2 : string;
 export const ShadowYAxisXl1 : string;
 export const ShadowYAxisXl2 : string;
 export const ShadowYAxis2xl : string;
-export const ComponentsWpfComponents2 : string;
 export const ComponentsButtonHighBorder : string;
 export const ComponentsButtonHighBorderHover : string;
 export const ComponentsButtonHighBorderActive : string;
@@ -418,6 +421,9 @@ export const ComponentsAvatarContent7 : string;
 export const ComponentsAvatarContent8 : string;
 export const ComponentsAvatarContent9 : string;
 export const ComponentsAvatarContent10 : string;
+export const ComponentsBreadcrumbText : string;
+export const ComponentsBreadcrumbTextActive : string;
+export const ComponentsBreadcrumbTextHover : string;
 export const ComponentsNotificationInformationBackground : string;
 export const ComponentsNotificationInformationIcon : string;
 export const ComponentsNotificationInformationBorder : string;
@@ -435,14 +441,6 @@ export const ComponentsNotificationSuccessIcon : string;
 export const ComponentsNotificationNeutralBackground : string;
 export const ComponentsNotificationNeutralBorder : string;
 export const ComponentsNotificationNeutralIcon : string;
-export const ComponentsPopoverBackground : string;
-export const ComponentsPopoverBorder : string;
-export const ComponentsPopoverText : string;
-export const ComponentsPopoverSupportingText : string;
-export const ComponentsTooltipBackground : string;
-export const ComponentsTooltipBorder : string;
-export const ComponentsTooltipText : string;
-export const ComponentsTooltipSupportingText : string;
 export const ComponentsMenuContextualBackground : string;
 export const ComponentsMenuContextualBorder : string;
 export const ComponentsMenuContextualItemBackground : string;
@@ -451,3 +449,11 @@ export const ComponentsMenuContextualItemShortcut : string;
 export const ComponentsMenuContextualItemContent : string;
 export const ComponentsMenuContextualItemContentDisabled : string;
 export const ComponentsMenuContextualItemContentHover : string;
+export const ComponentsPopoverBackground : string;
+export const ComponentsPopoverBorder : string;
+export const ComponentsPopoverText : string;
+export const ComponentsPopoverSupportingText : string;
+export const ComponentsTooltipBackground : string;
+export const ComponentsTooltipBorder : string;
+export const ComponentsTooltipText : string;
+export const ComponentsTooltipSupportingText : string;

package/dist/js/spark_dark.js

@@ -2,18 +2,6 @@
  * Do not edit directly, this file was auto-generated.
  */
 
-export const ColorInteractionContainerBrandedHighBorder = "#ffffff";
-export const ColorInteractionContainerBrandedHighBorderActive = "#ffffff";
-export const ColorInteractionContainerBrandedHighBorderHover = "#ffffff";
-export const ColorInteractionContainerBrandedHighBackground = "#e75420";
-export const ColorInteractionContainerBrandedHighBackgroundActive = "#eb7247";
-export const ColorInteractionContainerBrandedHighBackgroundHover = "#eb7247";
-export const ColorInteractionContainerBrandedHighIcon = "#000000";
-export const ColorInteractionContainerBrandedHighIconActive = "#000000";
-export const ColorInteractionContainerBrandedHighIconHover = "#000000";
-export const ColorInteractionContainerBrandedHighText = "#000000";
-export const ColorInteractionContainerBrandedHighTextActive = "#000000";
-export const ColorInteractionContainerBrandedHighTextHover = "#000000";
 export const ColorInteractionContainerBrandedLowBackground = "#ffffff";
 export const ColorInteractionContainerBrandedLowBackgroundActive = "#45190a";
 export const ColorInteractionContainerBrandedLowBackgroundHover = "#45190a";
@@ -26,6 +14,18 @@ export const ColorInteractionContainerBrandedLowIconHover = "#eb7247";
 export const ColorInteractionContainerBrandedLowText = "#e75420";
 export const ColorInteractionContainerBrandedLowTextActive = "#eb7247";
 export const ColorInteractionContainerBrandedLowTextHover = "#eb7247";
+export const ColorInteractionContainerBrandedHighBackground = "#e75420";
+export const ColorInteractionContainerBrandedHighBackgroundActive = "#eb7247";
+export const ColorInteractionContainerBrandedHighBackgroundHover = "#eb7247";
+export const ColorInteractionContainerBrandedHighBorder = "#e75420";
+export const ColorInteractionContainerBrandedHighBorderActive = "#bf451a";
+export const ColorInteractionContainerBrandedHighBorderHover = "#bf451a";
+export const ColorInteractionContainerBrandedHighIcon = "#000000";
+export const ColorInteractionContainerBrandedHighIconActive = "#000000";
+export const ColorInteractionContainerBrandedHighIconHover = "#000000";
+export const ColorInteractionContainerBrandedHighText = "#000000";
+export const ColorInteractionContainerBrandedHighTextActive = "#000000";
+export const ColorInteractionContainerBrandedHighTextHover = "#000000";
 export const ColorInteractionContainerNeutralBackground = "#ffffff";
 export const ColorInteractionContainerNeutralBackgroundHover = "#ffffff";
 export const ColorInteractionContainerNeutralBackgroundActive = "#45190a";
@@ -50,6 +50,8 @@ export const ColorInteractionLinkInvertedTextHover = "#e75420";
 export const ColorInteractionLinkInvertedIcon = "#414141";
 export const ColorInteractionLinkInvertedIconHover = "#e75420";
 export const ColorBlack = "#000000";
+export const ColorWhite = "#ffffff";
+export const ColorTransparent = "#ffffff";
 export const ColorLevel10Background = "#1d1d1d";
 export const ColorLevel15Background = "#252525";
 export const ColorLevel20Background = "#2b2b2b";
@@ -186,6 +188,8 @@ export const ColorRainbow10Text = "#a9a9a9";
 export const ColorDontUseBorder = "#252525";
 export const ColorDontUseContent = "#252525";
 export const ColorDontUseBackground = "#0e0e0e";
+export const OpacityDisabled = "50%";
+export const OpacityDisabled2 = "0%";
 export const ShadowColorOpacity0 = "#ffffff";
 export const ShadowColorOpacity1 = "#0e0e0e";
 export const ShadowColorOpacity2 = "#0e0e0e";
@@ -212,7 +216,6 @@ export const ShadowYAxisLg2 = "10px";
 export const ShadowYAxisXl1 = "10px";
 export const ShadowYAxisXl2 = "20px";
 export const ShadowYAxis2xl = "25px";
-export const ComponentsWpfComponents2 = "#ffffff";
 export const ComponentsButtonHighBorder = "#ffffff";
 export const ComponentsButtonHighBorderHover = "#ffffff";
 export const ComponentsButtonHighBorderActive = "#ffffff";
@@ -271,8 +274,8 @@ export const ComponentsButtonMediumIconHover = "#eb7247";
 export const ComponentsButtonMediumText = "#e75420";
 export const ComponentsButtonMediumTextActive = "#eb7247";
 export const ComponentsButtonMediumTextHover = "#eb7247";
-export const ComponentsFormOpacityDefault = "100px";
-export const ComponentsFormOpacityDisabled = "50px";
+export const ComponentsFormOpacityDefault = "100%";
+export const ComponentsFormOpacityDisabled = "50%";
 export const ComponentsFormTextRequired = "#ff3d3d";
 export const ComponentsFormTextInfoIcon = "#808080";
 export const ComponentsFormTextLabelDefault = "#f6f6f6";
@@ -369,7 +372,7 @@ export const ComponentsButtonDestructiveLowerIcon = "#252525";
 export const ComponentsButtonDestructiveLowerIconHover = "#252525";
 export const ComponentsButtonDestructiveLowerBorder = "#252525";
 export const ComponentsButtonDestructiveLowerBorderHover = "#252525";
-export const ComponentsOverlayOpacity = "75px";
+export const ComponentsOverlayOpacity = "75%";
 export const ComponentsOverlayBackground = "#313131";
 export const ComponentsAlertInformationBackground = "#001c37";
 export const ComponentsAlertInformationIcon = "#659fff";
@@ -418,6 +421,9 @@ export const ComponentsAvatarContent7 = "#66b16a";
 export const ComponentsAvatarContent8 = "#71b2bc";
 export const ComponentsAvatarContent9 = "#8da930";
 export const ComponentsAvatarContent10 = "#a9a9a9";
+export const ComponentsBreadcrumbText = "#808080";
+export const ComponentsBreadcrumbTextActive = "#bfbfbf";
+export const ComponentsBreadcrumbTextHover = "#e75420";
 export const ComponentsNotificationInformationBackground = "#2b2b2b";
 export const ComponentsNotificationInformationIcon = "#659fff";
 export const ComponentsNotificationInformationBorder = "#659fff";
@@ -435,14 +441,6 @@ export const ComponentsNotificationSuccessIcon = "#6bde71";
 export const ComponentsNotificationNeutralBackground = "#2b2b2b";
 export const ComponentsNotificationNeutralBorder = "#919191";
 export const ComponentsNotificationNeutralIcon = "#919191";
-export const ComponentsPopoverBackground = "#0e0e0e";
-export const ComponentsPopoverBorder = "#484848";
-export const ComponentsPopoverText = "#bfbfbf";
-export const ComponentsPopoverSupportingText = "#808080";
-export const ComponentsTooltipBackground = "#f6f6f6";
-export const ComponentsTooltipBorder = "#f6f6f6";
-export const ComponentsTooltipText = "#1d1d1d";
-export const ComponentsTooltipSupportingText = "#414141";
 export const ComponentsMenuContextualBackground = "#0e0e0e";
 export const ComponentsMenuContextualBorder = "#484848";
 export const ComponentsMenuContextualItemBackground = "#ffffff";
@@ -451,3 +449,11 @@ export const ComponentsMenuContextualItemShortcut = "#484848";
 export const ComponentsMenuContextualItemContent = "#808080";
 export const ComponentsMenuContextualItemContentDisabled = "#484848";
 export const ComponentsMenuContextualItemContentHover = "#bfbfbf";
+export const ComponentsPopoverBackground = "#0e0e0e";
+export const ComponentsPopoverBorder = "#484848";
+export const ComponentsPopoverText = "#bfbfbf";
+export const ComponentsPopoverSupportingText = "#808080";
+export const ComponentsTooltipBackground = "#f6f6f6";
+export const ComponentsTooltipBorder = "#f6f6f6";
+export const ComponentsTooltipText = "#1d1d1d";
+export const ComponentsTooltipSupportingText = "#414141";

package/dist/js/spark_light.d.ts

@@ -2,18 +2,6 @@
  * Do not edit directly, this file was auto-generated.
  */
 
-export const ColorInteractionContainerBrandedHighBorder : string;
-export const ColorInteractionContainerBrandedHighBorderActive : string;
-export const ColorInteractionContainerBrandedHighBorderHover : string;
-export const ColorInteractionContainerBrandedHighBackground : string;
-export const ColorInteractionContainerBrandedHighBackgroundActive : string;
-export const ColorInteractionContainerBrandedHighBackgroundHover : string;
-export const ColorInteractionContainerBrandedHighIcon : string;
-export const ColorInteractionContainerBrandedHighIconActive : string;
-export const ColorInteractionContainerBrandedHighIconHover : string;
-export const ColorInteractionContainerBrandedHighText : string;
-export const ColorInteractionContainerBrandedHighTextActive : string;
-export const ColorInteractionContainerBrandedHighTextHover : string;
 export const ColorInteractionContainerBrandedLowBackground : string;
 export const ColorInteractionContainerBrandedLowBackgroundActive : string;
 export const ColorInteractionContainerBrandedLowBackgroundHover : string;
@@ -26,6 +14,18 @@ export const ColorInteractionContainerBrandedLowIconHover : string;
 export const ColorInteractionContainerBrandedLowText : string;
 export const ColorInteractionContainerBrandedLowTextActive : string;
 export const ColorInteractionContainerBrandedLowTextHover : string;
+export const ColorInteractionContainerBrandedHighBackground : string;
+export const ColorInteractionContainerBrandedHighBackgroundActive : string;
+export const ColorInteractionContainerBrandedHighBackgroundHover : string;
+export const ColorInteractionContainerBrandedHighBorder : string;
+export const ColorInteractionContainerBrandedHighBorderActive : string;
+export const ColorInteractionContainerBrandedHighBorderHover : string;
+export const ColorInteractionContainerBrandedHighIcon : string;
+export const ColorInteractionContainerBrandedHighIconActive : string;
+export const ColorInteractionContainerBrandedHighIconHover : string;
+export const ColorInteractionContainerBrandedHighText : string;
+export const ColorInteractionContainerBrandedHighTextActive : string;
+export const ColorInteractionContainerBrandedHighTextHover : string;
 export const ColorInteractionContainerNeutralBackground : string;
 export const ColorInteractionContainerNeutralBackgroundHover : string;
 export const ColorInteractionContainerNeutralBackgroundActive : string;
@@ -50,6 +50,8 @@ export const ColorInteractionLinkInvertedTextHover : string;
 export const ColorInteractionLinkInvertedIcon : string;
 export const ColorInteractionLinkInvertedIconHover : string;
 export const ColorBlack : string;
+export const ColorWhite : string;
+export const ColorTransparent : string;
 export const ColorLevel10Background : string;
 export const ColorLevel15Background : string;
 export const ColorLevel20Background : string;
@@ -186,6 +188,8 @@ export const ColorRainbow10Text : string;
 export const ColorDontUseBorder : string;
 export const ColorDontUseContent : string;
 export const ColorDontUseBackground : string;
+export const OpacityDisabled : string;
+export const OpacityDisabled2 : string;
 export const ShadowColorOpacity0 : string;
 export const ShadowColorOpacity1 : string;
 export const ShadowColorOpacity2 : string;
@@ -212,7 +216,6 @@ export const ShadowYAxisLg2 : string;
 export const ShadowYAxisXl1 : string;
 export const ShadowYAxisXl2 : string;
 export const ShadowYAxis2xl : string;
-export const ComponentsWpfComponents2 : string;
 export const ComponentsButtonHighBorder : string;
 export const ComponentsButtonHighBackground : string;
 export const ComponentsButtonHighBackgroundActive : string;
@@ -418,6 +421,9 @@ export const ComponentsAvatarContent7 : string;
 export const ComponentsAvatarContent8 : string;
 export const ComponentsAvatarContent9 : string;
 export const ComponentsAvatarContent10 : string;
+export const ComponentsBreadcrumbText : string;
+export const ComponentsBreadcrumbTextActive : string;
+export const ComponentsBreadcrumbTextHover : string;
 export const ComponentsNotificationInformationBackground : string;
 export const ComponentsNotificationInformationIcon : string;
 export const ComponentsNotificationInformationBorder : string;
@@ -435,14 +441,6 @@ export const ComponentsNotificationSuccessIcon : string;
 export const ComponentsNotificationNeutralBackground : string;
 export const ComponentsNotificationNeutralBorder : string;
 export const ComponentsNotificationNeutralIcon : string;
-export const ComponentsPopoverBackground : string;
-export const ComponentsPopoverBorder : string;
-export const ComponentsPopoverText : string;
-export const ComponentsPopoverSupportingText : string;
-export const ComponentsTooltipBackground : string;
-export const ComponentsTooltipBorder : string;
-export const ComponentsTooltipText : string;
-export const ComponentsTooltipSupportingText : string;
 export const ComponentsMenuContextualBackground : string;
 export const ComponentsMenuContextualBorder : string;
 export const ComponentsMenuContextualItemBackground : string;
@@ -451,3 +449,11 @@ export const ComponentsMenuContextualItemShortcut : string;
 export const ComponentsMenuContextualItemContent : string;
 export const ComponentsMenuContextualItemContentDisabled : string;
 export const ComponentsMenuContextualItemContentHover : string;
+export const ComponentsPopoverBackground : string;
+export const ComponentsPopoverBorder : string;
+export const ComponentsPopoverText : string;
+export const ComponentsPopoverSupportingText : string;
+export const ComponentsTooltipBackground : string;
+export const ComponentsTooltipBorder : string;
+export const ComponentsTooltipText : string;
+export const ComponentsTooltipSupportingText : string;

package/dist/js/spark_light.js

@@ -2,18 +2,6 @@
  * Do not edit directly, this file was auto-generated.
  */
 
-export const ColorInteractionContainerBrandedHighBorder = "#ffffff";
-export const ColorInteractionContainerBrandedHighBorderActive = "#ffffff";
-export const ColorInteractionContainerBrandedHighBorderHover = "#ffffff";
-export const ColorInteractionContainerBrandedHighBackground = "#e75420";
-export const ColorInteractionContainerBrandedHighBackgroundActive = "#bf451a";
-export const ColorInteractionContainerBrandedHighBackgroundHover = "#bf451a";
-export const ColorInteractionContainerBrandedHighIcon = "#ffffff";
-export const ColorInteractionContainerBrandedHighIconActive = "#ffffff";
-export const ColorInteractionContainerBrandedHighIconHover = "#ffffff";
-export const ColorInteractionContainerBrandedHighText = "#ffffff";
-export const ColorInteractionContainerBrandedHighTextActive = "#ffffff";
-export const ColorInteractionContainerBrandedHighTextHover = "#ffffff";
 export const ColorInteractionContainerBrandedLowBackground = "#ffffff";
 export const ColorInteractionContainerBrandedLowBackgroundActive = "#fceae3";
 export const ColorInteractionContainerBrandedLowBackgroundHover = "#fceae3";
@@ -26,6 +14,18 @@ export const ColorInteractionContainerBrandedLowIconHover = "#bf451a";
 export const ColorInteractionContainerBrandedLowText = "#e75420";
 export const ColorInteractionContainerBrandedLowTextActive = "#bf451a";
 export const ColorInteractionContainerBrandedLowTextHover = "#bf451a";
+export const ColorInteractionContainerBrandedHighBackground = "#e75420";
+export const ColorInteractionContainerBrandedHighBackgroundActive = "#bf451a";
+export const ColorInteractionContainerBrandedHighBackgroundHover = "#bf451a";
+export const ColorInteractionContainerBrandedHighBorder = "#e75420";
+export const ColorInteractionContainerBrandedHighBorderActive = "#bf451a";
+export const ColorInteractionContainerBrandedHighBorderHover = "#bf451a";
+export const ColorInteractionContainerBrandedHighIcon = "#ffffff";
+export const ColorInteractionContainerBrandedHighIconActive = "#ffffff";
+export const ColorInteractionContainerBrandedHighIconHover = "#ffffff";
+export const ColorInteractionContainerBrandedHighText = "#ffffff";
+export const ColorInteractionContainerBrandedHighTextActive = "#ffffff";
+export const ColorInteractionContainerBrandedHighTextHover = "#ffffff";
 export const ColorInteractionContainerNeutralBackground = "#ffffff";
 export const ColorInteractionContainerNeutralBackgroundHover = "#a5a5a5";
 export const ColorInteractionContainerNeutralBackgroundActive = "#fceae3";
@@ -50,6 +50,8 @@ export const ColorInteractionLinkInvertedTextHover = "#e75420";
 export const ColorInteractionLinkInvertedIcon = "#919191";
 export const ColorInteractionLinkInvertedIconHover = "#e75420";
 export const ColorBlack = "#000000";
+export const ColorWhite = "#ffffff";
+export const ColorTransparent = "#ffffff";
 export const ColorLevel10Background = "#f6f6f6";
 export const ColorLevel15Background = "#ededed";
 export const ColorLevel20Background = "#ffffff";
@@ -186,6 +188,8 @@ export const ColorRainbow10Text = "#484848";
 export const ColorDontUseBorder = "#e3e3e3";
 export const ColorDontUseContent = "#e3e3e3";
 export const ColorDontUseBackground = "#f6f6f6";
+export const OpacityDisabled = "50%";
+export const OpacityDisabled2 = "50%";
 export const ShadowColorOpacity0 = "#000000";
 export const ShadowColorOpacity1 = "#0e0e0e";
 export const ShadowColorOpacity2 = "#0e0e0e";
@@ -212,13 +216,12 @@ export const ShadowYAxisLg2 = "10px";
 export const ShadowYAxisXl1 = "10px";
 export const ShadowYAxisXl2 = "20px";
 export const ShadowYAxis2xl = "25px";
-export const ComponentsWpfComponents2 = "#ffffff";
 export const ComponentsButtonHighBorder = "#ffffff";
 export const ComponentsButtonHighBackground = "#e75420";
 export const ComponentsButtonHighBackgroundActive = "#bf451a";
 export const ComponentsButtonHighBackgroundHover = "#bf451a";
-export const ComponentsButtonHighBorderHover = "#ffffff";
-export const ComponentsButtonHighBorderActive = "#ffffff";
+export const ComponentsButtonHighBorderHover = "#bf451a";
+export const ComponentsButtonHighBorderActive = "#bf451a";
 export const ComponentsButtonHighText = "#ffffff";
 export const ComponentsButtonHighTextActive = "#ffffff";
 export const ComponentsButtonHighTextHover = "#ffffff";
@@ -271,8 +274,8 @@ export const ComponentsButtonMediumIconHover = "#bf451a";
 export const ComponentsButtonMediumText = "#e75420";
 export const ComponentsButtonMediumTextActive = "#bf451a";
 export const ComponentsButtonMediumTextHover = "#bf451a";
-export const ComponentsFormOpacityDefault = "100px";
-export const ComponentsFormOpacityDisabled = "50px";
+export const ComponentsFormOpacityDefault = "100%";
+export const ComponentsFormOpacityDisabled = "50%";
 export const ComponentsFormTextRequired = "#da2424";
 export const ComponentsFormTextInfoIcon = "#6d6d6d";
 export const ComponentsFormTextLabelDefault = "#1d1d1d";
@@ -369,7 +372,7 @@ export const ComponentsButtonDestructiveLowerIcon = "#e3e3e3";
 export const ComponentsButtonDestructiveLowerIconHover = "#e3e3e3";
 export const ComponentsButtonDestructiveLowerBorder = "#e3e3e3";
 export const ComponentsButtonDestructiveLowerBorderHover = "#e3e3e3";
-export const ComponentsOverlayOpacity = "55px";
+export const ComponentsOverlayOpacity = "55%";
 export const ComponentsOverlayBackground = "#161616";
 export const ComponentsAlertInformationBackground = "#f0f6ff";
 export const ComponentsAlertInformationIcon = "#2660c2";
@@ -418,6 +421,9 @@ export const ComponentsAvatarContent7 = "#106f15";
 export const ComponentsAvatarContent8 = "#1f717d";
 export const ComponentsAvatarContent9 = "#5c6e1f";
 export const ComponentsAvatarContent10 = "#484848";
+export const ComponentsBreadcrumbText = "#6d6d6d";
+export const ComponentsBreadcrumbTextActive = "#414141";
+export const ComponentsBreadcrumbTextHover = "#e75420";
 export const ComponentsNotificationInformationBackground = "#ffffff";
 export const ComponentsNotificationInformationIcon = "#2660c2";
 export const ComponentsNotificationInformationBorder = "#2660c2";
@@ -435,14 +441,6 @@ export const ComponentsNotificationSuccessIcon = "#34ae3b";
 export const ComponentsNotificationNeutralBackground = "#ffffff";
 export const ComponentsNotificationNeutralBorder = "#6d6d6d";
 export const ComponentsNotificationNeutralIcon = "#6d6d6d";
-export const ComponentsPopoverBackground = "#f6f6f6";
-export const ComponentsPopoverBorder = "#e3e3e3";
-export const ComponentsPopoverText = "#414141";
-export const ComponentsPopoverSupportingText = "#6d6d6d";
-export const ComponentsTooltipBackground = "#0e0e0e";
-export const ComponentsTooltipBorder = "#0e0e0e";
-export const ComponentsTooltipText = "#f6f6f6";
-export const ComponentsTooltipSupportingText = "#919191";
 export const ComponentsMenuContextualBackground = "#ffffff";
 export const ComponentsMenuContextualBorder = "#e3e3e3";
 export const ComponentsMenuContextualItemBackground = "#ffffff";
@@ -451,3 +449,11 @@ export const ComponentsMenuContextualItemShortcut = "#a9a9a9";
 export const ComponentsMenuContextualItemContent = "#6d6d6d";
 export const ComponentsMenuContextualItemContentDisabled = "#a9a9a9";
 export const ComponentsMenuContextualItemContentHover = "#414141";
+export const ComponentsPopoverBackground = "#ffffff";
+export const ComponentsPopoverBorder = "#e3e3e3";
+export const ComponentsPopoverText = "#414141";
+export const ComponentsPopoverSupportingText = "#6d6d6d";
+export const ComponentsTooltipBackground = "#0e0e0e";
+export const ComponentsTooltipBorder = "#0e0e0e";
+export const ComponentsTooltipText = "#f6f6f6";
+export const ComponentsTooltipSupportingText = "#919191";

package/dist/{lib/lib → plugin}/nova-plugin.d.ts

@@ -5,3 +5,4 @@ export declare const novaTailwindPlugin: {
     handler: import("tailwindcss/types/config.js").PluginCreator;
     config?: Partial<import("tailwindcss/types/config.js").Config>;
 };
+export default novaTailwindPlugin;

package/dist/{lib/lib → plugin}/nova-plugin.js

@@ -29,6 +29,9 @@ export const novaTailwindPlugin = plugin(({ addUtilities, addComponents, addBase
         'a:hover': {
             color: 'var(--color-interaction-link-high-text-hover)',
         },
+        'no-underline': {
+            'text-decoration': 'none',
+        },
         h1: {
             fontSize: 'var(--global-typography-h1-font-size)',
             lineHeight: 'var(--global-typography-h1-line-height)',
@@ -102,3 +105,4 @@ export const novaTailwindPlugin = plugin(({ addUtilities, addComponents, addBase
         },
     });
 });
+export default novaTailwindPlugin;

package/dist/{lib/lib → plugin}/nova-theme.d.ts

@@ -86,3 +86,4 @@ export declare const lineHeight: {
 };
 export declare const colors: Config['theme']['colors'];
 export declare const novaTailwindTheme: Config['theme'];
+export default novaTailwindTheme;

package/dist/{lib/lib → plugin}/nova-theme.js

@@ -243,3 +243,4 @@ export const novaTailwindTheme = {
         lineHeight,
     },
 };
+export default novaTailwindTheme;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@nova-design-system/nova-base",
-  "version": "3.0.0-beta.35",
+  "version": "3.0.0-beta.37",
   "description": "Nova is a design system created by Elia Group to empower creators to efficiently build solutions that people love to use.",
   "author": "Elia Group",
   "homepage": "https://nova.eliagroup.io",
@@ -11,11 +11,11 @@
     "access": "public"
   },
   "scripts": {
-    "generate-tokens": "tsx scripts/extract-tokens.ts && tsx scripts/generate-token-files.ts",
-    "generate-css-utils": "tailwindcss -i ./lib/tailwind.css -o ./dist/css/nova-utils.css",
+    "generate-tokens": "tsx scripts/extract-tokens/extract-tokens.ts && tsx scripts/generate-token-files.ts",
+    "generate-css-utils": "tailwindcss -i ./plugin/tailwind.css -o ./dist/css/nova-utils.css",
     "generate-tailwind-tokens": "tsx scripts/generate-tailwind-tokens.ts",
     "generate-tailwind-components": "tsx scripts/generate-tailwind-components.ts",
-    "build-lib": "tsc && tsc --module CommonJS --moduleResolution Node --declaration false --outDir ./dist/lib/cjs",
+    "build-lib": "tsc && tsc --module CommonJS --moduleResolution Node --declaration false --outDir ./dist/cjs",
     "merge-css": "tsx scripts/merge-css.ts",
     "build": "npm run clean && tsx scripts/generate-tokens.ts && npm run generate-tailwind-components && npm run merge-css && npm run generate-tailwind-tokens && npm run generate-css-utils && npm run build-lib",
     "clean": "rimraf dist",
@@ -37,9 +37,14 @@
     "./dist/*": "./dist/*",
     "./assets/*": "./assets/*",
     "./theme": {
-      "import": "./dist/lib/index.js",
-      "require": "./dist/lib/cjs/index.js",
-      "types": "./dist/lib/index.d.ts"
+      "import": "./dist/plugin/index.js",
+      "require": "./dist/cjs/plugin/index.js",
+      "types": "./dist/plugin/index.d.ts"
+    },
+    "./theme/plugin": {
+      "import": "./dist/plugin/nova-plugin.js",
+      "require": "./dist/cjs/plugin/nova-plugin.js",
+      "types": "./dist/plugin/nova-plugin.d.ts"
     }
   }
 }