@simplybusiness/mobius 4.6.5 → 4.8.0

package/dist/cjs/components/Label/Label.stories.js

@@ -0,0 +1,17 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Normal = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const Label_1 = require("./Label");
+const meta = {
+    title: "Forms/Label",
+    component: Label_1.Label,
+};
+exports.Normal = {
+    render: (args) => (0, jsx_runtime_1.jsx)(Label_1.Label, Object.assign({}, args)),
+    args: {
+        children: "Example label",
+    },
+};
+exports.default = meta;
+//# sourceMappingURL=Label.stories.js.map

package/dist/cjs/components/Label/Label.stories.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Label.stories.js","sourceRoot":"","sources":["../../../../src/components/Label/Label.stories.tsx"],"names":[],"mappings":";;;;AACA,mCAA4C;AAI5C,MAAM,IAAI,GAAuB;IAC/B,KAAK,EAAE,aAAa;IACpB,SAAS,EAAE,aAAK;CACjB,CAAC;AAEW,QAAA,MAAM,GAAc;IAC/B,MAAM,EAAE,CAAC,IAAgB,EAAE,EAAE,CAAC,uBAAC,aAAK,oBAAK,IAAI,EAAI;IACjD,IAAI,EAAE;QACJ,QAAQ,EAAE,eAAe;KAC1B;CACF,CAAC;AAEF,kBAAe,IAAI,CAAC"}

package/dist/cjs/components/Label/Label.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/cjs/components/Label/Label.test.js

@@ -0,0 +1,37 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("@testing-library/react");
+const _1 = require(".");
+const CLASS_NAME = "mobius/Label";
+describe("Test for Label", () => {
+    it("should render without errors", () => {
+        (0, react_1.render)((0, jsx_runtime_1.jsx)(_1.Label, { children: "Test label" }));
+    });
+    it("should support label HTML props", () => {
+        (0, react_1.render)((0, jsx_runtime_1.jsx)(_1.Label, { htmlFor: "some-id", "data-testid": "test", children: "Test label" }));
+        expect(react_1.screen.getByTestId("test")).toHaveAttribute("for");
+    });
+    describe("given elementType", () => {
+        it("is not applied as element attribute", () => {
+            const { container } = (0, react_1.render)((0, jsx_runtime_1.jsx)(_1.Label, { "data-testid": "test", elementType: "span" }));
+            expect(container.firstChild).not.toHaveAttribute("elementtype", "span");
+        });
+    });
+    describe("uses correct class names", () => {
+        it("uses Mobius class", () => {
+            (0, react_1.render)((0, jsx_runtime_1.jsx)(_1.Label, { "data-testid": "test", children: "Sample text" }));
+            expect(react_1.screen.getByTestId("test")).toHaveClass("mobius");
+        });
+        it("uses base Mobius class", () => {
+            (0, react_1.render)((0, jsx_runtime_1.jsx)(_1.Label, { "data-testid": "test", children: "Sample text" }));
+            expect(react_1.screen.getByTestId("test")).toHaveClass(CLASS_NAME);
+        });
+        it("includes custom class name", () => {
+            (0, react_1.render)((0, jsx_runtime_1.jsx)(_1.Label, { className: "my-class", "data-testid": "test", children: "Sample Text" }));
+            expect(react_1.screen.getByTestId("test")).toHaveClass("my-class");
+            expect(react_1.screen.getByTestId("test")).toHaveClass(CLASS_NAME);
+        });
+    });
+});
+//# sourceMappingURL=Label.test.js.map

package/dist/cjs/components/Label/Label.test.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Label.test.js","sourceRoot":"","sources":["../../../../src/components/Label/Label.test.tsx"],"names":[],"mappings":";;;AAAA,kDAAwD;AACxD,wBAA0B;AAE1B,MAAM,UAAU,GAAG,cAAc,CAAC;AAElC,QAAQ,CAAC,gBAAgB,EAAE,GAAG,EAAE;IAC9B,EAAE,CAAC,8BAA8B,EAAE,GAAG,EAAE;QACtC,IAAA,cAAM,EAAC,uBAAC,QAAK,6BAAmB,CAAC,CAAC;IACpC,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,iCAAiC,EAAE,GAAG,EAAE;QACzC,IAAA,cAAM,EACJ,uBAAC,QAAK,IAAC,OAAO,EAAC,SAAS,iBAAa,MAAM,2BAEnC,CACT,CAAC;QACF,MAAM,CAAC,cAAM,CAAC,WAAW,CAAC,MAAM,CAAC,CAAC,CAAC,eAAe,CAAC,KAAK,CAAC,CAAC;IAC5D,CAAC,CAAC,CAAC;IAEH,QAAQ,CAAC,mBAAmB,EAAE,GAAG,EAAE;QACjC,EAAE,CAAC,qCAAqC,EAAE,GAAG,EAAE;YAC7C,MAAM,EAAE,SAAS,EAAE,GAAG,IAAA,cAAM,EAC1B,uBAAC,QAAK,mBAAa,MAAM,EAAC,WAAW,EAAC,MAAM,GAAG,CAChD,CAAC;YACF,MAAM,CAAC,SAAS,CAAC,UAAU,CAAC,CAAC,GAAG,CAAC,eAAe,CAAC,aAAa,EAAE,MAAM,CAAC,CAAC;QAC1E,CAAC,CAAC,CAAC;IACL,CAAC,CAAC,CAAC;IAEH,QAAQ,CAAC,0BAA0B,EAAE,GAAG,EAAE;QACxC,EAAE,CAAC,mBAAmB,EAAE,GAAG,EAAE;YAC3B,IAAA,cAAM,EAAC,uBAAC,QAAK,mBAAa,MAAM,4BAAoB,CAAC,CAAC;YACtD,MAAM,CAAC,cAAM,CAAC,WAAW,CAAC,MAAM,CAAC,CAAC,CAAC,WAAW,CAAC,QAAQ,CAAC,CAAC;QAC3D,CAAC,CAAC,CAAC;QAEH,EAAE,CAAC,wBAAwB,EAAE,GAAG,EAAE;YAChC,IAAA,cAAM,EAAC,uBAAC,QAAK,mBAAa,MAAM,4BAAoB,CAAC,CAAC;YACtD,MAAM,CAAC,cAAM,CAAC,WAAW,CAAC,MAAM,CAAC,CAAC,CAAC,WAAW,CAAC,UAAU,CAAC,CAAC;QAC7D,CAAC,CAAC,CAAC;QAEH,EAAE,CAAC,4BAA4B,EAAE,GAAG,EAAE;YACpC,IAAA,cAAM,EACJ,uBAAC,QAAK,IAAC,SAAS,EAAC,UAAU,iBAAa,MAAM,4BAEtC,CACT,CAAC;YACF,MAAM,CAAC,cAAM,CAAC,WAAW,CAAC,MAAM,CAAC,CAAC,CAAC,WAAW,CAAC,UAAU,CAAC,CAAC;YAC3D,MAAM,CAAC,cAAM,CAAC,WAAW,CAAC,MAAM,CAAC,CAAC,CAAC,WAAW,CAAC,UAAU,CAAC,CAAC;QAC7D,CAAC,CAAC,CAAC;IACL,CAAC,CAAC,CAAC;AACL,CAAC,CAAC,CAAC"}

package/dist/cjs/components/Label/index.d.ts

@@ -0,0 +1 @@
+export * from "./Label";

package/dist/cjs/components/Link/Link.d.ts

@@ -0,0 +1,24 @@
+import React, { Ref, HTMLAttributeAnchorTarget } from "react";
+import { ForwardedRefComponent } from "../../types/components";
+export type LinkElementType = HTMLAnchorElement;
+export interface LinkProps {
+    id?: string;
+    children?: React.ReactNode;
+    /** Path to link resource or page */
+    href?: string;
+    /** Custom class name for setting specific CSS */
+    className?: string;
+    title?: string;
+    style?: React.CSSProperties;
+    referrerPolicy?: ReferrerPolicy;
+    download?: boolean | string;
+    rel?: string;
+    target?: HTMLAttributeAnchorTarget;
+    isDisabled?: boolean;
+    onClick?: () => void;
+    to?: unknown;
+    elementType?: React.ElementType;
+}
+export type LinkRef = Ref<LinkElementType>;
+declare const Link: ForwardedRefComponent<LinkProps, LinkElementType>;
+export { Link };

package/dist/cjs/components/Link/Link.stories.d.ts

@@ -0,0 +1,7 @@
+import type { Meta, StoryObj } from "@storybook/react";
+import { Link } from "./Link";
+type StoryType = StoryObj<typeof Link>;
+declare const meta: Meta<typeof Link>;
+export declare const Normal: StoryType;
+export declare const Disabled: StoryType;
+export default meta;

package/dist/cjs/components/Link/Link.stories.js

@@ -0,0 +1,45 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Disabled = exports.Normal = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const Link_1 = require("./Link");
+const utils_1 = require("../../utils");
+const meta = {
+    title: "Components/Link",
+    component: Link_1.Link,
+    argTypes: Object.assign({ target: {
+            options: ["_self", "_blank", "_parent", "_top"],
+            control: { type: "select" },
+        }, to: {
+            control: { type: "text" },
+        }, title: {
+            control: { type: "text" },
+        }, download: {
+            control: { type: "boolean" },
+        }, rel: {
+            options: ["noopener noreferrer", "canonical", "nofollow"],
+            control: { type: "select" },
+        } }, (0, utils_1.excludeControls)("elementType", "style", "onClick")),
+};
+exports.Normal = {
+    render: (args) => (0, jsx_runtime_1.jsx)(Link_1.Link, Object.assign({}, args, { children: "Link text" })),
+    args: {
+        href: "https://www.google.com",
+        isDisabled: false,
+        download: false,
+        to: "",
+        title: "",
+    },
+};
+exports.Disabled = {
+    render: (args) => (0, jsx_runtime_1.jsx)(Link_1.Link, Object.assign({}, args, { children: "Link text" })),
+    args: {
+        href: "https://www.google.com",
+        isDisabled: true,
+        download: false,
+        to: "",
+        title: "",
+    },
+};
+exports.default = meta;
+//# sourceMappingURL=Link.stories.js.map

package/dist/cjs/components/Link/Link.stories.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Link.stories.js","sourceRoot":"","sources":["../../../../src/components/Link/Link.stories.tsx"],"names":[],"mappings":";;;;AACA,iCAAyC;AACzC,uCAA8C;AAI9C,MAAM,IAAI,GAAsB;IAC9B,KAAK,EAAE,iBAAiB;IACxB,SAAS,EAAE,WAAI;IACf,QAAQ,kBACN,MAAM,EAAE;YACN,OAAO,EAAE,CAAC,OAAO,EAAE,QAAQ,EAAE,SAAS,EAAE,MAAM,CAAC;YAC/C,OAAO,EAAE,EAAE,IAAI,EAAE,QAAQ,EAAE;SAC5B,EACD,EAAE,EAAE;YACF,OAAO,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE;SAC1B,EACD,KAAK,EAAE;YACL,OAAO,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE;SAC1B,EACD,QAAQ,EAAE;YACR,OAAO,EAAE,EAAE,IAAI,EAAE,SAAS,EAAE;SAC7B,EACD,GAAG,EAAE;YACH,OAAO,EAAE,CAAC,qBAAqB,EAAE,WAAW,EAAE,UAAU,CAAC;YACzD,OAAO,EAAE,EAAE,IAAI,EAAE,QAAQ,EAAE;SAC5B,IACE,IAAA,uBAAe,EAAC,aAAa,EAAE,OAAO,EAAE,SAAS,CAAC,CACtD;CACF,CAAC;AAEW,QAAA,MAAM,GAAc;IAC/B,MAAM,EAAE,CAAC,IAAe,EAAE,EAAE,CAAC,uBAAC,WAAI,oBAAK,IAAI,6BAAkB;IAC7D,IAAI,EAAE;QACJ,IAAI,EAAE,wBAAwB;QAC9B,UAAU,EAAE,KAAK;QACjB,QAAQ,EAAE,KAAK;QACf,EAAE,EAAE,EAAE;QACN,KAAK,EAAE,EAAE;KACV;CACF,CAAC;AAEW,QAAA,QAAQ,GAAc;IACjC,MAAM,EAAE,CAAC,IAAe,EAAE,EAAE,CAAC,uBAAC,WAAI,oBAAK,IAAI,6BAAkB;IAC7D,IAAI,EAAE;QACJ,IAAI,EAAE,wBAAwB;QAC9B,UAAU,EAAE,IAAI;QAChB,QAAQ,EAAE,KAAK;QACf,EAAE,EAAE,EAAE;QACN,KAAK,EAAE,EAAE;KACV;CACF,CAAC;AAEF,kBAAe,IAAI,CAAC"}

package/dist/cjs/components/Link/Link.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/cjs/components/Link/Link.test.js

@@ -0,0 +1,65 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("@testing-library/react");
+const user_event_1 = __importDefault(require("@testing-library/user-event"));
+const _1 = require(".");
+const CLASS_NAME = "mobius/Link";
+describe("Test for Link", () => {
+    it("should render without errors", () => {
+        (0, react_1.render)((0, jsx_runtime_1.jsx)(_1.Link, { href: "#test", children: "Test" }));
+    });
+    it("should call the onClick", async () => {
+        const onClick = jest.fn();
+        const { getByText } = (0, react_1.render)((0, jsx_runtime_1.jsx)(_1.Link, { href: "#test", onClick: onClick, children: "Click" }));
+        await user_event_1.default.click(getByText("Click"));
+        expect(onClick).toHaveBeenCalled();
+    });
+    it("uses the elementType prop", () => {
+        function CustomComponent(props) {
+            // eslint-disable-next-line jsx-a11y/anchor-has-content
+            return (0, jsx_runtime_1.jsx)("a", Object.assign({ "data-testid": "custom-component" }, props));
+        }
+        (0, react_1.render)(
+        // eslint-disable-next-line react/jsx-no-bind
+        (0, jsx_runtime_1.jsx)(_1.Link, { href: "#test", elementType: CustomComponent, children: "Test" }));
+        expect(react_1.screen.getByTestId("custom-component")).toBeInTheDocument();
+    });
+    describe("given elementType", () => {
+        it("is not applied as element attribute", () => {
+            const { container } = (0, react_1.render)((0, jsx_runtime_1.jsx)(_1.Link, { href: "#test", elementType: "ul", children: "Test" }));
+            expect(container.firstChild).not.toHaveAttribute("elementtype", "ul");
+        });
+    });
+    describe("uses correct class names", () => {
+        it("uses Mobius class", () => {
+            (0, react_1.render)((0, jsx_runtime_1.jsx)(_1.Link, { href: "#test", "data-testid": "test", children: "Sample text" }));
+            expect(react_1.screen.getByTestId("test")).toHaveClass("mobius");
+        });
+        it("uses base Mobius class", () => {
+            (0, react_1.render)((0, jsx_runtime_1.jsx)(_1.Link, { href: "#test", "data-testid": "test", children: "Sample text" }));
+            expect(react_1.screen.getByTestId("test")).toHaveClass(CLASS_NAME);
+        });
+        it("includes custom class name", () => {
+            (0, react_1.render)((0, jsx_runtime_1.jsx)(_1.Link, { href: "#test", className: "my-class", "data-testid": "test", children: "Sample Text" }));
+            expect(react_1.screen.getByTestId("test")).toHaveClass("my-class");
+            expect(react_1.screen.getByTestId("test")).toHaveClass(CLASS_NAME);
+        });
+        it("includes the disabled class name", async () => {
+            (0, react_1.render)((0, jsx_runtime_1.jsx)(_1.Link, { href: "#test", "data-testid": "test", isDisabled: true, children: "Sample text" }));
+            await user_event_1.default.tab();
+            expect(react_1.screen.getByTestId("test")).toHaveClass("--is-disabled");
+        });
+    });
+    describe("given the the link has disabled prop", () => {
+        it("does not pass the prop as an attribute", async () => {
+            (0, react_1.render)((0, jsx_runtime_1.jsx)(_1.Link, { href: "#test", "data-testid": "test", isDisabled: true, children: "Sample text" }));
+            await user_event_1.default.tab();
+            expect(react_1.screen.getByTestId("test")).not.toHaveAttribute("disabled", "");
+        });
+    });
+});
+//# sourceMappingURL=Link.test.js.map

package/dist/cjs/components/Link/Link.test.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Link.test.js","sourceRoot":"","sources":["../../../../src/components/Link/Link.test.tsx"],"names":[],"mappings":"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"}

package/dist/cjs/components/Link/index.d.ts

@@ -0,0 +1 @@
+export * from "./Link";

package/dist/cjs/components/LinkButton/LinkButton.d.ts

@@ -0,0 +1,15 @@
+import { HTMLAttributeAnchorTarget, MouseEvent } from "react";
+import { ButtonProps } from "../Button";
+export interface LinkButtonProps extends Omit<ButtonProps, "elementType"> {
+    href: string;
+    title?: string;
+    style?: React.CSSProperties;
+    referrerPolicy?: ReferrerPolicy;
+    download?: boolean | string;
+    rel?: string;
+    target?: HTMLAttributeAnchorTarget;
+    onClick?: (event: MouseEvent<HTMLAnchorElement | HTMLButtonElement>) => void;
+    to?: unknown;
+    elementType?: React.ElementType;
+}
+export declare function LinkButton({ href, children, className, elementType, ...rest }: LinkButtonProps): import("react/jsx-runtime").JSX.Element;

package/dist/cjs/components/LinkButton/LinkButton.stories.d.ts

@@ -0,0 +1,6 @@
+import type { Meta, StoryObj } from "@storybook/react";
+import { LinkButton } from "./LinkButton";
+type StoryType = StoryObj<typeof LinkButton>;
+declare const meta: Meta<typeof LinkButton>;
+export declare const Normal: StoryType;
+export default meta;

package/dist/cjs/components/LinkButton/LinkButton.stories.js

@@ -0,0 +1,46 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Normal = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const LinkButton_1 = require("./LinkButton");
+const utils_1 = require("../../utils");
+const meta = {
+    title: "Components/LinkButton",
+    component: LinkButton_1.LinkButton,
+    argTypes: Object.assign({ target: {
+            options: ["_self", "_blank", "_parent", "_top"],
+            control: { type: "select" },
+        }, to: {
+            control: { type: "text" },
+        }, title: {
+            control: { type: "text" },
+        }, download: {
+            control: { type: "boolean" },
+        }, rel: {
+            options: ["noopener noreferrer", "canonical", "nofollow"],
+            control: { type: "select" },
+        }, icon: {
+            options: ["menu", "rightArrow", "leftArrow", "dropdown", "home"],
+            control: { type: "radio" },
+        }, iconPosition: {
+            if: {
+                arg: "icon",
+            },
+        } }, (0, utils_1.excludeControls)("style")),
+};
+exports.Normal = {
+    render: (args) => ((0, jsx_runtime_1.jsx)(LinkButton_1.LinkButton, Object.assign({}, args, { children: "LinkButton text" }))),
+    args: {
+        href: "https://www.google.com",
+        to: "",
+        title: "",
+        size: "md",
+        download: false,
+        isDisabled: false,
+        isSuccess: false,
+        isLoading: false,
+        role: "",
+    },
+};
+exports.default = meta;
+//# sourceMappingURL=LinkButton.stories.js.map

package/dist/cjs/components/LinkButton/LinkButton.stories.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"LinkButton.stories.js","sourceRoot":"","sources":["../../../../src/components/LinkButton/LinkButton.stories.tsx"],"names":[],"mappings":";;;;AACA,6CAA2D;AAC3D,uCAA8C;AAI9C,MAAM,IAAI,GAA4B;IACpC,KAAK,EAAE,uBAAuB;IAC9B,SAAS,EAAE,uBAAU;IACrB,QAAQ,kBACN,MAAM,EAAE;YACN,OAAO,EAAE,CAAC,OAAO,EAAE,QAAQ,EAAE,SAAS,EAAE,MAAM,CAAC;YAC/C,OAAO,EAAE,EAAE,IAAI,EAAE,QAAQ,EAAE;SAC5B,EACD,EAAE,EAAE;YACF,OAAO,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE;SAC1B,EACD,KAAK,EAAE;YACL,OAAO,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE;SAC1B,EACD,QAAQ,EAAE;YACR,OAAO,EAAE,EAAE,IAAI,EAAE,SAAS,EAAE;SAC7B,EACD,GAAG,EAAE;YACH,OAAO,EAAE,CAAC,qBAAqB,EAAE,WAAW,EAAE,UAAU,CAAC;YACzD,OAAO,EAAE,EAAE,IAAI,EAAE,QAAQ,EAAE;SAC5B,EACD,IAAI,EAAE;YACJ,OAAO,EAAE,CAAC,MAAM,EAAE,YAAY,EAAE,WAAW,EAAE,UAAU,EAAE,MAAM,CAAC;YAChE,OAAO,EAAE,EAAE,IAAI,EAAE,OAAO,EAAE;SAC3B,EACD,YAAY,EAAE;YACZ,EAAE,EAAE;gBACF,GAAG,EAAE,MAAM;aACZ;SACF,IACE,IAAA,uBAAe,EAAC,OAAO,CAAC,CAC5B;CACF,CAAC;AAEW,QAAA,MAAM,GAAc;IAC/B,MAAM,EAAE,CAAC,IAAqB,EAAE,EAAE,CAAC,CACjC,uBAAC,uBAAU,oBAAK,IAAI,mCAA8B,CACnD;IACD,IAAI,EAAE;QACJ,IAAI,EAAE,wBAAwB;QAC9B,EAAE,EAAE,EAAE;QACN,KAAK,EAAE,EAAE;QACT,IAAI,EAAE,IAAI;QACV,QAAQ,EAAE,KAAK;QACf,UAAU,EAAE,KAAK;QACjB,SAAS,EAAE,KAAK;QAChB,SAAS,EAAE,KAAK;QAChB,IAAI,EAAE,EAAE;KACT;CACF,CAAC;AAEF,kBAAe,IAAI,CAAC"}

package/dist/cjs/components/LinkButton/LinkButton.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/cjs/components/LinkButton/LinkButton.test.js

@@ -0,0 +1,67 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("@testing-library/react");
+const user_event_1 = __importDefault(require("@testing-library/user-event"));
+const react_2 = require("react");
+const _1 = require(".");
+class ErrorBoundary extends react_2.Component {
+    constructor(props) {
+        super(props);
+        this.state = {
+            hasError: false,
+            error: null,
+        };
+    }
+    static getDerivedStateFromError(error) {
+        return { hasError: true, error };
+    }
+    render() {
+        const { hasError, error } = this.state;
+        const { children } = this.props;
+        if (hasError && error) {
+            // You can render any custom fallback UI
+            return (0, jsx_runtime_1.jsx)("div", { "data-testid": "error", children: error.message });
+        }
+        return children;
+    }
+}
+describe("Test for LinkButton", () => {
+    it("renders without error", () => {
+        const component = (0, react_1.render)((0, jsx_runtime_1.jsx)(_1.LinkButton, { href: "http://www.example.com/", children: "Link" }));
+        expect(component).toBeTruthy();
+    });
+    it("should call onClick callback if supplied", async () => {
+        const onClick = jest.fn();
+        const { getByText } = (0, react_1.render)((0, jsx_runtime_1.jsx)(_1.LinkButton, { href: "#", onClick: onClick, children: "Link" }));
+        await user_event_1.default.click(getByText("Link"));
+        expect(onClick).toHaveBeenCalled();
+    });
+    it("throws when href is missing", () => {
+        const spy = jest.spyOn(console, "error");
+        spy.mockImplementation(() => { });
+        (0, react_1.render)((0, jsx_runtime_1.jsx)(ErrorBoundary, { children: (0, jsx_runtime_1.jsx)(_1.LinkButton, { children: "Link" }) }));
+        expect(react_1.screen.getByTestId("error")).toHaveTextContent("LinkButton requires a href prop");
+        spy.mockRestore();
+    });
+    it("uses the elementType prop", () => {
+        function CustomComponent(props) {
+            // eslint-disable-next-line jsx-a11y/anchor-has-content
+            return (0, jsx_runtime_1.jsx)("a", Object.assign({ "data-testid": "custom-component" }, props));
+        }
+        (0, react_1.render)(
+        // eslint-disable-next-line react/jsx-no-bind
+        (0, jsx_runtime_1.jsx)(_1.LinkButton, { href: "#test", elementType: CustomComponent, children: "Test" }));
+        expect(react_1.screen.getByTestId("custom-component")).toBeInTheDocument();
+    });
+    describe("given elementType", () => {
+        it("is not applied as element attribute", () => {
+            const { container } = (0, react_1.render)((0, jsx_runtime_1.jsx)(_1.LinkButton, { href: "#test", elementType: "ul", children: "Test" }));
+            expect(container.firstChild).not.toHaveAttribute("elementtype", "ul");
+        });
+    });
+});
+//# sourceMappingURL=LinkButton.test.js.map

package/dist/cjs/components/LinkButton/LinkButton.test.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"LinkButton.test.js","sourceRoot":"","sources":["../../../../src/components/LinkButton/LinkButton.test.tsx"],"names":[],"mappings":"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"}

package/dist/cjs/components/LinkButton/index.d.ts

@@ -0,0 +1 @@
+export * from "./LinkButton";

package/dist/cjs/components/List/List.d.ts

@@ -0,0 +1,17 @@
+import { Ref, ReactNode, RefAttributes } from "react";
+import { DOMProps } from "../../types/dom";
+import { ForwardedRefComponent } from "../../types/components";
+export type ListElementType = HTMLOListElement | HTMLUListElement;
+export type ListStyleType = "disc" | "circle" | "square" | "decimal" | "georgian" | "trad-chinese-informal" | "kannada";
+export interface ListProps extends DOMProps, RefAttributes<ListElementType> {
+    children?: ReactNode;
+    isOrdered?: boolean;
+    isReversed?: boolean;
+    start?: number;
+    liststyletype?: ListStyleType;
+    icon?: ReactNode;
+    className?: string;
+}
+export type ListRef = Ref<ListElementType>;
+declare const List: ForwardedRefComponent<ListProps, ListElementType>;
+export { List };

package/dist/cjs/components/List/List.stories.d.ts

@@ -0,0 +1,10 @@
+import type { Meta, StoryObj } from "@storybook/react";
+import { List } from ".";
+type StoryType = StoryObj<typeof List>;
+declare const meta: Meta<typeof List>;
+export declare const Unordered: StoryType;
+export declare const Ordered: StoryType;
+export declare const StartingFromASpecificNumber: StoryType;
+export declare const Reversed: StoryType;
+export declare const WithCustomIcons: StoryType;
+export default meta;

package/dist/cjs/components/List/List.stories.js

@@ -0,0 +1,82 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.WithCustomIcons = exports.Reversed = exports.StartingFromASpecificNumber = exports.Ordered = exports.Unordered = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const icons_1 = require("@simplybusiness/icons");
+const index_1 = require("../index");
+const _1 = require(".");
+const utils_1 = require("../../utils");
+const meta = {
+    title: "Components/List",
+    component: _1.List,
+    argTypes: Object.assign({ liststyletype: {
+            control: { type: "radio" },
+            if: {
+                arg: "isOrdered",
+                truthy: false,
+            },
+        }, isReversed: {
+            if: {
+                arg: "isOrdered",
+            },
+        }, start: {
+            if: {
+                arg: "isOrdered",
+            },
+        } }, (0, utils_1.excludeControls)("icon")),
+};
+exports.Unordered = {
+    render: (args) => ((0, jsx_runtime_1.jsxs)(_1.List, Object.assign({}, args, { children: [(0, jsx_runtime_1.jsx)(_1.ListItem, { children: "Foo" }), (0, jsx_runtime_1.jsx)(_1.ListItem, { children: "Bar" }), (0, jsx_runtime_1.jsx)(_1.ListItem, { children: "Baz" })] }))),
+    args: {
+        isOrdered: false,
+        isReversed: false,
+        liststyletype: "disc",
+    },
+};
+exports.Ordered = {
+    render: (args) => ((0, jsx_runtime_1.jsxs)(_1.List, Object.assign({}, args, { children: [(0, jsx_runtime_1.jsx)(_1.ListItem, { children: "Foo" }), (0, jsx_runtime_1.jsx)(_1.ListItem, { children: "Bar" }), (0, jsx_runtime_1.jsx)(_1.ListItem, { children: "Baz" })] }))),
+    args: {
+        isOrdered: true,
+        isReversed: false,
+        start: 1,
+    },
+};
+exports.StartingFromASpecificNumber = {
+    render: (args) => ((0, jsx_runtime_1.jsxs)(_1.List, Object.assign({}, args, { children: [(0, jsx_runtime_1.jsx)(_1.ListItem, { children: "Foo" }), (0, jsx_runtime_1.jsx)(_1.ListItem, { children: "Bar" }), (0, jsx_runtime_1.jsx)(_1.ListItem, { children: "Baz" })] }))),
+    args: {
+        isOrdered: true,
+        start: 12,
+        isReversed: false,
+    },
+    parameters: {
+        controls: {
+            exclude: ["liststyletype"],
+        },
+    },
+};
+exports.Reversed = {
+    render: (args) => ((0, jsx_runtime_1.jsxs)(_1.List, Object.assign({}, args, { children: [(0, jsx_runtime_1.jsx)(_1.ListItem, { children: "Foo" }), (0, jsx_runtime_1.jsx)(_1.ListItem, { children: "Bar" }), (0, jsx_runtime_1.jsx)(_1.ListItem, { children: "Baz" })] }))),
+    args: {
+        isOrdered: true,
+        isReversed: true,
+        start: 3,
+    },
+    parameters: {
+        controls: {
+            exclude: ["liststyletype"],
+        },
+    },
+};
+exports.WithCustomIcons = {
+    render: (args) => ((0, jsx_runtime_1.jsxs)(_1.List, Object.assign({}, args, { children: [(0, jsx_runtime_1.jsx)(_1.ListItem, { children: (0, jsx_runtime_1.jsx)(index_1.Text, { variant: "body", spacing: "tight", children: "Morbi eget sapien nulla. Mauris sodales est vel ullamcorper efficitur. Nam lobortis metus et ultricies imperdiet. Phasellus at sapien pharetra, commodo lorem eu, malesuada dui. Curabitur vulputate massa nec massa blandit, auctor elementum dolor ultricies." }) }), (0, jsx_runtime_1.jsx)(_1.ListItem, { icon: (0, jsx_runtime_1.jsx)(index_1.Icon, { icon: icons_1.cross, color: "red" }), children: "Etiam feugiat neque vel nulla semper ultrices. Phasellus lobortis nisl id mollis malesuada. Suspendisse ut porttitor purus. Praesent ornare felis a mattis pharetra. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Donec venenatis tristique condimentum." }), (0, jsx_runtime_1.jsx)(_1.ListItem, { children: "Nunc at turpis iaculis, finibus tellus eget, tempus mi. Vestibulum eget egestas mauris, non porttitor nisl. Nam a facilisis sem. Interdum et malesuada fames ac ante ipsum primis in faucibus. Suspendisse sit amet neque tempor, vestibulum eros ut, vulputate quam." })] }))),
+    args: {
+        icon: (0, jsx_runtime_1.jsx)(index_1.Icon, { icon: icons_1.tick, color: "green" }),
+    },
+    parameters: {
+        controls: {
+            exclude: ["isOrdered", "liststyletype"],
+        },
+    },
+};
+exports.default = meta;
+//# sourceMappingURL=List.stories.js.map

package/dist/cjs/components/List/List.stories.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"List.stories.js","sourceRoot":"","sources":["../../../../src/components/List/List.stories.tsx"],"names":[],"mappings":";;;;AACA,iDAAoD;AACpD,oCAAsC;AACtC,wBAA8C;AAC9C,uCAA8C;AAI9C,MAAM,IAAI,GAAsB;IAC9B,KAAK,EAAE,iBAAiB;IACxB,SAAS,EAAE,OAAI;IACf,QAAQ,kBACN,aAAa,EAAE;YACb,OAAO,EAAE,EAAE,IAAI,EAAE,OAAO,EAAE;YAC1B,EAAE,EAAE;gBACF,GAAG,EAAE,WAAW;gBAChB,MAAM,EAAE,KAAK;aACd;SACF,EACD,UAAU,EAAE;YACV,EAAE,EAAE;gBACF,GAAG,EAAE,WAAW;aACjB;SACF,EACD,KAAK,EAAE;YACL,EAAE,EAAE;gBACF,GAAG,EAAE,WAAW;aACjB;SACF,IACE,IAAA,uBAAe,EAAC,MAAM,CAAC,CAC3B;CACF,CAAC;AAEW,QAAA,SAAS,GAAc;IAClC,MAAM,EAAE,CAAC,IAAe,EAAE,EAAE,CAAC,CAC3B,wBAAC,OAAI,oBAAK,IAAI,eACZ,uBAAC,WAAQ,sBAAe,EACxB,uBAAC,WAAQ,sBAAe,EACxB,uBAAC,WAAQ,sBAAe,KACnB,CACR;IACD,IAAI,EAAE;QACJ,SAAS,EAAE,KAAK;QAChB,UAAU,EAAE,KAAK;QACjB,aAAa,EAAE,MAAM;KACtB;CACF,CAAC;AAEW,QAAA,OAAO,GAAc;IAChC,MAAM,EAAE,CAAC,IAAe,EAAE,EAAE,CAAC,CAC3B,wBAAC,OAAI,oBAAK,IAAI,eACZ,uBAAC,WAAQ,sBAAe,EACxB,uBAAC,WAAQ,sBAAe,EACxB,uBAAC,WAAQ,sBAAe,KACnB,CACR;IACD,IAAI,EAAE;QACJ,SAAS,EAAE,IAAI;QACf,UAAU,EAAE,KAAK;QACjB,KAAK,EAAE,CAAC;KACT;CACF,CAAC;AAEW,QAAA,2BAA2B,GAAc;IACpD,MAAM,EAAE,CAAC,IAAe,EAAE,EAAE,CAAC,CAC3B,wBAAC,OAAI,oBAAK,IAAI,eACZ,uBAAC,WAAQ,sBAAe,EACxB,uBAAC,WAAQ,sBAAe,EACxB,uBAAC,WAAQ,sBAAe,KACnB,CACR;IACD,IAAI,EAAE;QACJ,SAAS,EAAE,IAAI;QACf,KAAK,EAAE,EAAE;QACT,UAAU,EAAE,KAAK;KAClB;IACD,UAAU,EAAE;QACV,QAAQ,EAAE;YACR,OAAO,EAAE,CAAC,eAAe,CAAC;SAC3B;KACF;CACF,CAAC;AAEW,QAAA,QAAQ,GAAc;IACjC,MAAM,EAAE,CAAC,IAAe,EAAE,EAAE,CAAC,CAC3B,wBAAC,OAAI,oBAAK,IAAI,eACZ,uBAAC,WAAQ,sBAAe,EACxB,uBAAC,WAAQ,sBAAe,EACxB,uBAAC,WAAQ,sBAAe,KACnB,CACR;IACD,IAAI,EAAE;QACJ,SAAS,EAAE,IAAI;QACf,UAAU,EAAE,IAAI;QAChB,KAAK,EAAE,CAAC;KACT;IACD,UAAU,EAAE;QACV,QAAQ,EAAE;YACR,OAAO,EAAE,CAAC,eAAe,CAAC;SAC3B;KACF;CACF,CAAC;AAEW,QAAA,eAAe,GAAc;IACxC,MAAM,EAAE,CAAC,IAAe,EAAE,EAAE,CAAC,CAC3B,wBAAC,OAAI,oBAAK,IAAI,eACZ,uBAAC,WAAQ,cACP,uBAAC,YAAI,IAAC,OAAO,EAAC,MAAM,EAAC,OAAO,EAAC,OAAO,gRAK7B,GACE,EACX,uBAAC,WAAQ,IAAC,IAAI,EAAE,uBAAC,YAAI,IAAC,IAAI,EAAE,aAAK,EAAE,KAAK,EAAC,KAAK,GAAG,0TAMtC,EACX,uBAAC,WAAQ,wRAKE,KACN,CACR;IACD,IAAI,EAAE;QACJ,IAAI,EAAE,uBAAC,YAAI,IAAC,IAAI,EAAE,YAAI,EAAE,KAAK,EAAC,OAAO,GAAG;KACzC;IACD,UAAU,EAAE;QACV,QAAQ,EAAE;YACR,OAAO,EAAE,CAAC,WAAW,EAAE,eAAe,CAAC;SACxC;KACF;CACF,CAAC;AAEF,kBAAe,IAAI,CAAC"}

package/dist/cjs/components/List/List.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/cjs/components/List/List.test.js

@@ -0,0 +1,95 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("@testing-library/react");
+const _1 = require(".");
+const LIST_CLASS_NAME = "mobius/List";
+const ITEM_CLASS_NAME = "mobius/ListItem";
+const ICON_CLASS_NAME = "--has-icon";
+const ITEM_CONTENT_CLASSNAME = "mobius/ListItemContent";
+const LIST_ICON_CLASS_NAME = "mobius/ListIcon";
+describe("List", () => {
+    it("should render without errors", () => {
+        (0, react_1.render)((0, jsx_runtime_1.jsx)(_1.List, { children: "Sample text" }));
+    });
+    it("renders an unordered list of items", () => {
+        (0, react_1.render)((0, jsx_runtime_1.jsxs)(_1.List, { "data-testid": "test", children: [(0, jsx_runtime_1.jsx)(_1.ListItem, { children: "One" }), (0, jsx_runtime_1.jsx)(_1.ListItem, { children: "Two" })] }));
+        const list = react_1.screen.getByTestId("test").closest("ul");
+        expect(list).toBeTruthy();
+        expect(list === null || list === void 0 ? void 0 : list.childNodes.length).toEqual(2);
+    });
+    it("renders an ordered list of items", () => {
+        (0, react_1.render)((0, jsx_runtime_1.jsxs)(_1.List, { isOrdered: true, "data-testid": "test", children: [(0, jsx_runtime_1.jsx)(_1.ListItem, { children: "One" }), (0, jsx_runtime_1.jsx)(_1.ListItem, { children: "Two" })] }));
+        const unorderedList = react_1.screen.getByTestId("test").closest("ul");
+        const orderedList = react_1.screen.getByTestId("test").closest("ol");
+        expect(unorderedList).not.toBeTruthy();
+        expect(orderedList).toBeTruthy();
+        expect(orderedList === null || orderedList === void 0 ? void 0 : orderedList.childNodes.length).toEqual(2);
+    });
+    it("renders a reversed list of items", () => {
+        (0, react_1.render)((0, jsx_runtime_1.jsxs)(_1.List, { isOrdered: true, isReversed: true, children: [(0, jsx_runtime_1.jsx)(_1.ListItem, { children: "One" }), (0, jsx_runtime_1.jsx)(_1.ListItem, { children: "Two" })] }));
+        const list = react_1.screen.getByRole("list");
+        expect(list).toHaveAttribute("reversed", "");
+    });
+    it("renders list style", () => {
+        (0, react_1.render)((0, jsx_runtime_1.jsxs)(_1.List, { isOrdered: true, liststyletype: "disc", "data-testid": "test", children: [(0, jsx_runtime_1.jsx)(_1.ListItem, { children: "One" }), (0, jsx_runtime_1.jsx)(_1.ListItem, { children: "Two" })] }));
+        expect(react_1.screen.getByTestId("test").closest("ol")).not.toHaveAttribute("liststyletype", "disc");
+    });
+    describe("given the liststyletype prop is set", () => {
+        it.each([
+            "disc",
+            "circle",
+            "square",
+            "decimal",
+            "georgian",
+            "trad-chinese-informal",
+            "kannada",
+        ])("it should render with --is-%s class name", liststyletype => {
+            const { container } = (0, react_1.render)((0, jsx_runtime_1.jsxs)(_1.List, { isOrdered: true, liststyletype: liststyletype, children: [(0, jsx_runtime_1.jsx)(_1.ListItem, { children: "One" }), (0, jsx_runtime_1.jsx)(_1.ListItem, { children: "Two" })] }));
+            expect(container.firstChild).toHaveClass(`--is-${liststyletype}`);
+        });
+    });
+    it("renders list with custom icons", () => {
+        (0, react_1.render)((0, jsx_runtime_1.jsxs)(_1.List, { icon: "\u2705", children: [(0, jsx_runtime_1.jsx)(_1.ListItem, { children: "One" }), (0, jsx_runtime_1.jsx)(_1.ListItem, { children: "Two" }), (0, jsx_runtime_1.jsx)(_1.ListItem, { icon: "\u26A0\uFE0F", children: "Three" }), (0, jsx_runtime_1.jsx)(_1.ListItem, { children: "Four" }), (0, jsx_runtime_1.jsx)(_1.ListItem, { icon: "\u274C", children: "Five" }), (0, jsx_runtime_1.jsx)(_1.ListItem, { children: "Six" })] }));
+        expect(react_1.screen.queryAllByText("✅")).toHaveLength(4);
+        expect(react_1.screen.queryAllByText("⚠️")).toHaveLength(1);
+        expect(react_1.screen.queryAllByText("❌")).toHaveLength(1);
+    });
+    describe("uses correct class names", () => {
+        it("uses Mobius class", () => {
+            (0, react_1.render)((0, jsx_runtime_1.jsx)(_1.List, { "data-testid": "test", children: "Sample text" }));
+            expect(react_1.screen.getByTestId("test")).toHaveClass("mobius");
+        });
+        it("uses base Mobius class", () => {
+            (0, react_1.render)((0, jsx_runtime_1.jsx)(_1.List, { "data-testid": "test", children: "Sample text" }));
+            expect(react_1.screen.getByTestId("test")).toHaveClass(LIST_CLASS_NAME);
+        });
+        it("includes custom class name", () => {
+            (0, react_1.render)((0, jsx_runtime_1.jsx)(_1.List, { className: "my-class", "data-testid": "test", children: "Sample Text" }));
+            expect(react_1.screen.getByTestId("test")).toHaveClass("my-class");
+            expect(react_1.screen.getByTestId("test")).toHaveClass(LIST_CLASS_NAME);
+        });
+        it("uses base Mobius class for list items", () => {
+            (0, react_1.render)((0, jsx_runtime_1.jsxs)(_1.List, { isOrdered: true, "data-testid": "test", children: [(0, jsx_runtime_1.jsx)(_1.ListItem, { children: "One" }), (0, jsx_runtime_1.jsx)(_1.ListItem, { children: "Two" })] }));
+            const orderedList = react_1.screen.getByTestId("test").closest("ol");
+            expect(orderedList === null || orderedList === void 0 ? void 0 : orderedList.childNodes[0]).toHaveClass(ITEM_CLASS_NAME);
+            expect(orderedList === null || orderedList === void 0 ? void 0 : orderedList.childNodes[1]).toHaveClass(ITEM_CLASS_NAME);
+        });
+        it("includes custom class names for list items", () => {
+            (0, react_1.render)((0, jsx_runtime_1.jsxs)(_1.List, { isOrdered: true, "data-testid": "test", children: [(0, jsx_runtime_1.jsx)(_1.ListItem, { className: "item-1", children: "One" }), (0, jsx_runtime_1.jsx)(_1.ListItem, { className: "item-2", children: "Two" })] }));
+            const orderedList = react_1.screen.getByTestId("test").closest("ol");
+            expect(orderedList === null || orderedList === void 0 ? void 0 : orderedList.childNodes[0]).toHaveClass(ITEM_CLASS_NAME);
+            expect(orderedList === null || orderedList === void 0 ? void 0 : orderedList.childNodes[0]).toHaveClass("item-1");
+            expect(orderedList === null || orderedList === void 0 ? void 0 : orderedList.childNodes[1]).toHaveClass(ITEM_CLASS_NAME);
+            expect(orderedList === null || orderedList === void 0 ? void 0 : orderedList.childNodes[1]).toHaveClass("item-2");
+        });
+        it("includes custom class name when icon prop is provided", () => {
+            (0, react_1.render)((0, jsx_runtime_1.jsx)(_1.List, { icon: "\u2705", children: (0, jsx_runtime_1.jsx)(_1.ListItem, { children: "One" }) }));
+            expect(react_1.screen.getByRole("list")).toHaveClass(ICON_CLASS_NAME);
+            expect(react_1.screen.getByRole("listitem")).toHaveClass(ICON_CLASS_NAME);
+            expect(react_1.screen.getByRole("listitem").firstChild).toHaveClass(ITEM_CONTENT_CLASSNAME);
+            expect(react_1.screen.getByText("✅")).toHaveClass(LIST_ICON_CLASS_NAME);
+        });
+    });
+});
+//# sourceMappingURL=List.test.js.map