@simplybusiness/mobius 3.0.0

package/dist/esm/components/Checkbox/CheckboxGroup.test.js

@@ -0,0 +1,46 @@
+import { jsx as _jsx, jsxs as _jsxs } from "@emotion/react/jsx-runtime";
+import { render, screen } from "@testing-library/react";
+import { matchers } from "@emotion/jest";
+import { Checkbox, CheckboxGroup } from ".";
+const CHECKBOX_GROUP_ITEM_TEST_ID = "CheckboxGroupItem";
+const CHECKBOX_ITEM_TEST_ID = "CheckboxItem";
+expect.extend(matchers);
+describe("CheckboxGroup", () => {
+    it("renders a CheckboxGroupItem inside a CheckboxGroup", () => {
+        render(_jsx(CheckboxGroup, Object.assign({ label: "Checkbox Group" }, { children: _jsx(Checkbox, { label: "Checkbox", value: "value" }) })));
+        expect(screen.getByLabelText("Checkbox")).toHaveAttribute("data-testid", CHECKBOX_GROUP_ITEM_TEST_ID);
+        expect(screen.getByLabelText("Checkbox")).not.toHaveAttribute("data-testid", CHECKBOX_ITEM_TEST_ID);
+    });
+    it("renders a non-CheckboxGroupItem outside a CheckboxGroup", () => {
+        render(_jsx(Checkbox, { label: "Checkbox", value: "value" }));
+        expect(screen.getByLabelText("Checkbox")).not.toHaveAttribute("data-testid", CHECKBOX_GROUP_ITEM_TEST_ID);
+        expect(screen.getByLabelText("Checkbox")).toHaveAttribute("data-testid", CHECKBOX_ITEM_TEST_ID);
+    });
+    it("displays an error message when errorMessage is set", () => {
+        render(_jsx(CheckboxGroup, Object.assign({ label: "Checkbox Group", errorMessage: "Error message" }, { children: _jsx(Checkbox, { label: "Checkbox", value: "value" }) })));
+        expect(screen.getByText("Error message")).toBeInTheDocument();
+    });
+    it("sets aria-describedby for all checkboxes when errorMessage is set", () => {
+        render(_jsxs(CheckboxGroup, Object.assign({ label: "Checkbox Group", errorMessage: "Error message" }, { children: [_jsx(Checkbox, { label: "Checkbox 1", value: "value1" }), _jsx(Checkbox, { label: "Checkbox 2", value: "value2" }), _jsx(Checkbox, { label: "Checkbox 3", value: "value3" })] })));
+        const checkboxes = screen.getAllByRole("checkbox");
+        checkboxes.forEach(checkbox => {
+            expect(checkbox).toHaveAccessibleDescription("Error message");
+        });
+    });
+    describe("isRequired", () => {
+        it("should have className of --is-required when true", () => {
+            render(_jsx(CheckboxGroup, Object.assign({ label: "Checkbox Group", errorMessage: "Error message", isRequired: true }, { children: _jsx(Checkbox, { label: "Checkbox 1", value: "value1" }) })));
+            expect(screen.getByLabelText("Checkbox Group")).toHaveClass("--is-required");
+        });
+        it("should have className of --is-optional when false", () => {
+            render(_jsx(CheckboxGroup, Object.assign({ label: "Checkbox Group", errorMessage: "Error message", isRequired: false }, { children: _jsx(Checkbox, { label: "Checkbox 1", value: "value1" }) })));
+            expect(screen.getByLabelText("Checkbox Group")).toHaveClass("--is-optional");
+        });
+        it("should have neither --is-required nor --is-optional when unset", () => {
+            render(_jsx(CheckboxGroup, Object.assign({ label: "Checkbox Group", errorMessage: "Error message" }, { children: _jsx(Checkbox, { label: "Checkbox 1", value: "value1" }) })));
+            expect(screen.getByLabelText("Checkbox Group")).not.toHaveClass("--is-required");
+            expect(screen.getByLabelText("Checkbox Group")).not.toHaveClass("--is-optional");
+        });
+    });
+});
+//# sourceMappingURL=CheckboxGroup.test.js.map

package/dist/esm/components/Checkbox/CheckboxGroup.test.js.map

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

package/dist/esm/components/Checkbox/CheckboxGroupItem.js

@@ -0,0 +1,70 @@
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "@emotion/react/jsx-runtime";
+import { forwardRef, useRef } from "react";
+import { useCheckboxGroupItem } from "@react-aria/checkbox";
+import { useFocusRing } from "@react-aria/focus";
+import { useHover } from "@react-aria/interactions";
+import clsx from "clsx";
+import { useSlotId } from "@react-aria/utils";
+import { ErrorMessage } from "../ErrorMessage";
+import { useCheckboxContext } from "./CheckboxContext";
+import { spaceDelimitedList } from "../../utils/spaceDelimitedList";
+import { VisuallyHidden } from "../VisuallyHidden";
+const CheckboxGroupItem = forwardRef((props, ref) => {
+    var _a;
+    const { isRequired, isDisabled: itemDisabled, isIndeterminate, validationState: itemValidationState, errorMessage } = props, rest = __rest(props, ["isRequired", "isDisabled", "isIndeterminate", "validationState", "errorMessage"]);
+    const contextState = useCheckboxContext();
+    const backupRef = useRef(null);
+    const refObj = ref || backupRef;
+    if (contextState == null) {
+        throw new Error("CheckboxGroupItem must be used within a CheckboxGroup");
+    }
+    const disabled = Boolean((contextState === null || contextState === void 0 ? void 0 : contextState.isDisabled) || itemDisabled);
+    const validationState = (contextState === null || contextState === void 0 ? void 0 : contextState.validationState) || itemValidationState;
+    const { inputProps } = useCheckboxGroupItem(Object.assign(Object.assign({}, props), { children: props.label, isDisabled: disabled, isIndeterminate, value: (_a = props.value) !== null && _a !== void 0 ? _a : "", validationState }), Object.assign(Object.assign({}, contextState.state), { isDisabled: disabled }), refObj);
+    const { value } = props;
+    if (!value) {
+        throw new Error("CheckboxGroupItem requires a value prop");
+    }
+    const { isFocusVisible, focusProps } = useFocusRing({
+        within: true,
+    });
+    const { isHovered, hoverProps } = useHover(Object.assign(Object.assign({}, props), { isDisabled: disabled }));
+    // Set class name for atom, including interaction state
+    const checkboxClasses = clsx({
+        "--is-focused": isFocusVisible,
+        "--is-disabled": disabled,
+        "--is-indeterminate": isIndeterminate,
+        "--is-hovered": isHovered,
+        "--is-selected": contextState === null || contextState === void 0 ? void 0 : contextState.state.isSelected(value),
+        "--is-valid": validationState === "valid",
+        "--is-invalid": validationState === "invalid",
+        "--is-required": typeof isRequired === "boolean" && isRequired,
+        "--is-optional": typeof isRequired === "boolean" && !isRequired,
+    }, rest.className);
+    const inputClass = clsx("mobius/CheckboxInput", checkboxClasses);
+    // Append an additional wrapper class name to differenitate from input
+    const wrapperClasses = clsx("mobius", "mobius/Checkbox", checkboxClasses);
+    const iconClasses = clsx("mobius/CheckboxIcon", checkboxClasses);
+    const wrapperProps = Object.assign(Object.assign({}, hoverProps), { className: wrapperClasses });
+    const errorMessageId = useSlotId([Boolean(errorMessage), validationState]);
+    const describedBy = spaceDelimitedList([
+        errorMessageId,
+        props["aria-describedby"],
+    ]);
+    inputProps["aria-describedby"] = describedBy;
+    return (_jsxs(_Fragment, { children: [_jsxs("label", Object.assign({}, wrapperProps, { children: [_jsx(VisuallyHidden, { children: _jsx("input", Object.assign({}, inputProps, focusProps, { className: inputClass, ref: refObj, "data-testid": "CheckboxGroupItem" })) }), _jsx("div", { className: iconClasses }), _jsx("span", Object.assign({ className: "mobius/CheckboxLabel" }, { children: props.label }))] })), _jsx(ErrorMessage, { id: errorMessageId, errorMessage: errorMessage })] }));
+});
+CheckboxGroupItem.displayName = "CheckboxGroupItem";
+export { CheckboxGroupItem };
+//# sourceMappingURL=CheckboxGroupItem.js.map

package/dist/esm/components/Checkbox/CheckboxGroupItem.js.map

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

package/dist/esm/components/Checkbox/CheckboxItem.js

@@ -0,0 +1,64 @@
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "@emotion/react/jsx-runtime";
+import { forwardRef, useRef } from "react";
+import { useCheckbox } from "@react-aria/checkbox";
+import { useFocusRing } from "@react-aria/focus";
+import { useToggleState } from "@react-stately/toggle";
+import { useHover } from "@react-aria/interactions";
+import clsx from "clsx";
+import { useSlotId, useId } from "@react-aria/utils";
+import { ErrorMessage } from "../ErrorMessage";
+import { spaceDelimitedList } from "../../utils/spaceDelimitedList";
+import { VisuallyHidden } from "../VisuallyHidden";
+const CheckboxItem = forwardRef((props, ref) => {
+    const state = useToggleState(props);
+    const fallbackRef = useRef(null);
+    const refObj = ref || fallbackRef;
+    const inputId = useId();
+    const { id, isDisabled, isRequired, isIndeterminate, onChange, validationState, errorMessage, 
+    // eslint-disable-next-line @typescript-eslint/no-unused-vars
+    defaultSelected } = props, rest = __rest(props, ["id", "isDisabled", "isRequired", "isIndeterminate", "onChange", "validationState", "errorMessage", "defaultSelected"]);
+    const { inputProps } = useCheckbox(Object.assign(Object.assign({}, props), { onChange,
+        validationState, children: props.label }), state, refObj);
+    const { isFocusVisible, focusProps } = useFocusRing({
+        within: true,
+    });
+    const { isHovered, hoverProps } = useHover(props);
+    // Set class name for atom, including interaction state
+    const checkboxClasses = clsx({
+        "--is-focused": isFocusVisible,
+        "--is-disabled": isDisabled,
+        "--is-indeterminate": isIndeterminate,
+        "--is-hovered": isHovered,
+        "--is-selected": state.isSelected,
+        "--is-valid": validationState === "valid",
+        "--is-invalid": validationState === "invalid",
+        "--is-required": typeof isRequired === "boolean" && isRequired,
+        "--is-optional": typeof isRequired === "boolean" && !isRequired,
+    }, rest.className);
+    const inputClass = clsx("mobius/CheckboxInput", checkboxClasses);
+    rest.className = inputClass;
+    // Append an additional wrapper class name to differenitate from input
+    const wrapperClasses = clsx("mobius", "mobius/Checkbox", checkboxClasses);
+    const iconClasses = clsx("mobius/CheckboxIcon", checkboxClasses);
+    const errorMessageId = useSlotId([Boolean(errorMessage), validationState]);
+    const describedBy = spaceDelimitedList([
+        errorMessageId,
+        props["aria-describedby"],
+    ]);
+    inputProps["aria-describedby"] = describedBy;
+    return (_jsxs(_Fragment, { children: [_jsxs("label", Object.assign({}, rest, { className: wrapperClasses }, hoverProps, { children: [_jsx(VisuallyHidden, { children: _jsx("input", Object.assign({ id: id || inputId }, inputProps, focusProps, rest, { onChange: inputProps.onChange, ref: refObj, "data-testid": "CheckboxItem" })) }), _jsx("div", { className: iconClasses }), _jsx("span", Object.assign({ className: "mobius/CheckboxLabel" }, { children: props.label }))] })), _jsx(ErrorMessage, { id: errorMessageId, errorMessage: errorMessage })] }));
+});
+CheckboxItem.displayName = "CheckboxItem";
+export { CheckboxItem };
+//# sourceMappingURL=CheckboxItem.js.map

package/dist/esm/components/Checkbox/CheckboxItem.js.map

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

package/dist/esm/components/Checkbox/index.js

@@ -0,0 +1,4 @@
+export * from "./Checkbox";
+export * from "./CheckboxGroup";
+export * from "./types";
+//# sourceMappingURL=index.js.map

package/dist/esm/components/Checkbox/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/Checkbox/index.tsx"],"names":[],"mappings":"AAAA,cAAc,YAAY,CAAC;AAC3B,cAAc,iBAAiB,CAAC;AAChC,cAAc,SAAS,CAAC"}

package/dist/esm/components/Checkbox/types.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=types.js.map

package/dist/esm/components/Checkbox/types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../../src/components/Checkbox/types.ts"],"names":[],"mappings":""}

package/dist/esm/components/Chopin/Actions/Actions.js

@@ -0,0 +1,43 @@
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+import { jsx as _jsx, jsxs as _jsxs } from "@emotion/react/jsx-runtime";
+import { forwardRef } from "react";
+import clsx from "clsx";
+import { Flex } from "../../Flex";
+import { LinkButton } from "../../LinkButton";
+const Actions = forwardRef((props, ref) => {
+    const { backLink = "", nextLink = "", backLabel, nextLabel, className, onNextClick, onBackClick, backElementType, nextElementType } = props, rest = __rest(props, ["backLink", "nextLink", "backLabel", "nextLabel", "className", "onNextClick", "onBackClick", "backElementType", "nextElementType"]);
+    const classes = clsx("chopin", "chopin/Actions", className);
+    const nextButtonClasses = clsx("chopin/ActionsNext", {
+        "--single-action": !backLink,
+    });
+    const backButtonProps = {
+        className: "chopin/ActionsBack",
+        onClick: onBackClick,
+        variant: "basic",
+        icon: "buttonArrowLeft",
+        href: backLink,
+        to: backLink,
+        elementType: backElementType,
+    };
+    const nextButtonProps = {
+        className: nextButtonClasses,
+        onClick: onNextClick,
+        href: nextLink,
+        to: nextLink,
+        elementType: nextElementType,
+    };
+    return (_jsx(Flex, Object.assign({ ref: ref, className: classes, justifyContent: "center" }, rest, { children: _jsxs(Flex, Object.assign({ className: "chopin/ActionsContainer", justifyContent: "space-between", alignItems: "center" }, { children: [backLink && (_jsx(LinkButton, Object.assign({}, backButtonProps, { children: backLabel }))), nextLink && (_jsx(LinkButton, Object.assign({}, nextButtonProps, { children: nextLabel })))] })) })));
+});
+Actions.displayName = "Actions";
+export { Actions };
+//# sourceMappingURL=Actions.js.map

package/dist/esm/components/Chopin/Actions/Actions.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Actions.js","sourceRoot":"","sources":["../../../../../src/components/Chopin/Actions/Actions.tsx"],"names":[],"mappings":";;;;;;;;;;;;AAAA,OAAO,EAAE,UAAU,EAAO,MAAM,OAAO,CAAC;AAExC,OAAO,IAAI,MAAM,MAAM,CAAC;AAGxB,OAAO,EAAE,IAAI,EAAE,MAAM,YAAY,CAAC;AAElC,OAAO,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAC;AAmB9C,MAAM,OAAO,GACX,UAAU,CAAC,CAAC,KAAmB,EAAE,GAAe,EAAE,EAAE;IAClD,MAAM,EACJ,QAAQ,GAAG,EAAE,EACb,QAAQ,GAAG,EAAE,EACb,SAAS,EACT,SAAS,EACT,SAAS,EACT,WAAW,EACX,WAAW,EACX,eAAe,EACf,eAAe,KAEb,KAAK,EADJ,IAAI,UACL,KAAK,EAXH,mIAWL,CAAQ,CAAC;IAEV,MAAM,OAAO,GAAG,IAAI,CAAC,QAAQ,EAAE,gBAAgB,EAAE,SAAS,CAAC,CAAC;IAC5D,MAAM,iBAAiB,GAAG,IAAI,CAAC,oBAAoB,EAAE;QACnD,iBAAiB,EAAE,CAAC,QAAQ;KAC7B,CAAC,CAAC;IAEH,MAAM,eAAe,GAAG;QACtB,SAAS,EAAE,oBAAoB;QAC/B,OAAO,EAAE,WAAW;QACpB,OAAO,EAAE,OAAkB;QAC3B,IAAI,EAAE,iBAA6B;QACnC,IAAI,EAAE,QAAQ;QACd,EAAE,EAAE,QAAQ;QACZ,WAAW,EAAE,eAAe;KAC7B,CAAC;IAEF,MAAM,eAAe,GAAG;QACtB,SAAS,EAAE,iBAAiB;QAC5B,OAAO,EAAE,WAAW;QACpB,IAAI,EAAE,QAAQ;QACd,EAAE,EAAE,QAAQ;QACZ,WAAW,EAAE,eAAe;KAC7B,CAAC;IAEF,OAAO,CACL,KAAC,IAAI,kBAAC,GAAG,EAAE,GAAG,EAAE,SAAS,EAAE,OAAO,EAAE,cAAc,EAAC,QAAQ,IAAK,IAAI,cAClE,MAAC,IAAI,kBACH,SAAS,EAAC,yBAAyB,EACnC,cAAc,EAAC,eAAe,EAC9B,UAAU,EAAC,QAAQ,iBAElB,QAAQ,IAAI,CACX,KAAC,UAAU,oBAAK,eAAe,cAAG,SAAS,IAAc,CAC1D,EACA,QAAQ,IAAI,CACX,KAAC,UAAU,oBAAK,eAAe,cAAG,SAAS,IAAc,CAC1D,KACI,IACF,CACR,CAAC;AACJ,CAAC,CAAC,CAAC;AAEL,OAAO,CAAC,WAAW,GAAG,SAAS,CAAC;AAChC,OAAO,EAAE,OAAO,EAAE,CAAC"}

package/dist/esm/components/Chopin/Actions/Actions.test.js

@@ -0,0 +1,91 @@
+import { jsx as _jsx } from "@emotion/react/jsx-runtime";
+import { render, screen, fireEvent } from "@testing-library/react";
+import { Actions } from ".";
+const ACTION_CLASS_NAME = "chopin/Actions";
+const BACK_ACTION_CLASS_NAME = "chopin/ActionsBack";
+const NEXT_ACTION_CLASS_NAME = "chopin/ActionsNext";
+const NEXT_SINGLE_ACTION_CLASS_NAME = "--single-action";
+const backLink = "https://test.com";
+const backLabel = "Back";
+const nextLabel = "Next step";
+const nextLink = "https://test.com";
+const mockOnNextClick = jest.fn();
+const mockOnBackClick = jest.fn();
+describe("Actions", () => {
+    it("should render without errors", () => {
+        const component = render(_jsx(Actions, {}));
+        expect(component).toBeTruthy();
+    });
+    describe("uses correct class names", () => {
+        it("uses Chopin class", () => {
+            render(_jsx(Actions, { "data-testid": "test-id" }));
+            expect(screen.getByTestId("test-id")).toHaveClass("chopin");
+        });
+        it("uses chopin/Actions class", () => {
+            render(_jsx(Actions, { "data-testid": "test-id" }));
+            expect(screen.getByTestId("test-id")).toHaveClass(ACTION_CLASS_NAME);
+        });
+        it("includes custom class name", () => {
+            render(_jsx(Actions, { "data-testid": "test-id", className: "my-class" }));
+            expect(screen.getByTestId("test-id")).toHaveClass("my-class");
+            expect(screen.getByTestId("test-id")).toHaveClass(ACTION_CLASS_NAME);
+        });
+        it("uses links class names", () => {
+            render(_jsx(Actions, { backLink: backLink, backLabel: backLabel, nextLink: nextLink, nextLabel: nextLabel }));
+            const nextLinkEl = screen.getByRole("link", { name: /next step/i });
+            expect(screen.getByRole("link", { name: /back/i })).toHaveClass(BACK_ACTION_CLASS_NAME);
+            expect(nextLinkEl).toHaveClass(NEXT_ACTION_CLASS_NAME);
+            expect(nextLinkEl).not.toHaveClass(NEXT_SINGLE_ACTION_CLASS_NAME);
+        });
+        it("uses --single-action class name with one action btn", () => {
+            render(_jsx(Actions, { nextLink: nextLink, nextLabel: nextLabel }));
+            expect(screen.getByRole("link", { name: /next step/i })).toHaveClass(NEXT_SINGLE_ACTION_CLASS_NAME);
+        });
+    });
+    describe("renders correct elements based on passed props", () => {
+        it("doesn't render Back action if backLink is not provided", () => {
+            render(_jsx(Actions, { backLabel: backLabel }));
+            expect(screen.queryByRole("link", {
+                name: /back/i,
+            })).not.toBeInTheDocument();
+        });
+        it("doesn't render Next step action if nextLink is not provided", () => {
+            render(_jsx(Actions, { nextLabel: nextLabel }));
+            expect(screen.queryByRole("link", {
+                name: /next step/i,
+            })).not.toBeInTheDocument();
+        });
+        it("renders button elements if elementType is button", () => {
+            render(_jsx(Actions, { backLabel: backLabel, backLink: backLink, backElementType: "button", nextElementType: "button", nextLink: nextLink, nextLabel: nextLabel }));
+            expect(screen.queryByRole("link", {
+                name: /back/i,
+            })).not.toBeInTheDocument();
+            expect(screen.queryByRole("link", {
+                name: /next step/i,
+            })).not.toBeInTheDocument();
+            expect(screen.getByRole("button", {
+                name: /back/i,
+            })).toBeInTheDocument();
+            expect(screen.getByRole("button", {
+                name: /next step/i,
+            })).toBeInTheDocument();
+        });
+        it("fires onNextClick handler on click event", () => {
+            render(_jsx(Actions, { nextLink: nextLink, nextLabel: nextLabel, nextElementType: "button", onNextClick: mockOnNextClick }));
+            const nextActionBtn = screen.getByRole("button", {
+                name: /next step/i,
+            });
+            fireEvent.click(nextActionBtn);
+            expect(mockOnNextClick).toHaveBeenCalledTimes(1);
+        });
+        it("fires onBackClick handler on click event", () => {
+            render(_jsx(Actions, { backLink: backLink, backLabel: backLabel, backElementType: "button", onBackClick: mockOnBackClick }));
+            const backActionBtn = screen.getByRole("button", {
+                name: /back/i,
+            });
+            fireEvent.click(backActionBtn);
+            expect(mockOnBackClick).toHaveBeenCalledTimes(1);
+        });
+    });
+});
+//# sourceMappingURL=Actions.test.js.map

package/dist/esm/components/Chopin/Actions/Actions.test.js.map

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

package/dist/esm/components/Chopin/Actions/index.js

@@ -0,0 +1,2 @@
+export * from "./Actions";
+//# sourceMappingURL=index.js.map

package/dist/esm/components/Chopin/Actions/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/components/Chopin/Actions/index.tsx"],"names":[],"mappings":"AAAA,cAAc,WAAW,CAAC"}

package/dist/esm/components/Chopin/Footer/Address.js

@@ -0,0 +1,8 @@
+import { jsx as _jsx, jsxs as _jsxs } from "@emotion/react/jsx-runtime";
+import { Container } from "../../Container";
+import { Flex } from "../../Flex";
+import { Grid } from "../../Grid";
+import { Text } from "../../Text";
+const Address = ({ address }) => (_jsxs(Container, Object.assign({ className: "chopin/FooterAddressContainer" }, { children: [_jsx(Text, Object.assign({ elementType: "h3", variant: "h5", className: "chopin/FooterHeader" }, { children: "Address" })), _jsx(Grid, Object.assign({ columns: address.length }, { children: address.map(addressUnit => (_jsx(Flex, Object.assign({ flexDirection: "column" }, { children: addressUnit.map(item => (_jsx(Text, Object.assign({ elementType: "span", className: "chopin/FooterAddressItem" }, { children: item }), item))) }), addressUnit[0]))) }))] })));
+export { Address };
+//# sourceMappingURL=Address.js.map

package/dist/esm/components/Chopin/Footer/Address.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Address.js","sourceRoot":"","sources":["../../../../../src/components/Chopin/Footer/Address.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,SAAS,EAAE,MAAM,iBAAiB,CAAC;AAC5C,OAAO,EAAE,IAAI,EAAE,MAAM,YAAY,CAAC;AAClC,OAAO,EAAE,IAAI,EAAE,MAAM,YAAY,CAAC;AAClC,OAAO,EAAE,IAAI,EAAE,MAAM,YAAY,CAAC;AAMlC,MAAM,OAAO,GAAqB,CAAC,EAAE,OAAO,EAAE,EAAE,EAAE,CAAC,CACjD,MAAC,SAAS,kBAAC,SAAS,EAAC,+BAA+B,iBAClD,KAAC,IAAI,kBAAC,WAAW,EAAC,IAAI,EAAC,OAAO,EAAC,IAAI,EAAC,SAAS,EAAC,qBAAqB,6BAE5D,EACP,KAAC,IAAI,kBAAC,OAAO,EAAE,OAAO,CAAC,MAAM,gBAC1B,OAAO,CAAC,GAAG,CAAC,WAAW,CAAC,EAAE,CAAC,CAC1B,KAAC,IAAI,kBAAC,aAAa,EAAC,QAAQ,gBACzB,WAAW,CAAC,GAAG,CAAC,IAAI,CAAC,EAAE,CAAC,CACvB,KAAC,IAAI,kBACH,WAAW,EAAC,MAAM,EAClB,SAAS,EAAC,0BAA0B,gBAGnC,IAAI,KAFA,IAAI,CAGJ,CACR,CAAC,KAT8B,WAAW,CAAC,CAAC,CAAC,CAUzC,CACR,CAAC,IACG,KACG,CACb,CAAC;AAEF,OAAO,EAAE,OAAO,EAAE,CAAC"}

package/dist/esm/components/Chopin/Footer/Copyright.js

@@ -0,0 +1,11 @@
+import { jsx as _jsx, jsxs as _jsxs } from "@emotion/react/jsx-runtime";
+import { sb } from "@simplybusiness/icons";
+import { Flex } from "../../Flex";
+import { Icon } from "../../Icon";
+const Copyright = ({ text, withLogo }) => (_jsxs(Flex, Object.assign({ flexWrap: "wrap", className: "chopin/FooterTextContainer" }, { children: [withLogo && _jsx(Icon, { icon: sb, className: "chopin/FooterLogo" }), _jsx("p", { 
+            // eslint-disable-next-line react/no-danger
+            dangerouslySetInnerHTML: {
+                __html: text,
+            } })] })));
+export { Copyright };
+//# sourceMappingURL=Copyright.js.map

package/dist/esm/components/Chopin/Footer/Copyright.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Copyright.js","sourceRoot":"","sources":["../../../../../src/components/Chopin/Footer/Copyright.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,EAAE,EAAE,MAAM,uBAAuB,CAAC;AAC3C,OAAO,EAAE,IAAI,EAAE,MAAM,YAAY,CAAC;AAClC,OAAO,EAAE,IAAI,EAAE,MAAM,YAAY,CAAC;AAOlC,MAAM,SAAS,GAAuB,CAAC,EAAE,IAAI,EAAE,QAAQ,EAAE,EAAE,EAAE,CAAC,CAC5D,MAAC,IAAI,kBAAC,QAAQ,EAAC,MAAM,EAAC,SAAS,EAAC,4BAA4B,iBACzD,QAAQ,IAAI,KAAC,IAAI,IAAC,IAAI,EAAE,EAAE,EAAE,SAAS,EAAC,mBAAmB,GAAG,EAC7D;YACE,2CAA2C;YAC3C,uBAAuB,EAAE;gBACvB,MAAM,EAAE,IAAI;aACb,GACD,KACG,CACR,CAAC;AAEF,OAAO,EAAE,SAAS,EAAE,CAAC"}

package/dist/esm/components/Chopin/Footer/Footer.js

@@ -0,0 +1,31 @@
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+import { jsx as _jsx, jsxs as _jsxs } from "@emotion/react/jsx-runtime";
+import clsx from "clsx";
+import { Address } from "./Address";
+import { Grid } from "../../Grid";
+import { Legal } from "./Legal";
+import { Copyright } from "./Copyright";
+import { Container } from "../../Container";
+const Footer = (_a) => {
+    var { className, address = [], legalLinks = [], withLogo = false, text } = _a, otherProps = __rest(_a, ["className", "address", "legalLinks", "withLogo", "text"]);
+    const classes = clsx("chopin", "chopin/Footer", className);
+    const isMultiRegional = address.length > 1;
+    const contentClasses = clsx("chopin/FooterContent", {
+        "--many-regions": isMultiRegional,
+        "--one-region": !isMultiRegional,
+    });
+    return (_jsx("footer", Object.assign({ className: classes }, otherProps, { children: _jsxs(Container, Object.assign({ className: contentClasses, "data-testid": "FooterContent" }, { children: [!!address.length && !!legalLinks.length && (_jsxs(Grid, Object.assign({ columnGap: "size-30" }, { children: [_jsx(Grid.Item, Object.assign({ xs: 12, md: 6, lg: isMultiRegional ? 6 : 3 }, { children: _jsx(Address, { address: address }) })), _jsx(Grid.Item, Object.assign({ xs: 12, md: 6, lg: 3 }, { children: _jsx(Legal, { legalLinks: legalLinks }) }))] }))), _jsx(Copyright, { text: text, withLogo: withLogo })] })) })));
+};
+Footer.displayName = "Footer";
+export { Footer };
+//# sourceMappingURL=Footer.js.map

package/dist/esm/components/Chopin/Footer/Footer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Footer.js","sourceRoot":"","sources":["../../../../../src/components/Chopin/Footer/Footer.tsx"],"names":[],"mappings":";;;;;;;;;;;;AAEA,OAAO,IAAI,MAAM,MAAM,CAAC;AACxB,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC;AACpC,OAAO,EAAE,IAAI,EAAE,MAAM,YAAY,CAAC;AAClC,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC;AAChC,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AACxC,OAAO,EAAE,SAAS,EAAE,MAAM,iBAAiB,CAAC;AAY5C,MAAM,MAAM,GAAoB,CAAC,EAOhC,EAAE,EAAE;QAP4B,EAC/B,SAAS,EACT,OAAO,GAAG,EAAE,EACZ,UAAU,GAAG,EAAE,EACf,QAAQ,GAAG,KAAK,EAChB,IAAI,OAEL,EADI,UAAU,cANkB,0DAOhC,CADc;IAEb,MAAM,OAAO,GAAG,IAAI,CAAC,QAAQ,EAAE,eAAe,EAAE,SAAS,CAAC,CAAC;IAC3D,MAAM,eAAe,GAAG,OAAO,CAAC,MAAM,GAAG,CAAC,CAAC;IAC3C,MAAM,cAAc,GAAG,IAAI,CAAC,sBAAsB,EAAE;QAClD,gBAAgB,EAAE,eAAe;QACjC,cAAc,EAAE,CAAC,eAAe;KACjC,CAAC,CAAC;IAEH,OAAO,CACL,+BAAQ,SAAS,EAAE,OAAO,IAAM,UAAU,cACxC,MAAC,SAAS,kBAAC,SAAS,EAAE,cAAc,iBAAc,eAAe,iBAC9D,CAAC,CAAC,OAAO,CAAC,MAAM,IAAI,CAAC,CAAC,UAAU,CAAC,MAAM,IAAI,CAC1C,MAAC,IAAI,kBAAC,SAAS,EAAC,SAAS,iBACvB,KAAC,IAAI,CAAC,IAAI,kBAAC,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,CAAC,EAAE,EAAE,EAAE,eAAe,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,gBACnD,KAAC,OAAO,IAAC,OAAO,EAAE,OAAO,GAAI,IACnB,EACZ,KAAC,IAAI,CAAC,IAAI,kBAAC,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,CAAC,EAAE,EAAE,EAAE,CAAC,gBAC7B,KAAC,KAAK,IAAC,UAAU,EAAE,UAAU,GAAI,IACvB,KACP,CACR,EACD,KAAC,SAAS,IAAC,IAAI,EAAE,IAAI,EAAE,QAAQ,EAAE,QAAQ,GAAI,KACnC,IACL,CACV,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,CAAC,WAAW,GAAG,QAAQ,CAAC;AAC9B,OAAO,EAAE,MAAM,EAAE,CAAC"}

package/dist/esm/components/Chopin/Footer/Footer.test.js

@@ -0,0 +1,90 @@
+import { jsx as _jsx } from "@emotion/react/jsx-runtime";
+import { render, screen } from "@testing-library/react";
+import { Footer } from ".";
+const FOOTER_CLASS_NAME = "chopin/Footer";
+const HEADING_CLASS_NAME = "chopin/FooterHeader";
+const CONTENT_CLASS_NAME = "chopin/FooterContent";
+const ONE_REGION_CLASS_NAME = "--one-region";
+const MANY_REGION_CLASS_NAME = "--many-regions";
+const FOOTER_LINK_CLASS_NAME = "chopin/FooterLegalLink";
+const props = {
+    text: "footer test text",
+};
+const singleAddress = [["test_1", "test_2"]];
+const multiAddress = [
+    ["test_1", "test_2"],
+    ["test_3", "test_4"],
+];
+const legalLinks = [{ href: "test_1", text: "test_1" }];
+describe("Footer", () => {
+    it("should render without errors", () => {
+        const component = render(_jsx(Footer, Object.assign({}, props)));
+        expect(component).toBeTruthy();
+    });
+    describe("uses correct class names", () => {
+        it("uses Chopin class", () => {
+            render(_jsx(Footer, Object.assign({}, props, { "data-testid": "test-id" })));
+            expect(screen.getByTestId("test-id")).toHaveClass("chopin");
+        });
+        it("uses chopin/Footer class", () => {
+            render(_jsx(Footer, Object.assign({}, props, { "data-testid": "test-id" })));
+            expect(screen.getByTestId("test-id")).toHaveClass(FOOTER_CLASS_NAME);
+        });
+        it("includes custom class name", () => {
+            render(_jsx(Footer, Object.assign({}, props, { "data-testid": "test-id", className: "my-class" })));
+            expect(screen.getByTestId("test-id")).toHaveClass("my-class");
+            expect(screen.getByTestId("test-id")).toHaveClass(FOOTER_CLASS_NAME);
+        });
+        it("uses content class name", () => {
+            render(_jsx(Footer, Object.assign({}, props)));
+            expect(screen.getByTestId("FooterContent")).toHaveClass(CONTENT_CLASS_NAME);
+        });
+        it("uses heading class name", () => {
+            render(_jsx(Footer, Object.assign({}, props, { address: singleAddress, legalLinks: legalLinks })));
+            expect(screen.getByRole("heading", {
+                name: /address/i,
+            })).toHaveClass(HEADING_CLASS_NAME);
+            expect(screen.getByRole("heading", {
+                name: /legal/i,
+            })).toHaveClass(HEADING_CLASS_NAME);
+        });
+        it("uses --one-region class name with single address", () => {
+            render(_jsx(Footer, Object.assign({}, props, { address: singleAddress })));
+            expect(screen.getByTestId("FooterContent")).toHaveClass(ONE_REGION_CLASS_NAME);
+        });
+        it("uses --many-region class name with several addresses", () => {
+            render(_jsx(Footer, Object.assign({}, props, { address: multiAddress })));
+            expect(screen.getByTestId("FooterContent")).toHaveClass(MANY_REGION_CLASS_NAME);
+        });
+        it("uses footer link class name", () => {
+            render(_jsx(Footer, Object.assign({}, props, { address: singleAddress, legalLinks: legalLinks })));
+            const footerLink = screen.getByRole("link", {
+                name: /test_1/i,
+            });
+            expect(footerLink).toHaveClass(FOOTER_LINK_CLASS_NAME);
+        });
+    });
+    describe("renders correct elements based on passed props", () => {
+        it("renders link block if address and legalLinks props are provided", () => {
+            render(_jsx(Footer, Object.assign({}, props, { address: singleAddress, legalLinks: legalLinks })));
+            expect(screen.queryByRole("link", {
+                name: /test_1/i,
+            })).toBeInTheDocument();
+        });
+        it("doesn't render link block if address and legalLinks props are not provided", () => {
+            render(_jsx(Footer, Object.assign({}, props)));
+            expect(screen.queryByRole("link", {
+                name: /test_1/i,
+            })).not.toBeInTheDocument();
+        });
+        it("renders footer text", () => {
+            render(_jsx(Footer, Object.assign({}, props)));
+            expect(screen.getByText(props.text)).toBeInTheDocument();
+        });
+        it("renders footer logo if withLogo prop is true", () => {
+            render(_jsx(Footer, Object.assign({}, props, { withLogo: true })));
+            expect(screen.getByRole("img", { hidden: true })).toBeInTheDocument();
+        });
+    });
+});
+//# sourceMappingURL=Footer.test.js.map

package/dist/esm/components/Chopin/Footer/Footer.test.js.map

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

package/dist/esm/components/Chopin/Footer/Legal.js

@@ -0,0 +1,8 @@
+import { jsx as _jsx, jsxs as _jsxs } from "@emotion/react/jsx-runtime";
+import { Container } from "../../Container";
+import { Flex } from "../../Flex";
+import { Link } from "../../Link";
+import { Text } from "../../Text";
+const Legal = ({ legalLinks }) => (_jsxs(Container, Object.assign({ className: "chopin/FooterLegalContainer" }, { children: [_jsx(Text, Object.assign({ elementType: "h3", variant: "h5", className: "chopin/FooterHeader" }, { children: "Legal" })), _jsx(Flex, Object.assign({ flexDirection: "column" }, { children: legalLinks.map(({ href, text }) => (_jsx(Link, Object.assign({ href: href, target: "_blank", className: "chopin/FooterLegalLink" }, { children: text }), href))) }))] })));
+export { Legal };
+//# sourceMappingURL=Legal.js.map

package/dist/esm/components/Chopin/Footer/Legal.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Legal.js","sourceRoot":"","sources":["../../../../../src/components/Chopin/Footer/Legal.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,SAAS,EAAE,MAAM,iBAAiB,CAAC;AAC5C,OAAO,EAAE,IAAI,EAAE,MAAM,YAAY,CAAC;AAClC,OAAO,EAAE,IAAI,EAAE,MAAM,YAAY,CAAC;AAClC,OAAO,EAAE,IAAI,EAAE,MAAM,YAAY,CAAC;AAOlC,MAAM,KAAK,GAAmB,CAAC,EAAE,UAAU,EAAE,EAAE,EAAE,CAAC,CAChD,MAAC,SAAS,kBAAC,SAAS,EAAC,6BAA6B,iBAChD,KAAC,IAAI,kBAAC,WAAW,EAAC,IAAI,EAAC,OAAO,EAAC,IAAI,EAAC,SAAS,EAAC,qBAAqB,2BAE5D,EACP,KAAC,IAAI,kBAAC,aAAa,EAAC,QAAQ,gBACzB,UAAU,CAAC,GAAG,CAAC,CAAC,EAAE,IAAI,EAAE,IAAI,EAAE,EAAE,EAAE,CAAC,CAClC,KAAC,IAAI,kBAEH,IAAI,EAAE,IAAI,EACV,MAAM,EAAC,QAAQ,EACf,SAAS,EAAC,wBAAwB,gBAEjC,IAAI,KALA,IAAI,CAMJ,CACR,CAAC,IACG,KACG,CACb,CAAC;AAEF,OAAO,EAAE,KAAK,EAAE,CAAC"}

package/dist/esm/components/Chopin/Footer/index.js

@@ -0,0 +1,3 @@
+export * from "./Footer";
+export * from "./types";
+//# sourceMappingURL=index.js.map

package/dist/esm/components/Chopin/Footer/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/components/Chopin/Footer/index.tsx"],"names":[],"mappings":"AAAA,cAAc,UAAU,CAAC;AACzB,cAAc,SAAS,CAAC"}

package/dist/esm/components/Chopin/Footer/types.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=types.js.map

package/dist/esm/components/Chopin/Footer/types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../../../src/components/Chopin/Footer/types.ts"],"names":[],"mappings":""}

package/dist/esm/components/Chopin/Header/ContactDetails.js

@@ -0,0 +1,19 @@
+import { jsx as _jsx, jsxs as _jsxs } from "@emotion/react/jsx-runtime";
+import { telephone } from "@simplybusiness/icons";
+import { Box } from "../../Box";
+import { Flex } from "../../Flex";
+import { Icon } from "../../Icon";
+import { Link } from "../../Link";
+import { DropdownMenu } from "../../DropdownMenu";
+import { Button } from "../../Button";
+const OPENING_HOURS_LABEL = "See our opening hours";
+const ContactDetails = ({ phone, whiteLabel, openingHours, }) => {
+    const renderPhoneIcon = () => (_jsx(Icon, { className: "chopin/HeaderPhoneIcon", icon: telephone }));
+    return (_jsxs(Flex, Object.assign({ alignItems: "center" }, { children: [whiteLabel && _jsx(Box, { className: "chopin/HeaderPoweredByIcon" }), _jsxs(Flex, Object.assign({ flexDirection: "column", alignItems: "end", className: "chopin/HeaderContact --desktop" }, { children: [_jsxs(Box, { children: [renderPhoneIcon(), _jsx("strong", Object.assign({ className: "chopin/HeaderPhoneNumber" }, { children: phone }))] }), !whiteLabel ? (_jsx(Link, Object.assign({ className: "chopin/HeaderContactLink", href: "https://www.simplybusiness.co.uk/support/" }, { children: OPENING_HOURS_LABEL }))) : (_jsx(DropdownMenu, Object.assign({ trigger: _jsx(Button, Object.assign({ variant: "basic" }, { children: OPENING_HOURS_LABEL })), className: "chopin/HeaderDropdown" }, { children: Object.keys(openingHours).map(day => (_jsx(DropdownMenu.Item, { children: _jsx("span", { 
+                                // eslint-disable-next-line react/no-danger
+                                dangerouslySetInnerHTML: {
+                                    __html: `${day} ${openingHours[day]}`,
+                                } }) }, day))) })))] })), _jsx(Flex, Object.assign({ alignItems: "center", justifyContent: "center", className: "chopin/HeaderContact --mobile" }, { children: _jsx(Link, Object.assign({ "aria-label": "Phone Us", href: `tel:${phone}` }, { children: renderPhoneIcon() })) }))] })));
+};
+export { ContactDetails };
+//# sourceMappingURL=ContactDetails.js.map