@simplybusiness/mobius 3.7.1 → 3.9.0

package/dist/esm/components/Chopin/Footer/Footer.stories.js

@@ -0,0 +1,166 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Footer } from ".";
+import { ThemeContext } from "../../../contexts";
+import { excludeControls } from "../../../utils/excludeControls";
+export default {
+    title: "Chopin/Footer",
+    component: Footer,
+    argTypes: excludeControls("className", "address", "footerLinks", "legalLinks"),
+};
+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 = () => { };
+export const Normal = {
+    render: (args) => (_jsx("div", { children: _jsx(Footer, Object.assign({}, args)) })),
+    args: {
+        address: [["6th Floor", "99 Gresham Street", "London", "EC2V 7NG"]],
+        legalLinks: [
+            {
+                href: "https://www.simplybusiness.co.uk/terms-conditions/",
+                text: "Terms & conditions",
+            },
+            {
+                href: "https://www.simplybusiness.co.uk/privacy-policy/",
+                text: "Privacy policy",
+            },
+            {
+                href: "https://www.simplybusiness.co.uk/legal/cookies/",
+                text: "Cookie policy",
+            },
+            {
+                href: "https://www.simplybusiness.co.uk/support/accessibility/",
+                text: "Accessibility",
+            },
+        ],
+        text: "© Copyright 2022 Simply Business. All Rights Reserved. Simply Business is a trading name of Xbridge Limited which is authorised and regulated by the Financial Conduct Authority (Financial Services Registration No: 313348). Xbridge Limited (No: 3967717) has its registered office at 6th Floor, 99 Gresham Street, London EC2V 7NG.",
+        withLogo: true,
+    },
+    decorators: [
+        Story => (_jsx(ThemeContext.Provider, Object.assign({ value: {
+                breakpoints,
+                setBreakpoints,
+            } }, { children: _jsx(Story, {}) }))),
+    ],
+};
+export const ContainingTwoAddresses = {
+    render: (args) => (_jsx("div", { children: _jsx(Footer, Object.assign({}, args)) })),
+    args: {
+        address: [
+            ["6th Floor", "99 Gresham Street", "London", "EC2V 7NG"],
+            ["Sol House", "29 St Katherine's Street", "Northampton", "NN1 2QZ"],
+        ],
+        legalLinks: [
+            {
+                href: "https://www.simplybusiness.co.uk/terms-conditions/",
+                text: "Terms & conditions",
+            },
+            {
+                href: "https://www.simplybusiness.co.uk/privacy-policy/",
+                text: "Privacy policy",
+            },
+            {
+                href: "https://www.simplybusiness.co.uk/legal/cookies/",
+                text: "Cookie policy",
+            },
+            {
+                href: "https://www.simplybusiness.co.uk/support/accessibility/",
+                text: "Accessibility",
+            },
+        ],
+        text: "© Copyright 2022 Simply Business. All Rights Reserved. Simply Business is a trading name of Xbridge Limited which is authorised and regulated by the Financial Conduct Authority (Financial Services Registration No: 313348). Xbridge Limited (No: 3967717) has its registered office at 6th Floor, 99 Gresham Street, London EC2V 7NG.",
+        withLogo: true,
+    },
+    decorators: [
+        Story => (_jsx(ThemeContext.Provider, Object.assign({ value: {
+                breakpoints,
+                setBreakpoints,
+            } }, { children: _jsx(Story, {}) }))),
+    ],
+};
+export const WithFooterLogo = {
+    render: (args) => (_jsx("div", { children: _jsx(Footer, Object.assign({}, args)) })),
+    args: {
+        address: [
+            ["6th Floor", "99 Gresham Street", "London", "EC2V 7NG"],
+            ["Sol House", "29 St Katherine's Street", "Northampton", "NN1 2QZ"],
+        ],
+        legalLinks: [
+            {
+                href: "https://www.simplybusiness.co.uk/terms-conditions/",
+                text: "Terms & conditions",
+            },
+            {
+                href: "https://www.simplybusiness.co.uk/privacy-policy/",
+                text: "Privacy policy",
+            },
+            {
+                href: "https://www.simplybusiness.co.uk/legal/cookies/",
+                text: "Cookie policy",
+            },
+            {
+                href: "https://www.simplybusiness.co.uk/support/accessibility/",
+                text: "Accessibility",
+            },
+        ],
+        text: "© Copyright 2022 Simply Business. All Rights Reserved. Simply Business is a trading name of Xbridge Limited which is authorised and regulated by the Financial Conduct Authority (Financial Services Registration No: 313348). Xbridge Limited (No: 3967717) has its registered office at 6th Floor, 99 Gresham Street, London EC2V 7NG.",
+        withLogo: true,
+    },
+    decorators: [
+        Story => (_jsx(ThemeContext.Provider, Object.assign({ value: {
+                breakpoints,
+                setBreakpoints,
+            } }, { children: _jsx(Story, {}) }))),
+    ],
+};
+export const WithJustFooterText = {
+    render: (args) => (_jsx("div", { children: _jsx(Footer, Object.assign({}, args)) })),
+    args: {
+        text: `
+      <p>© Copyright 2022 Simply Business. All Rights Reserved.
+      Simply Business, LLC is a licensed insurance producer in all U.S.
+      States and the District of Columbia.
+      Please be advised that insurance coverage cannot be added, deleted or otherwise changed until it is confirmed in writing by Simply Business or your insurance carrier.
+      Simply Business has its registered office at Simply Business, 1 Beacon Street, 15th Floor, Boston, MA 02108, (844) 654-7272.
+      In the state of California, we operate under the name Simply Business Insurance Agency, Inc., License #0M20593.
+      In the state of New York we operate under the name Simply Business Insurance Agency.
+      In the state of Texas we operate under the name, U.S. Simply Business, Inc.
+      For more information, please refer to our
+      <a href="https://www.simplybusiness.com/privacy-policy/" target="_blank">Privacy Policy</a>
+      and
+      <a href="https://www.simplybusiness.com/terms-conditions/" target="_blank">Terms &amp; Conditions.</a>
+      </p>
+    `,
+        withLogo: true,
+    },
+    decorators: [
+        Story => (_jsx(ThemeContext.Provider, Object.assign({ value: {
+                breakpoints,
+                setBreakpoints,
+            } }, { children: _jsx(Story, {}) }))),
+    ],
+};
+//# sourceMappingURL=Footer.stories.js.map

package/dist/esm/components/Chopin/Footer/Footer.stories.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Footer.stories.js","sourceRoot":"","sources":["../../../../../src/components/Chopin/Footer/Footer.stories.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,MAAM,EAAe,MAAM,GAAG,CAAC;AACxC,OAAO,EAAc,YAAY,EAAE,MAAM,mBAAmB,CAAC;AAC7D,OAAO,EAAE,eAAe,EAAE,MAAM,gCAAgC,CAAC;AAEjE,eAAe;IACb,KAAK,EAAE,eAAe;IACtB,SAAS,EAAE,MAAM;IACjB,QAAQ,EAAE,eAAe,CACvB,WAAW,EACX,SAAS,EACT,aAAa,EACb,YAAY,CACb;CACF,CAAC;AAEF,MAAM,WAAW,GAAiB;IAChC;QACE,IAAI,EAAE,IAAI;QACV,KAAK,EAAE,GAAG;KACX;IACD;QACE,IAAI,EAAE,IAAI;QACV,KAAK,EAAE,GAAG;KACX;IACD;QACE,IAAI,EAAE,IAAI;QACV,KAAK,EAAE,GAAG;KACX;IACD;QACE,IAAI,EAAE,IAAI;QACV,KAAK,EAAE,GAAG;KACX;IACD;QACE,IAAI,EAAE,IAAI;QACV,KAAK,EAAE,IAAI;KACZ;IACD;QACE,IAAI,EAAE,KAAK;QACX,KAAK,EAAE,IAAI;KACZ;CACF,CAAC;AAEF,MAAM,cAAc,GAAG,GAAG,EAAE,GAAE,CAAC,CAAC;AAEhC,MAAM,CAAC,MAAM,MAAM,GAAwB;IACzC,MAAM,EAAE,CAAC,IAAiB,EAAE,EAAE,CAAC,CAC7B,wBACE,KAAC,MAAM,oBAAK,IAAI,EAAI,GAChB,CACP;IACD,IAAI,EAAE;QACJ,OAAO,EAAE,CAAC,CAAC,WAAW,EAAE,mBAAmB,EAAE,QAAQ,EAAE,UAAU,CAAC,CAAC;QACnE,UAAU,EAAE;YACV;gBACE,IAAI,EAAE,oDAAoD;gBAC1D,IAAI,EAAE,oBAAoB;aAC3B;YACD;gBACE,IAAI,EAAE,kDAAkD;gBACxD,IAAI,EAAE,gBAAgB;aACvB;YACD;gBACE,IAAI,EAAE,iDAAiD;gBACvD,IAAI,EAAE,eAAe;aACtB;YACD;gBACE,IAAI,EAAE,yDAAyD;gBAC/D,IAAI,EAAE,eAAe;aACtB;SACF;QACD,IAAI,EAAE,0UAA0U;QAChV,QAAQ,EAAE,IAAI;KACf;IACD,UAAU,EAAE;QACV,KAAK,CAAC,EAAE,CAAC,CACP,KAAC,YAAY,CAAC,QAAQ,kBACpB,KAAK,EAAE;gBACL,WAAW;gBACX,cAAc;aACf,gBAED,KAAC,KAAK,KAAG,IACa,CACzB;KACF;CACF,CAAC;AAEF,MAAM,CAAC,MAAM,sBAAsB,GAAwB;IACzD,MAAM,EAAE,CAAC,IAAiB,EAAE,EAAE,CAAC,CAC7B,wBACE,KAAC,MAAM,oBAAK,IAAI,EAAI,GAChB,CACP;IACD,IAAI,EAAE;QACJ,OAAO,EAAE;YACP,CAAC,WAAW,EAAE,mBAAmB,EAAE,QAAQ,EAAE,UAAU,CAAC;YACxD,CAAC,WAAW,EAAE,0BAA0B,EAAE,aAAa,EAAE,SAAS,CAAC;SACpE;QACD,UAAU,EAAE;YACV;gBACE,IAAI,EAAE,oDAAoD;gBAC1D,IAAI,EAAE,oBAAoB;aAC3B;YACD;gBACE,IAAI,EAAE,kDAAkD;gBACxD,IAAI,EAAE,gBAAgB;aACvB;YACD;gBACE,IAAI,EAAE,iDAAiD;gBACvD,IAAI,EAAE,eAAe;aACtB;YACD;gBACE,IAAI,EAAE,yDAAyD;gBAC/D,IAAI,EAAE,eAAe;aACtB;SACF;QACD,IAAI,EAAE,0UAA0U;QAChV,QAAQ,EAAE,IAAI;KACf;IACD,UAAU,EAAE;QACV,KAAK,CAAC,EAAE,CAAC,CACP,KAAC,YAAY,CAAC,QAAQ,kBACpB,KAAK,EAAE;gBACL,WAAW;gBACX,cAAc;aACf,gBAED,KAAC,KAAK,KAAG,IACa,CACzB;KACF;CACF,CAAC;AAEF,MAAM,CAAC,MAAM,cAAc,GAAwB;IACjD,MAAM,EAAE,CAAC,IAAiB,EAAE,EAAE,CAAC,CAC7B,wBACE,KAAC,MAAM,oBAAK,IAAI,EAAI,GAChB,CACP;IACD,IAAI,EAAE;QACJ,OAAO,EAAE;YACP,CAAC,WAAW,EAAE,mBAAmB,EAAE,QAAQ,EAAE,UAAU,CAAC;YACxD,CAAC,WAAW,EAAE,0BAA0B,EAAE,aAAa,EAAE,SAAS,CAAC;SACpE;QACD,UAAU,EAAE;YACV;gBACE,IAAI,EAAE,oDAAoD;gBAC1D,IAAI,EAAE,oBAAoB;aAC3B;YACD;gBACE,IAAI,EAAE,kDAAkD;gBACxD,IAAI,EAAE,gBAAgB;aACvB;YACD;gBACE,IAAI,EAAE,iDAAiD;gBACvD,IAAI,EAAE,eAAe;aACtB;YACD;gBACE,IAAI,EAAE,yDAAyD;gBAC/D,IAAI,EAAE,eAAe;aACtB;SACF;QACD,IAAI,EAAE,0UAA0U;QAChV,QAAQ,EAAE,IAAI;KACf;IACD,UAAU,EAAE;QACV,KAAK,CAAC,EAAE,CAAC,CACP,KAAC,YAAY,CAAC,QAAQ,kBACpB,KAAK,EAAE;gBACL,WAAW;gBACX,cAAc;aACf,gBAED,KAAC,KAAK,KAAG,IACa,CACzB;KACF;CACF,CAAC;AAEF,MAAM,CAAC,MAAM,kBAAkB,GAAwB;IACrD,MAAM,EAAE,CAAC,IAAiB,EAAE,EAAE,CAAC,CAC7B,wBACE,KAAC,MAAM,oBAAK,IAAI,EAAI,GAChB,CACP;IACD,IAAI,EAAE;QACJ,IAAI,EAAE;;;;;;;;;;;;;;KAcL;QACD,QAAQ,EAAE,IAAI;KACf;IACD,UAAU,EAAE;QACV,KAAK,CAAC,EAAE,CAAC,CACP,KAAC,YAAY,CAAC,QAAQ,kBACpB,KAAK,EAAE;gBACL,WAAW;gBACX,cAAc;aACf,gBAED,KAAC,KAAK,KAAG,IACa,CACzB;KACF;CACF,CAAC"}

package/dist/esm/components/Chopin/Header/Header.stories.js

@@ -0,0 +1,38 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Header } from ".";
+import { excludeControls } from "../../../utils/excludeControls";
+export default {
+    title: "Chopin/Header",
+    component: Header,
+    argTypes: excludeControls("className", "openingHours"),
+    args: {
+        openingHours: {
+            Mon: "8am-8pm",
+            Tue: "8am-8pm",
+            Wed: "8am-8pm",
+            Thu: "8am-8pm",
+            Fri: "8am-8pm",
+            "<strong>Sat</strong>": "<strong>Closed</strong>",
+            "<strong>Sun</strong>": "<strong>Closed</strong>",
+        },
+    },
+};
+export const Normal = {
+    render: (args) => (_jsx("div", { children: _jsx(Header, Object.assign({}, args)) })),
+    args: {
+        phone: "0333 014 6683",
+        whiteLabel: false,
+        url: "https://www.example.com/",
+    },
+};
+export const WhiteLabel = {
+    render: (args) => (_jsx("div", Object.assign({ style: {
+            height: 300,
+        } }, { children: _jsx(Header, Object.assign({}, args)) }))),
+    args: {
+        phone: "(855) 737-0087",
+        whiteLabel: true,
+        url: "https://www.example.com/",
+    },
+};
+//# sourceMappingURL=Header.stories.js.map

package/dist/esm/components/Chopin/Header/Header.stories.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Header.stories.js","sourceRoot":"","sources":["../../../../../src/components/Chopin/Header/Header.stories.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,MAAM,EAAe,MAAM,GAAG,CAAC;AACxC,OAAO,EAAE,eAAe,EAAE,MAAM,gCAAgC,CAAC;AAEjE,eAAe;IACb,KAAK,EAAE,eAAe;IACtB,SAAS,EAAE,MAAM;IACjB,QAAQ,EAAE,eAAe,CAAC,WAAW,EAAE,cAAc,CAAC;IACtD,IAAI,EAAE;QACJ,YAAY,EAAE;YACZ,GAAG,EAAE,SAAS;YACd,GAAG,EAAE,SAAS;YACd,GAAG,EAAE,SAAS;YACd,GAAG,EAAE,SAAS;YACd,GAAG,EAAE,SAAS;YACd,sBAAsB,EAAE,yBAAyB;YACjD,sBAAsB,EAAE,yBAAyB;SAClD;KACF;CACF,CAAC;AAEF,MAAM,CAAC,MAAM,MAAM,GAAwB;IACzC,MAAM,EAAE,CAAC,IAAiB,EAAE,EAAE,CAAC,CAC7B,wBACE,KAAC,MAAM,oBAAK,IAAI,EAAI,GAChB,CACP;IACD,IAAI,EAAE;QACJ,KAAK,EAAE,eAAe;QACtB,UAAU,EAAE,KAAK;QACjB,GAAG,EAAE,0BAA0B;KAChC;CACF,CAAC;AAEF,MAAM,CAAC,MAAM,UAAU,GAAwB;IAC7C,MAAM,EAAE,CAAC,IAAiB,EAAE,EAAE,CAAC,CAC7B,4BACE,KAAK,EAAE;YACL,MAAM,EAAE,GAAG;SACZ,gBAED,KAAC,MAAM,oBAAK,IAAI,EAAI,IAChB,CACP;IACD,IAAI,EAAE;QACJ,KAAK,EAAE,gBAAgB;QACvB,UAAU,EAAE,IAAI;QAChB,GAAG,EAAE,0BAA0B;KAChC;CACF,CAAC"}

package/dist/esm/components/Chopin/PercentageTotalsQuestion/PercentageTotalsQuestion.stories.js

@@ -0,0 +1,43 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useContext, useEffect } from "react";
+import { ThemeProvider, ThemeContext, } from "../../../contexts";
+import { PercentageTotalsQuestion, } from "./PercentageTotalsQuestion";
+import { excludeControls } from "../../../utils/excludeControls";
+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 },
+];
+export default {
+    title: "Chopin/PercentageTotalsQuestion",
+    component: PercentageTotalsQuestion,
+    argTypes: excludeControls("className", "help", "onChange", "closeHelpOnOutsideClick"),
+    decorators: [
+        Story => (_jsx(ThemeProvider, { children: _jsx(Story, {}) })),
+    ],
+};
+export const Normal = {
+    render: (args) => {
+        // eslint-disable-next-line
+        const { setBreakpoints } = useContext(ThemeContext);
+        // eslint-disable-next-line
+        useEffect(() => {
+            setBreakpoints(breakpoints);
+        }, [setBreakpoints]);
+        return _jsx(PercentageTotalsQuestion, Object.assign({}, args));
+    },
+    args: {
+        label: "What percentage of your work is on?",
+        alertText: "The total percentage of your work must be 100%",
+        items: [
+            "UK contracts",
+            "EU contracts",
+            "USA and Canada contracts",
+            "Rest of the world contracts",
+        ],
+    },
+};
+//# sourceMappingURL=PercentageTotalsQuestion.stories.js.map

package/dist/esm/components/Chopin/PercentageTotalsQuestion/PercentageTotalsQuestion.stories.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PercentageTotalsQuestion.stories.js","sourceRoot":"","sources":["../../../../../src/components/Chopin/PercentageTotalsQuestion/PercentageTotalsQuestion.stories.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,UAAU,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAC9C,OAAO,EACL,aAAa,EACb,YAAY,GAEb,MAAM,mBAAmB,CAAC;AAC3B,OAAO,EACL,wBAAwB,GAEzB,MAAM,4BAA4B,CAAC;AACpC,OAAO,EAAE,eAAe,EAAE,MAAM,gCAAgC,CAAC;AAEjE,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,eAAe;IACb,KAAK,EAAE,iCAAiC;IACxC,SAAS,EAAE,wBAAwB;IACnC,QAAQ,EAAE,eAAe,CACvB,WAAW,EACX,MAAM,EACN,UAAU,EACV,yBAAyB,CAC1B;IACD,UAAU,EAAE;QACV,KAAK,CAAC,EAAE,CAAC,CACP,KAAC,aAAa,cACZ,KAAC,KAAK,KAAG,GACK,CACjB;KACF;CAC8C,CAAC;AAElD,MAAM,CAAC,MAAM,MAAM,GAA0C;IAC3D,MAAM,EAAE,CAAC,IAAmC,EAAE,EAAE;QAC9C,2BAA2B;QAC3B,MAAM,EAAE,cAAc,EAAE,GAAG,UAAU,CAAC,YAAY,CAAC,CAAC;QAEpD,2BAA2B;QAC3B,SAAS,CAAC,GAAG,EAAE;YACb,cAAc,CAAC,WAAW,CAAC,CAAC;QAC9B,CAAC,EAAE,CAAC,cAAc,CAAC,CAAC,CAAC;QAErB,OAAO,KAAC,wBAAwB,oBAAK,IAAI,EAAI,CAAC;IAChD,CAAC;IACD,IAAI,EAAE;QACJ,KAAK,EAAE,qCAAqC;QAC5C,SAAS,EAAE,gDAAgD;QAC3D,KAAK,EAAE;YACL,cAAc;YACd,cAAc;YACd,0BAA0B;YAC1B,6BAA6B;SAC9B;KACF;CACF,CAAC"}

package/dist/esm/components/Chopin/Question/Question.stories.js

@@ -0,0 +1,136 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { ThemeContext } from "../../../contexts";
+import { Question } from "./Question";
+import { TextField } from "../../TextField";
+import { excludeControls } from "../../../utils/excludeControls";
+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 = () => { };
+export default {
+    title: "Chopin/Question",
+    component: Question,
+    argTypes: Object.assign({ validationState: {
+            options: ["valid", "invalid", "neither"],
+            control: { type: "radio" },
+            mapping: {
+                valid: "valid",
+                invalid: "invalid",
+                neither: "",
+            },
+        }, description: {
+            control: { type: "text" },
+        }, errorMessage: {
+            control: { type: "text" },
+        }, label: {
+            control: { type: "text" },
+        }, help: {
+            control: { type: "text" },
+        } }, excludeControls("children", "className", "onChange")),
+    decorators: [
+        Story => {
+            // eslint-disable-next-line global-require
+            require("./Question.story.styles.css");
+            return (_jsx(ThemeContext.Provider, Object.assign({ value: {
+                    breakpoints,
+                    setBreakpoints,
+                } }, { children: _jsx(Story, {}) })));
+        },
+    ],
+    args: {
+        description: "",
+        errorMessage: "",
+        help: "",
+    },
+};
+export const Normal = {
+    render: (args) => _jsx(Question, Object.assign({}, args)),
+    args: {
+        label: "Question label",
+        closeHelpOnOutsideClick: false,
+        children: _jsx(TextField, {}),
+    },
+};
+export const WithDescription = {
+    render: (args) => _jsx(Question, Object.assign({}, args)),
+    args: {
+        label: "Question label",
+        description: "lorem ipsum dolor sit amet consectetur adipisicing elit sed do eiusmod tempor incididunt ut labore et dolore magna aliqua",
+        closeHelpOnOutsideClick: false,
+        children: _jsx(TextField, {}),
+    },
+};
+export const WithRichDescription = {
+    render: (args) => _jsx(Question, Object.assign({}, args)),
+    args: {
+        label: "Question label",
+        description: (_jsxs("ul", { children: [_jsx("li", { children: "Item One" }), _jsx("li", { children: "Item Two" })] })),
+        closeHelpOnOutsideClick: false,
+        children: _jsx(TextField, {}),
+    },
+};
+export const WithNoInput = {
+    render: (args) => _jsx(Question, Object.assign({}, args)),
+    args: {
+        label: (_jsxs(_Fragment, { children: [_jsx("p", { children: "Based on what you\u2018ve told us:" }), _jsx("p", { children: "We\u2018ve added employers\u2018 liability cover to your quote" })] })),
+        description: "You‘re required by law to have this cover if you have people working for you.",
+        closeHelpOnOutsideClick: false,
+    },
+};
+export const WithHelpText = {
+    render: (args) => _jsx(Question, Object.assign({}, args)),
+    args: {
+        label: "Question label",
+        help: (_jsxs(_Fragment, { children: [_jsx("p", { children: "This is a sample help text to demonstrate what help blocks look like in questions." }), _jsx("p", { children: "This is a second paragraph to show that help texts aren\u2018t limited to simple strings." })] })),
+        closeHelpOnOutsideClick: false,
+        children: _jsx(TextField, {}),
+    },
+};
+export const WithHelpTextOutside = {
+    render: (args) => _jsx(Question, Object.assign({}, args)),
+    args: {
+        label: "Question label",
+        help: (_jsxs(_Fragment, { children: [_jsx("p", { children: "This is a sample help text to demonstrate what help blocks look like in questions." }), _jsx("p", { children: "This is a second paragraph to show that help texts aren\u2018t limited to simple strings." })] })),
+        closeHelpOnOutsideClick: true,
+        children: _jsx(TextField, {}),
+        className: "question-example-with-help-text-outside",
+    },
+};
+export const WithError = {
+    render: (args) => _jsx(Question, Object.assign({}, args)),
+    args: {
+        label: "Question label",
+        children: _jsx(TextField, {}),
+        errorMessage: "This field is required",
+        validationState: "invalid",
+        closeHelpOnOutsideClick: false,
+    },
+};
+export const WithRichError = {
+    render: (args) => _jsx(Question, Object.assign({}, args)),
+    args: {
+        label: "Question label",
+        children: _jsx(TextField, {}),
+        errorMessage: (_jsxs(_Fragment, { children: ["This", _jsx("em", { children: "contains" }), " ", _jsx("strong", { children: "HTML" }), " ", _jsx("u", { children: "formatting" })] })),
+        validationState: "invalid",
+        closeHelpOnOutsideClick: false,
+    },
+};
+export const CompleteExample = {
+    render: (args) => _jsx(Question, Object.assign({}, args)),
+    args: {
+        label: "Question label",
+        description: "lorem ipsum dolor sit amet consectetur adipisicing elit sed do eiusmod tempor incididunt ut labore et dolore magna aliqua",
+        children: _jsx(TextField, {}),
+        help: (_jsxs(_Fragment, { children: [_jsx("p", { children: "This is a sample help text to demonstrate what help blocks look like in questions." }), _jsx("p", { children: "This is a second paragraph to show that help texts aren\u2018t limited to simple strings." })] })),
+        errorMessage: "This field is required",
+        validationState: "invalid",
+        closeHelpOnOutsideClick: false,
+    },
+};
+//# sourceMappingURL=Question.stories.js.map

package/dist/esm/components/Chopin/Question/Question.stories.js.map

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

package/dist/esm/components/Chopin/QuestionGroup/QuestionGroup.stories.js

@@ -0,0 +1,40 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { useContext, useEffect } from "react";
+import { ThemeProvider, ThemeContext, } from "../../../contexts";
+import { QuestionGroup } from "./QuestionGroup";
+import { Question } from "../Question";
+import { Section } from "../Section";
+import { RadioButton, RadioGroup } from "../../Radio";
+import { excludeControls } from "../../../utils/excludeControls";
+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 },
+];
+export default {
+    title: "Chopin/QuestionGroup",
+    component: QuestionGroup,
+    argTypes: excludeControls("className", "elementType", "help", "onChange"),
+    decorators: [
+        Story => (_jsx(ThemeProvider, { children: _jsx(Story, {}) })),
+    ],
+};
+export const Normal = {
+    render: (args) => {
+        // eslint-disable-next-line
+        const { setBreakpoints } = useContext(ThemeContext);
+        // eslint-disable-next-line
+        useEffect(() => {
+            setBreakpoints(breakpoints);
+        }, [setBreakpoints]);
+        return (_jsx(Section, Object.assign({ title: "About your Not For Profit organisation" }, { children: _jsxs(QuestionGroup, Object.assign({}, args, { children: [_jsx(Question, Object.assign({ label: _jsxs(_Fragment, { children: [_jsx("strong", { children: "...do work" }), "in or on an offshore installation or support vessel?"] }) }, { children: _jsxs(RadioGroup, Object.assign({ orientation: "horizontal" }, { children: [_jsx(RadioButton, { value: "yes", label: "Yes" }), _jsx(RadioButton, { value: "no", label: "No" })] })) })), _jsx(Question, Object.assign({ label: _jsxs(_Fragment, { children: [_jsx("strong", { children: "...do work" }), "that involves travelling to or from an offshore installation or support vessel?"] }) }, { children: _jsxs(RadioGroup, Object.assign({ orientation: "horizontal" }, { children: [_jsx(RadioButton, { value: "yes", label: "Yes" }), _jsx(RadioButton, { value: "no", label: "No" })] })) })), _jsx(Question, Object.assign({ label: _jsxs(_Fragment, { children: [_jsx("strong", { children: "...do work" }), "in or on aircraft, hovercrafts, airports, airfields, railways, watercraft (except where they\u2018re hand propelled), docks, harbours, piers, wharves, breakwaters or sea walls?"] }) }, { children: _jsxs(RadioGroup, Object.assign({ orientation: "horizontal" }, { children: [_jsx(RadioButton, { value: "yes", label: "Yes" }), _jsx(RadioButton, { value: "no", label: "No" })] })) })), _jsx(Question, Object.assign({ label: _jsxs(_Fragment, { children: [_jsx("strong", { children: "...do work" }), "in or on towers, steeples (except for bell ringing or guided tours), chimney shafts, blast furnaces, dams, canals, viaducts, bridges or tunnels?"] }) }, { children: _jsxs(RadioGroup, Object.assign({ orientation: "horizontal" }, { children: [_jsx(RadioButton, { value: "yes", label: "Yes" }), _jsx(RadioButton, { value: "no", label: "No" })] })) })), _jsx(Question, Object.assign({ label: _jsxs(_Fragment, { children: [_jsx("strong", { children: "...do work" }), "in or on collieries, mines, quarries, chemical works, gas works, oil refineries, bulk storage facilities for gas or oil, power stations, wind farms or nuclear installations or plants?"] }) }, { children: _jsxs(RadioGroup, Object.assign({ orientation: "horizontal" }, { children: [_jsx(RadioButton, { value: "yes", label: "Yes" }), _jsx(RadioButton, { value: "no", label: "No" })] })) })), _jsx(Question, Object.assign({ label: _jsxs(_Fragment, { children: [_jsx("strong", { children: "...do any" }), "activity away from your premises that involves the use of heat?"] }), help: _jsx("p", { children: "This could include activities such as burning debris or garden waste." }) }, { children: _jsxs(RadioGroup, Object.assign({ orientation: "horizontal" }, { children: [_jsx(RadioButton, { value: "yes", label: "Yes" }), _jsx(RadioButton, { value: "no", label: "No" })] })) })), _jsx(Question, Object.assign({ label: _jsxs(_Fragment, { children: [_jsx("strong", { children: "...handle" }), "asbestos, silica or other materials containing either of those?"] }) }, { children: _jsxs(RadioGroup, Object.assign({ orientation: "horizontal" }, { children: [_jsx(RadioButton, { value: "yes", label: "Yes" }), _jsx(RadioButton, { value: "no", label: "No" })] })) }))] })) })));
+    },
+    args: {
+        label: "Does your organisation...",
+        help: (_jsxs(_Fragment, { children: [_jsx("p", { children: "It\u2018s important to answer the following questions as accurately as possible to make sure you get the right level of cover for your organisation." }), _jsx("p", { children: _jsx("u", { children: "For the purposes of the following questions:" }) }), _jsxs("ul", { children: [_jsx("li", { children: "\u2018your organisation\u2018 includes any subsidiary companies included under this insurance" }), _jsxs("li", { children: ["a \u2018senior manager\u2018 is any person with responsibility for arranging insurance or who plays a significant role in making decisions about how activities are managed or organised", _jsx("p", {})] })] }), _jsx("p", { children: "You should answer these questions based on the knowledge of a senior manager. Please either agree or disagree with the following statements:" })] })),
+    },
+};
+//# sourceMappingURL=QuestionGroup.stories.js.map

package/dist/esm/components/Chopin/QuestionGroup/QuestionGroup.stories.js.map

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

package/dist/esm/components/Chopin/Section/Section.stories.js

@@ -0,0 +1,16 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Text } from "../../Text";
+import { Section } from "./Section";
+import { excludeControls } from "../../../utils/excludeControls";
+export default {
+    title: "Chopin/Section",
+    component: Section,
+    argTypes: excludeControls("className", "elementType"),
+};
+export const Normal = {
+    render: (args) => (_jsx(Section, Object.assign({}, args, { children: _jsx(Text, { children: "Vestibulum luctus diam a accumsan consequat. Fusce odio orci, iaculis sed nibh id, pellentesque consequat mauris. Quisque eget erat eu quam varius ullamcorper. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Nam dignissim sapien massa, vitae fringilla ligula volutpat at. Nulla facilisi. Quisque ultricies iaculis est, in tempor ligula fermentum sed. Nullam dapibus et ligula eget hendrerit. Integer porttitor vestibulum augue id ornare. Cras pretium sapien interdum ornare aliquet." }) }))),
+    args: {
+        title: "Section title",
+    },
+};
+//# sourceMappingURL=Section.stories.js.map

package/dist/esm/components/Chopin/Section/Section.stories.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Section.stories.js","sourceRoot":"","sources":["../../../../../src/components/Chopin/Section/Section.stories.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,IAAI,EAAE,MAAM,YAAY,CAAC;AAClC,OAAO,EAAE,OAAO,EAAgB,MAAM,WAAW,CAAC;AAClD,OAAO,EAAE,eAAe,EAAE,MAAM,gCAAgC,CAAC;AAEjE,eAAe;IACb,KAAK,EAAE,gBAAgB;IACvB,SAAS,EAAE,OAAO;IAClB,QAAQ,EAAE,eAAe,CAAC,WAAW,EAAE,aAAa,CAAC;CACtD,CAAC;AAEF,MAAM,CAAC,MAAM,MAAM,GAAyB;IAC1C,MAAM,EAAE,CAAC,IAAkB,EAAE,EAAE,CAAC,CAC9B,KAAC,OAAO,oBAAK,IAAI,cACf,KAAC,IAAI,iiBASE,IACC,CACX;IACD,IAAI,EAAE;QACJ,KAAK,EAAE,eAAe;KACvB;CACF,CAAC"}

package/dist/esm/components/Chopin/Steps/Steps.stories.js

@@ -0,0 +1,12 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Steps, StepItem } from ".";
+import { excludeControls } from "../../../utils/excludeControls";
+export default {
+    title: "Chopin/Steps",
+    component: Steps,
+    argTypes: excludeControls("className", "elementType"),
+};
+export const Normal = {
+    render: (args) => (_jsxs(Steps, Object.assign({}, args, { children: [_jsx(StepItem, { name: "Your business", url: "#link-placeholder-1", completed: true }), _jsx(StepItem, { name: "Your employees", url: "#link-placeholder-2", completed: true }), _jsx(StepItem, { name: "Cover options", url: "#link-placeholder-3", active: true }), _jsx(StepItem, { name: "Business questions", url: "#link-placeholder-4" }), _jsx(StepItem, { name: "Agreements", url: "#link-placeholder-5" }), _jsx(StepItem, { name: "Your quotes", url: "#link-placeholder-6" })] }))),
+};
+//# sourceMappingURL=Steps.stories.js.map

package/dist/esm/components/Chopin/Steps/Steps.stories.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Steps.stories.js","sourceRoot":"","sources":["../../../../../src/components/Chopin/Steps/Steps.stories.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,KAAK,EAAE,QAAQ,EAAc,MAAM,GAAG,CAAC;AAChD,OAAO,EAAE,eAAe,EAAE,MAAM,gCAAgC,CAAC;AAEjE,eAAe;IACb,KAAK,EAAE,cAAc;IACrB,SAAS,EAAE,KAAK;IAChB,QAAQ,EAAE,eAAe,CAAC,WAAW,EAAE,aAAa,CAAC;CACtD,CAAC;AAEF,MAAM,CAAC,MAAM,MAAM,GAAuB;IACxC,MAAM,EAAE,CAAC,IAAgB,EAAE,EAAE,CAAC,CAC5B,MAAC,KAAK,oBAAK,IAAI,eACb,KAAC,QAAQ,IAAC,IAAI,EAAC,eAAe,EAAC,GAAG,EAAC,qBAAqB,EAAC,SAAS,SAAG,EACrE,KAAC,QAAQ,IAAC,IAAI,EAAC,gBAAgB,EAAC,GAAG,EAAC,qBAAqB,EAAC,SAAS,SAAG,EACtE,KAAC,QAAQ,IAAC,IAAI,EAAC,eAAe,EAAC,GAAG,EAAC,qBAAqB,EAAC,MAAM,SAAG,EAClE,KAAC,QAAQ,IAAC,IAAI,EAAC,oBAAoB,EAAC,GAAG,EAAC,qBAAqB,GAAG,EAChE,KAAC,QAAQ,IAAC,IAAI,EAAC,YAAY,EAAC,GAAG,EAAC,qBAAqB,GAAG,EACxD,KAAC,QAAQ,IAAC,IAAI,EAAC,aAAa,EAAC,GAAG,EAAC,qBAAqB,GAAG,KACnD,CACT;CACF,CAAC"}

package/dist/esm/components/Chopin/Testimonial/Testimonial.stories.js

@@ -0,0 +1,15 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Testimonial } from "./Testimonial";
+import { excludeControls } from "../../../utils/excludeControls";
+export default {
+    title: "Chopin/Testimonial",
+    component: Testimonial,
+    argTypes: Object.assign({}, excludeControls("className")),
+};
+export const Normal = {
+    render: (args) => (_jsx(Testimonial, Object.assign({}, args, { children: "\u201CWhat\u201C ain\u2018t no country I\u2018ve ever heard of. They speak English in What?" }))),
+    args: {
+        author: "Jules Winnfield",
+    },
+};
+//# sourceMappingURL=Testimonial.stories.js.map

package/dist/esm/components/Chopin/Testimonial/Testimonial.stories.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Testimonial.stories.js","sourceRoot":"","sources":["../../../../../src/components/Chopin/Testimonial/Testimonial.stories.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,WAAW,EAAoB,MAAM,eAAe,CAAC;AAC9D,OAAO,EAAE,eAAe,EAAE,MAAM,gCAAgC,CAAC;AAEjE,eAAe;IACb,KAAK,EAAE,oBAAoB;IAC3B,SAAS,EAAE,WAAW;IACtB,QAAQ,oBACH,eAAe,CAAC,WAAW,CAAC,CAChC;CACF,CAAC;AAEF,MAAM,CAAC,MAAM,MAAM,GAA6B;IAC9C,MAAM,EAAE,CAAC,IAAsB,EAAE,EAAE,CAAC,CAClC,KAAC,WAAW,oBAAK,IAAI,+GAGP,CACf;IACD,IAAI,EAAE;QACJ,MAAM,EAAE,iBAAiB;KAC1B;CACF,CAAC"}

package/dist/esm/components/Chopin/TradeSelector/TradeSelector.stories.js

@@ -0,0 +1,52 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { TradeSelector } from ".";
+import { excludeControls } from "../../../utils/excludeControls";
+export default {
+    title: "Chopin/TradeSelector",
+    component: TradeSelector,
+    argTypes: Object.assign({ onTradeSelected: {
+            action: "onTradeSelected",
+        } }, excludeControls("className", "labels", "urls", "onTradeSelected", "elementType", "aria-describedby", "data-cy")),
+};
+export const Normal = {
+    render: (args) => _jsx(TradeSelector, Object.assign({}, args)),
+    args: {
+        minInput: 3,
+        apiRequestDebounceInMs: 250,
+        initialTrade: "",
+        hideLabel: false,
+        vertical: "",
+    },
+};
+export const WithoutLabel = {
+    render: (args) => _jsx(TradeSelector, Object.assign({}, args)),
+    args: {
+        minInput: 3,
+        apiRequestDebounceInMs: 250,
+        initialTrade: "",
+        hideLabel: true,
+        vertical: "",
+    },
+};
+export const WithTrade = {
+    render: (args) => _jsx(TradeSelector, Object.assign({}, args)),
+    args: {
+        minInput: 3,
+        apiRequestDebounceInMs: 250,
+        initialTrade: "Landlord",
+        hideLabel: false,
+        vertical: "",
+    },
+};
+export const WithSearchScope = {
+    render: (args) => _jsx(TradeSelector, Object.assign({}, args)),
+    args: {
+        minInput: 3,
+        apiRequestDebounceInMs: 250,
+        initialTrade: "",
+        hideLabel: false,
+        vertical: "business",
+        searchScope: "current_vertical",
+    },
+};
+//# sourceMappingURL=TradeSelector.stories.js.map

package/dist/esm/components/Chopin/TradeSelector/TradeSelector.stories.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TradeSelector.stories.js","sourceRoot":"","sources":["../../../../../src/components/Chopin/TradeSelector/TradeSelector.stories.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,aAAa,EAAsB,MAAM,GAAG,CAAC;AACtD,OAAO,EAAE,eAAe,EAAE,MAAM,gCAAgC,CAAC;AAEjE,eAAe;IACb,KAAK,EAAE,sBAAsB;IAC7B,SAAS,EAAE,aAAa;IACxB,QAAQ,kBACN,eAAe,EAAE;YACf,MAAM,EAAE,iBAAiB;SAC1B,IACE,eAAe,CAChB,WAAW,EACX,QAAQ,EACR,MAAM,EACN,iBAAiB,EACjB,aAAa,EACb,kBAAkB,EAClB,SAAS,CACV,CACF;CACF,CAAC;AAEF,MAAM,CAAC,MAAM,MAAM,GAA+B;IAChD,MAAM,EAAE,CAAC,IAAwB,EAAE,EAAE,CAAC,KAAC,aAAa,oBAAK,IAAI,EAAI;IACjE,IAAI,EAAE;QACJ,QAAQ,EAAE,CAAC;QACX,sBAAsB,EAAE,GAAG;QAC3B,YAAY,EAAE,EAAE;QAChB,SAAS,EAAE,KAAK;QAChB,QAAQ,EAAE,EAAE;KACb;CACF,CAAC;AAEF,MAAM,CAAC,MAAM,YAAY,GAA+B;IACtD,MAAM,EAAE,CAAC,IAAwB,EAAE,EAAE,CAAC,KAAC,aAAa,oBAAK,IAAI,EAAI;IACjE,IAAI,EAAE;QACJ,QAAQ,EAAE,CAAC;QACX,sBAAsB,EAAE,GAAG;QAC3B,YAAY,EAAE,EAAE;QAChB,SAAS,EAAE,IAAI;QACf,QAAQ,EAAE,EAAE;KACb;CACF,CAAC;AAEF,MAAM,CAAC,MAAM,SAAS,GAA+B;IACnD,MAAM,EAAE,CAAC,IAAwB,EAAE,EAAE,CAAC,KAAC,aAAa,oBAAK,IAAI,EAAI;IACjE,IAAI,EAAE;QACJ,QAAQ,EAAE,CAAC;QACX,sBAAsB,EAAE,GAAG;QAC3B,YAAY,EAAE,UAAU;QACxB,SAAS,EAAE,KAAK;QAChB,QAAQ,EAAE,EAAE;KACb;CACF,CAAC;AAEF,MAAM,CAAC,MAAM,eAAe,GAA+B;IACzD,MAAM,EAAE,CAAC,IAAwB,EAAE,EAAE,CAAC,KAAC,aAAa,oBAAK,IAAI,EAAI;IACjE,IAAI,EAAE;QACJ,QAAQ,EAAE,CAAC;QACX,sBAAsB,EAAE,GAAG;QAC3B,YAAY,EAAE,EAAE;QAChB,SAAS,EAAE,KAAK;QAChB,QAAQ,EAAE,UAAU;QACpB,WAAW,EAAE,kBAAkB;KAChC;CACF,CAAC"}

package/dist/esm/components/Chopin/TradeSelector/TradeSelector.test.js

@@ -75,11 +75,14 @@ describe("TradeSelector", () => {
         });
     });
     describe("given the API is unavailable", () => {
+        // eslint-disable-next-line no-console
         const consoleError = console.error;
         beforeAll(() => {
+            // eslint-disable-next-line no-console
             console.error = jest.fn();
         });
         afterAll(() => {
+            // eslint-disable-next-line no-console
             console.error = consoleError;
             jest.resetAllMocks();
         });