@simplybusiness/mobius 4.4.4 → 4.4.6

package/dist/cjs/components/Popover/Popover.test.js.map

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

package/dist/cjs/components/Popover/index.d.ts

@@ -0,0 +1 @@
+export * from "./Popover";

package/dist/cjs/components/Progress/Progress.d.ts

@@ -0,0 +1,20 @@
+import type { AriaProgressBarProps } from "@react-types/progress";
+import { ReactNode, Ref, RefAttributes } from "react";
+import { DOMProps } from "../../types/dom";
+import { ForwardedRefComponent } from "../../types/components";
+export type ProgressElementType = HTMLDivElement;
+export interface ProgressProps extends AriaProgressBarProps, DOMProps, RefAttributes<ProgressElementType> {
+    children?: ReactNode;
+    /** Custom class name for setting specific CSS */
+    id?: string;
+    className?: string;
+    showValueLabel?: boolean;
+    variant?: "primary" | "secondary" | "success" | "danger" | "warning" | "info";
+    value?: number;
+    minValue?: number;
+    maxValue?: number;
+    valueFormatter?: (value: number, minValue: number, maxValue: number) => string;
+}
+export type ProgressRef = Ref<ProgressElementType>;
+declare const Progress: ForwardedRefComponent<ProgressProps, ProgressElementType>;
+export { Progress };

package/dist/cjs/components/Progress/Progress.stories.d.ts

@@ -0,0 +1,9 @@
+import type { Meta, StoryObj } from "@storybook/react";
+import { Progress } from "./Progress";
+type StoryType = StoryObj<typeof Progress>;
+declare const meta: Meta<typeof Progress>;
+export declare const Primary: StoryType;
+export declare const Secondary: StoryType;
+export declare const NoVisibleLabel: StoryType;
+export declare const CustomValueFormat: StoryType;
+export default meta;

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

@@ -0,0 +1,96 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.CustomValueFormat = exports.NoVisibleLabel = exports.Secondary = exports.Primary = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const Progress_1 = require("./Progress");
+const utils_1 = require("../../utils");
+const meta = {
+    title: "Components/Progress",
+    component: Progress_1.Progress,
+    argTypes: Object.assign({ 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"],
+        } }, (0, utils_1.excludeControls)("valueFormatter")),
+    decorators: [
+        Story => ((0, jsx_runtime_1.jsx)(utils_1.StoryContainer, { children: (0, jsx_runtime_1.jsx)(Story, {}) })),
+    ],
+};
+const customValueFormatter = (value, minValue, maxValue) => `Step ${value} of ${maxValue}`;
+exports.Primary = {
+    render: (args) => (0, jsx_runtime_1.jsx)(Progress_1.Progress, Object.assign({}, args)),
+    args: {
+        value: 2,
+        minValue: 0,
+        maxValue: 10,
+        label: "Progress",
+        variant: "primary",
+        showValueLabel: true,
+    },
+};
+exports.Secondary = {
+    render: (args) => (0, jsx_runtime_1.jsx)(Progress_1.Progress, Object.assign({}, args)),
+    args: {
+        value: 2,
+        minValue: 0,
+        maxValue: 10,
+        label: "Secondary",
+        variant: "secondary",
+        showValueLabel: true,
+    },
+};
+exports.NoVisibleLabel = {
+    render: (args) => (0, jsx_runtime_1.jsx)(Progress_1.Progress, Object.assign({}, args)),
+    args: {
+        value: 1,
+        minValue: 0,
+        maxValue: 4,
+        label: "",
+        variant: "primary",
+        "aria-label": "Progress",
+        showValueLabel: true,
+    },
+    parameters: {
+        controls: {
+            exclude: ["aria-label"],
+        },
+    },
+};
+exports.CustomValueFormat = {
+    render: (args) => (0, jsx_runtime_1.jsx)(Progress_1.Progress, Object.assign({}, args)),
+    args: {
+        value: 1,
+        minValue: 0,
+        maxValue: 4,
+        label: "Progress",
+        variant: "primary",
+        showValueLabel: true,
+        valueFormatter: customValueFormatter,
+    },
+};
+exports.default = meta;
+//# sourceMappingURL=Progress.stories.js.map

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

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

package/dist/cjs/components/Progress/Progress.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/cjs/components/Progress/Progress.test.js

@@ -0,0 +1,60 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("@testing-library/react");
+const _1 = require(".");
+describe("Progress", () => {
+    describe("classnames", () => {
+        let result;
+        beforeEach(() => {
+            result = (0, react_1.render)((0, jsx_runtime_1.jsx)(_1.Progress, { label: "Progress", className: "test", minValue: 0, maxValue: 10 }));
+        });
+        const classNames = ["mobius", "mobius/Progress", "test"];
+        it.each(classNames)("should have classname %s", className => {
+            expect(result.container.firstChild).toHaveClass(className);
+        });
+    });
+    describe("aria values", () => {
+        const value = 5;
+        const minValue = 0;
+        const maxValue = 10;
+        it("should use value and % as default for aria-valuetext", () => {
+            const { container } = (0, react_1.render)((0, jsx_runtime_1.jsx)(_1.Progress, { label: "Progress", minValue: minValue, maxValue: maxValue, value: value }));
+            const progressBar = container.firstChild;
+            expect(progressBar).toHaveAttribute("aria-valuetext", `${(value / maxValue) * 100}%`);
+            expect(progressBar).toHaveAttribute("aria-valuemax", `${maxValue}`);
+            expect(progressBar).toHaveAttribute("aria-valuemin", `${minValue}`);
+            expect(progressBar).toHaveAttribute("aria-valuenow", `${value}`);
+        });
+        it("should use id if set for wrapper div", () => {
+            const result = (0, react_1.render)((0, jsx_runtime_1.jsx)(_1.Progress, { id: "testId", label: "Progress", minValue: minValue, maxValue: maxValue, value: value }));
+            expect(result.container.firstChild).toHaveAttribute("id", "testId");
+        });
+        it("sets aria-labelledby to match label on wrapper div", () => {
+            var _a, _b;
+            const { container } = (0, react_1.render)((0, jsx_runtime_1.jsx)(_1.Progress, { id: "testId", label: "Test", minValue: minValue, maxValue: maxValue, value: value }));
+            const labelId = (_a = container
+                .getElementsByClassName("mobius mobius/ProgressLabel")[0]) === null || _a === void 0 ? void 0 : _a.getAttribute("id");
+            const labelledById = (_b = container
+                .getElementsByClassName("mobius mobius/Progress")[0]) === null || _b === void 0 ? void 0 : _b.getAttribute("aria-labelledby");
+            expect(labelledById).toEqual(labelId);
+        });
+    });
+    const valueFormatter = (value, minValue, maxValue) => `${value},${minValue},${maxValue}`;
+    describe("custom formatter", () => {
+        const value = 5;
+        const minValue = 0;
+        const maxValue = 10;
+        let result;
+        beforeEach(() => {
+            result = (0, react_1.render)((0, jsx_runtime_1.jsx)(_1.Progress, { label: "Progress", minValue: minValue, maxValue: maxValue, value: value, valueFormatter: valueFormatter }));
+        });
+        it("should use custom formatter for aria-valuetext", () => {
+            expect(result.container.firstChild).toHaveAttribute("aria-valuetext", `${value},${minValue},${maxValue}`);
+        });
+        it("should use custom formatter for value text", () => {
+            expect(result.getByTestId("value-label")).toHaveTextContent(`${value},${minValue},${maxValue}`);
+        });
+    });
+});
+//# sourceMappingURL=Progress.test.js.map

package/dist/cjs/components/Progress/Progress.test.js.map

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

package/dist/cjs/components/Progress/index.d.ts

@@ -0,0 +1 @@
+export * from "./Progress";

package/dist/cjs/components/Radio/Radio.d.ts

@@ -0,0 +1,53 @@
+import { ReactNode, Ref, RefAttributes } from "react";
+import { ForwardedRefComponent } from "../../types/components";
+import { DOMProps } from "../../types/dom";
+import { HTMLElementEvent } from "../../types/events";
+export type RadioElementType = HTMLInputElement;
+export type AriaRadioProps = {
+    /**
+     * Defines a string value that labels the current element.
+     */
+    "aria-label"?: string;
+    /**
+     * Identifies the element (or elements) that labels the current element.
+     */
+    "aria-labelledby"?: string;
+    /**
+     * Identifies the element (or elements) that describes the object.
+     */
+    "aria-describedby"?: string;
+    /**
+     * Identifies the element (or elements) that provide a detailed, extended description for the object.
+     */
+    "aria-details"?: string;
+};
+export interface RadioProps extends DOMProps, AriaRadioProps, RefAttributes<RadioElementType> {
+    children?: ReactNode;
+    className?: string;
+    label?: ReactNode;
+    errorMessage?: string;
+    value: string;
+    isDisabled?: boolean;
+    onChange?: (event: HTMLElementEvent<RadioElementType>) => void;
+    defaultChecked?: boolean;
+    /**
+     * **Internal:** Do not use
+     */
+    groupDisabled?: boolean;
+    /**
+     * **Internal:** Do not use
+     */
+    name?: string;
+    /**
+     * **Internal:** Do not use
+     */
+    selected?: string;
+    /**
+     * **Internal:** Do not use
+     */
+    setSelected?: React.Dispatch<React.SetStateAction<string>>;
+    isRequired?: boolean;
+}
+export type RadioRef = Ref<RadioElementType>;
+declare const Radio: ForwardedRefComponent<RadioProps, RadioElementType>;
+export { Radio };

package/dist/cjs/components/Radio/Radio.js

@@ -40,6 +40,11 @@ const Radio = /*#__PURE__*/ (0, _react.forwardRef)((props, ref)=>{
             setSelected(event.currentTarget.value);
         }
     };
+    // Exlucde props that are passed via cloneElement in `<RadioGroup />`
+    const { // @ts-ignore
+    // eslint-disable-next-line
+    orientation, // eslint-disable-next-line @typescript-eslint/no-unused-vars
+    "aria-describedby": _ariaDescribedBy, ...rest } = otherProps;
     return /*#__PURE__*/ (0, _jsxruntime.jsxs)(_jsxruntime.Fragment, {
         children: [
             /*#__PURE__*/ (0, _jsxruntime.jsxs)(_Label.Label, {
@@ -56,7 +61,8 @@ const Radio = /*#__PURE__*/ (0, _react.forwardRef)((props, ref)=>{
                         type: "radio",
                         defaultChecked: isDefaultSelected,
                         name: name,
-                        required: isRequired
+                        required: isRequired,
+                        ...rest
                     }),
                     isMultiline ? /*#__PURE__*/ (0, _jsxruntime.jsxs)("div", {
                         className: "mobius/RadioContentMultiline",

package/dist/cjs/components/Radio/Radio.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/Radio/Radio.tsx"],"sourcesContent":["\"use client\";\n\nimport classNames from \"classnames/dedupe\";\nimport { MouseEvent, ReactNode, Ref, RefAttributes, forwardRef } from \"react\";\nimport { ForwardedRefComponent } from \"../../types/components\";\nimport { DOMProps } from \"../../types/dom\";\nimport { HTMLElementEvent } from \"../../types/events\";\nimport { ErrorMessage } from \"../ErrorMessage\";\nimport { Label } from \"../Label\";\n\nexport type RadioElementType = HTMLInputElement;\n\nexport type AriaRadioProps = {\n  /**\n   * Defines a string value that labels the current element.\n   */\n  \"aria-label\"?: string;\n  /**\n   * Identifies the element (or elements) that labels the current element.\n   */\n  \"aria-labelledby\"?: string;\n  /**\n   * Identifies the element (or elements) that describes the object.\n   */\n  \"aria-describedby\"?: string;\n  /**\n   * Identifies the element (or elements) that provide a detailed, extended description for the object.\n   */\n  \"aria-details\"?: string;\n};\n\nexport interface RadioProps\n  extends DOMProps,\n    AriaRadioProps,\n    RefAttributes<RadioElementType> {\n  children?: ReactNode;\n  className?: string;\n  label?: ReactNode;\n  errorMessage?: string;\n  value: string;\n  isDisabled?: boolean;\n  onChange?: (event: HTMLElementEvent<RadioElementType>) => void;\n  defaultChecked?: boolean;\n  /**\n   * **Internal:** Do not use\n   */\n  groupDisabled?: boolean;\n  /**\n   * **Internal:** Do not use\n   */\n  name?: string;\n  /**\n   * **Internal:** Do not use\n   */\n  selected?: string;\n  /**\n   * **Internal:** Do not use\n   */\n  setSelected?: React.Dispatch<React.SetStateAction<string>>;\n  isRequired?: boolean;\n}\n\nexport type RadioRef = Ref<RadioElementType>;\n\nconst Radio: ForwardedRefComponent<RadioProps, RadioElementType> = forwardRef(\n  (props: RadioProps, ref: RadioRef) => {\n    const {\n      children,\n      value,\n      label,\n      className,\n      isDisabled,\n      errorMessage,\n      onChange,\n      defaultChecked,\n      groupDisabled,\n      name,\n      selected,\n      setSelected,\n      isRequired,\n      ...otherProps\n    } = props;\n    const realDisabled = groupDisabled || isDisabled;\n    const isMultiline = label && children;\n    const isDefaultSelected = selected === value || defaultChecked;\n    const radioClasses = {\n      \"--is-disabled\": realDisabled,\n      \"--is-selected\": selected === value,\n      \"--is-multiline\": !!isMultiline,\n      \"--is-required\": isRequired,\n    };\n    const containerClasses = classNames(\n      \"mobius/RadioLabel\",\n      radioClasses,\n      className,\n    );\n    const inputClasses = classNames(\"mobius/RadioInput\", radioClasses);\n\n    const handleClick = (event: MouseEvent<RadioElementType>) => {\n      if (onChange) {\n        onChange(event as unknown as HTMLElementEvent<RadioElementType>);\n      }\n      if (setSelected) {\n        setSelected(event.currentTarget.value);\n      }\n    };\n\n    return (\n      <>\n        <Label className={containerClasses}>\n          <input\n            aria-describedby={otherProps[\"aria-describedby\"]}\n            disabled={realDisabled}\n            ref={ref}\n            className={inputClasses}\n            onClick={handleClick}\n            value={value}\n            tabIndex={0}\n            type=\"radio\"\n            defaultChecked={isDefaultSelected}\n            name={name}\n            required={isRequired}\n          />\n          {isMultiline ? (\n            <div className=\"mobius/RadioContentMultiline\">\n              <div className=\"mobius/RadioContentFirstLine\">{label}</div>\n              <div className=\"mobius/RadioExtraContent\">{children}</div>\n            </div>\n          ) : (\n            <div className=\"mobius/RadioContent\">{label || children}</div>\n          )}\n        </Label>\n        {errorMessage && <ErrorMessage errorMessage={errorMessage} />}\n      </>\n    );\n  },\n);\n\nRadio.displayName = \"Radio\";\nexport { Radio };\n"],"names":["Radio","forwardRef","props","ref","children","value","label","className","isDisabled","errorMessage","onChange","defaultChecked","groupDisabled","name","selected","setSelected","isRequired","otherProps","realDisabled","isMultiline","isDefaultSelected","radioClasses","containerClasses","classNames","inputClasses","handleClick","event","currentTarget","Label","input","aria-describedby","disabled","onClick","tabIndex","type","required","div","ErrorMessage","displayName"],"mappings":"AAAA;;;;;+BA2ISA;;;eAAAA;;;;+DAzIc;uBAC+C;8BAIzC;uBACP;;;;;;AAwDtB,MAAMA,sBAA6DC,IAAAA,iBAAU,EAC3E,CAACC,OAAmBC;IAClB,MAAM,EACJC,QAAQ,EACRC,KAAK,EACLC,KAAK,EACLC,SAAS,EACTC,UAAU,EACVC,YAAY,EACZC,QAAQ,EACRC,cAAc,EACdC,aAAa,EACbC,IAAI,EACJC,QAAQ,EACRC,WAAW,EACXC,UAAU,EACV,GAAGC,YACJ,GAAGf;IACJ,MAAMgB,eAAeN,iBAAiBJ;IACtC,MAAMW,cAAcb,SAASF;IAC7B,MAAMgB,oBAAoBN,aAAaT,SAASM;IAChD,MAAMU,eAAe;QACnB,iBAAiBH;QACjB,iBAAiBJ,aAAaT;QAC9B,kBAAkB,CAAC,CAACc;QACpB,iBAAiBH;IACnB;IACA,MAAMM,mBAAmBC,IAAAA,eAAU,EACjC,qBACAF,cACAd;IAEF,MAAMiB,eAAeD,IAAAA,eAAU,EAAC,qBAAqBF;IAErD,MAAMI,cAAc,CAACC;QACnB,IAAIhB,UAAU;YACZA,SAASgB;QACX;QACA,IAAIX,aAAa;YACfA,YAAYW,MAAMC,aAAa,CAACtB,KAAK;QACvC;IACF;IAEA,qBACE;;0BACE,sBAACuB,YAAK;gBAACrB,WAAWe;;kCAChB,qBAACO;wBACCC,oBAAkBb,UAAU,CAAC,mBAAmB;wBAChDc,UAAUb;wBACVf,KAAKA;wBACLI,WAAWiB;wBACXQ,SAASP;wBACTpB,OAAOA;wBACP4B,UAAU;wBACVC,MAAK;wBACLvB,gBAAgBS;wBAChBP,MAAMA;wBACNsB,UAAUnB;;oBAEXG,4BACC,sBAACiB;wBAAI7B,WAAU;;0CACb,qBAAC6B;gCAAI7B,WAAU;0CAAgCD;;0CAC/C,qBAAC8B;gCAAI7B,WAAU;0CAA4BH;;;uCAG7C,qBAACgC;wBAAI7B,WAAU;kCAAuBD,SAASF;;;;YAGlDK,8BAAgB,qBAAC4B,0BAAY;gBAAC5B,cAAcA;;;;AAGnD;AAGFT,MAAMsC,WAAW,GAAG"}
+{"version":3,"sources":["../../../../src/components/Radio/Radio.tsx"],"sourcesContent":["\"use client\";\n\nimport classNames from \"classnames/dedupe\";\nimport { MouseEvent, ReactNode, Ref, RefAttributes, forwardRef } from \"react\";\nimport { ForwardedRefComponent } from \"../../types/components\";\nimport { DOMProps } from \"../../types/dom\";\nimport { HTMLElementEvent } from \"../../types/events\";\nimport { ErrorMessage } from \"../ErrorMessage\";\nimport { Label } from \"../Label\";\n\nexport type RadioElementType = HTMLInputElement;\n\nexport type AriaRadioProps = {\n  /**\n   * Defines a string value that labels the current element.\n   */\n  \"aria-label\"?: string;\n  /**\n   * Identifies the element (or elements) that labels the current element.\n   */\n  \"aria-labelledby\"?: string;\n  /**\n   * Identifies the element (or elements) that describes the object.\n   */\n  \"aria-describedby\"?: string;\n  /**\n   * Identifies the element (or elements) that provide a detailed, extended description for the object.\n   */\n  \"aria-details\"?: string;\n};\n\nexport interface RadioProps\n  extends DOMProps,\n    AriaRadioProps,\n    RefAttributes<RadioElementType> {\n  children?: ReactNode;\n  className?: string;\n  label?: ReactNode;\n  errorMessage?: string;\n  value: string;\n  isDisabled?: boolean;\n  onChange?: (event: HTMLElementEvent<RadioElementType>) => void;\n  defaultChecked?: boolean;\n  /**\n   * **Internal:** Do not use\n   */\n  groupDisabled?: boolean;\n  /**\n   * **Internal:** Do not use\n   */\n  name?: string;\n  /**\n   * **Internal:** Do not use\n   */\n  selected?: string;\n  /**\n   * **Internal:** Do not use\n   */\n  setSelected?: React.Dispatch<React.SetStateAction<string>>;\n  isRequired?: boolean;\n}\n\nexport type RadioRef = Ref<RadioElementType>;\n\nconst Radio: ForwardedRefComponent<RadioProps, RadioElementType> = forwardRef(\n  (props: RadioProps, ref: RadioRef) => {\n    const {\n      children,\n      value,\n      label,\n      className,\n      isDisabled,\n      errorMessage,\n      onChange,\n      defaultChecked,\n      groupDisabled,\n      name,\n      selected,\n      setSelected,\n      isRequired,\n      ...otherProps\n    } = props;\n    const realDisabled = groupDisabled || isDisabled;\n    const isMultiline = label && children;\n    const isDefaultSelected = selected === value || defaultChecked;\n    const radioClasses = {\n      \"--is-disabled\": realDisabled,\n      \"--is-selected\": selected === value,\n      \"--is-multiline\": !!isMultiline,\n      \"--is-required\": isRequired,\n    };\n    const containerClasses = classNames(\n      \"mobius/RadioLabel\",\n      radioClasses,\n      className,\n    );\n    const inputClasses = classNames(\"mobius/RadioInput\", radioClasses);\n\n    const handleClick = (event: MouseEvent<RadioElementType>) => {\n      if (onChange) {\n        onChange(event as unknown as HTMLElementEvent<RadioElementType>);\n      }\n      if (setSelected) {\n        setSelected(event.currentTarget.value);\n      }\n    };\n\n    // Exlucde props that are passed via cloneElement in `<RadioGroup />`\n    const {\n      // @ts-ignore\n      // eslint-disable-next-line\n      orientation,\n      // eslint-disable-next-line @typescript-eslint/no-unused-vars\n      \"aria-describedby\": _ariaDescribedBy,\n      ...rest\n    } = otherProps;\n\n    return (\n      <>\n        <Label className={containerClasses}>\n          <input\n            aria-describedby={otherProps[\"aria-describedby\"]}\n            disabled={realDisabled}\n            ref={ref}\n            className={inputClasses}\n            onClick={handleClick}\n            value={value}\n            tabIndex={0}\n            type=\"radio\"\n            defaultChecked={isDefaultSelected}\n            name={name}\n            required={isRequired}\n            {...rest}\n          />\n          {isMultiline ? (\n            <div className=\"mobius/RadioContentMultiline\">\n              <div className=\"mobius/RadioContentFirstLine\">{label}</div>\n              <div className=\"mobius/RadioExtraContent\">{children}</div>\n            </div>\n          ) : (\n            <div className=\"mobius/RadioContent\">{label || children}</div>\n          )}\n        </Label>\n        {errorMessage && <ErrorMessage errorMessage={errorMessage} />}\n      </>\n    );\n  },\n);\n\nRadio.displayName = \"Radio\";\nexport { Radio };\n"],"names":["Radio","forwardRef","props","ref","children","value","label","className","isDisabled","errorMessage","onChange","defaultChecked","groupDisabled","name","selected","setSelected","isRequired","otherProps","realDisabled","isMultiline","isDefaultSelected","radioClasses","containerClasses","classNames","inputClasses","handleClick","event","currentTarget","orientation","_ariaDescribedBy","rest","Label","input","aria-describedby","disabled","onClick","tabIndex","type","required","div","ErrorMessage","displayName"],"mappings":"AAAA;;;;;+BAsJSA;;;eAAAA;;;;+DApJc;uBAC+C;8BAIzC;uBACP;;;;;;AAwDtB,MAAMA,sBAA6DC,IAAAA,iBAAU,EAC3E,CAACC,OAAmBC;IAClB,MAAM,EACJC,QAAQ,EACRC,KAAK,EACLC,KAAK,EACLC,SAAS,EACTC,UAAU,EACVC,YAAY,EACZC,QAAQ,EACRC,cAAc,EACdC,aAAa,EACbC,IAAI,EACJC,QAAQ,EACRC,WAAW,EACXC,UAAU,EACV,GAAGC,YACJ,GAAGf;IACJ,MAAMgB,eAAeN,iBAAiBJ;IACtC,MAAMW,cAAcb,SAASF;IAC7B,MAAMgB,oBAAoBN,aAAaT,SAASM;IAChD,MAAMU,eAAe;QACnB,iBAAiBH;QACjB,iBAAiBJ,aAAaT;QAC9B,kBAAkB,CAAC,CAACc;QACpB,iBAAiBH;IACnB;IACA,MAAMM,mBAAmBC,IAAAA,eAAU,EACjC,qBACAF,cACAd;IAEF,MAAMiB,eAAeD,IAAAA,eAAU,EAAC,qBAAqBF;IAErD,MAAMI,cAAc,CAACC;QACnB,IAAIhB,UAAU;YACZA,SAASgB;QACX;QACA,IAAIX,aAAa;YACfA,YAAYW,MAAMC,aAAa,CAACtB,KAAK;QACvC;IACF;IAEA,qEAAqE;IACrE,MAAM,EACJ,aAAa;IACb,2BAA2B;IAC3BuB,WAAW,EACX,6DAA6D;IAC7D,oBAAoBC,gBAAgB,EACpC,GAAGC,MACJ,GAAGb;IAEJ,qBACE;;0BACE,sBAACc,YAAK;gBAACxB,WAAWe;;kCAChB,qBAACU;wBACCC,oBAAkBhB,UAAU,CAAC,mBAAmB;wBAChDiB,UAAUhB;wBACVf,KAAKA;wBACLI,WAAWiB;wBACXW,SAASV;wBACTpB,OAAOA;wBACP+B,UAAU;wBACVC,MAAK;wBACL1B,gBAAgBS;wBAChBP,MAAMA;wBACNyB,UAAUtB;wBACT,GAAGc,IAAI;;oBAETX,4BACC,sBAACoB;wBAAIhC,WAAU;;0CACb,qBAACgC;gCAAIhC,WAAU;0CAAgCD;;0CAC/C,qBAACiC;gCAAIhC,WAAU;0CAA4BH;;;uCAG7C,qBAACmC;wBAAIhC,WAAU;kCAAuBD,SAASF;;;;YAGlDK,8BAAgB,qBAAC+B,0BAAY;gBAAC/B,cAAcA;;;;AAGnD;AAGFT,MAAMyC,WAAW,GAAG"}

package/dist/cjs/components/Radio/Radio.stories.d.ts

@@ -0,0 +1,12 @@
+import type { Meta, StoryObj } from "@storybook/react";
+import { RadioGroup } from "./RadioGroup";
+type StoryType = StoryObj<typeof RadioGroup>;
+declare const meta: Meta<typeof RadioGroup>;
+export declare const Normal: StoryType;
+export declare const Disabled: StoryType;
+export declare const DisabledIndividualRadios: StoryType;
+export declare const Valid: StoryType;
+export declare const Invalid: StoryType;
+export declare const ComplexLabel: StoryType;
+export declare const HorizontalLayout: StoryType;
+export default meta;

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

@@ -0,0 +1,122 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.HorizontalLayout = exports.ComplexLabel = exports.Invalid = exports.Valid = exports.DisabledIndividualRadios = exports.Disabled = exports.Normal = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const Radio_1 = require("./Radio");
+const RadioGroup_1 = require("./RadioGroup");
+const Flex_1 = require("../Flex");
+const Divider_1 = require("../Divider");
+const utils_1 = require("../../utils");
+const meta = {
+    title: "Forms/Radio",
+    component: RadioGroup_1.RadioGroup,
+    argTypes: Object.assign({ validationState: {
+            options: ["valid", "invalid", "neither"],
+            control: { type: "radio" },
+            mapping: {
+                valid: "valid",
+                invalid: "invalid",
+                neither: "",
+            },
+        }, orientation: {
+            control: { type: "radio" },
+            options: ["horizontal", "vertical"],
+        }, label: {
+            control: { type: "text" },
+        } }, (0, utils_1.excludeControls)("name", "groupDisabled", "selected", "setSelected", "defaultValue", "value")),
+    decorators: [
+        Story => ((0, jsx_runtime_1.jsx)(utils_1.StoryContainer, { children: (0, jsx_runtime_1.jsx)(Story, {}) })),
+    ],
+};
+exports.Normal = {
+    render: (args) => ((0, jsx_runtime_1.jsxs)(RadioGroup_1.RadioGroup, Object.assign({}, args, { children: [(0, jsx_runtime_1.jsx)(Radio_1.Radio, { value: "red", label: "Red" }), (0, jsx_runtime_1.jsx)(Radio_1.Radio, { value: "blue", label: "Blue" })] }))),
+    args: {
+        label: "Color",
+        isDisabled: false,
+        isRequired: false,
+        errorMessage: "",
+        orientation: "vertical",
+        defaultValue: "blue",
+    },
+};
+exports.Disabled = {
+    render: (args) => ((0, jsx_runtime_1.jsxs)(RadioGroup_1.RadioGroup, Object.assign({}, args, { children: [(0, jsx_runtime_1.jsx)(Radio_1.Radio, { value: "red", label: "Red", isDisabled: true }), (0, jsx_runtime_1.jsx)(Radio_1.Radio, { value: "blue", label: "Blue" })] }))),
+    args: {
+        label: "Color",
+        isDisabled: true,
+        isRequired: false,
+        errorMessage: "",
+        orientation: "vertical",
+    },
+};
+exports.DisabledIndividualRadios = {
+    render: (args) => ((0, jsx_runtime_1.jsxs)(RadioGroup_1.RadioGroup, Object.assign({}, args, { children: [(0, jsx_runtime_1.jsx)(Radio_1.Radio, { value: "red", label: "Red", isDisabled: true }), (0, jsx_runtime_1.jsx)(Radio_1.Radio, { value: "blue", label: "Blue" })] }))),
+    args: {
+        label: "Color",
+        isDisabled: false,
+        isRequired: false,
+        errorMessage: "",
+        orientation: "vertical",
+    },
+};
+exports.Valid = {
+    render: (args) => ((0, jsx_runtime_1.jsxs)(RadioGroup_1.RadioGroup, Object.assign({}, args, { children: [(0, jsx_runtime_1.jsx)(Radio_1.Radio, { value: "red", label: "Red" }), (0, jsx_runtime_1.jsx)(Radio_1.Radio, { value: "blue", label: "Blue" })] }))),
+    args: {
+        label: "Color",
+        isDisabled: false,
+        isRequired: false,
+        errorMessage: "",
+        validationState: "valid",
+        orientation: "vertical",
+    },
+};
+exports.Invalid = {
+    render: (args) => ((0, jsx_runtime_1.jsxs)(RadioGroup_1.RadioGroup, Object.assign({}, args, { children: [(0, jsx_runtime_1.jsx)(Radio_1.Radio, { value: "red", label: "Red" }), (0, jsx_runtime_1.jsx)(Radio_1.Radio, { value: "blue", label: "Blue" })] }))),
+    args: {
+        label: "Color",
+        isDisabled: false,
+        isRequired: false,
+        errorMessage: "Please select a color",
+        validationState: "invalid",
+        orientation: "vertical",
+    },
+};
+exports.ComplexLabel = {
+    render: (args) => ((0, jsx_runtime_1.jsxs)(RadioGroup_1.RadioGroup, Object.assign({}, args, { children: [(0, jsx_runtime_1.jsx)(Radio_1.Radio, { value: "annual", label: "Pay annually", children: (0, jsx_runtime_1.jsxs)(Flex_1.Flex, { style: {
+                        width: "100%",
+                        flexDirection: "row",
+                        justifyContent: "space-between",
+                    }, children: [(0, jsx_runtime_1.jsx)("div", { children: "To pay today" }), (0, jsx_runtime_1.jsx)("div", { children: "$1265.00" })] }) }), (0, jsx_runtime_1.jsxs)(Radio_1.Radio, { value: "monthly", label: "Pay monthly", children: [(0, jsx_runtime_1.jsxs)(Flex_1.Flex, { style: {
+                            width: "100%",
+                            flexDirection: "row",
+                            justifyContent: "space-between",
+                            marginBottom: "var(--size-xs)",
+                        }, children: [(0, jsx_runtime_1.jsx)("div", { children: "To pay today" }), (0, jsx_runtime_1.jsx)("div", { children: "$316.25" })] }), (0, jsx_runtime_1.jsxs)(Flex_1.Flex, { style: {
+                            width: "100%",
+                            flexDirection: "row",
+                            justifyContent: "space-between",
+                        }, children: [(0, jsx_runtime_1.jsx)("div", { children: "10 monthly payments of" }), (0, jsx_runtime_1.jsx)("div", { children: "$94.88" })] }), (0, jsx_runtime_1.jsx)(Divider_1.Divider, {}), (0, jsx_runtime_1.jsxs)(Flex_1.Flex, { style: {
+                            width: "100%",
+                            flexDirection: "row",
+                            justifyContent: "space-between",
+                        }, children: [(0, jsx_runtime_1.jsx)("div", { children: (0, jsx_runtime_1.jsx)("strong", { children: "Total" }) }), (0, jsx_runtime_1.jsx)("div", { children: (0, jsx_runtime_1.jsx)("strong", { children: "$1265.00" }) })] })] })] }))),
+    args: {
+        label: "Payment Options",
+        isDisabled: false,
+        isRequired: false,
+        errorMessage: "",
+        orientation: "vertical",
+    },
+};
+exports.HorizontalLayout = {
+    render: (args) => ((0, jsx_runtime_1.jsxs)(RadioGroup_1.RadioGroup, Object.assign({}, args, { children: [(0, jsx_runtime_1.jsx)(Radio_1.Radio, { value: "red", label: "Red" }), (0, jsx_runtime_1.jsx)(Radio_1.Radio, { value: "blue", label: "Blue" })] }))),
+    args: {
+        label: "Color",
+        isDisabled: false,
+        isRequired: false,
+        errorMessage: "",
+        orientation: "horizontal",
+    },
+};
+exports.default = meta;
+//# sourceMappingURL=Radio.stories.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Radio.stories.js","sourceRoot":"","sources":["../../../../src/components/Radio/Radio.stories.tsx"],"names":[],"mappings":";;;;AACA,mCAAgC;AAChC,6CAA2D;AAC3D,kCAA+B;AAC/B,wCAAqC;AACrC,uCAA8D;AAI9D,MAAM,IAAI,GAA4B;IACpC,KAAK,EAAE,aAAa;IACpB,SAAS,EAAE,uBAAU;IACrB,QAAQ,kBACN,eAAe,EAAE;YACf,OAAO,EAAE,CAAC,OAAO,EAAE,SAAS,EAAE,SAAS,CAAC;YACxC,OAAO,EAAE,EAAE,IAAI,EAAE,OAAO,EAAE;YAC1B,OAAO,EAAE;gBACP,KAAK,EAAE,OAAO;gBACd,OAAO,EAAE,SAAS;gBAClB,OAAO,EAAE,EAAE;aACZ;SACF,EACD,WAAW,EAAE;YACX,OAAO,EAAE,EAAE,IAAI,EAAE,OAAO,EAAE;YAC1B,OAAO,EAAE,CAAC,YAAY,EAAE,UAAU,CAAC;SACpC,EACD,KAAK,EAAE;YACL,OAAO,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE;SAC1B,IACE,IAAA,uBAAe,EAChB,MAAM,EACN,eAAe,EACf,UAAU,EACV,aAAa,EACb,cAAc,EACd,OAAO,CACR,CACF;IACD,UAAU,EAAE;QACV,KAAK,CAAC,EAAE,CAAC,CACP,uBAAC,sBAAc,cACb,uBAAC,KAAK,KAAG,GACM,CAClB;KACF;CACF,CAAC;AAEW,QAAA,MAAM,GAAc;IAC/B,MAAM,EAAE,CAAC,IAAqB,EAAE,EAAE,CAAC,CACjC,wBAAC,uBAAU,oBAAK,IAAI,eAClB,uBAAC,aAAK,IAAC,KAAK,EAAC,KAAK,EAAC,KAAK,EAAC,KAAK,GAAG,EACjC,uBAAC,aAAK,IAAC,KAAK,EAAC,MAAM,EAAC,KAAK,EAAC,MAAM,GAAG,KACxB,CACd;IACD,IAAI,EAAE;QACJ,KAAK,EAAE,OAAO;QACd,UAAU,EAAE,KAAK;QACjB,UAAU,EAAE,KAAK;QACjB,YAAY,EAAE,EAAE;QAChB,WAAW,EAAE,UAAU;QACvB,YAAY,EAAE,MAAM;KACrB;CACF,CAAC;AAEW,QAAA,QAAQ,GAAc;IACjC,MAAM,EAAE,CAAC,IAAqB,EAAE,EAAE,CAAC,CACjC,wBAAC,uBAAU,oBAAK,IAAI,eAClB,uBAAC,aAAK,IAAC,KAAK,EAAC,KAAK,EAAC,KAAK,EAAC,KAAK,EAAC,UAAU,SAAG,EAC5C,uBAAC,aAAK,IAAC,KAAK,EAAC,MAAM,EAAC,KAAK,EAAC,MAAM,GAAG,KACxB,CACd;IACD,IAAI,EAAE;QACJ,KAAK,EAAE,OAAO;QACd,UAAU,EAAE,IAAI;QAChB,UAAU,EAAE,KAAK;QACjB,YAAY,EAAE,EAAE;QAChB,WAAW,EAAE,UAAU;KACxB;CACF,CAAC;AAEW,QAAA,wBAAwB,GAAc;IACjD,MAAM,EAAE,CAAC,IAAqB,EAAE,EAAE,CAAC,CACjC,wBAAC,uBAAU,oBAAK,IAAI,eAClB,uBAAC,aAAK,IAAC,KAAK,EAAC,KAAK,EAAC,KAAK,EAAC,KAAK,EAAC,UAAU,SAAG,EAC5C,uBAAC,aAAK,IAAC,KAAK,EAAC,MAAM,EAAC,KAAK,EAAC,MAAM,GAAG,KACxB,CACd;IACD,IAAI,EAAE;QACJ,KAAK,EAAE,OAAO;QACd,UAAU,EAAE,KAAK;QACjB,UAAU,EAAE,KAAK;QACjB,YAAY,EAAE,EAAE;QAChB,WAAW,EAAE,UAAU;KACxB;CACF,CAAC;AAEW,QAAA,KAAK,GAAc;IAC9B,MAAM,EAAE,CAAC,IAAqB,EAAE,EAAE,CAAC,CACjC,wBAAC,uBAAU,oBAAK,IAAI,eAClB,uBAAC,aAAK,IAAC,KAAK,EAAC,KAAK,EAAC,KAAK,EAAC,KAAK,GAAG,EACjC,uBAAC,aAAK,IAAC,KAAK,EAAC,MAAM,EAAC,KAAK,EAAC,MAAM,GAAG,KACxB,CACd;IACD,IAAI,EAAE;QACJ,KAAK,EAAE,OAAO;QACd,UAAU,EAAE,KAAK;QACjB,UAAU,EAAE,KAAK;QACjB,YAAY,EAAE,EAAE;QAChB,eAAe,EAAE,OAAO;QACxB,WAAW,EAAE,UAAU;KACxB;CACF,CAAC;AAEW,QAAA,OAAO,GAAc;IAChC,MAAM,EAAE,CAAC,IAAqB,EAAE,EAAE,CAAC,CACjC,wBAAC,uBAAU,oBAAK,IAAI,eAClB,uBAAC,aAAK,IAAC,KAAK,EAAC,KAAK,EAAC,KAAK,EAAC,KAAK,GAAG,EACjC,uBAAC,aAAK,IAAC,KAAK,EAAC,MAAM,EAAC,KAAK,EAAC,MAAM,GAAG,KACxB,CACd;IACD,IAAI,EAAE;QACJ,KAAK,EAAE,OAAO;QACd,UAAU,EAAE,KAAK;QACjB,UAAU,EAAE,KAAK;QACjB,YAAY,EAAE,uBAAuB;QACrC,eAAe,EAAE,SAAS;QAC1B,WAAW,EAAE,UAAU;KACxB;CACF,CAAC;AAEW,QAAA,YAAY,GAAc;IACrC,MAAM,EAAE,CAAC,IAAqB,EAAE,EAAE,CAAC,CACjC,wBAAC,uBAAU,oBAAK,IAAI,eAClB,uBAAC,aAAK,IAAC,KAAK,EAAC,QAAQ,EAAC,KAAK,EAAC,cAAc,YACxC,wBAAC,WAAI,IACH,KAAK,EAAE;wBACL,KAAK,EAAE,MAAM;wBACb,aAAa,EAAE,KAAK;wBACpB,cAAc,EAAE,eAAe;qBAChC,aAED,2DAAuB,EACvB,uDAAmB,IACd,GACD,EACR,wBAAC,aAAK,IAAC,KAAK,EAAC,SAAS,EAAC,KAAK,EAAC,aAAa,aACxC,wBAAC,WAAI,IACH,KAAK,EAAE;4BACL,KAAK,EAAE,MAAM;4BACb,aAAa,EAAE,KAAK;4BACpB,cAAc,EAAE,eAAe;4BAC/B,YAAY,EAAE,gBAAgB;yBAC/B,aAED,2DAAuB,EACvB,sDAAkB,IACb,EACP,wBAAC,WAAI,IACH,KAAK,EAAE;4BACL,KAAK,EAAE,MAAM;4BACb,aAAa,EAAE,KAAK;4BACpB,cAAc,EAAE,eAAe;yBAChC,aAED,qEAAiC,EACjC,qDAAiB,IACZ,EACP,uBAAC,iBAAO,KAAG,EACX,wBAAC,WAAI,IACH,KAAK,EAAE;4BACL,KAAK,EAAE,MAAM;4BACb,aAAa,EAAE,KAAK;4BACpB,cAAc,EAAE,eAAe;yBAChC,aAED,0CACE,uDAAsB,GAClB,EACN,0CACE,0DAAyB,GACrB,IACD,IACD,KACG,CACd;IACD,IAAI,EAAE;QACJ,KAAK,EAAE,iBAAiB;QACxB,UAAU,EAAE,KAAK;QACjB,UAAU,EAAE,KAAK;QACjB,YAAY,EAAE,EAAE;QAChB,WAAW,EAAE,UAAU;KACxB;CACF,CAAC;AAEW,QAAA,gBAAgB,GAAc;IACzC,MAAM,EAAE,CAAC,IAAqB,EAAE,EAAE,CAAC,CACjC,wBAAC,uBAAU,oBAAK,IAAI,eAClB,uBAAC,aAAK,IAAC,KAAK,EAAC,KAAK,EAAC,KAAK,EAAC,KAAK,GAAG,EACjC,uBAAC,aAAK,IAAC,KAAK,EAAC,MAAM,EAAC,KAAK,EAAC,MAAM,GAAG,KACxB,CACd;IACD,IAAI,EAAE;QACJ,KAAK,EAAE,OAAO;QACd,UAAU,EAAE,KAAK;QACjB,UAAU,EAAE,KAAK;QACjB,YAAY,EAAE,EAAE;QAChB,WAAW,EAAE,YAAY;KAC1B;CACF,CAAC;AAEF,kBAAe,IAAI,CAAC"}

package/dist/cjs/components/Radio/Radio.test.d.ts

@@ -0,0 +1 @@
+export {};