@simplybusiness/mobius 4.11.3 → 4.11.4

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

@@ -1,97 +0,0 @@
-import { withoutUndefinedValues, buildFlexStyles, splitProps, } from "./propUtils";
-describe("withoutUndefinedValues", () => {
-    it("returns object without undefined values", () => {
-        const props = {
-            a: 1,
-            b: "Two",
-            c: [],
-            d: {},
-            e: undefined,
-            f: undefined,
-        };
-        const actual = 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 = 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 = 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 = splitProps(props);
-            const expected = [flexProps, otherProps];
-            expect(actual).toStrictEqual(expected);
-        });
-    });
-});
-//# sourceMappingURL=propUtils.test.js.map

package/dist/esm/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/esm/components/Grid/Grid.stories.js

@@ -1,463 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Grid } from ".";
-import { Box } from "../Box";
-import { Flex } from "../Flex";
-import { sizeOptions } from "../../utils";
-const meta = {
-    title: "Layout/Grid",
-    component: Grid,
-    argTypes: {
-        columns: {
-            control: {
-                type: "number"
-            }
-        },
-        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
-            }
-        },
-        alignContent: {
-            control: {
-                type: "select"
-            },
-            options: [
-                "",
-                "center",
-                "space-around",
-                "space-between",
-                "space-evenly",
-                "stretch"
-            ]
-        },
-        justifyContent: {
-            control: {
-                type: "select"
-            },
-            options: [
-                "",
-                "center",
-                "start",
-                "end",
-                "space-around",
-                "space-between",
-                "space-evenly"
-            ]
-        },
-        alignItems: {
-            control: {
-                type: "select"
-            },
-            options: [
-                "",
-                "center",
-                "start",
-                "end",
-                "stretch",
-                "baseline"
-            ]
-        },
-        justifyItems: {
-            control: {
-                type: "select"
-            },
-            options: [
-                "",
-                "start",
-                "end",
-                "center",
-                "stretch"
-            ]
-        }
-    },
-    decorators: [
-        (Story)=>{
-            // eslint-disable-next-line global-require
-            require("./Grid.story.styles.css");
-            return /*#__PURE__*/ _jsx(Story, {});
-        }
-    ]
-};
-const Card = ({ children, ...props })=>/*#__PURE__*/ _jsx(Box, {
-        style: {
-            borderRadius: "4px",
-            padding: "8px",
-            backgroundColor: "#dddddd",
-            width: "80%"
-        },
-        ...props,
-        children: children
-    });
-const Square = ({ children, ...props })=>/*#__PURE__*/ _jsx(Flex, {
-        alignItems: "center",
-        justifyContent: "center",
-        style: {
-            height: "100%"
-        },
-        ...props,
-        children: children
-    });
-const AlignSquare = ({ children, ...props })=>/*#__PURE__*/ _jsx(Box, {
-        style: {},
-        ...props,
-        children: children
-    });
-export const AlignmentProperties = {
-    render: (args)=>/*#__PURE__*/ _jsxs(Grid, {
-            ...args,
-            children: [
-                /*#__PURE__*/ _jsx(Grid.Item, {
-                    className: "grid-example-grid-alignment-item",
-                    span: 4,
-                    children: /*#__PURE__*/ _jsx(Square, {
-                        children: "1"
-                    })
-                }),
-                /*#__PURE__*/ _jsx(Grid.Item, {
-                    className: "grid-example-grid-alignment-item",
-                    span: 4,
-                    children: /*#__PURE__*/ _jsx(Square, {
-                        children: "2"
-                    })
-                }),
-                /*#__PURE__*/ _jsx(Grid.Item, {
-                    className: "grid-example-grid-alignment-item",
-                    span: 4,
-                    children: /*#__PURE__*/ _jsx(Square, {
-                        children: "3"
-                    })
-                }),
-                /*#__PURE__*/ _jsx(Grid.Item, {
-                    className: "grid-example-grid-alignment-item",
-                    span: 4,
-                    children: /*#__PURE__*/ _jsx(Square, {
-                        children: "4"
-                    })
-                }),
-                /*#__PURE__*/ _jsx(Grid.Item, {
-                    className: "grid-example-grid-alignment-item",
-                    span: 4,
-                    children: /*#__PURE__*/ _jsx(Square, {
-                        children: "5"
-                    })
-                }),
-                /*#__PURE__*/ _jsx(Grid.Item, {
-                    className: "grid-example-grid-alignment-item",
-                    span: 4,
-                    children: /*#__PURE__*/ _jsx(Square, {
-                        children: "6"
-                    })
-                }),
-                /*#__PURE__*/ _jsx(Grid.Item, {
-                    className: "grid-example-grid-alignment-item",
-                    span: 4,
-                    children: /*#__PURE__*/ _jsx(Square, {
-                        children: "7"
-                    })
-                }),
-                /*#__PURE__*/ _jsx(Grid.Item, {
-                    className: "grid-example-grid-alignment-item",
-                    span: 4,
-                    children: /*#__PURE__*/ _jsx(Square, {
-                        children: "8"
-                    })
-                }),
-                /*#__PURE__*/ _jsx(Grid.Item, {
-                    className: "grid-example-grid-alignment-item",
-                    span: 4,
-                    children: /*#__PURE__*/ _jsx(Square, {
-                        children: "9"
-                    })
-                })
-            ]
-        }),
-    args: {
-        columns: 12,
-        gap: "xs",
-        alignItems: "stretch",
-        justifyItems: "stretch",
-        className: "grid-example-fixed-size-grid"
-    }
-};
-export const Normal = {
-    render: (args)=>/*#__PURE__*/ _jsxs(Grid, {
-            ...args,
-            children: [
-                /*#__PURE__*/ _jsx(Grid.Item, {
-                    span: 12,
-                    children: /*#__PURE__*/ _jsx(Card, {
-                        children: "span=12"
-                    })
-                }),
-                /*#__PURE__*/ _jsx(Grid.Item, {
-                    span: 11,
-                    children: /*#__PURE__*/ _jsx(Card, {
-                        children: "span=11"
-                    })
-                }),
-                /*#__PURE__*/ _jsx(Grid.Item, {
-                    span: 1,
-                    children: /*#__PURE__*/ _jsx(Card, {
-                        children: "span=1"
-                    })
-                }),
-                /*#__PURE__*/ _jsx(Grid.Item, {
-                    span: 10,
-                    children: /*#__PURE__*/ _jsx(Card, {
-                        children: "span=10"
-                    })
-                }),
-                /*#__PURE__*/ _jsx(Grid.Item, {
-                    span: 2,
-                    children: /*#__PURE__*/ _jsx(Card, {
-                        children: "span=2"
-                    })
-                }),
-                /*#__PURE__*/ _jsx(Grid.Item, {
-                    span: 9,
-                    children: /*#__PURE__*/ _jsx(Card, {
-                        children: "span=9"
-                    })
-                }),
-                /*#__PURE__*/ _jsx(Grid.Item, {
-                    span: 3,
-                    children: /*#__PURE__*/ _jsx(Card, {
-                        children: "span=3"
-                    })
-                }),
-                /*#__PURE__*/ _jsx(Grid.Item, {
-                    span: 8,
-                    children: /*#__PURE__*/ _jsx(Card, {
-                        children: "span=8"
-                    })
-                }),
-                /*#__PURE__*/ _jsx(Grid.Item, {
-                    span: 4,
-                    children: /*#__PURE__*/ _jsx(Card, {
-                        children: "span=4"
-                    })
-                }),
-                /*#__PURE__*/ _jsx(Grid.Item, {
-                    span: 7,
-                    children: /*#__PURE__*/ _jsx(Card, {
-                        children: "span=7"
-                    })
-                }),
-                /*#__PURE__*/ _jsx(Grid.Item, {
-                    span: 5,
-                    children: /*#__PURE__*/ _jsx(Card, {
-                        children: "span=5"
-                    })
-                }),
-                /*#__PURE__*/ _jsx(Grid.Item, {
-                    span: 6,
-                    children: /*#__PURE__*/ _jsx(Card, {
-                        children: "span=6"
-                    })
-                }),
-                /*#__PURE__*/ _jsx(Grid.Item, {
-                    span: 6,
-                    children: /*#__PURE__*/ _jsx(Card, {
-                        children: "span=6"
-                    })
-                })
-            ]
-        }),
-    args: {
-        columns: 12,
-        gap: "xs",
-        alignItems: "stretch",
-        justifyItems: "stretch"
-    }
-};
-export const EightColumns = {
-    render: (args)=>/*#__PURE__*/ _jsx(Grid, {
-            ...args,
-            children: [
-                ...new Array(8)
-            ].map((_, k)=>// eslint-disable-next-line react/no-array-index-key
-                /*#__PURE__*/ _jsx(Card, {
-                    children: "span=1"
-                }, k))
-        }),
-    args: {
-        columns: 8,
-        gap: "xs",
-        alignItems: "stretch",
-        justifyItems: "stretch",
-        className: "grid-example-eight-columns"
-    }
-};
-export const Responsive = {
-    render: (args)=>{
-        const breakpointArgs = [
-            "xs",
-            "sm",
-            "md",
-            "lg",
-            "xl",
-            "xxl"
-        ];
-        const allArgs = Object.entries(args).filter(([breakpoint])=>breakpointArgs.includes(breakpoint)).map(([breakpoint, value])=>`${breakpoint}=${value}`).join(" ");
-        return /*#__PURE__*/ _jsxs(Grid, {
-            gap: "xs",
-            alignItems: "stretch",
-            justifyItems: "stretch",
-            children: [
-                /*#__PURE__*/ _jsx(Grid.Item, {
-                    ...args,
-                    children: /*#__PURE__*/ _jsx(Card, {
-                        children: allArgs
-                    })
-                }),
-                /*#__PURE__*/ _jsx(Grid.Item, {
-                    lg: 4,
-                    children: /*#__PURE__*/ _jsx(Card, {
-                        children: "lg=4"
-                    })
-                }),
-                /*#__PURE__*/ _jsx(Grid.Item, {
-                    xs: 5,
-                    children: /*#__PURE__*/ _jsx(Card, {
-                        children: "xs=5"
-                    })
-                }),
-                /*#__PURE__*/ _jsx(Grid.Item, {
-                    span: 5,
-                    children: /*#__PURE__*/ _jsx(Card, {
-                        children: "span=5"
-                    })
-                })
-            ]
-        });
-    },
-    args: {
-        xs: 12,
-        sm: 6,
-        md: 2,
-        lg: 8,
-        xl: 12,
-        xxl: 4
-    },
-    parameters: {
-        controls: {
-            exclude: [
-                "columns"
-            ]
-        }
-    }
-};
-export const ItemPositioning = {
-    render: (args)=>/*#__PURE__*/ _jsxs(Grid, {
-            columns: 12,
-            gap: "xs",
-            alignItems: "stretch",
-            justifyItems: "stretch",
-            className: "grid-example-fixed-size-grid",
-            children: [
-                /*#__PURE__*/ _jsx(Grid.Item, {
-                    className: "grid-example-align-square-item",
-                    span: 4,
-                    ...args,
-                    children: /*#__PURE__*/ _jsx(AlignSquare, {
-                        children: "1"
-                    })
-                }),
-                /*#__PURE__*/ _jsx(Grid.Item, {
-                    className: "grid-example-align-square-item",
-                    span: 4,
-                    children: /*#__PURE__*/ _jsx(AlignSquare, {
-                        children: "2"
-                    })
-                }),
-                /*#__PURE__*/ _jsx(Grid.Item, {
-                    className: "grid-example-align-square-item",
-                    span: 4,
-                    children: /*#__PURE__*/ _jsx(AlignSquare, {
-                        children: "3"
-                    })
-                }),
-                /*#__PURE__*/ _jsx(Grid.Item, {
-                    className: "grid-example-align-square-item",
-                    span: 4,
-                    children: /*#__PURE__*/ _jsx(AlignSquare, {
-                        children: "4"
-                    })
-                })
-            ]
-        }),
-    args: {
-        alignSelf: "center",
-        justifySelf: "end"
-    },
-    argTypes: {
-        alignSelf: {
-            control: {
-                type: "select"
-            },
-            options: [
-                "",
-                "center",
-                "start",
-                "end",
-                "stretch"
-            ]
-        },
-        justifySelf: {
-            control: {
-                type: "select"
-            },
-            options: [
-                "",
-                "center",
-                "start",
-                "end",
-                "stretch"
-            ]
-        }
-    },
-    parameters: {
-        controls: {
-            exclude: [
-                "columns",
-                "gap",
-                "rowGap",
-                "columnGap",
-                "alignContent",
-                "justifyContent",
-                "alignItems",
-                "justifyItems"
-            ]
-        }
-    }
-};
-export default meta;
-
-//# sourceMappingURL=Grid.stories.js.map

package/dist/esm/components/Grid/Grid.stories.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../../src/components/Grid/Grid.stories.tsx"],"sourcesContent":["import type { Meta, StoryObj } from \"@storybook/react\";\nimport { ReactNode } from \"react\";\nimport { Grid, GridItemProps, GridProps } from \".\";\nimport { Box } from \"../Box\";\nimport { Flex } from \"../Flex\";\nimport { GridItem } from \"./Item\";\nimport { sizeOptions } from \"../../utils\";\n\ntype StoryType = StoryObj<typeof Grid>;\n\nconst meta: Meta<typeof Grid> = {\n  title: \"Layout/Grid\",\n  component: Grid,\n  argTypes: {\n    columns: {\n      control: { type: \"number\" },\n    },\n    gap: {\n      control: { type: \"select\" },\n      options: [...sizeOptions],\n    },\n    rowGap: {\n      control: { type: \"select\" },\n      options: [...sizeOptions],\n      if: {\n        arg: \"gap\",\n        truthy: false,\n      },\n    },\n    columnGap: {\n      control: { type: \"select\" },\n      options: [...sizeOptions],\n      if: {\n        arg: \"gap\",\n        truthy: false,\n      },\n    },\n    alignContent: {\n      control: { type: \"select\" },\n      options: [\n        \"\",\n        \"center\",\n        \"space-around\",\n        \"space-between\",\n        \"space-evenly\",\n        \"stretch\",\n      ],\n    },\n    justifyContent: {\n      control: { type: \"select\" },\n      options: [\n        \"\",\n        \"center\",\n        \"start\",\n        \"end\",\n        \"space-around\",\n        \"space-between\",\n        \"space-evenly\",\n      ],\n    },\n    alignItems: {\n      control: { type: \"select\" },\n      options: [\"\", \"center\", \"start\", \"end\", \"stretch\", \"baseline\"],\n    },\n    justifyItems: {\n      control: { type: \"select\" },\n      options: [\"\", \"start\", \"end\", \"center\", \"stretch\"],\n    },\n  },\n  decorators: [\n    Story => {\n      // eslint-disable-next-line global-require\n      require(\"./Grid.story.styles.css\");\n      return <Story />;\n    },\n  ],\n};\n\ntype SharedProps = {\n  children: ReactNode;\n};\n\nconst Card = ({ children, ...props }: SharedProps) => (\n  <Box\n    style={{\n      borderRadius: \"4px\",\n      padding: \"8px\",\n      backgroundColor: \"#dddddd\",\n      width: \"80%\",\n    }}\n    {...props}\n  >\n    {children}\n  </Box>\n);\n\nconst Square = ({ children, ...props }: SharedProps) => (\n  <Flex\n    alignItems=\"center\"\n    justifyContent=\"center\"\n    style={{ height: \"100%\" }}\n    {...props}\n  >\n    {children}\n  </Flex>\n);\n\nconst AlignSquare = ({ children, ...props }: SharedProps) => (\n  <Box style={{}} {...props}>\n    {children}\n  </Box>\n);\n\nexport const AlignmentProperties: StoryType = {\n  render: (args: GridProps) => (\n    <Grid {...args}>\n      <Grid.Item className=\"grid-example-grid-alignment-item\" span={4}>\n        <Square>1</Square>\n      </Grid.Item>\n      <Grid.Item className=\"grid-example-grid-alignment-item\" span={4}>\n        <Square>2</Square>\n      </Grid.Item>\n      <Grid.Item className=\"grid-example-grid-alignment-item\" span={4}>\n        <Square>3</Square>\n      </Grid.Item>\n      <Grid.Item className=\"grid-example-grid-alignment-item\" span={4}>\n        <Square>4</Square>\n      </Grid.Item>\n      <Grid.Item className=\"grid-example-grid-alignment-item\" span={4}>\n        <Square>5</Square>\n      </Grid.Item>\n      <Grid.Item className=\"grid-example-grid-alignment-item\" span={4}>\n        <Square>6</Square>\n      </Grid.Item>\n      <Grid.Item className=\"grid-example-grid-alignment-item\" span={4}>\n        <Square>7</Square>\n      </Grid.Item>\n      <Grid.Item className=\"grid-example-grid-alignment-item\" span={4}>\n        <Square>8</Square>\n      </Grid.Item>\n      <Grid.Item className=\"grid-example-grid-alignment-item\" span={4}>\n        <Square>9</Square>\n      </Grid.Item>\n    </Grid>\n  ),\n  args: {\n    columns: 12,\n    gap: \"xs\",\n    alignItems: \"stretch\",\n    justifyItems: \"stretch\",\n    className: \"grid-example-fixed-size-grid\",\n  },\n};\n\nexport const Normal: StoryType = {\n  render: (args: GridProps) => (\n    <Grid {...args}>\n      <Grid.Item span={12}>\n        <Card>span=12</Card>\n      </Grid.Item>\n      <Grid.Item span={11}>\n        <Card>span=11</Card>\n      </Grid.Item>\n      <Grid.Item span={1}>\n        <Card>span=1</Card>\n      </Grid.Item>\n      <Grid.Item span={10}>\n        <Card>span=10</Card>\n      </Grid.Item>\n      <Grid.Item span={2}>\n        <Card>span=2</Card>\n      </Grid.Item>\n      <Grid.Item span={9}>\n        <Card>span=9</Card>\n      </Grid.Item>\n      <Grid.Item span={3}>\n        <Card>span=3</Card>\n      </Grid.Item>\n      <Grid.Item span={8}>\n        <Card>span=8</Card>\n      </Grid.Item>\n      <Grid.Item span={4}>\n        <Card>span=4</Card>\n      </Grid.Item>\n      <Grid.Item span={7}>\n        <Card>span=7</Card>\n      </Grid.Item>\n      <Grid.Item span={5}>\n        <Card>span=5</Card>\n      </Grid.Item>\n      <Grid.Item span={6}>\n        <Card>span=6</Card>\n      </Grid.Item>\n      <Grid.Item span={6}>\n        <Card>span=6</Card>\n      </Grid.Item>\n    </Grid>\n  ),\n  args: {\n    columns: 12,\n    gap: \"xs\",\n    alignItems: \"stretch\",\n    justifyItems: \"stretch\",\n  },\n};\n\nexport const EightColumns: StoryType = {\n  render: (args: GridProps) => (\n    <Grid {...args}>\n      {[...new Array(8)].map((_, k) => (\n        // eslint-disable-next-line react/no-array-index-key\n        <Card key={k}>span=1</Card>\n      ))}\n    </Grid>\n  ),\n  args: {\n    columns: 8,\n    gap: \"xs\",\n    alignItems: \"stretch\",\n    justifyItems: \"stretch\",\n    className: \"grid-example-eight-columns\",\n  },\n};\n\nexport const Responsive: Meta<typeof GridItem> = {\n  render: (args: GridItemProps) => {\n    const breakpointArgs = [\"xs\", \"sm\", \"md\", \"lg\", \"xl\", \"xxl\"];\n    const allArgs = Object.entries(args)\n      .filter(([breakpoint]) => breakpointArgs.includes(breakpoint))\n      .map(([breakpoint, value]) => `${breakpoint}=${value}`)\n      .join(\" \");\n\n    return (\n      <Grid gap=\"xs\" alignItems=\"stretch\" justifyItems=\"stretch\">\n        <Grid.Item {...args}>\n          <Card>{allArgs}</Card>\n        </Grid.Item>\n        <Grid.Item lg={4}>\n          <Card>lg=4</Card>\n        </Grid.Item>\n        <Grid.Item xs={5}>\n          <Card>xs=5</Card>\n        </Grid.Item>\n        <Grid.Item span={5}>\n          <Card>span=5</Card>\n        </Grid.Item>\n      </Grid>\n    );\n  },\n  args: {\n    xs: 12,\n    sm: 6,\n    md: 2,\n    lg: 8,\n    xl: 12,\n    xxl: 4,\n  },\n  parameters: {\n    controls: {\n      exclude: [\"columns\"],\n    },\n  },\n};\n\nexport const ItemPositioning: Meta<typeof GridItem> = {\n  render: (args: GridItemProps) => (\n    <Grid\n      columns={12}\n      gap=\"xs\"\n      alignItems=\"stretch\"\n      justifyItems=\"stretch\"\n      className=\"grid-example-fixed-size-grid\"\n    >\n      <Grid.Item className=\"grid-example-align-square-item\" span={4} {...args}>\n        <AlignSquare>1</AlignSquare>\n      </Grid.Item>\n      <Grid.Item className=\"grid-example-align-square-item\" span={4}>\n        <AlignSquare>2</AlignSquare>\n      </Grid.Item>\n      <Grid.Item className=\"grid-example-align-square-item\" span={4}>\n        <AlignSquare>3</AlignSquare>\n      </Grid.Item>\n      <Grid.Item className=\"grid-example-align-square-item\" span={4}>\n        <AlignSquare>4</AlignSquare>\n      </Grid.Item>\n    </Grid>\n  ),\n  args: {\n    alignSelf: \"center\",\n    justifySelf: \"end\",\n  },\n  argTypes: {\n    alignSelf: {\n      control: { type: \"select\" },\n      options: [\"\", \"center\", \"start\", \"end\", \"stretch\"],\n    },\n    justifySelf: {\n      control: { type: \"select\" },\n      options: [\"\", \"center\", \"start\", \"end\", \"stretch\"],\n    },\n  },\n  parameters: {\n    controls: {\n      exclude: [\n        \"columns\",\n        \"gap\",\n        \"rowGap\",\n        \"columnGap\",\n        \"alignContent\",\n        \"justifyContent\",\n        \"alignItems\",\n        \"justifyItems\",\n      ],\n    },\n  },\n};\n\nexport default meta;\n"],"names":["Grid","Box","Flex","sizeOptions","meta","title","component","argTypes","columns","control","type","gap","options","rowGap","if","arg","truthy","columnGap","alignContent","justifyContent","alignItems","justifyItems","decorators","Story","require","Card","children","props","style","borderRadius","padding","backgroundColor","width","Square","height","AlignSquare","AlignmentProperties","render","args","Item","className","span","Normal","EightColumns","Array","map","_","k","Responsive","breakpointArgs","allArgs","Object","entries","filter","breakpoint","includes","value","join","lg","xs","sm","md","xl","xxl","parameters","controls","exclude","ItemPositioning","alignSelf","justifySelf"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":"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"}

package/dist/esm/components/Icon/Icon.stories.js

@@ -1,50 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { Icon } from "./Icon";
-import { excludeControls } from "../../utils";
-const meta = {
-    title: "Components/Icon",
-    component: Icon,
-    argTypes: {
-        ...excludeControls("icon")
-    }
-};
-const defaultArgs = {
-    spin: false,
-    spinReverse: false,
-    fixedWidth: false,
-    size: "lg"
-};
-const home = {
-    iconName: "home",
-    width: 576,
-    height: 512,
-    svgPathData: "M303.5 13.7L288 .5 272.5 13.7l-264 224 31.1 36.6L64 253.5V488v24H88 488h24V488 253.5l24.5 20.8 31.1-36.6-264-224zM464 212.8V464H112V212.8L288 63.5 464 212.8z",
-    iconType: "fill",
-    fill: "none"
-};
-export const Normal = {
-    render: (args)=>/*#__PURE__*/ _jsx("p", {
-            children: /*#__PURE__*/ _jsx(Icon, {
-                ...args,
-                icon: home
-            })
-        }),
-    args: {
-        ...defaultArgs
-    }
-};
-export const Spinning = {
-    render: (args)=>/*#__PURE__*/ _jsx("p", {
-            children: /*#__PURE__*/ _jsx(Icon, {
-                ...args,
-                icon: home
-            })
-        }),
-    args: {
-        ...defaultArgs,
-        spin: true
-    }
-};
-export default meta;
-
-//# sourceMappingURL=Icon.stories.js.map

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

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../../src/components/Icon/Icon.stories.tsx"],"sourcesContent":["import type { Meta, StoryObj } from \"@storybook/react\";\nimport { Icon } from \"./Icon\";\nimport { excludeControls } from \"../../utils\";\nimport { IconProps } from \"./types\";\n\ntype StoryType = StoryObj<typeof Icon>;\n\nconst meta: Meta<typeof Icon> = {\n  title: \"Components/Icon\",\n  component: Icon,\n  argTypes: {\n    ...excludeControls(\"icon\"),\n  },\n};\n\nconst defaultArgs = {\n  spin: false,\n  spinReverse: false,\n  fixedWidth: false,\n  size: \"lg\",\n} as const;\n\nconst home = {\n  iconName: \"home\",\n  width: 576,\n  height: 512,\n  svgPathData:\n    \"M303.5 13.7L288 .5 272.5 13.7l-264 224 31.1 36.6L64 253.5V488v24H88 488h24V488 253.5l24.5 20.8 31.1-36.6-264-224zM464 212.8V464H112V212.8L288 63.5 464 212.8z\",\n  iconType: \"fill\",\n  fill: \"none\",\n} as const;\n\nexport const Normal: StoryType = {\n  render: (args: IconProps) => (\n    <p>\n      <Icon {...args} icon={home} />\n    </p>\n  ),\n  args: {\n    ...defaultArgs,\n  },\n};\n\nexport const Spinning: StoryType = {\n  render: (args: IconProps) => (\n    <p>\n      <Icon {...args} icon={home} />\n    </p>\n  ),\n  args: {\n    ...defaultArgs,\n    spin: true,\n  },\n};\n\nexport default meta;\n"],"names":["Icon","excludeControls","meta","title","component","argTypes","defaultArgs","spin","spinReverse","fixedWidth","size","home","iconName","width","height","svgPathData","iconType","fill","Normal","render","args","p","icon","Spinning"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":";AACA,SAASA,IAAI,QAAQ,SAAS;AAC9B,SAASC,eAAe,QAAQ,cAAc;AAK9C,MAAMC,OAA0B;IAC9BC,OAAO;IACPC,WAAWJ;IACXK,UAAU;QACR,GAAGJ,gBAAgB,OAAO;IAC5B;AACF;AAEA,MAAMK,cAAc;IAClBC,MAAM;IACNC,aAAa;IACbC,YAAY;IACZC,MAAM;AACR;AAEA,MAAMC,OAAO;IACXC,UAAU;IACVC,OAAO;IACPC,QAAQ;IACRC,aACE;IACFC,UAAU;IACVC,MAAM;AACR;AAEA,OAAO,MAAMC,SAAoB;IAC/BC,QAAQ,CAACC,qBACP,KAACC;sBACC,cAAA,KAACrB;gBAAM,GAAGoB,IAAI;gBAAEE,MAAMX;;;IAG1BS,MAAM;QACJ,GAAGd,WAAW;IAChB;AACF,EAAE;AAEF,OAAO,MAAMiB,WAAsB;IACjCJ,QAAQ,CAACC,qBACP,KAACC;sBACC,cAAA,KAACrB;gBAAM,GAAGoB,IAAI;gBAAEE,MAAMX;;;IAG1BS,MAAM;QACJ,GAAGd,WAAW;QACdC,MAAM;IACR;AACF,EAAE;AAEF,eAAeL,KAAK"}