@gympass/yoga 7.37.0 → 7.38.0

package/esm/Tag/native/index.js

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

package/esm/Tag/web/Tag.test.js

@@ -0,0 +1,79 @@
+import React from 'react';
+import { render } from '@testing-library/react';
+import { Building } from '@gympass/yoga-icons';
+import { ThemeProvider, Tag } from '../..';
+describe('<Tag />', function () {
+  it('should match snapshot', function () {
+    var _render = render( /*#__PURE__*/React.createElement(ThemeProvider, null, /*#__PURE__*/React.createElement(Tag, null, "default"))),
+        container = _render.container;
+
+    expect(container).toMatchSnapshot();
+  });
+  it('should match snapshot with custom icon and informative type', function () {
+    var _render2 = render( /*#__PURE__*/React.createElement(ThemeProvider, null, /*#__PURE__*/React.createElement(Tag.Informative, {
+      variant: "success",
+      icon: Building
+    }, "success with custom icon"))),
+        container = _render2.container;
+
+    expect(container).toMatchSnapshot();
+  });
+  it('should match snapshot with without icon and informative type', function () {
+    var _render3 = render( /*#__PURE__*/React.createElement(ThemeProvider, null, /*#__PURE__*/React.createElement(Tag.Informative, {
+      variant: "success"
+    }, "success without icon"))),
+        container = _render3.container;
+
+    expect(container).toMatchSnapshot();
+  });
+  it('should match snapshot with variant prop', function () {
+    var _render4 = render( /*#__PURE__*/React.createElement(ThemeProvider, null, /*#__PURE__*/React.createElement(Tag, {
+      variant: "success"
+    }, "success"), /*#__PURE__*/React.createElement(Tag, {
+      variant: "informative"
+    }, "informative"), /*#__PURE__*/React.createElement(Tag, {
+      variant: "attention"
+    }, "attention"))),
+        container = _render4.container;
+
+    expect(container).toMatchSnapshot();
+  });
+  it('should match snapshot with variant prop and informative type', function () {
+    var _render5 = render( /*#__PURE__*/React.createElement(ThemeProvider, null, /*#__PURE__*/React.createElement(Tag.Informative, {
+      variant: "success"
+    }, "success"), /*#__PURE__*/React.createElement(Tag.Informative, {
+      variant: "informative"
+    }, "informative"), /*#__PURE__*/React.createElement(Tag.Informative, {
+      variant: "attention"
+    }, "attention"))),
+        container = _render5.container;
+
+    expect(container).toMatchSnapshot();
+  });
+  it('should match snapshot with variant and margin prop ', function () {
+    var _render6 = render( /*#__PURE__*/React.createElement(ThemeProvider, null, /*#__PURE__*/React.createElement(Tag, {
+      variant: "success"
+    }, "success"), /*#__PURE__*/React.createElement(Tag, {
+      mv: "medium",
+      variant: "informative"
+    }, "informative"), /*#__PURE__*/React.createElement(Tag, {
+      variant: "attention"
+    }, "attention"))),
+        container = _render6.container;
+
+    expect(container).toMatchSnapshot();
+  });
+  it('should match snapshot with variant prop and informative type with margin prop', function () {
+    var _render7 = render( /*#__PURE__*/React.createElement(ThemeProvider, null, /*#__PURE__*/React.createElement(Tag.Informative, {
+      variant: "success"
+    }, "success"), /*#__PURE__*/React.createElement(Tag.Informative, {
+      mv: "medium",
+      variant: "informative"
+    }, "informative"), /*#__PURE__*/React.createElement(Tag.Informative, {
+      variant: "attention"
+    }, "attention"))),
+        container = _render7.container;
+
+    expect(container).toMatchSnapshot();
+  });
+});

package/esm/Text/index.native.js

@@ -0,0 +1,16 @@
+import { Text, H1, H2, H3, H4, H5, Small, Tiny, Light, Regular, Medium, Bold, Black, SectionTitle, SmallestException } from './native';
+Text.H1 = H1;
+Text.H2 = H2;
+Text.H3 = H3;
+Text.H4 = H4;
+Text.H5 = H5;
+Text.Small = Small;
+Text.Tiny = Tiny;
+Text.Light = Light;
+Text.Regular = Regular;
+Text.Medium = Medium;
+Text.Bold = Bold;
+Text.Black = Black;
+Text.SectionTitle = SectionTitle;
+Text.SmallestException = SmallestException;
+export default Text;

package/esm/Text/native/Text.js

@@ -0,0 +1,69 @@
+var _templateObject;
+
+function _taggedTemplateLiteralLoose(strings, raw) { if (!raw) { raw = strings.slice(0); } strings.raw = raw; return strings; }
+
+import React from 'react';
+import styled from 'styled-components';
+import { oneOf, bool } from 'prop-types';
+import { system } from '@gympass/yoga-system';
+import textStyle from '../textStyle';
+import { deprecated } from '../../shared';
+
+var styledText = function styledText(type) {
+  return styled.Text(_templateObject || (_templateObject = _taggedTemplateLiteralLoose(["\n  ", "\n  ", "\n"])), textStyle(type), system);
+};
+
+var H1 = styledText('h1');
+H1.displayName = 'Text.H1';
+var H2 = styledText('h2');
+H2.displayName = 'Text.H2';
+var H3 = styledText('h3');
+H3.displayName = 'Text.H3';
+var H4 = styledText('h4');
+H4.displayName = 'Text.H4';
+var H5 = styledText('h5');
+H5.displayName = 'Text.H5';
+var Small = styledText('small');
+Small.displayName = 'Text.Small';
+var Tiny = styledText('tiny');
+Tiny.displayName = 'Text.Tiny';
+var Light = styledText('light');
+Light.displayName = 'Text.Light';
+var Regular = styledText('regular');
+Regular.displayName = 'Text.Regular';
+var Medium = styledText('medium');
+Medium.displayName = 'Text.Medium';
+var Bold = styledText('bold');
+Bold.displayName = 'Text.Bold';
+var Black = styledText('black');
+Black.displayName = 'Text.Black';
+var SectionTitle = styledText('sectionTitle');
+SectionTitle.displayName = 'Text.SectionTitle';
+var SmallestException = styledText('smallestException');
+SmallestException.displayName = 'Text.SmallestException';
+var TextRenderer = styledText('p');
+
+var Text = function Text(props) {
+  return /*#__PURE__*/React.createElement(TextRenderer, props);
+};
+
+Text.displayName = 'Text';
+Text.propTypes = {
+  inverted: bool,
+
+  /** (deprecated: use color instead) style the text following the theme */
+  variant: deprecated(oneOf(['primary', 'secondary', 'vibin', 'hope', 'energy', 'relax', 'peace', 'verve', 'uplift', 'deepPurple', 'stamina', 'deep', 'medium', 'light', 'clear', 'white']), 'Use `color` system prop instead'),
+
+  /** set the font-size following the theme */
+  size: oneOf(['xxsmall', 'xsmall', 'small', 'medium', 'large', 'xlarge', 'xxlarge', 'xxxlarge', 'huge']),
+
+  /** set the font-weight to regular */
+  light: bool
+};
+Text.defaultProps = {
+  inverted: false,
+  variant: undefined,
+  size: '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

@@ -0,0 +1,149 @@
+import React from 'react';
+import { render } from '@testing-library/react-native';
+import { ThemeProvider } from '../..';
+import { Text } from '.';
+describe('<Text />', function () {
+  describe('Snapshots', function () {
+    it('should match snapshot with Text', function () {
+      var _render = render( /*#__PURE__*/React.createElement(ThemeProvider, null, /*#__PURE__*/React.createElement(Text.H1, null, "Live the mission"), /*#__PURE__*/React.createElement(Text.H2, null, "Live the mission"), /*#__PURE__*/React.createElement(Text.H3, null, "Live the mission"), /*#__PURE__*/React.createElement(Text.H4, null, "Live the mission"), /*#__PURE__*/React.createElement(Text, null, "Live the mission"), /*#__PURE__*/React.createElement(Text.Small, null, "Live the mission"), /*#__PURE__*/React.createElement(Text.Tiny, null, "Live the mission"), /*#__PURE__*/React.createElement(Text.Regular, null, "Live the mission"), /*#__PURE__*/React.createElement(Text.Medium, null, "Live the mission"), /*#__PURE__*/React.createElement(Text.Bold, null, "Live the mission"), /*#__PURE__*/React.createElement(Text.Black, null, "Live the mission"), /*#__PURE__*/React.createElement(Text.SectionTitle, null, "Live the mission"), /*#__PURE__*/React.createElement(Text.SmallestException, null, "Live the mission"))),
+          container = _render.container;
+
+      expect(container).toMatchSnapshot();
+    });
+    it('should match snapshot with Text variant', function () {
+      var _render2 = render( /*#__PURE__*/React.createElement(ThemeProvider, null, /*#__PURE__*/React.createElement(Text.H1, {
+        variant: "primary"
+      }, "Live the mission"), /*#__PURE__*/React.createElement(Text.H2, {
+        variant: "secondary"
+      }, "Live the mission"), /*#__PURE__*/React.createElement(Text.H3, {
+        variant: "tertiary"
+      }, "Live the mission"))),
+          container = _render2.container;
+
+      expect(container).toMatchSnapshot();
+    });
+    it('should match snapshot with Text light', function () {
+      var _render3 = render( /*#__PURE__*/React.createElement(ThemeProvider, null, /*#__PURE__*/React.createElement(Text.H1, {
+        light: true
+      }, "Live the mission"), /*#__PURE__*/React.createElement(Text.H2, {
+        light: true
+      }, "Live the mission"), /*#__PURE__*/React.createElement(Text.H3, {
+        light: true
+      }, "Live the mission"))),
+          container = _render3.container;
+
+      expect(container).toMatchSnapshot();
+    });
+    it('should match snapshot with Text size', function () {
+      var _render4 = render( /*#__PURE__*/React.createElement(ThemeProvider, null, /*#__PURE__*/React.createElement(Text.Small, {
+        size: "xsmall"
+      }, "Live the small mission"), /*#__PURE__*/React.createElement(Text.Tiny, {
+        size: "medium"
+      }, "Live the medium mission"), /*#__PURE__*/React.createElement(Text.Regular, {
+        size: "xlarge"
+      }, "Live the xlarge mission"), /*#__PURE__*/React.createElement(Text.Medium, {
+        size: "xxxlarge"
+      }, "Live the xxxlarge mission"))),
+          container = _render4.container;
+
+      expect(container).toMatchSnapshot();
+    });
+    it('should match snapshot with inverted Text', function () {
+      var _render5 = render( /*#__PURE__*/React.createElement(ThemeProvider, null, /*#__PURE__*/React.createElement(Text, {
+        inverted: true
+      }, "Live the mission"))),
+          container = _render5.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, {
+        numberOfLines: 1
+      }, "Live the mission", /*#__PURE__*/React.createElement("br", null), "even in one line"))),
+          container = _render6.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, {
+        border: "small",
+        bRadius: "small"
+      }, "Live the mission"))),
+          container = _render7.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, {
+        backgroundColor: "vibin"
+      }, "Live the mission"))),
+          container = _render8.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, {
+        elevation: "medium"
+      }, "Live the mission"))),
+          container = _render9.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, {
+        m: "medium",
+        paddingVertical: "large",
+        paddingHorizontal: "small"
+      }, "Live the mission"))),
+          container = _render10.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, {
+        color: "text.primary",
+        fontSize: "small",
+        fontWeight: "medium",
+        lineHeight: "small"
+      }, "Live the mission"))),
+          container = _render11.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, {
+        display: "flex"
+      }, "Live the mission"))),
+          container = _render12.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, {
+        position: "absolute",
+        top: "small",
+        left: "small"
+      }, "Live the mission"))),
+          container = _render13.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, {
+        display: "flex",
+        flexGrow: 1
+      }, "Live the mission"))),
+          container = _render14.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, {
+        overflow: "scroll"
+      }, "Live the mission"))),
+          container = _render15.container;
+
+      expect(container).toMatchSnapshot();
+    });
+  });
+});

package/esm/Text/native/index.js

@@ -0,0 +1,2 @@
+import { Text, H1, H2, H3, H4, H5, Small, Tiny, Light, Regular, Medium, Bold, Black, SectionTitle, SmallestException } from './Text';
+export { Text, H1, H2, H3, H4, H5, Small, Tiny, Light, Regular, Medium, Bold, Black, SectionTitle, SmallestException };

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/Text/web/Text.test.js

@@ -0,0 +1,149 @@
+import React from 'react';
+import { render } from '@testing-library/react';
+import { ThemeProvider } from '../..';
+import { Text } from '.';
+describe('<Text />', function () {
+  describe('Snapshots', function () {
+    it('should match snapshot with Text', function () {
+      var _render = render( /*#__PURE__*/React.createElement(ThemeProvider, null, /*#__PURE__*/React.createElement(Text.H1, null, "Live the mission"), /*#__PURE__*/React.createElement(Text.H2, null, "Live the mission"), /*#__PURE__*/React.createElement(Text.H3, null, "Live the mission"), /*#__PURE__*/React.createElement(Text.H4, null, "Live the mission"), /*#__PURE__*/React.createElement(Text.H5, null, "Live the mission"), /*#__PURE__*/React.createElement(Text, null, "Live the mission"), /*#__PURE__*/React.createElement(Text.Small, null, "Live the mission"), /*#__PURE__*/React.createElement(Text.Tiny, null, "Live the mission"), /*#__PURE__*/React.createElement(Text.Regular, null, "Live the mission"), /*#__PURE__*/React.createElement(Text.Medium, null, "Live the mission"), /*#__PURE__*/React.createElement(Text.Bold, null, "Live the mission"), /*#__PURE__*/React.createElement(Text.Black, null, "Live the mission"), /*#__PURE__*/React.createElement(Text.SectionTitle, null, "Live the mission"), /*#__PURE__*/React.createElement(Text.SmallestException, null, "Live the mission"))),
+          container = _render.container;
+
+      expect(container).toMatchSnapshot();
+    });
+    it('should match snapshot with Text variant', function () {
+      var _render2 = render( /*#__PURE__*/React.createElement(ThemeProvider, null, /*#__PURE__*/React.createElement(Text.H1, {
+        variant: "primary"
+      }, "Live the mission"), /*#__PURE__*/React.createElement(Text.H2, {
+        variant: "secondary"
+      }, "Live the mission"), /*#__PURE__*/React.createElement(Text.H3, {
+        variant: "tertiary"
+      }, "Live the mission"))),
+          container = _render2.container;
+
+      expect(container).toMatchSnapshot();
+    });
+    it('should match snapshot with Text light', function () {
+      var _render3 = render( /*#__PURE__*/React.createElement(ThemeProvider, null, /*#__PURE__*/React.createElement(Text.H1, {
+        light: true
+      }, "Live the mission"), /*#__PURE__*/React.createElement(Text.H2, {
+        light: true
+      }, "Live the mission"), /*#__PURE__*/React.createElement(Text.H3, {
+        light: true
+      }, "Live the mission"))),
+          container = _render3.container;
+
+      expect(container).toMatchSnapshot();
+    });
+    it('should match snapshot with Text size', function () {
+      var _render4 = render( /*#__PURE__*/React.createElement(ThemeProvider, null, /*#__PURE__*/React.createElement(Text.Small, {
+        size: "xsmall"
+      }, "Live the small mission"), /*#__PURE__*/React.createElement(Text.Tiny, {
+        size: "medium"
+      }, "Live the medium mission"), /*#__PURE__*/React.createElement(Text.Regular, {
+        size: "xlarge"
+      }, "Live the xlarge mission"), /*#__PURE__*/React.createElement(Text.Medium, {
+        size: "xxxlarge"
+      }, "Live the xxxlarge mission"))),
+          container = _render4.container;
+
+      expect(container).toMatchSnapshot();
+    });
+    it('should match snapshot with inverted Text', function () {
+      var _render5 = render( /*#__PURE__*/React.createElement(ThemeProvider, null, /*#__PURE__*/React.createElement(Text, {
+        inverted: true
+      }, "Live the mission"))),
+          container = _render5.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, {
+        numberOfLines: 1
+      }, "Live the mission", /*#__PURE__*/React.createElement("br", null), "even in one line"))),
+          container = _render6.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, {
+        border: "small",
+        bRadius: "small"
+      }, "Live the mission"))),
+          container = _render7.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, {
+        backgroundColor: "vibin"
+      }, "Live the mission"))),
+          container = _render8.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, {
+        elevation: "medium"
+      }, "Live the mission"))),
+          container = _render9.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, {
+        m: "medium",
+        paddingVertical: "large",
+        paddingHorizontal: "small"
+      }, "Live the mission"))),
+          container = _render10.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, {
+        color: "text.primary",
+        fontSize: "small",
+        fontWeight: "medium",
+        lineHeight: "small"
+      }, "Live the mission"))),
+          container = _render11.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, {
+        display: "inline-flex"
+      }, "Live the mission"))),
+          container = _render12.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, {
+        position: "fixed",
+        top: "small",
+        left: "small"
+      }, "Live the mission"))),
+          container = _render13.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, {
+        display: "flex",
+        flexGrow: 1
+      }, "Live the mission"))),
+          container = _render14.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, {
+        overflow: "scroll"
+      }, "Live the mission"))),
+          container = _render15.container;
+
+      expect(container).toMatchSnapshot();
+    });
+  });
+});

package/esm/TextArea/index.native.js

@@ -0,0 +1,2 @@
+import TextArea from './native';
+export default TextArea;

package/esm/TextArea/native/TextArea.js

@@ -0,0 +1,59 @@
+var _templateObject;
+
+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 _taggedTemplateLiteralLoose(strings, raw) { if (!raw) { raw = strings.slice(0); } strings.raw = raw; return strings; }
+
+import React from 'react';
+import styled from 'styled-components';
+import { bool, func, number, string } from 'prop-types';
+import Input from '../../Input';
+var StyledInput = styled(Input)(_templateObject || (_templateObject = _taggedTemplateLiteralLoose(["\n  height: 88px;\n"])));
+/**
+ * Text Area is a type of text field which has a larger initiation size to
+ * encourage a bigger user input. This component has a fixed height and the text
+ * lines are increased when the input reaches the limit of lines established for
+ * the field. This action creates a vertical scroll inside the component.
+ */
+
+var TextArea = function TextArea(props) {
+  return /*#__PURE__*/React.createElement(StyledInput, _extends({}, props, {
+    textAlignVertical: "top",
+    multiline: true,
+    cleanable: false
+  }));
+};
+
+TextArea.propTypes = {
+  disabled: bool,
+
+  /** A error text to be displayed below field */
+  error: string,
+  full: bool,
+
+  /** A helper text to be displayed below field */
+  helper: string,
+  label: string,
+
+  /** maximum length (number of characters) of value */
+  maxLength: number,
+  readOnly: bool,
+  value: string,
+  onBlur: func,
+  onChangeText: func,
+  onFocus: func
+};
+TextArea.defaultProps = {
+  disabled: false,
+  error: undefined,
+  full: false,
+  helper: undefined,
+  label: '',
+  maxLength: undefined,
+  readOnly: false,
+  value: '',
+  onBlur: function onBlur() {},
+  onChangeText: function onChangeText() {},
+  onFocus: function onFocus() {}
+};
+export default TextArea;

package/esm/TextArea/native/TextArea.test.js

@@ -0,0 +1,11 @@
+import React from 'react';
+import { render } from '@testing-library/react-native';
+import { ThemeProvider, TextArea } from '../..';
+describe('<TextArea />', function () {
+  it('should match snapshot', function () {
+    var _render = render( /*#__PURE__*/React.createElement(ThemeProvider, null, /*#__PURE__*/React.createElement(TextArea, null))),
+        container = _render.container;
+
+    expect(container).toMatchSnapshot();
+  });
+});

package/esm/TextArea/native/index.js

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

package/esm/TextArea/web/TextArea.test.js

@@ -0,0 +1,11 @@
+import React from 'react';
+import { render } from '@testing-library/react';
+import { ThemeProvider, TextArea } from '../..';
+describe('<TextArea />', function () {
+  it('should match snapshot', function () {
+    var _render = render( /*#__PURE__*/React.createElement(ThemeProvider, null, /*#__PURE__*/React.createElement(TextArea, null))),
+        container = _render.container;
+
+    expect(container).toMatchSnapshot();
+  });
+});

package/esm/Theme/Provider/index.native.js

@@ -0,0 +1,2 @@
+import ThemeProvider from './native';
+export default ThemeProvider;

package/esm/Theme/Provider/native/index.js

@@ -0,0 +1,2 @@
+import ThemeProvider from '../Provider';
+export default ThemeProvider;

package/esm/Theme/Provider/web/FontLoader.test.js

@@ -0,0 +1,11 @@
+import React from 'react';
+import { render } from '@testing-library/react';
+import FontLoader from './FontLoader';
+import ThemeProvider from './ThemeProvider';
+describe('FontLoader component', function () {
+  it('Should create standard font link', function () {
+    render( /*#__PURE__*/React.createElement(ThemeProvider, null, /*#__PURE__*/React.createElement(FontLoader, null)));
+    var link = document.getElementsByTagName('link').item(0).outerHTML;
+    expect(link).toContain("<link rel=\"stylesheet\" href=\"https://fonts.googleapis.com/css?family=Rubik:300,400,500,700,900,300i,400i,500i,700i,900i\">");
+  });
+});

package/esm/Theme/Provider/web/GlobalStyle.test.js

@@ -0,0 +1,17 @@
+import React from 'react';
+import { render } from '@testing-library/react';
+import tokens from '@gympass/yoga-tokens';
+import theme from '../../theme';
+import GlobalStyle from './GlobalStyle';
+import ThemeProvider from './ThemeProvider';
+import expectCSSMatches from './expectCssMatches';
+
+var _theme = theme(tokens),
+    baseFont = _theme.baseFont;
+
+describe('GlobalStyle component', function () {
+  it('Should use standard font in the body', function () {
+    render( /*#__PURE__*/React.createElement(ThemeProvider, null, /*#__PURE__*/React.createElement(GlobalStyle, null)));
+    expectCSSMatches("body {\n        font-family: \"" + baseFont.family + "\";\n      }");
+  });
+});