@pedidopago/ui 1.7.25 → 1.8.0

package/dist/components/Flex/styles.js

@@ -1,25 +1 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.StyledFlexContainer = void 0;
-var _react = require("@emotion/react");
-var _styled = _interopRequireDefault(require("@emotion/styled"));
-var _templateObject;
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
-function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
-var StyledFlexContainer = _styled.default.div(function (props) {
-  var getSpacingOnTheme = function getSpacingOnTheme(property) {
-    var parseAllKeysToString = Object.keys(props.theme.space).map(function (key) {
-      return key.toString();
-    });
-    if (!parseAllKeysToString.includes((property === null || property === void 0 ? void 0 : property.toString()) || '')) {
-      return property || '';
-    }
-    return props.theme.space[property];
-  };
-  return (0, _react.css)(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n    display: flex;\n\n    ", "\n\n    ", "\n\n    ", "\n\n    ", "\n\n    ", "\n\n    ", "\n\n    ", "\n\n    ", "\n\n    ", "\n\n    ", "\n\n    ", "\n\n    ", "\n\n    ", "\n\n    ", "\n\n    ", "\n\n    ", "\n\n    ", "\n\n    ", "\n\n    ", "\n\n    ", "\n\n    ", "\n\n    ", "\n\n    @media screen and (min-width: ", ") {\n      ", "\n\n      ", "\n\n      ", "\n\n      ", "\n\n      ", "\n\n      ", "\n\n      ", "\n\n      ", "\n\n      ", "\n\n      ", "\n\n      ", "\n    }\n\n    @media screen and (min-width: ", ") {\n      ", "\n\n      ", "\n\n      ", "\n\n      ", "\n\n      ", "\n\n      ", "\n\n      ", "\n\n      ", "\n\n      ", "\n\n      ", "\n\n      ", "\n    }\n\n    @media screen and (min-width: ", ") {\n      ", "\n\n      ", "\n\n      ", "\n\n      ", "\n\n      ", "\n\n      ", "\n\n      ", "\n\n      ", "\n\n      ", "\n\n      ", "\n\n      ", "\n    }\n\n    @media screen and (min-width: ", ") {\n      ", "\n\n      ", "\n\n      ", "\n\n      ", "\n\n      ", "\n\n      ", "\n\n      ", "\n\n      ", "\n\n      ", "\n\n      ", "\n\n      ", "\n    }\n\n    @media screen and (min-width: ", ") {\n      ", "\n\n      ", "\n\n      ", "\n\n      ", "\n\n      ", "\n\n      ", "\n\n      ", "\n\n      ", "\n\n      ", "\n\n      ", "\n\n      ", "\n    }\n  "])), typeof props.flexDirection === 'string' && "\n      flex-direction: ".concat(props.flexDirection, ";\n    "), _typeof(props.flexDirection) === 'object' && "\n      flex-direction: ".concat(props.flexDirection.base || '', ";\n    "), typeof props.alignItems === 'string' && "\n      align-items: ".concat(props.alignItems, ";\n    "), _typeof(props.alignItems) === 'object' && "\n      align-items: ".concat(props.alignItems.base || '', ";\n    "), typeof props.alignContent === 'string' && "\n      align-content: ".concat(props.alignContent, ";\n    "), _typeof(props.alignContent) === 'object' && "\n      align-content: ".concat(props.alignContent.base || '', ";\n    "), typeof props.alignSelf === 'string' && "\n      align-self: ".concat(props.alignSelf, ";\n    "), _typeof(props.alignSelf) === 'object' && "\n      align-self: ".concat(props.alignSelf.base || '', ";\n    "), typeof props.justifyContent === 'string' && "\n      justify-content: ".concat(props.justifyContent, ";\n    "), _typeof(props.justifyContent) === 'object' && "\n      justify-content: ".concat(props.justifyContent.base || '', ";\n    "), typeof props.justifySelf === 'string' && "\n      justify-self: ".concat(props.justifySelf, ";\n    "), _typeof(props.justifySelf) === 'object' && "\n      justify-self: ".concat(props.justifySelf.base || '', ";\n    "), typeof props.spacing === 'string' && "\n      gap: ".concat(getSpacingOnTheme(props.spacing), ";\n    "), _typeof(props.spacing) === 'object' && "\n      gap: ".concat(getSpacingOnTheme(props.spacing.base || ''), ";\n    "), typeof props.wrap === 'string' && "\n      flex-wrap: ".concat(props.wrap, ";\n    "), _typeof(props.wrap) === 'object' && "\n      flex-wrap: ".concat(props.wrap.base || '', ";\n    "), typeof props.grow === 'string' && "\n      flex-grow: ".concat(props.grow, ";\n    "), _typeof(props.grow) === 'object' && "\n      flex-grow: ".concat(props.grow.base || '', ";\n    "), typeof props.shrink === 'string' && "\n      flex-shrink: ".concat(props.shrink, ";\n    "), _typeof(props.shrink) === 'object' && "\n      flex-shrink: ".concat(props.shrink.base || '', ";\n    "), typeof props.basis === 'string' && "\n      flex-basis: ".concat(props.basis, ";\n    "), _typeof(props.basis) === 'object' && "\n      flex-basis: ".concat(props.basis.base || '', ";\n    "), props.theme.breakpoints.sm, _typeof(props.flexDirection) === 'object' && "\n        flex-direction: ".concat(props.flexDirection.sm || '', ";\n      "), _typeof(props.alignItems) === 'object' && "\n        align-items: ".concat(props.alignItems.sm || '', ";\n      "), _typeof(props.alignContent) === 'object' && "\n        align-content: ".concat(props.alignContent.sm || '', ";\n      "), _typeof(props.alignSelf) === 'object' && "\n        align-self: ".concat(props.alignSelf.sm || '', ";\n      "), _typeof(props.justifyContent) === 'object' && "\n        justify-content: ".concat(props.justifyContent.sm || '', ";\n      "), _typeof(props.justifySelf) === 'object' && "\n        justify-self: ".concat(props.justifySelf.sm || '', ";\n      "), _typeof(props.spacing) === 'object' && "\n        gap: ".concat(getSpacingOnTheme(props.spacing.sm || '' || ''), ";\n      "), _typeof(props.wrap) === 'object' && "\n        flex-wrap: ".concat(props.wrap.sm || '', ";\n      "), _typeof(props.grow) === 'object' && "\n        flex-grow: ".concat(props.grow.sm || '', ";\n      "), _typeof(props.shrink) === 'object' && "\n        flex-shrink: ".concat(props.shrink.sm || '', ";\n      "), _typeof(props.basis) === 'object' && "\n        flex-basis: ".concat(props.basis.sm || '', ";\n      "), props.theme.breakpoints.md, _typeof(props.flexDirection) === 'object' && "\n        flex-direction: ".concat(props.flexDirection.md || '' || '', ";\n      "), _typeof(props.alignItems) === 'object' && "\n        align-items: ".concat(props.alignItems.md || '', ";\n      "), _typeof(props.alignContent) === 'object' && "\n        align-content: ".concat(props.alignContent.md || '', ";\n      "), _typeof(props.alignSelf) === 'object' && "\n        align-self: ".concat(props.alignSelf.md || '', ";\n      "), _typeof(props.justifyContent) === 'object' && "\n        justify-content: ".concat(props.justifyContent.md || '', ";\n      "), _typeof(props.justifySelf) === 'object' && "\n        justify-self: ".concat(props.justifySelf.md || '', ";\n      "), _typeof(props.spacing) === 'object' && "\n        gap: ".concat(getSpacingOnTheme(props.spacing.md || ''), ";\n      "), _typeof(props.wrap) === 'object' && "\n        flex-wrap: ".concat(props.wrap.md || '', ";\n      "), _typeof(props.grow) === 'object' && "\n        flex-grow: ".concat(props.grow.md || '', ";\n      "), _typeof(props.shrink) === 'object' && "\n        flex-shrink: ".concat(props.shrink.md || '', ";\n      "), _typeof(props.basis) === 'object' && "\n        flex-basis: ".concat(props.basis.md || '', ";\n      "), props.theme.breakpoints.lg, _typeof(props.flexDirection) === 'object' && "\n        flex-direction: ".concat(props.flexDirection.lg || '', ";\n      "), _typeof(props.alignItems) === 'object' && "\n        align-items: ".concat(props.alignItems.lg || '', ";\n      "), _typeof(props.alignContent) === 'object' && "\n        align-content: ".concat(props.alignContent.lg || '', ";\n      "), _typeof(props.alignSelf) === 'object' && "\n        align-self: ".concat(props.alignSelf.lg || '', ";\n      "), _typeof(props.justifyContent) === 'object' && "\n        justify-content: ".concat(props.justifyContent.lg || '', ";\n      "), _typeof(props.justifySelf) === 'object' && "\n        justify-self: ".concat(props.justifySelf.lg || '', ";\n      "), _typeof(props.spacing) === 'object' && "\n        gap: ".concat(getSpacingOnTheme(props.spacing.lg || ''), ";\n      "), _typeof(props.wrap) === 'object' && "\n        flex-wrap: ".concat(props.wrap.lg || '', ";\n      "), _typeof(props.grow) === 'object' && "\n        flex-grow: ".concat(props.grow.lg || '', ";\n      "), _typeof(props.shrink) === 'object' && "\n        flex-shrink: ".concat(props.shrink.lg || '', ";\n      "), _typeof(props.basis) === 'object' && "\n        flex-basis: ".concat(props.basis.lg || '', ";\n      "), props.theme.breakpoints.xl, _typeof(props.flexDirection) === 'object' && "\n        flex-direction: ".concat(props.flexDirection.xl || '', ";\n      "), _typeof(props.alignItems) === 'object' && "\n        align-items: ".concat(props.alignItems.xl || '', ";\n      "), _typeof(props.alignContent) === 'object' && "\n        align-content: ".concat(props.alignContent.xl || '', ";\n      "), _typeof(props.alignSelf) === 'object' && "\n        align-self: ".concat(props.alignSelf.xl || '', ";\n      "), _typeof(props.justifyContent) === 'object' && "\n        justify-content: ".concat(props.justifyContent.xl || '', ";\n      "), _typeof(props.justifySelf) === 'object' && "\n        justify-self: ".concat(props.justifySelf.xl || '', ";\n      "), _typeof(props.spacing) === 'object' && "\n        gap: ".concat(getSpacingOnTheme(props.spacing.xl || ''), ";\n      "), _typeof(props.wrap) === 'object' && "\n        flex-wrap: ".concat(props.wrap.xl || '', ";\n      "), _typeof(props.grow) === 'object' && "\n        flex-grow: ".concat(props.grow.xl || '', ";\n      "), _typeof(props.shrink) === 'object' && "\n        flex-shrink: ".concat(props.shrink.xl || '', ";\n      "), _typeof(props.basis) === 'object' && "\n        flex-basis: ".concat(props.basis.xl || '', ";\n      "), props.theme.breakpoints.xxl, _typeof(props.flexDirection) === 'object' && "\n        flex-direction: ".concat(props.flexDirection.xxl || '', ";\n      "), _typeof(props.alignItems) === 'object' && "\n        align-items: ".concat(props.alignItems.xxl || '', ";\n      "), _typeof(props.alignContent) === 'object' && "\n        align-content: ".concat(props.alignContent.xxl || '', ";\n      "), _typeof(props.alignSelf) === 'object' && "\n        align-self: ".concat(props.alignSelf.xxl || '', ";\n      "), _typeof(props.justifyContent) === 'object' && "\n        justify-content: ".concat(props.justifyContent.xxl || '', ";\n      "), _typeof(props.justifySelf) === 'object' && "\n        justify-self: ".concat(props.justifySelf.xxl || '', ";\n      "), _typeof(props.spacing) === 'object' && "\n        gap: ".concat(getSpacingOnTheme(props.spacing.xxl || ''), ";\n      "), _typeof(props.wrap) === 'object' && "\n        flex-wrap: ".concat(props.wrap.xxl || '', ";\n      "), _typeof(props.grow) === 'object' && "\n        flex-grow: ".concat(props.grow.xxl || '', ";\n      "), _typeof(props.shrink) === 'object' && "\n        flex-shrink: ".concat(props.shrink.xxl || '', ";\n      "), _typeof(props.basis) === 'object' && "\n        flex-basis: ".concat(props.basis.xxl || '', ";\n      "));
-});
-exports.StyledFlexContainer = StyledFlexContainer;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.StyledFlexContainer=void 0;var _templateObject,_react=require("@emotion/react"),_styled=_interopRequireDefault(require("@emotion/styled"));function _interopRequireDefault(obj){return obj&&obj.__esModule?obj:{default:obj}}function _typeof(obj){"@babel/helpers - typeof";return _typeof="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(obj){return typeof obj}:function(obj){return obj&&"function"==typeof Symbol&&obj.constructor===Symbol&&obj!==Symbol.prototype?"symbol":typeof obj},_typeof(obj)}function _taggedTemplateLiteral(strings,raw){return raw||(raw=strings.slice(0)),Object.freeze(Object.defineProperties(strings,{raw:{value:Object.freeze(raw)}}))}var StyledFlexContainer=_styled.default.div(function(props){var getSpacingOnTheme=function(property){var parseAllKeysToString=Object.keys(props.theme.space).map(function(key){return key.toString()});return parseAllKeysToString.includes((null===property||void 0===property?void 0:property.toString())||"")?props.theme.space[property]:property||""};return(0,_react.css)(_templateObject||(_templateObject=_taggedTemplateLiteral(["\n    display: flex;\n\n    ","\n\n    ","\n\n    ","\n\n    ","\n\n    ","\n\n    ","\n\n    ","\n\n    ","\n\n    ","\n\n    ","\n\n    ","\n\n    ","\n\n    ","\n\n    ","\n\n    ","\n\n    ","\n\n    ","\n\n    ","\n\n    ","\n\n    ","\n\n    ","\n\n    ","\n\n    @media screen and (min-width: ",") {\n      ","\n\n      ","\n\n      ","\n\n      ","\n\n      ","\n\n      ","\n\n      ","\n\n      ","\n\n      ","\n\n      ","\n\n      ","\n    }\n\n    @media screen and (min-width: ",") {\n      ","\n\n      ","\n\n      ","\n\n      ","\n\n      ","\n\n      ","\n\n      ","\n\n      ","\n\n      ","\n\n      ","\n\n      ","\n    }\n\n    @media screen and (min-width: ",") {\n      ","\n\n      ","\n\n      ","\n\n      ","\n\n      ","\n\n      ","\n\n      ","\n\n      ","\n\n      ","\n\n      ","\n\n      ","\n    }\n\n    @media screen and (min-width: ",") {\n      ","\n\n      ","\n\n      ","\n\n      ","\n\n      ","\n\n      ","\n\n      ","\n\n      ","\n\n      ","\n\n      ","\n\n      ","\n    }\n\n    @media screen and (min-width: ",") {\n      ","\n\n      ","\n\n      ","\n\n      ","\n\n      ","\n\n      ","\n\n      ","\n\n      ","\n\n      ","\n\n      ","\n\n      ","\n    }\n  "])),"string"==typeof props.flexDirection&&"\n      flex-direction: ".concat(props.flexDirection,";\n    "),"object"===_typeof(props.flexDirection)&&"\n      flex-direction: ".concat(props.flexDirection.base||"",";\n    "),"string"==typeof props.alignItems&&"\n      align-items: ".concat(props.alignItems,";\n    "),"object"===_typeof(props.alignItems)&&"\n      align-items: ".concat(props.alignItems.base||"",";\n    "),"string"==typeof props.alignContent&&"\n      align-content: ".concat(props.alignContent,";\n    "),"object"===_typeof(props.alignContent)&&"\n      align-content: ".concat(props.alignContent.base||"",";\n    "),"string"==typeof props.alignSelf&&"\n      align-self: ".concat(props.alignSelf,";\n    "),"object"===_typeof(props.alignSelf)&&"\n      align-self: ".concat(props.alignSelf.base||"",";\n    "),"string"==typeof props.justifyContent&&"\n      justify-content: ".concat(props.justifyContent,";\n    "),"object"===_typeof(props.justifyContent)&&"\n      justify-content: ".concat(props.justifyContent.base||"",";\n    "),"string"==typeof props.justifySelf&&"\n      justify-self: ".concat(props.justifySelf,";\n    "),"object"===_typeof(props.justifySelf)&&"\n      justify-self: ".concat(props.justifySelf.base||"",";\n    "),"string"==typeof props.spacing&&"\n      gap: ".concat(getSpacingOnTheme(props.spacing),";\n    "),"object"===_typeof(props.spacing)&&"\n      gap: ".concat(getSpacingOnTheme(props.spacing.base||""),";\n    "),"string"==typeof props.wrap&&"\n      flex-wrap: ".concat(props.wrap,";\n    "),"object"===_typeof(props.wrap)&&"\n      flex-wrap: ".concat(props.wrap.base||"",";\n    "),"string"==typeof props.grow&&"\n      flex-grow: ".concat(props.grow,";\n    "),"object"===_typeof(props.grow)&&"\n      flex-grow: ".concat(props.grow.base||"",";\n    "),"string"==typeof props.shrink&&"\n      flex-shrink: ".concat(props.shrink,";\n    "),"object"===_typeof(props.shrink)&&"\n      flex-shrink: ".concat(props.shrink.base||"",";\n    "),"string"==typeof props.basis&&"\n      flex-basis: ".concat(props.basis,";\n    "),"object"===_typeof(props.basis)&&"\n      flex-basis: ".concat(props.basis.base||"",";\n    "),props.theme.breakpoints.sm,"object"===_typeof(props.flexDirection)&&"\n        flex-direction: ".concat(props.flexDirection.sm||"",";\n      "),"object"===_typeof(props.alignItems)&&"\n        align-items: ".concat(props.alignItems.sm||"",";\n      "),"object"===_typeof(props.alignContent)&&"\n        align-content: ".concat(props.alignContent.sm||"",";\n      "),"object"===_typeof(props.alignSelf)&&"\n        align-self: ".concat(props.alignSelf.sm||"",";\n      "),"object"===_typeof(props.justifyContent)&&"\n        justify-content: ".concat(props.justifyContent.sm||"",";\n      "),"object"===_typeof(props.justifySelf)&&"\n        justify-self: ".concat(props.justifySelf.sm||"",";\n      "),"object"===_typeof(props.spacing)&&"\n        gap: ".concat(getSpacingOnTheme(props.spacing.sm||""||""),";\n      "),"object"===_typeof(props.wrap)&&"\n        flex-wrap: ".concat(props.wrap.sm||"",";\n      "),"object"===_typeof(props.grow)&&"\n        flex-grow: ".concat(props.grow.sm||"",";\n      "),"object"===_typeof(props.shrink)&&"\n        flex-shrink: ".concat(props.shrink.sm||"",";\n      "),"object"===_typeof(props.basis)&&"\n        flex-basis: ".concat(props.basis.sm||"",";\n      "),props.theme.breakpoints.md,"object"===_typeof(props.flexDirection)&&"\n        flex-direction: ".concat(props.flexDirection.md||""||"",";\n      "),"object"===_typeof(props.alignItems)&&"\n        align-items: ".concat(props.alignItems.md||"",";\n      "),"object"===_typeof(props.alignContent)&&"\n        align-content: ".concat(props.alignContent.md||"",";\n      "),"object"===_typeof(props.alignSelf)&&"\n        align-self: ".concat(props.alignSelf.md||"",";\n      "),"object"===_typeof(props.justifyContent)&&"\n        justify-content: ".concat(props.justifyContent.md||"",";\n      "),"object"===_typeof(props.justifySelf)&&"\n        justify-self: ".concat(props.justifySelf.md||"",";\n      "),"object"===_typeof(props.spacing)&&"\n        gap: ".concat(getSpacingOnTheme(props.spacing.md||""),";\n      "),"object"===_typeof(props.wrap)&&"\n        flex-wrap: ".concat(props.wrap.md||"",";\n      "),"object"===_typeof(props.grow)&&"\n        flex-grow: ".concat(props.grow.md||"",";\n      "),"object"===_typeof(props.shrink)&&"\n        flex-shrink: ".concat(props.shrink.md||"",";\n      "),"object"===_typeof(props.basis)&&"\n        flex-basis: ".concat(props.basis.md||"",";\n      "),props.theme.breakpoints.lg,"object"===_typeof(props.flexDirection)&&"\n        flex-direction: ".concat(props.flexDirection.lg||"",";\n      "),"object"===_typeof(props.alignItems)&&"\n        align-items: ".concat(props.alignItems.lg||"",";\n      "),"object"===_typeof(props.alignContent)&&"\n        align-content: ".concat(props.alignContent.lg||"",";\n      "),"object"===_typeof(props.alignSelf)&&"\n        align-self: ".concat(props.alignSelf.lg||"",";\n      "),"object"===_typeof(props.justifyContent)&&"\n        justify-content: ".concat(props.justifyContent.lg||"",";\n      "),"object"===_typeof(props.justifySelf)&&"\n        justify-self: ".concat(props.justifySelf.lg||"",";\n      "),"object"===_typeof(props.spacing)&&"\n        gap: ".concat(getSpacingOnTheme(props.spacing.lg||""),";\n      "),"object"===_typeof(props.wrap)&&"\n        flex-wrap: ".concat(props.wrap.lg||"",";\n      "),"object"===_typeof(props.grow)&&"\n        flex-grow: ".concat(props.grow.lg||"",";\n      "),"object"===_typeof(props.shrink)&&"\n        flex-shrink: ".concat(props.shrink.lg||"",";\n      "),"object"===_typeof(props.basis)&&"\n        flex-basis: ".concat(props.basis.lg||"",";\n      "),props.theme.breakpoints.xl,"object"===_typeof(props.flexDirection)&&"\n        flex-direction: ".concat(props.flexDirection.xl||"",";\n      "),"object"===_typeof(props.alignItems)&&"\n        align-items: ".concat(props.alignItems.xl||"",";\n      "),"object"===_typeof(props.alignContent)&&"\n        align-content: ".concat(props.alignContent.xl||"",";\n      "),"object"===_typeof(props.alignSelf)&&"\n        align-self: ".concat(props.alignSelf.xl||"",";\n      "),"object"===_typeof(props.justifyContent)&&"\n        justify-content: ".concat(props.justifyContent.xl||"",";\n      "),"object"===_typeof(props.justifySelf)&&"\n        justify-self: ".concat(props.justifySelf.xl||"",";\n      "),"object"===_typeof(props.spacing)&&"\n        gap: ".concat(getSpacingOnTheme(props.spacing.xl||""),";\n      "),"object"===_typeof(props.wrap)&&"\n        flex-wrap: ".concat(props.wrap.xl||"",";\n      "),"object"===_typeof(props.grow)&&"\n        flex-grow: ".concat(props.grow.xl||"",";\n      "),"object"===_typeof(props.shrink)&&"\n        flex-shrink: ".concat(props.shrink.xl||"",";\n      "),"object"===_typeof(props.basis)&&"\n        flex-basis: ".concat(props.basis.xl||"",";\n      "),props.theme.breakpoints.xxl,"object"===_typeof(props.flexDirection)&&"\n        flex-direction: ".concat(props.flexDirection.xxl||"",";\n      "),"object"===_typeof(props.alignItems)&&"\n        align-items: ".concat(props.alignItems.xxl||"",";\n      "),"object"===_typeof(props.alignContent)&&"\n        align-content: ".concat(props.alignContent.xxl||"",";\n      "),"object"===_typeof(props.alignSelf)&&"\n        align-self: ".concat(props.alignSelf.xxl||"",";\n      "),"object"===_typeof(props.justifyContent)&&"\n        justify-content: ".concat(props.justifyContent.xxl||"",";\n      "),"object"===_typeof(props.justifySelf)&&"\n        justify-self: ".concat(props.justifySelf.xxl||"",";\n      "),"object"===_typeof(props.spacing)&&"\n        gap: ".concat(getSpacingOnTheme(props.spacing.xxl||""),";\n      "),"object"===_typeof(props.wrap)&&"\n        flex-wrap: ".concat(props.wrap.xxl||"",";\n      "),"object"===_typeof(props.grow)&&"\n        flex-grow: ".concat(props.grow.xxl||"",";\n      "),"object"===_typeof(props.shrink)&&"\n        flex-shrink: ".concat(props.shrink.xxl||"",";\n      "),"object"===_typeof(props.basis)&&"\n        flex-basis: ".concat(props.basis.xxl||"",";\n      "))});exports.StyledFlexContainer=StyledFlexContainer;

package/dist/components/Grid/grid.test.js

@@ -1,134 +1 @@
-"use strict";
-
-var _testUtils = require("../../shared/tests/test-utils");
-var _react = require("@testing-library/react");
-require("@testing-library/jest-dom");
-var _ = _interopRequireDefault(require("."));
-var _jsxRuntime = require("react/jsx-runtime");
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-describe('Grid', function () {
-  it('should render the grid container', function () {
-    (0, _testUtils.render)( /*#__PURE__*/(0, _jsxRuntime.jsx)(_.default, {
-      container: true,
-      "data-testid": "grid-container"
-    }));
-    expect(_react.screen.getByTestId('grid-container')).toBeInTheDocument();
-  });
-  it('should render grid container with item element', function () {
-    (0, _testUtils.render)( /*#__PURE__*/(0, _jsxRuntime.jsx)(_.default, {
-      container: true,
-      "data-testid": "grid-container",
-      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_.default, {
-        item: true,
-        "data-testid": "grid-item"
-      })
-    }));
-    expect(_react.screen.getByTestId('grid-item')).toBeInTheDocument();
-  });
-  it('should render grid container with multiple items', function () {
-    (0, _testUtils.render)( /*#__PURE__*/(0, _jsxRuntime.jsxs)(_.default, {
-      container: true,
-      templateColumns: "repeat(12, 1fr)",
-      "data-testid": "grid-container",
-      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_.default, {
-        item: true,
-        "data-testid": "grid-item-1"
-      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_.default, {
-        item: true,
-        "data-testid": "grid-item-2"
-      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_.default, {
-        item: true,
-        "data-testid": "grid-item-3"
-      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_.default, {
-        item: true,
-        "data-testid": "grid-item-4"
-      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_.default, {
-        item: true,
-        "data-testid": "grid-item-5"
-      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_.default, {
-        item: true,
-        "data-testid": "grid-item-6"
-      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_.default, {
-        item: true,
-        "data-testid": "grid-item-7"
-      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_.default, {
-        item: true,
-        "data-testid": "grid-item-8"
-      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_.default, {
-        item: true,
-        "data-testid": "grid-item-9"
-      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_.default, {
-        item: true,
-        "data-testid": "grid-item-10"
-      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_.default, {
-        item: true,
-        "data-testid": "grid-item-11"
-      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_.default, {
-        item: true,
-        "data-testid": "grid-item-12"
-      })]
-    }));
-    expect(_react.screen.getByTestId('grid-item-1')).toBeInTheDocument();
-    expect(_react.screen.getByTestId('grid-item-2')).toBeInTheDocument();
-    expect(_react.screen.getByTestId('grid-item-3')).toBeInTheDocument();
-    expect(_react.screen.getByTestId('grid-item-4')).toBeInTheDocument();
-    expect(_react.screen.getByTestId('grid-item-5')).toBeInTheDocument();
-    expect(_react.screen.getByTestId('grid-item-6')).toBeInTheDocument();
-    expect(_react.screen.getByTestId('grid-item-7')).toBeInTheDocument();
-    expect(_react.screen.getByTestId('grid-item-8')).toBeInTheDocument();
-    expect(_react.screen.getByTestId('grid-item-9')).toBeInTheDocument();
-    expect(_react.screen.getByTestId('grid-item-10')).toBeInTheDocument();
-    expect(_react.screen.getByTestId('grid-item-11')).toBeInTheDocument();
-    expect(_react.screen.getByTestId('grid-item-12')).toBeInTheDocument();
-  });
-  it('should render grid container with multiply elements of different sizes', function () {
-    (0, _testUtils.render)( /*#__PURE__*/(0, _jsxRuntime.jsxs)(_.default, {
-      container: true,
-      gridGap: 6,
-      "data-testid": "grid-container",
-      templateColumns: "repeat(12, 1fr)",
-      templateRows: "repeat(2, 1fr)",
-      style: {
-        height: '200px'
-      },
-      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_.default, {
-        item: true,
-        rowSpan: 2,
-        colSpan: 2,
-        "data-testid": "grid-item-xs-2",
-        style: {
-          background: '#000'
-        }
-      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_.default, {
-        item: true,
-        rowSpan: 2,
-        colSpan: 4,
-        "data-testid": "grid-item-xs-4",
-        style: {
-          background: '#000'
-        }
-      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_.default, {
-        item: true,
-        rowSpan: 2,
-        colSpan: 6,
-        "data-testid": "grid-item-xs-6",
-        style: {
-          background: '#000'
-        }
-      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_.default, {
-        item: true,
-        rowSpan: 2,
-        colSpan: 10,
-        "data-testid": "grid-item-xs-10",
-        style: {
-          background: '#000'
-        }
-      })]
-    }));
-    expect(_react.screen.getByTestId('grid-container')).toBeInTheDocument();
-    expect(_react.screen.getByTestId('grid-item-xs-2')).toBeInTheDocument();
-    expect(_react.screen.getByTestId('grid-item-xs-4')).toBeInTheDocument();
-    expect(_react.screen.getByTestId('grid-item-xs-6')).toBeInTheDocument();
-    expect(_react.screen.getByTestId('grid-item-xs-10')).toBeInTheDocument();
-  });
-});
+"use strict";var _testUtils=require("../../shared/tests/test-utils"),_react=require("@testing-library/react");require("@testing-library/jest-dom");var _=_interopRequireDefault(require(".")),_jsxRuntime=require("react/jsx-runtime");function _interopRequireDefault(obj){return obj&&obj.__esModule?obj:{default:obj}}describe("Grid",function(){it("should render the grid container",function(){(0,_testUtils.render)(/*#__PURE__*/(0,_jsxRuntime.jsx)(_.default,{container:!0,"data-testid":"grid-container"})),expect(_react.screen.getByTestId("grid-container")).toBeInTheDocument()}),it("should render grid container with item element",function(){(0,_testUtils.render)(/*#__PURE__*/(0,_jsxRuntime.jsx)(_.default,{container:!0,"data-testid":"grid-container",children:/*#__PURE__*/(0,_jsxRuntime.jsx)(_.default,{item:!0,"data-testid":"grid-item"})})),expect(_react.screen.getByTestId("grid-item")).toBeInTheDocument()}),it("should render grid container with multiple items",function(){(0,_testUtils.render)(/*#__PURE__*/(0,_jsxRuntime.jsxs)(_.default,{container:!0,templateColumns:"repeat(12, 1fr)","data-testid":"grid-container",children:[/*#__PURE__*/(0,_jsxRuntime.jsx)(_.default,{item:!0,"data-testid":"grid-item-1"}),/*#__PURE__*/(0,_jsxRuntime.jsx)(_.default,{item:!0,"data-testid":"grid-item-2"}),/*#__PURE__*/(0,_jsxRuntime.jsx)(_.default,{item:!0,"data-testid":"grid-item-3"}),/*#__PURE__*/(0,_jsxRuntime.jsx)(_.default,{item:!0,"data-testid":"grid-item-4"}),/*#__PURE__*/(0,_jsxRuntime.jsx)(_.default,{item:!0,"data-testid":"grid-item-5"}),/*#__PURE__*/(0,_jsxRuntime.jsx)(_.default,{item:!0,"data-testid":"grid-item-6"}),/*#__PURE__*/(0,_jsxRuntime.jsx)(_.default,{item:!0,"data-testid":"grid-item-7"}),/*#__PURE__*/(0,_jsxRuntime.jsx)(_.default,{item:!0,"data-testid":"grid-item-8"}),/*#__PURE__*/(0,_jsxRuntime.jsx)(_.default,{item:!0,"data-testid":"grid-item-9"}),/*#__PURE__*/(0,_jsxRuntime.jsx)(_.default,{item:!0,"data-testid":"grid-item-10"}),/*#__PURE__*/(0,_jsxRuntime.jsx)(_.default,{item:!0,"data-testid":"grid-item-11"}),/*#__PURE__*/(0,_jsxRuntime.jsx)(_.default,{item:!0,"data-testid":"grid-item-12"})]})),expect(_react.screen.getByTestId("grid-item-1")).toBeInTheDocument(),expect(_react.screen.getByTestId("grid-item-2")).toBeInTheDocument(),expect(_react.screen.getByTestId("grid-item-3")).toBeInTheDocument(),expect(_react.screen.getByTestId("grid-item-4")).toBeInTheDocument(),expect(_react.screen.getByTestId("grid-item-5")).toBeInTheDocument(),expect(_react.screen.getByTestId("grid-item-6")).toBeInTheDocument(),expect(_react.screen.getByTestId("grid-item-7")).toBeInTheDocument(),expect(_react.screen.getByTestId("grid-item-8")).toBeInTheDocument(),expect(_react.screen.getByTestId("grid-item-9")).toBeInTheDocument(),expect(_react.screen.getByTestId("grid-item-10")).toBeInTheDocument(),expect(_react.screen.getByTestId("grid-item-11")).toBeInTheDocument(),expect(_react.screen.getByTestId("grid-item-12")).toBeInTheDocument()}),it("should render grid container with multiply elements of different sizes",function(){(0,_testUtils.render)(/*#__PURE__*/(0,_jsxRuntime.jsxs)(_.default,{container:!0,gridGap:6,"data-testid":"grid-container",templateColumns:"repeat(12, 1fr)",templateRows:"repeat(2, 1fr)",style:{height:"200px"},children:[/*#__PURE__*/(0,_jsxRuntime.jsx)(_.default,{item:!0,rowSpan:2,colSpan:2,"data-testid":"grid-item-xs-2",style:{background:"#000"}}),/*#__PURE__*/(0,_jsxRuntime.jsx)(_.default,{item:!0,rowSpan:2,colSpan:4,"data-testid":"grid-item-xs-4",style:{background:"#000"}}),/*#__PURE__*/(0,_jsxRuntime.jsx)(_.default,{item:!0,rowSpan:2,colSpan:6,"data-testid":"grid-item-xs-6",style:{background:"#000"}}),/*#__PURE__*/(0,_jsxRuntime.jsx)(_.default,{item:!0,rowSpan:2,colSpan:10,"data-testid":"grid-item-xs-10",style:{background:"#000"}})]})),expect(_react.screen.getByTestId("grid-container")).toBeInTheDocument(),expect(_react.screen.getByTestId("grid-item-xs-2")).toBeInTheDocument(),expect(_react.screen.getByTestId("grid-item-xs-4")).toBeInTheDocument(),expect(_react.screen.getByTestId("grid-item-xs-6")).toBeInTheDocument(),expect(_react.screen.getByTestId("grid-item-xs-10")).toBeInTheDocument()})});

package/dist/components/Grid/index.js

@@ -1,51 +1 @@
-"use strict";
-
-function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _styles = require("./styles");
-var _jsxRuntime = require("react/jsx-runtime");
-var _excluded = ["container", "item", "gridGap", "templateAreas", "templateColumns", "templateRows", "colSpan", "colEnd", "colStart", "rowEnd", "rowStart", "rowSpan", "children"];
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
-function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
-function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
-function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
-var Grid = function Grid(_ref) {
-  var container = _ref.container,
-    item = _ref.item,
-    gridGap = _ref.gridGap,
-    templateAreas = _ref.templateAreas,
-    templateColumns = _ref.templateColumns,
-    templateRows = _ref.templateRows,
-    colSpan = _ref.colSpan,
-    colEnd = _ref.colEnd,
-    colStart = _ref.colStart,
-    rowEnd = _ref.rowEnd,
-    rowStart = _ref.rowStart,
-    rowSpan = _ref.rowSpan,
-    children = _ref.children,
-    rest = _objectWithoutProperties(_ref, _excluded);
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_styles.GridComponent, _objectSpread(_objectSpread({
-    container: container,
-    item: item,
-    gridGap: gridGap,
-    templateAreas: templateAreas,
-    templateColumns: templateColumns,
-    templateRows: templateRows,
-    colSpan: colSpan,
-    colEnd: colEnd,
-    colStart: colStart,
-    rowEnd: rowEnd,
-    rowStart: rowStart,
-    rowSpan: rowSpan
-  }, rest), {}, {
-    children: children
-  }));
-};
-var _default = Grid;
-exports.default = _default;
+"use strict";function _typeof(obj){"@babel/helpers - typeof";return _typeof="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(obj){return typeof obj}:function(obj){return obj&&"function"==typeof Symbol&&obj.constructor===Symbol&&obj!==Symbol.prototype?"symbol":typeof obj},_typeof(obj)}Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var _styles=require("./styles"),_jsxRuntime=require("react/jsx-runtime"),_excluded=["container","item","gridGap","templateAreas","templateColumns","templateRows","colSpan","colEnd","colStart","rowEnd","rowStart","rowSpan","children"];function ownKeys(object,enumerableOnly){var keys=Object.keys(object);if(Object.getOwnPropertySymbols){var symbols=Object.getOwnPropertySymbols(object);enumerableOnly&&(symbols=symbols.filter(function(sym){return Object.getOwnPropertyDescriptor(object,sym).enumerable})),keys.push.apply(keys,symbols)}return keys}function _objectSpread(target){for(var source,i=1;i<arguments.length;i++)source=null==arguments[i]?{}:arguments[i],i%2?ownKeys(Object(source),!0).forEach(function(key){_defineProperty(target,key,source[key])}):Object.getOwnPropertyDescriptors?Object.defineProperties(target,Object.getOwnPropertyDescriptors(source)):ownKeys(Object(source)).forEach(function(key){Object.defineProperty(target,key,Object.getOwnPropertyDescriptor(source,key))});return target}function _defineProperty(obj,key,value){return key=_toPropertyKey(key),key in obj?Object.defineProperty(obj,key,{value:value,enumerable:!0,configurable:!0,writable:!0}):obj[key]=value,obj}function _toPropertyKey(arg){var key=_toPrimitive(arg,"string");return"symbol"===_typeof(key)?key:key+""}function _toPrimitive(input,hint){if("object"!==_typeof(input)||null===input)return input;var prim=input[Symbol.toPrimitive];if(prim!==void 0){var res=prim.call(input,hint||"default");if("object"!==_typeof(res))return res;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===hint?String:Number)(input)}function _objectWithoutProperties(source,excluded){if(null==source)return{};var key,i,target=_objectWithoutPropertiesLoose(source,excluded);if(Object.getOwnPropertySymbols){var sourceSymbolKeys=Object.getOwnPropertySymbols(source);for(i=0;i<sourceSymbolKeys.length;i++)key=sourceSymbolKeys[i],0<=excluded.indexOf(key)||Object.prototype.propertyIsEnumerable.call(source,key)&&(target[key]=source[key])}return target}function _objectWithoutPropertiesLoose(source,excluded){if(null==source)return{};var key,i,target={},sourceKeys=Object.keys(source);for(i=0;i<sourceKeys.length;i++)key=sourceKeys[i],0<=excluded.indexOf(key)||(target[key]=source[key]);return target}var Grid=function(_ref){var container=_ref.container,item=_ref.item,gridGap=_ref.gridGap,templateAreas=_ref.templateAreas,templateColumns=_ref.templateColumns,templateRows=_ref.templateRows,colSpan=_ref.colSpan,colEnd=_ref.colEnd,colStart=_ref.colStart,rowEnd=_ref.rowEnd,rowStart=_ref.rowStart,rowSpan=_ref.rowSpan,children=_ref.children,rest=_objectWithoutProperties(_ref,_excluded);return/*#__PURE__*/(0,_jsxRuntime.jsx)(_styles.GridComponent,_objectSpread(_objectSpread({container:container,item:item,gridGap:gridGap,templateAreas:templateAreas,templateColumns:templateColumns,templateRows:templateRows,colSpan:colSpan,colEnd:colEnd,colStart:colStart,rowEnd:rowEnd,rowStart:rowStart,rowSpan:rowSpan},rest),{},{children:children}))},_default=Grid;exports.default=_default;

package/dist/components/Grid/styles.js

@@ -1,48 +1 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.GridComponent = void 0;
-var _styled = _interopRequireDefault(require("@emotion/styled"));
-var _react = require("@emotion/react");
-var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _templateObject10, _templateObject11, _templateObject12, _templateObject13, _templateObject14, _templateObject15, _templateObject16, _templateObject17, _templateObject18, _templateObject19, _templateObject20, _templateObject21, _templateObject22, _templateObject23, _templateObject24, _templateObject25, _templateObject26, _templateObject27, _templateObject28, _templateObject29, _templateObject30, _templateObject31, _templateObject32, _templateObject33, _templateObject34, _templateObject35, _templateObject36, _templateObject37, _templateObject38, _templateObject39, _templateObject40, _templateObject41, _templateObject42, _templateObject43, _templateObject44, _templateObject45, _templateObject46, _templateObject47, _templateObject48, _templateObject49, _templateObject50, _templateObject51, _templateObject52, _templateObject53, _templateObject54, _templateObject55, _templateObject56, _templateObject57, _templateObject58, _templateObject59, _templateObject60, _templateObject61, _templateObject62, _templateObject63, _templateObject64, _templateObject65, _templateObject66, _templateObject67, _templateObject68, _templateObject69, _templateObject70, _templateObject71, _templateObject72, _templateObject73, _templateObject74, _templateObject75, _templateObject76, _templateObject77, _templateObject78, _templateObject79, _templateObject80, _templateObject81, _templateObject82, _templateObject83;
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
-function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
-var GridComponent = _styled.default.div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  ", "\n\n  ", "\n\n  @media screen and (min-width: ", ") {\n    ", "\n\n    ", "\n  }\n\n  @media screen and (min-width: ", ") {\n    ", "\n\n    ", "\n  }\n\n  @media screen and (min-width: ", ") {\n    ", "\n\n    ", "\n  }\n\n  @media screen and (min-width: ", ") {\n    ", "\n\n    ", "\n  }\n\n  @media screen and (min-width: ", ") {\n    ", "\n\n    ", "\n  }\n"])), function (props) {
-  return props.container && (0, _react.css)(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n      display: grid;\n\n      ", "\n\n      ", "\n\n      ", "\n\n      ", "\n\n      ", "\n\n      ", "\n\n      ", "\n    "])), _typeof(props.gridGap) === 'object' ? (0, _react.css)(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n            grid-gap: ", ";\n          "])), props.gridGap.base ? props.theme.space[props.gridGap.base] : '') : (0, _react.css)(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n            grid-gap: ", ";\n          "])), props.gridGap ? props.theme.space[props.gridGap] : ''), typeof props.templateColumns === 'string' && (0, _react.css)(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["\n        grid-template-columns: ", ";\n      "])), props.templateColumns), _typeof(props.templateColumns) === 'object' && (0, _react.css)(_templateObject6 || (_templateObject6 = _taggedTemplateLiteral(["\n        grid-template-columns: ", ";\n      "])), props.templateColumns.base || ''), typeof props.templateRows === 'string' && (0, _react.css)(_templateObject7 || (_templateObject7 = _taggedTemplateLiteral(["\n        grid-template-rows: ", ";\n      "])), props.templateRows), _typeof(props.templateRows) === 'object' && (0, _react.css)(_templateObject8 || (_templateObject8 = _taggedTemplateLiteral(["\n        grid-template-rows: ", ";\n      "])), props.templateRows.base || ''), typeof props.templateAreas === 'string' && (0, _react.css)(_templateObject9 || (_templateObject9 = _taggedTemplateLiteral(["\n        grid-template-areas: ", ";\n      "])), props.templateAreas), _typeof(props.templateAreas) === 'object' && (0, _react.css)(_templateObject10 || (_templateObject10 = _taggedTemplateLiteral(["\n        grid-template-areas: ", ";\n      "])), props.templateAreas.base || ''));
-}, function (props) {
-  return props.item && (0, _react.css)(_templateObject11 || (_templateObject11 = _taggedTemplateLiteral(["\n      width: 100%;\n      height: 100%;\n\n      ", "\n\n      ", "\n\n      ", "\n\n      ", "\n\n      ", "\n\n      ", "\n\n      ", "\n\n      ", "\n\n      ", "\n\n      ", "\n\n      ", "\n\n      ", "\n    "])), typeof props.colSpan === 'number' && (0, _react.css)(_templateObject12 || (_templateObject12 = _taggedTemplateLiteral(["\n        grid-column-start: span ", ";\n        grid-column-end: span ", ";\n      "])), props.colSpan, props.colSpan), _typeof(props.colSpan) === 'object' && (0, _react.css)(_templateObject13 || (_templateObject13 = _taggedTemplateLiteral(["\n        grid-column-start: ", ";\n        grid-column-end: ", ";\n      "])), props.colSpan.base ? "span ".concat(props.colSpan.base) : '', props.colSpan.base ? "span ".concat(props.colSpan.base) : ''), typeof props.rowSpan === 'number' && (0, _react.css)(_templateObject14 || (_templateObject14 = _taggedTemplateLiteral(["\n        grid-row-start: span ", ";\n        grid-row-end: span ", ";\n      "])), props.rowSpan, props.rowSpan), _typeof(props.rowSpan) === 'object' && (0, _react.css)(_templateObject15 || (_templateObject15 = _taggedTemplateLiteral(["\n        grid-row-start: ", ";\n        grid-row-end: ", ";\n      "])), props.rowSpan.base ? "span ".concat(props.rowSpan.base) : '', props.rowSpan.base ? "span ".concat(props.rowSpan.base) : ''), typeof props.colStart === 'number' && (0, _react.css)(_templateObject16 || (_templateObject16 = _taggedTemplateLiteral(["\n        grid-column-start: ", ";\n      "])), props.colStart), _typeof(props.colStart) === 'object' && (0, _react.css)(_templateObject17 || (_templateObject17 = _taggedTemplateLiteral(["\n        grid-column-start: ", ";\n      "])), props.colStart.base || ''), typeof props.colEnd === 'number' && (0, _react.css)(_templateObject18 || (_templateObject18 = _taggedTemplateLiteral(["\n        grid-column-end: ", ";\n      "])), props.colEnd), _typeof(props.colEnd) === 'object' && (0, _react.css)(_templateObject19 || (_templateObject19 = _taggedTemplateLiteral(["\n        grid-column-end: ", ";\n      "])), props.colEnd.base || ''), typeof props.rowStart === 'number' && (0, _react.css)(_templateObject20 || (_templateObject20 = _taggedTemplateLiteral(["\n        grid-row-start: ", ";\n      "])), props.rowStart), _typeof(props.rowStart) === 'object' && (0, _react.css)(_templateObject21 || (_templateObject21 = _taggedTemplateLiteral(["\n        grid-row-start: ", ";\n      "])), props.rowStart.base || ''), typeof props.rowEnd === 'number' && (0, _react.css)(_templateObject22 || (_templateObject22 = _taggedTemplateLiteral(["\n        grid-row-end: ", ";\n      "])), props.rowEnd), _typeof(props.rowEnd) === 'object' && (0, _react.css)(_templateObject23 || (_templateObject23 = _taggedTemplateLiteral(["\n        grid-row-end: ", ";\n      "])), props.rowEnd.base || ''));
-}, function (props) {
-  return props.theme.breakpoints.sm;
-}, function (props) {
-  return props.container && (0, _react.css)(_templateObject24 || (_templateObject24 = _taggedTemplateLiteral(["\n        ", ";\n\n        ", ";\n\n        ", ";\n\n        ", ";\n      "])), _typeof(props.gridGap) === 'object' && (0, _react.css)(_templateObject25 || (_templateObject25 = _taggedTemplateLiteral(["\n          grid-gap: ", ";\n        "])), props.gridGap.sm ? props.theme.space[props.gridGap.sm] : ''), _typeof(props.templateColumns) === 'object' && (0, _react.css)(_templateObject26 || (_templateObject26 = _taggedTemplateLiteral(["\n          grid-template-columns: ", ";\n        "])), props.templateColumns.sm || ''), _typeof(props.templateRows) === 'object' && (0, _react.css)(_templateObject27 || (_templateObject27 = _taggedTemplateLiteral(["\n          grid-template-rows: ", ";\n        "])), props.templateRows.sm || ''), _typeof(props.templateAreas) === 'object' && (0, _react.css)(_templateObject28 || (_templateObject28 = _taggedTemplateLiteral(["\n          grid-template-areas: ", ";\n        "])), props.templateAreas.sm || ''));
-}, function (props) {
-  return props.item && (0, _react.css)(_templateObject29 || (_templateObject29 = _taggedTemplateLiteral(["\n        ", ";\n\n        ", ";\n\n        ", ";\n\n        ", ";\n\n        ", ";\n\n        ", ";\n      "])), _typeof(props.colSpan) === 'object' && (0, _react.css)(_templateObject30 || (_templateObject30 = _taggedTemplateLiteral(["\n          grid-column-start: ", ";\n          grid-column-end: ", ";\n        "])), props.colSpan.sm ? "span ".concat(props.colSpan.sm) : '', props.colSpan.sm ? "span ".concat(props.colSpan.sm) : ''), _typeof(props.rowSpan) === 'object' && (0, _react.css)(_templateObject31 || (_templateObject31 = _taggedTemplateLiteral(["\n          grid-row-start: ", ";\n          grid-row-end: ", ";\n        "])), props.rowSpan.sm ? "span ".concat(props.rowSpan.sm) : '', props.rowSpan.sm ? "span ".concat(props.rowSpan.sm) : ''), _typeof(props.colStart) === 'object' && (0, _react.css)(_templateObject32 || (_templateObject32 = _taggedTemplateLiteral(["\n          grid-column-start: ", ";\n        "])), props.colStart.sm || ''), _typeof(props.colEnd) === 'object' && (0, _react.css)(_templateObject33 || (_templateObject33 = _taggedTemplateLiteral(["\n          grid-column-end: ", ";\n        "])), props.colEnd.sm || ''), _typeof(props.rowStart) === 'object' && (0, _react.css)(_templateObject34 || (_templateObject34 = _taggedTemplateLiteral(["\n          grid-row-start: ", ";\n        "])), props.rowStart.sm || ''), _typeof(props.rowEnd) === 'object' && (0, _react.css)(_templateObject35 || (_templateObject35 = _taggedTemplateLiteral(["\n          grid-row-end: ", ";\n        "])), props.rowEnd.sm || ''));
-}, function (props) {
-  return props.theme.breakpoints.md;
-}, function (props) {
-  return props.container && (0, _react.css)(_templateObject36 || (_templateObject36 = _taggedTemplateLiteral(["\n        ", ";\n\n        ", ";\n\n        ", ";\n\n        ", ";\n      "])), _typeof(props.gridGap) === 'object' && (0, _react.css)(_templateObject37 || (_templateObject37 = _taggedTemplateLiteral(["\n          grid-gap: ", ";\n        "])), props.gridGap.md ? props.theme.space[props.gridGap.md] : ''), _typeof(props.templateColumns) === 'object' && (0, _react.css)(_templateObject38 || (_templateObject38 = _taggedTemplateLiteral(["\n          grid-template-columns: ", ";\n        "])), props.templateColumns.md || ''), _typeof(props.templateRows) === 'object' && (0, _react.css)(_templateObject39 || (_templateObject39 = _taggedTemplateLiteral(["\n          grid-template-rows: ", ";\n        "])), props.templateRows.md || ''), _typeof(props.templateAreas) === 'object' && (0, _react.css)(_templateObject40 || (_templateObject40 = _taggedTemplateLiteral(["\n          grid-template-areas: ", ";\n        "])), props.templateAreas.md || ''));
-}, function (props) {
-  return props.item && (0, _react.css)(_templateObject41 || (_templateObject41 = _taggedTemplateLiteral(["\n        ", ";\n\n        ", ";\n\n        ", ";\n\n        ", ";\n\n        ", ";\n\n        ", ";\n      "])), _typeof(props.colSpan) === 'object' && (0, _react.css)(_templateObject42 || (_templateObject42 = _taggedTemplateLiteral(["\n          grid-column-start: ", ";\n          grid-column-end: ", ";\n        "])), props.colSpan.md ? "span ".concat(props.colSpan.md) : '', props.colSpan.md ? "span ".concat(props.colSpan.md) : ''), _typeof(props.rowSpan) === 'object' && (0, _react.css)(_templateObject43 || (_templateObject43 = _taggedTemplateLiteral(["\n          grid-row-start: ", ";\n          grid-row-end: ", ";\n        "])), props.rowSpan.md ? "span ".concat(props.rowSpan.md) : '', props.rowSpan.md ? "span ".concat(props.rowSpan.md) : ''), _typeof(props.colStart) === 'object' && (0, _react.css)(_templateObject44 || (_templateObject44 = _taggedTemplateLiteral(["\n          grid-column-start: ", ";\n        "])), props.colStart.md || ''), _typeof(props.colEnd) === 'object' && (0, _react.css)(_templateObject45 || (_templateObject45 = _taggedTemplateLiteral(["\n          grid-column-end: ", ";\n        "])), props.colEnd.md || ''), _typeof(props.rowStart) === 'object' && (0, _react.css)(_templateObject46 || (_templateObject46 = _taggedTemplateLiteral(["\n          grid-row-start: ", ";\n        "])), props.rowStart.md || ''), _typeof(props.rowEnd) === 'object' && (0, _react.css)(_templateObject47 || (_templateObject47 = _taggedTemplateLiteral(["\n          grid-row-end: ", ";\n        "])), props.rowEnd.md || ''));
-}, function (props) {
-  return props.theme.breakpoints.lg;
-}, function (props) {
-  return props.container && (0, _react.css)(_templateObject48 || (_templateObject48 = _taggedTemplateLiteral(["\n        ", ";\n\n        ", ";\n\n        ", ";\n\n        ", ";\n      "])), _typeof(props.gridGap) === 'object' && (0, _react.css)(_templateObject49 || (_templateObject49 = _taggedTemplateLiteral(["\n          grid-gap: ", ";\n        "])), props.gridGap.lg ? props.theme.space[props.gridGap.lg] : ''), _typeof(props.templateColumns) === 'object' && (0, _react.css)(_templateObject50 || (_templateObject50 = _taggedTemplateLiteral(["\n          grid-template-columns: ", ";\n        "])), props.templateColumns.lg || ''), _typeof(props.templateRows) === 'object' && (0, _react.css)(_templateObject51 || (_templateObject51 = _taggedTemplateLiteral(["\n          grid-template-rows: ", ";\n        "])), props.templateRows.lg || ''), _typeof(props.templateAreas) === 'object' && (0, _react.css)(_templateObject52 || (_templateObject52 = _taggedTemplateLiteral(["\n          grid-template-areas: ", ";\n        "])), props.templateAreas.lg || ''));
-}, function (props) {
-  return props.item && (0, _react.css)(_templateObject53 || (_templateObject53 = _taggedTemplateLiteral(["\n        ", ";\n\n        ", ";\n\n        ", ";\n\n        ", ";\n\n        ", ";\n\n        ", ";\n      "])), _typeof(props.colSpan) === 'object' && (0, _react.css)(_templateObject54 || (_templateObject54 = _taggedTemplateLiteral(["\n          grid-column-start: ", ";\n          grid-column-end: ", ";\n        "])), props.colSpan.lg ? "span ".concat(props.colSpan.lg) : '', props.colSpan.lg ? "span ".concat(props.colSpan.lg) : ''), _typeof(props.rowSpan) === 'object' && (0, _react.css)(_templateObject55 || (_templateObject55 = _taggedTemplateLiteral(["\n          grid-row-start: ", ";\n          grid-row-end: ", ";\n        "])), props.rowSpan.lg ? "span ".concat(props.rowSpan.lg) : '', props.rowSpan.lg ? "span ".concat(props.rowSpan.lg) : ''), _typeof(props.colStart) === 'object' && (0, _react.css)(_templateObject56 || (_templateObject56 = _taggedTemplateLiteral(["\n          grid-column-start: ", ";\n        "])), props.colStart.lg || ''), _typeof(props.colEnd) === 'object' && (0, _react.css)(_templateObject57 || (_templateObject57 = _taggedTemplateLiteral(["\n          grid-column-end: ", ";\n        "])), props.colEnd.lg || ''), _typeof(props.rowStart) === 'object' && (0, _react.css)(_templateObject58 || (_templateObject58 = _taggedTemplateLiteral(["\n          grid-row-start: ", ";\n        "])), props.rowStart.lg || ''), _typeof(props.rowEnd) === 'object' && (0, _react.css)(_templateObject59 || (_templateObject59 = _taggedTemplateLiteral(["\n          grid-row-end: ", ";\n        "])), props.rowEnd.lg || ''));
-}, function (props) {
-  return props.theme.breakpoints.xl;
-}, function (props) {
-  return props.container && (0, _react.css)(_templateObject60 || (_templateObject60 = _taggedTemplateLiteral(["\n        max-width: ", ";\n        margin: 0 auto;\n\n        ", ";\n\n        ", ";\n\n        ", ";\n\n        ", ";\n      "])), props.theme.breakpoints.xl, _typeof(props.gridGap) === 'object' && (0, _react.css)(_templateObject61 || (_templateObject61 = _taggedTemplateLiteral(["\n          grid-gap: ", ";\n        "])), props.gridGap.xl ? props.theme.space[props.gridGap.xl] : ''), _typeof(props.templateColumns) === 'object' && (0, _react.css)(_templateObject62 || (_templateObject62 = _taggedTemplateLiteral(["\n          grid-template-columns: ", ";\n        "])), props.templateColumns.xl || ''), _typeof(props.templateRows) === 'object' && (0, _react.css)(_templateObject63 || (_templateObject63 = _taggedTemplateLiteral(["\n          grid-template-rows: ", ";\n        "])), props.templateRows.xl || ''), _typeof(props.templateAreas) === 'object' && (0, _react.css)(_templateObject64 || (_templateObject64 = _taggedTemplateLiteral(["\n          grid-template-areas: ", ";\n        "])), props.templateAreas.xl || ''));
-}, function (props) {
-  return props.item && (0, _react.css)(_templateObject65 || (_templateObject65 = _taggedTemplateLiteral(["\n        ", ";\n\n        ", ";\n\n        ", ";\n\n        ", ";\n\n        ", ";\n\n        ", ";\n      "])), _typeof(props.colSpan) === 'object' && (0, _react.css)(_templateObject66 || (_templateObject66 = _taggedTemplateLiteral(["\n          grid-column-start: ", ";\n          grid-column-end: ", ";\n        "])), props.colSpan.xl ? "span ".concat(props.colSpan.xl) : '', props.colSpan.xl ? "span ".concat(props.colSpan.xl) : ''), _typeof(props.rowSpan) === 'object' && (0, _react.css)(_templateObject67 || (_templateObject67 = _taggedTemplateLiteral(["\n          grid-row-start: ", ";\n          grid-row-end: ", ";\n        "])), props.rowSpan.xl ? "span ".concat(props.rowSpan.xl) : '', props.rowSpan.xl ? "span ".concat(props.rowSpan.xl) : ''), _typeof(props.colStart) === 'object' && (0, _react.css)(_templateObject68 || (_templateObject68 = _taggedTemplateLiteral(["\n          grid-column-start: ", ";\n        "])), props.colStart.xl || ''), _typeof(props.colEnd) === 'object' && (0, _react.css)(_templateObject69 || (_templateObject69 = _taggedTemplateLiteral(["\n          grid-column-end: ", ";\n        "])), props.colEnd.xl || ''), _typeof(props.rowStart) === 'object' && (0, _react.css)(_templateObject70 || (_templateObject70 = _taggedTemplateLiteral(["\n          grid-row-start: ", ";\n        "])), props.rowStart.xl || ''), _typeof(props.rowEnd) === 'object' && (0, _react.css)(_templateObject71 || (_templateObject71 = _taggedTemplateLiteral(["\n          grid-row-end: ", ";\n        "])), props.rowEnd.xl || ''));
-}, function (props) {
-  return props.theme.breakpoints.xxl;
-}, function (props) {
-  return props.container && (0, _react.css)(_templateObject72 || (_templateObject72 = _taggedTemplateLiteral(["\n        ", ";\n\n        ", ";\n\n        ", ";\n\n        ", ";\n      "])), _typeof(props.gridGap) === 'object' && (0, _react.css)(_templateObject73 || (_templateObject73 = _taggedTemplateLiteral(["\n          grid-gap: ", ";\n        "])), props.gridGap.xxl ? props.theme.space[props.gridGap.xxl] : ''), _typeof(props.templateColumns) === 'object' && (0, _react.css)(_templateObject74 || (_templateObject74 = _taggedTemplateLiteral(["\n          grid-template-columns: ", ";\n        "])), props.templateColumns.xxl || ''), _typeof(props.templateRows) === 'object' && (0, _react.css)(_templateObject75 || (_templateObject75 = _taggedTemplateLiteral(["\n          grid-template-rows: ", ";\n        "])), props.templateRows.xxl || ''), _typeof(props.templateAreas) === 'object' && (0, _react.css)(_templateObject76 || (_templateObject76 = _taggedTemplateLiteral(["\n          grid-template-areas: ", ";\n        "])), props.templateAreas.xxl || ''));
-}, function (props) {
-  return props.item && (0, _react.css)(_templateObject77 || (_templateObject77 = _taggedTemplateLiteral(["\n        ", ";\n\n        ", ";\n\n        ", ";\n\n        ", ";\n\n        ", ";\n\n        ", ";\n      "])), _typeof(props.colSpan) === 'object' && (0, _react.css)(_templateObject78 || (_templateObject78 = _taggedTemplateLiteral(["\n          grid-column-start: ", ";\n          grid-column-end: ", ";\n        "])), props.colSpan.xxl ? "span ".concat(props.colSpan.xxl) : '', props.colSpan.xxl ? "span ".concat(props.colSpan.xxl) : ''), _typeof(props.rowSpan) === 'object' && (0, _react.css)(_templateObject79 || (_templateObject79 = _taggedTemplateLiteral(["\n          grid-row-start: ", ";\n          grid-row-end: ", ";\n        "])), props.rowSpan.xxl ? "span ".concat(props.rowSpan.xxl) : '', props.rowSpan.xxl ? "span ".concat(props.rowSpan.xxl) : ''), _typeof(props.colStart) === 'object' && (0, _react.css)(_templateObject80 || (_templateObject80 = _taggedTemplateLiteral(["\n          grid-column-start: ", ";\n        "])), props.colStart.xxl || ''), _typeof(props.colEnd) === 'object' && (0, _react.css)(_templateObject81 || (_templateObject81 = _taggedTemplateLiteral(["\n          grid-column-end: ", ";\n        "])), props.colEnd.xxl || ''), _typeof(props.rowStart) === 'object' && (0, _react.css)(_templateObject82 || (_templateObject82 = _taggedTemplateLiteral(["\n          grid-row-start: ", ";\n        "])), props.rowStart.xxl || ''), _typeof(props.rowEnd) === 'object' && (0, _react.css)(_templateObject83 || (_templateObject83 = _taggedTemplateLiteral(["\n          grid-row-end: ", ";\n        "])), props.rowEnd.xxl || ''));
-});
-exports.GridComponent = GridComponent;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.GridComponent=void 0;var _templateObject,_templateObject2,_templateObject3,_templateObject4,_templateObject5,_templateObject6,_templateObject7,_templateObject8,_templateObject9,_templateObject10,_templateObject11,_templateObject12,_templateObject13,_templateObject14,_templateObject15,_templateObject16,_templateObject17,_templateObject18,_templateObject19,_templateObject20,_templateObject21,_templateObject22,_templateObject23,_templateObject24,_templateObject25,_templateObject26,_templateObject27,_templateObject28,_templateObject29,_templateObject30,_templateObject31,_templateObject32,_templateObject33,_templateObject34,_templateObject35,_templateObject36,_templateObject37,_templateObject38,_templateObject39,_templateObject40,_templateObject41,_templateObject42,_templateObject43,_templateObject44,_templateObject45,_templateObject46,_templateObject47,_templateObject48,_templateObject49,_templateObject50,_templateObject51,_templateObject52,_templateObject53,_templateObject54,_templateObject55,_templateObject56,_templateObject57,_templateObject58,_templateObject59,_templateObject60,_templateObject61,_templateObject62,_templateObject63,_templateObject64,_templateObject65,_templateObject66,_templateObject67,_templateObject68,_templateObject69,_templateObject70,_templateObject71,_templateObject72,_templateObject73,_templateObject74,_templateObject75,_templateObject76,_templateObject77,_templateObject78,_templateObject79,_templateObject80,_templateObject81,_templateObject82,_templateObject83,_styled=_interopRequireDefault(require("@emotion/styled")),_react=require("@emotion/react");function _interopRequireDefault(obj){return obj&&obj.__esModule?obj:{default:obj}}function _typeof(obj){"@babel/helpers - typeof";return _typeof="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(obj){return typeof obj}:function(obj){return obj&&"function"==typeof Symbol&&obj.constructor===Symbol&&obj!==Symbol.prototype?"symbol":typeof obj},_typeof(obj)}function _taggedTemplateLiteral(strings,raw){return raw||(raw=strings.slice(0)),Object.freeze(Object.defineProperties(strings,{raw:{value:Object.freeze(raw)}}))}var GridComponent=_styled.default.div(_templateObject||(_templateObject=_taggedTemplateLiteral(["\n  ","\n\n  ","\n\n  @media screen and (min-width: ",") {\n    ","\n\n    ","\n  }\n\n  @media screen and (min-width: ",") {\n    ","\n\n    ","\n  }\n\n  @media screen and (min-width: ",") {\n    ","\n\n    ","\n  }\n\n  @media screen and (min-width: ",") {\n    ","\n\n    ","\n  }\n\n  @media screen and (min-width: ",") {\n    ","\n\n    ","\n  }\n"])),function(props){return props.container&&(0,_react.css)(_templateObject2||(_templateObject2=_taggedTemplateLiteral(["\n      display: grid;\n\n      ","\n\n      ","\n\n      ","\n\n      ","\n\n      ","\n\n      ","\n\n      ","\n    "])),"object"===_typeof(props.gridGap)?(0,_react.css)(_templateObject3||(_templateObject3=_taggedTemplateLiteral(["\n            grid-gap: ",";\n          "])),props.gridGap.base?props.theme.space[props.gridGap.base]:""):(0,_react.css)(_templateObject4||(_templateObject4=_taggedTemplateLiteral(["\n            grid-gap: ",";\n          "])),props.gridGap?props.theme.space[props.gridGap]:""),"string"==typeof props.templateColumns&&(0,_react.css)(_templateObject5||(_templateObject5=_taggedTemplateLiteral(["\n        grid-template-columns: ",";\n      "])),props.templateColumns),"object"===_typeof(props.templateColumns)&&(0,_react.css)(_templateObject6||(_templateObject6=_taggedTemplateLiteral(["\n        grid-template-columns: ",";\n      "])),props.templateColumns.base||""),"string"==typeof props.templateRows&&(0,_react.css)(_templateObject7||(_templateObject7=_taggedTemplateLiteral(["\n        grid-template-rows: ",";\n      "])),props.templateRows),"object"===_typeof(props.templateRows)&&(0,_react.css)(_templateObject8||(_templateObject8=_taggedTemplateLiteral(["\n        grid-template-rows: ",";\n      "])),props.templateRows.base||""),"string"==typeof props.templateAreas&&(0,_react.css)(_templateObject9||(_templateObject9=_taggedTemplateLiteral(["\n        grid-template-areas: ",";\n      "])),props.templateAreas),"object"===_typeof(props.templateAreas)&&(0,_react.css)(_templateObject10||(_templateObject10=_taggedTemplateLiteral(["\n        grid-template-areas: ",";\n      "])),props.templateAreas.base||""))},function(props){return props.item&&(0,_react.css)(_templateObject11||(_templateObject11=_taggedTemplateLiteral(["\n      width: 100%;\n      height: 100%;\n\n      ","\n\n      ","\n\n      ","\n\n      ","\n\n      ","\n\n      ","\n\n      ","\n\n      ","\n\n      ","\n\n      ","\n\n      ","\n\n      ","\n    "])),"number"==typeof props.colSpan&&(0,_react.css)(_templateObject12||(_templateObject12=_taggedTemplateLiteral(["\n        grid-column-start: span ",";\n        grid-column-end: span ",";\n      "])),props.colSpan,props.colSpan),"object"===_typeof(props.colSpan)&&(0,_react.css)(_templateObject13||(_templateObject13=_taggedTemplateLiteral(["\n        grid-column-start: ",";\n        grid-column-end: ",";\n      "])),props.colSpan.base?"span ".concat(props.colSpan.base):"",props.colSpan.base?"span ".concat(props.colSpan.base):""),"number"==typeof props.rowSpan&&(0,_react.css)(_templateObject14||(_templateObject14=_taggedTemplateLiteral(["\n        grid-row-start: span ",";\n        grid-row-end: span ",";\n      "])),props.rowSpan,props.rowSpan),"object"===_typeof(props.rowSpan)&&(0,_react.css)(_templateObject15||(_templateObject15=_taggedTemplateLiteral(["\n        grid-row-start: ",";\n        grid-row-end: ",";\n      "])),props.rowSpan.base?"span ".concat(props.rowSpan.base):"",props.rowSpan.base?"span ".concat(props.rowSpan.base):""),"number"==typeof props.colStart&&(0,_react.css)(_templateObject16||(_templateObject16=_taggedTemplateLiteral(["\n        grid-column-start: ",";\n      "])),props.colStart),"object"===_typeof(props.colStart)&&(0,_react.css)(_templateObject17||(_templateObject17=_taggedTemplateLiteral(["\n        grid-column-start: ",";\n      "])),props.colStart.base||""),"number"==typeof props.colEnd&&(0,_react.css)(_templateObject18||(_templateObject18=_taggedTemplateLiteral(["\n        grid-column-end: ",";\n      "])),props.colEnd),"object"===_typeof(props.colEnd)&&(0,_react.css)(_templateObject19||(_templateObject19=_taggedTemplateLiteral(["\n        grid-column-end: ",";\n      "])),props.colEnd.base||""),"number"==typeof props.rowStart&&(0,_react.css)(_templateObject20||(_templateObject20=_taggedTemplateLiteral(["\n        grid-row-start: ",";\n      "])),props.rowStart),"object"===_typeof(props.rowStart)&&(0,_react.css)(_templateObject21||(_templateObject21=_taggedTemplateLiteral(["\n        grid-row-start: ",";\n      "])),props.rowStart.base||""),"number"==typeof props.rowEnd&&(0,_react.css)(_templateObject22||(_templateObject22=_taggedTemplateLiteral(["\n        grid-row-end: ",";\n      "])),props.rowEnd),"object"===_typeof(props.rowEnd)&&(0,_react.css)(_templateObject23||(_templateObject23=_taggedTemplateLiteral(["\n        grid-row-end: ",";\n      "])),props.rowEnd.base||""))},function(props){return props.theme.breakpoints.sm},function(props){return props.container&&(0,_react.css)(_templateObject24||(_templateObject24=_taggedTemplateLiteral(["\n        ",";\n\n        ",";\n\n        ",";\n\n        ",";\n      "])),"object"===_typeof(props.gridGap)&&(0,_react.css)(_templateObject25||(_templateObject25=_taggedTemplateLiteral(["\n          grid-gap: ",";\n        "])),props.gridGap.sm?props.theme.space[props.gridGap.sm]:""),"object"===_typeof(props.templateColumns)&&(0,_react.css)(_templateObject26||(_templateObject26=_taggedTemplateLiteral(["\n          grid-template-columns: ",";\n        "])),props.templateColumns.sm||""),"object"===_typeof(props.templateRows)&&(0,_react.css)(_templateObject27||(_templateObject27=_taggedTemplateLiteral(["\n          grid-template-rows: ",";\n        "])),props.templateRows.sm||""),"object"===_typeof(props.templateAreas)&&(0,_react.css)(_templateObject28||(_templateObject28=_taggedTemplateLiteral(["\n          grid-template-areas: ",";\n        "])),props.templateAreas.sm||""))},function(props){return props.item&&(0,_react.css)(_templateObject29||(_templateObject29=_taggedTemplateLiteral(["\n        ",";\n\n        ",";\n\n        ",";\n\n        ",";\n\n        ",";\n\n        ",";\n      "])),"object"===_typeof(props.colSpan)&&(0,_react.css)(_templateObject30||(_templateObject30=_taggedTemplateLiteral(["\n          grid-column-start: ",";\n          grid-column-end: ",";\n        "])),props.colSpan.sm?"span ".concat(props.colSpan.sm):"",props.colSpan.sm?"span ".concat(props.colSpan.sm):""),"object"===_typeof(props.rowSpan)&&(0,_react.css)(_templateObject31||(_templateObject31=_taggedTemplateLiteral(["\n          grid-row-start: ",";\n          grid-row-end: ",";\n        "])),props.rowSpan.sm?"span ".concat(props.rowSpan.sm):"",props.rowSpan.sm?"span ".concat(props.rowSpan.sm):""),"object"===_typeof(props.colStart)&&(0,_react.css)(_templateObject32||(_templateObject32=_taggedTemplateLiteral(["\n          grid-column-start: ",";\n        "])),props.colStart.sm||""),"object"===_typeof(props.colEnd)&&(0,_react.css)(_templateObject33||(_templateObject33=_taggedTemplateLiteral(["\n          grid-column-end: ",";\n        "])),props.colEnd.sm||""),"object"===_typeof(props.rowStart)&&(0,_react.css)(_templateObject34||(_templateObject34=_taggedTemplateLiteral(["\n          grid-row-start: ",";\n        "])),props.rowStart.sm||""),"object"===_typeof(props.rowEnd)&&(0,_react.css)(_templateObject35||(_templateObject35=_taggedTemplateLiteral(["\n          grid-row-end: ",";\n        "])),props.rowEnd.sm||""))},function(props){return props.theme.breakpoints.md},function(props){return props.container&&(0,_react.css)(_templateObject36||(_templateObject36=_taggedTemplateLiteral(["\n        ",";\n\n        ",";\n\n        ",";\n\n        ",";\n      "])),"object"===_typeof(props.gridGap)&&(0,_react.css)(_templateObject37||(_templateObject37=_taggedTemplateLiteral(["\n          grid-gap: ",";\n        "])),props.gridGap.md?props.theme.space[props.gridGap.md]:""),"object"===_typeof(props.templateColumns)&&(0,_react.css)(_templateObject38||(_templateObject38=_taggedTemplateLiteral(["\n          grid-template-columns: ",";\n        "])),props.templateColumns.md||""),"object"===_typeof(props.templateRows)&&(0,_react.css)(_templateObject39||(_templateObject39=_taggedTemplateLiteral(["\n          grid-template-rows: ",";\n        "])),props.templateRows.md||""),"object"===_typeof(props.templateAreas)&&(0,_react.css)(_templateObject40||(_templateObject40=_taggedTemplateLiteral(["\n          grid-template-areas: ",";\n        "])),props.templateAreas.md||""))},function(props){return props.item&&(0,_react.css)(_templateObject41||(_templateObject41=_taggedTemplateLiteral(["\n        ",";\n\n        ",";\n\n        ",";\n\n        ",";\n\n        ",";\n\n        ",";\n      "])),"object"===_typeof(props.colSpan)&&(0,_react.css)(_templateObject42||(_templateObject42=_taggedTemplateLiteral(["\n          grid-column-start: ",";\n          grid-column-end: ",";\n        "])),props.colSpan.md?"span ".concat(props.colSpan.md):"",props.colSpan.md?"span ".concat(props.colSpan.md):""),"object"===_typeof(props.rowSpan)&&(0,_react.css)(_templateObject43||(_templateObject43=_taggedTemplateLiteral(["\n          grid-row-start: ",";\n          grid-row-end: ",";\n        "])),props.rowSpan.md?"span ".concat(props.rowSpan.md):"",props.rowSpan.md?"span ".concat(props.rowSpan.md):""),"object"===_typeof(props.colStart)&&(0,_react.css)(_templateObject44||(_templateObject44=_taggedTemplateLiteral(["\n          grid-column-start: ",";\n        "])),props.colStart.md||""),"object"===_typeof(props.colEnd)&&(0,_react.css)(_templateObject45||(_templateObject45=_taggedTemplateLiteral(["\n          grid-column-end: ",";\n        "])),props.colEnd.md||""),"object"===_typeof(props.rowStart)&&(0,_react.css)(_templateObject46||(_templateObject46=_taggedTemplateLiteral(["\n          grid-row-start: ",";\n        "])),props.rowStart.md||""),"object"===_typeof(props.rowEnd)&&(0,_react.css)(_templateObject47||(_templateObject47=_taggedTemplateLiteral(["\n          grid-row-end: ",";\n        "])),props.rowEnd.md||""))},function(props){return props.theme.breakpoints.lg},function(props){return props.container&&(0,_react.css)(_templateObject48||(_templateObject48=_taggedTemplateLiteral(["\n        ",";\n\n        ",";\n\n        ",";\n\n        ",";\n      "])),"object"===_typeof(props.gridGap)&&(0,_react.css)(_templateObject49||(_templateObject49=_taggedTemplateLiteral(["\n          grid-gap: ",";\n        "])),props.gridGap.lg?props.theme.space[props.gridGap.lg]:""),"object"===_typeof(props.templateColumns)&&(0,_react.css)(_templateObject50||(_templateObject50=_taggedTemplateLiteral(["\n          grid-template-columns: ",";\n        "])),props.templateColumns.lg||""),"object"===_typeof(props.templateRows)&&(0,_react.css)(_templateObject51||(_templateObject51=_taggedTemplateLiteral(["\n          grid-template-rows: ",";\n        "])),props.templateRows.lg||""),"object"===_typeof(props.templateAreas)&&(0,_react.css)(_templateObject52||(_templateObject52=_taggedTemplateLiteral(["\n          grid-template-areas: ",";\n        "])),props.templateAreas.lg||""))},function(props){return props.item&&(0,_react.css)(_templateObject53||(_templateObject53=_taggedTemplateLiteral(["\n        ",";\n\n        ",";\n\n        ",";\n\n        ",";\n\n        ",";\n\n        ",";\n      "])),"object"===_typeof(props.colSpan)&&(0,_react.css)(_templateObject54||(_templateObject54=_taggedTemplateLiteral(["\n          grid-column-start: ",";\n          grid-column-end: ",";\n        "])),props.colSpan.lg?"span ".concat(props.colSpan.lg):"",props.colSpan.lg?"span ".concat(props.colSpan.lg):""),"object"===_typeof(props.rowSpan)&&(0,_react.css)(_templateObject55||(_templateObject55=_taggedTemplateLiteral(["\n          grid-row-start: ",";\n          grid-row-end: ",";\n        "])),props.rowSpan.lg?"span ".concat(props.rowSpan.lg):"",props.rowSpan.lg?"span ".concat(props.rowSpan.lg):""),"object"===_typeof(props.colStart)&&(0,_react.css)(_templateObject56||(_templateObject56=_taggedTemplateLiteral(["\n          grid-column-start: ",";\n        "])),props.colStart.lg||""),"object"===_typeof(props.colEnd)&&(0,_react.css)(_templateObject57||(_templateObject57=_taggedTemplateLiteral(["\n          grid-column-end: ",";\n        "])),props.colEnd.lg||""),"object"===_typeof(props.rowStart)&&(0,_react.css)(_templateObject58||(_templateObject58=_taggedTemplateLiteral(["\n          grid-row-start: ",";\n        "])),props.rowStart.lg||""),"object"===_typeof(props.rowEnd)&&(0,_react.css)(_templateObject59||(_templateObject59=_taggedTemplateLiteral(["\n          grid-row-end: ",";\n        "])),props.rowEnd.lg||""))},function(props){return props.theme.breakpoints.xl},function(props){return props.container&&(0,_react.css)(_templateObject60||(_templateObject60=_taggedTemplateLiteral(["\n        max-width: ",";\n        margin: 0 auto;\n\n        ",";\n\n        ",";\n\n        ",";\n\n        ",";\n      "])),props.theme.breakpoints.xl,"object"===_typeof(props.gridGap)&&(0,_react.css)(_templateObject61||(_templateObject61=_taggedTemplateLiteral(["\n          grid-gap: ",";\n        "])),props.gridGap.xl?props.theme.space[props.gridGap.xl]:""),"object"===_typeof(props.templateColumns)&&(0,_react.css)(_templateObject62||(_templateObject62=_taggedTemplateLiteral(["\n          grid-template-columns: ",";\n        "])),props.templateColumns.xl||""),"object"===_typeof(props.templateRows)&&(0,_react.css)(_templateObject63||(_templateObject63=_taggedTemplateLiteral(["\n          grid-template-rows: ",";\n        "])),props.templateRows.xl||""),"object"===_typeof(props.templateAreas)&&(0,_react.css)(_templateObject64||(_templateObject64=_taggedTemplateLiteral(["\n          grid-template-areas: ",";\n        "])),props.templateAreas.xl||""))},function(props){return props.item&&(0,_react.css)(_templateObject65||(_templateObject65=_taggedTemplateLiteral(["\n        ",";\n\n        ",";\n\n        ",";\n\n        ",";\n\n        ",";\n\n        ",";\n      "])),"object"===_typeof(props.colSpan)&&(0,_react.css)(_templateObject66||(_templateObject66=_taggedTemplateLiteral(["\n          grid-column-start: ",";\n          grid-column-end: ",";\n        "])),props.colSpan.xl?"span ".concat(props.colSpan.xl):"",props.colSpan.xl?"span ".concat(props.colSpan.xl):""),"object"===_typeof(props.rowSpan)&&(0,_react.css)(_templateObject67||(_templateObject67=_taggedTemplateLiteral(["\n          grid-row-start: ",";\n          grid-row-end: ",";\n        "])),props.rowSpan.xl?"span ".concat(props.rowSpan.xl):"",props.rowSpan.xl?"span ".concat(props.rowSpan.xl):""),"object"===_typeof(props.colStart)&&(0,_react.css)(_templateObject68||(_templateObject68=_taggedTemplateLiteral(["\n          grid-column-start: ",";\n        "])),props.colStart.xl||""),"object"===_typeof(props.colEnd)&&(0,_react.css)(_templateObject69||(_templateObject69=_taggedTemplateLiteral(["\n          grid-column-end: ",";\n        "])),props.colEnd.xl||""),"object"===_typeof(props.rowStart)&&(0,_react.css)(_templateObject70||(_templateObject70=_taggedTemplateLiteral(["\n          grid-row-start: ",";\n        "])),props.rowStart.xl||""),"object"===_typeof(props.rowEnd)&&(0,_react.css)(_templateObject71||(_templateObject71=_taggedTemplateLiteral(["\n          grid-row-end: ",";\n        "])),props.rowEnd.xl||""))},function(props){return props.theme.breakpoints.xxl},function(props){return props.container&&(0,_react.css)(_templateObject72||(_templateObject72=_taggedTemplateLiteral(["\n        ",";\n\n        ",";\n\n        ",";\n\n        ",";\n      "])),"object"===_typeof(props.gridGap)&&(0,_react.css)(_templateObject73||(_templateObject73=_taggedTemplateLiteral(["\n          grid-gap: ",";\n        "])),props.gridGap.xxl?props.theme.space[props.gridGap.xxl]:""),"object"===_typeof(props.templateColumns)&&(0,_react.css)(_templateObject74||(_templateObject74=_taggedTemplateLiteral(["\n          grid-template-columns: ",";\n        "])),props.templateColumns.xxl||""),"object"===_typeof(props.templateRows)&&(0,_react.css)(_templateObject75||(_templateObject75=_taggedTemplateLiteral(["\n          grid-template-rows: ",";\n        "])),props.templateRows.xxl||""),"object"===_typeof(props.templateAreas)&&(0,_react.css)(_templateObject76||(_templateObject76=_taggedTemplateLiteral(["\n          grid-template-areas: ",";\n        "])),props.templateAreas.xxl||""))},function(props){return props.item&&(0,_react.css)(_templateObject77||(_templateObject77=_taggedTemplateLiteral(["\n        ",";\n\n        ",";\n\n        ",";\n\n        ",";\n\n        ",";\n\n        ",";\n      "])),"object"===_typeof(props.colSpan)&&(0,_react.css)(_templateObject78||(_templateObject78=_taggedTemplateLiteral(["\n          grid-column-start: ",";\n          grid-column-end: ",";\n        "])),props.colSpan.xxl?"span ".concat(props.colSpan.xxl):"",props.colSpan.xxl?"span ".concat(props.colSpan.xxl):""),"object"===_typeof(props.rowSpan)&&(0,_react.css)(_templateObject79||(_templateObject79=_taggedTemplateLiteral(["\n          grid-row-start: ",";\n          grid-row-end: ",";\n        "])),props.rowSpan.xxl?"span ".concat(props.rowSpan.xxl):"",props.rowSpan.xxl?"span ".concat(props.rowSpan.xxl):""),"object"===_typeof(props.colStart)&&(0,_react.css)(_templateObject80||(_templateObject80=_taggedTemplateLiteral(["\n          grid-column-start: ",";\n        "])),props.colStart.xxl||""),"object"===_typeof(props.colEnd)&&(0,_react.css)(_templateObject81||(_templateObject81=_taggedTemplateLiteral(["\n          grid-column-end: ",";\n        "])),props.colEnd.xxl||""),"object"===_typeof(props.rowStart)&&(0,_react.css)(_templateObject82||(_templateObject82=_taggedTemplateLiteral(["\n          grid-row-start: ",";\n        "])),props.rowStart.xxl||""),"object"===_typeof(props.rowEnd)&&(0,_react.css)(_templateObject83||(_templateObject83=_taggedTemplateLiteral(["\n          grid-row-end: ",";\n        "])),props.rowEnd.xxl||""))});exports.GridComponent=GridComponent;