@gympass/yoga 7.33.0 → 7.35.0

package/cjs/Checkbox/web/Checkbox.js

@@ -187,7 +187,7 @@ var Checkbox = function Checkbox(_ref8) {
 };
 
 Checkbox.propTypes = {
-  label: _propTypes.string,
+  label: (0, _propTypes.oneOfType)([_propTypes.string, _propTypes.node]),
 
   /** short helper text under checkbox */
   helper: _propTypes.string,

package/cjs/Header/web/Header.js

@@ -11,10 +11,10 @@ var _propTypes = require("prop-types");
 
 var _yogaHelpers = require("@gympass/yoga-helpers");
 
-var _GympassLogo = _interopRequireDefault(require("./GympassLogo"));
-
 var _Box = _interopRequireDefault(require("../../Box"));
 
+var _Logo = _interopRequireDefault(require("./Logo"));
+
 var _templateObject, _templateObject2, _templateObject3;
 
 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); }
@@ -32,7 +32,8 @@ var StyledHeader = (0, _styledComponents["default"])(_Box["default"])(_templateO
 
 var Header = function Header(_ref2) {
   var link = _ref2.link,
-      children = _ref2.children;
+      children = _ref2.children,
+      logo = _ref2.logo;
   return /*#__PURE__*/_react["default"].createElement(StyledHeader, {
     as: "header",
     d: "flex",
@@ -42,7 +43,11 @@ var Header = function Header(_ref2) {
     w: "100%"
   }, link ? /*#__PURE__*/_react["default"].createElement("a", {
     href: link
-  }, /*#__PURE__*/_react["default"].createElement(_GympassLogo["default"], null)) : /*#__PURE__*/_react["default"].createElement(_GympassLogo["default"], null), children);
+  }, /*#__PURE__*/_react["default"].createElement(_Logo["default"], {
+    customLogo: logo
+  })) : /*#__PURE__*/_react["default"].createElement(_Logo["default"], {
+    customLogo: logo
+  }), children);
 };
 
 Header.propTypes = {
@@ -50,11 +55,15 @@ Header.propTypes = {
   link: _propTypes.string,
 
   /** Use children to add whatever you want inside the header */
-  children: _propTypes.node
+  children: _propTypes.node,
+
+  /** Use logo to change headers image */
+  logo: _propTypes.elementType
 };
 Header.defaultProps = {
   link: null,
-  children: null
+  children: null,
+  logo: null
 };
 var _default = Header;
 exports["default"] = _default;

package/cjs/Header/web/Logo.js

@@ -0,0 +1,26 @@
+"use strict";
+
+exports.__esModule = true;
+exports["default"] = void 0;
+
+var _react = _interopRequireDefault(require("react"));
+
+var _propTypes = require("prop-types");
+
+var _GympassLogo = _interopRequireDefault(require("./GympassLogo"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+
+var Logo = function Logo(_ref) {
+  var CustomLogo = _ref.customLogo;
+  return CustomLogo ? /*#__PURE__*/_react["default"].createElement(CustomLogo, null) : /*#__PURE__*/_react["default"].createElement(_GympassLogo["default"], null);
+};
+
+Logo.propTypes = {
+  customLogo: _propTypes.elementType
+};
+Logo.defaultProps = {
+  customLogo: null
+};
+var _default = Logo;
+exports["default"] = _default;

package/cjs/Snackbar/Snackbar.theme.js

@@ -19,7 +19,9 @@ var Snackbar = function Snackbar(_ref) {
       max: spacing.huge
     },
     padding: {
-      "default": spacing.small
+      "default": spacing.small,
+      vertical: spacing.xsmall,
+      horizontal: spacing.small
     },
     position: {
       desktop: {
@@ -39,7 +41,9 @@ var Snackbar = function Snackbar(_ref) {
       color: {
         success: colors.feedback.success.light,
         failure: colors.feedback.attention.light,
-        info: colors.feedback.informative.light
+        info: colors.feedback.informative.light,
+        attention: colors.feedback.attention.light,
+        informative: colors.feedback.informative.light
       },
       icon: {
         success: _yogaIcons.CheckedFull,
@@ -53,6 +57,13 @@ var Snackbar = function Snackbar(_ref) {
     },
     maxWidth: {
       "default": 600
+    },
+    margin: {
+      top: spacing.zero,
+      right: spacing.medium,
+      bottom: spacing.medium,
+      left: spacing.medium,
+      horizontal: spacing.medium
     }
   };
 };

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

@@ -0,0 +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 _slicedToArray2=_interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));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 _propTypes=require("prop-types");var _reactNative=require("react-native");var _Box=_interopRequireDefault(require("../../Box"));var _Button=_interopRequireDefault(require("../../Button"));var _Icon=_interopRequireDefault(require("../../Icon"));var _Text=_interopRequireDefault(require("../../Text"));var _SnackbarAnimationWrapper=_interopRequireDefault(require("./SnackbarAnimationWrapper"));var _excluded=["icon","message","actionLabel","onAction","variant","onSnackbarClose","duration","bottomOffset"];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 SWIPE_THRESHOLD=32;var SnackbarContainer=_styledComponents["default"].View(_templateObject||(_templateObject=(0,_taggedTemplateLiteralLoose2["default"])(["\n  ","\n"])),function(_ref){var bottomOffset=_ref.bottomOffset,variant=_ref.variant,_ref$theme$yoga=_ref.theme.yoga,feedback=_ref$theme$yoga.colors.feedback,_ref$theme$yoga$compo=_ref$theme$yoga.components.snackbar,padding=_ref$theme$yoga$compo.padding,margin=_ref$theme$yoga$compo.margin,_ref$theme$yoga$compo2=_ref$theme$yoga$compo.variant.color[variant],backgroundColor=_ref$theme$yoga$compo2===void 0?feedback.success.light:_ref$theme$yoga$compo2,border=_ref$theme$yoga$compo.border;return"\n    padding: "+padding.vertical+"px "+padding.horizontal+"px;\n    margin-horizontal: "+margin.horizontal+"px\n    margin-bottom: "+(margin.bottom+bottomOffset)+"px;\n    background-color: "+backgroundColor+";\n    border-radius: "+border.radius+"px;\n    flex-direction: row;\n    align-items: center;\n  ";});var Snackbar=(0,_react.forwardRef)(function(props,ref){var icon=props.icon,message=props.message,actionLabel=props.actionLabel,onAction=props.onAction,variant=props.variant,onSnackbarClose=props.onSnackbarClose,duration=props.duration,bottomOffset=props.bottomOffset,rest=(0,_objectWithoutProperties2["default"])(props,_excluded);var wrapperRef=(0,_react.useRef)();var _useState=(0,_react.useState)({icon:icon,message:message,actionLabel:actionLabel,onAction:onAction,variant:variant}),_useState2=(0,_slicedToArray2["default"])(_useState,2),currentProps=_useState2[0],setCurrentProps=_useState2[1];(0,_react.useImperativeHandle)(ref,function(){return{open:function open(){wrapperRef.current.open();},close:function close(){wrapperRef.current.close();}};});(0,_react.useEffect)(function(){if(wrapperRef.current&&currentProps.message){wrapperRef.current.close(function(){setCurrentProps({icon:icon,message:message,actionLabel:actionLabel,onAction:onAction,variant:variant});wrapperRef.current.open();});}else{setCurrentProps({icon:icon,message:message,actionLabel:actionLabel,onAction:onAction,variant:variant});}},[icon,message,actionLabel,onAction,variant]);var handlePanResponderRelease=function handlePanResponderRelease(_evt,gestureState){if(gestureState.dy>SWIPE_THRESHOLD){wrapperRef.current.close();}else{wrapperRef.current.open();}};var panResponder=_reactNative.PanResponder.create({onPanResponderMove:function onPanResponderMove(_,gestureState){if(gestureState.dy>0){wrapperRef.current.translateY(gestureState.dy);}},onPanResponderRelease:handlePanResponderRelease,onPanResponderTerminate:handlePanResponderRelease,onStartShouldSetPanResponder:function onStartShouldSetPanResponder(){return true;},onMoveShouldSetPanResponder:function onMoveShouldSetPanResponder(_,gestureState){return!(gestureState.dy<=2&&gestureState.dy>=-2);},onMoveShouldSetPanResponderCapture:function onMoveShouldSetPanResponderCapture(){return true;},onPanResponderTerminationRequest:function onPanResponderTerminationRequest(){return true;},onShouldBlockNativeResponder:function onShouldBlockNativeResponder(){return true;}});var handleOnAction=function handleOnAction(){wrapperRef.current.close();if(currentProps.onAction){currentProps.onAction();}};return _react["default"].createElement(_SnackbarAnimationWrapper["default"],{onSnackbarClose:onSnackbarClose,duration:duration,ref:wrapperRef},_react["default"].createElement(SnackbarContainer,(0,_extends2["default"])({variant:currentProps.variant,bottomOffset:bottomOffset},rest,panResponder.panHandlers),currentProps.icon&&_react["default"].createElement(_Icon["default"],{as:currentProps.icon,fill:"secondary",size:"large",marginRight:"xxsmall"}),_react["default"].createElement(_Text["default"],{flex:1,fontSize:"small",marginVertical:"xxxsmall",numberOfLines:2},currentProps.message),currentProps.actionLabel&&_react["default"].createElement(_Box["default"],{as:_Button["default"].Text,small:true,secondary:true,marginLeft:"xxsmall",onPress:handleOnAction},currentProps.actionLabel)));});Snackbar.propTypes={variant:(0,_propTypes.oneOf)(['success','informative','attention']),icon:_propTypes.elementType,message:_propTypes.string,actionLabel:_propTypes.string,onAction:_propTypes.func,onSnackbarClose:_propTypes.func,duration:(0,_propTypes.oneOf)(['fast','default','slow','indefinite']),bottomOffset:_propTypes.number};Snackbar.defaultProps={variant:'success',icon:undefined,message:'',actionLabel:undefined,onAction:undefined,onSnackbarClose:undefined,duration:'default',bottomOffset:0};var _default=Snackbar;exports["default"]=_default;

package/cjs/Snackbar/native/SnackbarAnimationWrapper.js

@@ -0,0 +1 @@
+var _interopRequireDefault=require("@babel/runtime/helpers/interopRequireDefault");Object.defineProperty(exports,"__esModule",{value:true});exports["default"]=void 0;var _slicedToArray2=_interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));var _react=_interopRequireWildcard(require("react"));var _reactNative=require("react-native");var _propTypes=require("prop-types");var _styledComponents=_interopRequireDefault(require("styled-components"));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 durationDictionary={fast:4000,"default":8000,slow:10000,indefinite:-1};var Wrapper=(0,_styledComponents["default"])(_reactNative.Animated.View)(function(){return"\n    position: absolute;\n    width: 100%;\n    bottom: 0px;\n  ";});var SnackbarAnimationWrapper=(0,_react.forwardRef)(function(_ref,ref){var onSnackbarClose=_ref.onSnackbarClose,children=_ref.children,duration=_ref.duration;var _useWindowDimensions=(0,_reactNative.useWindowDimensions)(),windowHeight=_useWindowDimensions.height;var _useState=(0,_react.useState)(),_useState2=(0,_slicedToArray2["default"])(_useState,2),childrenHeight=_useState2[0],setChildrenHeight=_useState2[1];var _translateY=(0,_react.useRef)(new _reactNative.Animated.Value(windowHeight)).current;var timeoutRef=(0,_react.useRef)();var childrenRef=(0,_react.useRef)();var openAnimation=function openAnimation(){_reactNative.Animated.spring(_translateY,{toValue:0,bounciness:0,useNativeDriver:true}).start();};var closeAnimation=function closeAnimation(callback){if(childrenHeight){_reactNative.Animated.spring(_translateY,{toValue:childrenHeight,bounciness:0,useNativeDriver:true}).start(function(_ref2){var finished=_ref2.finished;if(finished&&callback){callback();}});if(onSnackbarClose){onSnackbarClose();}}};var setupSnackbarTimeout=function setupSnackbarTimeout(){var timeoutDuration=durationDictionary[duration];var shouldCloseOnTimer=childrenHeight&&timeoutDuration>0;if(shouldCloseOnTimer){timeoutRef.current=setTimeout(function(){clearTimeout(timeoutRef.current);closeAnimation();},timeoutDuration);}};var openSnackbar=function openSnackbar(){openAnimation();setupSnackbarTimeout();};var closeSnackbar=function closeSnackbar(callback){clearTimeout(timeoutRef.current);closeAnimation(callback);};(0,_react.useImperativeHandle)(ref,function(){return{open:function open(){openSnackbar();},close:function close(callback){closeSnackbar(callback);},translateY:function translateY(dy){_translateY.setValue(dy);}};});(0,_react.useEffect)(function(){return function(){return clearTimeout(timeoutRef.current);};},[]);return _react["default"].createElement(Wrapper,{style:{zIndex:10,transform:[{translateY:_translateY}]}},_react["default"].createElement(_reactNative.View,{testID:"wrapper",ref:childrenRef,onLayout:function onLayout(_ref3){var height=_ref3.nativeEvent.layout.height;setChildrenHeight(height);_translateY.setValue(height);}},children));});SnackbarAnimationWrapper.propTypes={onSnackbarClose:_propTypes.func,children:_propTypes.node.isRequired,duration:(0,_propTypes.oneOf)(['fast','default','slow','indefinite']).isRequired};SnackbarAnimationWrapper.defaultProps={onSnackbarClose:undefined};var _default=SnackbarAnimationWrapper;exports["default"]=_default;

package/cjs/Snackbar/native/index.js

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

package/cjs/Snackbar/web/Snackbar.js

@@ -51,6 +51,13 @@ var StyledSnackbar = _styledComponents["default"].div(_templateObject3 || (_temp
 
 var fadeIn = (0, _styledComponents.keyframes)(_templateObject5 || (_templateObject5 = _taggedTemplateLiteralLoose(["\n  0% {\n    opacity: 0;\n  }\n  100% {\n    opacity: 1;\n  }\n"])));
 var AnimatedSnackbar = (0, _styledComponents["default"])(StyledSnackbar)(_templateObject6 || (_templateObject6 = _taggedTemplateLiteralLoose(["\n  animation: ", " 0.2s ease-in-out;\n"])), fadeIn);
+/**
+ * Gympass `<Snackbar />` is the proper component to show alert messages.
+ *
+ * For web components, the `Snackbar` may have an icon, a custom action and a close button.
+ *
+ * For native, the `Snackbar` may have an icon and a custom action.
+ */
 
 var Snackbar = function Snackbar(_ref2) {
   var open = _ref2.open,

package/cjs/index.native.js

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

@@ -9,7 +9,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, { useEffect, useRef } from 'react';
-import { bool, string, shape } from 'prop-types';
+import { bool, string, shape, oneOfType, node } from 'prop-types';
 import styled, { withTheme } from 'styled-components';
 import { hexToRgb } from '@gympass/yoga-common';
 import { Check, Rectangle } from '@gympass/yoga-icons';
@@ -165,7 +165,7 @@ var Checkbox = function Checkbox(_ref8) {
 };
 
 Checkbox.propTypes = {
-  label: string,
+  label: oneOfType([string, node]),
 
   /** short helper text under checkbox */
   helper: string,

package/esm/Header/web/Header.js

@@ -4,10 +4,10 @@ function _taggedTemplateLiteralLoose(strings, raw) { if (!raw) { raw = strings.s
 
 import React from 'react';
 import styled, { css } from 'styled-components';
-import { string, node } from 'prop-types';
+import { string, node, elementType } from 'prop-types';
 import { media } from '@gympass/yoga-helpers';
-import GympassLogo from './GympassLogo';
 import Box from '../../Box';
+import Logo from './Logo';
 var StyledHeader = styled(Box)(_templateObject || (_templateObject = _taggedTemplateLiteralLoose(["\n  ", "\n"])), function (_ref) {
   var header = _ref.theme.yoga.components.header;
   return css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteralLoose(["\n    padding: 0 ", "px;\n    height: ", "px;\n\n    ", "\n  "])), header.padding.xxs, header.height.xxs, media.lg(_templateObject3 || (_templateObject3 = _taggedTemplateLiteralLoose(["\n      padding: 0 ", "px;\n      height: ", "px;\n    "])), header.padding.lg, header.height.lg));
@@ -15,7 +15,8 @@ var StyledHeader = styled(Box)(_templateObject || (_templateObject = _taggedTemp
 
 var Header = function Header(_ref2) {
   var link = _ref2.link,
-      children = _ref2.children;
+      children = _ref2.children,
+      logo = _ref2.logo;
   return /*#__PURE__*/React.createElement(StyledHeader, {
     as: "header",
     d: "flex",
@@ -25,7 +26,11 @@ var Header = function Header(_ref2) {
     w: "100%"
   }, link ? /*#__PURE__*/React.createElement("a", {
     href: link
-  }, /*#__PURE__*/React.createElement(GympassLogo, null)) : /*#__PURE__*/React.createElement(GympassLogo, null), children);
+  }, /*#__PURE__*/React.createElement(Logo, {
+    customLogo: logo
+  })) : /*#__PURE__*/React.createElement(Logo, {
+    customLogo: logo
+  }), children);
 };
 
 Header.propTypes = {
@@ -33,10 +38,14 @@ Header.propTypes = {
   link: string,
 
   /** Use children to add whatever you want inside the header */
-  children: node
+  children: node,
+
+  /** Use logo to change headers image */
+  logo: elementType
 };
 Header.defaultProps = {
   link: null,
-  children: null
+  children: null,
+  logo: null
 };
 export default Header;

package/esm/Header/web/Logo.js

@@ -0,0 +1,16 @@
+import React from 'react';
+import { elementType } from 'prop-types';
+import GympassLogo from './GympassLogo';
+
+var Logo = function Logo(_ref) {
+  var CustomLogo = _ref.customLogo;
+  return CustomLogo ? /*#__PURE__*/React.createElement(CustomLogo, null) : /*#__PURE__*/React.createElement(GympassLogo, null);
+};
+
+Logo.propTypes = {
+  customLogo: elementType
+};
+Logo.defaultProps = {
+  customLogo: null
+};
+export default Logo;

package/esm/Snackbar/Snackbar.theme.js

@@ -14,7 +14,9 @@ var Snackbar = function Snackbar(_ref) {
       max: spacing.huge
     },
     padding: {
-      "default": spacing.small
+      "default": spacing.small,
+      vertical: spacing.xsmall,
+      horizontal: spacing.small
     },
     position: {
       desktop: {
@@ -34,7 +36,9 @@ var Snackbar = function Snackbar(_ref) {
       color: {
         success: colors.feedback.success.light,
         failure: colors.feedback.attention.light,
-        info: colors.feedback.informative.light
+        info: colors.feedback.informative.light,
+        attention: colors.feedback.attention.light,
+        informative: colors.feedback.informative.light
       },
       icon: {
         success: CheckedFull,
@@ -48,6 +52,13 @@ var Snackbar = function Snackbar(_ref) {
     },
     maxWidth: {
       "default": 600
+    },
+    margin: {
+      top: spacing.zero,
+      right: spacing.medium,
+      bottom: spacing.medium,
+      left: spacing.medium,
+      horizontal: spacing.medium
     }
   };
 };

package/esm/Snackbar/web/Snackbar.js

@@ -27,6 +27,13 @@ var StyledSnackbar = styled.div(_templateObject3 || (_templateObject3 = _taggedT
 }, media.md(_templateObject4 || (_templateObject4 = _taggedTemplateLiteralLoose(["\n    left: auto;\n    bottom: ", "px;\n    right: ", "px;\n\n    min-width: ", "px;\n  "])), theme.components.snackbar.position.desktop.bottom, theme.components.snackbar.position.desktop.right, theme.components.snackbar.minWidth.desktop));
 var fadeIn = keyframes(_templateObject5 || (_templateObject5 = _taggedTemplateLiteralLoose(["\n  0% {\n    opacity: 0;\n  }\n  100% {\n    opacity: 1;\n  }\n"])));
 var AnimatedSnackbar = styled(StyledSnackbar)(_templateObject6 || (_templateObject6 = _taggedTemplateLiteralLoose(["\n  animation: ", " 0.2s ease-in-out;\n"])), fadeIn);
+/**
+ * Gympass `<Snackbar />` is the proper component to show alert messages.
+ *
+ * For web components, the `Snackbar` may have an icon, a custom action and a close button.
+ *
+ * For native, the `Snackbar` may have an icon and a custom action.
+ */
 
 var Snackbar = function Snackbar(_ref2) {
   var open = _ref2.open,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@gympass/yoga",
-  "version": "7.33.0",
+  "version": "7.35.0",
   "description": "Gympass component library",
   "main": "./cjs",
   "sideEffects": false,
@@ -29,7 +29,7 @@
     "@gympass/yoga-helpers": "^1.0.1",
     "@gympass/yoga-icons": "^1.4.2",
     "@gympass/yoga-system": "^0.10.0",
-    "@gympass/yoga-tokens": "^3.1.1",
+    "@gympass/yoga-tokens": "^3.1.2",
     "@ptomasroos/react-native-multi-slider": "^1.0.0",
     "downshift": "^5.0.0",
     "lodash.get": "^4.4.2",
@@ -49,7 +49,7 @@
     "react": ">=16",
     "styled-components": "^4.4.0"
   },
-  "gitHead": "f4a3bfe8b3970ace8db08399f5a5470722b8f68e",
+  "gitHead": "afe6f5fbbeefda7ddff325c0105ebab573135cb0",
   "module": "./esm",
   "private": false,
   "react-native": "./cjs/index.native.js"