@gympass/yoga 7.70.0 → 7.70.2

package/cjs/Heading/web/Title.js

@@ -27,7 +27,7 @@ var Title = function Title(_ref) {
     w: "100%",
     textAlign: "center"
   }, /*#__PURE__*/_react["default"].createElement(_Text["default"].Medium, _extends({}, props, {
-    size: "small",
+    fontSize: "small",
     as: "h1"
   }), children));
 };

package/cjs/Text/native/Text.js

@@ -1 +1 @@
-var _interopRequireDefault=require("@babel/runtime/helpers/interopRequireDefault");Object.defineProperty(exports,"__esModule",{value:true});exports.Tiny=exports.Text=exports.SmallestException=exports.Small=exports.SectionTitle=exports.Regular=exports.Medium=exports.Light=exports.H5=exports.H4=exports.H3=exports.H2=exports.H1=exports.Bold=exports.Black=void 0;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 _textStyle=_interopRequireDefault(require("../textStyle"));var _shared=require("../../shared");var _templateObject;var styledText=function styledText(type){return _styledComponents["default"].Text(_templateObject||(_templateObject=(0,_taggedTemplateLiteralLoose2["default"])(["\n  ","\n  ","\n"])),(0,_textStyle["default"])(type),_yogaSystem.system);};var H1=styledText('h1');exports.H1=H1;H1.displayName='Text.H1';var H2=styledText('h2');exports.H2=H2;H2.displayName='Text.H2';var H3=styledText('h3');exports.H3=H3;H3.displayName='Text.H3';var H4=styledText('h4');exports.H4=H4;H4.displayName='Text.H4';var H5=styledText('h5');exports.H5=H5;H5.displayName='Text.H5';var Small=styledText('small');exports.Small=Small;Small.displayName='Text.Small';var Tiny=styledText('tiny');exports.Tiny=Tiny;Tiny.displayName='Text.Tiny';var Light=styledText('light');exports.Light=Light;Light.displayName='Text.Light';var Regular=styledText('regular');exports.Regular=Regular;Regular.displayName='Text.Regular';var Medium=styledText('medium');exports.Medium=Medium;Medium.displayName='Text.Medium';var Bold=styledText('bold');exports.Bold=Bold;Bold.displayName='Text.Bold';var Black=styledText('black');exports.Black=Black;Black.displayName='Text.Black';var SectionTitle=styledText('sectionTitle');exports.SectionTitle=SectionTitle;SectionTitle.displayName='Text.SectionTitle';var SmallestException=styledText('smallestException');exports.SmallestException=SmallestException;SmallestException.displayName='Text.SmallestException';var TextRenderer=styledText('p');var Text=function Text(props){return _react["default"].createElement(TextRenderer,props);};exports.Text=Text;Text.displayName='Text';Text.propTypes={inverted:_propTypes.bool,variant:(0,_shared.deprecated)((0,_propTypes.oneOf)(['primary','secondary','vibin','hope','energy','relax','peace','verve','uplift','deepPurple','stamina','deep','medium','light','clear','white']),'Use `color` system prop instead'),size:(0,_shared.deprecated)((0,_propTypes.oneOf)(['xxsmall','xsmall','small','medium','large','xlarge','xxlarge','xxxlarge','huge']),'Use `fontSize` system prop instead'),light:_propTypes.bool};Text.defaultProps={inverted:false,variant:undefined,size:'medium',light:false};
+var _interopRequireDefault=require("@babel/runtime/helpers/interopRequireDefault");Object.defineProperty(exports,"__esModule",{value:true});exports.Tiny=exports.Text=exports.SmallestException=exports.Small=exports.SectionTitle=exports.Regular=exports.Medium=exports.Light=exports.H5=exports.H4=exports.H3=exports.H2=exports.H1=exports.Bold=exports.Black=void 0;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 _textStyle=_interopRequireDefault(require("../textStyle"));var _shared=require("../../shared");var _templateObject;var styledText=function styledText(type){return _styledComponents["default"].Text(_templateObject||(_templateObject=(0,_taggedTemplateLiteralLoose2["default"])(["\n  ","\n  ","\n"])),(0,_textStyle["default"])(type),_yogaSystem.system);};var H1=styledText('h1');exports.H1=H1;H1.displayName='Text.H1';var H2=styledText('h2');exports.H2=H2;H2.displayName='Text.H2';var H3=styledText('h3');exports.H3=H3;H3.displayName='Text.H3';var H4=styledText('h4');exports.H4=H4;H4.displayName='Text.H4';var H5=styledText('h5');exports.H5=H5;H5.displayName='Text.H5';var Small=styledText('small');exports.Small=Small;Small.displayName='Text.Small';var Tiny=styledText('tiny');exports.Tiny=Tiny;Tiny.displayName='Text.Tiny';var Light=styledText('light');exports.Light=Light;Light.displayName='Text.Light';var Regular=styledText('regular');exports.Regular=Regular;Regular.displayName='Text.Regular';var Medium=styledText('medium');exports.Medium=Medium;Medium.displayName='Text.Medium';var Bold=styledText('bold');exports.Bold=Bold;Bold.displayName='Text.Bold';var Black=styledText('black');exports.Black=Black;Black.displayName='Text.Black';var SectionTitle=styledText('sectionTitle');exports.SectionTitle=SectionTitle;SectionTitle.displayName='Text.SectionTitle';var SmallestException=styledText('smallestException');exports.SmallestException=SmallestException;SmallestException.displayName='Text.SmallestException';var TextRenderer=styledText('p');var Text=function Text(props){return _react["default"].createElement(TextRenderer,props);};exports.Text=Text;Text.displayName='Text';var fontSizes=(0,_propTypes.oneOf)(['xxsmall','xsmall','small','medium','large','xlarge','xxlarge','xxxlarge','huge']);Text.propTypes={inverted:_propTypes.bool,variant:(0,_shared.deprecated)((0,_propTypes.oneOf)(['primary','secondary','vibin','hope','energy','relax','peace','verve','uplift','deepPurple','stamina','deep','medium','light','clear','white']),'Use `color` system prop instead'),size:(0,_shared.deprecated)(fontSizes,'Use `fontSize` system prop instead'),light:_propTypes.bool,fontSize:fontSizes};Text.defaultProps={inverted:false,variant:undefined,size:undefined,fontSize:'medium',light:false};

package/cjs/Text/sharedTextStyle.js

@@ -15,12 +15,14 @@ var textStyle = function textStyle(type) {
       var light = _ref.light,
           variant = _ref.variant,
           inverted = _ref.inverted,
+          _ref$fontSize = _ref.fontSize,
+          fontSize = _ref$fontSize === void 0 ? 'medium' : _ref$fontSize,
           _ref$size = _ref.size,
           size = _ref$size === void 0 ? 'medium' : _ref$size,
           _ref$theme$yoga = _ref.theme.yoga,
           baseFont = _ref$theme$yoga.baseFont,
           fontWeights = _ref$theme$yoga.fontWeights,
-          pSize = _ref$theme$yoga.fontSizes[size],
+          pSize = _ref$theme$yoga.fontSizes[size || fontSize],
           _ref$theme$yoga$color = _ref$theme$yoga.colors,
           color = _ref$theme$yoga$color[variant],
           text = _ref$theme$yoga$color.text,

package/cjs/Text/web/Text.js

@@ -80,6 +80,7 @@ var Text = function Text(props) {
 
 exports.Text = Text;
 Text.displayName = 'Text';
+var fontSizes = (0, _propTypes.oneOf)(['xxsmall', 'xsmall', 'small', 'medium', 'large', 'xlarge', 'xxlarge', 'xxxlarge', 'huge']);
 Text.propTypes = {
   inverted: _propTypes.bool,
   numberOfLines: _propTypes.number,
@@ -88,15 +89,17 @@ Text.propTypes = {
   variant: (0, _shared.deprecated)((0, _propTypes.oneOf)(['primary', 'secondary', 'vibin', 'hope', 'energy', 'relax', 'peace', 'verve', 'uplift', 'deepPurple', 'stamina', 'deep', 'medium', 'light', 'clear', 'white']), 'Use `color` system prop instead'),
 
   /** (deprecated: use fontSize instead) style the text following the theme */
-  size: (0, _shared.deprecated)((0, _propTypes.oneOf)(['xxsmall', 'xsmall', 'small', 'medium', 'large', 'xlarge', 'xxlarge', 'xxxlarge', 'huge']), 'Use `fontSize` system prop instead'),
+  size: (0, _shared.deprecated)(fontSizes, 'Use `fontSize` system prop instead'),
 
   /** set the font-weight to regular */
-  light: _propTypes.bool
+  light: _propTypes.bool,
+  fontSize: fontSizes
 };
 Text.defaultProps = {
   inverted: false,
   variant: undefined,
-  size: 'medium',
+  size: undefined,
+  fontSize: 'medium',
   numberOfLines: undefined,
   light: false
 };

package/esm/Heading/web/Title.js

@@ -17,7 +17,7 @@ var Title = function Title(_ref) {
     w: "100%",
     textAlign: "center"
   }, /*#__PURE__*/React.createElement(Text.Medium, _extends({}, props, {
-    size: "small",
+    fontSize: "small",
     as: "h1"
   }), children));
 };

package/esm/Text/native/Text.js

@@ -48,6 +48,7 @@ var Text = function Text(props) {
 };
 
 Text.displayName = 'Text';
+var fontSizes = oneOf(['xxsmall', 'xsmall', 'small', 'medium', 'large', 'xlarge', 'xxlarge', 'xxxlarge', 'huge']);
 Text.propTypes = {
   inverted: bool,
 
@@ -55,15 +56,17 @@ Text.propTypes = {
   variant: deprecated(oneOf(['primary', 'secondary', 'vibin', 'hope', 'energy', 'relax', 'peace', 'verve', 'uplift', 'deepPurple', 'stamina', 'deep', 'medium', 'light', 'clear', 'white']), 'Use `color` system prop instead'),
 
   /** (deprecated: use fontSize instead) style the text following the theme */
-  size: deprecated(oneOf(['xxsmall', 'xsmall', 'small', 'medium', 'large', 'xlarge', 'xxlarge', 'xxxlarge', 'huge']), 'Use `fontSize` system prop instead'),
+  size: deprecated(fontSizes, 'Use `fontSize` system prop instead'),
 
   /** set the font-weight to regular */
-  light: bool
+  light: bool,
+  fontSize: fontSizes
 };
 Text.defaultProps = {
   inverted: false,
   variant: undefined,
-  size: 'medium',
+  size: undefined,
+  fontSize: 'medium',
   light: false
 };
 export { Text, H1, H2, H3, H4, H5, Small, Tiny, Light, Regular, Medium, Bold, Black, SectionTitle, SmallestException };

package/esm/Text/native/Text.test.js

@@ -34,8 +34,22 @@ describe('<Text />', function () {
 
       expect(toJSON()).toMatchSnapshot();
     });
-    it('should match snapshot with Text size', function () {
+    it('should match snapshot with Text fontSize', function () {
       var _render4 = render( /*#__PURE__*/React.createElement(ThemeProvider, null, /*#__PURE__*/React.createElement(Text.Small, {
+        fontSize: "xsmall"
+      }, "Live the small mission"), /*#__PURE__*/React.createElement(Text.Tiny, {
+        fontSize: "medium"
+      }, "Live the medium mission"), /*#__PURE__*/React.createElement(Text.Regular, {
+        fontSize: "xlarge"
+      }, "Live the xlarge mission"), /*#__PURE__*/React.createElement(Text.Medium, {
+        fontSize: "xxxlarge"
+      }, "Live the xxxlarge mission"))),
+          toJSON = _render4.toJSON;
+
+      expect(toJSON()).toMatchSnapshot();
+    });
+    it('should match snapshot with Text size', function () {
+      var _render5 = render( /*#__PURE__*/React.createElement(ThemeProvider, null, /*#__PURE__*/React.createElement(Text.Small, {
         size: "xsmall"
       }, "Live the small mission"), /*#__PURE__*/React.createElement(Text.Tiny, {
         size: "medium"
@@ -44,104 +58,104 @@ describe('<Text />', function () {
       }, "Live the xlarge mission"), /*#__PURE__*/React.createElement(Text.Medium, {
         size: "xxxlarge"
       }, "Live the xxxlarge mission"))),
-          toJSON = _render4.toJSON;
+          toJSON = _render5.toJSON;
 
       expect(toJSON()).toMatchSnapshot();
     });
     it('should match snapshot with inverted Text', function () {
-      var _render5 = render( /*#__PURE__*/React.createElement(ThemeProvider, null, /*#__PURE__*/React.createElement(Text, {
+      var _render6 = render( /*#__PURE__*/React.createElement(ThemeProvider, null, /*#__PURE__*/React.createElement(Text, {
         inverted: true
       }, "Live the mission"))),
-          toJSON = _render5.toJSON;
+          toJSON = _render6.toJSON;
 
       expect(toJSON()).toMatchSnapshot();
     });
     it('should match snapshot with truncated lines Text', function () {
-      var _render6 = render( /*#__PURE__*/React.createElement(ThemeProvider, null, /*#__PURE__*/React.createElement(Text, {
+      var _render7 = render( /*#__PURE__*/React.createElement(ThemeProvider, null, /*#__PURE__*/React.createElement(Text, {
         numberOfLines: 1
       }, "Live the mission", /*#__PURE__*/React.createElement("br", null), "even in one line"))),
-          toJSON = _render6.toJSON;
+          toJSON = _render7.toJSON;
 
       expect(toJSON()).toMatchSnapshot();
     });
     it('should match snapshot with border prop system', function () {
-      var _render7 = render( /*#__PURE__*/React.createElement(ThemeProvider, null, /*#__PURE__*/React.createElement(Text, {
+      var _render8 = render( /*#__PURE__*/React.createElement(ThemeProvider, null, /*#__PURE__*/React.createElement(Text, {
         border: "small",
         bRadius: "small"
       }, "Live the mission"))),
-          toJSON = _render7.toJSON;
+          toJSON = _render8.toJSON;
 
       expect(toJSON()).toMatchSnapshot();
     });
     it('should match snapshot with background color prop system', function () {
-      var _render8 = render( /*#__PURE__*/React.createElement(ThemeProvider, null, /*#__PURE__*/React.createElement(Text, {
+      var _render9 = render( /*#__PURE__*/React.createElement(ThemeProvider, null, /*#__PURE__*/React.createElement(Text, {
         backgroundColor: "vibin"
       }, "Live the mission"))),
-          toJSON = _render8.toJSON;
+          toJSON = _render9.toJSON;
 
       expect(toJSON()).toMatchSnapshot();
     });
     it('should match snapshot with elevation prop system', function () {
-      var _render9 = render( /*#__PURE__*/React.createElement(ThemeProvider, null, /*#__PURE__*/React.createElement(Text, {
+      var _render10 = render( /*#__PURE__*/React.createElement(ThemeProvider, null, /*#__PURE__*/React.createElement(Text, {
         elevation: "medium"
       }, "Live the mission"))),
-          toJSON = _render9.toJSON;
+          toJSON = _render10.toJSON;
 
       expect(toJSON()).toMatchSnapshot();
     });
     it('should match snapshot with spacing prop system', function () {
-      var _render10 = render( /*#__PURE__*/React.createElement(ThemeProvider, null, /*#__PURE__*/React.createElement(Text, {
+      var _render11 = render( /*#__PURE__*/React.createElement(ThemeProvider, null, /*#__PURE__*/React.createElement(Text, {
         m: "medium",
         paddingVertical: "large",
         paddingHorizontal: "small"
       }, "Live the mission"))),
-          toJSON = _render10.toJSON;
+          toJSON = _render11.toJSON;
 
       expect(toJSON()).toMatchSnapshot();
     });
     it('should match snapshot with typography prop system', function () {
-      var _render11 = render( /*#__PURE__*/React.createElement(ThemeProvider, null, /*#__PURE__*/React.createElement(Text, {
+      var _render12 = render( /*#__PURE__*/React.createElement(ThemeProvider, null, /*#__PURE__*/React.createElement(Text, {
         color: "text.primary",
         fontSize: "small",
         fontWeight: "medium",
         lineHeight: "small"
       }, "Live the mission"))),
-          toJSON = _render11.toJSON;
+          toJSON = _render12.toJSON;
 
       expect(toJSON()).toMatchSnapshot();
     });
     it('should match snapshot with display prop system', function () {
-      var _render12 = render( /*#__PURE__*/React.createElement(ThemeProvider, null, /*#__PURE__*/React.createElement(Text, {
+      var _render13 = render( /*#__PURE__*/React.createElement(ThemeProvider, null, /*#__PURE__*/React.createElement(Text, {
         display: "flex"
       }, "Live the mission"))),
-          toJSON = _render12.toJSON;
+          toJSON = _render13.toJSON;
 
       expect(toJSON()).toMatchSnapshot();
     });
     it('should match snapshot with position prop system', function () {
-      var _render13 = render( /*#__PURE__*/React.createElement(ThemeProvider, null, /*#__PURE__*/React.createElement(Text, {
+      var _render14 = render( /*#__PURE__*/React.createElement(ThemeProvider, null, /*#__PURE__*/React.createElement(Text, {
         position: "absolute",
         top: "small",
         left: "small"
       }, "Live the mission"))),
-          toJSON = _render13.toJSON;
+          toJSON = _render14.toJSON;
 
       expect(toJSON()).toMatchSnapshot();
     });
     it('should match snapshot with flexes prop system', function () {
-      var _render14 = render( /*#__PURE__*/React.createElement(ThemeProvider, null, /*#__PURE__*/React.createElement(Text, {
+      var _render15 = render( /*#__PURE__*/React.createElement(ThemeProvider, null, /*#__PURE__*/React.createElement(Text, {
         display: "flex",
         flexGrow: 1
       }, "Live the mission"))),
-          toJSON = _render14.toJSON;
+          toJSON = _render15.toJSON;
 
       expect(toJSON()).toMatchSnapshot();
     });
     it('should match snapshot with overflows prop system', function () {
-      var _render15 = render( /*#__PURE__*/React.createElement(ThemeProvider, null, /*#__PURE__*/React.createElement(Text, {
+      var _render16 = render( /*#__PURE__*/React.createElement(ThemeProvider, null, /*#__PURE__*/React.createElement(Text, {
         overflow: "scroll"
       }, "Live the mission"))),
-          toJSON = _render15.toJSON;
+          toJSON = _render16.toJSON;
 
       expect(toJSON()).toMatchSnapshot();
     });

package/esm/Text/sharedTextStyle.js

@@ -10,12 +10,14 @@ var textStyle = function textStyle(type) {
       var light = _ref.light,
           variant = _ref.variant,
           inverted = _ref.inverted,
+          _ref$fontSize = _ref.fontSize,
+          fontSize = _ref$fontSize === void 0 ? 'medium' : _ref$fontSize,
           _ref$size = _ref.size,
           size = _ref$size === void 0 ? 'medium' : _ref$size,
           _ref$theme$yoga = _ref.theme.yoga,
           baseFont = _ref$theme$yoga.baseFont,
           fontWeights = _ref$theme$yoga.fontWeights,
-          pSize = _ref$theme$yoga.fontSizes[size],
+          pSize = _ref$theme$yoga.fontSizes[size || fontSize],
           _ref$theme$yoga$color = _ref$theme$yoga.colors,
           color = _ref$theme$yoga$color[variant],
           text = _ref$theme$yoga$color.text,

package/esm/Text/web/Text.js

@@ -52,6 +52,7 @@ var Text = function Text(props) {
 };
 
 Text.displayName = 'Text';
+var fontSizes = oneOf(['xxsmall', 'xsmall', 'small', 'medium', 'large', 'xlarge', 'xxlarge', 'xxxlarge', 'huge']);
 Text.propTypes = {
   inverted: bool,
   numberOfLines: number,
@@ -60,15 +61,17 @@ Text.propTypes = {
   variant: deprecated(oneOf(['primary', 'secondary', 'vibin', 'hope', 'energy', 'relax', 'peace', 'verve', 'uplift', 'deepPurple', 'stamina', 'deep', 'medium', 'light', 'clear', 'white']), 'Use `color` system prop instead'),
 
   /** (deprecated: use fontSize instead) style the text following the theme */
-  size: deprecated(oneOf(['xxsmall', 'xsmall', 'small', 'medium', 'large', 'xlarge', 'xxlarge', 'xxxlarge', 'huge']), 'Use `fontSize` system prop instead'),
+  size: deprecated(fontSizes, 'Use `fontSize` system prop instead'),
 
   /** set the font-weight to regular */
-  light: bool
+  light: bool,
+  fontSize: fontSizes
 };
 Text.defaultProps = {
   inverted: false,
   variant: undefined,
-  size: 'medium',
+  size: undefined,
+  fontSize: 'medium',
   numberOfLines: undefined,
   light: false
 };

package/esm/Text/web/Text.test.js

@@ -34,8 +34,22 @@ describe('<Text />', function () {
 
       expect(container).toMatchSnapshot();
     });
-    it('should match snapshot with Text size', function () {
+    it('should match snapshot with Text fontSize', function () {
       var _render4 = render( /*#__PURE__*/React.createElement(ThemeProvider, null, /*#__PURE__*/React.createElement(Text.Small, {
+        fontSize: "xsmall"
+      }, "Live the small mission"), /*#__PURE__*/React.createElement(Text.Tiny, {
+        fontSize: "medium"
+      }, "Live the medium mission"), /*#__PURE__*/React.createElement(Text.Regular, {
+        fontSize: "xlarge"
+      }, "Live the xlarge mission"), /*#__PURE__*/React.createElement(Text.Medium, {
+        fontSize: "xxxlarge"
+      }, "Live the xxxlarge mission"))),
+          container = _render4.container;
+
+      expect(container).toMatchSnapshot();
+    });
+    it('should match snapshot with Text size', function () {
+      var _render5 = render( /*#__PURE__*/React.createElement(ThemeProvider, null, /*#__PURE__*/React.createElement(Text.Small, {
         size: "xsmall"
       }, "Live the small mission"), /*#__PURE__*/React.createElement(Text.Tiny, {
         size: "medium"
@@ -44,104 +58,104 @@ describe('<Text />', function () {
       }, "Live the xlarge mission"), /*#__PURE__*/React.createElement(Text.Medium, {
         size: "xxxlarge"
       }, "Live the xxxlarge mission"))),
-          container = _render4.container;
+          container = _render5.container;
 
       expect(container).toMatchSnapshot();
     });
     it('should match snapshot with inverted Text', function () {
-      var _render5 = render( /*#__PURE__*/React.createElement(ThemeProvider, null, /*#__PURE__*/React.createElement(Text, {
+      var _render6 = render( /*#__PURE__*/React.createElement(ThemeProvider, null, /*#__PURE__*/React.createElement(Text, {
         inverted: true
       }, "Live the mission"))),
-          container = _render5.container;
+          container = _render6.container;
 
       expect(container).toMatchSnapshot();
     });
     it('should match snapshot with truncated lines Text', function () {
-      var _render6 = render( /*#__PURE__*/React.createElement(ThemeProvider, null, /*#__PURE__*/React.createElement(Text, {
+      var _render7 = render( /*#__PURE__*/React.createElement(ThemeProvider, null, /*#__PURE__*/React.createElement(Text, {
         numberOfLines: 1
       }, "Live the mission", /*#__PURE__*/React.createElement("br", null), "even in one line"))),
-          container = _render6.container;
+          container = _render7.container;
 
       expect(container).toMatchSnapshot();
     });
     it('should match snapshot with border prop system', function () {
-      var _render7 = render( /*#__PURE__*/React.createElement(ThemeProvider, null, /*#__PURE__*/React.createElement(Text, {
+      var _render8 = render( /*#__PURE__*/React.createElement(ThemeProvider, null, /*#__PURE__*/React.createElement(Text, {
         border: "small",
         bRadius: "small"
       }, "Live the mission"))),
-          container = _render7.container;
+          container = _render8.container;
 
       expect(container).toMatchSnapshot();
     });
     it('should match snapshot with background color prop system', function () {
-      var _render8 = render( /*#__PURE__*/React.createElement(ThemeProvider, null, /*#__PURE__*/React.createElement(Text, {
+      var _render9 = render( /*#__PURE__*/React.createElement(ThemeProvider, null, /*#__PURE__*/React.createElement(Text, {
         backgroundColor: "vibin"
       }, "Live the mission"))),
-          container = _render8.container;
+          container = _render9.container;
 
       expect(container).toMatchSnapshot();
     });
     it('should match snapshot with elevation prop system', function () {
-      var _render9 = render( /*#__PURE__*/React.createElement(ThemeProvider, null, /*#__PURE__*/React.createElement(Text, {
+      var _render10 = render( /*#__PURE__*/React.createElement(ThemeProvider, null, /*#__PURE__*/React.createElement(Text, {
         elevation: "medium"
       }, "Live the mission"))),
-          container = _render9.container;
+          container = _render10.container;
 
       expect(container).toMatchSnapshot();
     });
     it('should match snapshot with spacing prop system', function () {
-      var _render10 = render( /*#__PURE__*/React.createElement(ThemeProvider, null, /*#__PURE__*/React.createElement(Text, {
+      var _render11 = render( /*#__PURE__*/React.createElement(ThemeProvider, null, /*#__PURE__*/React.createElement(Text, {
         m: "medium",
         paddingVertical: "large",
         paddingHorizontal: "small"
       }, "Live the mission"))),
-          container = _render10.container;
+          container = _render11.container;
 
       expect(container).toMatchSnapshot();
     });
     it('should match snapshot with typography prop system', function () {
-      var _render11 = render( /*#__PURE__*/React.createElement(ThemeProvider, null, /*#__PURE__*/React.createElement(Text, {
+      var _render12 = render( /*#__PURE__*/React.createElement(ThemeProvider, null, /*#__PURE__*/React.createElement(Text, {
         color: "text.primary",
         fontSize: "small",
         fontWeight: "medium",
         lineHeight: "small"
       }, "Live the mission"))),
-          container = _render11.container;
+          container = _render12.container;
 
       expect(container).toMatchSnapshot();
     });
     it('should match snapshot with display prop system', function () {
-      var _render12 = render( /*#__PURE__*/React.createElement(ThemeProvider, null, /*#__PURE__*/React.createElement(Text, {
+      var _render13 = render( /*#__PURE__*/React.createElement(ThemeProvider, null, /*#__PURE__*/React.createElement(Text, {
         display: "inline-flex"
       }, "Live the mission"))),
-          container = _render12.container;
+          container = _render13.container;
 
       expect(container).toMatchSnapshot();
     });
     it('should match snapshot with position prop system', function () {
-      var _render13 = render( /*#__PURE__*/React.createElement(ThemeProvider, null, /*#__PURE__*/React.createElement(Text, {
+      var _render14 = render( /*#__PURE__*/React.createElement(ThemeProvider, null, /*#__PURE__*/React.createElement(Text, {
         position: "fixed",
         top: "small",
         left: "small"
       }, "Live the mission"))),
-          container = _render13.container;
+          container = _render14.container;
 
       expect(container).toMatchSnapshot();
     });
     it('should match snapshot with flexes prop system', function () {
-      var _render14 = render( /*#__PURE__*/React.createElement(ThemeProvider, null, /*#__PURE__*/React.createElement(Text, {
+      var _render15 = render( /*#__PURE__*/React.createElement(ThemeProvider, null, /*#__PURE__*/React.createElement(Text, {
         display: "flex",
         flexGrow: 1
       }, "Live the mission"))),
-          container = _render14.container;
+          container = _render15.container;
 
       expect(container).toMatchSnapshot();
     });
     it('should match snapshot with overflows prop system', function () {
-      var _render15 = render( /*#__PURE__*/React.createElement(ThemeProvider, null, /*#__PURE__*/React.createElement(Text, {
+      var _render16 = render( /*#__PURE__*/React.createElement(ThemeProvider, null, /*#__PURE__*/React.createElement(Text, {
         overflow: "scroll"
       }, "Live the mission"))),
-          container = _render15.container;
+          container = _render16.container;
 
       expect(container).toMatchSnapshot();
     });

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@gympass/yoga",
-  "version": "7.70.0",
+  "version": "7.70.2",
   "description": "Gympass component library",
   "main": "./cjs",
   "sideEffects": false,
@@ -29,7 +29,7 @@
     "@gympass/yoga-helpers": "^1.0.3",
     "@gympass/yoga-icons": "^1.9.1",
     "@gympass/yoga-illustrations": "^0.5.1",
-    "@gympass/yoga-system": "^0.10.3",
+    "@gympass/yoga-system": "^0.11.0",
     "@gympass/yoga-tokens": "^3.1.5",
     "@ptomasroos/react-native-multi-slider": "^1.0.0",
     "@radix-ui/react-dropdown-menu": "^2.0.1",
@@ -53,7 +53,7 @@
     "react": ">=16",
     "styled-components": "^4.4.0"
   },
-  "gitHead": "d89f7691d7465a308a6fd5192ee5544f0d738942",
+  "gitHead": "3fd071545c51cdd16c351f4b680ce495191e61d2",
   "module": "./esm",
   "private": false,
   "react-native": "./cjs/index.native.js"