react-minolith 0.0.12 → 0.0.13

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -1 +1 @@
1
- {"version":3,"file":"Columns.d.ts","sourceRoot":"","sources":["../../../src/layouts/Columns/Columns.tsx"],"names":[],"mappings":"AAAA,OAAO,YAAY,MAAM,gBAAgB,CAAC;AAI1C,MAAM,CAAC,OAAO,UAAU,OAAO,CAAC,KAAK,EAAE,YAAY,GAAG,GAAG,CAAC,OAAO,CAiOhE"}
1
+ {"version":3,"file":"Columns.d.ts","sourceRoot":"","sources":["../../../src/layouts/Columns/Columns.tsx"],"names":[],"mappings":"AAAA,OAAO,YAAY,MAAM,gBAAgB,CAAC;AAI1C,MAAM,CAAC,OAAO,UAAU,OAAO,CAAC,KAAK,EAAE,YAAY,GAAG,GAAG,CAAC,OAAO,CA+OhE"}
@@ -260,49 +260,49 @@ import '../../assets/Columns.css';const l = "_columns_m1a7r_1", a = "_column_m1a
260
260
  "is-large-or-more-12": "_is-large-or-more-12_m1a7r_1160",
261
261
  "is-xlarge-12": "_is-xlarge-12_m1a7r_1172"
262
262
  };
263
- function u(r) {
264
- const e = { ...r };
265
- delete e.isDirectionRow, delete e.isDirectionRowReverse, delete e.isDirectionColumn, delete e.isDirectionColumnReverse, delete e.isXSmallDirectionRow, delete e.isXSmallOrMoreDirectionRow, delete e.isSmallOrLessDirectionRow, delete e.isSmallDirectionRow, delete e.isSmallOrMoreDirectionRow, delete e.isMediumOrLessDirectionRow, delete e.isMediumDirectionRow, delete e.isMediumOrMoreDirectionRow, delete e.isLargeOrLessDirectionRow, delete e.isLargeDirectionRow, delete e.isLargeOrMoreDirectionRow, delete e.isXLargeOrLessDirectionRow, delete e.isXLargeDirectionRow, delete e.isXSmallDirectionRowReverse, delete e.isXSmallOrMoreDirectionRowReverse, delete e.isSmallOrLessDirectionRowReverse, delete e.isSmallDirectionRowReverse, delete e.isSmallOrMoreDirectionRowReverse, delete e.isMediumOrLessDirectionRowReverse, delete e.isMediumDirectionRowReverse, delete e.isMediumOrMoreDirectionRowReverse, delete e.isLargeOrLessDirectionRowReverse, delete e.isLargeDirectionRowReverse, delete e.isLargeOrMoreDirectionRowReverse, delete e.isXLargeOrLessDirectionRowReverse, delete e.isXLargeDirectionRowReverse, delete e.isXSmallDirectionColumn, delete e.isXSmallOrMoreDirectionColumn, delete e.isSmallOrLessDirectionColumn, delete e.isSmallDirectionColumn, delete e.isSmallOrMoreDirectionColumn, delete e.isMediumOrLessDirectionColumn, delete e.isMediumDirectionColumn, delete e.isMediumOrMoreDirectionColumn, delete e.isLargeOrLessDirectionColumn, delete e.isLargeDirectionColumn, delete e.isLargeOrMoreDirectionColumn, delete e.isXLargeOrLessDirectionColumn, delete e.isXLargeDirectionColumn, delete e.isXSmallDirectionColumnReverse, delete e.isXSmallOrMoreDirectionColumnReverse, delete e.isSmallOrLessDirectionColumnReverse, delete e.isSmallDirectionColumnReverse, delete e.isSmallOrMoreDirectionColumnReverse, delete e.isMediumOrLessDirectionColumnReverse, delete e.isMediumDirectionColumnReverse, delete e.isMediumOrMoreDirectionColumnReverse, delete e.isLargeOrLessDirectionColumnReverse, delete e.isLargeDirectionColumnReverse, delete e.isLargeOrMoreDirectionColumnReverse, delete e.isXLargeOrLessDirectionColumnReverse, delete e.isXLargeDirectionColumnReverse, delete e.fore, delete e.back, delete e.highlighter, delete e.border, delete e.positioning, delete e.sizing, delete e.spacing;
263
+ function u(e) {
264
+ const r = { ...e };
265
+ delete r.isDirectionRow, delete r.isDirectionRowReverse, delete r.isDirectionColumn, delete r.isDirectionColumnReverse, delete r.isXSmallDirectionRow, delete r.isXSmallOrMoreDirectionRow, delete r.isSmallOrLessDirectionRow, delete r.isSmallDirectionRow, delete r.isSmallOrMoreDirectionRow, delete r.isMediumOrLessDirectionRow, delete r.isMediumDirectionRow, delete r.isMediumOrMoreDirectionRow, delete r.isLargeOrLessDirectionRow, delete r.isLargeDirectionRow, delete r.isLargeOrMoreDirectionRow, delete r.isXLargeOrLessDirectionRow, delete r.isXLargeDirectionRow, delete r.isXSmallDirectionRowReverse, delete r.isXSmallOrMoreDirectionRowReverse, delete r.isSmallOrLessDirectionRowReverse, delete r.isSmallDirectionRowReverse, delete r.isSmallOrMoreDirectionRowReverse, delete r.isMediumOrLessDirectionRowReverse, delete r.isMediumDirectionRowReverse, delete r.isMediumOrMoreDirectionRowReverse, delete r.isLargeOrLessDirectionRowReverse, delete r.isLargeDirectionRowReverse, delete r.isLargeOrMoreDirectionRowReverse, delete r.isXLargeOrLessDirectionRowReverse, delete r.isXLargeDirectionRowReverse, delete r.isXSmallDirectionColumn, delete r.isXSmallOrMoreDirectionColumn, delete r.isSmallOrLessDirectionColumn, delete r.isSmallDirectionColumn, delete r.isSmallOrMoreDirectionColumn, delete r.isMediumOrLessDirectionColumn, delete r.isMediumDirectionColumn, delete r.isMediumOrMoreDirectionColumn, delete r.isLargeOrLessDirectionColumn, delete r.isLargeDirectionColumn, delete r.isLargeOrMoreDirectionColumn, delete r.isXLargeOrLessDirectionColumn, delete r.isXLargeDirectionColumn, delete r.isXSmallDirectionColumnReverse, delete r.isXSmallOrMoreDirectionColumnReverse, delete r.isSmallOrLessDirectionColumnReverse, delete r.isSmallDirectionColumnReverse, delete r.isSmallOrMoreDirectionColumnReverse, delete r.isMediumOrLessDirectionColumnReverse, delete r.isMediumDirectionColumnReverse, delete r.isMediumOrMoreDirectionColumnReverse, delete r.isLargeOrLessDirectionColumnReverse, delete r.isLargeDirectionColumnReverse, delete r.isLargeOrMoreDirectionColumnReverse, delete r.isXLargeOrLessDirectionColumnReverse, delete r.isXLargeDirectionColumnReverse, delete r.gutter, delete r.fore, delete r.back, delete r.highlighter, delete r.border, delete r.positioning, delete r.sizing, delete r.spacing;
266
266
  const s = [i.columns];
267
- return r.isDirectionRow && s.push(i["is-direction-row"]), r.isDirectionRowReverse && s.push(i["is-direction-row-reverse"]), r.isDirectionColumn && s.push(i["is-direction-column"]), r.isDirectionColumnReverse && s.push(i["is-direction-column-reverse"]), r.isXSmallDirectionRow && s.push(i["is-XSmall-direction-row"]), r.isXSmallOrMoreDirectionRow && s.push(i["is-XSmall-or-more-direction-row"]), r.isSmallOrLessDirectionRow && s.push(i["is-Small-or-less-direction-row"]), r.isSmallDirectionRow && s.push(i["is-Small-direction-row"]), r.isSmallOrMoreDirectionRow && s.push(i["is-Small-or-more-direction-row"]), r.isMediumOrLessDirectionRow && s.push(i["is-Medium-or-less-direction-row"]), r.isMediumDirectionRow && s.push(i["is-Medium-direction-row"]), r.isMediumOrMoreDirectionRow && s.push(i["is-Medium-or-more-direction-row"]), r.isLargeOrLessDirectionRow && s.push(i["is-Large-or-less-direction-row"]), r.isLargeDirectionRow && s.push(i["is-Large-direction-row"]), r.isLargeOrMoreDirectionRow && s.push(i["is-Large-or-more-direction-row"]), r.isXLargeOrLessDirectionRow && s.push(i["is-XLarge-or-less-direction-row"]), r.isXLargeDirectionRow && s.push(i["is-XLarge-direction-row"]), r.isXSmallDirectionRowReverse && s.push(i["is-XSmall-direction-row-reverse"]), r.isXSmallOrMoreDirectionRowReverse && s.push(
268
- i["is-XSmall-or-more-direction-row-reverse"]
269
- ), r.isSmallOrLessDirectionRowReverse && s.push(
270
- i["is-Small-or-less-direction-row-reverse"]
271
- ), r.isSmallDirectionRowReverse && s.push(i["is-Small-direction-row-reverse"]), r.isSmallOrMoreDirectionRowReverse && s.push(
272
- i["is-Small-or-more-direction-row-reverse"]
273
- ), r.isMediumOrLessDirectionRowReverse && s.push(
274
- i["is-Medium-or-less-direction-row-reverse"]
275
- ), r.isMediumDirectionRowReverse && s.push(i["is-Medium-direction-row-reverse"]), r.isMediumOrMoreDirectionRowReverse && s.push(
276
- i["is-Medium-or-more-direction-row-reverse"]
277
- ), r.isLargeOrLessDirectionRowReverse && s.push(
278
- i["is-Large-or-less-direction-row-reverse"]
279
- ), r.isLargeDirectionRowReverse && s.push(i["is-Large-direction-row-reverse"]), r.isLargeOrMoreDirectionRowReverse && s.push(
280
- i["is-Large-or-more-direction-row-reverse"]
281
- ), r.isXLargeOrLessDirectionRowReverse && s.push(
267
+ return e.isDirectionRow && s.push(i["is-direction-row"]), e.isDirectionRowReverse && s.push(i["is-direction-row-reverse"]), e.isDirectionColumn && s.push(i["is-direction-column"]), e.isDirectionColumnReverse && s.push(i["is-direction-column-reverse"]), e.isXSmallDirectionRow && s.push(i["is-xsmall-direction-row"]), e.isXSmallOrMoreDirectionRow && s.push(i["is-xsmall-or-more-direction-row"]), e.isSmallOrLessDirectionRow && s.push(i["is-small-or-less-direction-row"]), e.isSmallDirectionRow && s.push(i["is-small-direction-row"]), e.isSmallOrMoreDirectionRow && s.push(i["is-small-or-more-direction-row"]), e.isMediumOrLessDirectionRow && s.push(i["is-medium-or-less-direction-row"]), e.isMediumDirectionRow && s.push(i["is-medium-direction-row"]), e.isMediumOrMoreDirectionRow && s.push(i["is-medium-or-more-direction-row"]), e.isLargeOrLessDirectionRow && s.push(i["is-large-or-less-direction-row"]), e.isLargeDirectionRow && s.push(i["is-large-direction-row"]), e.isLargeOrMoreDirectionRow && s.push(i["is-large-or-more-direction-row"]), e.isXLargeOrLessDirectionRow && s.push(i["is-XLarge-or-less-direction-row"]), e.isXLargeDirectionRow && s.push(i["is-XLarge-direction-row"]), e.isXSmallDirectionRowReverse && s.push(i["is-xsmall-direction-row-reverse"]), e.isXSmallOrMoreDirectionRowReverse && s.push(
268
+ i["is-xsmall-or-more-direction-row-reverse"]
269
+ ), e.isSmallOrLessDirectionRowReverse && s.push(
270
+ i["is-small-or-less-direction-row-reverse"]
271
+ ), e.isSmallDirectionRowReverse && s.push(i["is-small-direction-row-reverse"]), e.isSmallOrMoreDirectionRowReverse && s.push(
272
+ i["is-small-or-more-direction-row-reverse"]
273
+ ), e.isMediumOrLessDirectionRowReverse && s.push(
274
+ i["is-medium-or-less-direction-row-reverse"]
275
+ ), e.isMediumDirectionRowReverse && s.push(i["is-medium-direction-row-reverse"]), e.isMediumOrMoreDirectionRowReverse && s.push(
276
+ i["is-medium-or-more-direction-row-reverse"]
277
+ ), e.isLargeOrLessDirectionRowReverse && s.push(
278
+ i["is-large-or-less-direction-row-reverse"]
279
+ ), e.isLargeDirectionRowReverse && s.push(i["is-large-direction-row-reverse"]), e.isLargeOrMoreDirectionRowReverse && s.push(
280
+ i["is-large-or-more-direction-row-reverse"]
281
+ ), e.isXLargeOrLessDirectionRowReverse && s.push(
282
282
  i["is-XLarge-or-less-direction-row-reverse"]
283
- ), r.isXLargeDirectionRowReverse && s.push(i["is-XLarge-direction-row-reverse"]), r.isXSmallDirectionColumn && s.push(i["is-XSmall-direction-column"]), r.isXSmallOrMoreDirectionColumn && s.push(i["is-XSmall-or-more-direction-column"]), r.isSmallOrLessDirectionColumn && s.push(i["is-Small-or-less-direction-column"]), r.isSmallDirectionColumn && s.push(i["is-Small-direction-column"]), r.isSmallOrMoreDirectionColumn && s.push(i["is-Small-or-more-direction-column"]), r.isMediumOrLessDirectionColumn && s.push(i["is-Medium-or-less-direction-column"]), r.isMediumDirectionColumn && s.push(i["is-Medium-direction-column"]), r.isMediumOrMoreDirectionColumn && s.push(i["is-Medium-or-more-direction-column"]), r.isLargeOrLessDirectionColumn && s.push(
284
- i["is-Large-or-less-direction-column"]
285
- ), r.isLargeDirectionColumn && s.push(i["is-Large-direction-column"]), r.isLargeOrMoreDirectionColumn && s.push(
286
- i["is-Large-or-more-direction-column"]
287
- ), r.isXLargeOrLessDirectionColumn && s.push(i["is-XLarge-or-less-direction-column"]), r.isXLargeDirectionColumn && s.push(i["is-XLarge-direction-column"]), r.isXSmallDirectionColumnReverse && s.push(i["is-XSmall-direction-column-reverse"]), r.isXSmallOrMoreDirectionColumnReverse && s.push(
288
- i["is-XSmall-or-more-direction-column-reverse"]
289
- ), r.isSmallOrLessDirectionColumnReverse && s.push(
290
- i["is-Small-or-less-direction-column-reverse"]
291
- ), r.isSmallDirectionColumnReverse && s.push(i["is-Small-direction-column-reverse"]), r.isSmallOrMoreDirectionColumnReverse && s.push(
292
- i["is-Small-or-more-direction-column-reverse"]
293
- ), r.isMediumOrLessDirectionColumnReverse && s.push(
294
- i["is-Medium-or-less-direction-column-reverse"]
295
- ), r.isMediumDirectionColumnReverse && s.push(i["is-Medium-direction-column-reverse"]), r.isMediumOrMoreDirectionColumnReverse && s.push(
296
- i["is-Medium-or-more-direction-column-reverse"]
297
- ), r.isLargeOrLessDirectionColumnReverse && s.push(
298
- i["is-Large-or-less-direction-column-reverse"]
299
- ), r.isLargeDirectionColumnReverse && s.push(
300
- i["is-Large-direction-column-reverse"]
301
- ), r.isLargeOrMoreDirectionColumnReverse && s.push(
302
- i["is-Large-or-more-direction-column-reverse"]
303
- ), r.isXLargeOrLessDirectionColumnReverse && s.push(
304
- i["is-XLarge-or-less-direction-column-reverse"]
305
- ), r.isXLargeDirectionColumnReverse && s.push(i["is-XLarge-direction-column-reverse"]), s.push(...o.getUtilityClassNames(r)), r.className && s.push(r.className), /* @__PURE__ */ m("div", { ...e, className: s.join(" ") });
283
+ ), e.isXLargeDirectionRowReverse && s.push(i["is-XLarge-direction-row-reverse"]), e.isXSmallDirectionColumn && s.push(i["is-xsmall-direction-column"]), e.isXSmallOrMoreDirectionColumn && s.push(i["is-xsmall-or-more-direction-column"]), e.isSmallOrLessDirectionColumn && s.push(i["is-small-or-less-direction-column"]), e.isSmallDirectionColumn && s.push(i["is-small-direction-column"]), e.isSmallOrMoreDirectionColumn && s.push(i["is-small-or-more-direction-column"]), e.isMediumOrLessDirectionColumn && s.push(i["is-medium-or-less-direction-column"]), e.isMediumDirectionColumn && s.push(i["is-medium-direction-column"]), e.isMediumOrMoreDirectionColumn && s.push(i["is-medium-or-more-direction-column"]), e.isLargeOrLessDirectionColumn && s.push(
284
+ i["is-large-or-less-direction-column"]
285
+ ), e.isLargeDirectionColumn && s.push(i["is-large-direction-column"]), e.isLargeOrMoreDirectionColumn && s.push(
286
+ i["is-large-or-more-direction-column"]
287
+ ), e.isXLargeOrLessDirectionColumn && s.push(i["is-XLarge-or-less-direction-column"]), e.isXLargeDirectionColumn && s.push(i["is-XLarge-direction-column"]), e.isXSmallDirectionColumnReverse && s.push(i["is-xsmall-direction-column-reverse"]), e.isXSmallOrMoreDirectionColumnReverse && s.push(
288
+ i["is-xsmall-or-more-direction-column-reverse"]
289
+ ), e.isSmallOrLessDirectionColumnReverse && s.push(
290
+ i["is-small-or-less-direction-column-reverse"]
291
+ ), e.isSmallDirectionColumnReverse && s.push(i["is-small-direction-column-reverse"]), e.isSmallOrMoreDirectionColumnReverse && s.push(
292
+ i["is-small-or-more-direction-column-reverse"]
293
+ ), e.isMediumOrLessDirectionColumnReverse && s.push(
294
+ i["is-medium-or-less-direction-column-reverse"]
295
+ ), e.isMediumDirectionColumnReverse && s.push(i["is-medium-direction-column-reverse"]), e.isMediumOrMoreDirectionColumnReverse && s.push(
296
+ i["is-medium-or-more-direction-column-reverse"]
297
+ ), e.isLargeOrLessDirectionColumnReverse && s.push(
298
+ i["is-large-or-less-direction-column-reverse"]
299
+ ), e.isLargeDirectionColumnReverse && s.push(
300
+ i["is-large-direction-column-reverse"]
301
+ ), e.isLargeOrMoreDirectionColumnReverse && s.push(
302
+ i["is-large-or-more-direction-column-reverse"]
303
+ ), e.isXLargeOrLessDirectionColumnReverse && s.push(
304
+ i["is-xlarge-or-less-direction-column-reverse"]
305
+ ), e.isXLargeDirectionColumnReverse && s.push(i["is-xlarge-direction-column-reverse"]), e.gutter && (typeof e.gutter == "string" ? s.push(i[`has-gutter-${e.gutter}`]) : (e.gutter.x && s.push(i[`has-gutter-x-${e.gutter.x}`]), e.gutter.y && s.push(i[`has-gutter-y-${e.gutter.y}`]))), s.push(...o.getUtilityClassNames(e)), e.className && s.push(e.className), /* @__PURE__ */ m("div", { ...r, className: s.join(" ") });
306
306
  }
307
307
  export {
308
308
  u as default
@@ -1 +1 @@
1
- {"version":3,"file":"Columns.js","sources":["../../../src/layouts/Columns/Columns.tsx"],"sourcesContent":["import ColumnsProps from \"./ColumnsProps\";\r\nimport classNames from \"./Columns.module.scss\";\r\nimport { classNameUtility } from \"../../utilities\";\r\n\r\nexport default function Columns(props: ColumnsProps): JSX.Element {\r\n const assignedProps = { ...props };\r\n delete assignedProps[\"isDirectionRow\"];\r\n delete assignedProps[\"isDirectionRowReverse\"];\r\n delete assignedProps[\"isDirectionColumn\"];\r\n delete assignedProps[\"isDirectionColumnReverse\"];\r\n delete assignedProps[\"isXSmallDirectionRow\"];\r\n delete assignedProps[\"isXSmallOrMoreDirectionRow\"];\r\n delete assignedProps[\"isSmallOrLessDirectionRow\"];\r\n delete assignedProps[\"isSmallDirectionRow\"];\r\n delete assignedProps[\"isSmallOrMoreDirectionRow\"];\r\n delete assignedProps[\"isMediumOrLessDirectionRow\"];\r\n delete assignedProps[\"isMediumDirectionRow\"];\r\n delete assignedProps[\"isMediumOrMoreDirectionRow\"];\r\n delete assignedProps[\"isLargeOrLessDirectionRow\"];\r\n delete assignedProps[\"isLargeDirectionRow\"];\r\n delete assignedProps[\"isLargeOrMoreDirectionRow\"];\r\n delete assignedProps[\"isXLargeOrLessDirectionRow\"];\r\n delete assignedProps[\"isXLargeDirectionRow\"];\r\n delete assignedProps[\"isXSmallDirectionRowReverse\"];\r\n delete assignedProps[\"isXSmallOrMoreDirectionRowReverse\"];\r\n delete assignedProps[\"isSmallOrLessDirectionRowReverse\"];\r\n delete assignedProps[\"isSmallDirectionRowReverse\"];\r\n delete assignedProps[\"isSmallOrMoreDirectionRowReverse\"];\r\n delete assignedProps[\"isMediumOrLessDirectionRowReverse\"];\r\n delete assignedProps[\"isMediumDirectionRowReverse\"];\r\n delete assignedProps[\"isMediumOrMoreDirectionRowReverse\"];\r\n delete assignedProps[\"isLargeOrLessDirectionRowReverse\"];\r\n delete assignedProps[\"isLargeDirectionRowReverse\"];\r\n delete assignedProps[\"isLargeOrMoreDirectionRowReverse\"];\r\n delete assignedProps[\"isXLargeOrLessDirectionRowReverse\"];\r\n delete assignedProps[\"isXLargeDirectionRowReverse\"];\r\n delete assignedProps[\"isXSmallDirectionColumn\"];\r\n delete assignedProps[\"isXSmallOrMoreDirectionColumn\"];\r\n delete assignedProps[\"isSmallOrLessDirectionColumn\"];\r\n delete assignedProps[\"isSmallDirectionColumn\"];\r\n delete assignedProps[\"isSmallOrMoreDirectionColumn\"];\r\n delete assignedProps[\"isMediumOrLessDirectionColumn\"];\r\n delete assignedProps[\"isMediumDirectionColumn\"];\r\n delete assignedProps[\"isMediumOrMoreDirectionColumn\"];\r\n delete assignedProps[\"isLargeOrLessDirectionColumn\"];\r\n delete assignedProps[\"isLargeDirectionColumn\"];\r\n delete assignedProps[\"isLargeOrMoreDirectionColumn\"];\r\n delete assignedProps[\"isXLargeOrLessDirectionColumn\"];\r\n delete assignedProps[\"isXLargeDirectionColumn\"];\r\n delete assignedProps[\"isXSmallDirectionColumnReverse\"];\r\n delete assignedProps[\"isXSmallOrMoreDirectionColumnReverse\"];\r\n delete assignedProps[\"isSmallOrLessDirectionColumnReverse\"];\r\n delete assignedProps[\"isSmallDirectionColumnReverse\"];\r\n delete assignedProps[\"isSmallOrMoreDirectionColumnReverse\"];\r\n delete assignedProps[\"isMediumOrLessDirectionColumnReverse\"];\r\n delete assignedProps[\"isMediumDirectionColumnReverse\"];\r\n delete assignedProps[\"isMediumOrMoreDirectionColumnReverse\"];\r\n delete assignedProps[\"isLargeOrLessDirectionColumnReverse\"];\r\n delete assignedProps[\"isLargeDirectionColumnReverse\"];\r\n delete assignedProps[\"isLargeOrMoreDirectionColumnReverse\"];\r\n delete assignedProps[\"isXLargeOrLessDirectionColumnReverse\"];\r\n delete assignedProps[\"isXLargeDirectionColumnReverse\"];\r\n //#region BaseComponentProps\r\n delete assignedProps[\"fore\"];\r\n delete assignedProps[\"back\"];\r\n delete assignedProps[\"highlighter\"];\r\n delete assignedProps[\"border\"];\r\n delete assignedProps[\"positioning\"];\r\n delete assignedProps[\"sizing\"];\r\n delete assignedProps[\"spacing\"];\r\n //#endregion BaseComponentProps\r\n\r\n const assignedClassNames: string[] = [classNames[\"columns\"]];\r\n\r\n props.isDirectionRow &&\r\n assignedClassNames.push(classNames[\"is-direction-row\"]);\r\n props.isDirectionRowReverse &&\r\n assignedClassNames.push(classNames[\"is-direction-row-reverse\"]);\r\n props.isDirectionColumn &&\r\n assignedClassNames.push(classNames[\"is-direction-column\"]);\r\n props.isDirectionColumnReverse &&\r\n assignedClassNames.push(classNames[\"is-direction-column-reverse\"]);\r\n props.isXSmallDirectionRow &&\r\n assignedClassNames.push(classNames[\"is-XSmall-direction-row\"]);\r\n props.isXSmallOrMoreDirectionRow &&\r\n assignedClassNames.push(classNames[\"is-XSmall-or-more-direction-row\"]);\r\n props.isSmallOrLessDirectionRow &&\r\n assignedClassNames.push(classNames[\"is-Small-or-less-direction-row\"]);\r\n props.isSmallDirectionRow &&\r\n assignedClassNames.push(classNames[\"is-Small-direction-row\"]);\r\n props.isSmallOrMoreDirectionRow &&\r\n assignedClassNames.push(classNames[\"is-Small-or-more-direction-row\"]);\r\n props.isMediumOrLessDirectionRow &&\r\n assignedClassNames.push(classNames[\"is-Medium-or-less-direction-row\"]);\r\n props.isMediumDirectionRow &&\r\n assignedClassNames.push(classNames[\"is-Medium-direction-row\"]);\r\n props.isMediumOrMoreDirectionRow &&\r\n assignedClassNames.push(classNames[\"is-Medium-or-more-direction-row\"]);\r\n props.isLargeOrLessDirectionRow &&\r\n assignedClassNames.push(classNames[\"is-Large-or-less-direction-row\"]);\r\n props.isLargeDirectionRow &&\r\n assignedClassNames.push(classNames[\"is-Large-direction-row\"]);\r\n props.isLargeOrMoreDirectionRow &&\r\n assignedClassNames.push(classNames[\"is-Large-or-more-direction-row\"]);\r\n props.isXLargeOrLessDirectionRow &&\r\n assignedClassNames.push(classNames[\"is-XLarge-or-less-direction-row\"]);\r\n props.isXLargeDirectionRow &&\r\n assignedClassNames.push(classNames[\"is-XLarge-direction-row\"]);\r\n props.isXSmallDirectionRowReverse &&\r\n assignedClassNames.push(classNames[\"is-XSmall-direction-row-reverse\"]);\r\n props.isXSmallOrMoreDirectionRowReverse &&\r\n assignedClassNames.push(\r\n classNames[\"is-XSmall-or-more-direction-row-reverse\"]\r\n );\r\n props.isSmallOrLessDirectionRowReverse &&\r\n assignedClassNames.push(\r\n classNames[\"is-Small-or-less-direction-row-reverse\"]\r\n );\r\n props.isSmallDirectionRowReverse &&\r\n assignedClassNames.push(classNames[\"is-Small-direction-row-reverse\"]);\r\n props.isSmallOrMoreDirectionRowReverse &&\r\n assignedClassNames.push(\r\n classNames[\"is-Small-or-more-direction-row-reverse\"]\r\n );\r\n props.isMediumOrLessDirectionRowReverse &&\r\n assignedClassNames.push(\r\n classNames[\"is-Medium-or-less-direction-row-reverse\"]\r\n );\r\n props.isMediumDirectionRowReverse &&\r\n assignedClassNames.push(classNames[\"is-Medium-direction-row-reverse\"]);\r\n props.isMediumOrMoreDirectionRowReverse &&\r\n assignedClassNames.push(\r\n classNames[\"is-Medium-or-more-direction-row-reverse\"]\r\n );\r\n props.isLargeOrLessDirectionRowReverse &&\r\n assignedClassNames.push(\r\n classNames[\"is-Large-or-less-direction-row-reverse\"]\r\n );\r\n props.isLargeDirectionRowReverse &&\r\n assignedClassNames.push(classNames[\"is-Large-direction-row-reverse\"]);\r\n props.isLargeOrMoreDirectionRowReverse &&\r\n assignedClassNames.push(\r\n classNames[\"is-Large-or-more-direction-row-reverse\"]\r\n );\r\n props.isXLargeOrLessDirectionRowReverse &&\r\n assignedClassNames.push(\r\n classNames[\"is-XLarge-or-less-direction-row-reverse\"]\r\n );\r\n props.isXLargeDirectionRowReverse &&\r\n assignedClassNames.push(classNames[\"is-XLarge-direction-row-reverse\"]);\r\n props.isXSmallDirectionColumn &&\r\n assignedClassNames.push(classNames[\"is-XSmall-direction-column\"]);\r\n props.isXSmallOrMoreDirectionColumn &&\r\n assignedClassNames.push(classNames[\"is-XSmall-or-more-direction-column\"]);\r\n props.isSmallOrLessDirectionColumn &&\r\n assignedClassNames.push(classNames[\"is-Small-or-less-direction-column\"]);\r\n props.isSmallDirectionColumn &&\r\n assignedClassNames.push(classNames[\"is-Small-direction-column\"]);\r\n props.isSmallOrMoreDirectionColumn &&\r\n assignedClassNames.push(classNames[\"is-Small-or-more-direction-column\"]);\r\n props.isMediumOrLessDirectionColumn &&\r\n assignedClassNames.push(classNames[\"is-Medium-or-less-direction-column\"]);\r\n props.isMediumDirectionColumn &&\r\n assignedClassNames.push(classNames[\"is-Medium-direction-column\"]);\r\n props.isMediumOrMoreDirectionColumn &&\r\n assignedClassNames.push(classNames[\"is-Medium-or-more-direction-column\"]);\r\n props.isLargeOrLessDirectionColumn &&\r\n assignedClassNames.push(\r\n classNames[\"is-Large-or-less-direction-column\"]\r\n );\r\n props.isLargeDirectionColumn &&\r\n assignedClassNames.push(classNames[\"is-Large-direction-column\"]);\r\n props.isLargeOrMoreDirectionColumn &&\r\n assignedClassNames.push(\r\n classNames[\"is-Large-or-more-direction-column\"]\r\n );\r\n props.isXLargeOrLessDirectionColumn &&\r\n assignedClassNames.push(classNames[\"is-XLarge-or-less-direction-column\"]);\r\n props.isXLargeDirectionColumn &&\r\n assignedClassNames.push(classNames[\"is-XLarge-direction-column\"]);\r\n props.isXSmallDirectionColumnReverse &&\r\n assignedClassNames.push(classNames[\"is-XSmall-direction-column-reverse\"]);\r\n props.isXSmallOrMoreDirectionColumnReverse &&\r\n assignedClassNames.push(\r\n classNames[\"is-XSmall-or-more-direction-column-reverse\"]\r\n );\r\n props.isSmallOrLessDirectionColumnReverse &&\r\n assignedClassNames.push(\r\n classNames[\"is-Small-or-less-direction-column-reverse\"]\r\n );\r\n props.isSmallDirectionColumnReverse &&\r\n assignedClassNames.push(classNames[\"is-Small-direction-column-reverse\"]);\r\n props.isSmallOrMoreDirectionColumnReverse &&\r\n assignedClassNames.push(\r\n classNames[\"is-Small-or-more-direction-column-reverse\"]\r\n );\r\n props.isMediumOrLessDirectionColumnReverse &&\r\n assignedClassNames.push(\r\n classNames[\"is-Medium-or-less-direction-column-reverse\"]\r\n );\r\n props.isMediumDirectionColumnReverse &&\r\n assignedClassNames.push(classNames[\"is-Medium-direction-column-reverse\"]);\r\n props.isMediumOrMoreDirectionColumnReverse &&\r\n assignedClassNames.push(\r\n classNames[\"is-Medium-or-more-direction-column-reverse\"]\r\n );\r\n props.isLargeOrLessDirectionColumnReverse &&\r\n assignedClassNames.push(\r\n classNames[\"is-Large-or-less-direction-column-reverse\"]\r\n );\r\n props.isLargeDirectionColumnReverse &&\r\n assignedClassNames.push(\r\n classNames[\"is-Large-direction-column-reverse\"]\r\n );\r\n props.isLargeOrMoreDirectionColumnReverse &&\r\n assignedClassNames.push(\r\n classNames[\"is-Large-or-more-direction-column-reverse\"]\r\n );\r\n props.isXLargeOrLessDirectionColumnReverse &&\r\n assignedClassNames.push(\r\n classNames[\"is-XLarge-or-less-direction-column-reverse\"]\r\n );\r\n props.isXLargeDirectionColumnReverse &&\r\n assignedClassNames.push(classNames[\"is-XLarge-direction-column-reverse\"]);\r\n\r\n assignedClassNames.push(...classNameUtility.getUtilityClassNames(props));\r\n props.className && assignedClassNames.push(props.className);\r\n\r\n return <div {...assignedProps} className={assignedClassNames.join(\" \")} />;\r\n}\r\n"],"names":["Columns","props","assignedProps","assignedClassNames","classNames","classNameUtility","jsx"],"mappings":"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"}
1
+ {"version":3,"file":"Columns.js","sources":["../../../src/layouts/Columns/Columns.tsx"],"sourcesContent":["import ColumnsProps from \"./ColumnsProps\";\r\nimport classNames from \"./Columns.module.scss\";\r\nimport { classNameUtility } from \"../../utilities\";\r\n\r\nexport default function Columns(props: ColumnsProps): JSX.Element {\r\n const assignedProps = { ...props };\r\n delete assignedProps[\"isDirectionRow\"];\r\n delete assignedProps[\"isDirectionRowReverse\"];\r\n delete assignedProps[\"isDirectionColumn\"];\r\n delete assignedProps[\"isDirectionColumnReverse\"];\r\n delete assignedProps[\"isXSmallDirectionRow\"];\r\n delete assignedProps[\"isXSmallOrMoreDirectionRow\"];\r\n delete assignedProps[\"isSmallOrLessDirectionRow\"];\r\n delete assignedProps[\"isSmallDirectionRow\"];\r\n delete assignedProps[\"isSmallOrMoreDirectionRow\"];\r\n delete assignedProps[\"isMediumOrLessDirectionRow\"];\r\n delete assignedProps[\"isMediumDirectionRow\"];\r\n delete assignedProps[\"isMediumOrMoreDirectionRow\"];\r\n delete assignedProps[\"isLargeOrLessDirectionRow\"];\r\n delete assignedProps[\"isLargeDirectionRow\"];\r\n delete assignedProps[\"isLargeOrMoreDirectionRow\"];\r\n delete assignedProps[\"isXLargeOrLessDirectionRow\"];\r\n delete assignedProps[\"isXLargeDirectionRow\"];\r\n delete assignedProps[\"isXSmallDirectionRowReverse\"];\r\n delete assignedProps[\"isXSmallOrMoreDirectionRowReverse\"];\r\n delete assignedProps[\"isSmallOrLessDirectionRowReverse\"];\r\n delete assignedProps[\"isSmallDirectionRowReverse\"];\r\n delete assignedProps[\"isSmallOrMoreDirectionRowReverse\"];\r\n delete assignedProps[\"isMediumOrLessDirectionRowReverse\"];\r\n delete assignedProps[\"isMediumDirectionRowReverse\"];\r\n delete assignedProps[\"isMediumOrMoreDirectionRowReverse\"];\r\n delete assignedProps[\"isLargeOrLessDirectionRowReverse\"];\r\n delete assignedProps[\"isLargeDirectionRowReverse\"];\r\n delete assignedProps[\"isLargeOrMoreDirectionRowReverse\"];\r\n delete assignedProps[\"isXLargeOrLessDirectionRowReverse\"];\r\n delete assignedProps[\"isXLargeDirectionRowReverse\"];\r\n delete assignedProps[\"isXSmallDirectionColumn\"];\r\n delete assignedProps[\"isXSmallOrMoreDirectionColumn\"];\r\n delete assignedProps[\"isSmallOrLessDirectionColumn\"];\r\n delete assignedProps[\"isSmallDirectionColumn\"];\r\n delete assignedProps[\"isSmallOrMoreDirectionColumn\"];\r\n delete assignedProps[\"isMediumOrLessDirectionColumn\"];\r\n delete assignedProps[\"isMediumDirectionColumn\"];\r\n delete assignedProps[\"isMediumOrMoreDirectionColumn\"];\r\n delete assignedProps[\"isLargeOrLessDirectionColumn\"];\r\n delete assignedProps[\"isLargeDirectionColumn\"];\r\n delete assignedProps[\"isLargeOrMoreDirectionColumn\"];\r\n delete assignedProps[\"isXLargeOrLessDirectionColumn\"];\r\n delete assignedProps[\"isXLargeDirectionColumn\"];\r\n delete assignedProps[\"isXSmallDirectionColumnReverse\"];\r\n delete assignedProps[\"isXSmallOrMoreDirectionColumnReverse\"];\r\n delete assignedProps[\"isSmallOrLessDirectionColumnReverse\"];\r\n delete assignedProps[\"isSmallDirectionColumnReverse\"];\r\n delete assignedProps[\"isSmallOrMoreDirectionColumnReverse\"];\r\n delete assignedProps[\"isMediumOrLessDirectionColumnReverse\"];\r\n delete assignedProps[\"isMediumDirectionColumnReverse\"];\r\n delete assignedProps[\"isMediumOrMoreDirectionColumnReverse\"];\r\n delete assignedProps[\"isLargeOrLessDirectionColumnReverse\"];\r\n delete assignedProps[\"isLargeDirectionColumnReverse\"];\r\n delete assignedProps[\"isLargeOrMoreDirectionColumnReverse\"];\r\n delete assignedProps[\"isXLargeOrLessDirectionColumnReverse\"];\r\n delete assignedProps[\"isXLargeDirectionColumnReverse\"];\r\n delete assignedProps[\"gutter\"];\r\n //#region BaseComponentProps\r\n delete assignedProps[\"fore\"];\r\n delete assignedProps[\"back\"];\r\n delete assignedProps[\"highlighter\"];\r\n delete assignedProps[\"border\"];\r\n delete assignedProps[\"positioning\"];\r\n delete assignedProps[\"sizing\"];\r\n delete assignedProps[\"spacing\"];\r\n //#endregion BaseComponentProps\r\n\r\n const assignedClassNames: string[] = [classNames[\"columns\"]];\r\n\r\n props.isDirectionRow &&\r\n assignedClassNames.push(classNames[\"is-direction-row\"]);\r\n props.isDirectionRowReverse &&\r\n assignedClassNames.push(classNames[\"is-direction-row-reverse\"]);\r\n props.isDirectionColumn &&\r\n assignedClassNames.push(classNames[\"is-direction-column\"]);\r\n props.isDirectionColumnReverse &&\r\n assignedClassNames.push(classNames[\"is-direction-column-reverse\"]);\r\n props.isXSmallDirectionRow &&\r\n assignedClassNames.push(classNames[\"is-xsmall-direction-row\"]);\r\n props.isXSmallOrMoreDirectionRow &&\r\n assignedClassNames.push(classNames[\"is-xsmall-or-more-direction-row\"]);\r\n props.isSmallOrLessDirectionRow &&\r\n assignedClassNames.push(classNames[\"is-small-or-less-direction-row\"]);\r\n props.isSmallDirectionRow &&\r\n assignedClassNames.push(classNames[\"is-small-direction-row\"]);\r\n props.isSmallOrMoreDirectionRow &&\r\n assignedClassNames.push(classNames[\"is-small-or-more-direction-row\"]);\r\n props.isMediumOrLessDirectionRow &&\r\n assignedClassNames.push(classNames[\"is-medium-or-less-direction-row\"]);\r\n props.isMediumDirectionRow &&\r\n assignedClassNames.push(classNames[\"is-medium-direction-row\"]);\r\n props.isMediumOrMoreDirectionRow &&\r\n assignedClassNames.push(classNames[\"is-medium-or-more-direction-row\"]);\r\n props.isLargeOrLessDirectionRow &&\r\n assignedClassNames.push(classNames[\"is-large-or-less-direction-row\"]);\r\n props.isLargeDirectionRow &&\r\n assignedClassNames.push(classNames[\"is-large-direction-row\"]);\r\n props.isLargeOrMoreDirectionRow &&\r\n assignedClassNames.push(classNames[\"is-large-or-more-direction-row\"]);\r\n props.isXLargeOrLessDirectionRow &&\r\n assignedClassNames.push(classNames[\"is-XLarge-or-less-direction-row\"]);\r\n props.isXLargeDirectionRow &&\r\n assignedClassNames.push(classNames[\"is-XLarge-direction-row\"]);\r\n props.isXSmallDirectionRowReverse &&\r\n assignedClassNames.push(classNames[\"is-xsmall-direction-row-reverse\"]);\r\n props.isXSmallOrMoreDirectionRowReverse &&\r\n assignedClassNames.push(\r\n classNames[\"is-xsmall-or-more-direction-row-reverse\"]\r\n );\r\n props.isSmallOrLessDirectionRowReverse &&\r\n assignedClassNames.push(\r\n classNames[\"is-small-or-less-direction-row-reverse\"]\r\n );\r\n props.isSmallDirectionRowReverse &&\r\n assignedClassNames.push(classNames[\"is-small-direction-row-reverse\"]);\r\n props.isSmallOrMoreDirectionRowReverse &&\r\n assignedClassNames.push(\r\n classNames[\"is-small-or-more-direction-row-reverse\"]\r\n );\r\n props.isMediumOrLessDirectionRowReverse &&\r\n assignedClassNames.push(\r\n classNames[\"is-medium-or-less-direction-row-reverse\"]\r\n );\r\n props.isMediumDirectionRowReverse &&\r\n assignedClassNames.push(classNames[\"is-medium-direction-row-reverse\"]);\r\n props.isMediumOrMoreDirectionRowReverse &&\r\n assignedClassNames.push(\r\n classNames[\"is-medium-or-more-direction-row-reverse\"]\r\n );\r\n props.isLargeOrLessDirectionRowReverse &&\r\n assignedClassNames.push(\r\n classNames[\"is-large-or-less-direction-row-reverse\"]\r\n );\r\n props.isLargeDirectionRowReverse &&\r\n assignedClassNames.push(classNames[\"is-large-direction-row-reverse\"]);\r\n props.isLargeOrMoreDirectionRowReverse &&\r\n assignedClassNames.push(\r\n classNames[\"is-large-or-more-direction-row-reverse\"]\r\n );\r\n props.isXLargeOrLessDirectionRowReverse &&\r\n assignedClassNames.push(\r\n classNames[\"is-XLarge-or-less-direction-row-reverse\"]\r\n );\r\n props.isXLargeDirectionRowReverse &&\r\n assignedClassNames.push(classNames[\"is-XLarge-direction-row-reverse\"]);\r\n props.isXSmallDirectionColumn &&\r\n assignedClassNames.push(classNames[\"is-xsmall-direction-column\"]);\r\n props.isXSmallOrMoreDirectionColumn &&\r\n assignedClassNames.push(classNames[\"is-xsmall-or-more-direction-column\"]);\r\n props.isSmallOrLessDirectionColumn &&\r\n assignedClassNames.push(classNames[\"is-small-or-less-direction-column\"]);\r\n props.isSmallDirectionColumn &&\r\n assignedClassNames.push(classNames[\"is-small-direction-column\"]);\r\n props.isSmallOrMoreDirectionColumn &&\r\n assignedClassNames.push(classNames[\"is-small-or-more-direction-column\"]);\r\n props.isMediumOrLessDirectionColumn &&\r\n assignedClassNames.push(classNames[\"is-medium-or-less-direction-column\"]);\r\n props.isMediumDirectionColumn &&\r\n assignedClassNames.push(classNames[\"is-medium-direction-column\"]);\r\n props.isMediumOrMoreDirectionColumn &&\r\n assignedClassNames.push(classNames[\"is-medium-or-more-direction-column\"]);\r\n props.isLargeOrLessDirectionColumn &&\r\n assignedClassNames.push(\r\n classNames[\"is-large-or-less-direction-column\"]\r\n );\r\n props.isLargeDirectionColumn &&\r\n assignedClassNames.push(classNames[\"is-large-direction-column\"]);\r\n props.isLargeOrMoreDirectionColumn &&\r\n assignedClassNames.push(\r\n classNames[\"is-large-or-more-direction-column\"]\r\n );\r\n props.isXLargeOrLessDirectionColumn &&\r\n assignedClassNames.push(classNames[\"is-XLarge-or-less-direction-column\"]);\r\n props.isXLargeDirectionColumn &&\r\n assignedClassNames.push(classNames[\"is-XLarge-direction-column\"]);\r\n props.isXSmallDirectionColumnReverse &&\r\n assignedClassNames.push(classNames[\"is-xsmall-direction-column-reverse\"]);\r\n props.isXSmallOrMoreDirectionColumnReverse &&\r\n assignedClassNames.push(\r\n classNames[\"is-xsmall-or-more-direction-column-reverse\"]\r\n );\r\n props.isSmallOrLessDirectionColumnReverse &&\r\n assignedClassNames.push(\r\n classNames[\"is-small-or-less-direction-column-reverse\"]\r\n );\r\n props.isSmallDirectionColumnReverse &&\r\n assignedClassNames.push(classNames[\"is-small-direction-column-reverse\"]);\r\n props.isSmallOrMoreDirectionColumnReverse &&\r\n assignedClassNames.push(\r\n classNames[\"is-small-or-more-direction-column-reverse\"]\r\n );\r\n props.isMediumOrLessDirectionColumnReverse &&\r\n assignedClassNames.push(\r\n classNames[\"is-medium-or-less-direction-column-reverse\"]\r\n );\r\n props.isMediumDirectionColumnReverse &&\r\n assignedClassNames.push(classNames[\"is-medium-direction-column-reverse\"]);\r\n props.isMediumOrMoreDirectionColumnReverse &&\r\n assignedClassNames.push(\r\n classNames[\"is-medium-or-more-direction-column-reverse\"]\r\n );\r\n props.isLargeOrLessDirectionColumnReverse &&\r\n assignedClassNames.push(\r\n classNames[\"is-large-or-less-direction-column-reverse\"]\r\n );\r\n props.isLargeDirectionColumnReverse &&\r\n assignedClassNames.push(\r\n classNames[\"is-large-direction-column-reverse\"]\r\n );\r\n props.isLargeOrMoreDirectionColumnReverse &&\r\n assignedClassNames.push(\r\n classNames[\"is-large-or-more-direction-column-reverse\"]\r\n );\r\n props.isXLargeOrLessDirectionColumnReverse &&\r\n assignedClassNames.push(\r\n classNames[\"is-xlarge-or-less-direction-column-reverse\"]\r\n );\r\n props.isXLargeDirectionColumnReverse &&\r\n assignedClassNames.push(classNames[\"is-xlarge-direction-column-reverse\"]);\r\n\r\n if (props.gutter) {\r\n if (typeof props.gutter === \"string\") {\r\n assignedClassNames.push(classNames[`has-gutter-${props.gutter}`]);\r\n } else {\r\n if (props.gutter.x) {\r\n assignedClassNames.push(classNames[`has-gutter-x-${props.gutter.x}`]);\r\n }\r\n if (props.gutter.y) {\r\n assignedClassNames.push(classNames[`has-gutter-y-${props.gutter.y}`]);\r\n }\r\n }\r\n }\r\n\r\n assignedClassNames.push(...classNameUtility.getUtilityClassNames(props));\r\n props.className && assignedClassNames.push(props.className);\r\n\r\n return <div {...assignedProps} className={assignedClassNames.join(\" \")} />;\r\n}\r\n"],"names":["Columns","props","assignedProps","assignedClassNames","classNames","classNameUtility","jsx"],"mappings":"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"}
@@ -9,6 +9,8 @@ declare const meta: {
9
9
  export default meta;
10
10
  type Story = StoryObj<typeof meta>;
11
11
  export declare const AllAuto: Story;
12
+ export declare const HasGutter: Story;
13
+ export declare const HasGutterX: Story;
12
14
  export declare const SmallOrLess: Story;
13
15
  export declare const Small6XSmall12: Story;
14
16
  //# sourceMappingURL=Columns.stories.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"Columns.stories.d.ts","sourceRoot":"","sources":["../../../src/layouts/Columns/Columns.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAQ,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAEvD,OAAO,OAAO,MAAM,WAAW,CAAC;AAKhC,QAAA,MAAM,IAAI;;;;;CAMsB,CAAC;AAEjC,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAGnC,eAAO,MAAM,OAAO,EAAE,KA6CrB,CAAC;AAEF,eAAO,MAAM,WAAW,EAAE,KA6CzB,CAAC;AAEF,eAAO,MAAM,cAAc,EAAE,KA6C5B,CAAC"}
1
+ {"version":3,"file":"Columns.stories.d.ts","sourceRoot":"","sources":["../../../src/layouts/Columns/Columns.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAQ,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAEvD,OAAO,OAAO,MAAM,WAAW,CAAC;AAMhC,QAAA,MAAM,IAAI;;;;;CAKsB,CAAC;AAEjC,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAGnC,eAAO,MAAM,OAAO,EAAE,KAoErB,CAAC;AACF,eAAO,MAAM,SAAS,EAAE,KAsEvB,CAAC;AAEF,eAAO,MAAM,UAAU,EAAE,KAwExB,CAAC;AAEF,eAAO,MAAM,WAAW,EAAE,KAoEzB,CAAC;AAEF,eAAO,MAAM,cAAc,EAAE,KA4C5B,CAAC"}
@@ -56,5 +56,9 @@ export default interface ColumnsProps extends DivProps {
56
56
  isLargeOrMoreDirectionColumnReverse?: boolean | undefined;
57
57
  isXLargeOrLessDirectionColumnReverse?: boolean | undefined;
58
58
  isXLargeDirectionColumnReverse?: boolean | undefined;
59
+ gutter?: `${number}rem` | {
60
+ x?: `${number}rem`;
61
+ y?: `${number}rem`;
62
+ };
59
63
  }
60
64
  //# sourceMappingURL=ColumnsProps.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"ColumnsProps.d.ts","sourceRoot":"","sources":["../../../src/layouts/Columns/ColumnsProps.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,sBAAsB,CAAC;AAEhD,MAAM,CAAC,OAAO,WAAW,YAAa,SAAQ,QAAQ;IACpD,cAAc,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;IACrC,qBAAqB,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;IAC5C,iBAAiB,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;IACxC,wBAAwB,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;IAC/C,oBAAoB,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;IAC3C,0BAA0B,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;IACjD,yBAAyB,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;IAChD,mBAAmB,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;IAC1C,yBAAyB,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;IAChD,0BAA0B,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;IACjD,oBAAoB,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;IAC3C,0BAA0B,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;IACjD,yBAAyB,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;IAChD,mBAAmB,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;IAC1C,yBAAyB,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;IAChD,0BAA0B,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;IACjD,oBAAoB,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;IAC3C,2BAA2B,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;IAClD,iCAAiC,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;IACxD,gCAAgC,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;IACvD,0BAA0B,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;IACjD,gCAAgC,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;IACvD,iCAAiC,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;IACxD,2BAA2B,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;IAClD,iCAAiC,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;IACxD,gCAAgC,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;IACvD,0BAA0B,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;IACjD,gCAAgC,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;IACvD,iCAAiC,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;IACxD,2BAA2B,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;IAClD,uBAAuB,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;IAC9C,6BAA6B,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;IACpD,4BAA4B,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;IACnD,sBAAsB,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;IAC7C,4BAA4B,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;IACnD,6BAA6B,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;IACpD,uBAAuB,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;IAC9C,6BAA6B,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;IACpD,4BAA4B,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;IACnD,sBAAsB,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;IAC7C,4BAA4B,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;IACnD,6BAA6B,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;IACpD,uBAAuB,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;IAC9C,8BAA8B,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;IACrD,oCAAoC,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;IAC3D,mCAAmC,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;IAC1D,6BAA6B,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;IACpD,mCAAmC,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;IAC1D,oCAAoC,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;IAC3D,8BAA8B,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;IACrD,oCAAoC,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;IAC3D,mCAAmC,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;IAC1D,6BAA6B,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;IACpD,mCAAmC,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;IAC1D,oCAAoC,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;IAC3D,8BAA8B,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;CACtD"}
1
+ {"version":3,"file":"ColumnsProps.d.ts","sourceRoot":"","sources":["../../../src/layouts/Columns/ColumnsProps.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,sBAAsB,CAAC;AAEhD,MAAM,CAAC,OAAO,WAAW,YAAa,SAAQ,QAAQ;IACpD,cAAc,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;IACrC,qBAAqB,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;IAC5C,iBAAiB,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;IACxC,wBAAwB,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;IAC/C,oBAAoB,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;IAC3C,0BAA0B,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;IACjD,yBAAyB,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;IAChD,mBAAmB,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;IAC1C,yBAAyB,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;IAChD,0BAA0B,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;IACjD,oBAAoB,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;IAC3C,0BAA0B,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;IACjD,yBAAyB,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;IAChD,mBAAmB,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;IAC1C,yBAAyB,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;IAChD,0BAA0B,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;IACjD,oBAAoB,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;IAC3C,2BAA2B,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;IAClD,iCAAiC,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;IACxD,gCAAgC,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;IACvD,0BAA0B,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;IACjD,gCAAgC,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;IACvD,iCAAiC,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;IACxD,2BAA2B,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;IAClD,iCAAiC,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;IACxD,gCAAgC,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;IACvD,0BAA0B,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;IACjD,gCAAgC,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;IACvD,iCAAiC,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;IACxD,2BAA2B,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;IAClD,uBAAuB,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;IAC9C,6BAA6B,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;IACpD,4BAA4B,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;IACnD,sBAAsB,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;IAC7C,4BAA4B,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;IACnD,6BAA6B,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;IACpD,uBAAuB,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;IAC9C,6BAA6B,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;IACpD,4BAA4B,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;IACnD,sBAAsB,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;IAC7C,4BAA4B,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;IACnD,6BAA6B,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;IACpD,uBAAuB,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;IAC9C,8BAA8B,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;IACrD,oCAAoC,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;IAC3D,mCAAmC,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;IAC1D,6BAA6B,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;IACpD,mCAAmC,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;IAC1D,oCAAoC,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;IAC3D,8BAA8B,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;IACrD,oCAAoC,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;IAC3D,mCAAmC,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;IAC1D,6BAA6B,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;IACpD,mCAAmC,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;IAC1D,oCAAoC,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;IAC3D,8BAA8B,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;IACrD,MAAM,CAAC,EACH,GAAG,MAAM,KAAK,GACd;QACE,CAAC,CAAC,EAAE,GAAG,MAAM,KAAK,CAAC;QACnB,CAAC,CAAC,EAAE,GAAG,MAAM,KAAK,CAAC;KACpB,CAAC;CACP"}
@@ -1 +1 @@
1
- {"version":3,"file":"Container.d.ts","sourceRoot":"","sources":["../../../src/layouts/Container/Container.tsx"],"names":[],"mappings":"AAEA,OAAO,cAAc,MAAM,kBAAkB,CAAC;AAE9C,MAAM,CAAC,OAAO,UAAU,SAAS,CAAC,KAAK,EAAE,cAAc,GAAG,GAAG,CAAC,OAAO,CAiBpE"}
1
+ {"version":3,"file":"Container.d.ts","sourceRoot":"","sources":["../../../src/layouts/Container/Container.tsx"],"names":[],"mappings":"AAEA,OAAO,cAAc,MAAM,kBAAkB,CAAC;AAE9C,MAAM,CAAC,OAAO,UAAU,SAAS,CAAC,KAAK,EAAE,cAAc,GAAG,GAAG,CAAC,OAAO,CAmCpE"}
@@ -1,7 +1,7 @@
1
- import { jsx as g } from "react/jsx-runtime";
2
- import _ from "../../utilities/classNameUtility.js";
3
- import '../../assets/Container.css';const s = "_container_13xcg_1", a = {
4
- container: s,
1
+ import { jsx as _ } from "react/jsx-runtime";
2
+ import s from "../../utilities/classNameUtility.js";
3
+ import '../../assets/Container.css';const a = "_container_13xcg_1", g = {
4
+ container: a,
5
5
  "has-gutter-0rem": "_has-gutter-0rem_13xcg_12",
6
6
  "has-gutter-x-0rem": "_has-gutter-x-0rem_13xcg_16",
7
7
  "has-gutter-y-0rem": "_has-gutter-y-0rem_13xcg_19",
@@ -67,13 +67,13 @@ import '../../assets/Container.css';const s = "_container_13xcg_1", a = {
67
67
  "has-gutter-y-5rem": "_has-gutter-y-5rem_13xcg_219",
68
68
  "is-fluid": "_is-fluid_13xcg_226"
69
69
  };
70
- function h(t) {
71
- const e = { ...t };
72
- delete e.fore, delete e.back, delete e.highlighter, delete e.border, delete e.positioning, delete e.sizing, delete e.spacing;
73
- const r = [a.container];
74
- return r.push(..._.getUtilityClassNames(t)), t.className && r.push(t.className), /* @__PURE__ */ g("div", { ...e, className: r.join(" ") });
70
+ function m(e) {
71
+ const t = { ...e };
72
+ delete t.gutter, delete t.isFluid, delete t.fore, delete t.back, delete t.highlighter, delete t.border, delete t.positioning, delete t.sizing, delete t.spacing;
73
+ const r = [g.container];
74
+ return e.isFluid && r.push(g["is-fluid"]), e.gutter && (typeof e.gutter == "string" ? r.push(g[`has-gutter-${e.gutter}`]) : (e.gutter.x && r.push(g[`has-gutter-x-${e.gutter.x}`]), e.gutter.y && r.push(g[`has-gutter-y-${e.gutter.y}`]))), r.push(...s.getUtilityClassNames(e)), e.className && r.push(e.className), /* @__PURE__ */ _("div", { ...t, className: r.join(" ") });
75
75
  }
76
76
  export {
77
- h as default
77
+ m as default
78
78
  };
79
79
  //# sourceMappingURL=Container.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"Container.js","sources":["../../../src/layouts/Container/Container.tsx"],"sourcesContent":["import { classNameUtility } from \"../../utilities\";\r\nimport classNames from \"./Container.module.scss\";\r\nimport ContainerProps from \"./ContainerProps\";\r\n\r\nexport default function Container(props: ContainerProps): JSX.Element {\r\n const assignedProps = { ...props };\r\n //#region BaseComponentProps\r\n delete assignedProps[\"fore\"];\r\n delete assignedProps[\"back\"];\r\n delete assignedProps[\"highlighter\"];\r\n delete assignedProps[\"border\"];\r\n delete assignedProps[\"positioning\"];\r\n delete assignedProps[\"sizing\"];\r\n delete assignedProps[\"spacing\"];\r\n //#endregion BaseComponentProps\r\n\r\n const assignedClassNames: string[] = [classNames[\"container\"]];\r\n assignedClassNames.push(...classNameUtility.getUtilityClassNames(props));\r\n props.className && assignedClassNames.push(props.className);\r\n\r\n return <div {...assignedProps} className={assignedClassNames.join(\" \")} />;\r\n}\r\n"],"names":["Container","props","assignedProps","assignedClassNames","classNames","classNameUtility","jsx"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAIA,SAAwBA,EAAUC,GAAoC;AAC9D,QAAAC,IAAgB,EAAE,GAAGD,EAAM;AAEjC,SAAOC,EAAc,MACrB,OAAOA,EAAc,MACrB,OAAOA,EAAc,aACrB,OAAOA,EAAc,QACrB,OAAOA,EAAc,aACrB,OAAOA,EAAc,QACrB,OAAOA,EAAc;AAGrB,QAAMC,IAA+B,CAACC,EAAW,SAAY;AAC7D,SAAAD,EAAmB,KAAK,GAAGE,EAAiB,qBAAqBJ,CAAK,CAAC,GACvEA,EAAM,aAAaE,EAAmB,KAAKF,EAAM,SAAS,GAEnD,gBAAAK,EAAC,SAAK,GAAGJ,GAAe,WAAWC,EAAmB,KAAK,GAAG,GAAG;AAC1E;"}
1
+ {"version":3,"file":"Container.js","sources":["../../../src/layouts/Container/Container.tsx"],"sourcesContent":["import { classNameUtility } from \"../../utilities\";\r\nimport classNames from \"./Container.module.scss\";\r\nimport ContainerProps from \"./ContainerProps\";\r\n\r\nexport default function Container(props: ContainerProps): JSX.Element {\r\n const assignedProps = { ...props };\r\n delete assignedProps[\"gutter\"];\r\n delete assignedProps[\"isFluid\"];\r\n //#region BaseComponentProps\r\n delete assignedProps[\"fore\"];\r\n delete assignedProps[\"back\"];\r\n delete assignedProps[\"highlighter\"];\r\n delete assignedProps[\"border\"];\r\n delete assignedProps[\"positioning\"];\r\n delete assignedProps[\"sizing\"];\r\n delete assignedProps[\"spacing\"];\r\n //#endregion BaseComponentProps\r\n\r\n const assignedClassNames: string[] = [classNames[\"container\"]];\r\n\r\n props.isFluid &&\r\n assignedClassNames.push(classNames[\"is-fluid\"]);\r\n if (props.gutter) {\r\n if (typeof props.gutter === \"string\") {\r\n assignedClassNames.push(classNames[`has-gutter-${props.gutter}`]);\r\n } else {\r\n if (props.gutter.x) {\r\n assignedClassNames.push(classNames[`has-gutter-x-${props.gutter.x}`]);\r\n }\r\n if (props.gutter.y) {\r\n assignedClassNames.push(classNames[`has-gutter-y-${props.gutter.y}`]);\r\n }\r\n }\r\n }\r\n\r\n assignedClassNames.push(...classNameUtility.getUtilityClassNames(props));\r\n props.className && assignedClassNames.push(props.className);\r\n\r\n return <div {...assignedProps} className={assignedClassNames.join(\" \")} />;\r\n}\r\n"],"names":["Container","props","assignedProps","assignedClassNames","classNames","classNameUtility","jsx"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAIA,SAAwBA,EAAUC,GAAoC;AAC9D,QAAAC,IAAgB,EAAE,GAAGD,EAAM;AACjC,SAAOC,EAAc,QACrB,OAAOA,EAAc,SAErB,OAAOA,EAAc,MACrB,OAAOA,EAAc,MACrB,OAAOA,EAAc,aACrB,OAAOA,EAAc,QACrB,OAAOA,EAAc,aACrB,OAAOA,EAAc,QACrB,OAAOA,EAAc;AAGrB,QAAMC,IAA+B,CAACC,EAAW,SAAY;AAE7D,SAAAH,EAAM,WACJE,EAAmB,KAAKC,EAAW,UAAU,CAAC,GAC5CH,EAAM,WACJ,OAAOA,EAAM,UAAW,WAC1BE,EAAmB,KAAKC,EAAW,cAAcH,EAAM,MAAM,EAAE,CAAC,KAE5DA,EAAM,OAAO,KACfE,EAAmB,KAAKC,EAAW,gBAAgBH,EAAM,OAAO,CAAC,EAAE,CAAC,GAElEA,EAAM,OAAO,KACfE,EAAmB,KAAKC,EAAW,gBAAgBH,EAAM,OAAO,CAAC,EAAE,CAAC,KAK1EE,EAAmB,KAAK,GAAGE,EAAiB,qBAAqBJ,CAAK,CAAC,GACvEA,EAAM,aAAaE,EAAmB,KAAKF,EAAM,SAAS,GAEnD,gBAAAK,EAAC,SAAK,GAAGJ,GAAe,WAAWC,EAAmB,KAAK,GAAG,GAAG;AAC1E;"}
@@ -9,4 +9,7 @@ declare const meta: {
9
9
  export default meta;
10
10
  type Story = StoryObj<typeof meta>;
11
11
  export declare const Plain: Story;
12
+ export declare const HasGutterX: Story;
13
+ export declare const IsFluid: Story;
14
+ export declare const IsFluidHasGutterX: Story;
12
15
  //# sourceMappingURL=Container.stories.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"Container.stories.d.ts","sourceRoot":"","sources":["../../../src/layouts/Container/Container.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAQ,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAEvD,OAAO,SAAS,MAAM,aAAa,CAAC;AAIpC,QAAA,MAAM,IAAI;;;;;CAMwB,CAAC;AAEnC,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAGnC,eAAO,MAAM,KAAK,EAAE,KAQnB,CAAC"}
1
+ {"version":3,"file":"Container.stories.d.ts","sourceRoot":"","sources":["../../../src/layouts/Container/Container.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAQ,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAEvD,OAAO,SAAS,MAAM,aAAa,CAAC;AAKpC,QAAA,MAAM,IAAI;;;;;CAKwB,CAAC;AAEnC,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAGnC,eAAO,MAAM,KAAK,EAAE,KAanB,CAAC;AAEF,eAAO,MAAM,UAAU,EAAE,KAiBxB,CAAC;AAEF,eAAO,MAAM,OAAO,EAAE,KAerB,CAAC;AAEF,eAAO,MAAM,iBAAiB,EAAE,KAkB/B,CAAC"}
@@ -1,4 +1,9 @@
1
1
  import { DivProps } from '../../components/Div';
2
2
  export default interface ContainerProps extends DivProps {
3
+ isFluid?: boolean;
4
+ gutter?: `${number}rem` | {
5
+ x?: `${number}rem`;
6
+ y?: `${number}rem`;
7
+ };
3
8
  }
4
9
  //# sourceMappingURL=ContainerProps.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"ContainerProps.d.ts","sourceRoot":"","sources":["../../../src/layouts/Container/ContainerProps.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,sBAAsB,CAAC;AAEhD,MAAM,CAAC,OAAO,WAAW,cAAe,SAAQ,QAAQ;CAAG"}
1
+ {"version":3,"file":"ContainerProps.d.ts","sourceRoot":"","sources":["../../../src/layouts/Container/ContainerProps.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,sBAAsB,CAAC;AAEhD,MAAM,CAAC,OAAO,WAAW,cAAe,SAAQ,QAAQ;IACtD,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,MAAM,CAAC,EACH,GAAG,MAAM,KAAK,GACd;QACE,CAAC,CAAC,EAAE,GAAG,MAAM,KAAK,CAAC;QACnB,CAAC,CAAC,EAAE,GAAG,MAAM,KAAK,CAAC;KACpB,CAAC;CACP"}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "react-minolith",
3
- "version": "0.0.12",
3
+ "version": "0.0.13",
4
4
  "type": "module",
5
5
  "main": "./dist/react-minolith.js",
6
6
  "types": "./dist/react-minolith.d.ts",