@simplybusiness/mobius 4.2.8 → 4.3.1

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

@@ -0,0 +1,19 @@
+import { HTMLInputTypeAttribute, ReactElement, ReactNode, Ref, RefAttributes } from "react";
+import { UseTextFieldProps } from "../../hooks";
+import { DOMProps, FocusEvents } from "../../types";
+import { ForwardedRefComponent } from "../../types/components";
+export type TextFieldElementType = HTMLInputElement;
+export interface TextFieldProps extends DOMProps, FocusEvents, UseTextFieldProps, RefAttributes<TextFieldElementType> {
+    className?: string;
+    errorMessage?: string;
+    children?: ReactNode;
+    label?: string;
+    type?: Exclude<HTMLInputTypeAttribute, "button" | "checkbox" | "color" | "date" | "datetime-local" | "file" | "image" | "month" | "radio" | "range" | "reset" | "submit" | "week">;
+    prefixInside?: ReactElement;
+    prefixOutside?: ReactElement;
+    suffixInside?: ReactElement;
+    suffixOutside?: ReactElement;
+}
+export type TextFieldRef = Ref<TextFieldElementType>;
+declare const TextField: ForwardedRefComponent<TextFieldProps, TextFieldElementType>;
+export { TextField };

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

@@ -0,0 +1,20 @@
+import type { Meta, StoryObj } from "@storybook/react";
+import { TextField } from "./TextField";
+type StoryType = StoryObj<typeof TextField>;
+declare const meta: Meta<typeof TextField>;
+export declare const Normal: StoryType;
+export declare const Placeholder: StoryType;
+export declare const ControlledValue: StoryType;
+export declare const Disabled: StoryType;
+export declare const Valid: StoryType;
+export declare const Hidden: StoryType;
+export declare const Invalid: StoryType;
+export declare const WithChildren: StoryType;
+export declare const WithPrefixInside: StoryType;
+export declare const WithPrefixAndSuffixInside: StoryType;
+export declare const WithPrefixInsideAndSuffixOutside: StoryType;
+export declare const WithPrefixOutsideAndSuffixInside: StoryType;
+export declare const WithPrefixOutside: StoryType;
+export declare const WithSuffixOutside: StoryType;
+export declare const ExampleHorizontal: () => import("react/jsx-runtime").JSX.Element;
+export default meta;

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

@@ -0,0 +1,219 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ExampleHorizontal = exports.WithSuffixOutside = exports.WithPrefixOutside = exports.WithPrefixOutsideAndSuffixInside = exports.WithPrefixInsideAndSuffixOutside = exports.WithPrefixAndSuffixInside = exports.WithPrefixInside = exports.WithChildren = exports.Invalid = exports.Hidden = exports.Valid = exports.Disabled = exports.ControlledValue = exports.Placeholder = exports.Normal = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("react");
+const icons_1 = require("@simplybusiness/icons");
+const TextField_1 = require("./TextField");
+const utils_1 = require("../../utils");
+const Segment_1 = require("../Segment");
+const Icon_1 = require("../Icon");
+const Button_1 = require("../Button");
+const Text_1 = require("../Text/Text");
+const meta = {
+    title: "Forms/TextField",
+    component: TextField_1.TextField,
+    excludeStories: ["ExampleHorizontal"],
+    argTypes: Object.assign({ validationState: {
+            options: ["valid", "invalid", "neither"],
+            control: { type: "radio" },
+            mapping: {
+                valid: "valid",
+                invalid: "invalid",
+                neither: "",
+            },
+        }, type: {
+            options: ["text", "password", "email", "tel", "url", "hidden"],
+            control: { type: "radio" },
+        } }, (0, utils_1.excludeControls)("description", "prefixInside", "prefixOutside", "suffixInside", "suffixOutside")),
+    args: {
+        isRequired: false,
+        isReadOnly: false,
+    },
+    decorators: [
+        Story => ((0, jsx_runtime_1.jsx)(utils_1.StoryContainer, { children: (0, jsx_runtime_1.jsx)(Story, {}) })),
+    ],
+};
+exports.Normal = {
+    render: (args) => (0, jsx_runtime_1.jsx)(TextField_1.TextField, Object.assign({}, args)),
+    args: {
+        label: "First name",
+        placeholder: "",
+        type: "text",
+        isDisabled: false,
+        errorMessage: "",
+    },
+};
+exports.Placeholder = {
+    render: (args) => (0, jsx_runtime_1.jsx)(TextField_1.TextField, Object.assign({}, args)),
+    args: {
+        label: "Email",
+        placeholder: "email@example.com",
+        type: "text",
+        isDisabled: false,
+        errorMessage: "",
+    },
+};
+exports.ControlledValue = {
+    render: (args) => (0, jsx_runtime_1.jsx)(TextField_1.TextField, Object.assign({}, args)),
+    args: {
+        label: "First name",
+        placeholder: "",
+        defaultValue: "john.doe@email.com",
+        type: "text",
+        isDisabled: false,
+        errorMessage: "",
+    },
+};
+exports.Disabled = {
+    render: (args) => (0, jsx_runtime_1.jsx)(TextField_1.TextField, Object.assign({}, args)),
+    args: {
+        label: "First name",
+        placeholder: "",
+        defaultValue: "john.doe@email.com",
+        type: "text",
+        isDisabled: true,
+        errorMessage: "",
+    },
+};
+exports.Valid = {
+    render: (args) => (0, jsx_runtime_1.jsx)(TextField_1.TextField, Object.assign({}, args)),
+    args: {
+        label: "First name",
+        placeholder: "",
+        defaultValue: "john.doe@email.com",
+        type: "text",
+        isDisabled: false,
+        validationState: "valid",
+        errorMessage: "",
+    },
+};
+exports.Hidden = {
+    render: (args) => (0, jsx_runtime_1.jsx)(TextField_1.TextField, Object.assign({}, args)),
+    args: {
+        label: "Secret",
+        placeholder: "",
+        defaultValue: "",
+        type: "hidden",
+        isDisabled: false,
+        errorMessage: "",
+    },
+};
+exports.Invalid = {
+    render: (args) => (0, jsx_runtime_1.jsx)(TextField_1.TextField, Object.assign({}, args)),
+    args: {
+        label: "First name",
+        placeholder: "",
+        defaultValue: "john.doe@email.com",
+        type: "text",
+        isDisabled: false,
+        validationState: "invalid",
+        errorMessage: "This is an error message",
+    },
+};
+exports.WithChildren = {
+    render: (args) => (0, jsx_runtime_1.jsx)(TextField_1.TextField, Object.assign({}, args)),
+    args: {
+        label: "First name",
+        placeholder: "",
+        type: "text",
+        isDisabled: false,
+        errorMessage: "",
+        children: (0, jsx_runtime_1.jsx)(Text_1.Text, { children: "A custom component" }),
+    },
+};
+exports.WithPrefixInside = {
+    render: (args) => (0, jsx_runtime_1.jsx)(TextField_1.TextField, Object.assign({}, args)),
+    args: {
+        label: "What is your specific trade/profession?",
+        placeholder: "",
+        type: "text",
+        isRequired: true,
+        isDisabled: false,
+        errorMessage: "",
+        prefixInside: (0, jsx_runtime_1.jsx)(Icon_1.Icon, { icon: icons_1.search }),
+    },
+};
+exports.WithPrefixAndSuffixInside = {
+    render: (args) => (0, jsx_runtime_1.jsx)(TextField_1.TextField, Object.assign({}, args)),
+    args: {
+        label: "Amount",
+        placeholder: "",
+        type: "text",
+        isRequired: true,
+        isDisabled: false,
+        errorMessage: "",
+        prefixInside: (0, jsx_runtime_1.jsx)(Text_1.Text, { variant: "body", children: "$" }),
+        suffixInside: (0, jsx_runtime_1.jsx)(Text_1.Text, { variant: "body", children: ".00" }),
+    },
+};
+exports.WithPrefixInsideAndSuffixOutside = {
+    render: (args) => (0, jsx_runtime_1.jsx)(TextField_1.TextField, Object.assign({}, args)),
+    args: {
+        label: "What does your business do?",
+        placeholder: "",
+        type: "text",
+        isRequired: true,
+        isDisabled: false,
+        errorMessage: "",
+        prefixInside: (0, jsx_runtime_1.jsx)(Icon_1.Icon, { icon: icons_1.search }),
+        suffixOutside: (0, jsx_runtime_1.jsx)(Button_1.Button, { children: "Get Started" }),
+    },
+};
+exports.WithPrefixOutsideAndSuffixInside = {
+    render: (args) => (0, jsx_runtime_1.jsx)(TextField_1.TextField, Object.assign({}, args)),
+    args: {
+        label: "What is your specific trade/profession?",
+        placeholder: "",
+        type: "text",
+        isRequired: true,
+        isDisabled: false,
+        errorMessage: "",
+        prefixOutside: (0, jsx_runtime_1.jsx)(Button_1.Button, { children: "Start your quote" }),
+        suffixInside: (0, jsx_runtime_1.jsx)(Icon_1.Icon, { icon: icons_1.search }),
+    },
+};
+exports.WithPrefixOutside = {
+    render: (args) => (0, jsx_runtime_1.jsx)(TextField_1.TextField, Object.assign({}, args)),
+    args: {
+        label: "Link",
+        placeholder: "",
+        type: "text",
+        isDisabled: false,
+        isRequired: true,
+        errorMessage: "",
+        prefixOutside: (0, jsx_runtime_1.jsx)(Text_1.Text, { variant: "body", children: "https://" }),
+    },
+};
+exports.WithSuffixOutside = {
+    render: (args) => {
+        // eslint-disable-next-line react-hooks/rules-of-hooks
+        const fieldRef = (0, react_1.useRef)(null);
+        return ((0, jsx_runtime_1.jsx)(TextField_1.TextField, Object.assign({}, args, { ref: fieldRef, suffixOutside: (0, jsx_runtime_1.jsx)(Button_1.Button, { variant: "primary", onClick: async () => {
+                    var _a;
+                    try {
+                        const value = (_a = fieldRef.current) === null || _a === void 0 ? void 0 : _a.value;
+                        await navigator.clipboard.writeText(value || "");
+                        // eslint-disable-next-line no-alert
+                        alert(`Copied to clipboard: ${value}`);
+                    }
+                    catch (err) {
+                        // eslint-disable-next-line no-console
+                        console.error("Failed to copy: ", err);
+                    }
+                }, children: "Copy" }) })));
+    },
+    args: {
+        label: "Reference number",
+        placeholder: "",
+        type: "text",
+        isRequired: true,
+        isDisabled: false,
+        errorMessage: "",
+        defaultValue: "REF123A456",
+    },
+};
+const ExampleHorizontal = () => ((0, jsx_runtime_1.jsxs)(Segment_1.SegmentGroup, { horizontal: true, children: [(0, jsx_runtime_1.jsx)(Segment_1.Segment, { children: (0, jsx_runtime_1.jsx)(TextField_1.TextField, { label: "First name" }) }), (0, jsx_runtime_1.jsx)(Segment_1.Segment, { children: (0, jsx_runtime_1.jsx)(TextField_1.TextField, { label: "Last name" }) })] }));
+exports.ExampleHorizontal = ExampleHorizontal;
+exports.default = meta;
+//# sourceMappingURL=TextField.stories.js.map

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

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

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

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

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

@@ -0,0 +1,164 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("@testing-library/react");
+const _1 = require(".");
+const WRAPPER_CLASS_NAME = "mobius/TextField";
+const INPUT_CLASS_NAME = "mobius/TextInput";
+const INNER_CONTAINER_SELECTOR = ".mobius\\/TextFieldInnerContainer";
+const INPUT_WRAPPER_SELECTOR = ".mobius\\/TextFieldInputWrapper";
+const CHILDREN_CONTAINER_CLASS_NAME = "mobius/TextFieldChildren";
+const PREFIX_OUTSIDE_CLASS_NAME = "mobius/TextFieldPrefixOutside";
+const PREFIX_INSIDE_CLASS_NAME = "mobius/TextFieldPrefixInside";
+const SUFFIX_INSIDE_CLASS_NAME = "mobius/TextFieldSuffixInside";
+const SUFFIX_OUTSIDE_CLASS_NAME = "mobius/TextFieldSuffixOutside";
+describe("Test for TextField", () => {
+    it("should render without errors", () => {
+        (0, react_1.render)((0, jsx_runtime_1.jsx)(_1.TextField, { label: "First name", "data-testid": "textfield" }));
+        expect(react_1.screen.getByTestId("textfield")).toHaveAttribute("type", "text");
+    });
+    it("correctly passes on type attribute", () => {
+        (0, react_1.render)((0, jsx_runtime_1.jsx)(_1.TextField, { label: "Secret Value", type: "password", "data-testid": "test" }));
+        expect(react_1.screen.getByTestId("test")).toHaveAttribute("type", "password");
+    });
+    it("children props render outside inner container", () => {
+        const pText = "Additional content";
+        const { container } = (0, react_1.render)((0, jsx_runtime_1.jsx)(_1.TextField, { label: "What does your business do?", children: (0, jsx_runtime_1.jsx)("p", { children: pText }) }));
+        const children = react_1.screen.getByText(pText);
+        const innerContainer = container.querySelector(INNER_CONTAINER_SELECTOR);
+        expect(innerContainer === null || innerContainer === void 0 ? void 0 : innerContainer.nextSibling).toBe(children.parentElement);
+        expect(children.parentElement).toHaveClass(CHILDREN_CONTAINER_CLASS_NAME);
+    });
+    describe("isRequired", () => {
+        it("should set aria-required to true", () => {
+            (0, react_1.render)((0, jsx_runtime_1.jsx)(_1.TextField, { label: "First name", isRequired: true }));
+            expect(react_1.screen.getByLabelText("First name")).toHaveAttribute("aria-required", "true");
+        });
+        it("should have className of --is-required when true", () => {
+            (0, react_1.render)((0, jsx_runtime_1.jsx)(_1.TextField, { label: "First name", isRequired: true }));
+            expect(react_1.screen.getByLabelText("First name")).toHaveClass("--is-required");
+        });
+        it("should have className of --is-optional when false", () => {
+            (0, react_1.render)((0, jsx_runtime_1.jsx)(_1.TextField, { label: "First name", isRequired: false }));
+            expect(react_1.screen.getByLabelText("First name")).toHaveClass("--is-optional");
+        });
+        it("should have neither --is-required nor --is-optional when unset", () => {
+            (0, react_1.render)((0, jsx_runtime_1.jsx)(_1.TextField, { label: "First name" }));
+            expect(react_1.screen.getByLabelText("First name")).not.toHaveClass("--is-required");
+            expect(react_1.screen.getByLabelText("First name")).not.toHaveClass("--is-optional");
+        });
+    });
+    describe("uses correct class names", () => {
+        describe("for container", () => {
+            it("uses Mobius class", () => {
+                const { container } = (0, react_1.render)((0, jsx_runtime_1.jsx)(_1.TextField, { label: "TextField", "data-testid": "test" }));
+                expect(container.firstChild).toHaveClass("mobius");
+            });
+            it("uses base Mobius class", () => {
+                const { container } = (0, react_1.render)((0, jsx_runtime_1.jsx)(_1.TextField, { label: "TextField", "data-testid": "test" }));
+                expect(container.firstChild).toHaveClass(WRAPPER_CLASS_NAME);
+            });
+            it("includes disabled class name", () => {
+                const { container } = (0, react_1.render)((0, jsx_runtime_1.jsx)(_1.TextField, { label: "TextField", "data-testid": "test", isDisabled: true }));
+                expect(container.firstChild).toHaveClass("--is-disabled");
+            });
+            it("includes valid class name", () => {
+                const { container } = (0, react_1.render)((0, jsx_runtime_1.jsx)(_1.TextField, { label: "TextField", "data-testid": "test", validationState: "valid" }));
+                expect(container.firstChild).toHaveClass("--is-valid");
+            });
+            it("includes invalid class name", () => {
+                const { container } = (0, react_1.render)((0, jsx_runtime_1.jsx)(_1.TextField, { label: "TextField", "data-testid": "test", validationState: "invalid" }));
+                expect(container.firstChild).toHaveClass("--is-invalid");
+            });
+            it("includes custom class name", () => {
+                const { container } = (0, react_1.render)((0, jsx_runtime_1.jsx)(_1.TextField, { label: "TextField", "data-testid": "test", className: "my-class" }));
+                expect(container.firstChild).toHaveClass("my-class");
+            });
+        });
+        describe("for input", () => {
+            it("uses Mobius class", () => {
+                (0, react_1.render)((0, jsx_runtime_1.jsx)(_1.TextField, { label: "TextField", "data-testid": "test" }));
+                expect(react_1.screen.getByTestId("test")).toHaveClass("mobius");
+            });
+            it("uses base Mobius class", () => {
+                (0, react_1.render)((0, jsx_runtime_1.jsx)(_1.TextField, { label: "TextField", "data-testid": "test" }));
+                expect(react_1.screen.getByTestId("test")).toHaveClass(INPUT_CLASS_NAME);
+            });
+            it("includes disabled class name and attribute", () => {
+                (0, react_1.render)((0, jsx_runtime_1.jsx)(_1.TextField, { label: "TextField", "data-testid": "test", isDisabled: true }));
+                const inputField = react_1.screen.getByTestId("test");
+                expect(inputField).toBeDisabled();
+                expect(react_1.screen.getByLabelText("TextField")).toHaveClass("--is-disabled");
+            });
+            it("includes valid class name", () => {
+                (0, react_1.render)((0, jsx_runtime_1.jsx)(_1.TextField, { label: "TextField", validationState: "valid" }));
+                expect(react_1.screen.getByLabelText("TextField")).toHaveClass("--is-valid");
+            });
+            it("includes invalid class name", () => {
+                (0, react_1.render)((0, jsx_runtime_1.jsx)(_1.TextField, { label: "TextField", validationState: "invalid" }));
+                expect(react_1.screen.getByLabelText("TextField")).toHaveClass("--is-invalid");
+            });
+            it("includes custom class name", () => {
+                (0, react_1.render)((0, jsx_runtime_1.jsx)(_1.TextField, { label: "TextField", "data-testid": "test", className: "my-class" }));
+                expect(react_1.screen.getByTestId("test")).toHaveClass("my-class");
+            });
+        });
+    });
+    describe("with errors", () => {
+        it("should render the error", () => {
+            const { getByText } = (0, react_1.render)((0, jsx_runtime_1.jsx)(_1.TextField, { label: "Name", name: "name", errorMessage: "Required" }));
+            expect(getByText("Required")).toBeTruthy();
+        });
+        it("should set aria-invalid to true", () => {
+            const { getByLabelText } = (0, react_1.render)((0, jsx_runtime_1.jsx)(_1.TextField, { label: "Name", name: "name", errorMessage: "Required", validationState: "invalid" }));
+            expect(getByLabelText("Name").getAttribute("aria-invalid")).toBeTruthy();
+        });
+        it("should set the correct aria-describedby attribute", () => {
+            const { getByLabelText } = (0, react_1.render)((0, jsx_runtime_1.jsx)(_1.TextField, { label: "Name", name: "name", errorMessage: "Required" }));
+            expect(getByLabelText("Name")).toHaveAccessibleDescription("Required");
+        });
+    });
+    describe("with adornments", () => {
+        describe("given prefixOutside", () => {
+            it("should render adornment before input wrapper", () => {
+                const buttonText = "Start your quote";
+                const { container } = (0, react_1.render)((0, jsx_runtime_1.jsx)(_1.TextField, { label: "What does your business do?", prefixOutside: (0, jsx_runtime_1.jsx)("button", { type: "button", children: buttonText }) }));
+                const adornment = react_1.screen.getByText(buttonText);
+                const inputWrapper = container.querySelector(INPUT_WRAPPER_SELECTOR);
+                expect(inputWrapper === null || inputWrapper === void 0 ? void 0 : inputWrapper.previousSibling).toBe(adornment);
+                expect(adornment).toHaveClass(PREFIX_OUTSIDE_CLASS_NAME);
+            });
+        });
+        describe("given prefixInside", () => {
+            it("should render adornment before input", () => {
+                const pText = "$";
+                const { container } = (0, react_1.render)((0, jsx_runtime_1.jsx)(_1.TextField, { label: "What does your business do?", prefixInside: (0, jsx_runtime_1.jsx)("p", { children: pText }) }));
+                const adornment = react_1.screen.getByText(pText);
+                const inputWrapper = container.querySelector(INPUT_WRAPPER_SELECTOR);
+                expect(inputWrapper === null || inputWrapper === void 0 ? void 0 : inputWrapper.firstChild).toBe(adornment);
+                expect(adornment).toHaveClass(PREFIX_INSIDE_CLASS_NAME);
+            });
+        });
+        describe("given suffixInside", () => {
+            it("should render adornment after input", () => {
+                const pText = ".00";
+                const { container } = (0, react_1.render)((0, jsx_runtime_1.jsx)(_1.TextField, { label: "What does your business do?", suffixInside: (0, jsx_runtime_1.jsx)("p", { children: pText }) }));
+                const adornment = react_1.screen.getByText(pText);
+                const inputWrapper = container.querySelector(INPUT_WRAPPER_SELECTOR);
+                expect(inputWrapper === null || inputWrapper === void 0 ? void 0 : inputWrapper.lastChild).toBe(adornment);
+                expect(adornment).toHaveClass(SUFFIX_INSIDE_CLASS_NAME);
+            });
+        });
+        describe("given suffixOutside", () => {
+            it("should render adornment after input container", () => {
+                const buttonText = "Start your quote";
+                const { container } = (0, react_1.render)((0, jsx_runtime_1.jsx)(_1.TextField, { label: "What does your business do?", suffixOutside: (0, jsx_runtime_1.jsx)("button", { type: "button", children: buttonText }) }));
+                const adornment = react_1.screen.getByText(buttonText);
+                const inputWrapper = container.querySelector(INPUT_WRAPPER_SELECTOR);
+                expect(inputWrapper === null || inputWrapper === void 0 ? void 0 : inputWrapper.nextSibling).toBe(adornment);
+                expect(adornment).toHaveClass(SUFFIX_OUTSIDE_CLASS_NAME);
+            });
+        });
+    });
+});
+//# sourceMappingURL=TextField.test.js.map

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

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

package/dist/cjs/components/TextField/adornmentWithClassName.d.ts

@@ -0,0 +1,2 @@
+import { ReactElement } from "react";
+export declare const adornmentWithClassName: (component?: ReactElement, className?: string) => ReactElement<any, string | import("react").JSXElementConstructor<any>> | null;

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

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

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

@@ -0,0 +1,15 @@
+import { Ref, RefAttributes, ReactNode } from "react";
+import { DOMProps } from "../../types/dom";
+import { ForwardedRefComponent } from "../../types/components";
+export type TitleElementType = HTMLDivElement;
+export interface TitleProps extends DOMProps, RefAttributes<TitleElementType> {
+    children?: ReactNode;
+    /** Custom class name for setting specific CSS */
+    className?: string;
+    elementType?: string | React.ElementType;
+    title: string;
+    description: string;
+}
+export type TitleRef = Ref<TitleElementType>;
+declare const Title: ForwardedRefComponent<TitleProps, TitleElementType>;
+export { Title };

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

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

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

@@ -0,0 +1,18 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Normal = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const Title_1 = require("./Title");
+const meta = {
+    title: "Components/Title",
+    component: Title_1.Title,
+};
+exports.Normal = {
+    render: (args) => (0, jsx_runtime_1.jsx)(Title_1.Title, Object.assign({}, args)),
+    args: {
+        title: "General Liability",
+        description: "Business Co.",
+    },
+};
+exports.default = meta;
+//# sourceMappingURL=Title.stories.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Title.stories.js","sourceRoot":"","sources":["../../../../src/components/Title/Title.stories.tsx"],"names":[],"mappings":";;;;AACA,mCAA4C;AAI5C,MAAM,IAAI,GAAuB;IAC/B,KAAK,EAAE,kBAAkB;IACzB,SAAS,EAAE,aAAK;CACjB,CAAC;AAEW,QAAA,MAAM,GAAc;IAC/B,MAAM,EAAE,CAAC,IAAgB,EAAE,EAAE,CAAC,uBAAC,aAAK,oBAAK,IAAI,EAAI;IACjD,IAAI,EAAE;QACJ,KAAK,EAAE,mBAAmB;QAC1B,WAAW,EAAE,cAAc;KAC5B;CACF,CAAC;AAEF,kBAAe,IAAI,CAAC"}

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

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

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

@@ -0,0 +1,22 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("@testing-library/react");
+const _1 = require(".");
+describe("Title", () => {
+    it("should render the correct title", () => {
+        (0, react_1.render)((0, jsx_runtime_1.jsx)(_1.Title, { title: "General Liability", description: "Business Co." }));
+        expect(react_1.screen.getByText("General Liability")).toBeInTheDocument();
+    });
+    it("should render the correct description", () => {
+        (0, react_1.render)((0, jsx_runtime_1.jsx)(_1.Title, { title: "General Liability", description: "Business Co." }));
+        expect(react_1.screen.getByText("Business Co.")).toBeInTheDocument();
+    });
+    describe("given elementType", () => {
+        it("is not applied as element attribute", () => {
+            const { container } = (0, react_1.render)((0, jsx_runtime_1.jsx)(_1.Title, { title: "General Liability", description: "Business Co.", elementType: "ul" }));
+            expect(container.firstChild).not.toHaveAttribute("elementtype", "ul");
+        });
+    });
+});
+//# sourceMappingURL=Title.test.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Title.test.js","sourceRoot":"","sources":["../../../../src/components/Title/Title.test.tsx"],"names":[],"mappings":";;;AAAA,kDAAwD;AACxD,wBAA0B;AAE1B,QAAQ,CAAC,OAAO,EAAE,GAAG,EAAE;IACrB,EAAE,CAAC,iCAAiC,EAAE,GAAG,EAAE;QACzC,IAAA,cAAM,EAAC,uBAAC,QAAK,IAAC,KAAK,EAAC,mBAAmB,EAAC,WAAW,EAAC,cAAc,GAAG,CAAC,CAAC;QAEvE,MAAM,CAAC,cAAM,CAAC,SAAS,CAAC,mBAAmB,CAAC,CAAC,CAAC,iBAAiB,EAAE,CAAC;IACpE,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,uCAAuC,EAAE,GAAG,EAAE;QAC/C,IAAA,cAAM,EAAC,uBAAC,QAAK,IAAC,KAAK,EAAC,mBAAmB,EAAC,WAAW,EAAC,cAAc,GAAG,CAAC,CAAC;QAEvE,MAAM,CAAC,cAAM,CAAC,SAAS,CAAC,cAAc,CAAC,CAAC,CAAC,iBAAiB,EAAE,CAAC;IAC/D,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,QAAK,IACJ,KAAK,EAAC,mBAAmB,EACzB,WAAW,EAAC,cAAc,EAC1B,WAAW,EAAC,IAAI,GAChB,CACH,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;AACL,CAAC,CAAC,CAAC"}

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

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

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

@@ -0,0 +1,11 @@
+import type { JSXElementConstructor, ReactNode } from "react";
+export interface VisuallyHiddenProps {
+    /** The content to visually hide. */
+    children?: ReactNode;
+    className?: string;
+    /**
+     * The element type for the container. Defaults to 'div'
+     */
+    elementType?: string | JSXElementConstructor<any>;
+}
+export declare function VisuallyHidden(props: VisuallyHiddenProps): import("react/jsx-runtime").JSX.Element;

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

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

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

@@ -0,0 +1,14 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Normal = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const _1 = require(".");
+const meta = {
+    title: "Components/VisuallyHidden",
+    component: _1.VisuallyHidden,
+};
+exports.Normal = {
+    render: (args) => ((0, jsx_runtime_1.jsx)(_1.VisuallyHidden, Object.assign({}, args, { children: "This will only be visible to screen readers." }))),
+};
+exports.default = meta;
+//# sourceMappingURL=VisuallyHidden.stories.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"VisuallyHidden.stories.js","sourceRoot":"","sources":["../../../../src/components/VisuallyHidden/VisuallyHidden.stories.tsx"],"names":[],"mappings":";;;;AACA,wBAAwD;AAIxD,MAAM,IAAI,GAAgC;IACxC,KAAK,EAAE,2BAA2B;IAClC,SAAS,EAAE,iBAAc;CAC1B,CAAC;AAEW,QAAA,MAAM,GAAc;IAC/B,MAAM,EAAE,CAAC,IAAyB,EAAE,EAAE,CAAC,CACrC,uBAAC,iBAAc,oBAAK,IAAI,gEAEP,CAClB;CACF,CAAC;AAEF,kBAAe,IAAI,CAAC"}

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

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

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

@@ -0,0 +1,40 @@
+export * from "./Accordion";
+export * from "./Alert";
+export * from "./Box";
+export * from "./Breadcrumbs";
+export * from "./Button";
+export * from "./Checkbox";
+export * from "./Container";
+export * from "./Divider";
+export * from "./Drawer";
+export * from "./DropdownMenu";
+export * from "./ErrorMessage";
+export * from "./Fieldset";
+export * from "./Flex";
+export * from "./Grid";
+export * from "./Icon";
+export * from "./Image";
+export * from "./Label";
+export * from "./Link";
+export * from "./LinkButton";
+export * from "./List";
+export * from "./LoadingIndicator";
+export * from "./Logo";
+export * from "./Modal";
+export * from "./NumberField";
+export * from "./Option";
+export * from "./PasswordField";
+export * from "./Popover";
+export * from "./Progress";
+export * from "./Radio";
+export * from "./Segment";
+export * from "./Select";
+export * from "./Slider";
+export * from "./SVG";
+export * from "./Table";
+export * from "./Text";
+export * from "./TextArea";
+export * from "./TextAreaInput";
+export * from "./TextField";
+export * from "./Title";
+export * from "./VisuallyHidden";