@simplybusiness/mobius 3.8.0 → 3.9.1

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

@@ -0,0 +1,46 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Spinning = exports.Normal = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const Icon_1 = require("./Icon");
+const excludeControls_1 = require("../../utils/excludeControls");
+exports.default = {
+    title: "Components/Icon",
+    component: Icon_1.Icon,
+    argTypes: Object.assign({ name: {
+            options: [
+                "menu",
+                "rightArrow",
+                "leftArrow",
+                "dropdown",
+                "home",
+                "star",
+                "youtube",
+                "error",
+                "search",
+                "user",
+                "chevronDown",
+                "loading",
+            ],
+            control: { type: "radio" },
+        }, spin: {
+            if: {
+                arg: "name",
+                eq: "loading",
+            },
+        } }, (0, excludeControls_1.excludeControls)("className", "icon")),
+};
+exports.Normal = {
+    render: (args) => (0, jsx_runtime_1.jsx)(Icon_1.Icon, Object.assign({}, args)),
+    args: {
+        name: "chevronDown",
+    },
+};
+exports.Spinning = {
+    render: (args) => (0, jsx_runtime_1.jsx)(Icon_1.Icon, Object.assign({}, args)),
+    args: {
+        spin: true,
+        name: "loading",
+    },
+};
+//# sourceMappingURL=Icon.stories.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Icon.stories.js","sourceRoot":"","sources":["../../../../src/components/Icon/Icon.stories.tsx"],"names":[],"mappings":";;;;AACA,iCAA8B;AAC9B,iEAA8D;AAG9D,kBAAe;IACb,KAAK,EAAE,iBAAiB;IACxB,SAAS,EAAE,WAAI;IACf,QAAQ,kBACN,IAAI,EAAE;YACJ,OAAO,EAAE;gBACP,MAAM;gBACN,YAAY;gBACZ,WAAW;gBACX,UAAU;gBACV,MAAM;gBACN,MAAM;gBACN,SAAS;gBACT,OAAO;gBACP,QAAQ;gBACR,MAAM;gBACN,aAAa;gBACb,SAAS;aACV;YACD,OAAO,EAAE,EAAE,IAAI,EAAE,OAAO,EAAE;SAC3B,EACD,IAAI,EAAE;YACJ,EAAE,EAAE;gBACF,GAAG,EAAE,MAAM;gBACX,EAAE,EAAE,SAAS;aACd;SACF,IACE,IAAA,iCAAe,EAAC,WAAW,EAAE,MAAM,CAAC,CACxC;CACF,CAAC;AAEW,QAAA,MAAM,GAAsB;IACvC,MAAM,EAAE,CAAC,IAAe,EAAE,EAAE,CAAC,uBAAC,WAAI,oBAAK,IAAI,EAAI;IAC/C,IAAI,EAAE;QACJ,IAAI,EAAE,aAAa;KACpB;CACF,CAAC;AAEW,QAAA,QAAQ,GAAsB;IACzC,MAAM,EAAE,CAAC,IAAe,EAAE,EAAE,CAAC,uBAAC,WAAI,oBAAK,IAAI,EAAI;IAC/C,IAAI,EAAE;QACJ,IAAI,EAAE,IAAI;QACV,IAAI,EAAE,SAAS;KAChB;CACF,CAAC"}

package/dist/cjs/components/Icon/types.d.ts

@@ -6,6 +6,8 @@ export interface BaseIconProps extends RefAttributes<SVGSVGElement> {
     className?: string;
     /** Spin the icon */
     spin?: boolean;
+    fontSize?: string;
+    color?: string;
 }
 export interface IconProps extends BaseIconProps, Partial<IconFromNameProps>, Partial<IconFromObjectProps> {
 }

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

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

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

@@ -0,0 +1,20 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Normal = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const Image_1 = require("./Image");
+const excludeControls_1 = require("../../utils/excludeControls");
+const testImg = "data:image/png;base64,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";
+exports.default = {
+    title: "Components/Image",
+    component: Image_1.Image,
+    argTypes: (0, excludeControls_1.excludeControls)("elementType", "className"),
+};
+exports.Normal = {
+    render: (args) => (0, jsx_runtime_1.jsx)(Image_1.Image, Object.assign({}, args)),
+    args: {
+        src: testImg,
+        alt: "test image",
+    },
+};
+//# sourceMappingURL=Image.stories.js.map

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

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

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

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

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

@@ -0,0 +1,18 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Normal = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const Label_1 = require("./Label");
+const excludeControls_1 = require("../../utils/excludeControls");
+exports.default = {
+    title: "Forms/Label",
+    component: Label_1.Label,
+    argTypes: (0, excludeControls_1.excludeControls)("className", "elementType"),
+};
+exports.Normal = {
+    render: (args) => (0, jsx_runtime_1.jsx)(Label_1.Label, Object.assign({}, args)),
+    args: {
+        children: "Example label",
+    },
+};
+//# sourceMappingURL=Label.stories.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Label.stories.js","sourceRoot":"","sources":["../../../../src/components/Label/Label.stories.tsx"],"names":[],"mappings":";;;;AACA,mCAA4C;AAC5C,iEAA8D;AAE9D,kBAAe;IACb,KAAK,EAAE,aAAa;IACpB,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,QAAQ,EAAE,eAAe;KAC1B;CACF,CAAC"}

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

@@ -0,0 +1,38 @@
+import type { Meta } from "@storybook/react";
+import { Link, LinkProps } from "./Link";
+declare const _default: {
+    title: string;
+    component: import("../..").ForwardedRefComponent<LinkProps, HTMLAnchorElement>;
+    argTypes: {
+        target: {
+            options: string[];
+            control: {
+                type: string;
+            };
+        };
+        to: {
+            control: {
+                type: string;
+            };
+        };
+        title: {
+            control: {
+                type: string;
+            };
+        };
+        download: {
+            control: {
+                type: string;
+            };
+        };
+        rel: {
+            options: string[];
+            control: {
+                type: string;
+            };
+        };
+    };
+};
+export default _default;
+export declare const Normal: Meta<typeof Link>;
+export declare const Disabled: Meta<typeof Link>;

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

@@ -0,0 +1,44 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Disabled = exports.Normal = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const Link_1 = require("./Link");
+const excludeControls_1 = require("../../utils/excludeControls");
+exports.default = {
+    title: "Components/Link",
+    component: Link_1.Link,
+    argTypes: Object.assign({ target: {
+            options: ["_self", "_blank", "_parent", "_top"],
+            control: { type: "select" },
+        }, to: {
+            control: { type: "text" },
+        }, title: {
+            control: { type: "text" },
+        }, download: {
+            control: { type: "boolean" },
+        }, rel: {
+            options: ["noopener noreferrer", "canonical", "nofollow"],
+            control: { type: "select" },
+        } }, (0, excludeControls_1.excludeControls)("className", "elementType", "style", "onClick")),
+};
+exports.Normal = {
+    render: (args) => (0, jsx_runtime_1.jsx)(Link_1.Link, Object.assign({}, args, { children: "Link text" })),
+    args: {
+        href: "https://www.google.com",
+        isDisabled: false,
+        download: false,
+        to: "",
+        title: "",
+    },
+};
+exports.Disabled = {
+    render: (args) => (0, jsx_runtime_1.jsx)(Link_1.Link, Object.assign({}, args, { children: "Link text" })),
+    args: {
+        href: "https://www.google.com",
+        isDisabled: true,
+        download: false,
+        to: "",
+        title: "",
+    },
+};
+//# sourceMappingURL=Link.stories.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Link.stories.js","sourceRoot":"","sources":["../../../../src/components/Link/Link.stories.tsx"],"names":[],"mappings":";;;;AACA,iCAAyC;AACzC,iEAA8D;AAE9D,kBAAe;IACb,KAAK,EAAE,iBAAiB;IACxB,SAAS,EAAE,WAAI;IACf,QAAQ,kBACN,MAAM,EAAE;YACN,OAAO,EAAE,CAAC,OAAO,EAAE,QAAQ,EAAE,SAAS,EAAE,MAAM,CAAC;YAC/C,OAAO,EAAE,EAAE,IAAI,EAAE,QAAQ,EAAE;SAC5B,EACD,EAAE,EAAE;YACF,OAAO,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE;SAC1B,EACD,KAAK,EAAE;YACL,OAAO,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE;SAC1B,EACD,QAAQ,EAAE;YACR,OAAO,EAAE,EAAE,IAAI,EAAE,SAAS,EAAE;SAC7B,EACD,GAAG,EAAE;YACH,OAAO,EAAE,CAAC,qBAAqB,EAAE,WAAW,EAAE,UAAU,CAAC;YACzD,OAAO,EAAE,EAAE,IAAI,EAAE,QAAQ,EAAE;SAC5B,IACE,IAAA,iCAAe,EAAC,WAAW,EAAE,aAAa,EAAE,OAAO,EAAE,SAAS,CAAC,CACnE;CACF,CAAC;AAEW,QAAA,MAAM,GAAsB;IACvC,MAAM,EAAE,CAAC,IAAe,EAAE,EAAE,CAAC,uBAAC,WAAI,oBAAK,IAAI,6BAAkB;IAC7D,IAAI,EAAE;QACJ,IAAI,EAAE,wBAAwB;QAC9B,UAAU,EAAE,KAAK;QACjB,QAAQ,EAAE,KAAK;QACf,EAAE,EAAE,EAAE;QACN,KAAK,EAAE,EAAE;KACV;CACF,CAAC;AAEW,QAAA,QAAQ,GAAsB;IACzC,MAAM,EAAE,CAAC,IAAe,EAAE,EAAE,CAAC,uBAAC,WAAI,oBAAK,IAAI,6BAAkB;IAC7D,IAAI,EAAE;QACJ,IAAI,EAAE,wBAAwB;QAC9B,UAAU,EAAE,IAAI;QAChB,QAAQ,EAAE,KAAK;QACf,EAAE,EAAE,EAAE;QACN,KAAK,EAAE,EAAE;KACV;CACF,CAAC"}

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

@@ -0,0 +1,48 @@
+import type { Meta } from "@storybook/react";
+import { LinkButton } from "./LinkButton";
+declare const _default: {
+    title: string;
+    component: typeof LinkButton;
+    argTypes: {
+        target: {
+            options: string[];
+            control: {
+                type: string;
+            };
+        };
+        to: {
+            control: {
+                type: string;
+            };
+        };
+        title: {
+            control: {
+                type: string;
+            };
+        };
+        download: {
+            control: {
+                type: string;
+            };
+        };
+        rel: {
+            options: string[];
+            control: {
+                type: string;
+            };
+        };
+        icon: {
+            options: string[];
+            control: {
+                type: string;
+            };
+        };
+        iconPosition: {
+            if: {
+                arg: string;
+            };
+        };
+    };
+};
+export default _default;
+export declare const Normal: Meta<typeof LinkButton>;

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

@@ -0,0 +1,45 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Normal = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const LinkButton_1 = require("./LinkButton");
+const excludeControls_1 = require("../../utils/excludeControls");
+exports.default = {
+    title: "Components/LinkButton",
+    component: LinkButton_1.LinkButton,
+    argTypes: Object.assign({ target: {
+            options: ["_self", "_blank", "_parent", "_top"],
+            control: { type: "select" },
+        }, to: {
+            control: { type: "text" },
+        }, title: {
+            control: { type: "text" },
+        }, download: {
+            control: { type: "boolean" },
+        }, rel: {
+            options: ["noopener noreferrer", "canonical", "nofollow"],
+            control: { type: "select" },
+        }, icon: {
+            options: ["menu", "rightArrow", "leftArrow", "dropdown", "home"],
+            control: { type: "radio" },
+        }, iconPosition: {
+            if: {
+                arg: "icon",
+            },
+        } }, (0, excludeControls_1.excludeControls)("children", "className", "elementType", "style", "onClick", "onPress")),
+};
+exports.Normal = {
+    render: (args) => ((0, jsx_runtime_1.jsx)(LinkButton_1.LinkButton, Object.assign({}, args, { children: "LinkButton text" }))),
+    args: {
+        href: "https://www.google.com",
+        to: "",
+        title: "",
+        size: "medium",
+        download: false,
+        isDisabled: false,
+        isSuccess: false,
+        isLoading: false,
+        role: "",
+    },
+};
+//# sourceMappingURL=LinkButton.stories.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"LinkButton.stories.js","sourceRoot":"","sources":["../../../../src/components/LinkButton/LinkButton.stories.tsx"],"names":[],"mappings":";;;;AACA,6CAA2D;AAC3D,iEAA8D;AAE9D,kBAAe;IACb,KAAK,EAAE,uBAAuB;IAC9B,SAAS,EAAE,uBAAU;IACrB,QAAQ,kBACN,MAAM,EAAE;YACN,OAAO,EAAE,CAAC,OAAO,EAAE,QAAQ,EAAE,SAAS,EAAE,MAAM,CAAC;YAC/C,OAAO,EAAE,EAAE,IAAI,EAAE,QAAQ,EAAE;SAC5B,EACD,EAAE,EAAE;YACF,OAAO,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE;SAC1B,EACD,KAAK,EAAE;YACL,OAAO,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE;SAC1B,EACD,QAAQ,EAAE;YACR,OAAO,EAAE,EAAE,IAAI,EAAE,SAAS,EAAE;SAC7B,EACD,GAAG,EAAE;YACH,OAAO,EAAE,CAAC,qBAAqB,EAAE,WAAW,EAAE,UAAU,CAAC;YACzD,OAAO,EAAE,EAAE,IAAI,EAAE,QAAQ,EAAE;SAC5B,EACD,IAAI,EAAE;YACJ,OAAO,EAAE,CAAC,MAAM,EAAE,YAAY,EAAE,WAAW,EAAE,UAAU,EAAE,MAAM,CAAC;YAChE,OAAO,EAAE,EAAE,IAAI,EAAE,OAAO,EAAE;SAC3B,EACD,YAAY,EAAE;YACZ,EAAE,EAAE;gBACF,GAAG,EAAE,MAAM;aACZ;SACF,IACE,IAAA,iCAAe,EAChB,UAAU,EACV,WAAW,EACX,aAAa,EACb,OAAO,EACP,SAAS,EACT,SAAS,CACV,CACF;CACF,CAAC;AAEW,QAAA,MAAM,GAA4B;IAC7C,MAAM,EAAE,CAAC,IAAqB,EAAE,EAAE,CAAC,CACjC,uBAAC,uBAAU,oBAAK,IAAI,mCAA8B,CACnD;IACD,IAAI,EAAE;QACJ,IAAI,EAAE,wBAAwB;QAC9B,EAAE,EAAE,EAAE;QACN,KAAK,EAAE,EAAE;QACT,IAAI,EAAE,QAAQ;QACd,QAAQ,EAAE,KAAK;QACf,UAAU,EAAE,KAAK;QACjB,SAAS,EAAE,KAAK;QAChB,SAAS,EAAE,KAAK;QAChB,IAAI,EAAE,EAAE;KACT;CACF,CAAC"}

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

@@ -0,0 +1,33 @@
+import type { Meta } from "@storybook/react";
+import { List, ListProps } from ".";
+declare const _default: {
+    title: string;
+    component: import("../..").ForwardedRefComponent<ListProps, import("./List").ListElementType>;
+    argTypes: {
+        liststyletype: {
+            control: {
+                type: string;
+            };
+            if: {
+                arg: string;
+                truthy: boolean;
+            };
+        };
+        isReversed: {
+            if: {
+                arg: string;
+            };
+        };
+        start: {
+            if: {
+                arg: string;
+            };
+        };
+    };
+};
+export default _default;
+export declare const Unordered: Meta<typeof List>;
+export declare const Ordered: Meta<typeof List>;
+export declare const StartingFromASpecificNumber: Meta<typeof List>;
+export declare const Reversed: Meta<typeof List>;
+export declare const WithCustomIcons: Meta<typeof List>;

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

@@ -0,0 +1,80 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.WithCustomIcons = exports.Reversed = exports.StartingFromASpecificNumber = exports.Ordered = exports.Unordered = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const index_1 = require("../index");
+const _1 = require(".");
+const excludeControls_1 = require("../../utils/excludeControls");
+exports.default = {
+    title: "Components/List",
+    component: _1.List,
+    argTypes: Object.assign({ liststyletype: {
+            control: { type: "radio" },
+            if: {
+                arg: "isOrdered",
+                truthy: false,
+            },
+        }, isReversed: {
+            if: {
+                arg: "isOrdered",
+            },
+        }, start: {
+            if: {
+                arg: "isOrdered",
+            },
+        } }, (0, excludeControls_1.excludeControls)("className", "icon")),
+};
+exports.Unordered = {
+    render: (args) => ((0, jsx_runtime_1.jsxs)(_1.List, Object.assign({}, args, { children: [(0, jsx_runtime_1.jsx)(_1.ListItem, { children: "Foo" }), (0, jsx_runtime_1.jsx)(_1.ListItem, { children: "Bar" }), (0, jsx_runtime_1.jsx)(_1.ListItem, { children: "Baz" })] }))),
+    args: {
+        isOrdered: false,
+        isReversed: false,
+        liststyletype: "disc",
+    },
+};
+exports.Ordered = {
+    render: (args) => ((0, jsx_runtime_1.jsxs)(_1.List, Object.assign({}, args, { children: [(0, jsx_runtime_1.jsx)(_1.ListItem, { children: "Foo" }), (0, jsx_runtime_1.jsx)(_1.ListItem, { children: "Bar" }), (0, jsx_runtime_1.jsx)(_1.ListItem, { children: "Baz" })] }))),
+    args: {
+        isOrdered: true,
+        isReversed: false,
+        start: 1,
+    },
+};
+exports.StartingFromASpecificNumber = {
+    render: (args) => ((0, jsx_runtime_1.jsxs)(_1.List, Object.assign({}, args, { children: [(0, jsx_runtime_1.jsx)(_1.ListItem, { children: "Foo" }), (0, jsx_runtime_1.jsx)(_1.ListItem, { children: "Bar" }), (0, jsx_runtime_1.jsx)(_1.ListItem, { children: "Baz" })] }))),
+    args: {
+        isOrdered: true,
+        start: 12,
+        isReversed: false,
+    },
+    parameters: {
+        controls: {
+            exclude: ["liststyletype"],
+        },
+    },
+};
+exports.Reversed = {
+    render: (args) => ((0, jsx_runtime_1.jsxs)(_1.List, Object.assign({}, args, { children: [(0, jsx_runtime_1.jsx)(_1.ListItem, { children: "Foo" }), (0, jsx_runtime_1.jsx)(_1.ListItem, { children: "Bar" }), (0, jsx_runtime_1.jsx)(_1.ListItem, { children: "Baz" })] }))),
+    args: {
+        isOrdered: true,
+        isReversed: true,
+        start: 3,
+    },
+    parameters: {
+        controls: {
+            exclude: ["liststyletype"],
+        },
+    },
+};
+exports.WithCustomIcons = {
+    render: (args) => ((0, jsx_runtime_1.jsxs)(_1.List, Object.assign({}, args, { children: [(0, jsx_runtime_1.jsx)(_1.ListItem, { children: (0, jsx_runtime_1.jsx)(index_1.Text, Object.assign({ variant: "body", spacing: "tight" }, { children: "Morbi eget sapien nulla. Mauris sodales est vel ullamcorper efficitur. Nam lobortis metus et ultricies imperdiet. Phasellus at sapien pharetra, commodo lorem eu, malesuada dui. Curabitur vulputate massa nec massa blandit, auctor elementum dolor ultricies." })) }), (0, jsx_runtime_1.jsx)(_1.ListItem, Object.assign({ icon: (0, jsx_runtime_1.jsx)(index_1.Icon, { name: "cross", color: "red" }) }, { children: "Etiam feugiat neque vel nulla semper ultrices. Phasellus lobortis nisl id mollis malesuada. Suspendisse ut porttitor purus. Praesent ornare felis a mattis pharetra. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Donec venenatis tristique condimentum." })), (0, jsx_runtime_1.jsx)(_1.ListItem, { children: "Nunc at turpis iaculis, finibus tellus eget, tempus mi. Vestibulum eget egestas mauris, non porttitor nisl. Nam a facilisis sem. Interdum et malesuada fames ac ante ipsum primis in faucibus. Suspendisse sit amet neque tempor, vestibulum eros ut, vulputate quam." })] }))),
+    args: {
+        icon: (0, jsx_runtime_1.jsx)(index_1.Icon, { name: "tick", color: "green" }),
+    },
+    parameters: {
+        controls: {
+            exclude: ["isOrdered", "liststyletype"],
+        },
+    },
+};
+//# sourceMappingURL=List.stories.js.map

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

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

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

@@ -4,6 +4,8 @@ import { ForwardedRefComponent } from "../../types/components";
 export interface LoadingIndicatorProps extends RefAttributes<SVGSVGElement> {
     className?: string;
     icon?: IconName;
+    fontSize?: string;
+    color?: string;
 }
 export type LoadingIndicatorRef = Ref<SVGSVGElement>;
 declare const LoadingIndicator: ForwardedRefComponent<LoadingIndicatorProps, SVGSVGElement>;

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

@@ -1 +1 @@
-{"version":3,"file":"LoadingIndicator.js","sourceRoot":"","sources":["../../../../src/components/LoadingIndicator/LoadingIndicator.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;AAAA,iCAAuD;AACvD,gDAAwB;AAGxB,kCAA+B;AAS/B,MAAM,gBAAgB,GAGlB,IAAA,kBAAU,EAAC,CAAC,KAA4B,EAAE,GAAwB,EAAE,EAAE;IACxE,MAAM,EAAE,IAAI,GAAG,SAAS,KAAoB,KAAK,EAApB,UAAU,UAAK,KAAK,EAA3C,QAAmC,CAAQ,CAAC;IAElD,MAAM,OAAO,GAAG,IAAA,cAAI,EAClB,QAAQ,EACR,yBAAyB,EACzB,UAAU,CAAC,SAAS,CACrB,CAAC;IAEF,OAAO,CACL,uBAAC,WAAI,kBAAC,IAAI,EAAE,IAAI,EAAE,IAAI,QAAC,GAAG,EAAE,GAAG,IAAM,UAAU,IAAE,SAAS,EAAE,OAAO,IAAI,CACxE,CAAC;AACJ,CAAC,CAAC,CAAC;AAGM,4CAAgB;AADzB,gBAAgB,CAAC,WAAW,GAAG,kBAAkB,CAAC"}
+{"version":3,"file":"LoadingIndicator.js","sourceRoot":"","sources":["../../../../src/components/LoadingIndicator/LoadingIndicator.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;AAAA,iCAAuD;AACvD,gDAAwB;AAGxB,kCAA+B;AAW/B,MAAM,gBAAgB,GAGlB,IAAA,kBAAU,EAAC,CAAC,KAA4B,EAAE,GAAwB,EAAE,EAAE;IACxE,MAAM,EAAE,IAAI,GAAG,SAAS,KAAoB,KAAK,EAApB,UAAU,UAAK,KAAK,EAA3C,QAAmC,CAAQ,CAAC;IAElD,MAAM,OAAO,GAAG,IAAA,cAAI,EAClB,QAAQ,EACR,yBAAyB,EACzB,UAAU,CAAC,SAAS,CACrB,CAAC;IAEF,OAAO,CACL,uBAAC,WAAI,kBAAC,IAAI,EAAE,IAAI,EAAE,IAAI,QAAC,GAAG,EAAE,GAAG,IAAM,UAAU,IAAE,SAAS,EAAE,OAAO,IAAI,CACxE,CAAC;AACJ,CAAC,CAAC,CAAC;AAGM,4CAAgB;AADzB,gBAAgB,CAAC,WAAW,GAAG,kBAAkB,CAAC"}

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

@@ -0,0 +1,31 @@
+import type { Meta } from "@storybook/react";
+import { LoadingIndicator, LoadingIndicatorProps } from "./LoadingIndicator";
+declare const _default: {
+    title: string;
+    component: import("../..").ForwardedRefComponent<LoadingIndicatorProps, SVGSVGElement>;
+    argTypes: {
+        icon: {
+            options: string[];
+            control: {
+                type: string;
+            };
+        };
+        color: {
+            options: string[];
+            control: {
+                type: string;
+            };
+        };
+        fontSize: {
+            options: string[];
+            control: {
+                type: string;
+            };
+        };
+    };
+};
+export default _default;
+export declare const Normal: Meta<typeof LoadingIndicator>;
+export declare const Large: Meta<typeof LoadingIndicator>;
+export declare const WithCustomColour: Meta<typeof LoadingIndicator>;
+export declare const WithCustomIcon: Meta<typeof LoadingIndicator>;

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

@@ -0,0 +1,53 @@
+"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 LoadingIndicator_1 = require("./LoadingIndicator");
+const excludeControls_1 = require("../../utils/excludeControls");
+exports.default = {
+    title: "Components/LoadingIndicator",
+    component: LoadingIndicator_1.LoadingIndicator,
+    argTypes: Object.assign({ icon: {
+            options: ["loading", "refreshArrow", "home"],
+            control: { type: "radio" },
+        }, color: {
+            options: ["darkcyan", "deeppink", "royalblue", "tomato"],
+            control: { type: "radio" },
+        }, fontSize: {
+            options: ["72px", "48px", "24px"],
+            control: { type: "radio" },
+        } }, (0, excludeControls_1.excludeControls)("className")),
+};
+exports.Normal = {
+    render: (args) => (0, jsx_runtime_1.jsx)(LoadingIndicator_1.LoadingIndicator, Object.assign({}, args)),
+    args: {
+        icon: "loading",
+        fontSize: "24px",
+        color: "darkcyan",
+    },
+};
+exports.Large = {
+    render: (args) => (0, jsx_runtime_1.jsx)(LoadingIndicator_1.LoadingIndicator, Object.assign({}, args)),
+    args: {
+        icon: "loading",
+        fontSize: "72px",
+        color: "darkcyan",
+    },
+};
+exports.WithCustomColour = {
+    render: (args) => (0, jsx_runtime_1.jsx)(LoadingIndicator_1.LoadingIndicator, Object.assign({}, args)),
+    args: {
+        icon: "loading",
+        fontSize: "24px",
+        color: "darkcyan",
+    },
+};
+exports.WithCustomIcon = {
+    render: (args) => (0, jsx_runtime_1.jsx)(LoadingIndicator_1.LoadingIndicator, Object.assign({}, args)),
+    args: {
+        icon: "refreshArrow",
+        fontSize: "24px",
+        color: "darkcyan",
+    },
+};
+//# sourceMappingURL=LoadingIndicator.stories.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"LoadingIndicator.stories.js","sourceRoot":"","sources":["../../../../src/components/LoadingIndicator/LoadingIndicator.stories.tsx"],"names":[],"mappings":";;;;AACA,yDAA6E;AAC7E,iEAA8D;AAE9D,kBAAe;IACb,KAAK,EAAE,6BAA6B;IACpC,SAAS,EAAE,mCAAgB;IAC3B,QAAQ,kBACN,IAAI,EAAE;YACJ,OAAO,EAAE,CAAC,SAAS,EAAE,cAAc,EAAE,MAAM,CAAC;YAC5C,OAAO,EAAE,EAAE,IAAI,EAAE,OAAO,EAAE;SAC3B,EACD,KAAK,EAAE;YACL,OAAO,EAAE,CAAC,UAAU,EAAE,UAAU,EAAE,WAAW,EAAE,QAAQ,CAAC;YACxD,OAAO,EAAE,EAAE,IAAI,EAAE,OAAO,EAAE;SAC3B,EACD,QAAQ,EAAE;YACR,OAAO,EAAE,CAAC,MAAM,EAAE,MAAM,EAAE,MAAM,CAAC;YACjC,OAAO,EAAE,EAAE,IAAI,EAAE,OAAO,EAAE;SAC3B,IACE,IAAA,iCAAe,EAAC,WAAW,CAAC,CAChC;CACF,CAAC;AAEW,QAAA,MAAM,GAAkC;IACnD,MAAM,EAAE,CAAC,IAA2B,EAAE,EAAE,CAAC,uBAAC,mCAAgB,oBAAK,IAAI,EAAI;IACvE,IAAI,EAAE;QACJ,IAAI,EAAE,SAAS;QACf,QAAQ,EAAE,MAAM;QAChB,KAAK,EAAE,UAAU;KAClB;CACF,CAAC;AAEW,QAAA,KAAK,GAAkC;IAClD,MAAM,EAAE,CAAC,IAA2B,EAAE,EAAE,CAAC,uBAAC,mCAAgB,oBAAK,IAAI,EAAI;IACvE,IAAI,EAAE;QACJ,IAAI,EAAE,SAAS;QACf,QAAQ,EAAE,MAAM;QAChB,KAAK,EAAE,UAAU;KAClB;CACF,CAAC;AAEW,QAAA,gBAAgB,GAAkC;IAC7D,MAAM,EAAE,CAAC,IAA2B,EAAE,EAAE,CAAC,uBAAC,mCAAgB,oBAAK,IAAI,EAAI;IACvE,IAAI,EAAE;QACJ,IAAI,EAAE,SAAS;QACf,QAAQ,EAAE,MAAM;QAChB,KAAK,EAAE,UAAU;KAClB;CACF,CAAC;AAEW,QAAA,cAAc,GAAkC;IAC3D,MAAM,EAAE,CAAC,IAA2B,EAAE,EAAE,CAAC,uBAAC,mCAAgB,oBAAK,IAAI,EAAI;IACvE,IAAI,EAAE;QACJ,IAAI,EAAE,cAAc;QACpB,QAAQ,EAAE,MAAM;QAChB,KAAK,EAAE,UAAU;KAClB;CACF,CAAC"}

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

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

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

@@ -0,0 +1,25 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Normal = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const MaskedField_1 = require("./MaskedField");
+const excludeControls_1 = require("../../utils/excludeControls");
+exports.default = {
+    title: "Components/MaskedField",
+    component: MaskedField_1.MaskedField,
+    argTypes: Object.assign({ type: {
+            control: { type: "radio" },
+            options: ["text", "number"],
+        } }, (0, excludeControls_1.excludeControls)("className")),
+};
+exports.Normal = {
+    render: (args) => (0, jsx_runtime_1.jsx)(MaskedField_1.MaskedField, Object.assign({}, args)),
+    args: {
+        label: "MaskedField",
+        pattern: "ssn",
+        isRequired: false,
+        type: "",
+        errorMessage: "",
+    },
+};
+//# sourceMappingURL=MaskedField.stories.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"MaskedField.stories.js","sourceRoot":"","sources":["../../../../src/components/MaskedField/MaskedField.stories.tsx"],"names":[],"mappings":";;;;AACA,+CAA8D;AAC9D,iEAA8D;AAE9D,kBAAe;IACb,KAAK,EAAE,wBAAwB;IAC/B,SAAS,EAAE,yBAAW;IACtB,QAAQ,kBACN,IAAI,EAAE;YACJ,OAAO,EAAE,EAAE,IAAI,EAAE,OAAO,EAAE;YAC1B,OAAO,EAAE,CAAC,MAAM,EAAE,QAAQ,CAAC;SAC5B,IACE,IAAA,iCAAe,EAAC,WAAW,CAAC,CAChC;CACF,CAAC;AAEW,QAAA,MAAM,GAA6B;IAC9C,MAAM,EAAE,CAAC,IAAsB,EAAE,EAAE,CAAC,uBAAC,yBAAW,oBAAK,IAAI,EAAI;IAC7D,IAAI,EAAE;QACJ,KAAK,EAAE,aAAa;QACpB,OAAO,EAAE,KAAK;QACd,UAAU,EAAE,KAAK;QACjB,IAAI,EAAE,EAAE;QACR,YAAY,EAAE,EAAE;KACjB;CACF,CAAC"}

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

@@ -0,0 +1,44 @@
+/// <reference types="react" />
+import type { Meta } from "@storybook/react";
+import { ModalProps } from ".";
+declare const Demo: (props: ModalProps) => JSX.Element;
+declare const FullScreenDemo: (props: ModalProps) => JSX.Element;
+declare const WithCustomSizeDemo: (props: ModalProps) => JSX.Element;
+type WithAnimationDemoProps = {
+    animation?: "slideUp" | "fade";
+};
+declare const WithAnimationDemo: ({ animation, }: ModalProps & WithAnimationDemoProps) => JSX.Element;
+declare const _default: {
+    title: string;
+    component: {
+        ({ isOpen, onClose, children, className, closeLabel, size, appElement, preventCloseOnEsc, animation, shouldFocusAfterRender, parentSelector, }: ModalProps): JSX.Element;
+        displayName: string;
+    } & {
+        Header: import("react").ForwardRefExoticComponent<Pick<import("./Header").HeaderProps, "key" | "id" | "children" | "onClose" | "closeLabel"> & import("react").RefAttributes<HTMLElement>>;
+        Content: import("react").ForwardRefExoticComponent<Pick<import("./Content").ContentProps, "key" | "id" | "children" | "onClose" | "closeLabel"> & import("react").RefAttributes<HTMLDivElement>>;
+    };
+    argTypes: {
+        animation: {
+            options: string[];
+            control: {
+                type: string;
+            };
+            mapping: {
+                slideUp: string;
+                fade: string;
+                neither: undefined;
+            };
+        };
+        size: {
+            control: {
+                type: string;
+            };
+            options: string[];
+        };
+    };
+};
+export default _default;
+export declare const Normal: Meta<typeof Demo>;
+export declare const FullScreen: Meta<typeof FullScreenDemo>;
+export declare const WithCustomSize: Meta<typeof WithCustomSizeDemo>;
+export declare const WithAnimation: Meta<typeof WithAnimationDemo>;