@simplybusiness/mobius 4.2.8 → 4.3.1

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

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

@@ -0,0 +1,10 @@
+import type { Meta, StoryObj } from "@storybook/react";
+import { List } from ".";
+type StoryType = StoryObj<typeof List>;
+declare const meta: Meta<typeof List>;
+export declare const Unordered: StoryType;
+export declare const Ordered: StoryType;
+export declare const StartingFromASpecificNumber: StoryType;
+export declare const Reversed: StoryType;
+export declare const WithCustomIcons: StoryType;
+export default meta;

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

@@ -0,0 +1,82 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.WithCustomIcons = exports.Reversed = exports.StartingFromASpecificNumber = exports.Ordered = exports.Unordered = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const icons_1 = require("@simplybusiness/icons");
+const index_1 = require("../index");
+const _1 = require(".");
+const utils_1 = require("../../utils");
+const meta = {
+    title: "Components/List",
+    component: _1.List,
+    argTypes: Object.assign({ liststyletype: {
+            control: { type: "radio" },
+            if: {
+                arg: "isOrdered",
+                truthy: false,
+            },
+        }, isReversed: {
+            if: {
+                arg: "isOrdered",
+            },
+        }, start: {
+            if: {
+                arg: "isOrdered",
+            },
+        } }, (0, utils_1.excludeControls)("icon")),
+};
+exports.Unordered = {
+    render: (args) => ((0, jsx_runtime_1.jsxs)(_1.List, Object.assign({}, args, { children: [(0, jsx_runtime_1.jsx)(_1.ListItem, { children: "Foo" }), (0, jsx_runtime_1.jsx)(_1.ListItem, { children: "Bar" }), (0, jsx_runtime_1.jsx)(_1.ListItem, { children: "Baz" })] }))),
+    args: {
+        isOrdered: false,
+        isReversed: false,
+        liststyletype: "disc",
+    },
+};
+exports.Ordered = {
+    render: (args) => ((0, jsx_runtime_1.jsxs)(_1.List, Object.assign({}, args, { children: [(0, jsx_runtime_1.jsx)(_1.ListItem, { children: "Foo" }), (0, jsx_runtime_1.jsx)(_1.ListItem, { children: "Bar" }), (0, jsx_runtime_1.jsx)(_1.ListItem, { children: "Baz" })] }))),
+    args: {
+        isOrdered: true,
+        isReversed: false,
+        start: 1,
+    },
+};
+exports.StartingFromASpecificNumber = {
+    render: (args) => ((0, jsx_runtime_1.jsxs)(_1.List, Object.assign({}, args, { children: [(0, jsx_runtime_1.jsx)(_1.ListItem, { children: "Foo" }), (0, jsx_runtime_1.jsx)(_1.ListItem, { children: "Bar" }), (0, jsx_runtime_1.jsx)(_1.ListItem, { children: "Baz" })] }))),
+    args: {
+        isOrdered: true,
+        start: 12,
+        isReversed: false,
+    },
+    parameters: {
+        controls: {
+            exclude: ["liststyletype"],
+        },
+    },
+};
+exports.Reversed = {
+    render: (args) => ((0, jsx_runtime_1.jsxs)(_1.List, Object.assign({}, args, { children: [(0, jsx_runtime_1.jsx)(_1.ListItem, { children: "Foo" }), (0, jsx_runtime_1.jsx)(_1.ListItem, { children: "Bar" }), (0, jsx_runtime_1.jsx)(_1.ListItem, { children: "Baz" })] }))),
+    args: {
+        isOrdered: true,
+        isReversed: true,
+        start: 3,
+    },
+    parameters: {
+        controls: {
+            exclude: ["liststyletype"],
+        },
+    },
+};
+exports.WithCustomIcons = {
+    render: (args) => ((0, jsx_runtime_1.jsxs)(_1.List, Object.assign({}, args, { children: [(0, jsx_runtime_1.jsx)(_1.ListItem, { children: (0, jsx_runtime_1.jsx)(index_1.Text, { variant: "body", spacing: "tight", children: "Morbi eget sapien nulla. Mauris sodales est vel ullamcorper efficitur. Nam lobortis metus et ultricies imperdiet. Phasellus at sapien pharetra, commodo lorem eu, malesuada dui. Curabitur vulputate massa nec massa blandit, auctor elementum dolor ultricies." }) }), (0, jsx_runtime_1.jsx)(_1.ListItem, { icon: (0, jsx_runtime_1.jsx)(index_1.Icon, { icon: icons_1.cross, color: "red" }), children: "Etiam feugiat neque vel nulla semper ultrices. Phasellus lobortis nisl id mollis malesuada. Suspendisse ut porttitor purus. Praesent ornare felis a mattis pharetra. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Donec venenatis tristique condimentum." }), (0, jsx_runtime_1.jsx)(_1.ListItem, { children: "Nunc at turpis iaculis, finibus tellus eget, tempus mi. Vestibulum eget egestas mauris, non porttitor nisl. Nam a facilisis sem. Interdum et malesuada fames ac ante ipsum primis in faucibus. Suspendisse sit amet neque tempor, vestibulum eros ut, vulputate quam." })] }))),
+    args: {
+        icon: (0, jsx_runtime_1.jsx)(index_1.Icon, { icon: icons_1.tick, color: "green" }),
+    },
+    parameters: {
+        controls: {
+            exclude: ["isOrdered", "liststyletype"],
+        },
+    },
+};
+exports.default = meta;
+//# sourceMappingURL=List.stories.js.map

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

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

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

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

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

@@ -0,0 +1,95 @@
+"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 LIST_CLASS_NAME = "mobius/List";
+const ITEM_CLASS_NAME = "mobius/ListItem";
+const ICON_CLASS_NAME = "--has-icon";
+const ITEM_CONTENT_CLASSNAME = "mobius/ListItemContent";
+const LIST_ICON_CLASS_NAME = "mobius/ListIcon";
+describe("List", () => {
+    it("should render without errors", () => {
+        (0, react_1.render)((0, jsx_runtime_1.jsx)(_1.List, { children: "Sample text" }));
+    });
+    it("renders an unordered list of items", () => {
+        (0, react_1.render)((0, jsx_runtime_1.jsxs)(_1.List, { "data-testid": "test", children: [(0, jsx_runtime_1.jsx)(_1.ListItem, { children: "One" }), (0, jsx_runtime_1.jsx)(_1.ListItem, { children: "Two" })] }));
+        const list = react_1.screen.getByTestId("test").closest("ul");
+        expect(list).toBeTruthy();
+        expect(list === null || list === void 0 ? void 0 : list.childNodes.length).toEqual(2);
+    });
+    it("renders an ordered list of items", () => {
+        (0, react_1.render)((0, jsx_runtime_1.jsxs)(_1.List, { isOrdered: true, "data-testid": "test", children: [(0, jsx_runtime_1.jsx)(_1.ListItem, { children: "One" }), (0, jsx_runtime_1.jsx)(_1.ListItem, { children: "Two" })] }));
+        const unorderedList = react_1.screen.getByTestId("test").closest("ul");
+        const orderedList = react_1.screen.getByTestId("test").closest("ol");
+        expect(unorderedList).not.toBeTruthy();
+        expect(orderedList).toBeTruthy();
+        expect(orderedList === null || orderedList === void 0 ? void 0 : orderedList.childNodes.length).toEqual(2);
+    });
+    it("renders a reversed list of items", () => {
+        (0, react_1.render)((0, jsx_runtime_1.jsxs)(_1.List, { isOrdered: true, isReversed: true, children: [(0, jsx_runtime_1.jsx)(_1.ListItem, { children: "One" }), (0, jsx_runtime_1.jsx)(_1.ListItem, { children: "Two" })] }));
+        const list = react_1.screen.getByRole("list");
+        expect(list).toHaveAttribute("reversed", "");
+    });
+    it("renders list style", () => {
+        (0, react_1.render)((0, jsx_runtime_1.jsxs)(_1.List, { isOrdered: true, liststyletype: "disc", "data-testid": "test", children: [(0, jsx_runtime_1.jsx)(_1.ListItem, { children: "One" }), (0, jsx_runtime_1.jsx)(_1.ListItem, { children: "Two" })] }));
+        expect(react_1.screen.getByTestId("test").closest("ol")).not.toHaveAttribute("liststyletype", "disc");
+    });
+    describe("given the liststyletype prop is set", () => {
+        it.each([
+            "disc",
+            "circle",
+            "square",
+            "decimal",
+            "georgian",
+            "trad-chinese-informal",
+            "kannada",
+        ])("it should render with --is-%s class name", liststyletype => {
+            const { container } = (0, react_1.render)((0, jsx_runtime_1.jsxs)(_1.List, { isOrdered: true, liststyletype: liststyletype, children: [(0, jsx_runtime_1.jsx)(_1.ListItem, { children: "One" }), (0, jsx_runtime_1.jsx)(_1.ListItem, { children: "Two" })] }));
+            expect(container.firstChild).toHaveClass(`--is-${liststyletype}`);
+        });
+    });
+    it("renders list with custom icons", () => {
+        (0, react_1.render)((0, jsx_runtime_1.jsxs)(_1.List, { icon: "\u2705", children: [(0, jsx_runtime_1.jsx)(_1.ListItem, { children: "One" }), (0, jsx_runtime_1.jsx)(_1.ListItem, { children: "Two" }), (0, jsx_runtime_1.jsx)(_1.ListItem, { icon: "\u26A0\uFE0F", children: "Three" }), (0, jsx_runtime_1.jsx)(_1.ListItem, { children: "Four" }), (0, jsx_runtime_1.jsx)(_1.ListItem, { icon: "\u274C", children: "Five" }), (0, jsx_runtime_1.jsx)(_1.ListItem, { children: "Six" })] }));
+        expect(react_1.screen.queryAllByText("✅")).toHaveLength(4);
+        expect(react_1.screen.queryAllByText("⚠️")).toHaveLength(1);
+        expect(react_1.screen.queryAllByText("❌")).toHaveLength(1);
+    });
+    describe("uses correct class names", () => {
+        it("uses Mobius class", () => {
+            (0, react_1.render)((0, jsx_runtime_1.jsx)(_1.List, { "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.List, { "data-testid": "test", children: "Sample text" }));
+            expect(react_1.screen.getByTestId("test")).toHaveClass(LIST_CLASS_NAME);
+        });
+        it("includes custom class name", () => {
+            (0, react_1.render)((0, jsx_runtime_1.jsx)(_1.List, { 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(LIST_CLASS_NAME);
+        });
+        it("uses base Mobius class for list items", () => {
+            (0, react_1.render)((0, jsx_runtime_1.jsxs)(_1.List, { isOrdered: true, "data-testid": "test", children: [(0, jsx_runtime_1.jsx)(_1.ListItem, { children: "One" }), (0, jsx_runtime_1.jsx)(_1.ListItem, { children: "Two" })] }));
+            const orderedList = react_1.screen.getByTestId("test").closest("ol");
+            expect(orderedList === null || orderedList === void 0 ? void 0 : orderedList.childNodes[0]).toHaveClass(ITEM_CLASS_NAME);
+            expect(orderedList === null || orderedList === void 0 ? void 0 : orderedList.childNodes[1]).toHaveClass(ITEM_CLASS_NAME);
+        });
+        it("includes custom class names for list items", () => {
+            (0, react_1.render)((0, jsx_runtime_1.jsxs)(_1.List, { isOrdered: true, "data-testid": "test", children: [(0, jsx_runtime_1.jsx)(_1.ListItem, { className: "item-1", children: "One" }), (0, jsx_runtime_1.jsx)(_1.ListItem, { className: "item-2", children: "Two" })] }));
+            const orderedList = react_1.screen.getByTestId("test").closest("ol");
+            expect(orderedList === null || orderedList === void 0 ? void 0 : orderedList.childNodes[0]).toHaveClass(ITEM_CLASS_NAME);
+            expect(orderedList === null || orderedList === void 0 ? void 0 : orderedList.childNodes[0]).toHaveClass("item-1");
+            expect(orderedList === null || orderedList === void 0 ? void 0 : orderedList.childNodes[1]).toHaveClass(ITEM_CLASS_NAME);
+            expect(orderedList === null || orderedList === void 0 ? void 0 : orderedList.childNodes[1]).toHaveClass("item-2");
+        });
+        it("includes custom class name when icon prop is provided", () => {
+            (0, react_1.render)((0, jsx_runtime_1.jsx)(_1.List, { icon: "\u2705", children: (0, jsx_runtime_1.jsx)(_1.ListItem, { children: "One" }) }));
+            expect(react_1.screen.getByRole("list")).toHaveClass(ICON_CLASS_NAME);
+            expect(react_1.screen.getByRole("listitem")).toHaveClass(ICON_CLASS_NAME);
+            expect(react_1.screen.getByRole("listitem").firstChild).toHaveClass(ITEM_CONTENT_CLASSNAME);
+            expect(react_1.screen.getByText("✅")).toHaveClass(LIST_ICON_CLASS_NAME);
+        });
+    });
+});
+//# sourceMappingURL=List.test.js.map

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

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

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

@@ -0,0 +1,14 @@
+import { Ref, ReactNode, RefAttributes } from "react";
+import { DOMProps } from "../../types/dom";
+import { ForwardedRefComponent } from "../../types/components";
+export type ListItemElementType = HTMLLIElement;
+export interface ListItemProps extends DOMProps, RefAttributes<ListItemElementType> {
+    children?: ReactNode;
+    value?: number;
+    className?: string;
+    parentIcon?: ReactNode;
+    icon?: ReactNode;
+}
+export type ListItemRef = Ref<ListItemElementType>;
+declare const ListItem: ForwardedRefComponent<ListItemProps, ListItemElementType>;
+export { ListItem };

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

@@ -0,0 +1,2 @@
+export * from "./List";
+export * from "./ListItem";

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

@@ -0,0 +1,8 @@
+import { Ref, RefAttributes } from "react";
+import { ForwardedRefComponent } from "../../types/components";
+import { IconProps } from "../Icon";
+export interface LoadingIndicatorProps extends RefAttributes<SVGSVGElement>, IconProps {
+}
+export type LoadingIndicatorRef = Ref<SVGSVGElement>;
+declare const LoadingIndicator: ForwardedRefComponent<LoadingIndicatorProps, SVGSVGElement>;
+export { LoadingIndicator };

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

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

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

@@ -0,0 +1,53 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.WithCustomIcon = exports.WithCustomColour = exports.Large = exports.Normal = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const icons_1 = require("@simplybusiness/icons");
+const LoadingIndicator_1 = require("./LoadingIndicator");
+const iconOptions = { loading: icons_1.loading, refreshArrow: icons_1.refreshArrow, home: icons_1.home };
+const meta = {
+    title: "Components/LoadingIndicator",
+    component: LoadingIndicator_1.LoadingIndicator,
+    argTypes: {
+        icon: {
+            options: Object.keys(iconOptions),
+            mapping: iconOptions,
+            control: { type: "radio" },
+        },
+        color: {
+            options: ["darkcyan", "deeppink", "royalblue", "tomato"],
+            control: { type: "radio" },
+        },
+    },
+};
+exports.Normal = {
+    render: (args) => (0, jsx_runtime_1.jsx)(LoadingIndicator_1.LoadingIndicator, Object.assign({}, args)),
+    args: {
+        icon: icons_1.loading,
+        size: "md",
+    },
+};
+exports.Large = {
+    render: (args) => (0, jsx_runtime_1.jsx)(LoadingIndicator_1.LoadingIndicator, Object.assign({}, args)),
+    args: {
+        icon: icons_1.loading,
+        size: "lg",
+    },
+};
+exports.WithCustomColour = {
+    render: (args) => (0, jsx_runtime_1.jsx)(LoadingIndicator_1.LoadingIndicator, Object.assign({}, args)),
+    args: {
+        icon: icons_1.loading,
+        size: "md",
+        color: "tomato",
+    },
+};
+exports.WithCustomIcon = {
+    render: (args) => (0, jsx_runtime_1.jsx)(LoadingIndicator_1.LoadingIndicator, Object.assign({}, args)),
+    args: {
+        icon: icons_1.refreshArrow,
+        size: "md",
+    },
+};
+exports.default = meta;
+//# sourceMappingURL=LoadingIndicator.stories.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"LoadingIndicator.stories.js","sourceRoot":"","sources":["../../../../src/components/LoadingIndicator/LoadingIndicator.stories.tsx"],"names":[],"mappings":";;;;AAAA,iDAAoE;AAEpE,yDAA6E;AAE7E,MAAM,WAAW,GAAG,EAAE,OAAO,EAAP,eAAO,EAAE,YAAY,EAAZ,oBAAY,EAAE,IAAI,EAAJ,YAAI,EAAE,CAAC;AAIpD,MAAM,IAAI,GAAkC;IAC1C,KAAK,EAAE,6BAA6B;IACpC,SAAS,EAAE,mCAAgB;IAC3B,QAAQ,EAAE;QACR,IAAI,EAAE;YACJ,OAAO,EAAE,MAAM,CAAC,IAAI,CAAC,WAAW,CAAC;YACjC,OAAO,EAAE,WAAW;YACpB,OAAO,EAAE,EAAE,IAAI,EAAE,OAAO,EAAE;SAC3B;QACD,KAAK,EAAE;YACL,OAAO,EAAE,CAAC,UAAU,EAAE,UAAU,EAAE,WAAW,EAAE,QAAQ,CAAC;YACxD,OAAO,EAAE,EAAE,IAAI,EAAE,OAAO,EAAE;SAC3B;KACF;CACF,CAAC;AAEW,QAAA,MAAM,GAAc;IAC/B,MAAM,EAAE,CAAC,IAA2B,EAAE,EAAE,CAAC,uBAAC,mCAAgB,oBAAK,IAAI,EAAI;IACvE,IAAI,EAAE;QACJ,IAAI,EAAE,eAAO;QACb,IAAI,EAAE,IAAI;KACX;CACF,CAAC;AAEW,QAAA,KAAK,GAAc;IAC9B,MAAM,EAAE,CAAC,IAA2B,EAAE,EAAE,CAAC,uBAAC,mCAAgB,oBAAK,IAAI,EAAI;IACvE,IAAI,EAAE;QACJ,IAAI,EAAE,eAAO;QACb,IAAI,EAAE,IAAI;KACX;CACF,CAAC;AAEW,QAAA,gBAAgB,GAAc;IACzC,MAAM,EAAE,CAAC,IAA2B,EAAE,EAAE,CAAC,uBAAC,mCAAgB,oBAAK,IAAI,EAAI;IACvE,IAAI,EAAE;QACJ,IAAI,EAAE,eAAO;QACb,IAAI,EAAE,IAAI;QACV,KAAK,EAAE,QAAQ;KAChB;CACF,CAAC;AAEW,QAAA,cAAc,GAAc;IACvC,MAAM,EAAE,CAAC,IAA2B,EAAE,EAAE,CAAC,uBAAC,mCAAgB,oBAAK,IAAI,EAAI;IACvE,IAAI,EAAE;QACJ,IAAI,EAAE,oBAAY;QAClB,IAAI,EAAE,IAAI;KACX;CACF,CAAC;AAEF,kBAAe,IAAI,CAAC"}

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

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

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

@@ -0,0 +1,29 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const jsx_runtime_1 = require("react/jsx-runtime");
+/* eslint-disable no-restricted-syntax */
+const react_1 = require("@testing-library/react");
+const _1 = require(".");
+const CLASS_NAME = "mobius/LoadingIndicator";
+describe("Test for LoadingIndicator", () => {
+    it("should render the LoadingIndicator component", () => {
+        const { container } = (0, react_1.render)((0, jsx_runtime_1.jsx)(_1.LoadingIndicator, {}));
+        expect(container).toBeTruthy();
+    });
+    describe("uses correct class names", () => {
+        it("uses Mobius class", () => {
+            (0, react_1.render)((0, jsx_runtime_1.jsx)(_1.LoadingIndicator, { "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.LoadingIndicator, { "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.LoadingIndicator, { "data-testid": "test", className: "my-class" }));
+            expect(react_1.screen.getByTestId("test")).toHaveClass("my-class");
+            expect(react_1.screen.getByTestId("test")).toHaveClass(CLASS_NAME);
+        });
+    });
+});
+//# sourceMappingURL=LoadingIndicator.test.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"LoadingIndicator.test.js","sourceRoot":"","sources":["../../../../src/components/LoadingIndicator/LoadingIndicator.test.tsx"],"names":[],"mappings":";;;AAAA,yCAAyC;AACzC,kDAAwD;AACxD,wBAAqC;AAErC,MAAM,UAAU,GAAG,yBAAyB,CAAC;AAE7C,QAAQ,CAAC,2BAA2B,EAAE,GAAG,EAAE;IACzC,EAAE,CAAC,8CAA8C,EAAE,GAAG,EAAE;QACtD,MAAM,EAAE,SAAS,EAAE,GAAG,IAAA,cAAM,EAAC,uBAAC,mBAAgB,KAAG,CAAC,CAAC;QACnD,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,mBAAgB,mBAAa,MAAM,GAAG,CAAC,CAAC;YAChD,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,mBAAgB,mBAAa,MAAM,GAAG,CAAC,CAAC;YAChD,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,mBAAgB,mBAAa,MAAM,EAAC,SAAS,EAAC,UAAU,GAAG,CAAC,CAAC;YACrE,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/LoadingIndicator/index.d.ts

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

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

@@ -0,0 +1,14 @@
+import { Ref, RefAttributes } from "react";
+import { DOMProps } from "../../types/dom";
+import { ForwardedRefComponent } from "../../types/components";
+export type LogoElementType = SVGSVGElement;
+export interface LogoProps extends DOMProps, RefAttributes<LogoElementType> {
+    /** Custom class name for setting specific CSS */
+    className?: string;
+    /** Custom width. When defined along with height, it will scale proportionally */
+    width?: string;
+    /** Custom height. When defined along with width, it will scale proportionally */
+    height?: string;
+}
+export type LogoRef = Ref<LogoElementType>;
+export declare const Logo: ForwardedRefComponent<LogoProps, LogoElementType>;

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

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

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

@@ -0,0 +1,22 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Normal = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const __1 = require("..");
+const utils_1 = require("../../utils");
+const meta = {
+    title: "Components/Logo",
+    component: __1.Logo,
+    argTypes: Object.assign({ width: {
+            control: "number",
+        } }, (0, utils_1.excludeControls)("height")),
+    args: {
+        width: "144",
+    },
+};
+exports.Normal = {
+    render: (args) => (0, jsx_runtime_1.jsx)(__1.Logo, Object.assign({}, args)),
+    args: {},
+};
+exports.default = meta;
+//# sourceMappingURL=Logo.stories.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Logo.stories.js","sourceRoot":"","sources":["../../../../src/components/Logo/Logo.stories.tsx"],"names":[],"mappings":";;;;AACA,0BAAqC;AACrC,uCAA8C;AAI9C,MAAM,IAAI,GAAsB;IAC9B,KAAK,EAAE,iBAAiB;IACxB,SAAS,EAAE,QAAI;IACf,QAAQ,kBACN,KAAK,EAAE;YACL,OAAO,EAAE,QAAQ;SAClB,IACE,IAAA,uBAAe,EAAC,QAAQ,CAAC,CAC7B;IACD,IAAI,EAAE;QACJ,KAAK,EAAE,KAAK;KACb;CACF,CAAC;AAEW,QAAA,MAAM,GAAc;IAC/B,MAAM,EAAE,CAAC,IAAe,EAAE,EAAE,CAAC,uBAAC,QAAI,oBAAK,IAAI,EAAI;IAC/C,IAAI,EAAE,EAAE;CACT,CAAC;AAEF,kBAAe,IAAI,CAAC"}

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

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

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

@@ -0,0 +1,25 @@
+"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 MOBIUS_CLASS_NAME = "mobius";
+const LOGO_CLASS_NAME = "mobius/Logo";
+describe("Logo", () => {
+    it("should render without errors", () => {
+        (0, react_1.render)((0, jsx_runtime_1.jsx)(_1.Logo, {}));
+    });
+    describe("classes", () => {
+        it("should render with Mobius classes", () => {
+            const { container } = (0, react_1.render)((0, jsx_runtime_1.jsx)(_1.Logo, {}));
+            expect(container.firstChild).toHaveClass(MOBIUS_CLASS_NAME);
+            expect(container.firstChild).toHaveClass(LOGO_CLASS_NAME);
+        });
+        it("should pass custom class name", () => {
+            const customClassName = "custom-class-name";
+            const { container } = (0, react_1.render)((0, jsx_runtime_1.jsx)(_1.Logo, { className: customClassName }));
+            expect(container.firstChild).toHaveClass(customClassName);
+        });
+    });
+});
+//# sourceMappingURL=Logo.test.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Logo.test.js","sourceRoot":"","sources":["../../../../src/components/Logo/Logo.test.tsx"],"names":[],"mappings":";;;AAAA,kDAAgD;AAChD,wBAAyB;AAEzB,MAAM,iBAAiB,GAAG,QAAQ,CAAC;AACnC,MAAM,eAAe,GAAG,aAAa,CAAC;AAEtC,QAAQ,CAAC,MAAM,EAAE,GAAG,EAAE;IACpB,EAAE,CAAC,8BAA8B,EAAE,GAAG,EAAE;QACtC,IAAA,cAAM,EAAC,uBAAC,OAAI,KAAG,CAAC,CAAC;IACnB,CAAC,CAAC,CAAC;IAEH,QAAQ,CAAC,SAAS,EAAE,GAAG,EAAE;QACvB,EAAE,CAAC,mCAAmC,EAAE,GAAG,EAAE;YAC3C,MAAM,EAAE,SAAS,EAAE,GAAG,IAAA,cAAM,EAAC,uBAAC,OAAI,KAAG,CAAC,CAAC;YAEvC,MAAM,CAAC,SAAS,CAAC,UAAU,CAAC,CAAC,WAAW,CAAC,iBAAiB,CAAC,CAAC;YAC5D,MAAM,CAAC,SAAS,CAAC,UAAU,CAAC,CAAC,WAAW,CAAC,eAAe,CAAC,CAAC;QAC5D,CAAC,CAAC,CAAC;QAEH,EAAE,CAAC,+BAA+B,EAAE,GAAG,EAAE;YACvC,MAAM,eAAe,GAAG,mBAAmB,CAAC;YAE5C,MAAM,EAAE,SAAS,EAAE,GAAG,IAAA,cAAM,EAAC,uBAAC,OAAI,IAAC,SAAS,EAAE,eAAe,GAAI,CAAC,CAAC;YAEnE,MAAM,CAAC,SAAS,CAAC,UAAU,CAAC,CAAC,WAAW,CAAC,eAAe,CAAC,CAAC;QAC5D,CAAC,CAAC,CAAC;IACL,CAAC,CAAC,CAAC;AACL,CAAC,CAAC,CAAC"}

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

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

package/dist/cjs/components/Modal/Content.d.ts

@@ -0,0 +1,11 @@
+import { ReactNode, Ref, RefAttributes } from "react";
+import { DOMProps } from "../../types/dom";
+export type DivRef = Ref<HTMLDivElement>;
+export type DivElementType = HTMLDivElement;
+export interface ContentProps extends DOMProps, RefAttributes<DivElementType> {
+    children?: ReactNode;
+    onClose?: () => void;
+    closeLabel?: string;
+}
+declare const Content: import("react").ForwardRefExoticComponent<Omit<ContentProps, "ref"> & RefAttributes<HTMLDivElement>>;
+export { Content };

package/dist/cjs/components/Modal/Content.js

@@ -9,20 +9,11 @@ Object.defineProperty(exports, "Content", {
     }
 });
 const _jsxruntime = require("react/jsx-runtime");
-const _dedupe = /*#__PURE__*/ _interop_require_default(require("classnames/dedupe"));
 const _react = require("react");
-function _interop_require_default(obj) {
-    return obj && obj.__esModule ? obj : {
-        default: obj
-    };
-}
-const Content = /*#__PURE__*/ (0, _react.forwardRef)((// eslint-disable-next-line @typescript-eslint/no-unused-vars
-{ children, onClose, closeLabel, ...otherProps }, ref)=>{
-    const classes = (0, _dedupe.default)("mobius/ModalContent");
-    return /*#__PURE__*/ (0, _jsxruntime.jsx)("div", {
+const Content = /*#__PURE__*/ (0, _react.forwardRef)(({ children, onClose, closeLabel: _, ...otherProps }, ref)=>/*#__PURE__*/ (0, _jsxruntime.jsx)("div", {
         ref: ref,
         ...otherProps,
-        className: classes,
+        className: "mobius/ModalContent",
         children: _react.Children.map(children, (child)=>{
             if (/*#__PURE__*/ (0, _react.isValidElement)(child)) {
                 return /*#__PURE__*/ (0, _react.cloneElement)(child, {
@@ -31,8 +22,7 @@ const Content = /*#__PURE__*/ (0, _react.forwardRef)((// eslint-disable-next-lin
             }
             return child;
         })
-    });
-});
+    }));
 Content.displayName = "Content";
 
 //# sourceMappingURL=Content.js.map

package/dist/cjs/components/Modal/Content.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/Modal/Content.tsx"],"sourcesContent":["import classNames from \"classnames/dedupe\";\nimport {\n  Children,\n  ReactNode,\n  Ref,\n  RefAttributes,\n  cloneElement,\n  forwardRef,\n  isValidElement,\n} from \"react\";\nimport { DOMProps } from \"../../types/dom\";\n\nexport type DivRef = Ref<HTMLDivElement>;\nexport type DivElementType = HTMLDivElement;\nexport interface ContentProps extends DOMProps, RefAttributes<DivElementType> {\n  children?: ReactNode;\n  onClose?: () => void;\n  closeLabel?: string;\n}\n\nconst Content = forwardRef(\n  (\n    // eslint-disable-next-line @typescript-eslint/no-unused-vars\n    { children, onClose, closeLabel, ...otherProps }: ContentProps,\n    ref: DivRef,\n  ) => {\n    const classes = classNames(\"mobius/ModalContent\");\n\n    return (\n      <div ref={ref} {...otherProps} className={classes}>\n        {Children.map(children, child => {\n          if (isValidElement(child)) {\n            return cloneElement(child, {\n              onClose,\n            } as any);\n          }\n\n          return child;\n        })}\n      </div>\n    );\n  },\n);\n\nContent.displayName = \"Content\";\nexport { Content };\n"],"names":["Content","forwardRef","children","onClose","closeLabel","otherProps","ref","classes","classNames","div","className","Children","map","child","isValidElement","cloneElement","displayName"],"mappings":";;;;+BA6CSA;;;eAAAA;;;;+DA7Cc;uBAShB;;;;;;AAWP,MAAMA,wBAAUC,IAAAA,iBAAU,EACxB,CACE,6DAA6D;AAC7D,EAAEC,QAAQ,EAAEC,OAAO,EAAEC,UAAU,EAAE,GAAGC,YAA0B,EAC9DC;IAEA,MAAMC,UAAUC,IAAAA,eAAU,EAAC;IAE3B,qBACE,qBAACC;QAAIH,KAAKA;QAAM,GAAGD,UAAU;QAAEK,WAAWH;kBACvCI,eAAQ,CAACC,GAAG,CAACV,UAAUW,CAAAA;YACtB,kBAAIC,IAAAA,qBAAc,EAACD,QAAQ;gBACzB,qBAAOE,IAAAA,mBAAY,EAACF,OAAO;oBACzBV;gBACF;YACF;YAEA,OAAOU;QACT;;AAGN;AAGFb,QAAQgB,WAAW,GAAG"}
+{"version":3,"sources":["../../../../src/components/Modal/Content.tsx"],"sourcesContent":["import {\n  Children,\n  PropsWithChildren,\n  Ref,\n  RefAttributes,\n  cloneElement,\n  forwardRef,\n  isValidElement,\n} from \"react\";\nimport { DOMProps } from \"../../types/dom\";\n\nexport type DivRef = Ref<HTMLDivElement>;\nexport type DivElementType = HTMLDivElement;\nexport interface ContentProps\n  extends DOMProps,\n    RefAttributes<DivElementType>,\n    PropsWithChildren {\n  onClose?: () => void;\n  closeLabel?: string;\n}\n\nconst Content = forwardRef(\n  (\n    { children, onClose, closeLabel: _, ...otherProps }: ContentProps,\n    ref: DivRef,\n  ) => (\n    <div ref={ref} {...otherProps} className=\"mobius/ModalContent\">\n      {Children.map(children, child => {\n        if (isValidElement(child)) {\n          return cloneElement(child, {\n            onClose,\n          } as any);\n        }\n\n        return child;\n      })}\n    </div>\n  ),\n);\n\nContent.displayName = \"Content\";\nexport { Content };\n"],"names":["Content","forwardRef","children","onClose","closeLabel","_","otherProps","ref","div","className","Children","map","child","isValidElement","cloneElement","displayName"],"mappings":";;;;+BAyCSA;;;eAAAA;;;;uBAjCF;AAaP,MAAMA,wBAAUC,IAAAA,iBAAU,EACxB,CACE,EAAEC,QAAQ,EAAEC,OAAO,EAAEC,YAAYC,CAAC,EAAE,GAAGC,YAA0B,EACjEC,oBAEA,qBAACC;QAAID,KAAKA;QAAM,GAAGD,UAAU;QAAEG,WAAU;kBACtCC,eAAQ,CAACC,GAAG,CAACT,UAAUU,CAAAA;YACtB,kBAAIC,IAAAA,qBAAc,EAACD,QAAQ;gBACzB,qBAAOE,IAAAA,mBAAY,EAACF,OAAO;oBACzBT;gBACF;YACF;YAEA,OAAOS;QACT;;AAKNZ,QAAQe,WAAW,GAAG"}

package/dist/cjs/components/Modal/Header.d.ts

@@ -0,0 +1,11 @@
+import { ReactNode, Ref, RefAttributes } from "react";
+import { DOMProps } from "../../types/dom";
+export type HeaderElementType = HTMLDivElement;
+export type HeaderRef = Ref<HTMLElement>;
+export interface HeaderProps extends DOMProps, RefAttributes<HeaderElementType> {
+    children?: ReactNode;
+    onClose?: () => void;
+    closeLabel?: string;
+}
+declare const Header: import("react").ForwardRefExoticComponent<Omit<HeaderProps, "ref"> & RefAttributes<HTMLElement>>;
+export { Header };

package/dist/cjs/components/Modal/Header.js

@@ -10,29 +10,20 @@ Object.defineProperty(exports, "Header", {
 });
 const _jsxruntime = require("react/jsx-runtime");
 const _react = require("react");
-const _dedupe = /*#__PURE__*/ _interop_require_default(require("classnames/dedupe"));
 const _icons = require("@simplybusiness/icons");
 const _Button = require("../Button");
 const _Icon = require("../Icon");
-function _interop_require_default(obj) {
-    return obj && obj.__esModule ? obj : {
-        default: obj
-    };
-}
-const Header = /*#__PURE__*/ (0, _react.forwardRef)(({ children, onClose, closeLabel, ...otherProps }, ref)=>{
-    const classes = (0, _dedupe.default)("mobius/ModalHeader");
-    const closeClasses = (0, _dedupe.default)("mobius/ModalClose");
-    return /*#__PURE__*/ (0, _jsxruntime.jsxs)("header", {
+const Header = /*#__PURE__*/ (0, _react.forwardRef)(({ children, onClose, closeLabel, ...otherProps }, ref)=>/*#__PURE__*/ (0, _jsxruntime.jsxs)("header", {
         ref: ref,
         ...otherProps,
-        className: classes,
+        className: "mobius/ModalHeader",
         children: [
             children,
             /*#__PURE__*/ (0, _jsxruntime.jsxs)(_Button.Button, {
                 "aria-label": "Close",
                 variant: "basic",
                 onPress: onClose,
-                className: closeClasses,
+                className: "mobius/ModalClose",
                 children: [
                     /*#__PURE__*/ (0, _jsxruntime.jsx)(_Icon.Icon, {
                         icon: _icons.cross
@@ -42,8 +33,7 @@ const Header = /*#__PURE__*/ (0, _react.forwardRef)(({ children, onClose, closeL
                 ]
             })
         ]
-    });
-});
+    }));
 Header.displayName = "Header";
 
 //# sourceMappingURL=Header.js.map

package/dist/cjs/components/Modal/Header.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/Modal/Header.tsx"],"sourcesContent":["import { ReactNode, Ref, RefAttributes, forwardRef } from \"react\";\nimport classNames from \"classnames/dedupe\";\n\nimport { cross } from \"@simplybusiness/icons\";\nimport { DOMProps } from \"../../types/dom\";\nimport { Button } from \"../Button\";\nimport { Icon } from \"../Icon\";\n\nexport type HeaderElementType = HTMLDivElement;\nexport type HeaderRef = Ref<HTMLElement>;\n\nexport interface HeaderProps\n  extends DOMProps,\n    RefAttributes<HeaderElementType> {\n  children?: ReactNode;\n  onClose?: () => void;\n  closeLabel?: string;\n}\n\nconst Header = forwardRef(\n  (\n    { children, onClose, closeLabel, ...otherProps }: HeaderProps,\n    ref: HeaderRef,\n  ) => {\n    const classes = classNames(\"mobius/ModalHeader\");\n    const closeClasses = classNames(\"mobius/ModalClose\");\n\n    return (\n      <header ref={ref} {...otherProps} className={classes}>\n        {children}\n        <Button\n          aria-label=\"Close\"\n          variant=\"basic\"\n          onPress={onClose}\n          className={closeClasses}\n        >\n          <Icon icon={cross} /> {closeLabel}\n        </Button>\n      </header>\n    );\n  },\n);\n\nHeader.displayName = \"Header\";\nexport { Header };\n"],"names":["Header","forwardRef","children","onClose","closeLabel","otherProps","ref","classes","classNames","closeClasses","header","className","Button","aria-label","variant","onPress","Icon","icon","cross","displayName"],"mappings":";;;;+BA4CSA;;;eAAAA;;;;uBA5CiD;+DACnC;uBAED;wBAEC;sBACF;;;;;;AAarB,MAAMA,uBAASC,IAAAA,iBAAU,EACvB,CACE,EAAEC,QAAQ,EAAEC,OAAO,EAAEC,UAAU,EAAE,GAAGC,YAAyB,EAC7DC;IAEA,MAAMC,UAAUC,IAAAA,eAAU,EAAC;IAC3B,MAAMC,eAAeD,IAAAA,eAAU,EAAC;IAEhC,qBACE,sBAACE;QAAOJ,KAAKA;QAAM,GAAGD,UAAU;QAAEM,WAAWJ;;YAC1CL;0BACD,sBAACU,cAAM;gBACLC,cAAW;gBACXC,SAAQ;gBACRC,SAASZ;gBACTQ,WAAWF;;kCAEX,qBAACO,UAAI;wBAACC,MAAMC,YAAK;;oBAAI;oBAAEd;;;;;AAI/B;AAGFJ,OAAOmB,WAAW,GAAG"}
+{"version":3,"sources":["../../../../src/components/Modal/Header.tsx"],"sourcesContent":["import { PropsWithChildren, Ref, RefAttributes, forwardRef } from \"react\";\n\nimport { cross } from \"@simplybusiness/icons\";\nimport { DOMProps } from \"../../types/dom\";\nimport { Button } from \"../Button\";\nimport { Icon } from \"../Icon\";\n\nexport type HeaderElementType = HTMLDivElement;\nexport type HeaderRef = Ref<HTMLElement>;\n\nexport interface HeaderProps\n  extends DOMProps,\n    RefAttributes<HeaderElementType>,\n    PropsWithChildren {\n  onClose?: () => void;\n  closeLabel?: string;\n}\n\nconst Header = forwardRef(\n  (\n    { children, onClose, closeLabel, ...otherProps }: HeaderProps,\n    ref: HeaderRef,\n  ) => (\n    <header ref={ref} {...otherProps} className=\"mobius/ModalHeader\">\n      {children}\n      <Button\n        aria-label=\"Close\"\n        variant=\"basic\"\n        onPress={onClose}\n        className=\"mobius/ModalClose\"\n      >\n        <Icon icon={cross} /> {closeLabel}\n      </Button>\n    </header>\n  ),\n);\n\nHeader.displayName = \"Header\";\nexport { Header };\n"],"names":["Header","forwardRef","children","onClose","closeLabel","otherProps","ref","header","className","Button","aria-label","variant","onPress","Icon","icon","cross","displayName"],"mappings":";;;;+BAsCSA;;;eAAAA;;;;uBAtCyD;uBAE5C;wBAEC;sBACF;AAarB,MAAMA,uBAASC,IAAAA,iBAAU,EACvB,CACE,EAAEC,QAAQ,EAAEC,OAAO,EAAEC,UAAU,EAAE,GAAGC,YAAyB,EAC7DC,oBAEA,sBAACC;QAAOD,KAAKA;QAAM,GAAGD,UAAU;QAAEG,WAAU;;YACzCN;0BACD,sBAACO,cAAM;gBACLC,cAAW;gBACXC,SAAQ;gBACRC,SAAST;gBACTK,WAAU;;kCAEV,qBAACK,UAAI;wBAACC,MAAMC,YAAK;;oBAAI;oBAAEX;;;;;AAM/BJ,OAAOgB,WAAW,GAAG"}