@simplybusiness/mobius 4.5.0 → 4.5.1

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

@@ -0,0 +1,10 @@
+import type { Meta, StoryObj } from "@storybook/react";
+import { Text } from "./Text";
+type StoryType = StoryObj<typeof Text>;
+declare const meta: Meta<typeof Text>;
+export declare const Normal: StoryType;
+export declare const Themed: StoryType;
+export declare const Example: () => import("react/jsx-runtime").JSX.Element;
+export declare const ExampleVariant: () => import("react/jsx-runtime").JSX.Element;
+export declare const ExampleSpacing: () => import("react/jsx-runtime").JSX.Element;
+export default meta;

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

@@ -0,0 +1,38 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ExampleSpacing = exports.ExampleVariant = exports.Example = exports.Themed = exports.Normal = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const Text_1 = require("./Text");
+const utils_1 = require("../../utils");
+const Box_1 = require("../Box");
+const meta = {
+    title: "Components/Text",
+    component: Text_1.Text,
+    excludeStories: ["Example", "ExampleSpacing", "ExampleVariant"],
+    argTypes: (0, utils_1.excludeControls)("style"),
+};
+exports.Normal = {
+    render: (args) => (0, jsx_runtime_1.jsx)(Text_1.Text, Object.assign({}, args, { children: "Sample Text" })),
+    args: {
+        elementType: "h4",
+        variant: "h4",
+    },
+};
+exports.Themed = {
+    render: (args) => (0, jsx_runtime_1.jsx)(Text_1.Text, Object.assign({}, args, { children: "Sample Text" })),
+    args: {
+        elementType: "h4",
+        variant: "h4",
+        style: {
+            color: "green",
+        },
+    },
+};
+const Example = () => ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsxs)(Box_1.Box, { children: [(0, jsx_runtime_1.jsx)(Text_1.Text, { elementType: "h1", children: "Heading 1" }), (0, jsx_runtime_1.jsx)(Text_1.Text, { elementType: "h2", children: "Heading 2" }), (0, jsx_runtime_1.jsx)(Text_1.Text, { elementType: "h3", children: "Heading 3" }), (0, jsx_runtime_1.jsx)(Text_1.Text, { elementType: "h4", children: "Heading 4" }), (0, jsx_runtime_1.jsx)(Text_1.Text, { children: "Paragraph" }), (0, jsx_runtime_1.jsx)(Text_1.Text, { variant: "small", children: "Small paragraph" }), (0, jsx_runtime_1.jsx)(Text_1.Text, { variant: "legal", children: "Small print" })] }), (0, jsx_runtime_1.jsxs)(Box_1.Box, { children: [(0, jsx_runtime_1.jsx)(Text_1.Text, { elementType: "h1", children: "First Heading" }), (0, jsx_runtime_1.jsx)(Text_1.Text, { children: "Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi vel lorem enim. Nam vitae enim mollis turpis scelerisque vulputate id sit amet nisl. Etiam et tortor a nunc hendrerit luctus sed at nunc. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam id turpis nisl. In hac habitasse platea dictumst. Morbi blandit sodales nibh, auctor dapibus orci pellentesque sit amet. Etiam posuere massa vel imperdiet dapibus. Morbi sed tempor neque, sit amet viverra magna. Etiam efficitur augue accumsan, feugiat libero id, tincidunt turpis. Nam ullamcorper enim in leo dapibus aliquam eu sit amet erat. Morbi iaculis magna ut tincidunt rhoncus." }), (0, jsx_runtime_1.jsx)(Text_1.Text, { children: "Mauris pharetra enim et turpis lacinia, quis porta velit commodo. Proin at vehicula ligula, ut semper sapien. Donec felis elit, pretium vitae viverra eget, venenatis id elit. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque blandit et erat nec placerat. Vestibulum vitae risus pellentesque, semper odio eget, elementum orci. Nam pulvinar metus sed sapien gravida bibendum. Praesent a malesuada ipsum. Vivamus ac congue odio." }), (0, jsx_runtime_1.jsx)(Text_1.Text, { elementType: "h2", children: "Second Heading" }), (0, jsx_runtime_1.jsx)(Text_1.Text, { children: "Ut vel lectus arcu. Etiam ut efficitur turpis, pretium pretium nunc. Ut dolor nibh, facilisis at tempus at, iaculis sed mi. Etiam sollicitudin, elit eu dapibus pharetra, purus turpis egestas enim, vel pulvinar leo libero ac ante. Sed posuere, mi a commodo bibendum, dui lacus ullamcorper dolor, ut dapibus nunc libero vel felis. Morbi quis porttitor nisi. Aenean ac elit ipsum. Curabitur nunc nibh, tristique non purus vel, efficitur vulputate massa. Donec eget risus venenatis turpis tempor venenatis. Nam aliquet ipsum non faucibus tempus. Vestibulum efficitur ex erat, eget varius urna venenatis vel. Aenean mollis arcu purus, id pretium ligula facilisis et." })] })] }));
+exports.Example = Example;
+const ExampleVariant = () => ((0, jsx_runtime_1.jsxs)("div", { style: { display: "flex", flexDirection: "column" }, children: [(0, jsx_runtime_1.jsx)(Text_1.Text, { variant: "h1", children: "variant h1" }), (0, jsx_runtime_1.jsx)(Text_1.Text, { variant: "h2", children: "variant h2" }), (0, jsx_runtime_1.jsx)(Text_1.Text, { variant: "h3", children: "variant h3" }), (0, jsx_runtime_1.jsx)(Text_1.Text, { variant: "h4", children: "variant h4" }), (0, jsx_runtime_1.jsx)(Text_1.Text, { variant: "body", children: "variant body" }), (0, jsx_runtime_1.jsx)(Text_1.Text, { variant: "small", children: "variant small" }), (0, jsx_runtime_1.jsx)(Text_1.Text, { variant: "legal", children: "variant legal" })] }));
+exports.ExampleVariant = ExampleVariant;
+const ExampleSpacing = () => ((0, jsx_runtime_1.jsxs)(Box_1.Box, { children: [(0, jsx_runtime_1.jsx)(Text_1.Text, { variant: "h3", children: "Tight Spacing" }), (0, jsx_runtime_1.jsx)(Text_1.Text, { spacing: "tight", children: "Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi vel lorem enim. Nam vitae enim mollis turpis scelerisque vulputate id sit amet nisl. Etiam et tortor a nunc hendrerit luctus sed at nunc." }), (0, jsx_runtime_1.jsx)(Text_1.Text, { spacing: "tight", children: "Mauris pharetra enim et turpis lacinia, quis porta velit commodo. Scelerisque vulputate id sit amet nisl. Etiam et tortor a nunc hendrerit luctus sed at nunc." }), (0, jsx_runtime_1.jsx)(Text_1.Text, { spacing: "tight", children: "Ut vel lectus arcu. Etiam ut efficitur turpis, pretium pretium nunc. Ut dolor nibh, facilisis at tempus at, iaculis sed mi." }), (0, jsx_runtime_1.jsx)(Text_1.Text, { variant: "h3", children: "Loose Spacing" }), (0, jsx_runtime_1.jsx)(Text_1.Text, { children: "Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi vel lorem enim. Nam vitae enim mollis turpis scelerisque vulputate id sit amet nisl. Etiam et tortor a nunc hendrerit luctus sed at nunc." }), (0, jsx_runtime_1.jsx)(Text_1.Text, { children: "Mauris pharetra enim et turpis lacinia, quis porta velit commodo. Scelerisque vulputate id sit amet nisl. Etiam et tortor a nunc hendrerit luctus sed at nunc." }), (0, jsx_runtime_1.jsx)(Text_1.Text, { children: "Ut vel lectus arcu. Etiam ut efficitur turpis, pretium pretium nunc. Ut dolor nibh, facilisis at tempus at, iaculis sed mi." })] }));
+exports.ExampleSpacing = ExampleSpacing;
+exports.default = meta;
+//# sourceMappingURL=Text.stories.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Text.stories.js","sourceRoot":"","sources":["../../../../src/components/Text/Text.stories.tsx"],"names":[],"mappings":";;;;AACA,iCAAyC;AACzC,uCAA8C;AAC9C,gCAA6B;AAI7B,MAAM,IAAI,GAAsB;IAC9B,KAAK,EAAE,iBAAiB;IACxB,SAAS,EAAE,WAAI;IACf,cAAc,EAAE,CAAC,SAAS,EAAE,gBAAgB,EAAE,gBAAgB,CAAC;IAC/D,QAAQ,EAAE,IAAA,uBAAe,EAAC,OAAO,CAAC;CACnC,CAAC;AAEW,QAAA,MAAM,GAAc;IAC/B,MAAM,EAAE,CAAC,IAAe,EAAE,EAAE,CAAC,uBAAC,WAAI,oBAAK,IAAI,+BAAoB;IAC/D,IAAI,EAAE;QACJ,WAAW,EAAE,IAAI;QACjB,OAAO,EAAE,IAAI;KACd;CACF,CAAC;AAEW,QAAA,MAAM,GAAc;IAC/B,MAAM,EAAE,CAAC,IAAe,EAAE,EAAE,CAAC,uBAAC,WAAI,oBAAK,IAAI,+BAAoB;IAC/D,IAAI,EAAE;QACJ,WAAW,EAAE,IAAI;QACjB,OAAO,EAAE,IAAI;QACb,KAAK,EAAE;YACL,KAAK,EAAE,OAAO;SACf;KACF;CACF,CAAC;AAEK,MAAM,OAAO,GAAG,GAAG,EAAE,CAAC,CAC3B,6DACE,wBAAC,SAAG,eACF,uBAAC,WAAI,IAAC,WAAW,EAAC,IAAI,0BAAiB,EACvC,uBAAC,WAAI,IAAC,WAAW,EAAC,IAAI,0BAAiB,EACvC,uBAAC,WAAI,IAAC,WAAW,EAAC,IAAI,0BAAiB,EACvC,uBAAC,WAAI,IAAC,WAAW,EAAC,IAAI,0BAAiB,EACvC,uBAAC,WAAI,4BAAiB,EACtB,uBAAC,WAAI,IAAC,OAAO,EAAC,OAAO,gCAAuB,EAC5C,uBAAC,WAAI,IAAC,OAAO,EAAC,OAAO,4BAAmB,IACpC,EACN,wBAAC,SAAG,eACF,uBAAC,WAAI,IAAC,WAAW,EAAC,IAAI,8BAAqB,EAC3C,uBAAC,WAAI,4pBAWE,EACP,uBAAC,WAAI,2cAQE,EACP,uBAAC,WAAI,IAAC,WAAW,EAAC,IAAI,+BAAsB,EAC5C,uBAAC,WAAI,wqBAWE,IACH,IACL,CACJ,CAAC;AAjDW,QAAA,OAAO,WAiDlB;AAEK,MAAM,cAAc,GAAG,GAAG,EAAE,CAAC,CAClC,iCAAK,KAAK,EAAE,EAAE,OAAO,EAAE,MAAM,EAAE,aAAa,EAAE,QAAQ,EAAE,aACtD,uBAAC,WAAI,IAAC,OAAO,EAAC,IAAI,2BAAkB,EACpC,uBAAC,WAAI,IAAC,OAAO,EAAC,IAAI,2BAAkB,EACpC,uBAAC,WAAI,IAAC,OAAO,EAAC,IAAI,2BAAkB,EACpC,uBAAC,WAAI,IAAC,OAAO,EAAC,IAAI,2BAAkB,EACpC,uBAAC,WAAI,IAAC,OAAO,EAAC,MAAM,6BAAoB,EACxC,uBAAC,WAAI,IAAC,OAAO,EAAC,OAAO,8BAAqB,EAC1C,uBAAC,WAAI,IAAC,OAAO,EAAC,OAAO,8BAAqB,IACtC,CACP,CAAC;AAVW,QAAA,cAAc,kBAUzB;AAEK,MAAM,cAAc,GAAG,GAAG,EAAE,CAAC,CAClC,wBAAC,SAAG,eACF,uBAAC,WAAI,IAAC,OAAO,EAAC,IAAI,8BAAqB,EACvC,uBAAC,WAAI,IAAC,OAAO,EAAC,OAAO,yNAId,EACP,uBAAC,WAAI,IAAC,OAAO,EAAC,OAAO,+KAId,EACP,uBAAC,WAAI,IAAC,OAAO,EAAC,OAAO,4IAGd,EACP,uBAAC,WAAI,IAAC,OAAO,EAAC,IAAI,8BAAqB,EACvC,uBAAC,WAAI,2NAIE,EACP,uBAAC,WAAI,iLAIE,EACP,uBAAC,WAAI,8IAGE,IACH,CACP,CAAC;AAjCW,QAAA,cAAc,kBAiCzB;AAEF,kBAAe,IAAI,CAAC"}

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

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

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

@@ -0,0 +1,33 @@
+"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/Text";
+describe("Text", () => {
+    it("should render without errors", () => {
+        (0, react_1.render)((0, jsx_runtime_1.jsx)(_1.Text, { elementType: "h1", children: "Sample text" }));
+    });
+    describe("given elementType", () => {
+        it("is not applied as element attribute", () => {
+            const { container } = (0, react_1.render)((0, jsx_runtime_1.jsx)(_1.Text, { elementType: "h4", children: "Sample text" }));
+            expect(container.firstChild).not.toHaveAttribute("elementtype", "h4");
+        });
+    });
+    describe("uses correct class names", () => {
+        it("uses Mobius class", () => {
+            (0, react_1.render)((0, jsx_runtime_1.jsx)(_1.Text, { elementType: "h1", "data-testid": "test", children: "Sample text" }));
+            expect(react_1.screen.getByTestId("test")).toHaveClass("mobius");
+        });
+        it("uses base Mobius class", () => {
+            (0, react_1.render)((0, jsx_runtime_1.jsx)(_1.Text, { elementType: "h1", "data-testid": "test", children: "Sample text" }));
+            expect(react_1.screen.getByTestId("test")).toHaveClass(CLASS_NAME);
+        });
+        it("includes custom class name", () => {
+            (0, react_1.render)((0, jsx_runtime_1.jsx)(_1.Text, { elementType: "h1", className: "my-class", "data-testid": "test", children: "Sample text" }));
+            expect(react_1.screen.getByTestId("test")).toHaveClass("my-class");
+            expect(react_1.screen.getByTestId("test")).toHaveClass(CLASS_NAME);
+        });
+    });
+});
+//# sourceMappingURL=Text.test.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Text.test.js","sourceRoot":"","sources":["../../../../src/components/Text/Text.test.tsx"],"names":[],"mappings":";;;AAAA,kDAAwD;AACxD,wBAAyB;AAEzB,MAAM,UAAU,GAAG,aAAa,CAAC;AAEjC,QAAQ,CAAC,MAAM,EAAE,GAAG,EAAE;IACpB,EAAE,CAAC,8BAA8B,EAAE,GAAG,EAAE;QACtC,IAAA,cAAM,EAAC,uBAAC,OAAI,IAAC,WAAW,EAAC,IAAI,4BAAmB,CAAC,CAAC;IACpD,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,EAAC,uBAAC,OAAI,IAAC,WAAW,EAAC,IAAI,4BAAmB,CAAC,CAAC;YACxE,MAAM,CAAC,SAAS,CAAC,UAAU,CAAC,CAAC,GAAG,CAAC,eAAe,CAAC,aAAa,EAAE,IAAI,CAAC,CAAC;QACxE,CAAC,CAAC,CAAC;IACL,CAAC,CAAC,CAAC;IAEH,QAAQ,CAAC,0BAA0B,EAAE,GAAG,EAAE;QACxC,EAAE,CAAC,mBAAmB,EAAE,GAAG,EAAE;YAC3B,IAAA,cAAM,EACJ,uBAAC,OAAI,IAAC,WAAW,EAAC,IAAI,iBAAa,MAAM,4BAElC,CACR,CAAC;YACF,MAAM,CAAC,cAAM,CAAC,WAAW,CAAC,MAAM,CAAC,CAAC,CAAC,WAAW,CAAC,QAAQ,CAAC,CAAC;QAC3D,CAAC,CAAC,CAAC;QAEH,EAAE,CAAC,wBAAwB,EAAE,GAAG,EAAE;YAChC,IAAA,cAAM,EACJ,uBAAC,OAAI,IAAC,WAAW,EAAC,IAAI,iBAAa,MAAM,4BAElC,CACR,CAAC;YACF,MAAM,CAAC,cAAM,CAAC,WAAW,CAAC,MAAM,CAAC,CAAC,CAAC,WAAW,CAAC,UAAU,CAAC,CAAC;QAC7D,CAAC,CAAC,CAAC;QAEH,EAAE,CAAC,4BAA4B,EAAE,GAAG,EAAE;YACpC,IAAA,cAAM,EACJ,uBAAC,OAAI,IAAC,WAAW,EAAC,IAAI,EAAC,SAAS,EAAC,UAAU,iBAAa,MAAM,4BAEvD,CACR,CAAC;YACF,MAAM,CAAC,cAAM,CAAC,WAAW,CAAC,MAAM,CAAC,CAAC,CAAC,WAAW,CAAC,UAAU,CAAC,CAAC;YAC3D,MAAM,CAAC,cAAM,CAAC,WAAW,CAAC,MAAM,CAAC,CAAC,CAAC,WAAW,CAAC,UAAU,CAAC,CAAC;QAC7D,CAAC,CAAC,CAAC;IACL,CAAC,CAAC,CAAC;AACL,CAAC,CAAC,CAAC"}

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

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

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

@@ -0,0 +1,13 @@
+import { Ref, RefAttributes } from "react";
+import { DOMProps } from "../../types/dom";
+import { ForwardedRefComponent } from "../../types/components";
+import { UseTextFieldProps } from "../../hooks";
+export type TextAreaElementType = HTMLTextAreaElement;
+export interface TextAreaProps extends UseTextFieldProps, DOMProps, RefAttributes<TextAreaElementType> {
+    className?: string;
+    errorMessage?: string;
+    validationState?: "valid" | "invalid";
+}
+export type TextAreaRef = Ref<TextAreaElementType>;
+declare const TextArea: ForwardedRefComponent<TextAreaProps, TextAreaElementType>;
+export { TextArea };

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