@gympass/yoga 7.85.0 → 7.86.0

package/cjs/Avatar/native/Avatar.js

@@ -1 +1 @@
-var _interopRequireDefault=require("@babel/runtime/helpers/interopRequireDefault");Object.defineProperty(exports,"__esModule",{value:true});exports["default"]=void 0;var _extends2=_interopRequireDefault(require("@babel/runtime/helpers/extends"));var _objectWithoutProperties2=_interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));var _taggedTemplateLiteralLoose2=_interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteralLoose"));var _react=_interopRequireWildcard(require("react"));var _yogaIcons=require("@gympass/yoga-icons");var _propTypes=require("prop-types");var _deprecatedReactNativePropTypes=require("deprecated-react-native-prop-types");var _reactNative=require("react-native");var _styledComponents=_interopRequireDefault(require("styled-components"));var _yogaCommon=require("@gympass/yoga-common");var _Box=_interopRequireDefault(require("../../Box"));var _Icon=_interopRequireDefault(require("../../Icon"));var _excluded=["icon","src","children","fill","stroke","borderRadius","width","height"];var _templateObject;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 BORDER_WIDTH=_reactNative.StyleSheet.hairlineWidth;var BORDER_OPACITY=0.25;var Contain=(0,_styledComponents["default"])(_Box["default"]).attrs(function(_ref){var yoga=_ref.theme.yoga;return{bgColor:(0,_yogaCommon.hexToRgb)(yoga.colors.secondary,BORDER_OPACITY)};})(_templateObject||(_templateObject=(0,_taggedTemplateLiteralLoose2["default"])(["\n  padding: ","px;\n"])),BORDER_WIDTH);var Content=function Content(_ref2){var icon=_ref2.icon,src=_ref2.src,fill=_ref2.fill,content=_ref2.content,stroke=_ref2.stroke;if(src){return _react["default"].createElement(_Box["default"],{as:_reactNative.Image,width:"100%",height:"100%",source:src});}if(content){return content;}return _react["default"].createElement(_Icon["default"],{as:icon,width:"50%",height:"50%",fill:fill,stroke:stroke});};var Avatar=(0,_react.forwardRef)(function(_ref3,ref){var _ref3$icon=_ref3.icon,icon=_ref3$icon===void 0?_yogaIcons.BuildingFilled:_ref3$icon,src=_ref3.src,children=_ref3.children,fill=_ref3.fill,stroke=_ref3.stroke,_ref3$borderRadius=_ref3.borderRadius,borderRadius=_ref3$borderRadius===void 0?'small':_ref3$borderRadius,_ref3$width=_ref3.width,width=_ref3$width===void 0?48:_ref3$width,_ref3$height=_ref3.height,height=_ref3$height===void 0?48:_ref3$height,props=(0,_objectWithoutProperties2["default"])(_ref3,_excluded);return _react["default"].createElement(Contain,{width:width,height:height,borderRadius:borderRadius,display:"flex",alignItems:"center",justifyContent:"center",overflow:"hidden"},_react["default"].createElement(_Box["default"],(0,_extends2["default"])({ref:ref,bgColor:"elements.selectionAndIcons",display:"flex",alignItems:"center",justifyContent:"center",width:"100%",height:"100%",overflow:"hidden",borderRadius:borderRadius},props),_react["default"].createElement(Content,{icon:icon,src:src,fill:fill,stroke:stroke,content:children})));});Content.propTypes=(0,_extends2["default"])({src:_deprecatedReactNativePropTypes.ImagePropTypes.source,icon:_propTypes.func,fill:_propTypes.string},_Box["default"].propTypes);Content.defaultProps={src:undefined,fill:'white',icon:_yogaIcons.BuildingFilled};Avatar.propTypes=(0,_extends2["default"])({src:_deprecatedReactNativePropTypes.ImagePropTypes.source,icon:_propTypes.func,fill:_propTypes.string},_Box["default"].propTypes);Avatar.defaultProps=(0,_extends2["default"])({src:undefined,fill:'white'},_Box["default"].defaultProps);Avatar.displayName='Avatar';var _default=Avatar;exports["default"]=_default;
+var _interopRequireDefault=require("@babel/runtime/helpers/interopRequireDefault");Object.defineProperty(exports,"__esModule",{value:true});exports["default"]=void 0;var _extends2=_interopRequireDefault(require("@babel/runtime/helpers/extends"));var _objectWithoutProperties2=_interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));var _taggedTemplateLiteralLoose2=_interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteralLoose"));var _react=_interopRequireWildcard(require("react"));var _yogaIcons=require("@gympass/yoga-icons");var _propTypes=require("prop-types");var _deprecatedReactNativePropTypes=require("deprecated-react-native-prop-types");var _reactNative=require("react-native");var _styledComponents=_interopRequireDefault(require("styled-components"));var _yogaCommon=require("@gympass/yoga-common");var _Box=_interopRequireDefault(require("../../Box"));var _Icon=_interopRequireDefault(require("../../Icon"));var _excluded=["icon","src","children","fill","stroke","borderRadius","width","height"];var _templateObject;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 BORDER_WIDTH=_reactNative.StyleSheet.hairlineWidth;var BORDER_OPACITY=0.25;var Contain=(0,_styledComponents["default"])(_Box["default"]).attrs(function(_ref){var yoga=_ref.theme.yoga;return{bgColor:(0,_yogaCommon.hexToRgb)(yoga.colors.secondary,BORDER_OPACITY)};})(_templateObject||(_templateObject=(0,_taggedTemplateLiteralLoose2["default"])(["\n  padding: ","px;\n"])),BORDER_WIDTH);var Content=function Content(_ref2){var icon=_ref2.icon,src=_ref2.src,fill=_ref2.fill,content=_ref2.content,stroke=_ref2.stroke;if(src){return _react["default"].createElement(_Box["default"],{as:_reactNative.Image,width:"100%",height:"100%",source:src});}if(content){return content;}return _react["default"].createElement(_Icon["default"],{as:icon,width:"50%",height:"50%",fill:fill,stroke:stroke});};var Avatar=(0,_react.forwardRef)(function(_ref3,ref){var _ref3$icon=_ref3.icon,icon=_ref3$icon===void 0?_yogaIcons.BuildingFilled:_ref3$icon,src=_ref3.src,children=_ref3.children,fill=_ref3.fill,stroke=_ref3.stroke,borderRadius=_ref3.borderRadius,width=_ref3.width,height=_ref3.height,props=(0,_objectWithoutProperties2["default"])(_ref3,_excluded);return _react["default"].createElement(Contain,{width:width,height:height,borderRadius:borderRadius,display:"flex",alignItems:"center",justifyContent:"center",overflow:"hidden"},_react["default"].createElement(_Box["default"],(0,_extends2["default"])({ref:ref,bgColor:"elements.selectionAndIcons",display:"flex",alignItems:"center",justifyContent:"center",width:"100%",height:"100%",overflow:"hidden",borderRadius:borderRadius},props),_react["default"].createElement(Content,{icon:icon,src:src,fill:fill,stroke:stroke,content:children})));});Content.propTypes=(0,_extends2["default"])({src:_deprecatedReactNativePropTypes.ImagePropTypes.source,icon:_propTypes.func,fill:_propTypes.string},_Box["default"].propTypes);Content.defaultProps={src:undefined,fill:'white',icon:_yogaIcons.BuildingFilled};Avatar.propTypes=(0,_extends2["default"])({src:_deprecatedReactNativePropTypes.ImagePropTypes.source,icon:_propTypes.func,fill:_propTypes.string,width:_propTypes.number,height:_propTypes.number,borderRadius:_propTypes.string},_Box["default"].propTypes);Avatar.defaultProps=(0,_extends2["default"])({src:undefined,fill:'white',width:48,height:48,borderRadius:'small'},_Box["default"].defaultProps);Avatar.displayName='Avatar';var _default=Avatar;exports["default"]=_default;

package/cjs/Spinner/Spinner.theme.js

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

package/cjs/Spinner/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/Spinner/web/Spinner.js

@@ -0,0 +1,65 @@
+"use strict";
+
+exports.__esModule = true;
+exports["default"] = void 0;
+
+var _react = _interopRequireDefault(require("react"));
+
+var _styledComponents = _interopRequireWildcard(require("styled-components"));
+
+var _propTypes = require("prop-types");
+
+var _lodash = _interopRequireDefault(require("lodash.get"));
+
+var _templateObject;
+
+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 _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 StyledSpinner = _styledComponents["default"].span(_templateObject || (_templateObject = _taggedTemplateLiteralLoose(["\n  ", "\n"])), function (_ref) {
+  var color = _ref.color,
+      size = _ref.size;
+  return "\n    .spinner {\n      display: inline-block;\n      width: " + size + "px;\n      height: " + size + "px;\n      color: " + color + ";\n      animation: 1.4s linear 0s infinite normal none running rotation;\n    }\n\n    .circular {\n      display: block;\n      height: 100%;\n      width: 100%;\n    }\n\n    .path {\n      stroke-dasharray: 80px, 200px;\n      stroke-dashoffset: 0;\n      -webkit-animation: 1.4s ease-in-out 0s infinite normal none running dash;\n      animation: 1.6s ease-in-out 0s infinite normal none running dash;\n      stroke-linecap: round;\n      stroke: " + color + ";\n    }\n\n    @keyframes rotation {\n      0% {\n          transform: rotate(0deg);\n      }\n      100% {\n          transform: rotate(360deg);\n      }\n    }\n\n    @keyframes dash {\n      0% {\n        stroke-dasharray: 1px, 200px;\n        stroke-dashoffset: 0;\n      }\n      50% {\n        stroke-dasharray: 100px, 200px;\n        stroke-dashoffset: -15px;\n      }\n      100% {\n        stroke-dasharray: 100px, 200px;\n        stroke-dashoffset: -125px;\n      }\n    }\n  ";
+});
+
+var Spinner = /*#__PURE__*/_react["default"].forwardRef(function (_ref2, ref) {
+  var size = _ref2.size,
+      color = _ref2.color,
+      theme = _ref2.theme;
+  return /*#__PURE__*/_react["default"].createElement(StyledSpinner, {
+    color: (0, _lodash["default"])(theme.yoga.colors, color, color),
+    size: (0, _lodash["default"])(theme.yoga.spacing, size, size),
+    ref: ref
+  }, /*#__PURE__*/_react["default"].createElement("span", {
+    className: "spinner"
+  }, /*#__PURE__*/_react["default"].createElement("svg", {
+    className: "circular",
+    viewBox: "22 22 44 44"
+  }, /*#__PURE__*/_react["default"].createElement("circle", {
+    className: "path",
+    fill: "none",
+    strokeWidth: "3.6",
+    cx: "44",
+    cy: "44",
+    r: "20.2"
+  }))));
+});
+
+var commonSizes = ['xxxsmall', 'xxsmall', 'xsmall', 'small', 'medium', 'large', 'xlarge', 'xxlarge', 'xxxlarge', 'huge', 'xhuge'];
+Spinner.propTypes = {
+  size: (0, _propTypes.oneOfType)([(0, _propTypes.oneOf)(commonSizes), _propTypes.string, _propTypes.number]),
+  color: _propTypes.string
+};
+Spinner.defaultProps = {
+  size: 'medium',
+  color: 'primary'
+};
+
+var _default = (0, _styledComponents.withTheme)(Spinner);
+
+exports["default"] = _default;

package/cjs/Spinner/web/index.js

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

package/cjs/Theme/theme/theme.js

@@ -71,6 +71,8 @@ var _SliderTheme = _interopRequireDefault(require("./../../Slider/Slider.theme.j
 
 var _SnackbarTheme = _interopRequireDefault(require("./../../Snackbar/Snackbar.theme.js"));
 
+var _SpinnerTheme = _interopRequireDefault(require("./../../Spinner/Spinner.theme.js"));
+
 var _StepperTheme = _interopRequireDefault(require("./../../Stepper/Stepper.theme.js"));
 
 var _TagTheme = _interopRequireDefault(require("./../../Tag/Tag.theme.js"));
@@ -117,6 +119,7 @@ var componentThemes = {
   Skeleton$Skeleton: _SkeletonTheme["default"],
   Slider$Slider: _SliderTheme["default"],
   Snackbar$Snackbar: _SnackbarTheme["default"],
+  Spinner$Spinner: _SpinnerTheme["default"],
   Stepper$Stepper: _StepperTheme["default"],
   Tag$Tag: _TagTheme["default"],
   Text$Text: _TextTheme["default"],

package/cjs/index.js

@@ -155,6 +155,10 @@ var _Popover = _interopRequireDefault(require("./Popover"));
 
 exports.Popover = _Popover["default"];
 
+var _Spinner = _interopRequireDefault(require("./Spinner"));
+
+exports.Spinner = _Spinner["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/Avatar/native/Avatar.js

@@ -10,7 +10,7 @@ function _taggedTemplateLiteralLoose(strings, raw) { if (!raw) { raw = strings.s
 
 import React, { forwardRef } from 'react';
 import { BuildingFilled } from '@gympass/yoga-icons';
-import { string, func } from 'prop-types';
+import { string, func, number } from 'prop-types';
 import { ImagePropTypes } from 'deprecated-react-native-prop-types';
 import { Image, StyleSheet } from 'react-native';
 import styled from 'styled-components';
@@ -67,12 +67,9 @@ var Avatar = /*#__PURE__*/forwardRef(function (_ref3, ref) {
       children = _ref3.children,
       fill = _ref3.fill,
       stroke = _ref3.stroke,
-      _ref3$borderRadius = _ref3.borderRadius,
-      borderRadius = _ref3$borderRadius === void 0 ? 'small' : _ref3$borderRadius,
-      _ref3$width = _ref3.width,
-      width = _ref3$width === void 0 ? 48 : _ref3$width,
-      _ref3$height = _ref3.height,
-      height = _ref3$height === void 0 ? 48 : _ref3$height,
+      borderRadius = _ref3.borderRadius,
+      width = _ref3.width,
+      height = _ref3.height,
       props = _objectWithoutPropertiesLoose(_ref3, _excluded);
 
   return /*#__PURE__*/React.createElement(Contain, {
@@ -114,11 +111,17 @@ Content.defaultProps = {
 Avatar.propTypes = _extends({
   src: ImagePropTypes.source,
   icon: func,
-  fill: string
+  fill: string,
+  width: number,
+  height: number,
+  borderRadius: string
 }, Box.propTypes);
 Avatar.defaultProps = _extends({
   src: undefined,
-  fill: 'white'
+  fill: 'white',
+  width: 48,
+  height: 48,
+  borderRadius: 'small'
 }, Box.defaultProps);
 Avatar.displayName = 'Avatar';
 export default Avatar;

package/esm/Spinner/Spinner.theme.js

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

package/esm/Spinner/index.js

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

package/esm/Spinner/web/Spinner.js

@@ -0,0 +1,45 @@
+var _templateObject;
+
+function _taggedTemplateLiteralLoose(strings, raw) { if (!raw) { raw = strings.slice(0); } strings.raw = raw; return strings; }
+
+import React from 'react';
+import styled, { withTheme } from 'styled-components';
+import { oneOf, string, oneOfType, number } from 'prop-types';
+import get from 'lodash.get';
+var StyledSpinner = styled.span(_templateObject || (_templateObject = _taggedTemplateLiteralLoose(["\n  ", "\n"])), function (_ref) {
+  var color = _ref.color,
+      size = _ref.size;
+  return "\n    .spinner {\n      display: inline-block;\n      width: " + size + "px;\n      height: " + size + "px;\n      color: " + color + ";\n      animation: 1.4s linear 0s infinite normal none running rotation;\n    }\n\n    .circular {\n      display: block;\n      height: 100%;\n      width: 100%;\n    }\n\n    .path {\n      stroke-dasharray: 80px, 200px;\n      stroke-dashoffset: 0;\n      -webkit-animation: 1.4s ease-in-out 0s infinite normal none running dash;\n      animation: 1.6s ease-in-out 0s infinite normal none running dash;\n      stroke-linecap: round;\n      stroke: " + color + ";\n    }\n\n    @keyframes rotation {\n      0% {\n          transform: rotate(0deg);\n      }\n      100% {\n          transform: rotate(360deg);\n      }\n    }\n\n    @keyframes dash {\n      0% {\n        stroke-dasharray: 1px, 200px;\n        stroke-dashoffset: 0;\n      }\n      50% {\n        stroke-dasharray: 100px, 200px;\n        stroke-dashoffset: -15px;\n      }\n      100% {\n        stroke-dasharray: 100px, 200px;\n        stroke-dashoffset: -125px;\n      }\n    }\n  ";
+});
+var Spinner = /*#__PURE__*/React.forwardRef(function (_ref2, ref) {
+  var size = _ref2.size,
+      color = _ref2.color,
+      theme = _ref2.theme;
+  return /*#__PURE__*/React.createElement(StyledSpinner, {
+    color: get(theme.yoga.colors, color, color),
+    size: get(theme.yoga.spacing, size, size),
+    ref: ref
+  }, /*#__PURE__*/React.createElement("span", {
+    className: "spinner"
+  }, /*#__PURE__*/React.createElement("svg", {
+    className: "circular",
+    viewBox: "22 22 44 44"
+  }, /*#__PURE__*/React.createElement("circle", {
+    className: "path",
+    fill: "none",
+    strokeWidth: "3.6",
+    cx: "44",
+    cy: "44",
+    r: "20.2"
+  }))));
+});
+var commonSizes = ['xxxsmall', 'xxsmall', 'xsmall', 'small', 'medium', 'large', 'xlarge', 'xxlarge', 'xxxlarge', 'huge', 'xhuge'];
+Spinner.propTypes = {
+  size: oneOfType([oneOf(commonSizes), string, number]),
+  color: string
+};
+Spinner.defaultProps = {
+  size: 'medium',
+  color: 'primary'
+};
+export default withTheme(Spinner);

package/esm/Spinner/web/Spinner.test.js

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

package/esm/Spinner/web/index.js

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

package/esm/Theme/theme/theme.js

@@ -35,6 +35,7 @@ import _componentThemes_Result$Result from "./../../Result/Result.theme.js";
 import _componentThemes_Skeleton$Skeleton from "./../../Skeleton/Skeleton.theme.js";
 import _componentThemes_Slider$Slider from "./../../Slider/Slider.theme.js";
 import _componentThemes_Snackbar$Snackbar from "./../../Snackbar/Snackbar.theme.js";
+import _componentThemes_Spinner$Spinner from "./../../Spinner/Spinner.theme.js";
 import _componentThemes_Stepper$Stepper from "./../../Stepper/Stepper.theme.js";
 import _componentThemes_Tag$Tag from "./../../Tag/Tag.theme.js";
 import _componentThemes_Text$Text from "./../../Text/Text.theme.js";
@@ -73,6 +74,7 @@ var componentThemes = {
   Skeleton$Skeleton: _componentThemes_Skeleton$Skeleton,
   Slider$Slider: _componentThemes_Slider$Slider,
   Snackbar$Snackbar: _componentThemes_Snackbar$Snackbar,
+  Spinner$Spinner: _componentThemes_Spinner$Spinner,
   Stepper$Stepper: _componentThemes_Stepper$Stepper,
   Tag$Tag: _componentThemes_Tag$Tag,
   Text$Text: _componentThemes_Text$Text,

package/esm/index.js

@@ -34,4 +34,5 @@ import Drawer from './Drawer';
 import Skeleton from './Skeleton';
 import ActionRequirement from './ActionRequirement';
 import Popover from './Popover';
-export { Accordion, 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 };
+import Spinner from './Spinner';
+export { Accordion, 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, Spinner };

package/package.json

@@ -1,8 +1,8 @@
 {
   "name": "@gympass/yoga",
-  "version": "7.85.0",
+  "version": "7.86.0",
   "description": "Gympass component library",
-  "main": "./cjs/index.js",
+  "main": "./cjs",
   "sideEffects": false,
   "keywords": [
     "Gympass",
@@ -55,15 +55,9 @@
     "react-native": "0.72.3",
     "styled-components": "^4.4.0"
   },
-  "gitHead": "50e7fe81196a75e281971354ca961b08c4e89a1f",
-  "module": "./esm/index.js",
+  "gitHead": "f9fc54de778b4b2a2fecb1c95bcc79c05629490b",
+  "module": "./esm",
   "types": "./typings/index.d.ts",
   "private": false,
-  "exports": {
-    ".": {
-      "require": "./cjs/index.js",
-      "import": "./esm/index.js"
-    }
-  },
   "react-native": "./cjs/index.native.js"
 }