@gympass/yoga 7.36.0 → 7.37.2

package/cjs/Card/native/Card/Card.js

@@ -1 +1 @@
-var _interopRequireDefault=require("@babel/runtime/helpers/interopRequireDefault");Object.defineProperty(exports,"__esModule",{value:true});exports["default"]=void 0;var _objectWithoutProperties2=_interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));var _taggedTemplateLiteralLoose2=_interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteralLoose"));var _react=_interopRequireDefault(require("react"));var _styledComponents=_interopRequireDefault(require("styled-components"));var _propTypes=require("prop-types");var _Text=_interopRequireDefault(require("../../../Text"));var _Box=_interopRequireDefault(require("../../../Box"));var _excluded=["ribbon","children"];var _templateObject,_templateObject2,_templateObject3,_templateObject4;var CardShadow=(0,_styledComponents["default"])(_Box["default"]).attrs(function(_ref){var elevation=_ref.theme.yoga.components.card.elevation;return{elevation:elevation};})(_templateObject||(_templateObject=(0,_taggedTemplateLiteralLoose2["default"])([""])));var CardStyled=(0,_styledComponents["default"])(_Box["default"]).attrs(function(_ref2){var variant=_ref2.variant,_ref2$theme$yoga=_ref2.theme.yoga,color=_ref2$theme$yoga.colors[variant],card=_ref2$theme$yoga.components.card;return{elevation:card.elevation,pt:card.padding.top,pr:card.padding.right,pb:card.padding.bottom,pl:card.padding.left,bRadius:card.radii,bgColor:variant?color:card.backgroundColor,overflow:'hidden'};})(_templateObject2||(_templateObject2=(0,_taggedTemplateLiteralLoose2["default"])([""])));var Ribbon=_styledComponents["default"].View(_templateObject3||(_templateObject3=(0,_taggedTemplateLiteralLoose2["default"])(["\n  ","\n"])),function(_ref3){var variant=_ref3.variant,_ref3$theme$yoga=_ref3.theme.yoga,card=_ref3$theme$yoga.components.card,spacing=_ref3$theme$yoga.spacing,_ref3$theme$yoga$colo=_ref3$theme$yoga.colors,elements=_ref3$theme$yoga$colo.elements,color=_ref3$theme$yoga$colo[variant],white=_ref3$theme$yoga$colo.white,dark=_ref3$theme$yoga$colo.dark;return"\n    align-self: flex-start;\n\n    margin-bottom: "+card.padding.bottom+"px;\n    margin-left: -"+card.padding.left+"px;\n\n    padding:\n      "+spacing.xxxsmall+"px\n      "+spacing.xsmall+"px\n      "+spacing.xxxsmall+"px\n      "+spacing.small+"px;\n\n    border-top-right-radius: "+card.ribbon.radius+"px;\n    border-bottom-right-radius: "+card.ribbon.radius+"px;\n    background-color: "+(variant?color:elements.backgroundAndDisabled)+";\n\n    color: "+(variant?white:dark)+";\n  ";});var RibbonText=(0,_styledComponents["default"])(_Text["default"].Tiny)(_templateObject4||(_templateObject4=(0,_taggedTemplateLiteralLoose2["default"])(["\n  ","\n"])),function(_ref4){var variant=_ref4.variant,_ref4$theme$yoga$colo=_ref4.theme.yoga.colors,white=_ref4$theme$yoga$colo.white,dark=_ref4$theme$yoga$colo.dark;return"\n    color: "+(variant?white:dark)+";\n  ";});var Card=function Card(_ref5){var ribbon=_ref5.ribbon,children=_ref5.children,rest=(0,_objectWithoutProperties2["default"])(_ref5,_excluded);return _react["default"].createElement(CardShadow,null,_react["default"].createElement(CardStyled,rest,Object.keys(ribbon).length>0&&_react["default"].createElement(Ribbon,{variant:ribbon.variant},_react["default"].createElement(RibbonText,{variant:ribbon.variant},ribbon.text)),children));};Card.propTypes={ribbon:(0,_propTypes.shape)({text:_propTypes.string,variant:(0,_propTypes.oneOf)(['','primary','secondary','vibin','hope','energy','relax','peace','verve','uplift','deepPurple','stamina','dark','medium','deep','light','clear','white'])}),children:_propTypes.node,variant:(0,_propTypes.oneOf)(['','primary','secondary','vibin','hope','energy','relax','peace','verve','uplift','deepPurple','stamina','dark','medium','deep','light','clear','white'])};Card.defaultProps={ribbon:{},children:null,variant:''};Card.displayName='Card';var _default=Card;exports["default"]=_default;
+var _interopRequireDefault=require("@babel/runtime/helpers/interopRequireDefault");Object.defineProperty(exports,"__esModule",{value:true});exports["default"]=void 0;var _extends2=_interopRequireDefault(require("@babel/runtime/helpers/extends"));var _objectWithoutProperties2=_interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));var _taggedTemplateLiteralLoose2=_interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteralLoose"));var _react=_interopRequireDefault(require("react"));var _styledComponents=_interopRequireDefault(require("styled-components"));var _propTypes=require("prop-types");var _Text=_interopRequireDefault(require("../../../Text"));var _Box=_interopRequireDefault(require("../../../Box"));var _excluded=["ribbon","children"];var _templateObject,_templateObject2,_templateObject3,_templateObject4;var CardShadow=(0,_styledComponents["default"])(_Box["default"]).attrs(function(_ref){var elevation=_ref.theme.yoga.components.card.elevation;return{elevation:elevation};})(_templateObject||(_templateObject=(0,_taggedTemplateLiteralLoose2["default"])([""])));var CardStyled=(0,_styledComponents["default"])(_Box["default"]).attrs(function(_ref2){var variant=_ref2.variant,_ref2$theme$yoga=_ref2.theme.yoga,color=_ref2$theme$yoga.colors[variant],card=_ref2$theme$yoga.components.card;return{elevation:card.elevation,pt:card.padding.top,pr:card.padding.right,pb:card.padding.bottom,pl:card.padding.left,bRadius:card.radii,bgColor:variant?color:card.backgroundColor,overflow:'hidden'};})(_templateObject2||(_templateObject2=(0,_taggedTemplateLiteralLoose2["default"])([""])));var Ribbon=_styledComponents["default"].View(_templateObject3||(_templateObject3=(0,_taggedTemplateLiteralLoose2["default"])(["\n  ","\n"])),function(_ref3){var variant=_ref3.variant,_ref3$theme$yoga=_ref3.theme.yoga,card=_ref3$theme$yoga.components.card,spacing=_ref3$theme$yoga.spacing,_ref3$theme$yoga$colo=_ref3$theme$yoga.colors,elements=_ref3$theme$yoga$colo.elements,color=_ref3$theme$yoga$colo[variant],white=_ref3$theme$yoga$colo.white,dark=_ref3$theme$yoga$colo.dark;return"\n    align-self: flex-start;\n\n    margin-bottom: "+card.padding.bottom+"px;\n    margin-left: -"+card.padding.left+"px;\n\n    padding:\n      "+spacing.xxxsmall+"px\n      "+spacing.xsmall+"px\n      "+spacing.xxxsmall+"px\n      "+spacing.small+"px;\n\n    border-top-right-radius: "+card.ribbon.radius+"px;\n    border-bottom-right-radius: "+card.ribbon.radius+"px;\n    background-color: "+(variant?color:elements.backgroundAndDisabled)+";\n\n    color: "+(variant?white:dark)+";\n  ";});var RibbonText=(0,_styledComponents["default"])(_Text["default"].Tiny)(_templateObject4||(_templateObject4=(0,_taggedTemplateLiteralLoose2["default"])(["\n  ","\n"])),function(_ref4){var variant=_ref4.variant,_ref4$theme$yoga$colo=_ref4.theme.yoga.colors,white=_ref4$theme$yoga$colo.white,dark=_ref4$theme$yoga$colo.dark;return"\n    color: "+(variant?white:dark)+";\n  ";});var Card=_react["default"].forwardRef(function(_ref5,ref){var ribbon=_ref5.ribbon,children=_ref5.children,rest=(0,_objectWithoutProperties2["default"])(_ref5,_excluded);return _react["default"].createElement(CardShadow,null,_react["default"].createElement(CardStyled,(0,_extends2["default"])({ref:ref},rest),Object.keys(ribbon).length>0&&_react["default"].createElement(Ribbon,{variant:ribbon.variant},_react["default"].createElement(RibbonText,{variant:ribbon.variant},ribbon.text)),children));});Card.propTypes={ribbon:(0,_propTypes.shape)({text:_propTypes.string,variant:(0,_propTypes.oneOf)(['','primary','secondary','vibin','hope','energy','relax','peace','verve','uplift','deepPurple','stamina','dark','medium','deep','light','clear','white'])}),children:_propTypes.node,variant:(0,_propTypes.oneOf)(['','primary','secondary','vibin','hope','energy','relax','peace','verve','uplift','deepPurple','stamina','dark','medium','deep','light','clear','white'])};Card.defaultProps={ribbon:{},children:null,variant:''};Card.displayName='Card';var _default=Card;exports["default"]=_default;

package/cjs/Card/native/Card/Card.test.js

@@ -0,0 +1 @@
+var _interopRequireDefault=require("@babel/runtime/helpers/interopRequireDefault");var _react=_interopRequireDefault(require("react"));var _reactNative=require("@testing-library/react-native");var _reactNative2=require("react-native");var _=require("../../..");var _2=_interopRequireDefault(require("."));describe('<Card />',function(){describe('Snapshots',function(){it('should match snapshot with default Card',function(){var _render=(0,_reactNative.render)(_react["default"].createElement(_.ThemeProvider,null,_react["default"].createElement(_2["default"],null,_react["default"].createElement(_2["default"].Header,null,_react["default"].createElement(_reactNative2.Text,null,"Hello World")),_react["default"].createElement(_2["default"].Content,null,_react["default"].createElement(_reactNative2.Text,null,"It's fine here")),_react["default"].createElement(_2["default"].Actions,null,_react["default"].createElement(_.Button,null,"Action's children must be Button"))))),container=_render.container;expect(container).toMatchSnapshot();});});});

package/cjs/Card/native/EventCard/EventCard.test.js

@@ -0,0 +1 @@
+var _interopRequireDefault=require("@babel/runtime/helpers/interopRequireDefault");var _extends2=_interopRequireDefault(require("@babel/runtime/helpers/extends"));var _react=_interopRequireDefault(require("react"));var _reactNative=require("@testing-library/react-native");var _=require("../../..");var _2=_interopRequireDefault(require("."));var defaultProps={event:{name:'Yoga Class',place:'Gympass',time:'19 am'},date:{day:'19',dayOfWeek:'thu',month:'dec'}};describe('<EventCard />',function(){describe('Snapshots',function(){it('should match snapshot with full EventCard',function(){var _render=(0,_reactNative.render)(_react["default"].createElement(_.ThemeProvider,null,_react["default"].createElement(_2["default"],defaultProps))),container=_render.container;expect(container).toMatchSnapshot();});it('should match snapshot of small EventCard with event indicator disabled',function(){var _render2=(0,_reactNative.render)(_react["default"].createElement(_.ThemeProvider,null,_react["default"].createElement(_2["default"],(0,_extends2["default"])({},defaultProps,{event:false,small:true,onPress:function onPress(){}})))),container=_render2.container;expect(container).toMatchSnapshot();});it('should match snapshot of small EventCard with event indicator enabled',function(){var _render3=(0,_reactNative.render)(_react["default"].createElement(_.ThemeProvider,null,_react["default"].createElement(_2["default"],(0,_extends2["default"])({},defaultProps,{small:true,onPress:function onPress(){}})))),container=_render3.container;expect(container).toMatchSnapshot();});it('should match snapshot of small EventCard active',function(){var _render4=(0,_reactNative.render)(_react["default"].createElement(_.ThemeProvider,null,_react["default"].createElement(_2["default"],(0,_extends2["default"])({},defaultProps,{small:true,active:true,onPress:function onPress(){}})))),container=_render4.container;expect(container).toMatchSnapshot();});it('should match snapshot of small EventCard with day of week and without indicator',function(){var _render5=(0,_reactNative.render)(_react["default"].createElement(_.ThemeProvider,null,_react["default"].createElement(_2["default"],(0,_extends2["default"])({},defaultProps,{small:true})))),container=_render5.container;expect(container).toMatchSnapshot();});});});

package/cjs/Card/native/GymCard/CheckIn/CheckIn.test.js

@@ -0,0 +1 @@
+var _interopRequireDefault=require("@babel/runtime/helpers/interopRequireDefault");var _react=_interopRequireDefault(require("react"));var _reactNative=require("@testing-library/react-native");var _Theme=_interopRequireDefault(require("../../../../Theme"));var _=_interopRequireDefault(require(".."));describe('<GymCard.CheckIn />',function(){describe('Snapshots',function(){var data={name:'Foo',distance:'100 m',rating:5,address:'Bar'};it('should match snapshot without avatar',function(){var _render=(0,_reactNative.render)(_react["default"].createElement(_Theme["default"],null,_react["default"].createElement(_["default"].CheckIn,{name:data.name,distance:data.distance,rating:data.rating,address:data.address}))),container=_render.container;expect((0,_reactNative.toJSON)(container)).toMatchSnapshot();});it('should match snapshot with avatar',function(){var _render2=(0,_reactNative.render)(_react["default"].createElement(_Theme["default"],null,_react["default"].createElement(_["default"].CheckIn,{avatar:{uri:'data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAOEAAADhCAMAAAAJbSJIAAAAe1BMVEX0YVL////0Xk7zV0bzU0H0W0v0XEzzUT/0WUnzVUT0Z1j94t/5r6n6xcD2fnP+7+3/9/b4oJj6v7v7zsr5qaL96Ob6urX1d2v2hXv0ZFX3lYz1cmXzTDj2ioD5s6383Nn1dWj3kYj81NH1bF/4m5PzSTT2iH3819T+8/E+NtViAAAG3klEQVR4nO2a65ajKhCFFVDAqNF4iYm5dGImyfs/4UEBb90zY87ps3qm1/7+dKgosKGoAtKOAwAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA/lBIy1d34n+DUCaabRw3HqPfUaXHq03haoryjX83jYSna3fMo6Zf3adPRTSFOydlX92rT0Tc3+lT5PKr+/VpePEgK1kn/efK/+qefRLEsZKKWyAZrUtTfH6XSeRXoyg8eG0EJbJ+asPxewRUYn0059bkO62rnt/EsgqElNTr352URk95VEox93viC2WmwpuNZWdWdv9D8/zp3yAzLXB1GNUUu8W9TYmBZvS4Nuz6v4TFpyiL0l2XXXx2P2XZ5ubQ8dNtNqrzTZaVF2+chARr9urlLCrTrRy+IMw5hurpbJPfCetF+iy4tOaozGMhX4gR3kdxRVRdFeTNrEg7vTLSBofr9BKy2uaZUj3Djk/r8d0b1FTN45Vd6yWzE0B4PspRSWk3Uix+jCL6eX/Qdn5ZjczXavGehFSmBT41m9auU/lUR9pIMt1cvh0azRgLh1LEBoVv+ahvz0DXLbZPd0JSd42wcmp219t2tbBsZl4FH6yFjxCm9asOnGSGUZDpb/2LLjbEKkxGbV724x7s/V7htM9Jp9Cv3HeM+zPm5vfOM6ZaNot0Y3rRrQMST6gJP+uvyXhKz9wxCifTUCSTEusVtrLO197JMjZ4g1ucbreT2TFGsl80xSYMT1FhpZBGf1qVYVhm+vGkXqbQBpqwC5x2Udq+UOvEafe10IWjbxUqtccmHhzoWjWVTT4NGRSmkknmmcF034gjjEOfDsLzxMG8I+yiyX5QIYTku5MqxMLx0s5cHrS5UTUlwcJg80uFEXW4llLwwYPWag6swuzgE3KwLlSqkv/DdFe5qVV41E5+MBI31GF6Hp46gNuIFhN/3ytUFasT3a6oVM/MgLQKOzN7K5ql0ZSa3pU/Uegf9cetcgkTQHMxKOxCkvWhpBNi1656zCg82yhmymq4zHKohcpwjHHT7s232bnY5Pu48RmTvFXi3UxNZX5pD7DKIxbnROsuOpa8V2hlqXG3QrrQphWudN+5XlRXfRwxvhz2CnO7dWAmD/A2pPnyQOKbynDnfgGnXr8+zZitym3XxG7Sr+f51CzeUto50imPhAYdJFuFxm/U/IiT1ioHhSbG8rUdhU5HMlN4tA5lw1o7/rLeTI+kWqG4zY0PXz1OT3NztHzXbN6Iu2kXhsPTKrTdv/jmQ0NeVXjvFZq80T5kw85MoSPTubXohvSdxOvSA6z1nPMk5bNBodBNXnk8eu4lhXur0IY15kgrsIhO6f1NJr1CRzin2Xm8M8umnJkX5sMh9eYjiZ7svVTVrZvnOibp7c1LCjfWobjOnwnv81vApfB8wgeFxPco8+p4n5eZkdTuRgihlJG6GpnLZScD1ey5l6j3QUTwo9mddV02SSLturfW4/CSQtccBsTFNW+Z/OaakG+zhVLok+KsdtsqEKnEd9Bus2KOaJJI7URJdxg57MeN/x4S2GkvbjvOubcNrTtohSa+6fHXqf9FhStJVd+Y0aGWtAlaRqFvkq5S6NXq5XXFRRte1HHCvt462mrLRXubS0Qz7t0CxNHtGd9iuK7ZF40DmfGM1xS6SVhtj3bpqR2DnUPlpYzTox3RlNp0GFYNITtzytiwi3k8jwNCgnthZ3wp9OJ+yNZWIXqTEfGqwgmxP/Kb9arrrnaQXHiPD15QA/3+LtDulRdKjJP3FRS7fl9E+9NBYI9Vryicni1u7VNyasu1MBU7+Pzw1M6s2qbND08qyy6fQqe9HpinpySd7IuMtc9BTA+qOXOZGBlNFJ6GPU0wTEFS6YcmSlKzl20HTG7P7pjk0rXB76uJeR0vjaQWGZSjo9A5pZMK7BD2KUicopZcj6Mou9JNT7rYdKVLv/POKbs9ElNvnxu3UTfzySp0hH/rXjm1jRLWhA/Tl3W2l2aqfL49nY25iI7s9atOQlmdbrJrFrW3I1MPICYlFkPKFLTFm5T6rYstDftST9KgCcS4XtUgCZodZa0sv3vFjCoRkvlB0wQeG9/HtFde6o1gJxj9l1e53X3Y7IZLlSW3lzGXFyue7rw/iAy/+invJ9999q9/4pFFdg9hTxLLmZ8t/kTkOMg2rw7fX6FwFH6qlzv6dyks6tf7+RcpTB775dcGA0Zh+CcrdEgdx9uAvnKLPnpZ38Y0n92pz+U//XsG+d7/3AEAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAb+AeAeXGTgRJdzAAAAAElFTkSuQmCC'},name:data.name,distance:data.distance,rating:data.rating,address:data.address}))),container=_render2.container;expect((0,_reactNative.toJSON)(container)).toMatchSnapshot();});});});

package/cjs/Card/native/PlanCard/PlanCard.test.js

@@ -0,0 +1 @@
+var _interopRequireDefault=require("@babel/runtime/helpers/interopRequireDefault");var _react=_interopRequireDefault(require("react"));var _reactNative=require("@testing-library/react-native");var _yogaIcons=require("@gympass/yoga-icons");var _=require("../../..");var _2=_interopRequireDefault(require("."));describe('<PlanCard />',function(){var buttonOnPressMock=jest.fn();var renderPlan=function renderPlan(){return(0,_reactNative.render)(_react["default"].createElement(_.ThemeProvider,null,_react["default"].createElement(_2["default"],null,_react["default"].createElement(_2["default"].Tag,{variant:"informative"},"Recommended Plan"),_react["default"].createElement(_2["default"].Content,{subtitle:"plan",title:"Basic",currency:"$",price:"99.90",period:"/month"},_react["default"].createElement(_2["default"].Subtitle,null,"Get access to"),_react["default"].createElement(_2["default"].List,null,_react["default"].createElement(_2["default"].ListItem,{icon:_react["default"].createElement(_.Icon,{as:_yogaIcons.MapPin,height:"small",width:"small",stroke:"medium"}),text:"gyms and studios"}),_react["default"].createElement(_2["default"].ListItem,{icon:_yogaIcons.Star,text:"list item",buttonProps:{children:'button',onPress:buttonOnPressMock}}))),_react["default"].createElement(_2["default"].Actions,null,_react["default"].createElement(_.Button,{full:true},"Select this plan")))));};describe('Events',function(){it('should call onPress when ListItem has a button',function(){var _renderPlan=renderPlan(),getByText=_renderPlan.getByText;_reactNative.fireEvent.press(getByText('button'));expect(buttonOnPressMock).toHaveBeenCalled();});});describe('Snapshots',function(){it('should match snapshot with default PlanCard',function(){var _renderPlan2=renderPlan(),planCard=_renderPlan2.container;expect(planCard).toMatchSnapshot();});it('should match snapshot with variant',function(){var _render=(0,_reactNative.render)(_react["default"].createElement(_.ThemeProvider,null,_react["default"].createElement(_2["default"],{variant:"hope"},_react["default"].createElement(_2["default"].Content,{subtitle:"plan",title:"Basic",currency:"$",price:"99.90",period:"/month"})))),container=_render.container;expect(container).toMatchSnapshot();});it('should match snapshot with suffix',function(){var _render2=(0,_reactNative.render)(_react["default"].createElement(_.ThemeProvider,null,_react["default"].createElement(_2["default"],{variant:"hope"},_react["default"].createElement(_2["default"].Content,{subtitle:"plan",title:"Basic",currency:"$",suffix:"MXN",price:"99.90",period:"/month"})))),container=_render2.container;expect(container).toMatchSnapshot();});});});

package/cjs/Card/web/Card/Card.js

@@ -17,6 +17,8 @@ var _templateObject, _templateObject2;
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
 
+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 _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 _taggedTemplateLiteralLoose(strings, raw) { if (!raw) { raw = strings.slice(0); } strings.raw = raw; return strings; }
@@ -42,16 +44,18 @@ var Ribbon = (0, _styledComponents["default"])(_Text["default"].Tiny)(_templateO
   return "\n  display: inline-block;\n  top: " + card.padding.top + "px;\n  left: 0;\n\n  margin-left: -" + card.padding.left + "px;\n  margin-bottom: " + card.padding.bottom + "px;\n\n  padding: \n    " + spacing.xxxsmall + "px\n    " + spacing.xsmall + "px\n    " + spacing.xxxsmall + "px\n    " + spacing.small + "px;\n  \n  border-top-right-radius: " + card.ribbon.radius + "px;\n  border-bottom-right-radius: " + card.ribbon.radius + "px;\n\n  background-color: " + (variant ? color : elements.backgroundAndDisabled) + ";\n\n  color: " + (variant ? white : text.primary) + ";\n  ";
 });
 
-var Card = function Card(_ref3) {
+var Card = /*#__PURE__*/_react["default"].forwardRef(function (_ref3, ref) {
   var ribbon = _ref3.ribbon,
       children = _ref3.children,
       rest = _objectWithoutPropertiesLoose(_ref3, _excluded);
 
-  return /*#__PURE__*/_react["default"].createElement(CardStyled, rest, Object.keys(ribbon).length > 0 && /*#__PURE__*/_react["default"].createElement(Ribbon, {
+  return /*#__PURE__*/_react["default"].createElement(CardStyled, _extends({
+    ref: ref
+  }, rest), Object.keys(ribbon).length > 0 && /*#__PURE__*/_react["default"].createElement(Ribbon, {
     variant: ribbon.variant,
     as: "span"
   }, ribbon.text), children);
-};
+});
 
 Card.propTypes = {
   /** text: the content inside the Card Ribbon.

package/cjs/Card/web/Card/Card.test.js

@@ -0,0 +1,22 @@
+"use strict";
+
+var _react = _interopRequireDefault(require("react"));
+
+var _react2 = require("@testing-library/react");
+
+var _ = require("../../..");
+
+var _2 = _interopRequireDefault(require("."));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+
+describe('<Card />', function () {
+  describe('Snapshots', function () {
+    it('should match snapshot with default Card', function () {
+      var _render = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_.ThemeProvider, null, /*#__PURE__*/_react["default"].createElement(_2["default"], null, /*#__PURE__*/_react["default"].createElement(_2["default"].Header, null, "Hello World"), /*#__PURE__*/_react["default"].createElement(_2["default"].Content, null, "It's fine here"), /*#__PURE__*/_react["default"].createElement(_2["default"].Actions, null, /*#__PURE__*/_react["default"].createElement(_.Button, null, "Action's children must be Button"))))),
+          container = _render.container;
+
+      expect(container).toMatchSnapshot();
+    });
+  });
+});

package/cjs/Card/web/EventCard/EventCard.test.js

@@ -0,0 +1,35 @@
+"use strict";
+
+var _react = _interopRequireDefault(require("react"));
+
+var _react2 = require("@testing-library/react");
+
+var _ = require("../../..");
+
+var _2 = _interopRequireDefault(require("."));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+
+var event = {
+  name: 'Yoga Class',
+  place: 'Gympass',
+  time: '19 am'
+};
+var date = {
+  day: '19',
+  weekday: 'thu',
+  month: 'dec'
+};
+describe('<Card />', function () {
+  describe('Snapshots', function () {
+    it('should match snapshot with default EventCard', function () {
+      var _render = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_.ThemeProvider, null, /*#__PURE__*/_react["default"].createElement(_2["default"], {
+        event: event,
+        date: date
+      }))),
+          container = _render.container;
+
+      expect(container).toMatchSnapshot();
+    });
+  });
+});

package/cjs/Card/web/PlanCard/PlanCard.test.js

@@ -0,0 +1,95 @@
+"use strict";
+
+var _react = _interopRequireDefault(require("react"));
+
+var _react2 = require("@testing-library/react");
+
+var _yogaIcons = require("@gympass/yoga-icons");
+
+var _ = require("../../..");
+
+var _2 = _interopRequireDefault(require("."));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+
+describe('<PlanCard />', function () {
+  var buttonOnClickMock = jest.fn();
+
+  var renderPlan = function renderPlan() {
+    return (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_.ThemeProvider, null, /*#__PURE__*/_react["default"].createElement(_2["default"], null, /*#__PURE__*/_react["default"].createElement(_2["default"].Tag, {
+      variant: "informative"
+    }, "Recommended Plan"), /*#__PURE__*/_react["default"].createElement(_2["default"].Content, {
+      subtitle: "plan",
+      title: "Basic",
+      currency: "$",
+      price: "99.90",
+      period: "/month"
+    }, /*#__PURE__*/_react["default"].createElement(_2["default"].Subtitle, null, "Get access to"), /*#__PURE__*/_react["default"].createElement(_2["default"].List, null, /*#__PURE__*/_react["default"].createElement(_2["default"].ListItem, {
+      icon: /*#__PURE__*/_react["default"].createElement(_.Icon, {
+        as: _yogaIcons.MapPin,
+        height: "small",
+        width: "small",
+        stroke: "medium"
+      }),
+      text: "gyms and studios"
+    }), /*#__PURE__*/_react["default"].createElement(_2["default"].ListItem, {
+      icon: _yogaIcons.Star,
+      text: "list item",
+      buttonProps: {
+        children: 'button',
+        as: 'a',
+        onClick: buttonOnClickMock
+      }
+    }))), /*#__PURE__*/_react["default"].createElement(_2["default"].Actions, null, /*#__PURE__*/_react["default"].createElement(_.Button, {
+      full: true
+    }, "Select this plan")))));
+  };
+
+  describe('Events', function () {
+    it('should call onClick when ListItem has a button', function () {
+      var _renderPlan = renderPlan(),
+          getByText = _renderPlan.getByText;
+
+      _react2.fireEvent.click(getByText('button'));
+
+      expect(buttonOnClickMock).toHaveBeenCalled();
+    });
+  });
+  describe('Snapshots', function () {
+    it('should match snapshot with default PlanCard', function () {
+      var _renderPlan2 = renderPlan(),
+          planCard = _renderPlan2.container;
+
+      expect(planCard).toMatchSnapshot();
+    });
+    it('should match snapshot with variant', function () {
+      var _render = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_.ThemeProvider, null, /*#__PURE__*/_react["default"].createElement(_2["default"], {
+        variant: "hope"
+      }, /*#__PURE__*/_react["default"].createElement(_2["default"].Content, {
+        subtitle: "plan",
+        title: "Basic",
+        currency: "$",
+        price: "99.90",
+        period: "/month"
+      })))),
+          container = _render.container;
+
+      expect(container).toMatchSnapshot();
+    });
+    it('should match snapshot with suffix', function () {
+      var _render2 = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_.ThemeProvider, null, /*#__PURE__*/_react["default"].createElement(_2["default"], {
+        variant: "hope"
+      }, /*#__PURE__*/_react["default"].createElement(_2["default"].Content, {
+        subtitle: "plan",
+        title: "Basic",
+        currency: "$",
+        suffix: "MXN",
+        price: "99.90",
+        period: "/month"
+      })))),
+          container = _render2.container;
+
+      expect(container).toMatchSnapshot();
+    });
+  });
+});

package/cjs/Checkbox/native/Checkbox.test.js

@@ -0,0 +1 @@
+var _interopRequireDefault=require("@babel/runtime/helpers/interopRequireDefault");var _extends2=_interopRequireDefault(require("@babel/runtime/helpers/extends"));var _react=_interopRequireDefault(require("react"));var _reactNative=require("@testing-library/react-native");var _=_interopRequireDefault(require(".."));var _Theme=_interopRequireDefault(require("../../Theme"));var data={label:'Checkbox Component',helper:'Helper Text'};describe('<Checkbox />',function(){describe('Snapshots',function(){it('should match snapshot without label',function(){var _render=(0,_reactNative.render)(_react["default"].createElement(_Theme["default"],null,_react["default"].createElement(_["default"],null))),container=_render.container;expect((0,_reactNative.toJSON)(container)).toMatchSnapshot();});it('should match snapshot without label',function(){var _render2=(0,_reactNative.render)(_react["default"].createElement(_Theme["default"],null,_react["default"].createElement(_["default"],null))),container=_render2.container;expect((0,_reactNative.toJSON)(container)).toMatchSnapshot();});it('should match snapshot with default checkbox',function(){var _render3=(0,_reactNative.render)(_react["default"].createElement(_Theme["default"],null,_react["default"].createElement(_["default"],data))),container=_render3.container;expect((0,_reactNative.toJSON)(container)).toMatchSnapshot();});it('should match snapshot with disabled checkbox',function(){var _render4=(0,_reactNative.render)(_react["default"].createElement(_Theme["default"],null,_react["default"].createElement(_["default"],(0,_extends2["default"])({},data,{disabled:true})))),container=_render4.container;expect((0,_reactNative.toJSON)(container)).toMatchSnapshot();});it('should match snapshot with checked checkbox',function(){var _render5=(0,_reactNative.render)(_react["default"].createElement(_Theme["default"],null,_react["default"].createElement(_["default"],(0,_extends2["default"])({},data,{checked:true})))),container=_render5.container;expect((0,_reactNative.toJSON)(container)).toMatchSnapshot();});it('should match snapshot with disabled and checked checkbox',function(){var _render6=(0,_reactNative.render)(_react["default"].createElement(_Theme["default"],null,_react["default"].createElement(_["default"],(0,_extends2["default"])({},data,{disabled:true,checked:true})))),container=_render6.container;expect((0,_reactNative.toJSON)(container)).toMatchSnapshot();});it('should match snapshot with error checkbox',function(){var _render7=(0,_reactNative.render)(_react["default"].createElement(_Theme["default"],null,_react["default"].createElement(_["default"],(0,_extends2["default"])({},data,{error:"Error text"})))),container=_render7.container;expect((0,_reactNative.toJSON)(container)).toMatchSnapshot();});it('should match snapshot with error and checked checkbox',function(){var _render8=(0,_reactNative.render)(_react["default"].createElement(_Theme["default"],null,_react["default"].createElement(_["default"],(0,_extends2["default"])({},data,{error:"Error text",checked:true})))),container=_render8.container;expect((0,_reactNative.toJSON)(container)).toMatchSnapshot();});it('should match snapshot with inverted',function(){var _render9=(0,_reactNative.render)(_react["default"].createElement(_Theme["default"],null,_react["default"].createElement(_["default"],(0,_extends2["default"])({},data,{inverted:true})))),container=_render9.container;expect((0,_reactNative.toJSON)(container)).toMatchSnapshot();});it('should match snapshot with inverted and checked',function(){var _render10=(0,_reactNative.render)(_react["default"].createElement(_Theme["default"],null,_react["default"].createElement(_["default"],(0,_extends2["default"])({},data,{inverted:true,checked:true})))),container=_render10.container;expect((0,_reactNative.toJSON)(container)).toMatchSnapshot();});it('should match snapshot with inverted and checked and disabled',function(){var _render11=(0,_reactNative.render)(_react["default"].createElement(_Theme["default"],null,_react["default"].createElement(_["default"],(0,_extends2["default"])({},data,{inverted:true,checked:true,disabled:true})))),container=_render11.container;expect((0,_reactNative.toJSON)(container)).toMatchSnapshot();});});describe('Events',function(){it('should call onChange function when press on Checkbox',function(){var onChangeMock=jest.fn();var _render12=(0,_reactNative.render)(_react["default"].createElement(_Theme["default"],null,_react["default"].createElement(_["default"],(0,_extends2["default"])({},data,{onPress:onChangeMock,testID:"checkbox"})))),getByTestId=_render12.getByTestId;_reactNative.fireEvent.press(getByTestId('checkbox'));expect(onChangeMock).toHaveBeenCalled();});});});

package/cjs/Checkbox/native/Switch.test.js

@@ -0,0 +1 @@
+var _interopRequireDefault=require("@babel/runtime/helpers/interopRequireDefault");var _react=_interopRequireDefault(require("react"));var _reactNative=require("@testing-library/react-native");var _=_interopRequireDefault(require(".."));var _Theme=_interopRequireDefault(require("../../Theme"));jest.useFakeTimers();describe('<Checkbox />',function(){describe('<Checkbox.Switch />',function(){describe('Snapshots',function(){it('should match snapshot with default switch',function(){var _render=(0,_reactNative.render)(_react["default"].createElement(_Theme["default"],null,_react["default"].createElement(_["default"].Switch,null))),container=_render.container;expect((0,_reactNative.toJSON)(container)).toMatchSnapshot();});it('should match snapshot with disabled switch',function(){var _render2=(0,_reactNative.render)(_react["default"].createElement(_Theme["default"],null,_react["default"].createElement(_["default"].Switch,{disabled:true}))),container=_render2.container;expect((0,_reactNative.toJSON)(container)).toMatchSnapshot();});it('should match snapshot with checked switch',function(){var _render3=(0,_reactNative.render)(_react["default"].createElement(_Theme["default"],null,_react["default"].createElement(_["default"].Switch,{checked:true}))),container=_render3.container;expect((0,_reactNative.toJSON)(container)).toMatchSnapshot();});it('should match snapshot with disabled and checked switch',function(){var _render4=(0,_reactNative.render)(_react["default"].createElement(_Theme["default"],null,_react["default"].createElement(_["default"].Switch,{disabled:true,checked:true}))),container=_render4.container;expect((0,_reactNative.toJSON)(container)).toMatchSnapshot();});it('should call onChange function when click on Checkbox.Switch',function(){var onChangeMock=jest.fn();var _render5=(0,_reactNative.render)(_react["default"].createElement(_Theme["default"],null,_react["default"].createElement(_["default"].Switch,{onChange:onChangeMock,accessibilityRole:"button"}))),getByRole=_render5.getByRole;_reactNative.fireEvent.press(getByRole('button'));expect(onChangeMock).toHaveBeenCalled();});});});});

package/cjs/Checkbox/web/Checkbox.test.js

@@ -0,0 +1,161 @@
+"use strict";
+
+var _react = _interopRequireDefault(require("react"));
+
+var _react2 = require("@testing-library/react");
+
+var _ = _interopRequireDefault(require(".."));
+
+var _Theme = _interopRequireDefault(require("../../Theme"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+
+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 data = {
+  label: 'Checkbox Component',
+  helper: 'Helper Text'
+};
+var originalError = console.error;
+beforeEach(function () {
+  console.error = jest.fn();
+});
+afterEach(function () {
+  console.error = originalError;
+});
+describe('<Checkbox />', function () {
+  describe('Snapshots', function () {
+    it('should match snapshot without props', function () {
+      var _render = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_Theme["default"], null, /*#__PURE__*/_react["default"].createElement(_["default"], null))),
+          container = _render.container;
+
+      expect(container).toMatchSnapshot();
+    });
+    it('should match snapshot with default checkbox', function () {
+      var _render2 = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_Theme["default"], null, /*#__PURE__*/_react["default"].createElement(_["default"], data))),
+          container = _render2.container;
+
+      expect(container).toMatchSnapshot();
+    });
+    it('should match snapshot with disabled checkbox', function () {
+      var _render3 = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_Theme["default"], null, /*#__PURE__*/_react["default"].createElement(_["default"], _extends({}, data, {
+        disabled: true
+      })))),
+          container = _render3.container;
+
+      expect(container).toMatchSnapshot();
+    });
+    it('should match snapshot with checked checkbox', function () {
+      var _render4 = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_Theme["default"], null, /*#__PURE__*/_react["default"].createElement(_["default"], _extends({}, data, {
+        checked: true
+      })))),
+          container = _render4.container;
+
+      expect(container).toMatchSnapshot();
+    });
+    it('should match snapshot with disabled and checked checkbox', function () {
+      var _render5 = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_Theme["default"], null, /*#__PURE__*/_react["default"].createElement(_["default"], _extends({}, data, {
+        disabled: true,
+        checked: true
+      })))),
+          container = _render5.container;
+
+      expect(container).toMatchSnapshot();
+    });
+    it('should match snapshot with error checkbox', function () {
+      var _render6 = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_Theme["default"], null, /*#__PURE__*/_react["default"].createElement(_["default"], _extends({}, data, {
+        error: "Error msg"
+      })))),
+          container = _render6.container;
+
+      expect(container).toMatchSnapshot();
+    });
+    it('should match snapshot with error and checked checkbox', function () {
+      var _render7 = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_Theme["default"], null, /*#__PURE__*/_react["default"].createElement(_["default"], _extends({}, data, {
+        error: "Error msg",
+        checked: true
+      })))),
+          container = _render7.container;
+
+      expect(container).toMatchSnapshot();
+    });
+    it('should match snapshot with inverted', function () {
+      var _render8 = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_Theme["default"], null, /*#__PURE__*/_react["default"].createElement(_["default"], _extends({}, data, {
+        inverted: true
+      })))),
+          container = _render8.container;
+
+      expect(container).toMatchSnapshot();
+    });
+    it('should match snapshot with inverted and checked', function () {
+      var _render9 = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_Theme["default"], null, /*#__PURE__*/_react["default"].createElement(_["default"], _extends({}, data, {
+        inverted: true,
+        checked: true
+      })))),
+          container = _render9.container;
+
+      expect(container).toMatchSnapshot();
+    });
+    it('should match snapshot with inverted and checked and disabled', function () {
+      var _render10 = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_Theme["default"], null, /*#__PURE__*/_react["default"].createElement(_["default"], _extends({}, data, {
+        inverted: true,
+        checked: true,
+        disabled: true
+      })))),
+          container = _render10.container;
+
+      expect(container).toMatchSnapshot();
+    });
+    it('should match snapshot with indeterminate', function () {
+      var _render11 = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_Theme["default"], null, /*#__PURE__*/_react["default"].createElement(_["default"], {
+        indeterminate: true
+      }))),
+          container = _render11.container;
+
+      expect(container).toMatchSnapshot();
+    });
+    it('should match snapshot with indeterminate and disabled checkbox', function () {
+      var _render12 = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_Theme["default"], null, /*#__PURE__*/_react["default"].createElement(_["default"], {
+        indeterminate: true,
+        disabled: true
+      }))),
+          container = _render12.container;
+
+      expect(container).toMatchSnapshot();
+    });
+    it('should match snapshot with error and indeterminate checkbox', function () {
+      var _render13 = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_Theme["default"], null, /*#__PURE__*/_react["default"].createElement(_["default"], _extends({}, data, {
+        error: "Error msg",
+        indeterminate: true
+      })))),
+          container = _render13.container;
+
+      expect(container).toMatchSnapshot();
+    });
+    it('should match snapshot with inverted and indeterminate', function () {
+      var _render14 = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_Theme["default"], null, /*#__PURE__*/_react["default"].createElement(_["default"], _extends({}, data, {
+        inverted: true,
+        indeterminate: true
+      })))),
+          container = _render14.container;
+
+      expect(container).toMatchSnapshot();
+    });
+  });
+  describe('Events', function () {
+    it('should call onChange function when press on Checkbox', function () {
+      var onChangeMock = jest.fn();
+
+      var _render15 = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_Theme["default"], null, /*#__PURE__*/_react["default"].createElement(_["default"], _extends({}, data, {
+        onChange: onChangeMock
+      })))),
+          getByRole = _render15.getByRole;
+
+      _react2.fireEvent.click(getByRole('checkbox', {
+        hidden: true
+      }));
+
+      expect(onChangeMock).toHaveBeenCalled();
+    });
+  });
+});

package/cjs/Checkbox/web/Switch.test.js

@@ -0,0 +1,65 @@
+"use strict";
+
+var _react = _interopRequireDefault(require("react"));
+
+var _react2 = require("@testing-library/react");
+
+var _ = _interopRequireDefault(require(".."));
+
+var _Theme = _interopRequireDefault(require("../../Theme"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+
+describe('<Checkbox />', function () {
+  describe('<Checkbox.Switch />', function () {
+    describe('Snapshots', function () {
+      it('should match snapshot with default switch', function () {
+        var _render = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_Theme["default"], null, /*#__PURE__*/_react["default"].createElement(_["default"].Switch, null))),
+            container = _render.container;
+
+        expect(container).toMatchSnapshot();
+      });
+      it('should match snapshot with disabled switch', function () {
+        var _render2 = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_Theme["default"], null, /*#__PURE__*/_react["default"].createElement(_["default"].Switch, {
+          disabled: true
+        }))),
+            container = _render2.container;
+
+        expect(container).toMatchSnapshot();
+      });
+      it('should match snapshot with checked switch', function () {
+        var _render3 = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_Theme["default"], null, /*#__PURE__*/_react["default"].createElement(_["default"].Switch, {
+          checked: true
+        }))),
+            container = _render3.container;
+
+        expect(container).toMatchSnapshot();
+      });
+      it('should match snapshot with disabled and checked switch', function () {
+        var _render4 = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_Theme["default"], null, /*#__PURE__*/_react["default"].createElement(_["default"].Switch, {
+          disabled: true,
+          checked: true
+        }))),
+            container = _render4.container;
+
+        expect(container).toMatchSnapshot();
+      });
+      it('should call onChange function when click on Checkbox.Switch', function () {
+        var onChangeMock = jest.fn();
+
+        var _render5 = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_Theme["default"], null, /*#__PURE__*/_react["default"].createElement(_["default"].Switch, {
+          disabled: true,
+          checked: true,
+          onChange: onChangeMock
+        }))),
+            getByRole = _render5.getByRole;
+
+        _react2.fireEvent.click(getByRole('switch', {
+          hidden: true
+        }));
+
+        expect(onChangeMock).toHaveBeenCalled();
+      });
+    });
+  });
+});

package/cjs/Chips/native/Chips.js

@@ -1 +1 @@
-var _interopRequireDefault=require("@babel/runtime/helpers/interopRequireDefault");Object.defineProperty(exports,"__esModule",{value:true});exports["default"]=void 0;var _extends2=_interopRequireDefault(require("@babel/runtime/helpers/extends"));var _slicedToArray2=_interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));var _objectWithoutProperties2=_interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));var _taggedTemplateLiteralLoose2=_interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteralLoose"));var _react=_interopRequireDefault(require("react"));var _propTypes=require("prop-types");var _styledComponents=_interopRequireWildcard(require("styled-components"));var _reactNative=require("react-native");var _Counter=_interopRequireDefault(require("./Counter"));var _Theme=require("../../Theme");var _Text=_interopRequireDefault(require("../../Text"));var _Icon=_interopRequireDefault(require("../../Icon"));var _excluded=["children","selected","counter","icons","disabled","onToggle","onPress","theme"];var _templateObject,_templateObject2,_templateObject3,_templateObject4,_templateObject5;function _getRequireWildcardCache(nodeInterop){if(typeof WeakMap!=="function")return null;var cacheBabelInterop=new WeakMap();var cacheNodeInterop=new WeakMap();return(_getRequireWildcardCache=function _getRequireWildcardCache(nodeInterop){return nodeInterop?cacheNodeInterop:cacheBabelInterop;})(nodeInterop);}function _interopRequireWildcard(obj,nodeInterop){if(!nodeInterop&&obj&&obj.__esModule){return obj;}if(obj===null||typeof obj!=="object"&&typeof obj!=="function"){return{"default":obj};}var cache=_getRequireWildcardCache(nodeInterop);if(cache&&cache.has(obj)){return cache.get(obj);}var newObj={};var hasPropertyDescriptor=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var key in obj){if(key!=="default"&&Object.prototype.hasOwnProperty.call(obj,key)){var desc=hasPropertyDescriptor?Object.getOwnPropertyDescriptor(obj,key):null;if(desc&&(desc.get||desc.set)){Object.defineProperty(newObj,key,desc);}else{newObj[key]=obj[key];}}}newObj["default"]=obj;if(cache){cache.set(obj,newObj);}return newObj;}var Wrapper=_styledComponents["default"].View(_templateObject||(_templateObject=(0,_taggedTemplateLiteralLoose2["default"])(["\n  height: 32px;\n  max-width: 216px;\n\n  flex-direction: row;\n  align-items: center;\n  justify-content: flex-start;\n\n  margin-right: ","px;\n  padding: ","px;\n\n  border-style: solid;\n  border-color: ",";\n  border-radius: ","px;\n  border-width: ","px;\n\n  background-color: ",";\n\n  overflow: hidden;\n\n  ","\n\n  ","\n"])),_Theme.theme.spacing.xxsmall,_Theme.theme.spacing.xxsmall,_Theme.theme.colors.elements.lineAndBorders,_Theme.theme.radii.small,_Theme.theme.borders.small,_Theme.theme.colors.white,function(_ref){var disabled=_ref.disabled;return disabled?(0,_styledComponents.css)(_templateObject2||(_templateObject2=(0,_taggedTemplateLiteralLoose2["default"])(["\n          background-color: ",";\n          color: ",";\n\n          border-color: ",";\n        "])),_Theme.theme.colors.elements.backgroundAndDisabled,_Theme.theme.colors.elements.selectionAndIcons,_Theme.theme.colors.elements.lineAndBorders):'';},function(_ref2){var selected=_ref2.selected;return selected?(0,_styledComponents.css)(_templateObject3||(_templateObject3=(0,_taggedTemplateLiteralLoose2["default"])(["\n          background-color: ",";\n          border-color: transparent;\n        "])),_Theme.theme.colors.yoga):'';});var StyledChips=(0,_styledComponents["default"])(_Text["default"])(_templateObject4||(_templateObject4=(0,_taggedTemplateLiteralLoose2["default"])(["\n  font-size: ","px;\n  line-height: ","px;\n\n  flex-shrink: 1;\n\n  ","\n"])),_Theme.theme.fontSizes.xsmall,_Theme.theme.lineHeights.xsmall,function(_ref3){var selected=_ref3.selected;return selected?(0,_styledComponents.css)(_templateObject5||(_templateObject5=(0,_taggedTemplateLiteralLoose2["default"])(["\n          color: ",";\n        "])),_Theme.theme.colors.primary):'';});var Chips=function Chips(_ref4){var children=_ref4.children,selected=_ref4.selected,counter=_ref4.counter,icons=_ref4.icons,disabled=_ref4.disabled,onToggle=_ref4.onToggle,_ref4$onPress=_ref4.onPress,onPress=_ref4$onPress===void 0?onToggle:_ref4$onPress,spacing=_ref4.theme.yoga.spacing,props=(0,_objectWithoutProperties2["default"])(_ref4,_excluded);var _icons=(0,_slicedToArray2["default"])(icons,2),FirstIcon=_icons[0],SecondIcon=_icons[1];return _react["default"].createElement(_reactNative.TouchableWithoutFeedback,(0,_extends2["default"])({onPress:onPress},props),_react["default"].createElement(Wrapper,{disabled:disabled,selected:selected},SecondIcon&&_react["default"].createElement(_Icon["default"],{as:SecondIcon,fill:selected?'primary':'secondary',width:"small",height:"small",style:{marginRight:children?spacing.xxxsmall:undefined}}),_react["default"].createElement(StyledChips,{as:selected?_Text["default"].Medium:_Text["default"],selected:selected,numberOfLines:1},children),selected&&counter&&!disabled&&_react["default"].createElement(_Counter["default"],{value:counter}),FirstIcon&&_react["default"].createElement(_Icon["default"],{as:FirstIcon,fill:selected?'primary':'secondary',width:"small",height:"small",style:{marginLeft:children?spacing.xxxsmall:undefined}})));};Chips.propTypes={children:_propTypes.node,selected:_propTypes.bool,counter:_propTypes.number,disabled:_propTypes.bool,icons:(0,_propTypes.arrayOf)(_propTypes.func),onToggle:_propTypes.func,onPress:_propTypes.func};Chips.defaultProps={children:undefined,selected:false,disabled:false,counter:undefined,icons:[],onToggle:undefined,onPress:undefined};var _default=(0,_styledComponents.withTheme)(Chips);exports["default"]=_default;
+var _interopRequireDefault=require("@babel/runtime/helpers/interopRequireDefault");Object.defineProperty(exports,"__esModule",{value:true});exports["default"]=void 0;var _extends2=_interopRequireDefault(require("@babel/runtime/helpers/extends"));var _slicedToArray2=_interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));var _objectWithoutProperties2=_interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));var _taggedTemplateLiteralLoose2=_interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteralLoose"));var _react=_interopRequireDefault(require("react"));var _propTypes=require("prop-types");var _styledComponents=_interopRequireWildcard(require("styled-components"));var _reactNative=require("react-native");var _Counter=_interopRequireDefault(require("./Counter"));var _Theme=require("../../Theme");var _Text=_interopRequireDefault(require("../../Text"));var _Icon=_interopRequireDefault(require("../../Icon"));var _excluded=["children","selected","counter","icons","disabled","onToggle","onPress","theme"];var _templateObject,_templateObject2,_templateObject3,_templateObject4,_templateObject5;function _getRequireWildcardCache(nodeInterop){if(typeof WeakMap!=="function")return null;var cacheBabelInterop=new WeakMap();var cacheNodeInterop=new WeakMap();return(_getRequireWildcardCache=function _getRequireWildcardCache(nodeInterop){return nodeInterop?cacheNodeInterop:cacheBabelInterop;})(nodeInterop);}function _interopRequireWildcard(obj,nodeInterop){if(!nodeInterop&&obj&&obj.__esModule){return obj;}if(obj===null||typeof obj!=="object"&&typeof obj!=="function"){return{"default":obj};}var cache=_getRequireWildcardCache(nodeInterop);if(cache&&cache.has(obj)){return cache.get(obj);}var newObj={};var hasPropertyDescriptor=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var key in obj){if(key!=="default"&&Object.prototype.hasOwnProperty.call(obj,key)){var desc=hasPropertyDescriptor?Object.getOwnPropertyDescriptor(obj,key):null;if(desc&&(desc.get||desc.set)){Object.defineProperty(newObj,key,desc);}else{newObj[key]=obj[key];}}}newObj["default"]=obj;if(cache){cache.set(obj,newObj);}return newObj;}var Wrapper=_styledComponents["default"].View(_templateObject||(_templateObject=(0,_taggedTemplateLiteralLoose2["default"])(["\n  height: 32px;\n  max-width: 216px;\n\n  flex-direction: row;\n  align-items: center;\n  justify-content: flex-start;\n\n  margin-right: ","px;\n  padding: ","px;\n\n  border-style: solid;\n  border-color: ",";\n  border-radius: ","px;\n  border-width: ","px;\n\n  background-color: ",";\n\n  overflow: hidden;\n\n  ","\n\n  ","\n"])),_Theme.theme.spacing.xxsmall,_Theme.theme.spacing.xxsmall,_Theme.theme.colors.elements.lineAndBorders,_Theme.theme.radii.small,_Theme.theme.borders.small,_Theme.theme.colors.white,function(_ref){var disabled=_ref.disabled;return disabled?(0,_styledComponents.css)(_templateObject2||(_templateObject2=(0,_taggedTemplateLiteralLoose2["default"])(["\n          background-color: ",";\n          color: ",";\n\n          border-color: ",";\n        "])),_Theme.theme.colors.elements.backgroundAndDisabled,_Theme.theme.colors.elements.selectionAndIcons,_Theme.theme.colors.elements.lineAndBorders):'';},function(_ref2){var selected=_ref2.selected;return selected?(0,_styledComponents.css)(_templateObject3||(_templateObject3=(0,_taggedTemplateLiteralLoose2["default"])(["\n          background-color: ",";\n          border-color: transparent;\n        "])),_Theme.theme.colors.yoga):'';});var StyledChips=(0,_styledComponents["default"])(_Text["default"])(_templateObject4||(_templateObject4=(0,_taggedTemplateLiteralLoose2["default"])(["\n  font-size: ","px;\n  line-height: ","px;\n\n  flex-shrink: 1;\n\n  ","\n"])),_Theme.theme.fontSizes.xsmall,_Theme.theme.lineHeights.xsmall,function(_ref3){var selected=_ref3.selected;return selected?(0,_styledComponents.css)(_templateObject5||(_templateObject5=(0,_taggedTemplateLiteralLoose2["default"])(["\n          color: ",";\n        "])),_Theme.theme.colors.primary):'';});var Chips=_react["default"].forwardRef(function(_ref4,ref){var children=_ref4.children,selected=_ref4.selected,counter=_ref4.counter,icons=_ref4.icons,disabled=_ref4.disabled,onToggle=_ref4.onToggle,_ref4$onPress=_ref4.onPress,onPress=_ref4$onPress===void 0?onToggle:_ref4$onPress,spacing=_ref4.theme.yoga.spacing,props=(0,_objectWithoutProperties2["default"])(_ref4,_excluded);var _icons=(0,_slicedToArray2["default"])(icons,2),FirstIcon=_icons[0],SecondIcon=_icons[1];return _react["default"].createElement(_reactNative.TouchableWithoutFeedback,(0,_extends2["default"])({onPress:onPress,ref:ref},props),_react["default"].createElement(Wrapper,{disabled:disabled,selected:selected},SecondIcon&&_react["default"].createElement(_Icon["default"],{as:SecondIcon,fill:selected?'primary':'secondary',width:"small",height:"small",style:{marginRight:children?spacing.xxxsmall:undefined}}),_react["default"].createElement(StyledChips,{as:selected?_Text["default"].Medium:_Text["default"],selected:selected,numberOfLines:1},children),selected&&counter&&!disabled&&_react["default"].createElement(_Counter["default"],{value:counter}),FirstIcon&&_react["default"].createElement(_Icon["default"],{as:FirstIcon,fill:selected?'primary':'secondary',width:"small",height:"small",style:{marginLeft:children?spacing.xxxsmall:undefined}})));});Chips.propTypes={children:_propTypes.node,selected:_propTypes.bool,counter:_propTypes.number,disabled:_propTypes.bool,icons:(0,_propTypes.arrayOf)(_propTypes.func),onToggle:_propTypes.func,onPress:_propTypes.func};Chips.defaultProps={children:undefined,selected:false,disabled:false,counter:undefined,icons:[],onToggle:undefined,onPress:undefined};var _default=(0,_styledComponents.withTheme)(Chips);exports["default"]=_default;

package/cjs/Chips/native/Chips.test.js

@@ -0,0 +1 @@
+var _interopRequireDefault=require("@babel/runtime/helpers/interopRequireDefault");var _react=_interopRequireDefault(require("react"));var _reactNative=require("@testing-library/react-native");var _yogaIcons=require("@gympass/yoga-icons");var _=require("../..");describe('<Chips />',function(){describe('Snapshots',function(){it('should match snapshot',function(){var _render=(0,_reactNative.render)(_react["default"].createElement(_.ThemeProvider,null,_react["default"].createElement(_.Chips,null,"Classes"))),container=_render.container;expect((0,_reactNative.toJSON)(container)).toMatchSnapshot();});it('should match snapshot with disabled prop',function(){var _render2=(0,_reactNative.render)(_react["default"].createElement(_.ThemeProvider,null,_react["default"].createElement(_.Chips,{disabled:true},"Classes"))),container=_render2.container;expect((0,_reactNative.toJSON)(container)).toMatchSnapshot();});it('should match snapshot with more than one Chip',function(){var _render3=(0,_reactNative.render)(_react["default"].createElement(_.ThemeProvider,null,_react["default"].createElement(_.Chips,null,"Classes"),_react["default"].createElement(_.Chips,null,"Gyms and studios"),_react["default"].createElement(_.Chips,null,"Personal trainers"))),container=_render3.container;expect((0,_reactNative.toJSON)(container)).toMatchSnapshot();});it('should match snapshot with a long text',function(){var _render4=(0,_reactNative.render)(_react["default"].createElement(_.ThemeProvider,null,_react["default"].createElement(_.Chips,null,"Classes with a very long text"))),container=_render4.container;expect((0,_reactNative.toJSON)(container)).toMatchSnapshot();});describe('selected',function(){it('should match snapshot',function(){var _render5=(0,_reactNative.render)(_react["default"].createElement(_.ThemeProvider,null,_react["default"].createElement(_.Chips,{selected:true},"Classes"))),container=_render5.container;expect((0,_reactNative.toJSON)(container)).toMatchSnapshot();});it('should match snapshot with more than one Chip',function(){var _render6=(0,_reactNative.render)(_react["default"].createElement(_.ThemeProvider,null,_react["default"].createElement(_.Chips,null,"Classes"),_react["default"].createElement(_.Chips,{selected:true},"Gyms and studios"),_react["default"].createElement(_.Chips,{selected:true},"Personal trainers"))),container=_render6.container;expect((0,_reactNative.toJSON)(container)).toMatchSnapshot();});});describe('counter',function(){it('should match snapshot',function(){var _render7=(0,_reactNative.render)(_react["default"].createElement(_.ThemeProvider,null,_react["default"].createElement(_.Chips,{counter:8},"Classes"))),container=_render7.container;expect((0,_reactNative.toJSON)(container)).toMatchSnapshot();});it('should match snapshot with more than one Chip',function(){var _render8=(0,_reactNative.render)(_react["default"].createElement(_.ThemeProvider,null,_react["default"].createElement(_.Chips,{counter:8},"Classes"),_react["default"].createElement(_.Chips,{counter:52,selected:true},"Gyms and studios"),_react["default"].createElement(_.Chips,{counter:1732,selected:true},"Personal trainers"))),container=_render8.container;expect((0,_reactNative.toJSON)(container)).toMatchSnapshot();});});describe('icon',function(){it('should match selected snapshot',function(){var _render9=(0,_reactNative.render)(_react["default"].createElement(_.ThemeProvider,null,_react["default"].createElement(_.Chips,{counter:8,icon:[_yogaIcons.MapPin]},"Location"),_react["default"].createElement(_.Chips,{counter:8,icon:[_yogaIcons.MapPin,_yogaIcons.ChevronDown]},"Classes"),_react["default"].createElement(_.Chips,{icon:[_yogaIcons.MapPin,_yogaIcons.ChevronDown]},"Gyms and studios"),_react["default"].createElement(_.Chips,{icon:[_yogaIcons.MapPin]},"Personal trainers"),_react["default"].createElement(_.Chips,{counter:8,selected:true,icon:[_yogaIcons.MapPin]},"Activities"),_react["default"].createElement(_.Chips,{counter:8,selected:true,icon:[_yogaIcons.MapPin,_yogaIcons.ChevronDown]},"Language"),_react["default"].createElement(_.Chips,{selected:true,icon:[_yogaIcons.MapPin,_yogaIcons.ChevronDown]},"Categories"),_react["default"].createElement(_.Chips,{selected:true,icon:[_yogaIcons.MapPin]},"Availability"))),container=_render9.container;expect((0,_reactNative.toJSON)(container)).toMatchSnapshot();});});});describe('Events',function(){it('should toggle using onPress',function(){var toggleMock=jest.fn();var _render10=(0,_reactNative.render)(_react["default"].createElement(_.ThemeProvider,null,_react["default"].createElement(_.Chips,{onPress:toggleMock},"Classes"))),getByText=_render10.getByText;_reactNative.fireEvent.press(getByText('Classes'));expect(toggleMock).toHaveBeenCalled();});it('should toggle using onToggle',function(){var toggleMock=jest.fn();var _render11=(0,_reactNative.render)(_react["default"].createElement(_.ThemeProvider,null,_react["default"].createElement(_.Chips,{onToggle:toggleMock},"Classes"))),getByText=_render11.getByText;_reactNative.fireEvent.press(getByText('Classes'));expect(toggleMock).toHaveBeenCalled();});});});

package/cjs/Chips/web/Chips.js

@@ -59,7 +59,7 @@ var Wrapper = _styledComponents["default"].button(_templateObject2 || (_template
   return "\n      " + commonStyles + "\n\n      border-color: " + colors.elements.lineAndBorders + ";\n\n      background-color: " + colors.white + ";\n      color: " + colors.secondary + ";\n\n      font-weight: " + fontWeights.regular + ";\n\n      &:hover:enabled {\n        border-color: " + colors.secondary + ";\n      }\n\n      &:focus:enabled,\n      &:active:enabled {\n        border-color: " + (0, _yogaCommon.hexToRgb)(colors.elements.lineAndBorders, 0.75) + ";\n      }\n    ";
 });
 
-var Chips = function Chips(_ref2) {
+var Chips = /*#__PURE__*/_react["default"].forwardRef(function (_ref2, ref) {
   var children = _ref2.children,
       selected = _ref2.selected,
       counter = _ref2.counter,
@@ -76,7 +76,8 @@ var Chips = function Chips(_ref2) {
   return /*#__PURE__*/_react["default"].createElement(Wrapper, _extends({
     selected: selected,
     disabled: disabled,
-    onClick: onClick
+    onClick: onClick,
+    ref: ref
   }, props), SecondIcon && /*#__PURE__*/_react["default"].createElement(_Icon["default"], {
     as: SecondIcon,
     fill: selected ? 'primary' : 'secondary',
@@ -96,7 +97,7 @@ var Chips = function Chips(_ref2) {
       marginLeft: children ? spacing.xxxsmall : undefined
     }
   }));
-};
+});
 
 Chips.propTypes = {
   /** text to be displayed */