@gympass/yoga 2.5.5 → 2.5.7

package/esm/Dropdown/web/Dropdown.js

@@ -1,78 +1,13 @@
-function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+var _excluded = ["isOpen", "disabled", "selected"],
+    _excluded2 = ["label", "disabled", "full", "options", "onChange"];
 
-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; }
-
-function _templateObject7() {
-  var data = _taggedTemplateLiteral(["\n  ", "\n"]);
-
-  _templateObject7 = function _templateObject7() {
-    return data;
-  };
-
-  return data;
-}
-
-function _templateObject6() {
-  var data = _taggedTemplateLiteral(["\n  ", "\n"]);
-
-  _templateObject6 = function _templateObject6() {
-    return data;
-  };
-
-  return data;
-}
-
-function _templateObject5() {
-  var data = _taggedTemplateLiteral(["\n  ", "\n"]);
-
-  _templateObject5 = function _templateObject5() {
-    return data;
-  };
-
-  return data;
-}
+var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7;
 
-function _templateObject4() {
-  var data = _taggedTemplateLiteral(["\n  ", "\n"]);
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 
-  _templateObject4 = function _templateObject4() {
-    return data;
-  };
-
-  return data;
-}
-
-function _templateObject3() {
-  var data = _taggedTemplateLiteral(["\n  ", "\n"]);
-
-  _templateObject3 = function _templateObject3() {
-    return data;
-  };
-
-  return data;
-}
-
-function _templateObject2() {
-  var data = _taggedTemplateLiteral(["\n  ", "\n"]);
-
-  _templateObject2 = function _templateObject2() {
-    return data;
-  };
-
-  return data;
-}
-
-function _templateObject() {
-  var data = _taggedTemplateLiteral(["\n  ", "\n"]);
-
-  _templateObject = function _templateObject() {
-    return data;
-  };
+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; }
 
-  return data;
-}
+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; }
 
 function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
 
@@ -81,19 +16,19 @@ import styled from 'styled-components';
 import Downshift from 'downshift';
 import { arrayOf, func, shape, string, number, bool, oneOfType } from 'prop-types';
 import { ArrowDown } from '@gympass/yoga-icons';
-var Wrapper = styled.div(_templateObject(), function (_ref) {
+var Wrapper = styled.div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  ", "\n"])), function (_ref) {
   var full = _ref.full,
       dropdown = _ref.theme.yoga.components.dropdown;
   return "\n    position: relative;\n    display: inline-block;\n    vertical-align: top;\n\n    width: ".concat(full ? '100%' : "".concat(dropdown.width, "px"), ";\n  ");
 });
-var Selector = styled.div(_templateObject2(), function (_ref2) {
+var Selector = styled.div(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n  ", "\n"])), function (_ref2) {
   var disabled = _ref2.disabled,
       selected = _ref2.selected,
       isOpen = _ref2.isOpen,
       dropdown = _ref2.theme.yoga.components.dropdown;
   return "\n    position: relative;\n    display: flex;\n    justify-content: space-between;\n    align-items: center;\n    box-sizing: border-box;\n\n    width: 100%;\n    padding: ".concat(dropdown.selector.padding.top, "px \n      ").concat(dropdown.selector.padding.right, "px\n      ").concat(dropdown.selector.padding.bottom, "px\n      ").concat(dropdown.selector.padding.left, "px;\n\n    background-color: ").concat(dropdown.selector.background, ";\n    border-radius: ").concat(dropdown.selector.border.radius, "px;\n    border-width: ").concat(dropdown.selector.border.width, "px;\n    border-style: solid;\n    border-color: ").concat(dropdown.selector.border.color, ";\n\n    &:hover{\n      ").concat(!disabled ? "border-color: ".concat(dropdown.hover.selector.border.color, ";") : '', ";\n    }\n    ").concat(disabled ? "border-color: ".concat(dropdown.disabled.selector.border.color, ";") : '', ";\n    ").concat(selected ? "border-color: ".concat(dropdown.selected.selector.border.color, ";") : '', ";\n    ").concat(isOpen && !disabled ? "border-color: ".concat(dropdown.hover.selector.border.color, ";") : '', "\n  ");
 });
-var Input = styled.input(_templateObject3(), function (_ref3) {
+var Input = styled.input(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n  ", "\n"])), function (_ref3) {
   var disabled = _ref3.disabled,
       selected = _ref3.selected,
       _ref3$theme$yoga = _ref3.theme.yoga,
@@ -101,17 +36,17 @@ var Input = styled.input(_templateObject3(), function (_ref3) {
       dropdown = _ref3$theme$yoga.components.dropdown;
   return "\n    width: 100%;\n    padding: 0;\n\n    background-color: transparent;\n    border: none;\n\n    font-family: ".concat(baseFont.family, ";\n    font-size: ").concat(dropdown.input.font.size, "px;\n    line-height: ").concat(dropdown.input.font.lineHeight, "px;\n    cursor: ").concat(disabled ? 'not-allowed' : 'pointer', ";\n\n    &, &::placeholder {\n      color: ").concat(dropdown.input.font.color, ";\n      ").concat(selected ? "color: ".concat(dropdown.selected.input.font.color, ";") : '', "\n      ").concat(disabled ? "color: ".concat(dropdown.disabled.input.font.color, ";") : '', "\n    }\n  ");
 });
-var Button = styled.button(_templateObject4(), function (_ref4) {
+var Button = styled.button(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n  ", "\n"])), function (_ref4) {
   var disabled = _ref4.disabled,
       dropdown = _ref4.theme.yoga.components.dropdown;
   return "\n    display: flex;\n    align-content: center;\n    align-items: center;\n    justify-content: flex-end;\n    position: absolute;\n    top: 0;\n    left: 0;\n\n    width: 100%;\n    height: 100%;\n    padding-right: ".concat(dropdown.button.padding.right, "px;\n\n    border: none;\n    outline: none;\n    background-color: transparent;\n    cursor: ").concat(disabled ? 'not-allowed' : 'pointer', ";\n  ");
 });
-var OptionsList = styled.ul(_templateObject5(), function (_ref5) {
+var OptionsList = styled.ul(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["\n  ", "\n"])), function (_ref5) {
   var selected = _ref5.selected,
       dropdown = _ref5.theme.yoga.components.dropdown;
   return "\n    position: absolute;\n    top: 46px;\n    z-index: 1;\n    box-sizing: border-box;\n\n    width: 100%;\n    max-height: ".concat(dropdown.option.height * 3.5, "px;\n    margin: 0;\n    padding: 0;\n    overflow-y: auto;\n    list-style-type: none;\n\n    background: ").concat(dropdown.optionsList.backgroundColor, ";\n    border-width: ").concat(dropdown.optionsList.border.width, "px;\n    border-style: solid;\n    border-color: ").concat(dropdown.optionsList.border.color, ";\n    border-top: none;\n\n    ").concat(selected ? "border-color: ".concat(dropdown.selected.optionsList.border.color, ";") : '', ";\n\n    border-radius: \n        ").concat(dropdown.option.border.radius.topLeft, "px \n        ").concat(dropdown.option.border.radius.topRight, "px \n        ").concat(dropdown.option.border.radius.bottomRight, "px \n        ").concat(dropdown.option.border.radius.bottomLeft, "px;\n  ");
 });
-var Option = styled.li(_templateObject6(), function (_ref6) {
+var Option = styled.li(_templateObject6 || (_templateObject6 = _taggedTemplateLiteral(["\n  ", "\n"])), function (_ref6) {
   var isSelected = _ref6.isSelected,
       highlighted = _ref6.highlighted,
       _ref6$theme$yoga = _ref6.theme.yoga,
@@ -123,10 +58,10 @@ var ArrowIcon = styled(function (_ref7) {
   var isOpen = _ref7.isOpen,
       disabled = _ref7.disabled,
       selected = _ref7.selected,
-      props = _objectWithoutProperties(_ref7, ["isOpen", "disabled", "selected"]);
+      props = _objectWithoutProperties(_ref7, _excluded);
 
   return /*#__PURE__*/React.createElement(ArrowDown, props);
-})(_templateObject7(), function (_ref8) {
+})(_templateObject7 || (_templateObject7 = _taggedTemplateLiteral(["\n  ", "\n"])), function (_ref8) {
   var isOpen = _ref8.isOpen,
       disabled = _ref8.disabled,
       selected = _ref8.selected,
@@ -148,7 +83,7 @@ var Dropdown = function Dropdown(_ref9) {
       full = _ref9.full,
       options = _ref9.options,
       onChange = _ref9.onChange,
-      rest = _objectWithoutProperties(_ref9, ["label", "disabled", "full", "options", "onChange"]);
+      rest = _objectWithoutProperties(_ref9, _excluded2);
 
   return /*#__PURE__*/React.createElement(Downshift, {
     initialSelectedItem: getSelectedOption(options),

package/esm/Grid/web/Col.js

@@ -1,12 +1,4 @@
-function _templateObject3() {
-  var data = _taggedTemplateLiteral(["\n  box-sizing: border-box;\n\n  min-width: 0;\n  min-height: 0;\n\n  ", "\n\n  ", "\n"]);
-
-  _templateObject3 = function _templateObject3() {
-    return data;
-  };
-
-  return data;
-}
+var _templateObject, _templateObject2, _templateObject3;
 
 function _toConsumableArray(arr) { return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread(); }
 
@@ -14,32 +6,12 @@ function _nonIterableSpread() { throw new TypeError("Invalid attempt to spread n
 
 function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
 
-function _iterableToArray(iter) { if (typeof Symbol !== "undefined" && Symbol.iterator in Object(iter)) return Array.from(iter); }
+function _iterableToArray(iter) { if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter); }
 
 function _arrayWithoutHoles(arr) { if (Array.isArray(arr)) return _arrayLikeToArray(arr); }
 
 function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
 
-function _templateObject2() {
-  var data = _taggedTemplateLiteral(["\n        grid-column-start: ", ";\n      "]);
-
-  _templateObject2 = function _templateObject2() {
-    return data;
-  };
-
-  return data;
-}
-
-function _templateObject() {
-  var data = _taggedTemplateLiteral(["\n        grid-column-end: span ", ";\n      "]);
-
-  _templateObject = function _templateObject() {
-    return data;
-  };
-
-  return data;
-}
-
 function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
 
 import { number, arrayOf, oneOf } from 'prop-types';
@@ -54,12 +26,12 @@ var columnPosition = function columnPosition(props) {
   var position = breakpointKeys.filter(function (breakpoint) {
     return props[breakpoint];
   }).map(function (filteredBreakpoint) {
-    return query[filteredBreakpoint](_templateObject(), props[filteredBreakpoint] || 12);
+    return query[filteredBreakpoint](_templateObject || (_templateObject = _taggedTemplateLiteral(["\n        grid-column-end: span ", ";\n      "])), props[filteredBreakpoint] || 12);
   });
   var starts = breakpointKeys.filter(function (breakpoint) {
     return props["".concat(breakpoint, "-start")];
   }).map(function (start) {
-    return query[start](_templateObject2(), props["".concat(start, "-start")]);
+    return query[start](_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n        grid-column-start: ", ";\n      "])), props["".concat(start, "-start")]);
   });
   return [].concat(_toConsumableArray(position), _toConsumableArray(starts));
 };
@@ -70,7 +42,7 @@ var hideColumn = function hideColumn(hideProp) {
   });
 };
 
-var Col = styled.div(_templateObject3(), function (props) {
+var Col = styled.div(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n  box-sizing: border-box;\n\n  min-width: 0;\n  min-height: 0;\n\n  ", "\n\n  ", "\n"])), function (props) {
   return columnPosition(props);
 }, function (_ref) {
   var hide = _ref.hide;

package/esm/Grid/web/Container.js

@@ -1,84 +1,26 @@
-function _templateObject6() {
-  var data = _taggedTemplateLiteral(["\n          max-width: ", "px;\n          ", "\n          ", "\n          ", "\n        "]);
-
-  _templateObject6 = function _templateObject6() {
-    return data;
-  };
-
-  return data;
-}
-
-function _templateObject5() {
-  var data = _taggedTemplateLiteral(["\n    ", "\n  "]);
-
-  _templateObject5 = function _templateObject5() {
-    return data;
-  };
-
-  return data;
-}
-
-function _templateObject4() {
-  var data = _taggedTemplateLiteral(["\n  box-sizing: border-box;\n  ", "\n"]);
-
-  _templateObject4 = function _templateObject4() {
-    return data;
-  };
-
-  return data;
-}
-
-function _templateObject3() {
-  var data = _taggedTemplateLiteral(["\n  ", "\n"]);
-
-  _templateObject3 = function _templateObject3() {
-    return data;
-  };
-
-  return data;
-}
-
-function _templateObject2() {
-  var data = _taggedTemplateLiteral(["\n  ", "\n"]);
-
-  _templateObject2 = function _templateObject2() {
-    return data;
-  };
-
-  return data;
-}
-
-function _templateObject() {
-  var data = _taggedTemplateLiteral(["\n  ", "\n"]);
-
-  _templateObject = function _templateObject() {
-    return data;
-  };
-
-  return data;
-}
+var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6;
 
 function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
 
 import styled, { css } from 'styled-components';
 import query from './query';
-var mobile = query.xxs(_templateObject(), function (_ref) {
+var mobile = query.xxs(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  ", "\n"])), function (_ref) {
   var grid = _ref.theme.yoga.components.grid;
   return "\n    margin-left: ".concat(grid.container.margin.mobile.left, "px;\n    margin-right: ").concat(grid.container.margin.mobile.right, "px;\n  ");
 });
-var desktop = query.lg(_templateObject2(), function (_ref2) {
+var desktop = query.lg(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n  ", "\n"])), function (_ref2) {
   var grid = _ref2.theme.yoga.components.grid;
   return "\n    margin-left: ".concat(grid.container.margin.desktop.left, "px;\n    margin-right: ").concat(grid.container.margin.desktop.right, "px;\n  ");
 });
-var xxxlarge = css(_templateObject3(), function (_ref3) {
+var xxxlarge = css(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n  ", "\n"])), function (_ref3) {
   var _ref3$theme$yoga$brea = _ref3.theme.yoga.breakpoints.xxxl,
       width = _ref3$theme$yoga$brea.width,
       margin = _ref3$theme$yoga$brea.margin;
   return "\n    @media (min-width: ".concat(width + margin * 2, "px) {\n      margin-left: auto;\n      margin-right: auto;\n    }\n  ");
 });
-var Container = styled.div(_templateObject4(), function (_ref4) {
+var Container = styled.div(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n  box-sizing: border-box;\n  ", "\n"])), function (_ref4) {
   var fluid = _ref4.fluid,
       grid = _ref4.theme.yoga.components.grid;
-  return css(_templateObject5(), fluid ? 'max-width: 100%;' : css(_templateObject6(), grid.container.width, mobile, desktop, xxxlarge));
+  return css(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["\n    ", "\n  "])), fluid ? 'max-width: 100%;' : css(_templateObject6 || (_templateObject6 = _taggedTemplateLiteral(["\n          max-width: ", "px;\n          ", "\n          ", "\n          ", "\n        "])), grid.container.width, mobile, desktop, xxxlarge));
 });
 export default Container;

package/esm/Grid/web/Hide.js

@@ -1,12 +1,4 @@
-function _templateObject() {
-  var data = _taggedTemplateLiteral(["\n  ", "\n\n  ", "\n"]);
-
-  _templateObject = function _templateObject() {
-    return data;
-  };
-
-  return data;
-}
+var _templateObject;
 
 function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
 
@@ -15,7 +7,7 @@ import styled from 'styled-components';
 import tokens from '@gympass/yoga-tokens';
 import hideQuery from './hideQuery';
 var breakpoints = tokens.breakpoints;
-var Hide = styled.div(_templateObject(), function (props) {
+var Hide = styled.div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  ", "\n\n  ", "\n"])), function (props) {
   return Object.keys(props).filter(function (prop) {
     return props[prop] && Object.keys(breakpoints).includes(prop);
   }).map(function (breakpoint) {

package/esm/Grid/web/Row.js

@@ -1,44 +1,16 @@
-function _templateObject3() {
-  var data = _taggedTemplateLiteral(["\n  display: grid;\n  box-sizing: border-box;\n\n  grid-template-columns: repeat(12, 1fr);\n\n  ", "\n  ", "\n"]);
-
-  _templateObject3 = function _templateObject3() {
-    return data;
-  };
-
-  return data;
-}
-
-function _templateObject2() {
-  var data = _taggedTemplateLiteral(["\n  ", "\n"]);
-
-  _templateObject2 = function _templateObject2() {
-    return data;
-  };
-
-  return data;
-}
-
-function _templateObject() {
-  var data = _taggedTemplateLiteral(["\n  ", "\n"]);
-
-  _templateObject = function _templateObject() {
-    return data;
-  };
-
-  return data;
-}
+var _templateObject, _templateObject2, _templateObject3;
 
 function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
 
 import styled from 'styled-components';
 import query from './query';
-var desktop = query.lg(_templateObject(), function (_ref) {
+var desktop = query.lg(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  ", "\n"])), function (_ref) {
   var grid = _ref.theme.yoga.components.grid;
   return "\n    grid-column-gap: ".concat(grid.gutter.desktop, "px;\n  ");
 });
-var mobile = query.xxs(_templateObject2(), function (_ref2) {
+var mobile = query.xxs(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n  ", "\n"])), function (_ref2) {
   var grid = _ref2.theme.yoga.components.grid;
   return "\n    grid-column-gap: ".concat(grid.gutter.mobile, "px;\n  ");
 });
-var Row = styled.div(_templateObject3(), mobile, desktop);
+var Row = styled.div(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n  display: grid;\n  box-sizing: border-box;\n\n  grid-template-columns: repeat(12, 1fr);\n\n  ", "\n  ", "\n"])), mobile, desktop);
 export default Row;

package/esm/Grid/web/hideQuery.js

@@ -1,152 +1,4 @@
-function _templateObject15() {
-  var data = _taggedTemplateLiteral(["\n    @media (min-width: ", "px) {\n      display: none !important;\n    }\n  "]);
-
-  _templateObject15 = function _templateObject15() {
-    return data;
-  };
-
-  return data;
-}
-
-function _templateObject14() {
-  var data = _taggedTemplateLiteral(["\n    @media (min-width: ", "px) and (max-width: ", "px) {\n      display: none !important;\n    }\n  "]);
-
-  _templateObject14 = function _templateObject14() {
-    return data;
-  };
-
-  return data;
-}
-
-function _templateObject13() {
-  var data = _taggedTemplateLiteral(["\n    @media (min-width: ", "px) and (max-width: ", "px) {\n      display: none !important;\n    }\n  "]);
-
-  _templateObject13 = function _templateObject13() {
-    return data;
-  };
-
-  return data;
-}
-
-function _templateObject12() {
-  var data = _taggedTemplateLiteral(["\n    @media (min-width: ", "px) {\n      display: none !important;\n    }\n  "]);
-
-  _templateObject12 = function _templateObject12() {
-    return data;
-  };
-
-  return data;
-}
-
-function _templateObject11() {
-  var data = _taggedTemplateLiteral(["\n    @media (min-width: ", "px) and (max-width: ", "px) {\n      display: none !important;\n    }\n  "]);
-
-  _templateObject11 = function _templateObject11() {
-    return data;
-  };
-
-  return data;
-}
-
-function _templateObject10() {
-  var data = _taggedTemplateLiteral(["\n    @media (min-width: ", "px) {\n      display: none !important;\n    }\n  "]);
-
-  _templateObject10 = function _templateObject10() {
-    return data;
-  };
-
-  return data;
-}
-
-function _templateObject9() {
-  var data = _taggedTemplateLiteral(["\n    @media (min-width: ", "px) and (max-width: ", "px) {\n      display: none !important;\n    }\n  "]);
-
-  _templateObject9 = function _templateObject9() {
-    return data;
-  };
-
-  return data;
-}
-
-function _templateObject8() {
-  var data = _taggedTemplateLiteral(["\n    @media (min-width: ", "px) {\n      display: none !important;\n    }\n  "]);
-
-  _templateObject8 = function _templateObject8() {
-    return data;
-  };
-
-  return data;
-}
-
-function _templateObject7() {
-  var data = _taggedTemplateLiteral(["\n    @media (min-width: ", "px) and (max-width: ", "px) {\n      display: none !important;\n    }\n  "]);
-
-  _templateObject7 = function _templateObject7() {
-    return data;
-  };
-
-  return data;
-}
-
-function _templateObject6() {
-  var data = _taggedTemplateLiteral(["\n    @media (min-width: ", "px) {\n      display: none !important;\n    }\n  "]);
-
-  _templateObject6 = function _templateObject6() {
-    return data;
-  };
-
-  return data;
-}
-
-function _templateObject5() {
-  var data = _taggedTemplateLiteral(["\n    @media (min-width: ", "px) and (max-width: ", "px) {\n      display: none !important;\n    }\n  "]);
-
-  _templateObject5 = function _templateObject5() {
-    return data;
-  };
-
-  return data;
-}
-
-function _templateObject4() {
-  var data = _taggedTemplateLiteral(["\n    @media (min-width: ", "px) {\n      display: none !important;\n    }\n  "]);
-
-  _templateObject4 = function _templateObject4() {
-    return data;
-  };
-
-  return data;
-}
-
-function _templateObject3() {
-  var data = _taggedTemplateLiteral(["\n    @media (min-width: ", "px) and (max-width: ", "px) {\n      display: none !important;\n    }\n  "]);
-
-  _templateObject3 = function _templateObject3() {
-    return data;
-  };
-
-  return data;
-}
-
-function _templateObject2() {
-  var data = _taggedTemplateLiteral(["\n    @media (min-width: ", "px) {\n      display: none !important;\n    }\n  "]);
-
-  _templateObject2 = function _templateObject2() {
-    return data;
-  };
-
-  return data;
-}
-
-function _templateObject() {
-  var data = _taggedTemplateLiteral(["\n    @media (max-width: ", "px) {\n      display: none !important;\n    }\n  "]);
-
-  _templateObject = function _templateObject() {
-    return data;
-  };
-
-  return data;
-}
+var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _templateObject10, _templateObject11, _templateObject12, _templateObject13, _templateObject14, _templateObject15;
 
 function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
 
@@ -178,21 +30,21 @@ var hideQuery = function hideQuery(_ref) {
   _ref$xxxl = _ref$xxxl === void 0 ? {} : _ref$xxxl;
   var xxxlWidth = _ref$xxxl.width;
   return {
-    xxs: css(_templateObject(), xsWidth),
-    'xxs-start': css(_templateObject2(), xxsWidth),
-    xs: css(_templateObject3(), xsWidth, smWidth - 1),
-    'xs-start': css(_templateObject4(), xsWidth),
-    sm: css(_templateObject5(), smWidth, mdWidth - 1),
-    'sm-start': css(_templateObject6(), smWidth),
-    md: css(_templateObject7(), mdWidth, lgWidth - 1),
-    'md-start': css(_templateObject8(), mdWidth),
-    lg: css(_templateObject9(), lgWidth, xlWidth - 1),
-    'lg-start': css(_templateObject10(), lgWidth),
-    xl: css(_templateObject11(), xlWidth, xxlWidth - 1),
-    'xl-start': css(_templateObject12(), xlWidth),
-    xxl: css(_templateObject13(), xxlWidth, xxxlWidth - 1),
-    'xxl-start': css(_templateObject14(), xxlWidth, xxxlWidth - 1),
-    xxxl: css(_templateObject15(), xxxlWidth)
+    xxs: css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n    @media (max-width: ", "px) {\n      display: none !important;\n    }\n  "])), xsWidth),
+    'xxs-start': css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n    @media (min-width: ", "px) {\n      display: none !important;\n    }\n  "])), xxsWidth),
+    xs: css(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n    @media (min-width: ", "px) and (max-width: ", "px) {\n      display: none !important;\n    }\n  "])), xsWidth, smWidth - 1),
+    'xs-start': css(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n    @media (min-width: ", "px) {\n      display: none !important;\n    }\n  "])), xsWidth),
+    sm: css(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["\n    @media (min-width: ", "px) and (max-width: ", "px) {\n      display: none !important;\n    }\n  "])), smWidth, mdWidth - 1),
+    'sm-start': css(_templateObject6 || (_templateObject6 = _taggedTemplateLiteral(["\n    @media (min-width: ", "px) {\n      display: none !important;\n    }\n  "])), smWidth),
+    md: css(_templateObject7 || (_templateObject7 = _taggedTemplateLiteral(["\n    @media (min-width: ", "px) and (max-width: ", "px) {\n      display: none !important;\n    }\n  "])), mdWidth, lgWidth - 1),
+    'md-start': css(_templateObject8 || (_templateObject8 = _taggedTemplateLiteral(["\n    @media (min-width: ", "px) {\n      display: none !important;\n    }\n  "])), mdWidth),
+    lg: css(_templateObject9 || (_templateObject9 = _taggedTemplateLiteral(["\n    @media (min-width: ", "px) and (max-width: ", "px) {\n      display: none !important;\n    }\n  "])), lgWidth, xlWidth - 1),
+    'lg-start': css(_templateObject10 || (_templateObject10 = _taggedTemplateLiteral(["\n    @media (min-width: ", "px) {\n      display: none !important;\n    }\n  "])), lgWidth),
+    xl: css(_templateObject11 || (_templateObject11 = _taggedTemplateLiteral(["\n    @media (min-width: ", "px) and (max-width: ", "px) {\n      display: none !important;\n    }\n  "])), xlWidth, xxlWidth - 1),
+    'xl-start': css(_templateObject12 || (_templateObject12 = _taggedTemplateLiteral(["\n    @media (min-width: ", "px) {\n      display: none !important;\n    }\n  "])), xlWidth),
+    xxl: css(_templateObject13 || (_templateObject13 = _taggedTemplateLiteral(["\n    @media (min-width: ", "px) and (max-width: ", "px) {\n      display: none !important;\n    }\n  "])), xxlWidth, xxxlWidth - 1),
+    'xxl-start': css(_templateObject14 || (_templateObject14 = _taggedTemplateLiteral(["\n    @media (min-width: ", "px) and (max-width: ", "px) {\n      display: none !important;\n    }\n  "])), xxlWidth, xxxlWidth - 1),
+    xxxl: css(_templateObject15 || (_templateObject15 = _taggedTemplateLiteral(["\n    @media (min-width: ", "px) {\n      display: none !important;\n    }\n  "])), xxxlWidth)
   };
 };
 

package/esm/Grid/web/query.js

@@ -1,12 +1,4 @@
-function _templateObject() {
-  var data = _taggedTemplateLiteral(["\n    @media (min-width: ", "px) {\n      ", "\n    }\n  "]);
-
-  _templateObject = function _templateObject() {
-    return data;
-  };
-
-  return data;
-}
+var _templateObject;
 
 function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
 
@@ -15,7 +7,7 @@ import { css } from 'styled-components';
 var breakpoints = tokens.breakpoints;
 var query = Object.keys(breakpoints).reduce(function (acc, label) {
   acc[label] = function () {
-    return css(_templateObject(), breakpoints[label].width, css.apply(void 0, arguments));
+    return css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n    @media (min-width: ", "px) {\n      ", "\n    }\n  "])), breakpoints[label].width, css.apply(void 0, arguments));
   };
 
   return acc;

package/esm/Grid/web/query.test.js

@@ -1,22 +1,4 @@
-function _templateObject2() {
-  var data = _taggedTemplateLiteral(["\n          padding: 10px;\n        "]);
-
-  _templateObject2 = function _templateObject2() {
-    return data;
-  };
-
-  return data;
-}
-
-function _templateObject() {
-  var data = _taggedTemplateLiteral(["\n      @media (min-width: ", "px) {\n        padding: 10px;\n      }\n    "]);
-
-  _templateObject = function _templateObject() {
-    return data;
-  };
-
-  return data;
-}
+var _templateObject, _templateObject2;
 
 function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
 
@@ -32,11 +14,11 @@ var formatCss = function formatCss(style) {
 describe('query helper function', function () {
   it('should create a media query rule for all breakpoints', function () {
     var expectedStyle = function expectedStyle(breakpoint) {
-      return css(_templateObject(), breakpoint.width);
+      return css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n      @media (min-width: ", "px) {\n        padding: 10px;\n      }\n    "])), breakpoint.width);
     };
 
     Object.keys(breakpoints).map(function (breakpoint) {
-      var style = query[breakpoint](_templateObject2());
+      var style = query[breakpoint](_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n          padding: 10px;\n        "])));
       return expect(formatCss(style)).toBe(formatCss(expectedStyle(breakpoints[breakpoint])));
     });
   });

package/esm/Input/web/Email.js

@@ -1,4 +1,4 @@
-function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 
 import React from 'react';
 import Input from './Input';