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.
- package/dist/layouts/Columns/Columns.d.ts.map +1 -1
- package/dist/layouts/Columns/Columns.js +41 -41
- package/dist/layouts/Columns/Columns.js.map +1 -1
- package/dist/layouts/Columns/Columns.stories.d.ts +2 -0
- package/dist/layouts/Columns/Columns.stories.d.ts.map +1 -1
- package/dist/layouts/Columns/ColumnsProps.d.ts +4 -0
- package/dist/layouts/Columns/ColumnsProps.d.ts.map +1 -1
- package/dist/layouts/Container/Container.d.ts.map +1 -1
- package/dist/layouts/Container/Container.js +10 -10
- package/dist/layouts/Container/Container.js.map +1 -1
- package/dist/layouts/Container/Container.stories.d.ts +3 -0
- package/dist/layouts/Container/Container.stories.d.ts.map +1 -1
- package/dist/layouts/Container/ContainerProps.d.ts +5 -0
- package/dist/layouts/Container/ContainerProps.d.ts.map +1 -1
- package/package.json +1 -1
|
@@ -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,
|
|
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(
|
|
264
|
-
const
|
|
265
|
-
delete
|
|
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
|
|
268
|
-
i["is-
|
|
269
|
-
),
|
|
270
|
-
i["is-
|
|
271
|
-
),
|
|
272
|
-
i["is-
|
|
273
|
-
),
|
|
274
|
-
i["is-
|
|
275
|
-
),
|
|
276
|
-
i["is-
|
|
277
|
-
),
|
|
278
|
-
i["is-
|
|
279
|
-
),
|
|
280
|
-
i["is-
|
|
281
|
-
),
|
|
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
|
-
),
|
|
284
|
-
i["is-
|
|
285
|
-
),
|
|
286
|
-
i["is-
|
|
287
|
-
),
|
|
288
|
-
i["is-
|
|
289
|
-
),
|
|
290
|
-
i["is-
|
|
291
|
-
),
|
|
292
|
-
i["is-
|
|
293
|
-
),
|
|
294
|
-
i["is-
|
|
295
|
-
),
|
|
296
|
-
i["is-
|
|
297
|
-
),
|
|
298
|
-
i["is-
|
|
299
|
-
),
|
|
300
|
-
i["is-
|
|
301
|
-
),
|
|
302
|
-
i["is-
|
|
303
|
-
),
|
|
304
|
-
i["is-
|
|
305
|
-
),
|
|
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;
|
|
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":"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
|
|
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,
|
|
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
|
|
2
|
-
import
|
|
3
|
-
import '../../assets/Container.css';const
|
|
4
|
-
container:
|
|
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
|
|
71
|
-
const
|
|
72
|
-
delete
|
|
73
|
-
const r = [
|
|
74
|
-
return r.push(...
|
|
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
|
-
|
|
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;
|
|
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;
|
|
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 +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;
|
|
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"}
|