@simplybusiness/mobius 4.11.3 → 4.11.4

package/dist/esm/components/Radio/RadioButton.stories.js

@@ -1,189 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { menu, star, user } from "@simplybusiness/icons";
-import { excludeControls } from "../../utils";
-import { StoryContainer } from "../../utils/StoryContainer";
-import { Icon } from "../Icon";
-import { RadioButton } from "./RadioButton";
-import { RadioGroup } from "./RadioGroup";
-const meta = {
-    title: "Forms/RadioButton",
-    component: RadioGroup,
-    argTypes: {
-        orientation: {
-            control: {
-                type: "radio"
-            },
-            options: [
-                "horizontal",
-                "vertical"
-            ]
-        },
-        ...excludeControls("name", "groupDisabled", "selected", "setSelected", "defaultValue", "value")
-    },
-    args: {
-        errorMessage: ""
-    },
-    decorators: [
-        (Story)=>/*#__PURE__*/ _jsx(StoryContainer, {
-                children: /*#__PURE__*/ _jsx(Story, {})
-            })
-    ]
-};
-export const Normal = {
-    render: (args)=>/*#__PURE__*/ _jsxs(RadioGroup, {
-            ...args,
-            children: [
-                /*#__PURE__*/ _jsx(RadioButton, {
-                    value: "red",
-                    children: "Red"
-                }),
-                /*#__PURE__*/ _jsx(RadioButton, {
-                    value: "blue",
-                    children: "Blue"
-                })
-            ]
-        }),
-    args: {
-        label: "Color",
-        orientation: "horizontal",
-        isDisabled: false,
-        isRequired: false,
-        defaultValue: "blue"
-    }
-};
-export const LabelProp = {
-    render: (args)=>/*#__PURE__*/ _jsxs(RadioGroup, {
-            ...args,
-            children: [
-                /*#__PURE__*/ _jsx(RadioButton, {
-                    value: "red",
-                    label: "Red"
-                }),
-                /*#__PURE__*/ _jsx(RadioButton, {
-                    value: "blue",
-                    label: "Blue"
-                })
-            ]
-        }),
-    args: {
-        label: "Color",
-        orientation: "horizontal",
-        isDisabled: false,
-        isRequired: false
-    }
-};
-export const Selected = {
-    render: (args)=>/*#__PURE__*/ _jsxs(RadioGroup, {
-            ...args,
-            children: [
-                /*#__PURE__*/ _jsx(RadioButton, {
-                    value: "red",
-                    label: "Red"
-                }),
-                /*#__PURE__*/ _jsx(RadioButton, {
-                    value: "blue",
-                    label: "Blue"
-                })
-            ]
-        }),
-    args: {
-        label: "Color",
-        defaultValue: "red",
-        orientation: "horizontal",
-        isDisabled: false,
-        isRequired: false
-    },
-    argTypes: {
-        value: {
-            control: {
-                type: "radio"
-            },
-            options: [
-                "red",
-                "blue"
-            ]
-        }
-    }
-};
-export const Disabled = {
-    render: (args)=>/*#__PURE__*/ _jsxs(RadioGroup, {
-            ...args,
-            children: [
-                /*#__PURE__*/ _jsx(RadioButton, {
-                    value: "red",
-                    label: "Red"
-                }),
-                /*#__PURE__*/ _jsx(RadioButton, {
-                    value: "blue",
-                    label: "Blue"
-                })
-            ]
-        }),
-    args: {
-        label: "Color",
-        orientation: "horizontal",
-        isDisabled: true,
-        isRequired: false,
-        defaultValue: "red"
-    }
-};
-export const VerticalOrientation = {
-    render: (args)=>/*#__PURE__*/ _jsxs(RadioGroup, {
-            ...args,
-            children: [
-                /*#__PURE__*/ _jsx(RadioButton, {
-                    value: "red",
-                    label: "Red"
-                }),
-                /*#__PURE__*/ _jsx(RadioButton, {
-                    value: "blue",
-                    label: "Blue"
-                })
-            ]
-        }),
-    args: {
-        label: "Color",
-        orientation: "vertical",
-        isDisabled: false,
-        isRequired: false,
-        defaultValue: "blue"
-    }
-};
-export const IconButtons = {
-    render: (args)=>/*#__PURE__*/ _jsxs(RadioGroup, {
-            ...args,
-            children: [
-                /*#__PURE__*/ _jsx(RadioButton, {
-                    value: "sole_trader",
-                    label: "Sole Trader",
-                    children: /*#__PURE__*/ _jsx(Icon, {
-                        icon: user
-                    })
-                }),
-                /*#__PURE__*/ _jsx(RadioButton, {
-                    value: "partnership",
-                    label: "Partnership",
-                    children: /*#__PURE__*/ _jsx(Icon, {
-                        icon: star
-                    })
-                }),
-                /*#__PURE__*/ _jsx(RadioButton, {
-                    value: "company",
-                    label: "Ltd Company",
-                    children: /*#__PURE__*/ _jsx(Icon, {
-                        icon: menu
-                    })
-                })
-            ]
-        }),
-    args: {
-        label: "Business Type",
-        orientation: "horizontal",
-        isDisabled: false,
-        isRequired: false,
-        defaultValue: "partnership"
-    }
-};
-export default meta;
-
-//# sourceMappingURL=RadioButton.stories.js.map

package/dist/esm/components/Radio/RadioButton.stories.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../../src/components/Radio/RadioButton.stories.tsx"],"sourcesContent":["import { menu, star, user } from \"@simplybusiness/icons\";\nimport type { Meta, StoryObj } from \"@storybook/react\";\nimport { excludeControls } from \"../../utils\";\nimport { StoryContainer } from \"../../utils/StoryContainer\";\nimport { Icon } from \"../Icon\";\nimport { RadioButton } from \"./RadioButton\";\nimport { RadioGroup, RadioGroupProps } from \"./RadioGroup\";\n\ntype StoryType = StoryObj<typeof RadioGroup>;\n\nconst meta: Meta<typeof RadioGroup> = {\n  title: \"Forms/RadioButton\",\n  component: RadioGroup,\n  argTypes: {\n    orientation: {\n      control: { type: \"radio\" },\n      options: [\"horizontal\", \"vertical\"],\n    },\n    ...excludeControls(\n      \"name\",\n      \"groupDisabled\",\n      \"selected\",\n      \"setSelected\",\n      \"defaultValue\",\n      \"value\",\n    ),\n  },\n  args: {\n    errorMessage: \"\",\n  },\n  decorators: [\n    Story => (\n      <StoryContainer>\n        <Story />\n      </StoryContainer>\n    ),\n  ],\n};\n\nexport const Normal: StoryType = {\n  render: (args: RadioGroupProps) => (\n    <RadioGroup {...args}>\n      <RadioButton value=\"red\">Red</RadioButton>\n      <RadioButton value=\"blue\">Blue</RadioButton>\n    </RadioGroup>\n  ),\n  args: {\n    label: \"Color\",\n    orientation: \"horizontal\",\n    isDisabled: false,\n    isRequired: false,\n    defaultValue: \"blue\",\n  },\n};\n\nexport const LabelProp: StoryType = {\n  render: (args: RadioGroupProps) => (\n    <RadioGroup {...args}>\n      <RadioButton value=\"red\" label=\"Red\" />\n      <RadioButton value=\"blue\" label=\"Blue\" />\n    </RadioGroup>\n  ),\n  args: {\n    label: \"Color\",\n    orientation: \"horizontal\",\n    isDisabled: false,\n    isRequired: false,\n  },\n};\n\nexport const Selected: StoryType = {\n  render: (args: RadioGroupProps) => (\n    <RadioGroup {...args}>\n      <RadioButton value=\"red\" label=\"Red\" />\n      <RadioButton value=\"blue\" label=\"Blue\" />\n    </RadioGroup>\n  ),\n  args: {\n    label: \"Color\",\n    defaultValue: \"red\",\n    orientation: \"horizontal\",\n    isDisabled: false,\n    isRequired: false,\n  },\n  argTypes: {\n    value: {\n      control: { type: \"radio\" },\n      options: [\"red\", \"blue\"],\n    },\n  },\n};\n\nexport const Disabled: StoryType = {\n  render: (args: RadioGroupProps) => (\n    <RadioGroup {...args}>\n      <RadioButton value=\"red\" label=\"Red\" />\n      <RadioButton value=\"blue\" label=\"Blue\" />\n    </RadioGroup>\n  ),\n  args: {\n    label: \"Color\",\n    orientation: \"horizontal\",\n    isDisabled: true,\n    isRequired: false,\n    defaultValue: \"red\",\n  },\n};\n\nexport const VerticalOrientation: StoryType = {\n  render: (args: RadioGroupProps) => (\n    <RadioGroup {...args}>\n      <RadioButton value=\"red\" label=\"Red\" />\n      <RadioButton value=\"blue\" label=\"Blue\" />\n    </RadioGroup>\n  ),\n  args: {\n    label: \"Color\",\n    orientation: \"vertical\",\n    isDisabled: false,\n    isRequired: false,\n    defaultValue: \"blue\",\n  },\n};\n\nexport const IconButtons: StoryType = {\n  render: (args: RadioGroupProps) => (\n    <RadioGroup {...args}>\n      <RadioButton value=\"sole_trader\" label=\"Sole Trader\">\n        <Icon icon={user} />\n      </RadioButton>\n      <RadioButton value=\"partnership\" label=\"Partnership\">\n        <Icon icon={star} />\n      </RadioButton>\n      <RadioButton value=\"company\" label=\"Ltd Company\">\n        <Icon icon={menu} />\n      </RadioButton>\n    </RadioGroup>\n  ),\n  args: {\n    label: \"Business Type\",\n    orientation: \"horizontal\",\n    isDisabled: false,\n    isRequired: false,\n    defaultValue: \"partnership\",\n  },\n};\n\nexport default meta;\n"],"names":["menu","star","user","excludeControls","StoryContainer","Icon","RadioButton","RadioGroup","meta","title","component","argTypes","orientation","control","type","options","args","errorMessage","decorators","Story","Normal","render","value","label","isDisabled","isRequired","defaultValue","LabelProp","Selected","Disabled","VerticalOrientation","IconButtons","icon"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":"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"}

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

@@ -1,29 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { SVG } from "./SVG";
-const meta = {
-    title: "Components/SVG",
-    component: SVG
-};
-const Star = /*#__PURE__*/ _jsx("svg", {
-    viewBox: "0 0 51 48",
-    children: /*#__PURE__*/ _jsx("path", {
-        fill: "none",
-        stroke: "#000",
-        d: "m25,1 6,17h18l-14,11 5,17-15-10-15,10 5-17-14-11h18z"
-    })
-});
-export const Normal = {
-    render: (args)=>/*#__PURE__*/ _jsx(SVG, {
-            ...args,
-            children: Star
-        }),
-    args: {
-        style: {
-            width: 75,
-            height: 75
-        }
-    }
-};
-export default meta;
-
-//# sourceMappingURL=SVG.stories.js.map

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

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../../src/components/SVG/SVG.stories.tsx"],"sourcesContent":["import type { Meta, StoryObj } from \"@storybook/react\";\nimport { SVG, SVGProps } from \"./SVG\";\n\ntype StoryType = StoryObj<typeof SVG>;\n\nconst meta: Meta<typeof SVG> = {\n  title: \"Components/SVG\",\n  component: SVG,\n};\n\nconst Star = (\n  <svg viewBox=\"0 0 51 48\">\n    <path\n      fill=\"none\"\n      stroke=\"#000\"\n      d=\"m25,1 6,17h18l-14,11 5,17-15-10-15,10 5-17-14-11h18z\"\n    />\n  </svg>\n);\n\nexport const Normal: StoryType = {\n  render: (args: SVGProps) => <SVG {...args}>{Star}</SVG>,\n  args: {\n    style: {\n      width: 75,\n      height: 75,\n    },\n  },\n};\n\nexport default meta;\n"],"names":["SVG","meta","title","component","Star","svg","viewBox","path","fill","stroke","d","Normal","render","args","style","width","height"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":";AACA,SAASA,GAAG,QAAkB,QAAQ;AAItC,MAAMC,OAAyB;IAC7BC,OAAO;IACPC,WAAWH;AACb;AAEA,MAAMI,qBACJ,KAACC;IAAIC,SAAQ;cACX,cAAA,KAACC;QACCC,MAAK;QACLC,QAAO;QACPC,GAAE;;;AAKR,OAAO,MAAMC,SAAoB;IAC/BC,QAAQ,CAACC,qBAAmB,KAACb;YAAK,GAAGa,IAAI;sBAAGT;;IAC5CS,MAAM;QACJC,OAAO;YACLC,OAAO;YACPC,QAAQ;QACV;IACF;AACF,EAAE;AAEF,eAAef,KAAK"}