@gympass/yoga 7.51.1 → 7.53.0

package/cjs/ActionRequirement/ActionRequirement.theme.js

@@ -0,0 +1,11 @@
+"use strict";
+
+exports.__esModule = true;
+exports["default"] = void 0;
+
+var ActionRequirement = function ActionRequirement() {
+  return {};
+};
+
+var _default = ActionRequirement;
+exports["default"] = _default;

package/cjs/ActionRequirement/index.js

@@ -0,0 +1,11 @@
+"use strict";
+
+exports.__esModule = true;
+exports["default"] = void 0;
+
+var _web = _interopRequireDefault(require("./web"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+
+var _default = _web["default"];
+exports["default"] = _default;

package/cjs/ActionRequirement/index.native.js

@@ -0,0 +1 @@
+var _interopRequireDefault=require("@babel/runtime/helpers/interopRequireDefault");Object.defineProperty(exports,"__esModule",{value:true});exports["default"]=void 0;var _native=_interopRequireDefault(require("./native"));var _default=_native["default"];exports["default"]=_default;

package/cjs/ActionRequirement/native/ActionRequirement.js

@@ -0,0 +1 @@
+var _interopRequireDefault=require("@babel/runtime/helpers/interopRequireDefault");Object.defineProperty(exports,"__esModule",{value:true});exports["default"]=void 0;var _taggedTemplateLiteralLoose2=_interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteralLoose"));var _react=_interopRequireDefault(require("react"));var _propTypes=require("prop-types");var _native=_interopRequireDefault(require("styled-components/native"));var _reactNative=require("react-native");var _Box=_interopRequireDefault(require("../../Box"));var _ActionRequirementStyles=require("./ActionRequirementStyles");var _Text=_interopRequireDefault(require("../../Text"));var _templateObject;var StyledActionRequirement=_native["default"].View(_templateObject||(_templateObject=(0,_taggedTemplateLiteralLoose2["default"])([""])));function ActionRequirement(props){var title=props.title,description=props.description,children=props.children,checkable=props.checkable,illustration=props.illustration,list=props.list;return _react["default"].createElement(StyledActionRequirement,props,illustration&&_react["default"].createElement(_Box["default"],null,illustration),_react["default"].createElement(_ActionRequirementStyles.Title,null,title),_react["default"].createElement(_Text["default"],{mt:"small",color:"deep"},description),_react["default"].createElement(_Text["default"],{mt:"small",color:"deep"},list&&_react["default"].createElement(_Box["default"],{mt:"xxxlarge"},list)),checkable&&_react["default"].createElement(_Box["default"],{mt:"xxxlarge"},checkable),_react["default"].createElement(_reactNative.View,null,children));}ActionRequirement.propTypes={title:_propTypes.string.isRequired,children:(0,_propTypes.oneOfType)([(0,_propTypes.arrayOf)(_propTypes.node),_propTypes.node]),description:_propTypes.string.isRequired,checkable:(0,_propTypes.oneOfType)([(0,_propTypes.arrayOf)(_propTypes.node),_propTypes.node]),illustration:(0,_propTypes.oneOfType)([(0,_propTypes.arrayOf)(_propTypes.node),_propTypes.node]),list:(0,_propTypes.oneOfType)([(0,_propTypes.arrayOf)(_propTypes.node),_propTypes.node])};ActionRequirement.defaultProps={children:undefined,checkable:undefined,illustration:undefined,list:undefined};var _default=ActionRequirement;exports["default"]=_default;

package/cjs/ActionRequirement/native/ActionRequirement.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 _yoga=require("@gympass/yoga");var _yogaIllustrations=require("@gympass/yoga-illustrations");var _yogaIcons=require("@gympass/yoga-icons");var _=require("../..");var _ActionRequirement=_interopRequireDefault(require("./ActionRequirement"));function handleGetCheckableContent(){return _react["default"].createElement(_yoga.Box,{display:"flex",flexDirection:"row",alignItems:"center"},_react["default"].createElement(_yoga.Checkbox,null),_react["default"].createElement(_yoga.Text,null,"I have read and agree to the Terms of Use and Privacy Policy."));}function handleGetIllustration(){return _react["default"].createElement(_yogaIllustrations.Img2d01,{width:375,height:375});}function handleGetList(){return _react["default"].createElement(_react["default"].Fragment,null,_react["default"].createElement(_yoga.Text,null,_react["default"].createElement(_yogaIcons.Dumbbell,null)," 1x/day standard access"),_react["default"].createElement(_yoga.Text,{mt:"small"},_react["default"].createElement(_yogaIcons.User,null)," 4x/month 1-on-1 sessions"),_react["default"].createElement(_yoga.Text,{mt:"small"},_react["default"].createElement(_yogaIcons.Star,null)," 2x/month premium classes"));}describe('<ActionRequirement />',function(){it('should match snapshot',function(){var _render=(0,_reactNative.render)(_react["default"].createElement(_.ThemeProvider,null,_react["default"].createElement(_ActionRequirement["default"],{title:"Welcome to the world of feeling good!",description:"Lets make it a good day!",illustration:handleGetIllustration(),checkable:handleGetCheckableContent(),list:handleGetList()}))),toJSON=_render.toJSON;expect(toJSON()).toMatchSnapshot();});});

package/cjs/ActionRequirement/native/ActionRequirementStyles.js

@@ -0,0 +1 @@
+var _interopRequireDefault=require("@babel/runtime/helpers/interopRequireDefault");Object.defineProperty(exports,"__esModule",{value:true});exports.Title=exports.SecondaryButton=exports.PrimaryButton=exports.Actions=void 0;var _taggedTemplateLiteralLoose2=_interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteralLoose"));var _styledComponents=_interopRequireWildcard(require("styled-components"));var _index=_interopRequireDefault(require("../../Text/index.native"));var _index2=_interopRequireDefault(require("../../Box/index.native"));var _index3=_interopRequireDefault(require("../../Button/index.native"));var _templateObject,_templateObject2,_templateObject3,_templateObject4,_templateObject5,_templateObject6,_templateObject7,_templateObject8;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 Title=(0,_styledComponents["default"])(_index["default"].H4)(_templateObject||(_templateObject=(0,_taggedTemplateLiteralLoose2["default"])(["\n  ","\n"])),function(_ref){var fontSizes=_ref.theme.yoga.fontSizes;return(0,_styledComponents.css)(_templateObject2||(_templateObject2=(0,_taggedTemplateLiteralLoose2["default"])(["\n    @media (min-width: 769px) {\n      max-width: 700px;\n      font-size: ","px;\n      line-height: ","px;\n    }\n  "])),fontSizes.huge,fontSizes.huge);});exports.Title=Title;var Actions=(0,_styledComponents["default"])(_index2["default"])(_templateObject3||(_templateObject3=(0,_taggedTemplateLiteralLoose2["default"])(["\n  ","\n"])),function(_ref2){var spacing=_ref2.theme.yoga.spacing;return(0,_styledComponents.css)(_templateObject4||(_templateObject4=(0,_taggedTemplateLiteralLoose2["default"])(["\n    display: flex;\n    flex-direction: column;\n\n    @media (min-width: 769px) {\n      flex-direction: row;\n      margin-top: ","px;\n    }\n  "])),spacing.xlarge);});exports.Actions=Actions;var buttonsStyles=(0,_styledComponents.css)(_templateObject5||(_templateObject5=(0,_taggedTemplateLiteralLoose2["default"])(["\n  ","\n"])),function(_ref3){var spacing=_ref3.theme.yoga.spacing;return(0,_styledComponents.css)(_templateObject6||(_templateObject6=(0,_taggedTemplateLiteralLoose2["default"])(["\n    width: 100%;\n\n    :last-child(:not(:first-child)) {\n      margin-top: ","px;\n    }\n\n    @media (min-width: 769px) {\n      width: auto;\n\n      :last-child(:not(:first-child)) {\n        margin-top: 0;\n        margin-left: ","px;\n      }\n    }\n  "])),spacing.small,spacing.large);});var PrimaryButton=(0,_styledComponents["default"])(_index3["default"])(_templateObject7||(_templateObject7=(0,_taggedTemplateLiteralLoose2["default"])(["\n  ","\n"])),buttonsStyles);exports.PrimaryButton=PrimaryButton;var SecondaryButton=(0,_styledComponents["default"])(_index3["default"].Text)(_templateObject8||(_templateObject8=(0,_taggedTemplateLiteralLoose2["default"])(["\n  ","\n"])),buttonsStyles);exports.SecondaryButton=SecondaryButton;Title.displayName='ActionRequirement.Title';PrimaryButton.displayName='ActionRequirement.PrimaryButton';SecondaryButton.displayName='ActionRequirement.SecondaryButton';

package/cjs/ActionRequirement/native/index.js

@@ -0,0 +1 @@
+var _interopRequireDefault=require("@babel/runtime/helpers/interopRequireDefault");Object.defineProperty(exports,"__esModule",{value:true});exports["default"]=void 0;var _ActionRequirement=_interopRequireDefault(require("./ActionRequirement"));var _ActionRequirementStyles=require("./ActionRequirementStyles");_ActionRequirement["default"].Title=_ActionRequirementStyles.Title;_ActionRequirement["default"].PrimaryButton=_ActionRequirementStyles.PrimaryButton;_ActionRequirement["default"].SecondaryButton=_ActionRequirementStyles.SecondaryButton;var _default=_ActionRequirement["default"];exports["default"]=_default;

package/cjs/ActionRequirement/web/ActionRequirement.js

@@ -0,0 +1,78 @@
+"use strict";
+
+exports.__esModule = true;
+exports["default"] = void 0;
+
+var _react = _interopRequireDefault(require("react"));
+
+var _propTypes = require("prop-types");
+
+var _styledComponents = _interopRequireDefault(require("styled-components"));
+
+var _ActionRequirementStyles = require("./ActionRequirementStyles");
+
+var _Text = _interopRequireDefault(require("../../Text"));
+
+var _Box = _interopRequireDefault(require("../../Box"));
+
+var _templateObject;
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+
+function _taggedTemplateLiteralLoose(strings, raw) { if (!raw) { raw = strings.slice(0); } strings.raw = raw; return strings; }
+
+var StyledActionRequirement = _styledComponents["default"].div(_templateObject || (_templateObject = _taggedTemplateLiteralLoose([""])));
+
+function isChildFromComponent(child, component) {
+  return child.type.displayName === component.displayName;
+}
+
+function ActionRequirement(props) {
+  var title = props.title,
+      description = props.description,
+      children = props.children,
+      checkable = props.checkable,
+      illustration = props.illustration,
+      list = props.list;
+  var primaryButton;
+  var secondaryButton;
+
+  function defineCompoundComponents() {
+    _react["default"].Children.forEach(children, function (child) {
+      if (isChildFromComponent(child, _ActionRequirementStyles.PrimaryButton)) primaryButton = child;
+      if (isChildFromComponent(child, _ActionRequirementStyles.SecondaryButton)) secondaryButton = child;
+    });
+  }
+
+  defineCompoundComponents();
+  return /*#__PURE__*/_react["default"].createElement(StyledActionRequirement, props, illustration && /*#__PURE__*/_react["default"].createElement(_Box["default"], null, illustration), /*#__PURE__*/_react["default"].createElement(_ActionRequirementStyles.Title, null, title), /*#__PURE__*/_react["default"].createElement(_Text["default"], {
+    mt: "small",
+    color: "deep"
+  }, description), /*#__PURE__*/_react["default"].createElement(_Text["default"], {
+    mt: "small",
+    color: "deep"
+  }, list && /*#__PURE__*/_react["default"].createElement(_Box["default"], {
+    mt: "xxxlarge"
+  }, list)), checkable && /*#__PURE__*/_react["default"].createElement(_Box["default"], {
+    mt: "xxxlarge"
+  }, checkable), /*#__PURE__*/_react["default"].createElement(_ActionRequirementStyles.Actions, {
+    mt: "xlarge"
+  }, primaryButton, secondaryButton));
+}
+
+ActionRequirement.propTypes = {
+  title: _propTypes.string.isRequired,
+  children: (0, _propTypes.oneOfType)([(0, _propTypes.arrayOf)(_propTypes.node), _propTypes.node]),
+  description: _propTypes.string.isRequired,
+  checkable: (0, _propTypes.oneOfType)([(0, _propTypes.arrayOf)(_propTypes.node), _propTypes.node]),
+  illustration: (0, _propTypes.oneOfType)([(0, _propTypes.arrayOf)(_propTypes.node), _propTypes.node]),
+  list: (0, _propTypes.oneOfType)([(0, _propTypes.arrayOf)(_propTypes.node), _propTypes.node])
+};
+ActionRequirement.defaultProps = {
+  children: undefined,
+  checkable: undefined,
+  illustration: undefined,
+  list: undefined
+};
+var _default = ActionRequirement;
+exports["default"] = _default;

package/cjs/ActionRequirement/web/ActionRequirement.test.js

@@ -0,0 +1,20 @@
+"use strict";
+
+var _react = _interopRequireDefault(require("react"));
+
+var _react2 = require("@testing-library/react");
+
+var _ = require("../..");
+
+var _ActionRequirement = _interopRequireDefault(require("./ActionRequirement"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+
+describe('<ActionRequirement />', function () {
+  it('should match snapshot', function () {
+    var _render = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_.ThemeProvider, null, /*#__PURE__*/_react["default"].createElement(_ActionRequirement["default"], null))),
+        container = _render.container;
+
+    expect(container).toMatchSnapshot();
+  });
+});

package/cjs/ActionRequirement/web/ActionRequirementStyles.js

@@ -0,0 +1,46 @@
+"use strict";
+
+exports.__esModule = true;
+exports.Title = exports.SecondaryButton = exports.PrimaryButton = exports.Actions = void 0;
+
+var _styledComponents = _interopRequireWildcard(require("styled-components"));
+
+var _Text = _interopRequireDefault(require("../../Text"));
+
+var _Box = _interopRequireDefault(require("../../Box"));
+
+var _Button = _interopRequireDefault(require("../../Button"));
+
+var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8;
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+
+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; }
+
+function _taggedTemplateLiteralLoose(strings, raw) { if (!raw) { raw = strings.slice(0); } strings.raw = raw; return strings; }
+
+var Title = (0, _styledComponents["default"])(_Text["default"].H4).attrs({
+  as: 'p'
+})(_templateObject || (_templateObject = _taggedTemplateLiteralLoose(["\n  ", "\n"])), function (_ref) {
+  var fontSizes = _ref.theme.yoga.fontSizes;
+  return (0, _styledComponents.css)(_templateObject2 || (_templateObject2 = _taggedTemplateLiteralLoose(["\n    @media (min-width: 769px) {\n      max-width: 700px;\n      font-size: ", "px;\n      line-height: ", "px;\n    }\n  "])), fontSizes.huge, fontSizes.huge);
+});
+exports.Title = Title;
+var Actions = (0, _styledComponents["default"])(_Box["default"])(_templateObject3 || (_templateObject3 = _taggedTemplateLiteralLoose(["\n  ", "\n"])), function (_ref2) {
+  var spacing = _ref2.theme.yoga.spacing;
+  return (0, _styledComponents.css)(_templateObject4 || (_templateObject4 = _taggedTemplateLiteralLoose(["\n    display: flex;\n    flex-direction: column;\n\n    @media (min-width: 769px) {\n      flex-direction: row;\n      margin-top: ", "px;\n    }\n  "])), spacing.xlarge);
+});
+exports.Actions = Actions;
+var buttonsStyles = (0, _styledComponents.css)(_templateObject5 || (_templateObject5 = _taggedTemplateLiteralLoose(["\n  ", "\n"])), function (_ref3) {
+  var spacing = _ref3.theme.yoga.spacing;
+  return (0, _styledComponents.css)(_templateObject6 || (_templateObject6 = _taggedTemplateLiteralLoose(["\n    width: 100%;\n\n    :last-child(:not(:first-child)) {\n      margin-top: ", "px;\n    }\n\n    @media (min-width: 769px) {\n      width: auto;\n\n      :last-child(:not(:first-child)) {\n        margin-top: 0;\n        margin-left: ", "px;\n      }\n    }\n  "])), spacing.small, spacing.large);
+});
+var PrimaryButton = (0, _styledComponents["default"])(_Button["default"])(_templateObject7 || (_templateObject7 = _taggedTemplateLiteralLoose(["\n  ", "\n"])), buttonsStyles);
+exports.PrimaryButton = PrimaryButton;
+var SecondaryButton = (0, _styledComponents["default"])(_Button["default"].Text)(_templateObject8 || (_templateObject8 = _taggedTemplateLiteralLoose(["\n  ", "\n"])), buttonsStyles);
+exports.SecondaryButton = SecondaryButton;
+Title.displayName = 'ActionRequirement.Title';
+PrimaryButton.displayName = 'ActionRequirement.PrimaryButton';
+SecondaryButton.displayName = 'ActionRequirement.SecondaryButton';

package/cjs/ActionRequirement/web/index.js

@@ -0,0 +1,16 @@
+"use strict";
+
+exports.__esModule = true;
+exports["default"] = void 0;
+
+var _ActionRequirement = _interopRequireDefault(require("./ActionRequirement"));
+
+var _ActionRequirementStyles = require("./ActionRequirementStyles");
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+
+_ActionRequirement["default"].Title = _ActionRequirementStyles.Title;
+_ActionRequirement["default"].PrimaryButton = _ActionRequirementStyles.PrimaryButton;
+_ActionRequirement["default"].SecondaryButton = _ActionRequirementStyles.SecondaryButton;
+var _default = _ActionRequirement["default"];
+exports["default"] = _default;

package/cjs/Popover/Popover.theme.js

@@ -0,0 +1,11 @@
+"use strict";
+
+exports.__esModule = true;
+exports["default"] = void 0;
+
+var Popover = function Popover() {
+  return {};
+};
+
+var _default = Popover;
+exports["default"] = _default;

package/cjs/Popover/index.js

@@ -0,0 +1,11 @@
+"use strict";
+
+exports.__esModule = true;
+exports["default"] = void 0;
+
+var _web = _interopRequireDefault(require("./web"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+
+var _default = _web["default"];
+exports["default"] = _default;

package/cjs/Popover/web/Popover.js

@@ -0,0 +1,78 @@
+"use strict";
+
+exports.__esModule = true;
+exports["default"] = void 0;
+
+var _react = _interopRequireWildcard(require("react"));
+
+var _propTypes = require("prop-types");
+
+var _yoga = require("@gympass/yoga");
+
+var _styles = require("./styles");
+
+var _excluded = ["children", "title", "description", "position", "width", "height"];
+
+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; }
+
+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 Popover(_ref) {
+  var children = _ref.children,
+      title = _ref.title,
+      description = _ref.description,
+      position = _ref.position,
+      width = _ref.width,
+      height = _ref.height,
+      props = _objectWithoutPropertiesLoose(_ref, _excluded);
+
+  var _useState = (0, _react.useState)(false),
+      isPopoverOpen = _useState[0],
+      setIsPopoverOpen = _useState[1];
+
+  function handleShowPopover() {
+    setIsPopoverOpen(true);
+  }
+
+  function handleHidePopover() {
+    setIsPopoverOpen(false);
+  }
+
+  return /*#__PURE__*/_react["default"].createElement(_styles.Wrapper, props, isPopoverOpen && /*#__PURE__*/_react["default"].createElement(_styles.PopoverContainer, {
+    position: position,
+    width: width,
+    height: height,
+    role: "tooltip"
+  }, !!title && /*#__PURE__*/_react["default"].createElement(_yoga.Text.Small, {
+    mb: "xxxsmall",
+    fw: "medium",
+    color: "white"
+  }, title), /*#__PURE__*/_react["default"].createElement(_yoga.Text.Small, {
+    m: "zero",
+    color: "white"
+  }, description)), /*#__PURE__*/_react["default"].createElement("div", {
+    onMouseEnter: handleShowPopover,
+    onMouseLeave: handleHidePopover
+  }, children));
+}
+
+Popover.propTypes = {
+  children: _propTypes.node.isRequired,
+  title: _propTypes.string,
+  description: _propTypes.string.isRequired,
+
+  /** Position of the popover relative to the children. Accepted values: bottom-[start|center|end], left-[start|center|end], top-[start|center|end] or right-[start|center|end] */
+  position: (0, _propTypes.oneOf)(['bottom-start', 'bottom-center', 'bottom-end', 'left-start', 'left-center', 'left-end', 'top-start', 'top-center', 'top-end', 'right-start', 'right-center', 'right-end']),
+  width: _propTypes.number,
+  height: _propTypes.number
+};
+Popover.defaultProps = {
+  title: undefined,
+  position: 'bottom-center',
+  width: 265,
+  height: 116
+};
+var _default = Popover;
+exports["default"] = _default;

package/cjs/Popover/web/Popover.test.js

@@ -0,0 +1,27 @@
+"use strict";
+
+var _react = _interopRequireDefault(require("react"));
+
+var _react2 = require("@testing-library/react");
+
+var _yogaIcons = require("@gympass/yoga-icons");
+
+var _ = require("../..");
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+
+describe('<Popover />', function () {
+  it('should match snapshot', function () {
+    var _render = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_.ThemeProvider, null, /*#__PURE__*/_react["default"].createElement(_.Popover, {
+      title: "Making wellbeing universal",
+      description: "Try moving to another spot. Your new favorite activity could be arround the corner.",
+      width: 265
+    }, /*#__PURE__*/_react["default"].createElement(_yogaIcons.Info, {
+      width: 26,
+      height: 26
+    })))),
+        container = _render.container;
+
+    expect(container).toMatchSnapshot();
+  });
+});

package/cjs/Popover/web/index.js

@@ -0,0 +1,11 @@
+"use strict";
+
+exports.__esModule = true;
+exports["default"] = void 0;
+
+var _Popover = _interopRequireDefault(require("./Popover"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+
+var _default = _Popover["default"];
+exports["default"] = _default;

package/cjs/Popover/web/styles.js

@@ -0,0 +1,69 @@
+"use strict";
+
+exports.__esModule = true;
+exports.Wrapper = exports.PopoverContainer = void 0;
+
+var _styledComponents = _interopRequireWildcard(require("styled-components"));
+
+var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _templateObject10, _templateObject11, _templateObject12, _templateObject13, _templateObject14, _templateObject15;
+
+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; }
+
+function _taggedTemplateLiteralLoose(strings, raw) { if (!raw) { raw = strings.slice(0); } strings.raw = raw; return strings; }
+
+var Wrapper = _styledComponents["default"].div(_templateObject || (_templateObject = _taggedTemplateLiteralLoose(["\n  position: relative;\n"])));
+
+exports.Wrapper = Wrapper;
+var popoverContainerPositionModifier = {
+  'bottom-start': function bottomStart() {
+    return (0, _styledComponents.css)(_templateObject2 || (_templateObject2 = _taggedTemplateLiteralLoose(["\n    bottom: -8px;\n    left: 0;\n    transform: translate(0, 100%);\n  "])));
+  },
+  'bottom-center': function bottomCenter() {
+    return (0, _styledComponents.css)(_templateObject3 || (_templateObject3 = _taggedTemplateLiteralLoose(["\n    bottom: -8px;\n    left: 50%;\n    transform: translate(-50%, 100%);\n  "])));
+  },
+  'bottom-end': function bottomEnd() {
+    return (0, _styledComponents.css)(_templateObject4 || (_templateObject4 = _taggedTemplateLiteralLoose(["\n    bottom: -8px;\n    right: 0;\n    transform: translate(0, 100%);\n  "])));
+  },
+  'left-start': function leftStart() {
+    return (0, _styledComponents.css)(_templateObject5 || (_templateObject5 = _taggedTemplateLiteralLoose(["\n    left: -8px;\n    top: 0;\n    transform: translate(-100%, 0);\n  "])));
+  },
+  'left-center': function leftCenter() {
+    return (0, _styledComponents.css)(_templateObject6 || (_templateObject6 = _taggedTemplateLiteralLoose(["\n    left: -8px;\n    top: 50%;\n    transform: translate(-100%, -50%);\n  "])));
+  },
+  'left-end': function leftEnd() {
+    return (0, _styledComponents.css)(_templateObject7 || (_templateObject7 = _taggedTemplateLiteralLoose(["\n    bottom: 0;\n    left: -8px;\n    transform: translate(-100%, 0);\n  "])));
+  },
+  'top-start': function topStart() {
+    return (0, _styledComponents.css)(_templateObject8 || (_templateObject8 = _taggedTemplateLiteralLoose(["\n    left: 0;\n    top: -8px;\n    transform: translate(0, -100%);\n  "])));
+  },
+  'top-center': function topCenter() {
+    return (0, _styledComponents.css)(_templateObject9 || (_templateObject9 = _taggedTemplateLiteralLoose(["\n    left: 50%;\n    top: -8px;\n    transform: translate(-50%, -100%);\n  "])));
+  },
+  'top-end': function topEnd() {
+    return (0, _styledComponents.css)(_templateObject10 || (_templateObject10 = _taggedTemplateLiteralLoose(["\n    right: 0;\n    top: -8px;\n    transform: translate(0, -100%);\n  "])));
+  },
+  'right-start': function rightStart() {
+    return (0, _styledComponents.css)(_templateObject11 || (_templateObject11 = _taggedTemplateLiteralLoose(["\n    right: -8px;\n    top: 0;\n    transform: translate(100%, 0);\n  "])));
+  },
+  'right-center': function rightCenter() {
+    return (0, _styledComponents.css)(_templateObject12 || (_templateObject12 = _taggedTemplateLiteralLoose(["\n    right: -8px;\n    top: 50%;\n    transform: translate(100%, -50%);\n  "])));
+  },
+  'right-end': function rightEnd() {
+    return (0, _styledComponents.css)(_templateObject13 || (_templateObject13 = _taggedTemplateLiteralLoose(["\n    bottom: 0;\n    right: -8px;\n    transform: translate(100%, 0);\n  "])));
+  }
+};
+
+var PopoverContainer = _styledComponents["default"].div(_templateObject14 || (_templateObject14 = _taggedTemplateLiteralLoose(["\n  ", "\n"])), function (_ref) {
+  var _ref$theme$yoga = _ref.theme.yoga,
+      colors = _ref$theme$yoga.colors,
+      spacing = _ref$theme$yoga.spacing,
+      radii = _ref$theme$yoga.radii,
+      position = _ref.position,
+      width = _ref.width,
+      height = _ref.height;
+  return (0, _styledComponents.css)(_templateObject15 || (_templateObject15 = _taggedTemplateLiteralLoose(["\n    position: absolute;\n\n    width: max-content;\n    max-width: ", "px;\n    height: max-content;\n    max-height: ", "px;\n\n    border-radius: ", "px;\n    background-color: ", ";\n    padding: ", "px;\n\n    ", ";\n  "])), width, height, radii.small, colors.stamina, spacing.small, popoverContainerPositionModifier[position]);
+});
+
+exports.PopoverContainer = PopoverContainer;

package/cjs/Theme/theme/theme.js

@@ -5,6 +5,8 @@ exports["default"] = void 0;
 
 var _yogaCommon = require("@gympass/yoga-common");
 
+var _ActionRequirementTheme = _interopRequireDefault(require("./../../ActionRequirement/ActionRequirement.theme.js"));
+
 var _AutoCompleteTheme = _interopRequireDefault(require("./../../AutoComplete/AutoComplete.theme.js"));
 
 var _AvatarTheme = _interopRequireDefault(require("./../../Avatar/Avatar.theme.js"));
@@ -51,6 +53,8 @@ var _ListTheme = _interopRequireDefault(require("./../../List/List.theme.js"));
 
 var _MenuTheme = _interopRequireDefault(require("./../../Menu/Menu.theme.js"));
 
+var _PopoverTheme = _interopRequireDefault(require("./../../Popover/Popover.theme.js"));
+
 var _ProgressTheme = _interopRequireDefault(require("./../../Progress/Progress.theme.js"));
 
 var _RadioGroupTheme = _interopRequireDefault(require("./../../RadioGroup/RadioGroup.theme.js"));
@@ -78,6 +82,7 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "d
 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); }
 
 var componentThemes = {
+  ActionRequirement$ActionRequirement: _ActionRequirementTheme["default"],
   AutoComplete$AutoComplete: _AutoCompleteTheme["default"],
   Avatar$Avatar: _AvatarTheme["default"],
   Banner$Banner: _BannerTheme["default"],
@@ -101,6 +106,7 @@ var componentThemes = {
   Input$Input: _InputTheme["default"],
   List$List: _ListTheme["default"],
   Menu$Menu: _MenuTheme["default"],
+  Popover$Popover: _PopoverTheme["default"],
   Progress$Progress: _ProgressTheme["default"],
   RadioGroup$RadioGroup: _RadioGroupTheme["default"],
   Rating$Rating: _RatingTheme["default"],

package/cjs/index.js

@@ -143,6 +143,14 @@ var _Skeleton = _interopRequireDefault(require("./Skeleton"));
 
 exports.Skeleton = _Skeleton["default"];
 
+var _ActionRequirement = _interopRequireDefault(require("./ActionRequirement"));
+
+exports.ActionRequirement = _ActionRequirement["default"];
+
+var _Popover = _interopRequireDefault(require("./Popover"));
+
+exports.Popover = _Popover["default"];
+
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
 
 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); }

package/cjs/index.native.js

@@ -1 +1 @@
-var _interopRequireDefault=require("@babel/runtime/helpers/interopRequireDefault");Object.defineProperty(exports,"__esModule",{value:true});Object.defineProperty(exports,"Avatar",{enumerable:true,get:function get(){return _Avatar["default"];}});Object.defineProperty(exports,"Banner",{enumerable:true,get:function get(){return _Banner["default"];}});Object.defineProperty(exports,"Box",{enumerable:true,get:function get(){return _Box["default"];}});Object.defineProperty(exports,"Button",{enumerable:true,get:function get(){return _Button["default"];}});Object.defineProperty(exports,"Card",{enumerable:true,get:function get(){return _native.Card;}});Object.defineProperty(exports,"Checkbox",{enumerable:true,get:function get(){return _Checkbox["default"];}});Object.defineProperty(exports,"Chips",{enumerable:true,get:function get(){return _Chips["default"];}});Object.defineProperty(exports,"Divider",{enumerable:true,get:function get(){return _Divider["default"];}});Object.defineProperty(exports,"Dropdown",{enumerable:true,get:function get(){return _Dropdown["default"];}});Object.defineProperty(exports,"EventCard",{enumerable:true,get:function get(){return _native.EventCard;}});Object.defineProperty(exports,"GymCard",{enumerable:true,get:function get(){return _native.GymCard;}});Object.defineProperty(exports,"Icon",{enumerable:true,get:function get(){return _Icon["default"];}});Object.defineProperty(exports,"Input",{enumerable:true,get:function get(){return _Input["default"];}});Object.defineProperty(exports,"List",{enumerable:true,get:function get(){return _List["default"];}});Object.defineProperty(exports,"PlanCard",{enumerable:true,get:function get(){return _native.PlanCard;}});Object.defineProperty(exports,"Progress",{enumerable:true,get:function get(){return _Progress["default"];}});Object.defineProperty(exports,"RadioGroup",{enumerable:true,get:function get(){return _RadioGroup["default"];}});Object.defineProperty(exports,"Rating",{enumerable:true,get:function get(){return _Rating["default"];}});Object.defineProperty(exports,"Result",{enumerable:true,get:function get(){return _Result["default"];}});Object.defineProperty(exports,"Skeleton",{enumerable:true,get:function get(){return _Skeleton["default"];}});Object.defineProperty(exports,"Slider",{enumerable:true,get:function get(){return _Slider["default"];}});Object.defineProperty(exports,"Snackbar",{enumerable:true,get:function get(){return _Snackbar["default"];}});Object.defineProperty(exports,"Stepper",{enumerable:true,get:function get(){return _Stepper["default"];}});Object.defineProperty(exports,"Tag",{enumerable:true,get:function get(){return _Tag["default"];}});Object.defineProperty(exports,"Text",{enumerable:true,get:function get(){return _Text["default"];}});Object.defineProperty(exports,"TextArea",{enumerable:true,get:function get(){return _TextArea["default"];}});Object.defineProperty(exports,"ThemeProvider",{enumerable:true,get:function get(){return _Theme["default"];}});Object.defineProperty(exports,"createTheme",{enumerable:true,get:function get(){return _Theme.createTheme;}});Object.defineProperty(exports,"theme",{enumerable:true,get:function get(){return _Theme.theme;}});Object.defineProperty(exports,"yogaTheme",{enumerable:true,get:function get(){return _Theme.yogaTheme;}});var _Theme=_interopRequireWildcard(require("./Theme"));var _Button=_interopRequireDefault(require("./Button"));var _List=_interopRequireDefault(require("./List"));var _Checkbox=_interopRequireDefault(require("./Checkbox"));var _Slider=_interopRequireDefault(require("./Slider"));var _RadioGroup=_interopRequireDefault(require("./RadioGroup"));var _native=require("./Card/native");var _Stepper=_interopRequireDefault(require("./Stepper"));var _Text=_interopRequireDefault(require("./Text"));var _Rating=_interopRequireDefault(require("./Rating"));var _Tag=_interopRequireDefault(require("./Tag"));var _Input=_interopRequireDefault(require("./Input"));var _Progress=_interopRequireDefault(require("./Progress"));var _Dropdown=_interopRequireDefault(require("./Dropdown"));var _TextArea=_interopRequireDefault(require("./TextArea"));var _Icon=_interopRequireDefault(require("./Icon"));var _Chips=_interopRequireDefault(require("./Chips"));var _Box=_interopRequireDefault(require("./Box"));var _Avatar=_interopRequireDefault(require("./Avatar"));var _Result=_interopRequireDefault(require("./Result"));var _Divider=_interopRequireDefault(require("./Divider"));var _Snackbar=_interopRequireDefault(require("./Snackbar"));var _Banner=_interopRequireDefault(require("./Banner"));var _Skeleton=_interopRequireDefault(require("./Skeleton"));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 _interopRequireDefault=require("@babel/runtime/helpers/interopRequireDefault");Object.defineProperty(exports,"__esModule",{value:true});Object.defineProperty(exports,"ActionRequirement",{enumerable:true,get:function get(){return _ActionRequirement["default"];}});Object.defineProperty(exports,"Avatar",{enumerable:true,get:function get(){return _Avatar["default"];}});Object.defineProperty(exports,"Banner",{enumerable:true,get:function get(){return _Banner["default"];}});Object.defineProperty(exports,"Box",{enumerable:true,get:function get(){return _Box["default"];}});Object.defineProperty(exports,"Button",{enumerable:true,get:function get(){return _Button["default"];}});Object.defineProperty(exports,"Card",{enumerable:true,get:function get(){return _native.Card;}});Object.defineProperty(exports,"Checkbox",{enumerable:true,get:function get(){return _Checkbox["default"];}});Object.defineProperty(exports,"Chips",{enumerable:true,get:function get(){return _Chips["default"];}});Object.defineProperty(exports,"Divider",{enumerable:true,get:function get(){return _Divider["default"];}});Object.defineProperty(exports,"Dropdown",{enumerable:true,get:function get(){return _Dropdown["default"];}});Object.defineProperty(exports,"EventCard",{enumerable:true,get:function get(){return _native.EventCard;}});Object.defineProperty(exports,"GymCard",{enumerable:true,get:function get(){return _native.GymCard;}});Object.defineProperty(exports,"Icon",{enumerable:true,get:function get(){return _Icon["default"];}});Object.defineProperty(exports,"Input",{enumerable:true,get:function get(){return _Input["default"];}});Object.defineProperty(exports,"List",{enumerable:true,get:function get(){return _List["default"];}});Object.defineProperty(exports,"PlanCard",{enumerable:true,get:function get(){return _native.PlanCard;}});Object.defineProperty(exports,"Progress",{enumerable:true,get:function get(){return _Progress["default"];}});Object.defineProperty(exports,"RadioGroup",{enumerable:true,get:function get(){return _RadioGroup["default"];}});Object.defineProperty(exports,"Rating",{enumerable:true,get:function get(){return _Rating["default"];}});Object.defineProperty(exports,"Result",{enumerable:true,get:function get(){return _Result["default"];}});Object.defineProperty(exports,"Skeleton",{enumerable:true,get:function get(){return _Skeleton["default"];}});Object.defineProperty(exports,"Slider",{enumerable:true,get:function get(){return _Slider["default"];}});Object.defineProperty(exports,"Snackbar",{enumerable:true,get:function get(){return _Snackbar["default"];}});Object.defineProperty(exports,"Stepper",{enumerable:true,get:function get(){return _Stepper["default"];}});Object.defineProperty(exports,"Tag",{enumerable:true,get:function get(){return _Tag["default"];}});Object.defineProperty(exports,"Text",{enumerable:true,get:function get(){return _Text["default"];}});Object.defineProperty(exports,"TextArea",{enumerable:true,get:function get(){return _TextArea["default"];}});Object.defineProperty(exports,"ThemeProvider",{enumerable:true,get:function get(){return _Theme["default"];}});Object.defineProperty(exports,"createTheme",{enumerable:true,get:function get(){return _Theme.createTheme;}});Object.defineProperty(exports,"theme",{enumerable:true,get:function get(){return _Theme.theme;}});Object.defineProperty(exports,"yogaTheme",{enumerable:true,get:function get(){return _Theme.yogaTheme;}});var _Theme=_interopRequireWildcard(require("./Theme"));var _Button=_interopRequireDefault(require("./Button"));var _List=_interopRequireDefault(require("./List"));var _Checkbox=_interopRequireDefault(require("./Checkbox"));var _Slider=_interopRequireDefault(require("./Slider"));var _RadioGroup=_interopRequireDefault(require("./RadioGroup"));var _native=require("./Card/native");var _Stepper=_interopRequireDefault(require("./Stepper"));var _Text=_interopRequireDefault(require("./Text"));var _Rating=_interopRequireDefault(require("./Rating"));var _Tag=_interopRequireDefault(require("./Tag"));var _Input=_interopRequireDefault(require("./Input"));var _Progress=_interopRequireDefault(require("./Progress"));var _Dropdown=_interopRequireDefault(require("./Dropdown"));var _TextArea=_interopRequireDefault(require("./TextArea"));var _Icon=_interopRequireDefault(require("./Icon"));var _Chips=_interopRequireDefault(require("./Chips"));var _Box=_interopRequireDefault(require("./Box"));var _Avatar=_interopRequireDefault(require("./Avatar"));var _Result=_interopRequireDefault(require("./Result"));var _Divider=_interopRequireDefault(require("./Divider"));var _Snackbar=_interopRequireDefault(require("./Snackbar"));var _Banner=_interopRequireDefault(require("./Banner"));var _Skeleton=_interopRequireDefault(require("./Skeleton"));var _ActionRequirement=_interopRequireDefault(require("./ActionRequirement"));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;}

package/esm/ActionRequirement/ActionRequirement.theme.js

@@ -0,0 +1,5 @@
+var ActionRequirement = function ActionRequirement() {
+  return {};
+};
+
+export default ActionRequirement;

package/esm/ActionRequirement/index.js

@@ -0,0 +1,2 @@
+import ActionRequirement from './web';
+export default ActionRequirement;

package/esm/ActionRequirement/index.native.js

@@ -0,0 +1,2 @@
+import ActionRequirement from './native';
+export default ActionRequirement;

package/esm/ActionRequirement/native/ActionRequirement.js

@@ -0,0 +1,48 @@
+var _templateObject;
+
+function _taggedTemplateLiteralLoose(strings, raw) { if (!raw) { raw = strings.slice(0); } strings.raw = raw; return strings; }
+
+import React from 'react';
+import { arrayOf, node, oneOfType, string } from 'prop-types';
+import styled from 'styled-components/native';
+import { View } from 'react-native';
+import Box from '../../Box';
+import { Title } from './ActionRequirementStyles';
+import Text from '../../Text';
+var StyledActionRequirement = styled.View(_templateObject || (_templateObject = _taggedTemplateLiteralLoose([""])));
+
+function ActionRequirement(props) {
+  var title = props.title,
+      description = props.description,
+      children = props.children,
+      checkable = props.checkable,
+      illustration = props.illustration,
+      list = props.list;
+  return /*#__PURE__*/React.createElement(StyledActionRequirement, props, illustration && /*#__PURE__*/React.createElement(Box, null, illustration), /*#__PURE__*/React.createElement(Title, null, title), /*#__PURE__*/React.createElement(Text, {
+    mt: "small",
+    color: "deep"
+  }, description), /*#__PURE__*/React.createElement(Text, {
+    mt: "small",
+    color: "deep"
+  }, list && /*#__PURE__*/React.createElement(Box, {
+    mt: "xxxlarge"
+  }, list)), checkable && /*#__PURE__*/React.createElement(Box, {
+    mt: "xxxlarge"
+  }, checkable), /*#__PURE__*/React.createElement(View, null, children));
+}
+
+ActionRequirement.propTypes = {
+  title: string.isRequired,
+  children: oneOfType([arrayOf(node), node]),
+  description: string.isRequired,
+  checkable: oneOfType([arrayOf(node), node]),
+  illustration: oneOfType([arrayOf(node), node]),
+  list: oneOfType([arrayOf(node), node])
+};
+ActionRequirement.defaultProps = {
+  children: undefined,
+  checkable: undefined,
+  illustration: undefined,
+  list: undefined
+};
+export default ActionRequirement;

package/esm/ActionRequirement/native/ActionRequirement.test.js

@@ -0,0 +1,45 @@
+import React from 'react';
+import { render } from '@testing-library/react-native';
+import { Box, Checkbox, Text } from '@gympass/yoga';
+import { Img2d01 } from '@gympass/yoga-illustrations';
+import { Dumbbell, User, Star } from '@gympass/yoga-icons';
+import { ThemeProvider } from '../..';
+import ActionRequirement from './ActionRequirement';
+
+function handleGetCheckableContent() {
+  return /*#__PURE__*/React.createElement(Box, {
+    display: "flex",
+    flexDirection: "row",
+    alignItems: "center"
+  }, /*#__PURE__*/React.createElement(Checkbox, null), /*#__PURE__*/React.createElement(Text, null, "I have read and agree to the Terms of Use and Privacy Policy."));
+}
+
+function handleGetIllustration() {
+  return /*#__PURE__*/React.createElement(Img2d01, {
+    width: 375,
+    height: 375
+  });
+}
+
+function handleGetList() {
+  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Text, null, /*#__PURE__*/React.createElement(Dumbbell, null), " 1x/day standard access"), /*#__PURE__*/React.createElement(Text, {
+    mt: "small"
+  }, /*#__PURE__*/React.createElement(User, null), " 4x/month 1-on-1 sessions"), /*#__PURE__*/React.createElement(Text, {
+    mt: "small"
+  }, /*#__PURE__*/React.createElement(Star, null), " 2x/month premium classes"));
+}
+
+describe('<ActionRequirement />', function () {
+  it('should match snapshot', function () {
+    var _render = render( /*#__PURE__*/React.createElement(ThemeProvider, null, /*#__PURE__*/React.createElement(ActionRequirement, {
+      title: "Welcome to the world of feeling good!",
+      description: "Lets make it a good day!",
+      illustration: handleGetIllustration(),
+      checkable: handleGetCheckableContent(),
+      list: handleGetList()
+    }))),
+        toJSON = _render.toJSON;
+
+    expect(toJSON()).toMatchSnapshot();
+  });
+});

package/esm/ActionRequirement/native/ActionRequirementStyles.js

@@ -0,0 +1,25 @@
+var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8;
+
+function _taggedTemplateLiteralLoose(strings, raw) { if (!raw) { raw = strings.slice(0); } strings.raw = raw; return strings; }
+
+import styled, { css } from 'styled-components';
+import Text from '../../Text/index.native';
+import Box from '../../Box/index.native';
+import Button from '../../Button/index.native';
+export var Title = styled(Text.H4)(_templateObject || (_templateObject = _taggedTemplateLiteralLoose(["\n  ", "\n"])), function (_ref) {
+  var fontSizes = _ref.theme.yoga.fontSizes;
+  return css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteralLoose(["\n    @media (min-width: 769px) {\n      max-width: 700px;\n      font-size: ", "px;\n      line-height: ", "px;\n    }\n  "])), fontSizes.huge, fontSizes.huge);
+});
+export var Actions = styled(Box)(_templateObject3 || (_templateObject3 = _taggedTemplateLiteralLoose(["\n  ", "\n"])), function (_ref2) {
+  var spacing = _ref2.theme.yoga.spacing;
+  return css(_templateObject4 || (_templateObject4 = _taggedTemplateLiteralLoose(["\n    display: flex;\n    flex-direction: column;\n\n    @media (min-width: 769px) {\n      flex-direction: row;\n      margin-top: ", "px;\n    }\n  "])), spacing.xlarge);
+});
+var buttonsStyles = css(_templateObject5 || (_templateObject5 = _taggedTemplateLiteralLoose(["\n  ", "\n"])), function (_ref3) {
+  var spacing = _ref3.theme.yoga.spacing;
+  return css(_templateObject6 || (_templateObject6 = _taggedTemplateLiteralLoose(["\n    width: 100%;\n\n    :last-child(:not(:first-child)) {\n      margin-top: ", "px;\n    }\n\n    @media (min-width: 769px) {\n      width: auto;\n\n      :last-child(:not(:first-child)) {\n        margin-top: 0;\n        margin-left: ", "px;\n      }\n    }\n  "])), spacing.small, spacing.large);
+});
+export var PrimaryButton = styled(Button)(_templateObject7 || (_templateObject7 = _taggedTemplateLiteralLoose(["\n  ", "\n"])), buttonsStyles);
+export var SecondaryButton = styled(Button.Text)(_templateObject8 || (_templateObject8 = _taggedTemplateLiteralLoose(["\n  ", "\n"])), buttonsStyles);
+Title.displayName = 'ActionRequirement.Title';
+PrimaryButton.displayName = 'ActionRequirement.PrimaryButton';
+SecondaryButton.displayName = 'ActionRequirement.SecondaryButton';

package/esm/ActionRequirement/native/index.js

@@ -0,0 +1,6 @@
+import ActionRequirement from './ActionRequirement';
+import { Title, PrimaryButton, SecondaryButton } from './ActionRequirementStyles';
+ActionRequirement.Title = Title;
+ActionRequirement.PrimaryButton = PrimaryButton;
+ActionRequirement.SecondaryButton = SecondaryButton;
+export default ActionRequirement;

package/esm/ActionRequirement/web/ActionRequirement.js

@@ -0,0 +1,64 @@
+var _templateObject;
+
+function _taggedTemplateLiteralLoose(strings, raw) { if (!raw) { raw = strings.slice(0); } strings.raw = raw; return strings; }
+
+import React from 'react';
+import { arrayOf, node, oneOfType, string } from 'prop-types';
+import styled from 'styled-components';
+import { Actions, Title, PrimaryButton, SecondaryButton } from './ActionRequirementStyles';
+import Text from '../../Text';
+import Box from '../../Box';
+var StyledActionRequirement = styled.div(_templateObject || (_templateObject = _taggedTemplateLiteralLoose([""])));
+
+function isChildFromComponent(child, component) {
+  return child.type.displayName === component.displayName;
+}
+
+function ActionRequirement(props) {
+  var title = props.title,
+      description = props.description,
+      children = props.children,
+      checkable = props.checkable,
+      illustration = props.illustration,
+      list = props.list;
+  var primaryButton;
+  var secondaryButton;
+
+  function defineCompoundComponents() {
+    React.Children.forEach(children, function (child) {
+      if (isChildFromComponent(child, PrimaryButton)) primaryButton = child;
+      if (isChildFromComponent(child, SecondaryButton)) secondaryButton = child;
+    });
+  }
+
+  defineCompoundComponents();
+  return /*#__PURE__*/React.createElement(StyledActionRequirement, props, illustration && /*#__PURE__*/React.createElement(Box, null, illustration), /*#__PURE__*/React.createElement(Title, null, title), /*#__PURE__*/React.createElement(Text, {
+    mt: "small",
+    color: "deep"
+  }, description), /*#__PURE__*/React.createElement(Text, {
+    mt: "small",
+    color: "deep"
+  }, list && /*#__PURE__*/React.createElement(Box, {
+    mt: "xxxlarge"
+  }, list)), checkable && /*#__PURE__*/React.createElement(Box, {
+    mt: "xxxlarge"
+  }, checkable), /*#__PURE__*/React.createElement(Actions, {
+    mt: "xlarge"
+  }, primaryButton, secondaryButton));
+}
+
+ActionRequirement.propTypes = {
+  title: string.isRequired,
+  children: oneOfType([arrayOf(node), node]),
+  description: string.isRequired,
+  checkable: oneOfType([arrayOf(node), node]),
+  illustration: oneOfType([arrayOf(node), node]),
+  list: oneOfType([arrayOf(node), node])
+};
+ActionRequirement.defaultProps = {
+  children: undefined,
+  checkable: undefined,
+  illustration: undefined,
+  list: undefined
+};
+export default ActionRequirement;

package/esm/ActionRequirement/web/ActionRequirement.test.js

@@ -0,0 +1,12 @@
+import React from 'react';
+import { render } from '@testing-library/react';
+import { ThemeProvider } from '../..';
+import ActionRequirement from './ActionRequirement';
+describe('<ActionRequirement />', function () {
+  it('should match snapshot', function () {
+    var _render = render( /*#__PURE__*/React.createElement(ThemeProvider, null, /*#__PURE__*/React.createElement(ActionRequirement, null))),
+        container = _render.container;
+
+    expect(container).toMatchSnapshot();
+  });
+});

package/esm/ActionRequirement/web/ActionRequirementStyles.js

@@ -0,0 +1,27 @@
+var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8;
+
+function _taggedTemplateLiteralLoose(strings, raw) { if (!raw) { raw = strings.slice(0); } strings.raw = raw; return strings; }
+
+import styled, { css } from 'styled-components';
+import Text from '../../Text';
+import Box from '../../Box';
+import Button from '../../Button';
+export var Title = styled(Text.H4).attrs({
+  as: 'p'
+})(_templateObject || (_templateObject = _taggedTemplateLiteralLoose(["\n  ", "\n"])), function (_ref) {
+  var fontSizes = _ref.theme.yoga.fontSizes;
+  return css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteralLoose(["\n    @media (min-width: 769px) {\n      max-width: 700px;\n      font-size: ", "px;\n      line-height: ", "px;\n    }\n  "])), fontSizes.huge, fontSizes.huge);
+});
+export var Actions = styled(Box)(_templateObject3 || (_templateObject3 = _taggedTemplateLiteralLoose(["\n  ", "\n"])), function (_ref2) {
+  var spacing = _ref2.theme.yoga.spacing;
+  return css(_templateObject4 || (_templateObject4 = _taggedTemplateLiteralLoose(["\n    display: flex;\n    flex-direction: column;\n\n    @media (min-width: 769px) {\n      flex-direction: row;\n      margin-top: ", "px;\n    }\n  "])), spacing.xlarge);
+});
+var buttonsStyles = css(_templateObject5 || (_templateObject5 = _taggedTemplateLiteralLoose(["\n  ", "\n"])), function (_ref3) {
+  var spacing = _ref3.theme.yoga.spacing;
+  return css(_templateObject6 || (_templateObject6 = _taggedTemplateLiteralLoose(["\n    width: 100%;\n\n    :last-child(:not(:first-child)) {\n      margin-top: ", "px;\n    }\n\n    @media (min-width: 769px) {\n      width: auto;\n\n      :last-child(:not(:first-child)) {\n        margin-top: 0;\n        margin-left: ", "px;\n      }\n    }\n  "])), spacing.small, spacing.large);
+});
+export var PrimaryButton = styled(Button)(_templateObject7 || (_templateObject7 = _taggedTemplateLiteralLoose(["\n  ", "\n"])), buttonsStyles);
+export var SecondaryButton = styled(Button.Text)(_templateObject8 || (_templateObject8 = _taggedTemplateLiteralLoose(["\n  ", "\n"])), buttonsStyles);
+Title.displayName = 'ActionRequirement.Title';
+PrimaryButton.displayName = 'ActionRequirement.PrimaryButton';
+SecondaryButton.displayName = 'ActionRequirement.SecondaryButton';

package/esm/ActionRequirement/web/index.js

@@ -0,0 +1,6 @@
+import ActionRequirement from './ActionRequirement';
+import { Title, PrimaryButton, SecondaryButton } from './ActionRequirementStyles';
+ActionRequirement.Title = Title;
+ActionRequirement.PrimaryButton = PrimaryButton;
+ActionRequirement.SecondaryButton = SecondaryButton;
+export default ActionRequirement;

package/esm/Popover/Popover.theme.js

@@ -0,0 +1,5 @@
+var Popover = function Popover() {
+  return {};
+};
+
+export default Popover;

package/esm/Popover/index.js

@@ -0,0 +1,2 @@
+import Popover from './web';
+export default Popover;

package/esm/Popover/web/Popover.js

@@ -0,0 +1,65 @@
+var _excluded = ["children", "title", "description", "position", "width", "height"];
+
+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; }
+
+import React, { useState } from 'react';
+import { node, number, oneOf, string } from 'prop-types';
+import { Text } from '@gympass/yoga';
+import { PopoverContainer, Wrapper } from './styles';
+
+function Popover(_ref) {
+  var children = _ref.children,
+      title = _ref.title,
+      description = _ref.description,
+      position = _ref.position,
+      width = _ref.width,
+      height = _ref.height,
+      props = _objectWithoutPropertiesLoose(_ref, _excluded);
+
+  var _useState = useState(false),
+      isPopoverOpen = _useState[0],
+      setIsPopoverOpen = _useState[1];
+
+  function handleShowPopover() {
+    setIsPopoverOpen(true);
+  }
+
+  function handleHidePopover() {
+    setIsPopoverOpen(false);
+  }
+
+  return /*#__PURE__*/React.createElement(Wrapper, props, isPopoverOpen && /*#__PURE__*/React.createElement(PopoverContainer, {
+    position: position,
+    width: width,
+    height: height,
+    role: "tooltip"
+  }, !!title && /*#__PURE__*/React.createElement(Text.Small, {
+    mb: "xxxsmall",
+    fw: "medium",
+    color: "white"
+  }, title), /*#__PURE__*/React.createElement(Text.Small, {
+    m: "zero",
+    color: "white"
+  }, description)), /*#__PURE__*/React.createElement("div", {
+    onMouseEnter: handleShowPopover,
+    onMouseLeave: handleHidePopover
+  }, children));
+}
+
+Popover.propTypes = {
+  children: node.isRequired,
+  title: string,
+  description: string.isRequired,
+
+  /** Position of the popover relative to the children. Accepted values: bottom-[start|center|end], left-[start|center|end], top-[start|center|end] or right-[start|center|end] */
+  position: oneOf(['bottom-start', 'bottom-center', 'bottom-end', 'left-start', 'left-center', 'left-end', 'top-start', 'top-center', 'top-end', 'right-start', 'right-center', 'right-end']),
+  width: number,
+  height: number
+};
+Popover.defaultProps = {
+  title: undefined,
+  position: 'bottom-center',
+  width: 265,
+  height: 116
+};
+export default Popover;

package/esm/Popover/web/Popover.test.js

@@ -0,0 +1,19 @@
+import React from 'react';
+import { render } from '@testing-library/react';
+import { Info } from '@gympass/yoga-icons';
+import { ThemeProvider, Popover } from '../..';
+describe('<Popover />', function () {
+  it('should match snapshot', function () {
+    var _render = render( /*#__PURE__*/React.createElement(ThemeProvider, null, /*#__PURE__*/React.createElement(Popover, {
+      title: "Making wellbeing universal",
+      description: "Try moving to another spot. Your new favorite activity could be arround the corner.",
+      width: 265
+    }, /*#__PURE__*/React.createElement(Info, {
+      width: 26,
+      height: 26
+    })))),
+        container = _render.container;
+
+    expect(container).toMatchSnapshot();
+  });
+});

package/esm/Popover/web/index.js

@@ -0,0 +1,2 @@
+import Popover from './Popover';
+export default Popover;

package/esm/Popover/web/styles.js

@@ -0,0 +1,54 @@
+var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _templateObject10, _templateObject11, _templateObject12, _templateObject13, _templateObject14, _templateObject15;
+
+function _taggedTemplateLiteralLoose(strings, raw) { if (!raw) { raw = strings.slice(0); } strings.raw = raw; return strings; }
+
+import styled, { css } from 'styled-components';
+export var Wrapper = styled.div(_templateObject || (_templateObject = _taggedTemplateLiteralLoose(["\n  position: relative;\n"])));
+var popoverContainerPositionModifier = {
+  'bottom-start': function bottomStart() {
+    return css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteralLoose(["\n    bottom: -8px;\n    left: 0;\n    transform: translate(0, 100%);\n  "])));
+  },
+  'bottom-center': function bottomCenter() {
+    return css(_templateObject3 || (_templateObject3 = _taggedTemplateLiteralLoose(["\n    bottom: -8px;\n    left: 50%;\n    transform: translate(-50%, 100%);\n  "])));
+  },
+  'bottom-end': function bottomEnd() {
+    return css(_templateObject4 || (_templateObject4 = _taggedTemplateLiteralLoose(["\n    bottom: -8px;\n    right: 0;\n    transform: translate(0, 100%);\n  "])));
+  },
+  'left-start': function leftStart() {
+    return css(_templateObject5 || (_templateObject5 = _taggedTemplateLiteralLoose(["\n    left: -8px;\n    top: 0;\n    transform: translate(-100%, 0);\n  "])));
+  },
+  'left-center': function leftCenter() {
+    return css(_templateObject6 || (_templateObject6 = _taggedTemplateLiteralLoose(["\n    left: -8px;\n    top: 50%;\n    transform: translate(-100%, -50%);\n  "])));
+  },
+  'left-end': function leftEnd() {
+    return css(_templateObject7 || (_templateObject7 = _taggedTemplateLiteralLoose(["\n    bottom: 0;\n    left: -8px;\n    transform: translate(-100%, 0);\n  "])));
+  },
+  'top-start': function topStart() {
+    return css(_templateObject8 || (_templateObject8 = _taggedTemplateLiteralLoose(["\n    left: 0;\n    top: -8px;\n    transform: translate(0, -100%);\n  "])));
+  },
+  'top-center': function topCenter() {
+    return css(_templateObject9 || (_templateObject9 = _taggedTemplateLiteralLoose(["\n    left: 50%;\n    top: -8px;\n    transform: translate(-50%, -100%);\n  "])));
+  },
+  'top-end': function topEnd() {
+    return css(_templateObject10 || (_templateObject10 = _taggedTemplateLiteralLoose(["\n    right: 0;\n    top: -8px;\n    transform: translate(0, -100%);\n  "])));
+  },
+  'right-start': function rightStart() {
+    return css(_templateObject11 || (_templateObject11 = _taggedTemplateLiteralLoose(["\n    right: -8px;\n    top: 0;\n    transform: translate(100%, 0);\n  "])));
+  },
+  'right-center': function rightCenter() {
+    return css(_templateObject12 || (_templateObject12 = _taggedTemplateLiteralLoose(["\n    right: -8px;\n    top: 50%;\n    transform: translate(100%, -50%);\n  "])));
+  },
+  'right-end': function rightEnd() {
+    return css(_templateObject13 || (_templateObject13 = _taggedTemplateLiteralLoose(["\n    bottom: 0;\n    right: -8px;\n    transform: translate(100%, 0);\n  "])));
+  }
+};
+export var PopoverContainer = styled.div(_templateObject14 || (_templateObject14 = _taggedTemplateLiteralLoose(["\n  ", "\n"])), function (_ref) {
+  var _ref$theme$yoga = _ref.theme.yoga,
+      colors = _ref$theme$yoga.colors,
+      spacing = _ref$theme$yoga.spacing,
+      radii = _ref$theme$yoga.radii,
+      position = _ref.position,
+      width = _ref.width,
+      height = _ref.height;
+  return css(_templateObject15 || (_templateObject15 = _taggedTemplateLiteralLoose(["\n    position: absolute;\n\n    width: max-content;\n    max-width: ", "px;\n    height: max-content;\n    max-height: ", "px;\n\n    border-radius: ", "px;\n    background-color: ", ";\n    padding: ", "px;\n\n    ", ";\n  "])), width, height, radii.small, colors.stamina, spacing.small, popoverContainerPositionModifier[position]);
+});

package/esm/Theme/theme/theme.js

@@ -2,6 +2,7 @@ function _extends() { _extends = Object.assign ? Object.assign.bind() : function
 
 /* eslint-disable prefer-destructuring */
 import { merge } from '@gympass/yoga-common';
+import _componentThemes_ActionRequirement$ActionRequirement from "./../../ActionRequirement/ActionRequirement.theme.js";
 import _componentThemes_AutoComplete$AutoComplete from "./../../AutoComplete/AutoComplete.theme.js";
 import _componentThemes_Avatar$Avatar from "./../../Avatar/Avatar.theme.js";
 import _componentThemes_Banner$Banner from "./../../Banner/Banner.theme.js";
@@ -25,6 +26,7 @@ import _componentThemes_Icon$Icon from "./../../Icon/Icon.theme.js";
 import _componentThemes_Input$Input from "./../../Input/Input.theme.js";
 import _componentThemes_List$List from "./../../List/List.theme.js";
 import _componentThemes_Menu$Menu from "./../../Menu/Menu.theme.js";
+import _componentThemes_Popover$Popover from "./../../Popover/Popover.theme.js";
 import _componentThemes_Progress$Progress from "./../../Progress/Progress.theme.js";
 import _componentThemes_RadioGroup$RadioGroup from "./../../RadioGroup/RadioGroup.theme.js";
 import _componentThemes_Rating$Rating from "./../../Rating/Rating.theme.js";
@@ -37,6 +39,7 @@ import _componentThemes_Tag$Tag from "./../../Tag/Tag.theme.js";
 import _componentThemes_Text$Text from "./../../Text/Text.theme.js";
 import _componentThemes_TextArea$TextArea from "./../../TextArea/TextArea.theme.js";
 var componentThemes = {
+  ActionRequirement$ActionRequirement: _componentThemes_ActionRequirement$ActionRequirement,
   AutoComplete$AutoComplete: _componentThemes_AutoComplete$AutoComplete,
   Avatar$Avatar: _componentThemes_Avatar$Avatar,
   Banner$Banner: _componentThemes_Banner$Banner,
@@ -60,6 +63,7 @@ var componentThemes = {
   Input$Input: _componentThemes_Input$Input,
   List$List: _componentThemes_List$List,
   Menu$Menu: _componentThemes_Menu$Menu,
+  Popover$Popover: _componentThemes_Popover$Popover,
   Progress$Progress: _componentThemes_Progress$Progress,
   RadioGroup$RadioGroup: _componentThemes_RadioGroup$RadioGroup,
   Rating$Rating: _componentThemes_Rating$Rating,

package/esm/index.js

@@ -31,4 +31,6 @@ import Feedback from './Feedback';
 import Datepicker from './Datepicker';
 import Drawer from './Drawer';
 import Skeleton from './Skeleton';
-export { ThemeProvider, FontLoader, createTheme, yogaTheme, theme, Button, List, Checkbox, RadioGroup, Slider, Card, PlanCard, Stepper, Container, Row, Col, Hide, Text, Rating, EventCard, Tag, Input, Progress, Dropdown, TextArea, AutoComplete, Icon, Chips, Box, Snackbar, Avatar, BottomSheet, Dialog, Divider, Header, Menu, Banner, Heading, Feedback, Datepicker, Drawer, Skeleton };
+import ActionRequirement from './ActionRequirement';
+import Popover from './Popover';
+export { ThemeProvider, FontLoader, createTheme, yogaTheme, theme, Button, List, Checkbox, RadioGroup, Slider, Card, PlanCard, Stepper, Container, Row, Col, Hide, Text, Rating, EventCard, Tag, Input, Progress, Dropdown, TextArea, AutoComplete, Icon, Chips, Box, Snackbar, Avatar, BottomSheet, Dialog, Divider, Header, Menu, Banner, Heading, Feedback, Datepicker, Drawer, Skeleton, ActionRequirement, Popover };

package/esm/index.native.js

@@ -22,4 +22,5 @@ import Divider from './Divider';
 import Snackbar from './Snackbar';
 import Banner from './Banner';
 import Skeleton from './Skeleton';
-export { ThemeProvider, yogaTheme, createTheme, theme, Button, List, Checkbox, RadioGroup, Slider, Card, PlanCard, EventCard, GymCard, Stepper, Text, Rating, Tag, Input, Progress, Dropdown, TextArea, Icon, Chips, Box, Avatar, Result, Divider, Snackbar, Banner, Skeleton };
+import ActionRequirement from './ActionRequirement';
+export { ThemeProvider, yogaTheme, createTheme, theme, Button, List, Checkbox, RadioGroup, Slider, Card, PlanCard, EventCard, GymCard, Stepper, Text, Rating, Tag, Input, Progress, Dropdown, TextArea, Icon, Chips, Box, Avatar, Result, Divider, Snackbar, Banner, Skeleton, ActionRequirement };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@gympass/yoga",
-  "version": "7.51.1",
+  "version": "7.53.0",
   "description": "Gympass component library",
   "main": "./cjs",
   "sideEffects": false,
@@ -52,7 +52,7 @@
     "react": ">=16",
     "styled-components": "^4.4.0"
   },
-  "gitHead": "ad993d885de0b5bcab2650b2df0282239c233128",
+  "gitHead": "545504e792fa70a3b8e3b73fa13213a08a1c5421",
   "module": "./esm",
   "private": false,
   "react-native": "./cjs/index.native.js"