@simplybusiness/mobius 4.4.4 → 4.4.6

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

@@ -0,0 +1,259 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("@testing-library/react");
+const user_event_1 = __importDefault(require("@testing-library/user-event"));
+const _1 = require(".");
+describe("Radio", () => {
+    it("should render without error", () => {
+        const component = (0, react_1.render)((0, jsx_runtime_1.jsxs)(_1.RadioGroup, { label: "Color", children: [(0, jsx_runtime_1.jsx)(_1.Radio, { value: "red", children: "Red" }), (0, jsx_runtime_1.jsx)(_1.Radio, { value: "blue", children: "Blue" })] }));
+        expect(component).toBeTruthy();
+    });
+    describe("default value in `<RadioGroup>`", () => {
+        describe("set to an existing option", () => {
+            it("should render only one `<Radio>` as checked", () => {
+                const uncheckedText = "red";
+                const checkedText = "blue";
+                (0, react_1.render)((0, jsx_runtime_1.jsxs)(_1.RadioGroup, { label: "Color", defaultValue: checkedText, children: [(0, jsx_runtime_1.jsx)(_1.Radio, { value: uncheckedText, children: "Red" }), (0, jsx_runtime_1.jsx)(_1.Radio, { value: checkedText, children: "Blue" })] }));
+                const uncheckedRadio = react_1.screen.getByDisplayValue(uncheckedText);
+                const checkedRadio = react_1.screen.getByDisplayValue(checkedText);
+                expect(uncheckedRadio).not.toBeChecked();
+                expect(checkedRadio).toBeChecked();
+            });
+        });
+        describe("set to a non-existing option", () => {
+            it("should render only one `<Radio>` as checked", () => {
+                const nonExistingText = "orange";
+                (0, react_1.render)((0, jsx_runtime_1.jsxs)(_1.RadioGroup, { label: "Color", defaultValue: nonExistingText, children: [(0, jsx_runtime_1.jsx)(_1.Radio, { value: "red", children: "Red" }), (0, jsx_runtime_1.jsx)(_1.Radio, { value: "blue", children: "Blue" })] }));
+                const inputs = react_1.screen.getAllByRole("radio");
+                inputs.forEach(input => expect(input).not.toBeChecked());
+            });
+        });
+        describe("set to an empty string", () => {
+            it("should render only one `<Radio>` as checked", () => {
+                const emptyString = "";
+                (0, react_1.render)((0, jsx_runtime_1.jsxs)(_1.RadioGroup, { label: "Color", defaultValue: emptyString, children: [(0, jsx_runtime_1.jsx)(_1.Radio, { value: "red", children: "Red" }), (0, jsx_runtime_1.jsx)(_1.Radio, { value: "blue", children: "Blue" })] }));
+                const inputs = react_1.screen.getAllByRole("radio");
+                inputs.forEach(input => expect(input).not.toBeChecked());
+            });
+        });
+    });
+    describe("default checked in `<Radio>`", () => {
+        it("should render unchecked by default", () => {
+            (0, react_1.render)((0, jsx_runtime_1.jsx)(_1.Radio, { value: "red", children: "Red" }));
+            const input = react_1.screen.getByRole("radio");
+            expect(input).not.toBeChecked();
+        });
+        describe("given defaultChecked prop is set", () => {
+            it("should render checked", () => {
+                (0, react_1.render)((0, jsx_runtime_1.jsx)(_1.Radio, { value: "red", defaultChecked: true, children: "Red" }));
+                const input = react_1.screen.getByRole("radio");
+                expect(input).toBeChecked();
+            });
+        });
+        describe("given defaultChecked prop is set to false", () => {
+            it("should render checked", () => {
+                (0, react_1.render)((0, jsx_runtime_1.jsx)(_1.Radio, { value: "red", defaultChecked: false, children: "Red" }));
+                const input = react_1.screen.getByRole("radio");
+                expect(input).not.toBeChecked();
+            });
+        });
+    });
+    it("should set aria-describedby for all radios when errorMessage is set", () => {
+        (0, react_1.render)((0, jsx_runtime_1.jsxs)(_1.RadioGroup, { label: "Radio Group", errorMessage: "Error message", children: [(0, jsx_runtime_1.jsx)(_1.Radio, { label: "Radio 1", value: "value1" }), (0, jsx_runtime_1.jsx)(_1.Radio, { label: "Radio 2", value: "value2" }), (0, jsx_runtime_1.jsx)(_1.Radio, { label: "Radio 3", value: "value3" })] }));
+        const radios = react_1.screen.getAllByRole("radio");
+        radios.forEach(radio => {
+            expect(radio).toHaveAccessibleDescription("Error message");
+        });
+    });
+    it("should render with role attribute", () => {
+        const { container } = (0, react_1.render)((0, jsx_runtime_1.jsxs)(_1.RadioGroup, { label: "Color", children: [(0, jsx_runtime_1.jsx)(_1.Radio, { value: "red", children: "Red" }), (0, jsx_runtime_1.jsx)(_1.Radio, { value: "blue", children: "Blue" })] }));
+        expect(container.firstChild).toHaveAttribute("role", "radiogroup");
+    });
+    it("should call onChange with the selected value when clicked", async () => {
+        const callback = jest.fn();
+        const handleChange = (e) => {
+            callback(e.target.value);
+        };
+        const redOptionText = "Red";
+        const blueOptionText = "Blue";
+        const { getByLabelText } = (0, react_1.render)((0, jsx_runtime_1.jsxs)(_1.RadioGroup, { label: "Color", onChange: handleChange, children: [(0, jsx_runtime_1.jsx)(_1.Radio, { value: "red", children: redOptionText }), (0, jsx_runtime_1.jsx)(_1.Radio, { value: "blue", children: blueOptionText })] }));
+        const redOption = react_1.screen.getByLabelText(redOptionText);
+        const blueOption = react_1.screen.getByLabelText(blueOptionText);
+        await user_event_1.default.click(getByLabelText(redOptionText));
+        expect(callback).toHaveBeenCalledWith("red");
+        expect(redOption).toBeChecked();
+        await user_event_1.default.click(getByLabelText(blueOptionText));
+        expect(callback).toHaveBeenCalledWith("blue");
+        expect(blueOption).toBeChecked();
+    });
+    it("should be selectable via keyboard", async () => {
+        const callback = jest.fn();
+        const redOptionText = "Red";
+        const blueOptionText = "Blue";
+        const redOptionValue = redOptionText.toLowerCase();
+        const blueOptionValue = blueOptionText.toLowerCase();
+        (0, react_1.render)((0, jsx_runtime_1.jsxs)(_1.RadioGroup, { label: "Color", onChange: callback, children: [(0, jsx_runtime_1.jsx)(_1.Radio, { value: redOptionValue, children: "Red" }), (0, jsx_runtime_1.jsx)(_1.Radio, { value: blueOptionValue, children: "Blue" })] }));
+        const redOption = react_1.screen.getByLabelText(redOptionText);
+        const blueOption = react_1.screen.getByLabelText(blueOptionText);
+        await user_event_1.default.tab();
+        await user_event_1.default.keyboard("[Space]");
+        expect(callback).toHaveBeenCalled();
+        expect(redOption).toBeChecked();
+        expect(blueOption).not.toBeChecked();
+        await user_event_1.default.keyboard("[ArrowDown]");
+        expect(callback).toHaveBeenCalled();
+        expect(blueOption).toBeChecked();
+        expect(redOption).not.toBeChecked();
+    });
+    describe("when child component is null", () => {
+        it("renders without errors", () => {
+            expect(() => (0, react_1.render)((0, jsx_runtime_1.jsxs)(_1.RadioGroup, { label: "Color", children: [(0, jsx_runtime_1.jsx)(_1.Radio, { value: "red", children: "Red" }), null] }))).not.toThrow();
+        });
+    });
+    describe("isRequired", () => {
+        it("should set aria-required to true", () => {
+            (0, react_1.render)((0, jsx_runtime_1.jsxs)(_1.RadioGroup, { label: "Color", isRequired: true, children: [(0, jsx_runtime_1.jsx)(_1.Radio, { value: "red", children: "Red" }), null] }));
+            const container = react_1.screen.getByLabelText("Color");
+            const input = react_1.screen.getByRole("radio");
+            expect(container).toHaveAttribute("aria-required", "true");
+            expect(input).toHaveAttribute("required");
+        });
+        it("should have className of --is-required when true", () => {
+            (0, react_1.render)((0, jsx_runtime_1.jsxs)(_1.RadioGroup, { label: "Color", isRequired: true, children: [(0, jsx_runtime_1.jsx)(_1.Radio, { value: "red", children: "Red" }), null] }));
+            expect(react_1.screen.getByLabelText("Color")).toHaveClass("--is-required");
+        });
+        it("should have className of --is-optional when false", () => {
+            (0, react_1.render)((0, jsx_runtime_1.jsxs)(_1.RadioGroup, { label: "Color", isRequired: false, children: [(0, jsx_runtime_1.jsx)(_1.Radio, { value: "red", children: "Red" }), null] }));
+            expect(react_1.screen.getByLabelText("Color")).toHaveClass("--is-optional");
+        });
+        it("should have neither --is-required nor --is-optional when unset", () => {
+            (0, react_1.render)((0, jsx_runtime_1.jsxs)(_1.RadioGroup, { label: "Color", children: [(0, jsx_runtime_1.jsx)(_1.Radio, { value: "red", children: "Red" }), null] }));
+            expect(react_1.screen.getByLabelText("Color")).not.toHaveClass("--is-required");
+            expect(react_1.screen.getByLabelText("Color")).not.toHaveClass("--is-optional");
+        });
+    });
+    describe("uses correct class names for atoms", () => {
+        it("uses Mobius class", () => {
+            const { container } = (0, react_1.render)((0, jsx_runtime_1.jsxs)(_1.RadioGroup, { label: "Color", children: [(0, jsx_runtime_1.jsx)(_1.Radio, { value: "red", children: "Red" }), (0, jsx_runtime_1.jsx)(_1.Radio, { value: "blue", children: "Blue" })] }));
+            expect(container.firstChild).toHaveClass("mobius/RadioGroup");
+        });
+        it("uses base Mobius class", () => {
+            const labelText = "Color";
+            const { container } = (0, react_1.render)((0, jsx_runtime_1.jsxs)(_1.RadioGroup, { label: labelText, children: [(0, jsx_runtime_1.jsx)(_1.Radio, { value: "red", children: "Red" }), (0, jsx_runtime_1.jsx)(_1.Radio, { value: "blue", children: "Blue" })] }));
+            const containerElement = container.firstChild;
+            const label = react_1.screen.getByText(labelText);
+            const inputs = react_1.screen.queryAllByRole("radio");
+            expect(containerElement).toHaveClass("mobius/RadioGroup");
+            expect(label).toHaveClass("mobius/Label");
+            expect(label.nextElementSibling).toHaveClass("mobius/RadioWrapper");
+            inputs.forEach(input => expect(input).toHaveClass("mobius/RadioInput"));
+        });
+        it("includes custom class names", () => {
+            const customContainerClass = "custom-container-class";
+            const customRedClass = "custom-red-class";
+            const customBlueClass = "custom-blue-class";
+            const redText = "Red";
+            const blueText = "Blue";
+            const { container } = (0, react_1.render)((0, jsx_runtime_1.jsxs)(_1.RadioGroup, { label: "Color", className: customContainerClass, children: [(0, jsx_runtime_1.jsx)(_1.Radio, { value: "red", className: customRedClass, children: redText }), (0, jsx_runtime_1.jsx)(_1.Radio, { value: "blue", className: customBlueClass, children: blueText })] }));
+            const redOption = react_1.screen.getByLabelText(redText);
+            const blueOption = react_1.screen.getByLabelText(blueText);
+            expect(container.firstChild).toHaveClass(customContainerClass);
+            expect(redOption.parentElement).toHaveClass(customRedClass);
+            expect(blueOption.parentElement).toHaveClass(customBlueClass);
+        });
+        it("sets classes for interaction states", async () => {
+            const callback = jest.fn();
+            (0, react_1.render)((0, jsx_runtime_1.jsxs)(_1.RadioGroup, { label: "Color", onChange: callback, children: [(0, jsx_runtime_1.jsx)(_1.Radio, { value: "red", children: "Red" }), (0, jsx_runtime_1.jsx)(_1.Radio, { value: "blue", children: "Blue" })] }));
+            const redOption = react_1.screen.getByLabelText("Red");
+            const blueOption = react_1.screen.getByLabelText("Blue");
+            await user_event_1.default.tab();
+            await user_event_1.default.keyboard("[Space]");
+            expect(redOption).toHaveClass("--is-selected");
+            await user_event_1.default.keyboard("[ArrowDown]");
+            expect(redOption).not.toHaveClass("--is-selected");
+            expect(blueOption).toHaveClass("--is-selected");
+        });
+        it("sets classes for disabled state", () => {
+            const { container } = (0, react_1.render)((0, jsx_runtime_1.jsxs)(_1.RadioGroup, { label: "Color", isDisabled: true, children: [(0, jsx_runtime_1.jsx)(_1.Radio, { value: "red", children: "Red" }), (0, jsx_runtime_1.jsx)(_1.Radio, { value: "blue", children: "Blue" })] }));
+            const redOption = react_1.screen.getByLabelText("Red");
+            const blueOption = react_1.screen.getByLabelText("Blue");
+            expect(container.firstChild).toHaveClass("--is-disabled");
+            expect(redOption).toHaveClass("--is-disabled");
+            expect(blueOption).toHaveClass("--is-disabled");
+        });
+        it("sets classes for valid state", () => {
+            const { container } = (0, react_1.render)((0, jsx_runtime_1.jsxs)(_1.RadioGroup, { label: "Color", validationState: "valid", children: [(0, jsx_runtime_1.jsx)(_1.Radio, { value: "red", children: "Red" }), (0, jsx_runtime_1.jsx)(_1.Radio, { value: "blue", children: "Blue" })] }));
+            expect(container.firstChild).toHaveClass("--is-valid");
+        });
+        it("sets classes for invalid state", () => {
+            const { container } = (0, react_1.render)((0, jsx_runtime_1.jsxs)(_1.RadioGroup, { label: "Color", validationState: "invalid", children: [(0, jsx_runtime_1.jsx)(_1.Radio, { value: "red", children: "Red" }), (0, jsx_runtime_1.jsx)(_1.Radio, { value: "blue", children: "Blue" })] }));
+            expect(container.firstChild).toHaveClass("--is-invalid");
+        });
+    });
+    describe("when disabled state is set on RadioGroup", () => {
+        it("renders aria-disabled attribute on container; disabled attributes on inputs", () => {
+            const { container } = (0, react_1.render)((0, jsx_runtime_1.jsxs)(_1.RadioGroup, { label: "Color", isDisabled: true, children: [(0, jsx_runtime_1.jsx)(_1.Radio, { value: "red", children: "Red" }), (0, jsx_runtime_1.jsx)(_1.Radio, { value: "blue", children: "Blue" })] }));
+            const inputs = react_1.screen.queryAllByRole("radio");
+            expect(container.firstChild).toHaveAttribute("aria-disabled", "true");
+            inputs.forEach(input => expect(input).toHaveAttribute("disabled"));
+        });
+    });
+    describe("aria-errormessage", () => {
+        describe("when radio is accompanied by an error message", () => {
+            it("renders aria-erromessage with an id that matches error message id", () => {
+                const { container, getByTestId } = (0, react_1.render)((0, jsx_runtime_1.jsxs)(_1.RadioGroup, { label: "Color", errorMessage: "This is an error", children: [(0, jsx_runtime_1.jsx)(_1.Radio, { value: "red", children: "Red" }), (0, jsx_runtime_1.jsx)(_1.Radio, { value: "blue", children: "Blue" })] }));
+                const errorMessageId = getByTestId("ErrorMessage");
+                expect(container.firstChild).toHaveAttribute("aria-errormessage", errorMessageId.id);
+            });
+        });
+        describe("when radio is not accompanied by an error message", () => {
+            it("does not render aria-erromessage", () => {
+                const { container } = (0, react_1.render)((0, jsx_runtime_1.jsxs)(_1.RadioGroup, { label: "Color", children: [(0, jsx_runtime_1.jsx)(_1.Radio, { value: "red", children: "Red" }), (0, jsx_runtime_1.jsx)(_1.Radio, { value: "blue", children: "Blue" })] }));
+                expect(container.firstChild).not.toHaveAttribute("aria-errormessage");
+            });
+        });
+    });
+    describe("given an invalid state", () => {
+        it("renders aria-invalid attribute on container", () => {
+            const { container } = (0, react_1.render)((0, jsx_runtime_1.jsxs)(_1.RadioGroup, { label: "Color", validationState: "invalid", children: [(0, jsx_runtime_1.jsx)(_1.Radio, { value: "red", children: "Red" }), (0, jsx_runtime_1.jsx)(_1.Radio, { value: "blue", children: "Blue" })] }));
+            expect(container.firstChild).toHaveAttribute("aria-invalid", "true");
+        });
+    });
+    describe("given an aria-label", () => {
+        it("renders the label on the container", () => {
+            const ariaLabel = "My label";
+            const { container } = (0, react_1.render)((0, jsx_runtime_1.jsxs)(_1.RadioGroup, { label: "Color", "aria-label": ariaLabel, children: [(0, jsx_runtime_1.jsx)(_1.Radio, { value: "red", children: "Red" }), (0, jsx_runtime_1.jsx)(_1.Radio, { value: "blue", children: "Blue" })] }));
+            expect(container.firstChild).toHaveAttribute("aria-label", ariaLabel);
+        });
+    });
+    describe("given an aria-labelledby", () => {
+        it("renders the id on the container", () => {
+            const ariaLabelledby = "id123";
+            const { container } = (0, react_1.render)((0, jsx_runtime_1.jsxs)(_1.RadioGroup, { label: "Color", "aria-labelledby": ariaLabelledby, children: [(0, jsx_runtime_1.jsx)(_1.Radio, { value: "red", children: "Red" }), (0, jsx_runtime_1.jsx)(_1.Radio, { value: "blue", children: "Blue" })] }));
+            expect(container.firstChild).toHaveAttribute("aria-labelledby", ariaLabelledby);
+        });
+    });
+    describe("given an orientation value", () => {
+        it("renders horizontal orientation value on the container", () => {
+            const ariaOrientation = "horizontal";
+            const { container } = (0, react_1.render)((0, jsx_runtime_1.jsxs)(_1.RadioGroup, { label: "Color", orientation: ariaOrientation, "aria-orientation": ariaOrientation, children: [(0, jsx_runtime_1.jsx)(_1.Radio, { value: "red", children: "Red" }), (0, jsx_runtime_1.jsx)(_1.Radio, { value: "blue", children: "Blue" })] }));
+            expect(container.firstChild).toHaveAttribute("aria-orientation", ariaOrientation);
+        });
+        it("renders vertical orientation value on the container", () => {
+            const ariaOrientation = "vertical";
+            const { container } = (0, react_1.render)((0, jsx_runtime_1.jsxs)(_1.RadioGroup, { label: "Color", orientation: ariaOrientation, "aria-orientation": ariaOrientation, children: [(0, jsx_runtime_1.jsx)(_1.Radio, { value: "red", children: "Red" }), (0, jsx_runtime_1.jsx)(_1.Radio, { value: "blue", children: "Blue" })] }));
+            expect(container.firstChild).toHaveAttribute("aria-orientation", ariaOrientation);
+        });
+    });
+    describe("given the component is read only", () => {
+        it("renders aria-readonly attribute on the container", () => {
+            const { container } = (0, react_1.render)((0, jsx_runtime_1.jsxs)(_1.RadioGroup, { label: "Color", isReadOnly: true, children: [(0, jsx_runtime_1.jsx)(_1.Radio, { value: "red", children: "Red" }), (0, jsx_runtime_1.jsx)(_1.Radio, { value: "blue", children: "Blue" })] }));
+            expect(container.firstChild).toHaveAttribute("aria-readonly", "true");
+        });
+    });
+});
+//# sourceMappingURL=Radio.test.js.map

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

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

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

@@ -0,0 +1,3 @@
+import { ForwardedRefComponent } from "../../types/components";
+import { RadioElementType, RadioProps } from "./Radio";
+export declare const RadioButton: ForwardedRefComponent<RadioProps, RadioElementType>;

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

@@ -0,0 +1,11 @@
+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 LabelProp: StoryType;
+export declare const Selected: StoryType;
+export declare const Disabled: StoryType;
+export declare const VerticalOrientation: StoryType;
+export declare const IconButtons: StoryType;
+export default meta;

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

@@ -0,0 +1,90 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.IconButtons = exports.VerticalOrientation = exports.Disabled = exports.Selected = exports.LabelProp = exports.Normal = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const icons_1 = require("@simplybusiness/icons");
+const RadioButton_1 = require("./RadioButton");
+const RadioGroup_1 = require("./RadioGroup");
+const Icon_1 = require("../Icon");
+const utils_1 = require("../../utils");
+const meta = {
+    title: "Forms/RadioButton",
+    component: RadioGroup_1.RadioGroup,
+    argTypes: Object.assign({ orientation: {
+            control: { type: "radio" },
+            options: ["horizontal", "vertical"],
+        } }, (0, utils_1.excludeControls)("name", "groupDisabled", "selected", "setSelected", "defaultValue", "value")),
+    args: {
+        errorMessage: "",
+    },
+    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)(RadioButton_1.RadioButton, { value: "red", children: "Red" }), (0, jsx_runtime_1.jsx)(RadioButton_1.RadioButton, { value: "blue", children: "Blue" })] }))),
+    args: {
+        label: "Color",
+        orientation: "horizontal",
+        isDisabled: false,
+        isRequired: false,
+        defaultValue: "blue",
+    },
+};
+exports.LabelProp = {
+    render: (args) => ((0, jsx_runtime_1.jsxs)(RadioGroup_1.RadioGroup, Object.assign({}, args, { children: [(0, jsx_runtime_1.jsx)(RadioButton_1.RadioButton, { value: "red", label: "Red" }), (0, jsx_runtime_1.jsx)(RadioButton_1.RadioButton, { value: "blue", label: "Blue" })] }))),
+    args: {
+        label: "Color",
+        orientation: "horizontal",
+        isDisabled: false,
+        isRequired: false,
+    },
+};
+exports.Selected = {
+    render: (args) => ((0, jsx_runtime_1.jsxs)(RadioGroup_1.RadioGroup, Object.assign({}, args, { children: [(0, jsx_runtime_1.jsx)(RadioButton_1.RadioButton, { value: "red", label: "Red" }), (0, jsx_runtime_1.jsx)(RadioButton_1.RadioButton, { value: "blue", label: "Blue" })] }))),
+    args: {
+        label: "Color",
+        defaultValue: "red",
+        orientation: "horizontal",
+        isDisabled: false,
+        isRequired: false,
+    },
+    argTypes: {
+        value: {
+            control: { type: "radio" },
+            options: ["red", "blue"],
+        },
+    },
+};
+exports.Disabled = {
+    render: (args) => ((0, jsx_runtime_1.jsxs)(RadioGroup_1.RadioGroup, Object.assign({}, args, { children: [(0, jsx_runtime_1.jsx)(RadioButton_1.RadioButton, { value: "red", label: "Red" }), (0, jsx_runtime_1.jsx)(RadioButton_1.RadioButton, { value: "blue", label: "Blue" })] }))),
+    args: {
+        label: "Color",
+        orientation: "horizontal",
+        isDisabled: true,
+        isRequired: false,
+        defaultValue: "red",
+    },
+};
+exports.VerticalOrientation = {
+    render: (args) => ((0, jsx_runtime_1.jsxs)(RadioGroup_1.RadioGroup, Object.assign({}, args, { children: [(0, jsx_runtime_1.jsx)(RadioButton_1.RadioButton, { value: "red", label: "Red" }), (0, jsx_runtime_1.jsx)(RadioButton_1.RadioButton, { value: "blue", label: "Blue" })] }))),
+    args: {
+        label: "Color",
+        orientation: "vertical",
+        isDisabled: false,
+        isRequired: false,
+        defaultValue: "blue",
+    },
+};
+exports.IconButtons = {
+    render: (args) => ((0, jsx_runtime_1.jsxs)(RadioGroup_1.RadioGroup, Object.assign({}, args, { children: [(0, jsx_runtime_1.jsx)(RadioButton_1.RadioButton, { value: "sole_trader", label: "Sole Trader", children: (0, jsx_runtime_1.jsx)(Icon_1.Icon, { icon: icons_1.user }) }), (0, jsx_runtime_1.jsx)(RadioButton_1.RadioButton, { value: "partnership", label: "Partnership", children: (0, jsx_runtime_1.jsx)(Icon_1.Icon, { icon: icons_1.star }) }), (0, jsx_runtime_1.jsx)(RadioButton_1.RadioButton, { value: "company", label: "Ltd Company", children: (0, jsx_runtime_1.jsx)(Icon_1.Icon, { icon: icons_1.menu }) })] }))),
+    args: {
+        label: "Business Type",
+        orientation: "horizontal",
+        isDisabled: false,
+        isRequired: false,
+        defaultValue: "partnership",
+    },
+};
+exports.default = meta;
+//# sourceMappingURL=RadioButton.stories.js.map

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

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

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

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

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

@@ -0,0 +1,23 @@
+"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("RadioButton", () => {
+    it("should render without error", () => {
+        const component = (0, react_1.render)((0, jsx_runtime_1.jsxs)(_1.RadioGroup, { label: "Color", children: [(0, jsx_runtime_1.jsx)(_1.RadioButton, { value: "red", children: "Red" }), (0, jsx_runtime_1.jsx)(_1.RadioButton, { value: "blue", children: "Blue" })] }));
+        expect(component).toBeTruthy();
+    });
+    it("uses base Mobius class", () => {
+        const labelText = "Color";
+        const redText = "Red";
+        const blueText = "Blue";
+        const RADIO_BUTTON_CLASS_NAME = "--is-radio-button";
+        (0, react_1.render)((0, jsx_runtime_1.jsxs)(_1.RadioGroup, { label: labelText, children: [(0, jsx_runtime_1.jsx)(_1.RadioButton, { value: "red", children: redText }), (0, jsx_runtime_1.jsx)(_1.RadioButton, { value: "blue", children: blueText })] }));
+        const redOption = react_1.screen.getByLabelText(redText);
+        const blueOption = react_1.screen.getByLabelText(blueText);
+        expect(redOption.parentElement).toHaveClass(RADIO_BUTTON_CLASS_NAME);
+        expect(blueOption.parentElement).toHaveClass(RADIO_BUTTON_CLASS_NAME);
+    });
+});
+//# sourceMappingURL=RadioButton.test.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"RadioButton.test.js","sourceRoot":"","sources":["../../../../src/components/Radio/RadioButton.test.tsx"],"names":[],"mappings":";;;AAAA,kDAAwD;AACxD,wBAA4C;AAE5C,QAAQ,CAAC,aAAa,EAAE,GAAG,EAAE;IAC3B,EAAE,CAAC,6BAA6B,EAAE,GAAG,EAAE;QACrC,MAAM,SAAS,GAAG,IAAA,cAAM,EACtB,wBAAC,aAAU,IAAC,KAAK,EAAC,OAAO,aACvB,uBAAC,cAAW,IAAC,KAAK,EAAC,KAAK,oBAAkB,EAC1C,uBAAC,cAAW,IAAC,KAAK,EAAC,MAAM,qBAAmB,IACjC,CACd,CAAC;QAEF,MAAM,CAAC,SAAS,CAAC,CAAC,UAAU,EAAE,CAAC;IACjC,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,wBAAwB,EAAE,GAAG,EAAE;QAChC,MAAM,SAAS,GAAG,OAAO,CAAC;QAC1B,MAAM,OAAO,GAAG,KAAK,CAAC;QACtB,MAAM,QAAQ,GAAG,MAAM,CAAC;QACxB,MAAM,uBAAuB,GAAG,mBAAmB,CAAC;QAEpD,IAAA,cAAM,EACJ,wBAAC,aAAU,IAAC,KAAK,EAAE,SAAS,aAC1B,uBAAC,cAAW,IAAC,KAAK,EAAC,KAAK,YAAE,OAAO,GAAe,EAChD,uBAAC,cAAW,IAAC,KAAK,EAAC,MAAM,YAAE,QAAQ,GAAe,IACvC,CACd,CAAC;QAEF,MAAM,SAAS,GAAG,cAAM,CAAC,cAAc,CAAC,OAAO,CAAC,CAAC;QACjD,MAAM,UAAU,GAAG,cAAM,CAAC,cAAc,CAAC,QAAQ,CAAC,CAAC;QAEnD,MAAM,CAAC,SAAS,CAAC,aAAa,CAAC,CAAC,WAAW,CAAC,uBAAuB,CAAC,CAAC;QACrE,MAAM,CAAC,UAAU,CAAC,aAAa,CAAC,CAAC,WAAW,CAAC,uBAAuB,CAAC,CAAC;IACxE,CAAC,CAAC,CAAC;AACL,CAAC,CAAC,CAAC"}

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

@@ -0,0 +1,30 @@
+import { ReactNode, Ref, RefAttributes } from "react";
+import { DOMProps } from "../../types/dom";
+import { ForwardedRefComponent } from "../../types/components";
+import { HTMLElementEvent } from "../../types/events";
+export type RadioGroupElementType = HTMLDivElement;
+export interface RadioGroupProps extends DOMProps, RefAttributes<RadioGroupElementType> {
+    children: ReactNode;
+    className?: string;
+    orientation?: "horizontal" | "vertical";
+    errorMessage?: string;
+    onChange?: (event: HTMLElementEvent<HTMLInputElement>) => void;
+    "aria-label"?: string;
+    "aria-labelledby"?: string;
+    "aria-errormessage"?: string;
+    "aria-describedby"?: string;
+    validationState?: "valid" | "invalid";
+    isRequired?: boolean;
+    isDisabled?: boolean;
+    isReadOnly?: boolean;
+    defaultValue?: string;
+    label?: ReactNode;
+    /**
+     * The value of the radio button, used when submitting an HTML form.
+     * See [MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input/radio#Value).
+     */
+    value?: string;
+}
+export type RadioGroupRef = Ref<RadioGroupElementType>;
+declare const RadioGroup: ForwardedRefComponent<RadioGroupProps, RadioGroupElementType>;
+export { RadioGroup };

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

@@ -0,0 +1,3 @@
+export * from "./Radio";
+export * from "./RadioButton";
+export * from "./RadioGroup";

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

@@ -0,0 +1,11 @@
+import { Ref, RefAttributes } from "react";
+import { DOMProps } from "../../types/dom";
+import { ForwardedRefComponent } from "../../types/components";
+export interface SVGProps extends DOMProps, RefAttributes<SVGSVGElement> {
+    children: React.ReactElement<React.SVGProps<SVGSVGElement>>;
+    className?: string;
+    style?: React.CSSProperties;
+}
+export type SVGRef = Ref<SVGSVGElement>;
+declare const SVG: ForwardedRefComponent<SVGProps, SVGSVGElement>;
+export { SVG };

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

@@ -0,0 +1,6 @@
+import type { Meta, StoryObj } from "@storybook/react";
+import { SVG } from "./SVG";
+type StoryType = StoryObj<typeof SVG>;
+declare const meta: Meta<typeof SVG>;
+export declare const Normal: StoryType;
+export default meta;

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

@@ -0,0 +1,21 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Normal = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const SVG_1 = require("./SVG");
+const meta = {
+    title: "Components/SVG",
+    component: SVG_1.SVG,
+};
+const Star = ((0, jsx_runtime_1.jsx)("svg", { viewBox: "0 0 51 48", children: (0, jsx_runtime_1.jsx)("path", { fill: "none", stroke: "#000", d: "m25,1 6,17h18l-14,11 5,17-15-10-15,10 5-17-14-11h18z" }) }));
+exports.Normal = {
+    render: (args) => (0, jsx_runtime_1.jsx)(SVG_1.SVG, Object.assign({}, args, { children: Star })),
+    args: {
+        style: {
+            width: 75,
+            height: 75,
+        },
+    },
+};
+exports.default = meta;
+//# sourceMappingURL=SVG.stories.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"SVG.stories.js","sourceRoot":"","sources":["../../../../src/components/SVG/SVG.stories.tsx"],"names":[],"mappings":";;;;AACA,+BAAsC;AAItC,MAAM,IAAI,GAAqB;IAC7B,KAAK,EAAE,gBAAgB;IACvB,SAAS,EAAE,SAAG;CACf,CAAC;AAEF,MAAM,IAAI,GAAG,CACX,gCAAK,OAAO,EAAC,WAAW,YACtB,iCACE,IAAI,EAAC,MAAM,EACX,MAAM,EAAC,MAAM,EACb,CAAC,EAAC,sDAAsD,GACxD,GACE,CACP,CAAC;AAEW,QAAA,MAAM,GAAc;IAC/B,MAAM,EAAE,CAAC,IAAc,EAAE,EAAE,CAAC,uBAAC,SAAG,oBAAK,IAAI,cAAG,IAAI,IAAO;IACvD,IAAI,EAAE;QACJ,KAAK,EAAE;YACL,KAAK,EAAE,EAAE;YACT,MAAM,EAAE,EAAE;SACX;KACF;CACF,CAAC;AAEF,kBAAe,IAAI,CAAC"}

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

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

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

@@ -0,0 +1,28 @@
+"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(".");
+const CLASS_NAME = "mobius/SVG";
+const SvgImage = ((0, jsx_runtime_1.jsx)("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 299.8 85", children: (0, jsx_runtime_1.jsx)("path", { d: "M109.9 38.7c3.3-3.7 4.9-8.2 4.9-13.7 0-6.5-2.3-12.4-6.6-16.7-4.6-4.7-11.1-7.1-18.8-7.1H68.5c-5.3 0-9.1 3.8-9.1 9.1v64.8c0 5.2 3.9 9.1 9.1 9.1h24.8c8.8 0 16.1-2.6 21.2-7.6 4.7-4.6 7.3-11.1 7.3-18.3 0-4.7-1.2-8.9-3.5-12.4-2.1-3-4.9-5.4-8.4-7.2zM68.4 75.9c-.7 0-.9-.3-.9-.9V10.2c0-.8.2-.9.9-.9h20.9c3.8 0 9.2.8 13.1 4.7 2.7 2.8 4.2 6.6 4.2 10.9 0 9.1-11.8 16.2-11.8 16.2s13.2 3.4 16.5 9.2c1.4 2.1 2.1 4.8 2.1 7.9 0 5-1.7 9.4-4.8 12.5-3.5 3.4-8.9 5.3-15.5 5.3l-24.7-.1zM52.2 51.3c1.4 2.8 2.1 5.9 2.1 9.5 0 3.3-.6 6.5-1.8 9.4s-3 5.5-5.3 7.7-5.1 4-8.6 5.2c-3.5 1.3-7.3 1.9-11.5 1.9-5.2 0-10-.9-14.4-2.6-4.4-1.8-8-3.7-10.7-5.7-.7-.6-1.2-1.1-1.6-1.8-.3-.5-.4-1-.4-1.6v-.6c.1-.9.5-1.8 1.2-2.8l2.6-3.7c.9-1.2 1.9-1.9 2.9-2.1.2 0 .3-.1.5-.1.9 0 2 .4 3.2 1.1 5.7 4.1 11.3 6.1 16.7 6.1 3.8 0 6.8-.9 9-2.6s3.3-4 3.3-6.8c0-1.7-.4-3.2-1.3-4.6-.9-1.4-2.1-2.6-3.5-3.6-1.5-1-3.2-2-5.1-2.9-1.9-.9-4-1.9-6.1-2.8-2.1-.9-4.2-1.9-6.3-2.9-2.1-1-4.1-2.2-6-3.5S7.5 38.7 6 37.1c-1.5-1.6-2.7-3.6-3.5-5.8-.9-2.3-1.3-4.8-1.3-7.5 0-4.7 1.2-8.9 3.7-12.5s5.8-6.4 10-8.4C19.1 1 23.8 0 29 0c4.4 0 8.5.7 12.3 1.9 3.8 1.3 6.8 2.7 9 4.3 1.5 1.1 2.3 2.4 2.3 3.8 0 .9-.3 1.8-.9 2.8l-2.1 3.8c-.9 1.7-2.1 2.5-3.6 2.5-.9 0-1.9-.3-3-.9-1.5-.9-2.8-1.6-3.9-2.2-1.1-.6-2.6-1.1-4.6-1.6s-3.9-.8-5.9-.8c-3.8 0-6.9.9-9.2 2.6-2.3 1.7-3.4 4-3.4 6.8 0 2.1.7 3.9 2.1 5.5s3.3 3 5.5 4.1c2.3 1.1 4.7 2.3 7.5 3.4 2.7 1.1 5.4 2.4 8.2 3.7 2.7 1.4 5.2 2.9 7.4 4.7 2.2 1.9 4 4.1 5.5 6.9zm80.1-25.1l1-1.4c.7-1 1.4-1 2.5-.4 1 .7 3.2 2.2 6.2 2.2 2.9 0 4.6-1.4 4.6-3.5 0-5.8-14.3-4.6-14.3-14.2 0-5.4 4.5-8.9 10.3-8.9 3.6 0 6.6 1.4 7.9 2.3 1 .7 1.1 1.5.6 2.5l-.8 1.4c-.6 1.3-1.6 1.1-2.5.6-1.3-.7-2.9-1.7-5.3-1.7-2.9 0-4.7 1.4-4.7 3.5 0 5.7 14.3 4.3 14.3 14 0 5-3.7 9.1-10.2 9.1-4.4 0-7.9-1.9-9.4-3.1-.6-.5-1-1.3-.2-2.4zm24.1-22.5V2.4c0-1.2.6-1.8 1.8-1.8h1.9c1.2 0 1.8.6 1.8 1.8v1.3c0 1.2-.6 1.8-1.8 1.8h-1.9c-1.2 0-1.8-.6-1.8-1.8zm0 7.4c0-1.2.6-1.8 1.8-1.8h1.9c1.2 0 1.8.6 1.8 1.8v18.4c0 1.2-.6 1.8-1.8 1.8h-1.9c-1.2 0-1.8-.6-1.8-1.8V11.1zm10.9 0c0-1.2.6-1.8 1.8-1.8h1.7c1.2 0 1.8.6 1.8 1.8v1.3c0 .5-.1 1-.1 1h.1c1.1-2.2 3.8-4.7 7.2-4.7 3.3 0 5.5 1.6 6.4 4.5h.1c1.2-2.3 4.1-4.5 7.5-4.5 4.6 0 7.2 2.6 7.2 8.4v12.3c0 1.2-.6 1.8-1.8 1.8h-1.9c-1.2 0-1.8-.6-1.8-1.8V18.1c0-2.5-.5-4.4-3-4.4-3.7 0-5.6 3.8-5.6 7.6v8.1c0 1.2-.6 1.8-1.8 1.8h-1.9c-1.2 0-1.8-.6-1.8-1.8V18.1c0-2.4-.3-4.4-2.9-4.4-3.9 0-5.7 4-5.7 7.6v8.1c0 1.2-.6 1.8-1.8 1.8h-1.9c-1.2 0-1.8-.6-1.8-1.8V11.1zm38.9 0c0-1.2.6-1.8 1.8-1.8h1.4c1.2 0 1.8.6 1.8 1.5v1.9h.1s1.9-3.9 7.1-3.9c6 0 9.8 4.7 9.8 11.5 0 7-4.3 11.5-10.1 11.5-4.6 0-6.4-3.4-6.4-3.4h-.1s.1.8.1 1.9v7.8c0 1.2-.6 1.8-1.8 1.8H208c-1.2 0-1.8-.6-1.8-1.8v-27zM217 27.2c3 0 5.5-2.5 5.5-6.8 0-4.2-2.2-6.9-5.5-6.9-2.9 0-5.6 2.1-5.6 6.9.1 3.4 2 6.8 5.6 6.8zm15.2-24.8c0-1.2.6-1.8 1.8-1.8h1.9c1.2 0 1.8.6 1.8 1.8v21.5c0 2.2.9 2.5 1.7 2.6.8.1 1.3.6 1.3 1.6v1.5c0 1.1-.5 1.9-1.8 1.9-2.9 0-6.7-.8-6.7-7.1v-22zm12.3 33c.4.2.9.4 1.6.4 1.6 0 2.9-1.4 3.5-2.9l.8-1.9-8.4-19.6c-.6-1.3 0-2.1 1.4-2.1h2.3c1.1 0 1.7.5 2 1.5l4.2 11.2c.4 1.2.8 3 .8 3h.1s.4-1.7.7-2.9l3.9-11.3c.3-1 1-1.5 2-1.5h2.2c1.3 0 1.9.8 1.5 2.1L254 34.6c-1.5 4-4.7 5.8-8 5.8-1.2 0-2.3-.3-3.1-.6-1-.4-1.3-1.3-.8-2.3l.4-1c.5-1.1 1.2-1.3 2-1.1zM133.7 52.2c0-1.2.6-1.8 1.8-1.8h9.2c5.5 0 9.5 2.8 9.5 7.9 0 2.8-1.4 5.3-3.7 6.6v.1c3.3 1 4.9 4.1 4.9 7.2 0 6.1-4.9 8.9-10.6 8.9h-9.3c-1.2 0-1.8-.6-1.8-1.8V52.2zm11 10.7c2.4 0 3.8-1.7 3.8-3.9s-1.3-3.8-3.9-3.8h-5.3v7.7h5.4zm.5 13.3c2.9 0 4.5-1.9 4.5-4.4s-1.6-4.4-4.5-4.4h-6v8.8h6zm14.3-15.4c0-1.2.6-1.8 1.8-1.8h1.9c1.2 0 1.8.6 1.8 1.8V72c0 2.7.7 4.5 3.4 4.5 4 0 6.2-3.5 6.2-7.4v-8.3c0-1.2.6-1.8 1.8-1.8h1.9c1.2 0 1.8.6 1.8 1.8v18.4c0 1.2-.6 1.8-1.8 1.8h-1.7c-1.2 0-1.8-.6-1.8-1.8v-1.3c0-.5.1-1 .1-1-1 2.2-3.9 4.6-7.7 4.6-4.7 0-7.7-2.4-7.7-8.4V60.8zm25.1 16l.5-.8c.6-.9 1.4-1 2.5-.4 1 .6 2.7 1.5 4.9 1.5 1.9 0 3.1-.9 3.1-2.2 0-3.6-10.9-2.2-10.9-9.8 0-4.3 3.8-6.6 8.4-6.6 2.9 0 5 .9 6.1 1.6 1 .5 1.1 1.4.6 2.4l-.4.8c-.5 1-1.3 1.2-2.4.7-1-.4-2.4-1.1-4.2-1.1-1.9 0-3 .8-3 2.2 0 3.6 10.9 2.2 10.9 9.7 0 3.9-3.3 6.8-8.4 6.8-3.5 0-6-1.3-7.4-2.2-.9-.7-1-1.6-.3-2.6zm20.3-23.3v-1.3c0-1.2.6-1.8 1.8-1.8h1.9c1.2 0 1.8.6 1.8 1.8v1.3c0 1.2-.6 1.8-1.8 1.8h-1.9c-1.2 0-1.8-.6-1.8-1.8zm0 7.3c0-1.2.6-1.8 1.8-1.8h1.9c1.2 0 1.8.6 1.8 1.8v18.4c0 1.2-.6 1.8-1.8 1.8h-1.9c-1.2 0-1.8-.6-1.8-1.8V60.8zm10.9 0c0-1.2.6-1.8 1.8-1.8h1.7c1.2 0 1.8.6 1.8 1.8v1.3c0 .5-.1 1-.1 1h.1c1-1.9 3.4-4.7 7.8-4.7 4.9 0 7.7 2.5 7.7 8.4v12.3c0 1.2-.6 1.8-1.8 1.8h-1.9c-1.2 0-1.8-.6-1.8-1.8V67.9c0-2.7-.7-4.5-3.5-4.5-3.9 0-6.4 3.2-6.4 7.2v8.5c0 1.2-.6 1.8-1.8 1.8h-1.9c-1.2 0-1.8-.6-1.8-1.8l.1-18.3zm35.8-2.3c6.3 0 9.8 4.4 9.8 10.5 0 .9-.8 1.9-1.9 1.9H246c.3 4 3.3 6 6.6 6 2 0 3.7-.8 4.8-1.4 1.1-.5 1.9-.4 2.4.6l.5.9c.5 1 .3 1.9-.6 2.4-1.4.9-4 2.2-7.5 2.2-7.3 0-11.9-5.3-11.9-11.5.1-6.8 4.7-11.6 11.3-11.6zm4.3 9c-.1-3.1-1.9-4.9-4.5-4.9-2.8 0-4.8 1.9-5.3 4.9h9.8zm8.5 9.3l.5-.8c.6-.9 1.4-1 2.5-.4 1 .6 2.7 1.5 4.9 1.5 1.9 0 3.1-.9 3.1-2.2 0-3.6-10.9-2.2-10.9-9.8 0-4.3 3.8-6.6 8.4-6.6 2.9 0 5 .9 6.1 1.6 1 .5 1.1 1.4.6 2.4l-.4.8c-.5 1-1.3 1.2-2.4.7-1-.4-2.4-1.1-4.2-1.1-1.9 0-3 .8-3 2.2 0 3.6 10.9 2.2 10.9 9.7 0 3.9-3.3 6.8-8.4 6.8-3.5 0-6-1.3-7.4-2.2-.9-.7-1-1.6-.3-2.6zm19.3 0l.5-.8c.6-.9 1.4-1 2.5-.4 1 .6 2.7 1.5 4.9 1.5 1.9 0 3.1-.9 3.1-2.2 0-3.6-10.9-2.2-10.9-9.8 0-4.3 3.8-6.6 8.4-6.6 2.9 0 5 .9 6.1 1.6 1 .5 1.1 1.4.6 2.4l-.4.8c-.5 1-1.3 1.2-2.4.7-1-.4-2.4-1.1-4.2-1.1-1.9 0-3 .8-3 2.2 0 3.6 10.9 2.2 10.9 9.7 0 3.9-3.3 6.8-8.4 6.8-3.5 0-6-1.3-7.4-2.2-.8-.7-.9-1.6-.3-2.6z" }) }));
+describe("Test for SVG", () => {
+    it("should render without errors", () => {
+        (0, react_1.render)((0, jsx_runtime_1.jsx)(_1.SVG, { children: SvgImage }));
+    });
+    describe("uses correct class names", () => {
+        it("uses Mobius class", () => {
+            (0, react_1.render)((0, jsx_runtime_1.jsx)(_1.SVG, { "data-testid": "test", children: SvgImage }));
+            expect(react_1.screen.getByTestId("test")).toHaveClass("mobius");
+        });
+        it("uses base Mobius class", () => {
+            (0, react_1.render)((0, jsx_runtime_1.jsx)(_1.SVG, { "data-testid": "test", children: SvgImage }));
+            expect(react_1.screen.getByTestId("test")).toHaveClass(CLASS_NAME);
+        });
+        it("includes custom class name", () => {
+            (0, react_1.render)((0, jsx_runtime_1.jsx)(_1.SVG, { "data-testid": "test", className: "my-class", children: SvgImage }));
+            expect(react_1.screen.getByTestId("test")).toHaveClass("my-class");
+            expect(react_1.screen.getByTestId("test")).toHaveClass(CLASS_NAME);
+        });
+    });
+});
+//# sourceMappingURL=SVG.test.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"SVG.test.js","sourceRoot":"","sources":["../../../../src/components/SVG/SVG.test.tsx"],"names":[],"mappings":";;;AAAA,kDAAwD;AACxD,wBAAwB;AAExB,MAAM,UAAU,GAAG,YAAY,CAAC;AAEhC,MAAM,QAAQ,GAAG,CACf,gCAAK,KAAK,EAAC,4BAA4B,EAAC,OAAO,EAAC,cAAc,YAC5D,iCAAM,CAAC,EAAC,kwKAAkwK,GAAG,GACzwK,CACP,CAAC;AAEF,QAAQ,CAAC,cAAc,EAAE,GAAG,EAAE;IAC5B,EAAE,CAAC,8BAA8B,EAAE,GAAG,EAAE;QACtC,IAAA,cAAM,EAAC,uBAAC,MAAG,cAAE,QAAQ,GAAO,CAAC,CAAC;IAChC,CAAC,CAAC,CAAC;IAEH,QAAQ,CAAC,0BAA0B,EAAE,GAAG,EAAE;QACxC,EAAE,CAAC,mBAAmB,EAAE,GAAG,EAAE;YAC3B,IAAA,cAAM,EAAC,uBAAC,MAAG,mBAAa,MAAM,YAAE,QAAQ,GAAO,CAAC,CAAC;YACjD,MAAM,CAAC,cAAM,CAAC,WAAW,CAAC,MAAM,CAAC,CAAC,CAAC,WAAW,CAAC,QAAQ,CAAC,CAAC;QAC3D,CAAC,CAAC,CAAC;QAEH,EAAE,CAAC,wBAAwB,EAAE,GAAG,EAAE;YAChC,IAAA,cAAM,EAAC,uBAAC,MAAG,mBAAa,MAAM,YAAE,QAAQ,GAAO,CAAC,CAAC;YACjD,MAAM,CAAC,cAAM,CAAC,WAAW,CAAC,MAAM,CAAC,CAAC,CAAC,WAAW,CAAC,UAAU,CAAC,CAAC;QAC7D,CAAC,CAAC,CAAC;QAEH,EAAE,CAAC,4BAA4B,EAAE,GAAG,EAAE;YACpC,IAAA,cAAM,EACJ,uBAAC,MAAG,mBAAa,MAAM,EAAC,SAAS,EAAC,UAAU,YACzC,QAAQ,GACL,CACP,CAAC;YACF,MAAM,CAAC,cAAM,CAAC,WAAW,CAAC,MAAM,CAAC,CAAC,CAAC,WAAW,CAAC,UAAU,CAAC,CAAC;YAC3D,MAAM,CAAC,cAAM,CAAC,WAAW,CAAC,MAAM,CAAC,CAAC,CAAC,WAAW,CAAC,UAAU,CAAC,CAAC;QAC7D,CAAC,CAAC,CAAC;IACL,CAAC,CAAC,CAAC;AACL,CAAC,CAAC,CAAC"}

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

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

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

@@ -0,0 +1,16 @@
+import { ReactNode } from "react";
+import { DOMProps } from "../../types/dom";
+export interface SegmentProps extends DOMProps {
+    className?: string;
+    heading?: string;
+    /** Background colour for Segment */
+    colour?: "subtle" | "primary" | "secondary";
+    /** When inverted, text is white.  Use on darker backgrounds. */
+    inverted?: boolean;
+    children?: ReactNode;
+}
+declare const Segment: {
+    (props: SegmentProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+export { Segment };

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

@@ -0,0 +1,19 @@
+import type { Meta, StoryObj } from "@storybook/react";
+import { Segment } from "./Segment";
+import { SegmentGroup } from "./SegmentGroup";
+type StoryType = StoryObj<typeof Segment>;
+declare const meta: Meta<typeof Segment>;
+export declare const Single: StoryType;
+export declare const VerticalStack: StoryType;
+export declare const HorizontalStack: Meta<typeof SegmentGroup>;
+export declare const Nested: StoryType;
+export declare const Nested2: () => import("react/jsx-runtime").JSX.Element;
+export declare const Nested3: () => import("react/jsx-runtime").JSX.Element;
+export declare const ColouredBackground: () => import("react/jsx-runtime").JSX.Element;
+export declare const HorizontalStack2: () => import("react/jsx-runtime").JSX.Element;
+export declare const HorizontalStack3: () => import("react/jsx-runtime").JSX.Element;
+export declare const BottomMarginRemoved: () => import("react/jsx-runtime").JSX.Element;
+export declare const CompoundLayout: () => import("react/jsx-runtime").JSX.Element;
+export declare const MarginAround: () => import("react/jsx-runtime").JSX.Element;
+export declare const PaymentDetails: () => import("react/jsx-runtime").JSX.Element;
+export default meta;