@simplybusiness/mobius 3.0.0

package/dist/cjs/components/Chopin/QuestionGroup/QuestionGroup.test.js

@@ -0,0 +1,67 @@
+"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("@emotion/react/jsx-runtime");
+const react_1 = require("@testing-library/react");
+const user_event_1 = __importDefault(require("@testing-library/user-event"));
+const _1 = require(".");
+const CONTAINER_CLASS_NAME = "chopin/QuestionGroup";
+const HEADER_CLASS_NAME = "chopin/QuestionGroupHeader";
+const LABEL_CLASS_NAME = "chopin/QuestionGroupLabel";
+const LIST_CLASS_NAME = "chopin/QuestionGroupList";
+const LIST_ITEM_CLASS_NAME = "chopin/QuestionGroupItem";
+const QUESTION_CLASS_NAME = "chopin/QuestionGroupQuestion";
+describe("QuestionGroup", () => {
+    it("should render without errors", () => {
+        (0, react_1.render)((0, jsx_runtime_1.jsx)(_1.QuestionGroup, { children: (0, jsx_runtime_1.jsx)("p", { children: "Sample question" }) }));
+        expect(react_1.screen.getByText("Sample question")).toBeInTheDocument();
+    });
+    describe("given elementType", () => {
+        it("is not applied as element attribute", () => {
+            const { container } = (0, react_1.render)((0, jsx_runtime_1.jsx)(_1.QuestionGroup, Object.assign({ elementType: "ul" }, { children: (0, jsx_runtime_1.jsx)("p", { children: "Sample question" }) })));
+            expect(container.firstChild).not.toHaveAttribute("elementtype", "ul");
+        });
+    });
+    it("uses the right class names", () => {
+        const { container } = (0, react_1.render)((0, jsx_runtime_1.jsx)(_1.QuestionGroup, Object.assign({ label: "Sample label" }, { children: (0, jsx_runtime_1.jsx)("p", { children: "Sample question" }) })));
+        const header = react_1.screen.getByRole("banner");
+        const label = react_1.screen.getByText("Sample label");
+        const list = react_1.screen.getByRole("list");
+        const listItem = react_1.screen.getByRole("listitem");
+        const question = react_1.screen.getByText("Sample question");
+        expect(container.firstChild).toHaveClass(CONTAINER_CLASS_NAME);
+        expect(header).toHaveClass(HEADER_CLASS_NAME);
+        expect(label).toHaveClass(LABEL_CLASS_NAME);
+        expect(list).toHaveClass(LIST_CLASS_NAME);
+        expect(listItem).toHaveClass(LIST_ITEM_CLASS_NAME);
+        expect(question).toHaveClass(QUESTION_CLASS_NAME);
+    });
+    describe("Help", () => {
+        it("should be mouse accessible", async () => {
+            (0, react_1.render)((0, jsx_runtime_1.jsx)(_1.QuestionGroup, Object.assign({ label: "Question", help: "This is a help message" }, { children: (0, jsx_runtime_1.jsx)("p", { children: "Sample question" }) })));
+            await user_event_1.default.click(react_1.screen.getByRole("button", { name: "Open Help" }));
+            expect(react_1.screen.queryByRole("tooltip")).toBeInTheDocument();
+            await user_event_1.default.click(react_1.screen.getByRole("button", { name: "Close Help" }));
+            expect(react_1.screen.queryByRole("tooltip")).not.toBeInTheDocument();
+        });
+        it("should be keyboard accessible", async () => {
+            (0, react_1.render)((0, jsx_runtime_1.jsx)(_1.QuestionGroup, Object.assign({ label: "Question", help: "This is a help message" }, { children: (0, jsx_runtime_1.jsx)("p", { children: "Sample question" }) })));
+            await user_event_1.default.tab();
+            await user_event_1.default.keyboard("{enter}");
+            expect(react_1.screen.queryByRole("tooltip")).toBeInTheDocument();
+            await user_event_1.default.keyboard("{enter}");
+            expect(react_1.screen.queryByRole("tooltip")).not.toBeInTheDocument();
+        });
+        it("should close on escape key", async () => {
+            (0, react_1.render)((0, jsx_runtime_1.jsx)(_1.QuestionGroup, Object.assign({ label: "Question", help: "This is a help message" }, { children: (0, jsx_runtime_1.jsx)("p", { children: "Sample question" }) })));
+            await user_event_1.default.tab();
+            await user_event_1.default.keyboard("{enter}");
+            expect(react_1.screen.queryByRole("tooltip")).toBeInTheDocument();
+            await user_event_1.default.keyboard("{escape}");
+            expect(react_1.screen.queryByRole("tooltip")).not.toBeInTheDocument();
+        });
+    });
+});
+//# sourceMappingURL=QuestionGroup.test.js.map

package/dist/cjs/components/Chopin/QuestionGroup/QuestionGroup.test.js.map

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

package/dist/cjs/components/Chopin/QuestionGroup/index.d.ts

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

package/dist/cjs/components/Chopin/QuestionGroup/index.js

@@ -0,0 +1,18 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+__exportStar(require("./QuestionGroup"), exports);
+//# sourceMappingURL=index.js.map

package/dist/cjs/components/Chopin/QuestionGroup/index.js.map

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

package/dist/cjs/components/Chopin/QuestionHelp/QuestionHelp.d.ts

@@ -0,0 +1,9 @@
+import { ReactNode } from "react";
+export interface QuestionHelpProps {
+    closedLabel?: string;
+    openedLabel?: string;
+    children: ReactNode;
+    onChange?: (state: boolean) => void;
+    isDesktop?: boolean;
+}
+export declare function QuestionHelp({ openedLabel, closedLabel, children, onChange, isDesktop, }: QuestionHelpProps): import("@emotion/react/jsx-runtime").JSX.Element;

package/dist/cjs/components/Chopin/QuestionHelp/QuestionHelp.js

@@ -0,0 +1,44 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.QuestionHelp = void 0;
+const jsx_runtime_1 = require("@emotion/react/jsx-runtime");
+const focus_1 = require("@react-aria/focus");
+const clsx_1 = __importDefault(require("clsx"));
+const react_1 = require("react");
+const useWindowEvent_1 = require("../../../hooks/useWindowEvent");
+function QuestionHelp({ openedLabel = "Close Help", closedLabel = "Open Help", children, onChange = () => { }, isDesktop, }) {
+    const [isOpen, setIsOpen] = (0, react_1.useState)(false);
+    const ref = (0, react_1.useRef)(null);
+    const { focusProps, isFocusVisible } = (0, focus_1.useFocusRing)({});
+    (0, useWindowEvent_1.useWindowEvent)("keydown", e => {
+        if (isOpen && e.key === "Escape") {
+            setIsOpen(false);
+        }
+    });
+    const handleClickOutside = (0, react_1.useCallback)((event) => {
+        if (ref.current &&
+            !ref.current.contains(event.target)) {
+            setIsOpen(false);
+        }
+    }, [setIsOpen]);
+    (0, react_1.useEffect)(() => {
+        onChange(isOpen);
+        window.addEventListener("click", handleClickOutside, {
+            passive: true,
+        });
+        return () => window.removeEventListener("click", handleClickOutside);
+    }, [onChange, isOpen, handleClickOutside]);
+    const className = (0, clsx_1.default)("chopin/QuestionHelp", {
+        "--is-open": isOpen,
+        "--is-closed": !isOpen,
+    }, isDesktop ? "--is-desktop" : "");
+    const triggerClassName = (0, clsx_1.default)("chopin/QuestionHelpTrigger", {
+        "--is-focused": isFocusVisible,
+    });
+    return ((0, jsx_runtime_1.jsxs)("div", Object.assign({ className: className, ref: ref }, { children: [(0, jsx_runtime_1.jsx)("button", Object.assign({ type: "button", onClick: () => setIsOpen(!isOpen), className: triggerClassName }, focusProps, { children: (0, jsx_runtime_1.jsx)("span", { children: isOpen ? openedLabel : closedLabel }) })), (0, jsx_runtime_1.jsx)("div", Object.assign({ className: "chopin/QuestionHelpContent", "aria-atomic": "true", "aria-live": "polite", role: "tooltip", "aria-hidden": !isOpen }, { children: children }))] })));
+}
+exports.QuestionHelp = QuestionHelp;
+//# sourceMappingURL=QuestionHelp.js.map

package/dist/cjs/components/Chopin/QuestionHelp/QuestionHelp.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"QuestionHelp.js","sourceRoot":"","sources":["../../../../../src/components/Chopin/QuestionHelp/QuestionHelp.tsx"],"names":[],"mappings":";;;;;;;AAAA,6CAAiD;AACjD,gDAAwB;AACxB,iCAA4E;AAC5E,kEAA+D;AAU/D,SAAgB,YAAY,CAAC,EAC3B,WAAW,GAAG,YAAY,EAC1B,WAAW,GAAG,WAAW,EACzB,QAAQ,EACR,QAAQ,GAAG,GAAG,EAAE,GAAE,CAAC,EACnB,SAAS,GACS;IAClB,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAG,IAAA,gBAAQ,EAAC,KAAK,CAAC,CAAC;IAC5C,MAAM,GAAG,GAAG,IAAA,cAAM,EAAiB,IAAI,CAAC,CAAC;IACzC,MAAM,EAAE,UAAU,EAAE,cAAc,EAAE,GAAG,IAAA,oBAAY,EAAC,EAAE,CAAC,CAAC;IAExD,IAAA,+BAAc,EAAC,SAAS,EAAE,CAAC,CAAC,EAAE;QAC5B,IAAI,MAAM,IAAI,CAAC,CAAC,GAAG,KAAK,QAAQ,EAAE;YAChC,SAAS,CAAC,KAAK,CAAC,CAAC;SAClB;IACH,CAAC,CAAC,CAAC;IAEH,MAAM,kBAAkB,GAAG,IAAA,mBAAW,EACpC,CAAC,KAAiB,EAAE,EAAE;QACpB,IACE,GAAG,CAAC,OAAO;YACX,CAAC,GAAG,CAAC,OAAO,CAAC,QAAQ,CAAC,KAAK,CAAC,MAAwB,CAAC,EACrD;YACA,SAAS,CAAC,KAAK,CAAC,CAAC;SAClB;IACH,CAAC,EACD,CAAC,SAAS,CAAC,CACZ,CAAC;IAEF,IAAA,iBAAS,EAAC,GAAG,EAAE;QACb,QAAQ,CAAC,MAAM,CAAC,CAAC;QAEjB,MAAM,CAAC,gBAAgB,CAAC,OAAO,EAAE,kBAAkB,EAAE;YACnD,OAAO,EAAE,IAAI;SACd,CAAC,CAAC;QAEH,OAAO,GAAG,EAAE,CAAC,MAAM,CAAC,mBAAmB,CAAC,OAAO,EAAE,kBAAkB,CAAC,CAAC;IACvE,CAAC,EAAE,CAAC,QAAQ,EAAE,MAAM,EAAE,kBAAkB,CAAC,CAAC,CAAC;IAE3C,MAAM,SAAS,GAAG,IAAA,cAAI,EACpB,qBAAqB,EACrB;QACE,WAAW,EAAE,MAAM;QACnB,aAAa,EAAE,CAAC,MAAM;KACvB,EACD,SAAS,CAAC,CAAC,CAAC,cAAc,CAAC,CAAC,CAAC,EAAE,CAChC,CAAC;IAEF,MAAM,gBAAgB,GAAG,IAAA,cAAI,EAAC,4BAA4B,EAAE;QAC1D,cAAc,EAAE,cAAc;KAC/B,CAAC,CAAC;IAEH,OAAO,CACL,+CAAK,SAAS,EAAE,SAAS,EAAE,GAAG,EAAE,GAAG,iBACjC,iDACE,IAAI,EAAC,QAAQ,EACb,OAAO,EAAE,GAAG,EAAE,CAAC,SAAS,CAAC,CAAC,MAAM,CAAC,EACjC,SAAS,EAAE,gBAAgB,IACvB,UAAU,cAEd,2CAAO,MAAM,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,WAAW,GAAQ,IAC1C,EACT,8CACE,SAAS,EAAC,4BAA4B,iBAC1B,MAAM,eACR,QAAQ,EAClB,IAAI,EAAC,SAAS,iBACD,CAAC,MAAM,gBAEnB,QAAQ,IACL,KACF,CACP,CAAC;AACJ,CAAC;AAzED,oCAyEC"}

package/dist/cjs/components/Chopin/QuestionHelp/QuestionHelp.test.d.ts

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

package/dist/cjs/components/Chopin/QuestionHelp/QuestionHelp.test.js

@@ -0,0 +1,36 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const jsx_runtime_1 = require("@emotion/react/jsx-runtime");
+const react_1 = require("@testing-library/react");
+const _1 = require(".");
+describe("QuestionHelp", () => {
+    it("should render without errors", () => {
+        const content = "Sample text";
+        (0, react_1.render)((0, jsx_runtime_1.jsx)(_1.QuestionHelp, { children: content }));
+        expect(react_1.screen.getByText(content)).toBeInTheDocument();
+    });
+    it("should render with open/close labels", () => {
+        (0, react_1.render)((0, jsx_runtime_1.jsx)(_1.QuestionHelp, { children: "Sample text" }));
+        const openedLabel = "Close Help";
+        const closedLabel = "Open Help";
+        const toggle = react_1.screen.getByRole("button");
+        expect(react_1.screen.getByText(closedLabel)).toBeInTheDocument();
+        react_1.fireEvent.click(toggle);
+        expect(react_1.screen.getByText(openedLabel)).toBeInTheDocument();
+        react_1.fireEvent.keyDown(document.activeElement, {
+            key: "Escape",
+            code: "Escape",
+        });
+        expect(react_1.screen.getByText(closedLabel)).toBeInTheDocument();
+    });
+    describe("when toggled", () => {
+        it("should call onChange", () => {
+            const onChange = jest.fn();
+            (0, react_1.render)((0, jsx_runtime_1.jsx)(_1.QuestionHelp, Object.assign({ onChange: onChange }, { children: "Sample text" })));
+            const toggle = react_1.screen.getByRole("button");
+            react_1.fireEvent.click(toggle);
+            expect(onChange).toHaveBeenCalled();
+        });
+    });
+});
+//# sourceMappingURL=QuestionHelp.test.js.map

package/dist/cjs/components/Chopin/QuestionHelp/QuestionHelp.test.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"QuestionHelp.test.js","sourceRoot":"","sources":["../../../../../src/components/Chopin/QuestionHelp/QuestionHelp.test.tsx"],"names":[],"mappings":";;;AAAA,kDAAmE;AACnE,wBAAiC;AAEjC,QAAQ,CAAC,cAAc,EAAE,GAAG,EAAE;IAC5B,EAAE,CAAC,8BAA8B,EAAE,GAAG,EAAE;QACtC,MAAM,OAAO,GAAG,aAAa,CAAC;QAE9B,IAAA,cAAM,EAAC,uBAAC,eAAY,cAAE,OAAO,GAAgB,CAAC,CAAC;QAE/C,MAAM,CAAC,cAAM,CAAC,SAAS,CAAC,OAAO,CAAC,CAAC,CAAC,iBAAiB,EAAE,CAAC;IACxD,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,sCAAsC,EAAE,GAAG,EAAE;QAC9C,IAAA,cAAM,EAAC,uBAAC,eAAY,8BAA2B,CAAC,CAAC;QAEjD,MAAM,WAAW,GAAG,YAAY,CAAC;QACjC,MAAM,WAAW,GAAG,WAAW,CAAC;QAChC,MAAM,MAAM,GAAG,cAAM,CAAC,SAAS,CAAC,QAAQ,CAAC,CAAC;QAE1C,MAAM,CAAC,cAAM,CAAC,SAAS,CAAC,WAAW,CAAC,CAAC,CAAC,iBAAiB,EAAE,CAAC;QAE1D,iBAAS,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC;QAExB,MAAM,CAAC,cAAM,CAAC,SAAS,CAAC,WAAW,CAAC,CAAC,CAAC,iBAAiB,EAAE,CAAC;QAE1D,iBAAS,CAAC,OAAO,CAAC,QAAQ,CAAC,aAAc,EAAE;YACzC,GAAG,EAAE,QAAQ;YACb,IAAI,EAAE,QAAQ;SACf,CAAC,CAAC;QAEH,MAAM,CAAC,cAAM,CAAC,SAAS,CAAC,WAAW,CAAC,CAAC,CAAC,iBAAiB,EAAE,CAAC;IAC5D,CAAC,CAAC,CAAC;IAEH,QAAQ,CAAC,cAAc,EAAE,GAAG,EAAE;QAC5B,EAAE,CAAC,sBAAsB,EAAE,GAAG,EAAE;YAC9B,MAAM,QAAQ,GAAG,IAAI,CAAC,EAAE,EAAE,CAAC;YAE3B,IAAA,cAAM,EAAC,uBAAC,eAAY,kBAAC,QAAQ,EAAE,QAAQ,iCAA4B,CAAC,CAAC;YAErE,MAAM,MAAM,GAAG,cAAM,CAAC,SAAS,CAAC,QAAQ,CAAC,CAAC;YAE1C,iBAAS,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC;YAExB,MAAM,CAAC,QAAQ,CAAC,CAAC,gBAAgB,EAAE,CAAC;QACtC,CAAC,CAAC,CAAC;IACL,CAAC,CAAC,CAAC;AACL,CAAC,CAAC,CAAC"}

package/dist/cjs/components/Chopin/QuestionHelp/index.d.ts

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

package/dist/cjs/components/Chopin/QuestionHelp/index.js

@@ -0,0 +1,18 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+__exportStar(require("./QuestionHelp"), exports);
+//# sourceMappingURL=index.js.map

package/dist/cjs/components/Chopin/QuestionHelp/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/components/Chopin/QuestionHelp/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,iDAA+B"}

package/dist/cjs/components/Chopin/Section/Section.d.ts

@@ -0,0 +1,14 @@
+import { Ref, RefAttributes, ReactNode } from "react";
+import { DOMProps } from "@react-types/shared";
+import { ForwardedRefComponent } from "../../../types/components";
+export declare type SectionElementType = HTMLDivElement;
+export interface SectionProps extends DOMProps, RefAttributes<SectionElementType> {
+    children?: ReactNode;
+    /** Custom class name for setting specific CSS */
+    className?: string;
+    elementType?: string | React.ElementType;
+    title?: string;
+}
+export declare type SectionRef = Ref<SectionElementType>;
+declare const Section: ForwardedRefComponent<SectionProps, SectionElementType>;
+export { Section };

package/dist/cjs/components/Chopin/Section/Section.js

@@ -0,0 +1,28 @@
+"use strict";
+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;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Section = void 0;
+const jsx_runtime_1 = require("@emotion/react/jsx-runtime");
+const react_1 = require("react");
+const clsx_1 = __importDefault(require("clsx"));
+const Section = (0, react_1.forwardRef)((props, ref) => {
+    const { elementType: Element = "div", title, children } = props, otherProps = __rest(props, ["elementType", "title", "children"]);
+    const classes = (0, clsx_1.default)("chopin", "chopin/Section", otherProps.className);
+    return ((0, jsx_runtime_1.jsxs)(Element, Object.assign({ ref: ref }, otherProps, { className: classes }, { children: [title && (0, jsx_runtime_1.jsx)("h2", Object.assign({ className: "chopin/SectionTitle" }, { children: title })), children] })));
+});
+exports.Section = Section;
+Section.displayName = "Section";
+//# sourceMappingURL=Section.js.map

package/dist/cjs/components/Chopin/Section/Section.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Section.js","sourceRoot":"","sources":["../../../../../src/components/Chopin/Section/Section.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;AAAA,iCAAkE;AAElE,gDAAwB;AAiBxB,MAAM,OAAO,GACX,IAAA,kBAAU,EAAC,CAAC,KAAmB,EAAE,GAAe,EAAE,EAAE;IAClD,MAAM,EACJ,WAAW,EAAE,OAAO,GAAG,KAAK,EAC5B,KAAK,EACL,QAAQ,KAEN,KAAK,EADJ,UAAU,UACX,KAAK,EALH,oCAKL,CAAQ,CAAC;IAEV,MAAM,OAAO,GAAG,IAAA,cAAI,EAAC,QAAQ,EAAE,gBAAgB,EAAE,UAAU,CAAC,SAAS,CAAC,CAAC;IAEvE,OAAO,CACL,wBAAC,OAAO,kBAAC,GAAG,EAAE,GAAG,IAAM,UAAU,IAAE,SAAS,EAAE,OAAO,iBAClD,KAAK,IAAI,6CAAI,SAAS,EAAC,qBAAqB,gBAAE,KAAK,IAAM,EACzD,QAAQ,KACD,CACX,CAAC;AACJ,CAAC,CAAC,CAAC;AAGI,0BAAO;AADhB,OAAO,CAAC,WAAW,GAAG,SAAS,CAAC"}

package/dist/cjs/components/Chopin/Section/Section.test.d.ts

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

package/dist/cjs/components/Chopin/Section/Section.test.js

@@ -0,0 +1,37 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const jsx_runtime_1 = require("@emotion/react/jsx-runtime");
+const react_1 = require("@testing-library/react");
+const _1 = require(".");
+describe("Section", () => {
+    it("should render without errors", () => {
+        const title = "Sample title";
+        const content = "Sample text";
+        const { container } = (0, react_1.render)((0, jsx_runtime_1.jsx)(_1.Section, Object.assign({ title: title }, { children: content })));
+        expect(react_1.screen.getByText(title)).toBeInTheDocument();
+        expect(container.getElementsByTagName("h2").length).toBe(1);
+        expect(react_1.screen.getByText(content)).toBeInTheDocument();
+    });
+    describe("given elementType", () => {
+        it("is not applied as element attribute", () => {
+            const { container } = (0, react_1.render)((0, jsx_runtime_1.jsx)(_1.Section, Object.assign({ elementType: "ul" }, { children: "Sample text" })));
+            expect(container.firstChild).not.toHaveAttribute("elementtype", "ul");
+        });
+    });
+    describe("when title is not provided", () => {
+        it("should only render child elements", () => {
+            const content = "Sample text";
+            const { container } = (0, react_1.render)((0, jsx_runtime_1.jsx)(_1.Section, { children: content }));
+            expect(container.getElementsByTagName("h2").length).toBe(0);
+            expect(react_1.screen.getByText(content)).toBeInTheDocument();
+        });
+    });
+    describe("when no content is provided", () => {
+        it("should only render the container", () => {
+            const { container } = (0, react_1.render)((0, jsx_runtime_1.jsx)(_1.Section, {}));
+            expect(container.getElementsByTagName("h2").length).toBe(0);
+            expect(container.firstChild).toBeEmptyDOMElement();
+        });
+    });
+});
+//# sourceMappingURL=Section.test.js.map

package/dist/cjs/components/Chopin/Section/Section.test.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Section.test.js","sourceRoot":"","sources":["../../../../../src/components/Chopin/Section/Section.test.tsx"],"names":[],"mappings":";;;AAAA,kDAAwD;AACxD,wBAA4B;AAE5B,QAAQ,CAAC,SAAS,EAAE,GAAG,EAAE;IACvB,EAAE,CAAC,8BAA8B,EAAE,GAAG,EAAE;QACtC,MAAM,KAAK,GAAG,cAAc,CAAC;QAC7B,MAAM,OAAO,GAAG,aAAa,CAAC;QAE9B,MAAM,EAAE,SAAS,EAAE,GAAG,IAAA,cAAM,EAAC,uBAAC,UAAO,kBAAC,KAAK,EAAE,KAAK,gBAAG,OAAO,IAAW,CAAC,CAAC;QAEzE,MAAM,CAAC,cAAM,CAAC,SAAS,CAAC,KAAK,CAAC,CAAC,CAAC,iBAAiB,EAAE,CAAC;QACpD,MAAM,CAAC,SAAS,CAAC,oBAAoB,CAAC,IAAI,CAAC,CAAC,MAAM,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC;QAC5D,MAAM,CAAC,cAAM,CAAC,SAAS,CAAC,OAAO,CAAC,CAAC,CAAC,iBAAiB,EAAE,CAAC;IACxD,CAAC,CAAC,CAAC;IAEH,QAAQ,CAAC,mBAAmB,EAAE,GAAG,EAAE;QACjC,EAAE,CAAC,qCAAqC,EAAE,GAAG,EAAE;YAC7C,MAAM,EAAE,SAAS,EAAE,GAAG,IAAA,cAAM,EAC1B,uBAAC,UAAO,kBAAC,WAAW,EAAC,IAAI,iCAAsB,CAChD,CAAC;YACF,MAAM,CAAC,SAAS,CAAC,UAAU,CAAC,CAAC,GAAG,CAAC,eAAe,CAAC,aAAa,EAAE,IAAI,CAAC,CAAC;QACxE,CAAC,CAAC,CAAC;IACL,CAAC,CAAC,CAAC;IAEH,QAAQ,CAAC,4BAA4B,EAAE,GAAG,EAAE;QAC1C,EAAE,CAAC,mCAAmC,EAAE,GAAG,EAAE;YAC3C,MAAM,OAAO,GAAG,aAAa,CAAC;YAE9B,MAAM,EAAE,SAAS,EAAE,GAAG,IAAA,cAAM,EAAC,uBAAC,UAAO,cAAE,OAAO,GAAW,CAAC,CAAC;YAE3D,MAAM,CAAC,SAAS,CAAC,oBAAoB,CAAC,IAAI,CAAC,CAAC,MAAM,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC;YAC5D,MAAM,CAAC,cAAM,CAAC,SAAS,CAAC,OAAO,CAAC,CAAC,CAAC,iBAAiB,EAAE,CAAC;QACxD,CAAC,CAAC,CAAC;IACL,CAAC,CAAC,CAAC;IAEH,QAAQ,CAAC,6BAA6B,EAAE,GAAG,EAAE;QAC3C,EAAE,CAAC,kCAAkC,EAAE,GAAG,EAAE;YAC1C,MAAM,EAAE,SAAS,EAAE,GAAG,IAAA,cAAM,EAAC,uBAAC,UAAO,KAAG,CAAC,CAAC;YAE1C,MAAM,CAAC,SAAS,CAAC,oBAAoB,CAAC,IAAI,CAAC,CAAC,MAAM,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC;YAC5D,MAAM,CAAC,SAAS,CAAC,UAAU,CAAC,CAAC,mBAAmB,EAAE,CAAC;QACrD,CAAC,CAAC,CAAC;IACL,CAAC,CAAC,CAAC;AACL,CAAC,CAAC,CAAC"}

package/dist/cjs/components/Chopin/Section/index.d.ts

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

package/dist/cjs/components/Chopin/Section/index.js

@@ -0,0 +1,18 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+__exportStar(require("./Section"), exports);
+//# sourceMappingURL=index.js.map

package/dist/cjs/components/Chopin/Section/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/components/Chopin/Section/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,4CAA0B"}

package/dist/cjs/components/Chopin/Steps/StepItem.d.ts

@@ -0,0 +1,21 @@
+import { Ref, RefAttributes, ReactNode, ComponentProps } from "react";
+import { DOMProps } from "@react-types/shared";
+import { Link } from "react-router-dom";
+import { ForwardedRefComponent } from "../../../types/components";
+export declare type StepItemElementType = HTMLLIElement;
+export interface StepItemProps extends DOMProps, RefAttributes<StepItemElementType> {
+    children?: ReactNode;
+    /** Custom class name for setting specific CSS */
+    className?: string;
+    elementType?: React.ElementType;
+    linkElementType?: React.ElementType;
+    name: string;
+    index?: number;
+    active?: boolean;
+    url?: string;
+    completed?: boolean;
+    to?: ComponentProps<typeof Link>["to"];
+}
+export declare type StepItemRef = Ref<StepItemElementType>;
+declare const StepItem: ForwardedRefComponent<StepItemProps, StepItemElementType>;
+export { StepItem };

package/dist/cjs/components/Chopin/Steps/StepItem.js

@@ -0,0 +1,38 @@
+"use strict";
+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;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.StepItem = void 0;
+const jsx_runtime_1 = require("@emotion/react/jsx-runtime");
+const react_1 = require("react");
+const clsx_1 = __importDefault(require("clsx"));
+const icons_1 = require("@simplybusiness/icons");
+const Icon_1 = require("../../Icon");
+const StepItem = (0, react_1.forwardRef)((props, ref) => {
+    const { elementType: Element = "li", linkElementType: LinkElement = "a", completed, url, to, name, active, index } = props, otherProps = __rest(props, ["elementType", "linkElementType", "completed", "url", "to", "name", "active", "index"]);
+    const classes = (0, clsx_1.default)("chopin", "chopin/StepItem", {
+        "--is-active": active,
+        "--is-completed": completed,
+        "--is-unstarted": !completed && !active,
+    }, otherProps.className);
+    const nameClasses = (0, clsx_1.default)("chopin", "chopin/StepName");
+    const linkClasses = (0, clsx_1.default)("chopin", "chopin/StepLink");
+    const iconClasses = (0, clsx_1.default)("chopin", "chopin/StepIcon");
+    const ariaLabel = `Step ${index}${name ? `, ${name}` : ""}${completed ? ", Complete" : ""}`;
+    return ((0, jsx_runtime_1.jsx)(Element, Object.assign({ ref: ref, "aria-label": ariaLabel, "aria-current": active ? "step" : undefined }, otherProps, { className: classes }, { children: completed ? ((0, jsx_runtime_1.jsxs)(LinkElement, Object.assign({ className: linkClasses, href: url, to: to }, { children: [(0, jsx_runtime_1.jsx)("span", Object.assign({ className: iconClasses }, { children: (0, jsx_runtime_1.jsx)(Icon_1.Icon, { icon: icons_1.tick, css: { height: "100%" } }) })), (0, jsx_runtime_1.jsx)("span", Object.assign({ className: nameClasses }, { children: name }))] }))) : ((0, jsx_runtime_1.jsx)("span", Object.assign({ className: nameClasses }, { children: name }))) })));
+});
+exports.StepItem = StepItem;
+StepItem.displayName = "StepItem";
+//# sourceMappingURL=StepItem.js.map

package/dist/cjs/components/Chopin/Steps/StepItem.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"StepItem.js","sourceRoot":"","sources":["../../../../../src/components/Chopin/Steps/StepItem.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;AAAA,iCAMe;AAEf,gDAAwB;AACxB,iDAA6C;AAG7C,qCAAkC;AAsBlC,MAAM,QAAQ,GACZ,IAAA,kBAAU,EAAC,CAAC,KAAoB,EAAE,GAAgB,EAAE,EAAE;IACpD,MAAM,EACJ,WAAW,EAAE,OAAO,GAAG,IAAI,EAC3B,eAAe,EAAE,WAAW,GAAG,GAAG,EAClC,SAAS,EACT,GAAG,EACH,EAAE,EACF,IAAI,EACJ,MAAM,EACN,KAAK,KAEH,KAAK,EADJ,UAAU,UACX,KAAK,EAVH,uFAUL,CAAQ,CAAC;IAEV,MAAM,OAAO,GAAG,IAAA,cAAI,EAClB,QAAQ,EACR,iBAAiB,EACjB;QACE,aAAa,EAAE,MAAM;QACrB,gBAAgB,EAAE,SAAS;QAC3B,gBAAgB,EAAE,CAAC,SAAS,IAAI,CAAC,MAAM;KACxC,EACD,UAAU,CAAC,SAAS,CACrB,CAAC;IACF,MAAM,WAAW,GAAG,IAAA,cAAI,EAAC,QAAQ,EAAE,iBAAiB,CAAC,CAAC;IACtD,MAAM,WAAW,GAAG,IAAA,cAAI,EAAC,QAAQ,EAAE,iBAAiB,CAAC,CAAC;IACtD,MAAM,WAAW,GAAG,IAAA,cAAI,EAAC,QAAQ,EAAE,iBAAiB,CAAC,CAAC;IACtD,MAAM,SAAS,GAAG,QAAQ,KAAK,GAAG,IAAI,CAAC,CAAC,CAAC,KAAK,IAAI,EAAE,CAAC,CAAC,CAAC,EAAE,GACvD,SAAS,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,EAC7B,EAAE,CAAC;IAEH,OAAO,CACL,uBAAC,OAAO,kBACN,GAAG,EAAE,GAAG,gBACI,SAAS,kBACP,MAAM,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,SAAS,IACrC,UAAU,IACd,SAAS,EAAE,OAAO,gBAEjB,SAAS,CAAC,CAAC,CAAC,CACX,wBAAC,WAAW,kBAAC,SAAS,EAAE,WAAW,EAAE,IAAI,EAAE,GAAG,EAAE,EAAE,EAAE,EAAE,iBACpD,+CAAM,SAAS,EAAE,WAAW,gBAC1B,uBAAC,WAAI,IAAC,IAAI,EAAE,YAAI,EAAE,GAAG,EAAE,EAAE,MAAM,EAAE,MAAM,EAAE,GAAI,IACxC,EACP,+CAAM,SAAS,EAAE,WAAW,gBAAG,IAAI,IAAQ,KAC/B,CACf,CAAC,CAAC,CAAC,CACF,+CAAM,SAAS,EAAE,WAAW,gBAAG,IAAI,IAAQ,CAC5C,IACO,CACX,CAAC;AACJ,CAAC,CAAC,CAAC;AAGI,4BAAQ;AADjB,QAAQ,CAAC,WAAW,GAAG,UAAU,CAAC"}

package/dist/cjs/components/Chopin/Steps/Steps.d.ts

@@ -0,0 +1,13 @@
+import { Ref, RefAttributes, ReactNode } from "react";
+import { DOMProps } from "@react-types/shared";
+import { ForwardedRefComponent } from "../../../types/components";
+export declare type StepsElementType = HTMLOListElement;
+export interface StepsProps extends DOMProps, RefAttributes<StepsElementType> {
+    children?: ReactNode;
+    /** Custom class name for setting specific CSS */
+    className?: string;
+    elementType?: React.ElementType;
+}
+export declare type StepsRef = Ref<StepsElementType>;
+declare const Steps: ForwardedRefComponent<StepsProps, StepsElementType>;
+export { Steps };

package/dist/cjs/components/Chopin/Steps/Steps.js

@@ -0,0 +1,35 @@
+"use strict";
+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;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Steps = void 0;
+const jsx_runtime_1 = require("@emotion/react/jsx-runtime");
+const react_1 = require("react");
+const clsx_1 = __importDefault(require("clsx"));
+const Steps = (0, react_1.forwardRef)((props, ref) => {
+    const { elementType: Element = "ol", children } = props, otherProps = __rest(props, ["elementType", "children"]);
+    const classes = (0, clsx_1.default)("chopin", "chopin/Steps", otherProps.className);
+    return ((0, jsx_runtime_1.jsx)(Element, Object.assign({ ref: ref }, otherProps, { className: classes }, { children: react_1.Children.map(children, (child, index) => {
+            if ((0, react_1.isValidElement)(child)) {
+                return (0, react_1.cloneElement)(child, {
+                    index: index + 1,
+                });
+            }
+            return child;
+        }) })));
+});
+exports.Steps = Steps;
+Steps.displayName = "Steps";
+//# sourceMappingURL=Steps.js.map

package/dist/cjs/components/Chopin/Steps/Steps.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Steps.js","sourceRoot":"","sources":["../../../../../src/components/Chopin/Steps/Steps.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;AAAA,iCAQe;AAEf,gDAAwB;AAcxB,MAAM,KAAK,GAAwD,IAAA,kBAAU,EAC3E,CAAC,KAAiB,EAAE,GAAa,EAAE,EAAE;IACnC,MAAM,EAAE,WAAW,EAAE,OAAO,GAAG,IAAI,EAAE,QAAQ,KAAoB,KAAK,EAApB,UAAU,UAAK,KAAK,EAAhE,2BAAwD,CAAQ,CAAC;IAEvE,MAAM,OAAO,GAAG,IAAA,cAAI,EAAC,QAAQ,EAAE,cAAc,EAAE,UAAU,CAAC,SAAS,CAAC,CAAC;IAErE,OAAO,CACL,uBAAC,OAAO,kBAAC,GAAG,EAAE,GAAG,IAAM,UAAU,IAAE,SAAS,EAAE,OAAO,gBAClD,gBAAQ,CAAC,GAAG,CAAC,QAAQ,EAAE,CAAC,KAAK,EAAE,KAAK,EAAE,EAAE;YACvC,IAAI,IAAA,sBAAc,EAAC,KAAK,CAAC,EAAE;gBACzB,OAAO,IAAA,oBAAY,EAAC,KAAK,EAAE;oBACzB,KAAK,EAAE,KAAK,GAAG,CAAC;iBACV,CAAC,CAAC;aACX;YAED,OAAO,KAAK,CAAC;QACf,CAAC,CAAC,IACM,CACX,CAAC;AACJ,CAAC,CACF,CAAC;AAGO,sBAAK;AADd,KAAK,CAAC,WAAW,GAAG,OAAO,CAAC"}

package/dist/cjs/components/Chopin/Steps/Steps.test.d.ts

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

package/dist/cjs/components/Chopin/Steps/Steps.test.js

@@ -0,0 +1,95 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const jsx_runtime_1 = require("@emotion/react/jsx-runtime");
+const react_1 = require("@testing-library/react");
+const _1 = require(".");
+const STEPS_CLASS_NAME = "chopin/Steps";
+const STEP_ITEM_CLASS_NAME = "chopin/StepItem";
+const STEP_ITEM_ACTIVE_CLASS_NAME = "--is-active";
+const STEP_ITEM_COMPLETED_CLASS_NAME = "--is-completed";
+const STEP_ITEM_UNSTARTED_CLASS_NAME = "--is-unstarted";
+const STEP_NAME_CLASS_NAME = "chopin/StepName";
+const STEP_LINK_CLASS_NAME = "chopin/StepLink";
+const STEP_ICON_CLASS_NAME = "chopin/StepIcon";
+describe("Steps", () => {
+    it("should render without errors", () => {
+        const title = "Introduction";
+        const { container } = (0, react_1.render)((0, jsx_runtime_1.jsx)(_1.Steps, { children: (0, jsx_runtime_1.jsx)(_1.StepItem, { name: title }) }));
+        expect(react_1.screen.getByText(title)).toBeInTheDocument();
+        expect(container.getElementsByTagName("ol").length).toBe(1);
+    });
+    it("should render with default class names", () => {
+        const { container } = (0, react_1.render)((0, jsx_runtime_1.jsx)(_1.Steps, {}));
+        expect(container.firstChild).toHaveClass(STEPS_CLASS_NAME);
+    });
+    it("should render with custom class name", () => {
+        const CUSTOM_CLASS_NAME = "my-test-steps";
+        const { container } = (0, react_1.render)((0, jsx_runtime_1.jsx)(_1.Steps, { className: CUSTOM_CLASS_NAME }));
+        expect(container.firstChild).toHaveClass(STEPS_CLASS_NAME);
+        expect(container.firstChild).toHaveClass(CUSTOM_CLASS_NAME);
+    });
+    describe("given elementType", () => {
+        it("is not applied as element attribute", () => {
+            const { container } = (0, react_1.render)((0, jsx_runtime_1.jsx)(_1.Steps, Object.assign({ elementType: "ul" }, { children: (0, jsx_runtime_1.jsx)(_1.StepItem, { name: "Your business", url: "#test", elementType: "li" }) })));
+            const listItem = react_1.screen.getByLabelText("Step 1, Your business");
+            expect(container.firstChild).not.toHaveAttribute("elementtype", "ul");
+            expect(listItem).not.toHaveAttribute("elementtype", "li");
+        });
+    });
+    describe("given a list of completed, active and unstarted steps", () => {
+        it("renders them with appropriate HTML elements", () => {
+            (0, react_1.render)((0, jsx_runtime_1.jsxs)(_1.Steps, { children: [(0, jsx_runtime_1.jsx)(_1.StepItem, { name: "Your business", url: "#first", completed: true }), (0, jsx_runtime_1.jsx)(_1.StepItem, { name: "Your employees", url: "#second", completed: true }), (0, jsx_runtime_1.jsx)(_1.StepItem, { name: "Cover options", url: "#third", completed: true }), (0, jsx_runtime_1.jsx)(_1.StepItem, { name: "Business questions", url: "#fourth", active: true }), (0, jsx_runtime_1.jsx)(_1.StepItem, { name: "Agreements", url: "#fifth" }), (0, jsx_runtime_1.jsx)(_1.StepItem, { name: "Your quotes", url: "#sixth" })] }));
+            const listItems = react_1.screen.queryAllByRole("listitem");
+            const links = react_1.screen.queryAllByRole("link");
+            expect(listItems.length).toBe(6);
+            expect(links.length).toBe(3);
+        });
+        it("renders them with appropriate class names", () => {
+            const EXPECTED_LIST_ITEMS = 6;
+            const EXPECTED_ACTIVE_ITEMS = 1;
+            const EXPECTED_COMPLETED_ITEMS = 3;
+            const EXPECTED_UNSTARTED_ITEMS = 2;
+            const EXPECTED_TITLES = 6;
+            const EXPECTED_LINKS = 3;
+            const EXPECTED_ICONS = 3;
+            const { container } = (0, react_1.render)((0, jsx_runtime_1.jsxs)(_1.Steps, { children: [(0, jsx_runtime_1.jsx)(_1.StepItem, { name: "Your business", url: "#first", completed: true }), (0, jsx_runtime_1.jsx)(_1.StepItem, { name: "Your employees", url: "#second", completed: true }), (0, jsx_runtime_1.jsx)(_1.StepItem, { name: "Cover options", url: "#third", completed: true }), (0, jsx_runtime_1.jsx)(_1.StepItem, { name: "Business questions", url: "#fourth", active: true }), (0, jsx_runtime_1.jsx)(_1.StepItem, { name: "Agreements", url: "#fifth" }), (0, jsx_runtime_1.jsx)(_1.StepItem, { name: "Your quotes", url: "#sixth" })] }));
+            const listItemClasses = container.getElementsByClassName(STEP_ITEM_CLASS_NAME);
+            const activeItemClasses = container.getElementsByClassName(STEP_ITEM_ACTIVE_CLASS_NAME);
+            const completedItemClasses = container.getElementsByClassName(STEP_ITEM_COMPLETED_CLASS_NAME);
+            const unstartedItemClasses = container.getElementsByClassName(STEP_ITEM_UNSTARTED_CLASS_NAME);
+            const nameClasses = container.getElementsByClassName(STEP_NAME_CLASS_NAME);
+            const linkClasses = container.getElementsByClassName(STEP_LINK_CLASS_NAME);
+            const iconClasses = container.getElementsByClassName(STEP_ICON_CLASS_NAME);
+            expect(listItemClasses.length).toBe(EXPECTED_LIST_ITEMS);
+            expect(activeItemClasses.length).toBe(EXPECTED_ACTIVE_ITEMS);
+            expect(completedItemClasses.length).toBe(EXPECTED_COMPLETED_ITEMS);
+            expect(unstartedItemClasses.length).toBe(EXPECTED_UNSTARTED_ITEMS);
+            expect(nameClasses.length).toBe(EXPECTED_TITLES);
+            expect(linkClasses.length).toBe(EXPECTED_LINKS);
+            expect(iconClasses.length).toBe(EXPECTED_ICONS);
+        });
+        it("renders them with appropriate labels and attributes", () => {
+            const yourBusinessText = "Your business";
+            const businessQuestionsText = "Business questions";
+            const coverOptionsText = "CoverOptions";
+            const coverOptionsLink = "#third";
+            (0, react_1.render)((0, jsx_runtime_1.jsxs)(_1.Steps, { children: [(0, jsx_runtime_1.jsx)(_1.StepItem, { name: yourBusinessText, url: "#first", completed: true }), (0, jsx_runtime_1.jsx)(_1.StepItem, { name: "Your employees", url: "#second", completed: true }), (0, jsx_runtime_1.jsx)(_1.StepItem, { name: coverOptionsText, url: coverOptionsLink, completed: true }), (0, jsx_runtime_1.jsx)(_1.StepItem, { name: businessQuestionsText, url: "#fourth", active: true }), (0, jsx_runtime_1.jsx)(_1.StepItem, { name: "Agreements", url: "#fifth" }), (0, jsx_runtime_1.jsx)(_1.StepItem, { name: "Your quotes", url: "#sixth" })] }));
+            const activeItem = react_1.screen.getByText(businessQuestionsText).closest("li");
+            const completedItem = react_1.screen.getByText(coverOptionsText).closest("a");
+            const completedAriaLabel = react_1.screen.getByLabelText(`Step 1, ${yourBusinessText}, Complete`);
+            const activeAriaLabel = react_1.screen.getByLabelText(`Step 4, ${businessQuestionsText}`);
+            expect(completedAriaLabel).toBeInTheDocument();
+            expect(activeAriaLabel).toBeInTheDocument();
+            expect(activeItem).toHaveAttribute("aria-current", "step");
+            expect(completedItem).toHaveAttribute("href", coverOptionsLink);
+        });
+        it("renders with the correct linkElementType component", () => {
+            const CustomComponent = () => (
+            // eslint-disable-next-line jsx-a11y/anchor-is-valid
+            (0, jsx_runtime_1.jsx)("a", Object.assign({ "data-testid": "custom-link", href: "#" }, { children: "Dummy" })));
+            (0, react_1.render)((0, jsx_runtime_1.jsx)(_1.Steps, { children: (0, jsx_runtime_1.jsx)(_1.StepItem, { name: "Your business", url: "#first", completed: true, linkElementType: CustomComponent }) }));
+            expect(react_1.screen.getByTestId("custom-link")).toBeInTheDocument();
+        });
+    });
+});
+//# sourceMappingURL=Steps.test.js.map

package/dist/cjs/components/Chopin/Steps/Steps.test.js.map

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

package/dist/cjs/components/Chopin/Steps/index.d.ts

@@ -0,0 +1,2 @@
+export * from "./Steps";
+export * from "./StepItem";