linkedunion-design-kit 1.5.2 → 1.5.4

package/dist/components/MediaCard/PostByCategory/PostByCategoryTheme2.js

@@ -1,16 +0,0 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.PostByCategoryTheme2 = void 0;
-var jsx_runtime_1 = require("react/jsx-runtime");
-var LuImage_1 = require("../../../components/Images/LuImage");
-var link_1 = __importDefault(require("next/link"));
-var Button_1 = require("../../../components/Button/Button");
-var card_module_css_1 = __importDefault(require("../card.module.css"));
-var enums_1 = require("../../../utils/enums");
-var PostByCategoryTheme2 = function (props) {
-    return ((0, jsx_runtime_1.jsxs)("div", { "data-testid": "postByCategory-theme2", className: "lu-pd-400 card_bg_PostByCategory_".concat(props.id, " lu-border-rounded-xl ").concat(props.className, " card_shadow_PostByCategory_").concat(props.id, " flex flex-col items-center lu-width-100"), children: [(0, jsx_runtime_1.jsx)("div", { className: "lu-width-100 max-w-[240px] overflow-hidden lu-aspect-square", children: (0, jsx_runtime_1.jsx)(LuImage_1.LuImage, { image: props.image, width: 240, height: 240, className: "lu-width-100 lu-height-100 object-cover card_PostByCategory_theme2_image_".concat(props === null || props === void 0 ? void 0 : props.id), orientation: props.mediaPosition }) }), (0, jsx_runtime_1.jsxs)("div", { className: "flex flex-col items-center flex-grow lu-m-250 text-center h-[100px]", children: [(0, jsx_runtime_1.jsx)("div", { className: "card_PostByCategory_title_color_".concat(props.id, " lu-font-size-2x-large lu-font-weight-semibold ").concat(card_module_css_1.default.vertical_card_heading), children: props.heading }), (0, jsx_runtime_1.jsx)("p", { className: "card_PostByCategory_description_color_".concat(props.id, " lu-base-font-size lu-font-weight-extra-light ").concat(card_module_css_1.default.vertical_body_text), children: props.body })] }), (0, jsx_runtime_1.jsx)(link_1.default, { href: props.href || "", passHref: true, className: "lu-width-100 lu-text-decoration-none", children: (0, jsx_runtime_1.jsx)(Button_1.Button, { contentType: enums_1.ContentType.text_with_icon, label: props.btnLabel, variant: "card_PostByCategory_btn_".concat(props.id), iconRight: "angle-right", rightIconSize: "lu-icon-small", size: "lu-btn-lg", className: "lu-border-rounded-sm justify-between lu-width-100 card_PostByCategory_btn_".concat(props.id) }) })] }));
-};
-exports.PostByCategoryTheme2 = PostByCategoryTheme2;

package/dist/components/MediaCard/card.module.css

@@ -1,52 +0,0 @@
-.vertical_card_heading {
-  display: -webkit-box;
-  -webkit-line-clamp: 1;
-  line-clamp: 1;
-  -webkit-box-orient: vertical;
-  overflow: hidden;
-  text-transform: capitalize;
-}
-.vertical_body_text {
-  display: -webkit-box;
-  -webkit-line-clamp: 2;
-  line-clamp: 2;
-  -webkit-box-orient: vertical;
-  overflow: hidden;
-}
-.horizontal_card_heading {
-  display: -webkit-box;
-  -webkit-line-clamp: 1;
-  line-clamp: 1;
-  -webkit-box-orient: vertical;
-  overflow: hidden;
-  text-transform: capitalize;
-}
-.horizontal_body_text {
-  display: -webkit-box;
-  -webkit-line-clamp: 2;
-  line-clamp: 2;
-  -webkit-box-orient: vertical;
-  overflow: hidden;
-}
-@media (max-width: 440px) and (min-width: 398px) {
-  .horizontal_card_image {
-    max-width: 160px;
-  }
-}
-@media (max-width: 398px) {
-  .horizontal_card_image {
-    display: none;
-  }
-  .horizontal_body_text {
-    display: -webkit-box;
-    -webkit-line-clamp: 1;
-    line-clamp: 1;
-    -webkit-box-orient: vertical;
-    overflow: hidden;
-    margin-top: 7px;
-  }
-
-  .card_button {
-    margin-top: 10px;
-  }
-}

package/dist/components/Size/MinWidthHeight.d.ts

@@ -1,3 +0,0 @@
-import { MinWidthHeightProps } from "@/types/interface";
-declare const MinWidthHeight: ({ minWidth, minHeight }: MinWidthHeightProps) => import("react/jsx-runtime").JSX.Element;
-export default MinWidthHeight;

package/dist/components/Size/MinWidthHeight.js

@@ -1,8 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-var jsx_runtime_1 = require("react/jsx-runtime");
-var MinWidthHeight = function (_a) {
-    var minWidth = _a.minWidth, minHeight = _a.minHeight;
-    return ((0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: (0, jsx_runtime_1.jsx)("div", { className: "w-fit", children: (0, jsx_runtime_1.jsx)("div", { className: "bg-blue-500 ".concat(minWidth, " ").concat(minHeight, " rounded"), "data-testid": "minWidthHeight-box" }) }) }));
-};
-exports.default = MinWidthHeight;

package/dist/components/Size/MinWidthHeight.stories.d.ts

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

package/dist/components/Size/MinWidthHeight.stories.js

@@ -1,46 +0,0 @@
-"use strict";
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports._MinWidthAndHeight = void 0;
-var jsx_runtime_1 = require("react/jsx-runtime");
-var utils_1 = require("../../utils");
-var MinWidthHeight_1 = __importDefault(require("./MinWidthHeight"));
-exports.default = {
-    title: "Components/Size",
-    component: MinWidthHeight_1.default,
-};
-var Template = function (args) { return ((0, jsx_runtime_1.jsx)(MinWidthHeight_1.default, __assign({}, args))); };
-exports._MinWidthAndHeight = Template.bind({});
-exports._MinWidthAndHeight.args = {
-    minWidth: "lu-min-width-100",
-    minHeight: "lu-min-height-100",
-};
-exports._MinWidthAndHeight.argTypes = {
-    minWidth: {
-        control: {
-            type: "select",
-            labels: Object.fromEntries(utils_1.minWidths.map(function (size) { return [size.key, size.label]; })),
-        },
-        options: utils_1.minWidths.map(function (size) { return size.key; }),
-    },
-    minHeight: {
-        control: {
-            type: "select",
-            labels: Object.fromEntries(utils_1.minHeights.map(function (size) { return [size.key, size.label]; })),
-        },
-        options: utils_1.minHeights.map(function (size) { return size.key; }),
-    },
-};

package/dist/components/Size/MinWidthHeight.test.d.ts

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

package/dist/components/Size/MinWidthHeight.test.js

@@ -1,34 +0,0 @@
-"use strict";
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
-var __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");
-require("@testing-library/jest-dom");
-var MinWidthHeight_1 = __importDefault(require("./MinWidthHeight"));
-describe("Min Width and Height Component", function () {
-    it("renders the Min Width and Height component with the correct classes for all props", function () {
-        var props = {
-            minWidth: "lu-min-width-100",
-            minHeight: "lu-min-height-100",
-        };
-        (0, react_1.render)((0, jsx_runtime_1.jsx)(MinWidthHeight_1.default, __assign({}, props)));
-        // Select the element
-        var minWidthHeightElement = react_1.screen.getByTestId("minWidthHeight-box");
-        // Assert all classes
-        expect(minWidthHeightElement).toHaveClass(props.minWidth);
-        expect(minWidthHeightElement).toHaveClass(props.minHeight);
-    });
-});

package/dist/components/Size/Size.d.ts

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

package/dist/components/Size/Size.js

@@ -1,10 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Size = void 0;
-var jsx_runtime_1 = require("react/jsx-runtime");
-var Size = function (_a) {
-    var size = _a.size;
-    return ((0, jsx_runtime_1.jsx)("div", { "data-testid": "size-box", className: "".concat(size, " rounded lu-bg-primary-600") }));
-};
-exports.Size = Size;
-exports.default = exports.Size;

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

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

package/dist/components/Size/Size.stories.js

@@ -1,35 +0,0 @@
-"use strict";
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.SizeStory = void 0;
-var jsx_runtime_1 = require("react/jsx-runtime");
-var utils_1 = require("../../utils");
-var Size_1 = require("./Size");
-exports.default = {
-    title: "Components/Size",
-    component: Size_1.Size,
-};
-var Template = function (args) { return (0, jsx_runtime_1.jsx)(Size_1.Size, __assign({}, args)); };
-exports.SizeStory = Template.bind({});
-exports.SizeStory.args = {
-    size: "lu-size-400",
-};
-exports.SizeStory.argTypes = {
-    size: {
-        control: {
-            type: "select",
-            labels: Object.fromEntries(utils_1.sizes.map(function (size) { return [size.key, size.label]; })),
-        },
-        options: utils_1.sizes.map(function (size) { return size.key; }),
-    },
-};

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

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

package/dist/components/Size/Size.test.js

@@ -1,73 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-var jsx_runtime_1 = require("react/jsx-runtime");
-var react_1 = require("@testing-library/react");
-require("@testing-library/jest-dom");
-var Size_1 = require("./Size");
-var utils_1 = require("../../utils");
-describe("Size Component", function () {
-    it("renders with the default class when no size prop is passed", function () {
-        (0, react_1.render)((0, jsx_runtime_1.jsx)(Size_1.Size, {}));
-        // Check that the div has the fixed classes and no size class
-        var sizeBox = react_1.screen.getByTestId("size-box");
-        expect(sizeBox).toHaveClass("rounded");
-        expect(sizeBox).toHaveClass("lu-bg-primary-600");
-    });
-    it("renders with the correct size class when a size prop is passed", function () {
-        var customSize = "lu-size-lg";
-        (0, react_1.render)((0, jsx_runtime_1.jsx)(Size_1.Size, { size: customSize }));
-        // Check that the div has the fixed classes and the passed size class
-        var sizeBox = react_1.screen.getByTestId("size-box");
-        expect(sizeBox).toHaveClass("rounded");
-        expect(sizeBox).toHaveClass("lu-bg-primary-600");
-        expect(sizeBox).toHaveClass(customSize); // Check if custom size is added
-    });
-    it("renders with no size class when an empty string is passed for size", function () {
-        (0, react_1.render)((0, jsx_runtime_1.jsx)(Size_1.Size, { size: "" }));
-        // Check that the div has the fixed classes but no size class
-        var sizeBox = react_1.screen.getByTestId("size-box");
-        expect(sizeBox).toHaveClass("rounded");
-        expect(sizeBox).toHaveClass("lu-bg-primary-600");
-    });
-    it("renders with an invalid class when an invalid size prop is passed", function () {
-        var invalidSize = "non-existent-size-class";
-        (0, react_1.render)((0, jsx_runtime_1.jsx)(Size_1.Size, { size: invalidSize }));
-        // Check that the div has the fixed classes and the invalid size class
-        var sizeBox = react_1.screen.getByTestId("size-box");
-        expect(sizeBox).toHaveClass("rounded");
-        expect(sizeBox).toHaveClass("lu-bg-primary-600");
-        expect(sizeBox).toHaveClass(invalidSize); // Even invalid classes will be applied
-    });
-    it("renders without size class when undefined size prop is passed", function () {
-        (0, react_1.render)((0, jsx_runtime_1.jsx)(Size_1.Size, { size: undefined }));
-        // Check that the div has the fixed classes but no size class
-        var sizeBox = react_1.screen.getByTestId("size-box");
-        expect(sizeBox).toHaveClass("rounded");
-        expect(sizeBox).toHaveClass("lu-bg-primary-600");
-    });
-    it("renders with multiple classes if multiple size classes are passed", function () {
-        var sizeClasses = "lu-size-lg lu-size-xl";
-        (0, react_1.render)((0, jsx_runtime_1.jsx)(Size_1.Size, { size: sizeClasses }));
-        // Check that the div has the fixed classes and the passed size classes
-        var sizeBox = react_1.screen.getByTestId("size-box");
-        expect(sizeBox).toHaveClass("rounded");
-        expect(sizeBox).toHaveClass("lu-bg-primary-600");
-        expect(sizeBox).toHaveClass("lu-size-lg");
-        expect(sizeBox).toHaveClass("lu-size-xl");
-    });
-    describe("Body Component with different body classes", function () {
-        Object.keys(utils_1.sizes).forEach(function (item) {
-            it("applies the correct class \"".concat(item, "\""), function () {
-                (0, react_1.render)((0, jsx_runtime_1.jsx)(Size_1.Size, { size: item }));
-                var sizeBox = react_1.screen.getByTestId("size-box");
-                expect(sizeBox).toHaveClass(item);
-            });
-        });
-    });
-    it("renders correctly when size is undefined", function () {
-        (0, react_1.render)((0, jsx_runtime_1.jsx)(Size_1.Size, { size: undefined }));
-        var sizeBox = react_1.screen.getByTestId("size-box");
-        expect(sizeBox).toHaveClass("rounded");
-        expect(sizeBox).toHaveClass("lu-bg-primary-600");
-    });
-});

package/dist/components/Size/WidthAndHeight.test.d.ts

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

package/dist/components/Size/WidthAndHeight.test.js

@@ -1,34 +0,0 @@
-"use strict";
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
-var __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");
-require("@testing-library/jest-dom");
-var WidthHeight_1 = __importDefault(require("./WidthHeight"));
-describe("Width Height Component", function () {
-    it("renders the Width and Height component with the correct classes for all props", function () {
-        var props = {
-            width: "lu-width-25",
-            height: "lu-height-25",
-        };
-        (0, react_1.render)((0, jsx_runtime_1.jsx)(WidthHeight_1.default, __assign({}, props)));
-        // Select the element
-        var resizableElement = react_1.screen.getByTestId("resizable-box");
-        // Assert all classes
-        expect(resizableElement).toHaveClass(props.width);
-        expect(resizableElement).toHaveClass(props.height);
-    });
-});

package/dist/components/Size/WidthHeight.d.ts

@@ -1,3 +0,0 @@
-import { WidthHeightProps } from "@/types/interface";
-declare const WidthHeight: ({ width, height }: WidthHeightProps) => import("react/jsx-runtime").JSX.Element;
-export default WidthHeight;

package/dist/components/Size/WidthHeight.js

@@ -1,8 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-var jsx_runtime_1 = require("react/jsx-runtime");
-var WidthHeight = function (_a) {
-    var width = _a.width, height = _a.height;
-    return ((0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: (0, jsx_runtime_1.jsx)("div", { className: "bg-gray-200 lu-width-50 lu-height-25 relative rounded lu-pd-200", children: (0, jsx_runtime_1.jsx)("div", { className: "absolute right-0 top-0 bg-blue-500 ".concat(width, " ").concat(height, " rounded"), "data-testid": "resizable-box" }) }) }));
-};
-exports.default = WidthHeight;

package/dist/components/Size/WidthHeight.stories.d.ts

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

package/dist/components/Size/WidthHeight.stories.js

@@ -1,46 +0,0 @@
-"use strict";
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports._WidthAndHeight = void 0;
-var jsx_runtime_1 = require("react/jsx-runtime");
-var utils_1 = require("../../utils");
-var WidthHeight_1 = __importDefault(require("./WidthHeight"));
-exports.default = {
-    title: "Components/Size",
-    component: WidthHeight_1.default,
-};
-var Template = function (args) { return (0, jsx_runtime_1.jsx)(WidthHeight_1.default, __assign({}, args)); };
-exports._WidthAndHeight = Template.bind({});
-exports._WidthAndHeight.args = {
-    width: "lu-width-50",
-    height: "lu-height-50",
-};
-exports._WidthAndHeight.argTypes = {
-    width: {
-        control: {
-            type: "select",
-            labels: Object.fromEntries(utils_1.widths.map(function (size) { return [size.key, size.label]; })),
-        },
-        options: utils_1.widths.map(function (size) { return size.key; }),
-    },
-    height: {
-        control: {
-            type: "select",
-            labels: Object.fromEntries(utils_1.heights.map(function (size) { return [size.key, size.label]; })),
-        },
-        options: utils_1.heights.map(function (size) { return size.key; }),
-    },
-};

package/dist/components/Spacing/Margin/Margin.d.ts

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

package/dist/components/Spacing/Margin/Margin.js

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

package/dist/components/Spacing/Margin/MarginBottom.d.ts

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

package/dist/components/Spacing/Margin/MarginBottom.js

@@ -1,9 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.MarginBottom = void 0;
-var jsx_runtime_1 = require("react/jsx-runtime");
-var utils_1 = require("../../../utils");
-var MarginBottom = 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: "Margin Bottom" }) }), (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-mb-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-mb-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-mb-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-mb-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-mb-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-mb-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-mb-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-mb-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-mb-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-mb-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-mb-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-mb-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-mb-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-mb-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-mb-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-mb-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.MarginBottom = MarginBottom;

package/dist/components/Spacing/Margin/MarginLeft.d.ts

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

package/dist/components/Spacing/Margin/MarginLeft.js

@@ -1,9 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.MarginLeft = void 0;
-var jsx_runtime_1 = require("react/jsx-runtime");
-var utils_1 = require("../../../utils");
-var MarginLeft = 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: "Margin Left" }) }), (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-ml-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-ml-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-ml-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-ml-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-ml-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-ml-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-ml-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-ml-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-ml-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-ml-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-ml-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-ml-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-ml-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-ml-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-ml-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-ml-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.MarginLeft = MarginLeft;

package/dist/components/Spacing/Margin/MarginRight.d.ts

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

package/dist/components/Spacing/Margin/MarginRight.js

@@ -1,9 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.MarginRight = void 0;
-var jsx_runtime_1 = require("react/jsx-runtime");
-var utils_1 = require("../../../utils");
-var MarginRight = 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: "Margin Right" }) }), (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-mr-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-mr-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-mr-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-mr-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-mr-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-mr-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-mr-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-mr-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-mr-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-mr-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-mr-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-mr-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-mr-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-mr-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-mr-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-mr-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.MarginRight = MarginRight;

package/dist/components/Spacing/Margin/MarginToken.d.ts

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

package/dist/components/Spacing/Margin/MarginToken.js

@@ -1,16 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.MarginToken = void 0;
-var jsx_runtime_1 = require("react/jsx-runtime");
-var utils_1 = require("../../../utils");
-var Margin_1 = require("./Margin");
-var MarginLeft_1 = require("./MarginLeft");
-var MarginRight_1 = require("./MarginRight");
-var MarginTop_1 = require("./MarginTop");
-var MarginBottom_1 = require("./MarginBottom");
-var MarginX_1 = require("./MarginX");
-var MarginY_1 = require("./MarginY");
-var MarginToken = function () {
-    return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)("div", { className: "lu-font-size-large lu-font-weight-semibold lu-text-center lu-text-uppercase lu-text-decoration-underline lu-mb-100", children: "Spacing Token" }), (0, jsx_runtime_1.jsxs)("table", { className: "lu-width-100 lu-font-size-x-small lu-font-weight-medium", children: [(0, jsx_runtime_1.jsx)("thead", { className: "lu-bg-primary-100", children: (0, jsx_runtime_1.jsxs)("tr", { children: [(0, jsx_runtime_1.jsx)("th", { className: "".concat(utils_1.table_header_className), children: "Alias Token Name" }), (0, jsx_runtime_1.jsx)("th", { className: "".concat(utils_1.table_header_className), children: "Base unit Multiplier of 8" }), (0, jsx_runtime_1.jsx)("th", { className: "".concat(utils_1.table_header_className), children: "Value(PX)(REM)" })] }) }), (0, jsx_runtime_1.jsxs)("tbody", { children: [(0, jsx_runtime_1.jsx)(Margin_1.Margin, {}), (0, jsx_runtime_1.jsx)(MarginLeft_1.MarginLeft, {}), (0, jsx_runtime_1.jsx)(MarginRight_1.MarginRight, {}), (0, jsx_runtime_1.jsx)(MarginTop_1.MarginTop, {}), (0, jsx_runtime_1.jsx)(MarginBottom_1.MarginBottom, {}), (0, jsx_runtime_1.jsx)(MarginX_1.MarginX, {}), (0, jsx_runtime_1.jsx)(MarginY_1.MarginY, {})] })] })] }));
-};
-exports.MarginToken = MarginToken;