@simplybusiness/mobius 4.11.3 → 4.11.4

package/dist/esm/components/Table/Table.stories.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../../src/components/Table/Table.stories.tsx"],"sourcesContent":["import type { Meta, StoryObj } from \"@storybook/react\";\nimport { Table, TableProps } from \".\";\n\ntype StoryType = StoryObj<typeof Table>;\n\nconst meta: Meta<typeof Table> = {\n  title: \"Components/Table\",\n  component: Table,\n};\n\nexport const Normal: StoryType = {\n  render: (args: TableProps) => (\n    <Table {...args}>\n      <Table.Head>\n        <Table.Row>\n          <Table.HeaderCell>Insurance cover</Table.HeaderCell>\n          <Table.HeaderCell>Lowest excess</Table.HeaderCell>\n          <Table.HeaderCell>Highest excess</Table.HeaderCell>\n        </Table.Row>\n      </Table.Head>\n      <Table.Body>\n        <Table.Row>\n          <Table.Cell>Public liability</Table.Cell>\n          <Table.Cell>£250</Table.Cell>\n          <Table.Cell>£2,500</Table.Cell>\n        </Table.Row>\n        <Table.Row>\n          <Table.Cell>Employers&lsquo; liability</Table.Cell>\n          <Table.Cell>£250</Table.Cell>\n          <Table.Cell>£500</Table.Cell>\n        </Table.Row>\n        <Table.Row>\n          <Table.Cell>Tools</Table.Cell>\n          <Table.Cell>£100</Table.Cell>\n          <Table.Cell>£500</Table.Cell>\n        </Table.Row>\n        <Table.Row>\n          <Table.Cell>Stock</Table.Cell>\n          <Table.Cell>£250</Table.Cell>\n          <Table.Cell>£500</Table.Cell>\n        </Table.Row>\n        <Table.Row>\n          <Table.Cell>Business and office equipment</Table.Cell>\n          <Table.Cell>£50</Table.Cell>\n          <Table.Cell>£500</Table.Cell>\n        </Table.Row>\n      </Table.Body>\n    </Table>\n  ),\n};\n\nexport const Extended: StoryType = {\n  render: (args: TableProps) => (\n    <Table {...args}>\n      <Table.Head>\n        <Table.Row>\n          <Table.HeaderCell>Column one</Table.HeaderCell>\n          <Table.HeaderCell>Column two</Table.HeaderCell>\n          <Table.HeaderCell>Column three</Table.HeaderCell>\n          <Table.HeaderCell>Column four</Table.HeaderCell>\n          <Table.HeaderCell>Column five</Table.HeaderCell>\n          <Table.HeaderCell>Column six</Table.HeaderCell>\n          <Table.HeaderCell>Column seven</Table.HeaderCell>\n        </Table.Row>\n      </Table.Head>\n      <Table.Body>\n        <Table.Row>\n          <Table.Cell>Lorem</Table.Cell>\n          <Table.Cell>Ipsum</Table.Cell>\n          <Table.Cell>\n            Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi\n            pulvinar tincidunt lorem vel vulputate. Quisque vulputate sed tortor\n            a aliquet. Curabitur egestas sodales nunc, bibendum cursus mi\n            ultrices vitae.\n          </Table.Cell>\n          <Table.Cell>\n            Vestibulum nec dolor urna. In ullamcorper auctor dignissim. Quisque\n            faucibus, nisi in faucibus cursus, turpis mi ullamcorper arcu, id\n            tempor enim ipsum eu elit. Mauris gravida libero nisl, in consequat\n            justo accumsan quis. Phasellus finibus ultrices blandit. Donec\n            vehicula leo odio, in dapibus massa scelerisque ac. Aliquam nec dui\n            erat. Duis auctor mauris in dolor accumsan elementum. Donec vehicula\n            commodo urna quis pretium. Nullam a dui sit amet nisi porta\n            sollicitudin.\n          </Table.Cell>\n          <Table.Cell>\n            Vestibulum nec dolor urna. In ullamcorper auctor dignissim. Quisque\n            faucibus, nisi in faucibus cursus, turpis mi ullamcorper arcu, id\n            tempor enim ipsum eu elit. Mauris gravida libero nisl, in consequat\n            justo accumsan quis.\n          </Table.Cell>\n          <Table.Cell>\n            Phasellus finibus ultrices blandit. Donec vehicula leo odio, in\n            dapibus massa scelerisque ac. Aliquam nec dui erat. Duis auctor\n            mauris in dolor accumsan elementum. Donec vehicula commodo urna quis\n            pretium. Nullam a dui sit amet nisi porta sollicitudin.\n          </Table.Cell>\n          <Table.Cell>\n            Nullam a dui sit amet nisi porta sollicitudin.\n          </Table.Cell>\n        </Table.Row>\n        <Table.Row>\n          <Table.Cell>Lorem</Table.Cell>\n          <Table.Cell>Ipsum</Table.Cell>\n          <Table.Cell>\n            Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi\n            pulvinar tincidunt lorem vel vulputate. Quisque vulputate sed tortor\n            a aliquet. Curabitur egestas sodales nunc, bibendum cursus mi\n            ultrices vitae.\n          </Table.Cell>\n          <Table.Cell>\n            Vestibulum nec dolor urna. In ullamcorper auctor dignissim. Quisque\n            faucibus, nisi in faucibus cursus, turpis mi ullamcorper arcu, id\n            tempor enim ipsum eu elit. Mauris gravida libero nisl, in consequat\n            justo accumsan quis. Phasellus finibus ultrices blandit. Donec\n            vehicula leo odio, in dapibus massa scelerisque ac. Aliquam nec dui\n            erat. Duis auctor mauris in dolor accumsan elementum. Donec vehicula\n            commodo urna quis pretium. Nullam a dui sit amet nisi porta\n            sollicitudin.\n          </Table.Cell>\n          <Table.Cell>\n            Vestibulum nec dolor urna. In ullamcorper auctor dignissim. Quisque\n            faucibus, nisi in faucibus cursus, turpis mi ullamcorper arcu, id\n            tempor enim ipsum eu elit. Mauris gravida libero nisl, in consequat\n            justo accumsan quis.\n          </Table.Cell>\n          <Table.Cell>\n            Phasellus finibus ultrices blandit. Donec vehicula leo odio, in\n            dapibus massa scelerisque ac. Aliquam nec dui erat. Duis auctor\n            mauris in dolor accumsan elementum. Donec vehicula commodo urna quis\n            pretium. Nullam a dui sit amet nisi porta sollicitudin.\n          </Table.Cell>\n          <Table.Cell>\n            Nullam a dui sit amet nisi porta sollicitudin.\n          </Table.Cell>\n        </Table.Row>\n        <Table.Row>\n          <Table.Cell>Public liability</Table.Cell>\n          <Table.Cell>£250</Table.Cell>\n          <Table.Cell>£2,500</Table.Cell>\n          <Table.Cell>£2,500</Table.Cell>\n          <Table.Cell>£2,500</Table.Cell>\n          <Table.Cell>£2,500</Table.Cell>\n          <Table.Cell>£2,500</Table.Cell>\n        </Table.Row>\n      </Table.Body>\n    </Table>\n  ),\n};\n\nexport default meta;\n"],"names":["Table","meta","title","component","Normal","render","args","Head","Row","HeaderCell","Body","Cell","Extended"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":"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"}

package/dist/esm/components/Text/Text.stories.js

@@ -1,187 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Text } from "./Text";
-import { excludeControls } from "../../utils";
-import { Box } from "../Box";
-const meta = {
-    title: "Components/Text",
-    component: Text,
-    excludeStories: [
-        "ExampleSpacing"
-    ],
-    argTypes: excludeControls("style")
-};
-export const Heading1 = {
-    render: (args)=>/*#__PURE__*/ _jsx(Text, {
-            ...args,
-            children: "Heading 1"
-        }),
-    args: {
-        elementType: "h1"
-    }
-};
-export const Heading2 = {
-    render: (args)=>/*#__PURE__*/ _jsx(Text, {
-            ...args,
-            children: "Heading 2"
-        }),
-    args: {
-        elementType: "h2"
-    }
-};
-export const Heading3 = {
-    render: (args)=>/*#__PURE__*/ _jsx(Text, {
-            ...args,
-            children: "Heading 3"
-        }),
-    args: {
-        elementType: "h3"
-    }
-};
-export const Heading4 = {
-    render: (args)=>/*#__PURE__*/ _jsx(Text, {
-            ...args,
-            children: "Heading 4"
-        }),
-    args: {
-        elementType: "h4"
-    }
-};
-export const Paragraph = {
-    render: (args)=>/*#__PURE__*/ _jsx(Text, {
-            ...args,
-            children: "Paragraph"
-        }),
-    args: {
-        elementType: "p"
-    }
-};
-export const Small = {
-    render: (args)=>/*#__PURE__*/ _jsx(Text, {
-            ...args,
-            children: "Small paragraph"
-        }),
-    args: {
-        variant: "small"
-    }
-};
-export const Legal = {
-    render: (args)=>/*#__PURE__*/ _jsx(Text, {
-            ...args,
-            children: "Small print"
-        }),
-    args: {
-        variant: "legal"
-    }
-};
-export const VariantHeading1 = {
-    render: (args)=>/*#__PURE__*/ _jsx(Text, {
-            ...args,
-            children: "Variant H1"
-        }),
-    args: {
-        variant: "h1"
-    }
-};
-export const VariantHeading2 = {
-    render: (args)=>/*#__PURE__*/ _jsx(Text, {
-            ...args,
-            children: "Variant H2"
-        }),
-    args: {
-        variant: "h2"
-    }
-};
-export const VariantHeading3 = {
-    render: (args)=>/*#__PURE__*/ _jsx(Text, {
-            ...args,
-            children: "Variant H3"
-        }),
-    args: {
-        variant: "h3"
-    }
-};
-export const VariantHeading4 = {
-    render: (args)=>/*#__PURE__*/ _jsx(Text, {
-            ...args,
-            children: "Variant H4"
-        }),
-    args: {
-        variant: "h4"
-    }
-};
-export const VariantBody = {
-    render: (args)=>/*#__PURE__*/ _jsx(Text, {
-            ...args,
-            children: "Variant body"
-        }),
-    args: {
-        variant: "body"
-    }
-};
-export const VariantSmall = {
-    render: (args)=>/*#__PURE__*/ _jsx(Text, {
-            ...args,
-            children: "Variant small"
-        }),
-    args: {
-        variant: "small"
-    }
-};
-export const VariantLegal = {
-    render: (args)=>/*#__PURE__*/ _jsx(Text, {
-            ...args,
-            children: "Variant legal"
-        }),
-    args: {
-        variant: "legal"
-    }
-};
-export const Themed = {
-    render: (args)=>/*#__PURE__*/ _jsx(Text, {
-            ...args,
-            children: "Sample Text"
-        }),
-    args: {
-        elementType: "h4",
-        variant: "h4",
-        style: {
-            color: "green"
-        }
-    }
-};
-export const ExampleSpacing = ()=>/*#__PURE__*/ _jsxs(Box, {
-        children: [
-            /*#__PURE__*/ _jsx(Text, {
-                variant: "h3",
-                children: "Tight paragraph spacing"
-            }),
-            /*#__PURE__*/ _jsx(Text, {
-                spacing: "tight",
-                children: "Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi vel lorem enim. Nam vitae enim mollis turpis scelerisque vulputate id sit amet nisl. Etiam et tortor a nunc hendrerit luctus sed at nunc."
-            }),
-            /*#__PURE__*/ _jsx(Text, {
-                spacing: "tight",
-                children: "Mauris pharetra enim et turpis lacinia, quis porta velit commodo. Scelerisque vulputate id sit amet nisl. Etiam et tortor a nunc hendrerit luctus sed at nunc."
-            }),
-            /*#__PURE__*/ _jsx(Text, {
-                spacing: "tight",
-                children: "Ut vel lectus arcu. Etiam ut efficitur turpis, pretium pretium nunc. Ut dolor nibh, facilisis at tempus at, iaculis sed mi."
-            }),
-            /*#__PURE__*/ _jsx(Text, {
-                variant: "h3",
-                children: "Loose paragraph spacing"
-            }),
-            /*#__PURE__*/ _jsx(Text, {
-                children: "Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi vel lorem enim. Nam vitae enim mollis turpis scelerisque vulputate id sit amet nisl. Etiam et tortor a nunc hendrerit luctus sed at nunc."
-            }),
-            /*#__PURE__*/ _jsx(Text, {
-                children: "Mauris pharetra enim et turpis lacinia, quis porta velit commodo. Scelerisque vulputate id sit amet nisl. Etiam et tortor a nunc hendrerit luctus sed at nunc."
-            }),
-            /*#__PURE__*/ _jsx(Text, {
-                children: "Ut vel lectus arcu. Etiam ut efficitur turpis, pretium pretium nunc. Ut dolor nibh, facilisis at tempus at, iaculis sed mi."
-            })
-        ]
-    });
-export default meta;
-
-//# sourceMappingURL=Text.stories.js.map

package/dist/esm/components/Text/Text.stories.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../../src/components/Text/Text.stories.tsx"],"sourcesContent":["import type { Meta, StoryObj } from \"@storybook/react\";\nimport { Text, TextProps } from \"./Text\";\nimport { excludeControls } from \"../../utils\";\nimport { Box } from \"../Box\";\n\ntype StoryType = StoryObj<typeof Text>;\n\nconst meta: Meta<typeof Text> = {\n  title: \"Components/Text\",\n  component: Text,\n  excludeStories: [\"ExampleSpacing\"],\n  argTypes: excludeControls(\"style\"),\n};\n\nexport const Heading1: StoryType = {\n  render: (args: TextProps) => <Text {...args}>Heading 1</Text>,\n  args: {\n    elementType: \"h1\",\n  },\n};\n\nexport const Heading2: StoryType = {\n  render: (args: TextProps) => <Text {...args}>Heading 2</Text>,\n  args: {\n    elementType: \"h2\",\n  },\n};\n\nexport const Heading3: StoryType = {\n  render: (args: TextProps) => <Text {...args}>Heading 3</Text>,\n  args: {\n    elementType: \"h3\",\n  },\n};\n\nexport const Heading4: StoryType = {\n  render: (args: TextProps) => <Text {...args}>Heading 4</Text>,\n  args: {\n    elementType: \"h4\",\n  },\n};\n\nexport const Paragraph: StoryType = {\n  render: (args: TextProps) => <Text {...args}>Paragraph</Text>,\n  args: {\n    elementType: \"p\",\n  },\n};\n\nexport const Small: StoryType = {\n  render: (args: TextProps) => <Text {...args}>Small paragraph</Text>,\n  args: {\n    variant: \"small\",\n  },\n};\n\nexport const Legal: StoryType = {\n  render: (args: TextProps) => <Text {...args}>Small print</Text>,\n  args: {\n    variant: \"legal\",\n  },\n};\n\nexport const VariantHeading1: StoryType = {\n  render: (args: TextProps) => <Text {...args}>Variant H1</Text>,\n  args: {\n    variant: \"h1\",\n  },\n};\n\nexport const VariantHeading2: StoryType = {\n  render: (args: TextProps) => <Text {...args}>Variant H2</Text>,\n  args: {\n    variant: \"h2\",\n  },\n};\n\nexport const VariantHeading3: StoryType = {\n  render: (args: TextProps) => <Text {...args}>Variant H3</Text>,\n  args: {\n    variant: \"h3\",\n  },\n};\n\nexport const VariantHeading4: StoryType = {\n  render: (args: TextProps) => <Text {...args}>Variant H4</Text>,\n  args: {\n    variant: \"h4\",\n  },\n};\n\nexport const VariantBody: StoryType = {\n  render: (args: TextProps) => <Text {...args}>Variant body</Text>,\n  args: {\n    variant: \"body\",\n  },\n};\n\nexport const VariantSmall: StoryType = {\n  render: (args: TextProps) => <Text {...args}>Variant small</Text>,\n  args: {\n    variant: \"small\",\n  },\n};\n\nexport const VariantLegal: StoryType = {\n  render: (args: TextProps) => <Text {...args}>Variant legal</Text>,\n  args: {\n    variant: \"legal\",\n  },\n};\n\nexport const Themed: StoryType = {\n  render: (args: TextProps) => <Text {...args}>Sample Text</Text>,\n  args: {\n    elementType: \"h4\",\n    variant: \"h4\",\n    style: {\n      color: \"green\",\n    },\n  },\n};\n\nexport const ExampleSpacing = () => (\n  <Box>\n    <Text variant=\"h3\">Tight paragraph spacing</Text>\n    <Text spacing=\"tight\">\n      Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi vel lorem\n      enim. Nam vitae enim mollis turpis scelerisque vulputate id sit amet nisl.\n      Etiam et tortor a nunc hendrerit luctus sed at nunc.\n    </Text>\n    <Text spacing=\"tight\">\n      Mauris pharetra enim et turpis lacinia, quis porta velit commodo.\n      Scelerisque vulputate id sit amet nisl. Etiam et tortor a nunc hendrerit\n      luctus sed at nunc.\n    </Text>\n    <Text spacing=\"tight\">\n      Ut vel lectus arcu. Etiam ut efficitur turpis, pretium pretium nunc. Ut\n      dolor nibh, facilisis at tempus at, iaculis sed mi.\n    </Text>\n    <Text variant=\"h3\">Loose paragraph spacing</Text>\n    <Text>\n      Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi vel lorem\n      enim. Nam vitae enim mollis turpis scelerisque vulputate id sit amet nisl.\n      Etiam et tortor a nunc hendrerit luctus sed at nunc.\n    </Text>\n    <Text>\n      Mauris pharetra enim et turpis lacinia, quis porta velit commodo.\n      Scelerisque vulputate id sit amet nisl. Etiam et tortor a nunc hendrerit\n      luctus sed at nunc.\n    </Text>\n    <Text>\n      Ut vel lectus arcu. Etiam ut efficitur turpis, pretium pretium nunc. Ut\n      dolor nibh, facilisis at tempus at, iaculis sed mi.\n    </Text>\n  </Box>\n);\n\nexport default meta;\n"],"names":["Text","excludeControls","Box","meta","title","component","excludeStories","argTypes","Heading1","render","args","elementType","Heading2","Heading3","Heading4","Paragraph","Small","variant","Legal","VariantHeading1","VariantHeading2","VariantHeading3","VariantHeading4","VariantBody","VariantSmall","VariantLegal","Themed","style","color","ExampleSpacing","spacing"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":"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"}

package/dist/esm/components/TextArea/TextArea.stories.js

@@ -1,99 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { excludeControls } from "../../utils";
-import { StoryContainer } from "../../utils/StoryContainer";
-import { TextArea } from "./TextArea";
-const meta = {
-    title: "Forms/TextArea",
-    component: TextArea,
-    argTypes: {
-        ...excludeControls("description", "validationState")
-    },
-    args: {
-        isReadOnly: false,
-        isDisabled: false,
-        isRequired: false
-    },
-    decorators: [
-        (Story)=>/*#__PURE__*/ _jsx(StoryContainer, {
-                children: /*#__PURE__*/ _jsx(Story, {})
-            })
-    ]
-};
-export const Normal = {
-    render: (args)=>/*#__PURE__*/ _jsx(TextArea, {
-            ...args
-        }),
-    args: {
-        label: "first name",
-        placeholder: "Placeholder",
-        defaultValue: "",
-        isDisabled: false,
-        errorMessage: ""
-    }
-};
-export const ControlledValue = {
-    render: (args)=>/*#__PURE__*/ _jsx(TextArea, {
-            ...args
-        }),
-    args: {
-        label: "first name",
-        placeholder: "Placeholder",
-        defaultValue: "John Doe",
-        isDisabled: false,
-        errorMessage: ""
-    }
-};
-export const Disabled = {
-    render: (args)=>/*#__PURE__*/ _jsx(TextArea, {
-            ...args
-        }),
-    args: {
-        label: "first name",
-        placeholder: "Placeholder",
-        defaultValue: "John Doe",
-        isDisabled: true,
-        errorMessage: ""
-    }
-};
-export const WithError = {
-    render: (args)=>/*#__PURE__*/ _jsx(TextArea, {
-            ...args
-        }),
-    args: {
-        label: "first name",
-        placeholder: "Placeholder",
-        defaultValue: "John Doe",
-        isDisabled: false,
-        errorMessage: "This is an error message",
-        isInvalid: true
-    }
-};
-export const Valid = {
-    render: (args)=>/*#__PURE__*/ _jsx(TextArea, {
-            ...args
-        }),
-    args: {
-        label: "first name",
-        placeholder: "Placeholder",
-        defaultValue: "John Doe",
-        isDisabled: false,
-        errorMessage: "",
-        isInvalid: false
-    }
-};
-export const Invalid = {
-    render: (args)=>/*#__PURE__*/ _jsx(TextArea, {
-            ...args
-        }),
-    args: {
-        label: "first name",
-        placeholder: "Placeholder",
-        defaultValue: "John Doe",
-        isDisabled: false,
-        errorMessage: "",
-        isInvalid: true
-    }
-};
-export default meta;
-
-//# sourceMappingURL=TextArea.stories.js.map

package/dist/esm/components/TextArea/TextArea.stories.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../../src/components/TextArea/TextArea.stories.tsx"],"sourcesContent":["import type { Meta, StoryObj } from \"@storybook/react\";\nimport { excludeControls } from \"../../utils\";\nimport { StoryContainer } from \"../../utils/StoryContainer\";\nimport { TextArea, TextAreaProps } from \"./TextArea\";\n\ntype StoryType = StoryObj<typeof TextArea>;\n\nconst meta: Meta<typeof TextArea> = {\n  title: \"Forms/TextArea\",\n  component: TextArea,\n  argTypes: {\n    ...excludeControls(\"description\", \"validationState\"),\n  },\n  args: {\n    isReadOnly: false,\n    isDisabled: false,\n    isRequired: false,\n  },\n  decorators: [\n    Story => (\n      <StoryContainer>\n        <Story />\n      </StoryContainer>\n    ),\n  ],\n};\n\nexport const Normal: StoryType = {\n  render: (args: TextAreaProps) => <TextArea {...args} />,\n  args: {\n    label: \"first name\",\n    placeholder: \"Placeholder\",\n    defaultValue: \"\",\n    isDisabled: false,\n    errorMessage: \"\",\n  },\n};\n\nexport const ControlledValue: StoryType = {\n  render: (args: TextAreaProps) => <TextArea {...args} />,\n  args: {\n    label: \"first name\",\n    placeholder: \"Placeholder\",\n    defaultValue: \"John Doe\",\n    isDisabled: false,\n    errorMessage: \"\",\n  },\n};\n\nexport const Disabled: StoryType = {\n  render: (args: TextAreaProps) => <TextArea {...args} />,\n  args: {\n    label: \"first name\",\n    placeholder: \"Placeholder\",\n    defaultValue: \"John Doe\",\n    isDisabled: true,\n    errorMessage: \"\",\n  },\n};\n\nexport const WithError: StoryType = {\n  render: (args: TextAreaProps) => <TextArea {...args} />,\n  args: {\n    label: \"first name\",\n    placeholder: \"Placeholder\",\n    defaultValue: \"John Doe\",\n    isDisabled: false,\n    errorMessage: \"This is an error message\",\n    isInvalid: true,\n  },\n};\n\nexport const Valid: StoryType = {\n  render: (args: TextAreaProps) => <TextArea {...args} />,\n  args: {\n    label: \"first name\",\n    placeholder: \"Placeholder\",\n    defaultValue: \"John Doe\",\n    isDisabled: false,\n    errorMessage: \"\",\n    isInvalid: false,\n  },\n};\n\nexport const Invalid: StoryType = {\n  render: (args: TextAreaProps) => <TextArea {...args} />,\n  args: {\n    label: \"first name\",\n    placeholder: \"Placeholder\",\n    defaultValue: \"John Doe\",\n    isDisabled: false,\n    errorMessage: \"\",\n    isInvalid: true,\n  },\n};\n\nexport default meta;\n"],"names":["excludeControls","StoryContainer","TextArea","meta","title","component","argTypes","args","isReadOnly","isDisabled","isRequired","decorators","Story","Normal","render","label","placeholder","defaultValue","errorMessage","ControlledValue","Disabled","WithError","isInvalid","Valid","Invalid"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":";AACA,SAASA,eAAe,QAAQ,cAAc;AAC9C,SAASC,cAAc,QAAQ,6BAA6B;AAC5D,SAASC,QAAQ,QAAuB,aAAa;AAIrD,MAAMC,OAA8B;IAClCC,OAAO;IACPC,WAAWH;IACXI,UAAU;QACR,GAAGN,gBAAgB,eAAe,kBAAkB;IACtD;IACAO,MAAM;QACJC,YAAY;QACZC,YAAY;QACZC,YAAY;IACd;IACAC,YAAY;QACVC,CAAAA,sBACE,KAACX;0BACC,cAAA,KAACW;;KAGN;AACH;AAEA,OAAO,MAAMC,SAAoB;IAC/BC,QAAQ,CAACP,qBAAwB,KAACL;YAAU,GAAGK,IAAI;;IACnDA,MAAM;QACJQ,OAAO;QACPC,aAAa;QACbC,cAAc;QACdR,YAAY;QACZS,cAAc;IAChB;AACF,EAAE;AAEF,OAAO,MAAMC,kBAA6B;IACxCL,QAAQ,CAACP,qBAAwB,KAACL;YAAU,GAAGK,IAAI;;IACnDA,MAAM;QACJQ,OAAO;QACPC,aAAa;QACbC,cAAc;QACdR,YAAY;QACZS,cAAc;IAChB;AACF,EAAE;AAEF,OAAO,MAAME,WAAsB;IACjCN,QAAQ,CAACP,qBAAwB,KAACL;YAAU,GAAGK,IAAI;;IACnDA,MAAM;QACJQ,OAAO;QACPC,aAAa;QACbC,cAAc;QACdR,YAAY;QACZS,cAAc;IAChB;AACF,EAAE;AAEF,OAAO,MAAMG,YAAuB;IAClCP,QAAQ,CAACP,qBAAwB,KAACL;YAAU,GAAGK,IAAI;;IACnDA,MAAM;QACJQ,OAAO;QACPC,aAAa;QACbC,cAAc;QACdR,YAAY;QACZS,cAAc;QACdI,WAAW;IACb;AACF,EAAE;AAEF,OAAO,MAAMC,QAAmB;IAC9BT,QAAQ,CAACP,qBAAwB,KAACL;YAAU,GAAGK,IAAI;;IACnDA,MAAM;QACJQ,OAAO;QACPC,aAAa;QACbC,cAAc;QACdR,YAAY;QACZS,cAAc;QACdI,WAAW;IACb;AACF,EAAE;AAEF,OAAO,MAAME,UAAqB;IAChCV,QAAQ,CAACP,qBAAwB,KAACL;YAAU,GAAGK,IAAI;;IACnDA,MAAM;QACJQ,OAAO;QACPC,aAAa;QACbC,cAAc;QACdR,YAAY;QACZS,cAAc;QACdI,WAAW;IACb;AACF,EAAE;AAEF,eAAenB,KAAK"}

package/dist/esm/components/TextField/TextField.stories.js

@@ -1,293 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { search } from "@simplybusiness/icons";
-import { useRef } from "react";
-import { excludeControls } from "../../utils";
-import { StoryContainer } from "../../utils/StoryContainer";
-import { Button } from "../Button";
-import { Icon } from "../Icon";
-import { Segment, SegmentGroup } from "../Segment";
-import { Text } from "../Text/Text";
-import { TextField } from "./TextField";
-const meta = {
-    title: "Forms/TextField",
-    component: TextField,
-    excludeStories: [
-        "ExampleHorizontal"
-    ],
-    argTypes: {
-        type: {
-            options: [
-                "text",
-                "password",
-                "email",
-                "tel",
-                "url",
-                "hidden"
-            ],
-            control: {
-                type: "radio"
-            }
-        },
-        ...excludeControls("description", "prefixInside", "prefixOutside", "suffixInside", "suffixOutside", "validationState")
-    },
-    args: {
-        isRequired: false,
-        isReadOnly: false
-    },
-    decorators: [
-        (Story)=>/*#__PURE__*/ _jsx(StoryContainer, {
-                children: /*#__PURE__*/ _jsx(Story, {})
-            })
-    ]
-};
-export const Normal = {
-    render: (args)=>/*#__PURE__*/ _jsx(TextField, {
-            ...args
-        }),
-    args: {
-        label: "First name",
-        placeholder: "",
-        type: "text",
-        isDisabled: false,
-        errorMessage: ""
-    }
-};
-export const Placeholder = {
-    render: (args)=>/*#__PURE__*/ _jsx(TextField, {
-            ...args
-        }),
-    args: {
-        label: "Email",
-        placeholder: "email@example.com",
-        type: "text",
-        isDisabled: false,
-        errorMessage: ""
-    }
-};
-export const ControlledValue = {
-    render: (args)=>/*#__PURE__*/ _jsx(TextField, {
-            ...args
-        }),
-    args: {
-        label: "First name",
-        placeholder: "",
-        defaultValue: "john.doe@email.com",
-        type: "text",
-        isDisabled: false,
-        errorMessage: ""
-    }
-};
-export const Disabled = {
-    render: (args)=>/*#__PURE__*/ _jsx(TextField, {
-            ...args
-        }),
-    args: {
-        label: "First name",
-        placeholder: "",
-        defaultValue: "john.doe@email.com",
-        type: "text",
-        isDisabled: true,
-        errorMessage: ""
-    }
-};
-export const Valid = {
-    render: (args)=>/*#__PURE__*/ _jsx(TextField, {
-            ...args
-        }),
-    args: {
-        label: "First name",
-        placeholder: "",
-        defaultValue: "john.doe@email.com",
-        type: "text",
-        isDisabled: false,
-        isInvalid: false,
-        errorMessage: ""
-    }
-};
-export const Hidden = {
-    render: (args)=>/*#__PURE__*/ _jsx(TextField, {
-            ...args
-        }),
-    args: {
-        label: "Secret",
-        placeholder: "",
-        defaultValue: "",
-        type: "hidden",
-        isDisabled: false,
-        errorMessage: ""
-    }
-};
-export const Invalid = {
-    render: (args)=>/*#__PURE__*/ _jsx(TextField, {
-            ...args
-        }),
-    args: {
-        label: "First name",
-        placeholder: "",
-        defaultValue: "john.doe@email.com",
-        type: "text",
-        isDisabled: false,
-        isInvalid: true,
-        errorMessage: "This is an error message"
-    }
-};
-export const WithChildren = {
-    render: (args)=>/*#__PURE__*/ _jsx(TextField, {
-            ...args
-        }),
-    args: {
-        label: "First name",
-        placeholder: "",
-        type: "text",
-        isDisabled: false,
-        errorMessage: "",
-        children: /*#__PURE__*/ _jsx(Text, {
-            children: "A custom component"
-        })
-    }
-};
-export const WithPrefixInside = {
-    render: (args)=>/*#__PURE__*/ _jsx(TextField, {
-            ...args
-        }),
-    args: {
-        label: "What is your specific trade/profession?",
-        placeholder: "",
-        type: "text",
-        isRequired: true,
-        isDisabled: false,
-        errorMessage: "",
-        prefixInside: /*#__PURE__*/ _jsx(Icon, {
-            icon: search
-        })
-    }
-};
-export const WithPrefixAndSuffixInside = {
-    render: (args)=>/*#__PURE__*/ _jsx(TextField, {
-            ...args
-        }),
-    args: {
-        label: "Amount",
-        placeholder: "",
-        type: "text",
-        isRequired: true,
-        isDisabled: false,
-        errorMessage: "",
-        prefixInside: /*#__PURE__*/ _jsx(Text, {
-            variant: "body",
-            children: "$"
-        }),
-        suffixInside: /*#__PURE__*/ _jsx(Text, {
-            variant: "body",
-            children: ".00"
-        })
-    }
-};
-export const WithPrefixInsideAndSuffixOutside = {
-    render: (args)=>/*#__PURE__*/ _jsx(TextField, {
-            ...args
-        }),
-    args: {
-        label: "What does your business do?",
-        placeholder: "",
-        type: "text",
-        isRequired: true,
-        isDisabled: false,
-        errorMessage: "",
-        prefixInside: /*#__PURE__*/ _jsx(Icon, {
-            icon: search
-        }),
-        suffixOutside: /*#__PURE__*/ _jsx(Button, {
-            children: "Get Started"
-        })
-    }
-};
-export const WithPrefixOutsideAndSuffixInside = {
-    render: (args)=>/*#__PURE__*/ _jsx(TextField, {
-            ...args
-        }),
-    args: {
-        label: "What is your specific trade/profession?",
-        placeholder: "",
-        type: "text",
-        isRequired: true,
-        isDisabled: false,
-        errorMessage: "",
-        prefixOutside: /*#__PURE__*/ _jsx(Button, {
-            children: "Start your quote"
-        }),
-        suffixInside: /*#__PURE__*/ _jsx(Icon, {
-            icon: search
-        })
-    }
-};
-export const WithPrefixOutside = {
-    render: (args)=>/*#__PURE__*/ _jsx(TextField, {
-            ...args
-        }),
-    args: {
-        label: "Link",
-        placeholder: "",
-        type: "text",
-        isDisabled: false,
-        isRequired: true,
-        errorMessage: "",
-        prefixOutside: /*#__PURE__*/ _jsx(Text, {
-            variant: "body",
-            children: "https://"
-        })
-    }
-};
-export const WithSuffixOutside = {
-    render: (args)=>{
-        // eslint-disable-next-line react-hooks/rules-of-hooks
-        const fieldRef = useRef(null);
-        return /*#__PURE__*/ _jsx(TextField, {
-            ...args,
-            ref: fieldRef,
-            suffixOutside: /*#__PURE__*/ _jsx(Button, {
-                variant: "primary",
-                onClick: async ()=>{
-                    try {
-                        var _fieldRef_current;
-                        const value = (_fieldRef_current = fieldRef.current) === null || _fieldRef_current === void 0 ? void 0 : _fieldRef_current.value;
-                        await navigator.clipboard.writeText(value || "");
-                        // eslint-disable-next-line no-alert
-                        alert(`Copied to clipboard: ${value}`);
-                    } catch (err) {
-                        // eslint-disable-next-line no-console
-                        console.error("Failed to copy: ", err);
-                    }
-                },
-                children: "Copy"
-            })
-        });
-    },
-    args: {
-        label: "Reference number",
-        placeholder: "",
-        type: "text",
-        isRequired: true,
-        isDisabled: false,
-        errorMessage: "",
-        defaultValue: "REF123A456"
-    }
-};
-export const ExampleHorizontal = ()=>/*#__PURE__*/ _jsxs(SegmentGroup, {
-        horizontal: true,
-        children: [
-            /*#__PURE__*/ _jsx(Segment, {
-                children: /*#__PURE__*/ _jsx(TextField, {
-                    label: "First name"
-                })
-            }),
-            /*#__PURE__*/ _jsx(Segment, {
-                children: /*#__PURE__*/ _jsx(TextField, {
-                    label: "Last name"
-                })
-            })
-        ]
-    });
-export default meta;
-
-//# sourceMappingURL=TextField.stories.js.map

package/dist/esm/components/TextField/TextField.stories.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../../src/components/TextField/TextField.stories.tsx"],"sourcesContent":["import { search } from \"@simplybusiness/icons\";\nimport type { Meta, StoryObj } from \"@storybook/react\";\nimport { useRef } from \"react\";\nimport { excludeControls } from \"../../utils\";\nimport { StoryContainer } from \"../../utils/StoryContainer\";\nimport { Button } from \"../Button\";\nimport { Icon } from \"../Icon\";\nimport { Segment, SegmentGroup } from \"../Segment\";\nimport { Text } from \"../Text/Text\";\nimport { TextField, TextFieldProps } from \"./TextField\";\n\ntype StoryType = StoryObj<typeof TextField>;\n\nconst meta: Meta<typeof TextField> = {\n  title: \"Forms/TextField\",\n  component: TextField,\n  excludeStories: [\"ExampleHorizontal\"],\n  argTypes: {\n    type: {\n      options: [\"text\", \"password\", \"email\", \"tel\", \"url\", \"hidden\"],\n      control: { type: \"radio\" },\n    },\n    ...excludeControls(\n      \"description\",\n      \"prefixInside\",\n      \"prefixOutside\",\n      \"suffixInside\",\n      \"suffixOutside\",\n      \"validationState\",\n    ),\n  },\n  args: {\n    isRequired: false,\n    isReadOnly: false,\n  },\n  decorators: [\n    Story => (\n      <StoryContainer>\n        <Story />\n      </StoryContainer>\n    ),\n  ],\n};\n\nexport const Normal: StoryType = {\n  render: (args: TextFieldProps) => <TextField {...args} />,\n  args: {\n    label: \"First name\",\n    placeholder: \"\",\n    type: \"text\",\n    isDisabled: false,\n    errorMessage: \"\",\n  },\n};\n\nexport const Placeholder: StoryType = {\n  render: (args: TextFieldProps) => <TextField {...args} />,\n  args: {\n    label: \"Email\",\n    placeholder: \"email@example.com\",\n    type: \"text\",\n    isDisabled: false,\n    errorMessage: \"\",\n  },\n};\n\nexport const ControlledValue: StoryType = {\n  render: (args: TextFieldProps) => <TextField {...args} />,\n  args: {\n    label: \"First name\",\n    placeholder: \"\",\n    defaultValue: \"john.doe@email.com\",\n    type: \"text\",\n    isDisabled: false,\n    errorMessage: \"\",\n  },\n};\n\nexport const Disabled: StoryType = {\n  render: (args: TextFieldProps) => <TextField {...args} />,\n  args: {\n    label: \"First name\",\n    placeholder: \"\",\n    defaultValue: \"john.doe@email.com\",\n    type: \"text\",\n    isDisabled: true,\n    errorMessage: \"\",\n  },\n};\n\nexport const Valid: StoryType = {\n  render: (args: TextFieldProps) => <TextField {...args} />,\n  args: {\n    label: \"First name\",\n    placeholder: \"\",\n    defaultValue: \"john.doe@email.com\",\n    type: \"text\",\n    isDisabled: false,\n    isInvalid: false,\n    errorMessage: \"\",\n  },\n};\n\nexport const Hidden: StoryType = {\n  render: (args: TextFieldProps) => <TextField {...args} />,\n  args: {\n    label: \"Secret\",\n    placeholder: \"\",\n    defaultValue: \"\",\n    type: \"hidden\",\n    isDisabled: false,\n    errorMessage: \"\",\n  },\n};\n\nexport const Invalid: StoryType = {\n  render: (args: TextFieldProps) => <TextField {...args} />,\n  args: {\n    label: \"First name\",\n    placeholder: \"\",\n    defaultValue: \"john.doe@email.com\",\n    type: \"text\",\n    isDisabled: false,\n    isInvalid: true,\n    errorMessage: \"This is an error message\",\n  },\n};\n\nexport const WithChildren: StoryType = {\n  render: (args: TextFieldProps) => <TextField {...args} />,\n  args: {\n    label: \"First name\",\n    placeholder: \"\",\n    type: \"text\",\n    isDisabled: false,\n    errorMessage: \"\",\n    children: <Text>A custom component</Text>,\n  },\n};\n\nexport const WithPrefixInside: StoryType = {\n  render: (args: TextFieldProps) => <TextField {...args} />,\n  args: {\n    label: \"What is your specific trade/profession?\",\n    placeholder: \"\",\n    type: \"text\",\n    isRequired: true,\n    isDisabled: false,\n    errorMessage: \"\",\n    prefixInside: <Icon icon={search} />,\n  },\n};\n\nexport const WithPrefixAndSuffixInside: StoryType = {\n  render: (args: TextFieldProps) => <TextField {...args} />,\n  args: {\n    label: \"Amount\",\n    placeholder: \"\",\n    type: \"text\",\n    isRequired: true,\n    isDisabled: false,\n    errorMessage: \"\",\n    prefixInside: <Text variant=\"body\">$</Text>,\n    suffixInside: <Text variant=\"body\">.00</Text>,\n  },\n};\n\nexport const WithPrefixInsideAndSuffixOutside: StoryType = {\n  render: (args: TextFieldProps) => <TextField {...args} />,\n  args: {\n    label: \"What does your business do?\",\n    placeholder: \"\",\n    type: \"text\",\n    isRequired: true,\n    isDisabled: false,\n    errorMessage: \"\",\n    prefixInside: <Icon icon={search} />,\n    suffixOutside: <Button>Get Started</Button>,\n  },\n};\n\nexport const WithPrefixOutsideAndSuffixInside: StoryType = {\n  render: (args: TextFieldProps) => <TextField {...args} />,\n  args: {\n    label: \"What is your specific trade/profession?\",\n    placeholder: \"\",\n    type: \"text\",\n    isRequired: true,\n    isDisabled: false,\n    errorMessage: \"\",\n    prefixOutside: <Button>Start your quote</Button>,\n    suffixInside: <Icon icon={search} />,\n  },\n};\n\nexport const WithPrefixOutside: StoryType = {\n  render: (args: TextFieldProps) => <TextField {...args} />,\n  args: {\n    label: \"Link\",\n    placeholder: \"\",\n    type: \"text\",\n    isDisabled: false,\n    isRequired: true,\n    errorMessage: \"\",\n    prefixOutside: <Text variant=\"body\">https://</Text>,\n  },\n};\n\nexport const WithSuffixOutside: StoryType = {\n  render: (args: TextFieldProps) => {\n    // eslint-disable-next-line react-hooks/rules-of-hooks\n    const fieldRef = useRef<HTMLInputElement>(null);\n\n    return (\n      <TextField\n        {...args}\n        ref={fieldRef}\n        suffixOutside={\n          <Button\n            variant=\"primary\"\n            onClick={async () => {\n              try {\n                const value = fieldRef.current?.value;\n                await navigator.clipboard.writeText(value || \"\");\n                // eslint-disable-next-line no-alert\n                alert(`Copied to clipboard: ${value}`);\n              } catch (err) {\n                // eslint-disable-next-line no-console\n                console.error(\"Failed to copy: \", err);\n              }\n            }}\n          >\n            Copy\n          </Button>\n        }\n      />\n    );\n  },\n  args: {\n    label: \"Reference number\",\n    placeholder: \"\",\n    type: \"text\",\n    isRequired: true,\n    isDisabled: false,\n    errorMessage: \"\",\n    defaultValue: \"REF123A456\",\n  },\n};\n\nexport const ExampleHorizontal = () => (\n  <SegmentGroup horizontal>\n    <Segment>\n      <TextField label=\"First name\" />\n    </Segment>\n    <Segment>\n      <TextField label=\"Last name\" />\n    </Segment>\n  </SegmentGroup>\n);\n\nexport default meta;\n"],"names":["search","useRef","excludeControls","StoryContainer","Button","Icon","Segment","SegmentGroup","Text","TextField","meta","title","component","excludeStories","argTypes","type","options","control","args","isRequired","isReadOnly","decorators","Story","Normal","render","label","placeholder","isDisabled","errorMessage","Placeholder","ControlledValue","defaultValue","Disabled","Valid","isInvalid","Hidden","Invalid","WithChildren","children","WithPrefixInside","prefixInside","icon","WithPrefixAndSuffixInside","variant","suffixInside","WithPrefixInsideAndSuffixOutside","suffixOutside","WithPrefixOutsideAndSuffixInside","prefixOutside","WithPrefixOutside","WithSuffixOutside","fieldRef","ref","onClick","value","current","navigator","clipboard","writeText","alert","err","console","error","ExampleHorizontal","horizontal"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":"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"}