linkedunion-design-kit 1.5.2 → 1.5.4

package/dist/components/Title/Title.module.css

@@ -1,56 +0,0 @@
-.main-title {
-  position: relative;
-  z-index: 10;
-  overflow: hidden;
-  text-align: center;
-  text-transform: capitalize;
-  font-size: var(--core-400);
-  font-weight: bold;
-  line-height: 1;
-  color: var(--black);
-}
-
-@media (min-width: 640px) {
-
-  .main-title {
-    font-size: var(--core-450);
-    font-weight: bold;
-    line-height: 1;
-    color: var(--black);
-  }
-}
-
-.main-title::before,
-.main-title::after {
-  content: "";
-  position: absolute;
-  top: 50%;
-  display: none;
-  height: 1px;
-  width: 50%;
-  --tw-bg-opacity: 1;
-  background-color: rgb(0 0 0 / var(--tw-bg-opacity, 1));
-}
-
-@media (min-width: 1024px) {
-
-  .main-title::before,
-.main-title::after {
-    display: block;
-  }
-}
-
-.main-title::before,
-.main-title::after {
-  transform: translateY(-50%);
-}
-
-.main-title::before {
-  left: 0px;
-  margin-left: -15%;
-}
-
-.main-title::after {
-  right: 0px;
-  margin-right: -15%;
-}

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

@@ -1,30 +0,0 @@
-"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 () {
-        (0, react_1.render)((0, jsx_runtime_1.jsx)(Title_1.default, {}));
-        expect(react_1.screen.getByText(constants_1.Dummy_Title)).toBeInTheDocument();
-    });
-    it("renders with custom children", function () {
-        var customText = "Custom Title";
-        (0, react_1.render)((0, jsx_runtime_1.jsx)(Title_1.default, { children: customText }));
-        expect(react_1.screen.getByText(customText)).toBeInTheDocument();
-    });
-    it("applies custom className", function () {
-        var customClass = "custom-class";
-        (0, react_1.render)((0, jsx_runtime_1.jsx)(Title_1.default, { className: customClass }));
-        var titleElement = react_1.screen.getByText(constants_1.Dummy_Title);
-        expect(titleElement).toHaveClass("main-title custom-class");
-    });
-    it("renders without crashing", function () {
-        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,3 +0,0 @@
-import { BodyProps } from "./type";
-declare const Body: React.FC<BodyProps>;
-export default Body;

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

@@ -1,6 +0,0 @@
-import { Meta } from "@storybook/react";
-import { BodyProps } from "./type";
-declare const _default: Meta<BodyProps>;
-export default _default;
-export declare const _Body: import("@storybook/core/csf").AnnotatedStoryFn<import("@storybook/react").ReactRenderer, BodyProps>;
-export declare const BodyTokens: () => import("react/jsx-runtime").JSX.Element;

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

@@ -1,75 +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.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_1.default,
-    parameters: {
-        docs: {
-            description: {
-                component: "A configurable body text component with design system-approved styling variants",
-            },
-        },
-    },
-    argTypes: {
-        body: {
-            description: "Typography variant class",
-            control: {
-                type: "select",
-                labels: _1.BODY_CLASSES.reduce(function (acc, curr) {
-                    var _a;
-                    return (__assign(__assign({}, acc), (_a = {}, _a[curr] = curr, _a)));
-                }, {}),
-            },
-            options: _1.BODY_CLASSES,
-            table: {
-                type: { summary: _1.BODY_CLASSES.map(function (item) { return item; }).join(" | ") },
-                defaultValue: { summary: _1.BODY_CLASSES[0] },
-            },
-        },
-        label: {
-            description: "Text content",
-            control: "text",
-            table: {
-                type: { summary: "string" },
-                defaultValue: { summary: constants_1.Dummy_Para },
-            },
-        },
-        className: {
-            description: "Additional CSS classes",
-            control: "text",
-            table: {
-                type: { summary: "string" },
-                defaultValue: { summary: "" },
-            },
-        },
-    },
-};
-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: "",
-};
-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/body.test.d.ts

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

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

@@ -1,49 +0,0 @@
-"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");
-require("@testing-library/jest-dom");
-var Body_1 = __importDefault(require("./Body"));
-var index_1 = require("./index");
-var constants_1 = require("../../../utils/constants");
-describe("Body Component", function () {
-    it("renders with default props", function () {
-        (0, react_1.render)((0, jsx_runtime_1.jsx)(Body_1.default, {}));
-        var divElement = react_1.screen.getByText(constants_1.Dummy_Para);
-        expect(divElement).toBeInTheDocument();
-        expect(divElement).toHaveClass(index_1.BODY_CLASSES[0]);
-    });
-    describe("Body Component with different body classes", function () {
-        index_1.BODY_CLASSES.forEach(function (bodyClass) {
-            it("applies the correct class \"".concat(bodyClass, "\""), function () {
-                (0, react_1.render)((0, jsx_runtime_1.jsx)(Body_1.default, { body: bodyClass }));
-                var divElement = react_1.screen.getByText(constants_1.Dummy_Para);
-                expect(divElement).toHaveClass(bodyClass);
-            });
-        });
-    });
-    it("applies additional class names from className prop", function () {
-        var customClass = "custom-class another-class";
-        (0, react_1.render)((0, jsx_runtime_1.jsx)(Body_1.default, { className: customClass }));
-        var divElement = react_1.screen.getByText(constants_1.Dummy_Para);
-        expect(divElement).toHaveClass(index_1.BODY_CLASSES[0]);
-        expect(divElement).toHaveClass("custom-class");
-        expect(divElement).toHaveClass("another-class");
-    });
-    it("renders custom label when provided", function () {
-        var customLabel = "Custom Label Text";
-        (0, react_1.render)((0, jsx_runtime_1.jsx)(Body_1.default, { label: customLabel }));
-        var divElement = react_1.screen.getByText(customLabel);
-        expect(divElement).toBeInTheDocument();
-    });
-    it("passes additional props to the root div", function () {
-        var testId = "body-component";
-        var ariaLabel = "Body Component";
-        (0, react_1.render)((0, jsx_runtime_1.jsx)(Body_1.default, { "data-testid": testId, "aria-label": ariaLabel }));
-        var divElement = react_1.screen.getByTestId(testId);
-        expect(divElement).toHaveAttribute("aria-label", ariaLabel);
-    });
-});

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

@@ -1,14 +0,0 @@
-import { FontFamily, FontSize, FontWeight, LineHeights, TextColor } from "../../../utils/enums";
-export declare const BODY_CLASSES: readonly ["lu-body-1", "lu-body-2", "lu-body-3", "lu-body-4"];
-export declare const bodyTableHeaders: {
-    title: string;
-    key: string;
-}[];
-export declare const bodyTableRows: {
-    alias: string;
-    fontFamily: FontFamily;
-    fontSize: FontSize;
-    fontWeight: FontWeight;
-    lineHeight: LineHeights;
-    color: TextColor;
-}[];

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

@@ -1,53 +0,0 @@
-"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",
-];
-exports.bodyTableHeaders = [
-    { title: "Alias Token Name", key: "alias" },
-    { title: "Font Family", key: "fontFamily" },
-    { title: "Font Size", key: "fontSize" },
-    { title: "Font Weight", key: "fontWeight" },
-    { title: "Line Height", key: "lineHeight" },
-    { title: "Color", key: "color" },
-];
-// Define rows
-exports.bodyTableRows = [
-    {
-        alias: "lu-body-1",
-        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: 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: 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: 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.d.ts

@@ -1,7 +0,0 @@
-import { BODY_CLASSES } from ".";
-export type BodyClass = (typeof BODY_CLASSES)[number];
-export interface BodyProps extends React.HTMLAttributes<HTMLDivElement> {
-    body?: BodyClass;
-    label?: string;
-    className?: string;
-}

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

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

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

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

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

@@ -1,6 +0,0 @@
-import { Meta } from "@storybook/react";
-import { DisplayProps } from "./type";
-declare const _default: Meta<DisplayProps>;
-export default _default;
-export declare const _Display: import("@storybook/core/csf").AnnotatedStoryFn<import("@storybook/react").ReactRenderer, DisplayProps>;
-export declare const DisplayTokens: () => import("react/jsx-runtime").JSX.Element;

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

@@ -1,79 +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.DisplayTokens = exports._Display = void 0;
-var jsx_runtime_1 = require("react/jsx-runtime");
-var Display_1 = __importDefault(require("./Display"));
-var _1 = require(".");
-var Table_1 = __importDefault(require("../../../global/components/Table/Table"));
-var constants_1 = require("../../../utils/constants");
-exports.default = {
-    title: "Components/Typography/Display",
-    component: Display_1.default,
-    parameters: {
-        docs: {
-            description: {
-                component: "A configurable Display text component with design system-approved styling variants",
-            },
-        },
-    },
-    argTypes: {
-        display: {
-            description: "Typography variant class",
-            control: {
-                type: "select",
-                labels: Object.values(_1.Display_Classes).reduce(function (acc, curr) {
-                    var _a;
-                    return (__assign(__assign({}, acc), (_a = {}, _a[curr] = curr, _a)));
-                }, {}),
-            },
-            options: Object.values(_1.Display_Classes),
-            table: {
-                type: {
-                    summary: Object.values(_1.Display_Classes)
-                        .map(function (item) { return item; })
-                        .join(" | "),
-                },
-                defaultValue: { summary: _1.Display_Classes["lu-display-1"] },
-            },
-        },
-        label: {
-            description: "Text content",
-            control: "text",
-            table: {
-                type: { summary: "string" },
-                defaultValue: { summary: constants_1.Dummy_Para },
-            },
-        },
-        className: {
-            description: "Additional CSS classes",
-            control: "text",
-            table: {
-                type: { summary: "string" },
-                defaultValue: { summary: "" },
-            },
-        },
-    },
-};
-var Template = function (args) { return (0, jsx_runtime_1.jsx)(Display_1.default, __assign({}, args)); };
-exports._Display = Template.bind({});
-exports._Display.args = {
-    label: constants_1.Dummy_Para,
-    display: _1.Display_Classes["lu-display-1"],
-    className: "",
-};
-var DisplayTokens = function () { return ((0, jsx_runtime_1.jsx)(Table_1.default, { headers: _1.displayTableHeaders, rows: _1.displayTableRows, "aria-label": "Display text variants comparison" })); };
-exports.DisplayTokens = DisplayTokens;

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

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

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

@@ -1,49 +0,0 @@
-"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");
-require("@testing-library/jest-dom");
-var constants_1 = require("../../../utils/constants");
-var Display_1 = __importDefault(require("./Display"));
-var index_1 = require("./index");
-describe("Body Component", function () {
-    it("renders with default props", function () {
-        (0, react_1.render)((0, jsx_runtime_1.jsx)(Display_1.default, {}));
-        var divElement = react_1.screen.getByText(constants_1.Dummy_Para);
-        expect(divElement).toBeInTheDocument();
-        expect(divElement).toHaveClass(index_1.Display_Classes["lu-display-1"]);
-    });
-    describe("Body Component with different body classes", function () {
-        Object.values(index_1.Display_Classes).forEach(function (displayClass) {
-            it("applies the correct class \"".concat(displayClass, "\""), function () {
-                (0, react_1.render)((0, jsx_runtime_1.jsx)(Display_1.default, { display: displayClass }));
-                var divElement = react_1.screen.getByText(constants_1.Dummy_Para);
-                expect(divElement).toHaveClass(displayClass);
-            });
-        });
-    });
-    it("applies additional class names from className prop", function () {
-        var customClass = "custom-class another-class";
-        (0, react_1.render)((0, jsx_runtime_1.jsx)(Display_1.default, { className: customClass }));
-        var divElement = react_1.screen.getByText(constants_1.Dummy_Para);
-        expect(divElement).toHaveClass(index_1.Display_Classes["lu-display-1"]);
-        expect(divElement).toHaveClass("custom-class");
-        expect(divElement).toHaveClass("another-class");
-    });
-    it("renders custom label when provided", function () {
-        var customLabel = "Custom Label Text";
-        (0, react_1.render)((0, jsx_runtime_1.jsx)(Display_1.default, { label: customLabel }));
-        var divElement = react_1.screen.getByText(customLabel);
-        expect(divElement).toBeInTheDocument();
-    });
-    it("passes additional props to the root div", function () {
-        var testId = "body-component";
-        var ariaLabel = "Body Component";
-        (0, react_1.render)((0, jsx_runtime_1.jsx)(Display_1.default, { "data-testid": testId, "aria-label": ariaLabel }));
-        var divElement = react_1.screen.getByTestId(testId);
-        expect(divElement).toHaveAttribute("aria-label", ariaLabel);
-    });
-});

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

@@ -1,38 +0,0 @@
-import { FontFamily, FontSize, FontWeight, LineHeights, TextColor } from ".././../../utils/enums";
-export declare enum Display_Classes {
-    "lu-display-1" = "lu-display-1",
-    "lu-display-2" = "lu-display-2",
-    "lu-display-3" = "lu-display-3"
-}
-export declare const customDisplay: {
-    ".lu-display-1": {
-        fontSize: string;
-        fontWeight: string;
-        lineHeight: string;
-        color: string;
-    };
-    ".lu-display-2": {
-        fontSize: string;
-        fontWeight: string;
-        lineHeight: string;
-        color: string;
-    };
-    ".lu-display-3": {
-        fontSize: string;
-        fontWeight: string;
-        lineHeight: string;
-        color: string;
-    };
-};
-export declare const displayTableHeaders: {
-    title: string;
-    key: string;
-}[];
-export declare const displayTableRows: {
-    alias: string;
-    fontFamily: FontFamily;
-    fontSize: FontSize;
-    fontWeight: FontWeight;
-    lineHeight: LineHeights;
-    color: TextColor;
-}[];

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

@@ -1,64 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.displayTableRows = exports.displayTableHeaders = exports.customDisplay = exports.Display_Classes = void 0;
-var enums_1 = require(".././../../utils/enums");
-var Display_Classes;
-(function (Display_Classes) {
-    Display_Classes["lu-display-1"] = "lu-display-1";
-    Display_Classes["lu-display-2"] = "lu-display-2";
-    Display_Classes["lu-display-3"] = "lu-display-3";
-})(Display_Classes || (exports.Display_Classes = Display_Classes = {}));
-exports.customDisplay = {
-    ".lu-display-1": {
-        fontSize: "var(--core-800)",
-        fontWeight: "700",
-        lineHeight: "1.5",
-        color: "var(--black)",
-    },
-    ".lu-display-2": {
-        fontSize: "var(--core-600)",
-        fontWeight: "600",
-        lineHeight: "1.5",
-        color: "var(--black)",
-    },
-    ".lu-display-3": {
-        fontSize: "var(--core-400)",
-        fontWeight: "500",
-        lineHeight: "1.5",
-        color: "var(--black)",
-    },
-};
-exports.displayTableHeaders = [
-    { title: "Alias Token Name", key: "alias" },
-    { title: "Font Family", key: "fontFamily" },
-    { title: "Font Size", key: "fontSize" },
-    { title: "Font Weight", key: "fontWeight" },
-    { title: "Line Height", key: "lineHeight" },
-    { title: "Color", key: "color" },
-];
-exports.displayTableRows = [
-    {
-        alias: "lu-display-1",
-        fontFamily: enums_1.FontFamily.Base,
-        fontSize: enums_1.FontSize.Huge,
-        fontWeight: enums_1.FontWeight.Regular,
-        lineHeight: enums_1.LineHeights.BASE,
-        color: enums_1.TextColor.Default,
-    },
-    {
-        alias: "lu-display-2 ",
-        fontFamily: enums_1.FontFamily.Base,
-        fontSize: enums_1.FontSize.SevenXLarge,
-        fontWeight: enums_1.FontWeight.SemiBold,
-        lineHeight: enums_1.LineHeights.BASE,
-        color: enums_1.TextColor.Default,
-    },
-    {
-        alias: "lu-display-3",
-        fontFamily: enums_1.FontFamily.Base,
-        fontSize: enums_1.FontSize.FourXLarge,
-        fontWeight: enums_1.FontWeight.Medium,
-        lineHeight: enums_1.LineHeights.BASE,
-        color: enums_1.TextColor.Default,
-    },
-];

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

@@ -1,8 +0,0 @@
-import { Display_Classes } from ".";
-type DisplayKey = keyof typeof Display_Classes;
-export interface DisplayProps extends React.HTMLAttributes<HTMLDivElement> {
-    display?: DisplayKey;
-    label?: string;
-    className?: string;
-}
-export {};

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

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

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

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

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

@@ -1,49 +0,0 @@
-"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");
-require("@testing-library/jest-dom");
-var constants_1 = require("../../../utils/constants");
-var Headings_1 = __importDefault(require("./Headings"));
-var _1 = require("./");
-describe("Heading Component", function () {
-    it("renders with default props", function () {
-        (0, react_1.render)((0, jsx_runtime_1.jsx)(Headings_1.default, {}));
-        var divElement = react_1.screen.getByText(constants_1.Dummy_Para);
-        expect(divElement).toBeInTheDocument();
-        expect(divElement).toHaveClass(_1.Heading_Classes["lu-heading-h1"]);
-    });
-    describe("Heading Component with different body classes", function () {
-        Object.values(_1.Heading_Classes).forEach(function (headingClass) {
-            it("applies the correct class \"".concat(headingClass, "\""), function () {
-                (0, react_1.render)((0, jsx_runtime_1.jsx)(Headings_1.default, { heading: headingClass }));
-                var divElement = react_1.screen.getByText(constants_1.Dummy_Para);
-                expect(divElement).toHaveClass(headingClass);
-            });
-        });
-    });
-    it("applies additional class names from className prop", function () {
-        var customClass = "custom-class another-class";
-        (0, react_1.render)((0, jsx_runtime_1.jsx)(Headings_1.default, { className: customClass }));
-        var divElement = react_1.screen.getByText(constants_1.Dummy_Para);
-        expect(divElement).toHaveClass(_1.Heading_Classes["lu-heading-h1"]);
-        expect(divElement).toHaveClass("custom-class");
-        expect(divElement).toHaveClass("another-class");
-    });
-    it("renders custom label when provided", function () {
-        var customLabel = "Custom Label Text";
-        (0, react_1.render)((0, jsx_runtime_1.jsx)(Headings_1.default, { label: customLabel }));
-        var divElement = react_1.screen.getByText(customLabel);
-        expect(divElement).toBeInTheDocument();
-    });
-    it("passes additional props to the root div", function () {
-        var testId = "body-component";
-        var ariaLabel = "Body Component";
-        (0, react_1.render)((0, jsx_runtime_1.jsx)(Headings_1.default, { "data-testid": testId, "aria-label": ariaLabel }));
-        var divElement = react_1.screen.getByTestId(testId);
-        expect(divElement).toHaveAttribute("aria-label", ariaLabel);
-    });
-});

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

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

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

@@ -1,6 +0,0 @@
-import { Meta } from "@storybook/react";
-import { HeadingProps } from "./type";
-declare const _default: Meta<HeadingProps>;
-export default _default;
-export declare const _Heading: import("@storybook/core/csf").AnnotatedStoryFn<import("@storybook/react").ReactRenderer, HeadingProps>;
-export declare const HeadingTokens: () => import("react/jsx-runtime").JSX.Element;