@gympass/yoga 2.5.5 → 2.5.7

package/esm/Card/web/Card/Card.js

@@ -1,26 +1,10 @@
-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 _templateObject2() {
-  var data = _taggedTemplateLiteral(["\n  ", "\n"]);
+var _excluded = ["ribbon", "children"];
 
-  _templateObject2 = function _templateObject2() {
-    return data;
-  };
+var _templateObject, _templateObject2;
 
-  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) } })); }
 
@@ -28,7 +12,7 @@ import React from 'react';
 import styled from 'styled-components';
 import { string, shape, oneOf, node } from 'prop-types';
 import Text from '../../../Text';
-var CardStyled = styled.section(_templateObject(), function (_ref) {
+var CardStyled = styled.section(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  ", "\n"])), function (_ref) {
   var variant = _ref.variant,
       variantIntensity = _ref.variantIntensity,
       _ref$theme$yoga = _ref.theme.yoga,
@@ -37,7 +21,7 @@ var CardStyled = styled.section(_templateObject(), function (_ref) {
       card = _ref$theme$yoga.components.card;
   return "\n  padding: \n    ".concat(card.padding.top, "px \n    ").concat(card.padding.right, "px \n    ").concat(card.padding.bottom, "px \n    ").concat(card.padding.left, "px;\n\n  border-radius: ").concat(card.radii, "px;\n  background-color: ").concat(variant ? color[variantIntensity] : card.backgroundColor, ";\n  box-shadow: ").concat(card.elevation, ";\n");
 });
-var Ribbon = styled(Text.Tiny)(_templateObject2(), function (_ref2) {
+var Ribbon = styled(Text.Tiny)(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n  ", "\n"])), function (_ref2) {
   var variant = _ref2.variant,
       variantIntensity = _ref2.variantIntensity,
       _ref2$theme$yoga = _ref2.theme.yoga,
@@ -55,7 +39,7 @@ var Ribbon = styled(Text.Tiny)(_templateObject2(), function (_ref2) {
 var Card = function Card(_ref3) {
   var ribbon = _ref3.ribbon,
       children = _ref3.children,
-      rest = _objectWithoutProperties(_ref3, ["ribbon", "children"]);
+      rest = _objectWithoutProperties(_ref3, _excluded);
 
   return /*#__PURE__*/React.createElement(CardStyled, rest, Object.keys(ribbon).length > 0 && /*#__PURE__*/React.createElement(Ribbon, {
     variant: ribbon.variant,

package/esm/Card/web/Card/Content.js

@@ -1,16 +1,8 @@
-function _templateObject() {
-  var data = _taggedTemplateLiteral([""]);
-
-  _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) } })); }
 
 import styled from 'styled-components';
-var Content = styled.div(_templateObject());
+var Content = styled.div(_templateObject || (_templateObject = _taggedTemplateLiteral([""])));
 Content.displayName = 'Card.Content';
 export default Content;

package/esm/Card/web/Card/Header.js

@@ -1,16 +1,8 @@
-function _templateObject() {
-  var data = _taggedTemplateLiteral([""]);
-
-  _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) } })); }
 
 import styled from 'styled-components';
-var Header = styled.header(_templateObject());
+var Header = styled.header(_templateObject || (_templateObject = _taggedTemplateLiteral([""])));
 Header.displayName = 'Card.Header';
 export default Header;

package/esm/Card/web/EventCard/EventCard.js

@@ -1,76 +1,10 @@
-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 _excluded = ["event", "date", "variant", "theme"];
 
-function _templateObject4() {
-  var data = _taggedTemplateLiteral(["\n  display: flex;\n  align-items: center;\n"]);
+var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7;
 
-  _templateObject4 = function _templateObject4() {
-    return data;
-  };
-
-  return data;
-}
-
-function _templateObject3() {
-  var data = _taggedTemplateLiteral(["\n    padding: ", "px ", "px\n      ", "px ", "px;\n\n    ", ", ", " {\n      display: -webkit-inline-box;\n      overflow: hidden;\n\n      -webkit-line-clamp: 1;\n      -webkit-box-orient: vertical;\n      text-overflow: ellipsis;\n      text-overflow: -o-ellipsis-lastline;\n    }\n\n    ", " {\n      height: ", "px;\n      margin-bottom: ", "px;\n\n      font-weight: ", ";\n    }\n\n    ", " {\n      height: ", "px;\n      margin-bottom: ", "px;\n\n      color: ", ";\n      font-weight: ", ";\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  display: flex;\n  flex-direction: row;\n\n  width: 100%;\n  padding: 0;\n  overflow: hidden;\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) } })); }
 
@@ -80,22 +14,22 @@ import { oneOf, shape, string } from 'prop-types';
 import { Clock } from '@gympass/yoga-icons';
 import Card from '../Card';
 import Text from '../../../Text';
-var Event = styled(Card)(_templateObject());
-var EventInfo = styled.div(_templateObject2(), function (_ref) {
+var Event = styled(Card)(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  display: flex;\n  flex-direction: row;\n\n  width: 100%;\n  padding: 0;\n  overflow: hidden;\n"])));
+var EventInfo = styled.div(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n  ", "\n"])), function (_ref) {
   var event = _ref.theme.yoga.components.card.event;
-  return css(_templateObject3(), event.info.padding.top, event.info.padding.right, event.info.padding.bottom, event.info.padding.left, Text.H4, Text.Small, Text.H4, event.info.name.height, event.info.name.marginBottom, event.info.name.fontWeight, Text.Small, event.info.place.height, event.info.place.marginBottom, event.info.place.color, event.info.name.fontWeight);
+  return css(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n    padding: ", "px ", "px\n      ", "px ", "px;\n\n    ", ", ", " {\n      display: -webkit-inline-box;\n      overflow: hidden;\n\n      -webkit-line-clamp: 1;\n      -webkit-box-orient: vertical;\n      text-overflow: ellipsis;\n      text-overflow: -o-ellipsis-lastline;\n    }\n\n    ", " {\n      height: ", "px;\n      margin-bottom: ", "px;\n\n      font-weight: ", ";\n    }\n\n    ", " {\n      height: ", "px;\n      margin-bottom: ", "px;\n\n      color: ", ";\n      font-weight: ", ";\n    }\n  "])), event.info.padding.top, event.info.padding.right, event.info.padding.bottom, event.info.padding.left, Text.H4, Text.Small, Text.H4, event.info.name.height, event.info.name.marginBottom, event.info.name.fontWeight, Text.Small, event.info.place.height, event.info.place.marginBottom, event.info.place.color, event.info.name.fontWeight);
 });
-var EventTime = styled.div(_templateObject4());
-var DateInfo = styled.div(_templateObject5(), function (_ref2) {
+var EventTime = styled.div(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n  display: flex;\n  align-items: center;\n"])));
+var DateInfo = styled.div(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["\n  ", "\n"])), function (_ref2) {
   var variant = _ref2.variant,
       color = _ref2.theme.yoga.colors[variant];
   return "\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    justify-content: center;\n    flex-shrink: 0;\n\n    width: 56px;\n    background-color: ".concat(color[2], ";\n  ");
 });
-var DayOfWeek = styled(Text.Small)(_templateObject6(), function (_ref3) {
+var DayOfWeek = styled(Text.Small)(_templateObject6 || (_templateObject6 = _taggedTemplateLiteral(["\n  ", "\n"])), function (_ref3) {
   var event = _ref3.theme.yoga.components.card.event;
   return "\n    margin-bottom: ".concat(event.date.dayOfWeek.marginBottom, "px;\n\n    font-weight: ").concat(event.date.dayOfWeek.fontWeight, ";\n  ");
 });
-var Month = styled(Text.Small)(_templateObject7(), function (_ref4) {
+var Month = styled(Text.Small)(_templateObject7 || (_templateObject7 = _taggedTemplateLiteral(["\n  ", "\n"])), function (_ref4) {
   var event = _ref4.theme.yoga.components.card.event;
   return "\n    font-weight: ".concat(event.date.month.fontWeight, ";\n  ");
 });
@@ -105,7 +39,7 @@ var EventCard = function EventCard(_ref5) {
       date = _ref5.date,
       variant = _ref5.variant,
       icon = _ref5.theme.yoga.components.card.event.icon,
-      rest = _objectWithoutProperties(_ref5, ["event", "date", "variant", "theme"]);
+      rest = _objectWithoutProperties(_ref5, _excluded);
 
   return /*#__PURE__*/React.createElement(Event, rest, /*#__PURE__*/React.createElement(DateInfo, {
     variant: variant

package/esm/Card/web/PlanCard/Actions.js

@@ -1,18 +1,10 @@
-function _templateObject() {
-  var data = _taggedTemplateLiteral(["\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) } })); }
 
 import styled from 'styled-components';
 import Actions from '../Card/Actions';
-var PlanActions = styled(Actions)(_templateObject(), function (_ref) {
+var PlanActions = styled(Actions)(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  ", "\n"])), function (_ref) {
   var spacing = _ref.theme.yoga.spacing;
   return "\n    *:not(:last-child) {\n      margin-bottom: ".concat(spacing.xsmall, "px;\n    }\n    padding-top: ").concat(spacing.xsmall, "px;\n  ");
 });

package/esm/Card/web/PlanCard/Content.js

@@ -1,36 +1,10 @@
-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 _templateObject3() {
-  var data = _taggedTemplateLiteral(["\n  display: block;\n  color: inherit;\n\n  ", "\n"]);
-
-  _templateObject3 = function _templateObject3() {
-    return data;
-  };
-
-  return data;
-}
+var _excluded = ["title", "price", "period", "children"];
 
-function _templateObject2() {
-  var data = _taggedTemplateLiteral(["\n  display: block;\n  color: inherit;\n\n  ", "\n"]);
+var _templateObject, _templateObject2, _templateObject3;
 
-  _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) } })); }
 
@@ -39,15 +13,15 @@ import styled from 'styled-components';
 import { string, node } from 'prop-types';
 import Content from '../Card/Content';
 import Text from '../../../Text';
-var Title = styled(Text.Small)(_templateObject(), function (_ref) {
+var Title = styled(Text.Small)(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  ", "\n"])), function (_ref) {
   var plan = _ref.theme.yoga.components.card.plan;
   return "\n  display: -webkit-box;\n  height: 40px;\n  margin: ".concat(plan.title.margin.top, "px 0 ").concat(plan.title.margin.bottom, "px;\n\n  color: inherit;\n  -webkit-line-clamp: 2;\n  -webkit-box-orient: vertical;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  text-overflow: -o-ellipsis-lastline;\n");
 });
-var Price = styled(Text.H3)(_templateObject2(), function (_ref2) {
+var Price = styled(Text.H3)(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n  display: block;\n  color: inherit;\n\n  ", "\n"])), function (_ref2) {
   var plan = _ref2.theme.yoga.components.card.plan;
   return "\n  margin-top: ".concat(plan.price.margin.top, "px;\n  ");
 });
-var Period = styled(Text.Small)(_templateObject3(), function (_ref3) {
+var Period = styled(Text.Small)(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n  display: block;\n  color: inherit;\n\n  ", "\n"])), function (_ref3) {
   var plan = _ref3.theme.yoga.components.card.plan;
   return "\n  margin-bottom: ".concat(plan.period.margin.bottom, "px;\n  ");
 });
@@ -57,7 +31,7 @@ var PlanCardContent = function PlanCardContent(_ref4) {
       price = _ref4.price,
       period = _ref4.period,
       children = _ref4.children,
-      rest = _objectWithoutProperties(_ref4, ["title", "price", "period", "children"]);
+      rest = _objectWithoutProperties(_ref4, _excluded);
 
   return /*#__PURE__*/React.createElement(Content, rest, title && /*#__PURE__*/React.createElement(Title, {
     as: "h3"

package/esm/Card/web/PlanCard/PlanCard.js

@@ -1,14 +1,6 @@
-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 _templateObject;
 
-function _templateObject() {
-  var data = _taggedTemplateLiteral(["\n  max-width: 280px;\n  ", "\n"]);
-
-  _templateObject = function _templateObject() {
-    return data;
-  };
-
-  return data;
-}
+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); }
 
 function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
 
@@ -16,7 +8,7 @@ import React from 'react';
 import styled from 'styled-components';
 import { oneOf, shape, string } from 'prop-types';
 import Card from '../Card';
-var Plan = styled(Card)(_templateObject(), function (_ref) {
+var Plan = styled(Card)(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  max-width: 280px;\n  ", "\n"])), function (_ref) {
   var variant = _ref.variant,
       white = _ref.theme.yoga.colors.white;
   return "\n  ".concat(variant ? "color: ".concat(white, ";") : '', "\n");

package/esm/Checkbox/web/Checkbox.js

@@ -1,78 +1,12 @@
-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 = ["value", "label", "helper", "disabled", "checked", "error", "style", "className", "variant"];
 
-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  width: 100%;\n\n  ", "\n"]);
-
-  _templateObject6 = function _templateObject6() {
-    return data;
-  };
-
-  return data;
-}
-
-function _templateObject5() {
-  var data = _taggedTemplateLiteral(["\n  position: relative;\n  display: flex;\n  align-items: center;\n\n  ", "\n"]);
-
-  _templateObject5 = function _templateObject5() {
-    return data;
-  };
-
-  return data;
-}
+var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7;
 
-function _templateObject4() {
-  var data = _taggedTemplateLiteral(["\n  position: absolute;\n  display: none;\n\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  display: flex;\n  flex-direction: row;\n  align-items: center;\n\n  cursor: pointer;\n\n  ", "\n"]);
-
-  _templateObject3 = function _templateObject3() {
-    return data;
-  };
-
-  return data;
-}
-
-function _templateObject2() {
-  var data = _taggedTemplateLiteral(["\n  position: relative;\n\n  border-style: solid;\n\n  ", "\n"]);
-
-  _templateObject2 = function _templateObject2() {
-    return data;
-  };
-
-  return data;
-}
-
-function _templateObject() {
-  var data = _taggedTemplateLiteral(["\n  display: inline-block;\n\n  * {\n    box-sizing: border-box;\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) } })); }
 
@@ -82,8 +16,8 @@ import styled from 'styled-components';
 import { hexToRgb } from '@gympass/yoga-common';
 import { Done } from '@gympass/yoga-icons';
 import { HiddenInput } from '../../shared';
-var CheckboxWrapper = styled.div(_templateObject());
-var CheckMark = styled.div(_templateObject2(), function (_ref) {
+var CheckboxWrapper = styled.div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  display: inline-block;\n\n  * {\n    box-sizing: border-box;\n  }\n"])));
+var CheckMark = styled.div(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n  position: relative;\n\n  border-style: solid;\n\n  ", "\n"])), function (_ref) {
   var checked = _ref.checked,
       disabled = _ref.disabled,
       error = _ref.error,
@@ -96,15 +30,15 @@ var CheckMark = styled.div(_templateObject2(), function (_ref) {
       checkbox = _ref$theme$yoga.components.checkbox;
   return "\n    width: ".concat(checkbox.size, "px;\n    height: ").concat(checkbox.size, "px;\n\n    margin-right: ").concat(checkbox.margin.right, "px;\n\n    border-radius: ").concat(checkbox.border.radius, "px;\n    border-width: ").concat(checkbox.border.width, "px;\n    border-color: ").concat(disabled ? checkbox.disabled.border.color : color[3], ";\n\n    ").concat(checked ? "\n        background-color: ".concat(color[3], "; \n\n        svg {\n          position: absolute;\n          top: 50%;\n          left: 50%;\n          \n          fill: ").concat(checkbox.checked.icon.color, ";\n\n          transform: translate(-50%, -50%);\n        }\n        ") : '', "\n\n    ").concat(disabled && checked ? "background-color: ".concat(checkbox.disabled.backgroundColor, ";") : '', "\n\n    ").concat(error ? "border-color: ".concat(negative[1], ";") : '', "\n\n    ").concat(error && checked ? "background-color: ".concat(negative[1], ";") : '', "\n  ");
 });
-var Label = styled.label(_templateObject3(), function (_ref2) {
+var Label = styled.label(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n\n  cursor: pointer;\n\n  ", "\n"])), function (_ref2) {
   var checkbox = _ref2.theme.yoga.components.checkbox;
   return "\n    font-size: ".concat(checkbox.label.font.size, "px;\n    color: ").concat(checkbox.label.font.color, ";\n  ");
 });
-var Shadow = styled.span(_templateObject4(), function (_ref3) {
+var Shadow = styled.span(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n  position: absolute;\n  display: none;\n\n  ", "\n"])), function (_ref3) {
   var checkbox = _ref3.theme.yoga.components.checkbox;
   return "\n    width: ".concat(checkbox.size, "px;\n    height: ").concat(checkbox.size, "px;\n    border-radius: ").concat(checkbox.hover.border.radius, "px;\n  ");
 });
-var CheckboxStyled = styled.div(_templateObject5(), function (_ref4) {
+var CheckboxStyled = styled.div(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["\n  position: relative;\n  display: flex;\n  align-items: center;\n\n  ", "\n"])), function (_ref4) {
   var variant = _ref4.variant,
       _ref4$theme$yoga = _ref4.theme.yoga,
       _ref4$theme$yoga$colo = _ref4$theme$yoga.colors[variant],
@@ -113,11 +47,11 @@ var CheckboxStyled = styled.div(_templateObject5(), function (_ref4) {
   var shadowSize = Math.round(checkbox.size * 0.33);
   return "\n      ".concat(Label, ":active,\n      &:focus-within,\n      &:hover  {\n        ").concat(Shadow, " {\n          display: block;\n        }\n      }\n\n      ").concat(Label, ":active {\n        ").concat(Shadow, " {\n          background-color: ").concat(hexToRgb(color[1], 0.75), ";\n\n          box-shadow: 0 0 0 ").concat(shadowSize, "px ").concat(hexToRgb(color[1], 0.75), ";\n        }\n      }\n\n      &:focus-within, &:hover {\n        ").concat(Shadow, " {\n          background-color: ").concat(hexToRgb(color[1], 0.5), ";\n          \n          box-shadow: 0 0 0 ").concat(shadowSize, "px ").concat(hexToRgb(color[1], 0.5), ";\n        }\n      }\n    ");
 });
-var HelperWrapper = styled.div(_templateObject6(), function (_ref5) {
+var HelperWrapper = styled.div(_templateObject6 || (_templateObject6 = _taggedTemplateLiteral(["\n  width: 100%;\n\n  ", "\n"])), function (_ref5) {
   var checkbox = _ref5.theme.yoga.components.checkbox;
   return "\n    margin-top: ".concat(checkbox.helper.margin.top, "px;\n  ");
 });
-var Helper = styled.span(_templateObject7(), function (_ref6) {
+var Helper = styled.span(_templateObject7 || (_templateObject7 = _taggedTemplateLiteral(["\n  ", "\n"])), function (_ref6) {
   var error = _ref6.error,
       _ref6$theme$yoga = _ref6.theme.yoga,
       negative = _ref6$theme$yoga.colors.negative,
@@ -138,7 +72,7 @@ var Checkbox = function Checkbox(_ref7) {
       style = _ref7.style,
       className = _ref7.className,
       variant = _ref7.variant,
-      rest = _objectWithoutProperties(_ref7, ["value", "label", "helper", "disabled", "checked", "error", "style", "className", "variant"]);
+      rest = _objectWithoutProperties(_ref7, _excluded);
 
   return /*#__PURE__*/React.createElement(CheckboxWrapper, {
     style: style,

package/esm/Checkbox/web/Switch.js

@@ -1,118 +1,32 @@
-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 = ["checked", "disabled", "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 _templateObject9() {
-  var data = _taggedTemplateLiteral(["\n            ", ":focus + &,\n            ", ":hover + & {\n              box-shadow: 0 0 0 ", "px\n                ", ";\n            }\n          "]);
-
-  _templateObject9 = function _templateObject9() {
-    return data;
-  };
-
-  return data;
-}
-
-function _templateObject8() {
-  var data = _taggedTemplateLiteral(["\n            background-color: ", ";\n            cursor: not-allowed;\n          "]);
-
-  _templateObject8 = function _templateObject8() {
-    return data;
-  };
-
-  return data;
-}
-
-function _templateObject7() {
-  var data = _taggedTemplateLiteral(["\n            left: calc(100% - ", "px);\n            transform: translateX(-100%);\n          "]);
-
-  _templateObject7 = function _templateObject7() {
-    return data;
-  };
-
-  return data;
-}
-
-function _templateObject6() {
-  var data = _taggedTemplateLiteral(["\n      left: ", "px;\n\n      width: ", "px;\n      height: ", "px;\n\n      background-color: ", ";\n      border-radius: ", "px;\n\n      transition-property: left, transform;\n      transition-duration: 300ms;\n      transition-timing-function: ease;\n\n      ", "\n      ", "\n    "]);
-
-  _templateObject6 = function _templateObject6() {
-    return data;
-  };
-
-  return data;
-}
+var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9;
 
-function _templateObject5() {
-  var data = _taggedTemplateLiteral(["\n  position: relative;\n\n  pointer-events: none;\n\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); }
 
-  _templateObject5 = function _templateObject5() {
-    return data;
-  };
-
-  return data;
-}
-
-function _templateObject4() {
-  var data = _taggedTemplateLiteral(["\n            background-color: ", ";\n            cursor: not-allowed;\n          "]);
-
-  _templateObject4 = function _templateObject4() {
-    return data;
-  };
-
-  return data;
-}
-
-function _templateObject3() {
-  var data = _taggedTemplateLiteral(["\n      width: ", "px;\n      height: ", "px;\n\n      background-color: ", ";\n\n      border-radius: ", "px;\n\n      transition-property: background-color;\n      transition-duration: 300ms;\n\n      ", "\n    "]);
-
-  _templateObject3 = function _templateObject3() {
-    return data;
-  };
-
-  return data;
-}
-
-function _templateObject2() {
-  var data = _taggedTemplateLiteral(["\n  position: relative;\n\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n\n  cursor: pointer;\n\n  * {\n    box-sizing: border-box;\n  }\n\n  ", ";\n"]);
-
-  _templateObject2 = function _templateObject2() {
-    return data;
-  };
-
-  return data;
-}
-
-function _templateObject() {
-  var data = _taggedTemplateLiteral(["\n  position: absolute;\n\n  width: 100%;\n  height: 100%;\n\n  opacity: 0;\n\n  cursor: inherit;\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) } })); }
 
 import React from 'react';
 import { bool, func } from 'prop-types';
 import styled, { css } from 'styled-components';
-var SwitchInput = styled.input(_templateObject());
-var SwitchTrack = styled.label(_templateObject2(), function (_ref) {
+var SwitchInput = styled.input(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  position: absolute;\n\n  width: 100%;\n  height: 100%;\n\n  opacity: 0;\n\n  cursor: inherit;\n"])));
+var SwitchTrack = styled.label(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n  position: relative;\n\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n\n  cursor: pointer;\n\n  * {\n    box-sizing: border-box;\n  }\n\n  ", ";\n"])), function (_ref) {
   var checkboxswitch = _ref.theme.yoga.components.checkboxswitch,
       checked = _ref.checked,
       disabled = _ref.disabled;
-  return css(_templateObject3(), checkboxswitch.track.width, checkboxswitch.track.height, checked ? checkboxswitch.track.checked.backgroundColor : checkboxswitch.track.backgroundColor, checkboxswitch.track.radii, disabled ? css(_templateObject4(), checkboxswitch.track.disabled.backgroundColor) : '');
+  return css(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n      width: ", "px;\n      height: ", "px;\n\n      background-color: ", ";\n\n      border-radius: ", "px;\n\n      transition-property: background-color;\n      transition-duration: 300ms;\n\n      ", "\n    "])), checkboxswitch.track.width, checkboxswitch.track.height, checked ? checkboxswitch.track.checked.backgroundColor : checkboxswitch.track.backgroundColor, checkboxswitch.track.radii, disabled ? css(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n            background-color: ", ";\n            cursor: not-allowed;\n          "])), checkboxswitch.track.disabled.backgroundColor) : '');
 });
-var SwitchThumb = styled.span(_templateObject5(), function (_ref2) {
+var SwitchThumb = styled.span(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["\n  position: relative;\n\n  pointer-events: none;\n\n  ", ";\n"])), function (_ref2) {
   var _ref2$theme$yoga = _ref2.theme.yoga,
       checkboxswitch = _ref2$theme$yoga.components.checkboxswitch,
       spacing = _ref2$theme$yoga.spacing,
       checked = _ref2.checked,
       disabled = _ref2.disabled;
-  return css(_templateObject6(), checkboxswitch.thumb.left, checkboxswitch.thumb.width, checkboxswitch.thumb.height, checkboxswitch.thumb.backgroundColor, checkboxswitch.thumb.radii, checked ? css(_templateObject7(), checkboxswitch.thumb.left) : '', disabled ? css(_templateObject8(), checkboxswitch.thumb.disabled.backgroundColor) : css(_templateObject9(), SwitchInput, SwitchInput, spacing.xsmall, checked ? checkboxswitch.focus.checked.backgroundColor : checkboxswitch.focus.disabled.backgroundColor));
+  return css(_templateObject6 || (_templateObject6 = _taggedTemplateLiteral(["\n      left: ", "px;\n\n      width: ", "px;\n      height: ", "px;\n\n      background-color: ", ";\n      border-radius: ", "px;\n\n      transition-property: left, transform;\n      transition-duration: 300ms;\n      transition-timing-function: ease;\n\n      ", "\n      ", "\n    "])), checkboxswitch.thumb.left, checkboxswitch.thumb.width, checkboxswitch.thumb.height, checkboxswitch.thumb.backgroundColor, checkboxswitch.thumb.radii, checked ? css(_templateObject7 || (_templateObject7 = _taggedTemplateLiteral(["\n            left: calc(100% - ", "px);\n            transform: translateX(-100%);\n          "])), checkboxswitch.thumb.left) : '', disabled ? css(_templateObject8 || (_templateObject8 = _taggedTemplateLiteral(["\n            background-color: ", ";\n            cursor: not-allowed;\n          "])), checkboxswitch.thumb.disabled.backgroundColor) : css(_templateObject9 || (_templateObject9 = _taggedTemplateLiteral(["\n            ", ":focus + &,\n            ", ":hover + & {\n              box-shadow: 0 0 0 ", "px\n                ", ";\n            }\n          "])), SwitchInput, SwitchInput, spacing.xsmall, checked ? checkboxswitch.focus.checked.backgroundColor : checkboxswitch.focus.disabled.backgroundColor));
 });
 /** Switches allow users to turn an individual option on or off. They are usually used to activate or deactivate a specific setting. */
 
@@ -120,7 +34,7 @@ var CheckboxSwitch = function CheckboxSwitch(_ref3) {
   var checked = _ref3.checked,
       disabled = _ref3.disabled,
       onChange = _ref3.onChange,
-      rest = _objectWithoutProperties(_ref3, ["checked", "disabled", "onChange"]);
+      rest = _objectWithoutProperties(_ref3, _excluded);
 
   return /*#__PURE__*/React.createElement(SwitchTrack, _extends({
     checked: checked,