@gympass/yoga 2.5.7 → 2.5.9

package/cjs/Input/native/Input.js

@@ -1 +1 @@
-var _interopRequireDefault=require("@babel/runtime/helpers/interopRequireDefault");var _typeof=require("@babel/runtime/helpers/typeof");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 _excluded=["cleanable","disabled","error","full","helper","label","maxLength","readOnly","style","textContentType","value","onBlur","onChangeText","onClean","onFocus","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=24;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,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: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-size: "+input.font.size+"px;\n    font-weight: "+input.font.weight+";\n\n    "+(focus?"border-color: "+input.border.color.typed+";":'')+"\n    "+(focus||typed?"color: "+input.font.color.focus+";":'')+"\n    "+(error?"border-color: "+colors.negative[1]+";":'')+"\n\n    "+(disabled?"\n          border-color: "+colors.disabled.background+";\n          color: "+colors.disabled.background+";\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,input=_ref4$theme$yoga.components.input;return"\n    background-color: "+colors.gray.surface+";\n\n    font-weight: "+input.label.font.weight["default"]+";\n    color: "+input.label.color["default"]+";\n\n    "+(focus?"\n          color: "+input.label.color.focus+";\n          font-weight: "+input.label.font.weight.typed+";":'')+"\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.negative[1]+";":'')+"\n    "+(disabled?"color: "+colors.disabled.background+";":'')+"\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.medium+"px;\n    padding-left: "+spacing.xsmall+"px;\n  ";});var Helper=_styledComponents["default"].View(function(_ref6){var full=_ref6.full,input=_ref6.theme.yoga.components.input;return"\n    width: "+(full?'100%':input.width+"px")+";\n    max-width: "+input.width+"px;\n    flex-direction: row;\n\n    margin-top: "+input.helper.margin.top+"px;\n  ";});var Info=_styledComponents["default"].Text(function(_ref7){var disabled=_ref7.disabled,error=_ref7.error,right=_ref7.right,_ref7$theme$yoga=_ref7.theme.yoga,colors=_ref7$theme$yoga.colors,input=_ref7$theme$yoga.components.input;return"\n    flex-shrink: "+(right?'0':'1')+";\n    flex-wrap: wrap;\n\n    color: "+input.helper.color+";\n    font-size: "+input.helper.font.size+"px;\n    \n    "+(error?"color: "+colors.negative[1]+";":'')+"\n    "+(disabled?"color: "+colors.disabled.background:'')+"\n    "+(right?'margin-left: auto;':'')+"\n  ";});var Input=function Input(_ref8){var cleanable=_ref8.cleanable,disabled=_ref8.disabled,error=_ref8.error,full=_ref8.full,helper=_ref8.helper,label=_ref8.label,maxLength=_ref8.maxLength,readOnly=_ref8.readOnly,style=_ref8.style,textContentType=_ref8.textContentType,value=_ref8.value,_onBlur=_ref8.onBlur,_onChangeText=_ref8.onChangeText,onClean=_ref8.onClean,_onFocus=_ref8.onFocus,_ref8$theme$yoga=_ref8.theme.yoga,colors=_ref8$theme$yoga.colors,transition=_ref8$theme$yoga.transition,input=_ref8$theme$yoga.components.input,props=(0,_objectWithoutProperties2["default"])(_ref8,_excluded);var _useState=(0,_react.useState)(false),_useState2=(0,_slicedToArray2["default"])(_useState,2),focused=_useState2[0],setFocused=_useState2[1];var _useState3=(0,_react.useState)(value),_useState4=(0,_slicedToArray2["default"])(_useState3,2),inputValue=_useState4[0],setInputValue=_useState4[1];var _useState5=(0,_react.useState)(Boolean(value)),_useState6=(0,_slicedToArray2["default"])(_useState5,2),typed=_useState6[0],setTyped=_useState6[1];(0,_react.useEffect)(function(){setInputValue(value);setTyped(Boolean(value));},[value]);var iconColor=function iconColor(){if(disabled){return colors.disabled.background;}if(focused){return input.font.color.focus;}return input.font.color["default"];};var _useState7=(0,_react.useState)(new _reactNative.Animated.Value(input.padding.top*1.5)),_useState8=(0,_slicedToArray2["default"])(_useState7,1),labelTopAnimation=_useState8[0];var _useState9=(0,_react.useState)(new _reactNative.Animated.Value(input.label.font.size["default"])),_useState10=(0,_slicedToArray2["default"])(_useState9,1),fontSizeAnimation=_useState10[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]))}).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 _ref9=Array.isArray(style)?Object.assign.apply(Object,[{}].concat((0,_toConsumableArray2["default"])(style))):style,_ref9$height=_ref9.height,height=_ref9$height===void 0?input.height:_ref9$height,styles=(0,_objectWithoutProperties2["default"])(_ref9,_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:inputValue,onChangeText:function onChangeText(text){setTyped(Boolean(text));setInputValue(text);_onChangeText(text);},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,{full:full},(error||helper)&&_react["default"].createElement(Info,{disabled:disabled,error:error},error||helper),maxLength&&_react["default"].createElement(Info,{disabled:disabled,error:error,right:true},inputValue.length,"/",maxLength)));};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,onChangeText:_propTypes.func,onClean:_propTypes.func,onFocus:_propTypes.func};Input.defaultProps={cleanable:true,disabled:false,error:undefined,full:false,helper:undefined,label:'',maxLength:undefined,readOnly:false,style:{},textContentType:undefined,value:'',onBlur:function onBlur(){},onChangeText:function onChangeText(){},onClean:function onClean(){},onFocus:function onFocus(){}};var _default=(0,_styledComponents.withTheme)(Input);exports["default"]=_default;
+var _interopRequireWildcard=require("@babel/runtime/helpers/interopRequireWildcard");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 ICON_SIZE=24;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,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: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-size: "+input.font.size+"px;\n    font-weight: "+input.font.weight+";\n\n    "+(focus?"border-color: "+input.border.color.typed+";":'')+"\n    "+(focus||typed?"color: "+input.font.color.focus+";":'')+"\n    "+(error?"border-color: "+colors.negative[1]+";":'')+"\n\n    "+(disabled?"\n          border-color: "+colors.disabled.background+";\n          color: "+colors.disabled.background+";\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,input=_ref4$theme$yoga.components.input;return"\n    background-color: "+colors.gray.surface+";\n\n    font-weight: "+input.label.font.weight["default"]+";\n    color: "+input.label.color["default"]+";\n\n    "+(focus?"\n          color: "+input.label.color.focus+";\n          font-weight: "+input.label.font.weight.typed+";":'')+"\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.negative[1]+";":'')+"\n    "+(disabled?"color: "+colors.disabled.background+";":'')+"\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.medium+"px;\n    padding-left: "+spacing.xsmall+"px;\n  ";});var Helper=_styledComponents["default"].View(function(_ref6){var full=_ref6.full,input=_ref6.theme.yoga.components.input;return"\n    width: "+(full?'100%':input.width+"px")+";\n    max-width: "+input.width+"px;\n    flex-direction: row;\n\n    margin-top: "+input.helper.margin.top+"px;\n  ";});var Info=_styledComponents["default"].Text(function(_ref7){var disabled=_ref7.disabled,error=_ref7.error,right=_ref7.right,_ref7$theme$yoga=_ref7.theme.yoga,colors=_ref7$theme$yoga.colors,input=_ref7$theme$yoga.components.input;return"\n    flex-shrink: "+(right?'0':'1')+";\n    flex-wrap: wrap;\n\n    color: "+input.helper.color+";\n    font-size: "+input.helper.font.size+"px;\n    \n    "+(error?"color: "+colors.negative[1]+";":'')+"\n    "+(disabled?"color: "+colors.disabled.background:'')+"\n    "+(right?'margin-left: auto;':'')+"\n  ";});var Input=function Input(_ref8){var cleanable=_ref8.cleanable,disabled=_ref8.disabled,error=_ref8.error,full=_ref8.full,helper=_ref8.helper,label=_ref8.label,maxLength=_ref8.maxLength,readOnly=_ref8.readOnly,style=_ref8.style,textContentType=_ref8.textContentType,value=_ref8.value,_onBlur=_ref8.onBlur,_onChangeText=_ref8.onChangeText,onClean=_ref8.onClean,_onFocus=_ref8.onFocus,_ref8$theme$yoga=_ref8.theme.yoga,colors=_ref8$theme$yoga.colors,transition=_ref8$theme$yoga.transition,input=_ref8$theme$yoga.components.input,props=(0,_objectWithoutProperties2["default"])(_ref8,["cleanable","disabled","error","full","helper","label","maxLength","readOnly","style","textContentType","value","onBlur","onChangeText","onClean","onFocus","theme"]);var _useState=(0,_react.useState)(false),_useState2=(0,_slicedToArray2["default"])(_useState,2),focused=_useState2[0],setFocused=_useState2[1];var _useState3=(0,_react.useState)(value),_useState4=(0,_slicedToArray2["default"])(_useState3,2),inputValue=_useState4[0],setInputValue=_useState4[1];var _useState5=(0,_react.useState)(Boolean(value)),_useState6=(0,_slicedToArray2["default"])(_useState5,2),typed=_useState6[0],setTyped=_useState6[1];(0,_react.useEffect)(function(){setInputValue(value);setTyped(Boolean(value));},[value]);var iconColor=function iconColor(){if(disabled){return colors.disabled.background;}if(focused){return input.font.color.focus;}return input.font.color["default"];};var _useState7=(0,_react.useState)(new _reactNative.Animated.Value(input.padding.top*1.5)),_useState8=(0,_slicedToArray2["default"])(_useState7,1),labelTopAnimation=_useState8[0];var _useState9=(0,_react.useState)(new _reactNative.Animated.Value(input.label.font.size["default"])),_useState10=(0,_slicedToArray2["default"])(_useState9,1),fontSizeAnimation=_useState10[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]))}).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 _ref9=Array.isArray(style)?Object.assign.apply(Object,[{}].concat((0,_toConsumableArray2["default"])(style))):style,_ref9$height=_ref9.height,height=_ref9$height===void 0?input.height:_ref9$height,styles=(0,_objectWithoutProperties2["default"])(_ref9,["height"]);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:inputValue,onChangeText:function onChangeText(text){setTyped(Boolean(text));setInputValue(text);_onChangeText(text);},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,{full:full},(error||helper)&&_react["default"].createElement(Info,{disabled:disabled,error:error},error||helper),maxLength&&_react["default"].createElement(Info,{disabled:disabled,error:error,right:true},inputValue.length,"/",maxLength)));};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,onChangeText:_propTypes.func,onClean:_propTypes.func,onFocus:_propTypes.func};Input.defaultProps={cleanable:true,disabled:false,error:undefined,full:false,helper:undefined,label:'',maxLength:undefined,readOnly:false,style:{},textContentType:undefined,value:'',onBlur:function onBlur(){},onChangeText:function onChangeText(){},onClean:function onClean(){},onFocus:function onFocus(){}};var _default=(0,_styledComponents.withTheme)(Input);exports["default"]=_default;

package/cjs/Input/native/Password.js

@@ -1 +1 @@
-var _interopRequireDefault=require("@babel/runtime/helpers/interopRequireDefault");var _typeof=require("@babel/runtime/helpers/typeof");Object.defineProperty(exports,"__esModule",{value:true});exports["default"]=void 0;var _extends2=_interopRequireDefault(require("@babel/runtime/helpers/extends"));var _slicedToArray2=_interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));var _objectWithoutProperties2=_interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));var _react=_interopRequireWildcard(require("react"));var _reactNative=require("react-native");var _styledComponents=_interopRequireWildcard(require("styled-components"));var _propTypes=require("prop-types");var _yogaIcons=require("@gympass/yoga-icons");var _Input=_interopRequireDefault(require("./Input"));var _excluded=["disabled","style","full","onBlur","onFocus","theme"];function _getRequireWildcardCache(nodeInterop){if(typeof WeakMap!=="function")return null;var cacheBabelInterop=new WeakMap();var cacheNodeInterop=new WeakMap();return(_getRequireWildcardCache=function _getRequireWildcardCache(nodeInterop){return nodeInterop?cacheNodeInterop:cacheBabelInterop;})(nodeInterop);}function _interopRequireWildcard(obj,nodeInterop){if(!nodeInterop&&obj&&obj.__esModule){return obj;}if(obj===null||_typeof(obj)!=="object"&&typeof obj!=="function"){return{"default":obj};}var cache=_getRequireWildcardCache(nodeInterop);if(cache&&cache.has(obj)){return cache.get(obj);}var newObj={};var hasPropertyDescriptor=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var key in obj){if(key!=="default"&&Object.prototype.hasOwnProperty.call(obj,key)){var desc=hasPropertyDescriptor?Object.getOwnPropertyDescriptor(obj,key):null;if(desc&&(desc.get||desc.set)){Object.defineProperty(newObj,key,desc);}else{newObj[key]=obj[key];}}}newObj["default"]=obj;if(cache){cache.set(obj,newObj);}return newObj;}var Wrapper=_styledComponents["default"].View(function(_ref){var full=_ref.full,input=_ref.theme.yoga.components.input;return"\n    position: relative;\n\n    width: "+(full?'100%':input.width+"px")+";\n  ";});var IconWrapper=_styledComponents["default"].View(function(_ref2){var spacing=_ref2.theme.yoga.spacing;return"\n    position: absolute;\n    top: 0;\n    right: 0;\n\n    padding-right: "+spacing.medium+"px;\n    padding-left: "+spacing.xsmall+"px;\n  ";});var Password=function Password(_ref3){var disabled=_ref3.disabled,style=_ref3.style,full=_ref3.full,_onBlur=_ref3.onBlur,_onFocus=_ref3.onFocus,_ref3$theme$yoga=_ref3.theme.yoga,colors=_ref3$theme$yoga.colors,input=_ref3$theme$yoga.components.input,props=(0,_objectWithoutProperties2["default"])(_ref3,_excluded);var _useState=(0,_react.useState)(false),_useState2=(0,_slicedToArray2["default"])(_useState,2),showPassword=_useState2[0],toggleShowPassword=_useState2[1];var _useState3=(0,_react.useState)(false),_useState4=(0,_slicedToArray2["default"])(_useState3,2),focused=_useState4[0],setFocused=_useState4[1];var iconColor=function iconColor(){if(disabled){return colors.disabled.background;}if(focused){return input.font.color.focus;}return input.font.color["default"];};return _react["default"].createElement(Wrapper,{style:style,full:full},_react["default"].createElement(_Input["default"],(0,_extends2["default"])({},props,{autoCompleteType:"password",blurOnSubmit:false,cleanable:false,clearTextOnFocus:false,disabled:disabled,full:full,secureTextEntry:!showPassword,textContentType:"password",onSubmitEditing:function onSubmitEditing(){return _reactNative.Keyboard.dismiss();},onBlur:function onBlur(e){setFocused(false);_onBlur(e);},onFocus:function onFocus(e){setFocused(true);_onFocus(e);}})),_react["default"].createElement(_reactNative.TouchableWithoutFeedback,{accessibilityRole:"button",onPress:function onPress(){if(disabled)return;toggleShowPassword(!showPassword);}},_react["default"].createElement(IconWrapper,{disabled:disabled},showPassword?_react["default"].createElement(_yogaIcons.Visibility,{height:input.height,width:20,fill:iconColor()}):_react["default"].createElement(_yogaIcons.VisibilityOff,{height:input.height,width:20,fill:iconColor()}))));};Password.propTypes={disabled:_propTypes.bool,full:_propTypes.bool,style:(0,_propTypes.shape)({}),onBlur:_propTypes.func,onFocus:_propTypes.func};Password.defaultProps={disabled:false,full:false,style:undefined,onBlur:function onBlur(){},onFocus:function onFocus(){}};var _default=(0,_styledComponents.withTheme)(Password);exports["default"]=_default;
+var _interopRequireWildcard=require("@babel/runtime/helpers/interopRequireWildcard");var _interopRequireDefault=require("@babel/runtime/helpers/interopRequireDefault");Object.defineProperty(exports,"__esModule",{value:true});exports["default"]=void 0;var _extends2=_interopRequireDefault(require("@babel/runtime/helpers/extends"));var _slicedToArray2=_interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));var _objectWithoutProperties2=_interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));var _react=_interopRequireWildcard(require("react"));var _reactNative=require("react-native");var _styledComponents=_interopRequireWildcard(require("styled-components"));var _propTypes=require("prop-types");var _yogaIcons=require("@gympass/yoga-icons");var _Input=_interopRequireDefault(require("./Input"));var Wrapper=_styledComponents["default"].View(function(_ref){var full=_ref.full,input=_ref.theme.yoga.components.input;return"\n    position: relative;\n\n    width: "+(full?'100%':input.width+"px")+";\n  ";});var IconWrapper=_styledComponents["default"].View(function(_ref2){var spacing=_ref2.theme.yoga.spacing;return"\n    position: absolute;\n    top: 0;\n    right: 0;\n\n    padding-right: "+spacing.medium+"px;\n    padding-left: "+spacing.xsmall+"px;\n  ";});var Password=function Password(_ref3){var disabled=_ref3.disabled,style=_ref3.style,full=_ref3.full,_onBlur=_ref3.onBlur,_onFocus=_ref3.onFocus,_ref3$theme$yoga=_ref3.theme.yoga,colors=_ref3$theme$yoga.colors,input=_ref3$theme$yoga.components.input,props=(0,_objectWithoutProperties2["default"])(_ref3,["disabled","style","full","onBlur","onFocus","theme"]);var _useState=(0,_react.useState)(false),_useState2=(0,_slicedToArray2["default"])(_useState,2),showPassword=_useState2[0],toggleShowPassword=_useState2[1];var _useState3=(0,_react.useState)(false),_useState4=(0,_slicedToArray2["default"])(_useState3,2),focused=_useState4[0],setFocused=_useState4[1];var iconColor=function iconColor(){if(disabled){return colors.disabled.background;}if(focused){return input.font.color.focus;}return input.font.color["default"];};return _react["default"].createElement(Wrapper,{style:style,full:full},_react["default"].createElement(_Input["default"],(0,_extends2["default"])({},props,{autoCompleteType:"password",blurOnSubmit:false,cleanable:false,clearTextOnFocus:false,disabled:disabled,full:full,secureTextEntry:!showPassword,textContentType:"password",onSubmitEditing:function onSubmitEditing(){return _reactNative.Keyboard.dismiss();},onBlur:function onBlur(e){setFocused(false);_onBlur(e);},onFocus:function onFocus(e){setFocused(true);_onFocus(e);}})),_react["default"].createElement(_reactNative.TouchableWithoutFeedback,{accessibilityRole:"button",onPress:function onPress(){if(disabled)return;toggleShowPassword(!showPassword);}},_react["default"].createElement(IconWrapper,{disabled:disabled},showPassword?_react["default"].createElement(_yogaIcons.Visibility,{height:input.height,width:20,fill:iconColor()}):_react["default"].createElement(_yogaIcons.VisibilityOff,{height:input.height,width:20,fill:iconColor()}))));};Password.propTypes={disabled:_propTypes.bool,full:_propTypes.bool,style:(0,_propTypes.shape)({}),onBlur:_propTypes.func,onFocus:_propTypes.func};Password.defaultProps={disabled:false,full:false,style:undefined,onBlur:function onBlur(){},onFocus:function onFocus(){}};var _default=(0,_styledComponents.withTheme)(Password);exports["default"]=_default;

package/cjs/Input/native/index.js

@@ -1 +1 @@
-var _interopRequireDefault=require("@babel/runtime/helpers/interopRequireDefault");Object.defineProperty(exports,"__esModule",{value:true});Object.defineProperty(exports,"Email",{enumerable:true,get:function get(){return _Email["default"];}});Object.defineProperty(exports,"Input",{enumerable:true,get:function get(){return _Input["default"];}});Object.defineProperty(exports,"InputNumber",{enumerable:true,get:function get(){return _Number["default"];}});Object.defineProperty(exports,"Password",{enumerable:true,get:function get(){return _Password["default"];}});Object.defineProperty(exports,"Tel",{enumerable:true,get:function get(){return _Tel["default"];}});var _Input=_interopRequireDefault(require("./Input"));var _Password=_interopRequireDefault(require("./Password"));var _Number=_interopRequireDefault(require("./Number"));var _Tel=_interopRequireDefault(require("./Tel"));var _Email=_interopRequireDefault(require("./Email"));
+var _interopRequireDefault=require("@babel/runtime/helpers/interopRequireDefault");Object.defineProperty(exports,"__esModule",{value:true});Object.defineProperty(exports,"Input",{enumerable:true,get:function get(){return _Input["default"];}});Object.defineProperty(exports,"Password",{enumerable:true,get:function get(){return _Password["default"];}});Object.defineProperty(exports,"InputNumber",{enumerable:true,get:function get(){return _Number["default"];}});Object.defineProperty(exports,"Tel",{enumerable:true,get:function get(){return _Tel["default"];}});Object.defineProperty(exports,"Email",{enumerable:true,get:function get(){return _Email["default"];}});var _Input=_interopRequireDefault(require("./Input"));var _Password=_interopRequireDefault(require("./Password"));var _Number=_interopRequireDefault(require("./Number"));var _Tel=_interopRequireDefault(require("./Tel"));var _Email=_interopRequireDefault(require("./Email"));

package/cjs/Input/web/Email.js

@@ -11,7 +11,7 @@ var _Input = _interopRequireDefault(require("./Input"));
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
 
-function _extends() { _extends = Object.assign ? Object.assign.bind() : 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 _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 
 var Email = function Email(props) {
   return /*#__PURE__*/_react["default"].createElement(_Input["default"], _extends({}, props, {

package/cjs/Input/web/Field.js

@@ -1,6 +1,6 @@
 "use strict";
 
-function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
+function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof(obj); }
 
 Object.defineProperty(exports, "__esModule", {
   value: true
@@ -9,23 +9,61 @@ exports["default"] = void 0;
 
 var _styledComponents = _interopRequireWildcard(require("styled-components"));
 
-var _templateObject, _templateObject2, _templateObject3, _templateObject4;
+function _getRequireWildcardCache() { if (typeof WeakMap !== "function") return null; var cache = new WeakMap(); _getRequireWildcardCache = function _getRequireWildcardCache() { return cache; }; return cache; }
 
-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) { if (obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (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 _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 _templateObject4() {
+  var data = _taggedTemplateLiteral(["\n            & + label {\n              ", "\n            }\n          "]);
+
+  _templateObject4 = function _templateObject4() {
+    return data;
+  };
+
+  return data;
+}
+
+function _templateObject3() {
+  var data = _taggedTemplateLiteral(["\n    height: 100%;\n\n    padding-top: ", "px;\n    padding-right: ", "px;\n    padding-bottom: ", "px;\n    padding-left: ", "px;\n\n    color: ", ";\n    border: none;\n\n    font-family: ", ", sans-serif;\n    font-size: ", "px;\n    font-weight: ", ";\n\n    box-sizing: border-box;\n\n    &:focus {\n      color: ", ";\n\n      & + label {\n        ", "\n\n        font-weight: ", ";\n        color: ", ";\n      }\n    }\n\n    &:disabled {\n      cursor: not-allowed;\n      color: ", ";\n    }\n\n    &::placeholder {\n      color: ", ";\n    }\n\n    ", "\n  "]);
+
+  _templateObject3 = function _templateObject3() {
+    return data;
+  };
+
+  return data;
+}
+
+function _templateObject2() {
+  var data = _taggedTemplateLiteral(["\n  width: 100%;\n\n  background-color: transparent;\n\n  appearance: none;\n  outline: none;\n\n  ", "\n\n  &[type=\"number\"]::-webkit-outer-spin-button,\n  &[type=\"number\"]::-webkit-inner-spin-button {\n    display: none;\n  }\n\n  &:invalid {\n    box-shadow: none;\n  }\n"]);
+
+  _templateObject2 = function _templateObject2() {
+    return data;
+  };
+
+  return data;
+}
+
+function _templateObject() {
+  var data = _taggedTemplateLiteral(["\n  ", "\n"]);
+
+  _templateObject = function _templateObject() {
+    return data;
+  };
+
+  return data;
+}
 
 function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
 
 var ICON_SIZE = 24;
-var labelTransition = (0, _styledComponents.css)(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  ", "\n"])), function (_ref) {
+var labelTransition = (0, _styledComponents.css)(_templateObject(), function (_ref) {
   var _ref$theme$yoga = _ref.theme.yoga,
       transition = _ref$theme$yoga.transition,
       input = _ref$theme$yoga.components.input;
   return "\n    top: 0;\n    left: ".concat(input.padding.left, "px;\n\n    font-size: ").concat(input.label.font.size.typed, "px;\n\n    transform: translateY(-50%);\n    transition-duration: ").concat(transition.duration[1], "ms;\n    transition-timing-function: cubic-bezier(").concat(transition.timing[0].join(), ");\n  ");
 });
 
-var Field = _styledComponents["default"].input(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n  width: 100%;\n\n  background-color: transparent;\n\n  appearance: none;\n  outline: none;\n\n  ", "\n\n  &[type=\"number\"]::-webkit-outer-spin-button,\n  &[type=\"number\"]::-webkit-inner-spin-button {\n    display: none;\n  }\n\n  &:invalid {\n    box-shadow: none;\n  }\n"])), function (_ref2) {
+var Field = _styledComponents["default"].input(_templateObject2(), function (_ref2) {
   var cleanable = _ref2.cleanable,
       error = _ref2.error,
       typed = _ref2.typed,
@@ -33,7 +71,7 @@ var Field = _styledComponents["default"].input(_templateObject2 || (_templateObj
       colors = _ref2$theme$yoga.colors,
       baseFont = _ref2$theme$yoga.baseFont,
       input = _ref2$theme$yoga.components.input;
-  return (0, _styledComponents.css)(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n    height: 100%;\n\n    padding-top: ", "px;\n    padding-right: ", "px;\n    padding-bottom: ", "px;\n    padding-left: ", "px;\n\n    color: ", ";\n    border: none;\n\n    font-family: ", ", sans-serif;\n    font-size: ", "px;\n    font-weight: ", ";\n\n    box-sizing: border-box;\n\n    &:focus {\n      color: ", ";\n\n      & + label {\n        ", "\n\n        font-weight: ", ";\n        color: ", ";\n      }\n    }\n\n    &:disabled {\n      cursor: not-allowed;\n      color: ", ";\n    }\n\n    &::placeholder {\n      color: ", ";\n    }\n\n    ", "\n  "])), input.padding.top, cleanable ? ICON_SIZE + input.padding.right : input.padding.right, input.padding.bottom, input.padding.left, input.font.color.focus, baseFont.family, input.font.size, input.font.weight, input.font.color.focus, labelTransition, input.label.font.weight.typed, error ? "".concat(colors.negative[1]) : "".concat(colors.gray.darker), colors.disabled.background, input.label.color["default"], typed ? (0, _styledComponents.css)(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n            & + label {\n              ", "\n            }\n          "])), labelTransition) : '');
+  return (0, _styledComponents.css)(_templateObject3(), input.padding.top, cleanable ? ICON_SIZE + input.padding.right : input.padding.right, input.padding.bottom, input.padding.left, input.font.color.focus, baseFont.family, input.font.size, input.font.weight, input.font.color.focus, labelTransition, input.label.font.weight.typed, error ? "".concat(colors.negative[1]) : "".concat(colors.gray.darker), colors.disabled.background, input.label.color["default"], typed ? (0, _styledComponents.css)(_templateObject4(), labelTransition) : '');
 });
 
 var _default = Field;

package/cjs/Input/web/Fieldset.js

@@ -7,13 +7,21 @@ exports["default"] = void 0;
 
 var _styledComponents = _interopRequireDefault(require("styled-components"));
 
-var _templateObject;
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
 
+function _templateObject() {
+  var data = _taggedTemplateLiteral(["\n  position: absolute;\n  top: -7px;\n  left: 0;\n  padding: 0;\n  padding-left: 0px;\n  right: 0;\n  bottom: 0;\n  margin: 0;\n  pointer-events: none;\n\n  ", "\n"]);
+
+  _templateObject = function _templateObject() {
+    return data;
+  };
+
+  return data;
+}
+
 function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
 
-var Fieldset = _styledComponents["default"].fieldset(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  position: absolute;\n  top: -7px;\n  left: 0;\n  padding: 0;\n  padding-left: 0px;\n  right: 0;\n  bottom: 0;\n  margin: 0;\n  pointer-events: none;\n\n  ", "\n"])), function (_ref) {
+var Fieldset = _styledComponents["default"].fieldset(_templateObject(), function (_ref) {
   var input = _ref.theme.yoga.components.input;
   return "\n    border-radius: ".concat(input.border.radius, "px;\n    border: ").concat(input.border.width, "px solid ").concat(input.border.color["default"], ";\n    padding-left: ").concat(input.label.padding.left + input.border.radius, "px;\n  ");
 });

package/cjs/Input/web/Helper.js

@@ -11,13 +11,31 @@ var _styledComponents = _interopRequireDefault(require("styled-components"));
 
 var _propTypes = require("prop-types");
 
-var _templateObject, _templateObject2;
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
 
+function _templateObject2() {
+  var data = _taggedTemplateLiteral(["\n  ", "\n"]);
+
+  _templateObject2 = function _templateObject2() {
+    return data;
+  };
+
+  return data;
+}
+
+function _templateObject() {
+  var data = _taggedTemplateLiteral(["\n  ", "\n"]);
+
+  _templateObject = function _templateObject() {
+    return data;
+  };
+
+  return data;
+}
+
 function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
 
-var Wrapper = _styledComponents["default"].div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  ", "\n"])), function (_ref) {
+var Wrapper = _styledComponents["default"].div(_templateObject(), function (_ref) {
   var disabled = _ref.disabled,
       error = _ref.error,
       _ref$theme$yoga = _ref.theme.yoga,
@@ -26,7 +44,7 @@ var Wrapper = _styledComponents["default"].div(_templateObject || (_templateObje
   return "\n    display: flex;\n    margin-top: ".concat(input.helper.margin.top, "px;\n\n    color: ").concat(input.helper.color, ";\n\n    ").concat(error ? "color: ".concat(colors.negative[1], ";") : '', "\n    ").concat(disabled ? "color: ".concat(colors.disabled.background, ";") : '', "\n  ");
 });
 
-var Info = _styledComponents["default"].span(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n  ", "\n"])), function (_ref2) {
+var Info = _styledComponents["default"].span(_templateObject2(), function (_ref2) {
   var right = _ref2.right,
       input = _ref2.theme.yoga.components.input;
   return "\n    font-size: ".concat(input.helper.font.size, "px;\n    \n    ").concat(right ? 'margin-left: auto;' : '', "\n  ");

package/cjs/Input/web/Input.js

@@ -1,6 +1,6 @@
 "use strict";
 
-function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
+function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof(obj); }
 
 Object.defineProperty(exports, "__esModule", {
   value: true
@@ -25,17 +25,13 @@ var _Label = _interopRequireDefault(require("./Label"));
 
 var _Helper = _interopRequireDefault(require("./Helper"));
 
-var _excluded = ["className", "cleanable", "disabled", "error", "full", "helper", "label", "maxLength", "readOnly", "style", "value", "onChange", "onClean"];
-
-var _templateObject, _templateObject2;
-
 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 _getRequireWildcardCache() { if (typeof WeakMap !== "function") return null; var cache = new WeakMap(); _getRequireWildcardCache = function _getRequireWildcardCache() { return cache; }; return cache; }
 
-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 _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
 
-function _extends() { _extends = Object.assign ? Object.assign.bind() : 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 _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 _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
 
@@ -45,7 +41,7 @@ function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o =
 
 function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
 
-function _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"]; if (_i == null) return; var _arr = []; var _n = true; var _d = false; var _s, _e; try { for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
+function _iterableToArrayLimit(arr, i) { if (typeof Symbol === "undefined" || !(Symbol.iterator in Object(arr))) return; var _arr = []; var _n = true; var _d = false; var _e = undefined; try { for (var _i = arr[Symbol.iterator](), _s; !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
 
 function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 
@@ -53,14 +49,34 @@ function _objectWithoutProperties(source, excluded) { if (source == null) return
 
 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 _templateObject2() {
+  var data = _taggedTemplateLiteral(["\n          ", "px\n        "]);
+
+  _templateObject2 = function _templateObject2() {
+    return data;
+  };
+
+  return data;
+}
+
+function _templateObject() {
+  var data = _taggedTemplateLiteral(["\n  box-sizing: border-box;\n  width: ", ";\n"]);
+
+  _templateObject = function _templateObject() {
+    return data;
+  };
+
+  return data;
+}
+
 function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
 
-var Control = _styledComponents["default"].div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  box-sizing: border-box;\n  width: ", ";\n"])), function (_ref) {
+var Control = _styledComponents["default"].div(_templateObject(), function (_ref) {
   var full = _ref.full;
-  return full ? '100%' : (0, _styledComponents.css)(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n          ", "px\n        "])), _Theme.theme.components.input.width);
+  return full ? '100%' : (0, _styledComponents.css)(_templateObject2(), _Theme.theme.components.input.width);
 });
 
-var Input = /*#__PURE__*/_react["default"].forwardRef(function (_ref2, ref) {
+var Input = _react["default"].forwardRef(function (_ref2, ref) {
   var className = _ref2.className,
       cleanable = _ref2.cleanable,
       disabled = _ref2.disabled,
@@ -74,7 +90,7 @@ var Input = /*#__PURE__*/_react["default"].forwardRef(function (_ref2, ref) {
       value = _ref2.value,
       _onChange = _ref2.onChange,
       onClean = _ref2.onClean,
-      props = _objectWithoutProperties(_ref2, _excluded);
+      props = _objectWithoutProperties(_ref2, ["className", "cleanable", "disabled", "error", "full", "helper", "label", "maxLength", "readOnly", "style", "value", "onChange", "onClean"]);
 
   var _useState = (0, _react.useState)(Boolean(value)),
       _useState2 = _slicedToArray(_useState, 2),
@@ -117,7 +133,8 @@ var Input = /*#__PURE__*/_react["default"].forwardRef(function (_ref2, ref) {
     full: full,
     readOnly: readOnly,
     maxLength: maxLength,
-    typed: typed,
+    typed: typed
+  }, {
     ref: inputRef,
     value: inputValue,
     onChange: function onChange(e) {

package/cjs/Input/web/Label.js

@@ -1,6 +1,6 @@
 "use strict";
 
-function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
+function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof(obj); }
 
 Object.defineProperty(exports, "__esModule", {
   value: true
@@ -17,32 +17,48 @@ var _Fieldset = _interopRequireDefault(require("./Fieldset"));
 
 var _Legend = _interopRequireDefault(require("./Legend"));
 
-var _excluded = ["children", "typed", "error", "disabled"];
+function _getRequireWildcardCache() { if (typeof WeakMap !== "function") return null; var cache = new WeakMap(); _getRequireWildcardCache = function _getRequireWildcardCache() { return cache; }; return cache; }
 
-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; }
+function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (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 _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
 
-function _extends() { _extends = Object.assign ? Object.assign.bind() : 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 _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 _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
 
 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 _templateObject2() {
+  var data = _taggedTemplateLiteral(["\n    top: ", "px;\n    left: ", "px;\n\n    font-size: ", "px;\n    font-weight: ", ";\n    color: ", ";\n\n    transform: translateY(-40%);\n\n    transition-duration: ", "ms;\n    transition-timing-function: cubic-bezier(", ");\n\n    ", "\n    ", "\n  "]);
+
+  _templateObject2 = function _templateObject2() {
+    return data;
+  };
+
+  return data;
+}
+
+function _templateObject() {
+  var data = _taggedTemplateLiteral(["\n  position: absolute;\n\n  letter-spacing: normal;\n  pointer-events: none;\n  user-select: none;\n\n  ", "\n"]);
+
+  _templateObject = function _templateObject() {
+    return data;
+  };
+
+  return data;
+}
+
 function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
 
-var StyledLabel = _styledComponents["default"].label(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  position: absolute;\n\n  letter-spacing: normal;\n  pointer-events: none;\n  user-select: none;\n\n  ", "\n"])), function (_ref) {
+var StyledLabel = _styledComponents["default"].label(_templateObject(), function (_ref) {
   var disabled = _ref.disabled,
       error = _ref.error,
       _ref$theme$yoga = _ref.theme.yoga,
       colors = _ref$theme$yoga.colors,
       transition = _ref$theme$yoga.transition,
       input = _ref$theme$yoga.components.input;
-  return (0, _styledComponents.css)(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n    top: ", "px;\n    left: ", "px;\n\n    font-size: ", "px;\n    font-weight: ", ";\n    color: ", ";\n\n    transform: translateY(-40%);\n\n    transition-duration: ", "ms;\n    transition-timing-function: cubic-bezier(", ");\n\n    ", "\n    ", "\n  "])), input.padding.top * 1.5, input.padding.left, input.label.font.size["default"], input.label.font.weight["default"], input.label.color["default"], transition.duration[1], transition.timing[0].join(), error ? "color: ".concat(colors.negative[1], ";") : '', disabled ? "color: ".concat(colors.disabled.background, ";") : '');
+  return (0, _styledComponents.css)(_templateObject2(), input.padding.top * 1.5, input.padding.left, input.label.font.size["default"], input.label.font.weight["default"], input.label.color["default"], transition.duration[1], transition.timing[0].join(), error ? "color: ".concat(colors.negative[1], ";") : '', disabled ? "color: ".concat(colors.disabled.background, ";") : '');
 });
 
 var Label = function Label(_ref2) {
@@ -50,7 +66,7 @@ var Label = function Label(_ref2) {
       typed = _ref2.typed,
       error = _ref2.error,
       disabled = _ref2.disabled,
-      props = _objectWithoutProperties(_ref2, _excluded);
+      props = _objectWithoutProperties(_ref2, ["children", "typed", "error", "disabled"]);
 
   return /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement(StyledLabel, _extends({
     error: error,

package/cjs/Input/web/Legend.js

@@ -11,27 +11,43 @@ var _styledComponents = _interopRequireDefault(require("styled-components"));
 
 var _propTypes = require("prop-types");
 
-var _excluded = ["children", "typed"];
-
-var _templateObject, _templateObject2;
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
 
-function _extends() { _extends = Object.assign ? Object.assign.bind() : 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 _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 _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
 
 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 _templateObject2() {
+  var data = _taggedTemplateLiteral(["\n  ", "\n"]);
+
+  _templateObject2 = function _templateObject2() {
+    return data;
+  };
+
+  return data;
+}
+
+function _templateObject() {
+  var data = _taggedTemplateLiteral(["\n  position: relative;\n  padding: 0;\n\n  max-width: 0.01px;\n  width: auto;\n  height: 14px;\n\n  font-weight: normal;\n\n  transition: max-width ease 50ms;\n  visibility: hidden;\n\n  ", "\n"]);
+
+  _templateObject = function _templateObject() {
+    return data;
+  };
+
+  return data;
+}
+
 function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
 
-var StyledLegend = _styledComponents["default"].legend(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  position: relative;\n  padding: 0;\n\n  max-width: 0.01px;\n  width: auto;\n  height: 14px;\n\n  font-weight: normal;\n\n  transition: max-width ease 50ms;\n  visibility: hidden;\n\n  ", "\n"])), function (_ref) {
+var StyledLegend = _styledComponents["default"].legend(_templateObject(), function (_ref) {
   var typed = _ref.typed,
       input = _ref.theme.yoga.components.input;
   return "\n    max-width: ".concat(typed ? '1000' : '0.01', "px;\n\n    font-size: ").concat(input.label.font.size.typed, "px;\n    letter-spacing: normal;\n  ");
 });
 
-var HiddenSpan = _styledComponents["default"].span(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n  ", "\n"])), function (_ref2) {
+var HiddenSpan = _styledComponents["default"].span(_templateObject2(), function (_ref2) {
   var input = _ref2.theme.yoga.components.input;
   return "\n    padding-left: ".concat(input.label.padding.left, "px;\n    padding-right: ").concat(input.label.padding.right, "px;\n  ");
 });
@@ -39,7 +55,7 @@ var HiddenSpan = _styledComponents["default"].span(_templateObject2 || (_templat
 var Legend = function Legend(_ref3) {
   var children = _ref3.children,
       typed = _ref3.typed,
-      props = _objectWithoutProperties(_ref3, _excluded);
+      props = _objectWithoutProperties(_ref3, ["children", "typed"]);
 
   return /*#__PURE__*/_react["default"].createElement(StyledLegend, _extends({
     typed: typed

package/cjs/Input/web/Number.js

@@ -11,7 +11,7 @@ var _Input = _interopRequireDefault(require("./Input"));
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
 
-function _extends() { _extends = Object.assign ? Object.assign.bind() : 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 _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 
 var InputNumber = function InputNumber(props) {
   return /*#__PURE__*/_react["default"].createElement(_Input["default"], _extends({}, props, {