@gympass/yoga 7.35.1 → 7.37.1

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/Feedback/Feedback.theme.js

@@ -0,0 +1,15 @@
+"use strict";
+
+exports.__esModule = true;
+exports["default"] = void 0;
+
+var Feedback = function Feedback() {
+  return {
+    text: {
+      maxWidth: 520
+    }
+  };
+};
+
+var _default = Feedback;
+exports["default"] = _default;

package/cjs/Feedback/index.js

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

package/cjs/Feedback/web/Feedback.js

@@ -0,0 +1,95 @@
+"use strict";
+
+exports.__esModule = true;
+exports["default"] = void 0;
+
+var _propTypes = require("prop-types");
+
+var _react = _interopRequireDefault(require("react"));
+
+var _yogaIcons = require("@gympass/yoga-icons");
+
+var _Icon = _interopRequireDefault(require("../../Icon"));
+
+var _Box = _interopRequireDefault(require("../../Box"));
+
+var _Text = _interopRequireDefault(require("../../Text"));
+
+var _StyledFeedback = require("./StyledFeedback");
+
+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); }
+
+var ICON_SIZE = 64;
+var VARIANT_ICONS = {
+  success: {
+    as: _yogaIcons.CheckedFull,
+    fill: 'hope'
+  },
+  informative: {
+    as: _yogaIcons.AlertCircle,
+    fill: 'relax'
+  },
+  attention: {
+    as: _yogaIcons.AlertTriangle,
+    fill: 'brandingVerve'
+  }
+};
+
+function isChildFromComponent(child, component) {
+  return child.type.displayName === component.displayName;
+}
+
+function Feedback(_ref) {
+  var variant = _ref.variant,
+      title = _ref.title,
+      description = _ref.description,
+      children = _ref.children;
+  var iconProps = VARIANT_ICONS[variant];
+  var primaryButton;
+  var secondaryButton;
+
+  var titleElement = /*#__PURE__*/_react["default"].createElement(_StyledFeedback.Title, null, title);
+
+  function defineCompoundComponents() {
+    _react["default"].Children.forEach(children, function (child) {
+      if (isChildFromComponent(child, _StyledFeedback.PrimaryButton)) primaryButton = child;
+      if (isChildFromComponent(child, _StyledFeedback.SecondaryButton)) secondaryButton = child;
+      if (isChildFromComponent(child, _StyledFeedback.Title)) titleElement = child;
+    });
+  }
+
+  defineCompoundComponents();
+  return /*#__PURE__*/_react["default"].createElement(_Box["default"], {
+    ph: "medium",
+    pv: "xxlarge",
+    minHeight: "100%",
+    width: "100%",
+    display: "flex",
+    alignItems: "flex-end",
+    bg: "white"
+  }, /*#__PURE__*/_react["default"].createElement(_StyledFeedback.Content, null, /*#__PURE__*/_react["default"].createElement(_Icon["default"], _extends({}, iconProps, {
+    size: ICON_SIZE,
+    mb: "large",
+    "data-testid": "feedback-icon"
+  })), /*#__PURE__*/_react["default"].createElement(_StyledFeedback.TextContainer, null, titleElement, /*#__PURE__*/_react["default"].createElement(_Text["default"], {
+    mt: "small",
+    color: "deep"
+  }, description)), /*#__PURE__*/_react["default"].createElement(_StyledFeedback.Actions, {
+    mt: "xxxlarge"
+  }, primaryButton, secondaryButton)));
+}
+
+Feedback.propTypes = {
+  variant: (0, _propTypes.oneOf)(Object.keys(VARIANT_ICONS)).isRequired,
+  title: _propTypes.string,
+  description: _propTypes.string.isRequired,
+  children: (0, _propTypes.oneOfType)([(0, _propTypes.arrayOf)(_propTypes.node), _propTypes.node])
+};
+Feedback.defaultProps = {
+  title: undefined,
+  children: undefined
+};
+var _default = Feedback;
+exports["default"] = _default;

package/cjs/Feedback/web/StyledFeedback.js

@@ -0,0 +1,58 @@
+"use strict";
+
+exports.__esModule = true;
+exports.Title = exports.TextContainer = exports.SecondaryButton = exports.PrimaryButton = exports.Content = exports.Actions = void 0;
+
+var _styledComponents = _interopRequireWildcard(require("styled-components"));
+
+var _Box = _interopRequireDefault(require("../../Box"));
+
+var _Button = _interopRequireDefault(require("../../Button"));
+
+var _Text = _interopRequireDefault(require("../../Text"));
+
+var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _templateObject10, _templateObject11;
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+
+function _taggedTemplateLiteralLoose(strings, raw) { if (!raw) { raw = strings.slice(0); } strings.raw = raw; return strings; }
+
+var Content = _styledComponents["default"].div(_templateObject || (_templateObject = _taggedTemplateLiteralLoose(["\n  @media (min-width: 769px) {\n    margin: auto;\n  }\n"])));
+
+exports.Content = Content;
+
+var TextContainer = _styledComponents["default"].div(_templateObject2 || (_templateObject2 = _taggedTemplateLiteralLoose(["\n  ", "}\n"])), function (_ref) {
+  var feedback = _ref.theme.yoga.components.feedback;
+  return (0, _styledComponents.css)(_templateObject3 || (_templateObject3 = _taggedTemplateLiteralLoose(["\n      max-width: ", "px;\n    "])), feedback.text.maxWidth);
+});
+
+exports.TextContainer = TextContainer;
+var Title = (0, _styledComponents["default"])(_Text["default"].H4).attrs(function () {
+  return {
+    as: 'p'
+  };
+})(_templateObject4 || (_templateObject4 = _taggedTemplateLiteralLoose(["\n  ", "}\n"])), function (_ref2) {
+  var fontSizes = _ref2.theme.yoga.fontSizes;
+  return (0, _styledComponents.css)(_templateObject5 || (_templateObject5 = _taggedTemplateLiteralLoose(["\n      @media (min-width: 769px) {\n        font-size: ", "px;\n        line-height: ", "px;\n      }\n    "])), fontSizes.huge, fontSizes.huge);
+});
+exports.Title = Title;
+var Actions = (0, _styledComponents["default"])(_Box["default"])(_templateObject6 || (_templateObject6 = _taggedTemplateLiteralLoose(["\n  ", "}\n"])), function (_ref3) {
+  var spacing = _ref3.theme.yoga.spacing;
+  return (0, _styledComponents.css)(_templateObject7 || (_templateObject7 = _taggedTemplateLiteralLoose(["\n      display: flex;\n      flex-direction: column;\n\n      @media (min-width: 769px) {\n        flex-direction: row;\n        margin-top: ", "px;\n      }\n    "])), spacing.xxlarge);
+});
+exports.Actions = Actions;
+var buttonsStyles = (0, _styledComponents.css)(_templateObject8 || (_templateObject8 = _taggedTemplateLiteralLoose(["\n  ", "}\n"])), function (_ref4) {
+  var spacing = _ref4.theme.yoga.spacing;
+  return (0, _styledComponents.css)(_templateObject9 || (_templateObject9 = _taggedTemplateLiteralLoose(["\n      width: 100%;\n\n      :last-child(:not(:first-child)) {\n        margin-top: ", "px;\n      }\n\n      @media (min-width: 769px) {\n        width: auto;\n\n        :last-child(:not(:first-child)) {\n          margin-top: 0;\n          margin-left: ", "px;\n        }\n      }\n    "])), spacing.small, spacing.large);
+});
+var PrimaryButton = (0, _styledComponents["default"])(_Button["default"])(_templateObject10 || (_templateObject10 = _taggedTemplateLiteralLoose(["\n  ", "\n"])), buttonsStyles);
+exports.PrimaryButton = PrimaryButton;
+var SecondaryButton = (0, _styledComponents["default"])(_Button["default"].Text)(_templateObject11 || (_templateObject11 = _taggedTemplateLiteralLoose(["\n  ", "\n"])), buttonsStyles);
+exports.SecondaryButton = SecondaryButton;
+Title.displayName = 'Feedback.Title';
+PrimaryButton.displayName = 'Feedback.PrimaryButton';
+SecondaryButton.displayName = 'Feedback.SecondaryButton';

package/cjs/Feedback/web/index.js

@@ -0,0 +1,16 @@
+"use strict";
+
+exports.__esModule = true;
+exports["default"] = void 0;
+
+var _Feedback = _interopRequireDefault(require("./Feedback"));
+
+var _StyledFeedback = require("./StyledFeedback");
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+
+_Feedback["default"].Title = _StyledFeedback.Title;
+_Feedback["default"].PrimaryButton = _StyledFeedback.PrimaryButton;
+_Feedback["default"].SecondaryButton = _StyledFeedback.SecondaryButton;
+var _default = _Feedback["default"];
+exports["default"] = _default;

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;