@simplybusiness/mobius 3.8.0 → 3.9.1

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

@@ -0,0 +1,82 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.WithAnimation = exports.WithCustomSize = exports.FullScreen = exports.Normal = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("react");
+const Button_1 = require("../Button");
+const _1 = require(".");
+const excludeControls_1 = require("../../utils/excludeControls");
+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, Object.assign({ 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, Object.assign({ onClick: () => setOpen(true), variant: "secondary" }, { children: "Show Fullscreen Modal \uD83D\uDE80" })), (0, jsx_runtime_1.jsxs)(_1.Modal, Object.assign({}, props, { size: "fullscreen", isOpen: open, onClose: () => setOpen(false), preventCloseOnEsc: true }, { 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 WithCustomSizeDemo = (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, Object.assign({ onClick: () => setOpen(true), variant: "secondary" }, { children: "Show Custom Size Modal \uD83D\uDD38" })), (0, jsx_runtime_1.jsxs)(_1.Modal, Object.assign({}, props, { size: "sm", isOpen: open, onClose: () => setOpen(false), preventCloseOnEsc: true }, { children: [(0, jsx_runtime_1.jsx)(_1.Modal.Header, { children: "The Custom Size 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, }) => {
+    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, Object.assign({ onClick: () => setOpen(true) }, { children: "Show Modal With Animation \uD83E\uDDD9\u200D\u2642\uFE0F" })), (0, jsx_runtime_1.jsxs)(_1.Modal, Object.assign({ isOpen: open, onClose: () => setOpen(false), animation: animation }, { 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." })] }))] }));
+};
+exports.default = {
+    title: "Components/Modal",
+    component: _1.Modal,
+    argTypes: Object.assign({ animation: {
+            options: ["slideUp", "fade", "neither"],
+            control: { type: "radio" },
+            mapping: {
+                slideUp: "slideUp",
+                fade: "fade",
+                neither: undefined,
+            },
+        }, size: {
+            control: { type: "radio" },
+            options: ["md", "fullscreen"],
+        } }, (0, excludeControls_1.excludeControls)("className", "onClose", "appElement", "parentSelector", "isOpen")),
+};
+exports.Normal = {
+    render: (args) => (0, jsx_runtime_1.jsx)(Demo, Object.assign({}, args)),
+    args: {
+        isOpen: false,
+        shouldFocusAfterRender: true,
+        preventCloseOnEsc: false,
+        closeLabel: "Close",
+        size: "md",
+    },
+};
+exports.FullScreen = {
+    render: (args) => (0, jsx_runtime_1.jsx)(FullScreenDemo, Object.assign({}, args)),
+    args: {
+        isOpen: false,
+        shouldFocusAfterRender: true,
+        preventCloseOnEsc: false,
+        closeLabel: "Close",
+        size: "fullscreen",
+    },
+};
+exports.WithCustomSize = {
+    render: (args) => (0, jsx_runtime_1.jsx)(WithCustomSizeDemo, Object.assign({}, args)),
+    args: {
+        isOpen: false,
+        shouldFocusAfterRender: true,
+        preventCloseOnEsc: false,
+        closeLabel: "Close",
+        size: "sm",
+    },
+};
+exports.WithAnimation = {
+    render: (args) => (0, jsx_runtime_1.jsx)(WithAnimationDemo, Object.assign({}, args)),
+    args: {
+        isOpen: false,
+        animation: "slideUp",
+        shouldFocusAfterRender: true,
+        preventCloseOnEsc: false,
+        closeLabel: "Close",
+        size: "md",
+    },
+};
+//# sourceMappingURL=Modal.stories.js.map

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

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

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

@@ -0,0 +1,50 @@
+import type { Meta } from "@storybook/react";
+import { NumberField, NumberFieldProps } from "./NumberField";
+declare const _default: {
+    title: string;
+    component: import("../..").ForwardedRefComponent<NumberFieldProps, HTMLInputElement>;
+    argTypes: {
+        validationState: {
+            options: string[];
+            control: {
+                type: string;
+            };
+            mapping: {
+                valid: string;
+                invalid: string;
+                neither: string;
+            };
+        };
+        minValue: {
+            control: {
+                control: {
+                    type: string;
+                };
+                min: number;
+                max: number;
+                step: number;
+            };
+        };
+        maxValue: {
+            control: {
+                control: {
+                    type: string;
+                };
+                min: number;
+                max: number;
+                step: number;
+            };
+        };
+    };
+    args: {
+        minValue: number;
+        maxValue: number;
+    };
+};
+export default _default;
+export declare const Normal: Meta<typeof NumberField>;
+export declare const Formatted: Meta<typeof NumberField>;
+export declare const LimitedRange: Meta<typeof NumberField>;
+export declare const Valid: Meta<typeof NumberField>;
+export declare const Invalid: Meta<typeof NumberField>;
+export declare const Disabled: Meta<typeof NumberField>;

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

@@ -0,0 +1,106 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Disabled = exports.Invalid = exports.Valid = exports.LimitedRange = exports.Formatted = exports.Normal = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const NumberField_1 = require("./NumberField");
+const excludeControls_1 = require("../../utils/excludeControls");
+exports.default = {
+    title: "Forms/NumberField",
+    component: NumberField_1.NumberField,
+    argTypes: Object.assign({ validationState: {
+            options: ["valid", "invalid", "neither"],
+            control: { type: "radio" },
+            mapping: {
+                valid: "valid",
+                invalid: "invalid",
+                neither: "",
+            },
+        }, minValue: {
+            control: {
+                control: { type: "range" },
+                min: 0,
+                max: 10,
+                step: 1,
+            },
+        }, maxValue: {
+            control: {
+                control: { type: "range" },
+                min: 0,
+                max: 10,
+                step: 1,
+            },
+        } }, (0, excludeControls_1.excludeControls)("className", "value", "aria-describedby")),
+    args: {
+        minValue: 0,
+        maxValue: 100,
+    },
+};
+exports.Normal = {
+    render: (args) => (0, jsx_runtime_1.jsx)(NumberField_1.NumberField, Object.assign({}, args)),
+    args: {
+        label: "Number field",
+        defaultValue: 0,
+        errorMessage: "",
+        step: 1,
+        isRequired: false,
+    },
+};
+exports.Formatted = {
+    render: (args) => (0, jsx_runtime_1.jsx)(NumberField_1.NumberField, Object.assign({}, args)),
+    args: {
+        label: "Number field",
+        defaultValue: 0,
+        formatOptions: {
+            style: "percent",
+        },
+        errorMessage: "",
+        step: 1,
+        isRequired: false,
+    },
+};
+exports.LimitedRange = {
+    render: (args) => (0, jsx_runtime_1.jsx)(NumberField_1.NumberField, Object.assign({}, args)),
+    args: {
+        label: "Number field",
+        minValue: -10,
+        maxValue: 10,
+        defaultValue: 0,
+        errorMessage: "",
+        step: 1,
+        isRequired: false,
+    },
+};
+exports.Valid = {
+    render: (args) => (0, jsx_runtime_1.jsx)(NumberField_1.NumberField, Object.assign({}, args)),
+    args: {
+        label: "Number field",
+        validationState: "valid",
+        defaultValue: 0,
+        errorMessage: "",
+        step: 1,
+        isRequired: false,
+    },
+};
+exports.Invalid = {
+    render: (args) => (0, jsx_runtime_1.jsx)(NumberField_1.NumberField, Object.assign({}, args)),
+    args: {
+        label: "Number field",
+        validationState: "invalid",
+        errorMessage: "Error message",
+        defaultValue: 0,
+        step: 1,
+        isRequired: false,
+    },
+};
+exports.Disabled = {
+    render: (args) => (0, jsx_runtime_1.jsx)(NumberField_1.NumberField, Object.assign({}, args)),
+    args: {
+        label: "Number field",
+        isDisabled: true,
+        defaultValue: 0,
+        errorMessage: "",
+        step: 1,
+        isRequired: false,
+    },
+};
+//# sourceMappingURL=NumberField.stories.js.map

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

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

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

@@ -0,0 +1,28 @@
+/// <reference types="react" />
+import type { Meta } from "@storybook/react";
+import { PasswordField, PasswordFieldProps } from "./PasswordField";
+declare const _default: {
+    title: string;
+    component: import("react").ForwardRefExoticComponent<Pick<PasswordFieldProps, "label" | "pattern" | "key" | "autoComplete" | "autoFocus" | "maxLength" | "minLength" | "name" | "defaultValue" | "className" | "id" | "placeholder" | "inputMode" | "aria-activedescendant" | "aria-autocomplete" | "aria-describedby" | "aria-details" | "aria-errormessage" | "aria-haspopup" | "aria-label" | "aria-labelledby" | "type" | "value" | "children" | "onCopy" | "onCut" | "onPaste" | "onCompositionEnd" | "onCompositionStart" | "onCompositionUpdate" | "onFocus" | "onBlur" | "onChange" | "onBeforeInput" | "onInput" | "onKeyDown" | "onKeyUp" | "onSelect" | "excludeFromTabOrder" | "isDisabled" | "description" | "errorMessage" | "onFocusChange" | "isRequired" | "isReadOnly" | "validationState" | "onHoverStart" | "onHoverEnd" | "onHoverChange" | "inputElementType"> & import("react").RefAttributes<HTMLInputElement>>;
+    argTypes: {
+        validationState: {
+            options: string[];
+            control: {
+                type: string;
+            };
+            mapping: {
+                valid: string;
+                invalid: string;
+                neither: string;
+            };
+        };
+        type: {
+            control: {
+                type: string;
+            };
+            options: string[];
+        };
+    };
+};
+export default _default;
+export declare const Normal: Meta<typeof PasswordField>;

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

@@ -0,0 +1,34 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Normal = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const PasswordField_1 = require("./PasswordField");
+const excludeControls_1 = require("../../utils/excludeControls");
+exports.default = {
+    title: "Forms/PasswordField",
+    component: PasswordField_1.PasswordField,
+    argTypes: Object.assign({ validationState: {
+            options: ["valid", "invalid", "neither"],
+            control: { type: "radio" },
+            mapping: {
+                valid: "valid",
+                invalid: "invalid",
+                neither: "",
+            },
+        }, type: {
+            control: { type: "radio" },
+            options: ["text", "password"],
+        } }, (0, excludeControls_1.excludeControls)("className")),
+};
+exports.Normal = {
+    render: (args) => (0, jsx_runtime_1.jsx)(PasswordField_1.PasswordField, Object.assign({}, args)),
+    args: {
+        label: "Password",
+        placeholder: "",
+        isDisabled: false,
+        errorMessage: "",
+        type: "password",
+        isRequired: false,
+    },
+};
+//# sourceMappingURL=PasswordField.stories.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"PasswordField.stories.js","sourceRoot":"","sources":["../../../../src/components/PasswordField/PasswordField.stories.tsx"],"names":[],"mappings":";;;;AACA,mDAAoE;AACpE,iEAA8D;AAE9D,kBAAe;IACb,KAAK,EAAE,qBAAqB;IAC5B,SAAS,EAAE,6BAAa;IACxB,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,EACD,IAAI,EAAE;YACJ,OAAO,EAAE,EAAE,IAAI,EAAE,OAAO,EAAE;YAC1B,OAAO,EAAE,CAAC,MAAM,EAAE,UAAU,CAAC;SAC9B,IACE,IAAA,iCAAe,EAAC,WAAW,CAAC,CAChC;CACF,CAAC;AAEW,QAAA,MAAM,GAA+B;IAChD,MAAM,EAAE,CAAC,IAAwB,EAAE,EAAE,CAAC,uBAAC,6BAAa,oBAAK,IAAI,EAAI;IACjE,IAAI,EAAE;QACJ,KAAK,EAAE,UAAU;QACjB,WAAW,EAAE,EAAE;QACf,UAAU,EAAE,KAAK;QACjB,YAAY,EAAE,EAAE;QAChB,IAAI,EAAE,UAAU;QAChB,UAAU,EAAE,KAAK;KAClB;CACF,CAAC"}

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

@@ -0,0 +1,56 @@
+import type { Meta } from "@storybook/react";
+import { Progress, ProgressProps } from "./Progress";
+declare const _default: {
+    title: string;
+    component: import("../..").ForwardedRefComponent<ProgressProps, HTMLDivElement>;
+    argTypes: {
+        value: {
+            control: {
+                control: {
+                    type: string;
+                };
+                min: number;
+                max: number;
+                step: number;
+            };
+        };
+        minValue: {
+            control: {
+                control: {
+                    type: string;
+                };
+                min: number;
+                max: number;
+                step: number;
+            };
+        };
+        maxValue: {
+            control: {
+                control: {
+                    type: string;
+                };
+                min: number;
+                max: number;
+                step: number;
+            };
+        };
+        label: {
+            control: {
+                control: {
+                    type: string;
+                };
+            };
+        };
+        variant: {
+            control: {
+                type: string;
+            };
+            options: string[];
+        };
+    };
+};
+export default _default;
+export declare const Primary: Meta<typeof Progress>;
+export declare const Secondary: Meta<typeof Progress>;
+export declare const NoVisibleLabel: Meta<typeof Progress>;
+export declare const CustomValueFormat: Meta<typeof Progress>;

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

@@ -0,0 +1,92 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.CustomValueFormat = exports.NoVisibleLabel = exports.Secondary = exports.Primary = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const Progress_1 = require("./Progress");
+const excludeControls_1 = require("../../utils/excludeControls");
+const customValueFormatter = (value, minValue, maxValue) => `Step ${value} of ${maxValue}`;
+exports.default = {
+    title: "Components/Progress",
+    component: Progress_1.Progress,
+    argTypes: Object.assign({ value: {
+            control: {
+                control: { type: "range" },
+                min: 0,
+                max: 10,
+                step: 1,
+            },
+        }, minValue: {
+            control: {
+                control: { type: "range" },
+                min: 0,
+                max: 10,
+                step: 1,
+            },
+        }, maxValue: {
+            control: {
+                control: { type: "range" },
+                min: 0,
+                max: 10,
+                step: 1,
+            },
+        }, label: {
+            control: {
+                control: { type: "text" },
+            },
+        }, variant: {
+            control: { type: "radio" },
+            options: ["primary", "secondary"],
+        } }, (0, excludeControls_1.excludeControls)("className", "valueFormatter")),
+};
+exports.Primary = {
+    render: (args) => (0, jsx_runtime_1.jsx)(Progress_1.Progress, Object.assign({}, args)),
+    args: {
+        value: 2,
+        minValue: 0,
+        maxValue: 10,
+        label: "Progress",
+        variant: "primary",
+        showValueLabel: true,
+    },
+};
+exports.Secondary = {
+    render: (args) => (0, jsx_runtime_1.jsx)(Progress_1.Progress, Object.assign({}, args)),
+    args: {
+        value: 2,
+        minValue: 0,
+        maxValue: 10,
+        label: "Secondary",
+        variant: "secondary",
+        showValueLabel: true,
+    },
+};
+exports.NoVisibleLabel = {
+    render: (args) => (0, jsx_runtime_1.jsx)(Progress_1.Progress, Object.assign({}, args)),
+    args: {
+        value: 1,
+        minValue: 0,
+        maxValue: 4,
+        label: "",
+        variant: "primary",
+        "aria-label": "Progress",
+        showValueLabel: true,
+    },
+    parameters: {
+        controls: {
+            exclude: ["aria-label"],
+        },
+    },
+};
+exports.CustomValueFormat = {
+    render: (args) => (0, jsx_runtime_1.jsx)(Progress_1.Progress, Object.assign({}, args)),
+    args: {
+        value: 1,
+        minValue: 0,
+        maxValue: 4,
+        label: "Progress",
+        variant: "primary",
+        showValueLabel: true,
+        valueFormatter: customValueFormatter,
+    },
+};
+//# sourceMappingURL=Progress.stories.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Progress.stories.js","sourceRoot":"","sources":["../../../../src/components/Progress/Progress.stories.tsx"],"names":[],"mappings":";;;;AACA,yCAAqD;AACrD,iEAA8D;AAE9D,MAAM,oBAAoB,GAAG,CAC3B,KAAa,EACb,QAAgB,EAChB,QAAgB,EAChB,EAAE,CAAC,QAAQ,KAAK,OAAO,QAAQ,EAAE,CAAC;AAEpC,kBAAe;IACb,KAAK,EAAE,qBAAqB;IAC5B,SAAS,EAAE,mBAAQ;IACnB,QAAQ,kBACN,KAAK,EAAE;YACL,OAAO,EAAE;gBACP,OAAO,EAAE,EAAE,IAAI,EAAE,OAAO,EAAE;gBAC1B,GAAG,EAAE,CAAC;gBACN,GAAG,EAAE,EAAE;gBACP,IAAI,EAAE,CAAC;aACR;SACF,EACD,QAAQ,EAAE;YACR,OAAO,EAAE;gBACP,OAAO,EAAE,EAAE,IAAI,EAAE,OAAO,EAAE;gBAC1B,GAAG,EAAE,CAAC;gBACN,GAAG,EAAE,EAAE;gBACP,IAAI,EAAE,CAAC;aACR;SACF,EACD,QAAQ,EAAE;YACR,OAAO,EAAE;gBACP,OAAO,EAAE,EAAE,IAAI,EAAE,OAAO,EAAE;gBAC1B,GAAG,EAAE,CAAC;gBACN,GAAG,EAAE,EAAE;gBACP,IAAI,EAAE,CAAC;aACR;SACF,EACD,KAAK,EAAE;YACL,OAAO,EAAE;gBACP,OAAO,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE;aAC1B;SACF,EACD,OAAO,EAAE;YACP,OAAO,EAAE,EAAE,IAAI,EAAE,OAAO,EAAE;YAC1B,OAAO,EAAE,CAAC,SAAS,EAAE,WAAW,CAAC;SAClC,IACE,IAAA,iCAAe,EAAC,WAAW,EAAE,gBAAgB,CAAC,CAClD;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,CAAC;QACR,QAAQ,EAAE,CAAC;QACX,QAAQ,EAAE,EAAE;QACZ,KAAK,EAAE,UAAU;QACjB,OAAO,EAAE,SAAS;QAClB,cAAc,EAAE,IAAI;KACrB;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,CAAC;QACR,QAAQ,EAAE,CAAC;QACX,QAAQ,EAAE,EAAE;QACZ,KAAK,EAAE,WAAW;QAClB,OAAO,EAAE,WAAW;QACpB,cAAc,EAAE,IAAI;KACrB;CACF,CAAC;AAEW,QAAA,cAAc,GAA0B;IACnD,MAAM,EAAE,CAAC,IAAmB,EAAE,EAAE,CAAC,uBAAC,mBAAQ,oBAAK,IAAI,EAAI;IACvD,IAAI,EAAE;QACJ,KAAK,EAAE,CAAC;QACR,QAAQ,EAAE,CAAC;QACX,QAAQ,EAAE,CAAC;QACX,KAAK,EAAE,EAAE;QACT,OAAO,EAAE,SAAS;QAClB,YAAY,EAAE,UAAU;QACxB,cAAc,EAAE,IAAI;KACrB;IACD,UAAU,EAAE;QACV,QAAQ,EAAE;YACR,OAAO,EAAE,CAAC,YAAY,CAAC;SACxB;KACF;CACF,CAAC;AAEW,QAAA,iBAAiB,GAA0B;IACtD,MAAM,EAAE,CAAC,IAAmB,EAAE,EAAE,CAAC,uBAAC,mBAAQ,oBAAK,IAAI,EAAI;IACvD,IAAI,EAAE;QACJ,KAAK,EAAE,CAAC;QACR,QAAQ,EAAE,CAAC;QACX,QAAQ,EAAE,CAAC;QACX,KAAK,EAAE,UAAU;QACjB,OAAO,EAAE,SAAS;QAClB,cAAc,EAAE,IAAI;QACpB,cAAc,EAAE,oBAAoB;KACrC;CACF,CAAC"}

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

@@ -0,0 +1,39 @@
+import type { Meta } from "@storybook/react";
+import { RadioGroup } from "./RadioGroup";
+declare const _default: {
+    title: string;
+    component: import("../..").ForwardedRefComponent<import("./Radio").RadioProps, HTMLInputElement>;
+    argTypes: {
+        validationState: {
+            options: string[];
+            control: {
+                type: string;
+            };
+            mapping: {
+                valid: string;
+                invalid: string;
+                neither: string;
+            };
+        };
+        orientation: {
+            control: {
+                type: string;
+            };
+            options: string[];
+        };
+        label: {
+            control: {
+                type: string;
+            };
+        };
+    };
+};
+export default _default;
+export declare const Normal: Meta<typeof RadioGroup>;
+export declare const ControlledValue: Meta<typeof RadioGroup>;
+export declare const Disabled: Meta<typeof RadioGroup>;
+export declare const DisabledIndividualRadios: Meta<typeof RadioGroup>;
+export declare const Valid: Meta<typeof RadioGroup>;
+export declare const Invalid: Meta<typeof RadioGroup>;
+export declare const ComplexLabel: Meta<typeof RadioGroup>;
+export declare const HorizontalLayout: Meta<typeof RadioGroup>;

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

@@ -0,0 +1,121 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.HorizontalLayout = exports.ComplexLabel = exports.Invalid = exports.Valid = exports.DisabledIndividualRadios = exports.Disabled = exports.ControlledValue = exports.Normal = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const Radio_1 = require("./Radio");
+const RadioGroup_1 = require("./RadioGroup");
+const Flex_1 = require("../Flex");
+const Divider_1 = require("../Divider");
+const excludeControls_1 = require("../../utils/excludeControls");
+exports.default = {
+    title: "Forms/Radio",
+    component: Radio_1.Radio,
+    argTypes: Object.assign({ validationState: {
+            options: ["valid", "invalid", "neither"],
+            control: { type: "radio" },
+            mapping: {
+                valid: "valid",
+                invalid: "invalid",
+                neither: "",
+            },
+        }, orientation: {
+            control: { type: "radio" },
+            options: ["horizontal", "vertical"],
+        }, label: {
+            control: { type: "text" },
+        } }, (0, excludeControls_1.excludeControls)("children", "className", "elementType")),
+};
+exports.Normal = {
+    render: (args) => ((0, jsx_runtime_1.jsxs)(RadioGroup_1.RadioGroup, Object.assign({}, args, { children: [(0, jsx_runtime_1.jsx)(Radio_1.Radio, { value: "red", label: "Red" }), (0, jsx_runtime_1.jsx)(Radio_1.Radio, { value: "blue", label: "Blue" })] }))),
+    args: {
+        label: "Color",
+        isDisabled: false,
+        errorMessage: "",
+        orientation: "vertical",
+        defaultValue: "blue",
+    },
+};
+exports.ControlledValue = {
+    render: (args) => ((0, jsx_runtime_1.jsxs)(RadioGroup_1.RadioGroup, Object.assign({}, args, { children: [(0, jsx_runtime_1.jsx)(Radio_1.Radio, { value: "red", label: "Red" }), (0, jsx_runtime_1.jsx)(Radio_1.Radio, { value: "blue", label: "Blue" })] }))),
+    args: {
+        label: "Color",
+        isDisabled: false,
+        errorMessage: "",
+        orientation: "vertical",
+        value: "blue",
+    },
+};
+exports.Disabled = {
+    render: (args) => ((0, jsx_runtime_1.jsxs)(RadioGroup_1.RadioGroup, Object.assign({}, args, { children: [(0, jsx_runtime_1.jsx)(Radio_1.Radio, { value: "red", label: "Red", isDisabled: true }), (0, jsx_runtime_1.jsx)(Radio_1.Radio, { value: "blue", label: "Blue" })] }))),
+    args: {
+        label: "Color",
+        isDisabled: true,
+        errorMessage: "",
+        orientation: "vertical",
+    },
+};
+exports.DisabledIndividualRadios = {
+    render: (args) => ((0, jsx_runtime_1.jsxs)(RadioGroup_1.RadioGroup, Object.assign({}, args, { children: [(0, jsx_runtime_1.jsx)(Radio_1.Radio, { value: "red", label: "Red", isDisabled: true }), (0, jsx_runtime_1.jsx)(Radio_1.Radio, { value: "blue", label: "Blue" })] }))),
+    args: {
+        label: "Color",
+        isDisabled: false,
+        errorMessage: "",
+        orientation: "vertical",
+    },
+};
+exports.Valid = {
+    render: (args) => ((0, jsx_runtime_1.jsxs)(RadioGroup_1.RadioGroup, Object.assign({}, args, { children: [(0, jsx_runtime_1.jsx)(Radio_1.Radio, { value: "red", label: "Red" }), (0, jsx_runtime_1.jsx)(Radio_1.Radio, { value: "blue", label: "Blue" })] }))),
+    args: {
+        label: "Color",
+        isDisabled: false,
+        errorMessage: "",
+        validationState: "valid",
+        orientation: "vertical",
+    },
+};
+exports.Invalid = {
+    render: (args) => ((0, jsx_runtime_1.jsxs)(RadioGroup_1.RadioGroup, Object.assign({}, args, { children: [(0, jsx_runtime_1.jsx)(Radio_1.Radio, { value: "red", label: "Red" }), (0, jsx_runtime_1.jsx)(Radio_1.Radio, { value: "blue", label: "Blue" })] }))),
+    args: {
+        label: "Color",
+        isDisabled: false,
+        errorMessage: "Please select a color",
+        validationState: "invalid",
+        orientation: "vertical",
+    },
+};
+exports.ComplexLabel = {
+    render: (args) => ((0, jsx_runtime_1.jsxs)(RadioGroup_1.RadioGroup, Object.assign({}, args, { children: [(0, jsx_runtime_1.jsx)(Radio_1.Radio, Object.assign({ value: "annual", label: "Pay annually" }, { children: (0, jsx_runtime_1.jsxs)(Flex_1.Flex, Object.assign({ style: {
+                        width: "100%",
+                        flexDirection: "row",
+                        justifyContent: "space-between",
+                    } }, { children: [(0, jsx_runtime_1.jsx)("div", { children: "To pay today" }), (0, jsx_runtime_1.jsx)("div", { children: "$1265.00" })] })) })), (0, jsx_runtime_1.jsxs)(Radio_1.Radio, Object.assign({ value: "monthly", label: "Pay monthly" }, { children: [(0, jsx_runtime_1.jsxs)(Flex_1.Flex, Object.assign({ style: {
+                            width: "100%",
+                            flexDirection: "row",
+                            justifyContent: "space-between",
+                            marginBottom: "var(--size-20)",
+                        } }, { children: [(0, jsx_runtime_1.jsx)("div", { children: "To pay today" }), (0, jsx_runtime_1.jsx)("div", { children: "$316.25" })] })), (0, jsx_runtime_1.jsxs)(Flex_1.Flex, Object.assign({ style: {
+                            width: "100%",
+                            flexDirection: "row",
+                            justifyContent: "space-between",
+                        } }, { children: [(0, jsx_runtime_1.jsx)("div", { children: "10 monthly payments of" }), (0, jsx_runtime_1.jsx)("div", { children: "$94.88" })] })), (0, jsx_runtime_1.jsx)(Divider_1.Divider, {}), (0, jsx_runtime_1.jsxs)(Flex_1.Flex, Object.assign({ style: {
+                            width: "100%",
+                            flexDirection: "row",
+                            justifyContent: "space-between",
+                        } }, { children: [(0, jsx_runtime_1.jsx)("div", { children: (0, jsx_runtime_1.jsx)("strong", { children: "Total" }) }), (0, jsx_runtime_1.jsx)("div", { children: (0, jsx_runtime_1.jsx)("strong", { children: "$1265.00" }) })] }))] }))] }))),
+    args: {
+        label: "Payment Options",
+        isDisabled: false,
+        errorMessage: "",
+        orientation: "vertical",
+    },
+};
+exports.HorizontalLayout = {
+    render: (args) => ((0, jsx_runtime_1.jsxs)(RadioGroup_1.RadioGroup, Object.assign({}, args, { children: [(0, jsx_runtime_1.jsx)(Radio_1.Radio, { value: "red", label: "Red" }), (0, jsx_runtime_1.jsx)(Radio_1.Radio, { value: "blue", label: "Blue" })] }))),
+    args: {
+        label: "Color",
+        isDisabled: false,
+        errorMessage: "",
+        orientation: "horizontal",
+    },
+};
+//# sourceMappingURL=Radio.stories.js.map

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

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