@nova-design-system/nova-base 3.0.0-beta.16

package/dist/js/spacings.d.ts

@@ -0,0 +1,250 @@
+/**
+ * Do not edit directly, this file was auto-generated.
+ */
+
+export const ButtonMdGap : string;
+export const ButtonMdPaddingY : string;
+export const ButtonMdPaddingX : string;
+export const ButtonMdBorderRadius : string;
+export const ButtonMdIconSize : string;
+export const ButtonMdFontSize : string;
+export const ButtonMdLineHeight : string;
+export const ButtonMdIconButtonPadding : string;
+export const ButtonMdRingRadius : string;
+export const ButtonXsGap : string;
+export const ButtonXsPaddingX : string;
+export const ButtonXsPaddingY : string;
+export const ButtonXsBorderRadius : string;
+export const ButtonXsIconSize : string;
+export const ButtonXsLineHeight : string;
+export const ButtonXsFontSize : string;
+export const ButtonXsIconButtonPadding : string;
+export const ButtonXsRingRadius : string;
+export const ButtonSmGap : string;
+export const ButtonSmPaddingX : string;
+export const ButtonSmPaddingY : string;
+export const ButtonSmBorderRadius : string;
+export const ButtonSmIconSize : string;
+export const ButtonSmFontSize : string;
+export const ButtonSmLineHeight : string;
+export const ButtonSmIconButtonPadding : string;
+export const ButtonSmRingRadius : string;
+export const ButtonLgGap : string;
+export const ButtonLgPaddingX : string;
+export const ButtonLgPaddingY : string;
+export const ButtonLgBorderRadius : string;
+export const ButtonLgIconSize : string;
+export const ButtonLgFontSize : string;
+export const ButtonLgLineHeight : string;
+export const ButtonLgIconButtonPadding : string;
+export const ButtonLgRingRadius : string;
+export const FormFieldGap : string;
+export const FormFieldPaddingX : string;
+export const FormFieldPaddingY : string;
+export const FormFieldFontSize : string;
+export const FormFieldLineHeight : string;
+export const FormFieldRadius : string;
+export const FormFieldGapInner : string;
+export const FormFieldLeadingTrailingFontSize : string;
+export const FormFieldLeadingTrailingLineHeight : string;
+export const FormFieldLeadingTrailingIconSize : string;
+export const FormFieldIconSize : string;
+export const FormFieldInnerButtonPaddingXExt : string;
+export const FormFieldInnerButtonPaddingY : string;
+export const FormFieldInnerButtonPaddingXInt : string;
+export const FormFieldPaddingXIconButton : string;
+export const FormFieldFontWeight : string;
+export const FormLabelFontSize : string;
+export const FormLabelLineHeight : string;
+export const FormLabelGap : string;
+export const FormLabelFontWeight : string;
+export const FormDescriptionFontSize : string;
+export const FormDescriptionLineHeight : string;
+export const FormDescriptionFontWeight : string;
+export const FormCheckboxSize : string;
+export const FormCheckboxRadius : string;
+export const FormCheckboxIconSize : string;
+export const FormCheckboxPaddingTop : string;
+export const FormCheckboxBorderWidth : string;
+export const FormCheckboxRingRadius : string;
+export const FormCheckboxIconStroke : string;
+export const FormTogglePaddingDefault : string;
+export const FormTogglePaddingSelected : string;
+export const FormToggleRadius : string;
+export const FormToggleSwitchDotDefault : string;
+export const FormToggleSwitchDotSelected : string;
+export const FormToggleWidth : string;
+export const FormToggleHeight : string;
+export const FormToggleBorderWidth : string;
+export const FormTogglePaddingTop : string;
+export const FormRadioInnerCircleSize : string;
+export const FormRadioInnerCirclePadding : string;
+export const FormRadioSize : string;
+export const FormRadioPaddingTop : string;
+export const FormRadioBorderWidth : string;
+export const FormRadioRingRadius : string;
+export const FormGapX : string;
+export const FormGapY : string;
+export const LoaderSizeXs : string;
+export const LoaderSizeSm : string;
+export const LoaderSizeMd : string;
+export const LoaderSizeLg : string;
+export const LoaderSizeXl : string;
+export const AvatarXsSize : string;
+export const AvatarXsIconSize : string;
+export const AvatarXsFontSize : string;
+export const AvatarMdSize : string;
+export const AvatarMdIconSize : string;
+export const AvatarMdFontSize : string;
+export const AvatarSmSize : string;
+export const AvatarSmIconSize : string;
+export const AvatarSmFontSize : string;
+export const AvatarLgSize : string;
+export const AvatarLgIconSize : string;
+export const AvatarLgFontSize : string;
+export const AvatarXlSize : string;
+export const AvatarXlIconSize : string;
+export const AvatarXlFontSize : string;
+export const IconXs : string;
+export const IconSm : string;
+export const IconMd : string;
+export const IconLg : string;
+export const IconXl : string;
+export const FocusOutlineStroke : string;
+export const FocusFieldStroke : string;
+export const FocusOutlineOffset : string;
+export const AlertIconSize : string;
+export const AlertGapX : string;
+export const AlertPadding : string;
+export const AlertRadius : string;
+export const AlertGapY : string;
+export const AlertHeadingFontSize : string;
+export const AlertHeadingLineHeight : string;
+export const AlertHeadingFontWeight : string;
+export const AlertMessageFontSize : string;
+export const AlertMessageLineHeight : string;
+export const AlertMessageFontWeight : string;
+export const AlertIconPositionX : string;
+export const AlertIconPositionY : string;
+export const NotificationIconSize : string;
+export const NotificationGapX : string;
+export const NotificationGapY : string;
+export const NotificationPadding : string;
+export const NotificationRadius : string;
+export const NotificationTitleFontSize : string;
+export const NotificationTitleLineHeight : string;
+export const NotificationTitleFontWeight : string;
+export const NotificationDescriptionFontSize : string;
+export const NotificationDescriptionLineHeight : string;
+export const NotificationDescriptionFontWeight : string;
+export const NotificationTimestampFontSize : string;
+export const NotificationTimestampLineHeight : string;
+export const NotificationTimestampFontWeight : string;
+export const NotificationGapXTitle : string;
+export const NotificationBorderWidthHighEmphasis : string;
+export const NotificationBorderWidthLowEmphasis : string;
+export const BadgeGapX : string;
+export const BadgePaddingX : string;
+export const BadgePaddingY : string;
+export const BadgeRadius : string;
+export const ListNativeIconSize : string;
+export const ListNativeFontSize : string;
+export const ListNativeLineHeight : string;
+export const ListNativeItemPaddingLeft : string;
+export const ListNativeItemPaddingY : string;
+export const ListNativeItemPaddingRight : string;
+export const ListNativeItemRadius : string;
+export const ListNativeRadius : string;
+export const ListNativeSubItemPaddingLeft : string;
+export const ListNativeGapY : string;
+export const ListNativePadding : string;
+export const ListNativeSeparatorPaddingY : string;
+export const ListNativeSeparatorPaddingX : string;
+export const ListCustomIconSize : string;
+export const ListCustomFontSize : string;
+export const ListCustomLineHeight : string;
+export const ListCustomItemPaddingLeft : string;
+export const ListCustomItemPaddingRight : string;
+export const ListCustomItemPaddingY : string;
+export const ListCustomItemRadius : string;
+export const ListCustomGapY : string;
+export const ListCustomRadius : string;
+export const ListCustomPadding : string;
+export const ListCustomSeparatorPaddingX : string;
+export const ListCustomSeparatorPaddingY : string;
+export const ListCustomSubItemPaddingLeft : string;
+export const GlobalTypographyH1FontSize : string;
+export const GlobalTypographyH1LineHeight : string;
+export const GlobalTypographyH1FontWeight : string;
+export const GlobalTypographyH1FontStyle : string;
+export const GlobalTypographyH2FontSize : string;
+export const GlobalTypographyH2LineHeight : string;
+export const GlobalTypographyH2FontWeight : string;
+export const GlobalTypographyH2FontStyle : string;
+export const GlobalTypographyH3FontSize : string;
+export const GlobalTypographyH3LineHeight : string;
+export const GlobalTypographyH3FontWeight : string;
+export const GlobalTypographyH3FontStyle : string;
+export const GlobalTypographyH4FontSize : string;
+export const GlobalTypographyH4LineHeight : string;
+export const GlobalTypographyH4FontWeight : string;
+export const GlobalTypographyH4FontStyle : string;
+export const GlobalTypographyPFontSize : string;
+export const GlobalTypographyPLineHeight : string;
+export const GlobalTypographyPFontWeight : string;
+export const GlobalTypographyPFontStyle : string;
+export const GlobalTypographySmallFontSize : string;
+export const GlobalTypographySmallLineHeight : string;
+export const GlobalTypographySmallFontStyle : string;
+export const GlobalTypographyLabelFontSize : string;
+export const GlobalTypographyLabelLineHeight : string;
+export const GlobalTypographyLabelFontWeight : string;
+export const GlobalTypographyLabelFontStyle : string;
+export const GlobalTypographyLegendFontSize : string;
+export const GlobalTypographyLegendLineHeight : string;
+export const GlobalTypographyLegendFontWeight : string;
+export const GlobalTypographyLegendFontStyle : string;
+export const GlobalTypographyH5FontSize : string;
+export const GlobalTypographyH5LineHeight : string;
+export const GlobalTypographyH5FontWeight : string;
+export const GlobalTypographyH5FontStyle : string;
+export const GlobalTypographyH6FontSize : string;
+export const GlobalTypographyH6LineHeight : string;
+export const GlobalTypographyH6FontWeight : string;
+export const GlobalTypographyH6FontStyle : string;
+export const TooltipPaddingX : string;
+export const TooltipPaddingY : string;
+export const TooltipGapY : string;
+export const TooltipRadius : string;
+export const TooltipComplexPaddingY : string;
+export const TooltipFontSize : string;
+export const TooltipFontWeight : string;
+export const PopoverPaddingX : string;
+export const PopoverPaddingY : string;
+export const PopoverRadius : string;
+export const PopoverShadow1X : string;
+export const PopoverShadow1Y : string;
+export const PopoverShadow1Blur : string;
+export const PopoverShadow1Spread : string;
+export const PopoverShadow1Opacity : string;
+export const PopoverShadow2X : string;
+export const PopoverShadow2Y : string;
+export const PopoverShadow2Blur : string;
+export const PopoverShadow2Spread : string;
+export const PopoverShadow2Opacity : string;
+export const PopoverFontWeight : string;
+export const PopoverFontSize : string;
+export const PopoverGapY : string;
+export const MenuContextualItemFontSize : string;
+export const MenuContextualItemFontWeight : string;
+export const MenuContextualItemRadius : string;
+export const MenuContextualItemPaddingX : string;
+export const MenuContextualItemGapX : string;
+export const MenuContextualItemPaddingY : string;
+export const MenuContextualPaddingX : string;
+export const MenuContextualPaddingY : string;
+export const MenuContextualGapY : string;
+export const MenuContextualRadius : string;
+export const MenuContextualDividerPaddingTop : string;
+export const MenuContextualDividerPaddingBottom : string;
+export const MenuContextualDividerPaddingX : string;

package/dist/js/spacings.js

@@ -0,0 +1,250 @@
+/**
+ * Do not edit directly, this file was auto-generated.
+ */
+
+export const ButtonMdGap = "8pxpx";
+export const ButtonMdPaddingY = "8pxpx";
+export const ButtonMdPaddingX = "14pxpx";
+export const ButtonMdBorderRadius = "6pxpx";
+export const ButtonMdIconSize = "20pxpx";
+export const ButtonMdFontSize = "16pxpx";
+export const ButtonMdLineHeight = "24pxpx";
+export const ButtonMdIconButtonPadding = "10pxpx";
+export const ButtonMdRingRadius = "7px";
+export const ButtonXsGap = "4pxpx";
+export const ButtonXsPaddingX = "10pxpx";
+export const ButtonXsPaddingY = "4pxpx";
+export const ButtonXsBorderRadius = "2pxpx";
+export const ButtonXsIconSize = "12pxpx";
+export const ButtonXsLineHeight = "16pxpx";
+export const ButtonXsFontSize = "12pxpx";
+export const ButtonXsIconButtonPadding = "6pxpx";
+export const ButtonXsRingRadius = "3px";
+export const ButtonSmGap = "6pxpx";
+export const ButtonSmPaddingX = "12pxpx";
+export const ButtonSmPaddingY = "6pxpx";
+export const ButtonSmBorderRadius = "4pxpx";
+export const ButtonSmIconSize = "16pxpx";
+export const ButtonSmFontSize = "14pxpx";
+export const ButtonSmLineHeight = "20pxpx";
+export const ButtonSmIconButtonPadding = "8pxpx";
+export const ButtonSmRingRadius = "5px";
+export const ButtonLgGap = "8pxpx";
+export const ButtonLgPaddingX = "16pxpx";
+export const ButtonLgPaddingY = "10pxpx";
+export const ButtonLgBorderRadius = "8pxpx";
+export const ButtonLgIconSize = "24pxpx";
+export const ButtonLgFontSize = "18pxpx";
+export const ButtonLgLineHeight = "28pxpx";
+export const ButtonLgIconButtonPadding = "12pxpx";
+export const ButtonLgRingRadius = "9px";
+export const FormFieldGap = "8pxpx";
+export const FormFieldPaddingX = "8pxpx";
+export const FormFieldPaddingY = "8pxpx";
+export const FormFieldFontSize = "16pxpx";
+export const FormFieldLineHeight = "24pxpx";
+export const FormFieldRadius = "6pxpx";
+export const FormFieldGapInner = "8pxpx";
+export const FormFieldLeadingTrailingFontSize = "14pxpx";
+export const FormFieldLeadingTrailingLineHeight = "24pxpx";
+export const FormFieldLeadingTrailingIconSize = "20pxpx";
+export const FormFieldIconSize = "20pxpx";
+export const FormFieldInnerButtonPaddingXExt = "10pxpx";
+export const FormFieldInnerButtonPaddingY = "10pxpx";
+export const FormFieldInnerButtonPaddingXInt = "6pxpx";
+export const FormFieldPaddingXIconButton = "40pxpx";
+export const FormFieldFontWeight = "500";
+export const FormLabelFontSize = "14pxpx";
+export const FormLabelLineHeight = "20pxpx";
+export const FormLabelGap = "4pxpx";
+export const FormLabelFontWeight = "500";
+export const FormDescriptionFontSize = "14pxpx";
+export const FormDescriptionLineHeight = "20pxpx";
+export const FormDescriptionFontWeight = "400";
+export const FormCheckboxSize = "20pxpx";
+export const FormCheckboxRadius = "6pxpx";
+export const FormCheckboxIconSize = "14pxpx";
+export const FormCheckboxPaddingTop = "0pxpx";
+export const FormCheckboxBorderWidth = "2pxpx";
+export const FormCheckboxRingRadius = "8pxpx";
+export const FormCheckboxIconStroke = "2pxpx";
+export const FormTogglePaddingDefault = "4pxpx";
+export const FormTogglePaddingSelected = "2pxpx";
+export const FormToggleRadius = "9999pxpx";
+export const FormToggleSwitchDotDefault = "12pxpx";
+export const FormToggleSwitchDotSelected = "14pxpx";
+export const FormToggleWidth = "36pxpx";
+export const FormToggleHeight = "20pxpx";
+export const FormToggleBorderWidth = "2pxpx";
+export const FormTogglePaddingTop = "0pxpx";
+export const FormRadioInnerCircleSize = "8pxpx";
+export const FormRadioInnerCirclePadding = "6pxpx";
+export const FormRadioSize = "20pxpx";
+export const FormRadioPaddingTop = "0pxpx";
+export const FormRadioBorderWidth = "2pxpx";
+export const FormRadioRingRadius = "9999pxpx";
+export const FormGapX = "12pxpx";
+export const FormGapY = "4pxpx";
+export const LoaderSizeXs = "16pxpx";
+export const LoaderSizeSm = "20pxpx";
+export const LoaderSizeMd = "24pxpx";
+export const LoaderSizeLg = "28pxpx";
+export const LoaderSizeXl = "32pxpx";
+export const AvatarXsSize = "24pxpx";
+export const AvatarXsIconSize = "16pxpx";
+export const AvatarXsFontSize = "12pxpx";
+export const AvatarMdSize = "40pxpx";
+export const AvatarMdIconSize = "28pxpx";
+export const AvatarMdFontSize = "20pxpx";
+export const AvatarSmSize = "32pxpx";
+export const AvatarSmIconSize = "20pxpx";
+export const AvatarSmFontSize = "16pxpx";
+export const AvatarLgSize = "48pxpx";
+export const AvatarLgIconSize = "32pxpx";
+export const AvatarLgFontSize = "24pxpx";
+export const AvatarXlSize = "64pxpx";
+export const AvatarXlIconSize = "44pxpx";
+export const AvatarXlFontSize = "32pxpx";
+export const IconXs = "12pxpx";
+export const IconSm = "16pxpx";
+export const IconMd = "20pxpx";
+export const IconLg = "24pxpx";
+export const IconXl = "28pxpx";
+export const FocusOutlineStroke = "2pxpx";
+export const FocusFieldStroke = "1pxpx";
+export const FocusOutlineOffset = "2pxpx";
+export const AlertIconSize = "20pxpx";
+export const AlertGapX = "12pxpx";
+export const AlertPadding = "16pxpx";
+export const AlertRadius = "8pxpx";
+export const AlertGapY = "4pxpx";
+export const AlertHeadingFontSize = "14pxpx";
+export const AlertHeadingLineHeight = "20pxpx";
+export const AlertHeadingFontWeight = "500";
+export const AlertMessageFontSize = "14pxpx";
+export const AlertMessageLineHeight = "20pxpx";
+export const AlertMessageFontWeight = "400";
+export const AlertIconPositionX = "16pxpx";
+export const AlertIconPositionY = "16pxpx";
+export const NotificationIconSize = "20pxpx";
+export const NotificationGapX = "12pxpx";
+export const NotificationGapY = "4pxpx";
+export const NotificationPadding = "16pxpx";
+export const NotificationRadius = "8pxpx";
+export const NotificationTitleFontSize = "14pxpx";
+export const NotificationTitleLineHeight = "20pxpx";
+export const NotificationTitleFontWeight = "500";
+export const NotificationDescriptionFontSize = "14pxpx";
+export const NotificationDescriptionLineHeight = "20pxpx";
+export const NotificationDescriptionFontWeight = "500";
+export const NotificationTimestampFontSize = "14pxpx";
+export const NotificationTimestampLineHeight = "20pxpx";
+export const NotificationTimestampFontWeight = "400";
+export const NotificationGapXTitle = "8pxpx";
+export const NotificationBorderWidthHighEmphasis = "8pxpx";
+export const NotificationBorderWidthLowEmphasis = "1pxpx";
+export const BadgeGapX = "4pxpx";
+export const BadgePaddingX = "8pxpx";
+export const BadgePaddingY = "4pxpx";
+export const BadgeRadius = "9999pxpx";
+export const ListNativeIconSize = "20pxpx";
+export const ListNativeFontSize = "16pxpx";
+export const ListNativeLineHeight = "24pxpx";
+export const ListNativeItemPaddingLeft = "20pxpx";
+export const ListNativeItemPaddingY = "0pxpx";
+export const ListNativeItemPaddingRight = "8pxpx";
+export const ListNativeItemRadius = "6pxpx";
+export const ListNativeRadius = "6pxpx";
+export const ListNativeSubItemPaddingLeft = "32pxpx";
+export const ListNativeGapY = "2pxpx";
+export const ListNativePadding = "8pxpx";
+export const ListNativeSeparatorPaddingY = "3px";
+export const ListNativeSeparatorPaddingX = "9px";
+export const ListCustomIconSize = "20pxpx";
+export const ListCustomFontSize = "16pxpx";
+export const ListCustomLineHeight = "24pxpx";
+export const ListCustomItemPaddingLeft = "32pxpx";
+export const ListCustomItemPaddingRight = "8pxpx";
+export const ListCustomItemPaddingY = "8pxpx";
+export const ListCustomItemRadius = "6pxpx";
+export const ListCustomGapY = "2pxpx";
+export const ListCustomRadius = "8pxpx";
+export const ListCustomPadding = "8pxpx";
+export const ListCustomSeparatorPaddingX = "0pxpx";
+export const ListCustomSeparatorPaddingY = "2pxpx";
+export const ListCustomSubItemPaddingLeft = "40pxpx";
+export const GlobalTypographyH1FontSize = "48pxpx";
+export const GlobalTypographyH1LineHeight = "40pxpx";
+export const GlobalTypographyH1FontWeight = "700";
+export const GlobalTypographyH1FontStyle = "normal";
+export const GlobalTypographyH2FontSize = "30pxpx";
+export const GlobalTypographyH2LineHeight = "36pxpx";
+export const GlobalTypographyH2FontWeight = "700";
+export const GlobalTypographyH2FontStyle = "normal";
+export const GlobalTypographyH3FontSize = "24pxpx";
+export const GlobalTypographyH3LineHeight = "32pxpx";
+export const GlobalTypographyH3FontWeight = "700";
+export const GlobalTypographyH3FontStyle = "normal";
+export const GlobalTypographyH4FontSize = "20pxpx";
+export const GlobalTypographyH4LineHeight = "30pxpx";
+export const GlobalTypographyH4FontWeight = "700";
+export const GlobalTypographyH4FontStyle = "normal";
+export const GlobalTypographyPFontSize = "16pxpx";
+export const GlobalTypographyPLineHeight = "24pxpx";
+export const GlobalTypographyPFontWeight = "400";
+export const GlobalTypographyPFontStyle = "normal";
+export const GlobalTypographySmallFontSize = "12pxpx";
+export const GlobalTypographySmallLineHeight = "16pxpx";
+export const GlobalTypographySmallFontStyle = "normal";
+export const GlobalTypographyLabelFontSize = "14pxpx";
+export const GlobalTypographyLabelLineHeight = "20pxpx";
+export const GlobalTypographyLabelFontWeight = "500";
+export const GlobalTypographyLabelFontStyle = "normal";
+export const GlobalTypographyLegendFontSize = "12pxpx";
+export const GlobalTypographyLegendLineHeight = "16pxpx";
+export const GlobalTypographyLegendFontWeight = "500";
+export const GlobalTypographyLegendFontStyle = "uppercase";
+export const GlobalTypographyH5FontSize = "18pxpx";
+export const GlobalTypographyH5LineHeight = "28pxpx";
+export const GlobalTypographyH5FontWeight = "700";
+export const GlobalTypographyH5FontStyle = "normal";
+export const GlobalTypographyH6FontSize = "18pxpx";
+export const GlobalTypographyH6LineHeight = "28pxpx";
+export const GlobalTypographyH6FontWeight = "500";
+export const GlobalTypographyH6FontStyle = "normal";
+export const TooltipPaddingX = "12pxpx";
+export const TooltipPaddingY = "12pxpx";
+export const TooltipGapY = "4pxpx";
+export const TooltipRadius = "6pxpx";
+export const TooltipComplexPaddingY = "12pxpx";
+export const TooltipFontSize = "14pxpx";
+export const TooltipFontWeight = "500";
+export const PopoverPaddingX = "12pxpx";
+export const PopoverPaddingY = "12pxpx";
+export const PopoverRadius = "6pxpx";
+export const PopoverShadow1X = "0px";
+export const PopoverShadow1Y = "0pxpx";
+export const PopoverShadow1Blur = "1px";
+export const PopoverShadow1Spread = "0pxpx";
+export const PopoverShadow1Opacity = "#0b0f11";
+export const PopoverShadow2X = "0px";
+export const PopoverShadow2Y = "10pxpx";
+export const PopoverShadow2Blur = "15pxpx";
+export const PopoverShadow2Spread = "0pxpx";
+export const PopoverShadow2Opacity = "#0b0f11";
+export const PopoverFontWeight = "500";
+export const PopoverFontSize = "14pxpx";
+export const PopoverGapY = "4pxpx";
+export const MenuContextualItemFontSize = "14pxpx";
+export const MenuContextualItemFontWeight = "500";
+export const MenuContextualItemRadius = "4pxpx";
+export const MenuContextualItemPaddingX = "10pxpx";
+export const MenuContextualItemGapX = "12pxpx";
+export const MenuContextualItemPaddingY = "8pxpx";
+export const MenuContextualPaddingX = "4pxpx";
+export const MenuContextualPaddingY = "4pxpx";
+export const MenuContextualGapY = "2pxpx";
+export const MenuContextualRadius = "6pxpx";
+export const MenuContextualDividerPaddingTop = "4pxpx";
+export const MenuContextualDividerPaddingBottom = "3px";
+export const MenuContextualDividerPaddingX = "10pxpx";