@simplybusiness/mobius 4.4.5 → 4.4.6

package/dist/cjs/hooks/useLabel/useLabel.test.js

@@ -0,0 +1,49 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+/* eslint-disable no-console */
+const react_1 = require("@testing-library/react");
+const useLabel_1 = require("./useLabel");
+describe("useLabel", () => {
+    it("should run without crashing", () => {
+        (0, react_1.renderHook)(() => (0, useLabel_1.useLabel)({ label: "test" }));
+    });
+    it("should warn if no label or aria-label or aria-labelledby is provided", () => {
+        jest.spyOn(console, "warn").mockImplementation(() => { });
+        (0, react_1.renderHook)(() => (0, useLabel_1.useLabel)({}));
+        expect(console.warn).toHaveBeenCalled();
+    });
+    it("should return labelProps and fieldProps", () => {
+        const { result } = (0, react_1.renderHook)(() => (0, useLabel_1.useLabel)({ label: "test" }));
+        expect(result.current).toHaveProperty("labelProps");
+        expect(result.current).toHaveProperty("fieldProps");
+    });
+    it("should pass through the provided id", () => {
+        const { result } = (0, react_1.renderHook)(() => (0, useLabel_1.useLabel)({ id: "test", label: "test" }));
+        expect(result.current.fieldProps.id).toBe("test");
+    });
+    it("should generate an id if none is provided", () => {
+        const { result } = (0, react_1.renderHook)(() => (0, useLabel_1.useLabel)({ label: "test" }));
+        expect(result.current.fieldProps.id).toBeDefined();
+    });
+    it("should pass through the provided aria-label", () => {
+        const { result } = (0, react_1.renderHook)(() => (0, useLabel_1.useLabel)({ "aria-label": "test", label: "test" }));
+        expect(result.current.fieldProps["aria-label"]).toBe("test");
+    });
+    it("should pass through the provided aria-labelledby", () => {
+        const { result } = (0, react_1.renderHook)(() => (0, useLabel_1.useLabel)({ "aria-labelledby": "test", label: "test" }));
+        expect(result.current.fieldProps["aria-labelledby"]).toContain("test");
+    });
+    it("should combine the provided aria-labelledby with the generated label id", () => {
+        const { result } = (0, react_1.renderHook)(() => (0, useLabel_1.useLabel)({ "aria-labelledby": "test", label: "test" }));
+        expect(result.current.fieldProps["aria-labelledby"]).toContain(result.current.labelProps.id);
+    });
+    it("should return labelProps with htmlFor if labelElementType is label", () => {
+        const { result } = (0, react_1.renderHook)(() => (0, useLabel_1.useLabel)({ label: "test", labelElementType: "label" }));
+        expect(result.current.labelProps.htmlFor).toBe(result.current.fieldProps.id);
+    });
+    it("should return labelProps with no htmlFor if labelElementType is span", () => {
+        const { result } = (0, react_1.renderHook)(() => (0, useLabel_1.useLabel)({ label: "test", labelElementType: "span" }));
+        expect(result.current.labelProps.htmlFor).toBeUndefined();
+    });
+});
+//# sourceMappingURL=useLabel.test.js.map

package/dist/cjs/hooks/useLabel/useLabel.test.js.map

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

package/dist/cjs/hooks/useOnClickOutside/index.d.ts

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

package/dist/cjs/hooks/useOnClickOutside/useOnClickOutside.d.ts

@@ -0,0 +1,2 @@
+import { RefObject } from "react";
+export declare const useOnClickOutside: (ref: RefObject<HTMLElement>, handler: (event: MouseEvent | TouchEvent | KeyboardEvent) => void) => void;

package/dist/cjs/hooks/useTextField/index.d.ts

@@ -0,0 +1,2 @@
+export * from "./useTextField";
+export * from "./types";

package/dist/cjs/hooks/useTextField/types.d.ts

@@ -0,0 +1,26 @@
+import { InputHTMLAttributes } from "react";
+import { UseLabelProps, UseLabelReturn } from "../useLabel/useLabel";
+import { FocusEvents } from "../../types";
+export type UseTextFieldProps = UseLabelProps & FocusEvents & Pick<InputHTMLAttributes<HTMLInputElement>, "defaultValue" | "value" | "onChange" | "autoComplete" | "maxLength" | "minLength" | "name" | "placeholder" | "inputMode" | "type" | "pattern" | "onCopy" | "onCut" | "onPaste" | "onCompositionEnd" | "onCompositionStart" | "onCompositionUpdate" | "onSelect" | "onBeforeInput" | "onInput"> & {
+    inputElementType?: "input" | "textarea" | undefined;
+    defaultValue?: string | undefined;
+    value?: string | undefined;
+    isDisabled?: boolean | undefined;
+    isReadOnly?: boolean | undefined;
+    isRequired?: boolean | undefined;
+    validationState?: "valid" | "invalid" | undefined;
+    description?: string | undefined;
+    errorMessage?: string | undefined;
+    "aria-describedby"?: string | undefined;
+    "aria-errormessage"?: string | undefined;
+};
+export type UseTextFieldReturn = {
+    labelProps: UseLabelReturn["labelProps"];
+    inputProps: InputHTMLAttributes<HTMLInputElement>;
+    descriptionProps: {
+        id?: string | undefined;
+    };
+    errorMessageProps: {
+        id?: string | undefined;
+    };
+};

package/dist/cjs/hooks/useTextField/useTextField.d.ts

@@ -0,0 +1,2 @@
+import { UseTextFieldProps, UseTextFieldReturn } from "./types";
+export declare function useTextField(props: UseTextFieldProps): UseTextFieldReturn;

package/dist/cjs/hooks/useTextField/useTextField.test.d.ts

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

package/dist/cjs/hooks/useTextField/useTextField.test.js

@@ -0,0 +1,167 @@
+"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 useTextField_1 = require("./useTextField");
+const TEST_LABEL = "Test label";
+describe("useTextField", () => {
+    const WrapperComponent = (props) => {
+        const { inputProps, labelProps } = (0, useTextField_1.useTextField)(props);
+        return ((0, jsx_runtime_1.jsxs)("div", { children: [(0, jsx_runtime_1.jsx)("label", Object.assign({}, labelProps, { children: TEST_LABEL })), (0, jsx_runtime_1.jsx)("input", Object.assign({}, inputProps))] }));
+    };
+    it("should run without crashing", () => {
+        const { result } = (0, react_1.renderHook)(() => (0, useTextField_1.useTextField)({ label: TEST_LABEL }));
+        expect(result.current).toHaveProperty("labelProps");
+        expect(result.current).toHaveProperty("inputProps");
+    });
+    describe("uncontrolled value", () => {
+        it("should default value to empty string", () => {
+            (0, react_1.render)((0, jsx_runtime_1.jsx)(WrapperComponent, { label: TEST_LABEL }));
+            expect(react_1.screen.getByLabelText(TEST_LABEL)).toHaveValue("");
+        });
+        it("should set the value to the default value", () => {
+            (0, react_1.render)((0, jsx_runtime_1.jsx)(WrapperComponent, { label: TEST_LABEL, defaultValue: "default" }));
+            expect(react_1.screen.getByLabelText(TEST_LABEL)).toHaveValue("default");
+        });
+        it("should not update the value if the initial value is defined", () => {
+            const { rerender } = (0, react_1.render)((0, jsx_runtime_1.jsx)(WrapperComponent, { label: TEST_LABEL, defaultValue: "default" }));
+            rerender((0, jsx_runtime_1.jsx)(WrapperComponent, { label: TEST_LABEL, defaultValue: "updated" }));
+            expect(react_1.screen.getByLabelText(TEST_LABEL)).toHaveValue("default");
+        });
+    });
+    describe("controlled value", () => {
+        it("should set the value to the value prop", () => {
+            const handleChange = jest.fn();
+            (0, react_1.render)((0, jsx_runtime_1.jsx)(WrapperComponent, { label: TEST_LABEL, value: "value", onChange: handleChange }));
+            expect(react_1.screen.getByLabelText(TEST_LABEL)).toHaveValue("value");
+        });
+        it("should call onChange with event", async () => {
+            const handleChange = jest.fn();
+            (0, react_1.render)((0, jsx_runtime_1.jsx)(WrapperComponent, { label: TEST_LABEL, value: "value", onChange: handleChange }));
+            const input = react_1.screen.getByLabelText(TEST_LABEL);
+            input.focus();
+            await user_event_1.default.keyboard("a");
+            expect(handleChange).toHaveBeenCalledWith(expect.objectContaining({
+                target: input,
+            }));
+        });
+    });
+    describe("isDisabled", () => {
+        it("should disable the input when isDisabled is true", () => {
+            (0, react_1.render)((0, jsx_runtime_1.jsx)(WrapperComponent, { label: TEST_LABEL, isDisabled: true }));
+            expect(react_1.screen.getByLabelText(TEST_LABEL)).toBeDisabled();
+        });
+        it("should not call onChange when isDisabled is true", async () => {
+            const handleChange = jest.fn();
+            (0, react_1.render)((0, jsx_runtime_1.jsx)(WrapperComponent, { label: TEST_LABEL, isDisabled: true, onChange: handleChange }));
+            const input = react_1.screen.getByLabelText(TEST_LABEL);
+            input.focus();
+            await user_event_1.default.keyboard("a");
+            expect(handleChange).not.toHaveBeenCalled();
+        });
+    });
+    describe("isReadOnly", () => {
+        it("should be readonly", () => {
+            (0, react_1.render)((0, jsx_runtime_1.jsx)(WrapperComponent, { isReadOnly: true, label: TEST_LABEL }));
+            expect(react_1.screen.getByLabelText(TEST_LABEL)).toHaveAttribute("readonly");
+        });
+        it("should not call onChange", async () => {
+            const handleChange = jest.fn();
+            (0, react_1.render)((0, jsx_runtime_1.jsx)(WrapperComponent, { label: TEST_LABEL, isReadOnly: true, onChange: handleChange }));
+            const input = react_1.screen.getByLabelText(TEST_LABEL);
+            input.focus();
+            await user_event_1.default.keyboard("a");
+            expect(handleChange).not.toHaveBeenCalled();
+        });
+    });
+    describe("isRequired", () => {
+        it("should set aria-required to true when isRequired is true", () => {
+            (0, react_1.render)((0, jsx_runtime_1.jsx)(WrapperComponent, { label: TEST_LABEL, isRequired: true }));
+            expect(react_1.screen.getByLabelText(TEST_LABEL)).toHaveAttribute("aria-required", "true");
+        });
+        it("should not set aria-required when isRequired is missing or false", () => {
+            (0, react_1.render)((0, jsx_runtime_1.jsx)(WrapperComponent, { label: TEST_LABEL, isRequired: undefined }));
+            expect(react_1.screen.getByLabelText(TEST_LABEL)).not.toHaveAttribute("aria-required");
+        });
+    });
+    describe("validationState", () => {
+        it("should set aria-invalid to true when validationState is invalid", () => {
+            (0, react_1.render)((0, jsx_runtime_1.jsx)(WrapperComponent, { label: TEST_LABEL, validationState: "invalid" }));
+            expect(react_1.screen.getByLabelText(TEST_LABEL)).toHaveAttribute("aria-invalid", "true");
+        });
+        it("should set aria-invalid to false when validationState is valid", () => {
+            (0, react_1.render)((0, jsx_runtime_1.jsx)(WrapperComponent, { label: TEST_LABEL, validationState: "valid" }));
+            expect(react_1.screen.getByLabelText(TEST_LABEL)).toHaveAttribute("aria-invalid", "false");
+        });
+        it("should not set aria-invalid when validationState is missing", () => {
+            (0, react_1.render)((0, jsx_runtime_1.jsx)(WrapperComponent, { label: TEST_LABEL, validationState: undefined }));
+            expect(react_1.screen.getByLabelText(TEST_LABEL)).not.toHaveAttribute("aria-invalid");
+        });
+    });
+    describe("description", () => {
+        it("should set aria-describedby when description is set", () => {
+            (0, react_1.render)((0, jsx_runtime_1.jsx)(WrapperComponent, { label: TEST_LABEL, description: "description" }));
+            expect(react_1.screen.getByLabelText(TEST_LABEL)).toHaveAttribute("aria-describedby");
+        });
+        it("should pass through aria-describedby", () => {
+            (0, react_1.render)((0, jsx_runtime_1.jsx)(WrapperComponent, { label: TEST_LABEL, description: "description", "aria-describedby": "describedby" }));
+            expect(react_1.screen.getByLabelText(TEST_LABEL)).toHaveAttribute("aria-describedby", expect.stringMatching(/(^|\s)describedby($|\s)/));
+        });
+    });
+    describe("errorMessage", () => {
+        it("should set aria-describedby when errorMessage is set", () => {
+            (0, react_1.render)((0, jsx_runtime_1.jsx)(WrapperComponent, { label: TEST_LABEL, errorMessage: "error" }));
+            expect(react_1.screen.getByLabelText(TEST_LABEL)).toHaveAttribute("aria-describedby");
+        });
+        it("should pass through aria-errormessage", () => {
+            (0, react_1.render)((0, jsx_runtime_1.jsx)(WrapperComponent, { label: TEST_LABEL, errorMessage: "error", "aria-errormessage": "errormessage" }));
+            expect(react_1.screen.getByLabelText(TEST_LABEL)).toHaveAttribute("aria-errormessage", expect.stringMatching(/(^|\s)errormessage($|\s)/));
+        });
+    });
+    // Test passthrough props
+    it.each([
+        "autoComplete",
+        "maxLength",
+        "minLength",
+        "name",
+        "placeholder",
+        "inputMode",
+        "onCopy",
+        "onCut",
+        "onPaste",
+        "onCompositionEnd",
+        "onCompositionStart",
+        "onCompositionUpdate",
+        "onSelect",
+        "onBeforeInput",
+        "onInput",
+        "onBlur",
+        "onFocus",
+    ])("should pass through %s", prop => {
+        const { result } = (0, react_1.renderHook)(() => (0, useTextField_1.useTextField)({ label: TEST_LABEL, [prop]: "test" }));
+        expect(result.current.inputProps).toHaveProperty(prop, "test");
+    });
+    describe.each(["type", "pattern"])("with % prop", prop => {
+        it("should pass prop through when inputElementType is input", () => {
+            const { result } = (0, react_1.renderHook)(() => (0, useTextField_1.useTextField)({
+                label: TEST_LABEL,
+                [prop]: "test",
+                inputElementType: "input",
+            }));
+            expect(result.current.inputProps).toHaveProperty(prop, "test");
+        });
+        it("should not pass prop through when inputElementType is textarea", () => {
+            const { result } = (0, react_1.renderHook)(() => (0, useTextField_1.useTextField)({
+                label: TEST_LABEL,
+                [prop]: "test",
+                inputElementType: "textarea",
+            }));
+            expect(result.current.inputProps).toHaveProperty(prop, undefined);
+        });
+    });
+});
+//# sourceMappingURL=useTextField.test.js.map

package/dist/cjs/hooks/useTextField/useTextField.test.js.map

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

package/dist/cjs/hooks/useWindowEvent/index.d.ts

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

package/dist/cjs/hooks/useWindowEvent/useWindowEvent.d.ts

@@ -0,0 +1 @@
+export declare function useWindowEvent<EventType extends keyof WindowEventMap>(type: EventType, listener: (this: Window, ev: WindowEventMap[EventType]) => any, options?: AddEventListenerOptions): void;

package/dist/cjs/index.d.ts

@@ -0,0 +1,3 @@
+export * from "./components";
+export * from "./hooks";
+export * from "./types";

package/dist/cjs/src/components/Accordion/Accordion.js

@@ -0,0 +1,160 @@
+"use client";
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "Accordion", {
+    enumerable: true,
+    get: function() {
+        return Accordion;
+    }
+});
+const _jsxruntime = require("react/jsx-runtime");
+const _icons = require("@simplybusiness/icons");
+const _dedupe = /*#__PURE__*/ _interop_require_default(require("classnames/dedupe"));
+const _react = require("react");
+const _Flex = require("../Flex");
+const _Icon = require("../Icon");
+function _interop_require_default(obj) {
+    return obj && obj.__esModule ? obj : {
+        default: obj
+    };
+}
+const AccordionLink = ({ text, toggle, onClick, headerChildren, ariaExpanded })=>{
+    const linkClasses = (0, _dedupe.default)("mobius/AccordionLink", {
+        "--is-open": ariaExpanded
+    });
+    const iconClasses = (0, _dedupe.default)("mobius/AccordionLinkIcon", {
+        "--is-open": ariaExpanded
+    });
+    const handleOnClick = ()=>{
+        if (onClick) {
+            onClick();
+        }
+        toggle();
+    };
+    const handleKeyDown = (e)=>{
+        if (e.key === " " || e.key === "Enter") {
+            toggle();
+        }
+    };
+    if (headerChildren) {
+        return /*#__PURE__*/ (0, _jsxruntime.jsxs)(_Flex.Flex, {
+            justifyContent: "space-between",
+            alignItems: "center",
+            className: "mobius/AccordionHeader",
+            children: [
+                /*#__PURE__*/ (0, _jsxruntime.jsxs)("div", {
+                    className: linkClasses,
+                    onClick: handleOnClick,
+                    onKeyDown: handleKeyDown,
+                    role: "button",
+                    tabIndex: 0,
+                    "aria-expanded": !!ariaExpanded,
+                    children: [
+                        /*#__PURE__*/ (0, _jsxruntime.jsx)("span", {
+                            className: "mobius/AccordionLinkText",
+                            children: text
+                        }),
+                        /*#__PURE__*/ (0, _jsxruntime.jsx)(_Icon.Icon, {
+                            icon: _icons.chevronDown,
+                            className: iconClasses
+                        })
+                    ]
+                }),
+                headerChildren
+            ]
+        });
+    }
+    return /*#__PURE__*/ (0, _jsxruntime.jsxs)("div", {
+        className: linkClasses,
+        onClick: handleOnClick,
+        onKeyDown: handleKeyDown,
+        role: "button",
+        tabIndex: 0,
+        "aria-expanded": !!ariaExpanded,
+        children: [
+            /*#__PURE__*/ (0, _jsxruntime.jsx)("span", {
+                className: "mobius/AccordionLinkText",
+                children: text
+            }),
+            /*#__PURE__*/ (0, _jsxruntime.jsx)(_Icon.Icon, {
+                icon: _icons.chevronDown,
+                className: iconClasses
+            })
+        ]
+    });
+};
+const Accordion = /*#__PURE__*/ (0, _react.forwardRef)((props, ref)=>{
+    var _window;
+    const { showText = "See more", hideText = "See less", headerPosition = "top", startOpen = false, onOpen, onClose, onChange = ()=>{}, headerChildren, ...rest } = props;
+    const [accordionState, setAccordionState] = (0, _react.useState)({
+        open: true,
+        withAnimation: false
+    });
+    const prefersReducedMotion = (_window = window) === null || _window === void 0 ? void 0 : _window.matchMedia("(prefers-reduced-motion: reduce)").matches;
+    const containerClasses = (0, _dedupe.default)("mobius", "mobius/Accordion", props.className, {
+        "--should-animate": accordionState.withAnimation && !prefersReducedMotion,
+        "--is-open": accordionState.open
+    });
+    const contentContainerClasses = (0, _dedupe.default)("mobius/AccordionContentContainer", {
+        "--is-open": accordionState.open
+    });
+    const contentClasses = (0, _dedupe.default)("mobius/AccordionContent", {
+        "--is-open": accordionState.open
+    });
+    const linkText = accordionState.open ? hideText : showText;
+    const handleChange = ()=>{
+        // Fire events
+        if (!accordionState.open && onOpen) {
+            onOpen();
+        }
+        if (accordionState.open && onClose) {
+            onClose();
+        }
+        if (onChange) {
+            onChange(!accordionState.open);
+        }
+        setAccordionState({
+            open: !accordionState.open,
+            withAnimation: true
+        });
+    };
+    (0, _react.useEffect)(()=>{
+        setAccordionState({
+            open: startOpen,
+            withAnimation: false
+        });
+    }, [
+        startOpen
+    ]);
+    return /*#__PURE__*/ (0, _jsxruntime.jsxs)("div", {
+        ref: ref,
+        ...rest,
+        className: containerClasses,
+        children: [
+            headerPosition === "top" && /*#__PURE__*/ (0, _jsxruntime.jsx)(AccordionLink, {
+                text: linkText,
+                toggle: handleChange,
+                ariaExpanded: accordionState.open,
+                headerChildren: headerChildren
+            }),
+            /*#__PURE__*/ (0, _jsxruntime.jsx)("div", {
+                className: contentContainerClasses,
+                "aria-hidden": !accordionState.open,
+                children: /*#__PURE__*/ (0, _jsxruntime.jsx)("div", {
+                    className: contentClasses,
+                    children: props.children
+                })
+            }),
+            headerPosition === "bottom" && /*#__PURE__*/ (0, _jsxruntime.jsx)(AccordionLink, {
+                text: linkText,
+                toggle: handleChange,
+                ariaExpanded: accordionState.open,
+                headerChildren: headerChildren
+            })
+        ]
+    });
+});
+
+//# sourceMappingURL=Accordion.js.map

package/dist/cjs/src/components/Accordion/Accordion.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/components/Accordion/Accordion.tsx"],"sourcesContent":["\"use client\";\n\nimport { chevronDown } from \"@simplybusiness/icons\";\nimport classNames from \"classnames/dedupe\";\nimport {\n  KeyboardEvent,\n  ReactNode,\n  Ref,\n  RefAttributes,\n  forwardRef,\n  useEffect,\n  useState,\n} from \"react\";\nimport { ForwardedRefComponent } from \"../../types/components\";\nimport { DOMProps } from \"../../types/dom\";\nimport { Flex } from \"../Flex\";\nimport { Icon } from \"../Icon\";\n\nexport type AccordionElementType = HTMLDivElement;\nexport type AccordionRef = Ref<AccordionElementType>;\nexport interface AccordionLinkProps extends DOMProps {\n  /** Link text to show accordion content */\n  text?: string;\n  onClick?: () => void;\n  toggle: () => void;\n  headerChildren?: ReactNode;\n  ariaExpanded: boolean | undefined;\n}\n\nconst AccordionLink = ({\n  text,\n  toggle,\n  onClick,\n  headerChildren,\n  ariaExpanded,\n}: AccordionLinkProps) => {\n  const linkClasses = classNames(\"mobius/AccordionLink\", {\n    \"--is-open\": ariaExpanded,\n  });\n  const iconClasses = classNames(\"mobius/AccordionLinkIcon\", {\n    \"--is-open\": ariaExpanded,\n  });\n\n  const handleOnClick = (): void => {\n    if (onClick) {\n      onClick();\n    }\n    toggle();\n  };\n\n  const handleKeyDown = (e: KeyboardEvent) => {\n    if (e.key === \" \" || e.key === \"Enter\") {\n      toggle();\n    }\n  };\n\n  if (headerChildren) {\n    return (\n      <Flex\n        justifyContent=\"space-between\"\n        alignItems=\"center\"\n        className=\"mobius/AccordionHeader\"\n      >\n        <div\n          className={linkClasses}\n          onClick={handleOnClick}\n          onKeyDown={handleKeyDown}\n          role=\"button\"\n          tabIndex={0}\n          aria-expanded={!!ariaExpanded}\n        >\n          <span className=\"mobius/AccordionLinkText\">{text}</span>\n          <Icon icon={chevronDown} className={iconClasses} />\n        </div>\n        {headerChildren}\n      </Flex>\n    );\n  }\n\n  return (\n    <div\n      className={linkClasses}\n      onClick={handleOnClick}\n      onKeyDown={handleKeyDown}\n      role=\"button\"\n      tabIndex={0}\n      aria-expanded={!!ariaExpanded}\n    >\n      <span className=\"mobius/AccordionLinkText\">{text}</span>\n      <Icon icon={chevronDown} className={iconClasses} />\n    </div>\n  );\n};\n\nexport interface AccordionProps\n  extends DOMProps,\n    RefAttributes<AccordionElementType> {\n  /** Custom class name for setting specific CSS */\n  className?: string;\n  /** Link text to show accordion content */\n  showText?: string;\n  /** Link text to hide accordion content */\n  hideText?: string;\n  /** Whether header is above or below content */\n  headerPosition?: \"top\" | \"bottom\";\n  /** Whether to expand the accordion initially */\n  startOpen?: boolean | undefined;\n  /** Callback that fires each time the accordion is opened */\n  onOpen?: () => void;\n  /** Callback that fires each time the accordion is closed */\n  onClose?: () => void;\n  /** Callback that fires each time the accordion state changes */\n  onChange?: (state: boolean) => void;\n  children?: ReactNode;\n  headerChildren?: ReactNode;\n}\n\nexport const Accordion: ForwardedRefComponent<\n  AccordionProps,\n  AccordionElementType\n> = forwardRef((props: AccordionProps, ref: AccordionRef) => {\n  const {\n    showText = \"See more\",\n    hideText = \"See less\",\n    headerPosition = \"top\",\n    startOpen = false,\n    onOpen,\n    onClose,\n    onChange = () => {},\n    headerChildren,\n    ...rest\n  } = props;\n  const [accordionState, setAccordionState] = useState({\n    open: true,\n    withAnimation: false,\n  });\n  const prefersReducedMotion = window?.matchMedia(\n    \"(prefers-reduced-motion: reduce)\",\n  ).matches;\n\n  const containerClasses = classNames(\n    \"mobius\",\n    \"mobius/Accordion\",\n    props.className,\n    {\n      \"--should-animate\": accordionState.withAnimation && !prefersReducedMotion,\n      \"--is-open\": accordionState.open,\n    },\n  );\n  const contentContainerClasses = classNames(\n    \"mobius/AccordionContentContainer\",\n    {\n      \"--is-open\": accordionState.open,\n    },\n  );\n  const contentClasses = classNames(\"mobius/AccordionContent\", {\n    \"--is-open\": accordionState.open,\n  });\n  const linkText = accordionState.open ? hideText : showText;\n\n  const handleChange = () => {\n    // Fire events\n    if (!accordionState.open && onOpen) {\n      onOpen();\n    }\n    if (accordionState.open && onClose) {\n      onClose();\n    }\n    if (onChange) {\n      onChange(!accordionState.open);\n    }\n    setAccordionState({\n      open: !accordionState.open,\n      withAnimation: true,\n    });\n  };\n\n  useEffect(() => {\n    setAccordionState({\n      open: startOpen,\n      withAnimation: false,\n    });\n  }, [startOpen]);\n\n  return (\n    <div ref={ref} {...rest} className={containerClasses}>\n      {headerPosition === \"top\" && (\n        <AccordionLink\n          text={linkText}\n          toggle={handleChange}\n          ariaExpanded={accordionState.open}\n          headerChildren={headerChildren}\n        />\n      )}\n      <div\n        className={contentContainerClasses}\n        aria-hidden={!accordionState.open}\n      >\n        <div className={contentClasses}>{props.children}</div>\n      </div>\n      {headerPosition === \"bottom\" && (\n        <AccordionLink\n          text={linkText}\n          toggle={handleChange}\n          ariaExpanded={accordionState.open}\n          headerChildren={headerChildren}\n        />\n      )}\n    </div>\n  );\n});\n"],"names":["Accordion","AccordionLink","text","toggle","onClick","headerChildren","ariaExpanded","linkClasses","classNames","iconClasses","handleOnClick","handleKeyDown","e","key","Flex","justifyContent","alignItems","className","div","onKeyDown","role","tabIndex","aria-expanded","span","Icon","icon","chevronDown","forwardRef","props","ref","window","showText","hideText","headerPosition","startOpen","onOpen","onClose","onChange","rest","accordionState","setAccordionState","useState","open","withAnimation","prefersReducedMotion","matchMedia","matches","containerClasses","contentContainerClasses","contentClasses","linkText","handleChange","useEffect","aria-hidden","children"],"mappings":"AAAA;;;;;+BAqHaA;;;eAAAA;;;;uBAnHe;+DACL;uBAShB;sBAGc;sBACA;;;;;;AAarB,MAAMC,gBAAgB,CAAC,EACrBC,IAAI,EACJC,MAAM,EACNC,OAAO,EACPC,cAAc,EACdC,YAAY,EACO;IACnB,MAAMC,cAAcC,IAAAA,eAAU,EAAC,wBAAwB;QACrD,aAAaF;IACf;IACA,MAAMG,cAAcD,IAAAA,eAAU,EAAC,4BAA4B;QACzD,aAAaF;IACf;IAEA,MAAMI,gBAAgB;QACpB,IAAIN,SAAS;YACXA;QACF;QACAD;IACF;IAEA,MAAMQ,gBAAgB,CAACC;QACrB,IAAIA,EAAEC,GAAG,KAAK,OAAOD,EAAEC,GAAG,KAAK,SAAS;YACtCV;QACF;IACF;IAEA,IAAIE,gBAAgB;QAClB,qBACE,sBAACS,UAAI;YACHC,gBAAe;YACfC,YAAW;YACXC,WAAU;;8BAEV,sBAACC;oBACCD,WAAWV;oBACXH,SAASM;oBACTS,WAAWR;oBACXS,MAAK;oBACLC,UAAU;oBACVC,iBAAe,CAAC,CAAChB;;sCAEjB,qBAACiB;4BAAKN,WAAU;sCAA4Bf;;sCAC5C,qBAACsB,UAAI;4BAACC,MAAMC,kBAAW;4BAAET,WAAWR;;;;gBAErCJ;;;IAGP;IAEA,qBACE,sBAACa;QACCD,WAAWV;QACXH,SAASM;QACTS,WAAWR;QACXS,MAAK;QACLC,UAAU;QACVC,iBAAe,CAAC,CAAChB;;0BAEjB,qBAACiB;gBAAKN,WAAU;0BAA4Bf;;0BAC5C,qBAACsB,UAAI;gBAACC,MAAMC,kBAAW;gBAAET,WAAWR;;;;AAG1C;AAyBO,MAAMT,0BAGT2B,IAAAA,iBAAU,EAAC,CAACC,OAAuBC;QAgBRC;IAf7B,MAAM,EACJC,WAAW,UAAU,EACrBC,WAAW,UAAU,EACrBC,iBAAiB,KAAK,EACtBC,YAAY,KAAK,EACjBC,MAAM,EACNC,OAAO,EACPC,WAAW,KAAO,CAAC,EACnBhC,cAAc,EACd,GAAGiC,MACJ,GAAGV;IACJ,MAAM,CAACW,gBAAgBC,kBAAkB,GAAGC,IAAAA,eAAQ,EAAC;QACnDC,MAAM;QACNC,eAAe;IACjB;IACA,MAAMC,wBAAuBd,UAAAA,oBAAAA,8BAAAA,QAAQe,UAAU,CAC7C,oCACAC,OAAO;IAET,MAAMC,mBAAmBvC,IAAAA,eAAU,EACjC,UACA,oBACAoB,MAAMX,SAAS,EACf;QACE,oBAAoBsB,eAAeI,aAAa,IAAI,CAACC;QACrD,aAAaL,eAAeG,IAAI;IAClC;IAEF,MAAMM,0BAA0BxC,IAAAA,eAAU,EACxC,oCACA;QACE,aAAa+B,eAAeG,IAAI;IAClC;IAEF,MAAMO,iBAAiBzC,IAAAA,eAAU,EAAC,2BAA2B;QAC3D,aAAa+B,eAAeG,IAAI;IAClC;IACA,MAAMQ,WAAWX,eAAeG,IAAI,GAAGV,WAAWD;IAElD,MAAMoB,eAAe;QACnB,cAAc;QACd,IAAI,CAACZ,eAAeG,IAAI,IAAIP,QAAQ;YAClCA;QACF;QACA,IAAII,eAAeG,IAAI,IAAIN,SAAS;YAClCA;QACF;QACA,IAAIC,UAAU;YACZA,SAAS,CAACE,eAAeG,IAAI;QAC/B;QACAF,kBAAkB;YAChBE,MAAM,CAACH,eAAeG,IAAI;YAC1BC,eAAe;QACjB;IACF;IAEAS,IAAAA,gBAAS,EAAC;QACRZ,kBAAkB;YAChBE,MAAMR;YACNS,eAAe;QACjB;IACF,GAAG;QAACT;KAAU;IAEd,qBACE,sBAAChB;QAAIW,KAAKA;QAAM,GAAGS,IAAI;QAAErB,WAAW8B;;YACjCd,mBAAmB,uBAClB,qBAAChC;gBACCC,MAAMgD;gBACN/C,QAAQgD;gBACR7C,cAAciC,eAAeG,IAAI;gBACjCrC,gBAAgBA;;0BAGpB,qBAACa;gBACCD,WAAW+B;gBACXK,eAAa,CAACd,eAAeG,IAAI;0BAEjC,cAAA,qBAACxB;oBAAID,WAAWgC;8BAAiBrB,MAAM0B,QAAQ;;;YAEhDrB,mBAAmB,0BAClB,qBAAChC;gBACCC,MAAMgD;gBACN/C,QAAQgD;gBACR7C,cAAciC,eAAeG,IAAI;gBACjCrC,gBAAgBA;;;;AAK1B"}

package/dist/cjs/src/components/Accordion/index.js

@@ -0,0 +1,20 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+_export_star(require("./Accordion"), exports);
+function _export_star(from, to) {
+    Object.keys(from).forEach(function(k) {
+        if (k !== "default" && !Object.prototype.hasOwnProperty.call(to, k)) {
+            Object.defineProperty(to, k, {
+                enumerable: true,
+                get: function() {
+                    return from[k];
+                }
+            });
+        }
+    });
+    return from;
+}
+
+//# sourceMappingURL=index.js.map

package/dist/cjs/src/components/Accordion/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/components/Accordion/index.tsx"],"sourcesContent":["export * from \"./Accordion\";\n"],"names":[],"mappings":";;;;qBAAc"}

package/dist/cjs/src/components/Alert/Alert.js

@@ -0,0 +1,69 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "Alert", {
+    enumerable: true,
+    get: function() {
+        return Alert;
+    }
+});
+const _jsxruntime = require("react/jsx-runtime");
+const _react = require("react");
+const _dedupe = /*#__PURE__*/ _interop_require_default(require("classnames/dedupe"));
+const _icons = require("@simplybusiness/icons");
+const _Icon = require("../Icon");
+function _interop_require_default(obj) {
+    return obj && obj.__esModule ? obj : {
+        default: obj
+    };
+}
+const Alert = /*#__PURE__*/ (0, _react.forwardRef)((props, ref)=>{
+    const { elementType: Element = "div", variant = "info", show = true, header, children, ...otherProps } = props;
+    if (!show) return null;
+    const classes = (0, _dedupe.default)("mobius", "mobius/Alert", {
+        "--info": variant === "info",
+        "--success": variant === "success",
+        "--warning": variant === "warning",
+        "--error": variant === "error",
+        "--has-header": header
+    }, otherProps.className);
+    const icon = {
+        info: _icons.info,
+        success: _icons.success,
+        warning: _icons.warning,
+        error: _icons.error
+    };
+    const headerClasses = (0, _dedupe.default)("mobius", "mobius/AlertHeader");
+    const iconClasses = (0, _dedupe.default)("mobius", "mobius/AlertIcon");
+    const contentClasses = (0, _dedupe.default)("mobius", "mobius/AlertContent");
+    return /*#__PURE__*/ (0, _jsxruntime.jsxs)(Element, {
+        ref: ref,
+        role: "alert",
+        ...otherProps,
+        className: classes,
+        children: [
+            /*#__PURE__*/ (0, _jsxruntime.jsx)("span", {
+                className: iconClasses,
+                children: /*#__PURE__*/ (0, _jsxruntime.jsx)(_Icon.Icon, {
+                    icon: icon[variant]
+                })
+            }),
+            /*#__PURE__*/ (0, _jsxruntime.jsxs)("div", {
+                children: [
+                    header && /*#__PURE__*/ (0, _jsxruntime.jsx)("p", {
+                        className: headerClasses,
+                        children: header
+                    }),
+                    /*#__PURE__*/ (0, _jsxruntime.jsx)("div", {
+                        className: contentClasses,
+                        children: children
+                    })
+                ]
+            })
+        ]
+    });
+});
+Alert.displayName = "Alert";
+
+//# sourceMappingURL=Alert.js.map

package/dist/cjs/src/components/Alert/Alert.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/components/Alert/Alert.tsx"],"sourcesContent":["import { Ref, forwardRef, RefAttributes, ReactNode } from \"react\";\nimport classNames from \"classnames/dedupe\";\nimport { info, success, warning, error } from \"@simplybusiness/icons\";\nimport { DOMProps } from \"../../types/dom\";\nimport { ForwardedRefComponent } from \"../../types/components\";\nimport { Icon } from \"../Icon\";\n\nexport type AlertElementType = HTMLDivElement;\n\nexport interface AlertProps extends DOMProps, RefAttributes<AlertElementType> {\n  children?: ReactNode;\n  /** Custom class name for setting specific CSS */\n  className?: string;\n  elementType?: string | React.ElementType;\n  variant?: \"info\" | \"success\" | \"warning\" | \"error\";\n  show?: boolean;\n  header?: string;\n}\n\nexport type AlertRef = Ref<AlertElementType>;\n\nconst Alert: ForwardedRefComponent<AlertProps, AlertElementType> = forwardRef(\n  (props: AlertProps, ref: AlertRef) => {\n    const {\n      elementType: Element = \"div\",\n      variant = \"info\",\n      show = true,\n      header,\n      children,\n      ...otherProps\n    } = props;\n\n    if (!show) return null;\n\n    const classes = classNames(\n      \"mobius\",\n      \"mobius/Alert\",\n      {\n        \"--info\": variant === \"info\",\n        \"--success\": variant === \"success\",\n        \"--warning\": variant === \"warning\",\n        \"--error\": variant === \"error\",\n        \"--has-header\": header,\n      },\n      otherProps.className,\n    );\n    const icon = {\n      info,\n      success,\n      warning,\n      error,\n    };\n\n    const headerClasses = classNames(\"mobius\", \"mobius/AlertHeader\");\n    const iconClasses = classNames(\"mobius\", \"mobius/AlertIcon\");\n    const contentClasses = classNames(\"mobius\", \"mobius/AlertContent\");\n\n    return (\n      <Element ref={ref} role=\"alert\" {...otherProps} className={classes}>\n        <span className={iconClasses}>\n          <Icon icon={icon[variant]} />\n        </span>\n        <div>\n          {header && <p className={headerClasses}>{header}</p>}\n          <div className={contentClasses}>{children}</div>\n        </div>\n      </Element>\n    );\n  },\n);\n\nAlert.displayName = \"Alert\";\nexport { Alert };\n"],"names":["Alert","forwardRef","props","ref","elementType","Element","variant","show","header","children","otherProps","classes","classNames","className","icon","info","success","warning","error","headerClasses","iconClasses","contentClasses","role","span","Icon","div","p","displayName"],"mappings":";;;;+BAwESA;;;eAAAA;;;;uBAxEiD;+DACnC;uBACuB;sBAGzB;;;;;;AAgBrB,MAAMA,sBAA6DC,IAAAA,iBAAU,EAC3E,CAACC,OAAmBC;IAClB,MAAM,EACJC,aAAaC,UAAU,KAAK,EAC5BC,UAAU,MAAM,EAChBC,OAAO,IAAI,EACXC,MAAM,EACNC,QAAQ,EACR,GAAGC,YACJ,GAAGR;IAEJ,IAAI,CAACK,MAAM,OAAO;IAElB,MAAMI,UAAUC,IAAAA,eAAU,EACxB,UACA,gBACA;QACE,UAAUN,YAAY;QACtB,aAAaA,YAAY;QACzB,aAAaA,YAAY;QACzB,WAAWA,YAAY;QACvB,gBAAgBE;IAClB,GACAE,WAAWG,SAAS;IAEtB,MAAMC,OAAO;QACXC,MAAAA,WAAI;QACJC,SAAAA,cAAO;QACPC,SAAAA,cAAO;QACPC,OAAAA,YAAK;IACP;IAEA,MAAMC,gBAAgBP,IAAAA,eAAU,EAAC,UAAU;IAC3C,MAAMQ,cAAcR,IAAAA,eAAU,EAAC,UAAU;IACzC,MAAMS,iBAAiBT,IAAAA,eAAU,EAAC,UAAU;IAE5C,qBACE,sBAACP;QAAQF,KAAKA;QAAKmB,MAAK;QAAS,GAAGZ,UAAU;QAAEG,WAAWF;;0BACzD,qBAACY;gBAAKV,WAAWO;0BACf,cAAA,qBAACI,UAAI;oBAACV,MAAMA,IAAI,CAACR,QAAQ;;;0BAE3B,sBAACmB;;oBACEjB,wBAAU,qBAACkB;wBAAEb,WAAWM;kCAAgBX;;kCACzC,qBAACiB;wBAAIZ,WAAWQ;kCAAiBZ;;;;;;AAIzC;AAGFT,MAAM2B,WAAW,GAAG"}

package/dist/cjs/src/components/Alert/index.js

@@ -0,0 +1,20 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+_export_star(require("./Alert"), exports);
+function _export_star(from, to) {
+    Object.keys(from).forEach(function(k) {
+        if (k !== "default" && !Object.prototype.hasOwnProperty.call(to, k)) {
+            Object.defineProperty(to, k, {
+                enumerable: true,
+                get: function() {
+                    return from[k];
+                }
+            });
+        }
+    });
+    return from;
+}
+
+//# sourceMappingURL=index.js.map

package/dist/cjs/src/components/Alert/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/components/Alert/index.tsx"],"sourcesContent":["export * from \"./Alert\";\n"],"names":[],"mappings":";;;;qBAAc"}