@gympass/yoga 7.30.0 → 7.32.1

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 _defineProperty2=_interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));var _extends2=_interopRequireDefault(require("@babel/runtime/helpers/extends"));var _objectWithoutProperties2=_interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));var _react=_interopRequireDefault(require("react"));var _yogaIcons=require("@gympass/yoga-icons");var _propTypes=require("prop-types");var _reactNative=require("react-native");var _Box=_interopRequireDefault(require("../../Box"));var _Icon=_interopRequireDefault(require("../../Icon"));var _excluded=["icon","src","children","fill","stroke"];function ownKeys(object,enumerableOnly){var keys=Object.keys(object);if(Object.getOwnPropertySymbols){var symbols=Object.getOwnPropertySymbols(object);if(enumerableOnly){symbols=symbols.filter(function(sym){return Object.getOwnPropertyDescriptor(object,sym).enumerable;});}keys.push.apply(keys,symbols);}return keys;}function _objectSpread(target){for(var i=1;i<arguments.length;i++){var source=arguments[i]!=null?arguments[i]:{};if(i%2){ownKeys(Object(source),true).forEach(function(key){(0,_defineProperty2["default"])(target,key,source[key]);});}else if(Object.getOwnPropertyDescriptors){Object.defineProperties(target,Object.getOwnPropertyDescriptors(source));}else{ownKeys(Object(source)).forEach(function(key){Object.defineProperty(target,key,Object.getOwnPropertyDescriptor(source,key));});}}return target;}var Content=function Content(_ref){var icon=_ref.icon,src=_ref.src,fill=_ref.fill,content=_ref.content,stroke=_ref.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=function Avatar(_ref2){var _ref2$icon=_ref2.icon,icon=_ref2$icon===void 0?_yogaIcons.BuildingFilled:_ref2$icon,src=_ref2.src,children=_ref2.children,fill=_ref2.fill,stroke=_ref2.stroke,props=(0,_objectWithoutProperties2["default"])(_ref2,_excluded);return _react["default"].createElement(_Box["default"],(0,_extends2["default"])({bgColor:"elements.selectionAndIcons",display:"flex",alignItems:"center",justifyContent:"center",width:48,height:48,borderRadius:"small",elevation:"small",overflow:"hidden"},props),_react["default"].createElement(Content,{icon:icon,src:src,fill:fill,stroke:stroke,content:children}));};Content.propTypes=_objectSpread({src:_reactNative.Image.propTypes.source,icon:_propTypes.func,fill:_propTypes.string},_Box["default"].propTypes);Content.defaultProps={src:undefined,fill:'white',icon:_yogaIcons.BuildingFilled};Avatar.propTypes=_objectSpread({src:_reactNative.Image.propTypes.source,icon:_propTypes.func,fill:_propTypes.string},_Box["default"].propTypes);Avatar.defaultProps=_objectSpread({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 _defineProperty2=_interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));var _extends2=_interopRequireDefault(require("@babel/runtime/helpers/extends"));var _objectWithoutProperties2=_interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));var _react=_interopRequireWildcard(require("react"));var _yogaIcons=require("@gympass/yoga-icons");var _propTypes=require("prop-types");var _reactNative=require("react-native");var _Box=_interopRequireDefault(require("../../Box"));var _Icon=_interopRequireDefault(require("../../Icon"));var _excluded=["icon","src","children","fill","stroke"];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 ownKeys(object,enumerableOnly){var keys=Object.keys(object);if(Object.getOwnPropertySymbols){var symbols=Object.getOwnPropertySymbols(object);if(enumerableOnly){symbols=symbols.filter(function(sym){return Object.getOwnPropertyDescriptor(object,sym).enumerable;});}keys.push.apply(keys,symbols);}return keys;}function _objectSpread(target){for(var i=1;i<arguments.length;i++){var source=arguments[i]!=null?arguments[i]:{};if(i%2){ownKeys(Object(source),true).forEach(function(key){(0,_defineProperty2["default"])(target,key,source[key]);});}else if(Object.getOwnPropertyDescriptors){Object.defineProperties(target,Object.getOwnPropertyDescriptors(source));}else{ownKeys(Object(source)).forEach(function(key){Object.defineProperty(target,key,Object.getOwnPropertyDescriptor(source,key));});}}return target;}var Content=function Content(_ref){var icon=_ref.icon,src=_ref.src,fill=_ref.fill,content=_ref.content,stroke=_ref.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(_ref2,ref){var _ref2$icon=_ref2.icon,icon=_ref2$icon===void 0?_yogaIcons.BuildingFilled:_ref2$icon,src=_ref2.src,children=_ref2.children,fill=_ref2.fill,stroke=_ref2.stroke,props=(0,_objectWithoutProperties2["default"])(_ref2,_excluded);return _react["default"].createElement(_Box["default"],(0,_extends2["default"])({ref:ref,bgColor:"elements.selectionAndIcons",display:"flex",alignItems:"center",justifyContent:"center",width:48,height:48,borderRadius:"small",elevation:"small",overflow:"hidden"},props),_react["default"].createElement(Content,{icon:icon,src:src,fill:fill,stroke:stroke,content:children}));});Content.propTypes=_objectSpread({src:_reactNative.Image.propTypes.source,icon:_propTypes.func,fill:_propTypes.string},_Box["default"].propTypes);Content.defaultProps={src:undefined,fill:'white',icon:_yogaIcons.BuildingFilled};Avatar.propTypes=_objectSpread({src:_reactNative.Image.propTypes.source,icon:_propTypes.func,fill:_propTypes.string},_Box["default"].propTypes);Avatar.defaultProps=_objectSpread({src:undefined,fill:'white'},_Box["default"].defaultProps);Avatar.displayName='Avatar';var _default=Avatar;exports["default"]=_default;

package/cjs/Avatar/native/AvatarCircle.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 _react=_interopRequireDefault(require("react"));var _yogaIcons=require("@gympass/yoga-icons");var _Avatar=_interopRequireDefault(require("./Avatar"));var _excluded=["src"];var AvatarCircle=function AvatarCircle(_ref){var src=_ref.src,props=(0,_objectWithoutProperties2["default"])(_ref,_excluded);return _react["default"].createElement(_Avatar["default"],(0,_extends2["default"])({},props,{src:src,borderRadius:"circle",icon:!src?_yogaIcons.UserFilled:undefined}));};AvatarCircle.propTypes=_Avatar["default"].propTypes;AvatarCircle.defaultProps=_Avatar["default"].defaultProps;AvatarCircle.displayName='Avatar.Circle';var _default=AvatarCircle;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 _react=_interopRequireWildcard(require("react"));var _yogaIcons=require("@gympass/yoga-icons");var _Avatar=_interopRequireDefault(require("./Avatar"));var _excluded=["src"];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 AvatarCircle=(0,_react.forwardRef)(function(_ref,ref){var src=_ref.src,props=(0,_objectWithoutProperties2["default"])(_ref,_excluded);return _react["default"].createElement(_Avatar["default"],(0,_extends2["default"])({},props,{src:src,borderRadius:"circle",icon:!src?_yogaIcons.UserFilled:undefined,ref:ref}));});AvatarCircle.propTypes=_Avatar["default"].propTypes;AvatarCircle.defaultProps=_Avatar["default"].defaultProps;AvatarCircle.displayName='Avatar.Circle';var _default=AvatarCircle;exports["default"]=_default;

package/cjs/Avatar/web/Avatar.js

@@ -3,7 +3,7 @@
 exports.__esModule = true;
 exports["default"] = void 0;
 
-var _react = _interopRequireDefault(require("react"));
+var _react = _interopRequireWildcard(require("react"));
 
 var _styledComponents = _interopRequireDefault(require("styled-components"));
 
@@ -21,6 +21,10 @@ var _templateObject;
 
 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 _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 
 function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
@@ -62,7 +66,7 @@ var Content = function Content(_ref) {
  */
 
 
-var Avatar = function Avatar(_ref2) {
+var Avatar = /*#__PURE__*/(0, _react.forwardRef)(function (_ref2, ref) {
   var src = _ref2.src,
       alt = _ref2.alt,
       fill = _ref2.fill,
@@ -81,7 +85,8 @@ var Avatar = function Avatar(_ref2) {
     height: 48,
     borderRadius: "small",
     elevation: "small",
-    overflow: "hidden"
+    overflow: "hidden",
+    ref: ref
   }, otherProps), /*#__PURE__*/_react["default"].createElement(Content, {
     icon: icon,
     src: src,
@@ -90,8 +95,7 @@ var Avatar = function Avatar(_ref2) {
     content: children,
     alt: alt
   }));
-};
-
+});
 Content.propTypes = _extends({
   src: _propTypes.string,
   icon: _propTypes.func,

package/cjs/Avatar/web/AvatarCircle.js

@@ -3,7 +3,7 @@
 exports.__esModule = true;
 exports["default"] = void 0;
 
-var _react = _interopRequireDefault(require("react"));
+var _react = _interopRequireWildcard(require("react"));
 
 var _yogaIcons = require("@gympass/yoga-icons");
 
@@ -13,24 +13,28 @@ var _excluded = ["src", "alt"];
 
 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 _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 
 function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
 
-var AvatarCircle = function AvatarCircle(_ref) {
+var AvatarCircle = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref) {
   var src = _ref.src,
       _ref$alt = _ref.alt,
       alt = _ref$alt === void 0 ? '' : _ref$alt,
       props = _objectWithoutPropertiesLoose(_ref, _excluded);
 
   return /*#__PURE__*/_react["default"].createElement(_Avatar["default"], _extends({}, props, {
+    ref: ref,
     src: src,
     alt: alt,
     borderRadius: "circle",
     icon: !src ? _yogaIcons.UserFilled : undefined
   }));
-};
-
+});
 AvatarCircle.propTypes = _Avatar["default"].propTypes;
 AvatarCircle.defaultProps = _Avatar["default"].defaultProps;
 AvatarCircle.displayName = 'Avatar.Circle';

package/cjs/Banner/Banner.theme.js

@@ -0,0 +1,18 @@
+"use strict";
+
+exports.__esModule = true;
+exports["default"] = void 0;
+
+var Banner = function Banner(_ref) {
+  var colors = _ref.colors,
+      radii = _ref.radii;
+  return {
+    defaultBackgroundColor: colors.feedback.informative.light,
+    border: {
+      radius: radii.small
+    }
+  };
+};
+
+var _default = Banner;
+exports["default"] = _default;

package/cjs/Banner/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/Banner/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/Banner/native/Banner.js

@@ -0,0 +1 @@
+var _interopRequireDefault=require("@babel/runtime/helpers/interopRequireDefault");Object.defineProperty(exports,"__esModule",{value:true});exports["default"]=void 0;var _defineProperty2=_interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));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 _styledComponents=_interopRequireDefault(require("styled-components"));var _yogaSystem=require("@gympass/yoga-system");var _propTypes=require("prop-types");var _Box=_interopRequireDefault(require("../../Box"));var _Button=_interopRequireDefault(require("../../Button"));var _Icon=_interopRequireDefault(require("../../Icon"));var _Text=_interopRequireDefault(require("../../Text"));var _excluded=["button"],_excluded2=["icon","variant","message","primaryButton","secondaryButton"];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 StyledBanner=_styledComponents["default"].View(_templateObject||(_templateObject=(0,_taggedTemplateLiteralLoose2["default"])(["\n  display: flex;\n  flex: 1;\n  align-items: center;\n  ","\n\n  ","\n  \n  ","\n"])),function(_ref){var variant=_ref.variant,_ref$theme$yoga=_ref.theme.yoga,banner=_ref$theme$yoga.components.banner,spacing=_ref$theme$yoga.spacing,_ref$theme$yoga$color=_ref$theme$yoga.colors.feedback[variant],backgroundColor=_ref$theme$yoga$color===void 0?{light:banner.defaultBackgroundColor}:_ref$theme$yoga$color;return"\n    background-color: "+backgroundColor.light+";\n    padding: "+spacing.xxsmall+"px\n      "+spacing.small+"px;\n    border-radius: "+banner.border.radius+"px;\n  ";},_yogaSystem.margins,_yogaSystem.borders);var BannerActionButton=function BannerActionButton(_ref2){var _ref2$button=_ref2.button,label=_ref2$button.label,action=_ref2$button.action,props=(0,_objectWithoutProperties2["default"])(_ref2,_excluded);return _react["default"].createElement(_Box["default"],(0,_extends2["default"])({as:_Button["default"].Text,small:true,secondary:true,onPress:action},props),label);};BannerActionButton.propTypes={button:(0,_propTypes.shape)({label:_propTypes.string.isRequired,action:_propTypes.func.isRequired}).isRequired};var Banner=(0,_react.forwardRef)(function(props,ref){var icon=props.icon,variant=props.variant,message=props.message,primaryButton=props.primaryButton,secondaryButton=props.secondaryButton,rest=(0,_objectWithoutProperties2["default"])(props,_excluded2);return _react["default"].createElement(StyledBanner,(0,_extends2["default"])({ref:ref,variant:variant},rest),_react["default"].createElement(_Box["default"],{flexDirection:"row",flex:1,alignItems:"center"},icon&&_react["default"].createElement(_Icon["default"],{as:icon,size:"medium",fill:"secondary",marginRight:"xxsmall"}),_react["default"].createElement(_Text["default"].Small,{flex:1,marginVertical:"xxsmall"},message),primaryButton&&!secondaryButton&&_react["default"].createElement(BannerActionButton,{button:primaryButton,marginLeft:"xxsmall"})),primaryButton&&secondaryButton&&_react["default"].createElement(_Box["default"],{display:"flex",flex:1,justifyContent:"flex-end",flexDirection:"row",marginBottom:"xxsmall"},_react["default"].createElement(BannerActionButton,{button:primaryButton,marginRight:"xxxsmall"}),_react["default"].createElement(BannerActionButton,{button:secondaryButton})));});var BannerActionButtonType=(0,_propTypes.shape)({label:_propTypes.string.isRequired,action:_propTypes.func.isRequired});Banner.propTypes={icon:_propTypes.elementType,variant:(0,_propTypes.oneOf)(['success','informative','attention']),message:_propTypes.string.isRequired,primaryButton:BannerActionButtonType,secondaryButton:function secondaryButton(props,propName,componentName){var primaryButton=props.primaryButton;if(!primaryButton&&!!props[propName]){return new Error("The "+propName+" must only be used ensemble with the primaryButton.");}return(0,_propTypes.checkPropTypes)((0,_defineProperty2["default"])({},propName,BannerActionButtonType),props,'prop',componentName);}};Banner.defaultProps={icon:undefined,variant:'informative',primaryButton:undefined,secondaryButton:undefined};var _default=Banner;exports["default"]=_default;

package/cjs/Banner/native/index.js

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

package/cjs/Banner/web/Banner.js

@@ -0,0 +1,148 @@
+"use strict";
+
+exports.__esModule = true;
+exports["default"] = void 0;
+
+var _react = _interopRequireWildcard(require("react"));
+
+var _styledComponents = _interopRequireDefault(require("styled-components"));
+
+var _yogaSystem = require("@gympass/yoga-system");
+
+var _propTypes = require("prop-types");
+
+var _Box = _interopRequireDefault(require("../../Box"));
+
+var _Button = _interopRequireDefault(require("../../Button"));
+
+var _Icon = _interopRequireDefault(require("../../Icon"));
+
+var _Text = _interopRequireDefault(require("../../Text"));
+
+var _excluded = ["button"],
+    _excluded2 = ["icon", "variant", "message", "primaryButton", "secondaryButton"];
+
+var _templateObject;
+
+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 _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+
+function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
+
+function _taggedTemplateLiteralLoose(strings, raw) { if (!raw) { raw = strings.slice(0); } strings.raw = raw; return strings; }
+
+var StyledBanner = _styledComponents["default"].div(_templateObject || (_templateObject = _taggedTemplateLiteralLoose(["\n  display: flex;\n  flex: 1;\n  flex-direction: column;\n  ", "\n\n  ", "\n\n  ", "\n\n  ", "\n"])), function (_ref) {
+  var variant = _ref.variant,
+      _ref$theme$yoga = _ref.theme.yoga,
+      banner = _ref$theme$yoga.components.banner,
+      spacing = _ref$theme$yoga.spacing,
+      _ref$theme$yoga$color = _ref$theme$yoga.colors.feedback[variant],
+      backgroundColor = _ref$theme$yoga$color === void 0 ? {
+    light: banner.defaultBackgroundColor
+  } : _ref$theme$yoga$color;
+  return "\n    background-color: " + backgroundColor.light + ";\n    padding: " + spacing.xxsmall + "px\n      " + spacing.small + "px;\n    border-radius: " + banner.border.radius + "px;\n  ";
+}, _yogaSystem.margins, _yogaSystem.paddings, _yogaSystem.borders);
+
+var BannerActionButton = function BannerActionButton(_ref2) {
+  var _ref2$button = _ref2.button,
+      label = _ref2$button.label,
+      action = _ref2$button.action,
+      props = _objectWithoutPropertiesLoose(_ref2, _excluded);
+
+  return /*#__PURE__*/_react["default"].createElement(_Box["default"], _extends({
+    as: _Button["default"].Text,
+    small: true,
+    secondary: true,
+    onClick: action
+  }, props), label);
+};
+
+BannerActionButton.propTypes = {
+  button: (0, _propTypes.shape)({
+    label: _propTypes.string.isRequired,
+    action: _propTypes.func.isRequired
+  }).isRequired
+};
+/** A banner is a component that displays a prominent message. It can have related action buttons on it or not. */
+
+var Banner = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
+  var icon = props.icon,
+      variant = props.variant,
+      message = props.message,
+      primaryButton = props.primaryButton,
+      secondaryButton = props.secondaryButton,
+      rest = _objectWithoutPropertiesLoose(props, _excluded2);
+
+  return /*#__PURE__*/_react["default"].createElement(StyledBanner, _extends({
+    ref: ref,
+    variant: variant
+  }, rest), /*#__PURE__*/_react["default"].createElement(_Box["default"], {
+    display: "flex",
+    flex: 1,
+    alignItems: "center"
+  }, icon && /*#__PURE__*/_react["default"].createElement(_Icon["default"], {
+    as: icon,
+    size: "medium",
+    fill: "secondary",
+    marginRight: "xxsmall"
+  }), /*#__PURE__*/_react["default"].createElement(_Text["default"].Small, {
+    flex: 1,
+    marginVertical: "xxsmall"
+  }, message), primaryButton && !secondaryButton && /*#__PURE__*/_react["default"].createElement(BannerActionButton, {
+    button: primaryButton,
+    marginLeft: "xxsmall"
+  })), primaryButton && secondaryButton && /*#__PURE__*/_react["default"].createElement(_Box["default"], {
+    display: "flex",
+    flex: 1,
+    justifyContent: "flex-end",
+    marginBottom: "xxsmall"
+  }, /*#__PURE__*/_react["default"].createElement(BannerActionButton, {
+    button: primaryButton,
+    marginRight: "xxxsmall"
+  }), /*#__PURE__*/_react["default"].createElement(BannerActionButton, {
+    button: secondaryButton
+  })));
+});
+var BannerActionButtonType = (0, _propTypes.shape)({
+  label: _propTypes.string.isRequired,
+  action: _propTypes.func.isRequired
+});
+Banner.propTypes = {
+  /** SVG to be rendered. */
+  icon: _propTypes.elementType,
+
+  /** style the banner following the theme (success, informative, attention) */
+  variant: (0, _propTypes.oneOf)(['success', 'informative', 'attention']),
+
+  /** the message to display */
+  message: _propTypes.string.isRequired,
+
+  /** the label and action fuction are required for banner action buttons  */
+  primaryButton: BannerActionButtonType,
+
+  /** the secondary button should only be used assemble the primary button (the label and action fuction are required for banner action buttons).  */
+  secondaryButton: function secondaryButton(props, propName, componentName) {
+    var _checkPropTypes;
+
+    var primaryButton = props.primaryButton;
+
+    if (!primaryButton && !!props[propName]) {
+      return new Error("The " + propName + " must only be used ensemble with the primaryButton.");
+    }
+
+    return (0, _propTypes.checkPropTypes)((_checkPropTypes = {}, _checkPropTypes[propName] = BannerActionButtonType, _checkPropTypes), props, 'prop', componentName);
+  }
+};
+Banner.defaultProps = {
+  icon: undefined,
+  variant: 'informative',
+  primaryButton: undefined,
+  secondaryButton: undefined
+};
+var _default = Banner;
+exports["default"] = _default;

package/cjs/Banner/web/index.js

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

package/cjs/Button/native/Button.js

@@ -1 +1 @@
-var _interopRequireDefault=require("@babel/runtime/helpers/interopRequireDefault");Object.defineProperty(exports,"__esModule",{value:true});exports["default"]=exports.Label=exports.ButtonContainer=void 0;var _extends2=_interopRequireDefault(require("@babel/runtime/helpers/extends"));var _objectWithoutProperties2=_interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));var _taggedTemplateLiteralLoose2=_interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteralLoose"));var _react=_interopRequireDefault(require("react"));var _styledComponents=_interopRequireWildcard(require("styled-components"));var _propTypes=require("prop-types");var _withTouchable=_interopRequireDefault(require("./withTouchable"));var _Text=_interopRequireDefault(require("../../Text"));var _excluded=["children","full","disabled","small","pressed","inverted","secondary","icon","theme"];var _templateObject,_templateObject2;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 Label=(0,_styledComponents["default"])(_Text["default"].Medium)(_templateObject||(_templateObject=(0,_taggedTemplateLiteralLoose2["default"])(["\n  text-align: center;\n  ","\n"])),function(_ref){var small=_ref.small,color=_ref.color,button=_ref.theme.yoga.components.button;return"\n      font-size: "+(small?button.font.size.small:button.font.size["default"])+"px;\n      color: "+color+";\n    ";});exports.Label=Label;var ButtonContainer=_styledComponents["default"].View(_templateObject2||(_templateObject2=(0,_taggedTemplateLiteralLoose2["default"])(["\n  ","\n"])),function(_ref2){var pressed=_ref2.pressed,disabled=_ref2.disabled,full=_ref2.full,small=_ref2.small,inverted=_ref2.inverted,secondary=_ref2.secondary,button=_ref2.theme.yoga.components.button;var state=secondary?'secondary':'primary';return"\n      flex-direction: row;\n      align-items: center;\n      justify-content: center;\n\n      background-color: "+button.types.contained.backgroundColor[state]["default"]+";\n      border-radius: "+button.border.radius+"px;\n      height: "+(small?button.height.small:button.height["default"])+";\n      justify-content: center;\n      padding-left: "+(small?button.padding.small.left:button.padding["default"].left)+"px;\n      padding-right: "+(small?button.padding.small.right:button.padding["default"].right)+"px;\n      "+(full?'width: 100%;':'')+"\n\n      "+(!disabled&&pressed?"\n        background-color: "+button.types.contained.backgroundColor[state].pressed+";\n      ":'')+"\n\n      "+(disabled?"\n        background-color: "+button.types.contained.backgroundColor.disabled+";\n      ":'')+"\n\n      "+(inverted&&!disabled?"\n          background-color: "+button.types.contained.font["default"].color+";\n        ":'')+"\n    ";});exports.ButtonContainer=ButtonContainer;var Button=function Button(_ref3){var children=_ref3.children,full=_ref3.full,disabled=_ref3.disabled,small=_ref3.small,pressed=_ref3.pressed,inverted=_ref3.inverted,secondary=_ref3.secondary,Icon=_ref3.icon,button=_ref3.theme.yoga.components.button,rest=(0,_objectWithoutProperties2["default"])(_ref3,_excluded);var state=secondary?'secondary':'primary';var textColor=button.types.contained.font["default"].color;if(disabled){textColor=button.types.contained.font.disabled.color;}else if(inverted){textColor=button.types.contained.backgroundColor[state]["default"];if(pressed){textColor=button.types.contained.backgroundColor[state].pressed;}}else if(pressed){textColor=button.types.contained.font.pressed.color;}return _react["default"].createElement(ButtonContainer,(0,_extends2["default"])({},rest,{full:full,pressed:pressed,disabled:disabled,small:small,inverted:inverted,secondary:secondary}),Icon&&_react["default"].createElement(Icon,{width:small?button.icon.size.small:button.icon.size["default"],height:small?button.icon.size.small:button.icon.size["default"],fill:textColor,style:{marginRight:button.icon.margin.right}}),_react["default"].createElement(Label,{disabled:disabled,pressed:pressed,inverted:inverted,small:small,color:textColor},children));};Button.propTypes={children:_propTypes.node,full:_propTypes.bool,disabled:_propTypes.bool,small:_propTypes.bool,pressed:_propTypes.bool,inverted:_propTypes.bool,secondary:_propTypes.bool,icon:(0,_propTypes.oneOfType)([_propTypes.bool,_propTypes.func])};Button.defaultProps={children:'Button',full:false,disabled:false,small:false,pressed:false,inverted:false,secondary:false,icon:undefined};var ButtonWithTouchable=(0,_withTouchable["default"])((0,_styledComponents.withTheme)(Button));exports["default"]=ButtonWithTouchable;
+var _interopRequireDefault=require("@babel/runtime/helpers/interopRequireDefault");Object.defineProperty(exports,"__esModule",{value:true});exports["default"]=exports.Label=exports.ButtonContainer=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 _styledComponents=_interopRequireWildcard(require("styled-components"));var _propTypes=require("prop-types");var _withTouchable=_interopRequireDefault(require("./withTouchable"));var _Text=_interopRequireDefault(require("../../Text"));var _excluded=["children","full","disabled","small","pressed","inverted","secondary","icon","theme"];var _templateObject,_templateObject2;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 Label=(0,_styledComponents["default"])(_Text["default"].Medium)(_templateObject||(_templateObject=(0,_taggedTemplateLiteralLoose2["default"])(["\n  text-align: center;\n  ","\n"])),function(_ref){var small=_ref.small,color=_ref.color,button=_ref.theme.yoga.components.button;return"\n      font-size: "+(small?button.font.size.small:button.font.size["default"])+"px;\n      color: "+color+";\n    ";});exports.Label=Label;var ButtonContainer=_styledComponents["default"].View(_templateObject2||(_templateObject2=(0,_taggedTemplateLiteralLoose2["default"])(["\n  ","\n"])),function(_ref2){var pressed=_ref2.pressed,disabled=_ref2.disabled,full=_ref2.full,small=_ref2.small,inverted=_ref2.inverted,secondary=_ref2.secondary,button=_ref2.theme.yoga.components.button;var state=secondary?'secondary':'primary';return"\n      flex-direction: row;\n      align-items: center;\n      justify-content: center;\n\n      background-color: "+button.types.contained.backgroundColor[state]["default"]+";\n      border-radius: "+button.border.radius+"px;\n      height: "+(small?button.height.small:button.height["default"])+";\n      justify-content: center;\n      padding-left: "+(small?button.padding.small.left:button.padding["default"].left)+"px;\n      padding-right: "+(small?button.padding.small.right:button.padding["default"].right)+"px;\n      "+(full?'width: 100%;':'')+"\n\n      "+(!disabled&&pressed?"\n        background-color: "+button.types.contained.backgroundColor[state].pressed+";\n      ":'')+"\n\n      "+(disabled?"\n        background-color: "+button.types.contained.backgroundColor.disabled+";\n      ":'')+"\n\n      "+(inverted&&!disabled?"\n          background-color: "+button.types.contained.font["default"].color+";\n        ":'')+"\n    ";});exports.ButtonContainer=ButtonContainer;var Button=(0,_react.forwardRef)(function(_ref3,ref){var children=_ref3.children,full=_ref3.full,disabled=_ref3.disabled,small=_ref3.small,pressed=_ref3.pressed,inverted=_ref3.inverted,secondary=_ref3.secondary,Icon=_ref3.icon,button=_ref3.theme.yoga.components.button,rest=(0,_objectWithoutProperties2["default"])(_ref3,_excluded);var state=secondary?'secondary':'primary';var textColor=button.types.contained.font["default"].color;if(disabled){textColor=button.types.contained.font.disabled.color;}else if(inverted){textColor=button.types.contained.backgroundColor[state]["default"];if(pressed){textColor=button.types.contained.backgroundColor[state].pressed;}}else if(pressed){textColor=button.types.contained.font.pressed.color;}return _react["default"].createElement(ButtonContainer,(0,_extends2["default"])({},rest,{full:full,pressed:pressed,disabled:disabled,small:small,inverted:inverted,secondary:secondary,ref:ref}),Icon&&_react["default"].createElement(Icon,{width:small?button.icon.size.small:button.icon.size["default"],height:small?button.icon.size.small:button.icon.size["default"],fill:textColor,style:{marginRight:button.icon.margin.right}}),_react["default"].createElement(Label,{disabled:disabled,pressed:pressed,inverted:inverted,small:small,color:textColor},children));});Button.propTypes={children:_propTypes.node,full:_propTypes.bool,disabled:_propTypes.bool,small:_propTypes.bool,pressed:_propTypes.bool,inverted:_propTypes.bool,secondary:_propTypes.bool,icon:(0,_propTypes.oneOfType)([_propTypes.bool,_propTypes.func])};Button.defaultProps={children:'Button',full:false,disabled:false,small:false,pressed:false,inverted:false,secondary:false,icon:undefined};var ButtonWithTouchable=(0,_withTouchable["default"])((0,_styledComponents.withTheme)(Button));exports["default"]=ButtonWithTouchable;

package/cjs/Button/native/Link.js

@@ -1 +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 _styledComponents=_interopRequireDefault(require("styled-components"));var _propTypes=require("prop-types");var _yogaCommon=require("@gympass/yoga-common");var _withTouchable=_interopRequireDefault(require("./withTouchable"));var _Button=require("./Button");var _templateObject;var Link=(0,_styledComponents["default"])(_Button.Label)(_templateObject||(_templateObject=(0,_taggedTemplateLiteralLoose2["default"])(["\n  ","\n"])),function(_ref){var disabled=_ref.disabled,pressed=_ref.pressed,secondary=_ref.secondary,link=_ref.theme.yoga.components.button.types.link;var state=secondary?'secondary':'primary';return"\n      color: "+link.font[state].color+";\n\n      "+(disabled?"color: "+link.font.disabled.color+";":'')+"\n      "+(!disabled&&pressed?"color: "+(0,_yogaCommon.hexToRgb)(link.font[state].color,0.75)+";":'')+"\n    ";});var ButtonLink=function ButtonLink(props){return _react["default"].createElement(Link,props);};ButtonLink.propTypes={disabled:_propTypes.bool,secondary:_propTypes.bool};ButtonLink.defaultProps={disabled:false,secondary:false};ButtonLink.displayName='Button.Link';var _default=(0,_withTouchable["default"])(ButtonLink);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 _taggedTemplateLiteralLoose2=_interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteralLoose"));var _react=_interopRequireWildcard(require("react"));var _styledComponents=_interopRequireDefault(require("styled-components"));var _propTypes=require("prop-types");var _yogaCommon=require("@gympass/yoga-common");var _withTouchable=_interopRequireDefault(require("./withTouchable"));var _Button=require("./Button");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 Link=(0,_styledComponents["default"])(_Button.Label)(_templateObject||(_templateObject=(0,_taggedTemplateLiteralLoose2["default"])(["\n  ","\n"])),function(_ref){var disabled=_ref.disabled,pressed=_ref.pressed,secondary=_ref.secondary,link=_ref.theme.yoga.components.button.types.link;var state=secondary?'secondary':'primary';return"\n      color: "+link.font[state].color+";\n\n      "+(disabled?"color: "+link.font.disabled.color+";":'')+"\n      "+(!disabled&&pressed?"color: "+(0,_yogaCommon.hexToRgb)(link.font[state].color,0.75)+";":'')+"\n    ";});var ButtonLink=(0,_react.forwardRef)(function(props,ref){return _react["default"].createElement(Link,(0,_extends2["default"])({},props,{ref:ref}));});ButtonLink.propTypes={disabled:_propTypes.bool,secondary:_propTypes.bool};ButtonLink.defaultProps={disabled:false,secondary:false};ButtonLink.displayName='Button.Link';var _default=(0,_withTouchable["default"])(ButtonLink);exports["default"]=_default;

package/cjs/Button/native/Text.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=_interopRequireDefault(require("react"));var _styledComponents=_interopRequireWildcard(require("styled-components"));var _yogaCommon=require("@gympass/yoga-common");var _withTouchable=_interopRequireDefault(require("./withTouchable"));var _Button=require("./Button");var _excluded=["children","disabled","pressed","small","secondary","inverted","icon","theme"];var _templateObject,_templateObject2;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 LabelText=(0,_styledComponents["default"])(_Button.Label)(_templateObject||(_templateObject=(0,_taggedTemplateLiteralLoose2["default"])(["\n  ","\n"])),function(_ref){var color=_ref.color;return"color: "+color+";";});var ButtonContainerText=(0,_styledComponents["default"])(_Button.ButtonContainer)(_templateObject2||(_templateObject2=(0,_taggedTemplateLiteralLoose2["default"])(["\n  ","\n"])),function(_ref2){var button=_ref2.theme.yoga.components.button;return"\n    background-color: "+button.types.text.backgroundColor+";\n  ";});var ButtonText=function ButtonText(_ref3){var children=_ref3.children,disabled=_ref3.disabled,pressed=_ref3.pressed,small=_ref3.small,secondary=_ref3.secondary,inverted=_ref3.inverted,Icon=_ref3.icon,_ref3$theme$yoga=_ref3.theme.yoga,colors=_ref3$theme$yoga.colors,button=_ref3$theme$yoga.components.button,rest=(0,_objectWithoutProperties2["default"])(_ref3,_excluded);var state=secondary?'secondary':'primary';var textColor=colors[state];if(disabled){textColor=colors.text.disabled;}else if(inverted){textColor=colors.white;if(pressed){textColor=(0,_yogaCommon.hexToRgb)(colors.white,0.75);}}else if(pressed){textColor=(0,_yogaCommon.hexToRgb)(colors[state],0.75);}return _react["default"].createElement(ButtonContainerText,(0,_extends2["default"])({},rest,{disabled:disabled,pressed:pressed,small:small}),Icon&&_react["default"].createElement(Icon,{width:small?button.icon.size.small:button.icon.size["default"],height:small?button.icon.size.small:button.icon.size["default"],fill:textColor,style:{marginRight:button.icon.margin.right}}),_react["default"].createElement(LabelText,{disabled:disabled,pressed:pressed,small:small,secondary:secondary,color:textColor},children));};ButtonText.propTypes=_Button.ButtonContainer.propTypes;ButtonText.defaultProps=_Button.ButtonContainer.defaultProps;var _default=(0,_withTouchable["default"])((0,_styledComponents.withTheme)(ButtonText));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 _styledComponents=_interopRequireWildcard(require("styled-components"));var _yogaCommon=require("@gympass/yoga-common");var _withTouchable=_interopRequireDefault(require("./withTouchable"));var _Button=require("./Button");var _excluded=["children","disabled","pressed","small","secondary","inverted","icon","theme"];var _templateObject,_templateObject2;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 LabelText=(0,_styledComponents["default"])(_Button.Label)(_templateObject||(_templateObject=(0,_taggedTemplateLiteralLoose2["default"])(["\n  ","\n"])),function(_ref){var color=_ref.color;return"color: "+color+";";});var ButtonContainerText=(0,_styledComponents["default"])(_Button.ButtonContainer)(_templateObject2||(_templateObject2=(0,_taggedTemplateLiteralLoose2["default"])(["\n  ","\n"])),function(_ref2){var button=_ref2.theme.yoga.components.button;return"\n    background-color: "+button.types.text.backgroundColor+";\n  ";});var ButtonText=(0,_react.forwardRef)(function(_ref3,ref){var children=_ref3.children,disabled=_ref3.disabled,pressed=_ref3.pressed,small=_ref3.small,secondary=_ref3.secondary,inverted=_ref3.inverted,Icon=_ref3.icon,_ref3$theme$yoga=_ref3.theme.yoga,colors=_ref3$theme$yoga.colors,button=_ref3$theme$yoga.components.button,rest=(0,_objectWithoutProperties2["default"])(_ref3,_excluded);var state=secondary?'secondary':'primary';var textColor=colors[state];if(disabled){textColor=colors.text.disabled;}else if(inverted){textColor=colors.white;if(pressed){textColor=(0,_yogaCommon.hexToRgb)(colors.white,0.75);}}else if(pressed){textColor=(0,_yogaCommon.hexToRgb)(colors[state],0.75);}return _react["default"].createElement(ButtonContainerText,(0,_extends2["default"])({},rest,{disabled:disabled,pressed:pressed,small:small,ref:ref}),Icon&&_react["default"].createElement(Icon,{width:small?button.icon.size.small:button.icon.size["default"],height:small?button.icon.size.small:button.icon.size["default"],fill:textColor,style:{marginRight:button.icon.margin.right}}),_react["default"].createElement(LabelText,{disabled:disabled,pressed:pressed,small:small,secondary:secondary,color:textColor},children));});ButtonText.propTypes=_Button.ButtonContainer.propTypes;ButtonText.defaultProps=_Button.ButtonContainer.defaultProps;var _default=(0,_withTouchable["default"])((0,_styledComponents.withTheme)(ButtonText));exports["default"]=_default;

package/cjs/Button/web/Button.js

@@ -3,7 +3,7 @@
 exports.__esModule = true;
 exports["default"] = void 0;
 
-var _react = _interopRequireDefault(require("react"));
+var _react = _interopRequireWildcard(require("react"));
 
 var _propTypes = require("prop-types");
 
@@ -13,12 +13,16 @@ var _excluded = ["children", "onClick", "full", "disabled", "inverted", "small",
 
 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 _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 
 function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
 
 /** Buttons make common actions more obvious and help users more easily perform them. Buttons use labels and sometimes icons to communicate the action that will occur when the user touches them. */
-var Button = function Button(_ref) {
+var Button = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref) {
   var children = _ref.children,
       onClick = _ref.onClick,
       full = _ref.full,
@@ -36,6 +40,7 @@ var Button = function Button(_ref) {
   }
 
   return /*#__PURE__*/_react["default"].createElement(_StyledButton["default"], _extends({
+    ref: ref,
     disabled: disabled,
     full: full,
     inverted: inverted,
@@ -43,8 +48,7 @@ var Button = function Button(_ref) {
     small: small,
     secondary: secondary
   }, finalProps), Icon && /*#__PURE__*/_react["default"].createElement(Icon, null), children);
-};
-
+});
 Button.propTypes = {
   children: _propTypes.node,
   disabled: _propTypes.bool,

package/cjs/Button/web/Outline.js

@@ -3,12 +3,8 @@
 exports.__esModule = true;
 exports["default"] = void 0;
 
-var _react = _interopRequireDefault(require("react"));
-
 var _styledComponents = _interopRequireDefault(require("styled-components"));
 
-var _propTypes = require("prop-types");
-
 var _yogaCommon = require("@gympass/yoga-common");
 
 var _Button = _interopRequireDefault(require("./Button"));
@@ -19,7 +15,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 Outline = (0, _styledComponents["default"])(_Button["default"])(_templateObject || (_templateObject = _taggedTemplateLiteralLoose(["\n  ", "\n"])), function (_ref) {
+var ButtonOutline = (0, _styledComponents["default"])(_Button["default"])(_templateObject || (_templateObject = _taggedTemplateLiteralLoose(["\n  ", "\n"])), function (_ref) {
   var inverted = _ref.inverted,
       secondary = _ref.secondary,
       _ref$theme$yoga = _ref.theme.yoga,
@@ -28,31 +24,6 @@ var Outline = (0, _styledComponents["default"])(_Button["default"])(_templateObj
   var state = secondary ? 'secondary' : 'primary';
   return "\n      background-color: " + outline.backgroundColor["default"] + ";\n      border: " + outline.border.width + "px solid;\n      border-color: " + outline.font["default"][state].color + ";\n      color: " + outline.font["default"][state].color + ";\n\n      svg {\n        fill: " + outline.font["default"][state].color + ";\n      }\n\n      &:not([disabled]):hover, &:not([disabled]):focus {\n        background-color: " + outline.backgroundColor[state].hover + ";\n        color: " + outline.font.hover.color + ";\n\n        svg {\n          fill: " + outline.font.hover.color + ";\n        }\n      }\n\n      &:not([disabled]):active {\n        background-color: " + outline.backgroundColor["default"] + ";\n        border-color: " + outline.font.pressed[state].color + ";\n        color: " + outline.font.pressed[state].color + ";\n        box-shadow: none;\n\n        svg {\n          fill: " + outline.font.pressed[state].color + ";\n        }\n      }\n\n      &:disabled {\n        background-color: " + outline.backgroundColor["default"] + ";\n        border-color: " + outline.font.disabled.color + ";\n        color: " + outline.font.disabled.color + ";\n\n        svg {\n          fill: " + outline.font.disabled.color + ";\n        }\n      }\n\n      " + (inverted ? "\n            border-color: " + white + ";\n            color: " + white + ";\n\n            svg {\n              fill: " + white + ";\n            }\n\n            &:not([disabled]):hover, &:not([disabled]):focus {\n              background-color: " + white + ";\n              color: " + outline.font["default"][state].color + ";\n\n              svg {\n                fill: " + outline.font["default"][state].color + ";\n              }\n            }\n\n            &:not([disabled]):active {\n              background-color: " + outline.backgroundColor["default"] + ";\n              border-color: " + (0, _yogaCommon.hexToRgb)(white, 0.75) + ";\n              color: " + (0, _yogaCommon.hexToRgb)(white, 0.75) + ";\n\n              svg {\n                fill: " + (0, _yogaCommon.hexToRgb)(white, 0.75) + ";\n              }\n            }\n\n            &:disabled {\n              border-color: " + outline.font.disabled.color + ";\n              color: " + outline.font.disabled.color + ";\n              svg {\n                fill: " + outline.font.disabled.color + ";\n              }\n            }\n          " : '') + "\n    ";
 });
-
-var ButtonOutline = function ButtonOutline(props) {
-  return /*#__PURE__*/_react["default"].createElement(Outline, props);
-};
-
-ButtonOutline.propTypes = {
-  disabled: _propTypes.bool,
-  full: _propTypes.bool,
-  inverted: _propTypes.bool,
-  onClick: _propTypes.func,
-  secondary: _propTypes.bool,
-  small: _propTypes.bool,
-
-  /** an Icon from yoga-icons package */
-  icon: (0, _propTypes.oneOfType)([_propTypes.node, _propTypes.func])
-};
-ButtonOutline.defaultProps = {
-  disabled: false,
-  full: false,
-  inverted: false,
-  onClick: function onClick() {},
-  secondary: false,
-  small: false,
-  icon: undefined
-};
 ButtonOutline.displayName = 'Button.Outline';
 var _default = ButtonOutline;
 exports["default"] = _default;

package/cjs/Input/web/Fieldset.js

@@ -19,7 +19,7 @@ var Fieldset = _styledComponents["default"].fieldset(_templateObject || (_templa
       _ref$theme$yoga = _ref.theme.yoga,
       colors = _ref$theme$yoga.colors,
       input = _ref$theme$yoga.components.input;
-  return "\n    width: " + (full ? '100%' : input.width + "px") + ";\n    height: " + input.height + "px;\n\n    padding-left: " + (input.label.padding.left + input.border.radius) + "px;\n\n    border-radius: " + input.border.radius + "px;\n    border-width: " + input.border.width + "px;\n    border-style: solid;\n    border-color: " + (error ? colors.feedback.attention[1] : input.border.color["default"]) + ";\n\n    " + (value && !error ? "border-color: " + input.border.color.typed + ";" : '') + "\n\n    &:hover, &:focus-within {\n      border-color: " + (error ? colors.feedback.attention[1] : input.border.color.typed) + ";\n\n      " + (disabled ? "border-color: " + colors.elements.lineAndBorders + ";" : '') + "\n    }\n\n    \n  ";
+  return "\n    width: " + (full ? '100%' : input.width + "px") + ";\n    height: " + input.height + "px;\n\n    padding-left: " + (input.label.padding.left + input.border.radius) + "px;\n\n    border-radius: " + input.border.radius + "px;\n    border-width: " + input.border.width + "px;\n    border-style: solid;\n    border-color: " + (error ? colors.feedback.attention[1] : input.border.color["default"]) + ";\n\n    " + (value && !error ? "border-color: " + input.border.color.typed + ";" : '') + "\n\n    " + (disabled ? "border-color: " + colors.elements.lineAndBorders + ";" : '') + "\n\n    &:hover, &:focus-within { \n      &:not(:disabled) {\n        border-color: " + (error ? colors.feedback.attention[1] : input.border.color.typed) + ";\n      } \n    }\n\n    \n  ";
 });
 
 var _default = Fieldset;

package/cjs/Theme/theme/theme.js

@@ -9,6 +9,8 @@ var _AutoCompleteTheme = _interopRequireDefault(require("./../../AutoComplete/Au
 
 var _AvatarTheme = _interopRequireDefault(require("./../../Avatar/Avatar.theme.js"));
 
+var _BannerTheme = _interopRequireDefault(require("./../../Banner/Banner.theme.js"));
+
 var _BottomSheetTheme = _interopRequireDefault(require("./../../BottomSheet/BottomSheet.theme.js"));
 
 var _ButtonTheme = _interopRequireDefault(require("./../../Button/Button.theme.js"));
@@ -66,6 +68,7 @@ function _extends() { _extends = Object.assign || function (target) { for (var i
 var componentThemes = {
   AutoComplete$AutoComplete: _AutoCompleteTheme["default"],
   Avatar$Avatar: _AvatarTheme["default"],
+  Banner$Banner: _BannerTheme["default"],
   BottomSheet$BottomSheet: _BottomSheetTheme["default"],
   Button$Button: _ButtonTheme["default"],
   Card$CardNative: _CardNativeTheme["default"],

package/cjs/index.js

@@ -115,6 +115,10 @@ var _Header = _interopRequireDefault(require("./Header"));
 
 exports.Header = _Header["default"];
 
+var _Banner = _interopRequireDefault(require("./Banner"));
+
+exports.Banner = _Banner["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,"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,"Slider",{enumerable:true,get:function get(){return _Slider["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"));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,"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,"Slider",{enumerable:true,get:function get(){return _Slider["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 _Banner=_interopRequireDefault(require("./Banner"));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/Avatar/web/Avatar.js

@@ -8,7 +8,7 @@ function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) r
 
 function _taggedTemplateLiteralLoose(strings, raw) { if (!raw) { raw = strings.slice(0); } strings.raw = raw; return strings; }
 
-import React from 'react';
+import React, { forwardRef } from 'react';
 import styled from 'styled-components';
 import { BuildingFilled } from '@gympass/yoga-icons';
 import { string, func, checkPropTypes } from 'prop-types';
@@ -49,7 +49,7 @@ var Content = function Content(_ref) {
  */
 
 
-var Avatar = function Avatar(_ref2) {
+var Avatar = /*#__PURE__*/forwardRef(function (_ref2, ref) {
   var src = _ref2.src,
       alt = _ref2.alt,
       fill = _ref2.fill,
@@ -68,7 +68,8 @@ var Avatar = function Avatar(_ref2) {
     height: 48,
     borderRadius: "small",
     elevation: "small",
-    overflow: "hidden"
+    overflow: "hidden",
+    ref: ref
   }, otherProps), /*#__PURE__*/React.createElement(Content, {
     icon: icon,
     src: src,
@@ -77,8 +78,7 @@ var Avatar = function Avatar(_ref2) {
     content: children,
     alt: alt
   }));
-};
-
+});
 Content.propTypes = _extends({
   src: string,
   icon: func,

package/esm/Avatar/web/AvatarCircle.js

@@ -4,24 +4,23 @@ function _extends() { _extends = Object.assign || function (target) { for (var i
 
 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 from 'react';
+import React, { forwardRef } from 'react';
 import { UserFilled } from '@gympass/yoga-icons';
 import Avatar from './Avatar';
-
-var AvatarCircle = function AvatarCircle(_ref) {
+var AvatarCircle = /*#__PURE__*/forwardRef(function (_ref, ref) {
   var src = _ref.src,
       _ref$alt = _ref.alt,
       alt = _ref$alt === void 0 ? '' : _ref$alt,
       props = _objectWithoutPropertiesLoose(_ref, _excluded);
 
   return /*#__PURE__*/React.createElement(Avatar, _extends({}, props, {
+    ref: ref,
     src: src,
     alt: alt,
     borderRadius: "circle",
     icon: !src ? UserFilled : undefined
   }));
-};
-
+});
 AvatarCircle.propTypes = Avatar.propTypes;
 AvatarCircle.defaultProps = Avatar.defaultProps;
 AvatarCircle.displayName = 'Avatar.Circle';

package/esm/Banner/Banner.theme.js

@@ -0,0 +1,12 @@
+var Banner = function Banner(_ref) {
+  var colors = _ref.colors,
+      radii = _ref.radii;
+  return {
+    defaultBackgroundColor: colors.feedback.informative.light,
+    border: {
+      radius: radii.small
+    }
+  };
+};
+
+export default Banner;

package/esm/Banner/index.js

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

package/esm/Banner/web/Banner.js

@@ -0,0 +1,128 @@
+var _excluded = ["button"],
+    _excluded2 = ["icon", "variant", "message", "primaryButton", "secondaryButton"];
+
+var _templateObject;
+
+function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+
+function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
+
+function _taggedTemplateLiteralLoose(strings, raw) { if (!raw) { raw = strings.slice(0); } strings.raw = raw; return strings; }
+
+import React, { forwardRef } from 'react';
+import styled from 'styled-components';
+import { borders, margins, paddings } from '@gympass/yoga-system';
+import { checkPropTypes, elementType, func, oneOf, shape, string } from 'prop-types';
+import Box from '../../Box';
+import Button from '../../Button';
+import Icon from '../../Icon';
+import Text from '../../Text';
+var StyledBanner = styled.div(_templateObject || (_templateObject = _taggedTemplateLiteralLoose(["\n  display: flex;\n  flex: 1;\n  flex-direction: column;\n  ", "\n\n  ", "\n\n  ", "\n\n  ", "\n"])), function (_ref) {
+  var variant = _ref.variant,
+      _ref$theme$yoga = _ref.theme.yoga,
+      banner = _ref$theme$yoga.components.banner,
+      spacing = _ref$theme$yoga.spacing,
+      _ref$theme$yoga$color = _ref$theme$yoga.colors.feedback[variant],
+      backgroundColor = _ref$theme$yoga$color === void 0 ? {
+    light: banner.defaultBackgroundColor
+  } : _ref$theme$yoga$color;
+  return "\n    background-color: " + backgroundColor.light + ";\n    padding: " + spacing.xxsmall + "px\n      " + spacing.small + "px;\n    border-radius: " + banner.border.radius + "px;\n  ";
+}, margins, paddings, borders);
+
+var BannerActionButton = function BannerActionButton(_ref2) {
+  var _ref2$button = _ref2.button,
+      label = _ref2$button.label,
+      action = _ref2$button.action,
+      props = _objectWithoutPropertiesLoose(_ref2, _excluded);
+
+  return /*#__PURE__*/React.createElement(Box, _extends({
+    as: Button.Text,
+    small: true,
+    secondary: true,
+    onClick: action
+  }, props), label);
+};
+
+BannerActionButton.propTypes = {
+  button: shape({
+    label: string.isRequired,
+    action: func.isRequired
+  }).isRequired
+};
+/** A banner is a component that displays a prominent message. It can have related action buttons on it or not. */
+
+var Banner = /*#__PURE__*/forwardRef(function (props, ref) {
+  var icon = props.icon,
+      variant = props.variant,
+      message = props.message,
+      primaryButton = props.primaryButton,
+      secondaryButton = props.secondaryButton,
+      rest = _objectWithoutPropertiesLoose(props, _excluded2);
+
+  return /*#__PURE__*/React.createElement(StyledBanner, _extends({
+    ref: ref,
+    variant: variant
+  }, rest), /*#__PURE__*/React.createElement(Box, {
+    display: "flex",
+    flex: 1,
+    alignItems: "center"
+  }, icon && /*#__PURE__*/React.createElement(Icon, {
+    as: icon,
+    size: "medium",
+    fill: "secondary",
+    marginRight: "xxsmall"
+  }), /*#__PURE__*/React.createElement(Text.Small, {
+    flex: 1,
+    marginVertical: "xxsmall"
+  }, message), primaryButton && !secondaryButton && /*#__PURE__*/React.createElement(BannerActionButton, {
+    button: primaryButton,
+    marginLeft: "xxsmall"
+  })), primaryButton && secondaryButton && /*#__PURE__*/React.createElement(Box, {
+    display: "flex",
+    flex: 1,
+    justifyContent: "flex-end",
+    marginBottom: "xxsmall"
+  }, /*#__PURE__*/React.createElement(BannerActionButton, {
+    button: primaryButton,
+    marginRight: "xxxsmall"
+  }), /*#__PURE__*/React.createElement(BannerActionButton, {
+    button: secondaryButton
+  })));
+});
+var BannerActionButtonType = shape({
+  label: string.isRequired,
+  action: func.isRequired
+});
+Banner.propTypes = {
+  /** SVG to be rendered. */
+  icon: elementType,
+
+  /** style the banner following the theme (success, informative, attention) */
+  variant: oneOf(['success', 'informative', 'attention']),
+
+  /** the message to display */
+  message: string.isRequired,
+
+  /** the label and action fuction are required for banner action buttons  */
+  primaryButton: BannerActionButtonType,
+
+  /** the secondary button should only be used assemble the primary button (the label and action fuction are required for banner action buttons).  */
+  secondaryButton: function secondaryButton(props, propName, componentName) {
+    var _checkPropTypes;
+
+    var primaryButton = props.primaryButton;
+
+    if (!primaryButton && !!props[propName]) {
+      return new Error("The " + propName + " must only be used ensemble with the primaryButton.");
+    }
+
+    return checkPropTypes((_checkPropTypes = {}, _checkPropTypes[propName] = BannerActionButtonType, _checkPropTypes), props, 'prop', componentName);
+  }
+};
+Banner.defaultProps = {
+  icon: undefined,
+  variant: 'informative',
+  primaryButton: undefined,
+  secondaryButton: undefined
+};
+export default Banner;

package/esm/Banner/web/index.js

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

package/esm/Button/web/Button.js

@@ -4,12 +4,12 @@ function _extends() { _extends = Object.assign || function (target) { for (var i
 
 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 from 'react';
+import React, { forwardRef } from 'react';
 import { func, node, oneOfType, bool, string } from 'prop-types';
 import StyledButton from './StyledButton';
 /** Buttons make common actions more obvious and help users more easily perform them. Buttons use labels and sometimes icons to communicate the action that will occur when the user touches them. */
 
-var Button = function Button(_ref) {
+var Button = /*#__PURE__*/forwardRef(function (_ref, ref) {
   var children = _ref.children,
       onClick = _ref.onClick,
       full = _ref.full,
@@ -27,6 +27,7 @@ var Button = function Button(_ref) {
   }
 
   return /*#__PURE__*/React.createElement(StyledButton, _extends({
+    ref: ref,
     disabled: disabled,
     full: full,
     inverted: inverted,
@@ -34,8 +35,7 @@ var Button = function Button(_ref) {
     small: small,
     secondary: secondary
   }, finalProps), Icon && /*#__PURE__*/React.createElement(Icon, null), children);
-};
-
+});
 Button.propTypes = {
   children: node,
   disabled: bool,

package/esm/Button/web/Outline.js

@@ -2,12 +2,10 @@ var _templateObject;
 
 function _taggedTemplateLiteralLoose(strings, raw) { if (!raw) { raw = strings.slice(0); } strings.raw = raw; return strings; }
 
-import React from 'react';
 import styled from 'styled-components';
-import { bool, func, node, oneOfType } from 'prop-types';
 import { hexToRgb } from '@gympass/yoga-common';
 import Button from './Button';
-var Outline = styled(Button)(_templateObject || (_templateObject = _taggedTemplateLiteralLoose(["\n  ", "\n"])), function (_ref) {
+var ButtonOutline = styled(Button)(_templateObject || (_templateObject = _taggedTemplateLiteralLoose(["\n  ", "\n"])), function (_ref) {
   var inverted = _ref.inverted,
       secondary = _ref.secondary,
       _ref$theme$yoga = _ref.theme.yoga,
@@ -16,30 +14,5 @@ var Outline = styled(Button)(_templateObject || (_templateObject = _taggedTempla
   var state = secondary ? 'secondary' : 'primary';
   return "\n      background-color: " + outline.backgroundColor["default"] + ";\n      border: " + outline.border.width + "px solid;\n      border-color: " + outline.font["default"][state].color + ";\n      color: " + outline.font["default"][state].color + ";\n\n      svg {\n        fill: " + outline.font["default"][state].color + ";\n      }\n\n      &:not([disabled]):hover, &:not([disabled]):focus {\n        background-color: " + outline.backgroundColor[state].hover + ";\n        color: " + outline.font.hover.color + ";\n\n        svg {\n          fill: " + outline.font.hover.color + ";\n        }\n      }\n\n      &:not([disabled]):active {\n        background-color: " + outline.backgroundColor["default"] + ";\n        border-color: " + outline.font.pressed[state].color + ";\n        color: " + outline.font.pressed[state].color + ";\n        box-shadow: none;\n\n        svg {\n          fill: " + outline.font.pressed[state].color + ";\n        }\n      }\n\n      &:disabled {\n        background-color: " + outline.backgroundColor["default"] + ";\n        border-color: " + outline.font.disabled.color + ";\n        color: " + outline.font.disabled.color + ";\n\n        svg {\n          fill: " + outline.font.disabled.color + ";\n        }\n      }\n\n      " + (inverted ? "\n            border-color: " + white + ";\n            color: " + white + ";\n\n            svg {\n              fill: " + white + ";\n            }\n\n            &:not([disabled]):hover, &:not([disabled]):focus {\n              background-color: " + white + ";\n              color: " + outline.font["default"][state].color + ";\n\n              svg {\n                fill: " + outline.font["default"][state].color + ";\n              }\n            }\n\n            &:not([disabled]):active {\n              background-color: " + outline.backgroundColor["default"] + ";\n              border-color: " + hexToRgb(white, 0.75) + ";\n              color: " + hexToRgb(white, 0.75) + ";\n\n              svg {\n                fill: " + hexToRgb(white, 0.75) + ";\n              }\n            }\n\n            &:disabled {\n              border-color: " + outline.font.disabled.color + ";\n              color: " + outline.font.disabled.color + ";\n              svg {\n                fill: " + outline.font.disabled.color + ";\n              }\n            }\n          " : '') + "\n    ";
 });
-
-var ButtonOutline = function ButtonOutline(props) {
-  return /*#__PURE__*/React.createElement(Outline, props);
-};
-
-ButtonOutline.propTypes = {
-  disabled: bool,
-  full: bool,
-  inverted: bool,
-  onClick: func,
-  secondary: bool,
-  small: bool,
-
-  /** an Icon from yoga-icons package */
-  icon: oneOfType([node, func])
-};
-ButtonOutline.defaultProps = {
-  disabled: false,
-  full: false,
-  inverted: false,
-  onClick: function onClick() {},
-  secondary: false,
-  small: false,
-  icon: undefined
-};
 ButtonOutline.displayName = 'Button.Outline';
 export default ButtonOutline;

package/esm/Input/web/Fieldset.js

@@ -11,6 +11,6 @@ var Fieldset = styled.fieldset(_templateObject || (_templateObject = _taggedTemp
       _ref$theme$yoga = _ref.theme.yoga,
       colors = _ref$theme$yoga.colors,
       input = _ref$theme$yoga.components.input;
-  return "\n    width: " + (full ? '100%' : input.width + "px") + ";\n    height: " + input.height + "px;\n\n    padding-left: " + (input.label.padding.left + input.border.radius) + "px;\n\n    border-radius: " + input.border.radius + "px;\n    border-width: " + input.border.width + "px;\n    border-style: solid;\n    border-color: " + (error ? colors.feedback.attention[1] : input.border.color["default"]) + ";\n\n    " + (value && !error ? "border-color: " + input.border.color.typed + ";" : '') + "\n\n    &:hover, &:focus-within {\n      border-color: " + (error ? colors.feedback.attention[1] : input.border.color.typed) + ";\n\n      " + (disabled ? "border-color: " + colors.elements.lineAndBorders + ";" : '') + "\n    }\n\n    \n  ";
+  return "\n    width: " + (full ? '100%' : input.width + "px") + ";\n    height: " + input.height + "px;\n\n    padding-left: " + (input.label.padding.left + input.border.radius) + "px;\n\n    border-radius: " + input.border.radius + "px;\n    border-width: " + input.border.width + "px;\n    border-style: solid;\n    border-color: " + (error ? colors.feedback.attention[1] : input.border.color["default"]) + ";\n\n    " + (value && !error ? "border-color: " + input.border.color.typed + ";" : '') + "\n\n    " + (disabled ? "border-color: " + colors.elements.lineAndBorders + ";" : '') + "\n\n    &:hover, &:focus-within { \n      &:not(:disabled) {\n        border-color: " + (error ? colors.feedback.attention[1] : input.border.color.typed) + ";\n      } \n    }\n\n    \n  ";
 });
 export default Fieldset;

package/esm/Theme/theme/theme.js

@@ -4,6 +4,7 @@ function _extends() { _extends = Object.assign || function (target) { for (var i
 import { merge } from '@gympass/yoga-common';
 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";
 import _componentThemes_BottomSheet$BottomSheet from "./../../BottomSheet/BottomSheet.theme.js";
 import _componentThemes_Button$Button from "./../../Button/Button.theme.js";
 import _componentThemes_Card$CardNative from "./../../Card/Card.native.theme.js";
@@ -32,6 +33,7 @@ import _componentThemes_TextArea$TextArea from "./../../TextArea/TextArea.theme.
 var componentThemes = {
   AutoComplete$AutoComplete: _componentThemes_AutoComplete$AutoComplete,
   Avatar$Avatar: _componentThemes_Avatar$Avatar,
+  Banner$Banner: _componentThemes_Banner$Banner,
   BottomSheet$BottomSheet: _componentThemes_BottomSheet$BottomSheet,
   Button$Button: _componentThemes_Button$Button,
   Card$CardNative: _componentThemes_Card$CardNative,

package/esm/index.js

@@ -24,4 +24,5 @@ import BottomSheet from './BottomSheet';
 import Dialog from './Dialog';
 import Divider from './Divider';
 import Header from './Header';
-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 };
+import Banner from './Banner';
+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, Banner };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@gympass/yoga",
-  "version": "7.30.0",
+  "version": "7.32.1",
   "description": "Gympass component library",
   "main": "./cjs",
   "sideEffects": false,
@@ -49,7 +49,7 @@
     "react": ">=16",
     "styled-components": "^4.4.0"
   },
-  "gitHead": "f30c3c0dc1bafa3edffd1ecb47729ac4e25f4042",
+  "gitHead": "e64983be9b9e5c1989319ec426c68eaacb03c38a",
   "module": "./esm",
   "private": false,
   "react-native": "./cjs/index.native.js"