@simplybusiness/mobius 4.8.8 → 4.9.2

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

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

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

@@ -1,17 +0,0 @@
-import { ReactElement, ReactNode, Ref, RefAttributes } from "react";
-import { DOMProps } from "../../types/dom";
-import { ForwardedRefComponent } from "../../types/components";
-export type LegendProps = {
-    id?: string;
-    className?: string;
-};
-export type FieldsetElementType = HTMLDivElement;
-export interface FieldsetProps extends DOMProps, RefAttributes<FieldsetElementType> {
-    legend?: string;
-    children: ReactNode;
-    className?: string;
-    legendComponent?: ReactElement<any>;
-}
-export type FieldsetRef = Ref<FieldsetElementType>;
-declare const Fieldset: ForwardedRefComponent<FieldsetProps, FieldsetElementType>;
-export { Fieldset };

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

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

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

@@ -1,29 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.WithLegend = exports.Normal = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const Fieldset_1 = require("./Fieldset");
-const TextField_1 = require("../TextField");
-const utils_1 = require("../../utils");
-const meta = {
-    title: "Forms/Fieldset",
-    component: Fieldset_1.Fieldset,
-    argTypes: (0, utils_1.excludeControls)("legendComponent"),
-};
-exports.Normal = {
-    render: (args) => ((0, jsx_runtime_1.jsxs)(Fieldset_1.Fieldset, Object.assign({}, args, { children: [(0, jsx_runtime_1.jsx)(TextField_1.TextField, { label: "Full name" }), (0, jsx_runtime_1.jsx)(TextField_1.TextField, { label: "Street" }), (0, jsx_runtime_1.jsx)(TextField_1.TextField, { label: "Number" }), (0, jsx_runtime_1.jsx)(TextField_1.TextField, { label: "City" }), (0, jsx_runtime_1.jsx)(TextField_1.TextField, { label: "Postcode" })] }))),
-    args: {
-        legend: "",
-    },
-    decorators: [
-        Story => ((0, jsx_runtime_1.jsx)(utils_1.StoryContainer, { children: (0, jsx_runtime_1.jsx)(Story, {}) })),
-    ],
-};
-exports.WithLegend = {
-    render: (args) => ((0, jsx_runtime_1.jsxs)(Fieldset_1.Fieldset, Object.assign({}, args, { children: [(0, jsx_runtime_1.jsx)(TextField_1.TextField, { label: "Full name" }), (0, jsx_runtime_1.jsx)(TextField_1.TextField, { label: "Street" }), (0, jsx_runtime_1.jsx)(TextField_1.TextField, { label: "Number" }), (0, jsx_runtime_1.jsx)(TextField_1.TextField, { label: "City" }), (0, jsx_runtime_1.jsx)(TextField_1.TextField, { label: "Postcode" })] }))),
-    args: {
-        legend: "Contact Details",
-    },
-};
-exports.default = meta;
-//# sourceMappingURL=Fieldset.stories.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"Fieldset.stories.js","sourceRoot":"","sources":["../../../../src/components/Fieldset/Fieldset.stories.tsx"],"names":[],"mappings":";;;;AACA,yCAAqD;AACrD,4CAAyC;AACzC,uCAA8D;AAI9D,MAAM,IAAI,GAA0B;IAClC,KAAK,EAAE,gBAAgB;IACvB,SAAS,EAAE,mBAAQ;IACnB,QAAQ,EAAE,IAAA,uBAAe,EAAC,iBAAiB,CAAC;CAC7C,CAAC;AAEW,QAAA,MAAM,GAAc;IAC/B,MAAM,EAAE,CAAC,IAAmB,EAAE,EAAE,CAAC,CAC/B,wBAAC,mBAAQ,oBAAK,IAAI,eAChB,uBAAC,qBAAS,IAAC,KAAK,EAAC,WAAW,GAAG,EAC/B,uBAAC,qBAAS,IAAC,KAAK,EAAC,QAAQ,GAAG,EAC5B,uBAAC,qBAAS,IAAC,KAAK,EAAC,QAAQ,GAAG,EAC5B,uBAAC,qBAAS,IAAC,KAAK,EAAC,MAAM,GAAG,EAC1B,uBAAC,qBAAS,IAAC,KAAK,EAAC,UAAU,GAAG,KACrB,CACZ;IACD,IAAI,EAAE;QACJ,MAAM,EAAE,EAAE;KACX;IACD,UAAU,EAAE;QACV,KAAK,CAAC,EAAE,CAAC,CACP,uBAAC,sBAAc,cACb,uBAAC,KAAK,KAAG,GACM,CAClB;KACF;CACF,CAAC;AAEW,QAAA,UAAU,GAAc;IACnC,MAAM,EAAE,CAAC,IAAmB,EAAE,EAAE,CAAC,CAC/B,wBAAC,mBAAQ,oBAAK,IAAI,eAChB,uBAAC,qBAAS,IAAC,KAAK,EAAC,WAAW,GAAG,EAC/B,uBAAC,qBAAS,IAAC,KAAK,EAAC,QAAQ,GAAG,EAC5B,uBAAC,qBAAS,IAAC,KAAK,EAAC,QAAQ,GAAG,EAC5B,uBAAC,qBAAS,IAAC,KAAK,EAAC,MAAM,GAAG,EAC1B,uBAAC,qBAAS,IAAC,KAAK,EAAC,UAAU,GAAG,KACrB,CACZ;IACD,IAAI,EAAE;QACJ,MAAM,EAAE,iBAAiB;KAC1B;CACF,CAAC;AAEF,kBAAe,IAAI,CAAC"}

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

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

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

@@ -1,12 +0,0 @@
-"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 TextField_1 = require("../TextField");
-describe("Fieldset", () => {
-    it("should render without errors", () => {
-        (0, react_1.render)((0, jsx_runtime_1.jsx)(_1.Fieldset, { legend: "Shipping address", children: (0, jsx_runtime_1.jsx)(TextField_1.TextField, { "aria-label": "name" }) }));
-    });
-});
-//# sourceMappingURL=Fieldset.test.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"Fieldset.test.js","sourceRoot":"","sources":["../../../../src/components/Fieldset/Fieldset.test.tsx"],"names":[],"mappings":";;;AAAA,kDAAgD;AAChD,wBAA6B;AAC7B,4CAAyC;AAEzC,QAAQ,CAAC,UAAU,EAAE,GAAG,EAAE;IACxB,EAAE,CAAC,8BAA8B,EAAE,GAAG,EAAE;QACtC,IAAA,cAAM,EACJ,uBAAC,WAAQ,IAAC,MAAM,EAAC,kBAAkB,YACjC,uBAAC,qBAAS,kBAAY,MAAM,GAAG,GACtB,CACZ,CAAC;IACJ,CAAC,CAAC,CAAC;AACL,CAAC,CAAC,CAAC"}

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

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

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

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

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

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

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

@@ -1,147 +0,0 @@
-"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.ColumnLayout = exports.RowLayout = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const Flex_1 = require("./Flex");
-const Box_1 = require("../Box");
-const utils_1 = require("../../utils");
-const sizeOptions = [
-    "",
-    "var(--size-xs)",
-    "var(--size-sm)",
-    "var(--size-md)",
-    "var(--size-lg)",
-    "var(--size-xl)",
-    "var(--size-xxl)",
-];
-const meta = {
-    title: "Layout/Flex",
-    component: Flex_1.Flex,
-    argTypes: Object.assign({ flexDirection: {
-            control: { type: "select" },
-            options: ["", "row", "row-reverse", "column", "column-reverse"],
-        }, flexWrap: {
-            control: { type: "select" },
-            options: ["", "nowrap", "wrap", "wrap-reverse"],
-        }, flexGrow: {
-            control: { type: "text" },
-            if: {
-                arg: "flex",
-                truthy: false,
-            },
-        }, flex: {
-            control: { type: "text" },
-        }, justifyContent: {
-            control: { type: "select" },
-            options: [
-                "",
-                "space-around",
-                "space-between",
-                "space-evenly",
-                "stretch",
-                "center",
-                "end",
-                "flex-end",
-                "flex-start",
-                "start",
-                "left",
-                "normal",
-                "right",
-            ],
-        }, alignItems: {
-            control: { type: "select" },
-            options: [
-                "",
-                "center",
-                "end",
-                "flex-end",
-                "flex-start",
-                "self-end",
-                "self-start",
-                "start",
-                "baseline",
-                "normal",
-                "stretch",
-            ],
-        }, alignContent: {
-            control: { type: "select" },
-            options: [
-                "",
-                "space-around",
-                "space-between",
-                "space-evenly",
-                "stretch",
-                "center",
-                "end",
-                "flex-end",
-                "flex-start",
-                "start",
-                "baseline",
-                "normal",
-            ],
-        }, gap: {
-            control: { type: "select" },
-            options: [...sizeOptions],
-        }, rowGap: {
-            control: { type: "select" },
-            options: [...sizeOptions],
-            if: {
-                arg: "gap",
-                truthy: false,
-            },
-        }, columnGap: {
-            control: { type: "select" },
-            options: [...sizeOptions],
-            if: {
-                arg: "gap",
-                truthy: false,
-            },
-        } }, (0, utils_1.excludeControls)("style", "role")),
-};
-const Card = (_a) => {
-    var { children, style } = _a, props = __rest(_a, ["children", "style"]);
-    return ((0, jsx_runtime_1.jsx)(Box_1.Box, Object.assign({ style: Object.assign({ borderRadius: "4px", padding: "8px", backgroundColor: "#dddddd", width: "100%" }, style) }, props, { children: children })));
-};
-exports.RowLayout = {
-    render: (args) => ((0, jsx_runtime_1.jsxs)(Flex_1.Flex, Object.assign({}, args, { children: [(0, jsx_runtime_1.jsx)(Card, { children: "Item" }), (0, jsx_runtime_1.jsx)(Card, { children: "Item" }), (0, jsx_runtime_1.jsx)(Card, { children: "Item" })] }))),
-    args: {
-        flexDirection: "row",
-        flexWrap: "nowrap",
-        flexGrow: "0",
-        flex: "1 1 0px",
-        justifyContent: "normal",
-        alignItems: "stretch",
-        alignContent: "flex-start",
-        gap: "var(--size-xs)",
-        rowGap: "",
-        columnGap: "",
-    },
-};
-exports.ColumnLayout = {
-    render: (args) => ((0, jsx_runtime_1.jsxs)(Flex_1.Flex, Object.assign({}, args, { children: [(0, jsx_runtime_1.jsx)(Card, { children: "Item" }), (0, jsx_runtime_1.jsx)(Card, { children: "Item" }), (0, jsx_runtime_1.jsx)(Card, { children: "Item" })] }))),
-    args: {
-        flexDirection: "column",
-        flexWrap: "nowrap",
-        flexGrow: "0",
-        flex: "1 1 0px",
-        justifyContent: "normal",
-        alignItems: "stretch",
-        alignContent: "normal",
-        gap: "var(--size-xs)",
-        rowGap: "",
-        columnGap: "",
-    },
-};
-exports.default = meta;
-//# sourceMappingURL=Flex.stories.js.map

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

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

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

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

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

@@ -1,33 +0,0 @@
-"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/Flex";
-describe("Test for Flex", () => {
-    it("should render without errors", () => {
-        (0, react_1.render)((0, jsx_runtime_1.jsxs)(_1.Flex, { 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, { 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, { 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, { 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

@@ -1 +0,0 @@
-{"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,IAAC,aAAa,EAAC,QAAQ,EAAC,UAAU,EAAC,OAAO,aAC7C,sDAAkB,EAClB,sDAAkB,IACb,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,IAAC,aAAa,EAAC,QAAQ,EAAC,UAAU,EAAC,OAAO,iBAAa,MAAM,aAChE,sDAAkB,EAClB,sDAAkB,IACb,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,IAAC,aAAa,EAAC,QAAQ,EAAC,UAAU,EAAC,OAAO,iBAAa,MAAM,aAChE,sDAAkB,EAClB,sDAAkB,IACb,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,IACH,aAAa,EAAC,QAAQ,EACtB,UAAU,EAAC,OAAO,iBACN,MAAM,EAClB,SAAS,EAAC,UAAU,aAEpB,sDAAkB,EAClB,sDAAkB,IACb,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

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

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

@@ -1,8 +0,0 @@
-import { FlexNonStyleProps, FlexProps, FlexStyleProps } from "./types";
-export declare const withoutUndefinedValues: (obj: Record<string, unknown>) => {
-    [k: string]: unknown;
-};
-export declare const buildFlexStyles: (props: FlexStyleProps) => {
-    [k: string]: unknown;
-};
-export declare const splitProps: (props: FlexProps) => [FlexStyleProps, FlexNonStyleProps];

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

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

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

@@ -1,99 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-const propUtils_1 = require("./propUtils");
-describe("withoutUndefinedValues", () => {
-    it("returns object without undefined values", () => {
-        const props = {
-            a: 1,
-            b: "Two",
-            c: [],
-            d: {},
-            e: undefined,
-            f: undefined,
-        };
-        const actual = (0, propUtils_1.withoutUndefinedValues)(props);
-        const expected = {
-            a: 1,
-            b: "Two",
-            c: [],
-            d: {},
-        };
-        expect(actual).toStrictEqual(expected);
-    });
-});
-describe("buildFlexStyles", () => {
-    describe("given a list of props", () => {
-        it("returns a specified list of flex props", () => {
-            const props = {
-                flexDirection: "row",
-                flexWrap: "wrap",
-                flexGrow: "1",
-                flex: "1 1 0px",
-                justifyContent: "start",
-                alignItems: "stretch",
-                alignContent: "center",
-                gap: "10px",
-                rowGap: "20px",
-                columnGap: "30px",
-            };
-            const expectedProps = Object.assign(Object.assign({}, props), { display: "flex" });
-            const actual = (0, propUtils_1.buildFlexStyles)(props);
-            expect(actual).toStrictEqual(expectedProps);
-        });
-    });
-    describe("given a list of partially defined props", () => {
-        it("returns flex props that are defined", () => {
-            const props = {
-                flexDirection: "row",
-                flexWrap: undefined,
-                flexGrow: "1",
-                flex: undefined,
-                justifyContent: "start",
-                alignItems: undefined,
-                alignContent: "center",
-                gap: undefined,
-                rowGap: "20px",
-                columnGap: undefined,
-            };
-            const expectedProps = {
-                flexDirection: "row",
-                flexGrow: "1",
-                justifyContent: "start",
-                alignContent: "center",
-                rowGap: "20px",
-                display: "flex",
-            };
-            const actual = (0, propUtils_1.buildFlexStyles)(props);
-            expect(actual).toStrictEqual(expectedProps);
-        });
-    });
-});
-describe("splitProps", () => {
-    describe("given a list of props", () => {
-        it("returns an array with two items: 1) specified flex props; 2) all other props", () => {
-            const flexProps = {
-                flexDirection: "row",
-                flexWrap: "wrap",
-                flexGrow: "1",
-                flex: "1 1 0px",
-                justifyContent: "start",
-                alignItems: "stretch",
-                alignContent: "center",
-                gap: "10px",
-                rowGap: "20px",
-                columnGap: "30px",
-            };
-            const otherProps = {
-                a: 1,
-                b: "Two",
-                c: [],
-                d: {},
-            };
-            const props = Object.assign(Object.assign({}, flexProps), otherProps);
-            const actual = (0, propUtils_1.splitProps)(props);
-            const expected = [flexProps, otherProps];
-            expect(actual).toStrictEqual(expected);
-        });
-    });
-});
-//# sourceMappingURL=propUtils.test.js.map

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

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

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

@@ -1,33 +0,0 @@
-import { Ref, ReactNode, RefAttributes, AriaRole } from "react";
-import type { Property } from "csstype";
-import { DOMProps } from "../../types/dom";
-export type FlexElementType = HTMLDivElement;
-export interface FlexStyleProps {
-    elementType?: string | React.ElementType;
-    flexDirection?: Property.FlexDirection;
-    flexWrap?: Property.FlexWrap;
-    flexGrow?: Property.FlexGrow;
-    flex?: Property.Flex;
-    /** Aligns grid items along the block (column) axis  */
-    alignItems?: Property.AlignItems;
-    /** Aligns the grid along the inline (row) axis */
-    alignContent?: Property.AlignContent;
-    /** Aligns the grid along the inline (row) axis */
-    justifyContent?: Property.JustifyContent;
-    /** How big a gap between the columns and rows */
-    gap?: Property.Gap;
-    /** How big a gap between the rows */
-    rowGap?: Property.RowGap;
-    /** How big a gap between the columns */
-    columnGap?: Property.ColumnGap;
-    style?: React.CSSProperties;
-    role?: AriaRole;
-}
-export interface FlexNonStyleProps extends DOMProps, RefAttributes<FlexElementType> {
-    children?: ReactNode;
-    /** Custom class name for setting specific CSS */
-    className?: string;
-}
-export interface FlexProps extends FlexStyleProps, FlexNonStyleProps {
-}
-export type FlexRef = Ref<FlexElementType>;

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

@@ -1,28 +0,0 @@
-import { Ref, ReactNode, RefAttributes } from "react";
-import { DOMProps } from "../../types/dom";
-import { ForwardedRefComponent } from "../../types/components";
-export 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";
-    /** Custom class name for setting specific CSS */
-    className?: string;
-}
-export type GridRef = Ref<GridElementType>;
-declare const Grid: ForwardedRefComponent<GridProps, GridElementType>;
-export { Grid };

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

@@ -1,11 +0,0 @@
-import type { Meta, StoryObj } from "@storybook/react";
-import { Grid } from ".";
-import { GridItem } from "./Item";
-type StoryType = StoryObj<typeof Grid>;
-declare const meta: Meta<typeof Grid>;
-export declare const AlignmentProperties: StoryType;
-export declare const Normal: StoryType;
-export declare const EightColumns: StoryType;
-export declare const Responsive: Meta<typeof GridItem>;
-export declare const ItemPositioning: Meta<typeof GridItem>;
-export default meta;