linkedunion-design-kit 1.4.9 → 1.5.0

package/dist/components/Button/Button.stories.js

@@ -1,3 +1,4 @@
+"use strict";
 var __assign = (this && this.__assign) || function () {
     __assign = Object.assign || function(t) {
         for (var s, i = 1, n = arguments.length; i < n; i++) {
@@ -18,20 +19,23 @@ var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
     }
     return to.concat(ar || Array.prototype.slice.call(from));
 };
-import { jsx as _jsx } from "react/jsx-runtime";
-import { Button } from "./Button";
-import { borderRadiusList, buttonColorsList, buttonIconSizeList, buttonWithIconList, butttonSizeList, } from "../../utils";
-import { iconList } from "../../utils/iconList";
-import { buttonTypeEnum, contentTypeEnum } from "../../utils/enums";
-export default {
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.button = void 0;
+var jsx_runtime_1 = require("react/jsx-runtime");
+var Button_1 = require("./Button");
+var utils_1 = require("../../utils");
+var iconList_1 = require("../../utils/iconList");
+var enums_1 = require("../../utils/enums");
+var _1 = require(".");
+exports.default = {
     title: "Components/Button",
-    component: Button,
+    component: Button_1.Button,
     tags: ["autodocs"],
 };
-var Template = function (args) { return _jsx(Button, __assign({}, args)); };
-export var button = Template.bind({});
-button.args = {
-    contentType: contentTypeEnum.none,
+var Template = function (args) { return (0, jsx_runtime_1.jsx)(Button_1.Button, __assign({}, args)); };
+exports.button = Template.bind({});
+exports.button.args = {
+    contentType: enums_1.ContentType.none,
     variant: "lu-btn-primary",
     label: "Button Text",
     onClick: function () { return alert("Button Clicked"); },
@@ -41,74 +45,74 @@ button.args = {
     leftIconSize: "lu-icon-small",
     icon: "chart-simple",
     iconSize: "lu-icon-small",
-    type: buttonTypeEnum.fill,
+    type: _1.ButtonType.fill,
     className: "",
 };
-button.argTypes = {
+exports.button.argTypes = {
     contentType: {
         control: { type: "select" },
         options: [
-            contentTypeEnum.none,
-            contentTypeEnum.text_with_icon,
-            contentTypeEnum.icon_only,
+            enums_1.ContentType.none,
+            enums_1.ContentType.text_with_icon,
+            enums_1.ContentType.icon_only,
         ],
         description: "Determines the content of the button",
     },
     label: {
         control: { type: "text" },
         description: "Button label text",
-        if: { arg: "contentType", neq: contentTypeEnum.icon_only },
+        if: { arg: "contentType", neq: enums_1.ContentType.icon_only },
     },
     variant: {
         control: {
             type: "select",
-            labels: Object.fromEntries(buttonColorsList.map(function (btnColor) { return [btnColor.key, btnColor.label]; })),
+            labels: Object.fromEntries(utils_1.buttonColorsList.map(function (btnColor) { return [btnColor.key, btnColor.label]; })),
         },
-        options: buttonColorsList.map(function (btnColor) { return btnColor.key; }),
+        options: utils_1.buttonColorsList.map(function (btnColor) { return btnColor.key; }),
     },
     iconLeft: {
         control: {
             type: "select",
-            labels: Object.fromEntries(iconList.map(function (icon) { return [icon.key, icon.label]; })),
+            labels: Object.fromEntries(iconList_1.iconList.map(function (icon) { return [icon.key, icon.label]; })),
         },
-        options: __spreadArray(["none"], iconList.map(function (icon) { return icon.key; }), true),
-        if: { arg: "contentType", eq: contentTypeEnum.text_with_icon },
+        options: __spreadArray(["none"], iconList_1.iconList.map(function (icon) { return icon.key; }), true),
+        if: { arg: "contentType", eq: enums_1.ContentType.text_with_icon },
     },
     iconRight: {
         control: {
             type: "select",
-            labels: Object.fromEntries(iconList.map(function (icon) { return [icon.key, icon.label]; })),
+            labels: Object.fromEntries(iconList_1.iconList.map(function (icon) { return [icon.key, icon.label]; })),
         },
-        options: __spreadArray(["none"], iconList.map(function (icon) { return icon.key; }), true),
-        if: { arg: "contentType", eq: contentTypeEnum.text_with_icon },
+        options: __spreadArray(["none"], iconList_1.iconList.map(function (icon) { return icon.key; }), true),
+        if: { arg: "contentType", eq: enums_1.ContentType.text_with_icon },
     },
     shape: {
         control: {
             type: "select",
-            labels: Object.fromEntries(borderRadiusList.map(function (borderRadius) { return [
+            labels: Object.fromEntries(utils_1.borderRadiusList.map(function (borderRadius) { return [
                 borderRadius.key,
                 borderRadius.label,
             ]; })),
         },
-        options: borderRadiusList.map(function (borderRadius) { return borderRadius.key; }),
+        options: utils_1.borderRadiusList.map(function (borderRadius) { return borderRadius.key; }),
     },
     size: {
         control: {
             type: "select",
-            labels: Object.fromEntries(butttonSizeList.map(function (size) { return [size.key, size.label]; })),
+            labels: Object.fromEntries(utils_1.butttonSizeList.map(function (size) { return [size.key, size.label]; })),
         },
-        options: butttonSizeList.map(function (size) { return size.key; }),
+        options: utils_1.butttonSizeList.map(function (size) { return size.key; }),
         description: "Select the size of the button",
         update: function (args) {
-            var isIconOnly = args.contentType === contentTypeEnum.icon_only;
+            var isIconOnly = args.contentType === enums_1.ContentType.icon_only;
             // Dynamically update options and labels based on contentType
             return {
                 options: isIconOnly
-                    ? buttonWithIconList.map(function (size) { return size.key; })
-                    : butttonSizeList.map(function (size) { return size.key; }),
+                    ? utils_1.buttonWithIconList.map(function (size) { return size.key; })
+                    : utils_1.butttonSizeList.map(function (size) { return size.key; }),
                 control: {
                     type: "select",
-                    labels: Object.fromEntries((isIconOnly ? buttonWithIconList : butttonSizeList).map(function (size) { return [
+                    labels: Object.fromEntries((isIconOnly ? utils_1.buttonWithIconList : utils_1.butttonSizeList).map(function (size) { return [
                         size.key,
                         size.label,
                     ]; })),
@@ -119,38 +123,38 @@ button.argTypes = {
     leftIconSize: {
         control: {
             type: "select",
-            labels: Object.fromEntries(buttonIconSizeList.map(function (size) { return [size.key, size.label]; })),
+            labels: Object.fromEntries(utils_1.buttonIconSizeList.map(function (size) { return [size.key, size.label]; })),
         },
-        options: buttonIconSizeList.map(function (size) { return size.key; }),
-        if: { arg: "contentType", eq: contentTypeEnum.text_with_icon },
+        options: utils_1.buttonIconSizeList.map(function (size) { return size.key; }),
+        if: { arg: "contentType", eq: enums_1.ContentType.text_with_icon },
     },
     rightIconSize: {
         control: {
             type: "select",
-            labels: Object.fromEntries(buttonIconSizeList.map(function (size) { return [size.key, size.label]; })),
+            labels: Object.fromEntries(utils_1.buttonIconSizeList.map(function (size) { return [size.key, size.label]; })),
         },
-        options: buttonIconSizeList.map(function (size) { return size.key; }),
-        if: { arg: "contentType", eq: contentTypeEnum.text_with_icon },
+        options: utils_1.buttonIconSizeList.map(function (size) { return size.key; }),
+        if: { arg: "contentType", eq: enums_1.ContentType.text_with_icon },
     },
     icon: {
         control: {
             type: "select",
-            labels: Object.fromEntries(iconList.map(function (icon) { return [icon.key, icon.label]; })),
+            labels: Object.fromEntries(iconList_1.iconList.map(function (icon) { return [icon.key, icon.label]; })),
         },
-        options: iconList.map(function (icon) { return icon.key; }),
-        if: { arg: "contentType", eq: contentTypeEnum.icon_only },
+        options: iconList_1.iconList.map(function (icon) { return icon.key; }),
+        if: { arg: "contentType", eq: enums_1.ContentType.icon_only },
     },
     iconSize: {
         control: {
             type: "select",
-            labels: Object.fromEntries(buttonIconSizeList.map(function (size) { return [size.key, size.label]; })),
+            labels: Object.fromEntries(utils_1.buttonIconSizeList.map(function (size) { return [size.key, size.label]; })),
         },
-        options: buttonIconSizeList.map(function (size) { return size.key; }),
-        if: { arg: "contentType", eq: contentTypeEnum.icon_only },
+        options: utils_1.buttonIconSizeList.map(function (size) { return size.key; }),
+        if: { arg: "contentType", eq: enums_1.ContentType.icon_only },
     },
     type: {
         control: { type: "select" },
-        options: [buttonTypeEnum.fill, buttonTypeEnum.outline],
+        options: [_1.ButtonType.fill, _1.ButtonType.outline],
         description: "Determines the type of the button",
     },
 };

package/dist/components/Button/index.d.ts

@@ -1,4 +1,4 @@
 export declare enum ButtonType {
-    fill = "Fill",
-    outline = "Outline"
+    fill = "fill",
+    outline = "outline"
 }

package/dist/components/Button/index.js

@@ -1,6 +1,9 @@
-export var ButtonType;
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ButtonType = void 0;
+var ButtonType;
 (function (ButtonType) {
-    ButtonType["fill"] = "Fill";
-    ButtonType["outline"] = "Outline";
-})(ButtonType || (ButtonType = {}));
+    ButtonType["fill"] = "fill";
+    ButtonType["outline"] = "outline";
+})(ButtonType || (exports.ButtonType = ButtonType = {}));
 ;

package/dist/components/Color/BackgroundColor/Color.js

@@ -1,5 +1,9 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-export var Color = function (_a) {
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Color = void 0;
+var jsx_runtime_1 = require("react/jsx-runtime");
+var Color = function (_a) {
     var label = _a.label, color = _a.color;
-    return (_jsxs("div", { children: [_jsx("h2", { className: "lu-font-size-large lu-font-weight-bold lu-mb-200", children: label }), _jsxs("div", { className: "flex items-center gap-4", children: [_jsx("div", { className: "w-10 h-10 rounded ".concat(color), "data-testid": "color-box" }), _jsxs("div", { children: [_jsx("p", { className: "lu-font-weight-semibold", children: color === null || color === void 0 ? void 0 : color.replace("bg-", "") }), _jsx("code", { className: "lu-font-size-small", children: color })] })] })] }));
+    return ((0, jsx_runtime_1.jsxs)("div", { children: [(0, jsx_runtime_1.jsx)("h2", { className: "lu-font-size-large lu-font-weight-bold lu-mb-200", children: label }), (0, jsx_runtime_1.jsxs)("div", { className: "flex items-center gap-4", children: [(0, jsx_runtime_1.jsx)("div", { className: "w-10 h-10 rounded ".concat(color), "data-testid": "color-box" }), (0, jsx_runtime_1.jsxs)("div", { children: [(0, jsx_runtime_1.jsx)("p", { className: "lu-font-weight-semibold", children: color === null || color === void 0 ? void 0 : color.replace("bg-", "") }), (0, jsx_runtime_1.jsx)("code", { className: "lu-font-size-small", children: color })] })] })] }));
 };
+exports.Color = Color;

package/dist/components/Color/BackgroundColor/Color.stories.js

@@ -1,3 +1,4 @@
+"use strict";
 var __assign = (this && this.__assign) || function () {
     __assign = Object.assign || function(t) {
         for (var s, i = 1, n = arguments.length; i < n; i++) {
@@ -9,92 +10,94 @@ var __assign = (this && this.__assign) || function () {
     };
     return __assign.apply(this, arguments);
 };
-import { jsx as _jsx } from "react/jsx-runtime";
-import { Color } from "../../../components/Color/BackgroundColor/Color";
-import { customBackgroundColor } from ".";
-export default {
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Info = exports.Danger = exports.Warning = exports.Success = exports.Gray = exports.Primary = void 0;
+var jsx_runtime_1 = require("react/jsx-runtime");
+var Color_1 = require("../../../components/Color/BackgroundColor/Color");
+var _1 = require(".");
+exports.default = {
     title: "Components/Color/BackgroundColor",
-    component: Color,
+    component: Color_1.Color,
     argTypes: {
         label: { control: "text" },
     },
 };
-var Template = function (args) { return _jsx(Color, __assign({}, args)); };
-export var Primary = Template.bind({});
-Primary.args = {
+var Template = function (args) { return (0, jsx_runtime_1.jsx)(Color_1.Color, __assign({}, args)); };
+exports.Primary = Template.bind({});
+exports.Primary.args = {
     label: "Primary",
     color: "lu-bg-primary-500", // Default color
 };
-Primary.argTypes = {
+exports.Primary.argTypes = {
     color: {
         control: { type: "select" },
-        options: Object.keys(customBackgroundColor)
+        options: Object.keys(_1.customBackgroundColor)
             .filter(function (key) { return key.startsWith(".lu-bg-primary-"); })
             .map(function (key) { return key.slice(1); }),
     },
 };
-export var Gray = Template.bind({});
-Gray.argTypes = {
+exports.Gray = Template.bind({});
+exports.Gray.argTypes = {
     color: {
         control: { type: "select" },
-        options: Object.keys(customBackgroundColor)
+        options: Object.keys(_1.customBackgroundColor)
             .filter(function (key) { return key.startsWith(".lu-bg-neutral-"); })
             .map(function (key) { return key.slice(1); }),
     },
 };
-Gray.args = {
+exports.Gray.args = {
     label: "Gray",
     color: "lu-bg-neutral-500",
 };
-export var Success = Template.bind({});
-Success.argTypes = {
+exports.Success = Template.bind({});
+exports.Success.argTypes = {
     color: {
         control: { type: "select" },
-        options: Object.keys(customBackgroundColor)
+        options: Object.keys(_1.customBackgroundColor)
             .filter(function (key) { return key.startsWith(".lu-bg-success-"); })
             .map(function (key) { return key.slice(1); }),
     },
 };
-Success.args = {
+exports.Success.args = {
     label: "Success",
     color: "lu-bg-success-500",
 };
-export var Warning = Template.bind({});
-Warning.argTypes = {
+exports.Warning = Template.bind({});
+exports.Warning.argTypes = {
     color: {
         control: { type: "select" },
-        options: Object.keys(customBackgroundColor)
+        options: Object.keys(_1.customBackgroundColor)
             .filter(function (key) { return key.startsWith(".lu-bg-warning-"); })
             .map(function (key) { return key.slice(1); }),
     },
 };
-Warning.args = {
+exports.Warning.args = {
     label: "Warning",
     color: "lu-bg-warning-500",
 };
-export var Danger = Template.bind({});
-Danger.argTypes = {
+exports.Danger = Template.bind({});
+exports.Danger.argTypes = {
     color: {
         control: { type: "select" },
-        options: Object.keys(customBackgroundColor)
+        options: Object.keys(_1.customBackgroundColor)
             .filter(function (key) { return key.startsWith(".lu-bg-danger-"); })
             .map(function (key) { return key.slice(1); }),
     },
 };
-Danger.args = {
+exports.Danger.args = {
     label: "Danger",
     color: "lu-bg-danger-500",
 };
-export var Info = Template.bind({});
-Info.argTypes = {
+exports.Info = Template.bind({});
+exports.Info.argTypes = {
     color: {
         control: { type: "select" },
-        options: Object.keys(customBackgroundColor)
+        options: Object.keys(_1.customBackgroundColor)
             .filter(function (key) { return key.startsWith(".lu-bg-info-"); })
             .map(function (key) { return key.slice(1); }),
     },
 };
-Info.args = {
+exports.Info.args = {
     label: "Info",
     color: "lu-bg-info-500",
 };

package/dist/components/Color/BackgroundColor/index.js

@@ -1,4 +1,7 @@
-export var colorNames = [
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.customBackgroundColor = exports.shades = exports.colorNames = void 0;
+exports.colorNames = [
     "primary",
     "neutral",
     "success",
@@ -6,9 +9,9 @@ export var colorNames = [
     "danger",
     "info",
 ];
-export var shades = Array.from({ length: 11 }, function (_, i) { return i * 100; }); // Generates [0, 100, 200, ..., 1000]
-export var customBackgroundColor = Object.fromEntries(colorNames.flatMap(function (color) {
-    return shades.map(function (shade) { return [
+exports.shades = Array.from({ length: 11 }, function (_, i) { return i * 100; }); // Generates [0, 100, 200, ..., 1000]
+exports.customBackgroundColor = Object.fromEntries(exports.colorNames.flatMap(function (color) {
+    return exports.shades.map(function (shade) { return [
         ".lu-bg-".concat(color, "-").concat(shade),
         { backgroundColor: "var(--".concat(color, "-").concat(shade, ")") }, // Generates { ".lu-bg-primary-100": { backgroundColor: "var(--primary-100)" }, ... }
     ]; });

package/dist/components/Color/TextColor/TextColor.d.ts

@@ -0,0 +1,3 @@
+export declare const TextColor: ({ color, }: {
+    color?: string;
+}) => import("react/jsx-runtime").JSX.Element;

package/dist/components/Color/TextColor/TextColor.js

@@ -0,0 +1,5 @@
+import { jsxs as _jsxs } from "react/jsx-runtime";
+export var TextColor = function (_a) {
+    var _b = _a.color, color = _b === void 0 ? "lu-text-default" : _b;
+    return _jsxs("div", { className: "".concat(color), children: [".", color] });
+};

package/dist/components/Color/TextColor/TextColor.stories.d.ts

@@ -0,0 +1,6 @@
+import { Meta } from "@storybook/react";
+declare const _default: Meta;
+export default _default;
+export declare const textColor: import("@storybook/csf").AnnotatedStoryFn<import("@storybook/react").ReactRenderer, {
+    color: string;
+}>;

package/dist/components/Color/TextColor/TextColor.stories.js

@@ -0,0 +1,32 @@
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+import { jsx as _jsx } from "react/jsx-runtime";
+import { textColorList } from "../../../utils";
+import { TextColor } from "./TextColor";
+export default {
+    title: "Components/Color",
+    component: TextColor,
+};
+var Template = function (args) { return _jsx(TextColor, __assign({}, args)); };
+export var textColor = Template.bind({});
+textColor.args = {
+    color: "lu-text-default", // Default color
+};
+textColor.argTypes = {
+    color: {
+        control: {
+            type: "select",
+            labels: Object.fromEntries(textColorList.map(function (color) { return [color.key, color.label]; })),
+        },
+        options: textColorList.map(function (color) { return color.key; }),
+    },
+};

package/dist/components/Color/TextColor.js

@@ -1,5 +1,9 @@
-import { jsxs as _jsxs } from "react/jsx-runtime";
-export var TextColor = function (_a) {
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.TextColor = void 0;
+var jsx_runtime_1 = require("react/jsx-runtime");
+var TextColor = function (_a) {
     var _b = _a.color, color = _b === void 0 ? "lu-text-default" : _b;
-    return _jsxs("div", { className: "".concat(color), children: [".", color] });
+    return (0, jsx_runtime_1.jsxs)("div", { className: "".concat(color), children: [".", color] });
 };
+exports.TextColor = TextColor;

package/dist/components/Color/TextColor.stories.js

@@ -1,3 +1,4 @@
+"use strict";
 var __assign = (this && this.__assign) || function () {
     __assign = Object.assign || function(t) {
         for (var s, i = 1, n = arguments.length; i < n; i++) {
@@ -9,24 +10,26 @@ var __assign = (this && this.__assign) || function () {
     };
     return __assign.apply(this, arguments);
 };
-import { jsx as _jsx } from "react/jsx-runtime";
-import { TextColor } from "./TextColor";
-import { textColorList } from "../../utils";
-export default {
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.textColor = void 0;
+var jsx_runtime_1 = require("react/jsx-runtime");
+var TextColor_1 = require("./TextColor");
+var utils_1 = require("../../utils");
+exports.default = {
     title: "Components/Color",
-    component: TextColor,
+    component: TextColor_1.TextColor,
 };
-var Template = function (args) { return _jsx(TextColor, __assign({}, args)); };
-export var textColor = Template.bind({});
-textColor.args = {
+var Template = function (args) { return (0, jsx_runtime_1.jsx)(TextColor_1.TextColor, __assign({}, args)); };
+exports.textColor = Template.bind({});
+exports.textColor.args = {
     color: "lu-text-default", // Default color
 };
-textColor.argTypes = {
+exports.textColor.argTypes = {
     color: {
         control: {
             type: "select",
-            labels: Object.fromEntries(textColorList.map(function (color) { return [color.key, color.label]; })),
+            labels: Object.fromEntries(utils_1.textColorList.map(function (color) { return [color.key, color.label]; })),
         },
-        options: textColorList.map(function (color) { return color.key; }),
+        options: utils_1.textColorList.map(function (color) { return color.key; }),
     },
 };

package/dist/components/Icons/IconView.js

@@ -1,7 +1,11 @@
-import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
-import { iconList } from "../../utils/iconList";
-export var IconView = function () {
-    return (_jsx(_Fragment, { children: _jsx("div", { className: "grid grid-cols-3 sm:grid-cols-4 md:grid-cols-6 lg:grid-cols-6 gap-6", "data-testid": "icons-list", children: iconList.map(function (icon, index) {
-                return (_jsxs("div", { className: "flex flex-col items-center justify-center bg-gray-100 lu-border-rounded-lg lu-pd-200 shadow-md hover:bg-gray-200", "data-testid": "single-icon", children: [_jsxs("svg", { width: "25", height: "25", viewBox: "0 0 32 32", fill: "none", className: "mb-2", role: "img", children: [_jsx("g", { clipPath: "url(#clip0_9168_14965)", children: _jsx("path", { d: icon === null || icon === void 0 ? void 0 : icon.path, fill: "#070808" }) }), _jsx("defs", { children: _jsx("clipPath", { id: "clip0_9168_14965", children: _jsx("rect", { width: "32", height: "32", fill: "black" }) }) })] }), _jsx("p", { className: "lu-font-size-x-small lu-font-weight-regular lu-text-gray text-center", children: icon === null || icon === void 0 ? void 0 : icon.label })] }, index));
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.IconView = void 0;
+var jsx_runtime_1 = require("react/jsx-runtime");
+var iconList_1 = require("../../utils/iconList");
+var IconView = function () {
+    return ((0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: (0, jsx_runtime_1.jsx)("div", { className: "grid grid-cols-3 sm:grid-cols-4 md:grid-cols-6 lg:grid-cols-6 gap-6", "data-testid": "icons-list", children: iconList_1.iconList.map(function (icon, index) {
+                return ((0, jsx_runtime_1.jsxs)("div", { className: "flex flex-col items-center justify-center bg-gray-100 lu-border-rounded-lg lu-pd-200 shadow-md hover:bg-gray-200", "data-testid": "single-icon", children: [(0, jsx_runtime_1.jsxs)("svg", { width: "25", height: "25", viewBox: "0 0 32 32", fill: "none", className: "mb-2", role: "img", children: [(0, jsx_runtime_1.jsx)("g", { clipPath: "url(#clip0_9168_14965)", children: (0, jsx_runtime_1.jsx)("path", { d: icon === null || icon === void 0 ? void 0 : icon.path, fill: "#070808" }) }), (0, jsx_runtime_1.jsx)("defs", { children: (0, jsx_runtime_1.jsx)("clipPath", { id: "clip0_9168_14965", children: (0, jsx_runtime_1.jsx)("rect", { width: "32", height: "32", fill: "black" }) }) })] }), (0, jsx_runtime_1.jsx)("p", { className: "lu-font-size-x-small lu-font-weight-regular lu-text-gray text-center", children: icon === null || icon === void 0 ? void 0 : icon.label })] }, index));
             }) }) }));
 };
+exports.IconView = IconView;

package/dist/components/Icons/IconView.stories.js

@@ -1,3 +1,4 @@
+"use strict";
 var __assign = (this && this.__assign) || function () {
     __assign = Object.assign || function(t) {
         for (var s, i = 1, n = arguments.length; i < n; i++) {
@@ -9,12 +10,14 @@ var __assign = (this && this.__assign) || function () {
     };
     return __assign.apply(this, arguments);
 };
-import { jsx as _jsx } from "react/jsx-runtime";
-import { IconView } from "./IconView";
-export default {
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.iconView = void 0;
+var jsx_runtime_1 = require("react/jsx-runtime");
+var IconView_1 = require("./IconView");
+exports.default = {
     title: "Components/Icon",
-    component: IconView,
+    component: IconView_1.IconView,
     tags: ["!autodocs"],
 };
-var Template = function (args) { return _jsx(IconView, __assign({}, args)); };
-export var iconView = Template.bind({});
+var Template = function (args) { return (0, jsx_runtime_1.jsx)(IconView_1.IconView, __assign({}, args)); };
+exports.iconView = Template.bind({});

package/dist/components/Icons/LUIcon.js

@@ -1,9 +1,11 @@
-import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
-import { iconList } from "../../utils/iconList";
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+var jsx_runtime_1 = require("react/jsx-runtime");
+var iconList_1 = require("../../utils/iconList");
 var LUIcon = function (_a) {
     var _b;
     var size = _a.size, fill = _a.fill, icon = _a.icon, className = _a.className;
-    var selectedIcon = iconList.find(function (item) { return item.key === icon; });
-    return (_jsx(_Fragment, { children: _jsxs("svg", { className: "".concat(size, " ").concat(className), viewBox: "0 0 32 32", fill: "none", children: [_jsx("g", { "clip-path": "url(#clip0_9168_14965)", children: _jsx("path", { d: (_b = selectedIcon === null || selectedIcon === void 0 ? void 0 : selectedIcon.path) !== null && _b !== void 0 ? _b : "", className: "".concat(fill, " icon") }) }), _jsx("defs", { children: _jsx("clipPath", { id: "clip0_9168_14965", children: _jsx("rect", { width: "32", height: "32", fill: "black" }) }) })] }) }));
+    var selectedIcon = iconList_1.iconList.find(function (item) { return item.key === icon; });
+    return ((0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: (0, jsx_runtime_1.jsxs)("svg", { className: "".concat(size, " ").concat(className), viewBox: "0 0 32 32", fill: "none", children: [(0, jsx_runtime_1.jsx)("g", { "clip-path": "url(#clip0_9168_14965)", children: (0, jsx_runtime_1.jsx)("path", { d: (_b = selectedIcon === null || selectedIcon === void 0 ? void 0 : selectedIcon.path) !== null && _b !== void 0 ? _b : "", className: "".concat(fill, " icon") }) }), (0, jsx_runtime_1.jsx)("defs", { children: (0, jsx_runtime_1.jsx)("clipPath", { id: "clip0_9168_14965", children: (0, jsx_runtime_1.jsx)("rect", { width: "32", height: "32", fill: "black" }) }) })] }) }));
 };
-export default LUIcon;
+exports.default = LUIcon;

package/dist/components/Icons/LUIcon.stories.js

@@ -1,3 +1,4 @@
+"use strict";
 var __assign = (this && this.__assign) || function () {
     __assign = Object.assign || function(t) {
         for (var s, i = 1, n = arguments.length; i < n; i++) {
@@ -9,42 +10,47 @@ var __assign = (this && this.__assign) || function () {
     };
     return __assign.apply(this, arguments);
 };
-import { jsx as _jsx } from "react/jsx-runtime";
-import { iconColorList, iconSizeList } from "../../utils";
-import { iconList } from "../../utils/iconList";
-import LUIcon from "./LUIcon";
-export default {
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.icon = void 0;
+var jsx_runtime_1 = require("react/jsx-runtime");
+var utils_1 = require("../../utils");
+var iconList_1 = require("../../utils/iconList");
+var LUIcon_1 = __importDefault(require("./LUIcon"));
+exports.default = {
     title: "Components/Icon",
-    component: LUIcon,
+    component: LUIcon_1.default,
     tags: ["autodocs"],
 };
-var Template = function (args) { return _jsx(LUIcon, __assign({}, args)); };
-export var icon = Template.bind({});
-icon.args = {
+var Template = function (args) { return (0, jsx_runtime_1.jsx)(LUIcon_1.default, __assign({}, args)); };
+exports.icon = Template.bind({});
+exports.icon.args = {
     size: "lu-icon-x-small",
     fill: "lu-primary-icon-default",
-    icon: iconList[0].key,
+    icon: iconList_1.iconList[0].key,
 };
-icon.argTypes = {
+exports.icon.argTypes = {
     size: {
         control: {
             type: "select",
-            labels: Object.fromEntries(iconSizeList.map(function (size) { return [size.key, size.label]; })),
+            labels: Object.fromEntries(utils_1.iconSizeList.map(function (size) { return [size.key, size.label]; })),
         },
-        options: iconSizeList.map(function (size) { return size.key; }),
+        options: utils_1.iconSizeList.map(function (size) { return size.key; }),
     },
     fill: {
         control: {
             type: "select",
-            labels: Object.fromEntries(iconColorList.map(function (color) { return [color.key, color.label]; })),
+            labels: Object.fromEntries(utils_1.iconColorList.map(function (color) { return [color.key, color.label]; })),
         },
-        options: iconColorList.map(function (color) { return color.key; }),
+        options: utils_1.iconColorList.map(function (color) { return color.key; }),
     },
     icon: {
         control: {
             type: "select",
-            labels: Object.fromEntries(iconList.map(function (icon) { return [icon.key, icon.label]; })),
+            labels: Object.fromEntries(iconList_1.iconList.map(function (icon) { return [icon.key, icon.label]; })),
         },
-        options: iconList.map(function (icon) { return icon.key; }),
+        options: iconList_1.iconList.map(function (icon) { return icon.key; }),
     },
 };