@gympass/yoga 7.26.1 → 7.26.2

package/cjs/Snackbar/web/Snackbar.js

@@ -23,7 +23,7 @@ var _Icon = _interopRequireDefault(require("../../Icon"));
 
 var _Text = _interopRequireDefault(require("../../Text"));
 
-var _excluded = ["open", "duration", "variant", "hideIcon", "message", "actionLabel", "onAction", "onClose", "theme"];
+var _excluded = ["open", "duration", "variant", "hideIcon", "message", "actionLabel", "onAction", "onClose", "hideCloseButton", "theme"];
 
 var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6;
 
@@ -61,6 +61,7 @@ var Snackbar = function Snackbar(_ref2) {
       actionLabel = _ref2.actionLabel,
       onAction = _ref2.onAction,
       onClose = _ref2.onClose,
+      hideCloseButton = _ref2.hideCloseButton,
       snackbar = _ref2.theme.yoga.components.snackbar,
       props = _objectWithoutPropertiesLoose(_ref2, _excluded);
 
@@ -100,14 +101,13 @@ var Snackbar = function Snackbar(_ref2) {
     onClick: onAction,
     secondary: true,
     small: true
-  }, actionLabel), !duration && onClose && /*#__PURE__*/_react["default"].createElement(IconButtonWrapper, {
+  }, actionLabel), !hideCloseButton && onClose && /*#__PURE__*/_react["default"].createElement(IconButtonWrapper, {
     role: "button",
     onClick: onClose
   }, /*#__PURE__*/_react["default"].createElement(_Icon["default"], {
     as: _yogaIcons.Close,
     fill: "secondary",
-    width: "large",
-    height: "large"
+    size: "medium"
   }))));
 };
 
@@ -115,7 +115,13 @@ Snackbar.propTypes = {
   /** Controls the snackbar visibility. */
   open: _propTypes.bool,
 
-  /** A number in milliseconds to close snackbar automaticaly. The `onClose` function becomes required when passing this function. */
+  /** The message shown when snackbar is opened. */
+  message: _propTypes.string.isRequired,
+
+  /** Function to close the snackbar. */
+  onClose: _propTypes.func.isRequired,
+
+  /** A number in milliseconds to close snackbar automaticaly. */
   duration: _propTypes.number,
 
   /** Label for a custom action. */
@@ -124,17 +130,14 @@ Snackbar.propTypes = {
   /** Controls the snackbar icon visibility. */
   hideIcon: _propTypes.bool,
 
-  /** The message shown when snackbar is opened. */
-  message: _propTypes.string.isRequired,
-
   /** Function for the custom action. The `actionLabel` becomes required when passing this function. */
   onAction: _propTypes.func,
 
-  /** Function to close the snackbar. */
-  onClose: _propTypes.func,
-
   /** The style variant, it may be "success", "failure" or "info". */
-  variant: (0, _propTypes.oneOf)(['success', 'failure', 'info'])
+  variant: (0, _propTypes.oneOf)(['success', 'failure', 'info']),
+
+  /** Hides the close button. */
+  hideCloseButton: _propTypes.bool
 };
 Snackbar.defaultProps = {
   open: false,
@@ -142,8 +145,8 @@ Snackbar.defaultProps = {
   actionLabel: undefined,
   hideIcon: false,
   onAction: undefined,
-  onClose: undefined,
-  variant: 'success'
+  variant: 'success',
+  hideCloseButton: false
 };
 
 var _default = /*#__PURE__*/(0, _react.memo)((0, _styledComponents.withTheme)(Snackbar));

package/esm/Snackbar/web/Snackbar.js

@@ -1,4 +1,4 @@
-var _excluded = ["open", "duration", "variant", "hideIcon", "message", "actionLabel", "onAction", "onClose", "theme"];
+var _excluded = ["open", "duration", "variant", "hideIcon", "message", "actionLabel", "onAction", "onClose", "hideCloseButton", "theme"];
 
 var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6;
 
@@ -37,6 +37,7 @@ var Snackbar = function Snackbar(_ref2) {
       actionLabel = _ref2.actionLabel,
       onAction = _ref2.onAction,
       onClose = _ref2.onClose,
+      hideCloseButton = _ref2.hideCloseButton,
       snackbar = _ref2.theme.yoga.components.snackbar,
       props = _objectWithoutPropertiesLoose(_ref2, _excluded);
 
@@ -76,14 +77,13 @@ var Snackbar = function Snackbar(_ref2) {
     onClick: onAction,
     secondary: true,
     small: true
-  }, actionLabel), !duration && onClose && /*#__PURE__*/React.createElement(IconButtonWrapper, {
+  }, actionLabel), !hideCloseButton && onClose && /*#__PURE__*/React.createElement(IconButtonWrapper, {
     role: "button",
     onClick: onClose
   }, /*#__PURE__*/React.createElement(Icon, {
     as: Close,
     fill: "secondary",
-    width: "large",
-    height: "large"
+    size: "medium"
   }))));
 };
 
@@ -91,7 +91,13 @@ Snackbar.propTypes = {
   /** Controls the snackbar visibility. */
   open: bool,
 
-  /** A number in milliseconds to close snackbar automaticaly. The `onClose` function becomes required when passing this function. */
+  /** The message shown when snackbar is opened. */
+  message: string.isRequired,
+
+  /** Function to close the snackbar. */
+  onClose: func.isRequired,
+
+  /** A number in milliseconds to close snackbar automaticaly. */
   duration: number,
 
   /** Label for a custom action. */
@@ -100,17 +106,14 @@ Snackbar.propTypes = {
   /** Controls the snackbar icon visibility. */
   hideIcon: bool,
 
-  /** The message shown when snackbar is opened. */
-  message: string.isRequired,
-
   /** Function for the custom action. The `actionLabel` becomes required when passing this function. */
   onAction: func,
 
-  /** Function to close the snackbar. */
-  onClose: func,
-
   /** The style variant, it may be "success", "failure" or "info". */
-  variant: oneOf(['success', 'failure', 'info'])
+  variant: oneOf(['success', 'failure', 'info']),
+
+  /** Hides the close button. */
+  hideCloseButton: bool
 };
 Snackbar.defaultProps = {
   open: false,
@@ -118,7 +121,7 @@ Snackbar.defaultProps = {
   actionLabel: undefined,
   hideIcon: false,
   onAction: undefined,
-  onClose: undefined,
-  variant: 'success'
+  variant: 'success',
+  hideCloseButton: false
 };
 export default /*#__PURE__*/memo(withTheme(Snackbar));

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@gympass/yoga",
-  "version": "7.26.1",
+  "version": "7.26.2",
   "description": "Gympass component library",
   "main": "./cjs",
   "sideEffects": false,
@@ -49,7 +49,7 @@
     "react": ">=16",
     "styled-components": "^4.4.0"
   },
-  "gitHead": "2988e560a79a4e9259f0c236e0a3aec95b1df952",
+  "gitHead": "b824aa6adad559c93d8f730a58ae8e4b951fc694",
   "module": "./esm",
   "private": false,
   "react-native": "./cjs/index.native.js"