@simplybusiness/mobius 4.5.1 → 4.6.0

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

@@ -1,8 +0,0 @@
-import { Ref, RefAttributes } from "react";
-import { ForwardedRefComponent } from "../../types/components";
-import { IconProps } from "../Icon";
-export interface LoadingIndicatorProps extends RefAttributes<SVGSVGElement>, IconProps {
-}
-export type LoadingIndicatorRef = Ref<SVGSVGElement>;
-declare const LoadingIndicator: ForwardedRefComponent<LoadingIndicatorProps, SVGSVGElement>;
-export { LoadingIndicator };

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

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

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

@@ -1,53 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.WithCustomIcon = exports.WithCustomColour = exports.Large = exports.Normal = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const icons_1 = require("@simplybusiness/icons");
-const LoadingIndicator_1 = require("./LoadingIndicator");
-const iconOptions = { loading: icons_1.loading, refreshArrow: icons_1.refreshArrow, home: icons_1.home };
-const meta = {
-    title: "Components/LoadingIndicator",
-    component: LoadingIndicator_1.LoadingIndicator,
-    argTypes: {
-        icon: {
-            options: Object.keys(iconOptions),
-            mapping: iconOptions,
-            control: { type: "radio" },
-        },
-        color: {
-            options: ["darkcyan", "deeppink", "royalblue", "tomato"],
-            control: { type: "radio" },
-        },
-    },
-};
-exports.Normal = {
-    render: (args) => (0, jsx_runtime_1.jsx)(LoadingIndicator_1.LoadingIndicator, Object.assign({}, args)),
-    args: {
-        icon: icons_1.loading,
-        size: "md",
-    },
-};
-exports.Large = {
-    render: (args) => (0, jsx_runtime_1.jsx)(LoadingIndicator_1.LoadingIndicator, Object.assign({}, args)),
-    args: {
-        icon: icons_1.loading,
-        size: "lg",
-    },
-};
-exports.WithCustomColour = {
-    render: (args) => (0, jsx_runtime_1.jsx)(LoadingIndicator_1.LoadingIndicator, Object.assign({}, args)),
-    args: {
-        icon: icons_1.loading,
-        size: "md",
-        color: "tomato",
-    },
-};
-exports.WithCustomIcon = {
-    render: (args) => (0, jsx_runtime_1.jsx)(LoadingIndicator_1.LoadingIndicator, Object.assign({}, args)),
-    args: {
-        icon: icons_1.refreshArrow,
-        size: "md",
-    },
-};
-exports.default = meta;
-//# sourceMappingURL=LoadingIndicator.stories.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"LoadingIndicator.stories.js","sourceRoot":"","sources":["../../../../src/components/LoadingIndicator/LoadingIndicator.stories.tsx"],"names":[],"mappings":";;;;AAAA,iDAAoE;AAEpE,yDAA6E;AAE7E,MAAM,WAAW,GAAG,EAAE,OAAO,EAAP,eAAO,EAAE,YAAY,EAAZ,oBAAY,EAAE,IAAI,EAAJ,YAAI,EAAE,CAAC;AAIpD,MAAM,IAAI,GAAkC;IAC1C,KAAK,EAAE,6BAA6B;IACpC,SAAS,EAAE,mCAAgB;IAC3B,QAAQ,EAAE;QACR,IAAI,EAAE;YACJ,OAAO,EAAE,MAAM,CAAC,IAAI,CAAC,WAAW,CAAC;YACjC,OAAO,EAAE,WAAW;YACpB,OAAO,EAAE,EAAE,IAAI,EAAE,OAAO,EAAE;SAC3B;QACD,KAAK,EAAE;YACL,OAAO,EAAE,CAAC,UAAU,EAAE,UAAU,EAAE,WAAW,EAAE,QAAQ,CAAC;YACxD,OAAO,EAAE,EAAE,IAAI,EAAE,OAAO,EAAE;SAC3B;KACF;CACF,CAAC;AAEW,QAAA,MAAM,GAAc;IAC/B,MAAM,EAAE,CAAC,IAA2B,EAAE,EAAE,CAAC,uBAAC,mCAAgB,oBAAK,IAAI,EAAI;IACvE,IAAI,EAAE;QACJ,IAAI,EAAE,eAAO;QACb,IAAI,EAAE,IAAI;KACX;CACF,CAAC;AAEW,QAAA,KAAK,GAAc;IAC9B,MAAM,EAAE,CAAC,IAA2B,EAAE,EAAE,CAAC,uBAAC,mCAAgB,oBAAK,IAAI,EAAI;IACvE,IAAI,EAAE;QACJ,IAAI,EAAE,eAAO;QACb,IAAI,EAAE,IAAI;KACX;CACF,CAAC;AAEW,QAAA,gBAAgB,GAAc;IACzC,MAAM,EAAE,CAAC,IAA2B,EAAE,EAAE,CAAC,uBAAC,mCAAgB,oBAAK,IAAI,EAAI;IACvE,IAAI,EAAE;QACJ,IAAI,EAAE,eAAO;QACb,IAAI,EAAE,IAAI;QACV,KAAK,EAAE,QAAQ;KAChB;CACF,CAAC;AAEW,QAAA,cAAc,GAAc;IACvC,MAAM,EAAE,CAAC,IAA2B,EAAE,EAAE,CAAC,uBAAC,mCAAgB,oBAAK,IAAI,EAAI;IACvE,IAAI,EAAE;QACJ,IAAI,EAAE,oBAAY;QAClB,IAAI,EAAE,IAAI;KACX;CACF,CAAC;AAEF,kBAAe,IAAI,CAAC"}

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

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

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

@@ -1,29 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-const jsx_runtime_1 = require("react/jsx-runtime");
-/* eslint-disable no-restricted-syntax */
-const react_1 = require("@testing-library/react");
-const _1 = require(".");
-const CLASS_NAME = "mobius/LoadingIndicator";
-describe("Test for LoadingIndicator", () => {
-    it("should render the LoadingIndicator component", () => {
-        const { container } = (0, react_1.render)((0, jsx_runtime_1.jsx)(_1.LoadingIndicator, {}));
-        expect(container).toBeTruthy();
-    });
-    describe("uses correct class names", () => {
-        it("uses Mobius class", () => {
-            (0, react_1.render)((0, jsx_runtime_1.jsx)(_1.LoadingIndicator, { "data-testid": "test" }));
-            expect(react_1.screen.getByTestId("test")).toHaveClass("mobius");
-        });
-        it("uses base Mobius class", () => {
-            (0, react_1.render)((0, jsx_runtime_1.jsx)(_1.LoadingIndicator, { "data-testid": "test" }));
-            expect(react_1.screen.getByTestId("test")).toHaveClass(CLASS_NAME);
-        });
-        it("includes custom class name", () => {
-            (0, react_1.render)((0, jsx_runtime_1.jsx)(_1.LoadingIndicator, { "data-testid": "test", className: "my-class" }));
-            expect(react_1.screen.getByTestId("test")).toHaveClass("my-class");
-            expect(react_1.screen.getByTestId("test")).toHaveClass(CLASS_NAME);
-        });
-    });
-});
-//# sourceMappingURL=LoadingIndicator.test.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"LoadingIndicator.test.js","sourceRoot":"","sources":["../../../../src/components/LoadingIndicator/LoadingIndicator.test.tsx"],"names":[],"mappings":";;;AAAA,yCAAyC;AACzC,kDAAwD;AACxD,wBAAqC;AAErC,MAAM,UAAU,GAAG,yBAAyB,CAAC;AAE7C,QAAQ,CAAC,2BAA2B,EAAE,GAAG,EAAE;IACzC,EAAE,CAAC,8CAA8C,EAAE,GAAG,EAAE;QACtD,MAAM,EAAE,SAAS,EAAE,GAAG,IAAA,cAAM,EAAC,uBAAC,mBAAgB,KAAG,CAAC,CAAC;QACnD,MAAM,CAAC,SAAS,CAAC,CAAC,UAAU,EAAE,CAAC;IACjC,CAAC,CAAC,CAAC;IAEH,QAAQ,CAAC,0BAA0B,EAAE,GAAG,EAAE;QACxC,EAAE,CAAC,mBAAmB,EAAE,GAAG,EAAE;YAC3B,IAAA,cAAM,EAAC,uBAAC,mBAAgB,mBAAa,MAAM,GAAG,CAAC,CAAC;YAChD,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,mBAAgB,mBAAa,MAAM,GAAG,CAAC,CAAC;YAChD,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,EAAC,uBAAC,mBAAgB,mBAAa,MAAM,EAAC,SAAS,EAAC,UAAU,GAAG,CAAC,CAAC;YACrE,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/LoadingIndicator/index.d.ts

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

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

@@ -1,14 +0,0 @@
-import { Ref, RefAttributes } from "react";
-import { DOMProps } from "../../types/dom";
-import { ForwardedRefComponent } from "../../types/components";
-export type LogoElementType = SVGSVGElement;
-export interface LogoProps extends DOMProps, RefAttributes<LogoElementType> {
-    /** Custom class name for setting specific CSS */
-    className?: string;
-    /** Custom width. When defined along with height, it will scale proportionally */
-    width?: string;
-    /** Custom height. When defined along with width, it will scale proportionally */
-    height?: string;
-}
-export type LogoRef = Ref<LogoElementType>;
-export declare const Logo: ForwardedRefComponent<LogoProps, LogoElementType>;

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

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

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

@@ -1,22 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Normal = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const __1 = require("..");
-const utils_1 = require("../../utils");
-const meta = {
-    title: "Components/Logo",
-    component: __1.Logo,
-    argTypes: Object.assign({ width: {
-            control: "number",
-        } }, (0, utils_1.excludeControls)("height")),
-    args: {
-        width: "144",
-    },
-};
-exports.Normal = {
-    render: (args) => (0, jsx_runtime_1.jsx)(__1.Logo, Object.assign({}, args)),
-    args: {},
-};
-exports.default = meta;
-//# sourceMappingURL=Logo.stories.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"Logo.stories.js","sourceRoot":"","sources":["../../../../src/components/Logo/Logo.stories.tsx"],"names":[],"mappings":";;;;AACA,0BAAqC;AACrC,uCAA8C;AAI9C,MAAM,IAAI,GAAsB;IAC9B,KAAK,EAAE,iBAAiB;IACxB,SAAS,EAAE,QAAI;IACf,QAAQ,kBACN,KAAK,EAAE;YACL,OAAO,EAAE,QAAQ;SAClB,IACE,IAAA,uBAAe,EAAC,QAAQ,CAAC,CAC7B;IACD,IAAI,EAAE;QACJ,KAAK,EAAE,KAAK;KACb;CACF,CAAC;AAEW,QAAA,MAAM,GAAc;IAC/B,MAAM,EAAE,CAAC,IAAe,EAAE,EAAE,CAAC,uBAAC,QAAI,oBAAK,IAAI,EAAI;IAC/C,IAAI,EAAE,EAAE;CACT,CAAC;AAEF,kBAAe,IAAI,CAAC"}

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

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

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

@@ -1,25 +0,0 @@
-"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 MOBIUS_CLASS_NAME = "mobius";
-const LOGO_CLASS_NAME = "mobius/Logo";
-describe("Logo", () => {
-    it("should render without errors", () => {
-        (0, react_1.render)((0, jsx_runtime_1.jsx)(_1.Logo, {}));
-    });
-    describe("classes", () => {
-        it("should render with Mobius classes", () => {
-            const { container } = (0, react_1.render)((0, jsx_runtime_1.jsx)(_1.Logo, {}));
-            expect(container.firstChild).toHaveClass(MOBIUS_CLASS_NAME);
-            expect(container.firstChild).toHaveClass(LOGO_CLASS_NAME);
-        });
-        it("should pass custom class name", () => {
-            const customClassName = "custom-class-name";
-            const { container } = (0, react_1.render)((0, jsx_runtime_1.jsx)(_1.Logo, { className: customClassName }));
-            expect(container.firstChild).toHaveClass(customClassName);
-        });
-    });
-});
-//# sourceMappingURL=Logo.test.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"Logo.test.js","sourceRoot":"","sources":["../../../../src/components/Logo/Logo.test.tsx"],"names":[],"mappings":";;;AAAA,kDAAgD;AAChD,wBAAyB;AAEzB,MAAM,iBAAiB,GAAG,QAAQ,CAAC;AACnC,MAAM,eAAe,GAAG,aAAa,CAAC;AAEtC,QAAQ,CAAC,MAAM,EAAE,GAAG,EAAE;IACpB,EAAE,CAAC,8BAA8B,EAAE,GAAG,EAAE;QACtC,IAAA,cAAM,EAAC,uBAAC,OAAI,KAAG,CAAC,CAAC;IACnB,CAAC,CAAC,CAAC;IAEH,QAAQ,CAAC,SAAS,EAAE,GAAG,EAAE;QACvB,EAAE,CAAC,mCAAmC,EAAE,GAAG,EAAE;YAC3C,MAAM,EAAE,SAAS,EAAE,GAAG,IAAA,cAAM,EAAC,uBAAC,OAAI,KAAG,CAAC,CAAC;YAEvC,MAAM,CAAC,SAAS,CAAC,UAAU,CAAC,CAAC,WAAW,CAAC,iBAAiB,CAAC,CAAC;YAC5D,MAAM,CAAC,SAAS,CAAC,UAAU,CAAC,CAAC,WAAW,CAAC,eAAe,CAAC,CAAC;QAC5D,CAAC,CAAC,CAAC;QAEH,EAAE,CAAC,+BAA+B,EAAE,GAAG,EAAE;YACvC,MAAM,eAAe,GAAG,mBAAmB,CAAC;YAE5C,MAAM,EAAE,SAAS,EAAE,GAAG,IAAA,cAAM,EAAC,uBAAC,OAAI,IAAC,SAAS,EAAE,eAAe,GAAI,CAAC,CAAC;YAEnE,MAAM,CAAC,SAAS,CAAC,UAAU,CAAC,CAAC,WAAW,CAAC,eAAe,CAAC,CAAC;QAC5D,CAAC,CAAC,CAAC;IACL,CAAC,CAAC,CAAC;AACL,CAAC,CAAC,CAAC"}

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

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

package/dist/cjs/components/Modal/Content.d.ts

@@ -1,11 +0,0 @@
-import { ReactNode, Ref, RefAttributes } from "react";
-import { DOMProps } from "../../types/dom";
-export type DivRef = Ref<HTMLDivElement>;
-export type DivElementType = HTMLDivElement;
-export interface ContentProps extends DOMProps, RefAttributes<DivElementType> {
-    children?: ReactNode;
-    onClose?: () => void;
-    closeLabel?: string;
-}
-declare const Content: import("react").ForwardRefExoticComponent<Omit<ContentProps, "ref"> & RefAttributes<HTMLDivElement>>;
-export { Content };

package/dist/cjs/components/Modal/Header.d.ts

@@ -1,11 +0,0 @@
-import { ReactNode, Ref, RefAttributes } from "react";
-import { DOMProps } from "../../types/dom";
-export type HeaderElementType = HTMLDivElement;
-export type HeaderRef = Ref<HTMLElement>;
-export interface HeaderProps extends DOMProps, RefAttributes<HeaderElementType> {
-    children?: ReactNode;
-    onClose?: () => void;
-    closeLabel?: string;
-}
-declare const Header: import("react").ForwardRefExoticComponent<Omit<HeaderProps, "ref"> & RefAttributes<HTMLElement>>;
-export { Header };

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

@@ -1,35 +0,0 @@
-import { ReactNode } from "react";
-export interface ModalProps {
-    isOpen: boolean;
-    onClose?: () => void;
-    children?: ReactNode;
-    className?: string;
-    closeLabel?: string;
-    animation?: "slideUp" | "fade";
-    isFullScreen?: boolean;
-    /**
-     * **Deprecated:** No longer needed
-     */
-    size?: string;
-    /**
-     * **Deprecated:** No longer needed
-     */
-    appElement?: string;
-    /**
-     * **Deprecated:** No longer needed
-     */
-    preventCloseOnEsc?: boolean;
-    /**
-     * **Deprecated:** No longer needed
-     */
-    shouldFocusAfterRender?: boolean;
-    /**
-     * **Deprecated:** No longer needed
-     */
-    parentSelector?: () => HTMLElement;
-}
-declare const Modal: {
-    ({ isOpen, onClose, children, className, closeLabel, isFullScreen, animation, size, appElement, preventCloseOnEsc, shouldFocusAfterRender, parentSelector, }: ModalProps): import("react/jsx-runtime").JSX.Element;
-    displayName: string;
-};
-export { Modal };

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

@@ -1,10 +0,0 @@
-import type { Meta, StoryObj } from "@storybook/react";
-import { Modal } from ".";
-type StoryType = StoryObj<typeof Modal>;
-declare const meta: Meta<typeof Modal>;
-export declare const Normal: StoryType;
-export declare const FullScreen: StoryType;
-export declare const WithAnimation: StoryType;
-export declare const WithLongContent: StoryType;
-export declare const WithNested: StoryType;
-export default meta;

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

@@ -1,90 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.WithNested = exports.WithLongContent = exports.WithAnimation = exports.FullScreen = exports.Normal = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const react_1 = require("react");
-const _1 = require(".");
-const utils_1 = require("../../utils");
-const Button_1 = require("../Button");
-const Text_1 = require("../Text");
-const meta = {
-    title: "Components/Modal",
-    component: _1.Modal,
-    argTypes: Object.assign({ animation: {
-            options: ["slideUp", "fade", "neither"],
-            control: { type: "radio" },
-            mapping: {
-                slideUp: "slideUp",
-                fade: "fade",
-                neither: undefined,
-            },
-        } }, (0, utils_1.excludeControls)("appElement", "parentSelector", "isOpen", "preventCloseOnEsc", "shouldFocusAfterRender", "size")),
-    args: {
-        isFullScreen: false,
-    },
-};
-const Demo = (props) => {
-    const [open, setOpen] = (0, react_1.useState)(false);
-    return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(Button_1.Button, { onClick: () => setOpen(true), children: "Show Modal" }), (0, jsx_runtime_1.jsxs)(_1.Modal, Object.assign({}, props, { isOpen: open, onClose: () => setOpen(false), children: [(0, jsx_runtime_1.jsx)(_1.Modal.Header, { children: "The Latin Modal" }), (0, jsx_runtime_1.jsx)(_1.Modal.Content, { children: "Aliquam fringilla quam vel purus rhoncus interdum in quis sapien. Sed at eros et lectus mollis posuere. Morbi augue augue, venenatis vel consectetur sed, vulputate et lorem. Integer venenatis nibh molestie commodo lobortis. Phasellus sit amet dignissim nisi. Vivamus nisi augue, scelerisque commodo libero vitae, vulputate interdum ex. Integer non risus sollicitudin, cursus ipsum vitae, rhoncus nulla." })] }))] }));
-};
-const FullScreenDemo = (props) => {
-    const [open, setOpen] = (0, react_1.useState)(false);
-    return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(Button_1.Button, { onClick: () => setOpen(true), variant: "secondary", children: "Show Fullscreen Modal \uD83D\uDE80" }), (0, jsx_runtime_1.jsxs)(_1.Modal, Object.assign({}, props, { isOpen: open, isFullScreen: true, onClose: () => setOpen(false), children: [(0, jsx_runtime_1.jsx)(_1.Modal.Header, { children: "The Full Screen Modal" }), (0, jsx_runtime_1.jsx)(_1.Modal.Content, { children: "Aliquam fringilla quam vel purus rhoncus interdum in quis sapien. Sed at eros et lectus mollis posuere. Morbi augue augue, venenatis vel consectetur sed, vulputate et lorem. Integer venenatis nibh molestie commodo lobortis. Phasellus sit amet dignissim nisi. Vivamus nisi augue, scelerisque commodo libero vitae, vulputate interdum ex. Integer non risus sollicitudin, cursus ipsum vitae, rhoncus nulla." })] }))] }));
-};
-const WithAnimationDemo = ({ animation, isFullScreen, closeLabel, }) => {
-    const [open, setOpen] = (0, react_1.useState)(false);
-    return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(Button_1.Button, { onClick: () => setOpen(true), children: "Show Modal With Animation \uD83E\uDDD9\u200D\u2642\uFE0F" }), (0, jsx_runtime_1.jsxs)(_1.Modal, { isOpen: open, onClose: () => setOpen(false), animation: animation, isFullScreen: isFullScreen, closeLabel: closeLabel, children: [(0, jsx_runtime_1.jsx)(_1.Modal.Header, { children: "The Latin Modal" }), (0, jsx_runtime_1.jsx)(_1.Modal.Content, { children: "Aliquam fringilla quam vel purus rhoncus interdum in quis sapien. Sed at eros et lectus mollis posuere. Morbi augue augue, venenatis vel consectetur sed, vulputate et lorem. Integer venenatis nibh molestie commodo lobortis. Phasellus sit amet dignissim nisi. Vivamus nisi augue, scelerisque commodo libero vitae, vulputate interdum ex. Integer non risus sollicitudin, cursus ipsum vitae, rhoncus nulla." })] })] }));
-};
-const WithLongContentDemo = (props) => {
-    const [open, setOpen] = (0, react_1.useState)(false);
-    return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(Button_1.Button, { onClick: () => setOpen(true), children: "Show Modal" }), (0, jsx_runtime_1.jsxs)(_1.Modal, Object.assign({}, props, { isOpen: open, onClose: () => setOpen(false), children: [(0, jsx_runtime_1.jsx)(_1.Modal.Header, { children: "Aliquam fringilla quam vel purus rhoncus isuere. Morbi augue augue, venenatis vel consectetur sed, vulputate et lorem. Int" }), (0, jsx_runtime_1.jsxs)(_1.Modal.Content, { children: [(0, jsx_runtime_1.jsx)(Text_1.Text, { children: "Aliquam fringilla quam vel purus rhoncus interdum in quis sapien. Sed at eros et lectus mollis posuere. Morbi augue augue, venenatis vel consectetur sed, vulputate et lorem. Integer venenatis nibh molestie commodo lobortis. Phasellus sit amet dignissim nisi. Vivamus nisi augue, scelerisque commodo libero vitae, vulputate interdum ex. Integer non risus sollicitudin, cursus ipsum vitae, rhoncus nulla." }), (0, jsx_runtime_1.jsx)(Text_1.Text, { children: "Aliquam fringilla quam vel purus rhoncus interdum in quis sapien. Sed at eros et lectus mollis posuere. Morbi augue augue, venenatis vel consectetur sed, vulputate et lorem. Integer venenatis nibh molestie commodo lobortis. Phasellus sit amet dignissim nisi. Vivamus nisi augue, scelerisque commodo libero vitae, vulputate interdum ex. Integer non risus sollicitudin, cursus ipsum vitae, rhoncus nulla." }), (0, jsx_runtime_1.jsx)(Text_1.Text, { children: "Aliquam fringilla quam vel purus rhoncus interdum in quis sapien. Sed at eros et lectus mollis posuere. Morbi augue augue, venenatis vel consectetur sed, vulputate et lorem. Integer venenatis nibh molestie commodo lobortis. Phasellus sit amet dignissim nisi. Vivamus nisi augue, scelerisque commodo libero vitae, vulputate interdum ex. Integer non risus sollicitudin, cursus ipsum vitae, rhoncus nulla." }), (0, jsx_runtime_1.jsx)(Text_1.Text, { children: "Aliquam fringilla quam vel purus rhoncus interdum in quis sapien. Sed at eros et lectus mollis posuere. Morbi augue augue, venenatis vel consectetur sed, vulputate et lorem. Integer venenatis nibh molestie commodo lobortis. Phasellus sit amet dignissim nisi. Vivamus nisi augue, scelerisque commodo libero vitae, vulputate interdum ex. Integer non risus sollicitudin, cursus ipsum vitae, rhoncus nulla." }), (0, jsx_runtime_1.jsx)(Text_1.Text, { children: "Aliquam fringilla quam vel purus rhoncus interdum in quis sapien. Sed at eros et lectus mollis posuere. Morbi augue augue, venenatis vel consectetur sed, vulputate et lorem. Integer venenatis nibh molestie commodo lobortis. Phasellus sit amet dignissim nisi. Vivamus nisi augue, scelerisque commodo libero vitae, vulputate interdum ex. Integer non risus sollicitudin, cursus ipsum vitae, rhoncus nulla." }), (0, jsx_runtime_1.jsx)(Text_1.Text, { children: "Aliquam fringilla quam vel purus rhoncus interdum in quis sapien. Sed at eros et lectus mollis posuere. Morbi augue augue, venenatis vel consectetur sed, vulputate et lorem. Integer venenatis nibh molestie commodo lobortis. Phasellus sit amet dignissim nisi. Vivamus nisi augue, scelerisque commodo libero vitae, vulputate interdum ex. Integer non risus sollicitudin, cursus ipsum vitae, rhoncus nulla." }), (0, jsx_runtime_1.jsx)(Text_1.Text, { children: "Aliquam fringilla quam vel purus rhoncus interdum in quis sapien. Sed at eros et lectus mollis posuere. Morbi augue augue, venenatis vel consectetur sed, vulputate et lorem. Integer venenatis nibh molestie commodo lobortis. Phasellus sit amet dignissim nisi. Vivamus nisi augue, scelerisque commodo libero vitae, vulputate interdum ex. Integer non risus sollicitudin, cursus ipsum vitae, rhoncus nulla." })] })] }))] }));
-};
-const ChildModal = () => {
-    const [showModal, setShowModal] = (0, react_1.useState)(false);
-    const show = () => setShowModal(true);
-    const hide = () => setShowModal(false);
-    return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(Button_1.Button, { onClick: show, children: "Show child modal" }), (0, jsx_runtime_1.jsxs)(_1.Modal, { isOpen: showModal, onClose: hide, animation: "slideUp", children: [(0, jsx_runtime_1.jsx)(_1.Modal.Header, { children: "Howdy" }), (0, jsx_runtime_1.jsx)(_1.Modal.Content, { children: (0, jsx_runtime_1.jsx)(Text_1.Text, { children: "Closing or cancelling (with Escape key) should leave the parent modal open." }) })] })] }));
-};
-const WithNestedDemo = ({ animation, closeLabel }) => {
-    const [open, setOpen] = (0, react_1.useState)(false);
-    return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(Button_1.Button, { onClick: () => setOpen(true), children: "Show Nested Modal" }), (0, jsx_runtime_1.jsxs)(_1.Modal, { isOpen: open, onClose: () => setOpen(false), animation: animation, closeLabel: closeLabel, children: [(0, jsx_runtime_1.jsx)(_1.Modal.Header, { children: "The Latin Modal" }), (0, jsx_runtime_1.jsxs)(_1.Modal.Content, { children: [(0, jsx_runtime_1.jsx)(Text_1.Text, { children: "Closing or cancelling the next modal should leave me open." }), (0, jsx_runtime_1.jsx)(ChildModal, {})] })] })] }));
-};
-exports.Normal = {
-    render: (args) => (0, jsx_runtime_1.jsx)(Demo, Object.assign({}, args)),
-    args: {
-        isOpen: false,
-        closeLabel: "Close",
-    },
-};
-exports.FullScreen = {
-    render: (args) => (0, jsx_runtime_1.jsx)(FullScreenDemo, Object.assign({}, args)),
-    args: {
-        isOpen: false,
-        closeLabel: "Close",
-        isFullScreen: true,
-    },
-};
-exports.WithAnimation = {
-    render: (args) => (0, jsx_runtime_1.jsx)(WithAnimationDemo, Object.assign({}, args)),
-    args: {
-        isOpen: false,
-        animation: "slideUp",
-        closeLabel: "Close",
-    },
-};
-exports.WithLongContent = {
-    render: (args) => (0, jsx_runtime_1.jsx)(WithLongContentDemo, Object.assign({}, args)),
-    args: {
-        isOpen: false,
-        closeLabel: "Close",
-    },
-};
-exports.WithNested = {
-    render: (args) => (0, jsx_runtime_1.jsx)(WithNestedDemo, Object.assign({}, args)),
-    args: {
-        isOpen: false,
-        closeLabel: "Close",
-    },
-};
-exports.default = meta;
-//# sourceMappingURL=Modal.stories.js.map

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

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

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

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

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

@@ -1,137 +0,0 @@
-"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 jestHTMLDialogPolyfill_1 = require("../../utils/jestHTMLDialogPolyfill");
-(0, jestHTMLDialogPolyfill_1.jestHTMLDialogPolyfill)();
-const MODAL_CLASS_NAME = "mobius/Modal";
-const MODAL_CLOSE_CLASS_NAME = "mobius/ModalClose";
-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("Modal", () => {
-    beforeEach(() => {
-        mockMatchMedia(true);
-    });
-    afterAll(() => {
-        jest.resetAllMocks();
-    });
-    it("should render without errors", () => {
-        const { container } = (0, react_1.render)((0, jsx_runtime_1.jsx)(_1.Modal, { isOpen: true, onClose: () => { } }));
-        expect(container).toBeTruthy();
-    });
-    it("should render with default class names", () => {
-        (0, react_1.render)((0, jsx_runtime_1.jsx)(_1.Modal, { isOpen: true, onClose: () => { }, children: (0, jsx_runtime_1.jsx)(_1.Modal.Header, {}) }));
-        const dialog = react_1.screen.getByRole("dialog");
-        const closeButton = react_1.screen.getByLabelText("Close");
-        expect(dialog).toHaveClass(MODAL_CLASS_NAME);
-        expect(closeButton).toHaveClass(MODAL_CLOSE_CLASS_NAME);
-    });
-    it("should render with custom class name", () => {
-        (0, react_1.render)((0, jsx_runtime_1.jsx)(_1.Modal, { className: "my-test-modal", isOpen: true, onClose: () => { }, children: (0, jsx_runtime_1.jsx)(_1.Modal.Header, {}) }));
-        const dialog = react_1.screen.getByRole("dialog");
-        const closeButton = react_1.screen.getByLabelText("Close");
-        expect(dialog).toHaveClass(MODAL_CLASS_NAME);
-        expect(dialog).toHaveClass("my-test-modal");
-        expect(closeButton).toHaveClass(MODAL_CLOSE_CLASS_NAME);
-    });
-    describe("given the animation prop is set to slideUp", () => {
-        it("should render with appropriate class name", () => {
-            (0, react_1.render)((0, jsx_runtime_1.jsx)(_1.Modal, { isOpen: true, onClose: () => { }, animation: "slideUp" }));
-            const dialog = react_1.screen.getByRole("dialog");
-            expect(dialog).toHaveClass("--slide-up");
-        });
-    });
-    describe("given the animation prop is set to fade", () => {
-        it("should render with appropriate class name", () => {
-            (0, react_1.render)((0, jsx_runtime_1.jsx)(_1.Modal, { isOpen: true, onClose: () => { }, animation: "fade" }));
-            const dialog = react_1.screen.getByRole("dialog");
-            expect(dialog).toHaveClass("--fade");
-        });
-    });
-    describe("given the user has reduced motion preference enabled", () => {
-        beforeEach(() => {
-            mockMatchMedia(false);
-        });
-        it("renders with appropriate class name", () => {
-            (0, react_1.render)((0, jsx_runtime_1.jsx)(_1.Modal, { isOpen: true, onClose: () => { } }));
-            const dialog = react_1.screen.getByRole("dialog");
-            expect(dialog).toHaveClass("--has-reduced-motion");
-        });
-    });
-    // TODO: Cannot test until HTML Dialog is supported in JSDom
-    xdescribe("closing and cancelling", () => {
-        beforeAll(() => {
-            HTMLDialogElement.prototype.show = jest.fn(function mock() {
-                this.open = true;
-            });
-            HTMLDialogElement.prototype.showModal = jest.fn(function mock() {
-                this.open = true;
-            });
-            HTMLDialogElement.prototype.close = jest.fn(function mock() {
-                this.open = false;
-            });
-        });
-        it.only("pressing close button should close the modal", async () => {
-            const content = (0, jsx_runtime_1.jsx)(_1.Modal.Content, { children: "Sample content" });
-            let modalOpen = true;
-            const onClose = () => {
-                modalOpen = false;
-            };
-            const user = user_event_1.default.setup();
-            (0, react_1.render)((0, jsx_runtime_1.jsxs)(_1.Modal, { isOpen: modalOpen, onClose: onClose, closeLabel: "Close Me", children: [(0, jsx_runtime_1.jsx)(_1.Modal.Header, {}), content] }));
-            const modal = react_1.screen.getByRole("dialog", { hidden: true });
-            expect(modal).toBeInTheDocument();
-            expect(modal.open).toBe(true);
-            react_1.screen.debug();
-            const closeButton = react_1.screen.getByRole("button");
-            await user.click(closeButton); // This errors because
-            expect(modal.open).toBe(false);
-        });
-        it("should cancel the modal", async () => {
-            const content = (0, jsx_runtime_1.jsx)(_1.Modal.Content, { children: "Sample content" });
-            const onClose = jest.fn();
-            (0, react_1.render)((0, jsx_runtime_1.jsxs)(_1.Modal, { isOpen: true, onClose: onClose, children: [(0, jsx_runtime_1.jsx)(_1.Modal.Header, {}), content] }));
-            const modalContent = react_1.screen.getByText("Sample content");
-            expect(modalContent).toBeInTheDocument();
-            await user_event_1.default.keyboard("{escape}");
-            expect(onClose).toHaveBeenCalled();
-        });
-    });
-    describe("closeLabel prop", () => {
-        describe("given the label is defined", () => {
-            it("should render the label", () => {
-                const closeLabel = "Leave";
-                (0, react_1.render)((0, jsx_runtime_1.jsxs)(_1.Modal, { isOpen: true, onClose: () => { }, closeLabel: closeLabel, children: [(0, jsx_runtime_1.jsx)(_1.Modal.Header, {}), "Sample content"] }));
-                const closeButton = react_1.screen.getByText(closeLabel);
-                expect(closeButton).toBeInTheDocument();
-            });
-        });
-        describe("given the label is not defined", () => {
-            it("should render the default close button", () => {
-                (0, react_1.render)((0, jsx_runtime_1.jsx)(_1.Modal, { isOpen: true, onClose: () => { }, children: (0, jsx_runtime_1.jsx)(_1.Modal.Header, {}) }));
-                const closeButton = react_1.screen.getByLabelText("Close");
-                expect(closeButton).toBeInTheDocument();
-            });
-        });
-    });
-});
-//# sourceMappingURL=Modal.test.js.map

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

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

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

@@ -1,12 +0,0 @@
-import { DivElementType as ModalContentDivElementType, ContentProps as ModalContentProps } from "./Content";
-import { HeaderElementType as ModalHeaderElementType, HeaderProps as ModalHeaderProps } from "./Header";
-import { ModalProps } from "./Modal";
-declare const Modal: {
-    ({ isOpen, onClose, children, className, closeLabel, isFullScreen, animation, size, appElement, preventCloseOnEsc, shouldFocusAfterRender, parentSelector, }: ModalProps): import("react/jsx-runtime").JSX.Element;
-    displayName: string;
-} & {
-    Header: import("react").ForwardRefExoticComponent<Omit<ModalHeaderProps, "ref"> & import("react").RefAttributes<HTMLElement>>;
-    Content: import("react").ForwardRefExoticComponent<Omit<ModalContentProps, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
-};
-export { Modal };
-export type { ModalContentDivElementType, ModalContentProps, ModalHeaderElementType, ModalHeaderProps, ModalProps, };

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

@@ -1,35 +0,0 @@
-import { ChangeEvent, Ref, RefAttributes } from "react";
-import { DOMProps } from "../../types/dom";
-import { UseLabelProps } from "../../hooks";
-import { ForwardedRefComponent } from "../../types/components";
-export type NumberFieldElementType = HTMLInputElement;
-export interface NumberFieldProps extends DOMProps, UseLabelProps, RefAttributes<NumberFieldElementType> {
-    id?: string;
-    /** Custom class name for setting specific CSS */
-    className?: string;
-    validationState?: "valid" | "invalid" | undefined;
-    /** The smallest value allowed for the input. */
-    minValue?: number;
-    /** The largest value allowed for the input. */
-    maxValue?: number;
-    /** The amount that the input value changes with each increment or decrement "tick". */
-    step?: number;
-    /** The default value (uncontrolled). */
-    defaultValue?: number;
-    /** Handler that is called when the value changes. */
-    onChange?: (event: ChangeEvent<NumberFieldElementType>) => void;
-    /** Temporary text that occupies the text input when it is empty. */
-    placeholder?: string;
-    /** Whether user input is required on the input before form submission. */
-    isRequired?: boolean;
-    /** Whether the input is disabled. */
-    isDisabled?: boolean;
-    /** Whether the input can be selected but not changed by the user. */
-    isReadOnly?: boolean;
-    /** An error message for the field. */
-    errorMessage?: string;
-    /** Identifies the element (or elements) that describes the object. */
-    "aria-describedby"?: string | undefined;
-}
-export type NumberFieldRef = Ref<NumberFieldElementType>;
-export declare const NumberField: ForwardedRefComponent<NumberFieldProps, NumberFieldElementType>;

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

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