@simplybusiness/mobius 4.3.2 → 4.3.3

package/CHANGELOG.md

@@ -1,5 +1,11 @@
 # Changelog
 
+## 4.3.3
+
+### Patch Changes
+
+- a572d54: Fix `<Icon>` server-side rendering
+
 ## 4.3.2
 
 ### Patch Changes

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

@@ -0,0 +1,34 @@
+import { ReactNode, Ref, RefAttributes } from "react";
+import { ForwardedRefComponent } from "../../types/components";
+import { DOMProps } from "../../types/dom";
+export type AccordionElementType = HTMLDivElement;
+export type AccordionRef = Ref<AccordionElementType>;
+export interface AccordionLinkProps extends DOMProps {
+    /** Link text to show accordion content */
+    text?: string;
+    onClick?: () => void;
+    toggle: () => void;
+    headerChildren?: ReactNode;
+    ariaExpanded: boolean | undefined;
+}
+export interface AccordionProps extends DOMProps, RefAttributes<AccordionElementType> {
+    /** Custom class name for setting specific CSS */
+    className?: string;
+    /** Link text to show accordion content */
+    showText?: string;
+    /** Link text to hide accordion content */
+    hideText?: string;
+    /** Whether header is above or below content */
+    headerPosition?: "top" | "bottom";
+    /** Whether to expand the accordion initially */
+    startOpen?: boolean | undefined;
+    /** Callback that fires each time the accordion is opened */
+    onOpen?: () => void;
+    /** Callback that fires each time the accordion is closed */
+    onClose?: () => void;
+    /** Callback that fires each time the accordion state changes */
+    onChange?: (state: boolean) => void;
+    children?: ReactNode;
+    headerChildren?: ReactNode;
+}
+export declare const Accordion: ForwardedRefComponent<AccordionProps, AccordionElementType>;

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

@@ -0,0 +1,10 @@
+import type { Meta, StoryObj } from "@storybook/react";
+import { Accordion } from "..";
+type StoryType = StoryObj<typeof Accordion>;
+declare const meta: Meta<typeof Accordion>;
+export declare const Normal: StoryType;
+export declare const StartExpanded: StoryType;
+export declare const BottomHeader: StoryType;
+export declare const WithChildren: StoryType;
+export declare const ComplexContent: StoryType;
+export default meta;

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

@@ -0,0 +1,62 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ComplexContent = exports.WithChildren = exports.BottomHeader = exports.StartExpanded = exports.Normal = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const __1 = require("..");
+const utils_1 = require("../../utils");
+const meta = {
+    title: "Components/Accordion",
+    component: __1.Accordion,
+    argTypes: (0, utils_1.excludeControls)("headerChildren"),
+    decorators: [
+        Story => ((0, jsx_runtime_1.jsx)("div", { style: { minHeight: 150 }, children: (0, jsx_runtime_1.jsx)(Story, {}) })),
+    ],
+};
+exports.Normal = {
+    render: (args) => ((0, jsx_runtime_1.jsxs)(__1.Accordion, Object.assign({}, args, { children: [(0, jsx_runtime_1.jsx)("p", { children: "Lorem ipsum dolor, sit amet consectetur adipisicing elit. Sequi repellendus deleniti architecto" }), (0, jsx_runtime_1.jsx)("p", { children: "Lorem ipsum dolor, sit amet consectetur adipisicing elit. Sequi repellendus deleniti architecto" })] }))),
+    args: {
+        showText: "See more",
+        hideText: "See less",
+        headerPosition: "top",
+        startOpen: false,
+    },
+};
+exports.StartExpanded = {
+    render: (args) => ((0, jsx_runtime_1.jsx)(__1.Accordion, Object.assign({}, args, { children: (0, jsx_runtime_1.jsx)("p", { children: "Lorem ipsum dolor, sit amet consectetur adipisicing elit. Sequi repellendus deleniti architecto" }) }))),
+    args: {
+        showText: "See more",
+        hideText: "See less",
+        headerPosition: "top",
+        startOpen: true,
+    },
+};
+exports.BottomHeader = {
+    render: (args) => ((0, jsx_runtime_1.jsx)(__1.Accordion, Object.assign({}, args, { children: (0, jsx_runtime_1.jsx)("p", { children: "Lorem ipsum dolor, sit amet consectetur adipisicing elit. Sequi repellendus deleniti architecto" }) }))),
+    args: {
+        showText: "See more",
+        hideText: "See less",
+        headerPosition: "bottom",
+        startOpen: false,
+    },
+};
+exports.WithChildren = {
+    render: (args) => ((0, jsx_runtime_1.jsx)(__1.Accordion, Object.assign({}, args, { children: (0, jsx_runtime_1.jsx)("p", { children: "Lorem ipsum dolor, sit amet consectetur adipisicing elit. Sequi repellendus deleniti architecto" }) }))),
+    args: {
+        showText: "See more",
+        hideText: "See less",
+        headerPosition: "top",
+        headerChildren: (0, jsx_runtime_1.jsx)(__1.Button, { children: "Go" }),
+        startOpen: false,
+    },
+};
+exports.ComplexContent = {
+    render: (args) => ((0, jsx_runtime_1.jsx)(__1.Accordion, Object.assign({}, args, { children: (0, jsx_runtime_1.jsxs)(__1.SegmentGroup, { children: [(0, jsx_runtime_1.jsx)(__1.Segment, { children: "Lorem ipsum dolor, sit amet consectetur adipisicing elit. Sequi repellendus deleniti architecto" }), (0, jsx_runtime_1.jsx)(__1.Segment, { children: "Lorem ipsum dolor, sit amet consectetur adipisicing elit. Sequi repellendus deleniti architecto" })] }) }))),
+    args: {
+        showText: "See more",
+        hideText: "See less",
+        headerPosition: "top",
+        startOpen: false,
+    },
+};
+exports.default = meta;
+//# sourceMappingURL=Accordion.stories.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Accordion.stories.js","sourceRoot":"","sources":["../../../../src/components/Accordion/Accordion.stories.tsx"],"names":[],"mappings":";;;;AACA,0BAA8E;AAC9E,uCAA8C;AAI9C,MAAM,IAAI,GAA2B;IACnC,KAAK,EAAE,sBAAsB;IAC7B,SAAS,EAAE,aAAS;IACpB,QAAQ,EAAE,IAAA,uBAAe,EAAC,gBAAgB,CAAC;IAC3C,UAAU,EAAE;QACV,KAAK,CAAC,EAAE,CAAC,CACP,gCAAK,KAAK,EAAE,EAAE,SAAS,EAAE,GAAG,EAAE,YAC5B,uBAAC,KAAK,KAAG,GACL,CACP;KACF;CACF,CAAC;AAEW,QAAA,MAAM,GAAc;IAC/B,MAAM,EAAE,CAAC,IAAoB,EAAE,EAAE,CAAC,CAChC,wBAAC,aAAS,oBAAK,IAAI,eACjB,4IAGI,EACJ,4IAGI,KACM,CACb;IACD,IAAI,EAAE;QACJ,QAAQ,EAAE,UAAU;QACpB,QAAQ,EAAE,UAAU;QACpB,cAAc,EAAE,KAAK;QACrB,SAAS,EAAE,KAAK;KACjB;CACF,CAAC;AAEW,QAAA,aAAa,GAAc;IACtC,MAAM,EAAE,CAAC,IAAoB,EAAE,EAAE,CAAC,CAChC,uBAAC,aAAS,oBAAK,IAAI,cACjB,4IAGI,IACM,CACb;IACD,IAAI,EAAE;QACJ,QAAQ,EAAE,UAAU;QACpB,QAAQ,EAAE,UAAU;QACpB,cAAc,EAAE,KAAK;QACrB,SAAS,EAAE,IAAI;KAChB;CACF,CAAC;AAEW,QAAA,YAAY,GAAc;IACrC,MAAM,EAAE,CAAC,IAAoB,EAAE,EAAE,CAAC,CAChC,uBAAC,aAAS,oBAAK,IAAI,cACjB,4IAGI,IACM,CACb;IACD,IAAI,EAAE;QACJ,QAAQ,EAAE,UAAU;QACpB,QAAQ,EAAE,UAAU;QACpB,cAAc,EAAE,QAAQ;QACxB,SAAS,EAAE,KAAK;KACjB;CACF,CAAC;AAEW,QAAA,YAAY,GAAc;IACrC,MAAM,EAAE,CAAC,IAAoB,EAAE,EAAE,CAAC,CAChC,uBAAC,aAAS,oBAAK,IAAI,cACjB,4IAGI,IACM,CACb;IACD,IAAI,EAAE;QACJ,QAAQ,EAAE,UAAU;QACpB,QAAQ,EAAE,UAAU;QACpB,cAAc,EAAE,KAAK;QACrB,cAAc,EAAE,uBAAC,UAAM,qBAAY;QACnC,SAAS,EAAE,KAAK;KACjB;CACF,CAAC;AAEW,QAAA,cAAc,GAAc;IACvC,MAAM,EAAE,CAAC,IAAoB,EAAE,EAAE,CAAC,CAChC,uBAAC,aAAS,oBAAK,IAAI,cACjB,wBAAC,gBAAY,eACX,uBAAC,WAAO,kHAGE,EACV,uBAAC,WAAO,kHAGE,IACG,IACL,CACb;IACD,IAAI,EAAE;QACJ,QAAQ,EAAE,UAAU;QACpB,QAAQ,EAAE,UAAU;QACpB,cAAc,EAAE,KAAK;QACrB,SAAS,EAAE,KAAK;KACjB;CACF,CAAC;AAEF,kBAAe,IAAI,CAAC"}

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

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

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

@@ -0,0 +1,191 @@
+"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 CONTAINER_CLASS_NAME = "mobius/Accordion";
+const CONTENT_CONTAINER_CLASS_NAME = "mobius/AccordionContentContainer";
+const HEADER_CLASS_NAME = "mobius/AccordionHeader";
+const LINK_CLASS_NAME = "mobius/AccordionLink";
+const OPEN_CLASS_NAME = "--is-open";
+const OPEN_TEXT = "See more";
+const CLOSE_TEXT = "See less";
+const mockMatchMedia = (matches) => {
+    Object.defineProperty(window, "matchMedia", {
+        writable: true,
+        configurable: true,
+        value: jest.fn().mockImplementation(query => ({
+            matches,
+            media: query,
+            onchange: null,
+            addListener: jest.fn(),
+            removeListener: jest.fn(),
+            addEventListener: jest.fn(),
+            removeEventListener: jest.fn(),
+            dispatchEvent: jest.fn(),
+        })),
+    });
+};
+describe("Accordion", () => {
+    beforeEach(() => {
+        mockMatchMedia(true);
+    });
+    it("should render without errors", () => {
+        const component = (0, react_1.render)((0, jsx_runtime_1.jsx)(_1.Accordion, { children: "test" }));
+        expect(component).toBeTruthy();
+    });
+    it("should open when clicked", () => {
+        const { container } = (0, react_1.render)((0, jsx_runtime_1.jsx)(_1.Accordion, { children: "test content" }));
+        const toggle = react_1.screen.getByText(OPEN_TEXT);
+        const accordionContainer = container.firstChild;
+        expect(accordionContainer).not.toHaveClass(OPEN_CLASS_NAME);
+        expect(toggle).toBeInTheDocument();
+        react_1.fireEvent.click(toggle);
+        expect(accordionContainer).toHaveClass(OPEN_CLASS_NAME);
+        expect(react_1.screen.getByText(CLOSE_TEXT)).toBeInTheDocument();
+        react_1.fireEvent.click(toggle);
+        expect(accordionContainer).not.toHaveClass(OPEN_CLASS_NAME);
+        expect(toggle).toBeInTheDocument();
+    });
+    it("should render chevron after link", () => {
+        (0, react_1.render)((0, jsx_runtime_1.jsx)(_1.Accordion, { children: "test" }));
+        const toggle = react_1.screen.getByRole("button");
+        expect(toggle.firstChild).toHaveTextContent(OPEN_TEXT);
+        expect(toggle.lastChild).toHaveAttribute("data-icon", "chevron-down");
+    });
+    describe("when headerPosition is set to top", () => {
+        it("renders the toggle above all other content", () => {
+            const { container } = (0, react_1.render)((0, jsx_runtime_1.jsx)(_1.Accordion, { headerPosition: "top", children: "test content" }));
+            const accordion = container.firstChild;
+            expect(accordion === null || accordion === void 0 ? void 0 : accordion.firstChild).toHaveClass(LINK_CLASS_NAME);
+            expect(accordion === null || accordion === void 0 ? void 0 : accordion.lastChild).toHaveClass(CONTENT_CONTAINER_CLASS_NAME);
+        });
+    });
+    describe("when headerPosition is set to bottom", () => {
+        it("renders the toggle underneath all other content", () => {
+            const { container } = (0, react_1.render)((0, jsx_runtime_1.jsx)(_1.Accordion, { headerPosition: "bottom", children: "test content" }));
+            const accordion = container.firstChild;
+            expect(accordion === null || accordion === void 0 ? void 0 : accordion.firstChild).toHaveClass(CONTENT_CONTAINER_CLASS_NAME);
+            expect(accordion === null || accordion === void 0 ? void 0 : accordion.lastChild).toHaveClass(LINK_CLASS_NAME);
+        });
+    });
+    it("respects startOpen prop and is expanded", () => {
+        (0, react_1.render)((0, jsx_runtime_1.jsx)(_1.Accordion, { startOpen: true, children: "test content" }));
+        expect(react_1.screen.getByText(CLOSE_TEXT)).toBeInTheDocument();
+    });
+    describe("uses correct class names", () => {
+        it("uses mobius class", () => {
+            const { container } = (0, react_1.render)((0, jsx_runtime_1.jsx)(_1.Accordion, { children: "test content" }));
+            expect(container.firstChild).toHaveClass("mobius");
+        });
+        it("uses base Mobius class", () => {
+            const { container } = (0, react_1.render)((0, jsx_runtime_1.jsx)(_1.Accordion, { children: "Sample text" }));
+            expect(container.firstChild).toHaveClass(CONTAINER_CLASS_NAME);
+        });
+        it("includes custom class name", () => {
+            const customClassName = "my-class";
+            const { container } = (0, react_1.render)((0, jsx_runtime_1.jsx)(_1.Accordion, { className: customClassName, children: "Sample Text" }));
+            expect(container.firstChild).toHaveClass(customClassName);
+            expect(container.firstChild).toHaveClass(CONTAINER_CLASS_NAME);
+        });
+    });
+    describe("given headerChildren prop has content", () => {
+        it("renders the content", () => {
+            const buttonText = "Go";
+            const { container } = (0, react_1.render)((0, jsx_runtime_1.jsx)(_1.Accordion, { headerChildren: (0, jsx_runtime_1.jsx)("button", { type: "button", children: buttonText }), children: "Sample Text" }));
+            const headerContainer = container.getElementsByClassName(HEADER_CLASS_NAME);
+            expect(react_1.screen.getByText(buttonText)).toBeInTheDocument();
+            expect(headerContainer).toHaveLength(1);
+        });
+    });
+    describe("given headerChildren is not defined", () => {
+        it("it does not render the header component", () => {
+            const { container } = (0, react_1.render)((0, jsx_runtime_1.jsx)(_1.Accordion, { children: "Sample Text" }));
+            const headerContainer = container.getElementsByClassName(HEADER_CLASS_NAME);
+            expect(headerContainer).toHaveLength(0);
+        });
+    });
+    it("renders with aria-expanded attribute", () => {
+        (0, react_1.render)((0, jsx_runtime_1.jsx)(_1.Accordion, { children: "Sample Text" }));
+        const button = react_1.screen.getByRole("button");
+        expect(button).toHaveAttribute("aria-expanded", "false");
+        react_1.fireEvent.click(button);
+        expect(button).toHaveAttribute("aria-expanded", "true");
+    });
+    describe("providing that startOpen prop changes over time", () => {
+        it("renders the correct state", () => {
+            const { rerender } = (0, react_1.render)((0, jsx_runtime_1.jsx)(_1.Accordion, { startOpen: true, children: "Sample Text" }));
+            const seeLess = react_1.screen.getByText(CLOSE_TEXT);
+            expect(seeLess).toBeInTheDocument();
+            rerender((0, jsx_runtime_1.jsx)(_1.Accordion, { startOpen: false, children: "Sample Text" }));
+            const seeMore = react_1.screen.getByText(OPEN_TEXT);
+            expect(seeMore).toBeInTheDocument();
+        });
+    });
+    describe("events", () => {
+        it("calls onChange when accordion is toggled", () => {
+            const onChange = jest.fn();
+            (0, react_1.render)((0, jsx_runtime_1.jsx)(_1.Accordion, { onChange: onChange, children: "Sample Text" }));
+            const button = react_1.screen.getByRole("button");
+            react_1.fireEvent.click(button);
+            expect(onChange).toHaveBeenCalledWith(true);
+            react_1.fireEvent.click(button);
+            expect(onChange).toHaveBeenCalledWith(false);
+        });
+        it("calls onOpen when accordion is opened", () => {
+            const onOpen = jest.fn();
+            const onClose = jest.fn();
+            (0, react_1.render)((0, jsx_runtime_1.jsx)(_1.Accordion, { onOpen: onOpen, onClose: onClose, children: "Sample Text" }));
+            const button = react_1.screen.getByRole("button");
+            react_1.fireEvent.click(button);
+            expect(onOpen).toHaveBeenCalled();
+            expect(onClose).not.toHaveBeenCalled();
+        });
+        it("calls onClose when accordion is closed", () => {
+            const onOpen = jest.fn();
+            const onClose = jest.fn();
+            (0, react_1.render)((0, jsx_runtime_1.jsx)(_1.Accordion, { startOpen: true, onOpen: onOpen, onClose: onClose, children: "Sample Text" }));
+            const button = react_1.screen.getByRole("button");
+            react_1.fireEvent.click(button);
+            expect(onClose).toHaveBeenCalled();
+            expect(onOpen).not.toHaveBeenCalled();
+        });
+    });
+    describe("given user prefers reduced motion", () => {
+        beforeEach(() => {
+            mockMatchMedia(false);
+        });
+        it("runs no animations", () => {
+            const { container } = (0, react_1.render)((0, jsx_runtime_1.jsx)(_1.Accordion, { children: "Sample Text" }));
+            expect(container.firstChild).not.toHaveClass("--should-animate");
+        });
+    });
+    describe("keyboard navigation", () => {
+        it("should open on Enter key", async () => {
+            const toggle = jest.fn();
+            (0, react_1.render)((0, jsx_runtime_1.jsx)(_1.Accordion, { onChange: toggle, children: "Sample text" }));
+            await user_event_1.default.tab();
+            await user_event_1.default.keyboard("[Enter]");
+            expect(toggle).toHaveBeenCalled();
+        });
+        it("should open on Space key", async () => {
+            const toggle = jest.fn();
+            (0, react_1.render)((0, jsx_runtime_1.jsx)(_1.Accordion, { onChange: toggle, children: "Sample text" }));
+            await user_event_1.default.tab();
+            await user_event_1.default.keyboard("[Space]");
+            expect(toggle).toHaveBeenCalled();
+        });
+        it("should not open on Tab key", async () => {
+            const toggle = jest.fn();
+            (0, react_1.render)((0, jsx_runtime_1.jsx)(_1.Accordion, { onChange: toggle, children: "Sample text" }));
+            await user_event_1.default.tab();
+            await user_event_1.default.tab();
+            expect(toggle).not.toHaveBeenCalled();
+        });
+    });
+});
+//# sourceMappingURL=Accordion.test.js.map

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

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

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

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

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

@@ -0,0 +1,16 @@
+import { Ref, RefAttributes, ReactNode } from "react";
+import { DOMProps } from "../../types/dom";
+import { ForwardedRefComponent } from "../../types/components";
+export type AlertElementType = HTMLDivElement;
+export interface AlertProps extends DOMProps, RefAttributes<AlertElementType> {
+    children?: ReactNode;
+    /** Custom class name for setting specific CSS */
+    className?: string;
+    elementType?: string | React.ElementType;
+    variant?: "info" | "success" | "warning" | "error";
+    show?: boolean;
+    header?: string;
+}
+export type AlertRef = Ref<AlertElementType>;
+declare const Alert: ForwardedRefComponent<AlertProps, AlertElementType>;
+export { Alert };

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

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

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

@@ -0,0 +1,37 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.WithHeader = exports.Normal = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const Alert_1 = require("./Alert");
+const meta = {
+    title: "Components/Alert",
+    component: Alert_1.Alert,
+    argTypes: {
+        variant: {
+            control: { type: "radio" },
+            options: ["info", "success", "warning", "error"],
+        },
+    },
+};
+exports.Normal = {
+    render: (args) => ((0, jsx_runtime_1.jsxs)(Alert_1.Alert, Object.assign({}, args, { children: ["Today is", " ", new Intl.DateTimeFormat("en-GB", {
+                dateStyle: "long",
+            }).format(new Date())] }))),
+    args: {
+        variant: "info",
+        show: true,
+        header: "",
+    },
+};
+exports.WithHeader = {
+    render: (args) => ((0, jsx_runtime_1.jsxs)(Alert_1.Alert, Object.assign({}, args, { children: ["Today is", " ", new Intl.DateTimeFormat("en-GB", {
+                dateStyle: "long",
+            }).format(new Date())] }))),
+    args: {
+        variant: "info",
+        show: true,
+        header: "Information",
+    },
+};
+exports.default = meta;
+//# sourceMappingURL=Alert.stories.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Alert.stories.js","sourceRoot":"","sources":["../../../../src/components/Alert/Alert.stories.tsx"],"names":[],"mappings":";;;;AACA,mCAA4C;AAI5C,MAAM,IAAI,GAAuB;IAC/B,KAAK,EAAE,kBAAkB;IACzB,SAAS,EAAE,aAAK;IAChB,QAAQ,EAAE;QACR,OAAO,EAAE;YACP,OAAO,EAAE,EAAE,IAAI,EAAE,OAAO,EAAE;YAC1B,OAAO,EAAE,CAAC,MAAM,EAAE,SAAS,EAAE,SAAS,EAAE,OAAO,CAAC;SACjD;KACF;CACF,CAAC;AAEW,QAAA,MAAM,GAAc;IAC/B,MAAM,EAAE,CAAC,IAAgB,EAAE,EAAE,CAAC,CAC5B,wBAAC,aAAK,oBAAK,IAAI,2BACJ,GAAG,EACX,IAAI,IAAI,CAAC,cAAc,CAAC,OAAO,EAAE;gBAChC,SAAS,EAAE,MAAM;aAClB,CAAC,CAAC,MAAM,CAAC,IAAI,IAAI,EAAE,CAAC,KACf,CACT;IACD,IAAI,EAAE;QACJ,OAAO,EAAE,MAAM;QACf,IAAI,EAAE,IAAI;QACV,MAAM,EAAE,EAAE;KACX;CACF,CAAC;AAEW,QAAA,UAAU,GAAc;IACnC,MAAM,EAAE,CAAC,IAAgB,EAAE,EAAE,CAAC,CAC5B,wBAAC,aAAK,oBAAK,IAAI,2BACJ,GAAG,EACX,IAAI,IAAI,CAAC,cAAc,CAAC,OAAO,EAAE;gBAChC,SAAS,EAAE,MAAM;aAClB,CAAC,CAAC,MAAM,CAAC,IAAI,IAAI,EAAE,CAAC,KACf,CACT;IACD,IAAI,EAAE;QACJ,OAAO,EAAE,MAAM;QACf,IAAI,EAAE,IAAI;QACV,MAAM,EAAE,aAAa;KACtB;CACF,CAAC;AAEF,kBAAe,IAAI,CAAC"}

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

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

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

@@ -0,0 +1,50 @@
+"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(".");
+describe("Alert", () => {
+    it("should render without errors", () => {
+        (0, react_1.render)((0, jsx_runtime_1.jsx)(_1.Alert, { children: "Sample text" }));
+        expect(react_1.screen.getByText("Sample text")).toBeInTheDocument();
+    });
+    describe("given elementType", () => {
+        it("is not applied as element attribute", () => {
+            const { container } = (0, react_1.render)((0, jsx_runtime_1.jsx)(_1.Alert, { elementType: "ul", children: "Sample text" }));
+            expect(container.firstChild).not.toHaveAttribute("elementtype", "ul");
+        });
+    });
+    describe("given the show prop is set to false", () => {
+        it("should not render", () => {
+            const { container } = (0, react_1.render)((0, jsx_runtime_1.jsx)(_1.Alert, { show: false, children: "Sample text" }));
+            expect(container).toBeEmptyDOMElement();
+        });
+    });
+    it("uses correct class name for info variant", () => {
+        const { container } = (0, react_1.render)((0, jsx_runtime_1.jsx)(_1.Alert, { variant: "info", children: "Sample text" }));
+        expect(container.firstChild).toHaveClass("--info");
+    });
+    it("uses correct class name for success variant", () => {
+        const { container } = (0, react_1.render)((0, jsx_runtime_1.jsx)(_1.Alert, { variant: "success", children: "Sample text" }));
+        expect(container.firstChild).toHaveClass("--success");
+    });
+    it("uses correct class name for warning variant", () => {
+        const { container } = (0, react_1.render)((0, jsx_runtime_1.jsx)(_1.Alert, { variant: "warning", children: "Sample text" }));
+        expect(container.firstChild).toHaveClass("--warning");
+    });
+    it("uses correct class name for error variant", () => {
+        const { container } = (0, react_1.render)((0, jsx_runtime_1.jsx)(_1.Alert, { variant: "error", children: "Sample text" }));
+        expect(container.firstChild).toHaveClass("--error");
+    });
+    describe("when header is defined", () => {
+        it("displays the header", () => {
+            (0, react_1.render)((0, jsx_runtime_1.jsx)(_1.Alert, { header: "Information", children: "Sample text" }));
+            expect(react_1.screen.getByText("Information")).toBeInTheDocument();
+        });
+        it("uses correct class name", () => {
+            const { container } = (0, react_1.render)((0, jsx_runtime_1.jsx)(_1.Alert, { header: "Information", children: "Sample text" }));
+            expect(container.firstChild).toHaveClass("--has-header");
+        });
+    });
+});
+//# sourceMappingURL=Alert.test.js.map

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

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

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

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

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

@@ -0,0 +1,15 @@
+import { Ref, RefAttributes, ReactNode } from "react";
+import { DOMProps } from "../../types/dom";
+import { ForwardedRefComponent } from "../../types/components";
+export type BoxElementType = HTMLDivElement;
+export interface BoxProps extends DOMProps, RefAttributes<BoxElementType> {
+    children?: ReactNode;
+    /** Custom class name for setting specific CSS */
+    className?: string;
+    /** HTML element for the Box */
+    elementType?: "div" | "span";
+    style?: React.CSSProperties;
+}
+export type BoxRef = Ref<BoxElementType>;
+declare const Box: ForwardedRefComponent<BoxProps, BoxElementType>;
+export { Box };

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

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

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

@@ -0,0 +1,24 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.CustomElement = exports.Normal = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const Box_1 = require("./Box");
+const Button_1 = require("../Button");
+const utils_1 = require("../../utils");
+const meta = {
+    title: "Layout/Box",
+    component: Box_1.Box,
+    argTypes: (0, utils_1.excludeControls)("style"),
+};
+exports.Normal = {
+    render: (args) => ((0, jsx_runtime_1.jsx)(Box_1.Box, Object.assign({}, args, { children: (0, jsx_runtime_1.jsx)(Button_1.Button, { children: "Click me" }) }))),
+};
+exports.CustomElement = {
+    render: (args) => (0, jsx_runtime_1.jsx)(Box_1.Box, Object.assign({}, args, { children: "This text is inside a span" })),
+    name: "Custom Element",
+    args: {
+        elementType: "span",
+    },
+};
+exports.default = meta;
+//# sourceMappingURL=Box.stories.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Box.stories.js","sourceRoot":"","sources":["../../../../src/components/Box/Box.stories.tsx"],"names":[],"mappings":";;;;AACA,+BAAsC;AACtC,sCAAmC;AACnC,uCAA8C;AAI9C,MAAM,IAAI,GAAqB;IAC7B,KAAK,EAAE,YAAY;IACnB,SAAS,EAAE,SAAG;IACd,QAAQ,EAAE,IAAA,uBAAe,EAAC,OAAO,CAAC;CACnC,CAAC;AAEW,QAAA,MAAM,GAAc;IAC/B,MAAM,EAAE,CAAC,IAAc,EAAE,EAAE,CAAC,CAC1B,uBAAC,SAAG,oBAAK,IAAI,cACX,uBAAC,eAAM,2BAAkB,IACrB,CACP;CACF,CAAC;AAEW,QAAA,aAAa,GAAc;IACtC,MAAM,EAAE,CAAC,IAAc,EAAE,EAAE,CAAC,uBAAC,SAAG,oBAAK,IAAI,8CAAkC;IAC3E,IAAI,EAAE,gBAAgB;IACtB,IAAI,EAAE;QACJ,WAAW,EAAE,MAAM;KACpB;CACF,CAAC;AAEF,kBAAe,IAAI,CAAC"}

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

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

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

@@ -0,0 +1,33 @@
+"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/Box";
+describe("Box", () => {
+    it("should render without errors", () => {
+        (0, react_1.render)((0, jsx_runtime_1.jsx)(_1.Box, { children: "Sample text" }));
+    });
+    describe("given elementType", () => {
+        it("is not applied as element attribute", () => {
+            const { container } = (0, react_1.render)((0, jsx_runtime_1.jsx)(_1.Box, { elementType: "span" }));
+            expect(container.firstChild).not.toHaveAttribute("elementtype", "span");
+        });
+    });
+    describe("uses correct class names", () => {
+        it("uses mobius class", () => {
+            const { container } = (0, react_1.render)((0, jsx_runtime_1.jsx)(_1.Box, { children: "Sample text" }));
+            expect(container.firstChild).toHaveClass("mobius");
+        });
+        it("uses base Mobius class", () => {
+            (0, react_1.render)((0, jsx_runtime_1.jsx)(_1.Box, { "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.Box, { 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=Box.test.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Box.test.js","sourceRoot":"","sources":["../../../../src/components/Box/Box.test.tsx"],"names":[],"mappings":";;;AAAA,kDAAwD;AACxD,wBAAwB;AAExB,MAAM,UAAU,GAAG,YAAY,CAAC;AAEhC,QAAQ,CAAC,KAAK,EAAE,GAAG,EAAE;IACnB,EAAE,CAAC,8BAA8B,EAAE,GAAG,EAAE;QACtC,IAAA,cAAM,EAAC,uBAAC,MAAG,8BAAkB,CAAC,CAAC;IACjC,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,EAAC,uBAAC,MAAG,IAAC,WAAW,EAAC,MAAM,GAAG,CAAC,CAAC;YACzD,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,MAAM,EAAE,SAAS,EAAE,GAAG,IAAA,cAAM,EAAC,uBAAC,MAAG,8BAAkB,CAAC,CAAC;YACrD,MAAM,CAAC,SAAS,CAAC,UAAU,CAAC,CAAC,WAAW,CAAC,QAAQ,CAAC,CAAC;QACrD,CAAC,CAAC,CAAC;QAEH,EAAE,CAAC,wBAAwB,EAAE,GAAG,EAAE;YAChC,IAAA,cAAM,EAAC,uBAAC,MAAG,mBAAa,MAAM,4BAAkB,CAAC,CAAC;YAClD,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,MAAG,IAAC,SAAS,EAAC,UAAU,iBAAa,MAAM,4BAEtC,CACP,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/Box/index.d.ts

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

package/dist/cjs/components/Breadcrumbs/BreadcrumbItem.d.ts

@@ -0,0 +1,15 @@
+import { Ref, ReactNode } from "react";
+import { DOMProps } from "../../types/dom";
+import { ForwardedRefComponent } from "../../types/components";
+export type BreadcrumbItemElementType = HTMLLIElement;
+export interface BreadcrumbItemProps extends DOMProps {
+    "aria-current"?: "page" | "step" | "location" | "date" | "time" | boolean | "true" | "false";
+    isDisabled?: boolean;
+    isCurrent?: boolean;
+    separator?: ReactNode;
+    className?: string;
+    children: ReactNode;
+}
+export type BreadcrumbItemRef = Ref<BreadcrumbItemElementType>;
+declare const BreadcrumbItem: ForwardedRefComponent<BreadcrumbItemProps, BreadcrumbItemElementType>;
+export { BreadcrumbItem };

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

@@ -0,0 +1,12 @@
+import { Ref, RefAttributes, ReactNode } from "react";
+import { ForwardedRefComponent } from "../../types/components";
+export type BreadcrumbsElementType = HTMLUListElement;
+export interface BreadcrumbsProps extends RefAttributes<BreadcrumbsElementType> {
+    /** Custom class name for setting specific CSS */
+    className?: string;
+    children?: ReactNode;
+    "aria-label"?: string;
+}
+export type BreadcrumbsRef = Ref<BreadcrumbsElementType>;
+declare const Breadcrumbs: ForwardedRefComponent<BreadcrumbsProps, BreadcrumbsElementType>;
+export { Breadcrumbs };

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

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