@simplybusiness/mobius 3.0.0

package/dist/cjs/components/Flex/Flex.js

@@ -0,0 +1,64 @@
+"use strict";
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Flex = void 0;
+const jsx_runtime_1 = require("@emotion/react/jsx-runtime");
+const react_1 = require("react");
+const clsx_1 = __importDefault(require("clsx"));
+const buildFlexStyles = (props) => {
+    const { flexDirection, flexWrap, flexGrow, flex, justifyContent, alignItems, alignContent, gap, rowGap, columnGap, } = props;
+    return {
+        display: "flex",
+        flexDirection,
+        flexWrap,
+        flexGrow,
+        flex,
+        justifyContent,
+        alignItems,
+        alignContent,
+        gap,
+        rowGap,
+        columnGap,
+    };
+};
+const splitProps = (props) => {
+    const { flexDirection, flexWrap, flexGrow, flex, justifyContent, alignItems, alignContent, gap, rowGap, columnGap } = props, otherProps = __rest(props, ["flexDirection", "flexWrap", "flexGrow", "flex", "justifyContent", "alignItems", "alignContent", "gap", "rowGap", "columnGap"]);
+    return [
+        {
+            flexDirection,
+            flexWrap,
+            flexGrow,
+            flex,
+            justifyContent,
+            alignItems,
+            alignContent,
+            gap,
+            rowGap,
+            columnGap,
+        },
+        otherProps,
+    ];
+};
+const Flex = (0, react_1.forwardRef)((props, ref) => {
+    const { elementType: Element = "div" } = props, otherProps = __rest(props, ["elementType"]);
+    const classes = (0, clsx_1.default)("mobius", "mobius/Flex", props.className);
+    const [styleProps, restProps] = splitProps(otherProps);
+    const flexStyles = buildFlexStyles(styleProps);
+    return ((0, jsx_runtime_1.jsx)(Element, Object.assign({ ref: ref, css: flexStyles }, restProps, { className: classes })));
+});
+exports.Flex = Flex;
+Flex.displayName = "Flex";
+//# sourceMappingURL=Flex.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Flex.js","sourceRoot":"","sources":["../../../../src/components/Flex/Flex.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;AAAA,iCAAkE;AAGlE,gDAAwB;AAsCxB,MAAM,eAAe,GAAG,CAAC,KAAqB,EAAE,EAAE;IAChD,MAAM,EACJ,aAAa,EACb,QAAQ,EACR,QAAQ,EACR,IAAI,EACJ,cAAc,EACd,UAAU,EACV,YAAY,EACZ,GAAG,EACH,MAAM,EACN,SAAS,GACV,GAAG,KAAK,CAAC;IAEV,OAAO;QACL,OAAO,EAAE,MAAM;QACf,aAAa;QACb,QAAQ;QACR,QAAQ;QACR,IAAI;QACJ,cAAc;QACd,UAAU;QACV,YAAY;QACZ,GAAG;QACH,MAAM;QACN,SAAS;KACV,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,UAAU,GAAG,CAAC,KAAgB,EAAuC,EAAE;IAC3E,MAAM,EACJ,aAAa,EACb,QAAQ,EACR,QAAQ,EACR,IAAI,EACJ,cAAc,EACd,UAAU,EACV,YAAY,EACZ,GAAG,EACH,MAAM,EACN,SAAS,KAEP,KAAK,EADJ,UAAU,UACX,KAAK,EAZH,+HAYL,CAAQ,CAAC;IAEV,OAAO;QACL;YACE,aAAa;YACb,QAAQ;YACR,QAAQ;YACR,IAAI;YACJ,cAAc;YACd,UAAU;YACV,YAAY;YACZ,GAAG;YACH,MAAM;YACN,SAAS;SACV;QACD,UAAU;KACX,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,IAAI,GAAsD,IAAA,kBAAU,EACxE,CAAC,KAAgB,EAAE,GAAY,EAAE,EAAE;IACjC,MAAM,EAAE,WAAW,EAAE,OAAO,GAAG,KAAK,KAAoB,KAAK,EAApB,UAAU,UAAK,KAAK,EAAvD,eAA+C,CAAQ,CAAC;IAC9D,MAAM,OAAO,GAAG,IAAA,cAAI,EAAC,QAAQ,EAAE,aAAa,EAAE,KAAK,CAAC,SAAS,CAAC,CAAC;IAE/D,MAAM,CAAC,UAAU,EAAE,SAAS,CAAC,GAAG,UAAU,CAAC,UAAU,CAAC,CAAC;IACvD,MAAM,UAAU,GAAG,eAAe,CAAC,UAAU,CAAC,CAAC;IAE/C,OAAO,CACL,uBAAC,OAAO,kBAAC,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,UAAU,IAAM,SAAS,IAAE,SAAS,EAAE,OAAO,IAAI,CAC1E,CAAC;AACJ,CAAC,CACF,CAAC;AAGO,oBAAI;AADb,IAAI,CAAC,WAAW,GAAG,MAAM,CAAC"}

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

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

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

@@ -0,0 +1,33 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const jsx_runtime_1 = require("@emotion/react/jsx-runtime");
+const react_1 = require("@testing-library/react");
+const _1 = require(".");
+const CLASS_NAME = "mobius/Flex";
+describe("Test for Flex", () => {
+    it("should render without errors", () => {
+        (0, react_1.render)((0, jsx_runtime_1.jsxs)(_1.Flex, Object.assign({ flexDirection: "column", alignItems: "start" }, { children: [(0, jsx_runtime_1.jsx)("div", { children: "block 1" }), (0, jsx_runtime_1.jsx)("div", { children: "block 2" })] })));
+    });
+    describe("given elementType", () => {
+        it("is not applied as element attribute", () => {
+            const { container } = (0, react_1.render)((0, jsx_runtime_1.jsx)(_1.Flex, { 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.jsxs)(_1.Flex, Object.assign({ flexDirection: "column", alignItems: "start", "data-testid": "test" }, { children: [(0, jsx_runtime_1.jsx)("div", { children: "block 1" }), (0, jsx_runtime_1.jsx)("div", { children: "block 2" })] })));
+            expect(react_1.screen.getByTestId("test")).toHaveClass("mobius");
+        });
+        it("uses base Mobius class", () => {
+            (0, react_1.render)((0, jsx_runtime_1.jsxs)(_1.Flex, Object.assign({ flexDirection: "column", alignItems: "start", "data-testid": "test" }, { children: [(0, jsx_runtime_1.jsx)("div", { children: "block 1" }), (0, jsx_runtime_1.jsx)("div", { children: "block 2" })] })));
+            expect(react_1.screen.getByTestId("test")).toHaveClass(CLASS_NAME);
+        });
+        it("includes custom class name", () => {
+            (0, react_1.render)((0, jsx_runtime_1.jsxs)(_1.Flex, Object.assign({ flexDirection: "column", alignItems: "start", "data-testid": "test", className: "my-class" }, { children: [(0, jsx_runtime_1.jsx)("div", { children: "block 1" }), (0, jsx_runtime_1.jsx)("div", { children: "block 2" })] })));
+            expect(react_1.screen.getByTestId("test")).toHaveClass("my-class");
+            expect(react_1.screen.getByTestId("test")).toHaveClass(CLASS_NAME);
+        });
+    });
+});
+//# sourceMappingURL=Flex.test.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Flex.test.js","sourceRoot":"","sources":["../../../../src/components/Flex/Flex.test.tsx"],"names":[],"mappings":";;;AAAA,kDAAwD;AACxD,wBAAyB;AAEzB,MAAM,UAAU,GAAG,aAAa,CAAC;AAEjC,QAAQ,CAAC,eAAe,EAAE,GAAG,EAAE;IAC7B,EAAE,CAAC,8BAA8B,EAAE,GAAG,EAAE;QACtC,IAAA,cAAM,EACJ,wBAAC,OAAI,kBAAC,aAAa,EAAC,QAAQ,EAAC,UAAU,EAAC,OAAO,iBAC7C,sDAAkB,EAClB,sDAAkB,KACb,CACR,CAAC;IACJ,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,GAAG,CAAC,CAAC;YACxD,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,wBAAC,OAAI,kBAAC,aAAa,EAAC,QAAQ,EAAC,UAAU,EAAC,OAAO,iBAAa,MAAM,iBAChE,sDAAkB,EAClB,sDAAkB,KACb,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,wBAAC,OAAI,kBAAC,aAAa,EAAC,QAAQ,EAAC,UAAU,EAAC,OAAO,iBAAa,MAAM,iBAChE,sDAAkB,EAClB,sDAAkB,KACb,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,wBAAC,OAAI,kBACH,aAAa,EAAC,QAAQ,EACtB,UAAU,EAAC,OAAO,iBACN,MAAM,EAClB,SAAS,EAAC,UAAU,iBAEpB,sDAAkB,EAClB,sDAAkB,KACb,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/Flex/index.d.ts

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

package/dist/cjs/components/Flex/index.js

@@ -0,0 +1,18 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+__exportStar(require("./Flex"), exports);
+//# sourceMappingURL=index.js.map

package/dist/cjs/components/Flex/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/Flex/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,yCAAuB"}

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

@@ -0,0 +1,26 @@
+import { Ref, ReactNode, RefAttributes } from "react";
+import { DOMProps } from "@react-types/shared";
+import { ForwardedRefComponent } from "../../types/components";
+export declare type GridElementType = HTMLDivElement;
+export interface GridProps extends RefAttributes<GridElementType>, DOMProps {
+    children?: ReactNode;
+    /** The number of columns */
+    columns?: number;
+    /** How big a gap between the columns and rows */
+    gap?: string;
+    /** How big a gap between the columns */
+    columnGap?: string;
+    /** How big a gap between the rows */
+    rowGap?: string;
+    /** Aligns the grid along the block (column) axis */
+    alignContent?: "center" | "space-around" | "space-between" | "space-evenly" | "stretch";
+    /** Aligns the grid along the inline (row) axis */
+    justifyContent?: "center" | "start" | "end" | "space-around" | "space-between" | "space-evenly";
+    /** Aligns grid items along the block (column) axis  */
+    alignItems?: "center" | "start" | "end" | "stretch" | "baseline";
+    /** Aligns grid items along the inline (row) axis  */
+    justifyItems?: "start" | "end" | "center" | "stretch";
+}
+export declare type GridRef = Ref<GridElementType>;
+declare const Grid: ForwardedRefComponent<GridProps, GridElementType>;
+export { Grid };

package/dist/cjs/components/Grid/Grid.js

@@ -0,0 +1,35 @@
+"use strict";
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Grid = void 0;
+const jsx_runtime_1 = require("@emotion/react/jsx-runtime");
+const react_1 = require("react");
+const Grid = (0, react_1.forwardRef)((props, _ref) => {
+    const { columns = 12, gap, columnGap, rowGap, alignContent, alignItems, justifyContent, justifyItems } = props, rest = __rest(props, ["columns", "gap", "columnGap", "rowGap", "alignContent", "alignItems", "justifyContent", "justifyItems"]);
+    const styles = {
+        boxSizing: "border-box",
+        display: "grid",
+        gridTemplateColumns: `repeat(${columns}, 1fr)`,
+        gap: gap ? `var(--${gap})` : undefined,
+        columnGap: columnGap ? `var(--${columnGap})` : undefined,
+        rowGap: rowGap ? `var(--${rowGap})` : undefined,
+        alignContent,
+        alignItems,
+        justifyContent,
+        justifyItems,
+    };
+    return (0, jsx_runtime_1.jsx)("div", Object.assign({ css: styles }, rest));
+});
+exports.Grid = Grid;
+Grid.displayName = "Grid";
+//# sourceMappingURL=Grid.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Grid.js","sourceRoot":"","sources":["../../../../src/components/Grid/Grid.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;AAAA,iCAAkE;AAwClE,MAAM,IAAI,GAAsD,IAAA,kBAAU,EACxE,CAAC,KAAgB,EAAE,IAAa,EAAE,EAAE;IAClC,MAAM,EACJ,OAAO,GAAG,EAAE,EACZ,GAAG,EACH,SAAS,EACT,MAAM,EACN,YAAY,EACZ,UAAU,EACV,cAAc,EACd,YAAY,KAEV,KAAK,EADJ,IAAI,UACL,KAAK,EAVH,yGAUL,CAAQ,CAAC;IAEV,MAAM,MAAM,GAAc;QACxB,SAAS,EAAE,YAAY;QACvB,OAAO,EAAE,MAAM;QACf,mBAAmB,EAAE,UAAU,OAAO,QAAQ;QAC9C,GAAG,EAAE,GAAG,CAAC,CAAC,CAAC,SAAS,GAAG,GAAG,CAAC,CAAC,CAAC,SAAS;QACtC,SAAS,EAAE,SAAS,CAAC,CAAC,CAAC,SAAS,SAAS,GAAG,CAAC,CAAC,CAAC,SAAS;QACxD,MAAM,EAAE,MAAM,CAAC,CAAC,CAAC,SAAS,MAAM,GAAG,CAAC,CAAC,CAAC,SAAS;QAC/C,YAAY;QACZ,UAAU;QACV,cAAc;QACd,YAAY;KACb,CAAC;IAEF,OAAO,8CAAK,GAAG,EAAE,MAAM,IAAM,IAAI,EAAI,CAAC;AACxC,CAAC,CACF,CAAC;AAGO,oBAAI;AADb,IAAI,CAAC,WAAW,GAAG,MAAM,CAAC"}

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

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

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

@@ -0,0 +1,97 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const jsx_runtime_1 = require("@emotion/react/jsx-runtime");
+const react_1 = require("@testing-library/react");
+const _1 = require(".");
+const Item_1 = require("./Item");
+describe("Test for Grid", () => {
+    it("should render without errors", () => {
+        const component = (0, react_1.render)((0, jsx_runtime_1.jsxs)(_1.Grid, { children: [(0, jsx_runtime_1.jsx)(_1.Grid.Item, Object.assign({ span: 11 }, { children: "span=11" })), (0, jsx_runtime_1.jsx)(_1.Grid.Item, Object.assign({ span: 1 }, { children: "span=1" }))] }));
+        expect(component).toBeTruthy();
+    });
+    describe("given the span prop is an array", () => {
+        it("should render default as fallback", () => {
+            const span = [1, 2, 3];
+            const { container } = (0, react_1.render)((0, jsx_runtime_1.jsx)(_1.Grid, { children: (0, jsx_runtime_1.jsxs)(_1.Grid.Item, Object.assign({ span: span }, { children: ["span=", Item_1.DEFAULT_SPAN] })) }));
+            expect(container).toBeTruthy();
+            expect(react_1.screen.getByText(`span=${Item_1.DEFAULT_SPAN}`)).toHaveStyle(`grid-column: span ${Item_1.DEFAULT_SPAN};`);
+        });
+    });
+    describe("given the span prop is a custom number", () => {
+        it("should render using the custom value", () => {
+            const span = 5;
+            const { container } = (0, react_1.render)((0, jsx_runtime_1.jsx)(_1.Grid, { children: (0, jsx_runtime_1.jsxs)(_1.Grid.Item, Object.assign({ span: span }, { children: ["span=", span] })) }));
+            expect(container).toBeTruthy();
+            expect(react_1.screen.getByText(`span=${span}`)).toHaveStyle(`grid-column: span ${span};`);
+        });
+    });
+});
+describe("getBreakpointMap", () => {
+    describe("given only the smallest breakpoint is provided", () => {
+        it("returns the smallest breakpoint repeated across the map", () => {
+            const config = {
+                xs: 6,
+                sm: undefined,
+                md: undefined,
+                lg: undefined,
+                xl: undefined,
+                xxl: undefined,
+            };
+            const breakpointMap = (0, Item_1.getBreakpointMap)(config);
+            const expected = {
+                xs: 6,
+                sm: 6,
+                md: 6,
+                lg: 6,
+                xl: 6,
+                xxl: 6,
+            };
+            expect(breakpointMap).toEqual(expected);
+        });
+    });
+    describe("given only a single breakpoint is provided", () => {
+        it("returns the breakpoint, which is then repeated across the higher breakpoints", () => {
+            const config = {
+                xs: undefined,
+                sm: undefined,
+                md: undefined,
+                lg: 9,
+                xl: undefined,
+                xxl: undefined,
+            };
+            const breakpointMap = (0, Item_1.getBreakpointMap)(config);
+            const expected = {
+                xs: undefined,
+                sm: undefined,
+                md: undefined,
+                lg: 9,
+                xl: 9,
+                xxl: 9,
+            };
+            expect(breakpointMap).toEqual(expected);
+        });
+    });
+    describe("given only the largest breakpoint is provided", () => {
+        it("returns the largest breakpoint", () => {
+            const config = {
+                xs: undefined,
+                sm: undefined,
+                md: undefined,
+                lg: undefined,
+                xl: undefined,
+                xxl: 2,
+            };
+            const breakpointMap = (0, Item_1.getBreakpointMap)(config);
+            const expected = {
+                xs: undefined,
+                sm: undefined,
+                md: undefined,
+                lg: undefined,
+                xl: undefined,
+                xxl: 2,
+            };
+            expect(breakpointMap).toEqual(expected);
+        });
+    });
+});
+//# sourceMappingURL=Grid.test.js.map

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

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

package/dist/cjs/components/Grid/Item.d.ts

@@ -0,0 +1,28 @@
+import { Ref, RefAttributes } from "react";
+import { DOMProps } from "@react-types/shared";
+import { ForwardedRefComponent } from "../../types/components";
+import { SizeType } from "../../types";
+export declare type GridItemElementType = HTMLDivElement;
+export interface GridItemProps extends RefAttributes<GridItemElementType>, DOMProps {
+    /** How many columns the item spans */
+    span?: number | number[];
+    /** React children */
+    children?: React.ReactNode;
+    /** How many columns the item spans on the smallest breakpoint */
+    xs?: number;
+    sm?: number;
+    md?: number;
+    lg?: number;
+    xl?: number;
+    /** How many columns the item spans on the largest breakpoint */
+    xxl?: number;
+    /** Aligns the grid item along the block (column) axis */
+    alignSelf?: "center" | "start" | "end" | "stretch";
+    /** Aligns the grid item along the inline (row) axis */
+    justifySelf?: "center" | "start" | "end" | "stretch";
+}
+export declare const getBreakpointMap: (config: Partial<Record<SizeType, number>>) => {};
+export declare type GridItemRef = Ref<GridItemElementType>;
+export declare const DEFAULT_SPAN = 12;
+declare const GridItem: ForwardedRefComponent<GridItemProps, GridItemElementType>;
+export { GridItem };

package/dist/cjs/components/Grid/Item.js

@@ -0,0 +1,49 @@
+"use strict";
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.GridItem = exports.DEFAULT_SPAN = exports.getBreakpointMap = void 0;
+const jsx_runtime_1 = require("@emotion/react/jsx-runtime");
+const react_1 = require("react");
+const hooks_1 = require("../../hooks");
+const getBreakpointMap = (config) => Object.entries(config).reduce((prev, [key, value]) => {
+    const previous = Object.values(prev);
+    const lastDefined = previous[previous.length - 1];
+    return Object.assign(Object.assign({}, prev), { [key]: value || lastDefined });
+}, {});
+exports.getBreakpointMap = getBreakpointMap;
+exports.DEFAULT_SPAN = 12;
+const GridItem = (0, react_1.forwardRef)((props, _ref) => {
+    const { breakpoint: { size: breakpointSize }, } = (0, hooks_1.useBreakpoint)();
+    const { span, xs = Array.isArray(span) ? exports.DEFAULT_SPAN : span, sm, md, lg, xl, xxl, alignSelf, justifySelf } = props, rest = __rest(props, ["span", "xs", "sm", "md", "lg", "xl", "xxl", "alignSelf", "justifySelf"]);
+    const breakpointMap = (0, exports.getBreakpointMap)({
+        xs,
+        sm,
+        md,
+        lg,
+        xl,
+        xxl,
+    });
+    const [responsiveSpan, setResponsiveSpan] = (0, react_1.useState)();
+    (0, react_1.useEffect)(() => {
+        setResponsiveSpan(breakpointMap[breakpointSize]);
+    }, [breakpointSize, breakpointMap]);
+    const styles = {
+        gridColumn: responsiveSpan ? `span ${responsiveSpan}` : undefined,
+        alignSelf,
+        justifySelf,
+    };
+    return (0, jsx_runtime_1.jsx)("div", Object.assign({ css: Object.assign({}, styles) }, rest));
+});
+exports.GridItem = GridItem;
+GridItem.displayName = "GridItem";
+//# sourceMappingURL=Item.js.map

package/dist/cjs/components/Grid/Item.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Item.js","sourceRoot":"","sources":["../../../../src/components/Grid/Item.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;AAAA,iCAA4E;AAG5E,uCAA4C;AA2BrC,MAAM,gBAAgB,GAAG,CAAC,MAAyC,EAAE,EAAE,CAC5E,MAAM,CAAC,OAAO,CAAC,MAAM,CAAC,CAAC,MAAM,CAAC,CAAC,IAAI,EAAE,CAAC,GAAG,EAAE,KAAK,CAAC,EAAE,EAAE;IACnD,MAAM,QAAQ,GAAG,MAAM,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC;IACrC,MAAM,WAAW,GAAG,QAAQ,CAAC,QAAQ,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC;IAClD,uCAAY,IAAI,KAAE,CAAC,GAAG,CAAC,EAAE,KAAK,IAAI,WAAW,IAAG;AAClD,CAAC,EAAE,EAAE,CAAC,CAAC;AALI,QAAA,gBAAgB,oBAKpB;AAII,QAAA,YAAY,GAAG,EAAE,CAAC;AAE/B,MAAM,QAAQ,GACZ,IAAA,kBAAU,EAAC,CAAC,KAAoB,EAAE,IAAiB,EAAE,EAAE;IACrD,MAAM,EACJ,UAAU,EAAE,EAAE,IAAI,EAAE,cAAc,EAAE,GACrC,GAAG,IAAA,qBAAa,GAAE,CAAC;IACpB,MAAM,EACJ,IAAI,EACJ,EAAE,GAAG,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,oBAAY,CAAC,CAAC,CAAC,IAAI,EAC9C,EAAE,EACF,EAAE,EACF,EAAE,EACF,EAAE,EACF,GAAG,EACH,SAAS,EACT,WAAW,KAET,KAAK,EADJ,IAAI,UACL,KAAK,EAXH,yEAWL,CAAQ,CAAC;IACV,MAAM,aAAa,GAAG,IAAA,wBAAgB,EAAC;QACrC,EAAE;QACF,EAAE;QACF,EAAE;QACF,EAAE;QACF,EAAE;QACF,GAAG;KACJ,CAAC,CAAC;IACH,MAAM,CAAC,cAAc,EAAE,iBAAiB,CAAC,GAAG,IAAA,gBAAQ,GAAE,CAAC;IAEvD,IAAA,iBAAS,EAAC,GAAG,EAAE;QACb,iBAAiB,CAAC,aAAa,CAAC,cAAc,CAAC,CAAC,CAAC;IACnD,CAAC,EAAE,CAAC,cAAc,EAAE,aAAa,CAAC,CAAC,CAAC;IAEpC,MAAM,MAAM,GAAc;QACxB,UAAU,EAAE,cAAc,CAAC,CAAC,CAAC,QAAQ,cAAc,EAAE,CAAC,CAAC,CAAC,SAAS;QACjE,SAAS;QACT,WAAW;KACZ,CAAC;IAEF,OAAO,8CAAK,GAAG,oBAAO,MAAM,KAAQ,IAAI,EAAI,CAAC;AAC/C,CAAC,CAAC,CAAC;AAGI,4BAAQ;AADjB,QAAQ,CAAC,WAAW,GAAG,UAAU,CAAC"}

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

@@ -0,0 +1,9 @@
+import { ForwardedRefComponent } from "../../types/components";
+import { GridElementType, GridProps } from "./Grid";
+import { GridItemProps, GridItemElementType } from "./Item";
+export interface GridCompound extends ForwardedRefComponent<GridProps, GridItemElementType> {
+    Item: ForwardedRefComponent<GridItemProps, GridElementType>;
+}
+declare const Grid: GridCompound;
+export { Grid };
+export type { GridProps, GridItemProps, GridElementType, GridItemElementType };

package/dist/cjs/components/Grid/index.js

@@ -0,0 +1,11 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Grid = void 0;
+const Grid_1 = require("./Grid");
+const Item_1 = require("./Item");
+const Grid = Object.assign(Grid_1.Grid, {
+    Item: Item_1.GridItem,
+});
+exports.Grid = Grid;
+Grid.displayName = "Grid";
+//# sourceMappingURL=index.js.map

package/dist/cjs/components/Grid/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/Grid/index.tsx"],"names":[],"mappings":";;;AACA,iCAA2E;AAC3E,iCAAsE;AAOtE,MAAM,IAAI,GAAiB,MAAM,CAAC,MAAM,CAAC,WAAa,EAAE;IACtD,IAAI,EAAE,eAAQ;CACf,CAAC,CAAC;AAGM,oBAAI;AADb,IAAI,CAAC,WAAW,GAAG,MAAM,CAAC"}

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

@@ -0,0 +1,4 @@
+import { ForwardedRefComponent } from "../../types/components";
+import { IconProps } from "./types";
+declare const Icon: ForwardedRefComponent<IconProps, SVGSVGElement>;
+export { Icon };

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

@@ -0,0 +1,17 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Icon = void 0;
+const jsx_runtime_1 = require("@emotion/react/jsx-runtime");
+const react_1 = require("react");
+const IconFromName_1 = require("./IconFromName");
+const IconFromObject_1 = require("./IconFromObject");
+const Icon = (0, react_1.forwardRef)((props, ref) => {
+    const { name } = props;
+    if (name) {
+        return (0, jsx_runtime_1.jsx)(IconFromName_1.IconFromName, Object.assign({}, props, { ref: ref }));
+    }
+    return (0, jsx_runtime_1.jsx)(IconFromObject_1.IconFromObject, Object.assign({}, props, { ref: ref }));
+});
+exports.Icon = Icon;
+Icon.displayName = "Icon";
+//# sourceMappingURL=Icon.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Icon.js","sourceRoot":"","sources":["../../../../src/components/Icon/Icon.tsx"],"names":[],"mappings":";;;;AAAA,iCAAmC;AAGnC,iDAA8C;AAC9C,qDAAkD;AAQlD,MAAM,IAAI,GAAoD,IAAA,kBAAU,EACtE,CAAC,KAAgB,EAAE,GAAY,EAAE,EAAE;IACjC,MAAM,EAAE,IAAI,EAAE,GAAG,KAAK,CAAC;IAEvB,IAAI,IAAI,EAAE;QACR,OAAO,uBAAC,2BAAY,oBAAM,KAA2B,IAAE,GAAG,EAAE,GAAG,IAAI,CAAC;KACrE;IAED,OAAO,uBAAC,+BAAc,oBAAM,KAA6B,IAAE,GAAG,EAAE,GAAG,IAAI,CAAC;AAC1E,CAAC,CACF,CAAC;AAGO,oBAAI;AADb,IAAI,CAAC,WAAW,GAAG,MAAM,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,54 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const jsx_runtime_1 = require("@emotion/react/jsx-runtime");
+const react_1 = require("@testing-library/react");
+const icons_1 = require("@simplybusiness/icons");
+const _1 = require(".");
+const CLASS_NAME = "mobius/Icon";
+describe("Test for Icon", () => {
+    describe("given an icon is an object", () => {
+        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);
+            });
+        });
+    });
+    describe("given an icon is a string", () => {
+        it("renders an icon", async () => {
+            const component = (0, react_1.render)((0, jsx_runtime_1.jsx)(_1.Icon, { name: "chevronLeft" }));
+            await (0, react_1.waitFor)(() => expect(component).toBeTruthy());
+        });
+        describe("uses correct class names", () => {
+            it("uses Mobius class", async () => {
+                (0, react_1.render)((0, jsx_runtime_1.jsx)(_1.Icon, { name: "chevronLeft", "data-testid": "test" }));
+                await (0, react_1.waitFor)(() => expect(react_1.screen.getByTestId("test")).toHaveClass("mobius"));
+            });
+            it("uses base Mobius class", async () => {
+                (0, react_1.render)((0, jsx_runtime_1.jsx)(_1.Icon, { name: "chevronLeft", "data-testid": "test" }));
+                await (0, react_1.waitFor)(() => expect(react_1.screen.getByTestId("test")).toHaveClass(CLASS_NAME));
+            });
+            it("includes custom class name", async () => {
+                (0, react_1.render)((0, jsx_runtime_1.jsx)(_1.Icon, { name: "chevronLeft", "data-testid": "test", className: "my-class" }));
+                await (0, react_1.waitFor)(() => {
+                    expect(react_1.screen.getByTestId("test")).toHaveClass("my-class");
+                    expect(react_1.screen.getByTestId("test")).toHaveClass(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":"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"}

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

@@ -0,0 +1,4 @@
+import { ForwardedRefComponent } from "../../types/components";
+import { IconFromNameProps } from "./types";
+declare const IconFromName: ForwardedRefComponent<IconFromNameProps, SVGSVGElement>;
+export { IconFromName };

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

@@ -0,0 +1,59 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.IconFromName = void 0;
+const jsx_runtime_1 = require("@emotion/react/jsx-runtime");
+const react_1 = require("react");
+const baseIcons = __importStar(require("@simplybusiness/icons"));
+const IconFromObject_1 = require("./IconFromObject");
+const contexts_1 = require("../../contexts");
+const IconFromName = (0, react_1.forwardRef)((props, ref) => {
+    const { name } = props, otherProps = __rest(props, ["name"]);
+    const { icons } = (0, react_1.useContext)(contexts_1.ThemeContext);
+    if (!icons)
+        throw new Error("No icons have been been found in ThemeContext");
+    // Lookup icon from partner icon set (if available); load default Mobius icons otherwise
+    const mappedIcon = Object.keys(icons).length === 0 ? baseIcons[name] : icons[name];
+    if (!mappedIcon) {
+        // eslint-disable-next-line no-console
+        console.warn(`Icon with the following name could not be found: ${name}`);
+        return null;
+    }
+    return (0, jsx_runtime_1.jsx)(IconFromObject_1.IconFromObject, Object.assign({ icon: mappedIcon }, otherProps, { ref: ref }));
+});
+exports.IconFromName = IconFromName;
+IconFromName.displayName = "IconFromName";
+//# sourceMappingURL=IconFromName.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"IconFromName.js","sourceRoot":"","sources":["../../../../src/components/Icon/IconFromName.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,iCAA+C;AAC/C,iEAAmD;AAEnD,qDAAkD;AAElD,6CAA8C;AAE9C,MAAM,YAAY,GAChB,IAAA,kBAAU,EAAC,CAAC,KAAwB,EAAE,GAAY,EAAE,EAAE;IACpD,MAAM,EAAE,IAAI,KAAoB,KAAK,EAApB,UAAU,UAAK,KAAK,EAA/B,QAAuB,CAAQ,CAAC;IACtC,MAAM,EAAE,KAAK,EAAE,GAAG,IAAA,kBAAU,EAAC,uBAAY,CAAC,CAAC;IAE3C,IAAI,CAAC,KAAK;QACR,MAAM,IAAI,KAAK,CAAC,+CAA+C,CAAC,CAAC;IAEnE,wFAAwF;IACxF,MAAM,UAAU,GACd,MAAM,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,MAAM,KAAK,CAAC,CAAC,CAAC,CAAC,SAAS,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC;IAElE,IAAI,CAAC,UAAU,EAAE;QACf,sCAAsC;QACtC,OAAO,CAAC,IAAI,CAAC,oDAAoD,IAAI,EAAE,CAAC,CAAC;QAEzE,OAAO,IAAI,CAAC;KACb;IAED,OAAO,uBAAC,+BAAc,kBAAC,IAAI,EAAE,UAAU,IAAM,UAAU,IAAE,GAAG,EAAE,GAAG,IAAI,CAAC;AACxE,CAAC,CAAC,CAAC;AAGI,oCAAY;AADrB,YAAY,CAAC,WAAW,GAAG,cAAc,CAAC"}

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

@@ -0,0 +1,4 @@
+import { ForwardedRefComponent } from "../../types/components";
+import { IconFromObjectProps } from "./types";
+declare const IconFromObject: ForwardedRefComponent<IconFromObjectProps, SVGSVGElement>;
+export { IconFromObject };