@simplybusiness/mobius 4.8.7 → 4.8.8

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

@@ -0,0 +1,11 @@
+import type { Meta, StoryObj } from "@storybook/react";
+import { TextArea } from "./TextArea";
+type StoryType = StoryObj<typeof TextArea>;
+declare const meta: Meta<typeof TextArea>;
+export declare const Normal: StoryType;
+export declare const ControlledValue: StoryType;
+export declare const Disabled: StoryType;
+export declare const WithError: StoryType;
+export declare const Valid: StoryType;
+export declare const Invalid: StoryType;
+export default meta;

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

@@ -0,0 +1,92 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Invalid = exports.Valid = exports.WithError = exports.Disabled = exports.ControlledValue = exports.Normal = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const TextArea_1 = require("./TextArea");
+const utils_1 = require("../../utils");
+const meta = {
+    title: "Forms/TextArea",
+    component: TextArea_1.TextArea,
+    argTypes: Object.assign({ validationState: {
+            options: ["valid", "invalid", "neither"],
+            control: { type: "radio" },
+            mapping: {
+                valid: "valid",
+                invalid: "invalid",
+                neither: "",
+            },
+        } }, (0, utils_1.excludeControls)("description")),
+    args: {
+        isReadOnly: false,
+        isDisabled: false,
+        isRequired: 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)(TextArea_1.TextArea, Object.assign({}, args)),
+    args: {
+        label: "first name",
+        placeholder: "Placeholder",
+        defaultValue: "",
+        isDisabled: false,
+        errorMessage: "",
+    },
+};
+exports.ControlledValue = {
+    render: (args) => (0, jsx_runtime_1.jsx)(TextArea_1.TextArea, Object.assign({}, args)),
+    args: {
+        label: "first name",
+        placeholder: "Placeholder",
+        defaultValue: "John Doe",
+        isDisabled: false,
+        errorMessage: "",
+    },
+};
+exports.Disabled = {
+    render: (args) => (0, jsx_runtime_1.jsx)(TextArea_1.TextArea, Object.assign({}, args)),
+    args: {
+        label: "first name",
+        placeholder: "Placeholder",
+        defaultValue: "John Doe",
+        isDisabled: true,
+        errorMessage: "",
+    },
+};
+exports.WithError = {
+    render: (args) => (0, jsx_runtime_1.jsx)(TextArea_1.TextArea, Object.assign({}, args)),
+    args: {
+        label: "first name",
+        placeholder: "Placeholder",
+        defaultValue: "John Doe",
+        isDisabled: false,
+        errorMessage: "This is an error message",
+        validationState: "invalid",
+    },
+};
+exports.Valid = {
+    render: (args) => (0, jsx_runtime_1.jsx)(TextArea_1.TextArea, Object.assign({}, args)),
+    args: {
+        label: "first name",
+        placeholder: "Placeholder",
+        defaultValue: "John Doe",
+        isDisabled: false,
+        errorMessage: "",
+        validationState: "valid",
+    },
+};
+exports.Invalid = {
+    render: (args) => (0, jsx_runtime_1.jsx)(TextArea_1.TextArea, Object.assign({}, args)),
+    args: {
+        label: "first name",
+        placeholder: "Placeholder",
+        defaultValue: "John Doe",
+        isDisabled: false,
+        errorMessage: "",
+        validationState: "invalid",
+    },
+};
+exports.default = meta;
+//# sourceMappingURL=TextArea.stories.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"TextArea.stories.js","sourceRoot":"","sources":["../../../../src/components/TextArea/TextArea.stories.tsx"],"names":[],"mappings":";;;;AACA,yCAAqD;AACrD,uCAA8D;AAI9D,MAAM,IAAI,GAA0B;IAClC,KAAK,EAAE,gBAAgB;IACvB,SAAS,EAAE,mBAAQ;IACnB,QAAQ,kBACN,eAAe,EAAE;YACf,OAAO,EAAE,CAAC,OAAO,EAAE,SAAS,EAAE,SAAS,CAAC;YACxC,OAAO,EAAE,EAAE,IAAI,EAAE,OAAO,EAAE;YAC1B,OAAO,EAAE;gBACP,KAAK,EAAE,OAAO;gBACd,OAAO,EAAE,SAAS;gBAClB,OAAO,EAAE,EAAE;aACZ;SACF,IACE,IAAA,uBAAe,EAAC,aAAa,CAAC,CAClC;IACD,IAAI,EAAE;QACJ,UAAU,EAAE,KAAK;QACjB,UAAU,EAAE,KAAK;QACjB,UAAU,EAAE,KAAK;KAClB;IACD,UAAU,EAAE;QACV,KAAK,CAAC,EAAE,CAAC,CACP,uBAAC,sBAAc,cACb,uBAAC,KAAK,KAAG,GACM,CAClB;KACF;CACF,CAAC;AAEW,QAAA,MAAM,GAAc;IAC/B,MAAM,EAAE,CAAC,IAAmB,EAAE,EAAE,CAAC,uBAAC,mBAAQ,oBAAK,IAAI,EAAI;IACvD,IAAI,EAAE;QACJ,KAAK,EAAE,YAAY;QACnB,WAAW,EAAE,aAAa;QAC1B,YAAY,EAAE,EAAE;QAChB,UAAU,EAAE,KAAK;QACjB,YAAY,EAAE,EAAE;KACjB;CACF,CAAC;AAEW,QAAA,eAAe,GAAc;IACxC,MAAM,EAAE,CAAC,IAAmB,EAAE,EAAE,CAAC,uBAAC,mBAAQ,oBAAK,IAAI,EAAI;IACvD,IAAI,EAAE;QACJ,KAAK,EAAE,YAAY;QACnB,WAAW,EAAE,aAAa;QAC1B,YAAY,EAAE,UAAU;QACxB,UAAU,EAAE,KAAK;QACjB,YAAY,EAAE,EAAE;KACjB;CACF,CAAC;AAEW,QAAA,QAAQ,GAAc;IACjC,MAAM,EAAE,CAAC,IAAmB,EAAE,EAAE,CAAC,uBAAC,mBAAQ,oBAAK,IAAI,EAAI;IACvD,IAAI,EAAE;QACJ,KAAK,EAAE,YAAY;QACnB,WAAW,EAAE,aAAa;QAC1B,YAAY,EAAE,UAAU;QACxB,UAAU,EAAE,IAAI;QAChB,YAAY,EAAE,EAAE;KACjB;CACF,CAAC;AAEW,QAAA,SAAS,GAAc;IAClC,MAAM,EAAE,CAAC,IAAmB,EAAE,EAAE,CAAC,uBAAC,mBAAQ,oBAAK,IAAI,EAAI;IACvD,IAAI,EAAE;QACJ,KAAK,EAAE,YAAY;QACnB,WAAW,EAAE,aAAa;QAC1B,YAAY,EAAE,UAAU;QACxB,UAAU,EAAE,KAAK;QACjB,YAAY,EAAE,0BAA0B;QACxC,eAAe,EAAE,SAAS;KAC3B;CACF,CAAC;AAEW,QAAA,KAAK,GAAc;IAC9B,MAAM,EAAE,CAAC,IAAmB,EAAE,EAAE,CAAC,uBAAC,mBAAQ,oBAAK,IAAI,EAAI;IACvD,IAAI,EAAE;QACJ,KAAK,EAAE,YAAY;QACnB,WAAW,EAAE,aAAa;QAC1B,YAAY,EAAE,UAAU;QACxB,UAAU,EAAE,KAAK;QACjB,YAAY,EAAE,EAAE;QAChB,eAAe,EAAE,OAAO;KACzB;CACF,CAAC;AAEW,QAAA,OAAO,GAAc;IAChC,MAAM,EAAE,CAAC,IAAmB,EAAE,EAAE,CAAC,uBAAC,mBAAQ,oBAAK,IAAI,EAAI;IACvD,IAAI,EAAE;QACJ,KAAK,EAAE,YAAY;QACnB,WAAW,EAAE,aAAa;QAC1B,YAAY,EAAE,UAAU;QACxB,UAAU,EAAE,KAAK;QACjB,YAAY,EAAE,EAAE;QAChB,eAAe,EAAE,SAAS;KAC3B;CACF,CAAC;AAEF,kBAAe,IAAI,CAAC"}

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

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

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

@@ -0,0 +1,87 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("@testing-library/react");
+const user_event_1 = __importDefault(require("@testing-library/user-event"));
+const _1 = require(".");
+const CLASS_NAME = "mobius/TextArea";
+describe("TextArea", () => {
+    it("should render without error", () => {
+        const component = (0, react_1.render)((0, jsx_runtime_1.jsx)(_1.TextArea, { label: "First name" }));
+        expect(component).toBeTruthy();
+    });
+    it("should call onChange with the updated value when the user types", async () => {
+        const callback = jest.fn();
+        const { getByLabelText } = (0, react_1.render)((0, jsx_runtime_1.jsx)(_1.TextArea, { label: "First name", onChange: callback }));
+        await user_event_1.default.type(getByLabelText("First name"), "John");
+        expect(callback).toHaveBeenCalledWith(expect.objectContaining({
+            target: react_1.screen.getByLabelText("First name"),
+        }));
+    });
+    it("focuses correctly via keyboard", async () => {
+        const callbackFirstName = jest.fn();
+        const callbackLastName = jest.fn();
+        (0, react_1.render)((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(_1.TextArea, { label: "First name", onChange: callbackFirstName }), (0, jsx_runtime_1.jsx)(_1.TextArea, { label: "Last name", onChange: callbackLastName })] }));
+        await user_event_1.default.tab();
+        await user_event_1.default.type(document.activeElement, "John");
+        expect(callbackFirstName).toHaveBeenCalledWith(expect.objectContaining({
+            target: react_1.screen.getByLabelText("First name"),
+        }));
+        await user_event_1.default.tab();
+        await user_event_1.default.type(document.activeElement, "Doe");
+        expect(callbackLastName).toHaveBeenCalledWith(expect.objectContaining({
+            target: react_1.screen.getByLabelText("Last name"),
+        }));
+    });
+    describe("with errors", () => {
+        it("should render the error", () => {
+            const { getByText } = (0, react_1.render)((0, jsx_runtime_1.jsx)(_1.TextArea, { label: "Message", name: "message", 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.TextArea, { label: "Message", name: "message", errorMessage: "Required" }));
+            expect(getByLabelText("Message")).toHaveAccessibleDescription("Required");
+        });
+        it("should set the correct aria-describedby attribute", () => {
+            const { getByLabelText } = (0, react_1.render)((0, jsx_runtime_1.jsx)(_1.TextArea, { label: "Message", name: "message", errorMessage: "Required" }));
+            expect(getByLabelText("Message")).toHaveAccessibleDescription("Required");
+        });
+    });
+    describe("uses correct class names", () => {
+        it("uses Mobius class", () => {
+            (0, react_1.render)((0, jsx_runtime_1.jsx)(_1.TextArea, { label: "Test", "data-testid": "test" }));
+            expect(react_1.screen.getByTestId("test").closest("div")).toHaveClass("mobius");
+        });
+        it("uses base Mobius class", () => {
+            (0, react_1.render)((0, jsx_runtime_1.jsx)(_1.TextArea, { label: "Test", "data-testid": "test" }));
+            expect(react_1.screen.getByTestId("test").closest("div")).toHaveClass(CLASS_NAME);
+        });
+        it("includes custom class name", () => {
+            (0, react_1.render)((0, jsx_runtime_1.jsx)(_1.TextArea, { label: "Message", name: "message", "data-testid": "test", className: "my-class" }));
+            expect(react_1.screen.getByTestId("test").closest("div")).toHaveClass("my-class");
+            expect(react_1.screen.getByTestId("test").closest("div")).toHaveClass(CLASS_NAME);
+        });
+        it("includes disabled class name", () => {
+            (0, react_1.render)((0, jsx_runtime_1.jsx)(_1.TextArea, { label: "Test", "data-testid": "test", isDisabled: true }));
+            expect(react_1.screen.getByTestId("test")).toHaveClass("--is-disabled");
+        });
+        it("includes valid class name", () => {
+            (0, react_1.render)((0, jsx_runtime_1.jsx)(_1.TextArea, { label: "Test", "data-testid": "test", validationState: "valid" }));
+            expect(react_1.screen.getByTestId("test")).toHaveClass("--is-valid");
+        });
+        it("includes invalid class name", () => {
+            (0, react_1.render)((0, jsx_runtime_1.jsx)(_1.TextArea, { label: "Test", "data-testid": "test", validationState: "invalid" }));
+            expect(react_1.screen.getByTestId("test")).toHaveClass("--is-invalid");
+        });
+    });
+    describe("when disabled", () => {
+        it("has disabled attribute set on textarea field", () => {
+            (0, react_1.render)((0, jsx_runtime_1.jsx)(_1.TextArea, { label: "Test", "data-testid": "test", isDisabled: true }));
+            expect(react_1.screen.getByTestId("test")).toBeDisabled();
+        });
+    });
+});
+//# sourceMappingURL=TextArea.test.js.map

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

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

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

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

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

@@ -0,0 +1,14 @@
+import { Ref, RefAttributes } from "react";
+import { DOMProps } from "../../types/dom";
+import { ForwardedRefComponent } from "../../types/components";
+export type TextAreaInputElementType = HTMLTextAreaElement;
+export interface InteractionStateProps {
+    isSelected?: boolean;
+    isDisabled?: boolean;
+}
+export interface TextAreaInputProps extends DOMProps, InteractionStateProps, RefAttributes<TextAreaInputElementType> {
+    className?: string;
+}
+export type TextAreaInputRef = Ref<TextAreaInputElementType>;
+declare const TextAreaInput: ForwardedRefComponent<TextAreaInputProps, TextAreaInputElementType>;
+export { TextAreaInput };

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

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

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

@@ -0,0 +1,35 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("@testing-library/react");
+const _1 = require(".");
+const CLASS_NAME = "mobius/TextAreaInput";
+describe("TextAreaInput", () => {
+    it("should render without errors", () => {
+        (0, react_1.render)((0, jsx_runtime_1.jsx)(_1.TextAreaInput, {}));
+    });
+    describe("uses correct class names", () => {
+        it("uses Mobius class", () => {
+            (0, react_1.render)((0, jsx_runtime_1.jsx)(_1.TextAreaInput, { "aria-label": "test" }));
+            expect(react_1.screen.getByLabelText("test")).toHaveClass("mobius");
+        });
+        it("uses base Mobius class", () => {
+            (0, react_1.render)((0, jsx_runtime_1.jsx)(_1.TextAreaInput, { "aria-label": "test" }));
+            expect(react_1.screen.getByLabelText("test")).toHaveClass(CLASS_NAME);
+        });
+        it("includes disabled class name", () => {
+            (0, react_1.render)((0, jsx_runtime_1.jsx)(_1.TextAreaInput, { "aria-label": "test", isDisabled: true }));
+            expect(react_1.screen.getByLabelText("test")).toHaveClass("--is-disabled");
+        });
+        it("includes selected class name", () => {
+            (0, react_1.render)((0, jsx_runtime_1.jsx)(_1.TextAreaInput, { "aria-label": "test", isSelected: true }));
+            expect(react_1.screen.getByLabelText("test")).toHaveClass("--is-selected");
+        });
+        it("includes custom class name", () => {
+            (0, react_1.render)((0, jsx_runtime_1.jsx)(_1.TextAreaInput, { "aria-label": "test", className: "my-class" }));
+            expect(react_1.screen.getByLabelText("test")).toHaveClass("my-class");
+            expect(react_1.screen.getByLabelText("test")).toHaveClass(CLASS_NAME);
+        });
+    });
+});
+//# sourceMappingURL=TextAreaInput.test.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"TextAreaInput.test.js","sourceRoot":"","sources":["../../../../src/components/TextAreaInput/TextAreaInput.test.tsx"],"names":[],"mappings":";;;AAAA,kDAAwD;AACxD,wBAAkC;AAElC,MAAM,UAAU,GAAG,sBAAsB,CAAC;AAE1C,QAAQ,CAAC,eAAe,EAAE,GAAG,EAAE;IAC7B,EAAE,CAAC,8BAA8B,EAAE,GAAG,EAAE;QACtC,IAAA,cAAM,EAAC,uBAAC,gBAAa,KAAG,CAAC,CAAC;IAC5B,CAAC,CAAC,CAAC;IAEH,QAAQ,CAAC,0BAA0B,EAAE,GAAG,EAAE;QACxC,EAAE,CAAC,mBAAmB,EAAE,GAAG,EAAE;YAC3B,IAAA,cAAM,EAAC,uBAAC,gBAAa,kBAAY,MAAM,GAAG,CAAC,CAAC;YAC5C,MAAM,CAAC,cAAM,CAAC,cAAc,CAAC,MAAM,CAAC,CAAC,CAAC,WAAW,CAAC,QAAQ,CAAC,CAAC;QAC9D,CAAC,CAAC,CAAC;QAEH,EAAE,CAAC,wBAAwB,EAAE,GAAG,EAAE;YAChC,IAAA,cAAM,EAAC,uBAAC,gBAAa,kBAAY,MAAM,GAAG,CAAC,CAAC;YAC5C,MAAM,CAAC,cAAM,CAAC,cAAc,CAAC,MAAM,CAAC,CAAC,CAAC,WAAW,CAAC,UAAU,CAAC,CAAC;QAChE,CAAC,CAAC,CAAC;QAEH,EAAE,CAAC,8BAA8B,EAAE,GAAG,EAAE;YACtC,IAAA,cAAM,EAAC,uBAAC,gBAAa,kBAAY,MAAM,EAAC,UAAU,SAAG,CAAC,CAAC;YACvD,MAAM,CAAC,cAAM,CAAC,cAAc,CAAC,MAAM,CAAC,CAAC,CAAC,WAAW,CAAC,eAAe,CAAC,CAAC;QACrE,CAAC,CAAC,CAAC;QAEH,EAAE,CAAC,8BAA8B,EAAE,GAAG,EAAE;YACtC,IAAA,cAAM,EAAC,uBAAC,gBAAa,kBAAY,MAAM,EAAC,UAAU,SAAG,CAAC,CAAC;YACvD,MAAM,CAAC,cAAM,CAAC,cAAc,CAAC,MAAM,CAAC,CAAC,CAAC,WAAW,CAAC,eAAe,CAAC,CAAC;QACrE,CAAC,CAAC,CAAC;QAEH,EAAE,CAAC,4BAA4B,EAAE,GAAG,EAAE;YACpC,IAAA,cAAM,EAAC,uBAAC,gBAAa,kBAAY,MAAM,EAAC,SAAS,EAAC,UAAU,GAAG,CAAC,CAAC;YACjE,MAAM,CAAC,cAAM,CAAC,cAAc,CAAC,MAAM,CAAC,CAAC,CAAC,WAAW,CAAC,UAAU,CAAC,CAAC;YAC9D,MAAM,CAAC,cAAM,CAAC,cAAc,CAAC,MAAM,CAAC,CAAC,CAAC,WAAW,CAAC,UAAU,CAAC,CAAC;QAChE,CAAC,CAAC,CAAC;IACL,CAAC,CAAC,CAAC;AACL,CAAC,CAAC,CAAC"}

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

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

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.js

@@ -22,29 +22,30 @@ function _interop_require_default(obj) {
     };
 }
 const TextField = /*#__PURE__*/ (0, _react.forwardRef)((props, ref)=>{
-    const { isDisabled, type = "text", validationState, className, label, errorMessage, children, isRequired, prefixInside, prefixOutside, suffixInside, suffixOutside, ...otherProps } = props;
+    const { isDisabled, type = "text", validationState, isInvalid, className, label, errorMessage, children, isRequired, prefixInside, prefixOutside, suffixInside, suffixOutside, ...otherProps } = props;
     const { inputProps, labelProps, errorMessageProps } = (0, _hooks.useTextField)({
         ...props,
         "aria-errormessage": errorMessage
     });
     const hidden = type === "hidden";
+    const validationClasses = (0, _hooks.useValidationClasses)({
+        validationState,
+        isInvalid
+    });
     const textfieldClasses = {
         "--is-disabled": isDisabled,
-        "--is-valid": validationState === "valid",
-        "--is-invalid": validationState === "invalid",
         "--is-required": typeof isRequired === "boolean" && isRequired,
         "--is-optional": typeof isRequired === "boolean" && !isRequired,
         "--is-hidden": hidden,
         [className || ""]: true
     };
+    const sharedClasses = (0, _dedupe.default)(validationClasses, textfieldClasses);
     const labelClasses = (0, _dedupe.default)({
-        "--is-disabled": isDisabled,
-        "--is-valid": validationState === "valid",
-        "--is-invalid": validationState === "invalid"
-    });
-    const containerClasses = (0, _dedupe.default)("mobius", "mobius/TextField", textfieldClasses);
-    const inputClasses = (0, _dedupe.default)("mobius", "mobius/TextInput", textfieldClasses);
-    const inputWrapperClasses = (0, _dedupe.default)("mobius/TextFieldInputWrapper", textfieldClasses);
+        "--is-disabled": isDisabled
+    }, validationClasses);
+    const containerClasses = (0, _dedupe.default)("mobius", "mobius/TextField", sharedClasses);
+    const inputClasses = (0, _dedupe.default)("mobius", "mobius/TextInput", sharedClasses);
+    const inputWrapperClasses = (0, _dedupe.default)("mobius/TextFieldInputWrapper", sharedClasses);
     return /*#__PURE__*/ (0, _jsxruntime.jsxs)("div", {
         className: containerClasses,
         children: [

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/TextField/TextField.tsx"],"sourcesContent":["\"use client\";\n\nimport classNames from \"classnames/dedupe\";\nimport {\n  HTMLInputTypeAttribute,\n  ReactElement,\n  ReactNode,\n  Ref,\n  RefAttributes,\n  forwardRef,\n} from \"react\";\nimport { UseTextFieldProps, useTextField } from \"../../hooks\";\nimport { DOMProps, FocusEvents } from \"../../types\";\nimport { ForwardedRefComponent } from \"../../types/components\";\nimport { ErrorMessage } from \"../ErrorMessage\";\nimport { Label } from \"../Label\";\nimport { adornmentWithClassName } from \"./adornmentWithClassName\";\n\nexport type TextFieldElementType = HTMLInputElement;\nexport interface TextFieldProps\n  extends DOMProps,\n    FocusEvents,\n    UseTextFieldProps,\n    RefAttributes<TextFieldElementType> {\n  className?: string;\n  errorMessage?: string;\n  children?: ReactNode;\n  label?: string;\n  type?: Exclude<\n    HTMLInputTypeAttribute,\n    | \"button\"\n    | \"checkbox\"\n    | \"color\"\n    | \"date\"\n    | \"datetime-local\"\n    | \"file\"\n    | \"image\"\n    | \"month\"\n    | \"radio\"\n    | \"range\"\n    | \"reset\"\n    | \"submit\"\n    | \"week\"\n  >;\n  prefixInside?: ReactElement;\n  prefixOutside?: ReactElement;\n  suffixInside?: ReactElement;\n  suffixOutside?: ReactElement;\n}\n\nexport type TextFieldRef = Ref<TextFieldElementType>;\n\nconst TextField: ForwardedRefComponent<TextFieldProps, TextFieldElementType> =\n  forwardRef((props: TextFieldProps, ref: TextFieldRef) => {\n    const {\n      isDisabled,\n      type = \"text\",\n      validationState,\n      className,\n      label,\n      errorMessage,\n      children,\n      isRequired,\n      prefixInside,\n      prefixOutside,\n      suffixInside,\n      suffixOutside,\n      ...otherProps\n    } = props;\n\n    const { inputProps, labelProps, errorMessageProps } = useTextField({\n      ...props,\n      \"aria-errormessage\": errorMessage,\n    });\n\n    const hidden = type === \"hidden\";\n\n    const textfieldClasses = {\n      \"--is-disabled\": isDisabled,\n      \"--is-valid\": validationState === \"valid\",\n      \"--is-invalid\": validationState === \"invalid\",\n      \"--is-required\": typeof isRequired === \"boolean\" && isRequired,\n      \"--is-optional\": typeof isRequired === \"boolean\" && !isRequired,\n      \"--is-hidden\": hidden,\n      [className || \"\"]: true,\n    };\n\n    const labelClasses = classNames({\n      \"--is-disabled\": isDisabled,\n      \"--is-valid\": validationState === \"valid\",\n      \"--is-invalid\": validationState === \"invalid\",\n    });\n\n    const containerClasses = classNames(\n      \"mobius\",\n      \"mobius/TextField\",\n      textfieldClasses,\n    );\n\n    const inputClasses = classNames(\n      \"mobius\",\n      \"mobius/TextInput\",\n      textfieldClasses,\n    );\n\n    const inputWrapperClasses = classNames(\n      \"mobius/TextFieldInputWrapper\",\n      textfieldClasses,\n    );\n\n    return (\n      <div className={containerClasses}>\n        {label && !hidden && (\n          <Label {...labelProps} className={labelClasses}>\n            {label}\n          </Label>\n        )}\n        <div className=\"mobius/TextFieldInnerContainer\">\n          {adornmentWithClassName(\n            prefixOutside,\n            \"mobius/TextFieldPrefixOutside\",\n          )}\n          <div className={inputWrapperClasses}>\n            {adornmentWithClassName(\n              prefixInside,\n              \"mobius/TextFieldPrefixInside\",\n            )}\n            <input\n              {...otherProps}\n              {...inputProps}\n              ref={ref}\n              type={type}\n              className={inputClasses}\n            />\n            {adornmentWithClassName(\n              suffixInside,\n              \"mobius/TextFieldSuffixInside\",\n            )}\n          </div>\n          {adornmentWithClassName(\n            suffixOutside,\n            \"mobius/TextFieldSuffixOutside\",\n          )}\n        </div>\n        {children && <div className=\"mobius/TextFieldChildren\">{children}</div>}\n\n        <ErrorMessage {...errorMessageProps} errorMessage={errorMessage} />\n      </div>\n    );\n  });\n\nTextField.displayName = \"TextField\";\nexport { TextField };\n"],"names":["TextField","forwardRef","props","ref","isDisabled","type","validationState","className","label","errorMessage","children","isRequired","prefixInside","prefixOutside","suffixInside","suffixOutside","otherProps","inputProps","labelProps","errorMessageProps","useTextField","hidden","textfieldClasses","labelClasses","classNames","containerClasses","inputClasses","inputWrapperClasses","div","Label","adornmentWithClassName","input","ErrorMessage","displayName"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":"AAAA;;;;;+BAwJSA;;;eAAAA;;;;+DAtJc;uBAQhB;uBACyC;8BAGnB;uBACP;wCACiB;;;;;;AAoCvC,MAAMA,0BACJC,IAAAA,iBAAU,EAAC,CAACC,OAAuBC;IACjC,MAAM,EACJC,UAAU,EACVC,OAAO,MAAM,EACbC,eAAe,EACfC,SAAS,EACTC,KAAK,EACLC,YAAY,EACZC,QAAQ,EACRC,UAAU,EACVC,YAAY,EACZC,aAAa,EACbC,YAAY,EACZC,aAAa,EACb,GAAGC,YACJ,GAAGd;IAEJ,MAAM,EAAEe,UAAU,EAAEC,UAAU,EAAEC,iBAAiB,EAAE,GAAGC,IAAAA,mBAAY,EAAC;QACjE,GAAGlB,KAAK;QACR,qBAAqBO;IACvB;IAEA,MAAMY,SAAShB,SAAS;IAExB,MAAMiB,mBAAmB;QACvB,iBAAiBlB;QACjB,cAAcE,oBAAoB;QAClC,gBAAgBA,oBAAoB;QACpC,iBAAiB,OAAOK,eAAe,aAAaA;QACpD,iBAAiB,OAAOA,eAAe,aAAa,CAACA;QACrD,eAAeU;QACf,CAACd,aAAa,GAAG,EAAE;IACrB;IAEA,MAAMgB,eAAeC,IAAAA,eAAU,EAAC;QAC9B,iBAAiBpB;QACjB,cAAcE,oBAAoB;QAClC,gBAAgBA,oBAAoB;IACtC;IAEA,MAAMmB,mBAAmBD,IAAAA,eAAU,EACjC,UACA,oBACAF;IAGF,MAAMI,eAAeF,IAAAA,eAAU,EAC7B,UACA,oBACAF;IAGF,MAAMK,sBAAsBH,IAAAA,eAAU,EACpC,gCACAF;IAGF,qBACE,sBAACM;QAAIrB,WAAWkB;;YACbjB,SAAS,CAACa,wBACT,qBAACQ,YAAK;gBAAE,GAAGX,UAAU;gBAAEX,WAAWgB;0BAC/Bf;;0BAGL,sBAACoB;gBAAIrB,WAAU;;oBACZuB,IAAAA,8CAAsB,EACrBjB,eACA;kCAEF,sBAACe;wBAAIrB,WAAWoB;;4BACbG,IAAAA,8CAAsB,EACrBlB,cACA;0CAEF,qBAACmB;gCACE,GAAGf,UAAU;gCACb,GAAGC,UAAU;gCACdd,KAAKA;gCACLE,MAAMA;gCACNE,WAAWmB;;4BAEZI,IAAAA,8CAAsB,EACrBhB,cACA;;;oBAGHgB,IAAAA,8CAAsB,EACrBf,eACA;;;YAGHL,0BAAY,qBAACkB;gBAAIrB,WAAU;0BAA4BG;;0BAExD,qBAACsB,0BAAY;gBAAE,GAAGb,iBAAiB;gBAAEV,cAAcA;;;;AAGzD;AAEFT,UAAUiC,WAAW,GAAG"}
+{"version":3,"sources":["../../../../src/components/TextField/TextField.tsx"],"sourcesContent":["\"use client\";\n\nimport classNames from \"classnames/dedupe\";\nimport {\n  HTMLInputTypeAttribute,\n  ReactElement,\n  ReactNode,\n  Ref,\n  RefAttributes,\n  forwardRef,\n} from \"react\";\nimport {\n  UseTextFieldProps,\n  useTextField,\n  useValidationClasses,\n} from \"../../hooks\";\nimport { DOMProps, FocusEvents } from \"../../types\";\nimport { ForwardedRefComponent } from \"../../types/components\";\nimport { ErrorMessage } from \"../ErrorMessage\";\nimport { Label } from \"../Label\";\nimport { adornmentWithClassName } from \"./adornmentWithClassName\";\n\nexport type TextFieldElementType = HTMLInputElement;\nexport interface TextFieldProps\n  extends DOMProps,\n    FocusEvents,\n    UseTextFieldProps,\n    RefAttributes<TextFieldElementType> {\n  className?: string;\n  errorMessage?: string;\n  children?: ReactNode;\n  label?: string;\n  type?: Exclude<\n    HTMLInputTypeAttribute,\n    | \"button\"\n    | \"checkbox\"\n    | \"color\"\n    | \"date\"\n    | \"datetime-local\"\n    | \"file\"\n    | \"image\"\n    | \"month\"\n    | \"radio\"\n    | \"range\"\n    | \"reset\"\n    | \"submit\"\n    | \"week\"\n  >;\n  prefixInside?: ReactElement;\n  prefixOutside?: ReactElement;\n  suffixInside?: ReactElement;\n  suffixOutside?: ReactElement;\n}\n\nexport type TextFieldRef = Ref<TextFieldElementType>;\n\nconst TextField: ForwardedRefComponent<TextFieldProps, TextFieldElementType> =\n  forwardRef((props: TextFieldProps, ref: TextFieldRef) => {\n    const {\n      isDisabled,\n      type = \"text\",\n      validationState,\n      isInvalid,\n      className,\n      label,\n      errorMessage,\n      children,\n      isRequired,\n      prefixInside,\n      prefixOutside,\n      suffixInside,\n      suffixOutside,\n      ...otherProps\n    } = props;\n\n    const { inputProps, labelProps, errorMessageProps } = useTextField({\n      ...props,\n      \"aria-errormessage\": errorMessage,\n    });\n\n    const hidden = type === \"hidden\";\n\n    const validationClasses = useValidationClasses({\n      validationState,\n      isInvalid,\n    });\n\n    const textfieldClasses = {\n      \"--is-disabled\": isDisabled,\n      \"--is-required\": typeof isRequired === \"boolean\" && isRequired,\n      \"--is-optional\": typeof isRequired === \"boolean\" && !isRequired,\n      \"--is-hidden\": hidden,\n      [className || \"\"]: true,\n    };\n\n    const sharedClasses = classNames(validationClasses, textfieldClasses);\n\n    const labelClasses = classNames(\n      {\n        \"--is-disabled\": isDisabled,\n      },\n      validationClasses,\n    );\n\n    const containerClasses = classNames(\n      \"mobius\",\n      \"mobius/TextField\",\n      sharedClasses,\n    );\n\n    const inputClasses = classNames(\n      \"mobius\",\n      \"mobius/TextInput\",\n      sharedClasses,\n    );\n\n    const inputWrapperClasses = classNames(\n      \"mobius/TextFieldInputWrapper\",\n      sharedClasses,\n    );\n\n    return (\n      <div className={containerClasses}>\n        {label && !hidden && (\n          <Label {...labelProps} className={labelClasses}>\n            {label}\n          </Label>\n        )}\n        <div className=\"mobius/TextFieldInnerContainer\">\n          {adornmentWithClassName(\n            prefixOutside,\n            \"mobius/TextFieldPrefixOutside\",\n          )}\n          <div className={inputWrapperClasses}>\n            {adornmentWithClassName(\n              prefixInside,\n              \"mobius/TextFieldPrefixInside\",\n            )}\n            <input\n              {...otherProps}\n              {...inputProps}\n              ref={ref}\n              type={type}\n              className={inputClasses}\n            />\n            {adornmentWithClassName(\n              suffixInside,\n              \"mobius/TextFieldSuffixInside\",\n            )}\n          </div>\n          {adornmentWithClassName(\n            suffixOutside,\n            \"mobius/TextFieldSuffixOutside\",\n          )}\n        </div>\n        {children && <div className=\"mobius/TextFieldChildren\">{children}</div>}\n\n        <ErrorMessage {...errorMessageProps} errorMessage={errorMessage} />\n      </div>\n    );\n  });\n\nTextField.displayName = \"TextField\";\nexport { TextField };\n"],"names":["TextField","forwardRef","props","ref","isDisabled","type","validationState","isInvalid","className","label","errorMessage","children","isRequired","prefixInside","prefixOutside","suffixInside","suffixOutside","otherProps","inputProps","labelProps","errorMessageProps","useTextField","hidden","validationClasses","useValidationClasses","textfieldClasses","sharedClasses","classNames","labelClasses","containerClasses","inputClasses","inputWrapperClasses","div","Label","adornmentWithClassName","input","ErrorMessage","displayName"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":"AAAA;;;;;+BAmKSA;;;eAAAA;;;;+DAjKc;uBAQhB;uBAKA;8BAGsB;uBACP;wCACiB;;;;;;AAoCvC,MAAMA,0BACJC,IAAAA,iBAAU,EAAC,CAACC,OAAuBC;IACjC,MAAM,EACJC,UAAU,EACVC,OAAO,MAAM,EACbC,eAAe,EACfC,SAAS,EACTC,SAAS,EACTC,KAAK,EACLC,YAAY,EACZC,QAAQ,EACRC,UAAU,EACVC,YAAY,EACZC,aAAa,EACbC,YAAY,EACZC,aAAa,EACb,GAAGC,YACJ,GAAGf;IAEJ,MAAM,EAAEgB,UAAU,EAAEC,UAAU,EAAEC,iBAAiB,EAAE,GAAGC,IAAAA,mBAAY,EAAC;QACjE,GAAGnB,KAAK;QACR,qBAAqBQ;IACvB;IAEA,MAAMY,SAASjB,SAAS;IAExB,MAAMkB,oBAAoBC,IAAAA,2BAAoB,EAAC;QAC7ClB;QACAC;IACF;IAEA,MAAMkB,mBAAmB;QACvB,iBAAiBrB;QACjB,iBAAiB,OAAOQ,eAAe,aAAaA;QACpD,iBAAiB,OAAOA,eAAe,aAAa,CAACA;QACrD,eAAeU;QACf,CAACd,aAAa,GAAG,EAAE;IACrB;IAEA,MAAMkB,gBAAgBC,IAAAA,eAAU,EAACJ,mBAAmBE;IAEpD,MAAMG,eAAeD,IAAAA,eAAU,EAC7B;QACE,iBAAiBvB;IACnB,GACAmB;IAGF,MAAMM,mBAAmBF,IAAAA,eAAU,EACjC,UACA,oBACAD;IAGF,MAAMI,eAAeH,IAAAA,eAAU,EAC7B,UACA,oBACAD;IAGF,MAAMK,sBAAsBJ,IAAAA,eAAU,EACpC,gCACAD;IAGF,qBACE,sBAACM;QAAIxB,WAAWqB;;YACbpB,SAAS,CAACa,wBACT,qBAACW,YAAK;gBAAE,GAAGd,UAAU;gBAAEX,WAAWoB;0BAC/BnB;;0BAGL,sBAACuB;gBAAIxB,WAAU;;oBACZ0B,IAAAA,8CAAsB,EACrBpB,eACA;kCAEF,sBAACkB;wBAAIxB,WAAWuB;;4BACbG,IAAAA,8CAAsB,EACrBrB,cACA;0CAEF,qBAACsB;gCACE,GAAGlB,UAAU;gCACb,GAAGC,UAAU;gCACdf,KAAKA;gCACLE,MAAMA;gCACNG,WAAWsB;;4BAEZI,IAAAA,8CAAsB,EACrBnB,cACA;;;oBAGHmB,IAAAA,8CAAsB,EACrBlB,eACA;;;YAGHL,0BAAY,qBAACqB;gBAAIxB,WAAU;0BAA4BG;;0BAExD,qBAACyB,0BAAY;gBAAE,GAAGhB,iBAAiB;gBAAEV,cAAcA;;;;AAGzD;AAEFV,UAAUqC,WAAW,GAAG"}

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 {};