@simplybusiness/mobius 3.8.0 → 3.9.1

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

@@ -0,0 +1,26 @@
+import type { Meta } from "@storybook/react";
+import { TextArea, TextAreaProps } from "./TextArea";
+declare const _default: {
+    title: string;
+    component: import("../..").ForwardedRefComponent<TextAreaProps, HTMLTextAreaElement>;
+    argTypes: {
+        validationState: {
+            options: string[];
+            control: {
+                type: string;
+            };
+            mapping: {
+                valid: string;
+                invalid: string;
+                neither: string;
+            };
+        };
+    };
+};
+export default _default;
+export declare const Normal: Meta<typeof TextArea>;
+export declare const ControlledValue: Meta<typeof TextArea>;
+export declare const Disabled: Meta<typeof TextArea>;
+export declare const WithError: Meta<typeof TextArea>;
+export declare const Valid: Meta<typeof TextArea>;
+export declare const Invalid: Meta<typeof TextArea>;

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

@@ -0,0 +1,83 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Invalid = exports.Valid = exports.WithError = exports.Disabled = exports.ControlledValue = exports.Normal = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const TextArea_1 = require("./TextArea");
+const excludeControls_1 = require("../../utils/excludeControls");
+exports.default = {
+    title: "Forms/TextArea",
+    component: TextArea_1.TextArea,
+    argTypes: Object.assign({ validationState: {
+            options: ["valid", "invalid", "neither"],
+            control: { type: "radio" },
+            mapping: {
+                valid: "valid",
+                invalid: "invalid",
+                neither: "",
+            },
+        } }, (0, excludeControls_1.excludeControls)("className")),
+};
+exports.Normal = {
+    render: (args) => (0, jsx_runtime_1.jsx)(TextArea_1.TextArea, Object.assign({}, args)),
+    args: {
+        label: "first name",
+        placeholder: "Placeholder",
+        defaultValue: "",
+        isDisabled: false,
+        errorMessage: "",
+    },
+};
+exports.ControlledValue = {
+    render: (args) => (0, jsx_runtime_1.jsx)(TextArea_1.TextArea, Object.assign({}, args)),
+    args: {
+        label: "first name",
+        placeholder: "Placeholder",
+        defaultValue: "John Doe",
+        isDisabled: false,
+        errorMessage: "",
+    },
+};
+exports.Disabled = {
+    render: (args) => (0, jsx_runtime_1.jsx)(TextArea_1.TextArea, Object.assign({}, args)),
+    args: {
+        label: "first name",
+        placeholder: "Placeholder",
+        defaultValue: "John Doe",
+        isDisabled: true,
+        errorMessage: "",
+    },
+};
+exports.WithError = {
+    render: (args) => (0, jsx_runtime_1.jsx)(TextArea_1.TextArea, Object.assign({}, args)),
+    args: {
+        label: "first name",
+        placeholder: "Placeholder",
+        defaultValue: "John Doe",
+        isDisabled: false,
+        errorMessage: "This is an error message",
+        validationState: "invalid",
+    },
+};
+exports.Valid = {
+    render: (args) => (0, jsx_runtime_1.jsx)(TextArea_1.TextArea, Object.assign({}, args)),
+    args: {
+        label: "first name",
+        placeholder: "Placeholder",
+        defaultValue: "John Doe",
+        isDisabled: false,
+        errorMessage: "",
+        validationState: "valid",
+    },
+};
+exports.Invalid = {
+    render: (args) => (0, jsx_runtime_1.jsx)(TextArea_1.TextArea, Object.assign({}, args)),
+    args: {
+        label: "first name",
+        placeholder: "Placeholder",
+        defaultValue: "John Doe",
+        isDisabled: false,
+        errorMessage: "",
+        validationState: "invalid",
+    },
+};
+//# sourceMappingURL=TextArea.stories.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"TextArea.stories.js","sourceRoot":"","sources":["../../../../src/components/TextArea/TextArea.stories.tsx"],"names":[],"mappings":";;;;AACA,yCAAqD;AACrD,iEAA8D;AAE9D,kBAAe;IACb,KAAK,EAAE,gBAAgB;IACvB,SAAS,EAAE,mBAAQ;IACnB,QAAQ,kBACN,eAAe,EAAE;YACf,OAAO,EAAE,CAAC,OAAO,EAAE,SAAS,EAAE,SAAS,CAAC;YACxC,OAAO,EAAE,EAAE,IAAI,EAAE,OAAO,EAAE;YAC1B,OAAO,EAAE;gBACP,KAAK,EAAE,OAAO;gBACd,OAAO,EAAE,SAAS;gBAClB,OAAO,EAAE,EAAE;aACZ;SACF,IACE,IAAA,iCAAe,EAAC,WAAW,CAAC,CAChC;CACF,CAAC;AAEW,QAAA,MAAM,GAA0B;IAC3C,MAAM,EAAE,CAAC,IAAmB,EAAE,EAAE,CAAC,uBAAC,mBAAQ,oBAAK,IAAI,EAAI;IACvD,IAAI,EAAE;QACJ,KAAK,EAAE,YAAY;QACnB,WAAW,EAAE,aAAa;QAC1B,YAAY,EAAE,EAAE;QAChB,UAAU,EAAE,KAAK;QACjB,YAAY,EAAE,EAAE;KACjB;CACF,CAAC;AAEW,QAAA,eAAe,GAA0B;IACpD,MAAM,EAAE,CAAC,IAAmB,EAAE,EAAE,CAAC,uBAAC,mBAAQ,oBAAK,IAAI,EAAI;IACvD,IAAI,EAAE;QACJ,KAAK,EAAE,YAAY;QACnB,WAAW,EAAE,aAAa;QAC1B,YAAY,EAAE,UAAU;QACxB,UAAU,EAAE,KAAK;QACjB,YAAY,EAAE,EAAE;KACjB;CACF,CAAC;AAEW,QAAA,QAAQ,GAA0B;IAC7C,MAAM,EAAE,CAAC,IAAmB,EAAE,EAAE,CAAC,uBAAC,mBAAQ,oBAAK,IAAI,EAAI;IACvD,IAAI,EAAE;QACJ,KAAK,EAAE,YAAY;QACnB,WAAW,EAAE,aAAa;QAC1B,YAAY,EAAE,UAAU;QACxB,UAAU,EAAE,IAAI;QAChB,YAAY,EAAE,EAAE;KACjB;CACF,CAAC;AAEW,QAAA,SAAS,GAA0B;IAC9C,MAAM,EAAE,CAAC,IAAmB,EAAE,EAAE,CAAC,uBAAC,mBAAQ,oBAAK,IAAI,EAAI;IACvD,IAAI,EAAE;QACJ,KAAK,EAAE,YAAY;QACnB,WAAW,EAAE,aAAa;QAC1B,YAAY,EAAE,UAAU;QACxB,UAAU,EAAE,KAAK;QACjB,YAAY,EAAE,0BAA0B;QACxC,eAAe,EAAE,SAAS;KAC3B;CACF,CAAC;AAEW,QAAA,KAAK,GAA0B;IAC1C,MAAM,EAAE,CAAC,IAAmB,EAAE,EAAE,CAAC,uBAAC,mBAAQ,oBAAK,IAAI,EAAI;IACvD,IAAI,EAAE;QACJ,KAAK,EAAE,YAAY;QACnB,WAAW,EAAE,aAAa;QAC1B,YAAY,EAAE,UAAU;QACxB,UAAU,EAAE,KAAK;QACjB,YAAY,EAAE,EAAE;QAChB,eAAe,EAAE,OAAO;KACzB;CACF,CAAC;AAEW,QAAA,OAAO,GAA0B;IAC5C,MAAM,EAAE,CAAC,IAAmB,EAAE,EAAE,CAAC,uBAAC,mBAAQ,oBAAK,IAAI,EAAI;IACvD,IAAI,EAAE;QACJ,KAAK,EAAE,YAAY;QACnB,WAAW,EAAE,aAAa;QAC1B,YAAY,EAAE,UAAU;QACxB,UAAU,EAAE,KAAK;QACjB,YAAY,EAAE,EAAE;QAChB,eAAe,EAAE,SAAS;KAC3B;CACF,CAAC"}

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

@@ -0,0 +1,36 @@
+import type { Meta } from "@storybook/react";
+import { TextField, TextFieldProps } from "./TextField";
+declare const _default: {
+    title: string;
+    component: import("../..").ForwardedRefComponent<TextFieldProps, HTMLInputElement>;
+    argTypes: {
+        validationState: {
+            options: string[];
+            control: {
+                type: string;
+            };
+            mapping: {
+                valid: string;
+                invalid: string;
+                neither: string;
+            };
+        };
+        type: {
+            options: string[];
+            control: {
+                type: string;
+            };
+        };
+    };
+    args: {
+        isRequired: boolean;
+    };
+};
+export default _default;
+export declare const Normal: Meta<typeof TextField>;
+export declare const Placeholder: Meta<typeof TextField>;
+export declare const ControlledValue: Meta<typeof TextField>;
+export declare const Disabled: Meta<typeof TextField>;
+export declare const Valid: Meta<typeof TextField>;
+export declare const Hidden: Meta<typeof TextField>;
+export declare const Invalid: Meta<typeof TextField>;

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

@@ -0,0 +1,103 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Invalid = exports.Hidden = exports.Valid = exports.Disabled = exports.ControlledValue = exports.Placeholder = exports.Normal = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const TextField_1 = require("./TextField");
+const excludeControls_1 = require("../../utils/excludeControls");
+exports.default = {
+    title: "Forms/TextField",
+    component: TextField_1.TextField,
+    argTypes: Object.assign({ validationState: {
+            options: ["valid", "invalid", "neither"],
+            control: { type: "radio" },
+            mapping: {
+                valid: "valid",
+                invalid: "invalid",
+                neither: "",
+            },
+        }, type: {
+            options: ["text", "password", "email", "tel", "url", "hidden"],
+            control: { type: "radio" },
+        } }, (0, excludeControls_1.excludeControls)("className")),
+    args: {
+        isRequired: false,
+    },
+};
+exports.Normal = {
+    render: (args) => (0, jsx_runtime_1.jsx)(TextField_1.TextField, Object.assign({}, args)),
+    args: {
+        label: "First name",
+        placeholder: "",
+        type: "text",
+        isDisabled: false,
+        errorMessage: "",
+    },
+};
+exports.Placeholder = {
+    render: (args) => (0, jsx_runtime_1.jsx)(TextField_1.TextField, Object.assign({}, args)),
+    args: {
+        label: "Email",
+        placeholder: "email@example.com",
+        type: "text",
+        isDisabled: false,
+        errorMessage: "",
+    },
+};
+exports.ControlledValue = {
+    render: (args) => (0, jsx_runtime_1.jsx)(TextField_1.TextField, Object.assign({}, args)),
+    args: {
+        label: "First name",
+        placeholder: "",
+        defaultValue: "john.doe@email.com",
+        type: "text",
+        isDisabled: false,
+        errorMessage: "",
+    },
+};
+exports.Disabled = {
+    render: (args) => (0, jsx_runtime_1.jsx)(TextField_1.TextField, Object.assign({}, args)),
+    args: {
+        label: "First name",
+        placeholder: "",
+        defaultValue: "john.doe@email.com",
+        type: "text",
+        isDisabled: true,
+        errorMessage: "",
+    },
+};
+exports.Valid = {
+    render: (args) => (0, jsx_runtime_1.jsx)(TextField_1.TextField, Object.assign({}, args)),
+    args: {
+        label: "First name",
+        placeholder: "",
+        defaultValue: "john.doe@email.com",
+        type: "text",
+        isDisabled: false,
+        validationState: "valid",
+        errorMessage: "",
+    },
+};
+exports.Hidden = {
+    render: (args) => (0, jsx_runtime_1.jsx)(TextField_1.TextField, Object.assign({}, args)),
+    args: {
+        label: "Secret",
+        placeholder: "",
+        defaultValue: "",
+        type: "hidden",
+        isDisabled: false,
+        errorMessage: "",
+    },
+};
+exports.Invalid = {
+    render: (args) => (0, jsx_runtime_1.jsx)(TextField_1.TextField, Object.assign({}, args)),
+    args: {
+        label: "First name",
+        placeholder: "",
+        defaultValue: "john.doe@email.com",
+        type: "text",
+        isDisabled: false,
+        validationState: "invalid",
+        errorMessage: "This is an error message",
+    },
+};
+//# sourceMappingURL=TextField.stories.js.map

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

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

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

@@ -0,0 +1,9 @@
+import type { Meta } from "@storybook/react";
+import { Title, TitleProps } from "./Title";
+declare const _default: {
+    title: string;
+    component: import("../..").ForwardedRefComponent<TitleProps, HTMLDivElement>;
+    argTypes: {};
+};
+export default _default;
+export declare const Normal: Meta<typeof Title>;

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

@@ -0,0 +1,19 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Normal = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const Title_1 = require("./Title");
+const excludeControls_1 = require("../../utils/excludeControls");
+exports.default = {
+    title: "Components/Title",
+    component: Title_1.Title,
+    argTypes: (0, excludeControls_1.excludeControls)("className", "elementType"),
+};
+exports.Normal = {
+    render: (args) => (0, jsx_runtime_1.jsx)(Title_1.Title, Object.assign({}, args)),
+    args: {
+        title: "General Liability",
+        description: "Business Co.",
+    },
+};
+//# sourceMappingURL=Title.stories.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Title.stories.js","sourceRoot":"","sources":["../../../../src/components/Title/Title.stories.tsx"],"names":[],"mappings":";;;;AACA,mCAA4C;AAC5C,iEAA8D;AAE9D,kBAAe;IACb,KAAK,EAAE,kBAAkB;IACzB,SAAS,EAAE,aAAK;IAChB,QAAQ,EAAE,IAAA,iCAAe,EAAC,WAAW,EAAE,aAAa,CAAC;CACtD,CAAC;AAEW,QAAA,MAAM,GAAuB;IACxC,MAAM,EAAE,CAAC,IAAgB,EAAE,EAAE,CAAC,uBAAC,aAAK,oBAAK,IAAI,EAAI;IACjD,IAAI,EAAE;QACJ,KAAK,EAAE,mBAAmB;QAC1B,WAAW,EAAE,cAAc;KAC5B;CACF,CAAC"}

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

@@ -0,0 +1,9 @@
+import type { Meta } from "@storybook/react";
+import { VisuallyHidden } from ".";
+declare const _default: {
+    title: string;
+    component: typeof VisuallyHidden;
+    argTypes: {};
+};
+export default _default;
+export declare const Normal: Meta<typeof VisuallyHidden>;

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

@@ -0,0 +1,15 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Normal = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const _1 = require(".");
+const excludeControls_1 = require("../../utils/excludeControls");
+exports.default = {
+    title: "Components/VisuallyHidden",
+    component: _1.VisuallyHidden,
+    argTypes: (0, excludeControls_1.excludeControls)("className", "elementType"),
+};
+exports.Normal = {
+    render: (args) => ((0, jsx_runtime_1.jsx)(_1.VisuallyHidden, Object.assign({}, args, { children: "This will only be visible to screen readers." }))),
+};
+//# sourceMappingURL=VisuallyHidden.stories.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"VisuallyHidden.stories.js","sourceRoot":"","sources":["../../../../src/components/VisuallyHidden/VisuallyHidden.stories.tsx"],"names":[],"mappings":";;;;AACA,wBAAwD;AACxD,iEAA8D;AAE9D,kBAAe;IACb,KAAK,EAAE,2BAA2B;IAClC,SAAS,EAAE,iBAAc;IACzB,QAAQ,EAAE,IAAA,iCAAe,EAAC,WAAW,EAAE,aAAa,CAAC;CACtD,CAAC;AAEW,QAAA,MAAM,GAAgC;IACjD,MAAM,EAAE,CAAC,IAAyB,EAAE,EAAE,CAAC,CACrC,uBAAC,iBAAc,oBAAK,IAAI,gEAEP,CAClB;CACF,CAAC"}

package/dist/cjs/hooks/useBreakpoint/useBreakpoint.stories.d.ts

@@ -0,0 +1,11 @@
+/// <reference types="react" />
+import type { Meta } from "@storybook/react";
+import { useBreakpoint } from "./useBreakpoint";
+declare const _default: {
+    title: string;
+    component: () => import("./useBreakpoint").BreakpointType;
+    decorators: ((Story: any) => JSX.Element)[];
+};
+export default _default;
+export declare const Normal: Meta<typeof useBreakpoint>;
+export declare const UpAndDown: Meta<typeof useBreakpoint>;

package/dist/cjs/hooks/useBreakpoint/useBreakpoint.stories.js

@@ -0,0 +1,43 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.UpAndDown = exports.Normal = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const useBreakpoint_1 = require("./useBreakpoint");
+const contexts_1 = require("../../contexts");
+const breakpoints = [
+    { size: "xs", value: 320 },
+    { size: "sm", value: 480 },
+    { size: "md", value: 670 },
+    { size: "lg", value: 960 },
+    { size: "xl", value: 1200 },
+    { size: "xxl", value: 1320 },
+];
+const setBreakpoints = () => { };
+exports.default = {
+    title: "Theming/useBreakpoint",
+    component: useBreakpoint_1.useBreakpoint,
+    decorators: [
+        // FIXME: not sure how to define this one
+        (Story) => ((0, jsx_runtime_1.jsx)(contexts_1.ThemeContext.Provider, Object.assign({ value: {
+                breakpoints,
+                setBreakpoints,
+            } }, { children: (0, jsx_runtime_1.jsx)(Story, {}) }))),
+    ],
+};
+exports.Normal = {
+    render: () => {
+        // eslint-disable-next-line react-hooks/rules-of-hooks
+        const { breakpoint } = (0, useBreakpoint_1.useBreakpoint)();
+        return ((0, jsx_runtime_1.jsxs)("div", { children: ["The current breakpoint: ", breakpoint.size, ", ", breakpoint.value] }));
+    },
+};
+exports.UpAndDown = {
+    render: () => {
+        // eslint-disable-next-line react-hooks/rules-of-hooks
+        const { down, up } = (0, useBreakpoint_1.useBreakpoint)();
+        const isMobile = down("sm");
+        const isDesktop = up("md");
+        return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsxs)("div", { children: ["isMobile is:", isMobile ? "true" : "false"] }), (0, jsx_runtime_1.jsxs)("div", { children: ["isDesktop is:", isDesktop ? "true" : "false"] })] }));
+    },
+};
+//# sourceMappingURL=useBreakpoint.stories.js.map

package/dist/cjs/hooks/useBreakpoint/useBreakpoint.stories.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useBreakpoint.stories.js","sourceRoot":"","sources":["../../../../src/hooks/useBreakpoint/useBreakpoint.stories.tsx"],"names":[],"mappings":";;;;AACA,mDAAgD;AAChD,6CAA+D;AAE/D,MAAM,WAAW,GAAG;IAClB,EAAE,IAAI,EAAE,IAAI,EAAE,KAAK,EAAE,GAAG,EAAE;IAC1B,EAAE,IAAI,EAAE,IAAI,EAAE,KAAK,EAAE,GAAG,EAAE;IAC1B,EAAE,IAAI,EAAE,IAAI,EAAE,KAAK,EAAE,GAAG,EAAE;IAC1B,EAAE,IAAI,EAAE,IAAI,EAAE,KAAK,EAAE,GAAG,EAAE;IAC1B,EAAE,IAAI,EAAE,IAAI,EAAE,KAAK,EAAE,IAAI,EAAE;IAC3B,EAAE,IAAI,EAAE,KAAK,EAAE,KAAK,EAAE,IAAI,EAAE;CACV,CAAC;AAErB,MAAM,cAAc,GAAG,GAAG,EAAE,GAAE,CAAC,CAAC;AAEhC,kBAAe;IACb,KAAK,EAAE,uBAAuB;IAC9B,SAAS,EAAE,6BAAa;IACxB,UAAU,EAAE;QACV,yCAAyC;QACzC,CAAC,KAAU,EAAE,EAAE,CAAC,CACd,uBAAC,uBAAY,CAAC,QAAQ,kBACpB,KAAK,EAAE;gBACL,WAAW;gBACX,cAAc;aACf,gBAED,uBAAC,KAAK,KAAG,IACa,CACzB;KACF;CACF,CAAC;AAEW,QAAA,MAAM,GAA+B;IAChD,MAAM,EAAE,GAAG,EAAE;QACX,sDAAsD;QACtD,MAAM,EAAE,UAAU,EAAE,GAAG,IAAA,6BAAa,GAAE,CAAC;QAEvC,OAAO,CACL,wEAC2B,UAAU,CAAC,IAAI,QAAI,UAAU,CAAC,KAAK,IACxD,CACP,CAAC;IACJ,CAAC;CACF,CAAC;AAEW,QAAA,SAAS,GAA+B;IACnD,MAAM,EAAE,GAAG,EAAE;QACX,sDAAsD;QACtD,MAAM,EAAE,IAAI,EAAE,EAAE,EAAE,GAAG,IAAA,6BAAa,GAAE,CAAC;QACrC,MAAM,QAAQ,GAAG,IAAI,CAAC,IAAI,CAAC,CAAC;QAC5B,MAAM,SAAS,GAAG,EAAE,CAAC,IAAI,CAAC,CAAC;QAE3B,OAAO,CACL,6DACE,4DAAkB,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,OAAO,IAAO,EACpD,6DAAmB,SAAS,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,OAAO,IAAO,IACrD,CACJ,CAAC;IACJ,CAAC;CACF,CAAC"}