@spaced-out/ui-design-system 0.4.12 → 0.4.13-beta.1

package/lib/components/FormTitleWrapper/FormTitleWrapper.stories.d.ts

@@ -0,0 +1,128 @@
+import * as React from 'react';
+import type { FormTitleWrapperProps } from './';
+declare const _default: {
+    tags: string[];
+    title: string;
+    component: import("flow-to-typescript-codemod").Flow.AbstractComponent<FormTitleWrapperProps, HTMLDivElement>;
+    argTypes: {
+        classNames: {
+            description: string;
+            control: {
+                type: string;
+            };
+            table: {
+                type: {
+                    summary: string;
+                };
+            };
+        };
+        title: {
+            description: string;
+            control: {
+                type: string;
+            };
+            table: {
+                type: {
+                    summary: string;
+                };
+            };
+        };
+        iconName: {
+            description: string;
+            control: {
+                type: string;
+            };
+            table: {
+                type: {
+                    summary: string;
+                };
+            };
+        };
+        iconType: {
+            description: string;
+            control: {
+                type: string;
+            };
+            table: {
+                type: {
+                    summary: string;
+                };
+                defaultValue: {
+                    summary: string;
+                };
+            };
+        };
+        iconSize: {
+            description: string;
+            control: {
+                type: string;
+            };
+            table: {
+                type: {
+                    summary: string;
+                };
+                defaultValue: {
+                    summary: string;
+                };
+            };
+        };
+        iconColor: {
+            description: string;
+            control: {
+                type: string;
+            };
+            table: {
+                type: {
+                    summary: string;
+                };
+                defaultValue: {
+                    summary: string;
+                };
+            };
+        };
+        rightSlot: {
+            description: string;
+            control: {
+                type: string;
+            };
+            table: {
+                type: {
+                    summary: string;
+                };
+            };
+        };
+    };
+    parameters: {
+        docs: {
+            subtitle: string;
+            description: {
+                component: string;
+            };
+        };
+        storySource: {
+            componentPath: string;
+        };
+    };
+};
+export default _default;
+export declare const _WithTitle: {
+    (args: FormTitleWrapperProps): React.JSX.Element;
+    args: {
+        classNames: {
+            wrapper: string;
+        };
+        iconName: string;
+        title: string;
+    };
+};
+export declare const _WithTitleAndRightSlot: {
+    (args: FormTitleWrapperProps): React.JSX.Element;
+    args: {
+        classNames: {
+            wrapper: string;
+        };
+        iconName: string;
+        title: string;
+    };
+};
+//# sourceMappingURL=FormTitleWrapper.stories.d.ts.map

package/lib/components/FormTitleWrapper/FormTitleWrapper.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"FormTitleWrapper.stories.d.ts","sourceRoot":"","sources":["../../../src/components/FormTitleWrapper/FormTitleWrapper.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAM/B,OAAO,KAAK,EAAC,qBAAqB,EAAC,MAAM,IAAI,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAM9C,wBAoHE;AAEF,eAAO,MAAM,UAAU;WAAU,qBAAqB;;;;;;;;CAS/C,CAAC;AAQR,eAAO,MAAM,sBAAsB;WAAU,qBAAqB;;;;;;;;CAmB3D,CAAC"}

package/lib/components/FormTitleWrapper/FormTitleWrapper.stories.js

@@ -0,0 +1,189 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = exports._WithTitleAndRightSlot = exports._WithTitle = void 0;
+var React = _interopRequireWildcard(require("react"));
+var _Icon = require("../Icon");
+var _Input = require("../Input");
+var _Link = require("../Link");
+var _FormTitleWrapper = require("./FormTitleWrapper");
+var _FormTitleWrapperStoriesModule = _interopRequireDefault(require("./FormTitleWrapper.stories.module.css"));
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
+function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
+var _default = exports.default = {
+  tags: ['autodocs'],
+  title: 'Form Components/Form Title Wrapper',
+  component: _FormTitleWrapper.FormTitleWrapper,
+  argTypes: {
+    classNames: {
+      description: 'Provide an optional className to be applied to the wrapper',
+      control: {
+        type: 'object'
+      },
+      table: {
+        type: {
+          summary: '{wrapper?: string, title?: string, rightSlot?: string}'
+        }
+      }
+    },
+    title: {
+      description: 'The title to be displayed',
+      control: {
+        type: 'object'
+      },
+      table: {
+        type: {
+          summary: 'React.ReactNode'
+        }
+      }
+    },
+    iconName: {
+      description: 'The name of the icon to be displayed',
+      control: {
+        type: 'text'
+      },
+      table: {
+        type: {
+          summary: 'string'
+        }
+      }
+    },
+    iconType: {
+      description: 'The type of icon to be displayed',
+      control: {
+        type: 'text'
+      },
+      table: {
+        type: {
+          summary: 'IconType'
+        },
+        defaultValue: {
+          summary: 'regular'
+        }
+      }
+    },
+    iconSize: {
+      description: 'The size of the icon to be displayed',
+      control: {
+        type: 'text'
+      },
+      table: {
+        type: {
+          summary: 'IconSize'
+        },
+        defaultValue: {
+          summary: 'small'
+        }
+      }
+    },
+    iconColor: {
+      description: 'The color of the icon to be displayed',
+      control: {
+        type: 'text'
+      },
+      table: {
+        type: {
+          summary: 'ColorTypes'
+        },
+        defaultValue: {
+          summary: 'primary'
+        }
+      }
+    },
+    rightSlot: {
+      description: 'The right slot to be displayed',
+      control: {
+        type: 'object'
+      },
+      table: {
+        type: {
+          summary: 'React.ReactNode'
+        }
+      }
+    }
+  },
+  parameters: {
+    docs: {
+      subtitle: 'Generates a FormTitleWrapper component.',
+      description: {
+        component: `
+\`\`\`js
+import { FormTitleWrapper } from "@spaced-out/ui-design-system/lib/components/FormTitleWrapper";
+\`\`\`
+A simple Form Group utility to be used in forms to group
+related fields together.
+This adds a title to the group of fields and an
+optional icon to the left of the title.
+The right slot can be used to add any additional
+actions or buttons to the right of the title.
+
+**Usage: **
+
+\`\`\`jsx
+<FormTitleWrapper
+  title="Basic Details"
+  iconName="signature"
+/>
+\`\`\`
+        `
+      }
+    },
+    storySource: {
+      componentPath: '/src/components/FormTitleWrapper/FormTitleWrapper.jsx'
+    }
+  }
+};
+const _WithTitle = args => /*#__PURE__*/React.createElement("div", {
+  className: _FormTitleWrapperStoriesModule.default.container
+}, /*#__PURE__*/React.createElement("div", {
+  className: _FormTitleWrapperStoriesModule.default.section
+}, /*#__PURE__*/React.createElement(_Input.Input, {
+  label: "Type"
+})), /*#__PURE__*/React.createElement("div", {
+  className: _FormTitleWrapperStoriesModule.default.section
+}, /*#__PURE__*/React.createElement(_FormTitleWrapper.FormTitleWrapper, args), /*#__PURE__*/React.createElement(_Input.Input, {
+  label: "Full Name"
+}), /*#__PURE__*/React.createElement(_Input.Input, {
+  label: "Email",
+  type: "email"
+})));
+exports._WithTitle = _WithTitle;
+_WithTitle.args = {
+  classNames: {
+    wrapper: ''
+  },
+  iconName: 'signature',
+  title: 'Basic Details'
+};
+const _WithTitleAndRightSlot = args => /*#__PURE__*/React.createElement("div", {
+  className: _FormTitleWrapperStoriesModule.default.container
+}, /*#__PURE__*/React.createElement("div", {
+  className: _FormTitleWrapperStoriesModule.default.section
+}, /*#__PURE__*/React.createElement(_Input.Input, {
+  label: "Type"
+})), /*#__PURE__*/React.createElement("div", {
+  className: _FormTitleWrapperStoriesModule.default.section
+}, /*#__PURE__*/React.createElement(_FormTitleWrapper.FormTitleWrapper, _extends({}, args, {
+  rightSlot: /*#__PURE__*/React.createElement("div", {
+    className: _FormTitleWrapperStoriesModule.default.rightSlot
+  }, /*#__PURE__*/React.createElement(_Icon.CloseIcon, null), /*#__PURE__*/React.createElement(_Link.Link, {
+    as: "buttonTextMedium",
+    color: "primary"
+  }, "Action"))
+})), /*#__PURE__*/React.createElement(_Input.Input, {
+  label: "Full Name"
+}), /*#__PURE__*/React.createElement(_Input.Input, {
+  label: "Email",
+  type: "email"
+})));
+exports._WithTitleAndRightSlot = _WithTitleAndRightSlot;
+_WithTitleAndRightSlot.args = {
+  classNames: {
+    wrapper: ''
+  },
+  iconName: 'signature',
+  title: 'Section Title'
+};

package/lib/components/FormTitleWrapper/index.d.ts

@@ -0,0 +1,2 @@
+export * from './FormTitleWrapper';
+//# sourceMappingURL=index.d.ts.map

package/lib/components/FormTitleWrapper/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/FormTitleWrapper/index.ts"],"names":[],"mappings":"AAAA,cAAc,oBAAoB,CAAC"}

package/lib/components/Grid/Col.stories.d.ts

@@ -0,0 +1,66 @@
+import * as React from 'react';
+import type { ColProps } from './Grid';
+declare const _default: {
+    tags: string[];
+    title: string;
+    component: ((({ className, children, span, gridType, repeatTracks, }: import("./Grid").RowProps) => React.JSX.Element) | (({ className, children, gridColumnStart, gridColumnEnd, }: ColProps) => React.JSX.Element))[];
+    argTypes: {
+        className: {
+            description: string;
+            control: {
+                type: string;
+            };
+            table: {
+                type: {
+                    summary: string;
+                };
+            };
+        };
+        span: {
+            description: string;
+            control: {
+                type: string;
+                min: number;
+                max: number;
+            };
+            table: {
+                type: {
+                    summary: string;
+                };
+            };
+        };
+        offset: {
+            description: string;
+            control: {
+                type: string;
+                min: number;
+                max: number;
+            };
+            table: {
+                type: {
+                    summary: string;
+                };
+            };
+        };
+    };
+    parameters: {
+        docs: {
+            subtitle: string;
+            description: {
+                component: string;
+            };
+        };
+        storySource: {
+            componentPath: string;
+        };
+    };
+};
+export default _default;
+export declare const _Col: {
+    (args: ColProps): React.JSX.Element;
+    args: {
+        span: number;
+        offset: number;
+    };
+};
+//# sourceMappingURL=Col.stories.d.ts.map

package/lib/components/Grid/Col.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Col.stories.d.ts","sourceRoot":"","sources":["../../../src/components/Grid/Col.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,OAAO,KAAK,EAAC,QAAQ,EAAC,MAAM,QAAQ,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAMrC,wBAwDE;AAEF,eAAO,MAAM,IAAI;WAAU,QAAQ;;;;;CAwC5B,CAAC"}

package/lib/components/Grid/Col.stories.js

@@ -0,0 +1,141 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = exports._Col = void 0;
+var React = _interopRequireWildcard(require("react"));
+var _Text = require("../Text");
+var _Grid = require("./Grid");
+var _GridStoriesModule = _interopRequireDefault(require("./Grid.stories.module.css"));
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
+function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
+var _default = exports.default = {
+  tags: ['autodocs'],
+  title: 'Layout/Grid/Col',
+  component: [_Grid.Row, _Grid.Col],
+  argTypes: {
+    className: {
+      description: 'External className to be applied on Col',
+      control: {
+        type: 'text'
+      },
+      table: {
+        type: {
+          summary: 'string'
+        }
+      }
+    },
+    span: {
+      description: 'Raster number of cells to occupy',
+      control: {
+        type: 'number',
+        min: 1,
+        max: 12
+      },
+      table: {
+        type: {
+          summary: 'number'
+        }
+      }
+    },
+    offset: {
+      description: 'The number of cells to offset Col from the left',
+      control: {
+        type: 'number',
+        min: 0,
+        max: 11
+      },
+      table: {
+        type: {
+          summary: 'number'
+        }
+      }
+    }
+  },
+  parameters: {
+    docs: {
+      subtitle: 'Generates a Grid component',
+      description: {
+        component: `
+\`\`\`js
+import { Col } from "@spaced-out/ui-design-system/lib/components/Grid";
+\`\`\`
+In the grid system, we define the frame outside the information area based on row and column, to ensure that every area can have stable arrangement.
+Establish a set of column in the horizontal space defined by row (abbreviated col).
+Row component will be the outer space definer and Col will be child to Row.
+The child Cols can take space of one or more span or can have offset(empty space) of one of more span.
+        `
+      }
+    },
+    storySource: {
+      componentPath: '/src/components/Grid/Grid.jsx'
+    }
+  }
+};
+const _Col = args => /*#__PURE__*/React.createElement(_Grid.Row, {
+  className: _GridStoriesModule.default.rowContainer
+}, /*#__PURE__*/React.createElement(_Grid.Col, _extends({
+  className: _GridStoriesModule.default.sampleCol,
+  span: 2
+}, args), /*#__PURE__*/React.createElement(_Text.BodySmall, {
+  color: "inversePrimary"
+}, "I am the one who knocks")), /*#__PURE__*/React.createElement(_Grid.Col, {
+  className: _GridStoriesModule.default.sampleBox,
+  span: 3
+}, /*#__PURE__*/React.createElement(_Text.BodySmall, {
+  color: "inversePrimary"
+}, "Hello 2")), /*#__PURE__*/React.createElement(_Grid.Col, {
+  className: _GridStoriesModule.default.sampleBox,
+  offset: 1
+}, /*#__PURE__*/React.createElement(_Text.BodySmall, {
+  color: "inversePrimary"
+}, "Hello 3")), /*#__PURE__*/React.createElement(_Grid.Col, {
+  className: _GridStoriesModule.default.sampleBox
+}, /*#__PURE__*/React.createElement(_Text.BodySmall, {
+  color: "inversePrimary"
+}, "Hello 4")), /*#__PURE__*/React.createElement(_Grid.Col, {
+  className: _GridStoriesModule.default.sampleBox
+}, /*#__PURE__*/React.createElement(_Text.BodySmall, {
+  color: "inversePrimary"
+}, "Hello 5")), /*#__PURE__*/React.createElement(_Grid.Col, {
+  className: _GridStoriesModule.default.sampleBox
+}, /*#__PURE__*/React.createElement(_Text.BodySmall, {
+  color: "inversePrimary"
+}, "Hello 6")), /*#__PURE__*/React.createElement(_Grid.Col, {
+  className: _GridStoriesModule.default.sampleBox
+}, /*#__PURE__*/React.createElement(_Text.BodySmall, {
+  color: "inversePrimary"
+}, "Hello 7")), /*#__PURE__*/React.createElement(_Grid.Col, {
+  className: _GridStoriesModule.default.sampleBox,
+  span: 2
+}, /*#__PURE__*/React.createElement(_Text.BodySmall, {
+  color: "inversePrimary"
+}, "Hello 8")), /*#__PURE__*/React.createElement(_Grid.Col, {
+  className: _GridStoriesModule.default.sampleBox
+}, /*#__PURE__*/React.createElement(_Text.BodySmall, {
+  color: "inversePrimary"
+}, "Hello 9")), /*#__PURE__*/React.createElement(_Grid.Col, {
+  className: _GridStoriesModule.default.sampleBox
+}, /*#__PURE__*/React.createElement(_Text.BodySmall, {
+  color: "inversePrimary"
+}, "Hello 10")), /*#__PURE__*/React.createElement(_Grid.Col, {
+  className: _GridStoriesModule.default.sampleBox
+}, /*#__PURE__*/React.createElement(_Text.BodySmall, {
+  color: "inversePrimary"
+}, "Hello 11")), /*#__PURE__*/React.createElement(_Grid.Col, {
+  className: _GridStoriesModule.default.sampleBox
+}, /*#__PURE__*/React.createElement(_Text.BodySmall, {
+  color: "inversePrimary"
+}, "Hello 12")), /*#__PURE__*/React.createElement(_Grid.Col, {
+  className: _GridStoriesModule.default.sampleBox,
+  span: 3
+}, /*#__PURE__*/React.createElement(_Text.BodySmall, {
+  color: "inversePrimary"
+}, "Hello 13")));
+exports._Col = _Col;
+_Col.args = {
+  span: 1,
+  offset: 1
+};

package/lib/components/Grid/Grid.d.ts

@@ -0,0 +1,20 @@
+import * as React from 'react';
+export type RowProps = {
+    className?: string;
+    children?: React.ReactNode;
+    span?: number;
+    offset?: number;
+    gridType?: 'small' | 'medium' | 'large' | 'autoFill' | 'autoFit';
+    repeatTracks?: string;
+};
+export declare const Row: ({ className, children, span, gridType, repeatTracks, }: RowProps) => React.JSX.Element;
+export type ColProps = {
+    className?: string;
+    children?: React.ReactNode;
+    span?: number;
+    offset?: number;
+    gridColumnStart?: number;
+    gridColumnEnd?: number;
+};
+export declare const Col: ({ className, children, gridColumnStart, gridColumnEnd, }: ColProps) => React.JSX.Element;
+//# sourceMappingURL=Grid.d.ts.map

package/lib/components/Grid/Grid.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Grid.d.ts","sourceRoot":"","sources":["../../../src/components/Grid/Grid.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAO/B,MAAM,MAAM,QAAQ,GAAG;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,QAAQ,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,OAAO,GAAG,UAAU,GAAG,SAAS,CAAC;IACjE,YAAY,CAAC,EAAE,MAAM,CAAC;CACvB,CAAC;AAUF,eAAO,MAAM,GAAG,GACd,wDAOG,QAAQ,sBA0DZ,CAAC;AAEF,MAAM,MAAM,QAAQ,GAAG;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB,CAAC;AAEF,eAAO,MAAM,GAAG,GACd,0DAKG,QAAQ,sBAWN,CAAC"}

package/lib/components/Grid/Grid.js

@@ -20,6 +20,7 @@ const Row = _ref => {
   let {
     className,
     children,
+    // @ts-ignore - TS6133 - 'span' is declared but its value is never read.
     span = 1,
     gridType = 'medium',
     repeatTracks = '1fr'
@@ -29,6 +30,7 @@ const Row = _ref => {
   let lastChildColCount = 0;
   const childrenWithProps = React.Children.map(children, child => {
     if (/*#__PURE__*/React.isValidElement(child)) {
+      // @ts-ignore - TS2339 - Property 'span' does not exist on type 'unknown'. | TS2339 - Property 'offset' does not exist on type 'unknown'.
       const {
         span = 1,
         offset = 0
@@ -44,16 +46,20 @@ const Row = _ref => {
       lastChildColCount = columnSpanCount;
       columnSpanCount = lastChildColCount + offset + span;
       let gridColumnStart = 0,
+        // @ts-ignore - TS6133 - 'gridColumnEnd' is declared but its value is never read.
         gridColumnEnd = 0;
       if (gridType === 'autoFill' || gridType === 'autoFit') {
+        // @ts-ignore - TS2322 - Type 'string' is not assignable to type 'number'.
         gridColumnStart = 'auto';
         return /*#__PURE__*/React.cloneElement(child, {
+          // @ts-ignore - TS2769 - No overload matches this call.
           gridColumnStart,
           gridColumnEnd: `span ${span}`
         });
       } else if (typeof gridRepeatCount === 'number' && columnSpanCount <= gridRepeatCount) {
         gridColumnStart = lastChildColCount + offset + 1;
         return /*#__PURE__*/React.cloneElement(child, {
+          // @ts-ignore - TS2769 - No overload matches this call.
           gridColumnStart,
           gridColumnEnd: `span ${span}`
         });
@@ -82,7 +88,9 @@ const Col = _ref2 => {
   return /*#__PURE__*/React.createElement("div", {
     className: (0, _classify.classify)(_GridModule.default.gridColumn, className),
     style: {
+      // @ts-ignore - TS2322 - Type 'number | undefined' is not assignable to type 'string | number'.
       '--grid-column-start': gridColumnStart,
+      // @ts-ignore - TS2322 - Type 'number | undefined' is not assignable to type 'string | number'.
       '--grid-column-end': gridColumnEnd
     }
   }, children);

package/lib/components/Grid/GridPatterns.stories.d.ts

@@ -0,0 +1,18 @@
+import * as React from 'react';
+declare const _default: {
+    tags: string[];
+    title: string;
+    component: ((({ className, children, span, gridType, repeatTracks, }: import("./Grid").RowProps) => React.JSX.Element) | (({ className, children, gridColumnStart, gridColumnEnd, }: import("./Grid").ColProps) => React.JSX.Element))[];
+    parameters: {
+        docs: {
+            subtitle: string;
+            description: {
+                component: string;
+            };
+        };
+    };
+};
+export default _default;
+export declare const _CardGrid: () => React.JSX.Element;
+export declare const _CardGridWithMenu: () => React.JSX.Element;
+//# sourceMappingURL=GridPatterns.stories.d.ts.map

package/lib/components/Grid/GridPatterns.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"GridPatterns.stories.d.ts","sourceRoot":"","sources":["../../../src/components/Grid/GridPatterns.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;;;;;;;;;;;;;;AAa/B,wBA2LE;AAuFF,eAAO,MAAM,SAAS,yBAAiE,CAAC;AAExF,eAAO,MAAM,iBAAiB,yBAgF7B,CAAC"}