linkedunion-design-kit 1.4.8 → 1.5.0

package/dist/utils/index.js

@@ -1,11 +1,16 @@
-import { cardLayoutEnum, orientationEnum, sectionType } from "./enum";
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.customAspectRatio = exports.customBorderRadius = exports.customBorderWidth = exports.customOpacity = exports.customButtonIconSize = exports.customIconSize = exports.customLogoSize = exports.customMinHeight = exports.customMinWidth = exports.customHeight = exports.customWidth = exports.customSize = exports.customTextWrap = exports.customTextDecoration = exports.customTextTransform = exports.customTextAlignment = exports.customLineHeight = exports.customFontWeight = exports.customFontSize = exports.sectionTypeList = exports.avtarBackgroundSize = exports.headingsList = exports.avatarShapeList = exports.textColorList = exports.avatarSizesList = exports.landscapeaspectRatioList = exports.portraitaspectRatioList = exports.buttonWithIconList = exports.butttonSizeList = exports.buttonColorsList = exports.iconColorList = exports.buttonIconSizeList = exports.iconSizeList = exports.borderWidthList = exports.borderRadiusList = exports.spacings = exports.minHeights = exports.minWidths = exports.heights = exports.widths = exports.sizes = exports.textWraps = exports.textDecorations = exports.textTransform = exports.textAlignment = exports.lineHeights = exports.fontWeights = exports.fontSizes = exports.defaultCardProps = exports.text = void 0;
+exports.table_row_className = exports.table_sub_heading_className = exports.table_header_className = exports.table_data_className = exports.customHeadings = exports.customizeTextColors = exports.customizeAvtarShape = exports.customAvatarSize = exports.customIconButtonSize = exports.customButtonSize = exports.customButtonOutlineColors = exports.customButtonColors = exports.customIconColors = exports.customBoxShadow = void 0;
+exports.default = generateUtilities;
+var index_1 = require("../components/MediaCard/index");
+var enums_1 = require("./enums");
 //************Used for typography and color utilities Storybook************
-export var text = "Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.";
-export var defaultCardProps = {
-    type: sectionType.postByCategoriesTheme,
+exports.text = "Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.";
+exports.defaultCardProps = {
+    type: index_1.SectionTypeEnum.postByCategoriesTheme,
     image: "/images/demo-image.jpg",
-    layout: cardLayoutEnum.horizontal,
-    mediaPosition: orientationEnum.landscape,
+    layout: enums_1.OrientationEnum.horizontal,
     heading: "Heading Text",
     body: "The quick brown fox jumps over the lazy dog.",
     className: "",
@@ -14,7 +19,7 @@ export var defaultCardProps = {
     card_title_color: "lu-text-default",
     id: 1,
 };
-export var fontSizes = [
+exports.fontSizes = [
     { key: "lu-base-font-size", label: "lu-base-font-size: 16px" },
     { key: "lu-font-size-x-small", label: "lu-font-size-x-small: 12px" },
     { key: "lu-font-size-small", label: "lu-font-size-small: 14px" },
@@ -29,7 +34,7 @@ export var fontSizes = [
     { key: "lu-font-size-7x-large", label: "lu-font-size-7x-large: 48px" },
     { key: "lu-font-size-huge", label: "lu-font-size-huge: 64px" },
 ];
-export var fontWeights = [
+exports.fontWeights = [
     { key: "lu-font-weight-thin", label: "lu-font-weight-thin: 100" },
     {
         key: "lu-font-weight-extra-light",
@@ -43,13 +48,13 @@ export var fontWeights = [
     { key: "lu-font-weight-extra-bold", label: "lu-font-weight-extra-bold: 800" },
     { key: "lu-font-weight-black", label: "lu-font-weight-black: 900" },
 ];
-export var lineHeights = [
+exports.lineHeights = [
     { key: "lu-line-height-xs", label: "lu-line-height-xs: 1" },
     { key: "lu-line-height-sm", label: "lu-line-height-sm: 1.25" },
     { key: "lu-line-height-base", label: "lu-line-height-base: 1.5" },
     { key: "lu-line-height-lg", label: "lu-line-height-lg: 2" },
 ];
-export var textAlignment = [
+exports.textAlignment = [
     { key: "lu-text-left", label: "lu-text-left: left" },
     { key: "lu-text-center", label: "lu-text-center: center" },
     { key: "lu-text-right", label: "lu-text-right: right" },
@@ -59,12 +64,12 @@ export var textAlignment = [
         label: "lu-text-space-between: space-between",
     },
 ];
-export var textTransform = [
+exports.textTransform = [
     { key: "lu-text-lowercase", label: "lu-text-lowercase: lowercase" },
     { key: "lu-text-uppercase", label: "lu-text-uppercase: uppercase" },
     { key: "lu-text-capitalize", label: "lu-text-capitalize: capitalize" },
 ];
-export var textDecorations = [
+exports.textDecorations = [
     { key: "lu-text-decoration-none", label: "lu-text-decoration-none: none" },
     {
         key: "lu-text-decoration-underline",
@@ -75,11 +80,11 @@ export var textDecorations = [
         label: "lu-text-decoration-linethrough: linethrough",
     },
 ];
-export var textWraps = [
+exports.textWraps = [
     { key: "lu-text-wrap", label: "lu-text-wrap: normal" },
     { key: "lu-text-nowrap", label: "lu-text-nowrap: nowrap" },
 ];
-export var sizes = [
+exports.sizes = [
     { key: "lu-size-050", label: "lu-size-050: 4px" },
     { key: "lu-size-100", label: "lu-size-100: 8px" },
     { key: "lu-size-200", label: "lu-size-200: 16px" },
@@ -93,7 +98,7 @@ export var sizes = [
     { key: "lu-size-2000", label: "lu-size-2000: 160px" },
     { key: "lu-size-2500", label: "lu-size-2500: 200px" },
 ];
-export var widths = [
+exports.widths = [
     { key: "lu-width-5", label: "lu-width-5: 5%" },
     { key: "lu-width-10", label: "lu-width-10: 10%" },
     { key: "lu-width-25", label: "lu-width-25: 25%" },
@@ -101,7 +106,7 @@ export var widths = [
     { key: "lu-width-75", label: "lu-width-75: 75%" },
     { key: "lu-width-100", label: "lu-width-100: 100%" },
 ];
-export var heights = [
+exports.heights = [
     { key: "lu-height-5", label: "lu-height-5: 5%" },
     { key: "lu-height-10", label: "lu-height-10: 10%" },
     { key: "lu-height-25", label: "lu-height-25: 25%" },
@@ -109,7 +114,7 @@ export var heights = [
     { key: "lu-height-75", label: "lu-height-75: 75%" },
     { key: "lu-height-100", label: "lu-height-100: 100%" },
 ];
-export var minWidths = [
+exports.minWidths = [
     { key: "lu-min-width-100", label: "lu-min-width-100: 8px" },
     { key: "lu-min-width-200", label: "lu-min-width-200: 16px" },
     { key: "lu-min-width-300", label: "lu-min-width-300: 24px" },
@@ -123,7 +128,7 @@ export var minWidths = [
     { key: "lu-min-width-2500", label: "lu-min-width-2500: 200px" },
     { key: "lu-min-width-3000", label: "lu-min-width-3000: 240px" },
 ];
-export var minHeights = [
+exports.minHeights = [
     { key: "lu-min-height-100", label: "lu-min-height-100: 8px" },
     { key: "lu-min-height-200", label: "lu-min-height-200: 16px" },
     { key: "lu-min-height-300", label: "lu-min-height-300: 24px" },
@@ -137,7 +142,7 @@ export var minHeights = [
     { key: "lu-min-height-2500", label: "lu-min-height-2500: 200px" },
     { key: "lu-min-height-3000", label: "lu-min-height-3000: 240px" },
 ];
-export var spacings = [
+exports.spacings = [
     { key: "lu-space-0", label: "lu-space-0: 0px" },
     { key: "lu-space-050", label: "lu-space-050: 4px" },
     { key: "lu-space-100", label: "lu-space-100: 8px" },
@@ -155,7 +160,7 @@ export var spacings = [
     { key: "lu-space-2500", label: "lu-space-2500: 200px" },
     { key: "lu-space-3000", label: "lu-space-3000: 240px" },
 ];
-export var borderRadiusList = [
+exports.borderRadiusList = [
     { key: "lu-border-rounded-none", label: "lu-border-rounded-none: 0px" },
     { key: "lu-border-rounded-xs", label: "lu-border-rounded-xs: 2px" },
     { key: "lu-border-rounded-sm", label: "lu-border-rounded-sm: 4px" },
@@ -166,13 +171,13 @@ export var borderRadiusList = [
     { key: "lu-border-rounded-3xl", label: "lu-border-rounded-3xl: 24px" },
     { key: "lu-border-rounded-full", label: "lu-border-rounded-full: 9999px" },
 ];
-export var borderWidthList = [
+exports.borderWidthList = [
     { key: "lu-border-width-125", label: "lu-border-width-125: 1px" },
     { key: "lu-border-width-025", label: "lu-border-width-025: 2px" },
     { key: "lu-border-width-050", label: "lu-border-width-050: 4px" },
     { key: "lu-border-width-100", label: "lu-border-width-100: 8px" },
 ];
-export var iconSizeList = [
+exports.iconSizeList = [
     { key: "lu-icon-xx-small", label: "lu-icon-xx-small: 8px" },
     { key: "lu-icon-x-small", label: "lu-icon-x-small: 12px" },
     { key: "lu-icon-small", label: "lu-icon-small: 14px" },
@@ -188,7 +193,7 @@ export var iconSizeList = [
     { key: "lu-icon-huge", label: "lu-icon-huge: 64px" },
     { key: "lu-icon-massive", label: "lu-icon-massive: 80px" },
 ];
-export var buttonIconSizeList = [
+exports.buttonIconSizeList = [
     { key: "lu-icon-xx-small", label: "lu-icon-xx-small: 8px" },
     { key: "lu-icon-x-small", label: "lu-icon-x-small: 12px" },
     { key: "lu-icon-small", label: "lu-icon-small: 14px" },
@@ -196,7 +201,7 @@ export var buttonIconSizeList = [
     { key: "lu-icon-large", label: "lu-icon-large: 18px" },
     { key: "lu-icon-x-large", label: "lu-icon-x-large: 20px" },
 ];
-export var iconColorList = [
+exports.iconColorList = [
     { key: "lu-disabled-icon-light", label: "lu-disabled-icon-light: #D2D3D5" },
     { key: "lu-disabled-icon-dark", label: "lu-disabled-icon-dark: #9DA1A5" },
     { key: "lu-primary-icon-default", label: "lu-primary-icon-default: #276AB3" },
@@ -217,7 +222,7 @@ export var iconColorList = [
     { key: "lu-neutral-icon-light", label: "lu-neutral-icon-light: #FAFAFA" },
     { key: "lu-neutral-icon-dark", label: "lu-neutral-icon-dark: #070808" },
 ];
-export var buttonColorsList = [
+exports.buttonColorsList = [
     { key: "lu-btn-primary", label: "lu-btn-primary" },
     { key: "lu-btn-primary-light", label: "lu-btn-primary-light" },
     { key: "lu-btn-success", label: "lu-btn-success" },
@@ -232,19 +237,19 @@ export var buttonColorsList = [
     { key: "lu-btn-gray-light", label: "lu-btn-gray-light" },
     { key: "lu-btn-disabled", label: "lu-btn-disabled" },
 ];
-export var butttonSizeList = [
+exports.butttonSizeList = [
     { key: "lu-btn-sm", label: "lu-btn-sm" },
     { key: "lu-btn-md", label: "lu-btn-md" },
     { key: "lu-btn-lg", label: "lu-btn-lg" },
     { key: "lu-btn-xl", label: "lu-btn-xl" },
 ];
-export var buttonWithIconList = [
+exports.buttonWithIconList = [
     { key: "lu-btn-sm", label: "lu-btn-sm" },
     { key: "lu-btn-md", label: "lu-btn-md" },
     { key: "lu-btn-lg", label: "lu-btn-lg" },
     { key: "lu-btn-xl", label: "lu-btn-xl" },
 ];
-export var portraitaspectRatioList = [
+exports.portraitaspectRatioList = [
     { key: "lu-aspect-square", label: "lu-aspect-square: 1/1" },
     { key: "lu-aspect-1-2-por", label: "lu-aspect-1-2-por: 1/2" },
     { key: "lu-aspect-2-3-por", label: "lu-aspect-2-3-por: 2/3" },
@@ -254,7 +259,7 @@ export var portraitaspectRatioList = [
     { key: "lu-aspect-9-16-por", label: "lu-aspect-9-16-por: 9/16" },
     { key: "lu-aspect-9-21-por", label: "lu-aspect-9-21-por: 9/21" },
 ];
-export var landscapeaspectRatioList = [
+exports.landscapeaspectRatioList = [
     { key: "lu-aspect-square", label: "lu-aspect-square: 1/1" },
     { key: "lu-aspect-2-1-landsc", label: "lu-aspect-2-1-landsc: 2/1" },
     { key: "lu-aspect-3-2-landsc", label: "lu-aspect-3-2-landsc: 3/2" },
@@ -264,7 +269,7 @@ export var landscapeaspectRatioList = [
     { key: "lu-aspect-16-9-landsc", label: "lu-aspect-16-9-landsc: 16/9" },
     { key: "lu-aspect-21-9-landscape", label: "lu-aspect-21-9-landscape: 21/9" },
 ];
-export var avatarSizesList = [
+exports.avatarSizesList = [
     { key: "lu-avatar-massive", label: "lu-avatar-massive" },
     { key: "lu-avatar-huge", label: "lu-avatar-huge" },
     { key: "lu-avatar-7x-large", label: "lu-avatar-7x-large" },
@@ -278,7 +283,7 @@ export var avatarSizesList = [
     { key: "lu-avatar-medium", label: "lu-avatar-medium" },
     { key: "lu-avatar-small", label: "lu-avatar-small" },
 ];
-export var textColorList = [
+exports.textColorList = [
     { key: "lu-text-base", label: "lu-text-base" },
     { key: "lu-text-default", label: "lu-text-default" },
     { key: "lu-text-secondary", label: "lu-text-secondary" },
@@ -294,11 +299,11 @@ export var textColorList = [
     { key: "lu-text-link-default", label: "lu-text-link-default" },
     { key: "lu-text-link-pressed", label: "lu-text-link-pressed" },
 ];
-export var avatarShapeList = [
+exports.avatarShapeList = [
     { key: "square", label: "square" },
     { key: "circle", label: "circle" },
 ];
-export var headingsList = [
+exports.headingsList = [
     { key: "lu-heading-h1", label: "lu-heading-h1" },
     { key: "lu-heading-h2", label: "lu-heading-h2" },
     { key: "lu-heading-h3", label: "lu-heading-h3" },
@@ -306,7 +311,7 @@ export var headingsList = [
     { key: "lu-heading-h5", label: "lu-heading-h5" },
     { key: "lu-heading-h6", label: "lu-heading-h6" },
 ];
-export var avtarBackgroundSize = function (size) {
+var avtarBackgroundSize = function (size) {
     if (size === "lu-avatar-massive") {
         return {
             width: "200px",
@@ -386,25 +391,13 @@ export var avtarBackgroundSize = function (size) {
         };
     }
 };
-export var sectionTypeList = [
-    {
-        key: sectionType.multiplePostsTheme,
-        label: sectionType.multiplePostsTheme,
-    },
-    { key: sectionType.albumTheme, label: sectionType.albumTheme },
-    {
-        key: sectionType.contactsProfileTheme,
-        label: sectionType.contactsProfileTheme,
-    },
-    { key: sectionType.singlePostTheme, label: sectionType.singlePostTheme },
-    {
-        key: sectionType.postByCategoriesTheme,
-        label: sectionType.postByCategoriesTheme,
-    },
-    { key: sectionType.galleryTheme, label: sectionType.galleryTheme },
-];
+exports.avtarBackgroundSize = avtarBackgroundSize;
+exports.sectionTypeList = Object.values(index_1.SectionTypeEnum).map(function (type) { return ({
+    key: type,
+    label: type,
+}); });
 //Plugin for generating utilities (Used in tailwind.config.js)
-export default function generateUtilities(property, theme) {
+function generateUtilities(property, theme) {
     var utilities = theme(property);
     var newUtilities = Object.keys(utilities).reduce(function (acc, key) {
         var _a;
@@ -414,7 +407,7 @@ export default function generateUtilities(property, theme) {
     return newUtilities;
 }
 //************Used for tailwind configuration************
-export var customFontSize = {
+exports.customFontSize = {
     "lu-base-font-size": "var(--core-200)",
     "lu-font-size-x-small": "var(--core-150)",
     "lu-font-size-small": "var(--core-175)",
@@ -429,7 +422,7 @@ export var customFontSize = {
     "lu-font-size-7x-large": "var(--core-600)",
     "lu-font-size-huge": "var(--core-800)",
 };
-export var customFontWeight = {
+exports.customFontWeight = {
     "lu-font-weight-thin": "100",
     "lu-font-weight-extra-light": "200",
     "lu-font-weight-light": "300",
@@ -440,34 +433,34 @@ export var customFontWeight = {
     "lu-font-weight-extra-bold": "800",
     "lu-font-weight-black": "900",
 };
-export var customLineHeight = {
+exports.customLineHeight = {
     "lu-line-height-xs": "1",
     "lu-line-height-sm": "1.25",
     "lu-line-height-base": "1.5",
     "lu-line-height-lg": "2",
 };
-export var customTextAlignment = {
+exports.customTextAlignment = {
     "lu-text-left": "left",
     "lu-text-center": "center",
     "lu-text-right": "right",
     "lu-text-justify": "justify",
     "lu-text-space-between": "space-between",
 };
-export var customTextTransform = {
+exports.customTextTransform = {
     "lu-text-lowercase": "lowercase",
     "lu-text-uppercase": "uppercase",
     "lu-text-capitalize": "capitalize",
 };
-export var customTextDecoration = {
+exports.customTextDecoration = {
     "lu-text-decoration-none": "none",
     "lu-text-decoration-underline": "underline",
     "lu-text-decoration-linethrough": "line-through",
 };
-export var customTextWrap = {
+exports.customTextWrap = {
     "lu-text-wrap": "normal",
     "lu-text-nowrap": "nowrap",
 };
-export var customSize = {
+exports.customSize = {
     "lu-size-050": "var(--core-050)",
     "lu-size-100": "var(--core-100)",
     "lu-size-200": "var(--core-200)",
@@ -481,7 +474,7 @@ export var customSize = {
     "lu-size-2000": "var(--core-2000)",
     "lu-size-2500": "var(--core-2500)",
 };
-export var customWidth = {
+exports.customWidth = {
     "lu-width-5": "5%",
     "lu-width-10": "10%",
     "lu-width-25": "25%",
@@ -489,7 +482,7 @@ export var customWidth = {
     "lu-width-75": "75%",
     "lu-width-100": "100%",
 };
-export var customHeight = {
+exports.customHeight = {
     "lu-height-5": "5%",
     "lu-height-10": "10%",
     "lu-height-25": "25%",
@@ -497,7 +490,7 @@ export var customHeight = {
     "lu-height-75": "75%",
     "lu-height-100": "100%",
 };
-export var customMinWidth = {
+exports.customMinWidth = {
     "lu-min-width-100": "var(--core-100)",
     "lu-min-width-200": "var(--core-200)",
     "lu-min-width-300": "var(--core-300)",
@@ -511,7 +504,7 @@ export var customMinWidth = {
     "lu-min-width-2500": "var(--core-2500)",
     "lu-min-width-3000": "var(--core-3000)",
 };
-export var customMinHeight = {
+exports.customMinHeight = {
     "lu-min-height-100": "var(--core-100)",
     "lu-min-height-200": "var(--core-200)",
     "lu-min-height-300": "var(--core-300)",
@@ -525,12 +518,12 @@ export var customMinHeight = {
     "lu-min-height-2500": "var(--core-2500)",
     "lu-min-height-3000": "var(--core-3000)",
 };
-export var customLogoSize = {
+exports.customLogoSize = {
     "lu-primary-logo": "75px",
     "lu-secondary-logo": "var(--core-400)",
     "lu-favicon-logo": "var(--core-400)",
 };
-export var customIconSize = {
+exports.customIconSize = {
     ".lu-icon-xx-small": {
         width: "var(--core-100)",
         height: "var(--core-100)",
@@ -588,7 +581,7 @@ export var customIconSize = {
         height: "var(--core-1000)",
     },
 };
-export var customButtonIconSize = {
+exports.customButtonIconSize = {
     ".lu-icon-xx-small": {
         width: "var(--core-100)",
         height: "var(--core-100)",
@@ -614,7 +607,7 @@ export var customButtonIconSize = {
         height: "var(--core-250)",
     },
 };
-export var customOpacity = {
+exports.customOpacity = {
     "lu-opacity-0": "0.0",
     "lu-opacity-5": "0.05",
     "lu-opacity-10": "0.1",
@@ -632,14 +625,14 @@ export var customOpacity = {
     "lu-opacity-95": "0.95",
     "lu-opacity-100": "1",
 };
-export var customBorderWidth = {
+exports.customBorderWidth = {
     ".lu-border-width-0125": { borderWidth: "var(--core-0125)" },
     ".lu-border-width-025": { borderWidth: "var(--core-025)" },
     ".lu-border-width-050": { borderWidth: "var(--core-050)" },
     ".lu-border-width-100": { borderWidth: "var(--core-100)" },
     ".lu-border-width-125": { borderWidth: "var(--core-125)" },
 };
-export var customBorderRadius = {
+exports.customBorderRadius = {
     ".lu-border-rounded-none": { borderRadius: "var(--core-0)" },
     ".lu-border-rounded-xs": { borderRadius: "var(--core-025)" },
     ".lu-border-rounded-sm": { borderRadius: "var(--core-050)" },
@@ -650,7 +643,7 @@ export var customBorderRadius = {
     ".lu-border-rounded-3xl": { borderRadius: "var(--core-300)" },
     ".lu-border-rounded-full": { borderRadius: "9999px" },
 };
-export var customAspectRatio = {
+exports.customAspectRatio = {
     ".lu-aspect-square": { aspectRatio: "1 / 1" },
     ".lu-aspect-2-1-landsc": { aspectRatio: "2 / 1" },
     ".lu-aspect-1-2-por": { aspectRatio: "1 / 2" },
@@ -667,14 +660,14 @@ export var customAspectRatio = {
     ".lu-aspect-21-9-landscape": { aspectRatio: "21 / 9" },
     ".lu-aspect-9-21-por": { aspectRatio: "9 / 21" },
 };
-export var customBoxShadow = {
+exports.customBoxShadow = {
     "lu-shadow-xs": "0px 4px 4px 0 rgba(52, 52, 52, 0.05)",
     "lu-shadow-sm": "0px 4px 8px 0 rgba(52, 52, 52, 0.1)",
     "lu-shadow-md": "0px 4px 12px 0 rgba(52, 52, 52, 0.15)",
     "lu-shadow-lg": "0px 4px 18px 0 rgba(52, 52, 52, 0.15)",
     "lu-shadow-xl": "0px 8px 24px 0 rgba(52, 52, 52, 0.15)",
 };
-export var customIconColors = {
+exports.customIconColors = {
     ".lu-disabled-icon-light": { fill: "#D2D3D5" },
     ".lu-disabled-icon-dark": { fill: "var(--neutral-400)" },
     ".lu-primary-icon-default": { fill: "var( --primary-600)" },
@@ -695,7 +688,7 @@ export var customIconColors = {
     ".lu-neutral-icon-light": { fill: "var(--neutral-0)" },
     ".lu-neutral-icon-dark": { fill: "var(--neutral-1000)" },
 };
-export var customButtonColors = {
+exports.customButtonColors = {
     ".lu-btn-primary": {
         color: "var(--primary-0)",
         backgroundColor: "var(--primary-600)",
@@ -1038,7 +1031,7 @@ export var customButtonColors = {
         fill: "#9DA1A5",
     },
 };
-export var customButtonOutlineColors = {
+exports.customButtonOutlineColors = {
     ".outline-button.lu-btn-primary-light": {
         color: "var(--primary-600)",
         borderColor: "var(--primary-100) !important",
@@ -1455,7 +1448,7 @@ export var customButtonOutlineColors = {
         border: "2px solid",
     },
 };
-export var customButtonSize = {
+exports.customButtonSize = {
     ".lu-btn-xl": {
         //padding: top right bottom left
         padding: "var(--core-200) var(--core-300)",
@@ -1478,7 +1471,7 @@ export var customButtonSize = {
         fontWeight: "400",
     },
 };
-export var customIconButtonSize = {
+exports.customIconButtonSize = {
     ".icon-only.lu-btn-xl": {
         //padding: top right bottom left
         padding: "var(--core-200)",
@@ -1493,7 +1486,7 @@ export var customIconButtonSize = {
         padding: "var(--core-100)",
     },
 };
-export var customAvatarSize = {
+exports.customAvatarSize = {
     ".lu-avatar-massive": {
         width: "var(--core-1500)",
         height: "var(--core-1500)",
@@ -1543,11 +1536,11 @@ export var customAvatarSize = {
         height: "var(--core-175)",
     },
 };
-export var customizeAvtarShape = {
+exports.customizeAvtarShape = {
     ".square": { borderRadius: "0px" },
     ".circle": { borderRadius: "9999px" },
 };
-export var customizeTextColors = {
+exports.customizeTextColors = {
     ".lu-text-base": { color: "var(--neutral-0)" },
     ".lu-text-default": { color: "var(--black)" },
     ".lu-text-secondary": { color: "var(--neutral-800)" },
@@ -1563,7 +1556,7 @@ export var customizeTextColors = {
     ".lu-text-link-default": { color: "var(--primary-400)" },
     ".lu-text-link-pressed": { color: "var(--primary-600)" },
 };
-export var customHeadings = {
+exports.customHeadings = {
     ".lu-heading-h1": {
         fontSize: "var(--core-600)",
         fontWeight: "bold",
@@ -1602,7 +1595,7 @@ export var customHeadings = {
     },
 };
 // Components CSS Classes
-export var table_data_className = "bg-gray-100 lu-pt-050 lu-pr-100 lu-pb-050 lu-pl-100 rounded gap-2.5";
-export var table_header_className = "lu-pd-200";
-export var table_sub_heading_className = "lu-text-center lu-text-uppercase lu-font-weight-semibold lu-font-size-large lu-pd-200";
-export var table_row_className = "lu-pd-200";
+exports.table_data_className = "bg-gray-100 lu-pt-050 lu-pr-100 lu-pb-050 lu-pl-100 rounded gap-2.5";
+exports.table_header_className = "lu-pd-200";
+exports.table_sub_heading_className = "lu-text-center lu-text-uppercase lu-font-weight-semibold lu-font-size-large lu-pd-200";
+exports.table_row_className = "lu-pd-200";

package/package.json

@@ -1,12 +1,13 @@
 {
   "name": "linkedunion-design-kit",
-  "version": "1.4.8",
+  "version": "1.5.0",
   "private": false,
   "files": [
     "dist",
     "styles/global.css"
   ],
   "main": "dist/index.js",
+  "module": "dist/index.esm.js",
   "types": "dist/index.d.ts",
   "style": "dist/styles/global.css",
   "scripts": {