@gympass/yoga 7.54.0 → 7.54.2

package/cjs/Datepicker/web/Datepicker.js

@@ -117,7 +117,7 @@ var ErrorWrapper = (0, _styledComponents["default"])(_yoga.Text.Small)(_template
 });
 
 var toUTC = function toUTC(date) {
-  return new Date(date.getUTCFullYear(), date.getUTCMonth(), date.getUTCDate(), date.getUTCHours(), date.getUTCMinutes(), date.getUTCSeconds());
+  return new Date(date.getUTCFullYear(), date.getUTCMonth(), date.getUTCDate());
 };
 
 exports.toUTC = toUTC;
@@ -213,8 +213,8 @@ function Datepicker(_ref8) {
     }
   };
 
-  var renderInput = function renderInput() {
-    if (!startDate && !endDate || displayEndDateOnly && !endDate) {
+  var renderInput = function renderInput(start, end) {
+    if (!start && !end || displayEndDateOnly && !end) {
       return /*#__PURE__*/_react["default"].createElement(InputPlaceholder, {
         disabled: disabled
       }, placeholder != null ? placeholder : "Select Date");
@@ -223,10 +223,10 @@ function Datepicker(_ref8) {
     var dateFormat = 'MMM d, yyyy';
     if (displayEndDateOnly) return /*#__PURE__*/_react["default"].createElement(Input, {
       disabled: disabled
-    }, endDate && (0, _dateFns.format)(endDate, dateFormat));
-    return startDate && /*#__PURE__*/_react["default"].createElement(Input, {
+    }, end && (0, _dateFns.format)(toUTC(end), dateFormat));
+    return start && /*#__PURE__*/_react["default"].createElement(Input, {
       disabled: disabled
-    }, (0, _dateFns.format)(startDate, dateFormat), endDate && " - " + (0, _dateFns.format)(endDate, dateFormat));
+    }, (0, _dateFns.format)(toUTC(start), dateFormat), end && " - " + (0, _dateFns.format)(toUTC(end), dateFormat));
   };
 
   return /*#__PURE__*/_react["default"].createElement(Wrapper, {
@@ -237,7 +237,7 @@ function Datepicker(_ref8) {
     disabled: disabled,
     error: error,
     inputFilled: inputFilled
-  }, renderInput(), /*#__PURE__*/_react["default"].createElement(TButton, {
+  }, renderInput(type === 'range' && !customOnSelectRange ? startDateLocal : startDate, type === 'range' && !customOnSelectRange ? endDateLocal : endDate), /*#__PURE__*/_react["default"].createElement(TButton, {
     onClick: function onClick() {
       if (!disabled) {
         setOpen((open !== 'true').toString());

package/cjs/Datepicker/web/Datepicker.test.js

@@ -8,10 +8,12 @@ var _dateFns = require("date-fns");
 
 var _ = require("../..");
 
+var _Datepicker = require("./Datepicker");
+
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
 
 describe('<Datepicker />', function () {
-  var testDate = new Date(2022, 7, 3);
+  var testDate = new Date(2022, 7, 3, 14, 0, 0);
   describe('Snapshots', function () {
     it('should match with single Datepicker', function () {
       var _render = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_.ThemeProvider, null, /*#__PURE__*/_react["default"].createElement(_.Datepicker, {
@@ -168,15 +170,15 @@ describe('<Datepicker />', function () {
         type: "single",
         startDate: currentDate
       })));
-      var formattedDate = (0, _dateFns.format)(currentDate, dateFormat);
+      var formattedDate = (0, _dateFns.format)((0, _Datepicker.toUTC)(currentDate), dateFormat);
       expect(_react2.screen.getByText(formattedDate)).toBeVisible();
     });
     it('should display default date range on range Datepicker', function () {
       var currentDate = new Date();
       var end = new Date();
       end.setDate(currentDate.getDate() + 15);
-      var formattedStartDate = (0, _dateFns.format)(currentDate, dateFormat);
-      var formattedEndDate = (0, _dateFns.format)(end, dateFormat);
+      var formattedStartDate = (0, _dateFns.format)((0, _Datepicker.toUTC)(currentDate), dateFormat);
+      var formattedEndDate = (0, _dateFns.format)((0, _Datepicker.toUTC)(end), dateFormat);
       (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_.ThemeProvider, null, /*#__PURE__*/_react["default"].createElement(_.Datepicker, {
         type: "range",
         startDate: currentDate,
@@ -266,7 +268,7 @@ describe('<Datepicker />', function () {
         startDate: testDate,
         disabled: true
       })));
-      var formattedDate = (0, _dateFns.format)(testDate, dateFormat);
+      var formattedDate = (0, _dateFns.format)((0, _Datepicker.toUTC)(testDate), dateFormat);
 
       var datepickerInput = _react2.screen.getByText(formattedDate);
 

package/cjs/Tag/native/Informative.js

@@ -1 +1 @@
-var _interopRequireDefault=require("@babel/runtime/helpers/interopRequireDefault");Object.defineProperty(exports,"__esModule",{value:true});exports["default"]=void 0;var _extends2=_interopRequireDefault(require("@babel/runtime/helpers/extends"));var _objectWithoutProperties2=_interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));var _taggedTemplateLiteralLoose2=_interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteralLoose"));var _react=_interopRequireDefault(require("react"));var _styledComponents=_interopRequireWildcard(require("styled-components"));var _propTypes=require("prop-types");var _yogaSystem=require("@gympass/yoga-system");var _Tag=require("./Tag");var _Icon=_interopRequireDefault(require("../../Icon"));var _excluded=["children","icon","theme","small"];var _templateObject,_templateObject2,_templateObject3;function _getRequireWildcardCache(nodeInterop){if(typeof WeakMap!=="function")return null;var cacheBabelInterop=new WeakMap();var cacheNodeInterop=new WeakMap();return(_getRequireWildcardCache=function _getRequireWildcardCache(nodeInterop){return nodeInterop?cacheNodeInterop:cacheBabelInterop;})(nodeInterop);}function _interopRequireWildcard(obj,nodeInterop){if(!nodeInterop&&obj&&obj.__esModule){return obj;}if(obj===null||typeof obj!=="object"&&typeof obj!=="function"){return{"default":obj};}var cache=_getRequireWildcardCache(nodeInterop);if(cache&&cache.has(obj)){return cache.get(obj);}var newObj={};var hasPropertyDescriptor=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var key in obj){if(key!=="default"&&Object.prototype.hasOwnProperty.call(obj,key)){var desc=hasPropertyDescriptor?Object.getOwnPropertyDescriptor(obj,key):null;if(desc&&(desc.get||desc.set)){Object.defineProperty(newObj,key,desc);}else{newObj[key]=obj[key];}}}newObj["default"]=obj;if(cache){cache.set(obj,newObj);}return newObj;}var Informative=(0,_styledComponents["default"])(_Tag.StyledTag)(_templateObject||(_templateObject=(0,_taggedTemplateLiteralLoose2["default"])(["\n  ","\n\n  ","\n"])),function(_ref){var variant=_ref.variant,_ref$theme$yoga=_ref.theme.yoga,_ref$theme$yoga$color=_ref$theme$yoga.colors,text=_ref$theme$yoga$color.text,_ref$theme$yoga$color2=_ref$theme$yoga$color.feedback[variant],color=_ref$theme$yoga$color2===void 0?{light:text.secondary}:_ref$theme$yoga$color2,tag=_ref$theme$yoga.components.tag;return"\n    background-color: "+color.light+";\n    border-color: "+color.light+";\n    border-radius: "+tag.border.radius+"px;\n  ";},_yogaSystem.margins);var Wrapper=_styledComponents["default"].View(_templateObject2||(_templateObject2=(0,_taggedTemplateLiteralLoose2["default"])(["\n  flex-direction: row;\n  justify-content: center;\n  align-items: center;\n"])));var StyledTextInformative=(0,_styledComponents["default"])(_Tag.StyledText)(_templateObject3||(_templateObject3=(0,_taggedTemplateLiteralLoose2["default"])(["\n  ","\n"])),function(_ref2){var _ref2$theme$yoga=_ref2.theme.yoga,text=_ref2$theme$yoga.colors.text,tag=_ref2$theme$yoga.components.tag;return"\n    color: "+text.primary+";\n\n    font-size: "+tag.font.size+"px;\n    line-height: "+tag.font.lineHeight+"px;\n    font-weight: "+tag.font.weight+";\n  ";});var TagInformative=function TagInformative(_ref3){var children=_ref3.children,icon=_ref3.icon,_ref3$theme$yoga=_ref3.theme.yoga,text=_ref3$theme$yoga.colors.text,tag=_ref3$theme$yoga.components.tag,small=_ref3.small,props=(0,_objectWithoutProperties2["default"])(_ref3,_excluded);return _react["default"].createElement(Informative,(0,_extends2["default"])({small:small},props),_react["default"].createElement(Wrapper,null,icon&&_react["default"].createElement(_Icon["default"],{as:icon,size:small?tag.icon.size.small:tag.icon.size["default"],fill:text.primary,marginRight:tag.icon.margin.right}),_react["default"].createElement(StyledTextInformative,null,children)));};TagInformative.propTypes={variant:(0,_propTypes.oneOf)(['success','informative','attention']).isRequired,icon:_propTypes.func,children:_propTypes.node.isRequired,small:_propTypes.bool};TagInformative.defaultProps={icon:undefined,small:false};TagInformative.displayName='Tag.Informative';var _default=(0,_styledComponents.withTheme)(TagInformative);exports["default"]=_default;
+var _interopRequireDefault=require("@babel/runtime/helpers/interopRequireDefault");Object.defineProperty(exports,"__esModule",{value:true});exports["default"]=void 0;var _extends2=_interopRequireDefault(require("@babel/runtime/helpers/extends"));var _objectWithoutProperties2=_interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));var _taggedTemplateLiteralLoose2=_interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteralLoose"));var _react=_interopRequireDefault(require("react"));var _styledComponents=_interopRequireWildcard(require("styled-components"));var _propTypes=require("prop-types");var _yogaSystem=require("@gympass/yoga-system");var _Tag=require("./Tag");var _Icon=_interopRequireDefault(require("../../Icon"));var _excluded=["children","icon","theme","small"];var _templateObject,_templateObject2,_templateObject3;function _getRequireWildcardCache(nodeInterop){if(typeof WeakMap!=="function")return null;var cacheBabelInterop=new WeakMap();var cacheNodeInterop=new WeakMap();return(_getRequireWildcardCache=function _getRequireWildcardCache(nodeInterop){return nodeInterop?cacheNodeInterop:cacheBabelInterop;})(nodeInterop);}function _interopRequireWildcard(obj,nodeInterop){if(!nodeInterop&&obj&&obj.__esModule){return obj;}if(obj===null||typeof obj!=="object"&&typeof obj!=="function"){return{"default":obj};}var cache=_getRequireWildcardCache(nodeInterop);if(cache&&cache.has(obj)){return cache.get(obj);}var newObj={};var hasPropertyDescriptor=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var key in obj){if(key!=="default"&&Object.prototype.hasOwnProperty.call(obj,key)){var desc=hasPropertyDescriptor?Object.getOwnPropertyDescriptor(obj,key):null;if(desc&&(desc.get||desc.set)){Object.defineProperty(newObj,key,desc);}else{newObj[key]=obj[key];}}}newObj["default"]=obj;if(cache){cache.set(obj,newObj);}return newObj;}var Informative=(0,_styledComponents["default"])(_Tag.StyledTag)(_templateObject||(_templateObject=(0,_taggedTemplateLiteralLoose2["default"])(["\n  ","\n\n  ","\n"])),function(_ref){var variant=_ref.variant,_ref$theme$yoga=_ref.theme.yoga,_ref$theme$yoga$color=_ref$theme$yoga.colors,text=_ref$theme$yoga$color.text,_ref$theme$yoga$color2=_ref$theme$yoga$color.feedback[variant],color=_ref$theme$yoga$color2===void 0?{light:text.secondary}:_ref$theme$yoga$color2,tag=_ref$theme$yoga.components.tag;return"\n    background-color: "+color.light+";\n    border-color: "+color.light+";\n    border-radius: "+tag.border.radius+"px;\n  ";},_yogaSystem.margins);var Wrapper=_styledComponents["default"].View(_templateObject2||(_templateObject2=(0,_taggedTemplateLiteralLoose2["default"])(["\n  flex-direction: row;\n  justify-content: center;\n  align-items: center;\n"])));var StyledTextInformative=(0,_styledComponents["default"])(_Tag.StyledText)(_templateObject3||(_templateObject3=(0,_taggedTemplateLiteralLoose2["default"])(["\n  ","\n"])),function(_ref2){var _ref2$theme$yoga=_ref2.theme.yoga,text=_ref2$theme$yoga.colors.text,tag=_ref2$theme$yoga.components.tag;return"\n    color: "+text.primary+";\n\n    font-size: "+tag.font.size+"px;\n    line-height: "+tag.font.lineHeight+"px;\n    font-weight: "+tag.font.weight+";\n  ";});var TagInformative=function TagInformative(_ref3){var children=_ref3.children,icon=_ref3.icon,_ref3$theme$yoga=_ref3.theme.yoga,text=_ref3$theme$yoga.colors.text,tag=_ref3$theme$yoga.components.tag,small=_ref3.small,props=(0,_objectWithoutProperties2["default"])(_ref3,_excluded);return _react["default"].createElement(Informative,(0,_extends2["default"])({small:small},props),_react["default"].createElement(Wrapper,null,icon&&_react["default"].createElement(_Icon["default"],{as:icon,size:small?tag.icon.size.small:tag.icon.size["default"],fill:text.primary,marginRight:tag.icon.margin.right}),_react["default"].createElement(StyledTextInformative,null,children)));};TagInformative.propTypes={variant:(0,_propTypes.oneOf)(['neutral','success','informative','attention']),icon:_propTypes.func,children:_propTypes.node.isRequired,small:_propTypes.bool};TagInformative.defaultProps={variant:'neutral',icon:undefined,small:false};TagInformative.displayName='Tag.Informative';var _default=(0,_styledComponents.withTheme)(TagInformative);exports["default"]=_default;

package/cjs/Tag/native/Tag.test.js

@@ -1 +1 @@
-var _interopRequireDefault=require("@babel/runtime/helpers/interopRequireDefault");var _react=_interopRequireDefault(require("react"));var _reactNative=require("@testing-library/react-native");var _yogaIcons=require("@gympass/yoga-icons");var _=require("../..");describe('<Tag />',function(){it('should match snapshot',function(){var _render=(0,_reactNative.render)(_react["default"].createElement(_.ThemeProvider,null,_react["default"].createElement(_.Tag,null,"default"))),toJSON=_render.toJSON;expect(toJSON()).toMatchSnapshot();});it('should match snapshot with custom icon and informative type',function(){var _render2=(0,_reactNative.render)(_react["default"].createElement(_.ThemeProvider,null,_react["default"].createElement(_.Tag.Informative,{variant:"success",icon:_yogaIcons.Building},"success with custom icon"),_react["default"].createElement(_.Tag.Informative,{variant:"success",icon:_yogaIcons.Building,small:true},"success with custom icon"))),toJSON=_render2.toJSON;expect(toJSON()).toMatchSnapshot();});it('should match snapshot with without icon and informative type',function(){var _render3=(0,_reactNative.render)(_react["default"].createElement(_.ThemeProvider,null,_react["default"].createElement(_.Tag.Informative,{variant:"success"},"success without icon"),_react["default"].createElement(_.Tag.Informative,{variant:"success",small:true},"success without icon"))),toJSON=_render3.toJSON;expect(toJSON()).toMatchSnapshot();});it('should match snapshot with variant prop',function(){var _render4=(0,_reactNative.render)(_react["default"].createElement(_.ThemeProvider,null,_react["default"].createElement(_.Tag,{variant:"success"},"success"),_react["default"].createElement(_.Tag,{variant:"informative"},"informative"),_react["default"].createElement(_.Tag,{variant:"attention"},"attention"),_react["default"].createElement(_.Tag,{variant:"attention",small:true},"attention small"))),toJSON=_render4.toJSON;expect(toJSON()).toMatchSnapshot();});it('should match snapshot with variant prop and informative type',function(){var _render5=(0,_reactNative.render)(_react["default"].createElement(_.ThemeProvider,null,_react["default"].createElement(_.Tag.Informative,{variant:"success"},"success"),_react["default"].createElement(_.Tag.Informative,{variant:"informative"},"informative"),_react["default"].createElement(_.Tag.Informative,{variant:"attention"},"attention"),_react["default"].createElement(_.Tag.Informative,{variant:"attention",small:true},"attention small"))),toJSON=_render5.toJSON;expect(toJSON()).toMatchSnapshot();});it('should match snapshot with variant and margin prop ',function(){var _render6=(0,_reactNative.render)(_react["default"].createElement(_.ThemeProvider,null,_react["default"].createElement(_.Tag,{variant:"success"},"success"),_react["default"].createElement(_.Tag,{mv:"medium",variant:"informative"},"informative"),_react["default"].createElement(_.Tag,{variant:"attention"},"attention"))),toJSON=_render6.toJSON;expect(toJSON()).toMatchSnapshot();});it('should match snapshot with variant prop and informative type with margin prop',function(){var _render7=(0,_reactNative.render)(_react["default"].createElement(_.ThemeProvider,null,_react["default"].createElement(_.Tag.Informative,{variant:"success"},"success"),_react["default"].createElement(_.Tag.Informative,{mv:"medium",variant:"informative"},"informative"),_react["default"].createElement(_.Tag.Informative,{variant:"attention"},"attention"))),toJSON=_render7.toJSON;expect(toJSON()).toMatchSnapshot();});});
+var _interopRequireDefault=require("@babel/runtime/helpers/interopRequireDefault");var _react=_interopRequireDefault(require("react"));var _reactNative=require("@testing-library/react-native");var _yogaIcons=require("@gympass/yoga-icons");var _=require("../..");describe('<Tag />',function(){it('should match snapshot',function(){var _render=(0,_reactNative.render)(_react["default"].createElement(_.ThemeProvider,null,_react["default"].createElement(_.Tag,null,"default"))),toJSON=_render.toJSON;expect(toJSON()).toMatchSnapshot();});it('should match snapshot with custom icon and informative type',function(){var _render2=(0,_reactNative.render)(_react["default"].createElement(_.ThemeProvider,null,_react["default"].createElement(_.Tag.Informative,{variant:"success",icon:_yogaIcons.Building},"success with custom icon"),_react["default"].createElement(_.Tag.Informative,{variant:"success",icon:_yogaIcons.Building,small:true},"success with custom icon"))),toJSON=_render2.toJSON;expect(toJSON()).toMatchSnapshot();});it('should match snapshot with without icon and informative type',function(){var _render3=(0,_reactNative.render)(_react["default"].createElement(_.ThemeProvider,null,_react["default"].createElement(_.Tag.Informative,{variant:"success"},"success without icon"),_react["default"].createElement(_.Tag.Informative,{variant:"success",small:true},"success without icon"))),toJSON=_render3.toJSON;expect(toJSON()).toMatchSnapshot();});it('should match snapshot with variant prop',function(){var _render4=(0,_reactNative.render)(_react["default"].createElement(_.ThemeProvider,null,_react["default"].createElement(_.Tag,{variant:"success"},"success"),_react["default"].createElement(_.Tag,{variant:"informative"},"informative"),_react["default"].createElement(_.Tag,{variant:"attention"},"attention"),_react["default"].createElement(_.Tag,{variant:"attention",small:true},"attention small"))),toJSON=_render4.toJSON;expect(toJSON()).toMatchSnapshot();});it('should match snapshot with variant prop and informative type',function(){var _render5=(0,_reactNative.render)(_react["default"].createElement(_.ThemeProvider,null,_react["default"].createElement(_.Tag.Informative,{variant:"neutral"},"neutral"),_react["default"].createElement(_.Tag.Informative,{variant:"success"},"success"),_react["default"].createElement(_.Tag.Informative,{variant:"informative"},"informative"),_react["default"].createElement(_.Tag.Informative,{variant:"attention"},"attention"),_react["default"].createElement(_.Tag.Informative,{variant:"attention",small:true},"attention small"))),toJSON=_render5.toJSON;expect(toJSON()).toMatchSnapshot();});it('should match snapshot with variant and margin prop ',function(){var _render6=(0,_reactNative.render)(_react["default"].createElement(_.ThemeProvider,null,_react["default"].createElement(_.Tag,{variant:"success"},"success"),_react["default"].createElement(_.Tag,{mv:"medium",variant:"informative"},"informative"),_react["default"].createElement(_.Tag,{variant:"attention"},"attention"))),toJSON=_render6.toJSON;expect(toJSON()).toMatchSnapshot();});it('should match snapshot with variant prop and informative type with margin prop',function(){var _render7=(0,_reactNative.render)(_react["default"].createElement(_.ThemeProvider,null,_react["default"].createElement(_.Tag.Informative,{variant:"success"},"success"),_react["default"].createElement(_.Tag.Informative,{mv:"medium",variant:"informative"},"informative"),_react["default"].createElement(_.Tag.Informative,{variant:"attention"},"attention"))),toJSON=_render7.toJSON;expect(toJSON()).toMatchSnapshot();});});

package/esm/Datepicker/web/Datepicker.js

@@ -94,7 +94,7 @@ var ErrorWrapper = styled(Text.Small)(_templateObject9 || (_templateObject9 = _t
   return "\n    margin-top: " + components.input.helper.margin.top + "px;\n    font-size: " + components.input.helper.font.size + "px;\n    color: " + colors.feedback.attention[1] + ";\n    position: absolute;\n  ";
 });
 export var toUTC = function toUTC(date) {
-  return new Date(date.getUTCFullYear(), date.getUTCMonth(), date.getUTCDate(), date.getUTCHours(), date.getUTCMinutes(), date.getUTCSeconds());
+  return new Date(date.getUTCFullYear(), date.getUTCMonth(), date.getUTCDate());
 };
 
 function Datepicker(_ref8) {
@@ -188,8 +188,8 @@ function Datepicker(_ref8) {
     }
   };
 
-  var renderInput = function renderInput() {
-    if (!startDate && !endDate || displayEndDateOnly && !endDate) {
+  var renderInput = function renderInput(start, end) {
+    if (!start && !end || displayEndDateOnly && !end) {
       return /*#__PURE__*/React.createElement(InputPlaceholder, {
         disabled: disabled
       }, placeholder != null ? placeholder : "Select Date");
@@ -198,10 +198,10 @@ function Datepicker(_ref8) {
     var dateFormat = 'MMM d, yyyy';
     if (displayEndDateOnly) return /*#__PURE__*/React.createElement(Input, {
       disabled: disabled
-    }, endDate && format(endDate, dateFormat));
-    return startDate && /*#__PURE__*/React.createElement(Input, {
+    }, end && format(toUTC(end), dateFormat));
+    return start && /*#__PURE__*/React.createElement(Input, {
       disabled: disabled
-    }, format(startDate, dateFormat), endDate && " - " + format(endDate, dateFormat));
+    }, format(toUTC(start), dateFormat), end && " - " + format(toUTC(end), dateFormat));
   };
 
   return /*#__PURE__*/React.createElement(Wrapper, {
@@ -212,7 +212,7 @@ function Datepicker(_ref8) {
     disabled: disabled,
     error: error,
     inputFilled: inputFilled
-  }, renderInput(), /*#__PURE__*/React.createElement(TButton, {
+  }, renderInput(type === 'range' && !customOnSelectRange ? startDateLocal : startDate, type === 'range' && !customOnSelectRange ? endDateLocal : endDate), /*#__PURE__*/React.createElement(TButton, {
     onClick: function onClick() {
       if (!disabled) {
         setOpen((open !== 'true').toString());

package/esm/Datepicker/web/Datepicker.test.js

@@ -2,8 +2,9 @@ import React from 'react';
 import { fireEvent, render, screen } from '@testing-library/react';
 import { format } from 'date-fns';
 import { ThemeProvider, Datepicker } from '../..';
+import { toUTC } from './Datepicker';
 describe('<Datepicker />', function () {
-  var testDate = new Date(2022, 7, 3);
+  var testDate = new Date(2022, 7, 3, 14, 0, 0);
   describe('Snapshots', function () {
     it('should match with single Datepicker', function () {
       var _render = render( /*#__PURE__*/React.createElement(ThemeProvider, null, /*#__PURE__*/React.createElement(Datepicker, {
@@ -142,15 +143,15 @@ describe('<Datepicker />', function () {
         type: "single",
         startDate: currentDate
       })));
-      var formattedDate = format(currentDate, dateFormat);
+      var formattedDate = format(toUTC(currentDate), dateFormat);
       expect(screen.getByText(formattedDate)).toBeVisible();
     });
     it('should display default date range on range Datepicker', function () {
       var currentDate = new Date();
       var end = new Date();
       end.setDate(currentDate.getDate() + 15);
-      var formattedStartDate = format(currentDate, dateFormat);
-      var formattedEndDate = format(end, dateFormat);
+      var formattedStartDate = format(toUTC(currentDate), dateFormat);
+      var formattedEndDate = format(toUTC(end), dateFormat);
       render( /*#__PURE__*/React.createElement(ThemeProvider, null, /*#__PURE__*/React.createElement(Datepicker, {
         type: "range",
         startDate: currentDate,
@@ -230,7 +231,7 @@ describe('<Datepicker />', function () {
         startDate: testDate,
         disabled: true
       })));
-      var formattedDate = format(testDate, dateFormat);
+      var formattedDate = format(toUTC(testDate), dateFormat);
       var datepickerInput = screen.getByText(formattedDate);
       expect(datepickerInput).toHaveAttribute('disabled');
       expect(datepickerInput.closest('div')).toHaveAttribute('disabled');

package/esm/Tag/native/Informative.js

@@ -55,8 +55,8 @@ var TagInformative = function TagInformative(_ref3) {
 };
 
 TagInformative.propTypes = {
-  /** style the tag following the theme (success, informative, attention) */
-  variant: oneOf(['success', 'informative', 'attention']).isRequired,
+  /** style the tag following the theme (neutral, success, informative, attention) */
+  variant: oneOf(['neutral', 'success', 'informative', 'attention']),
   icon: func,
   children: node.isRequired,
 
@@ -64,6 +64,7 @@ TagInformative.propTypes = {
   small: bool
 };
 TagInformative.defaultProps = {
+  variant: 'neutral',
   icon: undefined,
   small: false
 };

package/esm/Tag/native/Tag.test.js

@@ -50,6 +50,8 @@ describe('<Tag />', function () {
   });
   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: "neutral"
+    }, "neutral"), /*#__PURE__*/React.createElement(Tag.Informative, {
       variant: "success"
     }, "success"), /*#__PURE__*/React.createElement(Tag.Informative, {
       variant: "informative"

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@gympass/yoga",
-  "version": "7.54.0",
+  "version": "7.54.2",
   "description": "Gympass component library",
   "main": "./cjs",
   "sideEffects": false,
@@ -52,7 +52,7 @@
     "react": ">=16",
     "styled-components": "^4.4.0"
   },
-  "gitHead": "5ca2f69dd7404186a908a6a69141243ae4242285",
+  "gitHead": "47d8327806dfc5b3a215f20322614a9a0ea28255",
   "module": "./esm",
   "private": false,
   "react-native": "./cjs/index.native.js"