@gympass/yoga 7.60.0 → 7.61.0

package/cjs/Drawer/web/Content.js

@@ -13,10 +13,7 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "d
 
 function _taggedTemplateLiteralLoose(strings, raw) { if (!raw) { raw = strings.slice(0); } strings.raw = raw; return strings; }
 
-var Content = (0, _styledComponents["default"])(_Dialog["default"].Content)(_templateObject || (_templateObject = _taggedTemplateLiteralLoose(["\n  ", "\n  margin: 0;\n  height: 100%;\n  width: 100%;\n  align-self: flex-start;\n  text-align: left;\n"])), function (_ref) {
-  var drawer = _ref.theme.yoga.components.drawer;
-  return "\n    ";
-});
+var Content = (0, _styledComponents["default"])(_Dialog["default"].Content)(_templateObject || (_templateObject = _taggedTemplateLiteralLoose(["\n  margin: 0;\n  height: 100%;\n  width: 100%;\n  align-self: flex-start;\n  text-align: left;\n"])));
 Content.displayName = 'Drawer.Content';
 var _default = Content;
 exports["default"] = _default;

package/cjs/Menu/web/Menu.js

@@ -44,7 +44,7 @@ var Menu = function Menu(_ref) {
 Menu.propTypes = {
   children: _propTypes.node.isRequired,
 
-  /** when mouse hover menu open as deafault is true */
+  /** when mouse hover menu open as default is true */
   onMouseHover: _propTypes.bool
 };
 Menu.defaultProps = {

package/cjs/Menu/web/MenuList.js

@@ -24,23 +24,26 @@ function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj &&
 function _taggedTemplateLiteralLoose(strings, raw) { if (!raw) { raw = strings.slice(0); } strings.raw = raw; return strings; }
 
 var StyledMenuList = (0, _styledComponents["default"])(_reactDropdownMenu.Content)(_templateObject || (_templateObject = _taggedTemplateLiteralLoose(["\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  ", "\n"])), function (_ref) {
-  var _ref$theme$yoga = _ref.theme.yoga,
+  var zIndex = _ref.zIndex,
+      _ref$theme$yoga = _ref.theme.yoga,
       menu = _ref$theme$yoga.components.menu,
       elevations = _ref$theme$yoga.elevations;
-  return "\n    margin: " + menu.margin["default"] + "px 0;\n    padding: 0;\n    min-width: " + menu.width.min + "px;\n    max-width: " + menu.width.max + "px;\n    border-radius: " + menu.border.radius + "px;\n\n    background-color: " + menu.backgroundColor.white + ";\n    box-shadow: " + elevations.small + "\n  ";
+  return "\n    margin: " + menu.margin["default"] + "px 0;\n    padding: 0;\n    min-width: " + menu.width.min + "px;\n    max-width: " + menu.width.max + "px;\n    border-radius: " + menu.border.radius + "px;\n\n    background-color: " + menu.backgroundColor.white + ";\n    box-shadow: " + elevations.small + "\n    z-index: " + zIndex + ";\n\n  ";
 });
 var MenuList = /*#__PURE__*/(0, _react.forwardRef)(function (_ref2, ref) {
   var children = _ref2.children,
       align = _ref2.align,
       alignOffset = _ref2.alignOffset,
       side = _ref2.side,
-      sideOffset = _ref2.sideOffset;
+      sideOffset = _ref2.sideOffset,
+      zIndex = _ref2.zIndex;
   return /*#__PURE__*/_react["default"].createElement(_reactDropdownMenu.Portal, null, /*#__PURE__*/_react["default"].createElement(StyledMenuList, {
+    align: align,
+    alignOffset: alignOffset,
     asChild: true,
     side: side,
     sideOffset: sideOffset,
-    align: align,
-    alignOffset: alignOffset
+    zIndex: zIndex
   }, /*#__PURE__*/_react["default"].createElement(_Box["default"], {
     as: "ul",
     m: "zero",
@@ -61,13 +64,17 @@ MenuList.propTypes = {
   side: (0, _propTypes.oneOf)(['top', 'right', 'bottom', 'left']),
 
   /** Add horizontal space between the Menu.Action and the Menu.List */
-  sideOffset: _propTypes.number
+  sideOffset: _propTypes.number,
+
+  /** Add z-index value to Menu.List. Set to 'auto' by default */
+  zIndex: _propTypes.number
 };
 MenuList.defaultProps = {
   align: 'start',
   alignOffset: 0,
   side: 'bottom',
-  sideOffset: 4
+  sideOffset: 4,
+  zIndex: 'auto'
 };
 MenuList.displayName = 'Menu.List';
 var _default = MenuList;

package/esm/Drawer/web/Content.js

@@ -4,9 +4,6 @@ function _taggedTemplateLiteralLoose(strings, raw) { if (!raw) { raw = strings.s
 
 import styled from 'styled-components';
 import Dialog from '../../Dialog';
-var Content = styled(Dialog.Content)(_templateObject || (_templateObject = _taggedTemplateLiteralLoose(["\n  ", "\n  margin: 0;\n  height: 100%;\n  width: 100%;\n  align-self: flex-start;\n  text-align: left;\n"])), function (_ref) {
-  var drawer = _ref.theme.yoga.components.drawer;
-  return "\n    ";
-});
+var Content = styled(Dialog.Content)(_templateObject || (_templateObject = _taggedTemplateLiteralLoose(["\n  margin: 0;\n  height: 100%;\n  width: 100%;\n  align-self: flex-start;\n  text-align: left;\n"])));
 Content.displayName = 'Drawer.Content';
 export default Content;

package/esm/Menu/web/Menu.js

@@ -35,7 +35,7 @@ var Menu = function Menu(_ref) {
 Menu.propTypes = {
   children: node.isRequired,
 
-  /** when mouse hover menu open as deafault is true */
+  /** when mouse hover menu open as default is true */
   onMouseHover: bool
 };
 Menu.defaultProps = {

package/esm/Menu/web/MenuList.js

@@ -8,23 +8,26 @@ import { Content as MenuListRoot, Portal } from '@radix-ui/react-dropdown-menu';
 import { node, number, oneOf } from 'prop-types';
 import Box from '../../Box';
 var StyledMenuList = styled(MenuListRoot)(_templateObject || (_templateObject = _taggedTemplateLiteralLoose(["\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  ", "\n"])), function (_ref) {
-  var _ref$theme$yoga = _ref.theme.yoga,
+  var zIndex = _ref.zIndex,
+      _ref$theme$yoga = _ref.theme.yoga,
       menu = _ref$theme$yoga.components.menu,
       elevations = _ref$theme$yoga.elevations;
-  return "\n    margin: " + menu.margin["default"] + "px 0;\n    padding: 0;\n    min-width: " + menu.width.min + "px;\n    max-width: " + menu.width.max + "px;\n    border-radius: " + menu.border.radius + "px;\n\n    background-color: " + menu.backgroundColor.white + ";\n    box-shadow: " + elevations.small + "\n  ";
+  return "\n    margin: " + menu.margin["default"] + "px 0;\n    padding: 0;\n    min-width: " + menu.width.min + "px;\n    max-width: " + menu.width.max + "px;\n    border-radius: " + menu.border.radius + "px;\n\n    background-color: " + menu.backgroundColor.white + ";\n    box-shadow: " + elevations.small + "\n    z-index: " + zIndex + ";\n\n  ";
 });
 var MenuList = /*#__PURE__*/forwardRef(function (_ref2, ref) {
   var children = _ref2.children,
       align = _ref2.align,
       alignOffset = _ref2.alignOffset,
       side = _ref2.side,
-      sideOffset = _ref2.sideOffset;
+      sideOffset = _ref2.sideOffset,
+      zIndex = _ref2.zIndex;
   return /*#__PURE__*/React.createElement(Portal, null, /*#__PURE__*/React.createElement(StyledMenuList, {
+    align: align,
+    alignOffset: alignOffset,
     asChild: true,
     side: side,
     sideOffset: sideOffset,
-    align: align,
-    alignOffset: alignOffset
+    zIndex: zIndex
   }, /*#__PURE__*/React.createElement(Box, {
     as: "ul",
     m: "zero",
@@ -45,13 +48,17 @@ MenuList.propTypes = {
   side: oneOf(['top', 'right', 'bottom', 'left']),
 
   /** Add horizontal space between the Menu.Action and the Menu.List */
-  sideOffset: number
+  sideOffset: number,
+
+  /** Add z-index value to Menu.List. Set to 'auto' by default */
+  zIndex: number
 };
 MenuList.defaultProps = {
   align: 'start',
   alignOffset: 0,
   side: 'bottom',
-  sideOffset: 4
+  sideOffset: 4,
+  zIndex: 'auto'
 };
 MenuList.displayName = 'Menu.List';
 export default MenuList;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@gympass/yoga",
-  "version": "7.60.0",
+  "version": "7.61.0",
   "description": "Gympass component library",
   "main": "./cjs",
   "sideEffects": false,
@@ -25,12 +25,12 @@
     "url": "https://github.com/Gympass/yoga/issues"
   },
   "dependencies": {
-    "@gympass/yoga-common": "^1.1.1",
+    "@gympass/yoga-common": "^1.1.2",
     "@gympass/yoga-helpers": "^1.0.3",
     "@gympass/yoga-icons": "^1.7.0",
     "@gympass/yoga-illustrations": "^0.5.1",
-    "@gympass/yoga-system": "^0.10.2",
-    "@gympass/yoga-tokens": "^3.1.4",
+    "@gympass/yoga-system": "^0.10.3",
+    "@gympass/yoga-tokens": "^3.1.5",
     "@ptomasroos/react-native-multi-slider": "^1.0.0",
     "@radix-ui/react-dropdown-menu": "^2.0.1",
     "date-fns": "^2.29.2",
@@ -52,7 +52,7 @@
     "react": ">=16",
     "styled-components": "^4.4.0"
   },
-  "gitHead": "d5169082be1a31b40e49e54e8dc061494e3c238d",
+  "gitHead": "5f2f57a3bb4ab0c128992a49ed4d5ebb79abba73",
   "module": "./esm",
   "private": false,
   "react-native": "./cjs/index.native.js"

package/cjs/ActionRequirement/native/ActionRequirement.test.js

@@ -1 +0,0 @@
-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/web/ActionRequirement.test.js

@@ -1,40 +0,0 @@
-"use strict";
-
-var _react = _interopRequireDefault(require("react"));
-
-var _react2 = require("@testing-library/react");
-
-var _yoga = require("@gympass/yoga");
-
-var _yogaIcons = require("@gympass/yoga-icons");
-
-var _ActionRequirement = _interopRequireDefault(require("./ActionRequirement"));
-
-var _ = require("../..");
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
-
-function handleGetList() {
-  return /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement(_yoga.Text, null, /*#__PURE__*/_react["default"].createElement(_yogaIcons.Dumbbell, null), " 1x/day standard access"), /*#__PURE__*/_react["default"].createElement(_yoga.Text, {
-    mt: "small"
-  }, /*#__PURE__*/_react["default"].createElement(_yogaIcons.User, null), " 4x/month 1-on-1 sessions"), /*#__PURE__*/_react["default"].createElement(_yoga.Text, {
-    mt: "small"
-  }, /*#__PURE__*/_react["default"].createElement(_yogaIcons.Star, null), " 2x/month premium classes"));
-}
-
-describe('<ActionRequirement />', function () {
-  it('should default 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();
-  });
-  it('should match snapshot with list', function () {
-    var _render2 = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_.ThemeProvider, null, /*#__PURE__*/_react["default"].createElement(_ActionRequirement["default"], {
-      list: handleGetList()
-    }))),
-        container = _render2.container;
-
-    expect(container).toMatchSnapshot();
-  });
-});

package/cjs/AutoComplete/web/AutoComplete.test.js

@@ -1,156 +0,0 @@
-"use strict";
-
-var _react = _interopRequireDefault(require("react"));
-
-var _react2 = require("@testing-library/react");
-
-var _ = require("../..");
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
-
-describe('<AutoComplete />', function () {
-  describe('Snapshots', function () {
-    it('should match with default component', function () {
-      var _render = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_.ThemeProvider, null, /*#__PURE__*/_react["default"].createElement(_.AutoComplete, null))),
-          container = _render.container;
-
-      expect(container).toMatchSnapshot();
-    });
-    it('should match with a full width component', function () {
-      var _render2 = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_.ThemeProvider, null, /*#__PURE__*/_react["default"].createElement(_.AutoComplete, {
-        full: true
-      }))),
-          container = _render2.container;
-
-      expect(container).toMatchSnapshot();
-    });
-    it('should match with options list', function () {
-      var _render3 = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_.ThemeProvider, null, /*#__PURE__*/_react["default"].createElement(_.AutoComplete, {
-        value: "s",
-        options: ['first', 'second']
-      }))),
-          getByDisplayValue = _render3.getByDisplayValue,
-          container = _render3.container;
-
-      _react2.fireEvent.focus(getByDisplayValue('s'));
-
-      expect(container).toMatchSnapshot();
-    });
-    it('should match with full width options list', function () {
-      var _render4 = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_.ThemeProvider, null, /*#__PURE__*/_react["default"].createElement(_.AutoComplete, {
-        value: "s",
-        full: true,
-        options: ['first', 'second']
-      }))),
-          getByDisplayValue = _render4.getByDisplayValue,
-          container = _render4.container;
-
-      _react2.fireEvent.focus(getByDisplayValue('s'));
-
-      expect(container).toMatchSnapshot();
-    });
-  });
-  describe('Options list', function () {
-    it('should filter the options', function () {
-      var _render5 = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_.ThemeProvider, null, /*#__PURE__*/_react["default"].createElement(_.AutoComplete, {
-        value: "secon",
-        options: ['first', 'second', 'third']
-      }))),
-          container = _render5.container,
-          getByDisplayValue = _render5.getByDisplayValue;
-
-      _react2.fireEvent.focus(getByDisplayValue('secon'));
-
-      expect(container.querySelector('ul').firstChild.textContent).toBe('second');
-    });
-    it('should close options list when clean button is clicked', function () {
-      var _render6 = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_.ThemeProvider, null, /*#__PURE__*/_react["default"].createElement(_.AutoComplete, {
-        value: "secon",
-        options: ['first', 'second', 'third']
-      }))),
-          container = _render6.container,
-          getByDisplayValue = _render6.getByDisplayValue,
-          getByRole = _render6.getByRole;
-
-      _react2.fireEvent.focus(getByDisplayValue('secon'));
-
-      _react2.fireEvent.click(getByRole('button', {
-        name: /clear/i
-      }));
-
-      expect(container.querySelector('ul')).toBe(null);
-    });
-  });
-  describe('Event listeners', function () {
-    it('should call onChangeMock', function () {
-      var onChangeMock = jest.fn();
-      var onCleanMock = jest.fn();
-      var onSelectMock = jest.fn();
-
-      var _render7 = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_.ThemeProvider, null, /*#__PURE__*/_react["default"].createElement(_.AutoComplete, {
-        value: "New",
-        options: ['New York'],
-        onChange: onChangeMock
-      }))),
-          getByDisplayValue = _render7.getByDisplayValue;
-
-      _react2.fireEvent.change(getByDisplayValue('New'), {
-        target: {
-          value: 'a'
-        }
-      });
-
-      expect(onChangeMock).toHaveBeenCalledWith('a');
-      expect(onSelectMock).not.toHaveBeenCalled();
-      expect(onCleanMock).not.toHaveBeenCalled();
-    });
-    it('should call onCleanMock', function () {
-      var onCleanMock = jest.fn();
-      var onSelectMock = jest.fn();
-      var onChangeMock = jest.fn();
-
-      var _render8 = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_.ThemeProvider, null, /*#__PURE__*/_react["default"].createElement(_.AutoComplete, {
-        value: "New",
-        options: ['New York'],
-        onClean: onCleanMock,
-        onSelect: onSelectMock,
-        onChange: onChangeMock
-      }))),
-          getByDisplayValue = _render8.getByDisplayValue,
-          getByRole = _render8.getByRole;
-
-      _react2.fireEvent.focus(getByDisplayValue('New'));
-
-      _react2.fireEvent.click(getByRole('button', {
-        name: /clear/i
-      }));
-
-      expect(onCleanMock).toHaveBeenCalledWith('');
-      expect(onSelectMock).not.toHaveBeenCalled();
-      expect(onChangeMock).toHaveBeenCalledWith('');
-    });
-    it('should call onSelectMock', function () {
-      var onSelectMock = jest.fn();
-      var onCleanMock = jest.fn();
-      var onChangeMock = jest.fn();
-
-      var _render9 = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_.ThemeProvider, null, /*#__PURE__*/_react["default"].createElement(_.AutoComplete, {
-        value: "New",
-        options: ['New York'],
-        onSelect: onSelectMock,
-        onClean: onCleanMock,
-        onChange: onChangeMock
-      }))),
-          getByDisplayValue = _render9.getByDisplayValue,
-          getByRole = _render9.getByRole;
-
-      _react2.fireEvent.focus(getByDisplayValue('New'));
-
-      _react2.fireEvent.click(getByRole('option'));
-
-      expect(onSelectMock).toHaveBeenCalledWith('New York');
-      expect(onChangeMock).toHaveBeenCalledWith('New York');
-      expect(onCleanMock).not.toHaveBeenCalled();
-    });
-  });
-});

package/cjs/Avatar/native/Avatar.test.js

@@ -1 +0,0 @@
-var _interopRequireDefault=require("@babel/runtime/helpers/interopRequireDefault");var _react=_interopRequireDefault(require("react"));var _reactNative=require("@testing-library/react-native");var _yogaIcons=require("@gympass/yoga-icons");var _=require("../..");var _Avatar=_interopRequireDefault(require("./Avatar"));var _Text=_interopRequireDefault(require("../../Text"));describe('<Avatar />',function(){it('should match snapshot in default avatar',function(){var _render=(0,_reactNative.render)(_react["default"].createElement(_.ThemeProvider,null,_react["default"].createElement(_Avatar["default"],{width:78,height:78,fill:"black"}))),toJSON=_render.toJSON;expect(toJSON()).toMatchSnapshot();});it('should match snapshot in default avatar with placeholder prop',function(){var _render2=(0,_reactNative.render)(_react["default"].createElement(_.ThemeProvider,null,_react["default"].createElement(_Avatar["default"],{placeholder:_yogaIcons.UserFilled}))),toJSON=_render2.toJSON;expect(toJSON()).toMatchSnapshot();});it('should match snapshot in circle avatar',function(){var _render3=(0,_reactNative.render)(_react["default"].createElement(_.ThemeProvider,null,_react["default"].createElement(_Avatar["default"].Circle,null))),toJSON=_render3.toJSON;expect(toJSON()).toMatchSnapshot();});it('should match snapshot in circle avatar with placeholder prop',function(){var _render4=(0,_reactNative.render)(_react["default"].createElement(_.ThemeProvider,null,_react["default"].createElement(_Avatar["default"].Circle,{placeholder:_yogaIcons.UserFilled}))),toJSON=_render4.toJSON;expect(toJSON()).toMatchSnapshot();});it('should match snapshot in avatar with children prop',function(){var _render5=(0,_reactNative.render)(_react["default"].createElement(_.ThemeProvider,null,_react["default"].createElement(_Avatar["default"],null,_react["default"].createElement(_Text["default"],null,"AL")))),toJSON=_render5.toJSON;expect(toJSON()).toMatchSnapshot();});});

package/cjs/Avatar/web/Avatar.test.js

@@ -1,72 +0,0 @@
-"use strict";
-
-var _react = _interopRequireDefault(require("react"));
-
-var _react2 = require("@testing-library/react");
-
-var _yogaIcons = require("@gympass/yoga-icons");
-
-var _ = require("../..");
-
-var _Avatar = _interopRequireDefault(require("./Avatar"));
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
-
-describe('<Avatar />', function () {
-  it('should match snapshot in default avatar', function () {
-    var _render = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_.ThemeProvider, null, /*#__PURE__*/_react["default"].createElement(_Avatar["default"], {
-      width: 78,
-      height: 78,
-      fill: "black"
-    }))),
-        container = _render.container;
-
-    expect(container).toMatchSnapshot();
-  });
-  it('should match snapshot in default avatar with src and alt prop', function () {
-    var _render2 = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_.ThemeProvider, null, /*#__PURE__*/_react["default"].createElement(_Avatar["default"], {
-      src: "https://github.com/Gympass.png",
-      alt: "Gympass brand logo"
-    }))),
-        container = _render2.container;
-
-    expect(container).toMatchSnapshot();
-  });
-  it('should match snapshot in default avatar with placeholder prop', function () {
-    var _render3 = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_.ThemeProvider, null, /*#__PURE__*/_react["default"].createElement(_Avatar["default"], {
-      icon: _yogaIcons.UserFilled
-    }))),
-        container = _render3.container;
-
-    expect(container).toMatchSnapshot();
-  });
-  it('should match snapshot in circle avatar', function () {
-    var _render4 = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_.ThemeProvider, null, /*#__PURE__*/_react["default"].createElement(_Avatar["default"].Circle, null))),
-        container = _render4.container;
-
-    expect(container).toMatchSnapshot();
-  });
-  it('should match snapshot in circle avatar with placeholder prop', function () {
-    var _render5 = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_.ThemeProvider, null, /*#__PURE__*/_react["default"].createElement(_Avatar["default"].Circle, {
-      icon: _yogaIcons.UserFilled
-    }))),
-        container = _render5.container;
-
-    expect(container).toMatchSnapshot();
-  });
-  it('should match snapshot in circle avatar with src and alt prop', function () {
-    var _render6 = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_.ThemeProvider, null, /*#__PURE__*/_react["default"].createElement(_Avatar["default"].Circle, {
-      src: "https://github.com/Gympass.png",
-      alt: "Gympass brand logo"
-    }))),
-        container = _render6.container;
-
-    expect(container).toMatchSnapshot();
-  });
-  it('should match snapshot in avatar with children prop', function () {
-    var _render7 = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_.ThemeProvider, null, /*#__PURE__*/_react["default"].createElement(_Avatar["default"], null, /*#__PURE__*/_react["default"].createElement("p", null, "LC")))),
-        container = _render7.container;
-
-    expect(container).toMatchSnapshot();
-  });
-});

package/cjs/Banner/native/Banner.test.js

@@ -1 +0,0 @@
-var _interopRequireDefault=require("@babel/runtime/helpers/interopRequireDefault");var _react=_interopRequireDefault(require("react"));var _reactNative=require("@testing-library/react-native");var _yogaIcons=require("@gympass/yoga-icons");var _=require("../..");describe('<Banner />',function(){it('should match snapshot',function(){var _render=(0,_reactNative.render)(_react["default"].createElement(_.ThemeProvider,null,_react["default"].createElement(_.Banner,{message:"Feedback message."}))),toJSON=_render.toJSON;expect(toJSON()).toMatchSnapshot();});it('should match snapshot with custom variant',function(){var _render2=(0,_reactNative.render)(_react["default"].createElement(_.ThemeProvider,null,_react["default"].createElement(_.Banner,{variant:"success",message:"Success banner without button"}),_react["default"].createElement(_.Banner,{variant:"informative",message:"Informative banner without button"}),_react["default"].createElement(_.Banner,{variant:"attention",message:"Attention banner without button"}))),toJSON=_render2.toJSON;expect(toJSON()).toMatchSnapshot();});it('should match snapshot with icon',function(){var _render3=(0,_reactNative.render)(_react["default"].createElement(_.ThemeProvider,null,_react["default"].createElement(_.Banner,{icon:_yogaIcons.CheckedFull,message:"Banner with icon"}))),toJSON=_render3.toJSON;expect(toJSON()).toMatchSnapshot();});it('should match snapshot with button',function(){var _render4=(0,_reactNative.render)(_react["default"].createElement(_.ThemeProvider,null,_react["default"].createElement(_.Banner,{message:"Banner with button",primaryButton:{label:'Action',action:function action(){}}}))),toJSON=_render4.toJSON;expect(toJSON()).toMatchSnapshot();});it('should call button action function when the banner button is pressed',function(){var onButtonPressMock=jest.fn();var _render5=(0,_reactNative.render)(_react["default"].createElement(_.ThemeProvider,null,_react["default"].createElement(_.Banner,{message:"Banner with button",primaryButton:{label:'Action',action:onButtonPressMock}}))),getByText=_render5.getByText;_reactNative.fireEvent.press(getByText('Action'));expect(onButtonPressMock).toHaveBeenCalled();});it('should match snapshot with two action buttons',function(){var _render6=(0,_reactNative.render)(_react["default"].createElement(_.ThemeProvider,null,_react["default"].createElement(_.Banner,{message:"Banner with two action buttons",primaryButton:{label:'Primary Action',action:function action(){}},secondaryButton:{label:'Secondary Action',action:function action(){}}}))),toJSON=_render6.toJSON;expect(toJSON()).toMatchSnapshot();});it('should call both buttons action function when each banner action button are pressed',function(){var onPrimaryButtonPressMock=jest.fn();var onSecondaryButtonPressMock=jest.fn();var _render7=(0,_reactNative.render)(_react["default"].createElement(_.ThemeProvider,null,_react["default"].createElement(_.Banner,{message:"Banner with button",primaryButton:{label:'Primary Action',action:onPrimaryButtonPressMock},secondaryButton:{label:'Secondary Action',action:onSecondaryButtonPressMock}}))),getByText=_render7.getByText;_reactNative.fireEvent.press(getByText('Primary Action'));expect(onPrimaryButtonPressMock).toHaveBeenCalled();_reactNative.fireEvent.press(getByText('Secondary Action'));expect(onSecondaryButtonPressMock).toHaveBeenCalled();});});

package/cjs/Banner/web/Banner.test.js

@@ -1,121 +0,0 @@
-"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('<Banner />', function () {
-  it('should match snapshot', function () {
-    var _render = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_.ThemeProvider, null, /*#__PURE__*/_react["default"].createElement(_.Banner, {
-      message: "Feedback message."
-    }))),
-        container = _render.container;
-
-    expect(container).toMatchSnapshot();
-  });
-  it('should match snapshot with custom variant', function () {
-    var _render2 = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_.ThemeProvider, null, /*#__PURE__*/_react["default"].createElement(_.Banner, {
-      variant: "success",
-      message: "Success banner without button"
-    }), /*#__PURE__*/_react["default"].createElement(_.Banner, {
-      variant: "informative",
-      message: "Informative banner without button"
-    }), /*#__PURE__*/_react["default"].createElement(_.Banner, {
-      variant: "attention",
-      message: "Attention banner without button"
-    }))),
-        container = _render2.container;
-
-    expect(container).toMatchSnapshot();
-  });
-  it('should match snapshot with icon', function () {
-    var _render3 = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_.ThemeProvider, null, /*#__PURE__*/_react["default"].createElement(_.Banner, {
-      icon: _yogaIcons.CheckedFull,
-      message: "Banner with icon"
-    }))),
-        container = _render3.container;
-
-    expect(container).toMatchSnapshot();
-  });
-  it('should match snapshot with button', function () {
-    var _render4 = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_.ThemeProvider, null, /*#__PURE__*/_react["default"].createElement(_.Banner, {
-      message: "Banner with button",
-      primaryButton: {
-        label: 'Action',
-        action: function action() {}
-      }
-    }))),
-        container = _render4.container;
-
-    expect(container).toMatchSnapshot();
-  });
-  it('should call button action function when the banner button is clicked', function () {
-    var onButtonClickMock = jest.fn();
-
-    var _render5 = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_.ThemeProvider, null, /*#__PURE__*/_react["default"].createElement(_.Banner, {
-      message: "Banner with button",
-      primaryButton: {
-        label: 'Action',
-        action: onButtonClickMock
-      }
-    }))),
-        getByRole = _render5.getByRole;
-
-    _react2.fireEvent.click(getByRole('button', {
-      name: 'Action'
-    }));
-
-    expect(onButtonClickMock).toHaveBeenCalled();
-  });
-  it('should match snapshot with two action buttons', function () {
-    var _render6 = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_.ThemeProvider, null, /*#__PURE__*/_react["default"].createElement(_.Banner, {
-      message: "Banner with two action buttons",
-      primaryButton: {
-        label: 'Primary Action',
-        action: function action() {}
-      },
-      secondaryButton: {
-        label: 'Secondary Action',
-        action: function action() {}
-      }
-    }))),
-        container = _render6.container;
-
-    expect(container).toMatchSnapshot();
-  });
-  it('should call both buttons action function when each banner action button are clicked', function () {
-    var onPrimaryButtonClickMock = jest.fn();
-    var onSecondaryButtonClickMock = jest.fn();
-
-    var _render7 = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_.ThemeProvider, null, /*#__PURE__*/_react["default"].createElement(_.Banner, {
-      message: "Banner with button",
-      primaryButton: {
-        label: 'Primary Action',
-        action: onPrimaryButtonClickMock
-      },
-      secondaryButton: {
-        label: 'Secondary Action',
-        action: onSecondaryButtonClickMock
-      }
-    }))),
-        getByRole = _render7.getByRole;
-
-    _react2.fireEvent.click(getByRole('button', {
-      name: 'Primary Action'
-    }));
-
-    expect(onPrimaryButtonClickMock).toHaveBeenCalled();
-
-    _react2.fireEvent.click(getByRole('button', {
-      name: 'Secondary Action'
-    }));
-
-    expect(onSecondaryButtonClickMock).toHaveBeenCalled();
-  });
-});