@simplybusiness/mobius 4.11.3 → 4.11.5

package/CHANGELOG.md

@@ -1,5 +1,17 @@
 # Changelog
 
+## 4.11.5
+
+### Patch Changes
+
+- 075ed81: Fix `<Trust>` hydration error
+
+## 4.11.4
+
+### Patch Changes
+
+- 060966b: Remove window ref
+
 ## 4.11.3
 
 ### Patch Changes

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

@@ -1,62 +1,134 @@
 "use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.ComplexContent = exports.WithChildren = exports.BottomHeader = exports.StartExpanded = exports.Normal = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const __1 = require("..");
-const utils_1 = require("../../utils");
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+function _export(target, all) {
+    for(var name in all)Object.defineProperty(target, name, {
+        enumerable: true,
+        get: all[name]
+    });
+}
+_export(exports, {
+    BottomHeader: function() {
+        return BottomHeader;
+    },
+    ComplexContent: function() {
+        return ComplexContent;
+    },
+    Normal: function() {
+        return Normal;
+    },
+    StartExpanded: function() {
+        return StartExpanded;
+    },
+    WithChildren: function() {
+        return WithChildren;
+    },
+    default: function() {
+        return _default;
+    }
+});
+const _jsxruntime = require("react/jsx-runtime");
+const _ = require("..");
+const _utils = require("../../utils");
 const meta = {
     title: "Components/Accordion",
-    component: __1.Accordion,
-    argTypes: (0, utils_1.excludeControls)("headerChildren"),
+    component: _.Accordion,
+    argTypes: (0, _utils.excludeControls)("headerChildren"),
     decorators: [
-        Story => ((0, jsx_runtime_1.jsx)("div", { style: { minHeight: 150 }, children: (0, jsx_runtime_1.jsx)(Story, {}) })),
-    ],
+        (Story)=>/*#__PURE__*/ (0, _jsxruntime.jsx)("div", {
+                style: {
+                    minHeight: 150
+                },
+                children: /*#__PURE__*/ (0, _jsxruntime.jsx)(Story, {})
+            })
+    ]
 };
-exports.Normal = {
-    render: (args) => ((0, jsx_runtime_1.jsxs)(__1.Accordion, Object.assign({}, args, { children: [(0, jsx_runtime_1.jsx)("p", { children: "Lorem ipsum dolor, sit amet consectetur adipisicing elit. Sequi repellendus deleniti architecto" }), (0, jsx_runtime_1.jsx)("p", { children: "Lorem ipsum dolor, sit amet consectetur adipisicing elit. Sequi repellendus deleniti architecto" })] }))),
+const Normal = {
+    render: (args)=>/*#__PURE__*/ (0, _jsxruntime.jsxs)(_.Accordion, {
+            ...args,
+            children: [
+                /*#__PURE__*/ (0, _jsxruntime.jsx)("p", {
+                    children: "Lorem ipsum dolor, sit amet consectetur adipisicing elit. Sequi repellendus deleniti architecto"
+                }),
+                /*#__PURE__*/ (0, _jsxruntime.jsx)("p", {
+                    children: "Lorem ipsum dolor, sit amet consectetur adipisicing elit. Sequi repellendus deleniti architecto"
+                })
+            ]
+        }),
     args: {
         showText: "See more",
         hideText: "See less",
         headerPosition: "top",
-        startOpen: false,
-    },
+        startOpen: false
+    }
 };
-exports.StartExpanded = {
-    render: (args) => ((0, jsx_runtime_1.jsx)(__1.Accordion, Object.assign({}, args, { children: (0, jsx_runtime_1.jsx)("p", { children: "Lorem ipsum dolor, sit amet consectetur adipisicing elit. Sequi repellendus deleniti architecto" }) }))),
+const StartExpanded = {
+    render: (args)=>/*#__PURE__*/ (0, _jsxruntime.jsx)(_.Accordion, {
+            ...args,
+            children: /*#__PURE__*/ (0, _jsxruntime.jsx)("p", {
+                children: "Lorem ipsum dolor, sit amet consectetur adipisicing elit. Sequi repellendus deleniti architecto"
+            })
+        }),
     args: {
-        showText: "See more",
-        hideText: "See less",
+        showText: "How to sign a Premium Credit Agreement (PCL)",
+        hideText: "How to sign a Premium Credit Agreement (PCL)",
         headerPosition: "top",
-        startOpen: true,
-    },
+        startOpen: true
+    }
 };
-exports.BottomHeader = {
-    render: (args) => ((0, jsx_runtime_1.jsx)(__1.Accordion, Object.assign({}, args, { children: (0, jsx_runtime_1.jsx)("p", { children: "Lorem ipsum dolor, sit amet consectetur adipisicing elit. Sequi repellendus deleniti architecto" }) }))),
+const BottomHeader = {
+    render: (args)=>/*#__PURE__*/ (0, _jsxruntime.jsx)(_.Accordion, {
+            ...args,
+            children: /*#__PURE__*/ (0, _jsxruntime.jsx)("p", {
+                children: "Lorem ipsum dolor, sit amet consectetur adipisicing elit. Sequi repellendus deleniti architecto"
+            })
+        }),
     args: {
         showText: "See more",
         hideText: "See less",
         headerPosition: "bottom",
-        startOpen: false,
-    },
+        startOpen: false
+    }
 };
-exports.WithChildren = {
-    render: (args) => ((0, jsx_runtime_1.jsx)(__1.Accordion, Object.assign({}, args, { children: (0, jsx_runtime_1.jsx)("p", { children: "Lorem ipsum dolor, sit amet consectetur adipisicing elit. Sequi repellendus deleniti architecto" }) }))),
+const WithChildren = {
+    render: (args)=>/*#__PURE__*/ (0, _jsxruntime.jsx)(_.Accordion, {
+            ...args,
+            children: /*#__PURE__*/ (0, _jsxruntime.jsx)("p", {
+                children: "Lorem ipsum dolor, sit amet consectetur adipisicing elit. Sequi repellendus deleniti architecto"
+            })
+        }),
     args: {
         showText: "See more",
         hideText: "See less",
         headerPosition: "top",
-        headerChildren: (0, jsx_runtime_1.jsx)(__1.Button, { children: "Go" }),
-        startOpen: false,
-    },
+        headerChildren: /*#__PURE__*/ (0, _jsxruntime.jsx)(_.Button, {
+            children: "Go"
+        }),
+        startOpen: false
+    }
 };
-exports.ComplexContent = {
-    render: (args) => ((0, jsx_runtime_1.jsx)(__1.Accordion, Object.assign({}, args, { children: (0, jsx_runtime_1.jsxs)(__1.SegmentGroup, { children: [(0, jsx_runtime_1.jsx)(__1.Segment, { children: "Lorem ipsum dolor, sit amet consectetur adipisicing elit. Sequi repellendus deleniti architecto" }), (0, jsx_runtime_1.jsx)(__1.Segment, { children: "Lorem ipsum dolor, sit amet consectetur adipisicing elit. Sequi repellendus deleniti architecto" })] }) }))),
+const ComplexContent = {
+    render: (args)=>/*#__PURE__*/ (0, _jsxruntime.jsx)(_.Accordion, {
+            ...args,
+            children: /*#__PURE__*/ (0, _jsxruntime.jsxs)(_.SegmentGroup, {
+                children: [
+                    /*#__PURE__*/ (0, _jsxruntime.jsx)(_.Segment, {
+                        children: "Lorem ipsum dolor, sit amet consectetur adipisicing elit. Sequi repellendus deleniti architecto"
+                    }),
+                    /*#__PURE__*/ (0, _jsxruntime.jsx)(_.Segment, {
+                        children: "Lorem ipsum dolor, sit amet consectetur adipisicing elit. Sequi repellendus deleniti architecto"
+                    })
+                ]
+            })
+        }),
     args: {
         showText: "See more",
         hideText: "See less",
         headerPosition: "top",
-        startOpen: false,
-    },
+        startOpen: false
+    }
 };
-exports.default = meta;
+const _default = meta;
+
 //# sourceMappingURL=Accordion.stories.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"Accordion.stories.js","sourceRoot":"","sources":["../../../../src/components/Accordion/Accordion.stories.tsx"],"names":[],"mappings":";;;;AACA,0BAA8E;AAC9E,uCAA8C;AAI9C,MAAM,IAAI,GAA2B;IACnC,KAAK,EAAE,sBAAsB;IAC7B,SAAS,EAAE,aAAS;IACpB,QAAQ,EAAE,IAAA,uBAAe,EAAC,gBAAgB,CAAC;IAC3C,UAAU,EAAE;QACV,KAAK,CAAC,EAAE,CAAC,CACP,gCAAK,KAAK,EAAE,EAAE,SAAS,EAAE,GAAG,EAAE,YAC5B,uBAAC,KAAK,KAAG,GACL,CACP;KACF;CACF,CAAC;AAEW,QAAA,MAAM,GAAc;IAC/B,MAAM,EAAE,CAAC,IAAoB,EAAE,EAAE,CAAC,CAChC,wBAAC,aAAS,oBAAK,IAAI,eACjB,4IAGI,EACJ,4IAGI,KACM,CACb;IACD,IAAI,EAAE;QACJ,QAAQ,EAAE,UAAU;QACpB,QAAQ,EAAE,UAAU;QACpB,cAAc,EAAE,KAAK;QACrB,SAAS,EAAE,KAAK;KACjB;CACF,CAAC;AAEW,QAAA,aAAa,GAAc;IACtC,MAAM,EAAE,CAAC,IAAoB,EAAE,EAAE,CAAC,CAChC,uBAAC,aAAS,oBAAK,IAAI,cACjB,4IAGI,IACM,CACb;IACD,IAAI,EAAE;QACJ,QAAQ,EAAE,UAAU;QACpB,QAAQ,EAAE,UAAU;QACpB,cAAc,EAAE,KAAK;QACrB,SAAS,EAAE,IAAI;KAChB;CACF,CAAC;AAEW,QAAA,YAAY,GAAc;IACrC,MAAM,EAAE,CAAC,IAAoB,EAAE,EAAE,CAAC,CAChC,uBAAC,aAAS,oBAAK,IAAI,cACjB,4IAGI,IACM,CACb;IACD,IAAI,EAAE;QACJ,QAAQ,EAAE,UAAU;QACpB,QAAQ,EAAE,UAAU;QACpB,cAAc,EAAE,QAAQ;QACxB,SAAS,EAAE,KAAK;KACjB;CACF,CAAC;AAEW,QAAA,YAAY,GAAc;IACrC,MAAM,EAAE,CAAC,IAAoB,EAAE,EAAE,CAAC,CAChC,uBAAC,aAAS,oBAAK,IAAI,cACjB,4IAGI,IACM,CACb;IACD,IAAI,EAAE;QACJ,QAAQ,EAAE,UAAU;QACpB,QAAQ,EAAE,UAAU;QACpB,cAAc,EAAE,KAAK;QACrB,cAAc,EAAE,uBAAC,UAAM,qBAAY;QACnC,SAAS,EAAE,KAAK;KACjB;CACF,CAAC;AAEW,QAAA,cAAc,GAAc;IACvC,MAAM,EAAE,CAAC,IAAoB,EAAE,EAAE,CAAC,CAChC,uBAAC,aAAS,oBAAK,IAAI,cACjB,wBAAC,gBAAY,eACX,uBAAC,WAAO,kHAGE,EACV,uBAAC,WAAO,kHAGE,IACG,IACL,CACb;IACD,IAAI,EAAE;QACJ,QAAQ,EAAE,UAAU;QACpB,QAAQ,EAAE,UAAU;QACpB,cAAc,EAAE,KAAK;QACrB,SAAS,EAAE,KAAK;KACjB;CACF,CAAC;AAEF,kBAAe,IAAI,CAAC"}
+{"version":3,"sources":["../../../../src/components/Accordion/Accordion.stories.tsx"],"sourcesContent":["import type { Meta, StoryObj } from \"@storybook/react\";\nimport { Accordion, AccordionProps, Button, Segment, SegmentGroup } from \"..\";\nimport { excludeControls } from \"../../utils\";\n\ntype StoryType = StoryObj<typeof Accordion>;\n\nconst meta: Meta<typeof Accordion> = {\n  title: \"Components/Accordion\",\n  component: Accordion,\n  argTypes: excludeControls(\"headerChildren\"),\n  decorators: [\n    Story => (\n      <div style={{ minHeight: 150 }}>\n        <Story />\n      </div>\n    ),\n  ],\n};\n\nexport const Normal: StoryType = {\n  render: (args: AccordionProps) => (\n    <Accordion {...args}>\n      <p>\n        Lorem ipsum dolor, sit amet consectetur adipisicing elit. Sequi\n        repellendus deleniti architecto\n      </p>\n      <p>\n        Lorem ipsum dolor, sit amet consectetur adipisicing elit. Sequi\n        repellendus deleniti architecto\n      </p>\n    </Accordion>\n  ),\n  args: {\n    showText: \"See more\",\n    hideText: \"See less\",\n    headerPosition: \"top\",\n    startOpen: false,\n  },\n};\n\nexport const StartExpanded: StoryType = {\n  render: (args: AccordionProps) => (\n    <Accordion {...args}>\n      <p>\n        Lorem ipsum dolor, sit amet consectetur adipisicing elit. Sequi\n        repellendus deleniti architecto\n      </p>\n    </Accordion>\n  ),\n  args: {\n    showText: \"How to sign a Premium Credit Agreement (PCL)\",\n    hideText: \"How to sign a Premium Credit Agreement (PCL)\",\n    headerPosition: \"top\",\n    startOpen: true,\n  },\n};\n\nexport const BottomHeader: StoryType = {\n  render: (args: AccordionProps) => (\n    <Accordion {...args}>\n      <p>\n        Lorem ipsum dolor, sit amet consectetur adipisicing elit. Sequi\n        repellendus deleniti architecto\n      </p>\n    </Accordion>\n  ),\n  args: {\n    showText: \"See more\",\n    hideText: \"See less\",\n    headerPosition: \"bottom\",\n    startOpen: false,\n  },\n};\n\nexport const WithChildren: StoryType = {\n  render: (args: AccordionProps) => (\n    <Accordion {...args}>\n      <p>\n        Lorem ipsum dolor, sit amet consectetur adipisicing elit. Sequi\n        repellendus deleniti architecto\n      </p>\n    </Accordion>\n  ),\n  args: {\n    showText: \"See more\",\n    hideText: \"See less\",\n    headerPosition: \"top\",\n    headerChildren: <Button>Go</Button>,\n    startOpen: false,\n  },\n};\n\nexport const ComplexContent: StoryType = {\n  render: (args: AccordionProps) => (\n    <Accordion {...args}>\n      <SegmentGroup>\n        <Segment>\n          Lorem ipsum dolor, sit amet consectetur adipisicing elit. Sequi\n          repellendus deleniti architecto\n        </Segment>\n        <Segment>\n          Lorem ipsum dolor, sit amet consectetur adipisicing elit. Sequi\n          repellendus deleniti architecto\n        </Segment>\n      </SegmentGroup>\n    </Accordion>\n  ),\n  args: {\n    showText: \"See more\",\n    hideText: \"See less\",\n    headerPosition: \"top\",\n    startOpen: false,\n  },\n};\n\nexport default meta;\n"],"names":["BottomHeader","ComplexContent","Normal","StartExpanded","WithChildren","meta","title","component","Accordion","argTypes","excludeControls","decorators","Story","div","style","minHeight","render","args","p","showText","hideText","headerPosition","startOpen","headerChildren","Button","SegmentGroup","Segment"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;;;;;;;;IAyDaA,YAAY;eAAZA;;IAmCAC,cAAc;eAAdA;;IAzEAC,MAAM;eAANA;;IAqBAC,aAAa;eAAbA;;IAkCAC,YAAY;eAAZA;;IAyCb,OAAoB;eAApB;;;;kBAlHyE;uBACzC;AAIhC,MAAMC,OAA+B;IACnCC,OAAO;IACPC,WAAWC,WAAS;IACpBC,UAAUC,IAAAA,sBAAe,EAAC;IAC1BC,YAAY;QACVC,CAAAA,sBACE,qBAACC;gBAAIC,OAAO;oBAAEC,WAAW;gBAAI;0BAC3B,cAAA,qBAACH;;KAGN;AACH;AAEO,MAAMV,SAAoB;IAC/Bc,QAAQ,CAACC,qBACP,sBAACT,WAAS;YAAE,GAAGS,IAAI;;8BACjB,qBAACC;8BAAE;;8BAIH,qBAACA;8BAAE;;;;IAMPD,MAAM;QACJE,UAAU;QACVC,UAAU;QACVC,gBAAgB;QAChBC,WAAW;IACb;AACF;AAEO,MAAMnB,gBAA2B;IACtCa,QAAQ,CAACC,qBACP,qBAACT,WAAS;YAAE,GAAGS,IAAI;sBACjB,cAAA,qBAACC;0BAAE;;;IAMPD,MAAM;QACJE,UAAU;QACVC,UAAU;QACVC,gBAAgB;QAChBC,WAAW;IACb;AACF;AAEO,MAAMtB,eAA0B;IACrCgB,QAAQ,CAACC,qBACP,qBAACT,WAAS;YAAE,GAAGS,IAAI;sBACjB,cAAA,qBAACC;0BAAE;;;IAMPD,MAAM;QACJE,UAAU;QACVC,UAAU;QACVC,gBAAgB;QAChBC,WAAW;IACb;AACF;AAEO,MAAMlB,eAA0B;IACrCY,QAAQ,CAACC,qBACP,qBAACT,WAAS;YAAE,GAAGS,IAAI;sBACjB,cAAA,qBAACC;0BAAE;;;IAMPD,MAAM;QACJE,UAAU;QACVC,UAAU;QACVC,gBAAgB;QAChBE,8BAAgB,qBAACC,QAAM;sBAAC;;QACxBF,WAAW;IACb;AACF;AAEO,MAAMrB,iBAA4B;IACvCe,QAAQ,CAACC,qBACP,qBAACT,WAAS;YAAE,GAAGS,IAAI;sBACjB,cAAA,sBAACQ,cAAY;;kCACX,qBAACC,SAAO;kCAAC;;kCAIT,qBAACA,SAAO;kCAAC;;;;;IAOfT,MAAM;QACJE,UAAU;QACVC,UAAU;QACVC,gBAAgB;QAChBC,WAAW;IACb;AACF;MAEA,WAAejB"}

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

@@ -1,37 +1,77 @@
 "use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.WithHeader = exports.Normal = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const Alert_1 = require("./Alert");
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+function _export(target, all) {
+    for(var name in all)Object.defineProperty(target, name, {
+        enumerable: true,
+        get: all[name]
+    });
+}
+_export(exports, {
+    Normal: function() {
+        return Normal;
+    },
+    WithHeader: function() {
+        return WithHeader;
+    },
+    default: function() {
+        return _default;
+    }
+});
+const _jsxruntime = require("react/jsx-runtime");
+const _Alert = require("./Alert");
 const meta = {
     title: "Components/Alert",
-    component: Alert_1.Alert,
+    component: _Alert.Alert,
     argTypes: {
         variant: {
-            control: { type: "radio" },
-            options: ["info", "success", "warning", "error"],
-        },
-    },
+            control: {
+                type: "radio"
+            },
+            options: [
+                "info",
+                "success",
+                "warning",
+                "error"
+            ]
+        }
+    }
 };
-exports.Normal = {
-    render: (args) => ((0, jsx_runtime_1.jsxs)(Alert_1.Alert, Object.assign({}, args, { children: ["Today is", " ", new Intl.DateTimeFormat("en-GB", {
-                dateStyle: "long",
-            }).format(new Date())] }))),
+const Normal = {
+    render: (args)=>/*#__PURE__*/ (0, _jsxruntime.jsxs)(_Alert.Alert, {
+            ...args,
+            children: [
+                "Today is",
+                " ",
+                new Intl.DateTimeFormat("en-GB", {
+                    dateStyle: "long"
+                }).format(new Date())
+            ]
+        }),
     args: {
         variant: "info",
         show: true,
-        header: "",
-    },
+        header: ""
+    }
 };
-exports.WithHeader = {
-    render: (args) => ((0, jsx_runtime_1.jsxs)(Alert_1.Alert, Object.assign({}, args, { children: ["Today is", " ", new Intl.DateTimeFormat("en-GB", {
-                dateStyle: "long",
-            }).format(new Date())] }))),
+const WithHeader = {
+    render: (args)=>/*#__PURE__*/ (0, _jsxruntime.jsxs)(_Alert.Alert, {
+            ...args,
+            children: [
+                "Today is",
+                " ",
+                new Intl.DateTimeFormat("en-GB", {
+                    dateStyle: "long"
+                }).format(new Date())
+            ]
+        }),
     args: {
         variant: "info",
         show: true,
-        header: "Information",
-    },
+        header: "Information"
+    }
 };
-exports.default = meta;
+const _default = meta;
+
 //# sourceMappingURL=Alert.stories.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"Alert.stories.js","sourceRoot":"","sources":["../../../../src/components/Alert/Alert.stories.tsx"],"names":[],"mappings":";;;;AACA,mCAA4C;AAI5C,MAAM,IAAI,GAAuB;IAC/B,KAAK,EAAE,kBAAkB;IACzB,SAAS,EAAE,aAAK;IAChB,QAAQ,EAAE;QACR,OAAO,EAAE;YACP,OAAO,EAAE,EAAE,IAAI,EAAE,OAAO,EAAE;YAC1B,OAAO,EAAE,CAAC,MAAM,EAAE,SAAS,EAAE,SAAS,EAAE,OAAO,CAAC;SACjD;KACF;CACF,CAAC;AAEW,QAAA,MAAM,GAAc;IAC/B,MAAM,EAAE,CAAC,IAAgB,EAAE,EAAE,CAAC,CAC5B,wBAAC,aAAK,oBAAK,IAAI,2BACJ,GAAG,EACX,IAAI,IAAI,CAAC,cAAc,CAAC,OAAO,EAAE;gBAChC,SAAS,EAAE,MAAM;aAClB,CAAC,CAAC,MAAM,CAAC,IAAI,IAAI,EAAE,CAAC,KACf,CACT;IACD,IAAI,EAAE;QACJ,OAAO,EAAE,MAAM;QACf,IAAI,EAAE,IAAI;QACV,MAAM,EAAE,EAAE;KACX;CACF,CAAC;AAEW,QAAA,UAAU,GAAc;IACnC,MAAM,EAAE,CAAC,IAAgB,EAAE,EAAE,CAAC,CAC5B,wBAAC,aAAK,oBAAK,IAAI,2BACJ,GAAG,EACX,IAAI,IAAI,CAAC,cAAc,CAAC,OAAO,EAAE;gBAChC,SAAS,EAAE,MAAM;aAClB,CAAC,CAAC,MAAM,CAAC,IAAI,IAAI,EAAE,CAAC,KACf,CACT;IACD,IAAI,EAAE;QACJ,OAAO,EAAE,MAAM;QACf,IAAI,EAAE,IAAI;QACV,MAAM,EAAE,aAAa;KACtB;CACF,CAAC;AAEF,kBAAe,IAAI,CAAC"}
+{"version":3,"sources":["../../../../src/components/Alert/Alert.stories.tsx"],"sourcesContent":["import type { Meta, StoryObj } from \"@storybook/react\";\nimport { Alert, AlertProps } from \"./Alert\";\n\ntype StoryType = StoryObj<typeof Alert>;\n\nconst meta: Meta<typeof Alert> = {\n  title: \"Components/Alert\",\n  component: Alert,\n  argTypes: {\n    variant: {\n      control: { type: \"radio\" },\n      options: [\"info\", \"success\", \"warning\", \"error\"],\n    },\n  },\n};\n\nexport const Normal: StoryType = {\n  render: (args: AlertProps) => (\n    <Alert {...args}>\n      Today is{\" \"}\n      {new Intl.DateTimeFormat(\"en-GB\", {\n        dateStyle: \"long\",\n      }).format(new Date())}\n    </Alert>\n  ),\n  args: {\n    variant: \"info\",\n    show: true,\n    header: \"\",\n  },\n};\n\nexport const WithHeader: StoryType = {\n  render: (args: AlertProps) => (\n    <Alert {...args}>\n      Today is{\" \"}\n      {new Intl.DateTimeFormat(\"en-GB\", {\n        dateStyle: \"long\",\n      }).format(new Date())}\n    </Alert>\n  ),\n  args: {\n    variant: \"info\",\n    show: true,\n    header: \"Information\",\n  },\n};\n\nexport default meta;\n"],"names":["Normal","WithHeader","meta","title","component","Alert","argTypes","variant","control","type","options","render","args","Intl","DateTimeFormat","dateStyle","format","Date","show","header"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;;;;;;;;IAgBaA,MAAM;eAANA;;IAgBAC,UAAU;eAAVA;;IAgBb,OAAoB;eAApB;;;;uBA/CkC;AAIlC,MAAMC,OAA2B;IAC/BC,OAAO;IACPC,WAAWC,YAAK;IAChBC,UAAU;QACRC,SAAS;YACPC,SAAS;gBAAEC,MAAM;YAAQ;YACzBC,SAAS;gBAAC;gBAAQ;gBAAW;gBAAW;aAAQ;QAClD;IACF;AACF;AAEO,MAAMV,SAAoB;IAC/BW,QAAQ,CAACC,qBACP,sBAACP,YAAK;YAAE,GAAGO,IAAI;;gBAAE;gBACN;gBACR,IAAIC,KAAKC,cAAc,CAAC,SAAS;oBAChCC,WAAW;gBACb,GAAGC,MAAM,CAAC,IAAIC;;;IAGlBL,MAAM;QACJL,SAAS;QACTW,MAAM;QACNC,QAAQ;IACV;AACF;AAEO,MAAMlB,aAAwB;IACnCU,QAAQ,CAACC,qBACP,sBAACP,YAAK;YAAE,GAAGO,IAAI;;gBAAE;gBACN;gBACR,IAAIC,KAAKC,cAAc,CAAC,SAAS;oBAChCC,WAAW;gBACb,GAAGC,MAAM,CAAC,IAAIC;;;IAGlBL,MAAM;QACJL,SAAS;QACTW,MAAM;QACNC,QAAQ;IACV;AACF;MAEA,WAAejB"}

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

@@ -1,24 +1,129 @@
 "use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.CustomElement = exports.Normal = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const Box_1 = require("./Box");
-const Button_1 = require("../Button");
-const utils_1 = require("../../utils");
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+function _export(target, all) {
+    for(var name in all)Object.defineProperty(target, name, {
+        enumerable: true,
+        get: all[name]
+    });
+}
+_export(exports, {
+    CustomElement: function() {
+        return CustomElement;
+    },
+    Normal: function() {
+        return Normal;
+    },
+    default: function() {
+        return _default;
+    }
+});
+const _jsxruntime = require("react/jsx-runtime");
+const _Box = require("./Box");
+const _utils = require("../../utils");
+const _TextField = require("../TextField");
+const paddingProps = Object.assign({}, ...[
+    "padding",
+    "paddingX",
+    "paddingInline",
+    "paddingInlineStart",
+    "paddingInlineEnd",
+    "paddingY",
+    "paddingBlock",
+    "paddingBlockStart",
+    "paddingBlockEnd",
+    "paddingTop",
+    "paddingRight",
+    "paddingBottom",
+    "paddingLeft"
+].map((propName)=>({
+        [propName]: {
+            control: {
+                type: "select"
+            },
+            options: [
+                ..._utils.sizeOptions
+            ]
+        }
+    })));
+const dimensionProps = Object.assign({}, ...[
+    "minWidth",
+    "minHeight",
+    "maxWidth",
+    "maxHeight",
+    "width",
+    "height"
+].map((propName)=>({
+        [propName]: {
+            control: {
+                type: "number"
+            }
+        }
+    })));
 const meta = {
     title: "Layout/Box",
-    component: Box_1.Box,
-    argTypes: (0, utils_1.excludeControls)("style"),
+    component: _Box.Box,
+    argTypes: {
+        ...paddingProps,
+        ...dimensionProps,
+        ...(0, _utils.excludeControls)("style")
+    }
 };
-exports.Normal = {
-    render: (args) => ((0, jsx_runtime_1.jsx)(Box_1.Box, Object.assign({}, args, { children: (0, jsx_runtime_1.jsx)(Button_1.Button, { children: "Click me" }) }))),
+const Normal = {
+    render: (args)=>/*#__PURE__*/ (0, _jsxruntime.jsxs)(_Box.Box, {
+            ...args,
+            children: [
+                /*#__PURE__*/ (0, _jsxruntime.jsx)(_TextField.TextField, {
+                    label: "First name"
+                }),
+                /*#__PURE__*/ (0, _jsxruntime.jsx)(_TextField.TextField, {
+                    label: "Last name"
+                }),
+                /*#__PURE__*/ (0, _jsxruntime.jsx)(_TextField.TextField, {
+                    label: "Email address"
+                })
+            ]
+        }),
+    args: {
+        minWidth: 320,
+        padding: "lg",
+        style: {
+            backgroundColor: "var(--color-background-light)",
+            borderRadius: "var(--radius-1)"
+        }
+    }
 };
-exports.CustomElement = {
-    render: (args) => (0, jsx_runtime_1.jsx)(Box_1.Box, Object.assign({}, args, { children: "This text is inside a span" })),
+const CustomElement = {
+    render: (args)=>/*#__PURE__*/ (0, _jsxruntime.jsxs)(_Box.Box, {
+            ...args,
+            children: [
+                /*#__PURE__*/ (0, _jsxruntime.jsx)(_Box.Box, {
+                    children: "First item"
+                }),
+                /*#__PURE__*/ (0, _jsxruntime.jsx)(_Box.Box, {
+                    children: "Second item"
+                }),
+                /*#__PURE__*/ (0, _jsxruntime.jsx)(_Box.Box, {
+                    children: "Third item"
+                })
+            ]
+        }),
     name: "Custom Element",
     args: {
         elementType: "span",
-    },
+        minWidth: 320,
+        paddingBlock: "lg",
+        paddingInline: "xxl",
+        style: {
+            display: "block",
+            backgroundColor: "var(--color-background-medium)",
+            borderRadius: "var(--radius-1)",
+            color: "var(--color-text-inverted)",
+            margin: 0
+        }
+    }
 };
-exports.default = meta;
+const _default = meta;
+
 //# sourceMappingURL=Box.stories.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"Box.stories.js","sourceRoot":"","sources":["../../../../src/components/Box/Box.stories.tsx"],"names":[],"mappings":";;;;AACA,+BAAsC;AACtC,sCAAmC;AACnC,uCAA8C;AAI9C,MAAM,IAAI,GAAqB;IAC7B,KAAK,EAAE,YAAY;IACnB,SAAS,EAAE,SAAG;IACd,QAAQ,EAAE,IAAA,uBAAe,EAAC,OAAO,CAAC;CACnC,CAAC;AAEW,QAAA,MAAM,GAAc;IAC/B,MAAM,EAAE,CAAC,IAAc,EAAE,EAAE,CAAC,CAC1B,uBAAC,SAAG,oBAAK,IAAI,cACX,uBAAC,eAAM,2BAAkB,IACrB,CACP;CACF,CAAC;AAEW,QAAA,aAAa,GAAc;IACtC,MAAM,EAAE,CAAC,IAAc,EAAE,EAAE,CAAC,uBAAC,SAAG,oBAAK,IAAI,8CAAkC;IAC3E,IAAI,EAAE,gBAAgB;IACtB,IAAI,EAAE;QACJ,WAAW,EAAE,MAAM;KACpB;CACF,CAAC;AAEF,kBAAe,IAAI,CAAC"}
+{"version":3,"sources":["../../../../src/components/Box/Box.stories.tsx"],"sourcesContent":["import type { Meta, StoryObj } from \"@storybook/react\";\nimport { Box } from \"./Box\";\nimport { excludeControls, sizeOptions } from \"../../utils\";\nimport { BoxProps } from \"./types\";\nimport { TextField } from \"../TextField\";\n\ntype StoryType = StoryObj<typeof Box>;\n\nconst paddingProps = Object.assign(\n  {},\n  ...[\n    \"padding\",\n    \"paddingX\",\n    \"paddingInline\",\n    \"paddingInlineStart\",\n    \"paddingInlineEnd\",\n    \"paddingY\",\n    \"paddingBlock\",\n    \"paddingBlockStart\",\n    \"paddingBlockEnd\",\n    \"paddingTop\",\n    \"paddingRight\",\n    \"paddingBottom\",\n    \"paddingLeft\",\n  ].map(propName => ({\n    [propName]: {\n      control: { type: \"select\" },\n      options: [...sizeOptions],\n    },\n  })),\n);\n\nconst dimensionProps = Object.assign(\n  {},\n  ...[\"minWidth\", \"minHeight\", \"maxWidth\", \"maxHeight\", \"width\", \"height\"].map(\n    propName => ({\n      [propName]: {\n        control: { type: \"number\" },\n      },\n    }),\n  ),\n);\n\nconst meta: Meta<typeof Box> = {\n  title: \"Layout/Box\",\n  component: Box,\n  argTypes: {\n    ...paddingProps,\n    ...dimensionProps,\n    ...excludeControls(\"style\"),\n  },\n};\n\nexport const Normal: StoryType = {\n  render: (args: BoxProps) => (\n    <Box {...args}>\n      <TextField label=\"First name\" />\n      <TextField label=\"Last name\" />\n      <TextField label=\"Email address\" />\n    </Box>\n  ),\n  args: {\n    minWidth: 320,\n    padding: \"lg\",\n    style: {\n      backgroundColor: \"var(--color-background-light)\",\n      borderRadius: \"var(--radius-1)\",\n    },\n  },\n};\n\nexport const CustomElement: StoryType = {\n  render: (args: BoxProps) => (\n    <Box {...args}>\n      <Box>First item</Box>\n      <Box>Second item</Box>\n      <Box>Third item</Box>\n    </Box>\n  ),\n  name: \"Custom Element\",\n  args: {\n    elementType: \"span\",\n    minWidth: 320,\n    paddingBlock: \"lg\",\n    paddingInline: \"xxl\",\n    style: {\n      display: \"block\",\n      backgroundColor: \"var(--color-background-medium)\",\n      borderRadius: \"var(--radius-1)\",\n      color: \"var(--color-text-inverted)\",\n      margin: 0,\n    },\n  },\n};\n\nexport default meta;\n"],"names":["CustomElement","Normal","paddingProps","Object","assign","map","propName","control","type","options","sizeOptions","dimensionProps","meta","title","component","Box","argTypes","excludeControls","render","args","TextField","label","minWidth","padding","style","backgroundColor","borderRadius","name","elementType","paddingBlock","paddingInline","display","color","margin"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;;;;;;;;IAuEaA,aAAa;eAAbA;;IAlBAC,MAAM;eAANA;;IA0Cb,OAAoB;eAApB;;;;qBA9FoB;uBACyB;2BAEnB;AAI1B,MAAMC,eAAeC,OAAOC,MAAM,CAChC,CAAC,MACE;IACD;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;CACD,CAACC,GAAG,CAACC,CAAAA,WAAa,CAAA;QACjB,CAACA,SAAS,EAAE;YACVC,SAAS;gBAAEC,MAAM;YAAS;YAC1BC,SAAS;mBAAIC,kBAAW;aAAC;QAC3B;IACF,CAAA;AAGF,MAAMC,iBAAiBR,OAAOC,MAAM,CAClC,CAAC,MACE;IAAC;IAAY;IAAa;IAAY;IAAa;IAAS;CAAS,CAACC,GAAG,CAC1EC,CAAAA,WAAa,CAAA;QACX,CAACA,SAAS,EAAE;YACVC,SAAS;gBAAEC,MAAM;YAAS;QAC5B;IACF,CAAA;AAIJ,MAAMI,OAAyB;IAC7BC,OAAO;IACPC,WAAWC,QAAG;IACdC,UAAU;QACR,GAAGd,YAAY;QACf,GAAGS,cAAc;QACjB,GAAGM,IAAAA,sBAAe,EAAC,QAAQ;IAC7B;AACF;AAEO,MAAMhB,SAAoB;IAC/BiB,QAAQ,CAACC,qBACP,sBAACJ,QAAG;YAAE,GAAGI,IAAI;;8BACX,qBAACC,oBAAS;oBAACC,OAAM;;8BACjB,qBAACD,oBAAS;oBAACC,OAAM;;8BACjB,qBAACD,oBAAS;oBAACC,OAAM;;;;IAGrBF,MAAM;QACJG,UAAU;QACVC,SAAS;QACTC,OAAO;YACLC,iBAAiB;YACjBC,cAAc;QAChB;IACF;AACF;AAEO,MAAM1B,gBAA2B;IACtCkB,QAAQ,CAACC,qBACP,sBAACJ,QAAG;YAAE,GAAGI,IAAI;;8BACX,qBAACJ,QAAG;8BAAC;;8BACL,qBAACA,QAAG;8BAAC;;8BACL,qBAACA,QAAG;8BAAC;;;;IAGTY,MAAM;IACNR,MAAM;QACJS,aAAa;QACbN,UAAU;QACVO,cAAc;QACdC,eAAe;QACfN,OAAO;YACLO,SAAS;YACTN,iBAAiB;YACjBC,cAAc;YACdM,OAAO;YACPC,QAAQ;QACV;IACF;AACF;MAEA,WAAerB"}

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

@@ -1,19 +1,89 @@
 "use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.WithLogo = exports.Normal = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const Breadcrumbs_1 = require("./Breadcrumbs");
-const BreadcrumbItem_1 = require("./BreadcrumbItem");
-const Link_1 = require("../Link");
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+function _export(target, all) {
+    for(var name in all)Object.defineProperty(target, name, {
+        enumerable: true,
+        get: all[name]
+    });
+}
+_export(exports, {
+    Normal: function() {
+        return Normal;
+    },
+    WithLogo: function() {
+        return WithLogo;
+    },
+    default: function() {
+        return _default;
+    }
+});
+const _jsxruntime = require("react/jsx-runtime");
+const _Breadcrumbs = require("./Breadcrumbs");
+const _BreadcrumbItem = require("./BreadcrumbItem");
+const _Link = require("../Link");
 const meta = {
     title: "Components/Breadcrumbs",
-    component: Breadcrumbs_1.Breadcrumbs,
+    component: _Breadcrumbs.Breadcrumbs
 };
-exports.Normal = {
-    render: (args) => ((0, jsx_runtime_1.jsxs)(Breadcrumbs_1.Breadcrumbs, Object.assign({}, args, { children: [(0, jsx_runtime_1.jsx)(BreadcrumbItem_1.BreadcrumbItem, { children: (0, jsx_runtime_1.jsx)(Link_1.Link, { href: "/business-insurance", children: "Business insurance" }) }, "business-insurance"), (0, jsx_runtime_1.jsx)(BreadcrumbItem_1.BreadcrumbItem, { children: (0, jsx_runtime_1.jsx)(Link_1.Link, { href: "/tradesmen", children: "Tradesmen" }) }, "tradesmen"), (0, jsx_runtime_1.jsx)(BreadcrumbItem_1.BreadcrumbItem, { children: "Beauty salon insurance" }, "beauty-salon-insurance")] }))),
+const Normal = {
+    render: (args)=>/*#__PURE__*/ (0, _jsxruntime.jsxs)(_Breadcrumbs.Breadcrumbs, {
+            ...args,
+            children: [
+                /*#__PURE__*/ (0, _jsxruntime.jsx)(_BreadcrumbItem.BreadcrumbItem, {
+                    children: /*#__PURE__*/ (0, _jsxruntime.jsx)(_Link.Link, {
+                        href: "/business-insurance",
+                        children: "Business insurance"
+                    })
+                }, "business-insurance"),
+                /*#__PURE__*/ (0, _jsxruntime.jsx)(_BreadcrumbItem.BreadcrumbItem, {
+                    children: /*#__PURE__*/ (0, _jsxruntime.jsx)(_Link.Link, {
+                        href: "/tradesmen",
+                        children: "Tradesmen"
+                    })
+                }, "tradesmen"),
+                /*#__PURE__*/ (0, _jsxruntime.jsx)(_BreadcrumbItem.BreadcrumbItem, {
+                    children: "Beauty salon insurance"
+                }, "beauty-salon-insurance")
+            ]
+        })
 };
-exports.WithLogo = {
-    render: (args) => ((0, jsx_runtime_1.jsxs)(Breadcrumbs_1.Breadcrumbs, Object.assign({}, args, { children: [(0, jsx_runtime_1.jsx)(BreadcrumbItem_1.BreadcrumbItem, { children: (0, jsx_runtime_1.jsx)("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 299.8 85", height: "32px", children: (0, jsx_runtime_1.jsx)("path", { d: "M109.9 38.7c3.3-3.7 4.9-8.2 4.9-13.7 0-6.5-2.3-12.4-6.6-16.7-4.6-4.7-11.1-7.1-18.8-7.1H68.5c-5.3 0-9.1 3.8-9.1 9.1v64.8c0 5.2 3.9 9.1 9.1 9.1h24.8c8.8 0 16.1-2.6 21.2-7.6 4.7-4.6 7.3-11.1 7.3-18.3 0-4.7-1.2-8.9-3.5-12.4-2.1-3-4.9-5.4-8.4-7.2zM68.4 75.9c-.7 0-.9-.3-.9-.9V10.2c0-.8.2-.9.9-.9h20.9c3.8 0 9.2.8 13.1 4.7 2.7 2.8 4.2 6.6 4.2 10.9 0 9.1-11.8 16.2-11.8 16.2s13.2 3.4 16.5 9.2c1.4 2.1 2.1 4.8 2.1 7.9 0 5-1.7 9.4-4.8 12.5-3.5 3.4-8.9 5.3-15.5 5.3l-24.7-.1zM52.2 51.3c1.4 2.8 2.1 5.9 2.1 9.5 0 3.3-.6 6.5-1.8 9.4s-3 5.5-5.3 7.7-5.1 4-8.6 5.2c-3.5 1.3-7.3 1.9-11.5 1.9-5.2 0-10-.9-14.4-2.6-4.4-1.8-8-3.7-10.7-5.7-.7-.6-1.2-1.1-1.6-1.8-.3-.5-.4-1-.4-1.6v-.6c.1-.9.5-1.8 1.2-2.8l2.6-3.7c.9-1.2 1.9-1.9 2.9-2.1.2 0 .3-.1.5-.1.9 0 2 .4 3.2 1.1 5.7 4.1 11.3 6.1 16.7 6.1 3.8 0 6.8-.9 9-2.6s3.3-4 3.3-6.8c0-1.7-.4-3.2-1.3-4.6-.9-1.4-2.1-2.6-3.5-3.6-1.5-1-3.2-2-5.1-2.9-1.9-.9-4-1.9-6.1-2.8-2.1-.9-4.2-1.9-6.3-2.9-2.1-1-4.1-2.2-6-3.5S7.5 38.7 6 37.1c-1.5-1.6-2.7-3.6-3.5-5.8-.9-2.3-1.3-4.8-1.3-7.5 0-4.7 1.2-8.9 3.7-12.5s5.8-6.4 10-8.4C19.1 1 23.8 0 29 0c4.4 0 8.5.7 12.3 1.9 3.8 1.3 6.8 2.7 9 4.3 1.5 1.1 2.3 2.4 2.3 3.8 0 .9-.3 1.8-.9 2.8l-2.1 3.8c-.9 1.7-2.1 2.5-3.6 2.5-.9 0-1.9-.3-3-.9-1.5-.9-2.8-1.6-3.9-2.2-1.1-.6-2.6-1.1-4.6-1.6s-3.9-.8-5.9-.8c-3.8 0-6.9.9-9.2 2.6-2.3 1.7-3.4 4-3.4 6.8 0 2.1.7 3.9 2.1 5.5s3.3 3 5.5 4.1c2.3 1.1 4.7 2.3 7.5 3.4 2.7 1.1 5.4 2.4 8.2 3.7 2.7 1.4 5.2 2.9 7.4 4.7 2.2 1.9 4 4.1 5.5 6.9zm80.1-25.1l1-1.4c.7-1 1.4-1 2.5-.4 1 .7 3.2 2.2 6.2 2.2 2.9 0 4.6-1.4 4.6-3.5 0-5.8-14.3-4.6-14.3-14.2 0-5.4 4.5-8.9 10.3-8.9 3.6 0 6.6 1.4 7.9 2.3 1 .7 1.1 1.5.6 2.5l-.8 1.4c-.6 1.3-1.6 1.1-2.5.6-1.3-.7-2.9-1.7-5.3-1.7-2.9 0-4.7 1.4-4.7 3.5 0 5.7 14.3 4.3 14.3 14 0 5-3.7 9.1-10.2 9.1-4.4 0-7.9-1.9-9.4-3.1-.6-.5-1-1.3-.2-2.4zm24.1-22.5V2.4c0-1.2.6-1.8 1.8-1.8h1.9c1.2 0 1.8.6 1.8 1.8v1.3c0 1.2-.6 1.8-1.8 1.8h-1.9c-1.2 0-1.8-.6-1.8-1.8zm0 7.4c0-1.2.6-1.8 1.8-1.8h1.9c1.2 0 1.8.6 1.8 1.8v18.4c0 1.2-.6 1.8-1.8 1.8h-1.9c-1.2 0-1.8-.6-1.8-1.8V11.1zm10.9 0c0-1.2.6-1.8 1.8-1.8h1.7c1.2 0 1.8.6 1.8 1.8v1.3c0 .5-.1 1-.1 1h.1c1.1-2.2 3.8-4.7 7.2-4.7 3.3 0 5.5 1.6 6.4 4.5h.1c1.2-2.3 4.1-4.5 7.5-4.5 4.6 0 7.2 2.6 7.2 8.4v12.3c0 1.2-.6 1.8-1.8 1.8h-1.9c-1.2 0-1.8-.6-1.8-1.8V18.1c0-2.5-.5-4.4-3-4.4-3.7 0-5.6 3.8-5.6 7.6v8.1c0 1.2-.6 1.8-1.8 1.8h-1.9c-1.2 0-1.8-.6-1.8-1.8V18.1c0-2.4-.3-4.4-2.9-4.4-3.9 0-5.7 4-5.7 7.6v8.1c0 1.2-.6 1.8-1.8 1.8h-1.9c-1.2 0-1.8-.6-1.8-1.8V11.1zm38.9 0c0-1.2.6-1.8 1.8-1.8h1.4c1.2 0 1.8.6 1.8 1.5v1.9h.1s1.9-3.9 7.1-3.9c6 0 9.8 4.7 9.8 11.5 0 7-4.3 11.5-10.1 11.5-4.6 0-6.4-3.4-6.4-3.4h-.1s.1.8.1 1.9v7.8c0 1.2-.6 1.8-1.8 1.8H208c-1.2 0-1.8-.6-1.8-1.8v-27zM217 27.2c3 0 5.5-2.5 5.5-6.8 0-4.2-2.2-6.9-5.5-6.9-2.9 0-5.6 2.1-5.6 6.9.1 3.4 2 6.8 5.6 6.8zm15.2-24.8c0-1.2.6-1.8 1.8-1.8h1.9c1.2 0 1.8.6 1.8 1.8v21.5c0 2.2.9 2.5 1.7 2.6.8.1 1.3.6 1.3 1.6v1.5c0 1.1-.5 1.9-1.8 1.9-2.9 0-6.7-.8-6.7-7.1v-22zm12.3 33c.4.2.9.4 1.6.4 1.6 0 2.9-1.4 3.5-2.9l.8-1.9-8.4-19.6c-.6-1.3 0-2.1 1.4-2.1h2.3c1.1 0 1.7.5 2 1.5l4.2 11.2c.4 1.2.8 3 .8 3h.1s.4-1.7.7-2.9l3.9-11.3c.3-1 1-1.5 2-1.5h2.2c1.3 0 1.9.8 1.5 2.1L254 34.6c-1.5 4-4.7 5.8-8 5.8-1.2 0-2.3-.3-3.1-.6-1-.4-1.3-1.3-.8-2.3l.4-1c.5-1.1 1.2-1.3 2-1.1zM133.7 52.2c0-1.2.6-1.8 1.8-1.8h9.2c5.5 0 9.5 2.8 9.5 7.9 0 2.8-1.4 5.3-3.7 6.6v.1c3.3 1 4.9 4.1 4.9 7.2 0 6.1-4.9 8.9-10.6 8.9h-9.3c-1.2 0-1.8-.6-1.8-1.8V52.2zm11 10.7c2.4 0 3.8-1.7 3.8-3.9s-1.3-3.8-3.9-3.8h-5.3v7.7h5.4zm.5 13.3c2.9 0 4.5-1.9 4.5-4.4s-1.6-4.4-4.5-4.4h-6v8.8h6zm14.3-15.4c0-1.2.6-1.8 1.8-1.8h1.9c1.2 0 1.8.6 1.8 1.8V72c0 2.7.7 4.5 3.4 4.5 4 0 6.2-3.5 6.2-7.4v-8.3c0-1.2.6-1.8 1.8-1.8h1.9c1.2 0 1.8.6 1.8 1.8v18.4c0 1.2-.6 1.8-1.8 1.8h-1.7c-1.2 0-1.8-.6-1.8-1.8v-1.3c0-.5.1-1 .1-1-1 2.2-3.9 4.6-7.7 4.6-4.7 0-7.7-2.4-7.7-8.4V60.8zm25.1 16l.5-.8c.6-.9 1.4-1 2.5-.4 1 .6 2.7 1.5 4.9 1.5 1.9 0 3.1-.9 3.1-2.2 0-3.6-10.9-2.2-10.9-9.8 0-4.3 3.8-6.6 8.4-6.6 2.9 0 5 .9 6.1 1.6 1 .5 1.1 1.4.6 2.4l-.4.8c-.5 1-1.3 1.2-2.4.7-1-.4-2.4-1.1-4.2-1.1-1.9 0-3 .8-3 2.2 0 3.6 10.9 2.2 10.9 9.7 0 3.9-3.3 6.8-8.4 6.8-3.5 0-6-1.3-7.4-2.2-.9-.7-1-1.6-.3-2.6zm20.3-23.3v-1.3c0-1.2.6-1.8 1.8-1.8h1.9c1.2 0 1.8.6 1.8 1.8v1.3c0 1.2-.6 1.8-1.8 1.8h-1.9c-1.2 0-1.8-.6-1.8-1.8zm0 7.3c0-1.2.6-1.8 1.8-1.8h1.9c1.2 0 1.8.6 1.8 1.8v18.4c0 1.2-.6 1.8-1.8 1.8h-1.9c-1.2 0-1.8-.6-1.8-1.8V60.8zm10.9 0c0-1.2.6-1.8 1.8-1.8h1.7c1.2 0 1.8.6 1.8 1.8v1.3c0 .5-.1 1-.1 1h.1c1-1.9 3.4-4.7 7.8-4.7 4.9 0 7.7 2.5 7.7 8.4v12.3c0 1.2-.6 1.8-1.8 1.8h-1.9c-1.2 0-1.8-.6-1.8-1.8V67.9c0-2.7-.7-4.5-3.5-4.5-3.9 0-6.4 3.2-6.4 7.2v8.5c0 1.2-.6 1.8-1.8 1.8h-1.9c-1.2 0-1.8-.6-1.8-1.8l.1-18.3zm35.8-2.3c6.3 0 9.8 4.4 9.8 10.5 0 .9-.8 1.9-1.9 1.9H246c.3 4 3.3 6 6.6 6 2 0 3.7-.8 4.8-1.4 1.1-.5 1.9-.4 2.4.6l.5.9c.5 1 .3 1.9-.6 2.4-1.4.9-4 2.2-7.5 2.2-7.3 0-11.9-5.3-11.9-11.5.1-6.8 4.7-11.6 11.3-11.6zm4.3 9c-.1-3.1-1.9-4.9-4.5-4.9-2.8 0-4.8 1.9-5.3 4.9h9.8zm8.5 9.3l.5-.8c.6-.9 1.4-1 2.5-.4 1 .6 2.7 1.5 4.9 1.5 1.9 0 3.1-.9 3.1-2.2 0-3.6-10.9-2.2-10.9-9.8 0-4.3 3.8-6.6 8.4-6.6 2.9 0 5 .9 6.1 1.6 1 .5 1.1 1.4.6 2.4l-.4.8c-.5 1-1.3 1.2-2.4.7-1-.4-2.4-1.1-4.2-1.1-1.9 0-3 .8-3 2.2 0 3.6 10.9 2.2 10.9 9.7 0 3.9-3.3 6.8-8.4 6.8-3.5 0-6-1.3-7.4-2.2-.9-.7-1-1.6-.3-2.6zm19.3 0l.5-.8c.6-.9 1.4-1 2.5-.4 1 .6 2.7 1.5 4.9 1.5 1.9 0 3.1-.9 3.1-2.2 0-3.6-10.9-2.2-10.9-9.8 0-4.3 3.8-6.6 8.4-6.6 2.9 0 5 .9 6.1 1.6 1 .5 1.1 1.4.6 2.4l-.4.8c-.5 1-1.3 1.2-2.4.7-1-.4-2.4-1.1-4.2-1.1-1.9 0-3 .8-3 2.2 0 3.6 10.9 2.2 10.9 9.7 0 3.9-3.3 6.8-8.4 6.8-3.5 0-6-1.3-7.4-2.2-.8-.7-.9-1.6-.3-2.6z" }) }) }, "root"), (0, jsx_runtime_1.jsx)(BreadcrumbItem_1.BreadcrumbItem, { children: (0, jsx_runtime_1.jsx)(Link_1.Link, { href: "/business-insurance", children: "Business insurance" }) }, "business-insurance"), (0, jsx_runtime_1.jsx)(BreadcrumbItem_1.BreadcrumbItem, { children: (0, jsx_runtime_1.jsx)(Link_1.Link, { href: "/tradesmen", children: "Tradesmen" }) }, "tradesmen"), (0, jsx_runtime_1.jsx)(BreadcrumbItem_1.BreadcrumbItem, { children: (0, jsx_runtime_1.jsx)(Link_1.Link, { href: "/beauty", children: "Beauty Salon" }) }, "beauty-salon-insurance")] }))),
+const WithLogo = {
+    render: (args)=>/*#__PURE__*/ (0, _jsxruntime.jsxs)(_Breadcrumbs.Breadcrumbs, {
+            ...args,
+            children: [
+                /*#__PURE__*/ (0, _jsxruntime.jsx)(_BreadcrumbItem.BreadcrumbItem, {
+                    children: /*#__PURE__*/ (0, _jsxruntime.jsx)("svg", {
+                        xmlns: "http://www.w3.org/2000/svg",
+                        viewBox: "0 0 299.8 85",
+                        height: "32px",
+                        children: /*#__PURE__*/ (0, _jsxruntime.jsx)("path", {
+                            d: "M109.9 38.7c3.3-3.7 4.9-8.2 4.9-13.7 0-6.5-2.3-12.4-6.6-16.7-4.6-4.7-11.1-7.1-18.8-7.1H68.5c-5.3 0-9.1 3.8-9.1 9.1v64.8c0 5.2 3.9 9.1 9.1 9.1h24.8c8.8 0 16.1-2.6 21.2-7.6 4.7-4.6 7.3-11.1 7.3-18.3 0-4.7-1.2-8.9-3.5-12.4-2.1-3-4.9-5.4-8.4-7.2zM68.4 75.9c-.7 0-.9-.3-.9-.9V10.2c0-.8.2-.9.9-.9h20.9c3.8 0 9.2.8 13.1 4.7 2.7 2.8 4.2 6.6 4.2 10.9 0 9.1-11.8 16.2-11.8 16.2s13.2 3.4 16.5 9.2c1.4 2.1 2.1 4.8 2.1 7.9 0 5-1.7 9.4-4.8 12.5-3.5 3.4-8.9 5.3-15.5 5.3l-24.7-.1zM52.2 51.3c1.4 2.8 2.1 5.9 2.1 9.5 0 3.3-.6 6.5-1.8 9.4s-3 5.5-5.3 7.7-5.1 4-8.6 5.2c-3.5 1.3-7.3 1.9-11.5 1.9-5.2 0-10-.9-14.4-2.6-4.4-1.8-8-3.7-10.7-5.7-.7-.6-1.2-1.1-1.6-1.8-.3-.5-.4-1-.4-1.6v-.6c.1-.9.5-1.8 1.2-2.8l2.6-3.7c.9-1.2 1.9-1.9 2.9-2.1.2 0 .3-.1.5-.1.9 0 2 .4 3.2 1.1 5.7 4.1 11.3 6.1 16.7 6.1 3.8 0 6.8-.9 9-2.6s3.3-4 3.3-6.8c0-1.7-.4-3.2-1.3-4.6-.9-1.4-2.1-2.6-3.5-3.6-1.5-1-3.2-2-5.1-2.9-1.9-.9-4-1.9-6.1-2.8-2.1-.9-4.2-1.9-6.3-2.9-2.1-1-4.1-2.2-6-3.5S7.5 38.7 6 37.1c-1.5-1.6-2.7-3.6-3.5-5.8-.9-2.3-1.3-4.8-1.3-7.5 0-4.7 1.2-8.9 3.7-12.5s5.8-6.4 10-8.4C19.1 1 23.8 0 29 0c4.4 0 8.5.7 12.3 1.9 3.8 1.3 6.8 2.7 9 4.3 1.5 1.1 2.3 2.4 2.3 3.8 0 .9-.3 1.8-.9 2.8l-2.1 3.8c-.9 1.7-2.1 2.5-3.6 2.5-.9 0-1.9-.3-3-.9-1.5-.9-2.8-1.6-3.9-2.2-1.1-.6-2.6-1.1-4.6-1.6s-3.9-.8-5.9-.8c-3.8 0-6.9.9-9.2 2.6-2.3 1.7-3.4 4-3.4 6.8 0 2.1.7 3.9 2.1 5.5s3.3 3 5.5 4.1c2.3 1.1 4.7 2.3 7.5 3.4 2.7 1.1 5.4 2.4 8.2 3.7 2.7 1.4 5.2 2.9 7.4 4.7 2.2 1.9 4 4.1 5.5 6.9zm80.1-25.1l1-1.4c.7-1 1.4-1 2.5-.4 1 .7 3.2 2.2 6.2 2.2 2.9 0 4.6-1.4 4.6-3.5 0-5.8-14.3-4.6-14.3-14.2 0-5.4 4.5-8.9 10.3-8.9 3.6 0 6.6 1.4 7.9 2.3 1 .7 1.1 1.5.6 2.5l-.8 1.4c-.6 1.3-1.6 1.1-2.5.6-1.3-.7-2.9-1.7-5.3-1.7-2.9 0-4.7 1.4-4.7 3.5 0 5.7 14.3 4.3 14.3 14 0 5-3.7 9.1-10.2 9.1-4.4 0-7.9-1.9-9.4-3.1-.6-.5-1-1.3-.2-2.4zm24.1-22.5V2.4c0-1.2.6-1.8 1.8-1.8h1.9c1.2 0 1.8.6 1.8 1.8v1.3c0 1.2-.6 1.8-1.8 1.8h-1.9c-1.2 0-1.8-.6-1.8-1.8zm0 7.4c0-1.2.6-1.8 1.8-1.8h1.9c1.2 0 1.8.6 1.8 1.8v18.4c0 1.2-.6 1.8-1.8 1.8h-1.9c-1.2 0-1.8-.6-1.8-1.8V11.1zm10.9 0c0-1.2.6-1.8 1.8-1.8h1.7c1.2 0 1.8.6 1.8 1.8v1.3c0 .5-.1 1-.1 1h.1c1.1-2.2 3.8-4.7 7.2-4.7 3.3 0 5.5 1.6 6.4 4.5h.1c1.2-2.3 4.1-4.5 7.5-4.5 4.6 0 7.2 2.6 7.2 8.4v12.3c0 1.2-.6 1.8-1.8 1.8h-1.9c-1.2 0-1.8-.6-1.8-1.8V18.1c0-2.5-.5-4.4-3-4.4-3.7 0-5.6 3.8-5.6 7.6v8.1c0 1.2-.6 1.8-1.8 1.8h-1.9c-1.2 0-1.8-.6-1.8-1.8V18.1c0-2.4-.3-4.4-2.9-4.4-3.9 0-5.7 4-5.7 7.6v8.1c0 1.2-.6 1.8-1.8 1.8h-1.9c-1.2 0-1.8-.6-1.8-1.8V11.1zm38.9 0c0-1.2.6-1.8 1.8-1.8h1.4c1.2 0 1.8.6 1.8 1.5v1.9h.1s1.9-3.9 7.1-3.9c6 0 9.8 4.7 9.8 11.5 0 7-4.3 11.5-10.1 11.5-4.6 0-6.4-3.4-6.4-3.4h-.1s.1.8.1 1.9v7.8c0 1.2-.6 1.8-1.8 1.8H208c-1.2 0-1.8-.6-1.8-1.8v-27zM217 27.2c3 0 5.5-2.5 5.5-6.8 0-4.2-2.2-6.9-5.5-6.9-2.9 0-5.6 2.1-5.6 6.9.1 3.4 2 6.8 5.6 6.8zm15.2-24.8c0-1.2.6-1.8 1.8-1.8h1.9c1.2 0 1.8.6 1.8 1.8v21.5c0 2.2.9 2.5 1.7 2.6.8.1 1.3.6 1.3 1.6v1.5c0 1.1-.5 1.9-1.8 1.9-2.9 0-6.7-.8-6.7-7.1v-22zm12.3 33c.4.2.9.4 1.6.4 1.6 0 2.9-1.4 3.5-2.9l.8-1.9-8.4-19.6c-.6-1.3 0-2.1 1.4-2.1h2.3c1.1 0 1.7.5 2 1.5l4.2 11.2c.4 1.2.8 3 .8 3h.1s.4-1.7.7-2.9l3.9-11.3c.3-1 1-1.5 2-1.5h2.2c1.3 0 1.9.8 1.5 2.1L254 34.6c-1.5 4-4.7 5.8-8 5.8-1.2 0-2.3-.3-3.1-.6-1-.4-1.3-1.3-.8-2.3l.4-1c.5-1.1 1.2-1.3 2-1.1zM133.7 52.2c0-1.2.6-1.8 1.8-1.8h9.2c5.5 0 9.5 2.8 9.5 7.9 0 2.8-1.4 5.3-3.7 6.6v.1c3.3 1 4.9 4.1 4.9 7.2 0 6.1-4.9 8.9-10.6 8.9h-9.3c-1.2 0-1.8-.6-1.8-1.8V52.2zm11 10.7c2.4 0 3.8-1.7 3.8-3.9s-1.3-3.8-3.9-3.8h-5.3v7.7h5.4zm.5 13.3c2.9 0 4.5-1.9 4.5-4.4s-1.6-4.4-4.5-4.4h-6v8.8h6zm14.3-15.4c0-1.2.6-1.8 1.8-1.8h1.9c1.2 0 1.8.6 1.8 1.8V72c0 2.7.7 4.5 3.4 4.5 4 0 6.2-3.5 6.2-7.4v-8.3c0-1.2.6-1.8 1.8-1.8h1.9c1.2 0 1.8.6 1.8 1.8v18.4c0 1.2-.6 1.8-1.8 1.8h-1.7c-1.2 0-1.8-.6-1.8-1.8v-1.3c0-.5.1-1 .1-1-1 2.2-3.9 4.6-7.7 4.6-4.7 0-7.7-2.4-7.7-8.4V60.8zm25.1 16l.5-.8c.6-.9 1.4-1 2.5-.4 1 .6 2.7 1.5 4.9 1.5 1.9 0 3.1-.9 3.1-2.2 0-3.6-10.9-2.2-10.9-9.8 0-4.3 3.8-6.6 8.4-6.6 2.9 0 5 .9 6.1 1.6 1 .5 1.1 1.4.6 2.4l-.4.8c-.5 1-1.3 1.2-2.4.7-1-.4-2.4-1.1-4.2-1.1-1.9 0-3 .8-3 2.2 0 3.6 10.9 2.2 10.9 9.7 0 3.9-3.3 6.8-8.4 6.8-3.5 0-6-1.3-7.4-2.2-.9-.7-1-1.6-.3-2.6zm20.3-23.3v-1.3c0-1.2.6-1.8 1.8-1.8h1.9c1.2 0 1.8.6 1.8 1.8v1.3c0 1.2-.6 1.8-1.8 1.8h-1.9c-1.2 0-1.8-.6-1.8-1.8zm0 7.3c0-1.2.6-1.8 1.8-1.8h1.9c1.2 0 1.8.6 1.8 1.8v18.4c0 1.2-.6 1.8-1.8 1.8h-1.9c-1.2 0-1.8-.6-1.8-1.8V60.8zm10.9 0c0-1.2.6-1.8 1.8-1.8h1.7c1.2 0 1.8.6 1.8 1.8v1.3c0 .5-.1 1-.1 1h.1c1-1.9 3.4-4.7 7.8-4.7 4.9 0 7.7 2.5 7.7 8.4v12.3c0 1.2-.6 1.8-1.8 1.8h-1.9c-1.2 0-1.8-.6-1.8-1.8V67.9c0-2.7-.7-4.5-3.5-4.5-3.9 0-6.4 3.2-6.4 7.2v8.5c0 1.2-.6 1.8-1.8 1.8h-1.9c-1.2 0-1.8-.6-1.8-1.8l.1-18.3zm35.8-2.3c6.3 0 9.8 4.4 9.8 10.5 0 .9-.8 1.9-1.9 1.9H246c.3 4 3.3 6 6.6 6 2 0 3.7-.8 4.8-1.4 1.1-.5 1.9-.4 2.4.6l.5.9c.5 1 .3 1.9-.6 2.4-1.4.9-4 2.2-7.5 2.2-7.3 0-11.9-5.3-11.9-11.5.1-6.8 4.7-11.6 11.3-11.6zm4.3 9c-.1-3.1-1.9-4.9-4.5-4.9-2.8 0-4.8 1.9-5.3 4.9h9.8zm8.5 9.3l.5-.8c.6-.9 1.4-1 2.5-.4 1 .6 2.7 1.5 4.9 1.5 1.9 0 3.1-.9 3.1-2.2 0-3.6-10.9-2.2-10.9-9.8 0-4.3 3.8-6.6 8.4-6.6 2.9 0 5 .9 6.1 1.6 1 .5 1.1 1.4.6 2.4l-.4.8c-.5 1-1.3 1.2-2.4.7-1-.4-2.4-1.1-4.2-1.1-1.9 0-3 .8-3 2.2 0 3.6 10.9 2.2 10.9 9.7 0 3.9-3.3 6.8-8.4 6.8-3.5 0-6-1.3-7.4-2.2-.9-.7-1-1.6-.3-2.6zm19.3 0l.5-.8c.6-.9 1.4-1 2.5-.4 1 .6 2.7 1.5 4.9 1.5 1.9 0 3.1-.9 3.1-2.2 0-3.6-10.9-2.2-10.9-9.8 0-4.3 3.8-6.6 8.4-6.6 2.9 0 5 .9 6.1 1.6 1 .5 1.1 1.4.6 2.4l-.4.8c-.5 1-1.3 1.2-2.4.7-1-.4-2.4-1.1-4.2-1.1-1.9 0-3 .8-3 2.2 0 3.6 10.9 2.2 10.9 9.7 0 3.9-3.3 6.8-8.4 6.8-3.5 0-6-1.3-7.4-2.2-.8-.7-.9-1.6-.3-2.6z"
+                        })
+                    })
+                }, "root"),
+                /*#__PURE__*/ (0, _jsxruntime.jsx)(_BreadcrumbItem.BreadcrumbItem, {
+                    children: /*#__PURE__*/ (0, _jsxruntime.jsx)(_Link.Link, {
+                        href: "/business-insurance",
+                        children: "Business insurance"
+                    })
+                }, "business-insurance"),
+                /*#__PURE__*/ (0, _jsxruntime.jsx)(_BreadcrumbItem.BreadcrumbItem, {
+                    children: /*#__PURE__*/ (0, _jsxruntime.jsx)(_Link.Link, {
+                        href: "/tradesmen",
+                        children: "Tradesmen"
+                    })
+                }, "tradesmen"),
+                /*#__PURE__*/ (0, _jsxruntime.jsx)(_BreadcrumbItem.BreadcrumbItem, {
+                    children: /*#__PURE__*/ (0, _jsxruntime.jsx)(_Link.Link, {
+                        href: "/beauty",
+                        children: "Beauty Salon"
+                    })
+                }, "beauty-salon-insurance")
+            ]
+        })
 };
-exports.default = meta;
+const _default = meta;
+
 //# sourceMappingURL=Breadcrumbs.stories.js.map