@simplybusiness/mobius 4.11.3 → 4.11.4

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

@@ -1,111 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { excludeControls } from "../../utils";
-import { StoryContainer } from "../../utils/StoryContainer";
-import { NumberField } from "./NumberField";
-const meta = {
-    title: "Forms/NumberField",
-    component: NumberField,
-    argTypes: {
-        minValue: {
-            control: {
-                control: {
-                    type: "range"
-                },
-                min: 0,
-                max: 10,
-                step: 1
-            }
-        },
-        maxValue: {
-            control: {
-                control: {
-                    type: "range"
-                },
-                min: 0,
-                max: 10,
-                step: 1
-            }
-        },
-        ...excludeControls("value", "validationState")
-    },
-    args: {
-        minValue: 0,
-        maxValue: 100,
-        placeholder: "",
-        isDisabled: false,
-        isReadOnly: false
-    },
-    decorators: [
-        (Story)=>/*#__PURE__*/ _jsx(StoryContainer, {
-                children: /*#__PURE__*/ _jsx(Story, {})
-            })
-    ]
-};
-export const Normal = {
-    render: (args)=>/*#__PURE__*/ _jsx(NumberField, {
-            ...args
-        }),
-    args: {
-        label: "Number field",
-        defaultValue: 0,
-        errorMessage: "",
-        step: 10,
-        isRequired: false
-    }
-};
-export const LimitedRange = {
-    render: (args)=>/*#__PURE__*/ _jsx(NumberField, {
-            ...args
-        }),
-    args: {
-        label: "Number field",
-        minValue: -10,
-        maxValue: 10,
-        defaultValue: 0,
-        errorMessage: "",
-        step: 1,
-        isRequired: false
-    }
-};
-export const Valid = {
-    render: (args)=>/*#__PURE__*/ _jsx(NumberField, {
-            ...args
-        }),
-    args: {
-        label: "Number field",
-        isInvalid: false,
-        defaultValue: 0,
-        errorMessage: "",
-        step: 1,
-        isRequired: false
-    }
-};
-export const Invalid = {
-    render: (args)=>/*#__PURE__*/ _jsx(NumberField, {
-            ...args
-        }),
-    args: {
-        label: "Number field",
-        isInvalid: true,
-        errorMessage: "Error message",
-        defaultValue: 0,
-        step: 1,
-        isRequired: false
-    }
-};
-export const Disabled = {
-    render: (args)=>/*#__PURE__*/ _jsx(NumberField, {
-            ...args
-        }),
-    args: {
-        label: "Number field",
-        isDisabled: true,
-        defaultValue: 0,
-        errorMessage: "",
-        step: 1,
-        isRequired: false
-    }
-};
-export default meta;
-
-//# sourceMappingURL=NumberField.stories.js.map

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

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../../src/components/NumberField/NumberField.stories.tsx"],"sourcesContent":["import type { Meta, StoryObj } from \"@storybook/react\";\nimport { excludeControls } from \"../../utils\";\nimport { StoryContainer } from \"../../utils/StoryContainer\";\nimport { NumberField, NumberFieldProps } from \"./NumberField\";\n\ntype StoryType = StoryObj<typeof NumberField>;\n\nconst meta: Meta<typeof NumberField> = {\n  title: \"Forms/NumberField\",\n  component: NumberField,\n  argTypes: {\n    minValue: {\n      control: {\n        control: { type: \"range\" },\n        min: 0,\n        max: 10,\n        step: 1,\n      },\n    },\n    maxValue: {\n      control: {\n        control: { type: \"range\" },\n        min: 0,\n        max: 10,\n        step: 1,\n      },\n    },\n    ...excludeControls(\"value\", \"validationState\"),\n  },\n  args: {\n    minValue: 0,\n    maxValue: 100,\n    placeholder: \"\",\n    isDisabled: 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: NumberFieldProps) => <NumberField {...args} />,\n  args: {\n    label: \"Number field\",\n    defaultValue: 0,\n    errorMessage: \"\",\n    step: 10,\n    isRequired: false,\n  },\n};\n\nexport const LimitedRange: StoryType = {\n  render: (args: NumberFieldProps) => <NumberField {...args} />,\n  args: {\n    label: \"Number field\",\n    minValue: -10,\n    maxValue: 10,\n    defaultValue: 0,\n    errorMessage: \"\",\n    step: 1,\n    isRequired: false,\n  },\n};\n\nexport const Valid: StoryType = {\n  render: (args: NumberFieldProps) => <NumberField {...args} />,\n  args: {\n    label: \"Number field\",\n    isInvalid: false,\n    defaultValue: 0,\n    errorMessage: \"\",\n    step: 1,\n    isRequired: false,\n  },\n};\n\nexport const Invalid: StoryType = {\n  render: (args: NumberFieldProps) => <NumberField {...args} />,\n  args: {\n    label: \"Number field\",\n    isInvalid: true,\n    errorMessage: \"Error message\",\n    defaultValue: 0,\n    step: 1,\n    isRequired: false,\n  },\n};\n\nexport const Disabled: StoryType = {\n  render: (args: NumberFieldProps) => <NumberField {...args} />,\n  args: {\n    label: \"Number field\",\n    isDisabled: true,\n    defaultValue: 0,\n    errorMessage: \"\",\n    step: 1,\n    isRequired: false,\n  },\n};\n\nexport default meta;\n"],"names":["excludeControls","StoryContainer","NumberField","meta","title","component","argTypes","minValue","control","type","min","max","step","maxValue","args","placeholder","isDisabled","isReadOnly","decorators","Story","Normal","render","label","defaultValue","errorMessage","isRequired","LimitedRange","Valid","isInvalid","Invalid","Disabled"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":";AACA,SAASA,eAAe,QAAQ,cAAc;AAC9C,SAASC,cAAc,QAAQ,6BAA6B;AAC5D,SAASC,WAAW,QAA0B,gBAAgB;AAI9D,MAAMC,OAAiC;IACrCC,OAAO;IACPC,WAAWH;IACXI,UAAU;QACRC,UAAU;YACRC,SAAS;gBACPA,SAAS;oBAAEC,MAAM;gBAAQ;gBACzBC,KAAK;gBACLC,KAAK;gBACLC,MAAM;YACR;QACF;QACAC,UAAU;YACRL,SAAS;gBACPA,SAAS;oBAAEC,MAAM;gBAAQ;gBACzBC,KAAK;gBACLC,KAAK;gBACLC,MAAM;YACR;QACF;QACA,GAAGZ,gBAAgB,SAAS,kBAAkB;IAChD;IACAc,MAAM;QACJP,UAAU;QACVM,UAAU;QACVE,aAAa;QACbC,YAAY;QACZC,YAAY;IACd;IACAC,YAAY;QACVC,CAAAA,sBACE,KAAClB;0BACC,cAAA,KAACkB;;KAGN;AACH;AAEA,OAAO,MAAMC,SAAoB;IAC/BC,QAAQ,CAACP,qBAA2B,KAACZ;YAAa,GAAGY,IAAI;;IACzDA,MAAM;QACJQ,OAAO;QACPC,cAAc;QACdC,cAAc;QACdZ,MAAM;QACNa,YAAY;IACd;AACF,EAAE;AAEF,OAAO,MAAMC,eAA0B;IACrCL,QAAQ,CAACP,qBAA2B,KAACZ;YAAa,GAAGY,IAAI;;IACzDA,MAAM;QACJQ,OAAO;QACPf,UAAU,CAAC;QACXM,UAAU;QACVU,cAAc;QACdC,cAAc;QACdZ,MAAM;QACNa,YAAY;IACd;AACF,EAAE;AAEF,OAAO,MAAME,QAAmB;IAC9BN,QAAQ,CAACP,qBAA2B,KAACZ;YAAa,GAAGY,IAAI;;IACzDA,MAAM;QACJQ,OAAO;QACPM,WAAW;QACXL,cAAc;QACdC,cAAc;QACdZ,MAAM;QACNa,YAAY;IACd;AACF,EAAE;AAEF,OAAO,MAAMI,UAAqB;IAChCR,QAAQ,CAACP,qBAA2B,KAACZ;YAAa,GAAGY,IAAI;;IACzDA,MAAM;QACJQ,OAAO;QACPM,WAAW;QACXJ,cAAc;QACdD,cAAc;QACdX,MAAM;QACNa,YAAY;IACd;AACF,EAAE;AAEF,OAAO,MAAMK,WAAsB;IACjCT,QAAQ,CAACP,qBAA2B,KAACZ;YAAa,GAAGY,IAAI;;IACzDA,MAAM;QACJQ,OAAO;QACPN,YAAY;QACZO,cAAc;QACdC,cAAc;QACdZ,MAAM;QACNa,YAAY;IACd;AACF,EAAE;AAEF,eAAetB,KAAK"}

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

@@ -1,44 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { excludeControls } from "../../utils";
-import { StoryContainer } from "../../utils/StoryContainer";
-import { PasswordField } from "./PasswordField";
-const meta = {
-    title: "Forms/PasswordField",
-    component: PasswordField,
-    argTypes: {
-        type: {
-            control: {
-                type: "radio"
-            },
-            options: [
-                "text",
-                "password"
-            ]
-        },
-        ...excludeControls("description", "validationState")
-    },
-    args: {
-        isReadOnly: false
-    },
-    decorators: [
-        (Story)=>/*#__PURE__*/ _jsx(StoryContainer, {
-                children: /*#__PURE__*/ _jsx(Story, {})
-            })
-    ]
-};
-export const Normal = {
-    render: (args)=>/*#__PURE__*/ _jsx(PasswordField, {
-            ...args
-        }),
-    args: {
-        label: "Password",
-        placeholder: "",
-        isDisabled: false,
-        errorMessage: "",
-        type: "password",
-        isRequired: false
-    }
-};
-export default meta;
-
-//# sourceMappingURL=PasswordField.stories.js.map

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

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../../src/components/PasswordField/PasswordField.stories.tsx"],"sourcesContent":["import type { Meta, StoryObj } from \"@storybook/react\";\nimport { excludeControls } from \"../../utils\";\nimport { StoryContainer } from \"../../utils/StoryContainer\";\nimport { PasswordField, PasswordFieldProps } from \"./PasswordField\";\n\ntype StoryType = StoryObj<typeof PasswordField>;\n\nconst meta: Meta<typeof PasswordField> = {\n  title: \"Forms/PasswordField\",\n  component: PasswordField,\n  argTypes: {\n    type: {\n      control: { type: \"radio\" },\n      options: [\"text\", \"password\"],\n    },\n    ...excludeControls(\"description\", \"validationState\"),\n  },\n  args: {\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: PasswordFieldProps) => <PasswordField {...args} />,\n  args: {\n    label: \"Password\",\n    placeholder: \"\",\n    isDisabled: false,\n    errorMessage: \"\",\n    type: \"password\",\n    isRequired: false,\n  },\n};\n\nexport default meta;\n"],"names":["excludeControls","StoryContainer","PasswordField","meta","title","component","argTypes","type","control","options","args","isReadOnly","decorators","Story","Normal","render","label","placeholder","isDisabled","errorMessage","isRequired"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":";AACA,SAASA,eAAe,QAAQ,cAAc;AAC9C,SAASC,cAAc,QAAQ,6BAA6B;AAC5D,SAASC,aAAa,QAA4B,kBAAkB;AAIpE,MAAMC,OAAmC;IACvCC,OAAO;IACPC,WAAWH;IACXI,UAAU;QACRC,MAAM;YACJC,SAAS;gBAAED,MAAM;YAAQ;YACzBE,SAAS;gBAAC;gBAAQ;aAAW;QAC/B;QACA,GAAGT,gBAAgB,eAAe,kBAAkB;IACtD;IACAU,MAAM;QACJC,YAAY;IACd;IACAC,YAAY;QACVC,CAAAA,sBACE,KAACZ;0BACC,cAAA,KAACY;;KAGN;AACH;AAEA,OAAO,MAAMC,SAAoB;IAC/BC,QAAQ,CAACL,qBAA6B,KAACR;YAAe,GAAGQ,IAAI;;IAC7DA,MAAM;QACJM,OAAO;QACPC,aAAa;QACbC,YAAY;QACZC,cAAc;QACdZ,MAAM;QACNa,YAAY;IACd;AACF,EAAE;AAEF,eAAejB,KAAK"}

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

@@ -1,56 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
-import { circleQuestion } from "@simplybusiness/icons";
-import { Button, Flex, Popover, Icon } from "..";
-import { excludeControls } from "../../utils";
-const meta = {
-    title: "Components/Popover",
-    component: Popover,
-    argTypes: {
-        ...excludeControls("trigger", "anchor", "children")
-    },
-    decorators: [
-        (Story)=>{
-            // eslint-disable-next-line global-require
-            require("./Popover.story.styles.css");
-            return /*#__PURE__*/ _jsx(Story, {});
-        }
-    ]
-};
-export const Normal = {
-    render: (args)=>/*#__PURE__*/ _jsx(Popover, {
-            ...args
-        }),
-    args: {
-        children: /*#__PURE__*/ _jsx(_Fragment, {
-            children: "No way! Now I know everything I need to 🚀."
-        }),
-        trigger: /*#__PURE__*/ _jsx(Button, {
-            variant: "primary",
-            children: "If only I had more information"
-        })
-    }
-};
-export const CustomTrigger = {
-    render: ()=>/*#__PURE__*/ _jsx("div", {
-            className: "popover-example",
-            children: /*#__PURE__*/ _jsx(Popover, {
-                trigger: /*#__PURE__*/ _jsx(Button, {
-                    variant: "ghost",
-                    children: /*#__PURE__*/ _jsxs(Flex, {
-                        children: [
-                            /*#__PURE__*/ _jsx("span", {
-                                children: "Occurrence Limit"
-                            }),
-                            /*#__PURE__*/ _jsx(Icon, {
-                                icon: circleQuestion
-                            })
-                        ]
-                    })
-                }),
-                children: "This is the maximum amount of money you'll get to cover a single incident that occurs during the policy period, regardless of when it's reported."
-            })
-        })
-};
-export default meta;
-
-//# sourceMappingURL=Popover.stories.js.map

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

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../../src/components/Popover/Popover.stories.tsx"],"sourcesContent":["import type { Meta, StoryObj } from \"@storybook/react\";\nimport { circleQuestion } from \"@simplybusiness/icons\";\nimport { Button, Flex, Popover, PopoverProps, Icon } from \"..\";\nimport { excludeControls } from \"../../utils\";\n\ntype StoryType = StoryObj<typeof Popover>;\n\nconst meta: Meta<typeof Popover> = {\n  title: \"Components/Popover\",\n  component: Popover,\n  argTypes: {\n    ...excludeControls(\"trigger\", \"anchor\", \"children\"),\n  },\n  decorators: [\n    Story => {\n      // eslint-disable-next-line global-require\n      require(\"./Popover.story.styles.css\");\n\n      return <Story />;\n    },\n  ],\n};\n\nexport const Normal: StoryType = {\n  render: (args: PopoverProps) => <Popover {...args} />,\n  args: {\n    children: <>No way! Now I know everything I need to 🚀.</>,\n    trigger: <Button variant=\"primary\">If only I had more information</Button>,\n  },\n};\n\nexport const CustomTrigger: StoryType = {\n  render: () => (\n    <div className=\"popover-example\">\n      <Popover\n        trigger={\n          <Button variant=\"ghost\">\n            <Flex>\n              <span>Occurrence Limit</span>\n              <Icon icon={circleQuestion} />\n            </Flex>\n          </Button>\n        }\n      >\n        This is the maximum amount of money you&apos;ll get to cover a single\n        incident that occurs during the policy period, regardless of when\n        it&apos;s reported.\n      </Popover>\n    </div>\n  ),\n};\n\nexport default meta;\n"],"names":["circleQuestion","Button","Flex","Popover","Icon","excludeControls","meta","title","component","argTypes","decorators","Story","require","Normal","render","args","children","trigger","variant","CustomTrigger","div","className","span","icon"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":";AACA,SAASA,cAAc,QAAQ,wBAAwB;AACvD,SAASC,MAAM,EAAEC,IAAI,EAAEC,OAAO,EAAgBC,IAAI,QAAQ,KAAK;AAC/D,SAASC,eAAe,QAAQ,cAAc;AAI9C,MAAMC,OAA6B;IACjCC,OAAO;IACPC,WAAWL;IACXM,UAAU;QACR,GAAGJ,gBAAgB,WAAW,UAAU,WAAW;IACrD;IACAK,YAAY;QACVC,CAAAA;YACE,0CAA0C;YAC1CC,QAAQ;YAER,qBAAO,KAACD;QACV;KACD;AACH;AAEA,OAAO,MAAME,SAAoB;IAC/BC,QAAQ,CAACC,qBAAuB,KAACZ;YAAS,GAAGY,IAAI;;IACjDA,MAAM;QACJC,wBAAU;sBAAE;;QACZC,uBAAS,KAAChB;YAAOiB,SAAQ;sBAAU;;IACrC;AACF,EAAE;AAEF,OAAO,MAAMC,gBAA2B;IACtCL,QAAQ,kBACN,KAACM;YAAIC,WAAU;sBACb,cAAA,KAAClB;gBACCc,uBACE,KAAChB;oBAAOiB,SAAQ;8BACd,cAAA,MAAChB;;0CACC,KAACoB;0CAAK;;0CACN,KAAClB;gCAAKmB,MAAMvB;;;;;0BAInB;;;AAOP,EAAE;AAEF,eAAeM,KAAK"}

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

@@ -1,127 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { excludeControls } from "../../utils";
-import { StoryContainer } from "../../utils/StoryContainer";
-import { Progress } from "./Progress";
-const meta = {
-    title: "Components/Progress",
-    component: Progress,
-    argTypes: {
-        value: {
-            control: {
-                control: {
-                    type: "range"
-                },
-                min: 0,
-                max: 10,
-                step: 1
-            }
-        },
-        minValue: {
-            control: {
-                control: {
-                    type: "range"
-                },
-                min: 0,
-                max: 10,
-                step: 1
-            }
-        },
-        maxValue: {
-            control: {
-                control: {
-                    type: "range"
-                },
-                min: 0,
-                max: 10,
-                step: 1
-            }
-        },
-        label: {
-            control: {
-                control: {
-                    type: "text"
-                }
-            }
-        },
-        variant: {
-            control: {
-                type: "radio"
-            },
-            options: [
-                "primary",
-                "secondary"
-            ]
-        },
-        ...excludeControls("valueFormatter")
-    },
-    decorators: [
-        (Story)=>/*#__PURE__*/ _jsx(StoryContainer, {
-                children: /*#__PURE__*/ _jsx(Story, {})
-            })
-    ]
-};
-const customValueFormatter = (value, minValue, maxValue)=>`Step ${value} of ${maxValue}`;
-export const Primary = {
-    render: (args)=>/*#__PURE__*/ _jsx(Progress, {
-            ...args
-        }),
-    args: {
-        value: 2,
-        minValue: 0,
-        maxValue: 10,
-        label: "Progress",
-        variant: "primary",
-        showValueLabel: true
-    }
-};
-export const Secondary = {
-    render: (args)=>/*#__PURE__*/ _jsx(Progress, {
-            ...args
-        }),
-    args: {
-        value: 2,
-        minValue: 0,
-        maxValue: 10,
-        label: "Secondary",
-        variant: "secondary",
-        showValueLabel: true
-    }
-};
-export const NoVisibleLabel = {
-    render: (args)=>/*#__PURE__*/ _jsx(Progress, {
-            ...args
-        }),
-    args: {
-        value: 1,
-        minValue: 0,
-        maxValue: 4,
-        label: "",
-        variant: "primary",
-        "aria-label": "Progress",
-        showValueLabel: true
-    },
-    parameters: {
-        controls: {
-            exclude: [
-                "aria-label"
-            ]
-        }
-    }
-};
-export const CustomValueFormat = {
-    render: (args)=>/*#__PURE__*/ _jsx(Progress, {
-            ...args
-        }),
-    args: {
-        value: 1,
-        minValue: 0,
-        maxValue: 4,
-        label: "Progress",
-        variant: "primary",
-        showValueLabel: true,
-        valueFormatter: customValueFormatter
-    }
-};
-export default meta;
-
-//# sourceMappingURL=Progress.stories.js.map

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

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../../src/components/Progress/Progress.stories.tsx"],"sourcesContent":["import type { Meta, StoryObj } from \"@storybook/react\";\nimport { excludeControls } from \"../../utils\";\nimport { StoryContainer } from \"../../utils/StoryContainer\";\nimport { Progress, ProgressProps } from \"./Progress\";\n\ntype StoryType = StoryObj<typeof Progress>;\n\nconst meta: Meta<typeof Progress> = {\n  title: \"Components/Progress\",\n  component: Progress,\n  argTypes: {\n    value: {\n      control: {\n        control: { type: \"range\" },\n        min: 0,\n        max: 10,\n        step: 1,\n      },\n    },\n    minValue: {\n      control: {\n        control: { type: \"range\" },\n        min: 0,\n        max: 10,\n        step: 1,\n      },\n    },\n    maxValue: {\n      control: {\n        control: { type: \"range\" },\n        min: 0,\n        max: 10,\n        step: 1,\n      },\n    },\n    label: {\n      control: {\n        control: { type: \"text\" },\n      },\n    },\n    variant: {\n      control: { type: \"radio\" },\n      options: [\"primary\", \"secondary\"],\n    },\n    ...excludeControls(\"valueFormatter\"),\n  },\n  decorators: [\n    Story => (\n      <StoryContainer>\n        <Story />\n      </StoryContainer>\n    ),\n  ],\n};\n\nconst customValueFormatter = (\n  value: number,\n  minValue: number,\n  maxValue: number,\n) => `Step ${value} of ${maxValue}`;\n\nexport const Primary: StoryType = {\n  render: (args: ProgressProps) => <Progress {...args} />,\n  args: {\n    value: 2,\n    minValue: 0,\n    maxValue: 10,\n    label: \"Progress\",\n    variant: \"primary\",\n    showValueLabel: true,\n  },\n};\n\nexport const Secondary: StoryType = {\n  render: (args: ProgressProps) => <Progress {...args} />,\n  args: {\n    value: 2,\n    minValue: 0,\n    maxValue: 10,\n    label: \"Secondary\",\n    variant: \"secondary\",\n    showValueLabel: true,\n  },\n};\n\nexport const NoVisibleLabel: StoryType = {\n  render: (args: ProgressProps) => <Progress {...args} />,\n  args: {\n    value: 1,\n    minValue: 0,\n    maxValue: 4,\n    label: \"\",\n    variant: \"primary\",\n    \"aria-label\": \"Progress\",\n    showValueLabel: true,\n  },\n  parameters: {\n    controls: {\n      exclude: [\"aria-label\"],\n    },\n  },\n};\n\nexport const CustomValueFormat: StoryType = {\n  render: (args: ProgressProps) => <Progress {...args} />,\n  args: {\n    value: 1,\n    minValue: 0,\n    maxValue: 4,\n    label: \"Progress\",\n    variant: \"primary\",\n    showValueLabel: true,\n    valueFormatter: customValueFormatter,\n  },\n};\n\nexport default meta;\n"],"names":["excludeControls","StoryContainer","Progress","meta","title","component","argTypes","value","control","type","min","max","step","minValue","maxValue","label","variant","options","decorators","Story","customValueFormatter","Primary","render","args","showValueLabel","Secondary","NoVisibleLabel","parameters","controls","exclude","CustomValueFormat","valueFormatter"],"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;QACRC,OAAO;YACLC,SAAS;gBACPA,SAAS;oBAAEC,MAAM;gBAAQ;gBACzBC,KAAK;gBACLC,KAAK;gBACLC,MAAM;YACR;QACF;QACAC,UAAU;YACRL,SAAS;gBACPA,SAAS;oBAAEC,MAAM;gBAAQ;gBACzBC,KAAK;gBACLC,KAAK;gBACLC,MAAM;YACR;QACF;QACAE,UAAU;YACRN,SAAS;gBACPA,SAAS;oBAAEC,MAAM;gBAAQ;gBACzBC,KAAK;gBACLC,KAAK;gBACLC,MAAM;YACR;QACF;QACAG,OAAO;YACLP,SAAS;gBACPA,SAAS;oBAAEC,MAAM;gBAAO;YAC1B;QACF;QACAO,SAAS;YACPR,SAAS;gBAAEC,MAAM;YAAQ;YACzBQ,SAAS;gBAAC;gBAAW;aAAY;QACnC;QACA,GAAGjB,gBAAgB,iBAAiB;IACtC;IACAkB,YAAY;QACVC,CAAAA,sBACE,KAAClB;0BACC,cAAA,KAACkB;;KAGN;AACH;AAEA,MAAMC,uBAAuB,CAC3Bb,OACAM,UACAC,WACG,CAAC,KAAK,EAAEP,MAAM,IAAI,EAAEO,SAAS,CAAC;AAEnC,OAAO,MAAMO,UAAqB;IAChCC,QAAQ,CAACC,qBAAwB,KAACrB;YAAU,GAAGqB,IAAI;;IACnDA,MAAM;QACJhB,OAAO;QACPM,UAAU;QACVC,UAAU;QACVC,OAAO;QACPC,SAAS;QACTQ,gBAAgB;IAClB;AACF,EAAE;AAEF,OAAO,MAAMC,YAAuB;IAClCH,QAAQ,CAACC,qBAAwB,KAACrB;YAAU,GAAGqB,IAAI;;IACnDA,MAAM;QACJhB,OAAO;QACPM,UAAU;QACVC,UAAU;QACVC,OAAO;QACPC,SAAS;QACTQ,gBAAgB;IAClB;AACF,EAAE;AAEF,OAAO,MAAME,iBAA4B;IACvCJ,QAAQ,CAACC,qBAAwB,KAACrB;YAAU,GAAGqB,IAAI;;IACnDA,MAAM;QACJhB,OAAO;QACPM,UAAU;QACVC,UAAU;QACVC,OAAO;QACPC,SAAS;QACT,cAAc;QACdQ,gBAAgB;IAClB;IACAG,YAAY;QACVC,UAAU;YACRC,SAAS;gBAAC;aAAa;QACzB;IACF;AACF,EAAE;AAEF,OAAO,MAAMC,oBAA+B;IAC1CR,QAAQ,CAACC,qBAAwB,KAACrB;YAAU,GAAGqB,IAAI;;IACnDA,MAAM;QACJhB,OAAO;QACPM,UAAU;QACVC,UAAU;QACVC,OAAO;QACPC,SAAS;QACTQ,gBAAgB;QAChBO,gBAAgBX;IAClB;AACF,EAAE;AAEF,eAAejB,KAAK"}

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

@@ -1,263 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { excludeControls } from "../../utils";
-import { StoryContainer } from "../../utils/StoryContainer";
-import { Divider } from "../Divider";
-import { Flex } from "../Flex";
-import { Radio } from "./Radio";
-import { RadioGroup } from "./RadioGroup";
-const meta = {
-    title: "Forms/Radio",
-    component: RadioGroup,
-    argTypes: {
-        orientation: {
-            control: {
-                type: "radio"
-            },
-            options: [
-                "horizontal",
-                "vertical"
-            ]
-        },
-        label: {
-            control: {
-                type: "text"
-            }
-        },
-        ...excludeControls("name", "groupDisabled", "selected", "setSelected", "defaultValue", "value", "validationState")
-    },
-    decorators: [
-        (Story)=>/*#__PURE__*/ _jsx(StoryContainer, {
-                children: /*#__PURE__*/ _jsx(Story, {})
-            })
-    ]
-};
-export const Normal = {
-    render: (args)=>/*#__PURE__*/ _jsxs(RadioGroup, {
-            ...args,
-            children: [
-                /*#__PURE__*/ _jsx(Radio, {
-                    value: "red",
-                    label: "Red"
-                }),
-                /*#__PURE__*/ _jsx(Radio, {
-                    value: "blue",
-                    label: "Blue"
-                })
-            ]
-        }),
-    args: {
-        label: "Color",
-        isDisabled: false,
-        isRequired: false,
-        errorMessage: "",
-        orientation: "vertical",
-        defaultValue: "blue"
-    }
-};
-export const Disabled = {
-    render: (args)=>/*#__PURE__*/ _jsxs(RadioGroup, {
-            ...args,
-            children: [
-                /*#__PURE__*/ _jsx(Radio, {
-                    value: "red",
-                    label: "Red",
-                    isDisabled: true
-                }),
-                /*#__PURE__*/ _jsx(Radio, {
-                    value: "blue",
-                    label: "Blue"
-                })
-            ]
-        }),
-    args: {
-        label: "Color",
-        isDisabled: true,
-        isRequired: false,
-        errorMessage: "",
-        orientation: "vertical"
-    }
-};
-export const DisabledIndividualRadios = {
-    render: (args)=>/*#__PURE__*/ _jsxs(RadioGroup, {
-            ...args,
-            children: [
-                /*#__PURE__*/ _jsx(Radio, {
-                    value: "red",
-                    label: "Red",
-                    isDisabled: true
-                }),
-                /*#__PURE__*/ _jsx(Radio, {
-                    value: "blue",
-                    label: "Blue"
-                })
-            ]
-        }),
-    args: {
-        label: "Color",
-        isDisabled: false,
-        isRequired: false,
-        errorMessage: "",
-        orientation: "vertical"
-    }
-};
-export const Valid = {
-    render: (args)=>/*#__PURE__*/ _jsxs(RadioGroup, {
-            ...args,
-            children: [
-                /*#__PURE__*/ _jsx(Radio, {
-                    value: "red",
-                    label: "Red"
-                }),
-                /*#__PURE__*/ _jsx(Radio, {
-                    value: "blue",
-                    label: "Blue"
-                })
-            ]
-        }),
-    args: {
-        label: "Color",
-        isDisabled: false,
-        isRequired: false,
-        errorMessage: "",
-        isInvalid: false,
-        orientation: "vertical"
-    }
-};
-export const Invalid = {
-    render: (args)=>/*#__PURE__*/ _jsxs(RadioGroup, {
-            ...args,
-            children: [
-                /*#__PURE__*/ _jsx(Radio, {
-                    value: "red",
-                    label: "Red"
-                }),
-                /*#__PURE__*/ _jsx(Radio, {
-                    value: "blue",
-                    label: "Blue"
-                })
-            ]
-        }),
-    args: {
-        label: "Color",
-        isDisabled: false,
-        isRequired: false,
-        errorMessage: "Please select a color",
-        isInvalid: true,
-        orientation: "vertical"
-    }
-};
-export const ComplexLabel = {
-    render: (args)=>/*#__PURE__*/ _jsxs(RadioGroup, {
-            ...args,
-            children: [
-                /*#__PURE__*/ _jsx(Radio, {
-                    value: "annual",
-                    label: "Pay annually",
-                    children: /*#__PURE__*/ _jsxs(Flex, {
-                        style: {
-                            width: "100%",
-                            flexDirection: "row",
-                            justifyContent: "space-between"
-                        },
-                        children: [
-                            /*#__PURE__*/ _jsx("div", {
-                                children: "To pay today"
-                            }),
-                            /*#__PURE__*/ _jsx("div", {
-                                children: "$1265.00"
-                            })
-                        ]
-                    })
-                }),
-                /*#__PURE__*/ _jsxs(Radio, {
-                    value: "monthly",
-                    label: "Pay monthly",
-                    children: [
-                        /*#__PURE__*/ _jsxs(Flex, {
-                            style: {
-                                width: "100%",
-                                flexDirection: "row",
-                                justifyContent: "space-between",
-                                marginBottom: "var(--size-xs)"
-                            },
-                            children: [
-                                /*#__PURE__*/ _jsx("div", {
-                                    children: "To pay today"
-                                }),
-                                /*#__PURE__*/ _jsx("div", {
-                                    children: "$316.25"
-                                })
-                            ]
-                        }),
-                        /*#__PURE__*/ _jsxs(Flex, {
-                            style: {
-                                width: "100%",
-                                flexDirection: "row",
-                                justifyContent: "space-between"
-                            },
-                            children: [
-                                /*#__PURE__*/ _jsx("div", {
-                                    children: "10 monthly payments of"
-                                }),
-                                /*#__PURE__*/ _jsx("div", {
-                                    children: "$94.88"
-                                })
-                            ]
-                        }),
-                        /*#__PURE__*/ _jsx(Divider, {}),
-                        /*#__PURE__*/ _jsxs(Flex, {
-                            style: {
-                                width: "100%",
-                                flexDirection: "row",
-                                justifyContent: "space-between"
-                            },
-                            children: [
-                                /*#__PURE__*/ _jsx("div", {
-                                    children: /*#__PURE__*/ _jsx("strong", {
-                                        children: "Total"
-                                    })
-                                }),
-                                /*#__PURE__*/ _jsx("div", {
-                                    children: /*#__PURE__*/ _jsx("strong", {
-                                        children: "$1265.00"
-                                    })
-                                })
-                            ]
-                        })
-                    ]
-                })
-            ]
-        }),
-    args: {
-        label: "Payment Options",
-        isDisabled: false,
-        isRequired: false,
-        errorMessage: "",
-        orientation: "vertical"
-    }
-};
-export const HorizontalLayout = {
-    render: (args)=>/*#__PURE__*/ _jsxs(RadioGroup, {
-            ...args,
-            children: [
-                /*#__PURE__*/ _jsx(Radio, {
-                    value: "red",
-                    label: "Red"
-                }),
-                /*#__PURE__*/ _jsx(Radio, {
-                    value: "blue",
-                    label: "Blue"
-                })
-            ]
-        }),
-    args: {
-        label: "Color",
-        isDisabled: false,
-        isRequired: false,
-        errorMessage: "",
-        orientation: "horizontal"
-    }
-};
-export default meta;
-
-//# sourceMappingURL=Radio.stories.js.map

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

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../../src/components/Radio/Radio.stories.tsx"],"sourcesContent":["import type { Meta, StoryObj } from \"@storybook/react\";\nimport { excludeControls } from \"../../utils\";\nimport { StoryContainer } from \"../../utils/StoryContainer\";\nimport { Divider } from \"../Divider\";\nimport { Flex } from \"../Flex\";\nimport { Radio } from \"./Radio\";\nimport { RadioGroup, RadioGroupProps } from \"./RadioGroup\";\n\ntype StoryType = StoryObj<typeof RadioGroup>;\n\nconst meta: Meta<typeof RadioGroup> = {\n  title: \"Forms/Radio\",\n  component: RadioGroup,\n  argTypes: {\n    orientation: {\n      control: { type: \"radio\" },\n      options: [\"horizontal\", \"vertical\"],\n    },\n    label: {\n      control: { type: \"text\" },\n    },\n    ...excludeControls(\n      \"name\",\n      \"groupDisabled\",\n      \"selected\",\n      \"setSelected\",\n      \"defaultValue\",\n      \"value\",\n      \"validationState\",\n    ),\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      <Radio value=\"red\" label=\"Red\" />\n      <Radio value=\"blue\" label=\"Blue\" />\n    </RadioGroup>\n  ),\n  args: {\n    label: \"Color\",\n    isDisabled: false,\n    isRequired: false,\n    errorMessage: \"\",\n    orientation: \"vertical\",\n    defaultValue: \"blue\",\n  },\n};\n\nexport const Disabled: StoryType = {\n  render: (args: RadioGroupProps) => (\n    <RadioGroup {...args}>\n      <Radio value=\"red\" label=\"Red\" isDisabled />\n      <Radio value=\"blue\" label=\"Blue\" />\n    </RadioGroup>\n  ),\n  args: {\n    label: \"Color\",\n    isDisabled: true,\n    isRequired: false,\n    errorMessage: \"\",\n    orientation: \"vertical\",\n  },\n};\n\nexport const DisabledIndividualRadios: StoryType = {\n  render: (args: RadioGroupProps) => (\n    <RadioGroup {...args}>\n      <Radio value=\"red\" label=\"Red\" isDisabled />\n      <Radio value=\"blue\" label=\"Blue\" />\n    </RadioGroup>\n  ),\n  args: {\n    label: \"Color\",\n    isDisabled: false,\n    isRequired: false,\n    errorMessage: \"\",\n    orientation: \"vertical\",\n  },\n};\n\nexport const Valid: StoryType = {\n  render: (args: RadioGroupProps) => (\n    <RadioGroup {...args}>\n      <Radio value=\"red\" label=\"Red\" />\n      <Radio value=\"blue\" label=\"Blue\" />\n    </RadioGroup>\n  ),\n  args: {\n    label: \"Color\",\n    isDisabled: false,\n    isRequired: false,\n    errorMessage: \"\",\n    isInvalid: false,\n    orientation: \"vertical\",\n  },\n};\n\nexport const Invalid: StoryType = {\n  render: (args: RadioGroupProps) => (\n    <RadioGroup {...args}>\n      <Radio value=\"red\" label=\"Red\" />\n      <Radio value=\"blue\" label=\"Blue\" />\n    </RadioGroup>\n  ),\n  args: {\n    label: \"Color\",\n    isDisabled: false,\n    isRequired: false,\n    errorMessage: \"Please select a color\",\n    isInvalid: true,\n    orientation: \"vertical\",\n  },\n};\n\nexport const ComplexLabel: StoryType = {\n  render: (args: RadioGroupProps) => (\n    <RadioGroup {...args}>\n      <Radio value=\"annual\" label=\"Pay annually\">\n        <Flex\n          style={{\n            width: \"100%\",\n            flexDirection: \"row\",\n            justifyContent: \"space-between\",\n          }}\n        >\n          <div>To pay today</div>\n          <div>$1265.00</div>\n        </Flex>\n      </Radio>\n      <Radio value=\"monthly\" label=\"Pay monthly\">\n        <Flex\n          style={{\n            width: \"100%\",\n            flexDirection: \"row\",\n            justifyContent: \"space-between\",\n            marginBottom: \"var(--size-xs)\",\n          }}\n        >\n          <div>To pay today</div>\n          <div>$316.25</div>\n        </Flex>\n        <Flex\n          style={{\n            width: \"100%\",\n            flexDirection: \"row\",\n            justifyContent: \"space-between\",\n          }}\n        >\n          <div>10 monthly payments of</div>\n          <div>$94.88</div>\n        </Flex>\n        <Divider />\n        <Flex\n          style={{\n            width: \"100%\",\n            flexDirection: \"row\",\n            justifyContent: \"space-between\",\n          }}\n        >\n          <div>\n            <strong>Total</strong>\n          </div>\n          <div>\n            <strong>$1265.00</strong>\n          </div>\n        </Flex>\n      </Radio>\n    </RadioGroup>\n  ),\n  args: {\n    label: \"Payment Options\",\n    isDisabled: false,\n    isRequired: false,\n    errorMessage: \"\",\n    orientation: \"vertical\",\n  },\n};\n\nexport const HorizontalLayout: StoryType = {\n  render: (args: RadioGroupProps) => (\n    <RadioGroup {...args}>\n      <Radio value=\"red\" label=\"Red\" />\n      <Radio value=\"blue\" label=\"Blue\" />\n    </RadioGroup>\n  ),\n  args: {\n    label: \"Color\",\n    isDisabled: false,\n    isRequired: false,\n    errorMessage: \"\",\n    orientation: \"horizontal\",\n  },\n};\n\nexport default meta;\n"],"names":["excludeControls","StoryContainer","Divider","Flex","Radio","RadioGroup","meta","title","component","argTypes","orientation","control","type","options","label","decorators","Story","Normal","render","args","value","isDisabled","isRequired","errorMessage","defaultValue","Disabled","DisabledIndividualRadios","Valid","isInvalid","Invalid","ComplexLabel","style","width","flexDirection","justifyContent","div","marginBottom","strong","HorizontalLayout"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":"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"}