linkedunion-design-kit 1.4.8 → 1.5.0

package/dist/components/Spacing/Padding/PaddingTop.js

@@ -1,5 +1,9 @@
-import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
-import { table_data_className, table_row_className, table_sub_heading_className, } from "../../../utils";
-export var PaddingTop = function () {
-    return (_jsxs(_Fragment, { children: [_jsx("tr", { children: _jsx("td", { colSpan: 3, className: "".concat(table_sub_heading_className), children: "Padding Top" }) }), _jsxs("tr", { children: [_jsx("td", { className: "".concat(table_row_className), children: _jsx("span", { className: "".concat(table_data_className), children: "lu-pt-0" }) }), _jsx("td", { className: "".concat(table_row_className), children: _jsx("span", { className: "".concat(table_data_className), children: "0x" }) }), _jsx("td", { className: "".concat(table_row_className), children: _jsx("span", { className: "".concat(table_data_className), children: "0px = 0rem" }) })] }), _jsxs("tr", { children: [_jsx("td", { className: "".concat(table_row_className), children: _jsx("span", { className: "".concat(table_data_className), children: "lu-pt-050" }) }), _jsx("td", { className: "".concat(table_row_className), children: _jsx("span", { className: "".concat(table_data_className), children: "0.5x" }) }), _jsx("td", { className: "".concat(table_row_className), children: _jsx("span", { className: "".concat(table_data_className), children: "4px = 0.25rem" }) })] }), _jsxs("tr", { children: [_jsx("td", { className: "".concat(table_row_className), children: _jsx("span", { className: "".concat(table_data_className), children: "lu-pt-100" }) }), _jsx("td", { className: "".concat(table_row_className), children: _jsx("span", { className: "".concat(table_data_className), children: "1x" }) }), _jsx("td", { className: "".concat(table_row_className), children: _jsx("span", { className: "".concat(table_data_className), children: "8px = 0.5rem" }) })] }), _jsxs("tr", { children: [_jsx("td", { className: "".concat(table_row_className), children: _jsx("span", { className: "".concat(table_data_className), children: "lu-pt-150" }) }), _jsx("td", { className: "".concat(table_row_className), children: _jsx("span", { className: "".concat(table_data_className), children: "1.5x" }) }), _jsx("td", { className: "".concat(table_row_className), children: _jsx("span", { className: "".concat(table_data_className), children: "12px = 0.75rem" }) })] }), _jsxs("tr", { children: [_jsx("td", { className: "".concat(table_row_className), children: _jsx("span", { className: "".concat(table_data_className), children: "lu-pt-200" }) }), _jsx("td", { className: "".concat(table_row_className), children: _jsx("span", { className: "".concat(table_data_className), children: "2x" }) }), _jsx("td", { className: "".concat(table_row_className), children: _jsx("span", { className: "".concat(table_data_className), children: "16px = 1rem" }) })] }), _jsxs("tr", { children: [_jsx("td", { className: "".concat(table_row_className), children: _jsx("span", { className: "".concat(table_data_className), children: "lu-mt-250" }) }), _jsx("td", { className: "".concat(table_row_className), children: _jsx("span", { className: "".concat(table_data_className), children: "2.5x" }) }), _jsx("td", { className: "".concat(table_row_className), children: _jsx("span", { className: "".concat(table_data_className), children: "20px = 1.25rem" }) })] }), _jsxs("tr", { children: [_jsx("td", { className: "".concat(table_row_className), children: _jsx("span", { className: "".concat(table_data_className), children: "lu-pt-300" }) }), _jsx("td", { className: "".concat(table_row_className), children: _jsx("span", { className: "".concat(table_data_className), children: "3x" }) }), _jsx("td", { className: "".concat(table_row_className), children: _jsx("span", { className: "".concat(table_data_className), children: "24px = 1.5rem" }) })] }), _jsxs("tr", { children: [_jsx("td", { className: "".concat(table_row_className), children: _jsx("span", { className: "".concat(table_data_className), children: "lu-pt-400" }) }), _jsx("td", { className: "".concat(table_row_className), children: _jsx("span", { className: "".concat(table_data_className), children: "4x" }) }), _jsx("td", { className: "".concat(table_row_className), children: _jsx("span", { className: "".concat(table_data_className), children: "32px = 2rem" }) })] }), _jsxs("tr", { children: [_jsx("td", { className: "".concat(table_row_className), children: _jsx("span", { className: "".concat(table_data_className), children: "lu-pt-500" }) }), _jsx("td", { className: "".concat(table_row_className), children: _jsx("span", { className: "".concat(table_data_className), children: "5x" }) }), _jsx("td", { className: "".concat(table_row_className), children: _jsx("span", { className: "".concat(table_data_className), children: "40px = 2.5rem" }) })] }), _jsxs("tr", { children: [_jsx("td", { className: "".concat(table_row_className), children: _jsx("span", { className: "".concat(table_data_className), children: "lu-pt-600" }) }), _jsx("td", { className: "".concat(table_row_className), children: _jsx("span", { className: "".concat(table_data_className), children: "6x" }) }), _jsx("td", { className: "".concat(table_row_className), children: _jsx("span", { className: "".concat(table_data_className), children: "48px = 3rem" }) })] }), _jsxs("tr", { children: [_jsx("td", { className: "".concat(table_row_className), children: _jsx("span", { className: "".concat(table_data_className), children: "lu-mt-800" }) }), _jsx("td", { className: "".concat(table_row_className), children: _jsx("span", { className: "".concat(table_data_className), children: "8x" }) }), _jsx("td", { className: "".concat(table_row_className), children: _jsx("span", { className: "".concat(table_data_className), children: "64px = 4rem" }) })] }), _jsxs("tr", { children: [_jsx("td", { className: "".concat(table_row_className), children: _jsx("span", { className: "".concat(table_data_className), children: "lu-pt-1000" }) }), _jsx("td", { className: "".concat(table_row_className), children: _jsx("span", { className: "".concat(table_data_className), children: "10x" }) }), _jsx("td", { className: "".concat(table_row_className), children: _jsx("span", { className: "".concat(table_data_className), children: "80px = 5rem" }) })] }), _jsxs("tr", { children: [_jsx("td", { className: "".concat(table_row_className), children: _jsx("span", { className: "".concat(table_data_className), children: "lu-pt-1500" }) }), _jsx("td", { className: "".concat(table_row_className), children: _jsx("span", { className: "".concat(table_data_className), children: "15x" }) }), _jsx("td", { className: "".concat(table_row_className), children: _jsx("span", { className: "".concat(table_data_className), children: "120px = 7.5rem" }) })] }), _jsxs("tr", { children: [_jsx("td", { className: "".concat(table_row_className), children: _jsx("span", { className: "".concat(table_data_className), children: "lu-pt-2000" }) }), _jsx("td", { className: "".concat(table_row_className), children: _jsx("span", { className: "".concat(table_data_className), children: "20x" }) }), _jsx("td", { className: "".concat(table_row_className), children: _jsx("span", { className: "".concat(table_data_className), children: "160px = 10rem" }) })] }), _jsxs("tr", { children: [_jsx("td", { className: "".concat(table_row_className), children: _jsx("span", { className: "".concat(table_data_className), children: "lu-pt-2500" }) }), _jsx("td", { className: "".concat(table_row_className), children: _jsx("span", { className: "".concat(table_data_className), children: "25x" }) }), _jsx("td", { className: "".concat(table_row_className), children: _jsx("span", { className: "".concat(table_data_className), children: "200px = 12.5rem" }) })] }), _jsxs("tr", { children: [_jsx("td", { className: "".concat(table_row_className), children: _jsx("span", { className: "".concat(table_data_className), children: "lu-pt-3000" }) }), _jsx("td", { className: "".concat(table_row_className), children: _jsx("span", { className: "".concat(table_data_className), children: "30x" }) }), _jsx("td", { className: "".concat(table_row_className), children: _jsx("span", { className: "".concat(table_data_className), children: "240px = 15rem" }) })] })] }));
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.PaddingTop = void 0;
+var jsx_runtime_1 = require("react/jsx-runtime");
+var utils_1 = require("../../../utils");
+var PaddingTop = function () {
+    return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)("tr", { children: (0, jsx_runtime_1.jsx)("td", { colSpan: 3, className: "".concat(utils_1.table_sub_heading_className), children: "Padding Top" }) }), (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-pt-0" }) }), (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: "0x" }) }), (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: "0px = 0rem" }) })] }), (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-pt-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.5x" }) }), (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-pt-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" }) })] }), (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-pt-150" }) }), (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: "1.5x" }) }), (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: "12px = 0.75rem" }) })] }), (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-pt-200" }) }), (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: "2x" }) }), (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: "16px = 1rem" }) })] }), (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-mt-250" }) }), (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: "2.5x" }) }), (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: "20px = 1.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-pt-300" }) }), (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: "3x" }) }), (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: "24px = 1.5rem" }) })] }), (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-pt-400" }) }), (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: "4x" }) }), (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: "32px = 2rem" }) })] }), (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-pt-500" }) }), (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: "5x" }) }), (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: "40px = 2.5rem" }) })] }), (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-pt-600" }) }), (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: "6x" }) }), (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: "48px = 3rem" }) })] }), (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-mt-800" }) }), (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: "8x" }) }), (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: "64px = 4rem" }) })] }), (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-pt-1000" }) }), (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: "10x" }) }), (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: "80px = 5rem" }) })] }), (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-pt-1500" }) }), (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: "15x" }) }), (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: "120px = 7.5rem" }) })] }), (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-pt-2000" }) }), (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: "20x" }) }), (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: "160px = 10rem" }) })] }), (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-pt-2500" }) }), (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: "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: "200px = 12.5rem" }) })] }), (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-pt-3000" }) }), (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: "30x" }) }), (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: "240px = 15rem" }) })] })] }));
 };
+exports.PaddingTop = PaddingTop;

package/dist/components/Spacing/Padding/PaddingX.js

@@ -1,5 +1,9 @@
-import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
-import { table_data_className, table_row_className, table_sub_heading_className, } from "../../../utils";
-export var PaddingX = function () {
-    return (_jsxs(_Fragment, { children: [_jsx("tr", { children: _jsx("td", { colSpan: 3, className: "".concat(table_sub_heading_className), children: "Padding X axis" }) }), _jsxs("tr", { children: [_jsx("td", { className: "".concat(table_row_className), children: _jsx("span", { className: "".concat(table_data_className), children: "lu-px-0" }) }), _jsx("td", { className: "".concat(table_row_className), children: _jsx("span", { className: "".concat(table_data_className), children: "0x" }) }), _jsx("td", { className: "".concat(table_row_className), children: _jsx("span", { className: "".concat(table_data_className), children: "0px = 0rem" }) })] }), _jsxs("tr", { children: [_jsx("td", { className: "".concat(table_row_className), children: _jsx("span", { className: "".concat(table_data_className), children: "lu-px-050" }) }), _jsx("td", { className: "".concat(table_row_className), children: _jsx("span", { className: "".concat(table_data_className), children: "0.5x" }) }), _jsx("td", { className: "".concat(table_row_className), children: _jsx("span", { className: "".concat(table_data_className), children: "4px = 0.25rem" }) })] }), _jsxs("tr", { children: [_jsx("td", { className: "".concat(table_row_className), children: _jsx("span", { className: "".concat(table_data_className), children: "lu-px-100" }) }), _jsx("td", { className: "".concat(table_row_className), children: _jsx("span", { className: "".concat(table_data_className), children: "1x" }) }), _jsx("td", { className: "".concat(table_row_className), children: _jsx("span", { className: "".concat(table_data_className), children: "8px = 0.5rem" }) })] }), _jsxs("tr", { children: [_jsx("td", { className: "".concat(table_row_className), children: _jsx("span", { className: "".concat(table_data_className), children: "lu-px-150" }) }), _jsx("td", { className: "".concat(table_row_className), children: _jsx("span", { className: "".concat(table_data_className), children: "1.5x" }) }), _jsx("td", { className: "".concat(table_row_className), children: _jsx("span", { className: "".concat(table_data_className), children: "12px = 0.75rem" }) })] }), _jsxs("tr", { children: [_jsx("td", { className: "".concat(table_row_className), children: _jsx("span", { className: "".concat(table_data_className), children: "lu-px-200" }) }), _jsx("td", { className: "".concat(table_row_className), children: _jsx("span", { className: "".concat(table_data_className), children: "2x" }) }), _jsx("td", { className: "".concat(table_row_className), children: _jsx("span", { className: "".concat(table_data_className), children: "16px = 1rem" }) })] }), _jsxs("tr", { children: [_jsx("td", { className: "".concat(table_row_className), children: _jsx("span", { className: "".concat(table_data_className), children: "lu-px-250" }) }), _jsx("td", { className: "".concat(table_row_className), children: _jsx("span", { className: "".concat(table_data_className), children: "2.5x" }) }), _jsx("td", { className: "".concat(table_row_className), children: _jsx("span", { className: "".concat(table_data_className), children: "20px = 1.25rem" }) })] }), _jsxs("tr", { children: [_jsx("td", { className: "".concat(table_row_className), children: _jsx("span", { className: "".concat(table_data_className), children: "lu-px-300" }) }), _jsx("td", { className: "".concat(table_row_className), children: _jsx("span", { className: "".concat(table_data_className), children: "3x" }) }), _jsx("td", { className: "".concat(table_row_className), children: _jsx("span", { className: "".concat(table_data_className), children: "24px = 1.5rem" }) })] }), _jsxs("tr", { children: [_jsx("td", { className: "".concat(table_row_className), children: _jsx("span", { className: "".concat(table_data_className), children: "lu-px-400" }) }), _jsx("td", { className: "".concat(table_row_className), children: _jsx("span", { className: "".concat(table_data_className), children: "4x" }) }), _jsx("td", { className: "".concat(table_row_className), children: _jsx("span", { className: "".concat(table_data_className), children: "32px = 2rem" }) })] }), _jsxs("tr", { children: [_jsx("td", { className: "".concat(table_row_className), children: _jsx("span", { className: "".concat(table_data_className), children: "lu-px-500" }) }), _jsx("td", { className: "".concat(table_row_className), children: _jsx("span", { className: "".concat(table_data_className), children: "5x" }) }), _jsx("td", { className: "".concat(table_row_className), children: _jsx("span", { className: "".concat(table_data_className), children: "40px = 2.5rem" }) })] }), _jsxs("tr", { children: [_jsx("td", { className: "".concat(table_row_className), children: _jsx("span", { className: "".concat(table_data_className), children: "lu-px-600" }) }), _jsx("td", { className: "".concat(table_row_className), children: _jsx("span", { className: "".concat(table_data_className), children: "6x" }) }), _jsx("td", { className: "".concat(table_row_className), children: _jsx("span", { className: "".concat(table_data_className), children: "48px = 3rem" }) })] }), _jsxs("tr", { children: [_jsx("td", { className: "".concat(table_row_className), children: _jsx("span", { className: "".concat(table_data_className), children: "lu-px-800" }) }), _jsx("td", { className: "".concat(table_row_className), children: _jsx("span", { className: "".concat(table_data_className), children: "8x" }) }), _jsx("td", { className: "".concat(table_row_className), children: _jsx("span", { className: "".concat(table_data_className), children: "64px = 4rem" }) })] }), _jsxs("tr", { children: [_jsx("td", { className: "".concat(table_row_className), children: _jsx("span", { className: "".concat(table_data_className), children: "lu-px-1000" }) }), _jsx("td", { className: "".concat(table_row_className), children: _jsx("span", { className: "".concat(table_data_className), children: "10x" }) }), _jsx("td", { className: "".concat(table_row_className), children: _jsx("span", { className: "".concat(table_data_className), children: "80px = 5rem" }) })] }), _jsxs("tr", { children: [_jsx("td", { className: "".concat(table_row_className), children: _jsx("span", { className: "".concat(table_data_className), children: "lu-px-1500" }) }), _jsx("td", { className: "".concat(table_row_className), children: _jsx("span", { className: "".concat(table_data_className), children: "15x" }) }), _jsx("td", { className: "".concat(table_row_className), children: _jsx("span", { className: "".concat(table_data_className), children: "120px = 7.5rem" }) })] }), _jsxs("tr", { children: [_jsx("td", { className: "".concat(table_row_className), children: _jsx("span", { className: "".concat(table_data_className), children: "lu-px-2000" }) }), _jsx("td", { className: "".concat(table_row_className), children: _jsx("span", { className: "".concat(table_data_className), children: "20x" }) }), _jsx("td", { className: "".concat(table_row_className), children: _jsx("span", { className: "".concat(table_data_className), children: "160px = 10rem" }) })] }), _jsxs("tr", { children: [_jsx("td", { className: "".concat(table_row_className), children: _jsx("span", { className: "".concat(table_data_className), children: "lu-px-2500" }) }), _jsx("td", { className: "".concat(table_row_className), children: _jsx("span", { className: "".concat(table_data_className), children: "25x" }) }), _jsx("td", { className: "".concat(table_row_className), children: _jsx("span", { className: "".concat(table_data_className), children: "200px = 12.5rem" }) })] }), _jsxs("tr", { children: [_jsx("td", { className: "".concat(table_row_className), children: _jsx("span", { className: "".concat(table_data_className), children: "lu-px-3000" }) }), _jsx("td", { className: "".concat(table_row_className), children: _jsx("span", { className: "".concat(table_data_className), children: "30x" }) }), _jsx("td", { className: "".concat(table_row_className), children: _jsx("span", { className: "".concat(table_data_className), children: "240px = 15rem" }) })] })] }));
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.PaddingX = void 0;
+var jsx_runtime_1 = require("react/jsx-runtime");
+var utils_1 = require("../../../utils");
+var PaddingX = function () {
+    return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)("tr", { children: (0, jsx_runtime_1.jsx)("td", { colSpan: 3, className: "".concat(utils_1.table_sub_heading_className), children: "Padding X axis" }) }), (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-px-0" }) }), (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: "0x" }) }), (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: "0px = 0rem" }) })] }), (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-px-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.5x" }) }), (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-px-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" }) })] }), (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-px-150" }) }), (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: "1.5x" }) }), (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: "12px = 0.75rem" }) })] }), (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-px-200" }) }), (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: "2x" }) }), (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: "16px = 1rem" }) })] }), (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-px-250" }) }), (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: "2.5x" }) }), (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: "20px = 1.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-px-300" }) }), (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: "3x" }) }), (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: "24px = 1.5rem" }) })] }), (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-px-400" }) }), (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: "4x" }) }), (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: "32px = 2rem" }) })] }), (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-px-500" }) }), (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: "5x" }) }), (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: "40px = 2.5rem" }) })] }), (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-px-600" }) }), (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: "6x" }) }), (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: "48px = 3rem" }) })] }), (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-px-800" }) }), (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: "8x" }) }), (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: "64px = 4rem" }) })] }), (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-px-1000" }) }), (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: "10x" }) }), (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: "80px = 5rem" }) })] }), (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-px-1500" }) }), (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: "15x" }) }), (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: "120px = 7.5rem" }) })] }), (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-px-2000" }) }), (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: "20x" }) }), (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: "160px = 10rem" }) })] }), (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-px-2500" }) }), (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: "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: "200px = 12.5rem" }) })] }), (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-px-3000" }) }), (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: "30x" }) }), (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: "240px = 15rem" }) })] })] }));
 };
+exports.PaddingX = PaddingX;

package/dist/components/Spacing/Padding/PaddingY.js

@@ -1,5 +1,9 @@
-import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
-import { table_data_className, table_row_className, table_sub_heading_className, } from "../../../utils";
-export var PaddingY = function () {
-    return (_jsxs(_Fragment, { children: [_jsx("tr", { children: _jsx("td", { colSpan: 3, className: "".concat(table_sub_heading_className), children: "Padding Y axis" }) }), _jsxs("tr", { children: [_jsx("td", { className: "".concat(table_row_className), children: _jsx("span", { className: "".concat(table_data_className), children: "lu-py-0" }) }), _jsx("td", { className: "".concat(table_row_className), children: _jsx("span", { className: "".concat(table_data_className), children: "0x" }) }), _jsx("td", { className: "".concat(table_row_className), children: _jsx("span", { className: "".concat(table_data_className), children: "0px = 0rem" }) })] }), _jsxs("tr", { children: [_jsx("td", { className: "".concat(table_row_className), children: _jsx("span", { className: "".concat(table_data_className), children: "lu-py-050" }) }), _jsx("td", { className: "".concat(table_row_className), children: _jsx("span", { className: "".concat(table_data_className), children: "0.5x" }) }), _jsx("td", { className: "".concat(table_row_className), children: _jsx("span", { className: "".concat(table_data_className), children: "4px = 0.25rem" }) })] }), _jsxs("tr", { children: [_jsx("td", { className: "".concat(table_row_className), children: _jsx("span", { className: "".concat(table_data_className), children: "lu-py-100" }) }), _jsx("td", { className: "".concat(table_row_className), children: _jsx("span", { className: "".concat(table_data_className), children: "1x" }) }), _jsx("td", { className: "".concat(table_row_className), children: _jsx("span", { className: "".concat(table_data_className), children: "8px = 0.5rem" }) })] }), _jsxs("tr", { children: [_jsx("td", { className: "".concat(table_row_className), children: _jsx("span", { className: "".concat(table_data_className), children: "lu-py-150" }) }), _jsx("td", { className: "".concat(table_row_className), children: _jsx("span", { className: "".concat(table_data_className), children: "1.5x" }) }), _jsx("td", { className: "".concat(table_row_className), children: _jsx("span", { className: "".concat(table_data_className), children: "12px = 0.75rem" }) })] }), _jsxs("tr", { children: [_jsx("td", { className: "".concat(table_row_className), children: _jsx("span", { className: "".concat(table_data_className), children: "lu-py-200" }) }), _jsx("td", { className: "".concat(table_row_className), children: _jsx("span", { className: "".concat(table_data_className), children: "2x" }) }), _jsx("td", { className: "".concat(table_row_className), children: _jsx("span", { className: "".concat(table_data_className), children: "16px = 1rem" }) })] }), _jsxs("tr", { children: [_jsx("td", { className: "".concat(table_row_className), children: _jsx("span", { className: "".concat(table_data_className), children: "lu-py-250" }) }), _jsx("td", { className: "".concat(table_row_className), children: _jsx("span", { className: "".concat(table_data_className), children: "2.5x" }) }), _jsx("td", { className: "".concat(table_row_className), children: _jsx("span", { className: "".concat(table_data_className), children: "20px = 1.25rem" }) })] }), _jsxs("tr", { children: [_jsx("td", { className: "".concat(table_row_className), children: _jsx("span", { className: "".concat(table_data_className), children: "lu-py-300" }) }), _jsx("td", { className: "".concat(table_row_className), children: _jsx("span", { className: "".concat(table_data_className), children: "3x" }) }), _jsx("td", { className: "".concat(table_row_className), children: _jsx("span", { className: "".concat(table_data_className), children: "24px = 1.5rem" }) })] }), _jsxs("tr", { children: [_jsx("td", { className: "".concat(table_row_className), children: _jsx("span", { className: "".concat(table_data_className), children: "lu-py-400" }) }), _jsx("td", { className: "".concat(table_row_className), children: _jsx("span", { className: "".concat(table_data_className), children: "4x" }) }), _jsx("td", { className: "".concat(table_row_className), children: _jsx("span", { className: "".concat(table_data_className), children: "32px = 2rem" }) })] }), _jsxs("tr", { children: [_jsx("td", { className: "".concat(table_row_className), children: _jsx("span", { className: "".concat(table_data_className), children: "lu-py-500" }) }), _jsx("td", { className: "".concat(table_row_className), children: _jsx("span", { className: "".concat(table_data_className), children: "5x" }) }), _jsx("td", { className: "".concat(table_row_className), children: _jsx("span", { className: "".concat(table_data_className), children: "40px = 2.5rem" }) })] }), _jsxs("tr", { children: [_jsx("td", { className: "".concat(table_row_className), children: _jsx("span", { className: "".concat(table_data_className), children: "lu-py-600" }) }), _jsx("td", { className: "".concat(table_row_className), children: _jsx("span", { className: "".concat(table_data_className), children: "6x" }) }), _jsx("td", { className: "".concat(table_row_className), children: _jsx("span", { className: "".concat(table_data_className), children: "48px = 3rem" }) })] }), _jsxs("tr", { children: [_jsx("td", { className: "".concat(table_row_className), children: _jsx("span", { className: "".concat(table_data_className), children: "lu-py-800" }) }), _jsx("td", { className: "".concat(table_row_className), children: _jsx("span", { className: "".concat(table_data_className), children: "8x" }) }), _jsx("td", { className: "".concat(table_row_className), children: _jsx("span", { className: "".concat(table_data_className), children: "64px = 4rem" }) })] }), _jsxs("tr", { children: [_jsx("td", { className: "".concat(table_row_className), children: _jsx("span", { className: "".concat(table_data_className), children: "lu-py-1000" }) }), _jsx("td", { className: "".concat(table_row_className), children: _jsx("span", { className: "".concat(table_data_className), children: "10x" }) }), _jsx("td", { className: "".concat(table_row_className), children: _jsx("span", { className: "".concat(table_data_className), children: "80px = 5rem" }) })] }), _jsxs("tr", { children: [_jsx("td", { className: "".concat(table_row_className), children: _jsx("span", { className: "".concat(table_data_className), children: "lu-py-1500" }) }), _jsx("td", { className: "".concat(table_row_className), children: _jsx("span", { className: "".concat(table_data_className), children: "15x" }) }), _jsx("td", { className: "".concat(table_row_className), children: _jsx("span", { className: "".concat(table_data_className), children: "120px = 7.5rem" }) })] }), _jsxs("tr", { children: [_jsx("td", { className: "".concat(table_row_className), children: _jsx("span", { className: "".concat(table_data_className), children: "lu-py-2000" }) }), _jsx("td", { className: "".concat(table_row_className), children: _jsx("span", { className: "".concat(table_data_className), children: "20x" }) }), _jsx("td", { className: "".concat(table_row_className), children: _jsx("span", { className: "".concat(table_data_className), children: "160px = 10rem" }) })] }), _jsxs("tr", { children: [_jsx("td", { className: "".concat(table_row_className), children: _jsx("span", { className: "".concat(table_data_className), children: "lu-py-2500" }) }), _jsx("td", { className: "".concat(table_row_className), children: _jsx("span", { className: "".concat(table_data_className), children: "25x" }) }), _jsx("td", { className: "".concat(table_row_className), children: _jsx("span", { className: "".concat(table_data_className), children: "200px = 12.5rem" }) })] }), _jsxs("tr", { children: [_jsx("td", { className: "".concat(table_row_className), children: _jsx("span", { className: "".concat(table_data_className), children: "lu-py-3000" }) }), _jsx("td", { className: "".concat(table_row_className), children: _jsx("span", { className: "".concat(table_data_className), children: "30x" }) }), _jsx("td", { className: "".concat(table_row_className), children: _jsx("span", { className: "".concat(table_data_className), children: "240px = 15rem" }) })] })] }));
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.PaddingY = void 0;
+var jsx_runtime_1 = require("react/jsx-runtime");
+var utils_1 = require("../../../utils");
+var PaddingY = function () {
+    return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)("tr", { children: (0, jsx_runtime_1.jsx)("td", { colSpan: 3, className: "".concat(utils_1.table_sub_heading_className), children: "Padding Y axis" }) }), (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-py-0" }) }), (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: "0x" }) }), (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: "0px = 0rem" }) })] }), (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-py-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.5x" }) }), (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-py-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" }) })] }), (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-py-150" }) }), (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: "1.5x" }) }), (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: "12px = 0.75rem" }) })] }), (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-py-200" }) }), (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: "2x" }) }), (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: "16px = 1rem" }) })] }), (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-py-250" }) }), (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: "2.5x" }) }), (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: "20px = 1.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-py-300" }) }), (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: "3x" }) }), (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: "24px = 1.5rem" }) })] }), (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-py-400" }) }), (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: "4x" }) }), (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: "32px = 2rem" }) })] }), (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-py-500" }) }), (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: "5x" }) }), (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: "40px = 2.5rem" }) })] }), (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-py-600" }) }), (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: "6x" }) }), (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: "48px = 3rem" }) })] }), (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-py-800" }) }), (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: "8x" }) }), (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: "64px = 4rem" }) })] }), (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-py-1000" }) }), (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: "10x" }) }), (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: "80px = 5rem" }) })] }), (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-py-1500" }) }), (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: "15x" }) }), (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: "120px = 7.5rem" }) })] }), (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-py-2000" }) }), (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: "20x" }) }), (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: "160px = 10rem" }) })] }), (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-py-2500" }) }), (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: "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: "200px = 12.5rem" }) })] }), (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-py-3000" }) }), (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: "30x" }) }), (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: "240px = 15rem" }) })] })] }));
 };
+exports.PaddingY = PaddingY;

package/dist/components/Title/Title.d.ts

@@ -3,4 +3,5 @@ export interface TitleProps {
     className?: string;
     children?: React.ReactNode;
 }
-export declare const Title: ({ className, children, }: TitleProps) => import("react/jsx-runtime").JSX.Element;
+declare const Title: ({ className, children, }: TitleProps) => import("react/jsx-runtime").JSX.Element;
+export default Title;

package/dist/components/Title/Title.js

@@ -1,7 +1,13 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { Dummy_Title } from "../../utils/constants";
-import TitleStyles from "./Title.module.css";
-export var Title = function (_a) {
-    var _b = _a.className, className = _b === void 0 ? "" : _b, _c = _a.children, children = _c === void 0 ? Dummy_Title : _c;
-    return (_jsx("h2", { className: "".concat(TitleStyles["main-title"], " ").concat(className), children: children }));
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
 };
+Object.defineProperty(exports, "__esModule", { value: true });
+var jsx_runtime_1 = require("react/jsx-runtime");
+var constants_1 = require("../../utils/constants");
+var Title_module_css_1 = __importDefault(require("./Title.module.css"));
+var Title = function (_a) {
+    var _b = _a.className, className = _b === void 0 ? "" : _b, _c = _a.children, children = _c === void 0 ? constants_1.Dummy_Title : _c;
+    return ((0, jsx_runtime_1.jsx)("h2", { className: "".concat(Title_module_css_1.default["main-title"], " ").concat(className), children: children }));
+};
+exports.default = Title;

package/dist/components/Title/Title.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,17 @@ var __assign = (this && this.__assign) || function () {
     };
     return __assign.apply(this, arguments);
 };
-import { jsx as _jsx } from "react/jsx-runtime";
-import { Dummy_Title } from "../../utils/constants";
-import { Title } from "./Title";
-export default {
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports._Title = void 0;
+var jsx_runtime_1 = require("react/jsx-runtime");
+var constants_1 = require("../../utils/constants");
+var Title_1 = __importDefault(require("./Title"));
+exports.default = {
     title: "Components/Title",
-    component: Title,
+    component: Title_1.default,
     parameters: {
         docs: {
             description: {
@@ -41,9 +47,9 @@ export default {
         },
     },
 };
-var Template = function (args) { return _jsx(Title, __assign({}, args)); };
-export var _Title = Template.bind({});
-_Title.args = {
-    children: Dummy_Title,
+var Template = function (args) { return (0, jsx_runtime_1.jsx)(Title_1.default, __assign({}, args)); };
+exports._Title = Template.bind({});
+exports._Title.args = {
+    children: constants_1.Dummy_Title,
     className: "",
 };

package/dist/components/Title/Title.test.js

@@ -1,24 +1,29 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { render } from "@testing-library/react";
-import { Title } from "./Title";
-import { Dummy_Title } from "../../utils/constants";
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+var jsx_runtime_1 = require("react/jsx-runtime");
+var react_1 = require("@testing-library/react");
+var constants_1 = require("../../utils/constants");
+var Title_1 = __importDefault(require("./Title"));
 describe("Title Component", function () {
     it("renders with default props", function () {
-        var getByText = render(_jsx(Title, {})).getByText;
-        expect(getByText(Dummy_Title)).toBeInTheDocument();
+        var getByText = (0, react_1.render)((0, jsx_runtime_1.jsx)(Title_1.default, {})).getByText;
+        expect(getByText(constants_1.Dummy_Title)).toBeInTheDocument();
     });
     it("renders with custom children", function () {
         var customText = "Custom Title";
-        var getByText = render(_jsx(Title, { children: customText })).getByText;
+        var getByText = (0, react_1.render)((0, jsx_runtime_1.jsx)(Title_1.default, { children: customText })).getByText;
         expect(getByText(customText)).toBeInTheDocument();
     });
     it("applies custom className", function () {
         var customClass = "custom-class";
-        var container = render(_jsx(Title, { className: customClass })).container;
+        var container = (0, react_1.render)((0, jsx_runtime_1.jsx)(Title_1.default, { className: customClass })).container;
         expect(container.firstChild).toHaveClass("main-title custom-class");
     });
     it("renders without crashing", function () {
-        var container = render(_jsx(Title, {})).container;
+        var container = (0, react_1.render)((0, jsx_runtime_1.jsx)(Title_1.default, {})).container;
         expect(container).toBeDefined();
     });
 });

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

@@ -1,2 +1,3 @@
 import { BodyProps } from "./type";
-export declare const Body: React.FC<BodyProps>;
+declare const Body: React.FC<BodyProps>;
+export default Body;

package/dist/components/Typography/Body/Body.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++) {
@@ -20,10 +21,12 @@ var __rest = (this && this.__rest) || function (s, e) {
         }
     return t;
 };
-import { jsx as _jsx } from "react/jsx-runtime";
-import { Dummy_Para } from "../../../utils/constants";
-import { BODY_CLASSES } from "./";
-export var Body = function (_a) {
-    var _b = _a.body, body = _b === void 0 ? BODY_CLASSES[0] : _b, _c = _a.label, label = _c === void 0 ? Dummy_Para : _c, _d = _a.className, className = _d === void 0 ? "" : _d, props = __rest(_a, ["body", "label", "className"]);
-    return (_jsx("div", __assign({ className: "".concat(body, " ").concat(className).trim() }, props, { children: label })));
+Object.defineProperty(exports, "__esModule", { value: true });
+var jsx_runtime_1 = require("react/jsx-runtime");
+var constants_1 = require("../../../utils/constants");
+var _1 = require("./");
+var Body = function (_a) {
+    var _b = _a.body, body = _b === void 0 ? _1.BODY_CLASSES[0] : _b, _c = _a.label, label = _c === void 0 ? constants_1.Dummy_Para : _c, _d = _a.className, className = _d === void 0 ? "" : _d, props = __rest(_a, ["body", "label", "className"]);
+    return ((0, jsx_runtime_1.jsx)("div", __assign({ className: "".concat(body, " ").concat(className).trim() }, props, { children: label })));
 };
+exports.default = Body;

package/dist/components/Typography/Body/Body.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,14 +10,19 @@ var __assign = (this && this.__assign) || function () {
     };
     return __assign.apply(this, arguments);
 };
-import { jsx as _jsx } from "react/jsx-runtime";
-import { Body } from "./Body";
-import Table from "../../../global/components/Table/Table";
-import { BODY_CLASSES, bodyTableHeaders, bodyTableRows } from ".";
-import { Dummy_Para } from "../../../utils/constants";
-export default {
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.BodyTokens = exports._Body = void 0;
+var jsx_runtime_1 = require("react/jsx-runtime");
+var Table_1 = __importDefault(require("../../../global/components/Table/Table"));
+var _1 = require(".");
+var constants_1 = require("../../../utils/constants");
+var Body_1 = __importDefault(require("./Body"));
+exports.default = {
     title: "Components/Typography/Body",
-    component: Body,
+    component: Body_1.default,
     parameters: {
         docs: {
             description: {
@@ -29,15 +35,15 @@ export default {
             description: "Typography variant class",
             control: {
                 type: "select",
-                labels: BODY_CLASSES.reduce(function (acc, curr) {
+                labels: _1.BODY_CLASSES.reduce(function (acc, curr) {
                     var _a;
                     return (__assign(__assign({}, acc), (_a = {}, _a[curr] = curr, _a)));
                 }, {}),
             },
-            options: BODY_CLASSES,
+            options: _1.BODY_CLASSES,
             table: {
-                type: { summary: BODY_CLASSES.map(function (item) { return item; }).join(" | ") },
-                defaultValue: { summary: BODY_CLASSES[0] },
+                type: { summary: _1.BODY_CLASSES.map(function (item) { return item; }).join(" | ") },
+                defaultValue: { summary: _1.BODY_CLASSES[0] },
             },
         },
         label: {
@@ -45,7 +51,7 @@ export default {
             control: "text",
             table: {
                 type: { summary: "string" },
-                defaultValue: { summary: Dummy_Para },
+                defaultValue: { summary: constants_1.Dummy_Para },
             },
         },
         className: {
@@ -58,11 +64,12 @@ export default {
         },
     },
 };
-var Template = function (args) { return _jsx(Body, __assign({}, args)); };
-export var _Body = Template.bind({});
-_Body.args = {
-    label: Dummy_Para,
-    body: BODY_CLASSES[0],
+var Template = function (args) { return (0, jsx_runtime_1.jsx)(Body_1.default, __assign({}, args)); };
+exports._Body = Template.bind({});
+exports._Body.args = {
+    label: constants_1.Dummy_Para,
+    body: _1.BODY_CLASSES[0],
     className: "",
 };
-export var BodyTokens = function () { return (_jsx(Table, { headers: bodyTableHeaders, rows: bodyTableRows, "aria-label": "Body text variants comparison" })); };
+var BodyTokens = function () { return ((0, jsx_runtime_1.jsx)(Table_1.default, { headers: _1.bodyTableHeaders, rows: _1.bodyTableRows, "aria-label": "Body text variants comparison" })); };
+exports.BodyTokens = BodyTokens;

package/dist/components/Typography/Body/index.js

@@ -1,11 +1,14 @@
-import { FontFamily, FontSize, FontWeight, LineHeights, TextColor, } from "../../../utils/enums";
-export var BODY_CLASSES = [
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.bodyTableRows = exports.bodyTableHeaders = exports.BODY_CLASSES = void 0;
+var enums_1 = require("../../../utils/enums");
+exports.BODY_CLASSES = [
     "lu-body-1",
     "lu-body-2",
     "lu-body-3",
     "lu-body-4",
 ];
-export var bodyTableHeaders = [
+exports.bodyTableHeaders = [
     { title: "Alias Token Name", key: "alias" },
     { title: "Font Family", key: "fontFamily" },
     { title: "Font Size", key: "fontSize" },
@@ -14,37 +17,37 @@ export var bodyTableHeaders = [
     { title: "Color", key: "color" },
 ];
 // Define rows
-export var bodyTableRows = [
+exports.bodyTableRows = [
     {
         alias: "lu-body-1",
-        fontFamily: FontFamily.Base,
-        fontSize: FontSize.XLarge,
-        fontWeight: FontWeight.Regular,
-        lineHeight: LineHeights.XS,
-        color: TextColor.Secondary,
+        fontFamily: enums_1.FontFamily.Base,
+        fontSize: enums_1.FontSize.XLarge,
+        fontWeight: enums_1.FontWeight.Regular,
+        lineHeight: enums_1.LineHeights.XS,
+        color: enums_1.TextColor.Secondary,
     },
     {
         alias: "lu-body-2",
-        fontFamily: FontFamily.Base,
-        fontSize: FontSize.Large,
-        fontWeight: FontWeight.Regular,
-        lineHeight: LineHeights.XS,
-        color: TextColor.Secondary,
+        fontFamily: enums_1.FontFamily.Base,
+        fontSize: enums_1.FontSize.Large,
+        fontWeight: enums_1.FontWeight.Regular,
+        lineHeight: enums_1.LineHeights.XS,
+        color: enums_1.TextColor.Secondary,
     },
     {
         alias: "lu-body-3",
-        fontFamily: FontFamily.Base,
-        fontSize: FontSize.Medium,
-        fontWeight: FontWeight.Regular,
-        lineHeight: LineHeights.XS,
-        color: TextColor.Secondary,
+        fontFamily: enums_1.FontFamily.Base,
+        fontSize: enums_1.FontSize.Medium,
+        fontWeight: enums_1.FontWeight.Regular,
+        lineHeight: enums_1.LineHeights.XS,
+        color: enums_1.TextColor.Secondary,
     },
     {
         alias: "lu-body-4 ",
-        fontFamily: FontFamily.Base,
-        fontSize: FontSize.Small,
-        fontWeight: FontWeight.Regular,
-        lineHeight: LineHeights.XS,
-        color: TextColor.Secondary,
+        fontFamily: enums_1.FontFamily.Base,
+        fontSize: enums_1.FontSize.Small,
+        fontWeight: enums_1.FontWeight.Regular,
+        lineHeight: enums_1.LineHeights.XS,
+        color: enums_1.TextColor.Secondary,
     },
 ];

package/dist/components/Typography/Body/type.js

@@ -1 +1,2 @@
-export {};
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });

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

@@ -1,2 +1,3 @@
 import { DisplayProps } from "./type";
-export declare const Display: ({ display, label, className, ...props }: DisplayProps) => import("react/jsx-runtime").JSX.Element;
+declare const Display: ({ display, label, className, ...props }: DisplayProps) => import("react/jsx-runtime").JSX.Element;
+export default Display;

package/dist/components/Typography/Display/Display.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++) {
@@ -20,10 +21,12 @@ var __rest = (this && this.__rest) || function (s, e) {
         }
     return t;
 };
-import { jsx as _jsx } from "react/jsx-runtime";
-import { Dummy_Para } from "../../../utils/constants";
-import { Display_Classes } from "./";
-export var Display = function (_a) {
-    var _b = _a.display, display = _b === void 0 ? Display_Classes["lu-display-1"] : _b, _c = _a.label, label = _c === void 0 ? Dummy_Para : _c, _d = _a.className, className = _d === void 0 ? "" : _d, props = __rest(_a, ["display", "label", "className"]);
-    return (_jsx("div", __assign({}, props, { className: "".concat(display, " ").concat(className, " "), children: label })));
+Object.defineProperty(exports, "__esModule", { value: true });
+var jsx_runtime_1 = require("react/jsx-runtime");
+var constants_1 = require("../../../utils/constants");
+var _1 = require("./");
+var Display = function (_a) {
+    var _b = _a.display, display = _b === void 0 ? _1.Display_Classes["lu-display-1"] : _b, _c = _a.label, label = _c === void 0 ? constants_1.Dummy_Para : _c, _d = _a.className, className = _d === void 0 ? "" : _d, props = __rest(_a, ["display", "label", "className"]);
+    return ((0, jsx_runtime_1.jsx)("div", __assign({}, props, { className: "".concat(display, " ").concat(className, " "), children: label })));
 };
+exports.default = Display;