@gympass/yoga 7.36.0 → 7.37.0

package/cjs/AutoComplete/web/AutoComplete.js

@@ -61,7 +61,7 @@ var Match = _styledComponents["default"].mark(_templateObject4 || (_templateObje
 /** The autocomplete is a normal input field enhanced by a panel of suggested options. */
 
 
-var AutoComplete = function AutoComplete(_ref6) {
+var AutoComplete = /*#__PURE__*/_react["default"].forwardRef(function (_ref6, ref) {
   var className = _ref6.className,
       style = _ref6.style,
       full = _ref6.full,
@@ -113,7 +113,9 @@ var AutoComplete = function AutoComplete(_ref6) {
       style: style,
       full: full,
       isOpen: hasSuggestion
-    }, getRootProps()), /*#__PURE__*/_react["default"].createElement(_Input["default"], _extends({}, props, {
+    }, getRootProps(), {
+      ref: ref
+    }), /*#__PURE__*/_react["default"].createElement(_Input["default"], _extends({}, props, {
       full: full,
       onClean: function onClean(cleanable) {
         _onClean(cleanable);
@@ -141,7 +143,7 @@ var AutoComplete = function AutoComplete(_ref6) {
       }));
     })));
   });
-};
+});
 
 AutoComplete.propTypes = {
   className: _propTypes.string,

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=function BannerActionButton(_ref2){var _ref2$button=_ref2.button,label=_ref2$button.label,action=_ref2$button.action,props=(0,_objectWithoutProperties2["default"])(_ref2,_excluded);return _react["default"].createElement(_Box["default"],(0,_extends2["default"])({as:_Button["default"].Text,small:true,secondary:true,onPress:action},props),label);};BannerActionButton.propTypes={button:(0,_propTypes.shape)({label:_propTypes.string.isRequired,action:_propTypes.func.isRequired}).isRequired};var Banner=(0,_react.forwardRef)(function(props,ref){var icon=props.icon,variant=props.variant,message=props.message,primaryButton=props.primaryButton,secondaryButton=props.secondaryButton,rest=(0,_objectWithoutProperties2["default"])(props,_excluded2);return _react["default"].createElement(StyledBanner,(0,_extends2["default"])({ref:ref,variant:variant},rest),_react["default"].createElement(_Box["default"],{flexDirection:"row",flex:1,alignItems:"center"},icon&&_react["default"].createElement(_Icon["default"],{as:icon,size:"medium",fill:"secondary",marginRight:"xxsmall"}),_react["default"].createElement(_Text["default"].Small,{flex:1,marginVertical:"xxsmall"},message),primaryButton&&!secondaryButton&&_react["default"].createElement(BannerActionButton,{button:primaryButton,marginLeft:"xxsmall"})),primaryButton&&secondaryButton&&_react["default"].createElement(_Box["default"],{display:"flex",flex:1,justifyContent:"flex-end",flexDirection:"row",marginBottom:"xxsmall"},_react["default"].createElement(BannerActionButton,{button:primaryButton,marginRight:"xxxsmall"}),_react["default"].createElement(BannerActionButton,{button:secondaryButton})));});var BannerActionButtonType=(0,_propTypes.shape)({label:_propTypes.string.isRequired,action:_propTypes.func.isRequired});Banner.propTypes={icon:_propTypes.elementType,variant:(0,_propTypes.oneOf)(['success','informative','attention']),message:_propTypes.string.isRequired,primaryButton:BannerActionButtonType,secondaryButton:function secondaryButton(props,propName,componentName){var primaryButton=props.primaryButton;if(!primaryButton&&!!props[propName]){return new Error("The "+propName+" must only be used ensemble with the primaryButton.");}return(0,_propTypes.checkPropTypes)((0,_defineProperty2["default"])({},propName,BannerActionButtonType),props,'prop',componentName);}};Banner.defaultProps={icon:undefined,variant:'informative',primaryButton:undefined,secondaryButton:undefined};var _default=Banner;exports["default"]=_default;
+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;

package/cjs/Banner/web/Banner.js

@@ -48,7 +48,7 @@ var StyledBanner = _styledComponents["default"].div(_templateObject || (_templat
   return "\n    background-color: " + backgroundColor.light + ";\n    padding: " + spacing.xxsmall + "px\n      " + spacing.small + "px;\n    border-radius: " + banner.border.radius + "px;\n  ";
 }, _yogaSystem.margins, _yogaSystem.paddings, _yogaSystem.borders);
 
-var BannerActionButton = function BannerActionButton(_ref2) {
+var BannerActionButton = /*#__PURE__*/_react["default"].forwardRef(function (_ref2, ref) {
   var _ref2$button = _ref2.button,
       label = _ref2$button.label,
       action = _ref2$button.action,
@@ -58,9 +58,10 @@ var BannerActionButton = function BannerActionButton(_ref2) {
     as: _Button["default"].Text,
     small: true,
     secondary: true,
-    onClick: action
+    onClick: action,
+    ref: ref
   }, props), label);
-};
+});
 
 BannerActionButton.propTypes = {
   button: (0, _propTypes.shape)({

package/cjs/Card/native/Card/Card.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 _propTypes=require("prop-types");var _Text=_interopRequireDefault(require("../../../Text"));var _Box=_interopRequireDefault(require("../../../Box"));var _excluded=["ribbon","children"];var _templateObject,_templateObject2,_templateObject3,_templateObject4;var CardShadow=(0,_styledComponents["default"])(_Box["default"]).attrs(function(_ref){var elevation=_ref.theme.yoga.components.card.elevation;return{elevation:elevation};})(_templateObject||(_templateObject=(0,_taggedTemplateLiteralLoose2["default"])([""])));var CardStyled=(0,_styledComponents["default"])(_Box["default"]).attrs(function(_ref2){var variant=_ref2.variant,_ref2$theme$yoga=_ref2.theme.yoga,color=_ref2$theme$yoga.colors[variant],card=_ref2$theme$yoga.components.card;return{elevation:card.elevation,pt:card.padding.top,pr:card.padding.right,pb:card.padding.bottom,pl:card.padding.left,bRadius:card.radii,bgColor:variant?color:card.backgroundColor,overflow:'hidden'};})(_templateObject2||(_templateObject2=(0,_taggedTemplateLiteralLoose2["default"])([""])));var Ribbon=_styledComponents["default"].View(_templateObject3||(_templateObject3=(0,_taggedTemplateLiteralLoose2["default"])(["\n  ","\n"])),function(_ref3){var variant=_ref3.variant,_ref3$theme$yoga=_ref3.theme.yoga,card=_ref3$theme$yoga.components.card,spacing=_ref3$theme$yoga.spacing,_ref3$theme$yoga$colo=_ref3$theme$yoga.colors,elements=_ref3$theme$yoga$colo.elements,color=_ref3$theme$yoga$colo[variant],white=_ref3$theme$yoga$colo.white,dark=_ref3$theme$yoga$colo.dark;return"\n    align-self: flex-start;\n\n    margin-bottom: "+card.padding.bottom+"px;\n    margin-left: -"+card.padding.left+"px;\n\n    padding:\n      "+spacing.xxxsmall+"px\n      "+spacing.xsmall+"px\n      "+spacing.xxxsmall+"px\n      "+spacing.small+"px;\n\n    border-top-right-radius: "+card.ribbon.radius+"px;\n    border-bottom-right-radius: "+card.ribbon.radius+"px;\n    background-color: "+(variant?color:elements.backgroundAndDisabled)+";\n\n    color: "+(variant?white:dark)+";\n  ";});var RibbonText=(0,_styledComponents["default"])(_Text["default"].Tiny)(_templateObject4||(_templateObject4=(0,_taggedTemplateLiteralLoose2["default"])(["\n  ","\n"])),function(_ref4){var variant=_ref4.variant,_ref4$theme$yoga$colo=_ref4.theme.yoga.colors,white=_ref4$theme$yoga$colo.white,dark=_ref4$theme$yoga$colo.dark;return"\n    color: "+(variant?white:dark)+";\n  ";});var Card=function Card(_ref5){var ribbon=_ref5.ribbon,children=_ref5.children,rest=(0,_objectWithoutProperties2["default"])(_ref5,_excluded);return _react["default"].createElement(CardShadow,null,_react["default"].createElement(CardStyled,rest,Object.keys(ribbon).length>0&&_react["default"].createElement(Ribbon,{variant:ribbon.variant},_react["default"].createElement(RibbonText,{variant:ribbon.variant},ribbon.text)),children));};Card.propTypes={ribbon:(0,_propTypes.shape)({text:_propTypes.string,variant:(0,_propTypes.oneOf)(['','primary','secondary','vibin','hope','energy','relax','peace','verve','uplift','deepPurple','stamina','dark','medium','deep','light','clear','white'])}),children:_propTypes.node,variant:(0,_propTypes.oneOf)(['','primary','secondary','vibin','hope','energy','relax','peace','verve','uplift','deepPurple','stamina','dark','medium','deep','light','clear','white'])};Card.defaultProps={ribbon:{},children:null,variant:''};Card.displayName='Card';var _default=Card;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=_interopRequireDefault(require("react"));var _styledComponents=_interopRequireDefault(require("styled-components"));var _propTypes=require("prop-types");var _Text=_interopRequireDefault(require("../../../Text"));var _Box=_interopRequireDefault(require("../../../Box"));var _excluded=["ribbon","children"];var _templateObject,_templateObject2,_templateObject3,_templateObject4;var CardShadow=(0,_styledComponents["default"])(_Box["default"]).attrs(function(_ref){var elevation=_ref.theme.yoga.components.card.elevation;return{elevation:elevation};})(_templateObject||(_templateObject=(0,_taggedTemplateLiteralLoose2["default"])([""])));var CardStyled=(0,_styledComponents["default"])(_Box["default"]).attrs(function(_ref2){var variant=_ref2.variant,_ref2$theme$yoga=_ref2.theme.yoga,color=_ref2$theme$yoga.colors[variant],card=_ref2$theme$yoga.components.card;return{elevation:card.elevation,pt:card.padding.top,pr:card.padding.right,pb:card.padding.bottom,pl:card.padding.left,bRadius:card.radii,bgColor:variant?color:card.backgroundColor,overflow:'hidden'};})(_templateObject2||(_templateObject2=(0,_taggedTemplateLiteralLoose2["default"])([""])));var Ribbon=_styledComponents["default"].View(_templateObject3||(_templateObject3=(0,_taggedTemplateLiteralLoose2["default"])(["\n  ","\n"])),function(_ref3){var variant=_ref3.variant,_ref3$theme$yoga=_ref3.theme.yoga,card=_ref3$theme$yoga.components.card,spacing=_ref3$theme$yoga.spacing,_ref3$theme$yoga$colo=_ref3$theme$yoga.colors,elements=_ref3$theme$yoga$colo.elements,color=_ref3$theme$yoga$colo[variant],white=_ref3$theme$yoga$colo.white,dark=_ref3$theme$yoga$colo.dark;return"\n    align-self: flex-start;\n\n    margin-bottom: "+card.padding.bottom+"px;\n    margin-left: -"+card.padding.left+"px;\n\n    padding:\n      "+spacing.xxxsmall+"px\n      "+spacing.xsmall+"px\n      "+spacing.xxxsmall+"px\n      "+spacing.small+"px;\n\n    border-top-right-radius: "+card.ribbon.radius+"px;\n    border-bottom-right-radius: "+card.ribbon.radius+"px;\n    background-color: "+(variant?color:elements.backgroundAndDisabled)+";\n\n    color: "+(variant?white:dark)+";\n  ";});var RibbonText=(0,_styledComponents["default"])(_Text["default"].Tiny)(_templateObject4||(_templateObject4=(0,_taggedTemplateLiteralLoose2["default"])(["\n  ","\n"])),function(_ref4){var variant=_ref4.variant,_ref4$theme$yoga$colo=_ref4.theme.yoga.colors,white=_ref4$theme$yoga$colo.white,dark=_ref4$theme$yoga$colo.dark;return"\n    color: "+(variant?white:dark)+";\n  ";});var Card=_react["default"].forwardRef(function(_ref5,ref){var ribbon=_ref5.ribbon,children=_ref5.children,rest=(0,_objectWithoutProperties2["default"])(_ref5,_excluded);return _react["default"].createElement(CardShadow,null,_react["default"].createElement(CardStyled,(0,_extends2["default"])({ref:ref},rest),Object.keys(ribbon).length>0&&_react["default"].createElement(Ribbon,{variant:ribbon.variant},_react["default"].createElement(RibbonText,{variant:ribbon.variant},ribbon.text)),children));});Card.propTypes={ribbon:(0,_propTypes.shape)({text:_propTypes.string,variant:(0,_propTypes.oneOf)(['','primary','secondary','vibin','hope','energy','relax','peace','verve','uplift','deepPurple','stamina','dark','medium','deep','light','clear','white'])}),children:_propTypes.node,variant:(0,_propTypes.oneOf)(['','primary','secondary','vibin','hope','energy','relax','peace','verve','uplift','deepPurple','stamina','dark','medium','deep','light','clear','white'])};Card.defaultProps={ribbon:{},children:null,variant:''};Card.displayName='Card';var _default=Card;exports["default"]=_default;

package/cjs/Card/web/Card/Card.js

@@ -17,6 +17,8 @@ var _templateObject, _templateObject2;
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
 
+function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+
 function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
 
 function _taggedTemplateLiteralLoose(strings, raw) { if (!raw) { raw = strings.slice(0); } strings.raw = raw; return strings; }
@@ -42,16 +44,18 @@ var Ribbon = (0, _styledComponents["default"])(_Text["default"].Tiny)(_templateO
   return "\n  display: inline-block;\n  top: " + card.padding.top + "px;\n  left: 0;\n\n  margin-left: -" + card.padding.left + "px;\n  margin-bottom: " + card.padding.bottom + "px;\n\n  padding: \n    " + spacing.xxxsmall + "px\n    " + spacing.xsmall + "px\n    " + spacing.xxxsmall + "px\n    " + spacing.small + "px;\n  \n  border-top-right-radius: " + card.ribbon.radius + "px;\n  border-bottom-right-radius: " + card.ribbon.radius + "px;\n\n  background-color: " + (variant ? color : elements.backgroundAndDisabled) + ";\n\n  color: " + (variant ? white : text.primary) + ";\n  ";
 });
 
-var Card = function Card(_ref3) {
+var Card = /*#__PURE__*/_react["default"].forwardRef(function (_ref3, ref) {
   var ribbon = _ref3.ribbon,
       children = _ref3.children,
       rest = _objectWithoutPropertiesLoose(_ref3, _excluded);
 
-  return /*#__PURE__*/_react["default"].createElement(CardStyled, rest, Object.keys(ribbon).length > 0 && /*#__PURE__*/_react["default"].createElement(Ribbon, {
+  return /*#__PURE__*/_react["default"].createElement(CardStyled, _extends({
+    ref: ref
+  }, rest), Object.keys(ribbon).length > 0 && /*#__PURE__*/_react["default"].createElement(Ribbon, {
     variant: ribbon.variant,
     as: "span"
   }, ribbon.text), children);
-};
+});
 
 Card.propTypes = {
   /** text: the content inside the Card Ribbon.

package/cjs/Chips/native/Chips.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=_interopRequireDefault(require("react"));var _propTypes=require("prop-types");var _styledComponents=_interopRequireWildcard(require("styled-components"));var _reactNative=require("react-native");var _Counter=_interopRequireDefault(require("./Counter"));var _Theme=require("../../Theme");var _Text=_interopRequireDefault(require("../../Text"));var _Icon=_interopRequireDefault(require("../../Icon"));var _excluded=["children","selected","counter","icons","disabled","onToggle","onPress","theme"];var _templateObject,_templateObject2,_templateObject3,_templateObject4,_templateObject5;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  height: 32px;\n  max-width: 216px;\n\n  flex-direction: row;\n  align-items: center;\n  justify-content: flex-start;\n\n  margin-right: ","px;\n  padding: ","px;\n\n  border-style: solid;\n  border-color: ",";\n  border-radius: ","px;\n  border-width: ","px;\n\n  background-color: ",";\n\n  overflow: hidden;\n\n  ","\n\n  ","\n"])),_Theme.theme.spacing.xxsmall,_Theme.theme.spacing.xxsmall,_Theme.theme.colors.elements.lineAndBorders,_Theme.theme.radii.small,_Theme.theme.borders.small,_Theme.theme.colors.white,function(_ref){var disabled=_ref.disabled;return disabled?(0,_styledComponents.css)(_templateObject2||(_templateObject2=(0,_taggedTemplateLiteralLoose2["default"])(["\n          background-color: ",";\n          color: ",";\n\n          border-color: ",";\n        "])),_Theme.theme.colors.elements.backgroundAndDisabled,_Theme.theme.colors.elements.selectionAndIcons,_Theme.theme.colors.elements.lineAndBorders):'';},function(_ref2){var selected=_ref2.selected;return selected?(0,_styledComponents.css)(_templateObject3||(_templateObject3=(0,_taggedTemplateLiteralLoose2["default"])(["\n          background-color: ",";\n          border-color: transparent;\n        "])),_Theme.theme.colors.yoga):'';});var StyledChips=(0,_styledComponents["default"])(_Text["default"])(_templateObject4||(_templateObject4=(0,_taggedTemplateLiteralLoose2["default"])(["\n  font-size: ","px;\n  line-height: ","px;\n\n  flex-shrink: 1;\n\n  ","\n"])),_Theme.theme.fontSizes.xsmall,_Theme.theme.lineHeights.xsmall,function(_ref3){var selected=_ref3.selected;return selected?(0,_styledComponents.css)(_templateObject5||(_templateObject5=(0,_taggedTemplateLiteralLoose2["default"])(["\n          color: ",";\n        "])),_Theme.theme.colors.primary):'';});var Chips=function Chips(_ref4){var children=_ref4.children,selected=_ref4.selected,counter=_ref4.counter,icons=_ref4.icons,disabled=_ref4.disabled,onToggle=_ref4.onToggle,_ref4$onPress=_ref4.onPress,onPress=_ref4$onPress===void 0?onToggle:_ref4$onPress,spacing=_ref4.theme.yoga.spacing,props=(0,_objectWithoutProperties2["default"])(_ref4,_excluded);var _icons=(0,_slicedToArray2["default"])(icons,2),FirstIcon=_icons[0],SecondIcon=_icons[1];return _react["default"].createElement(_reactNative.TouchableWithoutFeedback,(0,_extends2["default"])({onPress:onPress},props),_react["default"].createElement(Wrapper,{disabled:disabled,selected:selected},SecondIcon&&_react["default"].createElement(_Icon["default"],{as:SecondIcon,fill:selected?'primary':'secondary',width:"small",height:"small",style:{marginRight:children?spacing.xxxsmall:undefined}}),_react["default"].createElement(StyledChips,{as:selected?_Text["default"].Medium:_Text["default"],selected:selected,numberOfLines:1},children),selected&&counter&&!disabled&&_react["default"].createElement(_Counter["default"],{value:counter}),FirstIcon&&_react["default"].createElement(_Icon["default"],{as:FirstIcon,fill:selected?'primary':'secondary',width:"small",height:"small",style:{marginLeft:children?spacing.xxxsmall:undefined}})));};Chips.propTypes={children:_propTypes.node,selected:_propTypes.bool,counter:_propTypes.number,disabled:_propTypes.bool,icons:(0,_propTypes.arrayOf)(_propTypes.func),onToggle:_propTypes.func,onPress:_propTypes.func};Chips.defaultProps={children:undefined,selected:false,disabled:false,counter:undefined,icons:[],onToggle:undefined,onPress:undefined};var _default=(0,_styledComponents.withTheme)(Chips);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=_interopRequireDefault(require("react"));var _propTypes=require("prop-types");var _styledComponents=_interopRequireWildcard(require("styled-components"));var _reactNative=require("react-native");var _Counter=_interopRequireDefault(require("./Counter"));var _Theme=require("../../Theme");var _Text=_interopRequireDefault(require("../../Text"));var _Icon=_interopRequireDefault(require("../../Icon"));var _excluded=["children","selected","counter","icons","disabled","onToggle","onPress","theme"];var _templateObject,_templateObject2,_templateObject3,_templateObject4,_templateObject5;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  height: 32px;\n  max-width: 216px;\n\n  flex-direction: row;\n  align-items: center;\n  justify-content: flex-start;\n\n  margin-right: ","px;\n  padding: ","px;\n\n  border-style: solid;\n  border-color: ",";\n  border-radius: ","px;\n  border-width: ","px;\n\n  background-color: ",";\n\n  overflow: hidden;\n\n  ","\n\n  ","\n"])),_Theme.theme.spacing.xxsmall,_Theme.theme.spacing.xxsmall,_Theme.theme.colors.elements.lineAndBorders,_Theme.theme.radii.small,_Theme.theme.borders.small,_Theme.theme.colors.white,function(_ref){var disabled=_ref.disabled;return disabled?(0,_styledComponents.css)(_templateObject2||(_templateObject2=(0,_taggedTemplateLiteralLoose2["default"])(["\n          background-color: ",";\n          color: ",";\n\n          border-color: ",";\n        "])),_Theme.theme.colors.elements.backgroundAndDisabled,_Theme.theme.colors.elements.selectionAndIcons,_Theme.theme.colors.elements.lineAndBorders):'';},function(_ref2){var selected=_ref2.selected;return selected?(0,_styledComponents.css)(_templateObject3||(_templateObject3=(0,_taggedTemplateLiteralLoose2["default"])(["\n          background-color: ",";\n          border-color: transparent;\n        "])),_Theme.theme.colors.yoga):'';});var StyledChips=(0,_styledComponents["default"])(_Text["default"])(_templateObject4||(_templateObject4=(0,_taggedTemplateLiteralLoose2["default"])(["\n  font-size: ","px;\n  line-height: ","px;\n\n  flex-shrink: 1;\n\n  ","\n"])),_Theme.theme.fontSizes.xsmall,_Theme.theme.lineHeights.xsmall,function(_ref3){var selected=_ref3.selected;return selected?(0,_styledComponents.css)(_templateObject5||(_templateObject5=(0,_taggedTemplateLiteralLoose2["default"])(["\n          color: ",";\n        "])),_Theme.theme.colors.primary):'';});var Chips=_react["default"].forwardRef(function(_ref4,ref){var children=_ref4.children,selected=_ref4.selected,counter=_ref4.counter,icons=_ref4.icons,disabled=_ref4.disabled,onToggle=_ref4.onToggle,_ref4$onPress=_ref4.onPress,onPress=_ref4$onPress===void 0?onToggle:_ref4$onPress,spacing=_ref4.theme.yoga.spacing,props=(0,_objectWithoutProperties2["default"])(_ref4,_excluded);var _icons=(0,_slicedToArray2["default"])(icons,2),FirstIcon=_icons[0],SecondIcon=_icons[1];return _react["default"].createElement(_reactNative.TouchableWithoutFeedback,(0,_extends2["default"])({onPress:onPress,ref:ref},props),_react["default"].createElement(Wrapper,{disabled:disabled,selected:selected},SecondIcon&&_react["default"].createElement(_Icon["default"],{as:SecondIcon,fill:selected?'primary':'secondary',width:"small",height:"small",style:{marginRight:children?spacing.xxxsmall:undefined}}),_react["default"].createElement(StyledChips,{as:selected?_Text["default"].Medium:_Text["default"],selected:selected,numberOfLines:1},children),selected&&counter&&!disabled&&_react["default"].createElement(_Counter["default"],{value:counter}),FirstIcon&&_react["default"].createElement(_Icon["default"],{as:FirstIcon,fill:selected?'primary':'secondary',width:"small",height:"small",style:{marginLeft:children?spacing.xxxsmall:undefined}})));});Chips.propTypes={children:_propTypes.node,selected:_propTypes.bool,counter:_propTypes.number,disabled:_propTypes.bool,icons:(0,_propTypes.arrayOf)(_propTypes.func),onToggle:_propTypes.func,onPress:_propTypes.func};Chips.defaultProps={children:undefined,selected:false,disabled:false,counter:undefined,icons:[],onToggle:undefined,onPress:undefined};var _default=(0,_styledComponents.withTheme)(Chips);exports["default"]=_default;

package/cjs/Chips/web/Chips.js

@@ -59,7 +59,7 @@ var Wrapper = _styledComponents["default"].button(_templateObject2 || (_template
   return "\n      " + commonStyles + "\n\n      border-color: " + colors.elements.lineAndBorders + ";\n\n      background-color: " + colors.white + ";\n      color: " + colors.secondary + ";\n\n      font-weight: " + fontWeights.regular + ";\n\n      &:hover:enabled {\n        border-color: " + colors.secondary + ";\n      }\n\n      &:focus:enabled,\n      &:active:enabled {\n        border-color: " + (0, _yogaCommon.hexToRgb)(colors.elements.lineAndBorders, 0.75) + ";\n      }\n    ";
 });
 
-var Chips = function Chips(_ref2) {
+var Chips = /*#__PURE__*/_react["default"].forwardRef(function (_ref2, ref) {
   var children = _ref2.children,
       selected = _ref2.selected,
       counter = _ref2.counter,
@@ -76,7 +76,8 @@ var Chips = function Chips(_ref2) {
   return /*#__PURE__*/_react["default"].createElement(Wrapper, _extends({
     selected: selected,
     disabled: disabled,
-    onClick: onClick
+    onClick: onClick,
+    ref: ref
   }, props), SecondIcon && /*#__PURE__*/_react["default"].createElement(_Icon["default"], {
     as: SecondIcon,
     fill: selected ? 'primary' : 'secondary',
@@ -96,7 +97,7 @@ var Chips = function Chips(_ref2) {
       marginLeft: children ? spacing.xxxsmall : undefined
     }
   }));
-};
+});
 
 Chips.propTypes = {
   /** text to be displayed */

package/cjs/Divider/native/Divider.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 _propTypes=require("prop-types");var _react=_interopRequireDefault(require("react"));var _styledComponents=_interopRequireWildcard(require("styled-components"));var _templateObject,_templateObject2;function _getRequireWildcardCache(nodeInterop){if(typeof WeakMap!=="function")return null;var cacheBabelInterop=new WeakMap();var cacheNodeInterop=new WeakMap();return(_getRequireWildcardCache=function _getRequireWildcardCache(nodeInterop){return nodeInterop?cacheNodeInterop:cacheBabelInterop;})(nodeInterop);}function _interopRequireWildcard(obj,nodeInterop){if(!nodeInterop&&obj&&obj.__esModule){return obj;}if(obj===null||typeof obj!=="object"&&typeof obj!=="function"){return{"default":obj};}var cache=_getRequireWildcardCache(nodeInterop);if(cache&&cache.has(obj)){return cache.get(obj);}var newObj={};var hasPropertyDescriptor=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var key in obj){if(key!=="default"&&Object.prototype.hasOwnProperty.call(obj,key)){var desc=hasPropertyDescriptor?Object.getOwnPropertyDescriptor(obj,key):null;if(desc&&(desc.get||desc.set)){Object.defineProperty(newObj,key,desc);}else{newObj[key]=obj[key];}}}newObj["default"]=obj;if(cache){cache.set(obj,newObj);}return newObj;}var StyledDivider=_styledComponents["default"].View(_templateObject||(_templateObject=(0,_taggedTemplateLiteralLoose2["default"])(["\n  ","\n"])),function(_ref){var _ref$theme$yoga=_ref.theme.yoga,borders=_ref$theme$yoga.borders,colors=_ref$theme$yoga.colors,vertical=_ref.vertical;return(0,_styledComponents.css)(_templateObject2||(_templateObject2=(0,_taggedTemplateLiteralLoose2["default"])(["\n      ",";\n      ",";\n\n      border-color: ",";\n    "])),vertical?'height: auto':'width: auto',vertical?"border-left-width: "+borders.small:"border-bottom-width: "+borders.small,colors.text.disabled);});var Divider=function Divider(props){var vertical=props.vertical;return _react["default"].createElement(StyledDivider,{vertical:vertical});};Divider.propTypes={vertical:_propTypes.bool};Divider.defaultProps={vertical:false};var _default=(0,_styledComponents.withTheme)(Divider);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 _templateObject,_templateObject2;function _getRequireWildcardCache(nodeInterop){if(typeof WeakMap!=="function")return null;var cacheBabelInterop=new WeakMap();var cacheNodeInterop=new WeakMap();return(_getRequireWildcardCache=function _getRequireWildcardCache(nodeInterop){return nodeInterop?cacheNodeInterop:cacheBabelInterop;})(nodeInterop);}function _interopRequireWildcard(obj,nodeInterop){if(!nodeInterop&&obj&&obj.__esModule){return obj;}if(obj===null||typeof obj!=="object"&&typeof obj!=="function"){return{"default":obj};}var cache=_getRequireWildcardCache(nodeInterop);if(cache&&cache.has(obj)){return cache.get(obj);}var newObj={};var hasPropertyDescriptor=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var key in obj){if(key!=="default"&&Object.prototype.hasOwnProperty.call(obj,key)){var desc=hasPropertyDescriptor?Object.getOwnPropertyDescriptor(obj,key):null;if(desc&&(desc.get||desc.set)){Object.defineProperty(newObj,key,desc);}else{newObj[key]=obj[key];}}}newObj["default"]=obj;if(cache){cache.set(obj,newObj);}return newObj;}var StyledDivider=_styledComponents["default"].View(_templateObject||(_templateObject=(0,_taggedTemplateLiteralLoose2["default"])(["\n  ","\n"])),function(_ref){var _ref$theme$yoga=_ref.theme.yoga,borders=_ref$theme$yoga.borders,colors=_ref$theme$yoga.colors,vertical=_ref.vertical;return(0,_styledComponents.css)(_templateObject2||(_templateObject2=(0,_taggedTemplateLiteralLoose2["default"])(["\n      ",";\n      ",";\n\n      border-color: ",";\n    "])),vertical?'height: auto':'width: auto',vertical?"border-left-width: "+borders.small:"border-bottom-width: "+borders.small,colors.text.disabled);});var Divider=_react["default"].forwardRef(function(_ref2,ref){var vertical=_ref2.vertical;return _react["default"].createElement(StyledDivider,{vertical:vertical,ref:ref});});Divider.propTypes={vertical:_propTypes.bool};Divider.defaultProps={vertical:false};var _default=(0,_styledComponents.withTheme)(Divider);exports["default"]=_default;

package/cjs/Divider/web/Divider.js

@@ -27,12 +27,13 @@ var StyledDivider = _styledComponents["default"].hr(_templateObject || (_templat
   return (0, _styledComponents.css)(_templateObject2 || (_templateObject2 = _taggedTemplateLiteralLoose(["\n      ", ";\n      border-width: 0px;\n      border-left-width: ", "px;\n      border-bottom-width: ", "px;\n      border-color: ", ";\n    "])), vertical ? 'height: auto' : 'width: 100%', vertical ? borders.small : 0, vertical ? 0 : borders.small, colors.text.disabled);
 });
 
-var Divider = function Divider(props) {
-  var vertical = props.vertical;
+var Divider = /*#__PURE__*/_react["default"].forwardRef(function (_ref2, ref) {
+  var vertical = _ref2.vertical;
   return /*#__PURE__*/_react["default"].createElement(StyledDivider, {
-    vertical: vertical
+    vertical: vertical,
+    ref: ref
   });
-};
+});
 
 Divider.propTypes = {
   /** If this value is defined, the divider will be in vertical if the flexDirection is row type */

package/cjs/Dropdown/native/Dropdown.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=_interopRequireWildcard(require("styled-components"));var _propTypes=require("prop-types");var _reactNative=require("react-native");var _yogaIcons=require("@gympass/yoga-icons");var _Options=_interopRequireDefault(require("./Options"));var _Backdrop=_interopRequireDefault(require("./Backdrop"));var _Text=_interopRequireDefault(require("../../Text"));var _Helper=_interopRequireDefault(require("../../Input/native/Helper"));var _excluded=["error","label","disabled","full","options","cancelActionLabel","confirmActionLabel","onChange","theme"];var _templateObject,_templateObject2;function _getRequireWildcardCache(nodeInterop){if(typeof WeakMap!=="function")return null;var cacheBabelInterop=new WeakMap();var cacheNodeInterop=new WeakMap();return(_getRequireWildcardCache=function _getRequireWildcardCache(nodeInterop){return nodeInterop?cacheNodeInterop:cacheBabelInterop;})(nodeInterop);}function _interopRequireWildcard(obj,nodeInterop){if(!nodeInterop&&obj&&obj.__esModule){return obj;}if(obj===null||typeof obj!=="object"&&typeof obj!=="function"){return{"default":obj};}var cache=_getRequireWildcardCache(nodeInterop);if(cache&&cache.has(obj)){return cache.get(obj);}var newObj={};var hasPropertyDescriptor=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var key in obj){if(key!=="default"&&Object.prototype.hasOwnProperty.call(obj,key)){var desc=hasPropertyDescriptor?Object.getOwnPropertyDescriptor(obj,key):null;if(desc&&(desc.get||desc.set)){Object.defineProperty(newObj,key,desc);}else{newObj[key]=obj[key];}}}newObj["default"]=obj;if(cache){cache.set(obj,newObj);}return newObj;}var Selector=_styledComponents["default"].View(_templateObject||(_templateObject=(0,_taggedTemplateLiteralLoose2["default"])(["\n  ","\n"])),function(_ref){var disabled=_ref.disabled,selected=_ref.selected,error=_ref.error,full=_ref.full,_ref$theme$yoga=_ref.theme.yoga,colors=_ref$theme$yoga.colors,dropdown=_ref$theme$yoga.components.dropdown;return"\n    position: relative;\n    flex-direction: row;\n    justify-content: space-between;\n    align-items: center;\n\n    width: "+(full?'100%':dropdown.width+"px")+";\n    padding: "+dropdown.selector.padding.top+"px\n      "+dropdown.selector.padding.right+"px\n      "+dropdown.selector.padding.bottom+"px\n      "+dropdown.selector.padding.left+"px;\n\n    background-color: "+dropdown.selector.background+";\n    border-radius: "+dropdown.selector.border.radius+"px;\n    border-width: "+dropdown.selector.border.width+"px;\n    border-style: solid;\n    border-color: "+(error?colors.feedback.attention[1]:dropdown.selector.border.color)+";\n\n    "+(disabled?"border-color: "+dropdown.disabled.selector.border.color+";":'')+";\n    "+(selected?"border-color: "+dropdown.selected.selector.border.color+";":'')+";\n  ";});var Label=(0,_styledComponents["default"])(_Text["default"])(_templateObject2||(_templateObject2=(0,_taggedTemplateLiteralLoose2["default"])(["\n  ","\n"])),function(_ref2){var disabled=_ref2.disabled,selected=_ref2.selected,dropdown=_ref2.theme.yoga.components.dropdown;return"\n    color: "+dropdown.input.font.color+";\n    "+(disabled?"color: "+dropdown.disabled.input.font.color+";":'')+"\n    "+(selected?"color: "+dropdown.selected.input.font.color+";":'')+"\n  ";});var getSelectedOption=function getSelectedOption(options){return options.find(function(item){return item.selected===true;});};var Dropdown=function Dropdown(_ref3){var error=_ref3.error,label=_ref3.label,disabled=_ref3.disabled,full=_ref3.full,options=_ref3.options,cancelActionLabel=_ref3.cancelActionLabel,confirmActionLabel=_ref3.confirmActionLabel,onChange=_ref3.onChange,dropdown=_ref3.theme.yoga.components.dropdown,rest=(0,_objectWithoutProperties2["default"])(_ref3,_excluded);var _useState=(0,_react.useState)(getSelectedOption(options)),_useState2=(0,_slicedToArray2["default"])(_useState,2),selected=_useState2[0],toggleIsSelected=_useState2[1];var _useState3=(0,_react.useState)(false),_useState4=(0,_slicedToArray2["default"])(_useState3,2),isOpen=_useState4[0],toggleIsOpen=_useState4[1];var iconColor=function iconColor(){if(disabled)return dropdown.disabled.arrow.fill;if(selected)return dropdown.selected.arrow.fill;return dropdown.arrow.fill;};return _react["default"].createElement(_react["default"].Fragment,null,_react["default"].createElement(_reactNative.TouchableWithoutFeedback,{accessibilityRole:"button",onPress:function onPress(){return!disabled&&toggleIsOpen(true);}},_react["default"].createElement(_reactNative.View,null,_react["default"].createElement(Selector,(0,_extends2["default"])({full:full,disabled:disabled,selected:selected,error:error},rest),_react["default"].createElement(Label,{disabled:disabled,selected:selected},selected&&selected.label||label),_react["default"].createElement(_yogaIcons.ChevronDown,{width:20,height:20,fill:iconColor()})),error&&!selected&&_react["default"].createElement(_Helper["default"],{error:error}))),_react["default"].createElement(_Backdrop["default"],{visible:isOpen,title:label,onClose:function onClose(){return toggleIsOpen(false);}},_react["default"].createElement(_Options["default"],{options:options,selectedOption:selected,cancelActionLabel:cancelActionLabel,confirmActionLabel:confirmActionLabel,onClose:function onClose(){return toggleIsOpen(false);},onSelect:function onSelect(item){toggleIsSelected(item);onChange(item);toggleIsOpen(false);}})));};Dropdown.propTypes={label:_propTypes.string,disabled:_propTypes.bool,error:_propTypes.string,full:_propTypes.bool,options:(0,_propTypes.arrayOf)((0,_propTypes.shape)({label:_propTypes.string,value:(0,_propTypes.oneOfType)([_propTypes.string,_propTypes.number]),selected:_propTypes.bool})).isRequired,cancelActionLabel:_propTypes.string,confirmActionLabel:_propTypes.string,onChange:_propTypes.func};Dropdown.defaultProps={label:'',error:undefined,full:false,cancelActionLabel:'Cancel',confirmActionLabel:'Confirm',disabled:false,onChange:function onChange(){}};var _default=(0,_styledComponents.withTheme)(Dropdown);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=_interopRequireWildcard(require("styled-components"));var _propTypes=require("prop-types");var _reactNative=require("react-native");var _yogaIcons=require("@gympass/yoga-icons");var _Options=_interopRequireDefault(require("./Options"));var _Backdrop=_interopRequireDefault(require("./Backdrop"));var _Text=_interopRequireDefault(require("../../Text"));var _Helper=_interopRequireDefault(require("../../Input/native/Helper"));var _excluded=["error","label","disabled","full","options","cancelActionLabel","confirmActionLabel","onChange","theme"];var _templateObject,_templateObject2;function _getRequireWildcardCache(nodeInterop){if(typeof WeakMap!=="function")return null;var cacheBabelInterop=new WeakMap();var cacheNodeInterop=new WeakMap();return(_getRequireWildcardCache=function _getRequireWildcardCache(nodeInterop){return nodeInterop?cacheNodeInterop:cacheBabelInterop;})(nodeInterop);}function _interopRequireWildcard(obj,nodeInterop){if(!nodeInterop&&obj&&obj.__esModule){return obj;}if(obj===null||typeof obj!=="object"&&typeof obj!=="function"){return{"default":obj};}var cache=_getRequireWildcardCache(nodeInterop);if(cache&&cache.has(obj)){return cache.get(obj);}var newObj={};var hasPropertyDescriptor=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var key in obj){if(key!=="default"&&Object.prototype.hasOwnProperty.call(obj,key)){var desc=hasPropertyDescriptor?Object.getOwnPropertyDescriptor(obj,key):null;if(desc&&(desc.get||desc.set)){Object.defineProperty(newObj,key,desc);}else{newObj[key]=obj[key];}}}newObj["default"]=obj;if(cache){cache.set(obj,newObj);}return newObj;}var Selector=_styledComponents["default"].View(_templateObject||(_templateObject=(0,_taggedTemplateLiteralLoose2["default"])(["\n  ","\n"])),function(_ref){var disabled=_ref.disabled,selected=_ref.selected,error=_ref.error,full=_ref.full,_ref$theme$yoga=_ref.theme.yoga,colors=_ref$theme$yoga.colors,dropdown=_ref$theme$yoga.components.dropdown;return"\n    position: relative;\n    flex-direction: row;\n    justify-content: space-between;\n    align-items: center;\n\n    width: "+(full?'100%':dropdown.width+"px")+";\n    padding: "+dropdown.selector.padding.top+"px\n      "+dropdown.selector.padding.right+"px\n      "+dropdown.selector.padding.bottom+"px\n      "+dropdown.selector.padding.left+"px;\n\n    background-color: "+dropdown.selector.background+";\n    border-radius: "+dropdown.selector.border.radius+"px;\n    border-width: "+dropdown.selector.border.width+"px;\n    border-style: solid;\n    border-color: "+(error?colors.feedback.attention[1]:dropdown.selector.border.color)+";\n\n    "+(disabled?"border-color: "+dropdown.disabled.selector.border.color+";":'')+";\n    "+(selected?"border-color: "+dropdown.selected.selector.border.color+";":'')+";\n  ";});var Label=(0,_styledComponents["default"])(_Text["default"])(_templateObject2||(_templateObject2=(0,_taggedTemplateLiteralLoose2["default"])(["\n  ","\n"])),function(_ref2){var disabled=_ref2.disabled,selected=_ref2.selected,dropdown=_ref2.theme.yoga.components.dropdown;return"\n    color: "+dropdown.input.font.color+";\n    "+(disabled?"color: "+dropdown.disabled.input.font.color+";":'')+"\n    "+(selected?"color: "+dropdown.selected.input.font.color+";":'')+"\n  ";});var getSelectedOption=function getSelectedOption(options){return options.find(function(item){return item.selected===true;});};var Dropdown=_react["default"].forwardRef(function(_ref3,ref){var error=_ref3.error,label=_ref3.label,disabled=_ref3.disabled,full=_ref3.full,options=_ref3.options,cancelActionLabel=_ref3.cancelActionLabel,confirmActionLabel=_ref3.confirmActionLabel,onChange=_ref3.onChange,dropdown=_ref3.theme.yoga.components.dropdown,rest=(0,_objectWithoutProperties2["default"])(_ref3,_excluded);var _useState=(0,_react.useState)(getSelectedOption(options)),_useState2=(0,_slicedToArray2["default"])(_useState,2),selected=_useState2[0],toggleIsSelected=_useState2[1];var _useState3=(0,_react.useState)(false),_useState4=(0,_slicedToArray2["default"])(_useState3,2),isOpen=_useState4[0],toggleIsOpen=_useState4[1];var iconColor=function iconColor(){if(disabled)return dropdown.disabled.arrow.fill;if(selected)return dropdown.selected.arrow.fill;return dropdown.arrow.fill;};return _react["default"].createElement(_react["default"].Fragment,null,_react["default"].createElement(_reactNative.TouchableWithoutFeedback,{accessibilityRole:"button",onPress:function onPress(){return!disabled&&toggleIsOpen(true);}},_react["default"].createElement(_reactNative.View,null,_react["default"].createElement(Selector,(0,_extends2["default"])({full:full,disabled:disabled,selected:selected,error:error},rest,{ref:ref}),_react["default"].createElement(Label,{disabled:disabled,selected:selected},selected&&selected.label||label),_react["default"].createElement(_yogaIcons.ChevronDown,{width:20,height:20,fill:iconColor()})),error&&!selected&&_react["default"].createElement(_Helper["default"],{error:error}))),_react["default"].createElement(_Backdrop["default"],{visible:isOpen,title:label,onClose:function onClose(){return toggleIsOpen(false);}},_react["default"].createElement(_Options["default"],{options:options,selectedOption:selected,cancelActionLabel:cancelActionLabel,confirmActionLabel:confirmActionLabel,onClose:function onClose(){return toggleIsOpen(false);},onSelect:function onSelect(item){toggleIsSelected(item);onChange(item);toggleIsOpen(false);}})));});Dropdown.propTypes={label:_propTypes.string,disabled:_propTypes.bool,error:_propTypes.string,full:_propTypes.bool,options:(0,_propTypes.arrayOf)((0,_propTypes.shape)({label:_propTypes.string,value:(0,_propTypes.oneOfType)([_propTypes.string,_propTypes.number]),selected:_propTypes.bool})).isRequired,cancelActionLabel:_propTypes.string,confirmActionLabel:_propTypes.string,onChange:_propTypes.func};Dropdown.defaultProps={label:'',error:undefined,full:false,cancelActionLabel:'Cancel',confirmActionLabel:'Confirm',disabled:false,onChange:function onChange(){}};var _default=(0,_styledComponents.withTheme)(Dropdown);exports["default"]=_default;

package/cjs/Dropdown/web/Dropdown.js

@@ -112,7 +112,7 @@ var getSelectedOption = function getSelectedOption(options) {
 /** Gympass Dropdown is a multiple choice type of menu. */
 
 
-var Dropdown = function Dropdown(_ref10) {
+var Dropdown = /*#__PURE__*/_react["default"].forwardRef(function (_ref10, ref) {
   var error = _ref10.error,
       label = _ref10.label,
       disabled = _ref10.disabled,
@@ -121,6 +121,8 @@ var Dropdown = function Dropdown(_ref10) {
       onChange = _ref10.onChange,
       rest = _objectWithoutPropertiesLoose(_ref10, _excluded2);
 
+  var inputRef = ref || _react["default"].useRef(null);
+
   return /*#__PURE__*/_react["default"].createElement(_downshift["default"], {
     initialSelectedItem: getSelectedOption(options),
     selectedItemChanged: function selectedItemChanged(prevItem, item) {
@@ -152,7 +154,8 @@ var Dropdown = function Dropdown(_ref10) {
       selected: selectedItem !== null,
       isOpen: isOpen,
       label: label,
-      full: full
+      full: full,
+      ref: inputRef
     }, getInputProps())), /*#__PURE__*/_react["default"].createElement(Button, _extends({
       isOpen: isOpen,
       disabled: disabled
@@ -173,7 +176,7 @@ var Dropdown = function Dropdown(_ref10) {
       error: error
     }));
   });
-};
+});
 
 Dropdown.propTypes = {
   label: _propTypes.string,

package/cjs/Input/native/Email.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 _react=_interopRequireDefault(require("react"));var _Input=_interopRequireDefault(require("./Input"));var Email=function Email(props){return _react["default"].createElement(_Input["default"],(0,_extends2["default"])({},props,{autoCompleteType:"email",autoCapitalize:"none",keyboardType:"email-address",textContentType:"emailAddress"}));};var _default=Email;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 _react=_interopRequireDefault(require("react"));var _Input=_interopRequireDefault(require("./Input"));var Email=_react["default"].forwardRef(function(props,ref){return _react["default"].createElement(_Input["default"],(0,_extends2["default"])({ref:ref},props,{autoCompleteType:"email",autoCapitalize:"none",keyboardType:"email-address",textContentType:"emailAddress"}));});var _default=Email;exports["default"]=_default;

package/cjs/Input/native/Helper.js

@@ -1 +1 @@
-var _interopRequireDefault=require("@babel/runtime/helpers/interopRequireDefault");Object.defineProperty(exports,"__esModule",{value:true});exports["default"]=void 0;var _react=_interopRequireDefault(require("react"));var _styledComponents=_interopRequireDefault(require("styled-components"));var _propTypes=require("prop-types");var _Text=_interopRequireDefault(require("../../Text"));var HelperWrapper=_styledComponents["default"].View(function(_ref){var full=_ref.full,input=_ref.theme.yoga.components.input;return"\n    width: "+(full?'100%':input.width+"px")+";\n    max-width: "+input.width+"px;\n    flex-direction: row;\n    justify-content: space-between;\n\n    margin-top: "+input.helper.margin.top+"px;\n  ";});var Info=(0,_styledComponents["default"])(_Text["default"].Regular)(function(_ref2){var disabled=_ref2.disabled,focused=_ref2.focused,error=_ref2.error,_ref2$theme$yoga=_ref2.theme.yoga,colors=_ref2$theme$yoga.colors,input=_ref2$theme$yoga.components.input;return"\n    flex-wrap: wrap;\n\n    color: "+input.helper.color["default"]+";\n    font-size: "+input.helper.font.size+"px;\n\n    "+(disabled?"color: "+colors.text.disabled+";":'')+"\n    "+(focused?"color: "+input.helper.color.focus+";":'')+"\n    "+(error?"color: "+colors.feedback.attention.dark+";":'')+"\n  ";});var Helper=function Helper(_ref3){var full=_ref3.full,error=_ref3.error,helper=_ref3.helper,disabled=_ref3.disabled,focused=_ref3.focused,maxLength=_ref3.maxLength,length=_ref3.length,hideMaxLength=_ref3.hideMaxLength;return _react["default"].createElement(HelperWrapper,{full:full,disabled:disabled},(error||helper)&&_react["default"].createElement(Info,{disabled:disabled,focused:focused,error:error},error||helper),!hideMaxLength&&maxLength&&_react["default"].createElement(Info,{disabled:disabled,focused:focused,error:error},length,"/",maxLength));};Helper.propTypes={disabled:_propTypes.bool,error:_propTypes.string,focused:_propTypes.bool,full:_propTypes.bool,helper:_propTypes.string,maxLength:_propTypes.number,length:_propTypes.number,hideMaxLength:_propTypes.bool};Helper.defaultProps={disabled:undefined,error:undefined,focused:false,full:false,helper:undefined,maxLength:undefined,length:undefined,hideMaxLength:false};var _default=Helper;exports["default"]=_default;
+var _interopRequireDefault=require("@babel/runtime/helpers/interopRequireDefault");Object.defineProperty(exports,"__esModule",{value:true});exports["default"]=void 0;var _react=_interopRequireDefault(require("react"));var _styledComponents=_interopRequireDefault(require("styled-components"));var _propTypes=require("prop-types");var _Text=_interopRequireDefault(require("../../Text"));var HelperWrapper=_styledComponents["default"].View(function(_ref){var full=_ref.full,input=_ref.theme.yoga.components.input;return"\n    width: "+(full?'100%':input.width+"px")+";\n    max-width: "+input.width+"px;\n    flex-direction: row;\n    justify-content: space-between;\n\n    margin-top: "+input.helper.margin.top+"px;\n  ";});var Info=(0,_styledComponents["default"])(_Text["default"].Regular)(function(_ref2){var disabled=_ref2.disabled,focused=_ref2.focused,error=_ref2.error,_ref2$theme$yoga=_ref2.theme.yoga,colors=_ref2$theme$yoga.colors,input=_ref2$theme$yoga.components.input;return"\n    flex-wrap: wrap;\n\n    color: "+input.helper.color["default"]+";\n    font-size: "+input.helper.font.size+"px;\n\n    "+(disabled?"color: "+colors.text.disabled+";":'')+"\n    "+(focused?"color: "+input.helper.color.focus+";":'')+"\n    "+(error?"color: "+colors.feedback.attention.dark+";":'')+"\n  ";});var Helper=_react["default"].forwardRef(function(_ref3,ref){var full=_ref3.full,error=_ref3.error,helper=_ref3.helper,disabled=_ref3.disabled,focused=_ref3.focused,maxLength=_ref3.maxLength,length=_ref3.length,hideMaxLength=_ref3.hideMaxLength;return _react["default"].createElement(HelperWrapper,{ref:ref,full:full,disabled:disabled},(error||helper)&&_react["default"].createElement(Info,{disabled:disabled,focused:focused,error:error},error||helper),!hideMaxLength&&maxLength&&_react["default"].createElement(Info,{disabled:disabled,focused:focused,error:error},length,"/",maxLength));});Helper.propTypes={disabled:_propTypes.bool,error:_propTypes.string,focused:_propTypes.bool,full:_propTypes.bool,helper:_propTypes.string,maxLength:_propTypes.number,length:_propTypes.number,hideMaxLength:_propTypes.bool};Helper.defaultProps={disabled:undefined,error:undefined,focused:false,full:false,helper:undefined,maxLength:undefined,length:undefined,hideMaxLength:false};var _default=Helper;exports["default"]=_default;

package/cjs/Input/native/Input.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 _toConsumableArray2=_interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));var _slicedToArray2=_interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));var _objectWithoutProperties2=_interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));var _react=_interopRequireWildcard(require("react"));var _reactNative=require("react-native");var _propTypes=require("prop-types");var _styledComponents=_interopRequireWildcard(require("styled-components"));var _yogaIcons=require("@gympass/yoga-icons");var _Helper=_interopRequireDefault(require("./Helper"));var _excluded=["cleanable","disabled","error","full","helper","label","maxLength","readOnly","style","textContentType","value","onBlur","onClean","onFocus","hideMaxLength","theme"],_excluded2=["height"];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 ICON_SIZE=20;var Wrapper=_styledComponents["default"].View(function(_ref){var full=_ref.full,input=_ref.theme.yoga.components.input;return"\n    position: relative;\n    width: "+(full?'100%':input.width+"px")+";\n  ";});var Field=_styledComponents["default"].TextInput(function(_ref2){var cleanable=_ref2.cleanable,disabled=_ref2.disabled,error=_ref2.error,focus=_ref2.focus,full=_ref2.full,textContentType=_ref2.textContentType,typed=_ref2.typed,_ref2$theme$yoga=_ref2.theme.yoga,baseFont=_ref2$theme$yoga.baseFont,colors=_ref2$theme$yoga.colors,input=_ref2$theme$yoga.components.input;return"\n    width: "+(full?'100%':input.width+"px")+";\n\n    padding-top: "+input.padding.top+"px;\n    padding-right: "+(cleanable||textContentType==='password'?ICON_SIZE+input.padding.right*2:input.padding.right)+"px;\n    padding-bottom: "+input.padding.bottom+"px;\n    padding-left: "+input.padding.left+"px;\n\n    border-radius: "+input.border.radius+"px;\n    border: "+input.border.width+"px solid "+input.border.color["default"]+";\n\n    color: "+input.font.color["default"]+";\n    font-family: "+baseFont.family+";\n    font-size: "+input.font.size+"px;\n\n    "+(focus?"border-color: "+input.border.color.typed+";":'')+"\n    "+(focus||typed?"color: "+input.font.color.focus+";":'')+"\n    "+(error?"border-color: "+colors.feedback.attention[1]+";":'')+"\n\n    "+(disabled?"\n          border-color: "+colors.elements.lineAndBorders+";\n          color: "+colors.text.disabled+";\n        ":'')+"\n  ";});var LabelWrapper=(0,_styledComponents["default"])(_reactNative.Animated.View)(function(_ref3){var focus=_ref3.focus,typed=_ref3.typed,input=_ref3.theme.yoga.components.input;return"\n    position: absolute;\n    left: "+input.padding.left+"px;\n\n    transform: translateY(-"+input.padding.top/2+"px);\n\n    "+(focus||typed?"left: "+(input.padding.left-2)+"px;":'')+"\n  ";});var Label=(0,_styledComponents["default"])(_reactNative.Animated.Text)(function(_ref4){var disabled=_ref4.disabled,error=_ref4.error,focus=_ref4.focus,typed=_ref4.typed,_ref4$theme$yoga=_ref4.theme.yoga,colors=_ref4$theme$yoga.colors,baseFont=_ref4$theme$yoga.baseFont,input=_ref4$theme$yoga.components.input;return"\n    background-color: "+colors.white+";\n\n    font-family: "+baseFont.family+";\n    color: "+input.label.color["default"]+";\n\n    "+(focus?"\n          color: "+input.label.color.focus+";\n        ":'')+"\n\n    "+(focus||typed?"\n        padding-right: "+input.label.padding.right+"px;\n        padding-left: "+input.label.padding.left+"px;\n      ":'')+"\n\n    "+(error?"color: "+colors.feedback.attention[1]+";":'')+"\n    "+(disabled?"color: "+colors.text.disabled+";":'')+"\n  ";});var CloseIcon=_styledComponents["default"].View(function(_ref5){var spacing=_ref5.theme.yoga.spacing;return"\n    position: absolute;\n    top: 0px;\n    right: 0px;\n\n    padding-right: "+spacing.small+"px;\n    padding-left: "+spacing.small+"px;\n  ";});var Input=function Input(_ref6){var cleanable=_ref6.cleanable,disabled=_ref6.disabled,error=_ref6.error,full=_ref6.full,helper=_ref6.helper,label=_ref6.label,maxLength=_ref6.maxLength,readOnly=_ref6.readOnly,style=_ref6.style,textContentType=_ref6.textContentType,value=_ref6.value,_onBlur=_ref6.onBlur,onClean=_ref6.onClean,_onFocus=_ref6.onFocus,hideMaxLength=_ref6.hideMaxLength,_ref6$theme$yoga=_ref6.theme.yoga,colors=_ref6$theme$yoga.colors,transition=_ref6$theme$yoga.transition,input=_ref6$theme$yoga.components.input,props=(0,_objectWithoutProperties2["default"])(_ref6,_excluded);var _useState=(0,_react.useState)(false),_useState2=(0,_slicedToArray2["default"])(_useState,2),focused=_useState2[0],setFocused=_useState2[1];var _useState3=(0,_react.useState)(Boolean(value)),_useState4=(0,_slicedToArray2["default"])(_useState3,2),typed=_useState4[0],setTyped=_useState4[1];(0,_react.useEffect)(function(){setTyped(Boolean(value));},[value]);var iconColor=function iconColor(){if(disabled){return colors.elements.backgroundAndDisabled;}if(focused){return input.font.color.focus;}return input.font.color["default"];};var _useState5=(0,_react.useState)(new _reactNative.Animated.Value(input.padding.top*1.5)),_useState6=(0,_slicedToArray2["default"])(_useState5,1),labelTopAnimation=_useState6[0];var _useState7=(0,_react.useState)(new _reactNative.Animated.Value(input.label.font.size["default"])),_useState8=(0,_slicedToArray2["default"])(_useState7,1),fontSizeAnimation=_useState8[0];var animate=function animate(animation,toValue){return _reactNative.Animated.timing(animation,{toValue:toValue,duration:transition.duration[1],easing:_reactNative.Easing.bezier.apply(_reactNative.Easing,(0,_toConsumableArray2["default"])(transition.timing[0])),useNativeDriver:false}).start();};(0,_react.useEffect)(function(){var shouldAnimate=typed||focused;animate(labelTopAnimation,shouldAnimate?1:input.padding.top*1.5);animate(fontSizeAnimation,shouldAnimate?input.label.font.size.typed:input.label.font.size["default"]);},[focused,typed]);var _ref7=Array.isArray(style)?Object.assign.apply(Object,[{}].concat((0,_toConsumableArray2["default"])(style))):style,_ref7$height=_ref7.height,height=_ref7$height===void 0?input.height:_ref7$height,styles=(0,_objectWithoutProperties2["default"])(_ref7,_excluded2);return _react["default"].createElement(Wrapper,{full:full,style:styles},_react["default"].createElement(Field,(0,_extends2["default"])({},props,{cleanable:cleanable,disabled:disabled,editable:!(readOnly||disabled),error:error,focus:focused,full:full,maxLength:maxLength,style:{height:height},textContentType:textContentType,typed:typed,value:value,onFocus:function onFocus(e){setFocused(true);_onFocus(e);},onBlur:function onBlur(e){setFocused(false);_onBlur(e);}})),Boolean(label)&&_react["default"].createElement(LabelWrapper,{focus:focused,pointerEvents:"none",typed:typed,style:{top:labelTopAnimation}},_react["default"].createElement(Label,{disabled:disabled,error:error,focus:focused,typed:typed,style:{fontSize:fontSizeAnimation}},label)),cleanable&&typed&&_react["default"].createElement(_reactNative.TouchableWithoutFeedback,{accessibilityRole:"button",onPress:function onPress(){if(disabled)return;onClean('');}},_react["default"].createElement(CloseIcon,null,_react["default"].createElement(_yogaIcons.Close,{height:input.height,width:20,fill:iconColor()}))),(helper||maxLength||error)&&_react["default"].createElement(_Helper["default"],{full:full,error:error,helper:helper,focused:focused,disabled:disabled,maxLength:maxLength,length:value.length,hideMaxLength:hideMaxLength}));};Input.propTypes={cleanable:_propTypes.bool,disabled:_propTypes.bool,error:_propTypes.string,full:_propTypes.bool,helper:_propTypes.string,label:_propTypes.string,maxLength:_propTypes.number,readOnly:_propTypes.bool,textContentType:_propTypes.string,value:(0,_propTypes.oneOfType)([_propTypes.string,_propTypes.number]),style:(0,_propTypes.oneOfType)([(0,_propTypes.shape)({}),(0,_propTypes.arrayOf)((0,_propTypes.shape)({}))]),onBlur:_propTypes.func,onClean:_propTypes.func,onFocus:_propTypes.func,hideMaxLength:_propTypes.bool};Input.defaultProps={cleanable:true,disabled:false,error:undefined,full:false,helper:undefined,label:'',maxLength:undefined,readOnly:false,style:{},textContentType:undefined,value:'',onBlur:function onBlur(){},onClean:function onClean(){},onFocus:function onFocus(){},hideMaxLength:false};var _default=(0,_styledComponents.withTheme)(Input);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 _toConsumableArray2=_interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));var _slicedToArray2=_interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));var _objectWithoutProperties2=_interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));var _react=_interopRequireWildcard(require("react"));var _reactNative=require("react-native");var _propTypes=require("prop-types");var _styledComponents=_interopRequireWildcard(require("styled-components"));var _yogaIcons=require("@gympass/yoga-icons");var _Helper=_interopRequireDefault(require("./Helper"));var _excluded=["cleanable","disabled","error","full","helper","label","maxLength","readOnly","style","textContentType","value","onBlur","onClean","onFocus","hideMaxLength","theme"],_excluded2=["height"];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 ICON_SIZE=20;var Wrapper=_styledComponents["default"].View(function(_ref){var full=_ref.full,input=_ref.theme.yoga.components.input;return"\n    position: relative;\n    width: "+(full?'100%':input.width+"px")+";\n  ";});var Field=_styledComponents["default"].TextInput(function(_ref2){var cleanable=_ref2.cleanable,disabled=_ref2.disabled,error=_ref2.error,focus=_ref2.focus,full=_ref2.full,textContentType=_ref2.textContentType,typed=_ref2.typed,_ref2$theme$yoga=_ref2.theme.yoga,baseFont=_ref2$theme$yoga.baseFont,colors=_ref2$theme$yoga.colors,input=_ref2$theme$yoga.components.input;return"\n    width: "+(full?'100%':input.width+"px")+";\n\n    padding-top: "+input.padding.top+"px;\n    padding-right: "+(cleanable||textContentType==='password'?ICON_SIZE+input.padding.right*2:input.padding.right)+"px;\n    padding-bottom: "+input.padding.bottom+"px;\n    padding-left: "+input.padding.left+"px;\n\n    border-radius: "+input.border.radius+"px;\n    border: "+input.border.width+"px solid "+input.border.color["default"]+";\n\n    color: "+input.font.color["default"]+";\n    font-family: "+baseFont.family+";\n    font-size: "+input.font.size+"px;\n\n    "+(focus?"border-color: "+input.border.color.typed+";":'')+"\n    "+(focus||typed?"color: "+input.font.color.focus+";":'')+"\n    "+(error?"border-color: "+colors.feedback.attention[1]+";":'')+"\n\n    "+(disabled?"\n          border-color: "+colors.elements.lineAndBorders+";\n          color: "+colors.text.disabled+";\n        ":'')+"\n  ";});var LabelWrapper=(0,_styledComponents["default"])(_reactNative.Animated.View)(function(_ref3){var focus=_ref3.focus,typed=_ref3.typed,input=_ref3.theme.yoga.components.input;return"\n    position: absolute;\n    left: "+input.padding.left+"px;\n\n    transform: translateY(-"+input.padding.top/2+"px);\n\n    "+(focus||typed?"left: "+(input.padding.left-2)+"px;":'')+"\n  ";});var Label=(0,_styledComponents["default"])(_reactNative.Animated.Text)(function(_ref4){var disabled=_ref4.disabled,error=_ref4.error,focus=_ref4.focus,typed=_ref4.typed,_ref4$theme$yoga=_ref4.theme.yoga,colors=_ref4$theme$yoga.colors,baseFont=_ref4$theme$yoga.baseFont,input=_ref4$theme$yoga.components.input;return"\n    background-color: "+colors.white+";\n\n    font-family: "+baseFont.family+";\n    color: "+input.label.color["default"]+";\n\n    "+(focus?"\n          color: "+input.label.color.focus+";\n        ":'')+"\n\n    "+(focus||typed?"\n        padding-right: "+input.label.padding.right+"px;\n        padding-left: "+input.label.padding.left+"px;\n      ":'')+"\n\n    "+(error?"color: "+colors.feedback.attention[1]+";":'')+"\n    "+(disabled?"color: "+colors.text.disabled+";":'')+"\n  ";});var CloseIcon=_styledComponents["default"].View(function(_ref5){var spacing=_ref5.theme.yoga.spacing;return"\n    position: absolute;\n    top: 0px;\n    right: 0px;\n\n    padding-right: "+spacing.small+"px;\n    padding-left: "+spacing.small+"px;\n  ";});var Input=_react["default"].forwardRef(function(_ref6,ref){var cleanable=_ref6.cleanable,disabled=_ref6.disabled,error=_ref6.error,full=_ref6.full,helper=_ref6.helper,label=_ref6.label,maxLength=_ref6.maxLength,readOnly=_ref6.readOnly,style=_ref6.style,textContentType=_ref6.textContentType,value=_ref6.value,_onBlur=_ref6.onBlur,onClean=_ref6.onClean,_onFocus=_ref6.onFocus,hideMaxLength=_ref6.hideMaxLength,_ref6$theme$yoga=_ref6.theme.yoga,colors=_ref6$theme$yoga.colors,transition=_ref6$theme$yoga.transition,input=_ref6$theme$yoga.components.input,props=(0,_objectWithoutProperties2["default"])(_ref6,_excluded);var inputRef=ref||(0,_react.useRef)(null);var _useState=(0,_react.useState)(false),_useState2=(0,_slicedToArray2["default"])(_useState,2),focused=_useState2[0],setFocused=_useState2[1];var _useState3=(0,_react.useState)(Boolean(value)),_useState4=(0,_slicedToArray2["default"])(_useState3,2),typed=_useState4[0],setTyped=_useState4[1];(0,_react.useEffect)(function(){setTyped(Boolean(value));},[value]);var iconColor=function iconColor(){if(disabled){return colors.elements.backgroundAndDisabled;}if(focused){return input.font.color.focus;}return input.font.color["default"];};var _useState5=(0,_react.useState)(new _reactNative.Animated.Value(input.padding.top*1.5)),_useState6=(0,_slicedToArray2["default"])(_useState5,1),labelTopAnimation=_useState6[0];var _useState7=(0,_react.useState)(new _reactNative.Animated.Value(input.label.font.size["default"])),_useState8=(0,_slicedToArray2["default"])(_useState7,1),fontSizeAnimation=_useState8[0];var animate=function animate(animation,toValue){return _reactNative.Animated.timing(animation,{toValue:toValue,duration:transition.duration[1],easing:_reactNative.Easing.bezier.apply(_reactNative.Easing,(0,_toConsumableArray2["default"])(transition.timing[0])),useNativeDriver:false}).start();};(0,_react.useEffect)(function(){var shouldAnimate=typed||focused;animate(labelTopAnimation,shouldAnimate?1:input.padding.top*1.5);animate(fontSizeAnimation,shouldAnimate?input.label.font.size.typed:input.label.font.size["default"]);},[focused,typed]);var _ref7=Array.isArray(style)?Object.assign.apply(Object,[{}].concat((0,_toConsumableArray2["default"])(style))):style,_ref7$height=_ref7.height,height=_ref7$height===void 0?input.height:_ref7$height,styles=(0,_objectWithoutProperties2["default"])(_ref7,_excluded2);return _react["default"].createElement(Wrapper,{full:full,style:styles},_react["default"].createElement(Field,(0,_extends2["default"])({},props,{cleanable:cleanable,disabled:disabled,editable:!(readOnly||disabled),error:error,focus:focused,full:full,maxLength:maxLength,style:{height:height},textContentType:textContentType,typed:typed,value:value,onFocus:function onFocus(e){setFocused(true);_onFocus(e);},onBlur:function onBlur(e){setFocused(false);_onBlur(e);},ref:inputRef})),Boolean(label)&&_react["default"].createElement(LabelWrapper,{focus:focused,pointerEvents:"none",typed:typed,style:{top:labelTopAnimation}},_react["default"].createElement(Label,{disabled:disabled,error:error,focus:focused,typed:typed,style:{fontSize:fontSizeAnimation}},label)),cleanable&&typed&&_react["default"].createElement(_reactNative.TouchableWithoutFeedback,{accessibilityRole:"button",onPress:function onPress(){if(disabled)return;onClean('');}},_react["default"].createElement(CloseIcon,null,_react["default"].createElement(_yogaIcons.Close,{height:input.height,width:20,fill:iconColor()}))),(helper||maxLength||error)&&_react["default"].createElement(_Helper["default"],{full:full,error:error,helper:helper,focused:focused,disabled:disabled,maxLength:maxLength,length:value.length,hideMaxLength:hideMaxLength}));});Input.propTypes={cleanable:_propTypes.bool,disabled:_propTypes.bool,error:_propTypes.string,full:_propTypes.bool,helper:_propTypes.string,label:_propTypes.string,maxLength:_propTypes.number,readOnly:_propTypes.bool,textContentType:_propTypes.string,value:(0,_propTypes.oneOfType)([_propTypes.string,_propTypes.number]),style:(0,_propTypes.oneOfType)([(0,_propTypes.shape)({}),(0,_propTypes.arrayOf)((0,_propTypes.shape)({}))]),onBlur:_propTypes.func,onClean:_propTypes.func,onFocus:_propTypes.func,hideMaxLength:_propTypes.bool};Input.defaultProps={cleanable:true,disabled:false,error:undefined,full:false,helper:undefined,label:'',maxLength:undefined,readOnly:false,style:{},textContentType:undefined,value:'',onBlur:function onBlur(){},onClean:function onClean(){},onFocus:function onFocus(){},hideMaxLength:false};var _default=(0,_styledComponents.withTheme)(Input);exports["default"]=_default;

package/cjs/Input/native/Number.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 _react=_interopRequireDefault(require("react"));var _Input=_interopRequireDefault(require("./Input"));var InputNumber=function InputNumber(props){return _react["default"].createElement(_Input["default"],(0,_extends2["default"])({},props,{keyboardType:"numeric"}));};var _default=InputNumber;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 _react=_interopRequireDefault(require("react"));var _Input=_interopRequireDefault(require("./Input"));var InputNumber=_react["default"].forwardRef(function(props,ref){return _react["default"].createElement(_Input["default"],(0,_extends2["default"])({ref:ref},props,{keyboardType:"numeric"}));});var _default=InputNumber;exports["default"]=_default;

package/cjs/Input/native/Password.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 _react=_interopRequireWildcard(require("react"));var _reactNative=require("react-native");var _styledComponents=_interopRequireWildcard(require("styled-components"));var _propTypes=require("prop-types");var _yogaIcons=require("@gympass/yoga-icons");var _Input=_interopRequireDefault(require("./Input"));var _excluded=["disabled","style","full","onBlur","onFocus","theme"];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(function(_ref){var full=_ref.full,input=_ref.theme.yoga.components.input;return"\n    position: relative;\n\n    width: "+(full?'100%':input.width+"px")+";\n  ";});var IconWrapper=_styledComponents["default"].View(function(_ref2){var spacing=_ref2.theme.yoga.spacing;return"\n    position: absolute;\n    top: 0;\n    right: 0;\n\n    padding-right: "+spacing.small+"px;\n    padding-left: "+spacing.xxsmall+"px;\n  ";});var Password=function Password(_ref3){var disabled=_ref3.disabled,style=_ref3.style,full=_ref3.full,_onBlur=_ref3.onBlur,_onFocus=_ref3.onFocus,_ref3$theme$yoga=_ref3.theme.yoga,colors=_ref3$theme$yoga.colors,input=_ref3$theme$yoga.components.input,props=(0,_objectWithoutProperties2["default"])(_ref3,_excluded);var _useState=(0,_react.useState)(false),_useState2=(0,_slicedToArray2["default"])(_useState,2),showPassword=_useState2[0],toggleShowPassword=_useState2[1];var _useState3=(0,_react.useState)(false),_useState4=(0,_slicedToArray2["default"])(_useState3,2),focused=_useState4[0],setFocused=_useState4[1];var iconColor=function iconColor(){if(disabled){return colors.elements.backgroundAndDisabled;}if(focused){return input.font.color.focus;}return input.font.color["default"];};return _react["default"].createElement(Wrapper,{style:style,full:full},_react["default"].createElement(_Input["default"],(0,_extends2["default"])({},props,{autoCompleteType:"password",blurOnSubmit:false,cleanable:false,clearTextOnFocus:false,disabled:disabled,full:full,secureTextEntry:!showPassword,textContentType:"password",onSubmitEditing:function onSubmitEditing(){return _reactNative.Keyboard.dismiss();},onBlur:function onBlur(e){setFocused(false);_onBlur(e);},onFocus:function onFocus(e){setFocused(true);_onFocus(e);}})),_react["default"].createElement(_reactNative.TouchableWithoutFeedback,{accessibilityRole:"button",onPress:function onPress(){if(disabled)return;toggleShowPassword(!showPassword);}},_react["default"].createElement(IconWrapper,{disabled:disabled},showPassword?_react["default"].createElement(_yogaIcons.Visibility,{height:input.height,width:20,fill:iconColor()}):_react["default"].createElement(_yogaIcons.VisibilityOff,{height:input.height,width:20,fill:iconColor()}))));};Password.propTypes={disabled:_propTypes.bool,full:_propTypes.bool,style:(0,_propTypes.shape)({}),onBlur:_propTypes.func,onFocus:_propTypes.func};Password.defaultProps={disabled:false,full:false,style:undefined,onBlur:function onBlur(){},onFocus:function onFocus(){}};var _default=(0,_styledComponents.withTheme)(Password);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 _react=_interopRequireWildcard(require("react"));var _reactNative=require("react-native");var _styledComponents=_interopRequireWildcard(require("styled-components"));var _propTypes=require("prop-types");var _yogaIcons=require("@gympass/yoga-icons");var _Input=_interopRequireDefault(require("./Input"));var _excluded=["disabled","style","full","onBlur","onFocus","theme"];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(function(_ref){var full=_ref.full,input=_ref.theme.yoga.components.input;return"\n    position: relative;\n\n    width: "+(full?'100%':input.width+"px")+";\n  ";});var IconWrapper=_styledComponents["default"].View(function(_ref2){var spacing=_ref2.theme.yoga.spacing;return"\n    position: absolute;\n    top: 0;\n    right: 0;\n\n    padding-right: "+spacing.small+"px;\n    padding-left: "+spacing.xxsmall+"px;\n  ";});var Password=_react["default"].forwardRef(function(_ref3,ref){var disabled=_ref3.disabled,style=_ref3.style,full=_ref3.full,_onBlur=_ref3.onBlur,_onFocus=_ref3.onFocus,_ref3$theme$yoga=_ref3.theme.yoga,colors=_ref3$theme$yoga.colors,input=_ref3$theme$yoga.components.input,props=(0,_objectWithoutProperties2["default"])(_ref3,_excluded);var _useState=(0,_react.useState)(false),_useState2=(0,_slicedToArray2["default"])(_useState,2),showPassword=_useState2[0],toggleShowPassword=_useState2[1];var _useState3=(0,_react.useState)(false),_useState4=(0,_slicedToArray2["default"])(_useState3,2),focused=_useState4[0],setFocused=_useState4[1];var iconColor=function iconColor(){if(disabled){return colors.elements.backgroundAndDisabled;}if(focused){return input.font.color.focus;}return input.font.color["default"];};return _react["default"].createElement(Wrapper,{style:style,full:full},_react["default"].createElement(_Input["default"],(0,_extends2["default"])({ref:ref},props,{autoCompleteType:"password",blurOnSubmit:false,cleanable:false,clearTextOnFocus:false,disabled:disabled,full:full,secureTextEntry:!showPassword,textContentType:"password",onSubmitEditing:function onSubmitEditing(){return _reactNative.Keyboard.dismiss();},onBlur:function onBlur(e){setFocused(false);_onBlur(e);},onFocus:function onFocus(e){setFocused(true);_onFocus(e);}})),_react["default"].createElement(_reactNative.TouchableWithoutFeedback,{accessibilityRole:"button",onPress:function onPress(){if(disabled)return;toggleShowPassword(!showPassword);}},_react["default"].createElement(IconWrapper,{disabled:disabled},showPassword?_react["default"].createElement(_yogaIcons.Visibility,{height:input.height,width:20,fill:iconColor()}):_react["default"].createElement(_yogaIcons.VisibilityOff,{height:input.height,width:20,fill:iconColor()}))));});Password.propTypes={disabled:_propTypes.bool,full:_propTypes.bool,style:(0,_propTypes.shape)({}),onBlur:_propTypes.func,onFocus:_propTypes.func};Password.defaultProps={disabled:false,full:false,style:undefined,onBlur:function onBlur(){},onFocus:function onFocus(){}};var _default=(0,_styledComponents.withTheme)(Password);exports["default"]=_default;

package/cjs/Input/native/Tel.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 _react=_interopRequireDefault(require("react"));var _Input=_interopRequireDefault(require("./Input"));var Tel=function Tel(props){return _react["default"].createElement(_Input["default"],(0,_extends2["default"])({},props,{keyboardType:"phone-pad",autoCompleteType:"tel",textContentType:"telephoneNumber"}));};var _default=Tel;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 _react=_interopRequireDefault(require("react"));var _Input=_interopRequireDefault(require("./Input"));var Tel=_react["default"].forwardRef(function(props,ref){return _react["default"].createElement(_Input["default"],(0,_extends2["default"])({ref:ref},props,{keyboardType:"phone-pad",autoCompleteType:"tel",textContentType:"telephoneNumber"}));});var _default=Tel;exports["default"]=_default;

package/cjs/Input/web/Email.js

@@ -11,11 +11,13 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "d
 
 function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 
-var Email = function Email(props) {
-  return /*#__PURE__*/_react["default"].createElement(_Input["default"], _extends({}, props, {
+var Email = /*#__PURE__*/_react["default"].forwardRef(function (props, ref) {
+  return /*#__PURE__*/_react["default"].createElement(_Input["default"], _extends({
+    ref: ref
+  }, props, {
     type: "email"
   }));
-};
+});
 
 var _default = Email;
 exports["default"] = _default;

package/cjs/Input/web/Legend.js

@@ -15,6 +15,8 @@ var _templateObject, _templateObject2;
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
 
+function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+
 function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
 
 function _taggedTemplateLiteralLoose(strings, raw) { if (!raw) { raw = strings.slice(0); } strings.raw = raw; return strings; }
@@ -29,12 +31,14 @@ var HiddenSpan = _styledComponents["default"].span(_templateObject2 || (_templat
   return "\n    padding-left: " + input.label.padding.left + "px;\n    padding-right: " + input.label.padding.right + "px;\n  ";
 });
 
-var Legend = function Legend(_ref3) {
+var Legend = /*#__PURE__*/_react["default"].forwardRef(function (_ref3, ref) {
   var children = _ref3.children,
       props = _objectWithoutPropertiesLoose(_ref3, _excluded);
 
-  return /*#__PURE__*/_react["default"].createElement(StyledLegend, props, /*#__PURE__*/_react["default"].createElement(HiddenSpan, null, children));
-};
+  return /*#__PURE__*/_react["default"].createElement(StyledLegend, _extends({
+    ref: ref
+  }, props), /*#__PURE__*/_react["default"].createElement(HiddenSpan, null, children));
+});
 
 Legend.propTypes = {
   children: _propTypes.node.isRequired

package/cjs/Input/web/Number.js

@@ -11,11 +11,13 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "d
 
 function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 
-var InputNumber = function InputNumber(props) {
-  return /*#__PURE__*/_react["default"].createElement(_Input["default"], _extends({}, props, {
-    type: "number"
+var InputNumber = /*#__PURE__*/_react["default"].forwardRef(function (props, ref) {
+  return /*#__PURE__*/_react["default"].createElement(_Input["default"], _extends({
+    ref: ref
+  }, props, {
+    keyboardType: "numeric"
   }));
-};
+});
 
 var _default = InputNumber;
 exports["default"] = _default;

package/cjs/Input/web/Tel.js

@@ -11,11 +11,13 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "d
 
 function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 
-var Tel = function Tel(props) {
-  return /*#__PURE__*/_react["default"].createElement(_Input["default"], _extends({}, props, {
+var Tel = /*#__PURE__*/_react["default"].forwardRef(function (props, ref) {
+  return /*#__PURE__*/_react["default"].createElement(_Input["default"], _extends({
+    ref: ref
+  }, props, {
     type: "tel"
   }));
-};
+});
 
 var _default = Tel;
 exports["default"] = _default;

package/cjs/List/native/List.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 _taggedTemplateLiteralLoose2=_interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteralLoose"));var _react=_interopRequireDefault(require("react"));var _styledComponents=_interopRequireDefault(require("styled-components"));var _templateObject;var StyledFlatList=_styledComponents["default"].FlatList(_templateObject||(_templateObject=(0,_taggedTemplateLiteralLoose2["default"])(["\n  width: 100%;\n"])));var List=function List(_ref){var rest=(0,_extends2["default"])({},_ref);return _react["default"].createElement(StyledFlatList,rest);};List.displayName='List';var _default=List;exports["default"]=_default;
+var _interopRequireDefault=require("@babel/runtime/helpers/interopRequireDefault");Object.defineProperty(exports,"__esModule",{value:true});exports["default"]=void 0;var _extends2=_interopRequireDefault(require("@babel/runtime/helpers/extends"));var _taggedTemplateLiteralLoose2=_interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteralLoose"));var _react=_interopRequireDefault(require("react"));var _styledComponents=_interopRequireDefault(require("styled-components"));var _templateObject;var StyledFlatList=_styledComponents["default"].FlatList(_templateObject||(_templateObject=(0,_taggedTemplateLiteralLoose2["default"])(["\n  width: 100%;\n"])));var List=_react["default"].forwardRef(function(_ref,ref){var rest=(0,_extends2["default"])({},_ref);return _react["default"].createElement(StyledFlatList,(0,_extends2["default"])({ref:ref},rest));});List.displayName='List';var _default=List;exports["default"]=_default;

package/cjs/List/web/List.js

@@ -32,16 +32,17 @@ containing primary and supplemental actions, which are represented by icons and
 text. */
 
 
-var List = function List(_ref2) {
+var List = /*#__PURE__*/_react["default"].forwardRef(function (_ref2, ref) {
   var horizontal = _ref2.horizontal,
       divided = _ref2.divided,
       rest = _objectWithoutPropertiesLoose(_ref2, _excluded);
 
   return /*#__PURE__*/_react["default"].createElement(StyledList, _extends({
     horizontal: horizontal,
-    divided: divided
+    divided: divided,
+    ref: ref
   }, rest));
-};
+});
 
 List.propTypes = {
   horizontal: _propTypes["default"].bool,

package/cjs/Progress/native/Progress.js

@@ -1 +1 @@
-var _interopRequireDefault=require("@babel/runtime/helpers/interopRequireDefault");Object.defineProperty(exports,"__esModule",{value:true});exports["default"]=void 0;var _extends2=_interopRequireDefault(require("@babel/runtime/helpers/extends"));var _objectWithoutProperties2=_interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));var _taggedTemplateLiteralLoose2=_interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteralLoose"));var _react=_interopRequireDefault(require("react"));var _styledComponents=_interopRequireDefault(require("styled-components"));var _propTypes=require("prop-types");var _yogaSystem=require("@gympass/yoga-system");var _shared=require("../../shared");var _excluded=["label","max","value","variant"];var _templateObject,_templateObject2,_templateObject3,_templateObject4;var ProgressWrapper=_styledComponents["default"].View(_templateObject||(_templateObject=(0,_taggedTemplateLiteralLoose2["default"])(["\n  width: 100%;\n\n  ","\n\n  ","\n  ","\n  ","\n  ","\n  ","\n  ","\n"])),function(_ref){var isNumber=_ref.isNumber,align=_ref.align;return"\n\n  "+(isNumber?"\n      flex-direction: row;\n    ":"\n      flex-direction: column;\n    ")+"\n\n  "+(isNumber&&align==='left'?'flex-direction: row-reverse;':'')+"\n  ";},_yogaSystem.backgroundColor,_yogaSystem.borders,_yogaSystem.elevation,_yogaSystem.positions,_yogaSystem.display,_yogaSystem.spacing);var ProgressBar=_styledComponents["default"].View(_templateObject2||(_templateObject2=(0,_taggedTemplateLiteralLoose2["default"])(["\n  position: relative;\n  flex-grow: 1;\n\n  margin: auto 0;\n\n  ",";\n"])),function(_ref2){var progress=_ref2.theme.yoga.components.progress;return"\n    height: "+progress.height+"px;\n\n    background-color: "+progress.backgroundColor.bar+";\n\n    border-radius: "+progress.border.radius+"px;\n  ";});var ProgressValue=_styledComponents["default"].View(_templateObject3||(_templateObject3=(0,_taggedTemplateLiteralLoose2["default"])(["\n  position: absolute;\n\n  height: 100%;\n\n  ","\n"])),function(_ref3){var variant=_ref3.variant,width=_ref3.width,_ref3$theme$yoga=_ref3.theme.yoga,color=_ref3$theme$yoga.colors[variant],progress=_ref3$theme$yoga.components.progress;return"\n    width: "+width+"%;\n\n    background-color: "+color+";\n\n    border-radius: "+progress.border.radius+"px;\n  ";});var Label=_styledComponents["default"].Text(_templateObject4||(_templateObject4=(0,_taggedTemplateLiteralLoose2["default"])(["\n  ","\n"])),function(_ref4){var isNumber=_ref4.isNumber,align=_ref4.align,_ref4$theme$yoga=_ref4.theme.yoga,baseFont=_ref4$theme$yoga.baseFont,spacing=_ref4$theme$yoga.spacing,colors=_ref4$theme$yoga.colors,progress=_ref4$theme$yoga.components.progress;return"\n  font-family: "+baseFont.family+";\n  font-size: "+progress.label.font.size+"px;\n  text-align: "+align+";\n  color: "+colors.deep+";\n\n  "+(isNumber?"\n      width: 22px;\n\n      margin-"+(align==='right'?'left':'right')+": "+spacing.xxsmall+"px;\n    ":"\n      margin-top: "+spacing.xxxsmall+"px;\n    ")+"\n";});var Progress=function Progress(_ref5){var label=_ref5.label,max=_ref5.max,value=_ref5.value,variant=_ref5.variant,props=(0,_objectWithoutProperties2["default"])(_ref5,_excluded);var isNumber=!/[a-zA-Z]/g.test(label.value);var align=label.placement||'left';return _react["default"].createElement(ProgressWrapper,(0,_extends2["default"])({},props,{isNumber:isNumber,align:align}),_react["default"].createElement(ProgressBar,null,_react["default"].createElement(ProgressValue,{width:value/max*100,variant:variant})),Object.keys(label).length>0&&(isNumber||label.value)&&_react["default"].createElement(Label,{isNumber:isNumber,align:align},label.value));};Progress.propTypes={label:(0,_propTypes.shape)({value:(0,_shared.charLength)(3,(0,_propTypes.oneOfType)([_propTypes.number,_propTypes.string])),placement:(0,_propTypes.oneOf)(['left','right'])}),max:_propTypes.number,value:_propTypes.number,variant:(0,_propTypes.oneOf)(['primary','secondary','vibin','hope','energy','relax','peace','verve','uplift','deepPurple','stamina','dark','medium','deep','light','clear','white'])};Progress.defaultProps={label:{value:undefined,placement:'left'},max:1,value:undefined,variant:'verve'};var _default=Progress;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=_interopRequireDefault(require("react"));var _styledComponents=_interopRequireDefault(require("styled-components"));var _propTypes=require("prop-types");var _yogaSystem=require("@gympass/yoga-system");var _shared=require("../../shared");var _excluded=["label","max","value","variant"];var _templateObject,_templateObject2,_templateObject3,_templateObject4;var ProgressWrapper=_styledComponents["default"].View(_templateObject||(_templateObject=(0,_taggedTemplateLiteralLoose2["default"])(["\n  width: 100%;\n\n  ","\n\n  ","\n  ","\n  ","\n  ","\n  ","\n  ","\n"])),function(_ref){var isNumber=_ref.isNumber,align=_ref.align;return"\n\n  "+(isNumber?"\n      flex-direction: row;\n    ":"\n      flex-direction: column;\n    ")+"\n\n  "+(isNumber&&align==='left'?'flex-direction: row-reverse;':'')+"\n  ";},_yogaSystem.backgroundColor,_yogaSystem.borders,_yogaSystem.elevation,_yogaSystem.positions,_yogaSystem.display,_yogaSystem.spacing);var ProgressBar=_styledComponents["default"].View(_templateObject2||(_templateObject2=(0,_taggedTemplateLiteralLoose2["default"])(["\n  position: relative;\n  flex-grow: 1;\n\n  margin: auto 0;\n\n  ",";\n"])),function(_ref2){var progress=_ref2.theme.yoga.components.progress;return"\n    height: "+progress.height+"px;\n\n    background-color: "+progress.backgroundColor.bar+";\n\n    border-radius: "+progress.border.radius+"px;\n  ";});var ProgressValue=_styledComponents["default"].View(_templateObject3||(_templateObject3=(0,_taggedTemplateLiteralLoose2["default"])(["\n  position: absolute;\n\n  height: 100%;\n\n  ","\n"])),function(_ref3){var variant=_ref3.variant,width=_ref3.width,_ref3$theme$yoga=_ref3.theme.yoga,color=_ref3$theme$yoga.colors[variant],progress=_ref3$theme$yoga.components.progress;return"\n    width: "+width+"%;\n\n    background-color: "+color+";\n\n    border-radius: "+progress.border.radius+"px;\n  ";});var Label=_styledComponents["default"].Text(_templateObject4||(_templateObject4=(0,_taggedTemplateLiteralLoose2["default"])(["\n  ","\n"])),function(_ref4){var isNumber=_ref4.isNumber,align=_ref4.align,_ref4$theme$yoga=_ref4.theme.yoga,baseFont=_ref4$theme$yoga.baseFont,spacing=_ref4$theme$yoga.spacing,colors=_ref4$theme$yoga.colors,progress=_ref4$theme$yoga.components.progress;return"\n  font-family: "+baseFont.family+";\n  font-size: "+progress.label.font.size+"px;\n  text-align: "+align+";\n  color: "+colors.deep+";\n\n  "+(isNumber?"\n      width: 22px;\n\n      margin-"+(align==='right'?'left':'right')+": "+spacing.xxsmall+"px;\n    ":"\n      margin-top: "+spacing.xxxsmall+"px;\n    ")+"\n";});var Progress=_react["default"].forwardRef(function(_ref5,ref){var label=_ref5.label,max=_ref5.max,value=_ref5.value,variant=_ref5.variant,props=(0,_objectWithoutProperties2["default"])(_ref5,_excluded);var isNumber=!/[a-zA-Z]/g.test(label.value);var align=label.placement||'left';return _react["default"].createElement(ProgressWrapper,(0,_extends2["default"])({ref:ref},props,{isNumber:isNumber,align:align}),_react["default"].createElement(ProgressBar,null,_react["default"].createElement(ProgressValue,{width:value/max*100,variant:variant})),Object.keys(label).length>0&&(isNumber||label.value)&&_react["default"].createElement(Label,{isNumber:isNumber,align:align},label.value));});Progress.propTypes={label:(0,_propTypes.shape)({value:(0,_shared.charLength)(3,(0,_propTypes.oneOfType)([_propTypes.number,_propTypes.string])),placement:(0,_propTypes.oneOf)(['left','right'])}),max:_propTypes.number,value:_propTypes.number,variant:(0,_propTypes.oneOf)(['primary','secondary','vibin','hope','energy','relax','peace','verve','uplift','deepPurple','stamina','dark','medium','deep','light','clear','white'])};Progress.defaultProps={label:{value:undefined,placement:'left'},max:1,value:undefined,variant:'verve'};var _default=Progress;exports["default"]=_default;

package/cjs/Progress/web/Progress.js

@@ -59,7 +59,7 @@ Wrapper.defaultProps = {
  * of quantity. The use of labels numeric or alphabetic can increase the user
  * understanding. */
 
-var Progress = function Progress(_ref4) {
+var Progress = /*#__PURE__*/_react["default"].forwardRef(function (_ref4, ref) {
   var label = _ref4.label,
       max = _ref4.max,
       value = _ref4.value,
@@ -69,13 +69,14 @@ var Progress = function Progress(_ref4) {
   var isNumber = !/[a-zA-Z]/g.test(label.value);
   return /*#__PURE__*/_react["default"].createElement(Wrapper, _extends({
     isNumber: isNumber,
-    align: label.placement
+    align: label.placement,
+    ref: ref
   }, props), /*#__PURE__*/_react["default"].createElement(ProgressBar, {
     max: max,
     value: value,
     variant: variant
   }), Object.keys(label).length > 0 && (isNumber || label.value) && /*#__PURE__*/_react["default"].createElement(Label, null, label.value));
-};
+});
 
 Progress.propTypes = {
   /** Use labels to increase users understanding. If the value is numeric, make

package/cjs/RadioGroup/native/Button/RadioButton.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 _propTypes=require("prop-types");var _reactNative=require("react-native");var _styledComponents=_interopRequireDefault(require("styled-components"));var _RadioGroupContext=_interopRequireDefault(require("../../RadioGroupContext"));var _excluded=["value","children"],_excluded2=["onChange","small","selectedValue"];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 RadioMark=_styledComponents["default"].View(function(_ref){var radiogroup=_ref.theme.yoga.components.radiogroup,small=_ref.small,checked=_ref.checked;return"\n  align-items: center;\n  justify-content: center;\n\n  height: "+(small?radiogroup.button.height.small:radiogroup.button.height.normal)+"px;\n  padding-left: "+radiogroup.button.padding.left+"px;\n  padding-right: "+radiogroup.button.padding.right+"px;\n\n  background-color: "+radiogroup.button.backgroundColor+";\n  border-radius: "+radiogroup.button.border.radius+"px;\n\n  font-size: "+radiogroup.font.size+"px;\n\n  "+(checked?"\n          background-color: "+radiogroup.checked.backgroundColor+";\n        ":"")+"\n";});var Text=_styledComponents["default"].Text(function(_ref2){var _ref2$theme$yoga=_ref2.theme.yoga,baseFont=_ref2$theme$yoga.baseFont,radiogroup=_ref2$theme$yoga.components.radiogroup,checked=_ref2.checked;return"\n    font-family: "+baseFont.family+";\n    color: "+radiogroup.font.color+";\n\n    "+(checked?"\n          color: "+radiogroup.checked.font.color+";\n          font-weight: "+radiogroup.checked.font.weight+";\n        ":'')+"\n    ";});var RadioGroupButton=function RadioGroupButton(_ref3){var value=_ref3.value,children=_ref3.children,rest=(0,_objectWithoutProperties2["default"])(_ref3,_excluded);var _useContext=(0,_react.useContext)(_RadioGroupContext["default"]),onChange=_useContext.onChange,small=_useContext.small,selectedValue=_useContext.selectedValue,context=(0,_objectWithoutProperties2["default"])(_useContext,_excluded2);var inputValue=value||children;var checked=inputValue===selectedValue;return _react["default"].createElement(_reactNative.TouchableWithoutFeedback,(0,_extends2["default"])({onPress:function onPress(){onChange({value:inputValue});}},context),_react["default"].createElement(RadioMark,(0,_extends2["default"])({small:small,checked:checked},rest),_react["default"].createElement(Text,{checked:checked},children)));};RadioGroupButton.displayName='RadioGroup.Button';RadioGroupButton.propTypes={value:(0,_propTypes.oneOfType)([_propTypes.string,_propTypes.number]),children:_propTypes.node.isRequired};RadioGroupButton.defaultProps={value:''};var _default=RadioGroupButton;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 _propTypes=require("prop-types");var _reactNative=require("react-native");var _styledComponents=_interopRequireDefault(require("styled-components"));var _RadioGroupContext=_interopRequireDefault(require("../../RadioGroupContext"));var _excluded=["value","children"],_excluded2=["onChange","small","selectedValue"];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 RadioMark=_styledComponents["default"].View(function(_ref){var radiogroup=_ref.theme.yoga.components.radiogroup,small=_ref.small,checked=_ref.checked;return"\n  align-items: center;\n  justify-content: center;\n\n  height: "+(small?radiogroup.button.height.small:radiogroup.button.height.normal)+"px;\n  padding-left: "+radiogroup.button.padding.left+"px;\n  padding-right: "+radiogroup.button.padding.right+"px;\n\n  background-color: "+radiogroup.button.backgroundColor+";\n  border-radius: "+radiogroup.button.border.radius+"px;\n\n  font-size: "+radiogroup.font.size+"px;\n\n  "+(checked?"\n          background-color: "+radiogroup.checked.backgroundColor+";\n        ":"")+"\n";});var Text=_styledComponents["default"].Text(function(_ref2){var _ref2$theme$yoga=_ref2.theme.yoga,baseFont=_ref2$theme$yoga.baseFont,radiogroup=_ref2$theme$yoga.components.radiogroup,checked=_ref2.checked;return"\n    font-family: "+baseFont.family+";\n    color: "+radiogroup.font.color+";\n\n    "+(checked?"\n          color: "+radiogroup.checked.font.color+";\n          font-weight: "+radiogroup.checked.font.weight+";\n        ":'')+"\n    ";});var RadioGroupButton=_react["default"].forwardRef(function(_ref3,ref){var value=_ref3.value,children=_ref3.children,rest=(0,_objectWithoutProperties2["default"])(_ref3,_excluded);var _useContext=(0,_react.useContext)(_RadioGroupContext["default"]),onChange=_useContext.onChange,small=_useContext.small,selectedValue=_useContext.selectedValue,context=(0,_objectWithoutProperties2["default"])(_useContext,_excluded2);var inputValue=value||children;var checked=inputValue===selectedValue;return _react["default"].createElement(_reactNative.TouchableWithoutFeedback,(0,_extends2["default"])({onPress:function onPress(){onChange({value:inputValue});}},context),_react["default"].createElement(RadioMark,(0,_extends2["default"])({small:small,checked:checked,ref:ref},rest),_react["default"].createElement(Text,{checked:checked},children)));});RadioGroupButton.displayName='RadioGroup.Button';RadioGroupButton.propTypes={value:(0,_propTypes.oneOfType)([_propTypes.string,_propTypes.number]),children:_propTypes.node.isRequired};RadioGroupButton.defaultProps={value:''};var _default=RadioGroupButton;exports["default"]=_default;

package/cjs/RadioGroup/native/Radio/Radio.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 _react=_interopRequireWildcard(require("react"));var _styledComponents=_interopRequireDefault(require("styled-components"));var _propTypes=require("prop-types");var _reactNative=require("react-native");var _yogaCommon=require("@gympass/yoga-common");var _RadioGroupContext=_interopRequireDefault(require("../../RadioGroupContext"));var _excluded=["value","disabled"],_excluded2=["onChange","small","selectedValue"];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 RadioMark=_styledComponents["default"].View(function(_ref){var _ref$theme$yoga=_ref.theme.yoga,white=_ref$theme$yoga.colors.white,radiogroup=_ref$theme$yoga.components.radiogroup,checked=_ref.checked,disabled=_ref.disabled,pressed=_ref.pressed;return"\n  justify-content: center;\n  align-items: center;\n  \n  height: "+radiogroup.radio.size+"px;\n  width: "+radiogroup.radio.size+"px;\n\n  background-color: "+(pressed?(0,_yogaCommon.hexToRgb)(radiogroup.hover.backgroundColor,0.75):white)+";\n\n  border-width: "+radiogroup.radio.size*0.1+"px;\n  border-style: solid;\n  border-color: "+radiogroup.radio.backgroundColor+";\n  border-radius: "+radiogroup.radio.border.radius+"px;\n\n  "+(checked?"\n          border-color: "+radiogroup.checked.backgroundColor+";\n          background-color: "+(pressed?(0,_yogaCommon.hexToRgb)(radiogroup.checked.hover.backgroundColor,0.75):white)+"\n        ":"")+"\n\n  "+(disabled?"\n          border-color: "+radiogroup.disabled.backgroundColor+";\n        ":"")+"\n";});var Dot=_styledComponents["default"].View(function(_ref2){var radiogroup=_ref2.theme.yoga.components.radiogroup,checked=_ref2.checked,disabled=_ref2.disabled;return"\n  height: "+radiogroup.radio.size*0.5+"px;\n  width: "+radiogroup.radio.size*0.5+"px;\n\n  background-color: "+radiogroup.radio.backgroundColor+";\n  border-radius: "+radiogroup.radio.border.radius+"px;\n\n  "+(checked?"\n          background-color: "+radiogroup.checked.backgroundColor+";\n        ":"")+"\n\n  "+(disabled?"\n          background-color: "+radiogroup.disabled.backgroundColor+";\n        ":"")+"\n";});var Shadow=_styledComponents["default"].View(function(_ref3){var checked=_ref3.checked,radiogroup=_ref3.theme.yoga.components.radiogroup;return"\n  position: absolute;\n  height: "+(radiogroup.radio.size+radiogroup.radio.size*0.4*2)+"px;\n  width: "+(radiogroup.radio.size+radiogroup.radio.size*0.4*2)+"px;\n\n  border-width: "+radiogroup.radio.size*0.4+"px;\n  border-style: solid;\n  border-color: "+(checked?(0,_yogaCommon.hexToRgb)(radiogroup.checked.hover.backgroundColor,0.75):(0,_yogaCommon.hexToRgb)(radiogroup.hover.backgroundColor,0.75))+";\n  border-radius: "+radiogroup.radio.border.radius+"px;\n\n  opacity: 0.75;\n";});var RadioGroupRadio=function RadioGroupRadio(_ref4){var value=_ref4.value,disabled=_ref4.disabled,rest=(0,_objectWithoutProperties2["default"])(_ref4,_excluded);var _useContext=(0,_react.useContext)(_RadioGroupContext["default"]),onChange=_useContext.onChange,small=_useContext.small,selectedValue=_useContext.selectedValue,context=(0,_objectWithoutProperties2["default"])(_useContext,_excluded2);var _useState=(0,_react.useState)(false),_useState2=(0,_slicedToArray2["default"])(_useState,2),pressing=_useState2[0],togglePressing=_useState2[1];var inputValue=value;var checked=inputValue===selectedValue;return _react["default"].createElement(_reactNative.TouchableWithoutFeedback,(0,_extends2["default"])({onPressIn:function onPressIn(){togglePressing(true);},onPress:function onPress(){onChange({value:inputValue});},onPressOut:function onPressOut(){togglePressing(false);},disabled:disabled},context),_react["default"].createElement(RadioMark,(0,_extends2["default"])({checked:checked,disabled:disabled,pressed:pressing},rest),checked&&_react["default"].createElement(Dot,{checked:checked,disabled:disabled}),pressing&&_react["default"].createElement(Shadow,{checked:checked})));};RadioGroupRadio.displayName='RadioGroup.Radio';RadioGroupRadio.propTypes={disabled:_propTypes.bool,value:(0,_propTypes.oneOfType)([_propTypes.string,_propTypes.number])};RadioGroupRadio.defaultProps={disabled:false,value:''};var _default=RadioGroupRadio;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 _react=_interopRequireWildcard(require("react"));var _styledComponents=_interopRequireDefault(require("styled-components"));var _propTypes=require("prop-types");var _reactNative=require("react-native");var _yogaCommon=require("@gympass/yoga-common");var _RadioGroupContext=_interopRequireDefault(require("../../RadioGroupContext"));var _excluded=["value","disabled"],_excluded2=["onChange","small","selectedValue"];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 RadioMark=_styledComponents["default"].View(function(_ref){var _ref$theme$yoga=_ref.theme.yoga,white=_ref$theme$yoga.colors.white,radiogroup=_ref$theme$yoga.components.radiogroup,checked=_ref.checked,disabled=_ref.disabled,pressed=_ref.pressed;return"\n  justify-content: center;\n  align-items: center;\n  \n  height: "+radiogroup.radio.size+"px;\n  width: "+radiogroup.radio.size+"px;\n\n  background-color: "+(pressed?(0,_yogaCommon.hexToRgb)(radiogroup.hover.backgroundColor,0.75):white)+";\n\n  border-width: "+radiogroup.radio.size*0.1+"px;\n  border-style: solid;\n  border-color: "+radiogroup.radio.backgroundColor+";\n  border-radius: "+radiogroup.radio.border.radius+"px;\n\n  "+(checked?"\n          border-color: "+radiogroup.checked.backgroundColor+";\n          background-color: "+(pressed?(0,_yogaCommon.hexToRgb)(radiogroup.checked.hover.backgroundColor,0.75):white)+"\n        ":"")+"\n\n  "+(disabled?"\n          border-color: "+radiogroup.disabled.backgroundColor+";\n        ":"")+"\n";});var Dot=_styledComponents["default"].View(function(_ref2){var radiogroup=_ref2.theme.yoga.components.radiogroup,checked=_ref2.checked,disabled=_ref2.disabled;return"\n  height: "+radiogroup.radio.size*0.5+"px;\n  width: "+radiogroup.radio.size*0.5+"px;\n\n  background-color: "+radiogroup.radio.backgroundColor+";\n  border-radius: "+radiogroup.radio.border.radius+"px;\n\n  "+(checked?"\n          background-color: "+radiogroup.checked.backgroundColor+";\n        ":"")+"\n\n  "+(disabled?"\n          background-color: "+radiogroup.disabled.backgroundColor+";\n        ":"")+"\n";});var Shadow=_styledComponents["default"].View(function(_ref3){var checked=_ref3.checked,radiogroup=_ref3.theme.yoga.components.radiogroup;return"\n  position: absolute;\n  height: "+(radiogroup.radio.size+radiogroup.radio.size*0.4*2)+"px;\n  width: "+(radiogroup.radio.size+radiogroup.radio.size*0.4*2)+"px;\n\n  border-width: "+radiogroup.radio.size*0.4+"px;\n  border-style: solid;\n  border-color: "+(checked?(0,_yogaCommon.hexToRgb)(radiogroup.checked.hover.backgroundColor,0.75):(0,_yogaCommon.hexToRgb)(radiogroup.hover.backgroundColor,0.75))+";\n  border-radius: "+radiogroup.radio.border.radius+"px;\n\n  opacity: 0.75;\n";});var RadioGroupRadio=_react["default"].forwardRef(function(_ref4,ref){var value=_ref4.value,disabled=_ref4.disabled,rest=(0,_objectWithoutProperties2["default"])(_ref4,_excluded);var _useContext=(0,_react.useContext)(_RadioGroupContext["default"]),onChange=_useContext.onChange,small=_useContext.small,selectedValue=_useContext.selectedValue,context=(0,_objectWithoutProperties2["default"])(_useContext,_excluded2);var _useState=(0,_react.useState)(false),_useState2=(0,_slicedToArray2["default"])(_useState,2),pressing=_useState2[0],togglePressing=_useState2[1];var inputValue=value;var checked=inputValue===selectedValue;return _react["default"].createElement(_reactNative.TouchableWithoutFeedback,(0,_extends2["default"])({onPressIn:function onPressIn(){togglePressing(true);},onPress:function onPress(){onChange({value:inputValue});},onPressOut:function onPressOut(){togglePressing(false);},disabled:disabled},context),_react["default"].createElement(RadioMark,(0,_extends2["default"])({checked:checked,disabled:disabled,pressed:pressing,ref:ref},rest),checked&&_react["default"].createElement(Dot,{checked:checked,disabled:disabled}),pressing&&_react["default"].createElement(Shadow,{checked:checked})));});RadioGroupRadio.displayName='RadioGroup.Radio';RadioGroupRadio.propTypes={disabled:_propTypes.bool,value:(0,_propTypes.oneOfType)([_propTypes.string,_propTypes.number])};RadioGroupRadio.defaultProps={disabled:false,value:''};var _default=RadioGroupRadio;exports["default"]=_default;

package/cjs/RadioGroup/web/Button/RadioButton.js

@@ -45,7 +45,7 @@ var ButtonWrapper = _styledComponents["default"].div(_templateObject2 || (_templ
 value on group to set the selected option. */
 
 
-var RadioGroupButton = function RadioGroupButton(_ref3) {
+var RadioGroupButton = /*#__PURE__*/_react["default"].forwardRef(function (_ref3, ref) {
   var children = _ref3.children,
       value = _ref3.value,
       rest = _objectWithoutPropertiesLoose(_ref3, _excluded);
@@ -67,9 +67,10 @@ var RadioGroupButton = function RadioGroupButton(_ref3) {
     value: inputValue,
     checked: checked,
     name: name,
-    onChange: onChange
+    onChange: onChange,
+    ref: ref
   }, rest, context)), children));
-};
+});
 
 RadioGroupButton.displayName = 'RadioGroup.Button';
 RadioGroupButton.propTypes = {

package/cjs/RadioGroup/web/Radio/Radio.js

@@ -54,7 +54,7 @@ var Wrapper = _styledComponents["default"].div(_templateObject3 || (_templateObj
  * single option from a list. */
 
 
-var RadioGroupRadio = function RadioGroupRadio(_ref3) {
+var RadioGroupRadio = /*#__PURE__*/_react["default"].forwardRef(function (_ref3, ref) {
   var value = _ref3.value,
       disabled = _ref3.disabled,
       style = _ref3.style,
@@ -82,9 +82,10 @@ var RadioGroupRadio = function RadioGroupRadio(_ref3) {
     checked: checked,
     name: name,
     onChange: onChange,
-    disabled: disabled
+    disabled: disabled,
+    ref: ref
   }, rest, context)));
-};
+});
 
 RadioGroupRadio.displayName = 'RadioGroup.Radio';
 RadioGroupRadio.propTypes = {

package/cjs/Snackbar/web/Snackbar.js

@@ -51,15 +51,8 @@ var StyledSnackbar = _styledComponents["default"].div(_templateObject3 || (_temp
 
 var fadeIn = (0, _styledComponents.keyframes)(_templateObject5 || (_templateObject5 = _taggedTemplateLiteralLoose(["\n  0% {\n    opacity: 0;\n  }\n  100% {\n    opacity: 1;\n  }\n"])));
 var AnimatedSnackbar = (0, _styledComponents["default"])(StyledSnackbar)(_templateObject6 || (_templateObject6 = _taggedTemplateLiteralLoose(["\n  animation: ", " 0.2s ease-in-out;\n"])), fadeIn);
-/**
- * Gympass `<Snackbar />` is the proper component to show alert messages.
- *
- * For web components, the `Snackbar` may have an icon, a custom action and a close button.
- *
- * For native, the `Snackbar` may have an icon and a custom action.
- */
-
-var Snackbar = function Snackbar(_ref2) {
+
+var Snackbar = /*#__PURE__*/_react["default"].forwardRef(function (_ref2, ref) {
   var open = _ref2.open,
       duration = _ref2.duration,
       variant = _ref2.variant,
@@ -89,7 +82,8 @@ var Snackbar = function Snackbar(_ref2) {
   return open && /*#__PURE__*/_react["default"].createElement(AnimatedSnackbar, _extends({
     role: "alert",
     "aria-label": variant,
-    variant: variant
+    variant: variant,
+    ref: ref
   }, props), !hideIcon && /*#__PURE__*/_react["default"].createElement(_Box["default"], {
     display: "flex",
     alignItems: "center",
@@ -116,7 +110,7 @@ var Snackbar = function Snackbar(_ref2) {
     fill: "secondary",
     size: "medium"
   }))));
-};
+});
 
 Snackbar.propTypes = {
   /** Controls the snackbar visibility. */

package/esm/AutoComplete/web/AutoComplete.js

@@ -43,7 +43,7 @@ var Match = styled.mark(_templateObject4 || (_templateObject4 = _taggedTemplateL
 });
 /** The autocomplete is a normal input field enhanced by a panel of suggested options. */
 
-var AutoComplete = function AutoComplete(_ref6) {
+var AutoComplete = /*#__PURE__*/React.forwardRef(function (_ref6, ref) {
   var className = _ref6.className,
       style = _ref6.style,
       full = _ref6.full,
@@ -95,7 +95,9 @@ var AutoComplete = function AutoComplete(_ref6) {
       style: style,
       full: full,
       isOpen: hasSuggestion
-    }, getRootProps()), /*#__PURE__*/React.createElement(Input, _extends({}, props, {
+    }, getRootProps(), {
+      ref: ref
+    }), /*#__PURE__*/React.createElement(Input, _extends({}, props, {
       full: full,
       onClean: function onClean(cleanable) {
         _onClean(cleanable);
@@ -123,8 +125,7 @@ var AutoComplete = function AutoComplete(_ref6) {
       }));
     })));
   });
-};
-
+});
 AutoComplete.propTypes = {
   className: string,
   full: bool,

package/esm/Banner/web/Banner.js

@@ -28,8 +28,7 @@ var StyledBanner = styled.div(_templateObject || (_templateObject = _taggedTempl
   } : _ref$theme$yoga$color;
   return "\n    background-color: " + backgroundColor.light + ";\n    padding: " + spacing.xxsmall + "px\n      " + spacing.small + "px;\n    border-radius: " + banner.border.radius + "px;\n  ";
 }, margins, paddings, borders);
-
-var BannerActionButton = function BannerActionButton(_ref2) {
+var BannerActionButton = /*#__PURE__*/React.forwardRef(function (_ref2, ref) {
   var _ref2$button = _ref2.button,
       label = _ref2$button.label,
       action = _ref2$button.action,
@@ -39,10 +38,10 @@ var BannerActionButton = function BannerActionButton(_ref2) {
     as: Button.Text,
     small: true,
     secondary: true,
-    onClick: action
+    onClick: action,
+    ref: ref
   }, props), label);
-};
-
+});
 BannerActionButton.propTypes = {
   button: shape({
     label: string.isRequired,

package/esm/Card/web/Card/Card.js

@@ -2,6 +2,8 @@ var _excluded = ["ribbon", "children"];
 
 var _templateObject, _templateObject2;
 
+function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+
 function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
 
 function _taggedTemplateLiteralLoose(strings, raw) { if (!raw) { raw = strings.slice(0); } strings.raw = raw; return strings; }
@@ -29,18 +31,18 @@ var Ribbon = styled(Text.Tiny)(_templateObject2 || (_templateObject2 = _taggedTe
       text = _ref2$theme$yoga$colo.text;
   return "\n  display: inline-block;\n  top: " + card.padding.top + "px;\n  left: 0;\n\n  margin-left: -" + card.padding.left + "px;\n  margin-bottom: " + card.padding.bottom + "px;\n\n  padding: \n    " + spacing.xxxsmall + "px\n    " + spacing.xsmall + "px\n    " + spacing.xxxsmall + "px\n    " + spacing.small + "px;\n  \n  border-top-right-radius: " + card.ribbon.radius + "px;\n  border-bottom-right-radius: " + card.ribbon.radius + "px;\n\n  background-color: " + (variant ? color : elements.backgroundAndDisabled) + ";\n\n  color: " + (variant ? white : text.primary) + ";\n  ";
 });
-
-var Card = function Card(_ref3) {
+var Card = /*#__PURE__*/React.forwardRef(function (_ref3, ref) {
   var ribbon = _ref3.ribbon,
       children = _ref3.children,
       rest = _objectWithoutPropertiesLoose(_ref3, _excluded);
 
-  return /*#__PURE__*/React.createElement(CardStyled, rest, Object.keys(ribbon).length > 0 && /*#__PURE__*/React.createElement(Ribbon, {
+  return /*#__PURE__*/React.createElement(CardStyled, _extends({
+    ref: ref
+  }, rest), Object.keys(ribbon).length > 0 && /*#__PURE__*/React.createElement(Ribbon, {
     variant: ribbon.variant,
     as: "span"
   }, ribbon.text), children);
-};
-
+});
 Card.propTypes = {
   /** text: the content inside the Card Ribbon.
    * variant: style the card following the theme (primary, secondary, vibin, hope,

package/esm/Chips/web/Chips.js

@@ -39,8 +39,7 @@ var Wrapper = styled.button(_templateObject2 || (_templateObject2 = _taggedTempl
 
   return "\n      " + commonStyles + "\n\n      border-color: " + colors.elements.lineAndBorders + ";\n\n      background-color: " + colors.white + ";\n      color: " + colors.secondary + ";\n\n      font-weight: " + fontWeights.regular + ";\n\n      &:hover:enabled {\n        border-color: " + colors.secondary + ";\n      }\n\n      &:focus:enabled,\n      &:active:enabled {\n        border-color: " + hexToRgb(colors.elements.lineAndBorders, 0.75) + ";\n      }\n    ";
 });
-
-var Chips = function Chips(_ref2) {
+var Chips = /*#__PURE__*/React.forwardRef(function (_ref2, ref) {
   var children = _ref2.children,
       selected = _ref2.selected,
       counter = _ref2.counter,
@@ -57,7 +56,8 @@ var Chips = function Chips(_ref2) {
   return /*#__PURE__*/React.createElement(Wrapper, _extends({
     selected: selected,
     disabled: disabled,
-    onClick: onClick
+    onClick: onClick,
+    ref: ref
   }, props), SecondIcon && /*#__PURE__*/React.createElement(Icon, {
     as: SecondIcon,
     fill: selected ? 'primary' : 'secondary',
@@ -77,8 +77,7 @@ var Chips = function Chips(_ref2) {
       marginLeft: children ? spacing.xxxsmall : undefined
     }
   }));
-};
-
+});
 Chips.propTypes = {
   /** text to be displayed */
   children: node,

package/esm/Divider/web/Divider.js

@@ -12,14 +12,13 @@ var StyledDivider = styled.hr(_templateObject || (_templateObject = _taggedTempl
       colors = _ref$theme$yoga.colors;
   return css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteralLoose(["\n      ", ";\n      border-width: 0px;\n      border-left-width: ", "px;\n      border-bottom-width: ", "px;\n      border-color: ", ";\n    "])), vertical ? 'height: auto' : 'width: 100%', vertical ? borders.small : 0, vertical ? 0 : borders.small, colors.text.disabled);
 });
-
-var Divider = function Divider(props) {
-  var vertical = props.vertical;
+var Divider = /*#__PURE__*/React.forwardRef(function (_ref2, ref) {
+  var vertical = _ref2.vertical;
   return /*#__PURE__*/React.createElement(StyledDivider, {
-    vertical: vertical
+    vertical: vertical,
+    ref: ref
   });
-};
-
+});
 Divider.propTypes = {
   /** If this value is defined, the divider will be in vertical if the flexDirection is row type */
   vertical: bool

package/esm/Dropdown/web/Dropdown.js

@@ -87,7 +87,7 @@ var getSelectedOption = function getSelectedOption(options) {
 /** Gympass Dropdown is a multiple choice type of menu. */
 
 
-var Dropdown = function Dropdown(_ref10) {
+var Dropdown = /*#__PURE__*/React.forwardRef(function (_ref10, ref) {
   var error = _ref10.error,
       label = _ref10.label,
       disabled = _ref10.disabled,
@@ -96,6 +96,7 @@ var Dropdown = function Dropdown(_ref10) {
       onChange = _ref10.onChange,
       rest = _objectWithoutPropertiesLoose(_ref10, _excluded2);
 
+  var inputRef = ref || React.useRef(null);
   return /*#__PURE__*/React.createElement(Downshift, {
     initialSelectedItem: getSelectedOption(options),
     selectedItemChanged: function selectedItemChanged(prevItem, item) {
@@ -127,7 +128,8 @@ var Dropdown = function Dropdown(_ref10) {
       selected: selectedItem !== null,
       isOpen: isOpen,
       label: label,
-      full: full
+      full: full,
+      ref: inputRef
     }, getInputProps())), /*#__PURE__*/React.createElement(Button, _extends({
       isOpen: isOpen,
       disabled: disabled
@@ -148,8 +150,7 @@ var Dropdown = function Dropdown(_ref10) {
       error: error
     }));
   });
-};
-
+});
 Dropdown.propTypes = {
   label: string,
   disabled: bool,

package/esm/Input/web/Email.js

@@ -2,11 +2,11 @@ function _extends() { _extends = Object.assign || function (target) { for (var i
 
 import React from 'react';
 import Input from './Input';
-
-var Email = function Email(props) {
-  return /*#__PURE__*/React.createElement(Input, _extends({}, props, {
+var Email = /*#__PURE__*/React.forwardRef(function (props, ref) {
+  return /*#__PURE__*/React.createElement(Input, _extends({
+    ref: ref
+  }, props, {
     type: "email"
   }));
-};
-
+});
 export default Email;

package/esm/Input/web/Legend.js

@@ -2,6 +2,8 @@ var _excluded = ["children"];
 
 var _templateObject, _templateObject2;
 
+function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+
 function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
 
 function _taggedTemplateLiteralLoose(strings, raw) { if (!raw) { raw = strings.slice(0); } strings.raw = raw; return strings; }
@@ -17,14 +19,14 @@ var HiddenSpan = styled.span(_templateObject2 || (_templateObject2 = _taggedTemp
   var input = _ref2.theme.yoga.components.input;
   return "\n    padding-left: " + input.label.padding.left + "px;\n    padding-right: " + input.label.padding.right + "px;\n  ";
 });
-
-var Legend = function Legend(_ref3) {
+var Legend = /*#__PURE__*/React.forwardRef(function (_ref3, ref) {
   var children = _ref3.children,
       props = _objectWithoutPropertiesLoose(_ref3, _excluded);
 
-  return /*#__PURE__*/React.createElement(StyledLegend, props, /*#__PURE__*/React.createElement(HiddenSpan, null, children));
-};
-
+  return /*#__PURE__*/React.createElement(StyledLegend, _extends({
+    ref: ref
+  }, props), /*#__PURE__*/React.createElement(HiddenSpan, null, children));
+});
 Legend.propTypes = {
   children: node.isRequired
 };

package/esm/Input/web/Number.js

@@ -2,11 +2,11 @@ function _extends() { _extends = Object.assign || function (target) { for (var i
 
 import React from 'react';
 import Input from './Input';
-
-var InputNumber = function InputNumber(props) {
-  return /*#__PURE__*/React.createElement(Input, _extends({}, props, {
-    type: "number"
+var InputNumber = /*#__PURE__*/React.forwardRef(function (props, ref) {
+  return /*#__PURE__*/React.createElement(Input, _extends({
+    ref: ref
+  }, props, {
+    keyboardType: "numeric"
   }));
-};
-
+});
 export default InputNumber;

package/esm/Input/web/Tel.js

@@ -2,11 +2,11 @@ function _extends() { _extends = Object.assign || function (target) { for (var i
 
 import React from 'react';
 import Input from './Input';
-
-var Tel = function Tel(props) {
-  return /*#__PURE__*/React.createElement(Input, _extends({}, props, {
+var Tel = /*#__PURE__*/React.forwardRef(function (props, ref) {
+  return /*#__PURE__*/React.createElement(Input, _extends({
+    ref: ref
+  }, props, {
     type: "tel"
   }));
-};
-
+});
 export default Tel;

package/esm/List/web/List.js

@@ -21,17 +21,17 @@ var StyledList = styled.ul(_templateObject || (_templateObject = _taggedTemplate
 containing primary and supplemental actions, which are represented by icons and
 text. */
 
-var List = function List(_ref2) {
+var List = /*#__PURE__*/React.forwardRef(function (_ref2, ref) {
   var horizontal = _ref2.horizontal,
       divided = _ref2.divided,
       rest = _objectWithoutPropertiesLoose(_ref2, _excluded);
 
   return /*#__PURE__*/React.createElement(StyledList, _extends({
     horizontal: horizontal,
-    divided: divided
+    divided: divided,
+    ref: ref
   }, rest));
-};
-
+});
 List.propTypes = {
   horizontal: PropTypes.bool,
   divided: PropTypes.bool

package/esm/Progress/web/Progress.js

@@ -44,7 +44,7 @@ Wrapper.defaultProps = {
  * of quantity. The use of labels numeric or alphabetic can increase the user
  * understanding. */
 
-var Progress = function Progress(_ref4) {
+var Progress = /*#__PURE__*/React.forwardRef(function (_ref4, ref) {
   var label = _ref4.label,
       max = _ref4.max,
       value = _ref4.value,
@@ -54,14 +54,14 @@ var Progress = function Progress(_ref4) {
   var isNumber = !/[a-zA-Z]/g.test(label.value);
   return /*#__PURE__*/React.createElement(Wrapper, _extends({
     isNumber: isNumber,
-    align: label.placement
+    align: label.placement,
+    ref: ref
   }, props), /*#__PURE__*/React.createElement(ProgressBar, {
     max: max,
     value: value,
     variant: variant
   }), Object.keys(label).length > 0 && (isNumber || label.value) && /*#__PURE__*/React.createElement(Label, null, label.value));
-};
-
+});
 Progress.propTypes = {
   /** Use labels to increase users understanding. If the value is numeric, make
    * sure it has a maximum of 3 characters */

package/esm/RadioGroup/web/Button/RadioButton.js

@@ -27,7 +27,7 @@ var ButtonWrapper = styled.div(_templateObject2 || (_templateObject2 = _taggedTe
 /** Radio group allows user to select one option from a set of options. Use
 value on group to set the selected option. */
 
-var RadioGroupButton = function RadioGroupButton(_ref3) {
+var RadioGroupButton = /*#__PURE__*/React.forwardRef(function (_ref3, ref) {
   var children = _ref3.children,
       value = _ref3.value,
       rest = _objectWithoutPropertiesLoose(_ref3, _excluded);
@@ -49,10 +49,10 @@ var RadioGroupButton = function RadioGroupButton(_ref3) {
     value: inputValue,
     checked: checked,
     name: name,
-    onChange: onChange
+    onChange: onChange,
+    ref: ref
   }, rest, context)), children));
-};
-
+});
 RadioGroupButton.displayName = 'RadioGroup.Button';
 RadioGroupButton.propTypes = {
   children: oneOfType([string, number]).isRequired,

package/esm/RadioGroup/web/Radio/Radio.js

@@ -34,7 +34,7 @@ var Wrapper = styled.div(_templateObject3 || (_templateObject3 = _taggedTemplate
 /** The Radio is a type of selection control that allows the user to select a
  * single option from a list. */
 
-var RadioGroupRadio = function RadioGroupRadio(_ref3) {
+var RadioGroupRadio = /*#__PURE__*/React.forwardRef(function (_ref3, ref) {
   var value = _ref3.value,
       disabled = _ref3.disabled,
       style = _ref3.style,
@@ -62,10 +62,10 @@ var RadioGroupRadio = function RadioGroupRadio(_ref3) {
     checked: checked,
     name: name,
     onChange: onChange,
-    disabled: disabled
+    disabled: disabled,
+    ref: ref
   }, rest, context)));
-};
-
+});
 RadioGroupRadio.displayName = 'RadioGroup.Radio';
 RadioGroupRadio.propTypes = {
   className: string,

package/esm/Snackbar/web/Snackbar.js

@@ -27,15 +27,7 @@ var StyledSnackbar = styled.div(_templateObject3 || (_templateObject3 = _taggedT
 }, media.md(_templateObject4 || (_templateObject4 = _taggedTemplateLiteralLoose(["\n    left: auto;\n    bottom: ", "px;\n    right: ", "px;\n\n    min-width: ", "px;\n  "])), theme.components.snackbar.position.desktop.bottom, theme.components.snackbar.position.desktop.right, theme.components.snackbar.minWidth.desktop));
 var fadeIn = keyframes(_templateObject5 || (_templateObject5 = _taggedTemplateLiteralLoose(["\n  0% {\n    opacity: 0;\n  }\n  100% {\n    opacity: 1;\n  }\n"])));
 var AnimatedSnackbar = styled(StyledSnackbar)(_templateObject6 || (_templateObject6 = _taggedTemplateLiteralLoose(["\n  animation: ", " 0.2s ease-in-out;\n"])), fadeIn);
-/**
- * Gympass `<Snackbar />` is the proper component to show alert messages.
- *
- * For web components, the `Snackbar` may have an icon, a custom action and a close button.
- *
- * For native, the `Snackbar` may have an icon and a custom action.
- */
-
-var Snackbar = function Snackbar(_ref2) {
+var Snackbar = /*#__PURE__*/React.forwardRef(function (_ref2, ref) {
   var open = _ref2.open,
       duration = _ref2.duration,
       variant = _ref2.variant,
@@ -65,7 +57,8 @@ var Snackbar = function Snackbar(_ref2) {
   return open && /*#__PURE__*/React.createElement(AnimatedSnackbar, _extends({
     role: "alert",
     "aria-label": variant,
-    variant: variant
+    variant: variant,
+    ref: ref
   }, props), !hideIcon && /*#__PURE__*/React.createElement(Box, {
     display: "flex",
     alignItems: "center",
@@ -92,8 +85,7 @@ var Snackbar = function Snackbar(_ref2) {
     fill: "secondary",
     size: "medium"
   }))));
-};
-
+});
 Snackbar.propTypes = {
   /** Controls the snackbar visibility. */
   open: bool,

package/package.json

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