@gympass/yoga 7.65.0 → 7.66.1

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"))),
+          toJSON = _render.toJSON;
+
+      expect(toJSON()).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"))),
+          toJSON = _render2.toJSON;
+
+      expect(toJSON()).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"))),
+          toJSON = _render3.toJSON;
+
+      expect(toJSON()).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"))),
+          toJSON = _render4.toJSON;
+
+      expect(toJSON()).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"))),
+          toJSON = _render5.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, {
+        numberOfLines: 1
+      }, "Live the mission", /*#__PURE__*/React.createElement("br", null), "even in one line"))),
+          toJSON = _render6.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, {
+        border: "small",
+        bRadius: "small"
+      }, "Live the mission"))),
+          toJSON = _render7.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, {
+        backgroundColor: "vibin"
+      }, "Live the mission"))),
+          toJSON = _render8.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, {
+        elevation: "medium"
+      }, "Live the mission"))),
+          toJSON = _render9.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, {
+        m: "medium",
+        paddingVertical: "large",
+        paddingHorizontal: "small"
+      }, "Live the mission"))),
+          toJSON = _render10.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, {
+        color: "text.primary",
+        fontSize: "small",
+        fontWeight: "medium",
+        lineHeight: "small"
+      }, "Live the mission"))),
+          toJSON = _render11.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, {
+        display: "flex"
+      }, "Live the mission"))),
+          toJSON = _render12.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, {
+        position: "absolute",
+        top: "small",
+        left: "small"
+      }, "Live the mission"))),
+          toJSON = _render13.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, {
+        display: "flex",
+        flexGrow: 1
+      }, "Live the mission"))),
+          toJSON = _render14.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, {
+        overflow: "scroll"
+      }, "Live the mission"))),
+          toJSON = _render15.toJSON;
+
+      expect(toJSON()).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/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 ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+
+function _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))),
+        toJSON = _render.toJSON;
+
+    expect(toJSON()).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      }");
+  });
+});

package/esm/Theme/helpers/themeReader/native/native.test.js

@@ -0,0 +1,53 @@
+var _templateObject, _templateObject2, _templateObject3;
+
+function _taggedTemplateLiteralLoose(strings, raw) { if (!raw) { raw = strings.slice(0); } strings.raw = raw; return strings; }
+
+import React from 'react';
+import styled, { css } from 'styled-components';
+import { render } from '@testing-library/react-native';
+import ThemeProvider, { theme } from '../../../index.native';
+import '../base.test';
+describe('themeReader - web specs', function () {
+  it('should render', function () {
+    var Component = styled.View(_templateObject || (_templateObject = _taggedTemplateLiteralLoose(["\n      border: ", "px solid;\n    "])), theme.borders.small);
+
+    var _render = render( /*#__PURE__*/React.createElement(ThemeProvider, null, /*#__PURE__*/React.createElement(Component, {
+      testID: "component"
+    }, "Teste"))),
+        toJSON = _render.toJSON;
+
+    expect(toJSON().props.style).toEqual([{
+      borderWidth: 1,
+      borderColor: 'black',
+      borderStyle: 'solid'
+    }]);
+  });
+  it('should render with conditional', function () {
+    var Component = styled.View(_templateObject2 || (_templateObject2 = _taggedTemplateLiteralLoose(["\n      border: ", ";\n    "])), function (_ref) {
+      var borders = _ref.borders;
+      return borders ? css(_templateObject3 || (_templateObject3 = _taggedTemplateLiteralLoose(["\n              ", "px solid\n            "])), theme.borders.small) : 'none';
+    });
+
+    var _render2 = render( /*#__PURE__*/React.createElement(ThemeProvider, null, /*#__PURE__*/React.createElement(Component, {
+      borders: false,
+      testID: "component"
+    }, "Teste"))),
+        toJSON = _render2.toJSON,
+        rerender = _render2.rerender;
+
+    expect(toJSON().props.style).toEqual([{
+      borderWidth: 0,
+      borderColor: 'black',
+      borderStyle: 'solid'
+    }]);
+    rerender( /*#__PURE__*/React.createElement(ThemeProvider, null, /*#__PURE__*/React.createElement(Component, {
+      borders: true,
+      "data-testid": "component"
+    })));
+    expect(toJSON().props.style).toEqual([{
+      borderWidth: 1,
+      borderColor: 'black',
+      borderStyle: 'solid'
+    }]);
+  });
+});

package/esm/Theme/helpers/themeReader/web/web.test.js

@@ -0,0 +1,41 @@
+var _templateObject, _templateObject2, _templateObject3;
+
+function _taggedTemplateLiteralLoose(strings, raw) { if (!raw) { raw = strings.slice(0); } strings.raw = raw; return strings; }
+
+import React from 'react';
+import styled, { css } from 'styled-components';
+import { render } from '@testing-library/react';
+import ThemeProvider, { theme } from '../../../index';
+import '../base.test';
+describe('themeReader - web specs', function () {
+  it('should render', function () {
+    var Component = styled.div(_templateObject || (_templateObject = _taggedTemplateLiteralLoose(["\n      border: ", "px solid;\n    "])), theme.borders.small);
+
+    var _render = render( /*#__PURE__*/React.createElement(ThemeProvider, null, /*#__PURE__*/React.createElement(Component, {
+      "data-testid": "component"
+    }))),
+        getByTestId = _render.getByTestId;
+
+    expect(getByTestId('component')).toHaveStyleRule('border', '1px solid');
+  });
+  it('should render with conditional', function () {
+    var Component = styled.div(_templateObject2 || (_templateObject2 = _taggedTemplateLiteralLoose(["\n      border: ", ";\n    "])), function (_ref) {
+      var borders = _ref.borders;
+      return borders ? css(_templateObject3 || (_templateObject3 = _taggedTemplateLiteralLoose(["\n              ", "px solid\n            "])), theme.borders.small) : 'none';
+    });
+
+    var _render2 = render( /*#__PURE__*/React.createElement(ThemeProvider, null, /*#__PURE__*/React.createElement(Component, {
+      borders: false,
+      "data-testid": "component"
+    }))),
+        getByTestId = _render2.getByTestId,
+        rerender = _render2.rerender;
+
+    expect(getByTestId('component')).toHaveStyleRule('border', 'none');
+    rerender( /*#__PURE__*/React.createElement(ThemeProvider, null, /*#__PURE__*/React.createElement(Component, {
+      borders: true,
+      "data-testid": "component"
+    })));
+    expect(getByTestId('component')).toHaveStyleRule('border', '1px solid');
+  });
+});

package/esm/Theme/index.native.js

@@ -0,0 +1,5 @@
+import ThemeProvider from './Provider';
+import yogaTheme from './theme';
+import theme from './helpers/themeReader';
+import createTheme from './helpers/themeGenerator';
+export { ThemeProvider as default, yogaTheme, theme, createTheme };

package/esm/hooks/index.js

@@ -1,2 +1,3 @@
 export * from './usePortal';
-export * from './useKeyPress';
+export * from './useKeyPress';
+export * from './useCombinedRefs';

package/esm/hooks/useCombinedRefs.js

@@ -0,0 +1,25 @@
+import { useEffect, useRef } from 'react';
+/**
+ *  A hook for combining multiple refs into one ref.
+ */
+
+export var useCombinedRefs = function useCombinedRefs() {
+  for (var _len = arguments.length, refs = new Array(_len), _key = 0; _key < _len; _key++) {
+    refs[_key] = arguments[_key];
+  }
+
+  var targetRef = useRef(null);
+  useEffect(function () {
+    for (var i = 0; i < refs.length; i++) {
+      var ref = refs[i];
+      if (!ref) return;
+
+      if (typeof ref === 'function') {
+        ref(targetRef.current);
+      } else {
+        ref.current = targetRef.current;
+      }
+    }
+  }, [refs]);
+  return targetRef;
+};

package/esm/index.native.js

@@ -0,0 +1,26 @@
+import ThemeProvider, { yogaTheme, theme, createTheme } from './Theme';
+import Button from './Button';
+import List from './List';
+import Checkbox from './Checkbox';
+import Slider from './Slider';
+import RadioGroup from './RadioGroup';
+import { Card, PlanCard, EventCard, GymCard } from './Card/native';
+import Stepper from './Stepper';
+import Text from './Text';
+import Rating from './Rating';
+import Tag from './Tag';
+import Input from './Input';
+import Progress from './Progress';
+import Dropdown from './Dropdown';
+import TextArea from './TextArea';
+import Icon from './Icon';
+import Chips from './Chips';
+import Box from './Box';
+import Avatar from './Avatar';
+import Result from './Result';
+import Divider from './Divider';
+import Snackbar from './Snackbar';
+import Banner from './Banner';
+import Skeleton from './Skeleton';
+import ActionRequirement from './ActionRequirement';
+export { ThemeProvider, yogaTheme, createTheme, theme, Button, List, Checkbox, RadioGroup, Slider, Card, PlanCard, EventCard, GymCard, Stepper, Text, Rating, Tag, Input, Progress, Dropdown, TextArea, Icon, Chips, Box, Avatar, Result, Divider, Snackbar, Banner, Skeleton, ActionRequirement };

package/esm/shared/index.native.js

@@ -0,0 +1,2 @@
+import { limitChildren, typeOf, charLength, max, deprecated } from './propTypes';
+export { limitChildren, typeOf, charLength, max, deprecated };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@gympass/yoga",
-  "version": "7.65.0",
+  "version": "7.66.1",
   "description": "Gympass component library",
   "main": "./cjs",
   "sideEffects": false,
@@ -39,7 +39,8 @@
     "prop-types": "^15.7.2",
     "proxy-polyfill": "^0.3.1",
     "rc-slider": "^8.7.1",
-    "react-google-font-loader": "^1.1.0"
+    "react-google-font-loader": "^1.1.0",
+    "react-phone-input-2": "^2.15.1"
   },
   "devDependencies": {
     "@testing-library/react": "^12.0.4",
@@ -52,7 +53,7 @@
     "react": ">=16",
     "styled-components": "^4.4.0"
   },
-  "gitHead": "ba9e1c1bfc7bf2f8f34a02b5de03bd99e3745b71",
+  "gitHead": "e8bd52603782e3357d0e64ffff63192e96e52137",
   "module": "./esm",
   "private": false,
   "react-native": "./cjs/index.native.js"