@gympass/yoga 7.37.0 → 7.38.0

package/cjs/Grid/web/Row.test.js

@@ -0,0 +1,22 @@
+"use strict";
+
+var _react = _interopRequireDefault(require("react"));
+
+var _react2 = require("@testing-library/react");
+
+var _ = require("../..");
+
+var _2 = require(".");
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+
+describe('<Row />', function () {
+  describe('Snapshots', function () {
+    it('should match snapshot with default Row', function () {
+      var _render = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_.ThemeProvider, null, /*#__PURE__*/_react["default"].createElement(_2.Row, null))),
+          container = _render.container;
+
+      expect(container).toMatchSnapshot();
+    });
+  });
+});

package/cjs/Header/web/Header.test.js

@@ -0,0 +1,44 @@
+"use strict";
+
+var _react = _interopRequireDefault(require("react"));
+
+var _react2 = require("@testing-library/react");
+
+var _ = require("../..");
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+
+describe('<Header />', function () {
+  it('should match snapshot', function () {
+    var _render = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_.ThemeProvider, null, /*#__PURE__*/_react["default"].createElement(_.Header, null))),
+        container = _render.container;
+
+    expect(container).toMatchSnapshot();
+  });
+  it('should have link', function () {
+    var gympassLink = 'https://site.gympass.com/br';
+    (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_.ThemeProvider, null, /*#__PURE__*/_react["default"].createElement(_.Header, {
+      link: gympassLink
+    })));
+
+    _react2.screen.getByRole('link', {
+      href: gympassLink
+    });
+  });
+  it('should show custom logo', function () {
+    var CustomLogo = function CustomLogo() {
+      return /*#__PURE__*/_react["default"].createElement("div", null, "Custom logo");
+    };
+
+    (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_.ThemeProvider, null, /*#__PURE__*/_react["default"].createElement(_.Header, {
+      logo: CustomLogo
+    })));
+
+    _react2.screen.getByText('Custom logo');
+  });
+  it('should show children', function () {
+    (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_.ThemeProvider, null, /*#__PURE__*/_react["default"].createElement(_.Header, null, /*#__PURE__*/_react["default"].createElement("p", null, "Make wellbeing universal"))));
+
+    _react2.screen.getByText('Make wellbeing universal');
+  });
+});

package/cjs/Heading/web/Heading.test.js

@@ -0,0 +1,55 @@
+"use strict";
+
+var _react = _interopRequireDefault(require("react"));
+
+var _react2 = require("@testing-library/react");
+
+var _src = require("@gympass/yoga-icons/src");
+
+var _ = require("../..");
+
+var _Title = _interopRequireDefault(require("./Title"));
+
+var _BackButton = _interopRequireDefault(require("./BackButton"));
+
+var _RightButton = _interopRequireDefault(require("./RightButton"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+
+var onClick = function onClick() {};
+
+describe('<Heading />', function () {
+  it('should match snapshot with title', function () {
+    var _render = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_.ThemeProvider, null, /*#__PURE__*/_react["default"].createElement(_.Heading, null, /*#__PURE__*/_react["default"].createElement(_Title["default"], null, "Gympass")))),
+        container = _render.container;
+
+    expect(container).toMatchSnapshot();
+  });
+  it('should match snapshot with title and back button', function () {
+    var _render2 = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_.ThemeProvider, null, /*#__PURE__*/_react["default"].createElement(_.Heading, null, /*#__PURE__*/_react["default"].createElement(_Title["default"], null, "Gympass"), /*#__PURE__*/_react["default"].createElement(_BackButton["default"], {
+      onClick: onClick
+    })))),
+        container = _render2.container;
+
+    expect(container).toMatchSnapshot();
+  });
+  it('should match snapshot with all components', function () {
+    var _render3 = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_.ThemeProvider, null, /*#__PURE__*/_react["default"].createElement(_.Heading, null, /*#__PURE__*/_react["default"].createElement(_Title["default"], null, "Gympass"), /*#__PURE__*/_react["default"].createElement(_BackButton["default"], {
+      onClick: onClick
+    }), /*#__PURE__*/_react["default"].createElement(_RightButton["default"], {
+      icon: _src.Upload2,
+      onClick: onClick
+    })))),
+        container = _render3.container;
+
+    expect(container).toMatchSnapshot();
+  });
+  it('should match snapshot with back button', function () {
+    var _render4 = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_.ThemeProvider, null, /*#__PURE__*/_react["default"].createElement(_.Heading, null, /*#__PURE__*/_react["default"].createElement(_BackButton["default"], {
+      onClick: onClick
+    })))),
+        container = _render4.container;
+
+    expect(container).toMatchSnapshot();
+  });
+});

package/cjs/Heading/web/RightButton.js

@@ -31,7 +31,7 @@ var RightButton = function RightButton(_ref) {
 
 RightButton.propTypes = {
   onClick: _propTypes["default"].func.isRequired,
-  icon: _propTypes["default"].node.isRequired
+  icon: _propTypes["default"].elementType.isRequired
 };
 var _default = RightButton;
 exports["default"] = _default;

package/cjs/Icon/native/Icon.test.js

@@ -0,0 +1 @@
+var _interopRequireDefault=require("@babel/runtime/helpers/interopRequireDefault");var _react=_interopRequireDefault(require("react"));var _reactNative=require("@testing-library/react-native");var _=require("../..");var Circle=function Circle(props){return _react["default"].createElement("svg",props,_react["default"].createElement("circle",{cx:"16",cy:"16",r:"16"}));};describe('Snapshots',function(){it('should match snapshot',function(){var _render=(0,_reactNative.render)(_react["default"].createElement(_.ThemeProvider,null,_react["default"].createElement(_.Icon,{as:Circle,width:"small",height:"small",fill:"stamina"}))),container=_render.container;expect(container).toMatchSnapshot();});it('should match snapshot with size prop',function(){var _render2=(0,_reactNative.render)(_react["default"].createElement(_.ThemeProvider,null,_react["default"].createElement(_.Icon,{as:Circle,size:"small",fill:"stamina"}))),container=_render2.container;expect(container).toMatchSnapshot();});it('should match snapshot with system props',function(){var _render3=(0,_reactNative.render)(_react["default"].createElement(_.ThemeProvider,null,_react["default"].createElement(_.Icon,{as:Circle,size:"small",fill:"stamina",margin:"medium",elevation:"medium"}))),container=_render3.container;expect(container).toMatchSnapshot();});});

package/cjs/Icon/web/Icon.test.js

@@ -0,0 +1,53 @@
+"use strict";
+
+var _react = _interopRequireDefault(require("react"));
+
+var _react2 = require("@testing-library/react");
+
+var _ = require("../..");
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+
+var Circle = function Circle(props) {
+  return /*#__PURE__*/_react["default"].createElement("svg", props, /*#__PURE__*/_react["default"].createElement("circle", {
+    cx: "16",
+    cy: "16",
+    r: "16"
+  }));
+};
+
+describe('Snapshots', function () {
+  it('should match snapshot', function () {
+    var _render = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_.ThemeProvider, null, /*#__PURE__*/_react["default"].createElement(_.Icon, {
+      as: Circle,
+      width: "small",
+      height: "small",
+      fill: "stamina"
+    }))),
+        container = _render.container;
+
+    expect(container).toMatchSnapshot();
+  });
+  it('should match snapshot with size prop', function () {
+    var _render2 = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_.ThemeProvider, null, /*#__PURE__*/_react["default"].createElement(_.Icon, {
+      as: Circle,
+      size: "small",
+      fill: "stamina"
+    }))),
+        container = _render2.container;
+
+    expect(container).toMatchSnapshot();
+  });
+  it('should match snapshot with system props', function () {
+    var _render3 = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_.ThemeProvider, null, /*#__PURE__*/_react["default"].createElement(_.Icon, {
+      as: Circle,
+      size: "small",
+      fill: "stamina",
+      margin: "medium",
+      elevation: "medium"
+    }))),
+        container = _render3.container;
+
+    expect(container).toMatchSnapshot();
+  });
+});

package/cjs/Input/native/Email.test.js

@@ -0,0 +1 @@
+var _interopRequireDefault=require("@babel/runtime/helpers/interopRequireDefault");var _react=_interopRequireDefault(require("react"));var _reactNative=require("@testing-library/react-native");var _=require("../..");describe('<Input.Email />',function(){describe('Snapshots',function(){it('should match with default input',function(){var _render=(0,_reactNative.render)(_react["default"].createElement(_.ThemeProvider,null,_react["default"].createElement(_.Input.Email,null))),container=_render.container;expect(container).toMatchSnapshot();});});});

package/cjs/Input/native/Input.test.js

@@ -0,0 +1 @@
+var _interopRequireDefault=require("@babel/runtime/helpers/interopRequireDefault");var _react=_interopRequireDefault(require("react"));var _reactNative=require("@testing-library/react-native");var _=require("../..");describe('<Input />',function(){describe('Snapshots',function(){it('should match with default input',function(){var _render=(0,_reactNative.render)(_react["default"].createElement(_.ThemeProvider,null,_react["default"].createElement(_.Input,null))),container=_render.container;expect(container).toMatchSnapshot();});it('should match with label',function(){var _render2=(0,_reactNative.render)(_react["default"].createElement(_.ThemeProvider,null,_react["default"].createElement(_.Input,{label:"Input"}))),container=_render2.container;expect(container).toMatchSnapshot();});it('should match when input is focused',function(){var _render3=(0,_reactNative.render)(_react["default"].createElement(_.ThemeProvider,null,_react["default"].createElement(_.Input,{label:"Input",testID:"input"}))),container=_render3.container,getByTestId=_render3.getByTestId;_reactNative.fireEvent.focus(getByTestId('input'));expect(container).toMatchSnapshot();});it('should match with disabled input',function(){var _render4=(0,_reactNative.render)(_react["default"].createElement(_.ThemeProvider,null,_react["default"].createElement(_.Input,{disabled:true}))),container=_render4.container;expect(container).toMatchSnapshot();});it('should match with error',function(){var _render5=(0,_reactNative.render)(_react["default"].createElement(_.ThemeProvider,null,_react["default"].createElement(_.Input,{error:"Error message"}))),container=_render5.container;expect(container).toMatchSnapshot();});it('should match with helper text and max length',function(){var _render6=(0,_reactNative.render)(_react["default"].createElement(_.ThemeProvider,null,_react["default"].createElement(_.Input,{helper:"Helper text",maxLength:20}))),container=_render6.container;expect(container).toMatchSnapshot();});it('should match with helper text, max length and hideMaxLength',function(){var _render7=(0,_reactNative.render)(_react["default"].createElement(_.ThemeProvider,null,_react["default"].createElement(_.Input,{helper:"Helper text",maxLength:20,hideMaxLength:true}))),container=_render7.container;expect(container).toMatchSnapshot();});it('should match with full width',function(){var _render8=(0,_reactNative.render)(_react["default"].createElement(_.ThemeProvider,null,_react["default"].createElement(_.Input,{label:"Label",full:true}))),container=_render8.container;expect(container).toMatchSnapshot();});});describe('Events',function(){it('should call onChangeText',function(){var onChangeTextMock=jest.fn();var _render9=(0,_reactNative.render)(_react["default"].createElement(_.ThemeProvider,null,_react["default"].createElement(_.Input,{label:"Input",testID:"input",onChangeText:onChangeTextMock}))),getByTestId=_render9.getByTestId;_reactNative.fireEvent.changeText(getByTestId('input'),'foo');expect(onChangeTextMock).toHaveBeenCalled();});it('should not call onChangeText when input is disabled',function(){var onChangeTextMock=jest.fn();var _render10=(0,_reactNative.render)(_react["default"].createElement(_.ThemeProvider,null,_react["default"].createElement(_.Input,{label:"Input",testID:"input",onChangeText:onChangeTextMock,disabled:true}))),getByTestId=_render10.getByTestId;_reactNative.fireEvent.changeText(getByTestId('input'),'foo');expect(onChangeTextMock).not.toHaveBeenCalled();});it('should call onFocus',function(){var onFocusMock=jest.fn();var _render11=(0,_reactNative.render)(_react["default"].createElement(_.ThemeProvider,null,_react["default"].createElement(_.Input,{label:"Input",testID:"input",onFocus:onFocusMock}))),getByTestId=_render11.getByTestId;_reactNative.fireEvent.focus(getByTestId('input'));expect(onFocusMock).toHaveBeenCalled();});it('should call onBlur',function(){var onBlurMock=jest.fn();var _render12=(0,_reactNative.render)(_react["default"].createElement(_.ThemeProvider,null,_react["default"].createElement(_.Input,{label:"Input",testID:"input",onBlur:onBlurMock}))),getByTestId=_render12.getByTestId;_reactNative.fireEvent.focus(getByTestId('input'));_reactNative.fireEvent.blur(getByTestId('input'));expect(onBlurMock).toHaveBeenCalled();});});describe('maxLength',function(){it('should update maxLength counter when add character',function(){var _render13=(0,_reactNative.render)(_react["default"].createElement(_.ThemeProvider,null,_react["default"].createElement(_.Input,{label:"Input",testID:"input",maxLength:10}))),getByText=_render13.getByText,rerender=_render13.rerender;expect(getByText('0/10').children.join('')).toBe('0/10');rerender(_react["default"].createElement(_.ThemeProvider,null,_react["default"].createElement(_.Input,{label:"Input",value:"foo",maxLength:10})));expect(getByText('3/10').children.join('')).toBe('3/10');});});describe('clean button',function(){it('should call onClean when press clean button',function(){var onCleanMock=jest.fn();var _render14=(0,_reactNative.render)(_react["default"].createElement(_.ThemeProvider,null,_react["default"].createElement(_.Input,{label:"Input",value:"foo",onClean:onCleanMock}))),getByRole=_render14.getByRole;_reactNative.fireEvent.press(getByRole('button'));expect(onCleanMock).toHaveBeenCalledWith('');});it('should test if clean button is present',function(){var _render15=(0,_reactNative.render)(_react["default"].createElement(_.ThemeProvider,null,_react["default"].createElement(_.Input,{label:"Input"}))),rerender=_render15.rerender,queryByRole=_render15.queryByRole;expect(queryByRole('button')).toBeNull();rerender(_react["default"].createElement(_.ThemeProvider,null,_react["default"].createElement(_.Input,{label:"Input",value:"foo"})));expect(queryByRole('button')).not.toBeNull();});});});

package/cjs/Input/native/Number.test.js

@@ -0,0 +1 @@
+var _interopRequireDefault=require("@babel/runtime/helpers/interopRequireDefault");var _react=_interopRequireDefault(require("react"));var _reactNative=require("@testing-library/react-native");var _=require("../..");describe('<Input.Number />',function(){describe('Snapshots',function(){it('should match with default input',function(){var _render=(0,_reactNative.render)(_react["default"].createElement(_.ThemeProvider,null,_react["default"].createElement(_.Input.Number,null))),container=_render.container;expect(container).toMatchSnapshot();});});});

package/cjs/Input/native/Password.test.js

@@ -0,0 +1 @@
+var _interopRequireDefault=require("@babel/runtime/helpers/interopRequireDefault");var _react=_interopRequireDefault(require("react"));var _reactNative=require("@testing-library/react-native");var _=require("../..");describe('<Input.Password />',function(){describe('Snapshots',function(){it('should match with default input',function(){var _render=(0,_reactNative.render)(_react["default"].createElement(_.ThemeProvider,null,_react["default"].createElement(_.Input.Password,null))),container=_render.container;expect(container).toMatchSnapshot();});it('should match when input is focused',function(){var _render2=(0,_reactNative.render)(_react["default"].createElement(_.ThemeProvider,null,_react["default"].createElement(_.Input.Password,{label:"Input",testID:"input"}))),container=_render2.container,getByTestId=_render2.getByTestId;_reactNative.fireEvent.focus(getByTestId('input'));expect(container).toMatchSnapshot();});it('should match with disabled input',function(){var _render3=(0,_reactNative.render)(_react["default"].createElement(_.ThemeProvider,null,_react["default"].createElement(_.Input.Password,{disabled:true}))),container=_render3.container;expect(container).toMatchSnapshot();});it('should match with full width',function(){var _render4=(0,_reactNative.render)(_react["default"].createElement(_.ThemeProvider,null,_react["default"].createElement(_.Input.Password,{label:"Label",full:true}))),container=_render4.container;expect(container).toMatchSnapshot();});});describe('Events',function(){it('should call onChangeText',function(){var onChangeTextMock=jest.fn();var _render5=(0,_reactNative.render)(_react["default"].createElement(_.ThemeProvider,null,_react["default"].createElement(_.Input.Password,{label:"Input",testID:"input",onChangeText:onChangeTextMock}))),getByTestId=_render5.getByTestId;_reactNative.fireEvent.changeText(getByTestId('input'),'foo');expect(onChangeTextMock).toHaveBeenCalled();});it('should not call onChangeText when input is readOnly',function(){var onChangeTextMock=jest.fn();var _render6=(0,_reactNative.render)(_react["default"].createElement(_.ThemeProvider,null,_react["default"].createElement(_.Input.Password,{label:"Input",testID:"input",onChangeText:onChangeTextMock,readOnly:true}))),getByTestId=_render6.getByTestId;_reactNative.fireEvent.focus(getByTestId('input'));expect(onChangeTextMock).not.toHaveBeenCalled();});it('should not call onChangeText when input is disabled',function(){var onChangeTextMock=jest.fn();var _render7=(0,_reactNative.render)(_react["default"].createElement(_.ThemeProvider,null,_react["default"].createElement(_.Input.Password,{label:"Input",testID:"input",onChangeText:onChangeTextMock,disabled:true}))),getByTestId=_render7.getByTestId;_reactNative.fireEvent.changeText(getByTestId('input'),'foo');expect(onChangeTextMock).not.toHaveBeenCalled();});it('should call onFocus',function(){var onFocusMock=jest.fn();var _render8=(0,_reactNative.render)(_react["default"].createElement(_.ThemeProvider,null,_react["default"].createElement(_.Input.Password,{label:"Input",testID:"input",onFocus:onFocusMock}))),getByTestId=_render8.getByTestId;_reactNative.fireEvent.focus(getByTestId('input'));expect(onFocusMock).toHaveBeenCalled();});it('should call onBlur',function(){var onBlurMock=jest.fn();var _render9=(0,_reactNative.render)(_react["default"].createElement(_.ThemeProvider,null,_react["default"].createElement(_.Input.Password,{label:"Input",testID:"input",onBlur:onBlurMock}))),getByTestId=_render9.getByTestId;_reactNative.fireEvent.focus(getByTestId('input'));_reactNative.fireEvent.blur(getByTestId('input'));expect(onBlurMock).toHaveBeenCalled();});});describe('visibility button',function(){it('should toggle password visibility when press visibility button',function(){var _render10=(0,_reactNative.render)(_react["default"].createElement(_.ThemeProvider,null,_react["default"].createElement(_.Input.Password,{label:"Input",testID:"input"}))),getByRole=_render10.getByRole,getByTestId=_render10.getByTestId;expect(getByTestId('input').props.secureTextEntry).toBe(true);_reactNative.fireEvent.press(getByRole('button'));expect(getByTestId('input').props.secureTextEntry).toBe(false);});});});

package/cjs/Input/native/Tel.test.js

@@ -0,0 +1 @@
+var _interopRequireDefault=require("@babel/runtime/helpers/interopRequireDefault");var _react=_interopRequireDefault(require("react"));var _reactNative=require("@testing-library/react-native");var _=require("../..");describe('<Input.Tel />',function(){describe('Snapshots',function(){it('should match with default input',function(){var _render=(0,_reactNative.render)(_react["default"].createElement(_.ThemeProvider,null,_react["default"].createElement(_.Input.Tel,null))),container=_render.container;expect(container).toMatchSnapshot();});});});

package/cjs/Input/web/Email.test.js

@@ -0,0 +1,20 @@
+"use strict";
+
+var _react = _interopRequireDefault(require("react"));
+
+var _react2 = require("@testing-library/react");
+
+var _ = require("../..");
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+
+describe('<Input.Email />', function () {
+  describe('Snapshots', function () {
+    it('should match with default input', function () {
+      var _render = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_.ThemeProvider, null, /*#__PURE__*/_react["default"].createElement(_.Input.Email, null))),
+          container = _render.container;
+
+      expect(container).toMatchSnapshot();
+    });
+  });
+});

package/cjs/Input/web/Field.js

@@ -32,7 +32,7 @@ var Field = _styledComponents["default"].input(_templateObject2 || (_templateObj
       colors = _ref2$theme$yoga.colors,
       baseFont = _ref2$theme$yoga.baseFont,
       input = _ref2$theme$yoga.components.input;
-  return (0, _styledComponents.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 ? (0, _styledComponents.css)(_templateObject4 || (_templateObject4 = _taggedTemplateLiteralLoose(["\n            &::placeholder {\n              color: transparent;\n            }\n          "]))) : (0, _styledComponents.css)(_templateObject5 || (_templateObject5 = _taggedTemplateLiteralLoose(["\n            &::placeholder {\n              color: ", ";\n            }\n          "])), input.label.color["default"]), value && (0, _styledComponents.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 (0, _styledComponents.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 ? (0, _styledComponents.css)(_templateObject4 || (_templateObject4 = _taggedTemplateLiteralLoose(["\n          &::placeholder {\n            color: transparent;\n          }\n        "]))) : (0, _styledComponents.css)(_templateObject5 || (_templateObject5 = _taggedTemplateLiteralLoose(["\n          &::placeholder {\n            color: ", ";\n          }\n        "])), input.label.color["default"]), value && (0, _styledComponents.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));
 });
 
 var _default = Field;

package/cjs/Input/web/Input.test.js

@@ -0,0 +1,161 @@
+"use strict";
+
+var _react = _interopRequireDefault(require("react"));
+
+var _react2 = require("@testing-library/react");
+
+var _ = require("../..");
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+
+describe('<Input />', function () {
+  describe('Snapshots', function () {
+    it('should match with default input', function () {
+      var _render = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_.ThemeProvider, null, /*#__PURE__*/_react["default"].createElement(_.Input, null))),
+          container = _render.container;
+
+      expect(container).toMatchSnapshot();
+    });
+    it('should match with label', function () {
+      var _render2 = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_.ThemeProvider, null, /*#__PURE__*/_react["default"].createElement(_.Input, {
+        label: "Input"
+      }))),
+          container = _render2.container;
+
+      expect(container).toMatchSnapshot();
+    });
+    it('should match with disabled input', function () {
+      var _render3 = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_.ThemeProvider, null, /*#__PURE__*/_react["default"].createElement(_.Input, {
+        disabled: true
+      }))),
+          container = _render3.container;
+
+      expect(container).toMatchSnapshot();
+    });
+    it('should match with error', function () {
+      var _render4 = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_.ThemeProvider, null, /*#__PURE__*/_react["default"].createElement(_.Input, {
+        error: "Error message"
+      }))),
+          container = _render4.container;
+
+      expect(container).toMatchSnapshot();
+    });
+    it('should match with helper text and max length', function () {
+      var _render5 = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_.ThemeProvider, null, /*#__PURE__*/_react["default"].createElement(_.Input, {
+        helper: "Helper text",
+        maxLength: 20
+      }))),
+          container = _render5.container;
+
+      expect(container).toMatchSnapshot();
+    });
+    it('should match with helper text, max length and hideMaxLength', function () {
+      var _render6 = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_.ThemeProvider, null, /*#__PURE__*/_react["default"].createElement(_.Input, {
+        helper: "Helper text",
+        maxLength: 20,
+        hideMaxLength: true
+      }))),
+          container = _render6.container;
+
+      expect(container).toMatchSnapshot();
+    });
+    it('should match with full width', function () {
+      var _render7 = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_.ThemeProvider, null, /*#__PURE__*/_react["default"].createElement(_.Input, {
+        label: "Label",
+        full: true
+      }))),
+          container = _render7.container;
+
+      expect(container).toMatchSnapshot();
+    });
+  });
+  describe('Events', function () {
+    it('should call onChange', function () {
+      var onChangeMock = jest.fn();
+      (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_.ThemeProvider, null, /*#__PURE__*/_react["default"].createElement(_.Input, {
+        label: "Input",
+        onChange: onChangeMock,
+        "data-testid": "input"
+      })));
+
+      _react2.fireEvent.change(_react2.screen.getByTestId('input'), {
+        target: {
+          value: 'foo'
+        }
+      });
+
+      expect(onChangeMock).toHaveBeenCalled();
+    });
+    it('should call onFocus', function () {
+      var onFocusMock = jest.fn();
+      (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_.ThemeProvider, null, /*#__PURE__*/_react["default"].createElement(_.Input, {
+        label: "Input",
+        "data-testid": "input",
+        onFocus: onFocusMock
+      })));
+
+      _react2.fireEvent.focus(_react2.screen.getByTestId('input'));
+
+      expect(onFocusMock).toHaveBeenCalled();
+    });
+    it('should call onBlur', function () {
+      var onBlurMock = jest.fn();
+      (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_.ThemeProvider, null, /*#__PURE__*/_react["default"].createElement(_.Input, {
+        label: "Input",
+        "data-testid": "input",
+        onBlur: onBlurMock
+      })));
+
+      _react2.fireEvent.focus(_react2.screen.getByTestId('input'));
+
+      _react2.fireEvent.blur(_react2.screen.getByTestId('input'));
+
+      expect(onBlurMock).toHaveBeenCalled();
+    });
+  });
+  describe('maxLength', function () {
+    it('should update maxLength counter when add character', function () {
+      var _render8 = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_.ThemeProvider, null, /*#__PURE__*/_react["default"].createElement(_.Input, {
+        label: "Input",
+        maxLength: 10
+      }))),
+          rerender = _render8.rerender;
+
+      expect(_react2.screen.getByText('0/10').textContent).toBe('0/10');
+      rerender( /*#__PURE__*/_react["default"].createElement(_.ThemeProvider, null, /*#__PURE__*/_react["default"].createElement(_.Input, {
+        label: "Input",
+        value: "foo",
+        maxLength: 10
+      })));
+      expect(_react2.screen.getByText('3/10').textContent).toBe('3/10');
+    });
+  });
+  describe('clean button', function () {
+    it('should call onClean when press clean button', function () {
+      var onClean = jest.fn();
+      (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_.ThemeProvider, null, /*#__PURE__*/_react["default"].createElement(_.Input, {
+        label: "Input",
+        value: "foo",
+        onClean: onClean
+      })));
+
+      _react2.fireEvent.click(_react2.screen.queryByRole('button'));
+
+      expect(onClean).toHaveBeenCalled();
+    });
+    it('should test if clean button is present', function () {
+      var _render9 = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_.ThemeProvider, null, /*#__PURE__*/_react["default"].createElement(_.Input, {
+        label: "Input"
+      }))),
+          rerender = _render9.rerender; // closeButton
+
+
+      expect(_react2.screen.queryByRole('button')).toBeNull();
+      rerender( /*#__PURE__*/_react["default"].createElement(_.ThemeProvider, null, /*#__PURE__*/_react["default"].createElement(_.Input, {
+        label: "Input",
+        value: "foo"
+      })));
+      expect(_react2.screen.queryByRole('button')).not.toBeNull();
+    });
+  });
+});

package/cjs/Input/web/Number.test.js

@@ -0,0 +1,20 @@
+"use strict";
+
+var _react = _interopRequireDefault(require("react"));
+
+var _react2 = require("@testing-library/react");
+
+var _ = require("../..");
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+
+describe('<Input.Number />', function () {
+  describe('Snapshots', function () {
+    it('should match with default input', function () {
+      var _render = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_.ThemeProvider, null, /*#__PURE__*/_react["default"].createElement(_.Input.Number, null))),
+          container = _render.container;
+
+      expect(container).toMatchSnapshot();
+    });
+  });
+});

package/cjs/Input/web/Password.test.js

@@ -0,0 +1,103 @@
+"use strict";
+
+var _react = _interopRequireDefault(require("react"));
+
+var _react2 = require("@testing-library/react");
+
+var _ = require("../..");
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+
+describe('<Input.Password />', function () {
+  describe('Snapshots', function () {
+    it('should match with default input', function () {
+      var _render = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_.ThemeProvider, null, /*#__PURE__*/_react["default"].createElement(_.Input.Password, null))),
+          container = _render.container;
+
+      expect(container).toMatchSnapshot();
+    });
+    it('should match with disabled input', function () {
+      var _render2 = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_.ThemeProvider, null, /*#__PURE__*/_react["default"].createElement(_.Input.Password, {
+        disabled: true
+      }))),
+          container = _render2.container;
+
+      expect(container).toMatchSnapshot();
+    });
+    it('should match with full width', function () {
+      var _render3 = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_.ThemeProvider, null, /*#__PURE__*/_react["default"].createElement(_.Input.Password, {
+        label: "Label",
+        full: true
+      }))),
+          container = _render3.container;
+
+      expect(container).toMatchSnapshot();
+    });
+  });
+  describe('Events', function () {
+    it('should call onChange', function () {
+      var onChangeMock = jest.fn();
+
+      var _render4 = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_.ThemeProvider, null, /*#__PURE__*/_react["default"].createElement(_.Input.Password, {
+        label: "Input",
+        "data-testid": "input",
+        onChange: onChangeMock
+      }))),
+          getByTestId = _render4.getByTestId;
+
+      _react2.fireEvent.change(getByTestId('input'), {
+        target: {
+          value: 'foo'
+        }
+      });
+
+      expect(onChangeMock).toHaveBeenCalled();
+    });
+    it('should call onFocus', function () {
+      var onFocusMock = jest.fn();
+
+      var _render5 = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_.ThemeProvider, null, /*#__PURE__*/_react["default"].createElement(_.Input.Password, {
+        label: "Input",
+        "data-testid": "input",
+        onFocus: onFocusMock
+      }))),
+          getByTestId = _render5.getByTestId;
+
+      _react2.fireEvent.focus(getByTestId('input'));
+
+      expect(onFocusMock).toHaveBeenCalled();
+    });
+    it('should call onBlur', function () {
+      var onBlurMock = jest.fn();
+
+      var _render6 = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_.ThemeProvider, null, /*#__PURE__*/_react["default"].createElement(_.Input.Password, {
+        label: "Input",
+        "data-testid": "input",
+        onBlur: onBlurMock
+      }))),
+          getByTestId = _render6.getByTestId;
+
+      _react2.fireEvent.focus(getByTestId('input'));
+
+      _react2.fireEvent.blur(getByTestId('input'));
+
+      expect(onBlurMock).toHaveBeenCalled();
+    });
+  });
+  describe('visibility button', function () {
+    it('should toggle password visibility when click visibility button', function () {
+      var _render7 = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_.ThemeProvider, null, /*#__PURE__*/_react["default"].createElement(_.Input.Password, {
+        label: "Input",
+        "data-testid": "input"
+      }))),
+          getByRole = _render7.getByRole,
+          getByTestId = _render7.getByTestId;
+
+      expect(getByTestId('input').type).toBe('password');
+
+      _react2.fireEvent.click(getByRole('button'));
+
+      expect(getByTestId('input').type).toBe('text');
+    });
+  });
+});

package/cjs/Input/web/Tel.test.js

@@ -0,0 +1,20 @@
+"use strict";
+
+var _react = _interopRequireDefault(require("react"));
+
+var _react2 = require("@testing-library/react");
+
+var _ = require("../..");
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+
+describe('<Input.Tel />', function () {
+  describe('Snapshots', function () {
+    it('should match with default input', function () {
+      var _render = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_.ThemeProvider, null, /*#__PURE__*/_react["default"].createElement(_.Input.Tel, null))),
+          container = _render.container;
+
+      expect(container).toMatchSnapshot();
+    });
+  });
+});

package/cjs/List/native/List.test.js

@@ -0,0 +1 @@
+var _interopRequireDefault=require("@babel/runtime/helpers/interopRequireDefault");var _react=_interopRequireDefault(require("react"));var _reactNative=require("@testing-library/react-native");var _reactNative2=require("react-native");var _Theme=_interopRequireDefault(require("../../Theme"));var _=_interopRequireDefault(require(".."));var data=[{key:'Devin'},{key:'Dan'},{key:'Dominic'},{key:'Jackson'},{key:'James'},{key:'Joel'},{key:'John'},{key:'Jillian'},{key:'Jimmy'},{key:'Julie'}];describe('<List />',function(){describe('Snapshots',function(){describe('Without props',function(){it('should match snapshot with a default list',function(){var _render=(0,_reactNative.render)(_react["default"].createElement(_Theme["default"],null,_react["default"].createElement(_["default"],{data:data,renderItem:function renderItem(_ref){var item=_ref.item;return _react["default"].createElement(_["default"].Item,null,_react["default"].createElement(_reactNative2.Text,null,item.key));}}))),container=_render.container;expect(container).toMatchSnapshot();});it('should match snapshot with a small list',function(){var _render2=(0,_reactNative.render)(_react["default"].createElement(_Theme["default"],null,_react["default"].createElement(_["default"],{data:data,renderItem:function renderItem(_ref2){var item=_ref2.item;return _react["default"].createElement(_["default"].Item,{small:true},_react["default"].createElement(_reactNative2.Text,null,item.key));}}))),container=_render2.container;expect(container).toMatchSnapshot();});it('should match snapshot with a list without divisors',function(){var _render3=(0,_reactNative.render)(_react["default"].createElement(_Theme["default"],null,_react["default"].createElement(_["default"],{data:data,renderItem:function renderItem(_ref3){var item=_ref3.item;return _react["default"].createElement(_["default"].Item,{divided:false},_react["default"].createElement(_reactNative2.Text,null,item.key));}}))),container=_render3.container;expect(container).toMatchSnapshot();});it('should match snapshot with a horizontal list',function(){var _render4=(0,_reactNative.render)(_react["default"].createElement(_Theme["default"],null,_react["default"].createElement(_["default"],{horizontal:true,data:data,renderItem:function renderItem(_ref4){var item=_ref4.item;return _react["default"].createElement(_["default"].Item,null,_react["default"].createElement(_reactNative2.Text,null,item.key));}}))),container=_render4.container;expect(container).toMatchSnapshot();});it('should call onPress when selectable item is pressed',function(){var a={key:'Devin',onPress:jest.fn()};var _render5=(0,_reactNative.render)(_react["default"].createElement(_Theme["default"],null,_react["default"].createElement(_["default"],{data:[a],renderItem:function renderItem(_ref5){var item=_ref5.item;return _react["default"].createElement(_["default"].Item,{onPress:item.onPress},_react["default"].createElement(_reactNative2.Text,null,item.key));}}))),getByText=_render5.getByText;var selectableItem=getByText(a.key);_reactNative.fireEvent.press(selectableItem);expect(a.onPress).toHaveBeenCalled();});});});});