@simplybusiness/mobius 3.7.1 → 3.9.0

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

@@ -0,0 +1,200 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.RenderCellsWithCustomElements = exports.RowSpanning = exports.ColumnSpanning = exports.Collapsing = exports.Sorting = exports.DivLayout = exports.TableLayout = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const baseIcons = __importStar(require("@simplybusiness/icons"));
+const _1 = require(".");
+const mockTableData_1 = require("./mockTableData");
+const contexts_1 = require("../../contexts");
+const Button_1 = require("../Button");
+const Flex_1 = require("../Flex");
+const excludeControls_1 = require("../../utils/excludeControls");
+const breakpoints = [
+    {
+        size: "xs",
+        value: 320,
+    },
+    {
+        size: "sm",
+        value: 540,
+    },
+    {
+        size: "md",
+        value: 720,
+    },
+    {
+        size: "lg",
+        value: 960,
+    },
+    {
+        size: "xl",
+        value: 1140,
+    },
+    {
+        size: "xxl",
+        value: 1320,
+    },
+];
+const setBreakpoints = () => { };
+exports.default = {
+    title: "Components/DataTable",
+    component: _1.DataTable,
+    argTypes: (0, excludeControls_1.excludeControls)("className", "caption", "spanData", "collapseData"),
+};
+exports.TableLayout = {
+    render: (args) => ((0, jsx_runtime_1.jsx)("div", { children: (0, jsx_runtime_1.jsx)(_1.DataTable, Object.assign({}, args)) })),
+    args: {
+        data: mockTableData_1.data,
+        columns: mockTableData_1.columns,
+        layout: "table",
+        isSortable: false,
+    },
+};
+exports.DivLayout = {
+    render: (args) => ((0, jsx_runtime_1.jsx)("div", { children: (0, jsx_runtime_1.jsx)(_1.DataTable, Object.assign({}, args)) })),
+    args: {
+        data: mockTableData_1.data,
+        columns: mockTableData_1.columns,
+        layout: "flex",
+        isSortable: false,
+    },
+};
+exports.Sorting = {
+    render: (args) => ((0, jsx_runtime_1.jsx)("div", { children: (0, jsx_runtime_1.jsx)(_1.DataTable, Object.assign({}, args)) })),
+    args: {
+        data: mockTableData_1.data,
+        columns: mockTableData_1.columns,
+        layout: "table",
+        isSortable: true,
+    },
+};
+exports.Collapsing = {
+    render: (args) => ((0, jsx_runtime_1.jsx)("div", { children: (0, jsx_runtime_1.jsx)(_1.DataTable, Object.assign({}, args)) })),
+    args: {
+        data: mockTableData_1.data,
+        columns: mockTableData_1.columns,
+        collapseData: {
+            collapseOnSize: "md",
+            collapseColumns: ["lowest_excess"],
+        },
+        layout: "table",
+        isSortable: false,
+    },
+    decorators: [
+        Story => ((0, jsx_runtime_1.jsx)(contexts_1.ThemeContext.Provider, Object.assign({ value: {
+                breakpoints,
+                setBreakpoints,
+                icons: baseIcons,
+            } }, { children: (0, jsx_runtime_1.jsx)(Story, {}) }))),
+    ],
+};
+exports.ColumnSpanning = {
+    render: (args) => ((0, jsx_runtime_1.jsx)("div", { children: (0, jsx_runtime_1.jsx)(_1.DataTable, Object.assign({}, args)) })),
+    args: {
+        data: [
+            {
+                insurance_cover: "Employers' liability",
+                lowest_excess: "£250",
+                highest_excess: "£2,500",
+            },
+            {
+                insurance_cover: "Public liability",
+                lowest_excess: "£350",
+            },
+            {
+                insurance_cover: "Stock",
+                lowest_excess: "£100",
+                highest_excess: "£500",
+            },
+        ],
+        columns: mockTableData_1.columns,
+        spanData: {
+            lowest_excess: {
+                colspan: 2,
+                targetValue: "£350",
+                substValue: "Lorem Ipsum is simply dummy text of the printing and typesetting industry.",
+                spanClass: "customSpanClass",
+            },
+        },
+        layout: "table",
+        isSortable: false,
+    },
+};
+exports.RowSpanning = {
+    render: (args) => ((0, jsx_runtime_1.jsx)("div", { children: (0, jsx_runtime_1.jsx)(_1.DataTable, Object.assign({}, args)) })),
+    args: {
+        data: [
+            {
+                insurance_cover: "Employers' liability",
+                lowest_excess: "£250",
+                highest_excess: "£2,500",
+            },
+            {
+                insurance_cover: "Public liability",
+                lowest_excess: "£350",
+                highest_excess: "£500",
+            },
+            {
+                lowest_excess: "£100",
+                highest_excess: "£500",
+            },
+        ],
+        columns: mockTableData_1.columns,
+        spanData: {
+            insurance_cover: {
+                rowspan: 2,
+                targetValue: "Public liability",
+                spanClass: "customSpanClass",
+            },
+        },
+        layout: "table",
+        isSortable: false,
+    },
+};
+exports.RenderCellsWithCustomElements = {
+    render: (args) => ((0, jsx_runtime_1.jsx)("div", { children: (0, jsx_runtime_1.jsx)(_1.DataTable, Object.assign({}, args)) })),
+    args: {
+        data: mockTableData_1.data,
+        columns: [
+            {
+                Header: "Insurance cover",
+                accessor: "insurance_cover",
+            },
+            {
+                Header: "Lowest excess",
+                accessor: "lowest_excess",
+            },
+            {
+                Header: "Highest excess",
+                accessor: "highest_excess",
+                Cell: ({ value }) => ((0, jsx_runtime_1.jsxs)(Flex_1.Flex, { children: [(0, jsx_runtime_1.jsx)(Button_1.Button, Object.assign({ onClick: () => console.log(value) }, { children: "Buy" })), (0, jsx_runtime_1.jsx)(Button_1.Button, Object.assign({ variant: "basic", onClick: () => console.log(value) }, { children: "Details" }))] })),
+            },
+        ],
+        layout: "table",
+        isSortable: false,
+    },
+};
+//# sourceMappingURL=DataTable.stories.js.map

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

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

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

@@ -0,0 +1,16 @@
+import type { Meta } from "@storybook/react";
+import { DatePicker } from "./DatePicker";
+declare const _default: {
+    title: string;
+    component: typeof DatePicker;
+    argTypes: {
+        locale: {
+            control: {
+                type: string;
+            };
+            options: string[];
+        };
+    };
+};
+export default _default;
+export declare const Normal: Meta<typeof DatePicker>;

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

@@ -0,0 +1,28 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Normal = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const date_1 = require("@internationalized/date");
+const i18n_1 = require("@react-aria/i18n");
+const DatePicker_1 = require("./DatePicker");
+exports.default = {
+    title: "Forms/DatePicker",
+    component: DatePicker_1.DatePicker,
+    argTypes: {
+        locale: {
+            control: { type: "select" },
+            options: ["", "en-GB", "en-US"],
+        },
+    },
+};
+exports.Normal = {
+    render: (args) => ((0, jsx_runtime_1.jsx)(DatePicker_1.DatePicker, Object.assign({ minValue: (0, date_1.parseDate)("2022-05-05") }, args))),
+    args: {
+        label: "Start date",
+        isRequired: false,
+    },
+    decorators: [
+        (Story, context) => ((0, jsx_runtime_1.jsx)(i18n_1.I18nProvider, Object.assign({ locale: context.allArgs.locale }, { children: (0, jsx_runtime_1.jsx)(Story, {}) }))),
+    ],
+};
+//# sourceMappingURL=DatePicker.stories.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"DatePicker.stories.js","sourceRoot":"","sources":["../../../../src/components/DatePicker/DatePicker.stories.tsx"],"names":[],"mappings":";;;;AACA,kDAAoD;AACpD,2CAAgD;AAChD,6CAA2D;AAE3D,kBAAe;IACb,KAAK,EAAE,kBAAkB;IACzB,SAAS,EAAE,uBAAU;IACrB,QAAQ,EAAE;QACR,MAAM,EAAE;YACN,OAAO,EAAE,EAAE,IAAI,EAAE,QAAQ,EAAE;YAC3B,OAAO,EAAE,CAAC,EAAE,EAAE,OAAO,EAAE,OAAO,CAAC;SAChC;KACF;CACF,CAAC;AAEW,QAAA,MAAM,GAA4B;IAC7C,MAAM,EAAE,CAAC,IAAqB,EAAE,EAAE,CAAC,CACjC,uBAAC,uBAAU,kBAAC,QAAQ,EAAE,IAAA,gBAAS,EAAC,YAAY,CAAC,IAAM,IAAI,EAAI,CAC5D;IACD,IAAI,EAAE;QACJ,KAAK,EAAE,YAAY;QACnB,UAAU,EAAE,KAAK;KAClB;IACD,UAAU,EAAE;QACV,CAAC,KAAK,EAAE,OAAO,EAAE,EAAE,CAAC,CAClB,uBAAC,mBAAY,kBAAC,MAAM,EAAE,OAAO,CAAC,OAAO,CAAC,MAAM,gBAC1C,uBAAC,KAAK,KAAG,IACI,CAChB;KACF;CACF,CAAC"}

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

@@ -0,0 +1,13 @@
+/// <reference types="react" />
+import type { Meta } from "@storybook/react";
+import { Divider, DividerProps } from "./Divider";
+declare const _default: {
+    title: string;
+    component: {
+        (props: DividerProps): JSX.Element;
+        displayName: string;
+    };
+    argTypes: {};
+};
+export default _default;
+export declare const Normal: Meta<typeof Divider>;

package/dist/cjs/components/Divider/Divider.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 Divider_1 = require("./Divider");
+const excludeControls_1 = require("../../utils/excludeControls");
+exports.default = {
+    title: "Components/Divider",
+    component: Divider_1.Divider,
+    argTypes: (0, excludeControls_1.excludeControls)("className"),
+};
+exports.Normal = {
+    render: (args) => (0, jsx_runtime_1.jsx)(Divider_1.Divider, Object.assign({}, args)),
+};
+//# sourceMappingURL=Divider.stories.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Divider.stories.js","sourceRoot":"","sources":["../../../../src/components/Divider/Divider.stories.tsx"],"names":[],"mappings":";;;;AACA,uCAAkD;AAClD,iEAA8D;AAE9D,kBAAe;IACb,KAAK,EAAE,oBAAoB;IAC3B,SAAS,EAAE,iBAAO;IAClB,QAAQ,EAAE,IAAA,iCAAe,EAAC,WAAW,CAAC;CACvC,CAAC;AAEW,QAAA,MAAM,GAAyB;IAC1C,MAAM,EAAE,CAAC,IAAkB,EAAE,EAAE,CAAC,uBAAC,iBAAO,oBAAK,IAAI,EAAI;CACtD,CAAC"}

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

@@ -0,0 +1,21 @@
+/// <reference types="react" />
+import type { Meta } from "@storybook/react";
+import { DropdownMenu } from ".";
+declare const _default: {
+    title: string;
+    component: import(".").DropdownMenuCompound;
+    argTypes: {};
+    decorators: ((Story: import("@storybook/types").PartialStoryFn<import("@storybook/react/dist/types-0a347bb9").R, {
+        label?: string | undefined;
+        key?: import("react").Key | null | undefined;
+        className?: string | undefined;
+        id?: string | undefined;
+        children?: import("react").ReactNode;
+        elementType?: string | import("react").ComponentClass<any, any> | import("react").FunctionComponent<any> | undefined;
+        trigger?: import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>> | undefined;
+        ref?: import("react").Ref<HTMLElement> | undefined;
+    }>) => JSX.Element)[];
+};
+export default _default;
+export declare const Normal: Meta<typeof DropdownMenu>;
+export declare const WithCustomTrigger: Meta<typeof DropdownMenu>;

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

@@ -0,0 +1,64 @@
+"use strict";
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.WithCustomTrigger = exports.Normal = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("react");
+const clsx_1 = __importDefault(require("clsx"));
+const _1 = require(".");
+const Icon_1 = require("../Icon");
+const excludeControls_1 = require("../../utils/excludeControls");
+const CustomTrigger = (0, react_1.forwardRef)((props) => {
+    const { className, open } = props, otherProps = __rest(props, ["className", "open"]);
+    const classes = (0, clsx_1.default)({
+        "--is-open": open,
+    });
+    return ((0, jsx_runtime_1.jsxs)("button", Object.assign({ type: "button", className: className }, otherProps, { children: [open ? "Close" : "Open", " ", (0, jsx_runtime_1.jsx)(Icon_1.Icon, { name: "chevronDown", className: classes })] })));
+});
+exports.default = {
+    title: "Components/DropdownMenu",
+    component: _1.DropdownMenu,
+    argTypes: (0, excludeControls_1.excludeControls)("className", "elementType", "trigger", "style"),
+    decorators: [
+        Story => {
+            // eslint-disable-next-line global-require
+            require("./DropdownMenu.story.styles.css");
+            return (0, jsx_runtime_1.jsx)(Story, {});
+        },
+    ],
+};
+exports.Normal = {
+    render: (args) => ((0, jsx_runtime_1.jsx)("div", Object.assign({ style: {
+            height: 300,
+        } }, { children: (0, jsx_runtime_1.jsxs)(_1.DropdownMenu, Object.assign({}, args, { children: [(0, jsx_runtime_1.jsx)(_1.DropdownMenu.Item, { children: "Home" }), (0, jsx_runtime_1.jsx)(_1.DropdownMenu.Item, { children: "My details" }), (0, jsx_runtime_1.jsx)(_1.DropdownMenu.Item, { children: "Sign out" })] })) }))),
+    args: {
+        label: "Menu",
+    },
+};
+exports.WithCustomTrigger = {
+    render: (args) => ((0, jsx_runtime_1.jsx)("div", Object.assign({ style: {
+            height: 300,
+        }, className: "dropdownmenu-example-custom-trigger" }, { children: (0, jsx_runtime_1.jsxs)(_1.DropdownMenu, Object.assign({}, args, { children: [(0, jsx_runtime_1.jsx)(_1.DropdownMenu.Item, Object.assign({ onClick: () => alert("Clicked Home") }, { children: "Home" })), (0, jsx_runtime_1.jsx)(_1.DropdownMenu.Item, { children: "My details" }), (0, jsx_runtime_1.jsx)(_1.DropdownMenu.Item, { children: "Sign out" })] })) }))),
+    args: {
+        trigger: (0, jsx_runtime_1.jsx)(CustomTrigger, {}),
+    },
+    parameters: {
+        controls: {
+            exclude: ["label"],
+        },
+    },
+};
+//# sourceMappingURL=DropdownMenu.stories.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"DropdownMenu.stories.js","sourceRoot":"","sources":["../../../../src/components/DropdownMenu/DropdownMenu.stories.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;AACA,iCAAmC;AACnC,gDAAwB;AACxB,wBAAoD;AACpD,kCAA+B;AAC/B,iEAA8D;AAO9D,MAAM,aAAa,GAAG,IAAA,kBAAU,EAAC,CAAC,KAAyB,EAAE,EAAE;IAC7D,MAAM,EAAE,SAAS,EAAE,IAAI,KAAoB,KAAK,EAApB,UAAU,UAAK,KAAK,EAA1C,qBAAkC,CAAQ,CAAC;IACjD,MAAM,OAAO,GAAG,IAAA,cAAI,EAAC;QACnB,WAAW,EAAE,IAAI;KAClB,CAAC,CAAC;IACH,OAAO,CACL,kDAAQ,IAAI,EAAC,QAAQ,EAAC,SAAS,EAAE,SAAS,IAAM,UAAU,eACvD,IAAI,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,MAAM,OAAE,uBAAC,WAAI,IAAC,IAAI,EAAC,aAAa,EAAC,SAAS,EAAE,OAAO,GAAI,KAClE,CACV,CAAC;AACJ,CAAC,CAAC,CAAC;AAEH,kBAAe;IACb,KAAK,EAAE,yBAAyB;IAChC,SAAS,EAAE,eAAY;IACvB,QAAQ,EAAE,IAAA,iCAAe,EAAC,WAAW,EAAE,aAAa,EAAE,SAAS,EAAE,OAAO,CAAC;IACzE,UAAU,EAAE;QACV,KAAK,CAAC,EAAE;YACN,0CAA0C;YAC1C,OAAO,CAAC,iCAAiC,CAAC,CAAC;YAE3C,OAAO,uBAAC,KAAK,KAAG,CAAC;QACnB,CAAC;KACF;CACkC,CAAC;AAEzB,QAAA,MAAM,GAA8B;IAC/C,MAAM,EAAE,CAAC,IAAuB,EAAE,EAAE,CAAC,CACnC,8CACE,KAAK,EAAE;YACL,MAAM,EAAE,GAAG;SACZ,gBAED,wBAAC,eAAY,oBAAK,IAAI,eACpB,uBAAC,eAAY,CAAC,IAAI,uBAAyB,EAC3C,uBAAC,eAAY,CAAC,IAAI,6BAA+B,EACjD,uBAAC,eAAY,CAAC,IAAI,2BAA6B,KAClC,IACX,CACP;IACD,IAAI,EAAE;QACJ,KAAK,EAAE,MAAM;KACd;CACF,CAAC;AAEW,QAAA,iBAAiB,GAA8B;IAC1D,MAAM,EAAE,CAAC,IAAuB,EAAE,EAAE,CAAC,CACnC,8CACE,KAAK,EAAE;YACL,MAAM,EAAE,GAAG;SACZ,EACD,SAAS,EAAC,qCAAqC,gBAE/C,wBAAC,eAAY,oBAAK,IAAI,eAEpB,uBAAC,eAAY,CAAC,IAAI,kBAAC,OAAO,EAAE,GAAG,EAAE,CAAC,KAAK,CAAC,cAAc,CAAC,0BAEnC,EACpB,uBAAC,eAAY,CAAC,IAAI,6BAA+B,EACjD,uBAAC,eAAY,CAAC,IAAI,2BAA6B,KAClC,IACX,CACP;IACD,IAAI,EAAE;QACJ,OAAO,EAAE,uBAAC,aAAa,KAAG;KAC3B;IACD,UAAU,EAAE;QACV,QAAQ,EAAE;YACR,OAAO,EAAE,CAAC,OAAO,CAAC;SACnB;KACF;CACF,CAAC"}

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

@@ -0,0 +1,14 @@
+/// <reference types="react" />
+import type { Meta } from "@storybook/react";
+import { ErrorMessage, ErrorMessageProps } from ".";
+declare const _default: {
+    title: string;
+    component: {
+        ({ id, errorMessage, className, }: ErrorMessageProps): JSX.Element | null;
+        displayName: string;
+    };
+    argTypes: {};
+};
+export default _default;
+export declare const Normal: Meta<typeof ErrorMessage>;
+export declare const LongMessage: Meta<typeof ErrorMessage>;

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

@@ -0,0 +1,24 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.LongMessage = exports.Normal = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const _1 = require(".");
+const excludeControls_1 = require("../../utils/excludeControls");
+exports.default = {
+    title: "Forms/ErrorMessage",
+    component: _1.ErrorMessage,
+    argTypes: (0, excludeControls_1.excludeControls)("id", "className"),
+};
+exports.Normal = {
+    render: (args) => (0, jsx_runtime_1.jsx)(_1.ErrorMessage, Object.assign({}, args)),
+    args: {
+        errorMessage: "This is an error message",
+    },
+};
+exports.LongMessage = {
+    render: (args) => (0, jsx_runtime_1.jsx)(_1.ErrorMessage, Object.assign({}, args)),
+    args: {
+        errorMessage: "Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse vestibulum, mauris ac egestas rutrum, dui urna imperdiet velit, ac malesuada velit augue eget orci. Duis id purus et elit tempus egestas ut eget tellus. Praesent tempus sit amet metus iaculis auctor. Morbi aliquet nibh sit amet neque congue dictum. Proin auctor pellentesque facilisis. Donec rutrum at ante a pulvinar. In hac habitasse platea dictumst. Mauris non blandit nulla. Duis facilisis fringilla cursus. Interdum et malesuada fames ac ante ipsum primis in faucibus.",
+    },
+};
+//# sourceMappingURL=ErrorMessage.stories.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ErrorMessage.stories.js","sourceRoot":"","sources":["../../../../src/components/ErrorMessage/ErrorMessage.stories.tsx"],"names":[],"mappings":";;;;AACA,wBAAoD;AACpD,iEAA8D;AAE9D,kBAAe;IACb,KAAK,EAAE,oBAAoB;IAC3B,SAAS,EAAE,eAAY;IACvB,QAAQ,EAAE,IAAA,iCAAe,EAAC,IAAI,EAAE,WAAW,CAAC;CAC7C,CAAC;AAEW,QAAA,MAAM,GAA8B;IAC/C,MAAM,EAAE,CAAC,IAAuB,EAAE,EAAE,CAAC,uBAAC,eAAY,oBAAK,IAAI,EAAI;IAC/D,IAAI,EAAE;QACJ,YAAY,EAAE,0BAA0B;KACzC;CACF,CAAC;AAEW,QAAA,WAAW,GAA8B;IACpD,MAAM,EAAE,CAAC,IAAuB,EAAE,EAAE,CAAC,uBAAC,eAAY,oBAAK,IAAI,EAAI;IAC/D,IAAI,EAAE;QACJ,YAAY,EACV,giBAAgiB;KACniB;CACF,CAAC"}

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

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

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

@@ -0,0 +1,25 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.WithLegend = exports.Normal = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const Fieldset_1 = require("./Fieldset");
+const TextField_1 = require("../TextField");
+const excludeControls_1 = require("../../utils/excludeControls");
+exports.default = {
+    title: "Forms/Fieldset",
+    component: Fieldset_1.Fieldset,
+    argTypes: (0, excludeControls_1.excludeControls)("className", "legendComponent"),
+};
+exports.Normal = {
+    render: (args) => ((0, jsx_runtime_1.jsxs)(Fieldset_1.Fieldset, Object.assign({}, args, { children: [(0, jsx_runtime_1.jsx)(TextField_1.TextField, { label: "Full name" }), (0, jsx_runtime_1.jsx)(TextField_1.TextField, { label: "Street" }), (0, jsx_runtime_1.jsx)(TextField_1.TextField, { label: "Number" }), (0, jsx_runtime_1.jsx)(TextField_1.TextField, { label: "City" }), (0, jsx_runtime_1.jsx)(TextField_1.TextField, { label: "Postcode" })] }))),
+    args: {
+        legend: "",
+    },
+};
+exports.WithLegend = {
+    render: (args) => ((0, jsx_runtime_1.jsxs)(Fieldset_1.Fieldset, Object.assign({}, args, { children: [(0, jsx_runtime_1.jsx)(TextField_1.TextField, { label: "Full name" }), (0, jsx_runtime_1.jsx)(TextField_1.TextField, { label: "Street" }), (0, jsx_runtime_1.jsx)(TextField_1.TextField, { label: "Number" }), (0, jsx_runtime_1.jsx)(TextField_1.TextField, { label: "City" }), (0, jsx_runtime_1.jsx)(TextField_1.TextField, { label: "Postcode" })] }))),
+    args: {
+        legend: "Contact Details",
+    },
+};
+//# sourceMappingURL=Fieldset.stories.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Fieldset.stories.js","sourceRoot":"","sources":["../../../../src/components/Fieldset/Fieldset.stories.tsx"],"names":[],"mappings":";;;;AACA,yCAAqD;AACrD,4CAAyC;AACzC,iEAA8D;AAE9D,kBAAe;IACb,KAAK,EAAE,gBAAgB;IACvB,SAAS,EAAE,mBAAQ;IACnB,QAAQ,EAAE,IAAA,iCAAe,EAAC,WAAW,EAAE,iBAAiB,CAAC;CAC1D,CAAC;AAEW,QAAA,MAAM,GAA0B;IAC3C,MAAM,EAAE,CAAC,IAAmB,EAAE,EAAE,CAAC,CAC/B,wBAAC,mBAAQ,oBAAK,IAAI,eAChB,uBAAC,qBAAS,IAAC,KAAK,EAAC,WAAW,GAAG,EAC/B,uBAAC,qBAAS,IAAC,KAAK,EAAC,QAAQ,GAAG,EAC5B,uBAAC,qBAAS,IAAC,KAAK,EAAC,QAAQ,GAAG,EAC5B,uBAAC,qBAAS,IAAC,KAAK,EAAC,MAAM,GAAG,EAC1B,uBAAC,qBAAS,IAAC,KAAK,EAAC,UAAU,GAAG,KACrB,CACZ;IACD,IAAI,EAAE;QACJ,MAAM,EAAE,EAAE;KACX;CACF,CAAC;AAEW,QAAA,UAAU,GAA0B;IAC/C,MAAM,EAAE,CAAC,IAAmB,EAAE,EAAE,CAAC,CAC/B,wBAAC,mBAAQ,oBAAK,IAAI,eAChB,uBAAC,qBAAS,IAAC,KAAK,EAAC,WAAW,GAAG,EAC/B,uBAAC,qBAAS,IAAC,KAAK,EAAC,QAAQ,GAAG,EAC5B,uBAAC,qBAAS,IAAC,KAAK,EAAC,QAAQ,GAAG,EAC5B,uBAAC,qBAAS,IAAC,KAAK,EAAC,MAAM,GAAG,EAC1B,uBAAC,qBAAS,IAAC,KAAK,EAAC,UAAU,GAAG,KACrB,CACZ;IACD,IAAI,EAAE;QACJ,MAAM,EAAE,iBAAiB;KAC1B;CACF,CAAC"}

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

@@ -0,0 +1,82 @@
+import type { Meta } from "@storybook/react";
+import { Flex } from "./Flex";
+import { FlexProps } from "./types";
+declare const _default: {
+    title: string;
+    component: import("../..").ForwardedRefComponent<FlexProps, HTMLDivElement>;
+    argTypes: {
+        flexDirection: {
+            control: {
+                type: string;
+            };
+            options: string[];
+        };
+        flexWrap: {
+            control: {
+                type: string;
+            };
+            options: string[];
+        };
+        flexGrow: {
+            control: {
+                type: string;
+            };
+            if: {
+                arg: string;
+                truthy: boolean;
+            };
+        };
+        flex: {
+            control: {
+                type: string;
+            };
+        };
+        justifyContent: {
+            control: {
+                type: string;
+            };
+            options: string[];
+        };
+        alignItems: {
+            control: {
+                type: string;
+            };
+            options: string[];
+        };
+        alignContent: {
+            control: {
+                type: string;
+            };
+            options: string[];
+        };
+        gap: {
+            control: {
+                type: string;
+            };
+            options: string[];
+        };
+        rowGap: {
+            control: {
+                type: string;
+            };
+            options: string[];
+            if: {
+                arg: string;
+                truthy: boolean;
+            };
+        };
+        columnGap: {
+            control: {
+                type: string;
+            };
+            options: string[];
+            if: {
+                arg: string;
+                truthy: boolean;
+            };
+        };
+    };
+};
+export default _default;
+export declare const RowLayout: Meta<typeof Flex>;
+export declare const ColumnLayout: Meta<typeof Flex>;