@gympass/yoga 7.77.1 → 7.78.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 _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;}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=(0,_extends2["default"])({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=(0,_extends2["default"])({src:_reactNative.Image.propTypes.source,icon:_propTypes.func,fill:_propTypes.string},_Box["default"].propTypes);Avatar.defaultProps=(0,_extends2["default"])({src:undefined,fill:'white'},_Box["default"].defaultProps);Avatar.displayName='Avatar';var _default=Avatar;exports["default"]=_default;
+var _interopRequireDefault=require("@babel/runtime/helpers/interopRequireDefault");Object.defineProperty(exports,"__esModule",{value:true});exports["default"]=void 0;var _extends2=_interopRequireDefault(require("@babel/runtime/helpers/extends"));var _objectWithoutProperties2=_interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));var _react=_interopRequireWildcard(require("react"));var _yogaIcons=require("@gympass/yoga-icons");var _propTypes=require("prop-types");var _deprecatedReactNativePropTypes=require("deprecated-react-native-prop-types");var _reactNative=require("react-native");var _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;}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=(0,_extends2["default"])({src:_deprecatedReactNativePropTypes.ImagePropTypes.source,icon:_propTypes.func,fill:_propTypes.string},_Box["default"].propTypes);Content.defaultProps={src:undefined,fill:'white',icon:_yogaIcons.BuildingFilled};Avatar.propTypes=(0,_extends2["default"])({src:_deprecatedReactNativePropTypes.ImagePropTypes.source,icon:_propTypes.func,fill:_propTypes.string},_Box["default"].propTypes);Avatar.defaultProps=(0,_extends2["default"])({src:undefined,fill:'white'},_Box["default"].defaultProps);Avatar.displayName='Avatar';var _default=Avatar;exports["default"]=_default;

package/cjs/Banner/native/Banner.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 _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=_react["default"].forwardRef(function(_ref2,ref){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,ref:ref},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;
+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=_react["default"].forwardRef(function(_ref2,ref){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,ref:ref},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,marginTop:"xxsmall",marginBottom:"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/Button/native/Icon.js

@@ -1 +1 @@
-var _interopRequireDefault=require("@babel/runtime/helpers/interopRequireDefault");Object.defineProperty(exports,"__esModule",{value:true});exports["default"]=void 0;var _extends2=_interopRequireDefault(require("@babel/runtime/helpers/extends"));var _objectWithoutProperties2=_interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));var _taggedTemplateLiteralLoose2=_interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteralLoose"));var _react=_interopRequireWildcard(require("react"));var _styledComponents=_interopRequireWildcard(require("styled-components"));var _propTypes=require("prop-types");var _Icon=_interopRequireDefault(require("../../Icon"));var _withTouchable=_interopRequireDefault(require("./withTouchable"));var _excluded=["icon","theme","small","pressed","disabled","inverted","secondary"];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 ButtonContainer=_styledComponents["default"].View(_templateObject||(_templateObject=(0,_taggedTemplateLiteralLoose2["default"])(["\n  display: flex;\n  align-items: center;\n  justify-content: center;\n\n  ","\n"])),function(_ref){var small=_ref.small,secondary=_ref.secondary,button=_ref.theme.yoga.components.button,disabled=_ref.disabled,inverted=_ref.inverted,pressed=_ref.pressed;var state=secondary?'secondary':'primary';return"\n      border-radius: "+button.border.radius+"px;\n\n      background-color: "+button.types.contained.backgroundColor[state]["default"]+";\n\n      width: "+(small?button.height.small:button.height["default"])+"px;\n      height: "+(small?button.height.small:button.height["default"])+"px;\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    ";});var ButtonIcon=(0,_react.forwardRef)(function(_ref2,ref){var icon=_ref2.icon,button=_ref2.theme.yoga.components.button,small=_ref2.small,pressed=_ref2.pressed,disabled=_ref2.disabled,inverted=_ref2.inverted,secondary=_ref2.secondary,props=(0,_objectWithoutProperties2["default"])(_ref2,_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"])({},props,{ref:ref,small:small,pressed:pressed,disabled:disabled,inverted:inverted,secondary:secondary,accessibilityRole:"button"}),_react["default"].createElement(_Icon["default"],{as:icon,fill:textColor,size:small?button.icon.size.small:button.icon.size["default"]}));});ButtonIcon.propTypes={small:_propTypes.bool,disabled:_propTypes.bool,pressed:_propTypes.bool,inverted:_propTypes.bool,secondary:_propTypes.bool,icon:(0,_propTypes.oneOfType)([_propTypes.node,_propTypes.func])};ButtonIcon.defaultProps={small:false,disabled:false,pressed:false,inverted:false,secondary:false,icon:undefined};ButtonIcon.displayName='Button.Icon';var _default=(0,_withTouchable["default"])((0,_styledComponents.withTheme)(ButtonIcon));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 _propTypes=require("prop-types");var _Icon=_interopRequireDefault(require("../../Icon"));var _withTouchable=_interopRequireDefault(require("./withTouchable"));var _excluded=["icon","theme","small","pressed","disabled","inverted","secondary"];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 ButtonContainer=_styledComponents["default"].View(_templateObject||(_templateObject=(0,_taggedTemplateLiteralLoose2["default"])(["\n  display: flex;\n  align-items: center;\n  justify-content: center;\n\n  ","\n"])),function(_ref){var small=_ref.small,secondary=_ref.secondary,button=_ref.theme.yoga.components.button,disabled=_ref.disabled,inverted=_ref.inverted,pressed=_ref.pressed;var state=secondary?'secondary':'primary';return"\n      border-radius: "+button.border.radius+"px;\n\n      background-color: "+button.types.contained.backgroundColor[state]["default"]+";\n\n      width: "+(small?button.height.small:button.height["default"])+"px;\n      height: "+(small?button.height.small:button.height["default"])+"px;\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    ";});var ButtonIcon=(0,_react.forwardRef)(function(_ref2,ref){var icon=_ref2.icon,button=_ref2.theme.yoga.components.button,small=_ref2.small,pressed=_ref2.pressed,disabled=_ref2.disabled,inverted=_ref2.inverted,secondary=_ref2.secondary,props=(0,_objectWithoutProperties2["default"])(_ref2,_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"])({},props,{ref:ref,small:small,pressed:pressed,disabled:disabled,inverted:inverted,secondary:secondary,accessible:true,accessibilityRole:"button"}),_react["default"].createElement(_Icon["default"],{as:icon,fill:textColor,size:small?button.icon.size.small:button.icon.size["default"]}));});ButtonIcon.propTypes={small:_propTypes.bool,disabled:_propTypes.bool,pressed:_propTypes.bool,inverted:_propTypes.bool,secondary:_propTypes.bool,icon:(0,_propTypes.oneOfType)([_propTypes.node,_propTypes.func])};ButtonIcon.defaultProps={small:false,disabled:false,pressed:false,inverted:false,secondary:false,icon:undefined};ButtonIcon.displayName='Button.Icon';var _default=(0,_withTouchable["default"])((0,_styledComponents.withTheme)(ButtonIcon));exports["default"]=_default;

package/cjs/Slider/native/Marker.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 _reactNative=require("react-native");var _propTypes=require("prop-types");var _styledComponents=_interopRequireDefault(require("styled-components"));var _yogaCommon=require("@gympass/yoga-common");var _Tooltip=_interopRequireDefault(require("./Tooltip"));var _Box=_interopRequireDefault(require("../../Box"));var _templateObject;var Circle=(0,_styledComponents["default"])(_Box["default"]).attrs(function(_ref){var slider=_ref.theme.yoga.components.slider;return{bgColor:slider.marker.backgroundColor,border:6,borderColor:slider.marker.border.color,borderRadius:slider.marker.border.radius,elevation:slider.marker.shadow,height:24,width:24,top:'2px',position:'relative',as:_reactNative.TouchableOpacity};})(_templateObject||(_templateObject=(0,_taggedTemplateLiteralLoose2["default"])([""])));var CirclePressed=(0,_styledComponents["default"])(Circle)(function(_ref2){var pressed=_ref2.pressed,slider=_ref2.theme.yoga.components.slider;return"\n    "+(pressed?"\n          background-color: "+(0,_yogaCommon.hexToRgb)(slider.marker.backgroundColor,0.2)+";\n          border: none;\n          width: 40px;\n          height: 40px;\n          position: absolute;\n          elevation: 0;\n          top: -6px;\n    ":'display: none; border: none;')+"\n  ";});CirclePressed.propTypes={pressed:_propTypes.bool};CirclePressed.defaultProps={pressed:false};var Marker=function Marker(_ref3){var pressed=_ref3.pressed,tooltip=_ref3.tooltip;return _react["default"].createElement(_react["default"].Fragment,null,pressed&&tooltip&&_react["default"].createElement(_Tooltip["default"],{description:tooltip.description,title:tooltip.title,ribbon:tooltip.ribbon}),_react["default"].createElement(CirclePressed,{as:_reactNative.View,pressed:pressed}),_react["default"].createElement(Circle,{accessibilityRole:"adjustable"}));};Marker.propTypes={pressed:_propTypes.bool,tooltip:(0,_propTypes.shape)({description:_propTypes.string,title:_propTypes.string,ribbon:_propTypes.string,visible:_propTypes.bool,step:_propTypes.number})};Marker.defaultProps={pressed:false,tooltip:undefined};var _default=Marker;exports["default"]=_default;
+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 _reactNative=require("react-native");var _propTypes=require("prop-types");var _styledComponents=_interopRequireDefault(require("styled-components"));var _yogaCommon=require("@gympass/yoga-common");var _Tooltip=_interopRequireDefault(require("./Tooltip"));var _Box=_interopRequireDefault(require("../../Box"));var _templateObject;var Circle=(0,_styledComponents["default"])(_Box["default"]).attrs(function(_ref){var slider=_ref.theme.yoga.components.slider;return{bgColor:slider.marker.backgroundColor,border:6,borderColor:slider.marker.border.color,borderRadius:slider.marker.border.radius,elevation:slider.marker.shadow,height:24,width:24,top:'2px',position:'relative',as:_reactNative.TouchableOpacity};})(_templateObject||(_templateObject=(0,_taggedTemplateLiteralLoose2["default"])([""])));var CirclePressed=(0,_styledComponents["default"])(Circle)(function(_ref2){var pressed=_ref2.pressed,slider=_ref2.theme.yoga.components.slider;return"\n    "+(pressed?"\n          background-color: "+(0,_yogaCommon.hexToRgb)(slider.marker.backgroundColor,0.2)+";\n          border: none;\n          width: 40px;\n          height: 40px;\n          position: absolute;\n          elevation: 0;\n          top: -6px;\n    ":'display: none; border: none;')+"\n  ";});CirclePressed.propTypes={pressed:_propTypes.bool};CirclePressed.defaultProps={pressed:false};var Marker=function Marker(_ref3){var pressed=_ref3.pressed,tooltip=_ref3.tooltip;return _react["default"].createElement(_react["default"].Fragment,null,pressed&&tooltip&&_react["default"].createElement(_Tooltip["default"],{description:tooltip.description,title:tooltip.title,ribbon:tooltip.ribbon}),_react["default"].createElement(CirclePressed,{as:_reactNative.View,pressed:pressed}),_react["default"].createElement(Circle,{accessible:true,accessibilityRole:"adjustable"}));};Marker.propTypes={pressed:_propTypes.bool,tooltip:(0,_propTypes.shape)({description:_propTypes.string,title:_propTypes.string,ribbon:_propTypes.string,visible:_propTypes.bool,step:_propTypes.number})};Marker.defaultProps={pressed:false,tooltip:undefined};var _default=Marker;exports["default"]=_default;

package/cjs/Snackbar/native/Snackbar.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 _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;
+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",marginTop:"xxxsmall",marginBottom:"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/Stepper/Stepper.theme.js

@@ -17,14 +17,16 @@ var Stepper = function Stepper(_ref) {
     line: {
       backgroundColor: {
         active: colors.primary,
-        inactive: colors.elements.backgroundAndDisabled
+        inactive: colors.elements.backgroundAndDisabled,
+        secondary: colors.medium
       }
     },
     dot: {
       radius: radii.circle,
       backgroundColor: {
         active: colors.primary,
-        inactive: colors.elements.backgroundAndDisabled
+        inactive: colors.elements.backgroundAndDisabled,
+        secondary: colors.medium
       }
     },
     label: {
@@ -34,7 +36,8 @@ var Stepper = function Stepper(_ref) {
       },
       color: {
         active: colors.primary,
-        inactive: colors.elements.selectionAndIcons
+        inactive: colors.elements.selectionAndIcons,
+        secondary: colors.medium
       }
     }
   };

package/cjs/Stepper/native/Dots.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 _propTypes=require("prop-types");var _styledComponents=_interopRequireDefault(require("styled-components"));var _activeDot=_interopRequireDefault(require("../activeDot"));var _Text=_interopRequireDefault(require("../../Text"));var _templateObject,_templateObject2;var Wrapper=_styledComponents["default"].View(_templateObject||(_templateObject=(0,_taggedTemplateLiteralLoose2["default"])(["\n  flex-direction: row;\n  justify-content: space-between;\n"])));var DotWrapper=_styledComponents["default"].View(_templateObject2||(_templateObject2=(0,_taggedTemplateLiteralLoose2["default"])(["\n  width: 15px;\n"])));var Dot=_styledComponents["default"].View(function(_ref){var active=_ref.active,stepper=_ref.theme.yoga.components.stepper;return"\n    width: 15px;\n    height: 15px;\n\n    margin-top: -6px;\n\n    border-radius: "+stepper.dot.radius+"px;\n    background-color: "+(active?stepper.dot.backgroundColor.active:stepper.dot.backgroundColor.inactive)+";\n  ";});var Label=(0,_styledComponents["default"])(_Text["default"].Bold)(function(_ref2){var active=_ref2.active,stepper=_ref2.theme.yoga.components.stepper;return"\n    width: 95px;\n    margin-top: 10px;\n    margin-left: -40px;\n\n    color: "+(active?stepper.label.color.active:stepper.label.color.inactive)+";\n\n    font-size: "+stepper.label.font.size+"px;\n    text-align: center;\n  ";});var Dots=function Dots(_ref3){var activeStep=_ref3.activeStep,labels=_ref3.labels;return _react["default"].createElement(Wrapper,null,labels.map(function(label,index){return _react["default"].createElement(DotWrapper,{key:label},_react["default"].createElement(Dot,{active:(0,_activeDot["default"])(index,activeStep)}),_react["default"].createElement(Label,{active:(0,_activeDot["default"])(index,activeStep)},label));}));};Dots.propTypes={activeStep:_propTypes.number,labels:(0,_propTypes.arrayOf)(_propTypes.string)};Dots.defaultProps={activeStep:0,labels:[]};var _default=Dots;exports["default"]=_default;
+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 _propTypes=require("prop-types");var _react=_interopRequireDefault(require("react"));var _styledComponents=_interopRequireWildcard(require("styled-components"));var _Text=_interopRequireDefault(require("../../Text"));var _activeDot=_interopRequireDefault(require("../activeDot"));var _templateObject,_templateObject2,_templateObject3,_templateObject4;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 Wrapper=_styledComponents["default"].View(_templateObject||(_templateObject=(0,_taggedTemplateLiteralLoose2["default"])(["\n  flex-direction: row;\n  justify-content: space-between;\n"])));var DotWrapper=_styledComponents["default"].View(_templateObject2||(_templateObject2=(0,_taggedTemplateLiteralLoose2["default"])(["\n  width: 15px;\n"])));var Dot=_styledComponents["default"].View(function(_ref){var active=_ref.active,secondary=_ref.secondary,stepper=_ref.theme.yoga.components.stepper;var state=secondary?'secondary':'active';return(0,_styledComponents.css)(_templateObject3||(_templateObject3=(0,_taggedTemplateLiteralLoose2["default"])(["\n      width: 15px;\n      height: 15px;\n      margin-top: -6px;\n\n      border-radius: ","px;\n      background-color: ",";\n    "])),stepper.dot.radius,active?stepper.dot.backgroundColor[state]:stepper.dot.backgroundColor.inactive);});var Label=(0,_styledComponents["default"])(_Text["default"].Bold)(function(_ref2){var active=_ref2.active,secondary=_ref2.secondary,stepper=_ref2.theme.yoga.components.stepper;var state=secondary?'secondary':'active';return(0,_styledComponents.css)(_templateObject4||(_templateObject4=(0,_taggedTemplateLiteralLoose2["default"])(["\n      width: 95px;\n      margin-top: 10px;\n      margin-left: -40px;\n      color: ",";\n      font-size: ","px;\n      text-align: center;\n    "])),active?stepper.label.color[state]:stepper.label.color.inactive,stepper.label.font.size);});function Dots(_ref3){var activeStep=_ref3.activeStep,labels=_ref3.labels,secondary=_ref3.secondary;return _react["default"].createElement(Wrapper,null,labels.map(function(label,index){return _react["default"].createElement(DotWrapper,{key:label},_react["default"].createElement(Dot,{active:(0,_activeDot["default"])(index,activeStep),secondary:secondary}),_react["default"].createElement(Label,{active:(0,_activeDot["default"])(index,activeStep),secondary:secondary},label));}));}Dots.propTypes={activeStep:_propTypes.number,labels:(0,_propTypes.arrayOf)(_propTypes.string),secondary:_propTypes.bool};Dots.defaultProps={activeStep:0,labels:[],secondary:false};var _default=Dots;exports["default"]=_default;

package/cjs/Stepper/native/Line.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 _propTypes=require("prop-types");var _styledComponents=_interopRequireDefault(require("styled-components"));var _templateObject;var Wrapper=_styledComponents["default"].View(_templateObject||(_templateObject=(0,_taggedTemplateLiteralLoose2["default"])(["\n  position: relative;\n"])));var InactiveLine=_styledComponents["default"].View(function(_ref){var stepper=_ref.theme.yoga.components.stepper;return"\n  width: 100%;\n  height: 4px;\n\n  position: absolute;\n  top: 0;\n\n  background-color: "+stepper.line.backgroundColor.inactive+";\n";});var ActiveLine=_styledComponents["default"].View(function(_ref2){var width=_ref2.width,stepper=_ref2.theme.yoga.components.stepper;return"\n    position: absolute;\n    top: 0;\n\n    background-color: "+stepper.line.backgroundColor.active+";\n    width: "+width+"%;\n    height: 4px;\n";});var Line=function Line(_ref3){var activeStep=_ref3.activeStep,totalSteps=_ref3.totalSteps;return _react["default"].createElement(Wrapper,null,_react["default"].createElement(InactiveLine,null),_react["default"].createElement(ActiveLine,{width:activeStep<=0?0:activeStep/totalSteps*100}));};Line.propTypes={activeStep:_propTypes.number,totalSteps:_propTypes.number};Line.defaultProps={activeStep:0,totalSteps:0};var _default=Line;exports["default"]=_default;
+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 _propTypes=require("prop-types");var _styledComponents=_interopRequireDefault(require("styled-components"));var _templateObject;var Wrapper=_styledComponents["default"].View(_templateObject||(_templateObject=(0,_taggedTemplateLiteralLoose2["default"])(["\n  position: relative;\n"])));var InactiveLine=_styledComponents["default"].View(function(_ref){var stepper=_ref.theme.yoga.components.stepper;return"\n  width: 100%;\n  height: 4px;\n\n  position: absolute;\n  top: 0;\n\n  background-color: "+stepper.line.backgroundColor.inactive+";\n";});var ActiveLine=_styledComponents["default"].View(function(_ref2){var width=_ref2.width,secondary=_ref2.secondary,stepper=_ref2.theme.yoga.components.stepper;return"\n    position: absolute;\n    top: 0;\n\n    background-color: "+(secondary?stepper.line.backgroundColor.secondary:stepper.line.backgroundColor.active)+";\n    width: "+width+"%;\n    height: 4px;\n";});function Line(_ref3){var activeStep=_ref3.activeStep,totalSteps=_ref3.totalSteps,secondary=_ref3.secondary;return _react["default"].createElement(Wrapper,null,_react["default"].createElement(InactiveLine,null),_react["default"].createElement(ActiveLine,{width:activeStep<=0?0:activeStep/totalSteps*100,secondary:secondary}));}Line.propTypes={activeStep:_propTypes.number,totalSteps:_propTypes.number,secondary:_propTypes.bool};Line.defaultProps={activeStep:0,totalSteps:0,secondary:false};var _default=Line;exports["default"]=_default;

package/cjs/Stepper/native/Stepper.js

@@ -1 +1 @@
-var _interopRequireDefault=require("@babel/runtime/helpers/interopRequireDefault");Object.defineProperty(exports,"__esModule",{value:true});exports["default"]=void 0;var _objectWithoutProperties2=_interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));var _taggedTemplateLiteralLoose2=_interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteralLoose"));var _react=_interopRequireDefault(require("react"));var _styledComponents=_interopRequireDefault(require("styled-components"));var _shared=require("../../shared");var _Line=_interopRequireDefault(require("./Line"));var _Dots=_interopRequireDefault(require("./Dots"));var _Step=_interopRequireDefault(require("./Step"));var _excluded=["children","activeStep"];var _templateObject;var Wrapper=_styledComponents["default"].View(_templateObject||(_templateObject=(0,_taggedTemplateLiteralLoose2["default"])(["\n  width: 100%;\n"])));var LineWrapper=_styledComponents["default"].View(function(_ref){var stepper=_ref.theme.yoga.components.stepper;return"\n  width: 100%;\n  padding: 0 "+stepper.padding.right+"px 0 "+stepper.padding.left+"px;\n";});var Stepper=function Stepper(_ref2){var children=_ref2.children,activeStep=_ref2.activeStep,rest=(0,_objectWithoutProperties2["default"])(_ref2,_excluded);return _react["default"].createElement(Wrapper,rest,_react["default"].createElement(LineWrapper,null,_react["default"].createElement(_Line["default"],{activeStep:activeStep,totalSteps:_react["default"].Children.count(children)-1}),_react["default"].createElement(_Dots["default"],{activeStep:activeStep,labels:_react["default"].Children.map(children,function(child){return child.props.label;})})),_react["default"].Children.toArray(children)[activeStep]);};Stepper.displayName='Stepper';Stepper.propTypes={children:(0,_shared.typeOf)(_Step["default"]),activeStep:_shared.limitChildren};Stepper.defaultProps={children:undefined,activeStep:0};var _default=Stepper;exports["default"]=_default;
+var _interopRequireDefault=require("@babel/runtime/helpers/interopRequireDefault");Object.defineProperty(exports,"__esModule",{value:true});exports["default"]=void 0;var _objectWithoutProperties2=_interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));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 _shared=require("../../shared");var _Line=_interopRequireDefault(require("./Line"));var _Dots=_interopRequireDefault(require("./Dots"));var _Step=_interopRequireDefault(require("./Step"));var _excluded=["children","activeStep","secondary"];var _templateObject;var Wrapper=_styledComponents["default"].View(_templateObject||(_templateObject=(0,_taggedTemplateLiteralLoose2["default"])(["\n  width: 100%;\n"])));var LineWrapper=_styledComponents["default"].View(function(_ref){var stepper=_ref.theme.yoga.components.stepper;return"\n  width: 100%;\n  padding: 0 "+stepper.padding.right+"px 0 "+stepper.padding.left+"px;\n";});function Stepper(_ref2){var children=_ref2.children,activeStep=_ref2.activeStep,secondary=_ref2.secondary,rest=(0,_objectWithoutProperties2["default"])(_ref2,_excluded);return _react["default"].createElement(Wrapper,rest,_react["default"].createElement(LineWrapper,null,_react["default"].createElement(_Line["default"],{activeStep:activeStep,totalSteps:_react["default"].Children.count(children)-1,secondary:secondary}),_react["default"].createElement(_Dots["default"],{activeStep:activeStep,labels:_react["default"].Children.map(children,function(child){return child.props.label;}),secondary:secondary})),_react["default"].Children.toArray(children)[activeStep]);}Stepper.displayName='Stepper';Stepper.propTypes={children:(0,_shared.typeOf)(_Step["default"]),activeStep:_shared.limitChildren,secondary:_propTypes.bool};Stepper.defaultProps={children:undefined,activeStep:0,secondary:false};var _default=Stepper;exports["default"]=_default;

package/cjs/Stepper/web/Dots.js

@@ -35,32 +35,38 @@ var Label = (0, _styledComponents["default"])(_Text["default"].Bold)(_templateOb
 
 var DotWrapper = _styledComponents["default"].div(_templateObject5 || (_templateObject5 = _taggedTemplateLiteralLoose(["\n  ", "\n"])), function (_ref3) {
   var active = _ref3.active,
+      secondary = _ref3.secondary,
       stepper = _ref3.theme.yoga.components.stepper;
-  return (0, _styledComponents.css)(_templateObject6 || (_templateObject6 = _taggedTemplateLiteralLoose(["\n    position: relative;\n    width: 15px;\n\n    text-align: center;\n\n    ", " {\n      position: absolute;\n      left: 50%;\n      top: 10px;\n\n      color: ", ";\n    }\n\n    ", " {\n      position: absolute;\n      top: -10px;\n\n      background-color: ", ";\n    }\n  "])), Label, active ? stepper.label.color.active : stepper.label.color.inactive, Dot, active ? stepper.dot.backgroundColor.active : stepper.dot.backgroundColor.inactive);
+  var state = secondary ? 'secondary' : 'active';
+  return (0, _styledComponents.css)(_templateObject6 || (_templateObject6 = _taggedTemplateLiteralLoose(["\n      position: relative;\n      width: 15px;\n\n      text-align: center;\n\n      ", " {\n        position: absolute;\n        left: 50%;\n        top: 10px;\n\n        color: ", ";\n      }\n\n      ", " {\n        position: absolute;\n        top: -10px;\n\n        background-color: ", ";\n      }\n    "])), Label, active ? stepper.label.color[state] : stepper.label.color.inactive, Dot, active ? stepper.dot.backgroundColor[state] : stepper.dot.backgroundColor.inactive);
 });
 
 var Wrapper = _styledComponents["default"].div(_templateObject7 || (_templateObject7 = _taggedTemplateLiteralLoose(["\n  display: flex;\n  justify-content: space-between;\n"])));
 
-var Dots = function Dots(_ref4) {
+function Dots(_ref4) {
   var activeStep = _ref4.activeStep,
-      labels = _ref4.labels;
+      labels = _ref4.labels,
+      secondary = _ref4.secondary;
   return /*#__PURE__*/_react["default"].createElement(Wrapper, null, labels.map(function (label, index) {
     return /*#__PURE__*/_react["default"].createElement(DotWrapper, {
       active: (0, _activeDot["default"])(index, activeStep),
+      secondary: secondary,
       key: label
     }, /*#__PURE__*/_react["default"].createElement(Dot, null), /*#__PURE__*/_react["default"].createElement(Label, {
       as: "span"
     }, label));
   }));
-};
+}
 
 Dots.propTypes = {
   activeStep: _propTypes.number,
-  labels: (0, _propTypes.arrayOf)(_propTypes.string)
+  labels: (0, _propTypes.arrayOf)(_propTypes.string),
+  secondary: _propTypes.bool
 };
 Dots.defaultProps = {
   activeStep: 0,
-  labels: []
+  labels: [],
+  secondary: false
 };
 var _default = Dots;
 exports["default"] = _default;

package/cjs/Stepper/web/Line.js

@@ -17,8 +17,9 @@ function _taggedTemplateLiteralLoose(strings, raw) { if (!raw) { raw = strings.s
 
 var Line = _styledComponents["default"].div(_templateObject || (_templateObject = _taggedTemplateLiteralLoose(["\n  ", "\n"])), function (_ref) {
   var width = _ref.width,
+      secondary = _ref.secondary,
       stepper = _ref.theme.yoga.components.stepper;
-  return (0, _styledComponents.css)(_templateObject2 || (_templateObject2 = _taggedTemplateLiteralLoose(["\n    width: 100%;\n    height: 4px;\n\n    background-color: ", ";\n\n    &:after {\n      display: block;\n      content: '';\n\n      width: ", "%;\n      height: 4px;\n\n      background-color: ", ";\n    }\n  "])), stepper.line.backgroundColor.inactive, width, stepper.line.backgroundColor.active);
+  return (0, _styledComponents.css)(_templateObject2 || (_templateObject2 = _taggedTemplateLiteralLoose(["\n    width: 100%;\n    height: 4px;\n\n    background-color: ", ";\n\n    &:after {\n      display: block;\n      content: '';\n\n      width: ", "%;\n      height: 4px;\n\n      background-color: ", ";\n    }\n  "])), stepper.line.backgroundColor.inactive, width, secondary ? stepper.line.backgroundColor.secondary : stepper.line.backgroundColor.active);
 });
 
 Line.propTypes = {

package/cjs/Stepper/web/Stepper.js

@@ -7,6 +7,8 @@ var _react = _interopRequireDefault(require("react"));
 
 var _styledComponents = _interopRequireWildcard(require("styled-components"));
 
+var _propTypes = require("prop-types");
+
 var _shared = require("../../shared");
 
 var _Dots = _interopRequireDefault(require("./Dots"));
@@ -15,7 +17,7 @@ var _Line = _interopRequireDefault(require("./Line"));
 
 var _Step = _interopRequireDefault(require("./Step"));
 
-var _excluded = ["children", "activeStep"];
+var _excluded = ["children", "activeStep", "secondary"];
 
 var _templateObject, _templateObject2, _templateObject3;
 
@@ -39,20 +41,23 @@ var LineWrapper = _styledComponents["default"].div(_templateObject2 || (_templat
 provides a wizard-like workflow by dividing content into logical steps. */
 
 
-var Stepper = function Stepper(_ref2) {
+function Stepper(_ref2) {
   var children = _ref2.children,
       activeStep = _ref2.activeStep,
+      secondary = _ref2.secondary,
       rest = _objectWithoutPropertiesLoose(_ref2, _excluded);
 
   return /*#__PURE__*/_react["default"].createElement(Root, rest, /*#__PURE__*/_react["default"].createElement(LineWrapper, null, /*#__PURE__*/_react["default"].createElement(_Line["default"], {
-    width: activeStep <= 0 ? 0 : activeStep / (_react["default"].Children.count(children) - 1) * 100
+    width: activeStep <= 0 ? 0 : activeStep / (_react["default"].Children.count(children) - 1) * 100,
+    secondary: secondary
   }), /*#__PURE__*/_react["default"].createElement(_Dots["default"], {
     activeStep: activeStep,
     labels: _react["default"].Children.map(children, function (child) {
       return child.props.label;
-    })
+    }),
+    secondary: secondary
   })), _react["default"].Children.toArray(children)[activeStep]);
-};
+}
 
 Stepper.displayName = 'Stepper';
 Stepper.propTypes = {
@@ -61,11 +66,13 @@ Stepper.propTypes = {
 
   /** Controls the active step, it receive the index value for showing some
    * step. Starting from 0. */
-  activeStep: _shared.limitChildren
+  activeStep: _shared.limitChildren,
+  secondary: _propTypes.bool
 };
 Stepper.defaultProps = {
   children: undefined,
-  activeStep: 0
+  activeStep: 0,
+  secondary: false
 };
 var _default = Stepper;
 exports["default"] = _default;

package/esm/Avatar/native/Avatar.js

@@ -7,6 +7,7 @@ function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) r
 import React, { forwardRef } from 'react';
 import { BuildingFilled } from '@gympass/yoga-icons';
 import { string, func } from 'prop-types';
+import { ImagePropTypes } from 'deprecated-react-native-prop-types';
 import { Image } from 'react-native';
 import Box from '../../Box';
 import Icon from '../../Icon';
@@ -74,7 +75,7 @@ var Avatar = /*#__PURE__*/forwardRef(function (_ref2, ref) {
   }));
 });
 Content.propTypes = _extends({
-  src: Image.propTypes.source,
+  src: ImagePropTypes.source,
   icon: func,
   fill: string
 }, Box.propTypes);
@@ -84,7 +85,7 @@ Content.defaultProps = {
   icon: BuildingFilled
 };
 Avatar.propTypes = _extends({
-  src: Image.propTypes.source,
+  src: ImagePropTypes.source,
   icon: func,
   fill: string
 }, Box.propTypes);

package/esm/Banner/native/Banner.js

@@ -72,7 +72,8 @@ var Banner = /*#__PURE__*/forwardRef(function (props, ref) {
     marginRight: "xxsmall"
   }), /*#__PURE__*/React.createElement(Text.Small, {
     flex: 1,
-    marginVertical: "xxsmall"
+    marginTop: "xxsmall",
+    marginBottom: "xxsmall"
   }, message), primaryButton && !secondaryButton && /*#__PURE__*/React.createElement(BannerActionButton, {
     button: primaryButton,
     marginLeft: "xxsmall"

package/esm/Button/native/Icon.js

@@ -55,6 +55,7 @@ var ButtonIcon = /*#__PURE__*/forwardRef(function (_ref2, ref) {
     disabled: disabled,
     inverted: inverted,
     secondary: secondary,
+    accessible: true,
     accessibilityRole: "button"
   }), /*#__PURE__*/React.createElement(Icon, {
     as: icon,

package/esm/Chips/native/Chips.test.js

@@ -6,43 +6,43 @@ describe('<Chips />', function () {
   describe('Snapshots', function () {
     it('should match snapshot', function () {
       var _render = render( /*#__PURE__*/React.createElement(ThemeProvider, null, /*#__PURE__*/React.createElement(Chips, null, "Classes"))),
-          container = _render.container,
+          root = _render.root,
           toJSON = _render.toJSON;
 
-      expect(toJSON(container)).toMatchSnapshot();
+      expect(toJSON(root)).toMatchSnapshot();
     });
     it('should match snapshot with disabled prop', function () {
       var _render2 = render( /*#__PURE__*/React.createElement(ThemeProvider, null, /*#__PURE__*/React.createElement(Chips, {
         disabled: true
       }, "Classes"))),
-          container = _render2.container,
+          root = _render2.root,
           toJSON = _render2.toJSON;
 
-      expect(toJSON(container)).toMatchSnapshot();
+      expect(toJSON(root)).toMatchSnapshot();
     });
     it('should match snapshot with more than one Chip', function () {
       var _render3 = render( /*#__PURE__*/React.createElement(ThemeProvider, null, /*#__PURE__*/React.createElement(Chips, null, "Classes"), /*#__PURE__*/React.createElement(Chips, null, "Gyms and studios"), /*#__PURE__*/React.createElement(Chips, null, "Personal trainers"))),
-          container = _render3.container,
+          root = _render3.root,
           toJSON = _render3.toJSON;
 
-      expect(toJSON(container)).toMatchSnapshot();
+      expect(toJSON(root)).toMatchSnapshot();
     });
     it('should match snapshot with a long text', function () {
       var _render4 = render( /*#__PURE__*/React.createElement(ThemeProvider, null, /*#__PURE__*/React.createElement(Chips, null, "Classes with a very long text"))),
-          container = _render4.container,
+          root = _render4.root,
           toJSON = _render4.toJSON;
 
-      expect(toJSON(container)).toMatchSnapshot();
+      expect(toJSON(root)).toMatchSnapshot();
     });
     describe('selected', function () {
       it('should match snapshot', function () {
         var _render5 = render( /*#__PURE__*/React.createElement(ThemeProvider, null, /*#__PURE__*/React.createElement(Chips, {
           selected: true
         }, "Classes"))),
-            container = _render5.container,
+            root = _render5.root,
             toJSON = _render5.toJSON;
 
-        expect(toJSON(container)).toMatchSnapshot();
+        expect(toJSON(root)).toMatchSnapshot();
       });
       it('should match snapshot with more than one Chip', function () {
         var _render6 = render( /*#__PURE__*/React.createElement(ThemeProvider, null, /*#__PURE__*/React.createElement(Chips, null, "Classes"), /*#__PURE__*/React.createElement(Chips, {
@@ -50,10 +50,10 @@ describe('<Chips />', function () {
         }, "Gyms and studios"), /*#__PURE__*/React.createElement(Chips, {
           selected: true
         }, "Personal trainers"))),
-            container = _render6.container,
+            root = _render6.root,
             toJSON = _render6.toJSON;
 
-        expect(toJSON(container)).toMatchSnapshot();
+        expect(toJSON(root)).toMatchSnapshot();
       });
     });
     describe('counter', function () {
@@ -61,10 +61,10 @@ describe('<Chips />', function () {
         var _render7 = render( /*#__PURE__*/React.createElement(ThemeProvider, null, /*#__PURE__*/React.createElement(Chips, {
           counter: 8
         }, "Classes"))),
-            container = _render7.container,
+            root = _render7.root,
             toJSON = _render7.toJSON;
 
-        expect(toJSON(container)).toMatchSnapshot();
+        expect(toJSON(root)).toMatchSnapshot();
       });
       it('should match snapshot with more than one Chip', function () {
         var _render8 = render( /*#__PURE__*/React.createElement(ThemeProvider, null, /*#__PURE__*/React.createElement(Chips, {
@@ -76,10 +76,10 @@ describe('<Chips />', function () {
           counter: 1732,
           selected: true
         }, "Personal trainers"))),
-            container = _render8.container,
+            root = _render8.root,
             toJSON = _render8.toJSON;
 
-        expect(toJSON(container)).toMatchSnapshot();
+        expect(toJSON(root)).toMatchSnapshot();
       });
     });
     describe('icon', function () {
@@ -109,10 +109,10 @@ describe('<Chips />', function () {
           selected: true,
           icon: [MapPin]
         }, "Availability"))),
-            container = _render9.container,
+            root = _render9.root,
             toJSON = _render9.toJSON;
 
-        expect(toJSON(container)).toMatchSnapshot();
+        expect(toJSON(root)).toMatchSnapshot();
       });
     });
   });

package/esm/RadioGroup/native/Button/RadioButton.test.js

@@ -8,10 +8,10 @@ describe('<RadioGroup />', function () {
     describe('Snapshots', function () {
       it('should match snapshot with default radio button', function () {
         var _render = render( /*#__PURE__*/React.createElement(ThemeProvider, null, /*#__PURE__*/React.createElement(RadioGroup.Button, null, "Radio 1"))),
-            container = _render.container,
+            root = _render.root,
             toJSON = _render.toJSON;
 
-        expect(toJSON(container)).toMatchSnapshot();
+        expect(toJSON(root)).toMatchSnapshot();
       });
       it('should match snapshot with small radio button', function () {
         var _render2 = render( /*#__PURE__*/React.createElement(RadioGroupContext.Provider, {
@@ -19,10 +19,10 @@ describe('<RadioGroup />', function () {
             small: true
           }
         }, /*#__PURE__*/React.createElement(ThemeProvider, null, /*#__PURE__*/React.createElement(RadioGroup.Button, null, "Radio 1")))),
-            container = _render2.container,
+            root = _render2.root,
             toJSON = _render2.toJSON;
 
-        expect(toJSON(container)).toMatchSnapshot();
+        expect(toJSON(root)).toMatchSnapshot();
       });
     });
     describe('Props', function () {

package/esm/RadioGroup/native/Radio/Radio.test.js

@@ -8,26 +8,26 @@ describe('<RadioGroup />', function () {
     describe('Snapshots', function () {
       it('should match snapshot with default radio', function () {
         var _render = render( /*#__PURE__*/React.createElement(ThemeProvider, null, /*#__PURE__*/React.createElement(RadioGroup.Radio, null))),
-            container = _render.container,
+            root = _render.root,
             toJSON = _render.toJSON;
 
-        expect(toJSON(container)).toMatchSnapshot();
+        expect(toJSON(root)).toMatchSnapshot();
       });
       it('should match snapshot with disabled radio', function () {
         var _render2 = render( /*#__PURE__*/React.createElement(ThemeProvider, null, /*#__PURE__*/React.createElement(RadioGroup.Radio, {
           disabled: true
         }))),
-            container = _render2.container,
+            root = _render2.root,
             toJSON = _render2.toJSON;
 
-        expect(toJSON(container)).toMatchSnapshot();
+        expect(toJSON(root)).toMatchSnapshot();
       });
       it('should match snapshot with default radio', function () {
         var _render3 = render( /*#__PURE__*/React.createElement(ThemeProvider, null, /*#__PURE__*/React.createElement(RadioGroup.Radio, null))),
-            container = _render3.container,
+            root = _render3.root,
             toJSON = _render3.toJSON;
 
-        expect(toJSON(container)).toMatchSnapshot();
+        expect(toJSON(root)).toMatchSnapshot();
       });
       it('should match snapshot with default radio pressed', function () {
         var onChangeMock = jest.fn();
@@ -39,13 +39,13 @@ describe('<RadioGroup />', function () {
         }, /*#__PURE__*/React.createElement(ThemeProvider, null, /*#__PURE__*/React.createElement(RadioGroup.Radio, {
           testID: "radio"
         })))),
-            container = _render4.container,
+            root = _render4.root,
             getByTestId = _render4.getByTestId,
             toJSON = _render4.toJSON;
 
         var radio = getByTestId(/^radio/);
         fireEvent.press(radio);
-        expect(toJSON(container)).toMatchSnapshot();
+        expect(toJSON(root)).toMatchSnapshot();
       });
     });
     describe('Props', function () {

package/esm/RadioGroup/native/RadioGroup.test.js

@@ -6,21 +6,21 @@ describe('<RadioGroup />', function () {
   describe('Snapshots', function () {
     it('should match snapshot with radio button as children', function () {
       var _render = render( /*#__PURE__*/React.createElement(ThemeProvider, null, /*#__PURE__*/React.createElement(RadioGroup, null, /*#__PURE__*/React.createElement(RadioGroup.Button, null, "Option 1"), /*#__PURE__*/React.createElement(RadioGroup.Button, null, "Option 2"), /*#__PURE__*/React.createElement(RadioGroup.Button, null, "Option 3")))),
-          container = _render.container,
+          root = _render.root,
           getAllByText = _render.getAllByText,
           toJSON = _render.toJSON;
 
-      expect(toJSON(container)).toMatchSnapshot();
+      expect(toJSON(root)).toMatchSnapshot();
       expect(getAllByText(/^Option/)).toHaveLength(3);
     });
     it('should match snapshot with small radios', function () {
       var _render2 = render( /*#__PURE__*/React.createElement(ThemeProvider, null, /*#__PURE__*/React.createElement(RadioGroup, {
         small: true
       }, /*#__PURE__*/React.createElement(RadioGroup.Button, null, "Option 1"), /*#__PURE__*/React.createElement(RadioGroup.Button, null, "Option 2"), /*#__PURE__*/React.createElement(RadioGroup.Button, null, "Option 3")))),
-          container = _render2.container,
+          root = _render2.root,
           toJSON = _render2.toJSON;
 
-      expect(toJSON(container)).toMatchSnapshot();
+      expect(toJSON(root)).toMatchSnapshot();
     });
     it('should has setted the selected value', function () {
       var _render3 = render( /*#__PURE__*/React.createElement(ThemeProvider, null, /*#__PURE__*/React.createElement(RadioGroup, {

package/esm/Slider/native/Marker.js

@@ -47,6 +47,7 @@ var Marker = function Marker(_ref3) {
     as: View,
     pressed: pressed
   }), /*#__PURE__*/React.createElement(Circle, {
+    accessible: true,
     accessibilityRole: "adjustable"
   }));
 };

package/esm/Slider/native/Slider.test.js

@@ -7,29 +7,29 @@ describe('<Slider />', function () {
     describe('With one marker', function () {
       it('should match snapshot with default Slider', function () {
         var _render = render( /*#__PURE__*/React.createElement(ThemeProvider, null, /*#__PURE__*/React.createElement(Slider, null))),
-            container = _render.container,
+            root = _render.root,
             toJSON = _render.toJSON;
 
-        expect(toJSON(container)).toMatchSnapshot();
+        expect(toJSON(root)).toMatchSnapshot();
       });
       it('should match snapshot with Slider with labels', function () {
         var _render2 = render( /*#__PURE__*/React.createElement(ThemeProvider, null, /*#__PURE__*/React.createElement(Slider, {
           minLabel: 0,
           maxLabel: 10
         }))),
-            container = _render2.container,
+            root = _render2.root,
             toJSON = _render2.toJSON;
 
-        expect(toJSON(container)).toMatchSnapshot();
+        expect(toJSON(root)).toMatchSnapshot();
       });
       it('should match snapshot with Slider snapped', function () {
         var _render3 = render( /*#__PURE__*/React.createElement(ThemeProvider, null, /*#__PURE__*/React.createElement(Slider, {
           snapped: true
         }))),
-            container = _render3.container,
+            root = _render3.root,
             toJSON = _render3.toJSON;
 
-        expect(toJSON(container)).toMatchSnapshot();
+        expect(toJSON(root)).toMatchSnapshot();
       });
     });
     describe('With two markers', function () {
@@ -37,20 +37,20 @@ describe('<Slider />', function () {
         var _render4 = render( /*#__PURE__*/React.createElement(ThemeProvider, null, /*#__PURE__*/React.createElement(Slider, {
           values: [3, 7]
         }))),
-            container = _render4.container,
+            root = _render4.root,
             toJSON = _render4.toJSON;
 
-        expect(toJSON(container)).toMatchSnapshot();
+        expect(toJSON(root)).toMatchSnapshot();
       });
       it('should match snapshot with Slider snapped', function () {
         var _render5 = render( /*#__PURE__*/React.createElement(ThemeProvider, null, /*#__PURE__*/React.createElement(Slider, {
           values: [3, 7],
           snapped: true
         }))),
-            container = _render5.container,
+            root = _render5.root,
             toJSON = _render5.toJSON;
 
-        expect(toJSON(container)).toMatchSnapshot();
+        expect(toJSON(root)).toMatchSnapshot();
       });
     });
   });
@@ -77,7 +77,7 @@ describe('<Slider />', function () {
           visible: true
         }]
       }))),
-          container = _render7.container,
+          root = _render7.root,
           getByText = _render7.getByText,
           getByRole = _render7.getByRole,
           toJSON = _render7.toJSON;
@@ -90,7 +90,7 @@ describe('<Slider />', function () {
       expect(getByText('ribbon')).toBeTruthy();
       expect(getByText('title')).toBeTruthy();
       expect(getByText('description')).toBeTruthy();
-      expect(toJSON(container)).toMatchSnapshot();
+      expect(toJSON(root)).toMatchSnapshot();
     });
     it('should render tooltip on a specific step', function () {
       var _render8 = render( /*#__PURE__*/React.createElement(ThemeProvider, null, /*#__PURE__*/React.createElement(Slider, {
@@ -103,7 +103,7 @@ describe('<Slider />', function () {
           step: 2
         }]
       }))),
-          container = _render8.container,
+          root = _render8.root,
           getByText = _render8.getByText,
           getByRole = _render8.getByRole,
           toJSON = _render8.toJSON;
@@ -116,7 +116,7 @@ describe('<Slider />', function () {
       expect(getByText('ribbon')).toBeTruthy();
       expect(getByText('title')).toBeTruthy();
       expect(getByText('description')).toBeTruthy();
-      expect(toJSON(container)).toMatchSnapshot();
+      expect(toJSON(root)).toMatchSnapshot();
     });
   });
 });

package/esm/Snackbar/native/Snackbar.js

@@ -151,7 +151,8 @@ var Snackbar = /*#__PURE__*/forwardRef(function (props, ref) {
   }), /*#__PURE__*/React.createElement(Text, {
     flex: 1,
     fontSize: "small",
-    marginVertical: "xxxsmall",
+    marginTop: "xxxsmall",
+    marginBottom: "xxxsmall",
     numberOfLines: 2
   }, currentProps.message), currentProps.actionLabel && /*#__PURE__*/React.createElement(Box, {
     as: Button.Text,

package/esm/Stepper/Stepper.theme.js

@@ -12,14 +12,16 @@ var Stepper = function Stepper(_ref) {
     line: {
       backgroundColor: {
         active: colors.primary,
-        inactive: colors.elements.backgroundAndDisabled
+        inactive: colors.elements.backgroundAndDisabled,
+        secondary: colors.medium
       }
     },
     dot: {
       radius: radii.circle,
       backgroundColor: {
         active: colors.primary,
-        inactive: colors.elements.backgroundAndDisabled
+        inactive: colors.elements.backgroundAndDisabled,
+        secondary: colors.medium
       }
     },
     label: {
@@ -29,7 +31,8 @@ var Stepper = function Stepper(_ref) {
       },
       color: {
         active: colors.primary,
-        inactive: colors.elements.selectionAndIcons
+        inactive: colors.elements.selectionAndIcons,
+        secondary: colors.medium
       }
     }
   };

package/esm/Stepper/native/Dots.js

@@ -1,45 +1,54 @@
-var _templateObject, _templateObject2;
+var _templateObject, _templateObject2, _templateObject3, _templateObject4;
 
 function _taggedTemplateLiteralLoose(strings, raw) { if (!raw) { raw = strings.slice(0); } strings.raw = raw; return strings; }
 
+import { arrayOf, bool, number, string } from 'prop-types';
 import React from 'react';
-import { number, arrayOf, string } from 'prop-types';
-import styled from 'styled-components';
-import activeDot from '../activeDot';
+import styled, { css } from 'styled-components';
 import Text from '../../Text';
+import activeDot from '../activeDot';
 var Wrapper = styled.View(_templateObject || (_templateObject = _taggedTemplateLiteralLoose(["\n  flex-direction: row;\n  justify-content: space-between;\n"])));
 var DotWrapper = styled.View(_templateObject2 || (_templateObject2 = _taggedTemplateLiteralLoose(["\n  width: 15px;\n"])));
 var Dot = styled.View(function (_ref) {
   var active = _ref.active,
+      secondary = _ref.secondary,
       stepper = _ref.theme.yoga.components.stepper;
-  return "\n    width: 15px;\n    height: 15px;\n\n    margin-top: -6px;\n\n    border-radius: " + stepper.dot.radius + "px;\n    background-color: " + (active ? stepper.dot.backgroundColor.active : stepper.dot.backgroundColor.inactive) + ";\n  ";
+  var state = secondary ? 'secondary' : 'active';
+  return css(_templateObject3 || (_templateObject3 = _taggedTemplateLiteralLoose(["\n      width: 15px;\n      height: 15px;\n      margin-top: -6px;\n\n      border-radius: ", "px;\n      background-color: ", ";\n    "])), stepper.dot.radius, active ? stepper.dot.backgroundColor[state] : stepper.dot.backgroundColor.inactive);
 });
 var Label = styled(Text.Bold)(function (_ref2) {
   var active = _ref2.active,
+      secondary = _ref2.secondary,
       stepper = _ref2.theme.yoga.components.stepper;
-  return "\n    width: 95px;\n    margin-top: 10px;\n    margin-left: -40px;\n\n    color: " + (active ? stepper.label.color.active : stepper.label.color.inactive) + ";\n\n    font-size: " + stepper.label.font.size + "px;\n    text-align: center;\n  ";
+  var state = secondary ? 'secondary' : 'active';
+  return css(_templateObject4 || (_templateObject4 = _taggedTemplateLiteralLoose(["\n      width: 95px;\n      margin-top: 10px;\n      margin-left: -40px;\n      color: ", ";\n      font-size: ", "px;\n      text-align: center;\n    "])), active ? stepper.label.color[state] : stepper.label.color.inactive, stepper.label.font.size);
 });
 
-var Dots = function Dots(_ref3) {
+function Dots(_ref3) {
   var activeStep = _ref3.activeStep,
-      labels = _ref3.labels;
+      labels = _ref3.labels,
+      secondary = _ref3.secondary;
   return /*#__PURE__*/React.createElement(Wrapper, null, labels.map(function (label, index) {
     return /*#__PURE__*/React.createElement(DotWrapper, {
       key: label
     }, /*#__PURE__*/React.createElement(Dot, {
-      active: activeDot(index, activeStep)
+      active: activeDot(index, activeStep),
+      secondary: secondary
     }), /*#__PURE__*/React.createElement(Label, {
-      active: activeDot(index, activeStep)
+      active: activeDot(index, activeStep),
+      secondary: secondary
     }, label));
   }));
-};
+}
 
 Dots.propTypes = {
   activeStep: number,
-  labels: arrayOf(string)
+  labels: arrayOf(string),
+  secondary: bool
 };
 Dots.defaultProps = {
   activeStep: 0,
-  labels: []
+  labels: [],
+  secondary: false
 };
 export default Dots;

package/esm/Stepper/native/Line.js

@@ -3,7 +3,7 @@ var _templateObject;
 function _taggedTemplateLiteralLoose(strings, raw) { if (!raw) { raw = strings.slice(0); } strings.raw = raw; return strings; }
 
 import React from 'react';
-import { number } from 'prop-types';
+import { bool, number } from 'prop-types';
 import styled from 'styled-components';
 var Wrapper = styled.View(_templateObject || (_templateObject = _taggedTemplateLiteralLoose(["\n  position: relative;\n"])));
 var InactiveLine = styled.View(function (_ref) {
@@ -12,24 +12,29 @@ var InactiveLine = styled.View(function (_ref) {
 });
 var ActiveLine = styled.View(function (_ref2) {
   var width = _ref2.width,
+      secondary = _ref2.secondary,
       stepper = _ref2.theme.yoga.components.stepper;
-  return "\n    position: absolute;\n    top: 0;\n\n    background-color: " + stepper.line.backgroundColor.active + ";\n    width: " + width + "%;\n    height: 4px;\n";
+  return "\n    position: absolute;\n    top: 0;\n\n    background-color: " + (secondary ? stepper.line.backgroundColor.secondary : stepper.line.backgroundColor.active) + ";\n    width: " + width + "%;\n    height: 4px;\n";
 });
 
-var Line = function Line(_ref3) {
+function Line(_ref3) {
   var activeStep = _ref3.activeStep,
-      totalSteps = _ref3.totalSteps;
+      totalSteps = _ref3.totalSteps,
+      secondary = _ref3.secondary;
   return /*#__PURE__*/React.createElement(Wrapper, null, /*#__PURE__*/React.createElement(InactiveLine, null), /*#__PURE__*/React.createElement(ActiveLine, {
-    width: activeStep <= 0 ? 0 : activeStep / totalSteps * 100
+    width: activeStep <= 0 ? 0 : activeStep / totalSteps * 100,
+    secondary: secondary
   }));
-};
+}
 
 Line.propTypes = {
   activeStep: number,
-  totalSteps: number
+  totalSteps: number,
+  secondary: bool
 };
 Line.defaultProps = {
   activeStep: 0,
-  totalSteps: 0
+  totalSteps: 0,
+  secondary: false
 };
 export default Line;

package/esm/Stepper/native/Stepper.js

@@ -1,4 +1,4 @@
-var _excluded = ["children", "activeStep"];
+var _excluded = ["children", "activeStep", "secondary"];
 
 var _templateObject;
 
@@ -8,6 +8,7 @@ function _taggedTemplateLiteralLoose(strings, raw) { if (!raw) { raw = strings.s
 
 import React from 'react';
 import styled from 'styled-components';
+import { bool } from 'prop-types';
 import { limitChildren, typeOf } from '../../shared';
 import Line from './Line';
 import Dots from './Dots';
@@ -20,21 +21,24 @@ var LineWrapper = styled.View(function (_ref) {
 /** Stepper is responsible for the logic that drives a stepped workflow, it
 provides a wizard-like workflow by dividing content into logical steps. */
 
-var Stepper = function Stepper(_ref2) {
+function Stepper(_ref2) {
   var children = _ref2.children,
       activeStep = _ref2.activeStep,
+      secondary = _ref2.secondary,
       rest = _objectWithoutPropertiesLoose(_ref2, _excluded);
 
   return /*#__PURE__*/React.createElement(Wrapper, rest, /*#__PURE__*/React.createElement(LineWrapper, null, /*#__PURE__*/React.createElement(Line, {
     activeStep: activeStep,
-    totalSteps: React.Children.count(children) - 1
+    totalSteps: React.Children.count(children) - 1,
+    secondary: secondary
   }), /*#__PURE__*/React.createElement(Dots, {
     activeStep: activeStep,
     labels: React.Children.map(children, function (child) {
       return child.props.label;
-    })
+    }),
+    secondary: secondary
   })), React.Children.toArray(children)[activeStep]);
-};
+}
 
 Stepper.displayName = 'Stepper';
 Stepper.propTypes = {
@@ -43,10 +47,14 @@ Stepper.propTypes = {
 
   /** Controls the active step, it receive the index value for showing some
    * step. Starting from 0. */
-  activeStep: limitChildren
+  activeStep: limitChildren,
+
+  /** Use secondary color */
+  secondary: bool
 };
 Stepper.defaultProps = {
   children: undefined,
-  activeStep: 0
+  activeStep: 0,
+  secondary: false
 };
 export default Stepper;

package/esm/Stepper/native/Stepper.test.js

@@ -15,14 +15,15 @@ describe('<Stepper />', function () {
       }, /*#__PURE__*/React.createElement(Text, null, "step two content")), /*#__PURE__*/React.createElement(Stepper.Step, {
         label: "step three"
       }, /*#__PURE__*/React.createElement(Text, null, "step three content"))))),
-          container = _render.container,
+          root = _render.root,
           toJSON = _render.toJSON;
 
-      expect(toJSON(container)).toMatchSnapshot();
+      expect(toJSON(root)).toMatchSnapshot();
     });
-    it('should match snapshot with second step active', function () {
+    it('should match snapshot with first step active and secondary color', function () {
       var _render2 = render( /*#__PURE__*/React.createElement(ThemeProvider, null, /*#__PURE__*/React.createElement(Stepper, {
-        activeStep: 1
+        activeStep: 0,
+        secondary: true
       }, /*#__PURE__*/React.createElement(Stepper.Step, {
         label: "step one"
       }, /*#__PURE__*/React.createElement(Text, null, "step one content")), /*#__PURE__*/React.createElement(Stepper.Step, {
@@ -35,10 +36,25 @@ describe('<Stepper />', function () {
 
       expect(toJSON(container)).toMatchSnapshot();
     });
+    it('should match snapshot with second step active', function () {
+      var _render3 = render( /*#__PURE__*/React.createElement(ThemeProvider, null, /*#__PURE__*/React.createElement(Stepper, {
+        activeStep: 1
+      }, /*#__PURE__*/React.createElement(Stepper.Step, {
+        label: "step one"
+      }, /*#__PURE__*/React.createElement(Text, null, "step one content")), /*#__PURE__*/React.createElement(Stepper.Step, {
+        label: "step two"
+      }, /*#__PURE__*/React.createElement(Text, null, "step two content")), /*#__PURE__*/React.createElement(Stepper.Step, {
+        label: "step three"
+      }, /*#__PURE__*/React.createElement(Text, null, "step three content"))))),
+          root = _render3.root,
+          toJSON = _render3.toJSON;
+
+      expect(toJSON(root)).toMatchSnapshot();
+    });
   });
   describe('Steps', function () {
     it('should change the active step', function () {
-      var _render3 = render( /*#__PURE__*/React.createElement(ThemeProvider, null, /*#__PURE__*/React.createElement(Stepper, {
+      var _render4 = render( /*#__PURE__*/React.createElement(ThemeProvider, null, /*#__PURE__*/React.createElement(Stepper, {
         activeStep: 0
       }, /*#__PURE__*/React.createElement(Stepper.Step, {
         label: "step one"
@@ -47,8 +63,8 @@ describe('<Stepper />', function () {
       }, /*#__PURE__*/React.createElement(Text, null, "step two content")), /*#__PURE__*/React.createElement(Stepper.Step, {
         label: "step three"
       }, /*#__PURE__*/React.createElement(Text, null, "step three content"))))),
-          queryByText = _render3.queryByText,
-          rerender = _render3.rerender;
+          queryByText = _render4.queryByText,
+          rerender = _render4.rerender;
 
       expect(queryByText('step one content')).toBeTruthy();
       expect(queryByText('step two content')).toBeFalsy();

package/esm/Stepper/web/Dots.js

@@ -3,7 +3,7 @@ var _templateObject, _templateObject2, _templateObject3, _templateObject4, _temp
 function _taggedTemplateLiteralLoose(strings, raw) { if (!raw) { raw = strings.slice(0); } strings.raw = raw; return strings; }
 
 import React from 'react';
-import { number, arrayOf, string } from 'prop-types';
+import { number, arrayOf, string, bool } from 'prop-types';
 import styled, { css } from 'styled-components';
 import activeDot from '../activeDot';
 import Text from '../../Text';
@@ -17,30 +17,36 @@ var Label = styled(Text.Bold)(_templateObject3 || (_templateObject3 = _taggedTem
 });
 var DotWrapper = styled.div(_templateObject5 || (_templateObject5 = _taggedTemplateLiteralLoose(["\n  ", "\n"])), function (_ref3) {
   var active = _ref3.active,
+      secondary = _ref3.secondary,
       stepper = _ref3.theme.yoga.components.stepper;
-  return css(_templateObject6 || (_templateObject6 = _taggedTemplateLiteralLoose(["\n    position: relative;\n    width: 15px;\n\n    text-align: center;\n\n    ", " {\n      position: absolute;\n      left: 50%;\n      top: 10px;\n\n      color: ", ";\n    }\n\n    ", " {\n      position: absolute;\n      top: -10px;\n\n      background-color: ", ";\n    }\n  "])), Label, active ? stepper.label.color.active : stepper.label.color.inactive, Dot, active ? stepper.dot.backgroundColor.active : stepper.dot.backgroundColor.inactive);
+  var state = secondary ? 'secondary' : 'active';
+  return css(_templateObject6 || (_templateObject6 = _taggedTemplateLiteralLoose(["\n      position: relative;\n      width: 15px;\n\n      text-align: center;\n\n      ", " {\n        position: absolute;\n        left: 50%;\n        top: 10px;\n\n        color: ", ";\n      }\n\n      ", " {\n        position: absolute;\n        top: -10px;\n\n        background-color: ", ";\n      }\n    "])), Label, active ? stepper.label.color[state] : stepper.label.color.inactive, Dot, active ? stepper.dot.backgroundColor[state] : stepper.dot.backgroundColor.inactive);
 });
 var Wrapper = styled.div(_templateObject7 || (_templateObject7 = _taggedTemplateLiteralLoose(["\n  display: flex;\n  justify-content: space-between;\n"])));
 
-var Dots = function Dots(_ref4) {
+function Dots(_ref4) {
   var activeStep = _ref4.activeStep,
-      labels = _ref4.labels;
+      labels = _ref4.labels,
+      secondary = _ref4.secondary;
   return /*#__PURE__*/React.createElement(Wrapper, null, labels.map(function (label, index) {
     return /*#__PURE__*/React.createElement(DotWrapper, {
       active: activeDot(index, activeStep),
+      secondary: secondary,
       key: label
     }, /*#__PURE__*/React.createElement(Dot, null), /*#__PURE__*/React.createElement(Label, {
       as: "span"
     }, label));
   }));
-};
+}
 
 Dots.propTypes = {
   activeStep: number,
-  labels: arrayOf(string)
+  labels: arrayOf(string),
+  secondary: bool
 };
 Dots.defaultProps = {
   activeStep: 0,
-  labels: []
+  labels: [],
+  secondary: false
 };
 export default Dots;

package/esm/Stepper/web/Line.js

@@ -6,8 +6,9 @@ import { number } from 'prop-types';
 import styled, { css } from 'styled-components';
 var Line = styled.div(_templateObject || (_templateObject = _taggedTemplateLiteralLoose(["\n  ", "\n"])), function (_ref) {
   var width = _ref.width,
+      secondary = _ref.secondary,
       stepper = _ref.theme.yoga.components.stepper;
-  return css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteralLoose(["\n    width: 100%;\n    height: 4px;\n\n    background-color: ", ";\n\n    &:after {\n      display: block;\n      content: '';\n\n      width: ", "%;\n      height: 4px;\n\n      background-color: ", ";\n    }\n  "])), stepper.line.backgroundColor.inactive, width, stepper.line.backgroundColor.active);
+  return css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteralLoose(["\n    width: 100%;\n    height: 4px;\n\n    background-color: ", ";\n\n    &:after {\n      display: block;\n      content: '';\n\n      width: ", "%;\n      height: 4px;\n\n      background-color: ", ";\n    }\n  "])), stepper.line.backgroundColor.inactive, width, secondary ? stepper.line.backgroundColor.secondary : stepper.line.backgroundColor.active);
 });
 Line.propTypes = {
   activeStep: number,

package/esm/Stepper/web/Stepper.js

@@ -1,4 +1,4 @@
-var _excluded = ["children", "activeStep"];
+var _excluded = ["children", "activeStep", "secondary"];
 
 var _templateObject, _templateObject2, _templateObject3;
 
@@ -8,6 +8,7 @@ function _taggedTemplateLiteralLoose(strings, raw) { if (!raw) { raw = strings.s
 
 import React from 'react';
 import styled, { css } from 'styled-components';
+import { bool } from 'prop-types';
 import { limitChildren, typeOf } from '../../shared';
 import Dots from './Dots';
 import Line from './Line';
@@ -20,20 +21,23 @@ var LineWrapper = styled.div(_templateObject2 || (_templateObject2 = _taggedTemp
 /** Stepper is responsible for the logic that drives a stepped workflow, it
 provides a wizard-like workflow by dividing content into logical steps. */
 
-var Stepper = function Stepper(_ref2) {
+function Stepper(_ref2) {
   var children = _ref2.children,
       activeStep = _ref2.activeStep,
+      secondary = _ref2.secondary,
       rest = _objectWithoutPropertiesLoose(_ref2, _excluded);
 
   return /*#__PURE__*/React.createElement(Root, rest, /*#__PURE__*/React.createElement(LineWrapper, null, /*#__PURE__*/React.createElement(Line, {
-    width: activeStep <= 0 ? 0 : activeStep / (React.Children.count(children) - 1) * 100
+    width: activeStep <= 0 ? 0 : activeStep / (React.Children.count(children) - 1) * 100,
+    secondary: secondary
   }), /*#__PURE__*/React.createElement(Dots, {
     activeStep: activeStep,
     labels: React.Children.map(children, function (child) {
       return child.props.label;
-    })
+    }),
+    secondary: secondary
   })), React.Children.toArray(children)[activeStep]);
-};
+}
 
 Stepper.displayName = 'Stepper';
 Stepper.propTypes = {
@@ -42,10 +46,12 @@ Stepper.propTypes = {
 
   /** Controls the active step, it receive the index value for showing some
    * step. Starting from 0. */
-  activeStep: limitChildren
+  activeStep: limitChildren,
+  secondary: bool
 };
 Stepper.defaultProps = {
   children: undefined,
-  activeStep: 0
+  activeStep: 0,
+  secondary: false
 };
 export default Stepper;

package/esm/Stepper/web/Stepper.test.js

@@ -18,9 +18,10 @@ describe('<Stepper />', function () {
 
       expect(container).toMatchSnapshot();
     });
-    it('should match snapshot with second step active', function () {
+    it('should match snapshot with first step active and color secondary', function () {
       var _render2 = render( /*#__PURE__*/React.createElement(ThemeProvider, null, /*#__PURE__*/React.createElement(Stepper, {
-        activeStep: 1
+        activeStep: 0,
+        secondary: true
       }, /*#__PURE__*/React.createElement(Stepper.Step, {
         label: "step one"
       }, "step one content"), /*#__PURE__*/React.createElement(Stepper.Step, {
@@ -32,10 +33,24 @@ describe('<Stepper />', function () {
 
       expect(container).toMatchSnapshot();
     });
+    it('should match snapshot with second step active', function () {
+      var _render3 = render( /*#__PURE__*/React.createElement(ThemeProvider, null, /*#__PURE__*/React.createElement(Stepper, {
+        activeStep: 1
+      }, /*#__PURE__*/React.createElement(Stepper.Step, {
+        label: "step one"
+      }, "step one content"), /*#__PURE__*/React.createElement(Stepper.Step, {
+        label: "step two"
+      }, "step two content"), /*#__PURE__*/React.createElement(Stepper.Step, {
+        label: "step three"
+      }, "step three content")))),
+          container = _render3.container;
+
+      expect(container).toMatchSnapshot();
+    });
   });
   describe('Steps', function () {
     it('should change the active step', function () {
-      var _render3 = render( /*#__PURE__*/React.createElement(ThemeProvider, null, /*#__PURE__*/React.createElement(Stepper, {
+      var _render4 = render( /*#__PURE__*/React.createElement(ThemeProvider, null, /*#__PURE__*/React.createElement(Stepper, {
         activeStep: 0
       }, /*#__PURE__*/React.createElement(Stepper.Step, {
         label: "step one"
@@ -44,8 +59,8 @@ describe('<Stepper />', function () {
       }, "step two content"), /*#__PURE__*/React.createElement(Stepper.Step, {
         label: "step three"
       }, "step three content")))),
-          queryByText = _render3.queryByText,
-          rerender = _render3.rerender;
+          queryByText = _render4.queryByText,
+          rerender = _render4.rerender;
 
       expect(queryByText('step one content')).toBeTruthy();
       expect(queryByText('step two content')).toBeFalsy();

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@gympass/yoga",
-  "version": "7.77.1",
+  "version": "7.78.1",
   "description": "Gympass component library",
   "main": "./cjs/index.js",
   "sideEffects": false,
@@ -31,9 +31,10 @@
     "@gympass/yoga-illustrations": "^0.5.1",
     "@gympass/yoga-system": "^0.11.0",
     "@gympass/yoga-tokens": "^3.2.0",
-    "@ptomasroos/react-native-multi-slider": "^1.0.0",
+    "@ptomasroos/react-native-multi-slider": "^2.1.1",
     "@radix-ui/react-dropdown-menu": "^2.0.1",
     "date-fns": "^2.29.2",
+    "deprecated-react-native-prop-types": "^2.3.0",
     "downshift": "^5.0.0",
     "lodash.get": "^4.4.2",
     "prop-types": "^15.7.2",
@@ -43,17 +44,18 @@
     "react-phone-input-2": "^2.15.1"
   },
   "devDependencies": {
-    "@testing-library/react": "^12.0.4",
-    "@testing-library/react-native": "^9.1.0",
+    "@react-native-community/eslint-config": "^3.0.1",
     "babel-plugin-inline-react-svg": "^1.1.1",
+    "react-native": "0.72.3",
     "styled-components": "^4.4.0"
   },
   "peerDependencies": {
-    "@react-native-picker/picker": "^1.16.6",
+    "@react-native-picker/picker": "^2.4.9",
     "react": ">=16",
+    "react-native": "0.72.3",
     "styled-components": "^4.4.0"
   },
-  "gitHead": "c818b2a5e9b41f16979111c7f38dd23c6c28dd48",
+  "gitHead": "72599ad77b8c506cb770aad81b7c614fd37eea06",
   "module": "./esm/index.js",
   "types": "./typings/index.d.ts",
   "private": false,