linkedunion-design-kit 1.5.2 → 1.5.4

package/dist/components/Border/BorderWidth/BorderWidth.stories.js

@@ -1,38 +0,0 @@
-"use strict";
-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);
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports._BorderWidth = void 0;
-var jsx_runtime_1 = require("react/jsx-runtime");
-var BorderWidth_1 = require("./BorderWidth");
-var utils_1 = require("../../../utils");
-exports.default = {
-    title: "Components/Border",
-    component: BorderWidth_1.BorderWidth,
-};
-var Template = function (args) { return (0, jsx_runtime_1.jsx)(BorderWidth_1.BorderWidth, __assign({}, args)); };
-exports._BorderWidth = Template.bind({});
-exports._BorderWidth.args = {
-    border: "lu-border-width-125",
-};
-exports._BorderWidth.argTypes = {
-    border: {
-        control: {
-            type: "select",
-            labels: Object.fromEntries(utils_1.borderWidthList.map(function (borderWidth) { return [
-                borderWidth.key,
-                borderWidth.label,
-            ]; })),
-        },
-        options: utils_1.borderWidthList.map(function (borderWidth) { return borderWidth.key; }),
-    },
-};

package/dist/components/Border/BorderWidth/BorderWidth.test.js

@@ -1,25 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-var jsx_runtime_1 = require("react/jsx-runtime");
-var react_1 = require("@testing-library/react");
-var BorderWidth_1 = require("./BorderWidth");
-describe("BorderWidth Component", function () {
-    it("renders BorderWidth component with table and border width view", function () {
-        var border = "lu-border-width-125";
-        (0, react_1.render)((0, jsx_runtime_1.jsx)(BorderWidth_1.BorderWidth, { border: border }));
-        // Check if the main title 'Border Width' is displayed
-        expect(react_1.screen.getByText("Border Width")).toBeInTheDocument();
-        // Verify the Border Radius Table renders correctly
-        expect(react_1.screen.getByText("Alias Token Name")).toBeInTheDocument();
-        expect(react_1.screen.getByText("Base unit Multiplier of 8")).toBeInTheDocument();
-        expect(react_1.screen.getByText("Value(PX)(REM)")).toBeInTheDocument();
-        // Verify the 'lu-border-width-125' row data is in the table
-        expect(react_1.screen.getByText("lu-border-width-100")).toBeInTheDocument();
-        expect(react_1.screen.getByText("1x")).toBeInTheDocument();
-        expect(react_1.screen.getByText("8px = 0.5rem")).toBeInTheDocument();
-        // Check if BorderRadiusView is rendered with the correct border width class
-        var borderRadiusElement = react_1.screen.getByTestId("border-width");
-        expect(borderRadiusElement).toHaveClass("lu-border-width-125");
-        expect(borderRadiusElement).toHaveClass("border-primary-600");
-    });
-});

package/dist/components/Border/BorderWidth/BorderWidthTable.d.ts

@@ -1 +0,0 @@
-export declare const BorderWidthTable: () => import("react/jsx-runtime").JSX.Element;

package/dist/components/Border/BorderWidth/BorderWidthTable.js

@@ -1,9 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.BorderWidthTable = void 0;
-var jsx_runtime_1 = require("react/jsx-runtime");
-var utils_1 = require("../../../utils");
-var BorderWidthTable = function () {
-    return ((0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: (0, jsx_runtime_1.jsxs)("table", { className: "lu-width-100 lu-font-size-x-small lu-font-weight-medium", children: [(0, jsx_runtime_1.jsx)("thead", { className: "bg-primary-100", children: (0, jsx_runtime_1.jsxs)("tr", { children: [(0, jsx_runtime_1.jsx)("th", { className: "".concat(utils_1.table_header_className), children: "Alias Token Name" }), (0, jsx_runtime_1.jsx)("th", { className: "".concat(utils_1.table_header_className), children: "Base unit Multiplier of 8" }), (0, jsx_runtime_1.jsx)("th", { className: "".concat(utils_1.table_header_className), children: "Value(PX)(REM)" })] }) }), (0, jsx_runtime_1.jsxs)("tbody", { children: [(0, jsx_runtime_1.jsxs)("tr", { children: [(0, jsx_runtime_1.jsx)("td", { className: "".concat(utils_1.table_row_className), children: (0, jsx_runtime_1.jsx)("span", { className: "".concat(utils_1.table_data_className), children: "lu-border-width-125" }) }), (0, jsx_runtime_1.jsx)("td", { className: "".concat(utils_1.table_row_className), children: (0, jsx_runtime_1.jsx)("span", { className: "".concat(utils_1.table_data_className), children: "0.125x" }) }), (0, jsx_runtime_1.jsx)("td", { className: "".concat(utils_1.table_row_className), children: (0, jsx_runtime_1.jsx)("span", { className: "".concat(utils_1.table_data_className), children: "1px = 0.063rem" }) })] }), (0, jsx_runtime_1.jsxs)("tr", { children: [(0, jsx_runtime_1.jsx)("td", { className: "".concat(utils_1.table_row_className), children: (0, jsx_runtime_1.jsx)("span", { className: "".concat(utils_1.table_data_className), children: "lu-border-width-025" }) }), (0, jsx_runtime_1.jsx)("td", { className: "".concat(utils_1.table_row_className), children: (0, jsx_runtime_1.jsx)("span", { className: "".concat(utils_1.table_data_className), children: "0.25x" }) }), (0, jsx_runtime_1.jsx)("td", { className: "".concat(utils_1.table_row_className), children: (0, jsx_runtime_1.jsx)("span", { className: "".concat(utils_1.table_data_className), children: "2px = 0.125rem" }) })] }), (0, jsx_runtime_1.jsxs)("tr", { children: [(0, jsx_runtime_1.jsx)("td", { className: "".concat(utils_1.table_row_className), children: (0, jsx_runtime_1.jsx)("span", { className: "".concat(utils_1.table_data_className), children: "lu-border-width-050" }) }), (0, jsx_runtime_1.jsx)("td", { className: "".concat(utils_1.table_row_className), children: (0, jsx_runtime_1.jsx)("span", { className: "".concat(utils_1.table_data_className), children: "0.50x" }) }), (0, jsx_runtime_1.jsx)("td", { className: "".concat(utils_1.table_row_className), children: (0, jsx_runtime_1.jsx)("span", { className: "".concat(utils_1.table_data_className), children: "4px = 0.25rem" }) })] }), (0, jsx_runtime_1.jsxs)("tr", { children: [(0, jsx_runtime_1.jsx)("td", { className: "".concat(utils_1.table_row_className), children: (0, jsx_runtime_1.jsx)("span", { className: "".concat(utils_1.table_data_className), children: "lu-border-width-100" }) }), (0, jsx_runtime_1.jsx)("td", { className: "".concat(utils_1.table_row_className), children: (0, jsx_runtime_1.jsx)("span", { className: "".concat(utils_1.table_data_className), children: "1x" }) }), (0, jsx_runtime_1.jsx)("td", { className: "".concat(utils_1.table_row_className), children: (0, jsx_runtime_1.jsx)("span", { className: "".concat(utils_1.table_data_className), children: "8px = 0.5rem" }) })] })] })] }) }));
-};
-exports.BorderWidthTable = BorderWidthTable;

package/dist/components/Border/BorderWidth/ViewBorderWidth.d.ts

@@ -1,2 +0,0 @@
-import { BorderWidthProps } from "@/types/interface";
-export declare const ViewBorderWidth: ({ border }: BorderWidthProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/Border/BorderWidth/ViewBorderWidth.js

@@ -1,9 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.ViewBorderWidth = void 0;
-var jsx_runtime_1 = require("react/jsx-runtime");
-var ViewBorderWidth = function (_a) {
-    var border = _a.border;
-    return ((0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: (0, jsx_runtime_1.jsx)("div", { className: "border-primary-600 lu-border-rounded-2xl lu-pd-200 lu-size-2500 ".concat(border), "data-testid": "border-width", children: (0, jsx_runtime_1.jsx)("p", { className: "lu-bg-neutral-100 lu-pt-050 lu-pr-100 lu-pb-050 lu-pl-100 rounded lu-font-size-x-small lu-text-center", children: border }) }) }));
-};
-exports.ViewBorderWidth = ViewBorderWidth;

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

@@ -1,3 +0,0 @@
-import { ButtonProps } from "@/types/interface";
-export declare const Button: ({ contentType, variant, label, iconLeft, iconRight, onClick, shape, size, leftIconSize, rightIconSize, className, icon, iconSize, type, }: ButtonProps) => import("react/jsx-runtime").JSX.Element;
-export default Button;

package/dist/components/Button/Button.js

@@ -1,22 +0,0 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Button = void 0;
-var jsx_runtime_1 = require("react/jsx-runtime");
-var LUIcon_1 = __importDefault(require("../Icons/LUIcon"));
-var enums_1 = require("../../utils/enums");
-var index_1 = require("./index");
-var Button = function (_a) {
-    var _b = _a.contentType, contentType = _b === void 0 ? enums_1.ContentType.text_with_icon : _b, _c = _a.variant, variant = _c === void 0 ? "lu-btn-primary" : _c, _d = _a.label, label = _d === void 0 ? "Button Text" : _d, iconLeft = _a.iconLeft, iconRight = _a.iconRight, onClick = _a.onClick, shape = _a.shape, _e = _a.size, size = _e === void 0 ? "lu-btn-md" : _e, leftIconSize = _a.leftIconSize, rightIconSize = _a.rightIconSize, className = _a.className, icon = _a.icon, iconSize = _a.iconSize, _f = _a.type, type = _f === void 0 ? index_1.ButtonType === null || index_1.ButtonType === void 0 ? void 0 : index_1.ButtonType.fill : _f;
-    return ((0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: (0, jsx_runtime_1.jsxs)("button", { className: "flex items-center ".concat(shape, " ").concat(type === index_1.ButtonType.outline ? "outline-button ".concat(variant) : variant, "  ").concat(className, " ").concat(contentType === enums_1.ContentType.icon_only ? "icon-only ".concat(size) : size), onClick: onClick, children: [contentType === enums_1.ContentType.none && label, contentType === enums_1.ContentType.icon_only && icon && ((0, jsx_runtime_1.jsx)(LUIcon_1.default, { size: iconSize, icon: icon, fill: type === index_1.ButtonType.outline
-                        ? "outline-button ".concat(variant)
-                        : variant })), contentType === enums_1.ContentType.text_with_icon && ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [iconLeft && iconLeft !== "none" && ((0, jsx_runtime_1.jsx)(LUIcon_1.default, { size: leftIconSize, icon: iconLeft, fill: type === index_1.ButtonType.outline
-                                ? "outline-button ".concat(variant)
-                                : variant, className: "lu-mr-100" })), label, iconRight && iconRight !== "none" && ((0, jsx_runtime_1.jsx)(LUIcon_1.default, { size: rightIconSize, icon: iconRight, fill: type === index_1.ButtonType.outline
-                                ? "outline-button ".concat(variant)
-                                : variant, className: "lu-ml-100" }))] }))] }) }));
-};
-exports.Button = Button;
-exports.default = exports.Button;

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

@@ -1,160 +0,0 @@
-"use strict";
-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);
-};
-var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
-    if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {
-        if (ar || !(i in from)) {
-            if (!ar) ar = Array.prototype.slice.call(from, 0, i);
-            ar[i] = from[i];
-        }
-    }
-    return to.concat(ar || Array.prototype.slice.call(from));
-};
-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_1.Button,
-    tags: ["autodocs"],
-};
-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"); },
-    shape: "lu-border-rounded-sm",
-    size: "lu-btn-md",
-    iconLeft: "chart-simple",
-    leftIconSize: "lu-icon-small",
-    icon: "chart-simple",
-    iconSize: "lu-icon-small",
-    type: _1.ButtonType.fill,
-    className: "",
-};
-exports._Button.argTypes = {
-    contentType: {
-        control: { type: "select" },
-        options: [
-            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: enums_1.ContentType.icon_only },
-    },
-    variant: {
-        control: {
-            type: "select",
-            labels: Object.fromEntries(utils_1.buttonColorsList.map(function (btnColor) { return [btnColor.key, btnColor.label]; })),
-        },
-        options: utils_1.buttonColorsList.map(function (btnColor) { return btnColor.key; }),
-    },
-    iconLeft: {
-        control: {
-            type: "select",
-            labels: Object.fromEntries(iconList_1.iconList.map(function (icon) { return [icon.key, icon.label]; })),
-        },
-        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_1.iconList.map(function (icon) { return [icon.key, icon.label]; })),
-        },
-        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(utils_1.borderRadiusList.map(function (borderRadius) { return [
-                borderRadius.key,
-                borderRadius.label,
-            ]; })),
-        },
-        options: utils_1.borderRadiusList.map(function (borderRadius) { return borderRadius.key; }),
-    },
-    size: {
-        control: {
-            type: "select",
-            labels: Object.fromEntries(utils_1.buttonSizeList.map(function (size) { return [size.key, size.label]; })),
-        },
-        options: utils_1.buttonSizeList.map(function (size) { return size.key; }),
-        description: "Select the size of the button",
-        update: function (args) {
-            var isIconOnly = args.contentType === enums_1.ContentType.icon_only;
-            // Dynamically update options and labels based on contentType
-            return {
-                options: isIconOnly
-                    ? utils_1.buttonWithIconList.map(function (size) { return size.key; })
-                    : utils_1.buttonSizeList.map(function (size) { return size.key; }),
-                control: {
-                    type: "select",
-                    labels: Object.fromEntries((isIconOnly ? utils_1.buttonWithIconList : utils_1.buttonSizeList).map(function (size) { return [
-                        size.key,
-                        size.label,
-                    ]; })),
-                },
-            };
-        },
-    },
-    leftIconSize: {
-        control: {
-            type: "select",
-            labels: Object.fromEntries(utils_1.buttonIconSizeList.map(function (size) { return [size.key, size.label]; })),
-        },
-        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(utils_1.buttonIconSizeList.map(function (size) { return [size.key, size.label]; })),
-        },
-        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_1.iconList.map(function (icon) { return [icon.key, icon.label]; })),
-        },
-        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(utils_1.buttonIconSizeList.map(function (size) { return [size.key, size.label]; })),
-        },
-        options: utils_1.buttonIconSizeList.map(function (size) { return size.key; }),
-        if: { arg: "contentType", eq: enums_1.ContentType.icon_only },
-    },
-    type: {
-        control: { type: "select" },
-        options: [_1.ButtonType.fill, _1.ButtonType.outline],
-        description: "Determines the type of the button",
-    },
-};

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

@@ -1 +0,0 @@
-import "@testing-library/jest-dom";

package/dist/components/Button/Button.test.js

@@ -1,54 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-var jsx_runtime_1 = require("react/jsx-runtime");
-var Button_1 = require("./Button");
-var react_1 = require("@testing-library/react");
-require("@testing-library/jest-dom");
-var enums_1 = require("../../utils/enums");
-var index_1 = require("./index");
-describe("Button Component", function () {
-    it("renders with default props", function () {
-        (0, react_1.render)((0, jsx_runtime_1.jsx)(Button_1.Button, {}));
-        var buttonElement = react_1.screen.getByRole("button", { name: "Button Text" });
-        expect(buttonElement).toBeInTheDocument();
-        expect(buttonElement).toHaveClass("lu-btn-primary");
-        expect(buttonElement).toHaveClass("lu-btn-md");
-    });
-    it("renders with a custom label", function () {
-        (0, react_1.render)((0, jsx_runtime_1.jsx)(Button_1.Button, { label: "Custom Button" }));
-        var buttonElement = react_1.screen.getByRole("button", { name: "Custom Button" });
-        expect(buttonElement).toBeInTheDocument();
-    });
-    it("applies additional class names", function () {
-        (0, react_1.render)((0, jsx_runtime_1.jsx)(Button_1.Button, { className: "custom-class another-class" }));
-        var buttonElement = react_1.screen.getByRole("button", { name: "Button Text" });
-        expect(buttonElement).toHaveClass("custom-class");
-        expect(buttonElement).toHaveClass("another-class");
-    });
-    it("triggers the onClick function when clicked", function () {
-        var handleClick = jest.fn();
-        (0, react_1.render)((0, jsx_runtime_1.jsx)(Button_1.Button, { onClick: handleClick }));
-        var buttonElement = react_1.screen.getByRole("button", { name: "Button Text" });
-        react_1.fireEvent.click(buttonElement);
-        expect(handleClick).toHaveBeenCalledTimes(1);
-    });
-    it("renders an icon-only button", function () {
-        (0, react_1.render)((0, jsx_runtime_1.jsx)(Button_1.Button, { contentType: enums_1.ContentType.icon_only, icon: "star-icon" }));
-        var buttonElement = react_1.screen.getByRole("button");
-        expect(buttonElement).toBeInTheDocument();
-        expect(buttonElement).toHaveTextContent(""); // Ensure it's icon-only
-    });
-    it("renders a button with left and right icons", function () {
-        (0, react_1.render)((0, jsx_runtime_1.jsx)(Button_1.Button, { contentType: enums_1.ContentType.text_with_icon, label: "Button", iconLeft: "left-icon", iconRight: "right-icon" }));
-        var buttonElement = react_1.screen.getByRole("button", { name: "Button" });
-        expect(buttonElement).toBeInTheDocument();
-        // Using test ID instead of role="img"
-        var icons = react_1.screen.getAllByTestId("lu-icon");
-        expect(icons.length).toBeGreaterThanOrEqual(2);
-    });
-    it("renders an outlined button", function () {
-        (0, react_1.render)((0, jsx_runtime_1.jsx)(Button_1.Button, { type: index_1.ButtonType.outline }));
-        var buttonElement = react_1.screen.getByRole("button", { name: "Button Text" });
-        expect(buttonElement).toHaveClass("outline-button");
-    });
-});

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

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

package/dist/components/Button/index.js

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

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

@@ -1,2 +0,0 @@
-import { ColorProps } from "@/types/interface";
-export declare const BackgroundColor: ({ label, color }: ColorProps) => import("react/jsx-runtime").JSX.Element;

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

@@ -1,9 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.BackgroundColor = void 0;
-var jsx_runtime_1 = require("react/jsx-runtime");
-var BackgroundColor = function (_a) {
-    var label = _a.label, color = _a.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.BackgroundColor = BackgroundColor;

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

@@ -1,10 +0,0 @@
-import { Meta } from "@storybook/react";
-import { ColorProps } from "@/types/interface";
-declare const _default: Meta;
-export default _default;
-export declare const Primary: import("@storybook/core/csf").AnnotatedStoryFn<import("@storybook/react").ReactRenderer, ColorProps>;
-export declare const Gray: import("@storybook/core/csf").AnnotatedStoryFn<import("@storybook/react").ReactRenderer, ColorProps>;
-export declare const Success: import("@storybook/core/csf").AnnotatedStoryFn<import("@storybook/react").ReactRenderer, ColorProps>;
-export declare const Warning: import("@storybook/core/csf").AnnotatedStoryFn<import("@storybook/react").ReactRenderer, ColorProps>;
-export declare const Danger: import("@storybook/core/csf").AnnotatedStoryFn<import("@storybook/react").ReactRenderer, ColorProps>;
-export declare const Info: import("@storybook/core/csf").AnnotatedStoryFn<import("@storybook/react").ReactRenderer, ColorProps>;

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

@@ -1,103 +0,0 @@
-"use strict";
-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);
-};
-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 BackgroundColor_1 = require("../../../components/Color/BackgroundColor/BackgroundColor");
-var index_1 = require("./index");
-exports.default = {
-    title: "Components/Color/BackgroundColor",
-    component: BackgroundColor_1.BackgroundColor,
-    argTypes: {
-        label: { control: "text" },
-    },
-};
-var Template = function (args) { return (0, jsx_runtime_1.jsx)(BackgroundColor_1.BackgroundColor, __assign({}, args)); };
-exports.Primary = Template.bind({});
-exports.Primary.args = {
-    label: "Primary",
-    color: "lu-bg-primary-500", // Default color
-};
-exports.Primary.argTypes = {
-    color: {
-        control: { type: "select" },
-        options: Object.keys(index_1.customBackgroundColor)
-            .filter(function (key) { return key.startsWith(".lu-bg-primary-"); })
-            .map(function (key) { return key.slice(1); }),
-    },
-};
-exports.Gray = Template.bind({});
-exports.Gray.argTypes = {
-    color: {
-        control: { type: "select" },
-        options: Object.keys(index_1.customBackgroundColor)
-            .filter(function (key) { return key.startsWith(".lu-bg-neutral-"); })
-            .map(function (key) { return key.slice(1); }),
-    },
-};
-exports.Gray.args = {
-    label: "Gray",
-    color: "lu-bg-neutral-500",
-};
-exports.Success = Template.bind({});
-exports.Success.argTypes = {
-    color: {
-        control: { type: "select" },
-        options: Object.keys(index_1.customBackgroundColor)
-            .filter(function (key) { return key.startsWith(".lu-bg-success-"); })
-            .map(function (key) { return key.slice(1); }),
-    },
-};
-exports.Success.args = {
-    label: "Success",
-    color: "lu-bg-success-500",
-};
-exports.Warning = Template.bind({});
-exports.Warning.argTypes = {
-    color: {
-        control: { type: "select" },
-        options: Object.keys(index_1.customBackgroundColor)
-            .filter(function (key) { return key.startsWith(".lu-bg-warning-"); })
-            .map(function (key) { return key.slice(1); }),
-    },
-};
-exports.Warning.args = {
-    label: "Warning",
-    color: "lu-bg-warning-500",
-};
-exports.Danger = Template.bind({});
-exports.Danger.argTypes = {
-    color: {
-        control: { type: "select" },
-        options: Object.keys(index_1.customBackgroundColor)
-            .filter(function (key) { return key.startsWith(".lu-bg-danger-"); })
-            .map(function (key) { return key.slice(1); }),
-    },
-};
-exports.Danger.args = {
-    label: "Danger",
-    color: "lu-bg-danger-500",
-};
-exports.Info = Template.bind({});
-exports.Info.argTypes = {
-    color: {
-        control: { type: "select" },
-        options: Object.keys(index_1.customBackgroundColor)
-            .filter(function (key) { return key.startsWith(".lu-bg-info-"); })
-            .map(function (key) { return key.slice(1); }),
-    },
-};
-exports.Info.args = {
-    label: "Info",
-    color: "lu-bg-info-500",
-};

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

@@ -1,17 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-var jsx_runtime_1 = require("react/jsx-runtime");
-var react_1 = require("@testing-library/react");
-var BackgroundColor_1 = require("./BackgroundColor");
-describe("Color Component", function () {
-    it("renders the color component with a label", function () {
-        (0, react_1.render)((0, jsx_runtime_1.jsx)(BackgroundColor_1.BackgroundColor, { label: "Primary", color: "lu-bg-primary-500" }));
-        var labelElement = react_1.screen.getByText("Primary");
-        expect(labelElement).toBeInTheDocument();
-    });
-    it("applies the correct background color", function () {
-        (0, react_1.render)((0, jsx_runtime_1.jsx)(BackgroundColor_1.BackgroundColor, { label: "Success", color: "lu-bg-success-500" }));
-        var colorBox = react_1.screen.getByTestId("color-box");
-        expect(colorBox).toHaveClass("lu-bg-success-500");
-    });
-});

package/dist/components/Color/BackgroundColor/index.d.ts

@@ -1,7 +0,0 @@
-export declare const colorNames: string[];
-export declare const shades: number[];
-export declare const customBackgroundColor: {
-    [k: string]: {
-        backgroundColor: string;
-    };
-};

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

@@ -1,18 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.customBackgroundColor = exports.shades = exports.colorNames = void 0;
-exports.colorNames = [
-    "primary",
-    "neutral",
-    "success",
-    "warning",
-    "danger",
-    "info",
-];
-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/Color.test.d.ts

@@ -1 +0,0 @@
-import "@testing-library/jest-dom";

package/dist/components/Color/Color.test.js

@@ -1,38 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-var jsx_runtime_1 = require("react/jsx-runtime");
-var react_1 = require("@testing-library/react");
-require("@testing-library/jest-dom");
-var BackgroundColor_1 = require("./BackgroundColor/BackgroundColor"); // Import the actual component
-describe("Color Component Stories", function () {
-    it("renders the Primary color story correctly", function () {
-        (0, react_1.render)((0, jsx_runtime_1.jsx)(BackgroundColor_1.BackgroundColor, { label: "Primary", color: "lu-bg-primary-500" }));
-        var colorBox = react_1.screen.getByTestId("color-box");
-        expect(colorBox).toHaveClass("lu-bg-primary-500");
-    });
-    it("renders the Gray color story correctly", function () {
-        (0, react_1.render)((0, jsx_runtime_1.jsx)(BackgroundColor_1.BackgroundColor, { label: "Gray", color: "lu-bg-neutral-500" }));
-        var colorBox = react_1.screen.getByTestId("color-box");
-        expect(colorBox).toHaveClass("lu-bg-neutral-500");
-    });
-    it("renders the Success color story correctly", function () {
-        (0, react_1.render)((0, jsx_runtime_1.jsx)(BackgroundColor_1.BackgroundColor, { label: "Success", color: "lu-bg-success-500" }));
-        var colorBox = react_1.screen.getByTestId("color-box");
-        expect(colorBox).toHaveClass("lu-bg-success-500");
-    });
-    it("renders the Warning color story correctly", function () {
-        (0, react_1.render)((0, jsx_runtime_1.jsx)(BackgroundColor_1.BackgroundColor, { label: "Warning", color: "lu-bg-warning-500" }));
-        var colorBox = react_1.screen.getByTestId("color-box");
-        expect(colorBox).toHaveClass("lu-bg-warning-500");
-    });
-    it("renders the Danger color story correctly", function () {
-        (0, react_1.render)((0, jsx_runtime_1.jsx)(BackgroundColor_1.BackgroundColor, { label: "Danger", color: "lu-bg-danger-500" }));
-        var colorBox = react_1.screen.getByTestId("color-box");
-        expect(colorBox).toHaveClass("lu-bg-danger-500");
-    });
-    it("renders the Info color story correctly", function () {
-        (0, react_1.render)((0, jsx_runtime_1.jsx)(BackgroundColor_1.BackgroundColor, { label: "Info", color: "lu-bg-info-500" }));
-        var colorBox = react_1.screen.getByTestId("color-box");
-        expect(colorBox).toHaveClass("lu-bg-info-500");
-    });
-});

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

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

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

@@ -1,9 +0,0 @@
-"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 (0, jsx_runtime_1.jsxs)("div", { className: "".concat(color), children: [".", color] });
-};
-exports.TextColor = TextColor;

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

@@ -1,35 +0,0 @@
-"use strict";
-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);
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports._TextColor = void 0;
-var jsx_runtime_1 = require("react/jsx-runtime");
-var utils_1 = require("../../../utils");
-var TextColor_1 = require("./TextColor");
-exports.default = {
-    title: "Components/Color",
-    component: TextColor_1.TextColor,
-};
-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
-};
-exports._TextColor.argTypes = {
-    color: {
-        control: {
-            type: "select",
-            labels: Object.fromEntries(utils_1.textColorList.map(function (color) { return [color.key, color.label]; })),
-        },
-        options: utils_1.textColorList.map(function (color) { return color.key; }),
-    },
-};

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

@@ -1 +0,0 @@
-import "@testing-library/jest-dom";