@simplybusiness/mobius 4.3.2 → 4.3.3

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

@@ -0,0 +1 @@
+{"version":3,"file":"Icon.stories.js","sourceRoot":"","sources":["../../../../src/components/Icon/Icon.stories.tsx"],"names":[],"mappings":";;;;AACA,iCAA8B;AAC9B,uCAA8C;AAK9C,MAAM,IAAI,GAAsB;IAC9B,KAAK,EAAE,iBAAiB;IACxB,SAAS,EAAE,WAAI;IACf,QAAQ,oBACH,IAAA,uBAAe,EAAC,MAAM,CAAC,CAC3B;CACF,CAAC;AAEF,MAAM,WAAW,GAAG;IAClB,IAAI,EAAE,KAAK;IACX,WAAW,EAAE,KAAK;IAClB,UAAU,EAAE,KAAK;IACjB,IAAI,EAAE,IAAI;CACF,CAAC;AAEX,MAAM,IAAI,GAAG;IACX,QAAQ,EAAE,MAAM;IAChB,KAAK,EAAE,GAAG;IACV,MAAM,EAAE,GAAG;IACX,WAAW,EACT,+JAA+J;IACjK,QAAQ,EAAE,MAAM;IAChB,IAAI,EAAE,MAAM;CACJ,CAAC;AAEE,QAAA,MAAM,GAAc;IAC/B,MAAM,EAAE,CAAC,IAAe,EAAE,EAAE,CAAC,CAC3B,wCACE,uBAAC,WAAI,oBAAK,IAAI,IAAE,IAAI,EAAE,IAAI,IAAI,GAC5B,CACL;IACD,IAAI,oBACC,WAAW,CACf;CACF,CAAC;AAEW,QAAA,QAAQ,GAAc;IACjC,MAAM,EAAE,CAAC,IAAe,EAAE,EAAE,CAAC,CAC3B,wCACE,uBAAC,WAAI,oBAAK,IAAI,IAAE,IAAI,EAAE,IAAI,IAAI,GAC5B,CACL;IACD,IAAI,kCACC,WAAW,KACd,IAAI,EAAE,IAAI,GACX;CACF,CAAC;AAEF,kBAAe,IAAI,CAAC"}

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

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

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

@@ -0,0 +1,34 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("@testing-library/react");
+const icons_1 = require("@simplybusiness/icons");
+const _1 = require(".");
+const CLASS_NAME = "mobius/Icon";
+const XS_SIZE_CLASS_NAME = "--size-xs";
+describe("Test for Icon", () => {
+    it("renders an icon", () => {
+        const component = (0, react_1.render)((0, jsx_runtime_1.jsx)(_1.Icon, { icon: icons_1.chevronLeft }));
+        expect(component).toBeTruthy();
+    });
+    describe("uses correct class names", () => {
+        it("uses Mobius class", () => {
+            (0, react_1.render)((0, jsx_runtime_1.jsx)(_1.Icon, { icon: icons_1.chevronLeft, "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.Icon, { icon: icons_1.chevronLeft, "data-testid": "test" }));
+            expect(react_1.screen.getByTestId("test")).toHaveClass(CLASS_NAME);
+        });
+        it("includes custom class name", () => {
+            (0, react_1.render)((0, jsx_runtime_1.jsx)(_1.Icon, { icon: icons_1.chevronLeft, "data-testid": "test", className: "my-class" }));
+            expect(react_1.screen.getByTestId("test")).toHaveClass("my-class");
+            expect(react_1.screen.getByTestId("test")).toHaveClass(CLASS_NAME);
+        });
+        it("renders with default size className", () => {
+            (0, react_1.render)((0, jsx_runtime_1.jsx)(_1.Icon, { icon: icons_1.chevronLeft, "data-testid": "test" }));
+            expect(react_1.screen.getByTestId("test")).toHaveClass(XS_SIZE_CLASS_NAME);
+        });
+    });
+});
+//# sourceMappingURL=Icon.test.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Icon.test.js","sourceRoot":"","sources":["../../../../src/components/Icon/Icon.test.tsx"],"names":[],"mappings":";;;AAAA,kDAAwD;AACxD,iDAAoD;AACpD,wBAAyB;AAEzB,MAAM,UAAU,GAAG,aAAa,CAAC;AACjC,MAAM,kBAAkB,GAAG,WAAW,CAAC;AAEvC,QAAQ,CAAC,eAAe,EAAE,GAAG,EAAE;IAC7B,EAAE,CAAC,iBAAiB,EAAE,GAAG,EAAE;QACzB,MAAM,SAAS,GAAG,IAAA,cAAM,EAAC,uBAAC,OAAI,IAAC,IAAI,EAAE,mBAAW,GAAI,CAAC,CAAC;QACtD,MAAM,CAAC,SAAS,CAAC,CAAC,UAAU,EAAE,CAAC;IACjC,CAAC,CAAC,CAAC;IAEH,QAAQ,CAAC,0BAA0B,EAAE,GAAG,EAAE;QACxC,EAAE,CAAC,mBAAmB,EAAE,GAAG,EAAE;YAC3B,IAAA,cAAM,EAAC,uBAAC,OAAI,IAAC,IAAI,EAAE,mBAAW,iBAAc,MAAM,GAAG,CAAC,CAAC;YACvD,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,EAAC,uBAAC,OAAI,IAAC,IAAI,EAAE,mBAAW,iBAAc,MAAM,GAAG,CAAC,CAAC;YACvD,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,IAAI,EAAE,mBAAW,iBAAc,MAAM,EAAC,SAAS,EAAC,UAAU,GAAG,CACpE,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;QAEH,EAAE,CAAC,qCAAqC,EAAE,GAAG,EAAE;YAC7C,IAAA,cAAM,EAAC,uBAAC,OAAI,IAAC,IAAI,EAAE,mBAAW,iBAAc,MAAM,GAAG,CAAC,CAAC;YACvD,MAAM,CAAC,cAAM,CAAC,WAAW,CAAC,MAAM,CAAC,CAAC,CAAC,WAAW,CAAC,kBAAkB,CAAC,CAAC;QACrE,CAAC,CAAC,CAAC;IACL,CAAC,CAAC,CAAC;AACL,CAAC,CAAC,CAAC"}

package/dist/cjs/components/Icon/IconStyle.d.ts

@@ -0,0 +1 @@
+export declare function applyStyles(): void;

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

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

package/dist/cjs/components/Icon/types.d.ts

@@ -0,0 +1,13 @@
+import { Ref } from "react";
+import { IconDefinition } from "../../types/icon";
+export type IconSizeProp = "xs" | "sm" | "md" | "lg";
+export interface IconProps {
+    icon?: IconDefinition;
+    className?: string;
+    size?: IconSizeProp;
+    color?: string;
+    fixedWidth?: boolean;
+    spin?: boolean;
+    spinReverse?: boolean;
+}
+export type IconRef = Ref<SVGSVGElement>;

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

@@ -0,0 +1,17 @@
+import { RefAttributes, Ref } from "react";
+import { DOMProps } from "../../types/dom";
+import { ForwardedRefComponent } from "../../types/components";
+export type IntrinsicImage = Omit<JSX.IntrinsicElements["img"], "css" | "width" | "height" | "color"> & RefAttributes<HTMLImageElement>;
+export interface ImageProps extends DOMProps, IntrinsicImage {
+    /** HTML element for the Box */
+    elementType?: React.ElementType;
+    /** Alternative text for accessibility */
+    alt: string;
+    /** Path to image asset */
+    src: string;
+    /** Custom class name for setting specific CSS */
+    className?: string;
+}
+export type ImageRef = Ref<HTMLImageElement>;
+declare const Image: ForwardedRefComponent<ImageProps, HTMLImageElement>;
+export { Image };

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

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

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

@@ -0,0 +1,19 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Normal = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const Image_1 = require("./Image");
+const meta = {
+    title: "Components/Image",
+    component: Image_1.Image,
+};
+const testImg = "data:image/png;base64,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";
+exports.Normal = {
+    render: (args) => (0, jsx_runtime_1.jsx)(Image_1.Image, Object.assign({}, args)),
+    args: {
+        src: testImg,
+        alt: "test image",
+    },
+};
+exports.default = meta;
+//# sourceMappingURL=Image.stories.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Image.stories.js","sourceRoot":"","sources":["../../../../src/components/Image/Image.stories.tsx"],"names":[],"mappings":";;;;AACA,mCAA4C;AAI5C,MAAM,IAAI,GAAuB;IAC/B,KAAK,EAAE,kBAAkB;IACzB,SAAS,EAAE,aAAK;CACjB,CAAC;AAEF,MAAM,OAAO,GACX,whFAAwhF,CAAC;AAE9gF,QAAA,MAAM,GAAc;IAC/B,MAAM,EAAE,CAAC,IAAgB,EAAE,EAAE,CAAC,uBAAC,aAAK,oBAAK,IAAI,EAAI;IACjD,IAAI,EAAE;QACJ,GAAG,EAAE,OAAO;QACZ,GAAG,EAAE,YAAY;KAClB;CACF,CAAC;AAEF,kBAAe,IAAI,CAAC"}

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

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

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

@@ -0,0 +1,39 @@
+"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/Image";
+const defaultProps = {
+    src: "data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==",
+    alt: "Test image",
+    "data-testid": "test",
+};
+describe("Test for Image", () => {
+    it("should render without errors", () => {
+        const component = (0, react_1.render)((0, jsx_runtime_1.jsx)(_1.Image, Object.assign({}, defaultProps)));
+        expect(component).toBeTruthy();
+    });
+    describe("given elementType", () => {
+        it("is not applied as element attribute", () => {
+            const { container } = (0, react_1.render)((0, jsx_runtime_1.jsx)(_1.Image, Object.assign({}, defaultProps, { elementType: "ul" })));
+            expect(container.firstChild).not.toHaveAttribute("elementtype", "ul");
+        });
+    });
+    describe("uses correct class names", () => {
+        it("uses Mobius class", () => {
+            (0, react_1.render)((0, jsx_runtime_1.jsx)(_1.Image, Object.assign({}, defaultProps)));
+            expect(react_1.screen.getByTestId("test")).toHaveClass("mobius");
+        });
+        it("uses base Mobius class", () => {
+            (0, react_1.render)((0, jsx_runtime_1.jsx)(_1.Image, Object.assign({}, defaultProps)));
+            expect(react_1.screen.getByTestId("test")).toHaveClass(CLASS_NAME);
+        });
+        it("includes custom class name", () => {
+            (0, react_1.render)((0, jsx_runtime_1.jsx)(_1.Image, Object.assign({}, defaultProps, { className: "my-class" })));
+            expect(react_1.screen.getByTestId("test")).toHaveClass("my-class");
+            expect(react_1.screen.getByTestId("test")).toHaveClass(CLASS_NAME);
+        });
+    });
+});
+//# sourceMappingURL=Image.test.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Image.test.js","sourceRoot":"","sources":["../../../../src/components/Image/Image.test.tsx"],"names":[],"mappings":";;;AAAA,kDAAwD;AACxD,wBAA0B;AAE1B,MAAM,UAAU,GAAG,cAAc,CAAC;AAElC,MAAM,YAAY,GAAG;IACnB,GAAG,EAAE,oFAAoF;IACzF,GAAG,EAAE,YAAY;IACjB,aAAa,EAAE,MAAM;CACtB,CAAC;AAEF,QAAQ,CAAC,gBAAgB,EAAE,GAAG,EAAE;IAC9B,EAAE,CAAC,8BAA8B,EAAE,GAAG,EAAE;QACtC,MAAM,SAAS,GAAG,IAAA,cAAM,EAAC,uBAAC,QAAK,oBAAK,YAAY,EAAI,CAAC,CAAC;QACtD,MAAM,CAAC,SAAS,CAAC,CAAC,UAAU,EAAE,CAAC;IACjC,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,oBAAK,YAAY,IAAE,WAAW,EAAC,IAAI,IAAG,CAC7C,CAAC;YACF,MAAM,CAAC,SAAS,CAAC,UAAU,CAAC,CAAC,GAAG,CAAC,eAAe,CAAC,aAAa,EAAE,IAAI,CAAC,CAAC;QACxE,CAAC,CAAC,CAAC;IACL,CAAC,CAAC,CAAC;IAEH,QAAQ,CAAC,0BAA0B,EAAE,GAAG,EAAE;QACxC,EAAE,CAAC,mBAAmB,EAAE,GAAG,EAAE;YAC3B,IAAA,cAAM,EAAC,uBAAC,QAAK,oBAAK,YAAY,EAAI,CAAC,CAAC;YACpC,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,EAAC,uBAAC,QAAK,oBAAK,YAAY,EAAI,CAAC,CAAC;YACpC,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,EAAC,uBAAC,QAAK,oBAAK,YAAY,IAAE,SAAS,EAAC,UAAU,IAAG,CAAC,CAAC;YACzD,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/Image/index.d.ts

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

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

@@ -0,0 +1,13 @@
+import { ReactNode, Ref, RefAttributes } from "react";
+import { DOMProps } from "../../types/dom";
+import { ForwardedRefComponent } from "../../types/components";
+export type LabelElementType = HTMLLabelElement;
+export type IntrinsicLabel = Omit<JSX.IntrinsicElements["label"], "css" | "color" | "ref">;
+export interface LabelProps extends IntrinsicLabel, DOMProps, RefAttributes<LabelElementType> {
+    children?: ReactNode;
+    className?: string;
+    elementType?: "label" | "span";
+}
+export type LabelRef = Ref<LabelElementType>;
+declare const Label: ForwardedRefComponent<LabelProps, LabelElementType>;
+export { Label };

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

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

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

@@ -0,0 +1,17 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Normal = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const Label_1 = require("./Label");
+const meta = {
+    title: "Forms/Label",
+    component: Label_1.Label,
+};
+exports.Normal = {
+    render: (args) => (0, jsx_runtime_1.jsx)(Label_1.Label, Object.assign({}, args)),
+    args: {
+        children: "Example label",
+    },
+};
+exports.default = meta;
+//# sourceMappingURL=Label.stories.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Label.stories.js","sourceRoot":"","sources":["../../../../src/components/Label/Label.stories.tsx"],"names":[],"mappings":";;;;AACA,mCAA4C;AAI5C,MAAM,IAAI,GAAuB;IAC/B,KAAK,EAAE,aAAa;IACpB,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,QAAQ,EAAE,eAAe;KAC1B;CACF,CAAC;AAEF,kBAAe,IAAI,CAAC"}

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

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

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

@@ -0,0 +1,37 @@
+"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/Label";
+describe("Test for Label", () => {
+    it("should render without errors", () => {
+        (0, react_1.render)((0, jsx_runtime_1.jsx)(_1.Label, { children: "Test label" }));
+    });
+    it("should support label HTML props", () => {
+        (0, react_1.render)((0, jsx_runtime_1.jsx)(_1.Label, { htmlFor: "some-id", "data-testid": "test", children: "Test label" }));
+        expect(react_1.screen.getByTestId("test")).toHaveAttribute("for");
+    });
+    describe("given elementType", () => {
+        it("is not applied as element attribute", () => {
+            const { container } = (0, react_1.render)((0, jsx_runtime_1.jsx)(_1.Label, { "data-testid": "test", elementType: "span" }));
+            expect(container.firstChild).not.toHaveAttribute("elementtype", "span");
+        });
+    });
+    describe("uses correct class names", () => {
+        it("uses Mobius class", () => {
+            (0, react_1.render)((0, jsx_runtime_1.jsx)(_1.Label, { "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.Label, { "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.Label, { 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=Label.test.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Label.test.js","sourceRoot":"","sources":["../../../../src/components/Label/Label.test.tsx"],"names":[],"mappings":";;;AAAA,kDAAwD;AACxD,wBAA0B;AAE1B,MAAM,UAAU,GAAG,cAAc,CAAC;AAElC,QAAQ,CAAC,gBAAgB,EAAE,GAAG,EAAE;IAC9B,EAAE,CAAC,8BAA8B,EAAE,GAAG,EAAE;QACtC,IAAA,cAAM,EAAC,uBAAC,QAAK,6BAAmB,CAAC,CAAC;IACpC,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,iCAAiC,EAAE,GAAG,EAAE;QACzC,IAAA,cAAM,EACJ,uBAAC,QAAK,IAAC,OAAO,EAAC,SAAS,iBAAa,MAAM,2BAEnC,CACT,CAAC;QACF,MAAM,CAAC,cAAM,CAAC,WAAW,CAAC,MAAM,CAAC,CAAC,CAAC,eAAe,CAAC,KAAK,CAAC,CAAC;IAC5D,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,mBAAa,MAAM,EAAC,WAAW,EAAC,MAAM,GAAG,CAChD,CAAC;YACF,MAAM,CAAC,SAAS,CAAC,UAAU,CAAC,CAAC,GAAG,CAAC,eAAe,CAAC,aAAa,EAAE,MAAM,CAAC,CAAC;QAC1E,CAAC,CAAC,CAAC;IACL,CAAC,CAAC,CAAC;IAEH,QAAQ,CAAC,0BAA0B,EAAE,GAAG,EAAE;QACxC,EAAE,CAAC,mBAAmB,EAAE,GAAG,EAAE;YAC3B,IAAA,cAAM,EAAC,uBAAC,QAAK,mBAAa,MAAM,4BAAoB,CAAC,CAAC;YACtD,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,EAAC,uBAAC,QAAK,mBAAa,MAAM,4BAAoB,CAAC,CAAC;YACtD,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,QAAK,IAAC,SAAS,EAAC,UAAU,iBAAa,MAAM,4BAEtC,CACT,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/Label/index.d.ts

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

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

@@ -0,0 +1,24 @@
+import React, { Ref, HTMLAttributeAnchorTarget } from "react";
+import { ForwardedRefComponent } from "../../types/components";
+export type LinkElementType = HTMLAnchorElement;
+export interface LinkProps {
+    id?: string;
+    children?: React.ReactNode;
+    /** Path to link resource or page */
+    href?: string;
+    /** Custom class name for setting specific CSS */
+    className?: string;
+    title?: string;
+    style?: React.CSSProperties;
+    referrerPolicy?: ReferrerPolicy;
+    download?: boolean | string;
+    rel?: string;
+    target?: HTMLAttributeAnchorTarget;
+    isDisabled?: boolean;
+    onClick?: () => void;
+    to?: unknown;
+    elementType?: React.ElementType;
+}
+export type LinkRef = Ref<LinkElementType>;
+declare const Link: ForwardedRefComponent<LinkProps, LinkElementType>;
+export { Link };

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

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

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

@@ -0,0 +1,45 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Disabled = exports.Normal = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const Link_1 = require("./Link");
+const utils_1 = require("../../utils");
+const meta = {
+    title: "Components/Link",
+    component: Link_1.Link,
+    argTypes: Object.assign({ target: {
+            options: ["_self", "_blank", "_parent", "_top"],
+            control: { type: "select" },
+        }, to: {
+            control: { type: "text" },
+        }, title: {
+            control: { type: "text" },
+        }, download: {
+            control: { type: "boolean" },
+        }, rel: {
+            options: ["noopener noreferrer", "canonical", "nofollow"],
+            control: { type: "select" },
+        } }, (0, utils_1.excludeControls)("elementType", "style", "onClick")),
+};
+exports.Normal = {
+    render: (args) => (0, jsx_runtime_1.jsx)(Link_1.Link, Object.assign({}, args, { children: "Link text" })),
+    args: {
+        href: "https://www.google.com",
+        isDisabled: false,
+        download: false,
+        to: "",
+        title: "",
+    },
+};
+exports.Disabled = {
+    render: (args) => (0, jsx_runtime_1.jsx)(Link_1.Link, Object.assign({}, args, { children: "Link text" })),
+    args: {
+        href: "https://www.google.com",
+        isDisabled: true,
+        download: false,
+        to: "",
+        title: "",
+    },
+};
+exports.default = meta;
+//# sourceMappingURL=Link.stories.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Link.stories.js","sourceRoot":"","sources":["../../../../src/components/Link/Link.stories.tsx"],"names":[],"mappings":";;;;AACA,iCAAyC;AACzC,uCAA8C;AAI9C,MAAM,IAAI,GAAsB;IAC9B,KAAK,EAAE,iBAAiB;IACxB,SAAS,EAAE,WAAI;IACf,QAAQ,kBACN,MAAM,EAAE;YACN,OAAO,EAAE,CAAC,OAAO,EAAE,QAAQ,EAAE,SAAS,EAAE,MAAM,CAAC;YAC/C,OAAO,EAAE,EAAE,IAAI,EAAE,QAAQ,EAAE;SAC5B,EACD,EAAE,EAAE;YACF,OAAO,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE;SAC1B,EACD,KAAK,EAAE;YACL,OAAO,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE;SAC1B,EACD,QAAQ,EAAE;YACR,OAAO,EAAE,EAAE,IAAI,EAAE,SAAS,EAAE;SAC7B,EACD,GAAG,EAAE;YACH,OAAO,EAAE,CAAC,qBAAqB,EAAE,WAAW,EAAE,UAAU,CAAC;YACzD,OAAO,EAAE,EAAE,IAAI,EAAE,QAAQ,EAAE;SAC5B,IACE,IAAA,uBAAe,EAAC,aAAa,EAAE,OAAO,EAAE,SAAS,CAAC,CACtD;CACF,CAAC;AAEW,QAAA,MAAM,GAAc;IAC/B,MAAM,EAAE,CAAC,IAAe,EAAE,EAAE,CAAC,uBAAC,WAAI,oBAAK,IAAI,6BAAkB;IAC7D,IAAI,EAAE;QACJ,IAAI,EAAE,wBAAwB;QAC9B,UAAU,EAAE,KAAK;QACjB,QAAQ,EAAE,KAAK;QACf,EAAE,EAAE,EAAE;QACN,KAAK,EAAE,EAAE;KACV;CACF,CAAC;AAEW,QAAA,QAAQ,GAAc;IACjC,MAAM,EAAE,CAAC,IAAe,EAAE,EAAE,CAAC,uBAAC,WAAI,oBAAK,IAAI,6BAAkB;IAC7D,IAAI,EAAE;QACJ,IAAI,EAAE,wBAAwB;QAC9B,UAAU,EAAE,IAAI;QAChB,QAAQ,EAAE,KAAK;QACf,EAAE,EAAE,EAAE;QACN,KAAK,EAAE,EAAE;KACV;CACF,CAAC;AAEF,kBAAe,IAAI,CAAC"}

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

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

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

@@ -0,0 +1,65 @@
+"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/Link";
+describe("Test for Link", () => {
+    it("should render without errors", () => {
+        (0, react_1.render)((0, jsx_runtime_1.jsx)(_1.Link, { href: "#test", children: "Test" }));
+    });
+    it("should call the onClick", async () => {
+        const onClick = jest.fn();
+        const { getByText } = (0, react_1.render)((0, jsx_runtime_1.jsx)(_1.Link, { href: "#test", onClick: onClick, children: "Click" }));
+        await user_event_1.default.click(getByText("Click"));
+        expect(onClick).toHaveBeenCalled();
+    });
+    it("uses the elementType prop", () => {
+        function CustomComponent(props) {
+            // eslint-disable-next-line jsx-a11y/anchor-has-content
+            return (0, jsx_runtime_1.jsx)("a", Object.assign({ "data-testid": "custom-component" }, props));
+        }
+        (0, react_1.render)(
+        // eslint-disable-next-line react/jsx-no-bind
+        (0, jsx_runtime_1.jsx)(_1.Link, { href: "#test", elementType: CustomComponent, children: "Test" }));
+        expect(react_1.screen.getByTestId("custom-component")).toBeInTheDocument();
+    });
+    describe("given elementType", () => {
+        it("is not applied as element attribute", () => {
+            const { container } = (0, react_1.render)((0, jsx_runtime_1.jsx)(_1.Link, { href: "#test", elementType: "ul", children: "Test" }));
+            expect(container.firstChild).not.toHaveAttribute("elementtype", "ul");
+        });
+    });
+    describe("uses correct class names", () => {
+        it("uses Mobius class", () => {
+            (0, react_1.render)((0, jsx_runtime_1.jsx)(_1.Link, { href: "#test", "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.Link, { href: "#test", "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.Link, { href: "#test", 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);
+        });
+        it("includes the disabled class name", async () => {
+            (0, react_1.render)((0, jsx_runtime_1.jsx)(_1.Link, { href: "#test", "data-testid": "test", isDisabled: true, children: "Sample text" }));
+            await user_event_1.default.tab();
+            expect(react_1.screen.getByTestId("test")).toHaveClass("--is-disabled");
+        });
+    });
+    describe("given the the link has disabled prop", () => {
+        it("does not pass the prop as an attribute", async () => {
+            (0, react_1.render)((0, jsx_runtime_1.jsx)(_1.Link, { href: "#test", "data-testid": "test", isDisabled: true, children: "Sample text" }));
+            await user_event_1.default.tab();
+            expect(react_1.screen.getByTestId("test")).not.toHaveAttribute("disabled", "");
+        });
+    });
+});
+//# sourceMappingURL=Link.test.js.map

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

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

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

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

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

@@ -0,0 +1,15 @@
+import { HTMLAttributeAnchorTarget, MouseEvent } from "react";
+import { ButtonProps } from "../Button";
+export interface LinkButtonProps extends Omit<ButtonProps, "elementType"> {
+    href: string;
+    title?: string;
+    style?: React.CSSProperties;
+    referrerPolicy?: ReferrerPolicy;
+    download?: boolean | string;
+    rel?: string;
+    target?: HTMLAttributeAnchorTarget;
+    onClick?: (event: MouseEvent<HTMLAnchorElement | HTMLButtonElement>) => void;
+    to?: unknown;
+    elementType?: React.ElementType;
+}
+export declare function LinkButton({ href, children, className, elementType, ...rest }: LinkButtonProps): import("react/jsx-runtime").JSX.Element;

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

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

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

@@ -0,0 +1,46 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Normal = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const LinkButton_1 = require("./LinkButton");
+const utils_1 = require("../../utils");
+const meta = {
+    title: "Components/LinkButton",
+    component: LinkButton_1.LinkButton,
+    argTypes: Object.assign({ target: {
+            options: ["_self", "_blank", "_parent", "_top"],
+            control: { type: "select" },
+        }, to: {
+            control: { type: "text" },
+        }, title: {
+            control: { type: "text" },
+        }, download: {
+            control: { type: "boolean" },
+        }, rel: {
+            options: ["noopener noreferrer", "canonical", "nofollow"],
+            control: { type: "select" },
+        }, icon: {
+            options: ["menu", "rightArrow", "leftArrow", "dropdown", "home"],
+            control: { type: "radio" },
+        }, iconPosition: {
+            if: {
+                arg: "icon",
+            },
+        } }, (0, utils_1.excludeControls)("style")),
+};
+exports.Normal = {
+    render: (args) => ((0, jsx_runtime_1.jsx)(LinkButton_1.LinkButton, Object.assign({}, args, { children: "LinkButton text" }))),
+    args: {
+        href: "https://www.google.com",
+        to: "",
+        title: "",
+        size: "md",
+        download: false,
+        isDisabled: false,
+        isSuccess: false,
+        isLoading: false,
+        role: "",
+    },
+};
+exports.default = meta;
+//# sourceMappingURL=LinkButton.stories.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"LinkButton.stories.js","sourceRoot":"","sources":["../../../../src/components/LinkButton/LinkButton.stories.tsx"],"names":[],"mappings":";;;;AACA,6CAA2D;AAC3D,uCAA8C;AAI9C,MAAM,IAAI,GAA4B;IACpC,KAAK,EAAE,uBAAuB;IAC9B,SAAS,EAAE,uBAAU;IACrB,QAAQ,kBACN,MAAM,EAAE;YACN,OAAO,EAAE,CAAC,OAAO,EAAE,QAAQ,EAAE,SAAS,EAAE,MAAM,CAAC;YAC/C,OAAO,EAAE,EAAE,IAAI,EAAE,QAAQ,EAAE;SAC5B,EACD,EAAE,EAAE;YACF,OAAO,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE;SAC1B,EACD,KAAK,EAAE;YACL,OAAO,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE;SAC1B,EACD,QAAQ,EAAE;YACR,OAAO,EAAE,EAAE,IAAI,EAAE,SAAS,EAAE;SAC7B,EACD,GAAG,EAAE;YACH,OAAO,EAAE,CAAC,qBAAqB,EAAE,WAAW,EAAE,UAAU,CAAC;YACzD,OAAO,EAAE,EAAE,IAAI,EAAE,QAAQ,EAAE;SAC5B,EACD,IAAI,EAAE;YACJ,OAAO,EAAE,CAAC,MAAM,EAAE,YAAY,EAAE,WAAW,EAAE,UAAU,EAAE,MAAM,CAAC;YAChE,OAAO,EAAE,EAAE,IAAI,EAAE,OAAO,EAAE;SAC3B,EACD,YAAY,EAAE;YACZ,EAAE,EAAE;gBACF,GAAG,EAAE,MAAM;aACZ;SACF,IACE,IAAA,uBAAe,EAAC,OAAO,CAAC,CAC5B;CACF,CAAC;AAEW,QAAA,MAAM,GAAc;IAC/B,MAAM,EAAE,CAAC,IAAqB,EAAE,EAAE,CAAC,CACjC,uBAAC,uBAAU,oBAAK,IAAI,mCAA8B,CACnD;IACD,IAAI,EAAE;QACJ,IAAI,EAAE,wBAAwB;QAC9B,EAAE,EAAE,EAAE;QACN,KAAK,EAAE,EAAE;QACT,IAAI,EAAE,IAAI;QACV,QAAQ,EAAE,KAAK;QACf,UAAU,EAAE,KAAK;QACjB,SAAS,EAAE,KAAK;QAChB,SAAS,EAAE,KAAK;QAChB,IAAI,EAAE,EAAE;KACT;CACF,CAAC;AAEF,kBAAe,IAAI,CAAC"}

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

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

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

@@ -0,0 +1,67 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("@testing-library/react");
+const user_event_1 = __importDefault(require("@testing-library/user-event"));
+const react_2 = require("react");
+const _1 = require(".");
+class ErrorBoundary extends react_2.Component {
+    constructor(props) {
+        super(props);
+        this.state = {
+            hasError: false,
+            error: null,
+        };
+    }
+    static getDerivedStateFromError(error) {
+        return { hasError: true, error };
+    }
+    render() {
+        const { hasError, error } = this.state;
+        const { children } = this.props;
+        if (hasError && error) {
+            // You can render any custom fallback UI
+            return (0, jsx_runtime_1.jsx)("div", { "data-testid": "error", children: error.message });
+        }
+        return children;
+    }
+}
+describe("Test for LinkButton", () => {
+    it("renders without error", () => {
+        const component = (0, react_1.render)((0, jsx_runtime_1.jsx)(_1.LinkButton, { href: "http://www.example.com/", children: "Link" }));
+        expect(component).toBeTruthy();
+    });
+    it("should call onClick callback if supplied", async () => {
+        const onClick = jest.fn();
+        const { getByText } = (0, react_1.render)((0, jsx_runtime_1.jsx)(_1.LinkButton, { href: "#", onClick: onClick, children: "Link" }));
+        await user_event_1.default.click(getByText("Link"));
+        expect(onClick).toHaveBeenCalled();
+    });
+    it("throws when href is missing", () => {
+        const spy = jest.spyOn(console, "error");
+        spy.mockImplementation(() => { });
+        (0, react_1.render)((0, jsx_runtime_1.jsx)(ErrorBoundary, { children: (0, jsx_runtime_1.jsx)(_1.LinkButton, { children: "Link" }) }));
+        expect(react_1.screen.getByTestId("error")).toHaveTextContent("LinkButton requires a href prop");
+        spy.mockRestore();
+    });
+    it("uses the elementType prop", () => {
+        function CustomComponent(props) {
+            // eslint-disable-next-line jsx-a11y/anchor-has-content
+            return (0, jsx_runtime_1.jsx)("a", Object.assign({ "data-testid": "custom-component" }, props));
+        }
+        (0, react_1.render)(
+        // eslint-disable-next-line react/jsx-no-bind
+        (0, jsx_runtime_1.jsx)(_1.LinkButton, { href: "#test", elementType: CustomComponent, children: "Test" }));
+        expect(react_1.screen.getByTestId("custom-component")).toBeInTheDocument();
+    });
+    describe("given elementType", () => {
+        it("is not applied as element attribute", () => {
+            const { container } = (0, react_1.render)((0, jsx_runtime_1.jsx)(_1.LinkButton, { href: "#test", elementType: "ul", children: "Test" }));
+            expect(container.firstChild).not.toHaveAttribute("elementtype", "ul");
+        });
+    });
+});
+//# sourceMappingURL=LinkButton.test.js.map

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

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

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

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

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

@@ -0,0 +1,17 @@
+import { Ref, ReactNode, RefAttributes } from "react";
+import { DOMProps } from "../../types/dom";
+import { ForwardedRefComponent } from "../../types/components";
+export type ListElementType = HTMLOListElement | HTMLUListElement;
+export type ListStyleType = "disc" | "circle" | "square" | "decimal" | "georgian" | "trad-chinese-informal" | "kannada";
+export interface ListProps extends DOMProps, RefAttributes<ListElementType> {
+    children?: ReactNode;
+    isOrdered?: boolean;
+    isReversed?: boolean;
+    start?: number;
+    liststyletype?: ListStyleType;
+    icon?: ReactNode;
+    className?: string;
+}
+export type ListRef = Ref<ListElementType>;
+declare const List: ForwardedRefComponent<ListProps, ListElementType>;
+export { List };