@auspices/eos 2.28.0 → 2.30.1
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/Button/Button.js +1 -1
- package/dist/Button/Button.js.map +1 -1
- package/dist/Clear/Clear.js +1 -1
- package/dist/Clear/Clear.js.map +1 -1
- package/dist/Dropdown/Dropdown.d.ts +2 -0
- package/dist/Dropdown/Dropdown.js +5 -5
- package/dist/Dropdown/Dropdown.js.map +1 -1
- 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/Button/Button.js
CHANGED
|
@@ -45,7 +45,7 @@ exports.buttonFocusMixin = (0, styled_components_1.css)(templateObject_2 || (tem
|
|
|
45
45
|
exports.buttonSelectedMixin = (0, styled_components_1.css)(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n outline: 0;\n box-shadow: inset 0 0 0 ", " ", ";\n text-decoration: underline;\n color: ", ";\n border-color: ", ";\n"], ["\n outline: 0;\n box-shadow: inset 0 0 0 ", " ", ";\n text-decoration: underline;\n color: ", ";\n border-color: ", ";\n"])), (0, theme_get_1.themeGet)("space.1"), (0, theme_get_1.themeGet)("colors.primary"), (0, theme_get_1.themeGet)("colors.primary"), (0, theme_get_1.themeGet)("colors.tertiary"));
|
|
46
46
|
exports.buttonDisabledMixin = (0, styled_components_1.css)(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n position: relative;\n color: ", ";\n border-color: ", ";\n pointer-events: none;\n cursor: default;\n z-index: -1;\n"], ["\n position: relative;\n color: ", ";\n border-color: ", ";\n pointer-events: none;\n cursor: default;\n z-index: -1;\n"])), (0, theme_get_1.themeGet)("colors.tertiary"), (0, theme_get_1.themeGet)("colors.tertiary"));
|
|
47
47
|
exports.buttonHighlightedMixin = (0, styled_components_1.css)(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n &::before {\n content: \"\u2192\u00A0\";\n margin-left: -", ";\n }\n"], ["\n &::before {\n content: \"\u2192\\u00A0\";\n margin-left: -", ";\n }\n"])), (0, theme_get_1.themeGet)("space.3"));
|
|
48
|
-
exports.buttonMixin = (0, styled_components_1.css)(templateObject_7 || (templateObject_7 = __makeTemplateObject(["\n cursor: pointer;\n transition: ", ", color 200ms ease;\n min-width: 0;\n user-select: none;\n\n ", "\n &:hover {\n ", "\n }\n\n ", "\n &:focus {\n ", "\n }\n\n ", "\n &:disabled {\n ", "\n }\n\n ", "\n\n ", "\n"], ["\n cursor: pointer;\n transition: ", ", color 200ms ease;\n min-width: 0;\n user-select: none;\n\n ", "\n &:hover {\n ", "\n }\n\n ", "\n &:focus {\n ", "\n }\n\n ", "\n &:disabled {\n ", "\n }\n\n ", "\n\n ", "\n"])), Cell_1.CELL.transition, function (_a) {
|
|
48
|
+
exports.buttonMixin = (0, styled_components_1.css)(templateObject_7 || (templateObject_7 = __makeTemplateObject(["\n cursor: pointer;\n transition: ", ", color 200ms ease;\n min-width: 0;\n user-select: none;\n font-weight: normal;\n\n ", "\n &:hover {\n ", "\n }\n\n ", "\n &:focus {\n ", "\n }\n\n ", "\n &:disabled {\n ", "\n }\n\n ", "\n\n ", "\n"], ["\n cursor: pointer;\n transition: ", ", color 200ms ease;\n min-width: 0;\n user-select: none;\n font-weight: normal;\n\n ", "\n &:hover {\n ", "\n }\n\n ", "\n &:focus {\n ", "\n }\n\n ", "\n &:disabled {\n ", "\n }\n\n ", "\n\n ", "\n"])), Cell_1.CELL.transition, function (_a) {
|
|
49
49
|
var hover = _a.hover;
|
|
50
50
|
return hover && exports.buttonHoverMixin;
|
|
51
51
|
}, exports.buttonHoverMixin, function (_a) {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Button.js","sourceRoot":"","sources":["../../src/Button/Button.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,qEAAgD;AAChD,sDAAoD;AACpD,0CAAyD;AACzD,gCAA+C;AAElC,QAAA,MAAM,yBACd,WAAI,KACP,OAAO,EAAE,aAAa,EACtB,UAAU,EAAE,QAAQ,EACpB,cAAc,EAAE,QAAQ,IACxB;AASW,QAAA,gBAAgB,OAAG,uBAAG,wFAAA,aACxB,EAA4B,KACtC,KADU,IAAA,oBAAQ,EAAC,kBAAkB,CAAC,EACrC;AAEW,QAAA,gBAAgB,OAAG,uBAAG,+FAAA,qBAE/B,EAAc,IACjB,KADG,qBAAc,EAChB;AAEW,QAAA,mBAAmB,OAAG,uBAAG,mMAAA,6CAEV,EAAmB,GAAI,EAA0B,6CAElE,EAA0B,qBACnB,EAA2B,KAC5C,KAJ2B,IAAA,oBAAQ,EAAC,SAAS,CAAC,EAAI,IAAA,oBAAQ,EAAC,gBAAgB,CAAC,EAElE,IAAA,oBAAQ,EAAC,gBAAgB,CAAC,EACnB,IAAA,oBAAQ,EAAC,iBAAiB,CAAC,EAC3C;AAEW,QAAA,mBAAmB,OAAG,uBAAG,mMAAA,oCAE3B,EAA2B,qBACpB,EAA2B,kEAI5C,KALU,IAAA,oBAAQ,EAAC,iBAAiB,CAAC,EACpB,IAAA,oBAAQ,EAAC,iBAAiB,CAAC,EAI3C;AAEW,QAAA,sBAAsB,OAAG,uBAAG,qJAAA,sEAGrB,EAAmB,UAEtC,KAFmB,IAAA,oBAAQ,EAAC,SAAS,CAAC,EAErC;AAEW,QAAA,WAAW,OAAG,uBAAG,
|
|
1
|
+
{"version":3,"file":"Button.js","sourceRoot":"","sources":["../../src/Button/Button.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,qEAAgD;AAChD,sDAAoD;AACpD,0CAAyD;AACzD,gCAA+C;AAElC,QAAA,MAAM,yBACd,WAAI,KACP,OAAO,EAAE,aAAa,EACtB,UAAU,EAAE,QAAQ,EACpB,cAAc,EAAE,QAAQ,IACxB;AASW,QAAA,gBAAgB,OAAG,uBAAG,wFAAA,aACxB,EAA4B,KACtC,KADU,IAAA,oBAAQ,EAAC,kBAAkB,CAAC,EACrC;AAEW,QAAA,gBAAgB,OAAG,uBAAG,+FAAA,qBAE/B,EAAc,IACjB,KADG,qBAAc,EAChB;AAEW,QAAA,mBAAmB,OAAG,uBAAG,mMAAA,6CAEV,EAAmB,GAAI,EAA0B,6CAElE,EAA0B,qBACnB,EAA2B,KAC5C,KAJ2B,IAAA,oBAAQ,EAAC,SAAS,CAAC,EAAI,IAAA,oBAAQ,EAAC,gBAAgB,CAAC,EAElE,IAAA,oBAAQ,EAAC,gBAAgB,CAAC,EACnB,IAAA,oBAAQ,EAAC,iBAAiB,CAAC,EAC3C;AAEW,QAAA,mBAAmB,OAAG,uBAAG,mMAAA,oCAE3B,EAA2B,qBACpB,EAA2B,kEAI5C,KALU,IAAA,oBAAQ,EAAC,iBAAiB,CAAC,EACpB,IAAA,oBAAQ,EAAC,iBAAiB,CAAC,EAI3C;AAEW,QAAA,sBAAsB,OAAG,uBAAG,qJAAA,sEAGrB,EAAmB,UAEtC,KAFmB,IAAA,oBAAQ,EAAC,SAAS,CAAC,EAErC;AAEW,QAAA,WAAW,OAAG,uBAAG,2UAAa,sCAE3B,EAAe,0FAK3B,EAAwC,qBAEtC,EAAgB,aAGlB,EAAwC,qBAEtC,EAAgB,aAGlB,EAAiD,wBAE/C,EAAmB,aAGrB,EAUC,QAED,EAA0D,IAC7D,KAjCe,WAAI,CAAC,UAAU,EAK3B,UAAC,EAAS;QAAP,KAAK,WAAA;IAAO,OAAA,KAAK,IAAI,wBAAgB;AAAzB,CAAyB,EAEtC,wBAAgB,EAGlB,UAAC,EAAS;QAAP,KAAK,WAAA;IAAO,OAAA,KAAK,IAAI,wBAAgB;AAAzB,CAAyB,EAEtC,wBAAgB,EAGlB,UAAC,EAAY;QAAV,QAAQ,cAAA;IAAO,OAAA,QAAQ,IAAI,2BAAmB;AAA/B,CAA+B,EAE/C,2BAAmB,EAGrB,UAAC,EAAY;QAAV,QAAQ,cAAA;IACX,OAAA,QAAQ,QACR,uBAAG,2KAAA,UACC,EAAmB,6BAEjB,EAAmB,yCAGnB,EAAmB,iBAExB,KAPG,2BAAmB,EAEjB,2BAAmB,EAGnB,2BAAmB,CAExB;AATD,CASC,EAED,UAAC,EAAe;QAAb,WAAW,iBAAA;IAAO,OAAA,WAAW,IAAI,8BAAsB;AAArC,CAAqC,EAC5D;AAEW,QAAA,MAAM,GAAG,IAAA,2BAAM,EAAC,qBAAS,CAAC,+EAAa,MAChD,EAAW,IACd,KADG,mBAAW,EACb;AAEF,cAAM,CAAC,YAAY,gBAAQ,cAAM,CAAE,CAAC;AAEpC,cAAM,CAAC,WAAW,GAAG,QAAQ,CAAC"}
|
package/dist/Clear/Clear.js
CHANGED
|
@@ -29,7 +29,7 @@ var theme_get_1 = require("@styled-system/theme-get");
|
|
|
29
29
|
var Remove_1 = require("../Remove");
|
|
30
30
|
exports.clearHoverMixin = (0, styled_components_1.css)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n background-color: ", ";\n\n &::before,\n &::after {\n background-color: ", ";\n }\n"], ["\n background-color: ", ";\n\n &::before,\n &::after {\n background-color: ", ";\n }\n"])), (0, theme_get_1.themeGet)("colors.tertiary"), (0, theme_get_1.themeGet)("colors.primary"));
|
|
31
31
|
exports.clearFocusMixin = (0, styled_components_1.css)(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n &,\n &:hover {\n background-color: ", ";\n\n &::before,\n &::after {\n background-color: ", ";\n }\n }\n"], ["\n &,\n &:hover {\n background-color: ", ";\n\n &::before,\n &::after {\n background-color: ", ";\n }\n }\n"])), (0, theme_get_1.themeGet)("colors.tertiary"), (0, theme_get_1.themeGet)("colors.primary"));
|
|
32
|
-
exports.Clear = (0, styled_components_1.default)(Remove_1.Remove)(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n min-width: ", ";\n min-height: ", ";\n border-radius: 50%;\n background-color: ", ";\n transition: background-color 200ms;\n\n &::before,\n &::after {\n width: ", ";\n height: 1px;\n background-color: ", ";\n }\n\n ", "\n &:hover {\n ", "\n }\n\n ", "\n &:focus {\n ", "\n }\n"], ["\n min-width: ", ";\n min-height: ", ";\n border-radius: 50%;\n background-color: ", ";\n transition: background-color 200ms;\n\n &::before,\n &::after {\n width: ", ";\n height: 1px;\n background-color: ", ";\n }\n\n ", "\n &:hover {\n ", "\n }\n\n ", "\n &:focus {\n ", "\n }\n"])), (0, theme_get_1.themeGet)("space.6"), (0, theme_get_1.themeGet)("space.6"), (0, theme_get_1.themeGet)("colors.hint"), (0, theme_get_1.themeGet)("space.4"), (0, theme_get_1.themeGet)("colors.secondary"), function (_a) {
|
|
32
|
+
exports.Clear = (0, styled_components_1.default)(Remove_1.Remove)(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n min-width: ", ";\n min-height: ", ";\n border-radius: 50%;\n background-color: ", ";\n transition: background-color 200ms;\n\n &::before,\n &::after {\n width: ", ";\n height: 1px;\n background-color: ", ";\n transition: none;\n }\n\n ", "\n &:hover {\n ", "\n }\n\n ", "\n &:focus {\n ", "\n }\n"], ["\n min-width: ", ";\n min-height: ", ";\n border-radius: 50%;\n background-color: ", ";\n transition: background-color 200ms;\n\n &::before,\n &::after {\n width: ", ";\n height: 1px;\n background-color: ", ";\n transition: none;\n }\n\n ", "\n &:hover {\n ", "\n }\n\n ", "\n &:focus {\n ", "\n }\n"])), (0, theme_get_1.themeGet)("space.6"), (0, theme_get_1.themeGet)("space.6"), (0, theme_get_1.themeGet)("colors.hint"), (0, theme_get_1.themeGet)("space.4"), (0, theme_get_1.themeGet)("colors.secondary"), function (_a) {
|
|
33
33
|
var hover = _a.hover;
|
|
34
34
|
return hover && exports.clearHoverMixin;
|
|
35
35
|
}, exports.clearHoverMixin, function (_a) {
|
package/dist/Clear/Clear.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Clear.js","sourceRoot":"","sources":["../../src/Clear/Clear.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,qEAAgD;AAChD,sDAAoD;AACpD,oCAAgD;AAInC,QAAA,eAAe,OAAG,uBAAG,mKAAA,wBACZ,EAA2B,yDAIzB,EAA0B,UAEjD,KANqB,IAAA,oBAAQ,EAAC,iBAAiB,CAAC,EAIzB,IAAA,oBAAQ,EAAC,gBAAgB,CAAC,EAEhD;AAEW,QAAA,eAAe,OAAG,uBAAG,qMAAA,6CAGV,EAA2B,+DAIzB,EAA0B,iBAGnD,KAPuB,IAAA,oBAAQ,EAAC,iBAAiB,CAAC,EAIzB,IAAA,oBAAQ,EAAC,gBAAgB,CAAC,EAGlD;AAEW,QAAA,KAAK,GAAG,IAAA,2BAAM,EAAC,eAAM,CAAC,
|
|
1
|
+
{"version":3,"file":"Clear.js","sourceRoot":"","sources":["../../src/Clear/Clear.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,qEAAgD;AAChD,sDAAoD;AACpD,oCAAgD;AAInC,QAAA,eAAe,OAAG,uBAAG,mKAAA,wBACZ,EAA2B,yDAIzB,EAA0B,UAEjD,KANqB,IAAA,oBAAQ,EAAC,iBAAiB,CAAC,EAIzB,IAAA,oBAAQ,EAAC,gBAAgB,CAAC,EAEhD;AAEW,QAAA,eAAe,OAAG,uBAAG,qMAAA,6CAGV,EAA2B,+DAIzB,EAA0B,iBAGnD,KAPuB,IAAA,oBAAQ,EAAC,iBAAiB,CAAC,EAIzB,IAAA,oBAAQ,EAAC,gBAAgB,CAAC,EAGlD;AAEW,QAAA,KAAK,GAAG,IAAA,2BAAM,EAAC,eAAM,CAAC,gZAAA,iBACpB,EAAmB,mBAClB,EAAmB,gDAEb,EAAuB,qFAKhC,EAAmB,6CAER,EAA4B,qCAIhD,EAAuC,qBAErC,EAAe,aAGjB,EAAuC,qBAErC,EAAe,SAEpB,KAvBc,IAAA,oBAAQ,EAAC,SAAS,CAAC,EAClB,IAAA,oBAAQ,EAAC,SAAS,CAAC,EAEb,IAAA,oBAAQ,EAAC,aAAa,CAAC,EAKhC,IAAA,oBAAQ,EAAC,SAAS,CAAC,EAER,IAAA,oBAAQ,EAAC,kBAAkB,CAAC,EAIhD,UAAC,EAAS;QAAP,KAAK,WAAA;IAAO,OAAA,KAAK,IAAI,uBAAe;AAAxB,CAAwB,EAErC,uBAAe,EAGjB,UAAC,EAAS;QAAP,KAAK,WAAA;IAAO,OAAA,KAAK,IAAI,uBAAe;AAAxB,CAAwB,EAErC,uBAAe,EAEnB"}
|
|
@@ -1,5 +1,6 @@
|
|
|
1
1
|
import React from "react";
|
|
2
2
|
import { BoxProps } from "../Box";
|
|
3
|
+
import { Placement } from "@popperjs/core";
|
|
3
4
|
export declare type DropdownPaneOptions = React.ReactNode;
|
|
4
5
|
export declare type DropdownRenderProps = ({ handleClose, }: {
|
|
5
6
|
handleClose(): void;
|
|
@@ -15,6 +16,7 @@ export declare type DropdownProps = BoxProps & {
|
|
|
15
16
|
}) => JSX.Element);
|
|
16
17
|
children: DropdownPaneOptions | DropdownRenderProps;
|
|
17
18
|
open?: boolean;
|
|
19
|
+
placement?: Placement;
|
|
18
20
|
onOpen?(): void;
|
|
19
21
|
onClose?(): void;
|
|
20
22
|
};
|
|
@@ -81,8 +81,8 @@ var Mode;
|
|
|
81
81
|
var isDropdownRenderProps = function (children) { return typeof children === "function"; };
|
|
82
82
|
exports.isDropdownRenderProps = isDropdownRenderProps;
|
|
83
83
|
var Dropdown = function (_a) {
|
|
84
|
-
var label = _a.label, children = _a.children, _b = _a.open, defaultOpen = _b === void 0 ? false : _b, _c = _a.onOpen, onOpen =
|
|
85
|
-
var
|
|
84
|
+
var label = _a.label, children = _a.children, _b = _a.open, defaultOpen = _b === void 0 ? false : _b, _c = _a.placement, placement = _c === void 0 ? "bottom" : _c, _d = _a.onOpen, onOpen = _d === void 0 ? function () { } : _d, _e = _a.onClose, onClose = _e === void 0 ? function () { } : _e, rest = __rest(_a, ["label", "children", "open", "placement", "onOpen", "onClose"]);
|
|
85
|
+
var _f = __read((0, react_1.useState)(defaultOpen ? Mode.Active : Mode.Resting), 2), mode = _f[0], setMode = _f[1];
|
|
86
86
|
var handleClose = (0, react_1.useCallback)(function () {
|
|
87
87
|
setMode(Mode.Resting);
|
|
88
88
|
onClose();
|
|
@@ -107,12 +107,12 @@ var Dropdown = function (_a) {
|
|
|
107
107
|
window.addEventListener("keydown", handleKeydown);
|
|
108
108
|
return function () { return window.removeEventListener("keydown", handleKeydown); };
|
|
109
109
|
}, [handleKeydown]);
|
|
110
|
-
var
|
|
110
|
+
var _g = (0, Popper_1.usePopper)({
|
|
111
111
|
open: mode === Mode.Active,
|
|
112
|
-
placement:
|
|
112
|
+
placement: placement,
|
|
113
113
|
type: "mousedown",
|
|
114
114
|
onClose: handleClose,
|
|
115
|
-
}), anchorRef =
|
|
115
|
+
}), anchorRef = _g.anchorRef, childrenRef = _g.childrenRef, open = _g.open;
|
|
116
116
|
var anchorProps = {
|
|
117
117
|
ref: anchorRef,
|
|
118
118
|
disabled: mode === Mode.Active,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Dropdown.js","sourceRoot":"","sources":["../../src/Dropdown/Dropdown.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,6CAAgE;AAChE,8BAAuC;AACvC,oCAAmC;AACnC,oCAAsC;AACtC,kCAAiC;AACjC,gCAA+B;AAC/B,wEAAuC;
|
|
1
|
+
{"version":3,"file":"Dropdown.js","sourceRoot":"","sources":["../../src/Dropdown/Dropdown.tsx"],"names":[],"mappings":"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"}
|
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"}
|