colibri-ui 0.7.14 → 0.7.16

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.
Files changed (13) hide show
  1. package/Button/styles.js +7 -7
  2. package/Checkbox/index.props.d.ts +1 -1
  3. package/Grid/index.js +9 -0
  4. package/Grid/index.props.d.ts +3 -0
  5. package/Grid/styles.d.ts +4 -0
  6. package/Grid/styles.js +11 -2
  7. package/esm/Button/styles.js +7 -7
  8. package/esm/Checkbox/index.props.d.ts +1 -1
  9. package/esm/Grid/index.js +9 -0
  10. package/esm/Grid/index.props.d.ts +3 -0
  11. package/esm/Grid/styles.d.ts +4 -0
  12. package/esm/Grid/styles.js +11 -2
  13. package/package.json +1 -1
package/Checkbox/index.props.d.ts CHANGED
@@ -1,5 +1,5 @@
1
+ import type { ReactNode } from "react";
1
2
  import type { CSSObject } from "@emotion/react";
2
- import { ReactNode } from "react";
3
3
  type VariantStyles = {
4
4
  backgroundColor?: CSSObject["backgroundColor"];
5
5
  borderColor?: CSSObject["borderColor"];
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
@@ -2,4 +2,7 @@ import type { ReactNode } from "react";
2
2
  export type GridProps = {
3
3
  children: ReactNode;
4
4
  className?: string;
5
+ gridRowGap?: number;
6
+ gridColumnGap?: number;
7
+ gridItemMinWidth?: number;
5
8
  };
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,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInN0eWxlcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFFeUIiLCJmaWxlIjoic3R5bGVzLnRzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgX19tYWtlVGVtcGxhdGVPYmplY3QgfSBmcm9tIFwidHNsaWJcIjtcbmltcG9ydCBzdHlsZWQgZnJvbSBcIkBlbW90aW9uL3N0eWxlZFwiO1xuZXhwb3J0IHZhciBHcmlkV3JhcHBlciA9IHN0eWxlZC5kaXYodGVtcGxhdGVPYmplY3RfMSB8fCAodGVtcGxhdGVPYmplY3RfMSA9IF9fbWFrZVRlbXBsYXRlT2JqZWN0KFtcIlxcbiAgd2lkdGg6IDEwMCU7XFxuXCJdLCBbXCJcXG4gIHdpZHRoOiAxMDAlO1xcblwiXSkpKTtcbmV4cG9ydCB2YXIgR3JpZEl0ZW1zID0gc3R5bGVkLmRpdih0ZW1wbGF0ZU9iamVjdF8yIHx8ICh0ZW1wbGF0ZU9iamVjdF8yID0gX19tYWtlVGVtcGxhdGVPYmplY3QoW1wiXFxuICBkaXNwbGF5OiBncmlkO1xcblxcbiAgcm93LWdhcDogMjRweDtcXG4gIGNvbHVtbi1nYXA6IDE2cHg7XFxuXFxuICBncmlkLXRlbXBsYXRlLWNvbHVtbnM6IHJlcGVhdChhdXRvLWZpdCwgbWlubWF4KDEzNnB4LCAxZnIpKTtcXG4gIGdyaWQtYXV0by1mbG93OiByb3cgZGVuc2U7XFxuXCJdLCBbXCJcXG4gIGRpc3BsYXk6IGdyaWQ7XFxuXFxuICByb3ctZ2FwOiAyNHB4O1xcbiAgY29sdW1uLWdhcDogMTZweDtcXG5cXG4gIGdyaWQtdGVtcGxhdGUtY29sdW1uczogcmVwZWF0KGF1dG8tZml0LCBtaW5tYXgoMTM2cHgsIDFmcikpO1xcbiAgZ3JpZC1hdXRvLWZsb3c6IHJvdyBkZW5zZTtcXG5cIl0pKSk7XG52YXIgdGVtcGxhdGVPYmplY3RfMSwgdGVtcGxhdGVPYmplY3RfMjtcbi8vIyBzb3VyY2VNYXBwaW5nVVJMPXN0eWxlcy5qcy5tYXAiXX0= */")], ["\n width: 100%;\n" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInN0eWxlcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFFeUIiLCJmaWxlIjoic3R5bGVzLnRzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgX19tYWtlVGVtcGxhdGVPYmplY3QgfSBmcm9tIFwidHNsaWJcIjtcbmltcG9ydCBzdHlsZWQgZnJvbSBcIkBlbW90aW9uL3N0eWxlZFwiO1xuZXhwb3J0IHZhciBHcmlkV3JhcHBlciA9IHN0eWxlZC5kaXYodGVtcGxhdGVPYmplY3RfMSB8fCAodGVtcGxhdGVPYmplY3RfMSA9IF9fbWFrZVRlbXBsYXRlT2JqZWN0KFtcIlxcbiAgd2lkdGg6IDEwMCU7XFxuXCJdLCBbXCJcXG4gIHdpZHRoOiAxMDAlO1xcblwiXSkpKTtcbmV4cG9ydCB2YXIgR3JpZEl0ZW1zID0gc3R5bGVkLmRpdih0ZW1wbGF0ZU9iamVjdF8yIHx8ICh0ZW1wbGF0ZU9iamVjdF8yID0gX19tYWtlVGVtcGxhdGVPYmplY3QoW1wiXFxuICBkaXNwbGF5OiBncmlkO1xcblxcbiAgcm93LWdhcDogMjRweDtcXG4gIGNvbHVtbi1nYXA6IDE2cHg7XFxuXFxuICBncmlkLXRlbXBsYXRlLWNvbHVtbnM6IHJlcGVhdChhdXRvLWZpdCwgbWlubWF4KDEzNnB4LCAxZnIpKTtcXG4gIGdyaWQtYXV0by1mbG93OiByb3cgZGVuc2U7XFxuXCJdLCBbXCJcXG4gIGRpc3BsYXk6IGdyaWQ7XFxuXFxuICByb3ctZ2FwOiAyNHB4O1xcbiAgY29sdW1uLWdhcDogMTZweDtcXG5cXG4gIGdyaWQtdGVtcGxhdGUtY29sdW1uczogcmVwZWF0KGF1dG8tZml0LCBtaW5tYXgoMTM2cHgsIDFmcikpO1xcbiAgZ3JpZC1hdXRvLWZsb3c6IHJvdyBkZW5zZTtcXG5cIl0pKSk7XG52YXIgdGVtcGxhdGVPYmplY3RfMSwgdGVtcGxhdGVPYmplY3RfMjtcbi8vIyBzb3VyY2VNYXBwaW5nVVJMPXN0eWxlcy5qcy5tYXAiXX0= */")])));
15
+ })(templateObject_1 || (templateObject_1 = tslib.__makeTemplateObject(["\n width: 100%;\n" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInN0eWxlcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFFeUIiLCJmaWxlIjoic3R5bGVzLnRzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgX19tYWtlVGVtcGxhdGVPYmplY3QgfSBmcm9tIFwidHNsaWJcIjtcbmltcG9ydCBzdHlsZWQgZnJvbSBcIkBlbW90aW9uL3N0eWxlZFwiO1xuZXhwb3J0IHZhciBHcmlkV3JhcHBlciA9IHN0eWxlZC5kaXYodGVtcGxhdGVPYmplY3RfMSB8fCAodGVtcGxhdGVPYmplY3RfMSA9IF9fbWFrZVRlbXBsYXRlT2JqZWN0KFtcIlxcbiAgd2lkdGg6IDEwMCU7XFxuXCJdLCBbXCJcXG4gIHdpZHRoOiAxMDAlO1xcblwiXSkpKTtcbmV4cG9ydCB2YXIgR3JpZEl0ZW1zID0gc3R5bGVkLmRpdih0ZW1wbGF0ZU9iamVjdF8yIHx8ICh0ZW1wbGF0ZU9iamVjdF8yID0gX19tYWtlVGVtcGxhdGVPYmplY3QoW1wiXFxuICBkaXNwbGF5OiBncmlkO1xcblxcbiAgcm93LWdhcDogXCIsIFwicHg7XFxuICBjb2x1bW4tZ2FwOiBcIiwgXCJweDtcXG5cXG4gIGdyaWQtdGVtcGxhdGUtY29sdW1uczogcmVwZWF0KFxcbiAgICBhdXRvLWZpdCxcXG4gICAgbWlubWF4KFwiLCBcInB4LCAxZnIpXFxuICApO1xcbiAgZ3JpZC1hdXRvLWZsb3c6IHJvdyBkZW5zZTtcXG5cIl0sIFtcIlxcbiAgZGlzcGxheTogZ3JpZDtcXG5cXG4gIHJvdy1nYXA6IFwiLCBcInB4O1xcbiAgY29sdW1uLWdhcDogXCIsIFwicHg7XFxuXFxuICBncmlkLXRlbXBsYXRlLWNvbHVtbnM6IHJlcGVhdChcXG4gICAgYXV0by1maXQsXFxuICAgIG1pbm1heChcIiwgXCJweCwgMWZyKVxcbiAgKTtcXG4gIGdyaWQtYXV0by1mbG93OiByb3cgZGVuc2U7XFxuXCJdKSksIGZ1bmN0aW9uIChfYSkge1xuICAgIHZhciBncmlkUm93R2FwID0gX2EuZ3JpZFJvd0dhcDtcbiAgICByZXR1cm4gZ3JpZFJvd0dhcDtcbn0sIGZ1bmN0aW9uIChfYSkge1xuICAgIHZhciBncmlkQ29sdW1uR2FwID0gX2EuZ3JpZENvbHVtbkdhcDtcbiAgICByZXR1cm4gZ3JpZENvbHVtbkdhcDtcbn0sIGZ1bmN0aW9uIChfYSkge1xuICAgIHZhciBncmlkSXRlbU1pbldpZHRoID0gX2EuZ3JpZEl0ZW1NaW5XaWR0aDtcbiAgICByZXR1cm4gZ3JpZEl0ZW1NaW5XaWR0aDtcbn0pO1xudmFyIHRlbXBsYXRlT2JqZWN0XzEsIHRlbXBsYXRlT2JqZWN0XzI7XG4vLyMgc291cmNlTWFwcGluZ1VSTD1zdHlsZXMuanMubWFwIl19 */")], ["\n width: 100%;\n" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInN0eWxlcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFFeUIiLCJmaWxlIjoic3R5bGVzLnRzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgX19tYWtlVGVtcGxhdGVPYmplY3QgfSBmcm9tIFwidHNsaWJcIjtcbmltcG9ydCBzdHlsZWQgZnJvbSBcIkBlbW90aW9uL3N0eWxlZFwiO1xuZXhwb3J0IHZhciBHcmlkV3JhcHBlciA9IHN0eWxlZC5kaXYodGVtcGxhdGVPYmplY3RfMSB8fCAodGVtcGxhdGVPYmplY3RfMSA9IF9fbWFrZVRlbXBsYXRlT2JqZWN0KFtcIlxcbiAgd2lkdGg6IDEwMCU7XFxuXCJdLCBbXCJcXG4gIHdpZHRoOiAxMDAlO1xcblwiXSkpKTtcbmV4cG9ydCB2YXIgR3JpZEl0ZW1zID0gc3R5bGVkLmRpdih0ZW1wbGF0ZU9iamVjdF8yIHx8ICh0ZW1wbGF0ZU9iamVjdF8yID0gX19tYWtlVGVtcGxhdGVPYmplY3QoW1wiXFxuICBkaXNwbGF5OiBncmlkO1xcblxcbiAgcm93LWdhcDogXCIsIFwicHg7XFxuICBjb2x1bW4tZ2FwOiBcIiwgXCJweDtcXG5cXG4gIGdyaWQtdGVtcGxhdGUtY29sdW1uczogcmVwZWF0KFxcbiAgICBhdXRvLWZpdCxcXG4gICAgbWlubWF4KFwiLCBcInB4LCAxZnIpXFxuICApO1xcbiAgZ3JpZC1hdXRvLWZsb3c6IHJvdyBkZW5zZTtcXG5cIl0sIFtcIlxcbiAgZGlzcGxheTogZ3JpZDtcXG5cXG4gIHJvdy1nYXA6IFwiLCBcInB4O1xcbiAgY29sdW1uLWdhcDogXCIsIFwicHg7XFxuXFxuICBncmlkLXRlbXBsYXRlLWNvbHVtbnM6IHJlcGVhdChcXG4gICAgYXV0by1maXQsXFxuICAgIG1pbm1heChcIiwgXCJweCwgMWZyKVxcbiAgKTtcXG4gIGdyaWQtYXV0by1mbG93OiByb3cgZGVuc2U7XFxuXCJdKSksIGZ1bmN0aW9uIChfYSkge1xuICAgIHZhciBncmlkUm93R2FwID0gX2EuZ3JpZFJvd0dhcDtcbiAgICByZXR1cm4gZ3JpZFJvd0dhcDtcbn0sIGZ1bmN0aW9uIChfYSkge1xuICAgIHZhciBncmlkQ29sdW1uR2FwID0gX2EuZ3JpZENvbHVtbkdhcDtcbiAgICByZXR1cm4gZ3JpZENvbHVtbkdhcDtcbn0sIGZ1bmN0aW9uIChfYSkge1xuICAgIHZhciBncmlkSXRlbU1pbldpZHRoID0gX2EuZ3JpZEl0ZW1NaW5XaWR0aDtcbiAgICByZXR1cm4gZ3JpZEl0ZW1NaW5XaWR0aDtcbn0pO1xudmFyIHRlbXBsYXRlT2JqZWN0XzEsIHRlbXBsYXRlT2JqZWN0XzI7XG4vLyMgc291cmNlTWFwcGluZ1VSTD1zdHlsZXMuanMubWFwIl19 */")])));
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: 24px;\n column-gap: 16px;\n\n grid-template-columns: repeat(auto-fit, minmax(136px, 1fr));\n grid-auto-flow: row dense;\n" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInN0eWxlcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFHdUIiLCJmaWxlIjoic3R5bGVzLnRzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgX19tYWtlVGVtcGxhdGVPYmplY3QgfSBmcm9tIFwidHNsaWJcIjtcbmltcG9ydCBzdHlsZWQgZnJvbSBcIkBlbW90aW9uL3N0eWxlZFwiO1xuZXhwb3J0IHZhciBHcmlkV3JhcHBlciA9IHN0eWxlZC5kaXYodGVtcGxhdGVPYmplY3RfMSB8fCAodGVtcGxhdGVPYmplY3RfMSA9IF9fbWFrZVRlbXBsYXRlT2JqZWN0KFtcIlxcbiAgd2lkdGg6IDEwMCU7XFxuXCJdLCBbXCJcXG4gIHdpZHRoOiAxMDAlO1xcblwiXSkpKTtcbmV4cG9ydCB2YXIgR3JpZEl0ZW1zID0gc3R5bGVkLmRpdih0ZW1wbGF0ZU9iamVjdF8yIHx8ICh0ZW1wbGF0ZU9iamVjdF8yID0gX19tYWtlVGVtcGxhdGVPYmplY3QoW1wiXFxuICBkaXNwbGF5OiBncmlkO1xcblxcbiAgcm93LWdhcDogMjRweDtcXG4gIGNvbHVtbi1nYXA6IDE2cHg7XFxuXFxuICBncmlkLXRlbXBsYXRlLWNvbHVtbnM6IHJlcGVhdChhdXRvLWZpdCwgbWlubWF4KDEzNnB4LCAxZnIpKTtcXG4gIGdyaWQtYXV0by1mbG93OiByb3cgZGVuc2U7XFxuXCJdLCBbXCJcXG4gIGRpc3BsYXk6IGdyaWQ7XFxuXFxuICByb3ctZ2FwOiAyNHB4O1xcbiAgY29sdW1uLWdhcDogMTZweDtcXG5cXG4gIGdyaWQtdGVtcGxhdGUtY29sdW1uczogcmVwZWF0KGF1dG8tZml0LCBtaW5tYXgoMTM2cHgsIDFmcikpO1xcbiAgZ3JpZC1hdXRvLWZsb3c6IHJvdyBkZW5zZTtcXG5cIl0pKSk7XG52YXIgdGVtcGxhdGVPYmplY3RfMSwgdGVtcGxhdGVPYmplY3RfMjtcbi8vIyBzb3VyY2VNYXBwaW5nVVJMPXN0eWxlcy5qcy5tYXAiXX0= */")], ["\n display: grid;\n\n row-gap: 24px;\n column-gap: 16px;\n\n grid-template-columns: repeat(auto-fit, minmax(136px, 1fr));\n grid-auto-flow: row dense;\n" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInN0eWxlcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFHdUIiLCJmaWxlIjoic3R5bGVzLnRzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgX19tYWtlVGVtcGxhdGVPYmplY3QgfSBmcm9tIFwidHNsaWJcIjtcbmltcG9ydCBzdHlsZWQgZnJvbSBcIkBlbW90aW9uL3N0eWxlZFwiO1xuZXhwb3J0IHZhciBHcmlkV3JhcHBlciA9IHN0eWxlZC5kaXYodGVtcGxhdGVPYmplY3RfMSB8fCAodGVtcGxhdGVPYmplY3RfMSA9IF9fbWFrZVRlbXBsYXRlT2JqZWN0KFtcIlxcbiAgd2lkdGg6IDEwMCU7XFxuXCJdLCBbXCJcXG4gIHdpZHRoOiAxMDAlO1xcblwiXSkpKTtcbmV4cG9ydCB2YXIgR3JpZEl0ZW1zID0gc3R5bGVkLmRpdih0ZW1wbGF0ZU9iamVjdF8yIHx8ICh0ZW1wbGF0ZU9iamVjdF8yID0gX19tYWtlVGVtcGxhdGVPYmplY3QoW1wiXFxuICBkaXNwbGF5OiBncmlkO1xcblxcbiAgcm93LWdhcDogMjRweDtcXG4gIGNvbHVtbi1nYXA6IDE2cHg7XFxuXFxuICBncmlkLXRlbXBsYXRlLWNvbHVtbnM6IHJlcGVhdChhdXRvLWZpdCwgbWlubWF4KDEzNnB4LCAxZnIpKTtcXG4gIGdyaWQtYXV0by1mbG93OiByb3cgZGVuc2U7XFxuXCJdLCBbXCJcXG4gIGRpc3BsYXk6IGdyaWQ7XFxuXFxuICByb3ctZ2FwOiAyNHB4O1xcbiAgY29sdW1uLWdhcDogMTZweDtcXG5cXG4gIGdyaWQtdGVtcGxhdGUtY29sdW1uczogcmVwZWF0KGF1dG8tZml0LCBtaW5tYXgoMTM2cHgsIDFmcikpO1xcbiAgZ3JpZC1hdXRvLWZsb3c6IHJvdyBkZW5zZTtcXG5cIl0pKSk7XG52YXIgdGVtcGxhdGVPYmplY3RfMSwgdGVtcGxhdGVPYmplY3RfMjtcbi8vIyBzb3VyY2VNYXBwaW5nVVJMPXN0eWxlcy5qcy5tYXAiXX0= */")])));
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(\n auto-fit,\n minmax(", "px, 1fr)\n );\n grid-auto-flow: row dense;\n" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInN0eWxlcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFHdUIiLCJmaWxlIjoic3R5bGVzLnRzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgX19tYWtlVGVtcGxhdGVPYmplY3QgfSBmcm9tIFwidHNsaWJcIjtcbmltcG9ydCBzdHlsZWQgZnJvbSBcIkBlbW90aW9uL3N0eWxlZFwiO1xuZXhwb3J0IHZhciBHcmlkV3JhcHBlciA9IHN0eWxlZC5kaXYodGVtcGxhdGVPYmplY3RfMSB8fCAodGVtcGxhdGVPYmplY3RfMSA9IF9fbWFrZVRlbXBsYXRlT2JqZWN0KFtcIlxcbiAgd2lkdGg6IDEwMCU7XFxuXCJdLCBbXCJcXG4gIHdpZHRoOiAxMDAlO1xcblwiXSkpKTtcbmV4cG9ydCB2YXIgR3JpZEl0ZW1zID0gc3R5bGVkLmRpdih0ZW1wbGF0ZU9iamVjdF8yIHx8ICh0ZW1wbGF0ZU9iamVjdF8yID0gX19tYWtlVGVtcGxhdGVPYmplY3QoW1wiXFxuICBkaXNwbGF5OiBncmlkO1xcblxcbiAgcm93LWdhcDogXCIsIFwicHg7XFxuICBjb2x1bW4tZ2FwOiBcIiwgXCJweDtcXG5cXG4gIGdyaWQtdGVtcGxhdGUtY29sdW1uczogcmVwZWF0KFxcbiAgICBhdXRvLWZpdCxcXG4gICAgbWlubWF4KFwiLCBcInB4LCAxZnIpXFxuICApO1xcbiAgZ3JpZC1hdXRvLWZsb3c6IHJvdyBkZW5zZTtcXG5cIl0sIFtcIlxcbiAgZGlzcGxheTogZ3JpZDtcXG5cXG4gIHJvdy1nYXA6IFwiLCBcInB4O1xcbiAgY29sdW1uLWdhcDogXCIsIFwicHg7XFxuXFxuICBncmlkLXRlbXBsYXRlLWNvbHVtbnM6IHJlcGVhdChcXG4gICAgYXV0by1maXQsXFxuICAgIG1pbm1heChcIiwgXCJweCwgMWZyKVxcbiAgKTtcXG4gIGdyaWQtYXV0by1mbG93OiByb3cgZGVuc2U7XFxuXCJdKSksIGZ1bmN0aW9uIChfYSkge1xuICAgIHZhciBncmlkUm93R2FwID0gX2EuZ3JpZFJvd0dhcDtcbiAgICByZXR1cm4gZ3JpZFJvd0dhcDtcbn0sIGZ1bmN0aW9uIChfYSkge1xuICAgIHZhciBncmlkQ29sdW1uR2FwID0gX2EuZ3JpZENvbHVtbkdhcDtcbiAgICByZXR1cm4gZ3JpZENvbHVtbkdhcDtcbn0sIGZ1bmN0aW9uIChfYSkge1xuICAgIHZhciBncmlkSXRlbU1pbldpZHRoID0gX2EuZ3JpZEl0ZW1NaW5XaWR0aDtcbiAgICByZXR1cm4gZ3JpZEl0ZW1NaW5XaWR0aDtcbn0pO1xudmFyIHRlbXBsYXRlT2JqZWN0XzEsIHRlbXBsYXRlT2JqZWN0XzI7XG4vLyMgc291cmNlTWFwcGluZ1VSTD1zdHlsZXMuanMubWFwIl19 */")], ["\n display: grid;\n\n row-gap: ", "px;\n column-gap: ", "px;\n\n grid-template-columns: repeat(\n auto-fit,\n minmax(", "px, 1fr)\n );\n grid-auto-flow: row dense;\n" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInN0eWxlcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFHdUIiLCJmaWxlIjoic3R5bGVzLnRzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgX19tYWtlVGVtcGxhdGVPYmplY3QgfSBmcm9tIFwidHNsaWJcIjtcbmltcG9ydCBzdHlsZWQgZnJvbSBcIkBlbW90aW9uL3N0eWxlZFwiO1xuZXhwb3J0IHZhciBHcmlkV3JhcHBlciA9IHN0eWxlZC5kaXYodGVtcGxhdGVPYmplY3RfMSB8fCAodGVtcGxhdGVPYmplY3RfMSA9IF9fbWFrZVRlbXBsYXRlT2JqZWN0KFtcIlxcbiAgd2lkdGg6IDEwMCU7XFxuXCJdLCBbXCJcXG4gIHdpZHRoOiAxMDAlO1xcblwiXSkpKTtcbmV4cG9ydCB2YXIgR3JpZEl0ZW1zID0gc3R5bGVkLmRpdih0ZW1wbGF0ZU9iamVjdF8yIHx8ICh0ZW1wbGF0ZU9iamVjdF8yID0gX19tYWtlVGVtcGxhdGVPYmplY3QoW1wiXFxuICBkaXNwbGF5OiBncmlkO1xcblxcbiAgcm93LWdhcDogXCIsIFwicHg7XFxuICBjb2x1bW4tZ2FwOiBcIiwgXCJweDtcXG5cXG4gIGdyaWQtdGVtcGxhdGUtY29sdW1uczogcmVwZWF0KFxcbiAgICBhdXRvLWZpdCxcXG4gICAgbWlubWF4KFwiLCBcInB4LCAxZnIpXFxuICApO1xcbiAgZ3JpZC1hdXRvLWZsb3c6IHJvdyBkZW5zZTtcXG5cIl0sIFtcIlxcbiAgZGlzcGxheTogZ3JpZDtcXG5cXG4gIHJvdy1nYXA6IFwiLCBcInB4O1xcbiAgY29sdW1uLWdhcDogXCIsIFwicHg7XFxuXFxuICBncmlkLXRlbXBsYXRlLWNvbHVtbnM6IHJlcGVhdChcXG4gICAgYXV0by1maXQsXFxuICAgIG1pbm1heChcIiwgXCJweCwgMWZyKVxcbiAgKTtcXG4gIGdyaWQtYXV0by1mbG93OiByb3cgZGVuc2U7XFxuXCJdKSksIGZ1bmN0aW9uIChfYSkge1xuICAgIHZhciBncmlkUm93R2FwID0gX2EuZ3JpZFJvd0dhcDtcbiAgICByZXR1cm4gZ3JpZFJvd0dhcDtcbn0sIGZ1bmN0aW9uIChfYSkge1xuICAgIHZhciBncmlkQ29sdW1uR2FwID0gX2EuZ3JpZENvbHVtbkdhcDtcbiAgICByZXR1cm4gZ3JpZENvbHVtbkdhcDtcbn0sIGZ1bmN0aW9uIChfYSkge1xuICAgIHZhciBncmlkSXRlbU1pbldpZHRoID0gX2EuZ3JpZEl0ZW1NaW5XaWR0aDtcbiAgICByZXR1cm4gZ3JpZEl0ZW1NaW5XaWR0aDtcbn0pO1xudmFyIHRlbXBsYXRlT2JqZWN0XzEsIHRlbXBsYXRlT2JqZWN0XzI7XG4vLyMgc291cmNlTWFwcGluZ1VSTD1zdHlsZXMuanMubWFwIl19 */")])), 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;