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

package/dist/js/spacings.js

@@ -51,21 +51,72 @@ export const ListNativeGapY = "2px";
 export const ListNativeRadius = "6px";
 export const ListNativePadding = "8px";
 export const ListNativeSubItemPaddingLeft = "32px";
-export const ListCustomIconSize = "20px";
-export const ListCustomFontSize = "16px";
-export const ListCustomLineHeight = "24px";
-export const ListCustomItemPaddingLeft = "32px";
-export const ListCustomItemPaddingRight = "8px";
-export const ListCustomItemPaddingX = "8px";
-export const ListCustomItemPaddingY = "8px";
-export const ListCustomItemGapX = "12px";
-export const ListCustomItemRadius = "6px";
-export const ListCustomGapY = "2px";
-export const ListCustomRadius = "6px";
-export const ListCustomPadding = "8px";
-export const ListCustomSeparatorPaddingX = "0px";
-export const ListCustomSeparatorPaddingY = "2px";
-export const ListCustomSubItemPaddingLeft = "40px";
+export const ListDropdownIconSize = "20px";
+export const ListDropdownFontSize = "16px";
+export const ListDropdownLineHeight = "24px";
+export const ListDropdownItemPaddingLeft = "32px";
+export const ListDropdownItemPaddingRight = "8px";
+export const ListDropdownItemPaddingX = "8px";
+export const ListDropdownItemPaddingY = "8px";
+export const ListDropdownItemGapX = "12px";
+export const ListDropdownItemRadius = "6px";
+export const ListDropdownGapY = "2px";
+export const ListDropdownRadius = "6px";
+export const ListDropdownPadding = "8px";
+export const ListDropdownSeparatorPaddingX = "0px";
+export const ListDropdownSeparatorPaddingY = "2px";
+export const ListDropdownSubItemPaddingLeft = "40px";
+export const ListMultiselectPadding = "12px";
+export const FormFieldBadgeGap = "0px";
+export const FormFieldBadgePaddingX = "4px";
+export const FormFieldBadgePaddingY = "2px";
+export const FormFieldFontSize = "16px";
+export const FormFieldFontWeight = "500";
+export const FormFieldIconSize = "20px";
+export const FormFieldGap = "8px";
+export const FormFieldGapInner = "8px";
+export const FormFieldLineHeight = "24px";
+export const FormFieldPaddingX = "8px";
+export const FormFieldPaddingXIconButton = "40px";
+export const FormFieldPaddingY = "8px";
+export const FormFieldRadius = "6px";
+export const FormFieldLeadingTrailingFontSize = "14px";
+export const FormFieldLeadingTrailingIconSize = "20px";
+export const FormFieldLeadingTrailingLineHeight = "24px";
+export const FormFieldInnerButtonPaddingXExt = "10px";
+export const FormFieldInnerButtonPaddingXInt = "6px";
+export const FormFieldInnerButtonPaddingY = "10px";
+export const FormGapX = "12px";
+export const FormGapY = "4px";
+export const FormDescriptionFontSize = "14px";
+export const FormDescriptionLineHeight = "20px";
+export const FormDescriptionFontWeight = "400";
+export const FormLabelFontSize = "14px";
+export const FormLabelGap = "4px";
+export const FormLabelLineHeight = "20px";
+export const FormLabelFontWeight = "500";
+export const FormCheckboxBorderWidth = "2px";
+export const FormCheckboxIconSize = "14px";
+export const FormCheckboxPaddingTop = "0px";
+export const FormCheckboxRadius = "6px";
+export const FormCheckboxSize = "20px";
+export const FormCheckboxRingRadius = "8px";
+export const FormCheckboxIconStroke = "2px";
+export const FormRadioBorderWidth = "2px";
+export const FormRadioInnerCirclePadding = "6px";
+export const FormRadioInnerCircleSize = "8px";
+export const FormRadioPaddingTop = "0px";
+export const FormRadioSize = "20px";
+export const FormRadioRingRadius = "9999px";
+export const FormToggleBorderWidth = "2px";
+export const FormToggleHeight = "20px";
+export const FormTogglePaddingTop = "0px";
+export const FormToggleRadius = "9999px";
+export const FormTogglePaddingDefault = "4px";
+export const FormTogglePaddingSelected = "2px";
+export const FormToggleSwitchDotDefault = "12px";
+export const FormToggleSwitchDotSelected = "14px";
+export const FormToggleWidth = "36px";
 export const MenuContextualDividerPaddingBottom = "3px";
 export const MenuContextualDividerPaddingTop = "4px";
 export const MenuContextualDividerPaddingX = "10px";
@@ -189,53 +240,6 @@ export const DialogFooterPaddingX = "24px";
 export const FocusFieldStroke = "1px";
 export const FocusOutlineOffset = "2px";
 export const FocusOutlineStroke = "2px";
-export const FormGapX = "12px";
-export const FormGapY = "4px";
-export const FormDescriptionFontSize = "14px";
-export const FormDescriptionLineHeight = "20px";
-export const FormDescriptionFontWeight = "400";
-export const FormLabelFontSize = "14px";
-export const FormLabelGap = "4px";
-export const FormLabelLineHeight = "20px";
-export const FormLabelFontWeight = "500";
-export const FormFieldFontSize = "16px";
-export const FormFieldFontWeight = "500";
-export const FormFieldIconSize = "20px";
-export const FormFieldGap = "8px";
-export const FormFieldGapInner = "8px";
-export const FormFieldLineHeight = "24px";
-export const FormFieldPaddingX = "8px";
-export const FormFieldPaddingXIconButton = "40px";
-export const FormFieldPaddingY = "8px";
-export const FormFieldRadius = "6px";
-export const FormFieldLeadingTrailingFontSize = "14px";
-export const FormFieldLeadingTrailingIconSize = "20px";
-export const FormFieldLeadingTrailingLineHeight = "24px";
-export const FormFieldInnerButtonPaddingXExt = "10px";
-export const FormFieldInnerButtonPaddingXInt = "6px";
-export const FormFieldInnerButtonPaddingY = "10px";
-export const FormCheckboxBorderWidth = "2px";
-export const FormCheckboxIconSize = "14px";
-export const FormCheckboxPaddingTop = "0px";
-export const FormCheckboxRadius = "6px";
-export const FormCheckboxSize = "20px";
-export const FormCheckboxRingRadius = "8px";
-export const FormCheckboxIconStroke = "2px";
-export const FormRadioBorderWidth = "2px";
-export const FormRadioInnerCirclePadding = "6px";
-export const FormRadioInnerCircleSize = "8px";
-export const FormRadioPaddingTop = "0px";
-export const FormRadioSize = "20px";
-export const FormRadioRingRadius = "9999px";
-export const FormToggleBorderWidth = "2px";
-export const FormToggleHeight = "20px";
-export const FormTogglePaddingTop = "0px";
-export const FormToggleRadius = "9999px";
-export const FormTogglePaddingDefault = "4px";
-export const FormTogglePaddingSelected = "2px";
-export const FormToggleSwitchDotDefault = "12px";
-export const FormToggleSwitchDotSelected = "14px";
-export const FormToggleWidth = "36px";
 export const LoaderSizeXs = "16px";
 export const LoaderSizeSm = "20px";
 export const LoaderSizeMd = "24px";

package/dist/js/spark_dark.d.ts

@@ -30,6 +30,7 @@ export const ColorInteractionContainerNeutralBackground : string;
 export const ColorInteractionContainerNeutralBackgroundHover : string;
 export const ColorInteractionContainerNeutralBackgroundActive : string;
 export const ColorInteractionContainerNeutralBorder : string;
+export const ColorInteractionContainerNeutralBorderActive : string;
 export const ColorInteractionContainerNeutralBorderHover : string;
 export const ColorInteractionContainerNeutralIcon : string;
 export const ColorInteractionContainerNeutralIconActive : string;
@@ -327,17 +328,24 @@ export const ComponentsListNativeItemBackgroundDefault : string;
 export const ComponentsListNativeItemBackgroundHover : string;
 export const ComponentsListNativeItemBackgroundDisabled : string;
 export const ComponentsListNativeItemBackgroundTitle : string;
-export const ComponentsListCustomBackground : string;
-export const ComponentsListCustomItemContentDefault : string;
-export const ComponentsListCustomItemContentHover : string;
-export const ComponentsListCustomItemContentDisabled : string;
-export const ComponentsListCustomItemBackgroundDefault : string;
-export const ComponentsListCustomItemBackgroundHover : string;
-export const ComponentsListCustomItemBackgroundDisabled : string;
-export const ComponentsListCustomItemBackgroundTitle : string;
-export const ComponentsListCustomItemTitleContent : string;
-export const ComponentsListCustomSeparator : string;
-export const ComponentsListCustomBorder : string;
+export const ComponentsListDropdownBackground : string;
+export const ComponentsListDropdownHeaderBackground : string;
+export const ComponentsListDropdownItemBorderActive : string;
+export const ComponentsListDropdownItemLabelDefault : string;
+export const ComponentsListDropdownItemLabelHover : string;
+export const ComponentsListDropdownItemLabelDisabled : string;
+export const ComponentsListDropdownItemLabelActive : string;
+export const ComponentsListDropdownItemDescriptionDefault : string;
+export const ComponentsListDropdownItemDescriptionHover : string;
+export const ComponentsListDropdownItemDescriptionDisabled : string;
+export const ComponentsListDropdownItemBackgroundDefault : string;
+export const ComponentsListDropdownItemBackgroundHover : string;
+export const ComponentsListDropdownItemBackgroundDisabled : string;
+export const ComponentsListDropdownItemBackgroundActive : string;
+export const ComponentsListDropdownGroupTitleContent : string;
+export const ComponentsListDropdownGroupTitleBackground : string;
+export const ComponentsListDropdownSeparator : string;
+export const ComponentsListDropdownBorder : string;
 export const ComponentsLoaderWhiteBackground : string;
 export const ComponentsLoaderWhiteForeground : string;
 export const ComponentsLoaderBrandBackground : string;
@@ -421,6 +429,13 @@ export const ComponentsAvatarContent7 : string;
 export const ComponentsAvatarContent8 : string;
 export const ComponentsAvatarContent9 : string;
 export const ComponentsAvatarContent10 : string;
+export const ComponentsFieldTimeBackgroundDefault : string;
+export const ComponentsFieldTimeBackgroundHover : string;
+export const ComponentsFieldTimeBackgroundActive : string;
+export const ComponentsFieldTimeTextDefault : string;
+export const ComponentsFieldTimeTextHover : string;
+export const ComponentsFieldTimeTextActive : string;
+export const ComponentsFieldTimeBorderActive : string;
 export const ComponentsBreadcrumbText : string;
 export const ComponentsBreadcrumbTextActive : string;
 export const ComponentsBreadcrumbTextHover : string;

package/dist/js/spark_dark.js

@@ -30,6 +30,7 @@ export const ColorInteractionContainerNeutralBackground = "#ffffff";
 export const ColorInteractionContainerNeutralBackgroundHover = "#ffffff";
 export const ColorInteractionContainerNeutralBackgroundActive = "#45190a";
 export const ColorInteractionContainerNeutralBorder = "#808080";
+export const ColorInteractionContainerNeutralBorderActive = "#eb7247";
 export const ColorInteractionContainerNeutralBorderHover = "#bfbfbf";
 export const ColorInteractionContainerNeutralIcon = "#808080";
 export const ColorInteractionContainerNeutralIconActive = "#eb7247";
@@ -75,7 +76,7 @@ export const ColorContentMediumIcon = "#bfbfbf";
 export const ColorContentLowBorder = "#484848";
 export const ColorContentLowText = "#808080";
 export const ColorContentLowIcon = "#808080";
-export const ColorContentLowerText = "#484848";
+export const ColorContentLowerText = "#6d6d6d";
 export const ColorContentInvertedHighText = "#1d1d1d";
 export const ColorContentInvertedHighIcon = "#1d1d1d";
 export const ColorContentInvertedMediumText = "#414141";
@@ -327,17 +328,24 @@ export const ComponentsListNativeItemBackgroundDefault = "#ffffff";
 export const ComponentsListNativeItemBackgroundHover = "#4e7fdf";
 export const ComponentsListNativeItemBackgroundDisabled = "#ffffff";
 export const ComponentsListNativeItemBackgroundTitle = "#ffffff";
-export const ComponentsListCustomBackground = "#0e0e0e";
-export const ComponentsListCustomItemContentDefault = "#808080";
-export const ComponentsListCustomItemContentHover = "#bfbfbf";
-export const ComponentsListCustomItemContentDisabled = "#808080";
-export const ComponentsListCustomItemBackgroundDefault = "#ffffff";
-export const ComponentsListCustomItemBackgroundHover = "#ffffff";
-export const ComponentsListCustomItemBackgroundDisabled = "#ffffff";
-export const ComponentsListCustomItemBackgroundTitle = "#ffffff";
-export const ComponentsListCustomItemTitleContent = "#808080";
-export const ComponentsListCustomSeparator = "#484848";
-export const ComponentsListCustomBorder = "#484848";
+export const ComponentsListDropdownBackground = "#0e0e0e";
+export const ComponentsListDropdownHeaderBackground = "#1d1d1d";
+export const ComponentsListDropdownItemBorderActive = "#eb7247";
+export const ComponentsListDropdownItemLabelDefault = "#bfbfbf";
+export const ComponentsListDropdownItemLabelHover = "#f6f6f6";
+export const ComponentsListDropdownItemLabelDisabled = "#808080";
+export const ComponentsListDropdownItemLabelActive = "#808080";
+export const ComponentsListDropdownItemDescriptionDefault = "#808080";
+export const ComponentsListDropdownItemDescriptionHover = "#bfbfbf";
+export const ComponentsListDropdownItemDescriptionDisabled = "#6d6d6d";
+export const ComponentsListDropdownItemBackgroundDefault = "#ffffff";
+export const ComponentsListDropdownItemBackgroundHover = "#ffffff";
+export const ComponentsListDropdownItemBackgroundDisabled = "#ffffff";
+export const ComponentsListDropdownItemBackgroundActive = "#45190a";
+export const ComponentsListDropdownGroupTitleContent = "#bfbfbf";
+export const ComponentsListDropdownGroupTitleBackground = "#ffffff";
+export const ComponentsListDropdownSeparator = "#484848";
+export const ComponentsListDropdownBorder = "#484848";
 export const ComponentsLoaderWhiteBackground = "#ffffff";
 export const ComponentsLoaderWhiteForeground = "#ffffff";
 export const ComponentsLoaderBrandBackground = "#45190a";
@@ -421,6 +429,13 @@ export const ComponentsAvatarContent7 = "#66b16a";
 export const ComponentsAvatarContent8 = "#71b2bc";
 export const ComponentsAvatarContent9 = "#8da930";
 export const ComponentsAvatarContent10 = "#a9a9a9";
+export const ComponentsFieldTimeBackgroundDefault = "#ffffff";
+export const ComponentsFieldTimeBackgroundHover = "#ffffff";
+export const ComponentsFieldTimeBackgroundActive = "#45190a";
+export const ComponentsFieldTimeTextDefault = "#808080";
+export const ComponentsFieldTimeTextHover = "#bfbfbf";
+export const ComponentsFieldTimeTextActive = "#eb7247";
+export const ComponentsFieldTimeBorderActive = "#eb7247";
 export const ComponentsBreadcrumbText = "#808080";
 export const ComponentsBreadcrumbTextActive = "#bfbfbf";
 export const ComponentsBreadcrumbTextHover = "#e75420";
@@ -445,9 +460,9 @@ export const ComponentsMenuContextualBackground = "#0e0e0e";
 export const ComponentsMenuContextualBorder = "#484848";
 export const ComponentsMenuContextualItemBackground = "#ffffff";
 export const ComponentsMenuContextualItemBackgroundHover = "#ffffff";
-export const ComponentsMenuContextualItemShortcut = "#484848";
+export const ComponentsMenuContextualItemShortcut = "#6d6d6d";
 export const ComponentsMenuContextualItemContent = "#808080";
-export const ComponentsMenuContextualItemContentDisabled = "#484848";
+export const ComponentsMenuContextualItemContentDisabled = "#6d6d6d";
 export const ComponentsMenuContextualItemContentHover = "#bfbfbf";
 export const ComponentsPopoverBackground = "#0e0e0e";
 export const ComponentsPopoverBorder = "#484848";

package/dist/js/spark_light.d.ts

@@ -30,6 +30,7 @@ export const ColorInteractionContainerNeutralBackground : string;
 export const ColorInteractionContainerNeutralBackgroundHover : string;
 export const ColorInteractionContainerNeutralBackgroundActive : string;
 export const ColorInteractionContainerNeutralBorder : string;
+export const ColorInteractionContainerNeutralBorderActive : string;
 export const ColorInteractionContainerNeutralBorderHover : string;
 export const ColorInteractionContainerNeutralIcon : string;
 export const ColorInteractionContainerNeutralIconActive : string;
@@ -327,17 +328,24 @@ export const ComponentsListNativeItemBackgroundDefault : string;
 export const ComponentsListNativeItemBackgroundHover : string;
 export const ComponentsListNativeItemBackgroundDisabled : string;
 export const ComponentsListNativeItemBackgroundTitle : string;
-export const ComponentsListCustomBackground : string;
-export const ComponentsListCustomItemContentDefault : string;
-export const ComponentsListCustomItemContentHover : string;
-export const ComponentsListCustomItemContentDisabled : string;
-export const ComponentsListCustomItemBackgroundDefault : string;
-export const ComponentsListCustomItemBackgroundHover : string;
-export const ComponentsListCustomItemBackgroundDisabled : string;
-export const ComponentsListCustomItemBackgroundTitle : string;
-export const ComponentsListCustomItemTitleContent : string;
-export const ComponentsListCustomSeparator : string;
-export const ComponentsListCustomBorder : string;
+export const ComponentsListDropdownBackground : string;
+export const ComponentsListDropdownHeaderBackground : string;
+export const ComponentsListDropdownItemBorderActive : string;
+export const ComponentsListDropdownItemLabelDefault : string;
+export const ComponentsListDropdownItemLabelHover : string;
+export const ComponentsListDropdownItemLabelDisabled : string;
+export const ComponentsListDropdownItemLabelActive : string;
+export const ComponentsListDropdownItemDescriptionDefault : string;
+export const ComponentsListDropdownItemDescriptionHover : string;
+export const ComponentsListDropdownItemDescriptionDisabled : string;
+export const ComponentsListDropdownItemBackgroundDefault : string;
+export const ComponentsListDropdownItemBackgroundHover : string;
+export const ComponentsListDropdownItemBackgroundDisabled : string;
+export const ComponentsListDropdownItemBackgroundActive : string;
+export const ComponentsListDropdownGroupTitleContent : string;
+export const ComponentsListDropdownGroupTitleBackground : string;
+export const ComponentsListDropdownSeparator : string;
+export const ComponentsListDropdownBorder : string;
 export const ComponentsLoaderWhiteBackground : string;
 export const ComponentsLoaderWhiteForeground : string;
 export const ComponentsLoaderBrandBackground : string;
@@ -421,6 +429,13 @@ export const ComponentsAvatarContent7 : string;
 export const ComponentsAvatarContent8 : string;
 export const ComponentsAvatarContent9 : string;
 export const ComponentsAvatarContent10 : string;
+export const ComponentsFieldTimeBackgroundDefault : string;
+export const ComponentsFieldTimeBackgroundHover : string;
+export const ComponentsFieldTimeBackgroundActive : string;
+export const ComponentsFieldTimeTextDefault : string;
+export const ComponentsFieldTimeTextHover : string;
+export const ComponentsFieldTimeTextActive : string;
+export const ComponentsFieldTimeBorderActive : string;
 export const ComponentsBreadcrumbText : string;
 export const ComponentsBreadcrumbTextActive : string;
 export const ComponentsBreadcrumbTextHover : string;

package/dist/js/spark_light.js

@@ -30,6 +30,7 @@ export const ColorInteractionContainerNeutralBackground = "#ffffff";
 export const ColorInteractionContainerNeutralBackgroundHover = "#a5a5a5";
 export const ColorInteractionContainerNeutralBackgroundActive = "#fceae3";
 export const ColorInteractionContainerNeutralBorder = "#6d6d6d";
+export const ColorInteractionContainerNeutralBorderActive = "#bf451a";
 export const ColorInteractionContainerNeutralBorderHover = "#414141";
 export const ColorInteractionContainerNeutralIcon = "#6d6d6d";
 export const ColorInteractionContainerNeutralIconActive = "#bf451a";
@@ -327,17 +328,24 @@ export const ComponentsListNativeItemBackgroundDefault = "#ffffff";
 export const ComponentsListNativeItemBackgroundHover = "#4e7fdf";
 export const ComponentsListNativeItemBackgroundDisabled = "#ffffff";
 export const ComponentsListNativeItemBackgroundTitle = "#ffffff";
-export const ComponentsListCustomBackground = "#ffffff";
-export const ComponentsListCustomItemContentDefault = "#6d6d6d";
-export const ComponentsListCustomItemContentHover = "#414141";
-export const ComponentsListCustomItemContentDisabled = "#6d6d6d";
-export const ComponentsListCustomItemBackgroundDefault = "#ffffff";
-export const ComponentsListCustomItemBackgroundHover = "#a5a5a5";
-export const ComponentsListCustomItemBackgroundDisabled = "#ffffff";
-export const ComponentsListCustomItemBackgroundTitle = "#ffffff";
-export const ComponentsListCustomItemTitleContent = "#6d6d6d";
-export const ComponentsListCustomSeparator = "#e3e3e3";
-export const ComponentsListCustomBorder = "#e3e3e3";
+export const ComponentsListDropdownBackground = "#ffffff";
+export const ComponentsListDropdownHeaderBackground = "#f6f6f6";
+export const ComponentsListDropdownItemBorderActive = "#bf451a";
+export const ComponentsListDropdownItemLabelDefault = "#414141";
+export const ComponentsListDropdownItemLabelHover = "#1d1d1d";
+export const ComponentsListDropdownItemLabelDisabled = "#414141";
+export const ComponentsListDropdownItemLabelActive = "#bf451a";
+export const ComponentsListDropdownItemDescriptionDefault = "#6d6d6d";
+export const ComponentsListDropdownItemDescriptionHover = "#6d6d6d";
+export const ComponentsListDropdownItemDescriptionDisabled = "#6d6d6d";
+export const ComponentsListDropdownItemBackgroundDefault = "#ffffff";
+export const ComponentsListDropdownItemBackgroundHover = "#a5a5a5";
+export const ComponentsListDropdownItemBackgroundDisabled = "#ffffff";
+export const ComponentsListDropdownItemBackgroundActive = "#fceae3";
+export const ComponentsListDropdownGroupTitleContent = "#414141";
+export const ComponentsListDropdownGroupTitleBackground = "#ffffff";
+export const ComponentsListDropdownSeparator = "#e3e3e3";
+export const ComponentsListDropdownBorder = "#e3e3e3";
 export const ComponentsLoaderWhiteBackground = "#ffffff";
 export const ComponentsLoaderWhiteForeground = "#ffffff";
 export const ComponentsLoaderBrandBackground = "#fceae3";
@@ -421,6 +429,13 @@ export const ComponentsAvatarContent7 = "#106f15";
 export const ComponentsAvatarContent8 = "#1f717d";
 export const ComponentsAvatarContent9 = "#5c6e1f";
 export const ComponentsAvatarContent10 = "#484848";
+export const ComponentsFieldTimeBackgroundDefault = "#ffffff";
+export const ComponentsFieldTimeBackgroundHover = "#a5a5a5";
+export const ComponentsFieldTimeBackgroundActive = "#fceae3";
+export const ComponentsFieldTimeTextDefault = "#6d6d6d";
+export const ComponentsFieldTimeTextHover = "#414141";
+export const ComponentsFieldTimeTextActive = "#bf451a";
+export const ComponentsFieldTimeBorderActive = "#bf451a";
 export const ComponentsBreadcrumbText = "#6d6d6d";
 export const ComponentsBreadcrumbTextActive = "#414141";
 export const ComponentsBreadcrumbTextHover = "#e75420";

package/dist/plugin/nova-plugin.js

@@ -104,5 +104,7 @@ export const novaTailwindPlugin = plugin(({ addUtilities, addComponents, addBase
             width: 'unset',
         },
     });
+}, {
+    important: true,
 });
 export default novaTailwindPlugin;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@nova-design-system/nova-base",
-  "version": "3.0.0-beta.37",
+  "version": "3.0.0-beta.39",
   "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",