@auspices/eos 2.29.1 → 2.30.0
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/Grid/Grid.d.ts +2 -2
- package/dist/Grid/Grid.js +12 -4
- package/dist/Grid/Grid.js.map +1 -1
- package/package.json +1 -1
package/dist/Grid/Grid.d.ts
CHANGED
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
import React from "react";
|
|
2
|
-
import { GridProps as SystemGridProps } from "styled-system";
|
|
2
|
+
import { GridProps as SystemGridProps, ResponsiveValue } from "styled-system";
|
|
3
3
|
import { BoxProps } from "../Box";
|
|
4
4
|
export declare type GridProps = SystemGridProps & BoxProps & {
|
|
5
|
-
cellSize?: number | string
|
|
5
|
+
cellSize?: ResponsiveValue<number | string>;
|
|
6
6
|
cellGap?: number | string;
|
|
7
7
|
};
|
|
8
8
|
export declare const GridCell: import("styled-components").StyledComponent<"div", any, {}, never>;
|
package/dist/Grid/Grid.js
CHANGED
|
@@ -54,11 +54,19 @@ var styled_components_1 = __importStar(require("styled-components"));
|
|
|
54
54
|
var styled_system_1 = require("styled-system");
|
|
55
55
|
var theme_get_1 = require("@styled-system/theme-get");
|
|
56
56
|
var Box_1 = require("../Box");
|
|
57
|
-
var Container = (0, styled_components_1.default)(Box_1.Box)(
|
|
57
|
+
var Container = (0, styled_components_1.default)(Box_1.Box)(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n display: grid;\n\n ", "\n\n ", "\n"], ["\n display: grid;\n\n ", "\n\n ", "\n"])), function (_a) {
|
|
58
58
|
var cellSize = _a.cellSize, cellGap = _a.cellGap, rest = __rest(_a, ["cellSize", "cellGap"]);
|
|
59
|
-
|
|
59
|
+
if (Array.isArray(cellSize)) {
|
|
60
|
+
return (0, styled_components_1.css)(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n grid-column-gap: ", ";\n grid-row-gap: ", ";\n\n ", "\n "], ["\n grid-column-gap: ", ";\n grid-row-gap: ", ";\n\n ", "\n "])), (0, theme_get_1.themeGet)("space.".concat(cellGap), cellGap)(rest), (0, theme_get_1.themeGet)("space.".concat(cellGap), cellGap)(rest), cellSize.map(function (cs, i) {
|
|
61
|
+
if (i === 0) {
|
|
62
|
+
return (0, styled_components_1.css)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n grid-template-columns: repeat(\n auto-fill,\n minmax(", ", 1fr)\n );\n "], ["\n grid-template-columns: repeat(\n auto-fill,\n minmax(", ", 1fr)\n );\n "])), (0, theme_get_1.themeGet)("space.".concat(cs), cs)(rest));
|
|
63
|
+
}
|
|
64
|
+
return (0, styled_components_1.css)(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n @media (min-width: ", ") {\n grid-template-columns: repeat(\n auto-fill,\n minmax(", ", 1fr)\n );\n }\n "], ["\n @media (min-width: ", ") {\n grid-template-columns: repeat(\n auto-fill,\n minmax(", ", 1fr)\n );\n }\n "])), function (props) { return props.theme.breakpoints[i - 1]; }, (0, theme_get_1.themeGet)("space.".concat(cs), cs)(rest));
|
|
65
|
+
}));
|
|
66
|
+
}
|
|
67
|
+
return (0, styled_components_1.css)(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n grid-column-gap: ", ";\n grid-row-gap: ", ";\n grid-template-columns: repeat(\n auto-fill,\n minmax(", ", 1fr)\n );\n "], ["\n grid-column-gap: ", ";\n grid-row-gap: ", ";\n grid-template-columns: repeat(\n auto-fill,\n minmax(", ", 1fr)\n );\n "])), (0, theme_get_1.themeGet)("space.".concat(cellGap), cellGap)(rest), (0, theme_get_1.themeGet)("space.".concat(cellGap), cellGap)(rest), (0, theme_get_1.themeGet)("space.".concat(cellSize), cellSize)(rest));
|
|
60
68
|
}, styled_system_1.grid);
|
|
61
|
-
exports.GridCell = styled_components_1.default.div(
|
|
69
|
+
exports.GridCell = styled_components_1.default.div(templateObject_6 || (templateObject_6 = __makeTemplateObject(["\n display: flex;\n align-items: flex-start;\n justify-content: center;\n"], ["\n display: flex;\n align-items: flex-start;\n justify-content: center;\n"])));
|
|
62
70
|
var Grid = function (_a) {
|
|
63
71
|
var children = _a.children, _b = _a.cellSize, cellSize = _b === void 0 ? 10 : _b, _c = _a.cellGap, cellGap = _c === void 0 ? 5 : _c, rest = __rest(_a, ["children", "cellSize", "cellGap"]);
|
|
64
72
|
return (react_1.default.createElement(Container, __assign({ cellSize: cellSize, cellGap: cellGap }, rest), react_1.default.Children.map(children, function (child, i) { return (react_1.default.createElement(exports.GridCell, { key: i }, child)); })));
|
|
@@ -69,5 +77,5 @@ exports.Grid.defaultProps = {
|
|
|
69
77
|
height: "100%",
|
|
70
78
|
};
|
|
71
79
|
exports.Grid.displayName = "Grid";
|
|
72
|
-
var templateObject_1, templateObject_2, templateObject_3;
|
|
80
|
+
var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5, templateObject_6;
|
|
73
81
|
//# sourceMappingURL=Grid.js.map
|
package/dist/Grid/Grid.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Grid.js","sourceRoot":"","sources":["../../src/Grid/Grid.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,gDAA0B;AAC1B,qEAAgD;AAChD,+
|
|
1
|
+
{"version":3,"file":"Grid.js","sourceRoot":"","sources":["../../src/Grid/Grid.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,gDAA0B;AAC1B,qEAAgD;AAChD,+CAIuB;AACvB,sDAAoD;AACpD,8BAAuC;AAQvC,IAAM,SAAS,GAAG,IAAA,2BAAM,EAAC,SAAG,CAAC,6GAAW,0BAGpC,EAoCD,QAEC,EAAI,IACP,KAvCG,UAAC,EAA8B;IAA5B,IAAA,QAAQ,cAAA,EAAE,OAAO,aAAA,EAAK,IAAI,cAA5B,uBAA8B,CAAF;IAC7B,IAAI,KAAK,CAAC,OAAO,CAAC,QAAQ,CAAC,EAAE;QAC3B,WAAO,uBAAG,2JAAA,6BACW,EAA2C,2BAC9C,EAA2C,eAEzD,EAkBA,UACH,KAtBoB,IAAA,oBAAQ,EAAC,gBAAS,OAAO,CAAE,EAAE,OAAO,CAAC,CAAC,IAAI,CAAC,EAC9C,IAAA,oBAAQ,EAAC,gBAAS,OAAO,CAAE,EAAE,OAAO,CAAC,CAAC,IAAI,CAAC,EAEzD,QAAQ,CAAC,GAAG,CAAC,UAAC,EAAE,EAAE,CAAC;YACnB,IAAI,CAAC,KAAK,CAAC,EAAE;gBACX,WAAO,uBAAG,mNAAA,qGAGG,EAAiC,wCAE7C,KAFY,IAAA,oBAAQ,EAAC,gBAAS,EAAE,CAAE,EAAE,EAAE,CAAC,CAAC,IAAI,CAAC,EAE5C;aACH;YAED,WAAO,uBAAG,wQAAA,mCACa,EAAyC,wGAGjD,EAAiC,qDAG/C,KANsB,UAAC,KAAK,IAAK,OAAA,KAAK,CAAC,KAAK,CAAC,WAAW,CAAC,CAAC,GAAG,CAAC,CAAC,EAA9B,CAA8B,EAGjD,IAAA,oBAAQ,EAAC,gBAAS,EAAE,CAAE,EAAE,EAAE,CAAC,CAAC,IAAI,CAAC,EAG9C;QACJ,CAAC,CAAC,EACF;KACH;IAED,WAAO,uBAAG,oOAAA,2BACW,EAA2C,yBAC9C,EAA2C,8EAGhD,EAA6C,wBAEzD,KANoB,IAAA,oBAAQ,EAAC,gBAAS,OAAO,CAAE,EAAE,OAAO,CAAC,CAAC,IAAI,CAAC,EAC9C,IAAA,oBAAQ,EAAC,gBAAS,OAAO,CAAE,EAAE,OAAO,CAAC,CAAC,IAAI,CAAC,EAGhD,IAAA,oBAAQ,EAAC,gBAAS,QAAQ,CAAE,EAAE,QAAQ,CAAC,CAAC,IAAI,CAAC,EAExD;AACJ,CAAC,EAEC,oBAAI,CACP,CAAC;AAEW,QAAA,QAAQ,GAAG,2BAAM,CAAC,GAAG,iJAAA,8EAIjC,KAAC;AAEK,IAAM,IAAI,GAAwB,UAAC,EAKzC;IAJC,IAAA,QAAQ,cAAA,EACR,gBAAa,EAAb,QAAQ,mBAAG,EAAE,KAAA,EACb,eAAW,EAAX,OAAO,mBAAG,CAAC,KAAA,EACR,IAAI,cAJiC,mCAKzC,CADQ;IAEP,OAAO,CACL,8BAAC,SAAS,aAAC,QAAQ,EAAE,QAAQ,EAAE,OAAO,EAAE,OAAO,IAAM,IAAI,GACtD,eAAK,CAAC,QAAQ,CAAC,GAAG,CAAC,QAAQ,EAAE,UAAC,KAAK,EAAE,CAAC,IAAK,OAAA,CAC1C,8BAAC,gBAAQ,IAAC,GAAG,EAAE,CAAC,IAAG,KAAK,CAAY,CACrC,EAF2C,CAE3C,CAAC,CACQ,CACb,CAAC;AACJ,CAAC,CAAC;AAbW,QAAA,IAAI,QAaf;AAEF,YAAI,CAAC,YAAY,GAAG;IAClB,KAAK,EAAE,MAAM;IACb,MAAM,EAAE,MAAM;CACf,CAAC;AAEF,YAAI,CAAC,WAAW,GAAG,MAAM,CAAC"}
|