@gympass/yoga 7.35.1 → 7.37.1

package/esm/Feedback/web/Feedback.js

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

package/esm/Feedback/web/StyledFeedback.js

@@ -0,0 +1,34 @@
+var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _templateObject10, _templateObject11;
+
+function _taggedTemplateLiteralLoose(strings, raw) { if (!raw) { raw = strings.slice(0); } strings.raw = raw; return strings; }
+
+import styled, { css } from 'styled-components';
+import Box from '../../Box';
+import Button from '../../Button';
+import Text from '../../Text';
+export var Content = styled.div(_templateObject || (_templateObject = _taggedTemplateLiteralLoose(["\n  @media (min-width: 769px) {\n    margin: auto;\n  }\n"])));
+export var TextContainer = styled.div(_templateObject2 || (_templateObject2 = _taggedTemplateLiteralLoose(["\n  ", "}\n"])), function (_ref) {
+  var feedback = _ref.theme.yoga.components.feedback;
+  return css(_templateObject3 || (_templateObject3 = _taggedTemplateLiteralLoose(["\n      max-width: ", "px;\n    "])), feedback.text.maxWidth);
+});
+export var Title = styled(Text.H4).attrs(function () {
+  return {
+    as: 'p'
+  };
+})(_templateObject4 || (_templateObject4 = _taggedTemplateLiteralLoose(["\n  ", "}\n"])), function (_ref2) {
+  var fontSizes = _ref2.theme.yoga.fontSizes;
+  return css(_templateObject5 || (_templateObject5 = _taggedTemplateLiteralLoose(["\n      @media (min-width: 769px) {\n        font-size: ", "px;\n        line-height: ", "px;\n      }\n    "])), fontSizes.huge, fontSizes.huge);
+});
+export var Actions = styled(Box)(_templateObject6 || (_templateObject6 = _taggedTemplateLiteralLoose(["\n  ", "}\n"])), function (_ref3) {
+  var spacing = _ref3.theme.yoga.spacing;
+  return css(_templateObject7 || (_templateObject7 = _taggedTemplateLiteralLoose(["\n      display: flex;\n      flex-direction: column;\n\n      @media (min-width: 769px) {\n        flex-direction: row;\n        margin-top: ", "px;\n      }\n    "])), spacing.xxlarge);
+});
+var buttonsStyles = css(_templateObject8 || (_templateObject8 = _taggedTemplateLiteralLoose(["\n  ", "}\n"])), function (_ref4) {
+  var spacing = _ref4.theme.yoga.spacing;
+  return css(_templateObject9 || (_templateObject9 = _taggedTemplateLiteralLoose(["\n      width: 100%;\n\n      :last-child(:not(:first-child)) {\n        margin-top: ", "px;\n      }\n\n      @media (min-width: 769px) {\n        width: auto;\n\n        :last-child(:not(:first-child)) {\n          margin-top: 0;\n          margin-left: ", "px;\n        }\n      }\n    "])), spacing.small, spacing.large);
+});
+export var PrimaryButton = styled(Button)(_templateObject10 || (_templateObject10 = _taggedTemplateLiteralLoose(["\n  ", "\n"])), buttonsStyles);
+export var SecondaryButton = styled(Button.Text)(_templateObject11 || (_templateObject11 = _taggedTemplateLiteralLoose(["\n  ", "\n"])), buttonsStyles);
+Title.displayName = 'Feedback.Title';
+PrimaryButton.displayName = 'Feedback.PrimaryButton';
+SecondaryButton.displayName = 'Feedback.SecondaryButton';

package/esm/Feedback/web/index.js

@@ -0,0 +1,6 @@
+import Feedback from './Feedback';
+import { Title, PrimaryButton, SecondaryButton } from './StyledFeedback';
+Feedback.Title = Title;
+Feedback.PrimaryButton = PrimaryButton;
+Feedback.SecondaryButton = SecondaryButton;
+export default Feedback;

package/esm/Input/web/Email.js

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

package/esm/Input/web/Field.js

@@ -21,6 +21,6 @@ var Field = styled.input(_templateObject2 || (_templateObject2 = _taggedTemplate
       colors = _ref2$theme$yoga.colors,
       baseFont = _ref2$theme$yoga.baseFont,
       input = _ref2$theme$yoga.components.input;
-  return css(_templateObject3 || (_templateObject3 = _taggedTemplateLiteralLoose(["\n    height: ", "px;\n    padding-top: ", "px;\n    padding-right: ", "px;\n    padding-bottom: ", "px;\n    padding-left: ", "px;\n\n    color: ", ";\n    font-family: ", ", sans-serif;\n    font-size: ", "px;\n    font-weight: ", ";\n\n    &:focus {\n      color: ", ";\n\n      & ~ legend {\n        max-width: max-content;\n        transition-property: max-width;\n        transition-duration: ", "ms;\n      }\n\n      & ~ label {\n        ", "\n\n        font-weight: ", ";\n        color: ", ";\n\n      }\n\n      &::placeholder {\n        color: ", ";\n      }\n    }\n\n    &:disabled {\n      cursor: not-allowed;\n      color: ", ";\n    }\n\n    ", "\n\n    ", "\n  "])), input.height, input.padding.top, cleanable ? ICON_SIZE + input.padding.right * 2 : 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, transition.duration[1], labelTransition, input.label.font.weight, error ? "" + colors.feedback.attention[1] : "" + colors.text.primary, input.label.color["default"], colors.text.disabled, placeholder && label ? css(_templateObject4 || (_templateObject4 = _taggedTemplateLiteralLoose(["\n            &::placeholder {\n              color: transparent;\n            }\n          "]))) : css(_templateObject5 || (_templateObject5 = _taggedTemplateLiteralLoose(["\n            &::placeholder {\n              color: ", ";\n            }\n          "])), input.label.color["default"]), value && css(_templateObject6 || (_templateObject6 = _taggedTemplateLiteralLoose(["\n        & ~ legend {\n          max-width: max-content;\n        }\n\n        & ~ label {\n          color: ", ";\n          ", "\n        }\n      "])), error ? "" + colors.feedback.attention[1] : '', labelTransition));
+  return css(_templateObject3 || (_templateObject3 = _taggedTemplateLiteralLoose(["\n    height: ", "px;\n    padding-top: ", "px;\n    padding-right: ", "px;\n    padding-bottom: ", "px;\n    padding-left: ", "px;\n\n    color: ", ";\n    font-family: ", ", sans-serif;\n    font-size: ", "px;\n    font-weight: ", ";\n\n    &:focus {\n      color: ", ";\n\n      & ~ legend {\n        max-width: max-content;\n        transition-property: max-width;\n        transition-duration: ", "ms;\n      }\n\n      & ~ label {\n        ", "\n\n        font-weight: ", ";\n        color: ", ";\n      }\n\n      &::placeholder {\n        color: ", ";\n      }\n    }\n\n    &:disabled {\n      cursor: not-allowed;\n      color: ", ";\n    }\n\n    ", "\n\n    ", "\n  "])), input.height, input.padding.top, cleanable ? ICON_SIZE + input.padding.right * 2 : 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, transition.duration[1], labelTransition, input.label.font.weight, error ? "" + colors.feedback.attention[1] : "" + colors.text.primary, input.label.color["default"], colors.text.disabled, placeholder && label ? css(_templateObject4 || (_templateObject4 = _taggedTemplateLiteralLoose(["\n          &::placeholder {\n            color: transparent;\n          }\n        "]))) : css(_templateObject5 || (_templateObject5 = _taggedTemplateLiteralLoose(["\n          &::placeholder {\n            color: ", ";\n          }\n        "])), input.label.color["default"]), value && css(_templateObject6 || (_templateObject6 = _taggedTemplateLiteralLoose(["\n      & ~ legend {\n        max-width: max-content;\n      }\n\n      & ~ label {\n        color: ", ";\n        ", "\n      }\n    "])), error ? "" + colors.feedback.attention[1] : '', labelTransition));
 });
 export default Field;

package/esm/Input/web/Legend.js

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

package/esm/Input/web/Number.js

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

package/esm/Input/web/Tel.js

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

package/esm/List/web/List.js

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

package/esm/Progress/web/Progress.js

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

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

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

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

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

package/esm/Snackbar/web/Snackbar.js

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

package/esm/Text/sharedTextStyle.js

@@ -6,7 +6,7 @@ import { css } from 'styled-components';
 
 var textStyle = function textStyle(type) {
   return function () {
-    return css(_templateObject || (_templateObject = _taggedTemplateLiteralLoose(["\n  ", "\n"])), function (_ref) {
+    return css(_templateObject || (_templateObject = _taggedTemplateLiteralLoose(["\n    ", "\n  "])), function (_ref) {
       var light = _ref.light,
           variant = _ref.variant,
           inverted = _ref.inverted,

package/esm/Text/textStyle.android.js

@@ -7,7 +7,7 @@ import defaultStyle from './sharedTextStyle';
 
 var textStyle = function textStyle(type) {
   return function () {
-    return css(_templateObject || (_templateObject = _taggedTemplateLiteralLoose(["\n  ", ";\n  ", "\n"])), defaultStyle(type), function (_ref) {
+    return css(_templateObject || (_templateObject = _taggedTemplateLiteralLoose(["\n    ", ";\n    ", "\n  "])), defaultStyle(type), function (_ref) {
       var light = _ref.light,
           _ref$theme$yoga = _ref.theme.yoga,
           baseFont = _ref$theme$yoga.baseFont,

package/esm/Text/textStyle.ios.js

@@ -7,7 +7,7 @@ import defaultStyle from './sharedTextStyle';
 
 var textStyle = function textStyle(type) {
   return function () {
-    return css(_templateObject || (_templateObject = _taggedTemplateLiteralLoose(["\n  ", ";\n"])), defaultStyle(type));
+    return css(_templateObject || (_templateObject = _taggedTemplateLiteralLoose(["\n    ", ";\n  "])), defaultStyle(type));
   };
 };
 

package/esm/Text/textStyle.web.js

@@ -7,7 +7,7 @@ import defaultStyle from './sharedTextStyle';
 
 var textStyle = function textStyle(type) {
   return function () {
-    return css(_templateObject || (_templateObject = _taggedTemplateLiteralLoose(["\n  ", ";\n  ", "\n"])), defaultStyle(type), function (_ref) {
+    return css(_templateObject || (_templateObject = _taggedTemplateLiteralLoose(["\n    ", ";\n    ", "\n  "])), defaultStyle(type), function (_ref) {
       var numberOfLines = _ref.numberOfLines;
       return "\n    " + (numberOfLines ? "\n        display: -webkit-box;\n        -webkit-box-orient: vertical;\n        -webkit-line-clamp: " + numberOfLines + ";\n        overflow: hidden;\n      " : '') + "\n  ";
     });

package/esm/Theme/theme/theme.js

@@ -15,6 +15,7 @@ import _componentThemes_Checkbox$CheckboxSwitch from "./../../Checkbox/CheckboxS
 import _componentThemes_Dialog$Dialog from "./../../Dialog/Dialog.theme.js";
 import _componentThemes_Divider$Divider from "./../../Divider/Divider.theme.js";
 import _componentThemes_Dropdown$Dropdown from "./../../Dropdown/Dropdown.theme.js";
+import _componentThemes_Feedback$Feedback from "./../../Feedback/Feedback.theme.js";
 import _componentThemes_Grid$Grid from "./../../Grid/Grid.theme.js";
 import _componentThemes_Header$Header from "./../../Header/Header.theme.js";
 import _componentThemes_Heading$Heading from "./../../Heading/Heading.theme.js";
@@ -45,6 +46,7 @@ var componentThemes = {
   Dialog$Dialog: _componentThemes_Dialog$Dialog,
   Divider$Divider: _componentThemes_Divider$Divider,
   Dropdown$Dropdown: _componentThemes_Dropdown$Dropdown,
+  Feedback$Feedback: _componentThemes_Feedback$Feedback,
   Grid$Grid: _componentThemes_Grid$Grid,
   Header$Header: _componentThemes_Header$Header,
   Heading$Heading: _componentThemes_Heading$Heading,

package/esm/index.js

@@ -26,4 +26,5 @@ import Divider from './Divider';
 import Header from './Header';
 import Banner from './Banner';
 import Heading from './Heading';
-export { ThemeProvider, FontLoader, createTheme, yogaTheme, theme, Button, List, Checkbox, RadioGroup, Slider, Card, PlanCard, Stepper, Container, Row, Col, Hide, Text, Rating, EventCard, Tag, Input, Progress, Dropdown, TextArea, AutoComplete, Icon, Chips, Box, Snackbar, Avatar, BottomSheet, Dialog, Divider, Header, Banner, Heading };
+import Feedback from './Feedback';
+export { ThemeProvider, FontLoader, createTheme, yogaTheme, theme, Button, List, Checkbox, RadioGroup, Slider, Card, PlanCard, Stepper, Container, Row, Col, Hide, Text, Rating, EventCard, Tag, Input, Progress, Dropdown, TextArea, AutoComplete, Icon, Chips, Box, Snackbar, Avatar, BottomSheet, Dialog, Divider, Header, Banner, Heading, Feedback };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@gympass/yoga",
-  "version": "7.35.1",
+  "version": "7.37.1",
   "description": "Gympass component library",
   "main": "./cjs",
   "sideEffects": false,
@@ -26,10 +26,10 @@
   },
   "dependencies": {
     "@gympass/yoga-common": "^1.1.0",
-    "@gympass/yoga-helpers": "^1.0.1",
+    "@gympass/yoga-helpers": "^1.0.2",
     "@gympass/yoga-icons": "^1.4.2",
-    "@gympass/yoga-system": "^0.10.0",
-    "@gympass/yoga-tokens": "^3.1.2",
+    "@gympass/yoga-system": "^0.10.1",
+    "@gympass/yoga-tokens": "^3.1.3",
     "@ptomasroos/react-native-multi-slider": "^1.0.0",
     "downshift": "^5.0.0",
     "lodash.get": "^4.4.2",
@@ -49,7 +49,7 @@
     "react": ">=16",
     "styled-components": "^4.4.0"
   },
-  "gitHead": "376ecd1c6fa5fe38ccac039ba58c9a1b8742b696",
+  "gitHead": "e2f029c16e7167d1a8d4f69f2a576d81e559ef8c",
   "module": "./esm",
   "private": false,
   "react-native": "./cjs/index.native.js"