linkedunion-design-kit 1.4.6 → 1.4.8

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

@@ -1,2 +1,2 @@
 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;
+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,5 +1,5 @@
 import { jsx as _jsx, Fragment as _Fragment } from "react/jsx-runtime";
 export 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;
+    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 (_jsx(_Fragment, { children: _jsx("div", { "data-testid": "basic-typography", children: _jsx("p", { className: "".concat(className, " ").concat(fontSize, " ").concat(fontWeight, " ").concat(lineHeight, " ").concat(textAlign, " ").concat(textTransform, " ").concat(textDecoration, " ").concat(textWrap), children: label }) }) }));
 };

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

@@ -11,7 +11,7 @@ var __assign = (this && this.__assign) || function () {
 };
 import { jsx as _jsx } from "react/jsx-runtime";
 import { Typography } from "./Typography";
-import { fontSizes, fontWeights, lineHeights, text, textAlignment, textDecorations, textTransform, textWraps } from "../../utils";
+import { fontSizes, fontWeights, lineHeights, text, textAlignment, textDecorations, textTransform, textWraps, } from "../../utils";
 export default {
     title: "Components/Typography",
     component: Typography,
@@ -23,41 +23,62 @@ var Template = function (args) { return _jsx(Typography, __assign({}, args)); };
 export var BasicTypography = Template.bind({});
 BasicTypography.args = {
     label: "".concat(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',
+    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",
 };
 BasicTypography.argTypes = {
     fontSize: {
-        control: { type: "select", labels: Object.fromEntries(fontSizes.map(function (size) { return [size.key, size.label]; })) },
+        control: {
+            type: "select",
+            labels: Object.fromEntries(fontSizes.map(function (size) { return [size.key, size.label]; })),
+        },
         options: fontSizes.map(function (size) { return size.key; }),
     },
     fontWeight: {
-        control: { type: "select", labels: Object.fromEntries(fontWeights.map(function (size) { return [size.key, size.label]; })) },
+        control: {
+            type: "select",
+            labels: Object.fromEntries(fontWeights.map(function (size) { return [size.key, size.label]; })),
+        },
         options: fontWeights.map(function (weight) { return weight.key; }),
     },
     lineHeight: {
-        control: { type: "select", labels: Object.fromEntries(lineHeights.map(function (size) { return [size.key, size.label]; })) },
+        control: {
+            type: "select",
+            labels: Object.fromEntries(lineHeights.map(function (size) { return [size.key, size.label]; })),
+        },
         options: lineHeights.map(function (lineHeight) { return lineHeight.key; }),
     },
     textAlign: {
-        control: { type: "select", labels: Object.fromEntries(textAlignment.map(function (size) { return [size.key, size.label]; })) },
+        control: {
+            type: "select",
+            labels: Object.fromEntries(textAlignment.map(function (size) { return [size.key, size.label]; })),
+        },
         options: textAlignment.map(function (alignment) { return alignment.key; }),
     },
     textTransform: {
-        control: { type: "select", labels: Object.fromEntries(textTransform.map(function (size) { return [size.key, size.label]; })) },
+        control: {
+            type: "select",
+            labels: Object.fromEntries(textTransform.map(function (size) { return [size.key, size.label]; })),
+        },
         options: textTransform.map(function (transform) { return transform.key; }),
     },
     textDecoration: {
-        control: { type: "select", labels: Object.fromEntries(textDecorations.map(function (size) { return [size.key, size.label]; })) },
+        control: {
+            type: "select",
+            labels: Object.fromEntries(textDecorations.map(function (size) { return [size.key, size.label]; })),
+        },
         options: textDecorations.map(function (decoration) { return decoration.key; }),
     },
     textWrap: {
-        control: { type: "select", labels: Object.fromEntries(textWraps.map(function (size) { return [size.key, size.label]; })) },
+        control: {
+            type: "select",
+            labels: Object.fromEntries(textWraps.map(function (size) { return [size.key, size.label]; })),
+        },
         options: textWraps.map(function (wrap) { return wrap.key; }),
     },
 };

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

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

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

@@ -0,0 +1,12 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { table_data_className, table_header_className, table_row_className, } from "../../../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 (_jsxs("table", { className: "lu-width-100 lu-font-size-x-small lu-font-weight-medium ".concat(tableClassName), children: [_jsx("thead", { className: theadClassName, children: _jsx("tr", { children: headers.map(function (header) { return (_jsx("th", { className: table_header_className, children: header.title }, header.key)); }) }) }), _jsx("tbody", { className: tbodyClassName, children: rows.map(function (row, rowIndex) {
+                    var _a;
+                    return (_jsx("tr", { children: headers.map(function (header) { return (_jsx("td", { className: table_row_className, children: _jsx("span", { className: table_data_className, children: row[header.key] !== undefined
+                                    ? String(row[header.key])
+                                    : "-" }) }, header.key)); }) }, (_a = row.id) !== null && _a !== void 0 ? _a : rowIndex));
+                }) })] }));
+};
+export default Table;

package/dist/index.d.ts

@@ -1,10 +1,13 @@
-export { Typography } from './components/Typography/Typography';
-export { Size } from './components/Size/Size';
-export { WidthHeight } from './components/Size/WidthHeight';
-export { MinWidthHeight } from './components/Size/MinWidthHeight';
-export { LUIcon } from './components/Icons/LUIcon';
-export { Card } from './components/MediaCard/Card';
-export { Button } from './components/Button/Button';
-export { LuImage } from './components/Images/LuImage';
-export { Avatar } from './components/Avatar/Avatar';
-import './styles/global.css';
+export { Heading } from "./components/Typography/Headings/Headings";
+export { Display } from "./components/Typography/Display/Display";
+export { Body } from "./components/Typography/Body/Body";
+export { Size } from "./components/Size/Size";
+export { WidthHeight } from "./components/Size/WidthHeight";
+export { MinWidthHeight } from "./components/Size/MinWidthHeight";
+export { LUIcon } from "./components/Icons/LUIcon";
+export { Card } from "./components/MediaCard/Card";
+export { Button } from "./components/Button/Button";
+export { LuImage } from "./components/Images/LuImage";
+export { Avatar } from "./components/Avatar/Avatar";
+export { Title } from "./components/Title/Title";
+import "./styles/global.css";

package/dist/index.js

@@ -1,10 +1,13 @@
-export { Typography } from './components/Typography/Typography';
-export { Size } from './components/Size/Size';
-export { WidthHeight } from './components/Size/WidthHeight';
-export { MinWidthHeight } from './components/Size/MinWidthHeight';
-export { LUIcon } from './components/Icons/LUIcon';
-export { Card } from './components/MediaCard/Card';
-export { Button } from './components/Button/Button';
-export { LuImage } from './components/Images/LuImage';
-export { Avatar } from './components/Avatar/Avatar';
-import './styles/global.css';
+export { Heading } from "./components/Typography/Headings/Headings";
+export { Display } from "./components/Typography/Display/Display";
+export { Body } from "./components/Typography/Body/Body";
+export { Size } from "./components/Size/Size";
+export { WidthHeight } from "./components/Size/WidthHeight";
+export { MinWidthHeight } from "./components/Size/MinWidthHeight";
+export { LUIcon } from "./components/Icons/LUIcon";
+export { Card } from "./components/MediaCard/Card";
+export { Button } from "./components/Button/Button";
+export { LuImage } from "./components/Images/LuImage";
+export { Avatar } from "./components/Avatar/Avatar";
+export { Title } from "./components/Title/Title";
+import "./styles/global.css";