@gympass/yoga 7.52.0 → 7.53.0

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

@@ -53,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"));
@@ -104,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

@@ -147,6 +147,10 @@ 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/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

@@ -26,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";
@@ -62,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

@@ -32,4 +32,5 @@ import Datepicker from './Datepicker';
 import Drawer from './Drawer';
 import Skeleton from './Skeleton';
 import ActionRequirement from './ActionRequirement';
-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 };
+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/package.json

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