@gympass/yoga 7.35.0 → 7.37.0

package/cjs/Input/native/Password.js

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

package/cjs/Input/native/Tel.js

@@ -1 +1 @@
-var _interopRequireDefault=require("@babel/runtime/helpers/interopRequireDefault");Object.defineProperty(exports,"__esModule",{value:true});exports["default"]=void 0;var _extends2=_interopRequireDefault(require("@babel/runtime/helpers/extends"));var _react=_interopRequireDefault(require("react"));var _Input=_interopRequireDefault(require("./Input"));var Tel=function Tel(props){return _react["default"].createElement(_Input["default"],(0,_extends2["default"])({},props,{keyboardType:"phone-pad",autoCompleteType:"tel",textContentType:"telephoneNumber"}));};var _default=Tel;exports["default"]=_default;
+var _interopRequireDefault=require("@babel/runtime/helpers/interopRequireDefault");Object.defineProperty(exports,"__esModule",{value:true});exports["default"]=void 0;var _extends2=_interopRequireDefault(require("@babel/runtime/helpers/extends"));var _react=_interopRequireDefault(require("react"));var _Input=_interopRequireDefault(require("./Input"));var Tel=_react["default"].forwardRef(function(props,ref){return _react["default"].createElement(_Input["default"],(0,_extends2["default"])({ref:ref},props,{keyboardType:"phone-pad",autoCompleteType:"tel",textContentType:"telephoneNumber"}));});var _default=Tel;exports["default"]=_default;

package/cjs/Input/web/Email.js

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

package/cjs/Input/web/Legend.js

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

package/cjs/Input/web/Number.js

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

package/cjs/Input/web/Tel.js

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

package/cjs/List/native/List.js

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

package/cjs/List/web/List.js

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

package/cjs/Progress/native/Progress.js

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

package/cjs/Progress/web/Progress.js

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

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

@@ -1 +1 @@
-var _interopRequireDefault=require("@babel/runtime/helpers/interopRequireDefault");Object.defineProperty(exports,"__esModule",{value:true});exports["default"]=void 0;var _extends2=_interopRequireDefault(require("@babel/runtime/helpers/extends"));var _objectWithoutProperties2=_interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));var _react=_interopRequireWildcard(require("react"));var _propTypes=require("prop-types");var _reactNative=require("react-native");var _styledComponents=_interopRequireDefault(require("styled-components"));var _RadioGroupContext=_interopRequireDefault(require("../../RadioGroupContext"));var _excluded=["value","children"],_excluded2=["onChange","small","selectedValue"];function _getRequireWildcardCache(nodeInterop){if(typeof WeakMap!=="function")return null;var cacheBabelInterop=new WeakMap();var cacheNodeInterop=new WeakMap();return(_getRequireWildcardCache=function _getRequireWildcardCache(nodeInterop){return nodeInterop?cacheNodeInterop:cacheBabelInterop;})(nodeInterop);}function _interopRequireWildcard(obj,nodeInterop){if(!nodeInterop&&obj&&obj.__esModule){return obj;}if(obj===null||typeof obj!=="object"&&typeof obj!=="function"){return{"default":obj};}var cache=_getRequireWildcardCache(nodeInterop);if(cache&&cache.has(obj)){return cache.get(obj);}var newObj={};var hasPropertyDescriptor=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var key in obj){if(key!=="default"&&Object.prototype.hasOwnProperty.call(obj,key)){var desc=hasPropertyDescriptor?Object.getOwnPropertyDescriptor(obj,key):null;if(desc&&(desc.get||desc.set)){Object.defineProperty(newObj,key,desc);}else{newObj[key]=obj[key];}}}newObj["default"]=obj;if(cache){cache.set(obj,newObj);}return newObj;}var RadioMark=_styledComponents["default"].View(function(_ref){var radiogroup=_ref.theme.yoga.components.radiogroup,small=_ref.small,checked=_ref.checked;return"\n  align-items: center;\n  justify-content: center;\n\n  height: "+(small?radiogroup.button.height.small:radiogroup.button.height.normal)+"px;\n  padding-left: "+radiogroup.button.padding.left+"px;\n  padding-right: "+radiogroup.button.padding.right+"px;\n\n  background-color: "+radiogroup.button.backgroundColor+";\n  border-radius: "+radiogroup.button.border.radius+"px;\n\n  font-size: "+radiogroup.font.size+"px;\n\n  "+(checked?"\n          background-color: "+radiogroup.checked.backgroundColor+";\n        ":"")+"\n";});var Text=_styledComponents["default"].Text(function(_ref2){var _ref2$theme$yoga=_ref2.theme.yoga,baseFont=_ref2$theme$yoga.baseFont,radiogroup=_ref2$theme$yoga.components.radiogroup,checked=_ref2.checked;return"\n    font-family: "+baseFont.family+";\n    color: "+radiogroup.font.color+";\n\n    "+(checked?"\n          color: "+radiogroup.checked.font.color+";\n          font-weight: "+radiogroup.checked.font.weight+";\n        ":'')+"\n    ";});var RadioGroupButton=function RadioGroupButton(_ref3){var value=_ref3.value,children=_ref3.children,rest=(0,_objectWithoutProperties2["default"])(_ref3,_excluded);var _useContext=(0,_react.useContext)(_RadioGroupContext["default"]),onChange=_useContext.onChange,small=_useContext.small,selectedValue=_useContext.selectedValue,context=(0,_objectWithoutProperties2["default"])(_useContext,_excluded2);var inputValue=value||children;var checked=inputValue===selectedValue;return _react["default"].createElement(_reactNative.TouchableWithoutFeedback,(0,_extends2["default"])({onPress:function onPress(){onChange({value:inputValue});}},context),_react["default"].createElement(RadioMark,(0,_extends2["default"])({small:small,checked:checked},rest),_react["default"].createElement(Text,{checked:checked},children)));};RadioGroupButton.displayName='RadioGroup.Button';RadioGroupButton.propTypes={value:(0,_propTypes.oneOfType)([_propTypes.string,_propTypes.number]),children:_propTypes.node.isRequired};RadioGroupButton.defaultProps={value:''};var _default=RadioGroupButton;exports["default"]=_default;
+var _interopRequireDefault=require("@babel/runtime/helpers/interopRequireDefault");Object.defineProperty(exports,"__esModule",{value:true});exports["default"]=void 0;var _extends2=_interopRequireDefault(require("@babel/runtime/helpers/extends"));var _objectWithoutProperties2=_interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));var _react=_interopRequireWildcard(require("react"));var _propTypes=require("prop-types");var _reactNative=require("react-native");var _styledComponents=_interopRequireDefault(require("styled-components"));var _RadioGroupContext=_interopRequireDefault(require("../../RadioGroupContext"));var _excluded=["value","children"],_excluded2=["onChange","small","selectedValue"];function _getRequireWildcardCache(nodeInterop){if(typeof WeakMap!=="function")return null;var cacheBabelInterop=new WeakMap();var cacheNodeInterop=new WeakMap();return(_getRequireWildcardCache=function _getRequireWildcardCache(nodeInterop){return nodeInterop?cacheNodeInterop:cacheBabelInterop;})(nodeInterop);}function _interopRequireWildcard(obj,nodeInterop){if(!nodeInterop&&obj&&obj.__esModule){return obj;}if(obj===null||typeof obj!=="object"&&typeof obj!=="function"){return{"default":obj};}var cache=_getRequireWildcardCache(nodeInterop);if(cache&&cache.has(obj)){return cache.get(obj);}var newObj={};var hasPropertyDescriptor=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var key in obj){if(key!=="default"&&Object.prototype.hasOwnProperty.call(obj,key)){var desc=hasPropertyDescriptor?Object.getOwnPropertyDescriptor(obj,key):null;if(desc&&(desc.get||desc.set)){Object.defineProperty(newObj,key,desc);}else{newObj[key]=obj[key];}}}newObj["default"]=obj;if(cache){cache.set(obj,newObj);}return newObj;}var RadioMark=_styledComponents["default"].View(function(_ref){var radiogroup=_ref.theme.yoga.components.radiogroup,small=_ref.small,checked=_ref.checked;return"\n  align-items: center;\n  justify-content: center;\n\n  height: "+(small?radiogroup.button.height.small:radiogroup.button.height.normal)+"px;\n  padding-left: "+radiogroup.button.padding.left+"px;\n  padding-right: "+radiogroup.button.padding.right+"px;\n\n  background-color: "+radiogroup.button.backgroundColor+";\n  border-radius: "+radiogroup.button.border.radius+"px;\n\n  font-size: "+radiogroup.font.size+"px;\n\n  "+(checked?"\n          background-color: "+radiogroup.checked.backgroundColor+";\n        ":"")+"\n";});var Text=_styledComponents["default"].Text(function(_ref2){var _ref2$theme$yoga=_ref2.theme.yoga,baseFont=_ref2$theme$yoga.baseFont,radiogroup=_ref2$theme$yoga.components.radiogroup,checked=_ref2.checked;return"\n    font-family: "+baseFont.family+";\n    color: "+radiogroup.font.color+";\n\n    "+(checked?"\n          color: "+radiogroup.checked.font.color+";\n          font-weight: "+radiogroup.checked.font.weight+";\n        ":'')+"\n    ";});var RadioGroupButton=_react["default"].forwardRef(function(_ref3,ref){var value=_ref3.value,children=_ref3.children,rest=(0,_objectWithoutProperties2["default"])(_ref3,_excluded);var _useContext=(0,_react.useContext)(_RadioGroupContext["default"]),onChange=_useContext.onChange,small=_useContext.small,selectedValue=_useContext.selectedValue,context=(0,_objectWithoutProperties2["default"])(_useContext,_excluded2);var inputValue=value||children;var checked=inputValue===selectedValue;return _react["default"].createElement(_reactNative.TouchableWithoutFeedback,(0,_extends2["default"])({onPress:function onPress(){onChange({value:inputValue});}},context),_react["default"].createElement(RadioMark,(0,_extends2["default"])({small:small,checked:checked,ref:ref},rest),_react["default"].createElement(Text,{checked:checked},children)));});RadioGroupButton.displayName='RadioGroup.Button';RadioGroupButton.propTypes={value:(0,_propTypes.oneOfType)([_propTypes.string,_propTypes.number]),children:_propTypes.node.isRequired};RadioGroupButton.defaultProps={value:''};var _default=RadioGroupButton;exports["default"]=_default;

package/cjs/RadioGroup/native/Radio/Radio.js

@@ -1 +1 @@
-var _interopRequireDefault=require("@babel/runtime/helpers/interopRequireDefault");Object.defineProperty(exports,"__esModule",{value:true});exports["default"]=void 0;var _extends2=_interopRequireDefault(require("@babel/runtime/helpers/extends"));var _slicedToArray2=_interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));var _objectWithoutProperties2=_interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));var _react=_interopRequireWildcard(require("react"));var _styledComponents=_interopRequireDefault(require("styled-components"));var _propTypes=require("prop-types");var _reactNative=require("react-native");var _yogaCommon=require("@gympass/yoga-common");var _RadioGroupContext=_interopRequireDefault(require("../../RadioGroupContext"));var _excluded=["value","disabled"],_excluded2=["onChange","small","selectedValue"];function _getRequireWildcardCache(nodeInterop){if(typeof WeakMap!=="function")return null;var cacheBabelInterop=new WeakMap();var cacheNodeInterop=new WeakMap();return(_getRequireWildcardCache=function _getRequireWildcardCache(nodeInterop){return nodeInterop?cacheNodeInterop:cacheBabelInterop;})(nodeInterop);}function _interopRequireWildcard(obj,nodeInterop){if(!nodeInterop&&obj&&obj.__esModule){return obj;}if(obj===null||typeof obj!=="object"&&typeof obj!=="function"){return{"default":obj};}var cache=_getRequireWildcardCache(nodeInterop);if(cache&&cache.has(obj)){return cache.get(obj);}var newObj={};var hasPropertyDescriptor=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var key in obj){if(key!=="default"&&Object.prototype.hasOwnProperty.call(obj,key)){var desc=hasPropertyDescriptor?Object.getOwnPropertyDescriptor(obj,key):null;if(desc&&(desc.get||desc.set)){Object.defineProperty(newObj,key,desc);}else{newObj[key]=obj[key];}}}newObj["default"]=obj;if(cache){cache.set(obj,newObj);}return newObj;}var RadioMark=_styledComponents["default"].View(function(_ref){var _ref$theme$yoga=_ref.theme.yoga,white=_ref$theme$yoga.colors.white,radiogroup=_ref$theme$yoga.components.radiogroup,checked=_ref.checked,disabled=_ref.disabled,pressed=_ref.pressed;return"\n  justify-content: center;\n  align-items: center;\n  \n  height: "+radiogroup.radio.size+"px;\n  width: "+radiogroup.radio.size+"px;\n\n  background-color: "+(pressed?(0,_yogaCommon.hexToRgb)(radiogroup.hover.backgroundColor,0.75):white)+";\n\n  border-width: "+radiogroup.radio.size*0.1+"px;\n  border-style: solid;\n  border-color: "+radiogroup.radio.backgroundColor+";\n  border-radius: "+radiogroup.radio.border.radius+"px;\n\n  "+(checked?"\n          border-color: "+radiogroup.checked.backgroundColor+";\n          background-color: "+(pressed?(0,_yogaCommon.hexToRgb)(radiogroup.checked.hover.backgroundColor,0.75):white)+"\n        ":"")+"\n\n  "+(disabled?"\n          border-color: "+radiogroup.disabled.backgroundColor+";\n        ":"")+"\n";});var Dot=_styledComponents["default"].View(function(_ref2){var radiogroup=_ref2.theme.yoga.components.radiogroup,checked=_ref2.checked,disabled=_ref2.disabled;return"\n  height: "+radiogroup.radio.size*0.5+"px;\n  width: "+radiogroup.radio.size*0.5+"px;\n\n  background-color: "+radiogroup.radio.backgroundColor+";\n  border-radius: "+radiogroup.radio.border.radius+"px;\n\n  "+(checked?"\n          background-color: "+radiogroup.checked.backgroundColor+";\n        ":"")+"\n\n  "+(disabled?"\n          background-color: "+radiogroup.disabled.backgroundColor+";\n        ":"")+"\n";});var Shadow=_styledComponents["default"].View(function(_ref3){var checked=_ref3.checked,radiogroup=_ref3.theme.yoga.components.radiogroup;return"\n  position: absolute;\n  height: "+(radiogroup.radio.size+radiogroup.radio.size*0.4*2)+"px;\n  width: "+(radiogroup.radio.size+radiogroup.radio.size*0.4*2)+"px;\n\n  border-width: "+radiogroup.radio.size*0.4+"px;\n  border-style: solid;\n  border-color: "+(checked?(0,_yogaCommon.hexToRgb)(radiogroup.checked.hover.backgroundColor,0.75):(0,_yogaCommon.hexToRgb)(radiogroup.hover.backgroundColor,0.75))+";\n  border-radius: "+radiogroup.radio.border.radius+"px;\n\n  opacity: 0.75;\n";});var RadioGroupRadio=function RadioGroupRadio(_ref4){var value=_ref4.value,disabled=_ref4.disabled,rest=(0,_objectWithoutProperties2["default"])(_ref4,_excluded);var _useContext=(0,_react.useContext)(_RadioGroupContext["default"]),onChange=_useContext.onChange,small=_useContext.small,selectedValue=_useContext.selectedValue,context=(0,_objectWithoutProperties2["default"])(_useContext,_excluded2);var _useState=(0,_react.useState)(false),_useState2=(0,_slicedToArray2["default"])(_useState,2),pressing=_useState2[0],togglePressing=_useState2[1];var inputValue=value;var checked=inputValue===selectedValue;return _react["default"].createElement(_reactNative.TouchableWithoutFeedback,(0,_extends2["default"])({onPressIn:function onPressIn(){togglePressing(true);},onPress:function onPress(){onChange({value:inputValue});},onPressOut:function onPressOut(){togglePressing(false);},disabled:disabled},context),_react["default"].createElement(RadioMark,(0,_extends2["default"])({checked:checked,disabled:disabled,pressed:pressing},rest),checked&&_react["default"].createElement(Dot,{checked:checked,disabled:disabled}),pressing&&_react["default"].createElement(Shadow,{checked:checked})));};RadioGroupRadio.displayName='RadioGroup.Radio';RadioGroupRadio.propTypes={disabled:_propTypes.bool,value:(0,_propTypes.oneOfType)([_propTypes.string,_propTypes.number])};RadioGroupRadio.defaultProps={disabled:false,value:''};var _default=RadioGroupRadio;exports["default"]=_default;
+var _interopRequireDefault=require("@babel/runtime/helpers/interopRequireDefault");Object.defineProperty(exports,"__esModule",{value:true});exports["default"]=void 0;var _extends2=_interopRequireDefault(require("@babel/runtime/helpers/extends"));var _slicedToArray2=_interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));var _objectWithoutProperties2=_interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));var _react=_interopRequireWildcard(require("react"));var _styledComponents=_interopRequireDefault(require("styled-components"));var _propTypes=require("prop-types");var _reactNative=require("react-native");var _yogaCommon=require("@gympass/yoga-common");var _RadioGroupContext=_interopRequireDefault(require("../../RadioGroupContext"));var _excluded=["value","disabled"],_excluded2=["onChange","small","selectedValue"];function _getRequireWildcardCache(nodeInterop){if(typeof WeakMap!=="function")return null;var cacheBabelInterop=new WeakMap();var cacheNodeInterop=new WeakMap();return(_getRequireWildcardCache=function _getRequireWildcardCache(nodeInterop){return nodeInterop?cacheNodeInterop:cacheBabelInterop;})(nodeInterop);}function _interopRequireWildcard(obj,nodeInterop){if(!nodeInterop&&obj&&obj.__esModule){return obj;}if(obj===null||typeof obj!=="object"&&typeof obj!=="function"){return{"default":obj};}var cache=_getRequireWildcardCache(nodeInterop);if(cache&&cache.has(obj)){return cache.get(obj);}var newObj={};var hasPropertyDescriptor=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var key in obj){if(key!=="default"&&Object.prototype.hasOwnProperty.call(obj,key)){var desc=hasPropertyDescriptor?Object.getOwnPropertyDescriptor(obj,key):null;if(desc&&(desc.get||desc.set)){Object.defineProperty(newObj,key,desc);}else{newObj[key]=obj[key];}}}newObj["default"]=obj;if(cache){cache.set(obj,newObj);}return newObj;}var RadioMark=_styledComponents["default"].View(function(_ref){var _ref$theme$yoga=_ref.theme.yoga,white=_ref$theme$yoga.colors.white,radiogroup=_ref$theme$yoga.components.radiogroup,checked=_ref.checked,disabled=_ref.disabled,pressed=_ref.pressed;return"\n  justify-content: center;\n  align-items: center;\n  \n  height: "+radiogroup.radio.size+"px;\n  width: "+radiogroup.radio.size+"px;\n\n  background-color: "+(pressed?(0,_yogaCommon.hexToRgb)(radiogroup.hover.backgroundColor,0.75):white)+";\n\n  border-width: "+radiogroup.radio.size*0.1+"px;\n  border-style: solid;\n  border-color: "+radiogroup.radio.backgroundColor+";\n  border-radius: "+radiogroup.radio.border.radius+"px;\n\n  "+(checked?"\n          border-color: "+radiogroup.checked.backgroundColor+";\n          background-color: "+(pressed?(0,_yogaCommon.hexToRgb)(radiogroup.checked.hover.backgroundColor,0.75):white)+"\n        ":"")+"\n\n  "+(disabled?"\n          border-color: "+radiogroup.disabled.backgroundColor+";\n        ":"")+"\n";});var Dot=_styledComponents["default"].View(function(_ref2){var radiogroup=_ref2.theme.yoga.components.radiogroup,checked=_ref2.checked,disabled=_ref2.disabled;return"\n  height: "+radiogroup.radio.size*0.5+"px;\n  width: "+radiogroup.radio.size*0.5+"px;\n\n  background-color: "+radiogroup.radio.backgroundColor+";\n  border-radius: "+radiogroup.radio.border.radius+"px;\n\n  "+(checked?"\n          background-color: "+radiogroup.checked.backgroundColor+";\n        ":"")+"\n\n  "+(disabled?"\n          background-color: "+radiogroup.disabled.backgroundColor+";\n        ":"")+"\n";});var Shadow=_styledComponents["default"].View(function(_ref3){var checked=_ref3.checked,radiogroup=_ref3.theme.yoga.components.radiogroup;return"\n  position: absolute;\n  height: "+(radiogroup.radio.size+radiogroup.radio.size*0.4*2)+"px;\n  width: "+(radiogroup.radio.size+radiogroup.radio.size*0.4*2)+"px;\n\n  border-width: "+radiogroup.radio.size*0.4+"px;\n  border-style: solid;\n  border-color: "+(checked?(0,_yogaCommon.hexToRgb)(radiogroup.checked.hover.backgroundColor,0.75):(0,_yogaCommon.hexToRgb)(radiogroup.hover.backgroundColor,0.75))+";\n  border-radius: "+radiogroup.radio.border.radius+"px;\n\n  opacity: 0.75;\n";});var RadioGroupRadio=_react["default"].forwardRef(function(_ref4,ref){var value=_ref4.value,disabled=_ref4.disabled,rest=(0,_objectWithoutProperties2["default"])(_ref4,_excluded);var _useContext=(0,_react.useContext)(_RadioGroupContext["default"]),onChange=_useContext.onChange,small=_useContext.small,selectedValue=_useContext.selectedValue,context=(0,_objectWithoutProperties2["default"])(_useContext,_excluded2);var _useState=(0,_react.useState)(false),_useState2=(0,_slicedToArray2["default"])(_useState,2),pressing=_useState2[0],togglePressing=_useState2[1];var inputValue=value;var checked=inputValue===selectedValue;return _react["default"].createElement(_reactNative.TouchableWithoutFeedback,(0,_extends2["default"])({onPressIn:function onPressIn(){togglePressing(true);},onPress:function onPress(){onChange({value:inputValue});},onPressOut:function onPressOut(){togglePressing(false);},disabled:disabled},context),_react["default"].createElement(RadioMark,(0,_extends2["default"])({checked:checked,disabled:disabled,pressed:pressing,ref:ref},rest),checked&&_react["default"].createElement(Dot,{checked:checked,disabled:disabled}),pressing&&_react["default"].createElement(Shadow,{checked:checked})));});RadioGroupRadio.displayName='RadioGroup.Radio';RadioGroupRadio.propTypes={disabled:_propTypes.bool,value:(0,_propTypes.oneOfType)([_propTypes.string,_propTypes.number])};RadioGroupRadio.defaultProps={disabled:false,value:''};var _default=RadioGroupRadio;exports["default"]=_default;

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

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

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

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

package/cjs/Snackbar/web/Snackbar.js

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

package/cjs/Theme/theme/theme.js

@@ -31,6 +31,8 @@ var _DividerTheme = _interopRequireDefault(require("./../../Divider/Divider.them
 
 var _DropdownTheme = _interopRequireDefault(require("./../../Dropdown/Dropdown.theme.js"));
 
+var _FeedbackTheme = _interopRequireDefault(require("./../../Feedback/Feedback.theme.js"));
+
 var _GridTheme = _interopRequireDefault(require("./../../Grid/Grid.theme.js"));
 
 var _HeaderTheme = _interopRequireDefault(require("./../../Header/Header.theme.js"));
@@ -81,6 +83,7 @@ var componentThemes = {
   Dialog$Dialog: _DialogTheme["default"],
   Divider$Divider: _DividerTheme["default"],
   Dropdown$Dropdown: _DropdownTheme["default"],
+  Feedback$Feedback: _FeedbackTheme["default"],
   Grid$Grid: _GridTheme["default"],
   Header$Header: _HeaderTheme["default"],
   Heading$Heading: _HeadingTheme["default"],

package/cjs/index.js

@@ -123,6 +123,10 @@ var _Heading = _interopRequireDefault(require("./Heading"));
 
 exports.Heading = _Heading["default"];
 
+var _Feedback = _interopRequireDefault(require("./Feedback"));
+
+exports.Feedback = _Feedback["default"];
+
 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); }

package/esm/AutoComplete/web/AutoComplete.js

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

package/esm/Banner/web/Banner.js

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

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

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

package/esm/Chips/web/Chips.js

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

package/esm/Dialog/web/Footer.js

@@ -7,8 +7,8 @@ var Footer = function Footer(props) {
   return /*#__PURE__*/React.createElement(Box, _extends({
     as: "footer",
     d: "flex",
-    gap: "large",
-    ml: "auto"
+    justifyContent: "center",
+    gap: "large"
   }, props));
 };
 

package/esm/Divider/web/Divider.js

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

package/esm/Dropdown/web/Dropdown.js

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

package/esm/Feedback/Feedback.theme.js

@@ -0,0 +1,9 @@
+var Feedback = function Feedback() {
+  return {
+    text: {
+      maxWidth: 520
+    }
+  };
+};
+
+export default Feedback;

package/esm/Feedback/index.js

@@ -0,0 +1,2 @@
+import Feedback from './web';
+export default Feedback;