linkedunion-design-kit 1.5.2 → 1.5.3

package/dist/components/Typography/Typography.d.ts

@@ -1,2 +0,0 @@
-import { TypographyProps } from "@/types/interface";
-export declare const Typography: ({ label, className, fontSize, fontWeight, lineHeight, textAlign, textTransform, textDecoration, textWrap, }: TypographyProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/Typography/Typography.js

@@ -1,9 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Typography = void 0;
-var jsx_runtime_1 = require("react/jsx-runtime");
-var Typography = function (_a) {
-    var label = _a.label, _b = _a.className, className = _b === void 0 ? "" : _b, fontSize = _a.fontSize, fontWeight = _a.fontWeight, lineHeight = _a.lineHeight, textAlign = _a.textAlign, textTransform = _a.textTransform, textDecoration = _a.textDecoration, textWrap = _a.textWrap;
-    return ((0, jsx_runtime_1.jsx)("p", { "data-testid": "basic-typography", className: "".concat(className, " ").concat(fontSize, " ").concat(fontWeight, " ").concat(lineHeight, " ").concat(textAlign, " ").concat(textTransform, " ").concat(textDecoration, " ").concat(textWrap), children: label }));
-};
-exports.Typography = Typography;

package/dist/components/Typography/Typography.stories.d.ts

@@ -1,5 +0,0 @@
-import { Meta } from "@storybook/react";
-import { TypographyProps } from "@/types/interface";
-declare const _default: Meta;
-export default _default;
-export declare const BasicTypography: import("@storybook/core/csf").AnnotatedStoryFn<import("@storybook/react").ReactRenderer, TypographyProps>;

package/dist/components/Typography/Typography.stories.js

@@ -1,87 +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.BasicTypography = void 0;
-var jsx_runtime_1 = require("react/jsx-runtime");
-var Typography_1 = require("./Typography");
-var utils_1 = require("../../utils");
-exports.default = {
-    title: "Components/Typography",
-    component: Typography_1.Typography,
-    argTypes: {
-        label: { control: "text" },
-    },
-};
-var Template = function (args) { return (0, jsx_runtime_1.jsx)(Typography_1.Typography, __assign({}, args)); };
-exports.BasicTypography = Template.bind({});
-exports.BasicTypography.args = {
-    label: "".concat(utils_1.text),
-    fontSize: "lu-base-font-size",
-    fontWeight: "lu-font-weight-thin",
-    lineHeight: "lu-line-height-sm",
-    textAlign: "lu-text-justify",
-    textTransform: "lu-text-lowercase",
-    textDecoration: "lu-text-decoration-none",
-    textWrap: "lu-text-wrap",
-};
-exports.BasicTypography.argTypes = {
-    fontSize: {
-        control: {
-            type: "select",
-            labels: Object.fromEntries(utils_1.fontSizes.map(function (size) { return [size.key, size.label]; })),
-        },
-        options: utils_1.fontSizes.map(function (size) { return size.key; }),
-    },
-    fontWeight: {
-        control: {
-            type: "select",
-            labels: Object.fromEntries(utils_1.fontWeights.map(function (size) { return [size.key, size.label]; })),
-        },
-        options: utils_1.fontWeights.map(function (weight) { return weight.key; }),
-    },
-    lineHeight: {
-        control: {
-            type: "select",
-            labels: Object.fromEntries(utils_1.lineHeights.map(function (size) { return [size.key, size.label]; })),
-        },
-        options: utils_1.lineHeights.map(function (lineHeight) { return lineHeight.key; }),
-    },
-    textAlign: {
-        control: {
-            type: "select",
-            labels: Object.fromEntries(utils_1.textAlignment.map(function (size) { return [size.key, size.label]; })),
-        },
-        options: utils_1.textAlignment.map(function (alignment) { return alignment.key; }),
-    },
-    textTransform: {
-        control: {
-            type: "select",
-            labels: Object.fromEntries(utils_1.textTransform.map(function (size) { return [size.key, size.label]; })),
-        },
-        options: utils_1.textTransform.map(function (transform) { return transform.key; }),
-    },
-    textDecoration: {
-        control: {
-            type: "select",
-            labels: Object.fromEntries(utils_1.textDecorations.map(function (size) { return [size.key, size.label]; })),
-        },
-        options: utils_1.textDecorations.map(function (decoration) { return decoration.key; }),
-    },
-    textWrap: {
-        control: {
-            type: "select",
-            labels: Object.fromEntries(utils_1.textWraps.map(function (size) { return [size.key, size.label]; })),
-        },
-        options: utils_1.textWraps.map(function (wrap) { return wrap.key; }),
-    },
-};

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

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

package/dist/components/Typography/Typography.test.js

@@ -1,42 +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 });
-var jsx_runtime_1 = require("react/jsx-runtime");
-var react_1 = require("@testing-library/react");
-require("@testing-library/jest-dom");
-var Typography_1 = require("./Typography");
-describe("Typography Component", function () {
-    it("renders the Typography component with the correct classes for all props", function () {
-        var props = {
-            label: "Sample Text",
-            fontSize: "lu-base-font-size",
-            fontWeight: "lu-font-weight-thin",
-            lineHeight: "lu-line-height-sm",
-            textAlign: "lu-text-justify",
-            textTransform: "lu-text-lowercase",
-            textDecoration: "lu-text-decoration-none",
-            textWrap: "lu-text-wrap",
-        };
-        (0, react_1.render)((0, jsx_runtime_1.jsx)(Typography_1.Typography, __assign({}, props)));
-        // Select the element
-        var typographyElement = react_1.screen.getByTestId("basic-typography");
-        // Assert all classes
-        expect(typographyElement).toHaveClass(props.fontSize);
-        expect(typographyElement).toHaveClass(props.fontWeight);
-        expect(typographyElement).toHaveClass(props.lineHeight);
-        expect(typographyElement).toHaveClass(props.textAlign);
-        expect(typographyElement).toHaveClass(props.textTransform);
-        expect(typographyElement).toHaveClass(props.textDecoration);
-        expect(typographyElement).toHaveClass(props.textWrap);
-    });
-});

package/dist/global/components/Table/Table.d.ts

@@ -1,14 +0,0 @@
-import React from "react";
-interface Header {
-    title: string;
-    key: string;
-}
-interface TableProps {
-    headers: Header[];
-    rows: Record<string, string>[];
-    tableClassName?: string;
-    theadClassName?: string;
-    tbodyClassName?: string;
-}
-declare const Table: React.FC<TableProps>;
-export default Table;

package/dist/global/components/Table/Table.js

@@ -1,14 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-var jsx_runtime_1 = require("react/jsx-runtime");
-var utils_1 = require("../../../utils");
-var Table = function (_a) {
-    var headers = _a.headers, rows = _a.rows, tableClassName = _a.tableClassName, _b = _a.theadClassName, theadClassName = _b === void 0 ? "bg-primary-100" : _b, _c = _a.tbodyClassName, tbodyClassName = _c === void 0 ? "" : _c;
-    return ((0, jsx_runtime_1.jsxs)("table", { className: "lu-width-100 lu-font-size-x-small lu-font-weight-medium ".concat(tableClassName), children: [(0, jsx_runtime_1.jsx)("thead", { className: theadClassName, children: (0, jsx_runtime_1.jsx)("tr", { children: headers.map(function (header) { return ((0, jsx_runtime_1.jsx)("th", { className: utils_1.table_header_className, children: header.title }, header.key)); }) }) }), (0, jsx_runtime_1.jsx)("tbody", { className: tbodyClassName, children: rows.map(function (row, rowIndex) {
-                    var _a;
-                    return ((0, jsx_runtime_1.jsx)("tr", { children: headers.map(function (header) { return ((0, jsx_runtime_1.jsx)("td", { className: utils_1.table_row_className, children: (0, jsx_runtime_1.jsx)("span", { className: utils_1.table_data_className, children: row[header.key] !== undefined
-                                    ? String(row[header.key])
-                                    : "-" }) }, header.key)); }) }, (_a = row.id) !== null && _a !== void 0 ? _a : rowIndex));
-                }) })] }));
-};
-exports.default = Table;

package/dist/utils/colors.d.ts

@@ -1,7 +0,0 @@
-export declare const colors: {
-    default: string;
-    caption_color: string;
-    white: string;
-    gray: string;
-    neutral: string;
-};

package/dist/utils/colors.js

@@ -1,10 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.colors = void 0;
-exports.colors = {
-    default: "var(--black)",
-    caption_color: "var(--neutral-500)",
-    white: "var( --white)",
-    gray: "var(--neutral-0)",
-    neutral: "var(--neutral-1000)",
-};

package/dist/utils/constants.js

@@ -1,5 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Dummy_Title = exports.Dummy_Para = void 0;
-exports.Dummy_Para = "The quick brown fox jumps over the dog.";
-exports.Dummy_Title = "Hello World!";

package/dist/utils/enums.d.ts

@@ -1,60 +0,0 @@
-export declare enum ContentType {
-    none = "none",
-    text_with_icon = "text with icon",
-    icon_only = "icon only"
-}
-export declare const OrientationEnum: {
-    horizontal: string;
-    vertical: string;
-};
-export declare enum FontSize {
-    Base = "lu-base-font-size",
-    XSmall = "lu-font-size-x-small",
-    Small = "lu-font-size-small",
-    Medium = "lu-font-size-medium",
-    Large = "lu-font-size-large",
-    XLarge = "lu-font-size-x-large",
-    TwoXLarge = "lu-font-size-2x-large",
-    ThreeXLarge = "lu-font-size-3x-large",
-    FourXLarge = "lu-font-size-4x-large",
-    FiveXLarge = "lu-font-size-5x-large",
-    SixXLarge = "lu-font-size-6x-large",
-    SevenXLarge = "lu-font-size-7x-large",
-    Huge = "lu-font-size-huge"
-}
-export declare enum FontFamily {
-    Base = "lu-font-family-poppins"
-}
-export declare enum FontWeight {
-    Thin = "lu-font-weight-thin",
-    ExtraLight = "lu-font-weight-extra-light",
-    Light = "lu-font-weight-light",
-    Regular = "lu-font-weight-regular",
-    Medium = "lu-font-weight-medium",
-    SemiBold = "lu-font-weight-semibold",
-    Bold = "lu-font-weight-bold",
-    ExtraBold = "lu-font-weight-extra-bold",
-    Black = "lu-font-weight-black"
-}
-export declare enum LineHeights {
-    XS = "lu-line-height-xs",
-    SM = "lu-line-height-sm",
-    BASE = "lu-line-height-base",
-    LG = "lu-line-height-lg"
-}
-export declare enum TextColor {
-    Base = "lu-text-base",
-    Default = "lu-text-default",
-    Secondary = "lu-text-secondary",
-    Caption = "lu-text-caption",
-    Placeholder = "lu-text-placeholder",
-    Disabled = "lu-text-disabled",
-    Primary = "lu-text-primary",
-    Success = "lu-text-success",
-    Warning = "lu-text-warning",
-    Danger = "lu-text-danger",
-    Gray = "lu-text-gray",
-    Info = "lu-text-info",
-    LinkDefault = "lu-text-link-default",
-    LinkPressed = "lu-text-link-pressed"
-}

package/dist/utils/enums.js

@@ -1,69 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.TextColor = exports.LineHeights = exports.FontWeight = exports.FontFamily = exports.FontSize = exports.OrientationEnum = exports.ContentType = void 0;
-var ContentType;
-(function (ContentType) {
-    ContentType["none"] = "none";
-    ContentType["text_with_icon"] = "text with icon";
-    ContentType["icon_only"] = "icon only";
-})(ContentType || (exports.ContentType = ContentType = {}));
-exports.OrientationEnum = {
-    horizontal: "horizontal",
-    vertical: "vertical",
-};
-var FontSize;
-(function (FontSize) {
-    FontSize["Base"] = "lu-base-font-size";
-    FontSize["XSmall"] = "lu-font-size-x-small";
-    FontSize["Small"] = "lu-font-size-small";
-    FontSize["Medium"] = "lu-font-size-medium";
-    FontSize["Large"] = "lu-font-size-large";
-    FontSize["XLarge"] = "lu-font-size-x-large";
-    FontSize["TwoXLarge"] = "lu-font-size-2x-large";
-    FontSize["ThreeXLarge"] = "lu-font-size-3x-large";
-    FontSize["FourXLarge"] = "lu-font-size-4x-large";
-    FontSize["FiveXLarge"] = "lu-font-size-5x-large";
-    FontSize["SixXLarge"] = "lu-font-size-6x-large";
-    FontSize["SevenXLarge"] = "lu-font-size-7x-large";
-    FontSize["Huge"] = "lu-font-size-huge";
-})(FontSize || (exports.FontSize = FontSize = {}));
-var FontFamily;
-(function (FontFamily) {
-    FontFamily["Base"] = "lu-font-family-poppins";
-})(FontFamily || (exports.FontFamily = FontFamily = {}));
-var FontWeight;
-(function (FontWeight) {
-    FontWeight["Thin"] = "lu-font-weight-thin";
-    FontWeight["ExtraLight"] = "lu-font-weight-extra-light";
-    FontWeight["Light"] = "lu-font-weight-light";
-    FontWeight["Regular"] = "lu-font-weight-regular";
-    FontWeight["Medium"] = "lu-font-weight-medium";
-    FontWeight["SemiBold"] = "lu-font-weight-semibold";
-    FontWeight["Bold"] = "lu-font-weight-bold";
-    FontWeight["ExtraBold"] = "lu-font-weight-extra-bold";
-    FontWeight["Black"] = "lu-font-weight-black";
-})(FontWeight || (exports.FontWeight = FontWeight = {}));
-var LineHeights;
-(function (LineHeights) {
-    LineHeights["XS"] = "lu-line-height-xs";
-    LineHeights["SM"] = "lu-line-height-sm";
-    LineHeights["BASE"] = "lu-line-height-base";
-    LineHeights["LG"] = "lu-line-height-lg";
-})(LineHeights || (exports.LineHeights = LineHeights = {}));
-var TextColor;
-(function (TextColor) {
-    TextColor["Base"] = "lu-text-base";
-    TextColor["Default"] = "lu-text-default";
-    TextColor["Secondary"] = "lu-text-secondary";
-    TextColor["Caption"] = "lu-text-caption";
-    TextColor["Placeholder"] = "lu-text-placeholder";
-    TextColor["Disabled"] = "lu-text-disabled";
-    TextColor["Primary"] = "lu-text-primary";
-    TextColor["Success"] = "lu-text-success";
-    TextColor["Warning"] = "lu-text-warning";
-    TextColor["Danger"] = "lu-text-danger";
-    TextColor["Gray"] = "lu-text-gray";
-    TextColor["Info"] = "lu-text-info";
-    TextColor["LinkDefault"] = "lu-text-link-default";
-    TextColor["LinkPressed"] = "lu-text-link-pressed";
-})(TextColor || (exports.TextColor = TextColor = {}));