colibri-ui 0.7.14 → 0.7.15
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/Grid/index.js +9 -0
- package/Grid/index.props.d.ts +3 -0
- package/Grid/styles.d.ts +4 -0
- package/Grid/styles.js +11 -2
- package/esm/Grid/index.js +9 -0
- package/esm/Grid/index.props.d.ts +3 -0
- package/esm/Grid/styles.d.ts +4 -0
- package/esm/Grid/styles.js +11 -2
- package/package.json +1 -1
package/Grid/index.js
CHANGED
|
@@ -7,10 +7,19 @@ var styles = require('./styles.js');
|
|
|
7
7
|
|
|
8
8
|
var Grid = function Grid(_a) {
|
|
9
9
|
var children = _a.children,
|
|
10
|
+
_b = _a.gridRowGap,
|
|
11
|
+
gridRowGap = _b === void 0 ? 24 : _b,
|
|
12
|
+
_c = _a.gridColumnGap,
|
|
13
|
+
gridColumnGap = _c === void 0 ? 16 : _c,
|
|
14
|
+
_d = _a.gridItemMinWidth,
|
|
15
|
+
gridItemMinWidth = _d === void 0 ? 136 : _d,
|
|
10
16
|
className = _a.className;
|
|
11
17
|
return jsxRuntime.jsx(styles.GridWrapper, {
|
|
12
18
|
className: className,
|
|
13
19
|
children: jsxRuntime.jsx(styles.GridItems, {
|
|
20
|
+
gridRowGap: gridRowGap,
|
|
21
|
+
gridColumnGap: gridColumnGap,
|
|
22
|
+
gridItemMinWidth: gridItemMinWidth,
|
|
14
23
|
children: children
|
|
15
24
|
})
|
|
16
25
|
});
|
package/Grid/index.props.d.ts
CHANGED
package/Grid/styles.d.ts
CHANGED
|
@@ -6,4 +6,8 @@ export declare const GridWrapper: import("@emotion/styled").StyledComponent<{
|
|
|
6
6
|
export declare const GridItems: import("@emotion/styled").StyledComponent<{
|
|
7
7
|
theme?: import("@emotion/react").Theme | undefined;
|
|
8
8
|
as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
|
|
9
|
+
} & {
|
|
10
|
+
gridRowGap?: number | undefined;
|
|
11
|
+
gridColumnGap?: number | undefined;
|
|
12
|
+
gridItemMinWidth?: number | undefined;
|
|
9
13
|
}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
|
package/Grid/styles.js
CHANGED
|
@@ -12,13 +12,22 @@ var GridWrapper = /*#__PURE__*/_styled__default.default("div", process.env.NODE_
|
|
|
12
12
|
} : {
|
|
13
13
|
target: "e1wwgvwc1",
|
|
14
14
|
label: "GridWrapper"
|
|
15
|
-
})(templateObject_1 || (templateObject_1 = tslib.__makeTemplateObject(["\n width: 100%;\n" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,
|
|
15
|
+
})(templateObject_1 || (templateObject_1 = tslib.__makeTemplateObject(["\n width: 100%;\n" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInN0eWxlcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFFeUIiLCJmaWxlIjoic3R5bGVzLnRzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgX19tYWtlVGVtcGxhdGVPYmplY3QgfSBmcm9tIFwidHNsaWJcIjtcbmltcG9ydCBzdHlsZWQgZnJvbSBcIkBlbW90aW9uL3N0eWxlZFwiO1xuZXhwb3J0IHZhciBHcmlkV3JhcHBlciA9IHN0eWxlZC5kaXYodGVtcGxhdGVPYmplY3RfMSB8fCAodGVtcGxhdGVPYmplY3RfMSA9IF9fbWFrZVRlbXBsYXRlT2JqZWN0KFtcIlxcbiAgd2lkdGg6IDEwMCU7XFxuXCJdLCBbXCJcXG4gIHdpZHRoOiAxMDAlO1xcblwiXSkpKTtcbmV4cG9ydCB2YXIgR3JpZEl0ZW1zID0gc3R5bGVkLmRpdih0ZW1wbGF0ZU9iamVjdF8yIHx8ICh0ZW1wbGF0ZU9iamVjdF8yID0gX19tYWtlVGVtcGxhdGVPYmplY3QoW1wiXFxuICBkaXNwbGF5OiBncmlkO1xcblxcbiAgcm93LWdhcDogXCIsIFwicHg7XFxuICBjb2x1bW4tZ2FwOiBcIiwgXCJweDtcXG5cXG4gIGdyaWQtdGVtcGxhdGUtY29sdW1uczogcmVwZWF0KGF1dG8tZml0LCBtaW5tYXgoXCIsIFwicHgsIDFmcikpO1xcbiAgZ3JpZC1hdXRvLWZsb3c6IHJvdyBkZW5zZTtcXG5cIl0sIFtcIlxcbiAgZGlzcGxheTogZ3JpZDtcXG5cXG4gIHJvdy1nYXA6IFwiLCBcInB4O1xcbiAgY29sdW1uLWdhcDogXCIsIFwicHg7XFxuXFxuICBncmlkLXRlbXBsYXRlLWNvbHVtbnM6IHJlcGVhdChhdXRvLWZpdCwgbWlubWF4KFwiLCBcInB4LCAxZnIpKTtcXG4gIGdyaWQtYXV0by1mbG93OiByb3cgZGVuc2U7XFxuXCJdKSksIGZ1bmN0aW9uIChfYSkge1xuICAgIHZhciBncmlkUm93R2FwID0gX2EuZ3JpZFJvd0dhcDtcbiAgICByZXR1cm4gZ3JpZFJvd0dhcDtcbn0sIGZ1bmN0aW9uIChfYSkge1xuICAgIHZhciBncmlkQ29sdW1uR2FwID0gX2EuZ3JpZENvbHVtbkdhcDtcbiAgICByZXR1cm4gZ3JpZENvbHVtbkdhcDtcbn0sIGZ1bmN0aW9uIChfYSkge1xuICAgIHZhciBncmlkSXRlbU1pbldpZHRoID0gX2EuZ3JpZEl0ZW1NaW5XaWR0aDtcbiAgICByZXR1cm4gZ3JpZEl0ZW1NaW5XaWR0aDtcbn0pO1xudmFyIHRlbXBsYXRlT2JqZWN0XzEsIHRlbXBsYXRlT2JqZWN0XzI7XG4vLyMgc291cmNlTWFwcGluZ1VSTD1zdHlsZXMuanMubWFwIl19 */")], ["\n width: 100%;\n" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInN0eWxlcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFFeUIiLCJmaWxlIjoic3R5bGVzLnRzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgX19tYWtlVGVtcGxhdGVPYmplY3QgfSBmcm9tIFwidHNsaWJcIjtcbmltcG9ydCBzdHlsZWQgZnJvbSBcIkBlbW90aW9uL3N0eWxlZFwiO1xuZXhwb3J0IHZhciBHcmlkV3JhcHBlciA9IHN0eWxlZC5kaXYodGVtcGxhdGVPYmplY3RfMSB8fCAodGVtcGxhdGVPYmplY3RfMSA9IF9fbWFrZVRlbXBsYXRlT2JqZWN0KFtcIlxcbiAgd2lkdGg6IDEwMCU7XFxuXCJdLCBbXCJcXG4gIHdpZHRoOiAxMDAlO1xcblwiXSkpKTtcbmV4cG9ydCB2YXIgR3JpZEl0ZW1zID0gc3R5bGVkLmRpdih0ZW1wbGF0ZU9iamVjdF8yIHx8ICh0ZW1wbGF0ZU9iamVjdF8yID0gX19tYWtlVGVtcGxhdGVPYmplY3QoW1wiXFxuICBkaXNwbGF5OiBncmlkO1xcblxcbiAgcm93LWdhcDogXCIsIFwicHg7XFxuICBjb2x1bW4tZ2FwOiBcIiwgXCJweDtcXG5cXG4gIGdyaWQtdGVtcGxhdGUtY29sdW1uczogcmVwZWF0KGF1dG8tZml0LCBtaW5tYXgoXCIsIFwicHgsIDFmcikpO1xcbiAgZ3JpZC1hdXRvLWZsb3c6IHJvdyBkZW5zZTtcXG5cIl0sIFtcIlxcbiAgZGlzcGxheTogZ3JpZDtcXG5cXG4gIHJvdy1nYXA6IFwiLCBcInB4O1xcbiAgY29sdW1uLWdhcDogXCIsIFwicHg7XFxuXFxuICBncmlkLXRlbXBsYXRlLWNvbHVtbnM6IHJlcGVhdChhdXRvLWZpdCwgbWlubWF4KFwiLCBcInB4LCAxZnIpKTtcXG4gIGdyaWQtYXV0by1mbG93OiByb3cgZGVuc2U7XFxuXCJdKSksIGZ1bmN0aW9uIChfYSkge1xuICAgIHZhciBncmlkUm93R2FwID0gX2EuZ3JpZFJvd0dhcDtcbiAgICByZXR1cm4gZ3JpZFJvd0dhcDtcbn0sIGZ1bmN0aW9uIChfYSkge1xuICAgIHZhciBncmlkQ29sdW1uR2FwID0gX2EuZ3JpZENvbHVtbkdhcDtcbiAgICByZXR1cm4gZ3JpZENvbHVtbkdhcDtcbn0sIGZ1bmN0aW9uIChfYSkge1xuICAgIHZhciBncmlkSXRlbU1pbldpZHRoID0gX2EuZ3JpZEl0ZW1NaW5XaWR0aDtcbiAgICByZXR1cm4gZ3JpZEl0ZW1NaW5XaWR0aDtcbn0pO1xudmFyIHRlbXBsYXRlT2JqZWN0XzEsIHRlbXBsYXRlT2JqZWN0XzI7XG4vLyMgc291cmNlTWFwcGluZ1VSTD1zdHlsZXMuanMubWFwIl19 */")])));
|
|
16
16
|
var GridItems = /*#__PURE__*/_styled__default.default("div", process.env.NODE_ENV === "production" ? {
|
|
17
17
|
target: "e1wwgvwc0"
|
|
18
18
|
} : {
|
|
19
19
|
target: "e1wwgvwc0",
|
|
20
20
|
label: "GridItems"
|
|
21
|
-
})(templateObject_2 || (templateObject_2 = tslib.__makeTemplateObject(["\n display: grid;\n\n row-gap:
|
|
21
|
+
})(templateObject_2 || (templateObject_2 = tslib.__makeTemplateObject(["\n display: grid;\n\n row-gap: ", "px;\n column-gap: ", "px;\n\n grid-template-columns: repeat(auto-fit, minmax(", "px, 1fr));\n grid-auto-flow: row dense;\n" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInN0eWxlcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFHdUIiLCJmaWxlIjoic3R5bGVzLnRzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgX19tYWtlVGVtcGxhdGVPYmplY3QgfSBmcm9tIFwidHNsaWJcIjtcbmltcG9ydCBzdHlsZWQgZnJvbSBcIkBlbW90aW9uL3N0eWxlZFwiO1xuZXhwb3J0IHZhciBHcmlkV3JhcHBlciA9IHN0eWxlZC5kaXYodGVtcGxhdGVPYmplY3RfMSB8fCAodGVtcGxhdGVPYmplY3RfMSA9IF9fbWFrZVRlbXBsYXRlT2JqZWN0KFtcIlxcbiAgd2lkdGg6IDEwMCU7XFxuXCJdLCBbXCJcXG4gIHdpZHRoOiAxMDAlO1xcblwiXSkpKTtcbmV4cG9ydCB2YXIgR3JpZEl0ZW1zID0gc3R5bGVkLmRpdih0ZW1wbGF0ZU9iamVjdF8yIHx8ICh0ZW1wbGF0ZU9iamVjdF8yID0gX19tYWtlVGVtcGxhdGVPYmplY3QoW1wiXFxuICBkaXNwbGF5OiBncmlkO1xcblxcbiAgcm93LWdhcDogXCIsIFwicHg7XFxuICBjb2x1bW4tZ2FwOiBcIiwgXCJweDtcXG5cXG4gIGdyaWQtdGVtcGxhdGUtY29sdW1uczogcmVwZWF0KGF1dG8tZml0LCBtaW5tYXgoXCIsIFwicHgsIDFmcikpO1xcbiAgZ3JpZC1hdXRvLWZsb3c6IHJvdyBkZW5zZTtcXG5cIl0sIFtcIlxcbiAgZGlzcGxheTogZ3JpZDtcXG5cXG4gIHJvdy1nYXA6IFwiLCBcInB4O1xcbiAgY29sdW1uLWdhcDogXCIsIFwicHg7XFxuXFxuICBncmlkLXRlbXBsYXRlLWNvbHVtbnM6IHJlcGVhdChhdXRvLWZpdCwgbWlubWF4KFwiLCBcInB4LCAxZnIpKTtcXG4gIGdyaWQtYXV0by1mbG93OiByb3cgZGVuc2U7XFxuXCJdKSksIGZ1bmN0aW9uIChfYSkge1xuICAgIHZhciBncmlkUm93R2FwID0gX2EuZ3JpZFJvd0dhcDtcbiAgICByZXR1cm4gZ3JpZFJvd0dhcDtcbn0sIGZ1bmN0aW9uIChfYSkge1xuICAgIHZhciBncmlkQ29sdW1uR2FwID0gX2EuZ3JpZENvbHVtbkdhcDtcbiAgICByZXR1cm4gZ3JpZENvbHVtbkdhcDtcbn0sIGZ1bmN0aW9uIChfYSkge1xuICAgIHZhciBncmlkSXRlbU1pbldpZHRoID0gX2EuZ3JpZEl0ZW1NaW5XaWR0aDtcbiAgICByZXR1cm4gZ3JpZEl0ZW1NaW5XaWR0aDtcbn0pO1xudmFyIHRlbXBsYXRlT2JqZWN0XzEsIHRlbXBsYXRlT2JqZWN0XzI7XG4vLyMgc291cmNlTWFwcGluZ1VSTD1zdHlsZXMuanMubWFwIl19 */")], ["\n display: grid;\n\n row-gap: ", "px;\n column-gap: ", "px;\n\n grid-template-columns: repeat(auto-fit, minmax(", "px, 1fr));\n grid-auto-flow: row dense;\n" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInN0eWxlcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFHdUIiLCJmaWxlIjoic3R5bGVzLnRzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgX19tYWtlVGVtcGxhdGVPYmplY3QgfSBmcm9tIFwidHNsaWJcIjtcbmltcG9ydCBzdHlsZWQgZnJvbSBcIkBlbW90aW9uL3N0eWxlZFwiO1xuZXhwb3J0IHZhciBHcmlkV3JhcHBlciA9IHN0eWxlZC5kaXYodGVtcGxhdGVPYmplY3RfMSB8fCAodGVtcGxhdGVPYmplY3RfMSA9IF9fbWFrZVRlbXBsYXRlT2JqZWN0KFtcIlxcbiAgd2lkdGg6IDEwMCU7XFxuXCJdLCBbXCJcXG4gIHdpZHRoOiAxMDAlO1xcblwiXSkpKTtcbmV4cG9ydCB2YXIgR3JpZEl0ZW1zID0gc3R5bGVkLmRpdih0ZW1wbGF0ZU9iamVjdF8yIHx8ICh0ZW1wbGF0ZU9iamVjdF8yID0gX19tYWtlVGVtcGxhdGVPYmplY3QoW1wiXFxuICBkaXNwbGF5OiBncmlkO1xcblxcbiAgcm93LWdhcDogXCIsIFwicHg7XFxuICBjb2x1bW4tZ2FwOiBcIiwgXCJweDtcXG5cXG4gIGdyaWQtdGVtcGxhdGUtY29sdW1uczogcmVwZWF0KGF1dG8tZml0LCBtaW5tYXgoXCIsIFwicHgsIDFmcikpO1xcbiAgZ3JpZC1hdXRvLWZsb3c6IHJvdyBkZW5zZTtcXG5cIl0sIFtcIlxcbiAgZGlzcGxheTogZ3JpZDtcXG5cXG4gIHJvdy1nYXA6IFwiLCBcInB4O1xcbiAgY29sdW1uLWdhcDogXCIsIFwicHg7XFxuXFxuICBncmlkLXRlbXBsYXRlLWNvbHVtbnM6IHJlcGVhdChhdXRvLWZpdCwgbWlubWF4KFwiLCBcInB4LCAxZnIpKTtcXG4gIGdyaWQtYXV0by1mbG93OiByb3cgZGVuc2U7XFxuXCJdKSksIGZ1bmN0aW9uIChfYSkge1xuICAgIHZhciBncmlkUm93R2FwID0gX2EuZ3JpZFJvd0dhcDtcbiAgICByZXR1cm4gZ3JpZFJvd0dhcDtcbn0sIGZ1bmN0aW9uIChfYSkge1xuICAgIHZhciBncmlkQ29sdW1uR2FwID0gX2EuZ3JpZENvbHVtbkdhcDtcbiAgICByZXR1cm4gZ3JpZENvbHVtbkdhcDtcbn0sIGZ1bmN0aW9uIChfYSkge1xuICAgIHZhciBncmlkSXRlbU1pbldpZHRoID0gX2EuZ3JpZEl0ZW1NaW5XaWR0aDtcbiAgICByZXR1cm4gZ3JpZEl0ZW1NaW5XaWR0aDtcbn0pO1xudmFyIHRlbXBsYXRlT2JqZWN0XzEsIHRlbXBsYXRlT2JqZWN0XzI7XG4vLyMgc291cmNlTWFwcGluZ1VSTD1zdHlsZXMuanMubWFwIl19 */")])), function (_a) {
|
|
22
|
+
var gridRowGap = _a.gridRowGap;
|
|
23
|
+
return gridRowGap;
|
|
24
|
+
}, function (_a) {
|
|
25
|
+
var gridColumnGap = _a.gridColumnGap;
|
|
26
|
+
return gridColumnGap;
|
|
27
|
+
}, function (_a) {
|
|
28
|
+
var gridItemMinWidth = _a.gridItemMinWidth;
|
|
29
|
+
return gridItemMinWidth;
|
|
30
|
+
});
|
|
22
31
|
var templateObject_1, templateObject_2;
|
|
23
32
|
|
|
24
33
|
exports.GridItems = GridItems;
|
package/esm/Grid/index.js
CHANGED
|
@@ -3,10 +3,19 @@ import { GridWrapper, GridItems } from './styles.js';
|
|
|
3
3
|
|
|
4
4
|
var Grid = function Grid(_a) {
|
|
5
5
|
var children = _a.children,
|
|
6
|
+
_b = _a.gridRowGap,
|
|
7
|
+
gridRowGap = _b === void 0 ? 24 : _b,
|
|
8
|
+
_c = _a.gridColumnGap,
|
|
9
|
+
gridColumnGap = _c === void 0 ? 16 : _c,
|
|
10
|
+
_d = _a.gridItemMinWidth,
|
|
11
|
+
gridItemMinWidth = _d === void 0 ? 136 : _d,
|
|
6
12
|
className = _a.className;
|
|
7
13
|
return jsx(GridWrapper, {
|
|
8
14
|
className: className,
|
|
9
15
|
children: jsx(GridItems, {
|
|
16
|
+
gridRowGap: gridRowGap,
|
|
17
|
+
gridColumnGap: gridColumnGap,
|
|
18
|
+
gridItemMinWidth: gridItemMinWidth,
|
|
10
19
|
children: children
|
|
11
20
|
})
|
|
12
21
|
});
|
package/esm/Grid/styles.d.ts
CHANGED
|
@@ -6,4 +6,8 @@ export declare const GridWrapper: import("@emotion/styled").StyledComponent<{
|
|
|
6
6
|
export declare const GridItems: import("@emotion/styled").StyledComponent<{
|
|
7
7
|
theme?: import("@emotion/react").Theme | undefined;
|
|
8
8
|
as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
|
|
9
|
+
} & {
|
|
10
|
+
gridRowGap?: number | undefined;
|
|
11
|
+
gridColumnGap?: number | undefined;
|
|
12
|
+
gridItemMinWidth?: number | undefined;
|
|
9
13
|
}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
|
package/esm/Grid/styles.js
CHANGED
|
@@ -6,13 +6,22 @@ var GridWrapper = /*#__PURE__*/_styled("div", process.env.NODE_ENV === "producti
|
|
|
6
6
|
} : {
|
|
7
7
|
target: "e1wwgvwc1",
|
|
8
8
|
label: "GridWrapper"
|
|
9
|
-
})(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n width: 100%;\n" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,
|
|
9
|
+
})(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n width: 100%;\n" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInN0eWxlcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFFeUIiLCJmaWxlIjoic3R5bGVzLnRzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgX19tYWtlVGVtcGxhdGVPYmplY3QgfSBmcm9tIFwidHNsaWJcIjtcbmltcG9ydCBzdHlsZWQgZnJvbSBcIkBlbW90aW9uL3N0eWxlZFwiO1xuZXhwb3J0IHZhciBHcmlkV3JhcHBlciA9IHN0eWxlZC5kaXYodGVtcGxhdGVPYmplY3RfMSB8fCAodGVtcGxhdGVPYmplY3RfMSA9IF9fbWFrZVRlbXBsYXRlT2JqZWN0KFtcIlxcbiAgd2lkdGg6IDEwMCU7XFxuXCJdLCBbXCJcXG4gIHdpZHRoOiAxMDAlO1xcblwiXSkpKTtcbmV4cG9ydCB2YXIgR3JpZEl0ZW1zID0gc3R5bGVkLmRpdih0ZW1wbGF0ZU9iamVjdF8yIHx8ICh0ZW1wbGF0ZU9iamVjdF8yID0gX19tYWtlVGVtcGxhdGVPYmplY3QoW1wiXFxuICBkaXNwbGF5OiBncmlkO1xcblxcbiAgcm93LWdhcDogXCIsIFwicHg7XFxuICBjb2x1bW4tZ2FwOiBcIiwgXCJweDtcXG5cXG4gIGdyaWQtdGVtcGxhdGUtY29sdW1uczogcmVwZWF0KGF1dG8tZml0LCBtaW5tYXgoXCIsIFwicHgsIDFmcikpO1xcbiAgZ3JpZC1hdXRvLWZsb3c6IHJvdyBkZW5zZTtcXG5cIl0sIFtcIlxcbiAgZGlzcGxheTogZ3JpZDtcXG5cXG4gIHJvdy1nYXA6IFwiLCBcInB4O1xcbiAgY29sdW1uLWdhcDogXCIsIFwicHg7XFxuXFxuICBncmlkLXRlbXBsYXRlLWNvbHVtbnM6IHJlcGVhdChhdXRvLWZpdCwgbWlubWF4KFwiLCBcInB4LCAxZnIpKTtcXG4gIGdyaWQtYXV0by1mbG93OiByb3cgZGVuc2U7XFxuXCJdKSksIGZ1bmN0aW9uIChfYSkge1xuICAgIHZhciBncmlkUm93R2FwID0gX2EuZ3JpZFJvd0dhcDtcbiAgICByZXR1cm4gZ3JpZFJvd0dhcDtcbn0sIGZ1bmN0aW9uIChfYSkge1xuICAgIHZhciBncmlkQ29sdW1uR2FwID0gX2EuZ3JpZENvbHVtbkdhcDtcbiAgICByZXR1cm4gZ3JpZENvbHVtbkdhcDtcbn0sIGZ1bmN0aW9uIChfYSkge1xuICAgIHZhciBncmlkSXRlbU1pbldpZHRoID0gX2EuZ3JpZEl0ZW1NaW5XaWR0aDtcbiAgICByZXR1cm4gZ3JpZEl0ZW1NaW5XaWR0aDtcbn0pO1xudmFyIHRlbXBsYXRlT2JqZWN0XzEsIHRlbXBsYXRlT2JqZWN0XzI7XG4vLyMgc291cmNlTWFwcGluZ1VSTD1zdHlsZXMuanMubWFwIl19 */")], ["\n width: 100%;\n" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInN0eWxlcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFFeUIiLCJmaWxlIjoic3R5bGVzLnRzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgX19tYWtlVGVtcGxhdGVPYmplY3QgfSBmcm9tIFwidHNsaWJcIjtcbmltcG9ydCBzdHlsZWQgZnJvbSBcIkBlbW90aW9uL3N0eWxlZFwiO1xuZXhwb3J0IHZhciBHcmlkV3JhcHBlciA9IHN0eWxlZC5kaXYodGVtcGxhdGVPYmplY3RfMSB8fCAodGVtcGxhdGVPYmplY3RfMSA9IF9fbWFrZVRlbXBsYXRlT2JqZWN0KFtcIlxcbiAgd2lkdGg6IDEwMCU7XFxuXCJdLCBbXCJcXG4gIHdpZHRoOiAxMDAlO1xcblwiXSkpKTtcbmV4cG9ydCB2YXIgR3JpZEl0ZW1zID0gc3R5bGVkLmRpdih0ZW1wbGF0ZU9iamVjdF8yIHx8ICh0ZW1wbGF0ZU9iamVjdF8yID0gX19tYWtlVGVtcGxhdGVPYmplY3QoW1wiXFxuICBkaXNwbGF5OiBncmlkO1xcblxcbiAgcm93LWdhcDogXCIsIFwicHg7XFxuICBjb2x1bW4tZ2FwOiBcIiwgXCJweDtcXG5cXG4gIGdyaWQtdGVtcGxhdGUtY29sdW1uczogcmVwZWF0KGF1dG8tZml0LCBtaW5tYXgoXCIsIFwicHgsIDFmcikpO1xcbiAgZ3JpZC1hdXRvLWZsb3c6IHJvdyBkZW5zZTtcXG5cIl0sIFtcIlxcbiAgZGlzcGxheTogZ3JpZDtcXG5cXG4gIHJvdy1nYXA6IFwiLCBcInB4O1xcbiAgY29sdW1uLWdhcDogXCIsIFwicHg7XFxuXFxuICBncmlkLXRlbXBsYXRlLWNvbHVtbnM6IHJlcGVhdChhdXRvLWZpdCwgbWlubWF4KFwiLCBcInB4LCAxZnIpKTtcXG4gIGdyaWQtYXV0by1mbG93OiByb3cgZGVuc2U7XFxuXCJdKSksIGZ1bmN0aW9uIChfYSkge1xuICAgIHZhciBncmlkUm93R2FwID0gX2EuZ3JpZFJvd0dhcDtcbiAgICByZXR1cm4gZ3JpZFJvd0dhcDtcbn0sIGZ1bmN0aW9uIChfYSkge1xuICAgIHZhciBncmlkQ29sdW1uR2FwID0gX2EuZ3JpZENvbHVtbkdhcDtcbiAgICByZXR1cm4gZ3JpZENvbHVtbkdhcDtcbn0sIGZ1bmN0aW9uIChfYSkge1xuICAgIHZhciBncmlkSXRlbU1pbldpZHRoID0gX2EuZ3JpZEl0ZW1NaW5XaWR0aDtcbiAgICByZXR1cm4gZ3JpZEl0ZW1NaW5XaWR0aDtcbn0pO1xudmFyIHRlbXBsYXRlT2JqZWN0XzEsIHRlbXBsYXRlT2JqZWN0XzI7XG4vLyMgc291cmNlTWFwcGluZ1VSTD1zdHlsZXMuanMubWFwIl19 */")])));
|
|
10
10
|
var GridItems = /*#__PURE__*/_styled("div", process.env.NODE_ENV === "production" ? {
|
|
11
11
|
target: "e1wwgvwc0"
|
|
12
12
|
} : {
|
|
13
13
|
target: "e1wwgvwc0",
|
|
14
14
|
label: "GridItems"
|
|
15
|
-
})(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n display: grid;\n\n row-gap:
|
|
15
|
+
})(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n display: grid;\n\n row-gap: ", "px;\n column-gap: ", "px;\n\n grid-template-columns: repeat(auto-fit, minmax(", "px, 1fr));\n grid-auto-flow: row dense;\n" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInN0eWxlcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFHdUIiLCJmaWxlIjoic3R5bGVzLnRzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgX19tYWtlVGVtcGxhdGVPYmplY3QgfSBmcm9tIFwidHNsaWJcIjtcbmltcG9ydCBzdHlsZWQgZnJvbSBcIkBlbW90aW9uL3N0eWxlZFwiO1xuZXhwb3J0IHZhciBHcmlkV3JhcHBlciA9IHN0eWxlZC5kaXYodGVtcGxhdGVPYmplY3RfMSB8fCAodGVtcGxhdGVPYmplY3RfMSA9IF9fbWFrZVRlbXBsYXRlT2JqZWN0KFtcIlxcbiAgd2lkdGg6IDEwMCU7XFxuXCJdLCBbXCJcXG4gIHdpZHRoOiAxMDAlO1xcblwiXSkpKTtcbmV4cG9ydCB2YXIgR3JpZEl0ZW1zID0gc3R5bGVkLmRpdih0ZW1wbGF0ZU9iamVjdF8yIHx8ICh0ZW1wbGF0ZU9iamVjdF8yID0gX19tYWtlVGVtcGxhdGVPYmplY3QoW1wiXFxuICBkaXNwbGF5OiBncmlkO1xcblxcbiAgcm93LWdhcDogXCIsIFwicHg7XFxuICBjb2x1bW4tZ2FwOiBcIiwgXCJweDtcXG5cXG4gIGdyaWQtdGVtcGxhdGUtY29sdW1uczogcmVwZWF0KGF1dG8tZml0LCBtaW5tYXgoXCIsIFwicHgsIDFmcikpO1xcbiAgZ3JpZC1hdXRvLWZsb3c6IHJvdyBkZW5zZTtcXG5cIl0sIFtcIlxcbiAgZGlzcGxheTogZ3JpZDtcXG5cXG4gIHJvdy1nYXA6IFwiLCBcInB4O1xcbiAgY29sdW1uLWdhcDogXCIsIFwicHg7XFxuXFxuICBncmlkLXRlbXBsYXRlLWNvbHVtbnM6IHJlcGVhdChhdXRvLWZpdCwgbWlubWF4KFwiLCBcInB4LCAxZnIpKTtcXG4gIGdyaWQtYXV0by1mbG93OiByb3cgZGVuc2U7XFxuXCJdKSksIGZ1bmN0aW9uIChfYSkge1xuICAgIHZhciBncmlkUm93R2FwID0gX2EuZ3JpZFJvd0dhcDtcbiAgICByZXR1cm4gZ3JpZFJvd0dhcDtcbn0sIGZ1bmN0aW9uIChfYSkge1xuICAgIHZhciBncmlkQ29sdW1uR2FwID0gX2EuZ3JpZENvbHVtbkdhcDtcbiAgICByZXR1cm4gZ3JpZENvbHVtbkdhcDtcbn0sIGZ1bmN0aW9uIChfYSkge1xuICAgIHZhciBncmlkSXRlbU1pbldpZHRoID0gX2EuZ3JpZEl0ZW1NaW5XaWR0aDtcbiAgICByZXR1cm4gZ3JpZEl0ZW1NaW5XaWR0aDtcbn0pO1xudmFyIHRlbXBsYXRlT2JqZWN0XzEsIHRlbXBsYXRlT2JqZWN0XzI7XG4vLyMgc291cmNlTWFwcGluZ1VSTD1zdHlsZXMuanMubWFwIl19 */")], ["\n display: grid;\n\n row-gap: ", "px;\n column-gap: ", "px;\n\n grid-template-columns: repeat(auto-fit, minmax(", "px, 1fr));\n grid-auto-flow: row dense;\n" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInN0eWxlcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFHdUIiLCJmaWxlIjoic3R5bGVzLnRzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgX19tYWtlVGVtcGxhdGVPYmplY3QgfSBmcm9tIFwidHNsaWJcIjtcbmltcG9ydCBzdHlsZWQgZnJvbSBcIkBlbW90aW9uL3N0eWxlZFwiO1xuZXhwb3J0IHZhciBHcmlkV3JhcHBlciA9IHN0eWxlZC5kaXYodGVtcGxhdGVPYmplY3RfMSB8fCAodGVtcGxhdGVPYmplY3RfMSA9IF9fbWFrZVRlbXBsYXRlT2JqZWN0KFtcIlxcbiAgd2lkdGg6IDEwMCU7XFxuXCJdLCBbXCJcXG4gIHdpZHRoOiAxMDAlO1xcblwiXSkpKTtcbmV4cG9ydCB2YXIgR3JpZEl0ZW1zID0gc3R5bGVkLmRpdih0ZW1wbGF0ZU9iamVjdF8yIHx8ICh0ZW1wbGF0ZU9iamVjdF8yID0gX19tYWtlVGVtcGxhdGVPYmplY3QoW1wiXFxuICBkaXNwbGF5OiBncmlkO1xcblxcbiAgcm93LWdhcDogXCIsIFwicHg7XFxuICBjb2x1bW4tZ2FwOiBcIiwgXCJweDtcXG5cXG4gIGdyaWQtdGVtcGxhdGUtY29sdW1uczogcmVwZWF0KGF1dG8tZml0LCBtaW5tYXgoXCIsIFwicHgsIDFmcikpO1xcbiAgZ3JpZC1hdXRvLWZsb3c6IHJvdyBkZW5zZTtcXG5cIl0sIFtcIlxcbiAgZGlzcGxheTogZ3JpZDtcXG5cXG4gIHJvdy1nYXA6IFwiLCBcInB4O1xcbiAgY29sdW1uLWdhcDogXCIsIFwicHg7XFxuXFxuICBncmlkLXRlbXBsYXRlLWNvbHVtbnM6IHJlcGVhdChhdXRvLWZpdCwgbWlubWF4KFwiLCBcInB4LCAxZnIpKTtcXG4gIGdyaWQtYXV0by1mbG93OiByb3cgZGVuc2U7XFxuXCJdKSksIGZ1bmN0aW9uIChfYSkge1xuICAgIHZhciBncmlkUm93R2FwID0gX2EuZ3JpZFJvd0dhcDtcbiAgICByZXR1cm4gZ3JpZFJvd0dhcDtcbn0sIGZ1bmN0aW9uIChfYSkge1xuICAgIHZhciBncmlkQ29sdW1uR2FwID0gX2EuZ3JpZENvbHVtbkdhcDtcbiAgICByZXR1cm4gZ3JpZENvbHVtbkdhcDtcbn0sIGZ1bmN0aW9uIChfYSkge1xuICAgIHZhciBncmlkSXRlbU1pbldpZHRoID0gX2EuZ3JpZEl0ZW1NaW5XaWR0aDtcbiAgICByZXR1cm4gZ3JpZEl0ZW1NaW5XaWR0aDtcbn0pO1xudmFyIHRlbXBsYXRlT2JqZWN0XzEsIHRlbXBsYXRlT2JqZWN0XzI7XG4vLyMgc291cmNlTWFwcGluZ1VSTD1zdHlsZXMuanMubWFwIl19 */")])), function (_a) {
|
|
16
|
+
var gridRowGap = _a.gridRowGap;
|
|
17
|
+
return gridRowGap;
|
|
18
|
+
}, function (_a) {
|
|
19
|
+
var gridColumnGap = _a.gridColumnGap;
|
|
20
|
+
return gridColumnGap;
|
|
21
|
+
}, function (_a) {
|
|
22
|
+
var gridItemMinWidth = _a.gridItemMinWidth;
|
|
23
|
+
return gridItemMinWidth;
|
|
24
|
+
});
|
|
16
25
|
var templateObject_1, templateObject_2;
|
|
17
26
|
|
|
18
27
|
export { GridItems, GridWrapper };
|