@blerp/design 1.0.83 → 1.0.85

package/dist/index.cjs.js

@@ -29,6 +29,7 @@ var Dropzone = require('react-dropzone');
 var InsertPhotoRoundedIcon = require('@mui/icons-material/InsertPhotoRounded');
 var styles = require('@mui/material/styles');
 var Slide = require('@mui/material/Slide');
+var Fade = require('@mui/material/Fade');
 var Lottie = require('react-lottie');
 var AddRoundedIcon = require('@mui/icons-material/AddRounded');
 var FacebookIcon = require('@mui/icons-material/Facebook');
@@ -96,6 +97,7 @@ var AvatarEditor__default = /*#__PURE__*/_interopDefaultLegacy(AvatarEditor);
 var Dropzone__default = /*#__PURE__*/_interopDefaultLegacy(Dropzone);
 var InsertPhotoRoundedIcon__default = /*#__PURE__*/_interopDefaultLegacy(InsertPhotoRoundedIcon);
 var Slide__default = /*#__PURE__*/_interopDefaultLegacy(Slide);
+var Fade__default = /*#__PURE__*/_interopDefaultLegacy(Fade);
 var Lottie__default = /*#__PURE__*/_interopDefaultLegacy(Lottie);
 var AddRoundedIcon__default = /*#__PURE__*/_interopDefaultLegacy(AddRoundedIcon);
 var FacebookIcon__default = /*#__PURE__*/_interopDefaultLegacy(FacebookIcon);
@@ -4191,12 +4193,6 @@ var SnackbarContext = /*#__PURE__*/React__default['default'].createContext({
   }
 });
 
-var slideTransition = function slideTransition(props) {
-  return /*#__PURE__*/React__default['default'].createElement(Slide__default['default'], _extends__default['default']({}, props, {
-    direction: "up"
-  }));
-};
-
 var SnackbarProvider = function SnackbarProvider(props) {
   var _useState = React.useState(false),
       _useState2 = _slicedToArray__default['default'](_useState, 2),
@@ -4210,6 +4206,7 @@ var SnackbarProvider = function SnackbarProvider(props) {
       horizontal: "center"
     },
     color: "notBlack",
+    transitionType: "slide",
     slideDirection: "up",
     severity: "success",
     actionButton: /*#__PURE__*/React__default['default'].createElement(React__default['default'].Fragment, null)
@@ -4228,6 +4225,8 @@ var SnackbarProvider = function SnackbarProvider(props) {
     } : _ref$position,
         _ref$slideDirection = _ref.slideDirection,
         slideDirection = _ref$slideDirection === void 0 ? "up" : _ref$slideDirection,
+        _ref$transitionType = _ref.transitionType,
+        transitionType = _ref$transitionType === void 0 ? "slide" : _ref$transitionType,
         _ref$severity = _ref.severity,
         severity = _ref$severity === void 0 ? "success" : _ref$severity,
         color = _ref.color,
@@ -4255,6 +4254,7 @@ var SnackbarProvider = function SnackbarProvider(props) {
       message: message,
       position: position,
       color: color,
+      transitionType: transitionType,
       slideDirection: slideDirection,
       severity: severity,
       actionButton: actionButton
@@ -4274,7 +4274,15 @@ var SnackbarProvider = function SnackbarProvider(props) {
     sx: {
       minWidth: "30%"
     },
-    TransitionComponent: slideTransition,
+    TransitionComponent: snackbarValues.transitionType === "fade" ? function (props) {
+      return /*#__PURE__*/React__default['default'].createElement(Fade__default['default'], _extends__default['default']({}, props, {
+        direction: snackbarValues.slideDirection
+      }));
+    } : function (props) {
+      return /*#__PURE__*/React__default['default'].createElement(Slide__default['default'], _extends__default['default']({}, props, {
+        direction: snackbarValues.slideDirection
+      }));
+    },
     onClose: function onClose() {
       return setOpen(false);
     },

package/dist/index.esm.js

@@ -26,6 +26,7 @@ import Dropzone from 'react-dropzone';
 import InsertPhotoRoundedIcon from '@mui/icons-material/InsertPhotoRounded';
 import { createTheme, ThemeProvider } from '@mui/material/styles';
 import Slide from '@mui/material/Slide';
+import Fade from '@mui/material/Fade';
 import Lottie from 'react-lottie';
 import AddRoundedIcon from '@mui/icons-material/AddRounded';
 import FacebookIcon from '@mui/icons-material/Facebook';
@@ -4123,12 +4124,6 @@ var SnackbarContext = /*#__PURE__*/React__default.createContext({
   }
 });
 
-var slideTransition = function slideTransition(props) {
-  return /*#__PURE__*/React__default.createElement(Slide, _extends({}, props, {
-    direction: "up"
-  }));
-};
-
 var SnackbarProvider = function SnackbarProvider(props) {
   var _useState = useState(false),
       _useState2 = _slicedToArray(_useState, 2),
@@ -4142,6 +4137,7 @@ var SnackbarProvider = function SnackbarProvider(props) {
       horizontal: "center"
     },
     color: "notBlack",
+    transitionType: "slide",
     slideDirection: "up",
     severity: "success",
     actionButton: /*#__PURE__*/React__default.createElement(React__default.Fragment, null)
@@ -4160,6 +4156,8 @@ var SnackbarProvider = function SnackbarProvider(props) {
     } : _ref$position,
         _ref$slideDirection = _ref.slideDirection,
         slideDirection = _ref$slideDirection === void 0 ? "up" : _ref$slideDirection,
+        _ref$transitionType = _ref.transitionType,
+        transitionType = _ref$transitionType === void 0 ? "slide" : _ref$transitionType,
         _ref$severity = _ref.severity,
         severity = _ref$severity === void 0 ? "success" : _ref$severity,
         color = _ref.color,
@@ -4187,6 +4185,7 @@ var SnackbarProvider = function SnackbarProvider(props) {
       message: message,
       position: position,
       color: color,
+      transitionType: transitionType,
       slideDirection: slideDirection,
       severity: severity,
       actionButton: actionButton
@@ -4206,7 +4205,15 @@ var SnackbarProvider = function SnackbarProvider(props) {
     sx: {
       minWidth: "30%"
     },
-    TransitionComponent: slideTransition,
+    TransitionComponent: snackbarValues.transitionType === "fade" ? function (props) {
+      return /*#__PURE__*/React__default.createElement(Fade, _extends({}, props, {
+        direction: snackbarValues.slideDirection
+      }));
+    } : function (props) {
+      return /*#__PURE__*/React__default.createElement(Slide, _extends({}, props, {
+        direction: snackbarValues.slideDirection
+      }));
+    },
     onClose: function onClose() {
       return setOpen(false);
     },

package/dist/index.umd.js

@@ -1,8 +1,8 @@
 (function (global, factory) {
-    typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('@mui/material'), require('@babel/runtime/helpers/slicedToArray'), require('prop-types'), require('react'), require('react-color-extractor'), require('styled-components'), require('@babel/runtime/helpers/taggedTemplateLiteral'), require('@mui/icons-material'), require('@mui/icons-material/BookmarkOutlined'), require('@mui/icons-material/LockRounded'), require('@mui/icons-material/BookmarkAddOutlined'), require('@mui/icons-material/MoreHorizRounded'), require('react-palette'), require('@babel/runtime/helpers/typeof'), require('@mui/icons-material/KeyboardArrowRightRounded'), require('@babel/runtime/helpers/defineProperty'), require('@mui/icons-material/KeyboardArrowDownRounded'), require('@mui/icons-material/CloseRounded'), require('@mui/icons-material/FileUploadRounded'), require('@babel/runtime/helpers/extends'), require('@babel/runtime/helpers/asyncToGenerator'), require('@babel/runtime/regenerator'), require('react-avatar-editor'), require('react-dropzone'), require('@mui/icons-material/InsertPhotoRounded'), require('@mui/material/styles'), require('@mui/material/Slide'), require('react-lottie'), require('@mui/icons-material/AddRounded'), require('@mui/icons-material/Facebook'), require('@mui/icons-material/Instagram'), require('@mui/icons-material/ModeEditRounded'), require('@mui/icons-material/PersonAddRounded'), require('@mui/icons-material/Pinterest'), require('@mui/icons-material/Twitter'), require('@mui/icons-material/YouTube'), require('@mui/icons-material/PersonRemoveRounded'), require('@babel/runtime/helpers/toConsumableArray'), require('@mui/icons-material/FilterAltRounded'), require('@mui/icons-material/MenuRounded'), require('@mui/icons-material/ViewModuleRounded'), require('@mui/icons-material/SettingsRounded'), require('@mui/icons-material/SortRounded'), require('@mui/icons-material/ChevronRightRounded'), require('@mui/icons-material/PersonRounded'), require('@mui/icons-material/SearchRounded'), require('@mui/icons-material/BookmarkRemoveOutlined'), require('@mui/icons-material/VisibilityOffRounded')) :
-    typeof define === 'function' && define.amd ? define(['exports', '@mui/material', '@babel/runtime/helpers/slicedToArray', 'prop-types', 'react', 'react-color-extractor', 'styled-components', '@babel/runtime/helpers/taggedTemplateLiteral', '@mui/icons-material', '@mui/icons-material/BookmarkOutlined', '@mui/icons-material/LockRounded', '@mui/icons-material/BookmarkAddOutlined', '@mui/icons-material/MoreHorizRounded', 'react-palette', '@babel/runtime/helpers/typeof', '@mui/icons-material/KeyboardArrowRightRounded', '@babel/runtime/helpers/defineProperty', '@mui/icons-material/KeyboardArrowDownRounded', '@mui/icons-material/CloseRounded', '@mui/icons-material/FileUploadRounded', '@babel/runtime/helpers/extends', '@babel/runtime/helpers/asyncToGenerator', '@babel/runtime/regenerator', 'react-avatar-editor', 'react-dropzone', '@mui/icons-material/InsertPhotoRounded', '@mui/material/styles', '@mui/material/Slide', 'react-lottie', '@mui/icons-material/AddRounded', '@mui/icons-material/Facebook', '@mui/icons-material/Instagram', '@mui/icons-material/ModeEditRounded', '@mui/icons-material/PersonAddRounded', '@mui/icons-material/Pinterest', '@mui/icons-material/Twitter', '@mui/icons-material/YouTube', '@mui/icons-material/PersonRemoveRounded', '@babel/runtime/helpers/toConsumableArray', '@mui/icons-material/FilterAltRounded', '@mui/icons-material/MenuRounded', '@mui/icons-material/ViewModuleRounded', '@mui/icons-material/SettingsRounded', '@mui/icons-material/SortRounded', '@mui/icons-material/ChevronRightRounded', '@mui/icons-material/PersonRounded', '@mui/icons-material/SearchRounded', '@mui/icons-material/BookmarkRemoveOutlined', '@mui/icons-material/VisibilityOffRounded'], factory) :
-    (global = typeof globalThis !== 'undefined' ? globalThis : global || self, factory(global['react-awesome-buttons'] = {}, global.material, global._slicedToArray, global.PropTypes, global.React, global.reactColorExtractor, global.styled, global._taggedTemplateLiteral, global.iconsMaterial, global.BookmarkOutlinedIcon, global.LockRoundedIcon, global.BookmarkAddOutlinedIcon, global.MoreHorizRoundedIcon, global.reactPalette, global._typeof, global.KeyboardArrowRightRoundedIcon, global._defineProperty, global.KeyboardArrowDownRoundedIcon, global.CloseRoundedIcon, global.FileUploadRoundedIcon, global._extends, global._asyncToGenerator, global._regeneratorRuntime, global.AvatarEditor, global.Dropzone, global.InsertPhotoRoundedIcon, global.styles, global.Slide, global.Lottie, global.AddRoundedIcon, global.FacebookIcon, global.InstagramIcon, global.ModeEditRoundedIcon, global.PersonAddRoundedIcon, global.PinterestIcon, global.TwitterIcon, global.YouTubeIcon, global.PersonRemoveRoundedIcon, global._toConsumableArray, null, global.MenuRoundedIcon, global.ViewModuleRoundedIcon, null, global.SortRoundedIcon, global.ChevronRightRoundedIcon, global.PersonRoundedIcon, global.SearchRoundedIcon, global.BookmarkRemoveOutlinedIcon, global.VisibilityOffRoundedIcon));
-}(this, (function (exports, material, _slicedToArray, PropTypes, React, reactColorExtractor, styled, _taggedTemplateLiteral, iconsMaterial, BookmarkOutlinedIcon, LockRoundedIcon, BookmarkAddOutlinedIcon, MoreHorizRoundedIcon, reactPalette, _typeof, KeyboardArrowRightRoundedIcon, _defineProperty, KeyboardArrowDownRoundedIcon, CloseRoundedIcon, FileUploadRoundedIcon, _extends, _asyncToGenerator, _regeneratorRuntime, AvatarEditor, Dropzone, InsertPhotoRoundedIcon, styles, Slide, Lottie, AddRoundedIcon, FacebookIcon, InstagramIcon, ModeEditRoundedIcon, PersonAddRoundedIcon, PinterestIcon, TwitterIcon, YouTubeIcon, PersonRemoveRoundedIcon, _toConsumableArray, FilterAltRounded, MenuRoundedIcon, ViewModuleRoundedIcon, SettingsRounded, SortRoundedIcon, ChevronRightRoundedIcon, PersonRoundedIcon, SearchRoundedIcon, BookmarkRemoveOutlinedIcon, VisibilityOffRoundedIcon) { 'use strict';
+    typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('@mui/material'), require('@babel/runtime/helpers/slicedToArray'), require('prop-types'), require('react'), require('react-color-extractor'), require('styled-components'), require('@babel/runtime/helpers/taggedTemplateLiteral'), require('@mui/icons-material'), require('@mui/icons-material/BookmarkOutlined'), require('@mui/icons-material/LockRounded'), require('@mui/icons-material/BookmarkAddOutlined'), require('@mui/icons-material/MoreHorizRounded'), require('react-palette'), require('@babel/runtime/helpers/typeof'), require('@mui/icons-material/KeyboardArrowRightRounded'), require('@babel/runtime/helpers/defineProperty'), require('@mui/icons-material/KeyboardArrowDownRounded'), require('@mui/icons-material/CloseRounded'), require('@mui/icons-material/FileUploadRounded'), require('@babel/runtime/helpers/extends'), require('@babel/runtime/helpers/asyncToGenerator'), require('@babel/runtime/regenerator'), require('react-avatar-editor'), require('react-dropzone'), require('@mui/icons-material/InsertPhotoRounded'), require('@mui/material/styles'), require('@mui/material/Slide'), require('@mui/material/Fade'), require('react-lottie'), require('@mui/icons-material/AddRounded'), require('@mui/icons-material/Facebook'), require('@mui/icons-material/Instagram'), require('@mui/icons-material/ModeEditRounded'), require('@mui/icons-material/PersonAddRounded'), require('@mui/icons-material/Pinterest'), require('@mui/icons-material/Twitter'), require('@mui/icons-material/YouTube'), require('@mui/icons-material/PersonRemoveRounded'), require('@babel/runtime/helpers/toConsumableArray'), require('@mui/icons-material/FilterAltRounded'), require('@mui/icons-material/MenuRounded'), require('@mui/icons-material/ViewModuleRounded'), require('@mui/icons-material/SettingsRounded'), require('@mui/icons-material/SortRounded'), require('@mui/icons-material/ChevronRightRounded'), require('@mui/icons-material/PersonRounded'), require('@mui/icons-material/SearchRounded'), require('@mui/icons-material/BookmarkRemoveOutlined'), require('@mui/icons-material/VisibilityOffRounded')) :
+    typeof define === 'function' && define.amd ? define(['exports', '@mui/material', '@babel/runtime/helpers/slicedToArray', 'prop-types', 'react', 'react-color-extractor', 'styled-components', '@babel/runtime/helpers/taggedTemplateLiteral', '@mui/icons-material', '@mui/icons-material/BookmarkOutlined', '@mui/icons-material/LockRounded', '@mui/icons-material/BookmarkAddOutlined', '@mui/icons-material/MoreHorizRounded', 'react-palette', '@babel/runtime/helpers/typeof', '@mui/icons-material/KeyboardArrowRightRounded', '@babel/runtime/helpers/defineProperty', '@mui/icons-material/KeyboardArrowDownRounded', '@mui/icons-material/CloseRounded', '@mui/icons-material/FileUploadRounded', '@babel/runtime/helpers/extends', '@babel/runtime/helpers/asyncToGenerator', '@babel/runtime/regenerator', 'react-avatar-editor', 'react-dropzone', '@mui/icons-material/InsertPhotoRounded', '@mui/material/styles', '@mui/material/Slide', '@mui/material/Fade', 'react-lottie', '@mui/icons-material/AddRounded', '@mui/icons-material/Facebook', '@mui/icons-material/Instagram', '@mui/icons-material/ModeEditRounded', '@mui/icons-material/PersonAddRounded', '@mui/icons-material/Pinterest', '@mui/icons-material/Twitter', '@mui/icons-material/YouTube', '@mui/icons-material/PersonRemoveRounded', '@babel/runtime/helpers/toConsumableArray', '@mui/icons-material/FilterAltRounded', '@mui/icons-material/MenuRounded', '@mui/icons-material/ViewModuleRounded', '@mui/icons-material/SettingsRounded', '@mui/icons-material/SortRounded', '@mui/icons-material/ChevronRightRounded', '@mui/icons-material/PersonRounded', '@mui/icons-material/SearchRounded', '@mui/icons-material/BookmarkRemoveOutlined', '@mui/icons-material/VisibilityOffRounded'], factory) :
+    (global = typeof globalThis !== 'undefined' ? globalThis : global || self, factory(global['react-awesome-buttons'] = {}, global.material, global._slicedToArray, global.PropTypes, global.React, global.reactColorExtractor, global.styled, global._taggedTemplateLiteral, global.iconsMaterial, global.BookmarkOutlinedIcon, global.LockRoundedIcon, global.BookmarkAddOutlinedIcon, global.MoreHorizRoundedIcon, global.reactPalette, global._typeof, global.KeyboardArrowRightRoundedIcon, global._defineProperty, global.KeyboardArrowDownRoundedIcon, global.CloseRoundedIcon, global.FileUploadRoundedIcon, global._extends, global._asyncToGenerator, global._regeneratorRuntime, global.AvatarEditor, global.Dropzone, global.InsertPhotoRoundedIcon, global.styles, global.Slide, global.Fade, global.Lottie, global.AddRoundedIcon, global.FacebookIcon, global.InstagramIcon, global.ModeEditRoundedIcon, global.PersonAddRoundedIcon, global.PinterestIcon, global.TwitterIcon, global.YouTubeIcon, global.PersonRemoveRoundedIcon, global._toConsumableArray, null, global.MenuRoundedIcon, global.ViewModuleRoundedIcon, null, global.SortRoundedIcon, global.ChevronRightRoundedIcon, global.PersonRoundedIcon, global.SearchRoundedIcon, global.BookmarkRemoveOutlinedIcon, global.VisibilityOffRoundedIcon));
+}(this, (function (exports, material, _slicedToArray, PropTypes, React, reactColorExtractor, styled, _taggedTemplateLiteral, iconsMaterial, BookmarkOutlinedIcon, LockRoundedIcon, BookmarkAddOutlinedIcon, MoreHorizRoundedIcon, reactPalette, _typeof, KeyboardArrowRightRoundedIcon, _defineProperty, KeyboardArrowDownRoundedIcon, CloseRoundedIcon, FileUploadRoundedIcon, _extends, _asyncToGenerator, _regeneratorRuntime, AvatarEditor, Dropzone, InsertPhotoRoundedIcon, styles, Slide, Fade, Lottie, AddRoundedIcon, FacebookIcon, InstagramIcon, ModeEditRoundedIcon, PersonAddRoundedIcon, PinterestIcon, TwitterIcon, YouTubeIcon, PersonRemoveRoundedIcon, _toConsumableArray, FilterAltRounded, MenuRoundedIcon, ViewModuleRoundedIcon, SettingsRounded, SortRoundedIcon, ChevronRightRoundedIcon, PersonRoundedIcon, SearchRoundedIcon, BookmarkRemoveOutlinedIcon, VisibilityOffRoundedIcon) { 'use strict';
 
     function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
@@ -49,6 +49,7 @@
     var Dropzone__default = /*#__PURE__*/_interopDefaultLegacy(Dropzone);
     var InsertPhotoRoundedIcon__default = /*#__PURE__*/_interopDefaultLegacy(InsertPhotoRoundedIcon);
     var Slide__default = /*#__PURE__*/_interopDefaultLegacy(Slide);
+    var Fade__default = /*#__PURE__*/_interopDefaultLegacy(Fade);
     var Lottie__default = /*#__PURE__*/_interopDefaultLegacy(Lottie);
     var AddRoundedIcon__default = /*#__PURE__*/_interopDefaultLegacy(AddRoundedIcon);
     var FacebookIcon__default = /*#__PURE__*/_interopDefaultLegacy(FacebookIcon);
@@ -4144,12 +4145,6 @@
       }
     });
 
-    var slideTransition = function slideTransition(props) {
-      return /*#__PURE__*/React__default['default'].createElement(Slide__default['default'], _extends__default['default']({}, props, {
-        direction: "up"
-      }));
-    };
-
     var SnackbarProvider = function SnackbarProvider(props) {
       var _useState = React.useState(false),
           _useState2 = _slicedToArray__default['default'](_useState, 2),
@@ -4163,6 +4158,7 @@
           horizontal: "center"
         },
         color: "notBlack",
+        transitionType: "slide",
         slideDirection: "up",
         severity: "success",
         actionButton: /*#__PURE__*/React__default['default'].createElement(React__default['default'].Fragment, null)
@@ -4181,6 +4177,8 @@
         } : _ref$position,
             _ref$slideDirection = _ref.slideDirection,
             slideDirection = _ref$slideDirection === void 0 ? "up" : _ref$slideDirection,
+            _ref$transitionType = _ref.transitionType,
+            transitionType = _ref$transitionType === void 0 ? "slide" : _ref$transitionType,
             _ref$severity = _ref.severity,
             severity = _ref$severity === void 0 ? "success" : _ref$severity,
             color = _ref.color,
@@ -4208,6 +4206,7 @@
           message: message,
           position: position,
           color: color,
+          transitionType: transitionType,
           slideDirection: slideDirection,
           severity: severity,
           actionButton: actionButton
@@ -4227,7 +4226,15 @@
         sx: {
           minWidth: "30%"
         },
-        TransitionComponent: slideTransition,
+        TransitionComponent: snackbarValues.transitionType === "fade" ? function (props) {
+          return /*#__PURE__*/React__default['default'].createElement(Fade__default['default'], _extends__default['default']({}, props, {
+            direction: snackbarValues.slideDirection
+          }));
+        } : function (props) {
+          return /*#__PURE__*/React__default['default'].createElement(Slide__default['default'], _extends__default['default']({}, props, {
+            direction: snackbarValues.slideDirection
+          }));
+        },
         onClose: function onClose() {
           return setOpen(false);
         },

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@blerp/design",
-    "version": "1.0.83",
+    "version": "1.0.85",
     "description": "Blerp UI",
     "main": "dist/index.cjs.js",
     "scripts": {