funda-ui 1.0.295 → 1.0.312

package/Scrollbar/index.css

@@ -33,9 +33,9 @@
 }
 .custom-scrollbars__wrapper .custom-scrollbars__scrollbar {
   display: grid;
-  gap: var(--custom-scrollbar-arrow-gap) 0;
+  gap: 0 0;
   grid-auto-flow: row;
-  grid-template: auto 1fr auto/1fr;
+  grid-template: calc(var(--custom-scrollbar-arrow-gap) * 1.5) 1fr calc(var(--custom-scrollbar-arrow-gap) / 2) 1rem/1fr;
   padding: 0;
   place-items: center;
   grid-area: right;
@@ -53,19 +53,23 @@
   box-shadow: none;
   border: none;
   cursor: pointer;
+  transition: 0.1s ease-in-out;
 }
 .custom-scrollbars__wrapper .custom-scrollbars__scrollbar .custom-scrollbars__button.disabled {
   opacity: 0;
   pointer-events: none;
 }
 .custom-scrollbars__wrapper .custom-scrollbars__scrollbar .custom-scrollbars__button svg path {
-  stroke: var(--custom-scrollbars-thumb-bg);
+  fill: var(--custom-scrollbars-thumb-bg);
 }
 .custom-scrollbars__wrapper .custom-scrollbars__scrollbar .custom-scrollbars__button i {
   color: var(--custom-scrollbars-thumb-bg);
 }
+.custom-scrollbars__wrapper .custom-scrollbars__scrollbar .custom-scrollbars__button:hover {
+  transform: scale(1.3);
+}
 .custom-scrollbars__wrapper .custom-scrollbars__scrollbar .custom-scrollbars__button:hover svg path {
-  stroke: var(--custom-scrollbars-thumb-hover-bg);
+  fill: var(--custom-scrollbars-thumb-hover-bg);
 }
 .custom-scrollbars__wrapper .custom-scrollbars__scrollbar .custom-scrollbars__button:hover i {
   color: var(--custom-scrollbars-thumb-hover-bg);
@@ -97,9 +101,9 @@
 .custom-scrollbars__wrapper .custom-scrollbars__scrollbar-horizontal {
   display: grid;
   grid-area: left2;
-  gap: 0 var(--custom-scrollbar-arrow-gap);
+  gap: 0 0;
   grid-auto-flow: row;
-  grid-template: auto 1fr auto/1rem 1fr 1rem;
+  grid-template: 1rem/var(--custom-scrollbar-arrow-gap) 1fr var(--custom-scrollbar-arrow-gap);
   padding: 0;
   place-items: center;
 }
@@ -116,19 +120,23 @@
   box-shadow: none;
   border: none;
   cursor: pointer;
+  transition: 0.1s ease-in-out;
 }
 .custom-scrollbars__wrapper .custom-scrollbars__scrollbar-horizontal .custom-scrollbars__button.disabled {
   opacity: 0;
   pointer-events: none;
 }
 .custom-scrollbars__wrapper .custom-scrollbars__scrollbar-horizontal .custom-scrollbars__button svg path {
-  stroke: var(--custom-scrollbars-thumb-bg);
+  fill: var(--custom-scrollbars-thumb-bg);
 }
 .custom-scrollbars__wrapper .custom-scrollbars__scrollbar-horizontal .custom-scrollbars__button i {
   color: var(--custom-scrollbars-thumb-bg);
 }
+.custom-scrollbars__wrapper .custom-scrollbars__scrollbar-horizontal .custom-scrollbars__button:hover {
+  transform: scale(1.3);
+}
 .custom-scrollbars__wrapper .custom-scrollbars__scrollbar-horizontal .custom-scrollbars__button:hover svg path {
-  stroke: var(--custom-scrollbars-thumb-hover-bg);
+  fill: var(--custom-scrollbars-thumb-hover-bg);
 }
 .custom-scrollbars__wrapper .custom-scrollbars__scrollbar-horizontal .custom-scrollbars__button:hover i {
   color: var(--custom-scrollbars-thumb-hover-bg);
@@ -160,7 +168,7 @@
 }
 .custom-scrollbars__wrapper.arrow-disabled .custom-scrollbars__scrollbar {
   gap: 0 0 var(--custom-scrollbar-arrow-gap) 0;
-  grid-template: 0 1fr 0/1fr;
+  grid-template: 0 1fr 1rem/1fr;
 }
 .custom-scrollbars__wrapper.arrow-disabled .custom-scrollbars__scrollbar-horizontal {
   gap: 0;

package/Scrollbar/index.js

@@ -174,47 +174,35 @@ var Scrollbar = function Scrollbar(props) {
   var rootRef = (0,react__WEBPACK_IMPORTED_MODULE_0__.useRef)(null);
   var contentRef = (0,react__WEBPACK_IMPORTED_MODULE_0__.useRef)(null);
   var icons = typeof arrowIcons === 'undefined' || !arrowIcons ? [/*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement((react__WEBPACK_IMPORTED_MODULE_0___default().Fragment), null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("svg", {
-    width: "16px",
-    height: "16px",
+    width: "10px",
+    height: "10px",
     viewBox: "0 0 24 24",
     fill: "none"
   }, " ", /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("path", {
-    d: "M12 5V19M12 5L6 11M12 5L18 11",
-    strokeWidth: "2",
-    strokeLinecap: "round",
-    strokeLinejoin: "round"
+    d: "M18.2929 15.2893C18.6834 14.8988 18.6834 14.2656 18.2929 13.8751L13.4007 8.98766C12.6195 8.20726 11.3537 8.20757 10.5729 8.98835L5.68257 13.8787C5.29205 14.2692 5.29205 14.9024 5.68257 15.2929C6.0731 15.6835 6.70626 15.6835 7.09679 15.2929L11.2824 11.1073C11.673 10.7168 12.3061 10.7168 12.6966 11.1073L16.8787 15.2893C17.2692 15.6798 17.9024 15.6798 18.2929 15.2893Z"
   }), " ")), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement((react__WEBPACK_IMPORTED_MODULE_0___default().Fragment), null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("svg", {
-    width: "16px",
-    height: "16px",
+    width: "10px",
+    height: "10px",
     viewBox: "0 0 24 24",
     fill: "none"
   }, " ", /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("path", {
-    d: "M12 6V18M12 18L7 13M12 18L17 13",
-    strokeWidth: "2",
-    strokeLinecap: "round",
-    strokeLinejoin: "round"
+    d: "M5.70711 9.71069C5.31658 10.1012 5.31658 10.7344 5.70711 11.1249L10.5993 16.0123C11.3805 16.7927 12.6463 16.7924 13.4271 16.0117L18.3174 11.1213C18.708 10.7308 18.708 10.0976 18.3174 9.70708C17.9269 9.31655 17.2937 9.31655 16.9032 9.70708L12.7176 13.8927C12.3271 14.2833 11.6939 14.2832 11.3034 13.8927L7.12132 9.71069C6.7308 9.32016 6.09763 9.32016 5.70711 9.71069Z"
   }), " ")), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement((react__WEBPACK_IMPORTED_MODULE_0___default().Fragment), null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("svg", {
-    width: "16px",
-    height: "16px",
+    width: "10px",
+    height: "10px",
     viewBox: "0 0 24 24",
     fill: "none",
     transform: "translate(0 -2)"
   }, " ", /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("path", {
-    d: "M6 12H18M6 12L11 7M6 12L11 17",
-    strokeWidth: "2",
-    strokeLinecap: "round",
-    strokeLinejoin: "round"
+    d: "M14.2893 5.70708C13.8988 5.31655 13.2657 5.31655 12.8751 5.70708L7.98768 10.5993C7.20729 11.3805 7.2076 12.6463 7.98837 13.427L12.8787 18.3174C13.2693 18.7079 13.9024 18.7079 14.293 18.3174C14.6835 17.9269 14.6835 17.2937 14.293 16.9032L10.1073 12.7175C9.71678 12.327 9.71678 11.6939 10.1073 11.3033L14.2893 7.12129C14.6799 6.73077 14.6799 6.0976 14.2893 5.70708Z"
   }), " ")), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement((react__WEBPACK_IMPORTED_MODULE_0___default().Fragment), null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("svg", {
-    width: "16px",
-    height: "16px",
+    width: "10px",
+    height: "10px",
     viewBox: "0 0 24 24",
     fill: "none",
     transform: "translate(0 -2)"
   }, " ", /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("path", {
-    d: "M6 12H18M18 12L13 7M18 12L13 17",
-    strokeWidth: "2",
-    strokeLinecap: "round",
-    strokeLinejoin: "round"
+    d: "M9.71069 18.2929C10.1012 18.6834 10.7344 18.6834 11.1249 18.2929L16.0123 13.4006C16.7927 12.6195 16.7924 11.3537 16.0117 10.5729L11.1213 5.68254C10.7308 5.29202 10.0976 5.29202 9.70708 5.68254C9.31655 6.07307 9.31655 6.70623 9.70708 7.09676L13.8927 11.2824C14.2833 11.6729 14.2833 12.3061 13.8927 12.6966L9.71069 16.8787C9.32016 17.2692 9.32016 17.9023 9.71069 18.2929Z"
   }), " "))] : arrowIcons;
   var contentAreaScrollUpdate = (0,_utils_performance__WEBPACK_IMPORTED_MODULE_1__.throttle)(handleScrollEvent, 5);
 

package/Toast/index.css

@@ -3,39 +3,45 @@
 /* ====================================================== */
 .toasts__wrapper {
   --bs-toast-zindex: 1090;
-  width: 350px;
+  --toasts-offset-top: 35px;
+  --toasts-offset-bottom: 15px;
+  --toasts-offset-bothsides: 15px;
+  --toasts-container-gap: 0.5rem;
+  --toasts-container-width: 350px;
+  width: var(--toasts-container-width);
   position: fixed;
   left: 50%;
   bottom: 0;
   z-index: var(--bs-toast-zindex);
   pointer-events: none;
   transition: 0.1s ease-in-out;
+  /* cascading divs */
 }
 .toasts__wrapper--bottom-left {
-  left: 15px;
+  left: var(--toasts-offset-bothsides);
 }
 .toasts__wrapper--bottom-right {
   left: auto;
-  right: 15px;
+  right: var(--toasts-offset-bothsides);
 }
 .toasts__wrapper--bottom-center {
   left: 50%;
   transform: translateX(-50%);
 }
 .toasts__wrapper--top-left {
-  left: 15px;
+  left: var(--toasts-offset-bothsides);
   bottom: auto;
-  top: 35px;
+  top: var(--toasts-offset-top);
 }
 .toasts__wrapper--top-right {
   left: auto;
-  right: 15px;
-  top: 35px;
+  right: var(--toasts-offset-bothsides);
+  top: var(--toasts-offset-top);
 }
 .toasts__wrapper--top-center {
   left: 50%;
   transform: translateX(-50%);
-  top: 35px;
+  top: var(--toasts-offset-top);
 }
 .toasts__wrapper--vertical-center {
   left: 50%;
@@ -46,7 +52,7 @@
 .toasts__wrapper .toasts {
   position: relative;
   width: 100%;
-  bottom: 15px;
+  bottom: var(--toasts-offset-bottom);
   display: flex;
   flex-flow: column-reverse nowrap;
 }
@@ -60,7 +66,13 @@
   background-color: transparent;
   pointer-events: none;
 }
-.toasts__wrapper .toasts:hover .toast-container {
+.toasts__wrapper .toast-container {
+  margin-bottom: var(--toasts-container-gap);
+}
+.toasts__wrapper.toasts__wrapper--cascading .toast-container {
+  margin-bottom: 0;
+}
+.toasts__wrapper.toasts__wrapper--cascading .toasts:hover .toast-container {
   transform: perspective(100px) translateZ(0) !important;
 }
 

package/Toast/index.d.ts

@@ -19,6 +19,8 @@ declare type ToastProps = {
     autoCloseReverse?: boolean;
     /** You can not close pop-win when it is enabled */
     lock?: boolean;
+    /** Whether to use cascading styles */
+    cascading?: boolean;
     /** Self-defined class name for body*/
     schemeBody?: string;
     /** Self-defined class name for header */
@@ -29,7 +31,7 @@ declare type ToastProps = {
     closeDisabled?: boolean;
     /** -- */
     id?: string;
-    onClose?: (e: any, data: any[]) => void;
+    onClose?: (e: HTMLDivElement, currentIndex: number, data: HTMLDivElement[]) => void;
 };
 declare const Toast: (props: ToastProps) => JSX.Element;
 export default Toast;

package/Toast/index.js

@@ -111,17 +111,19 @@ var Item = function Item(props) {
     message = props.message,
     depth = props.depth,
     lock = props.lock,
+    cascading = props.cascading,
     schemeBody = props.schemeBody,
     schemeHeader = props.schemeHeader,
     closeBtnColor = props.closeBtnColor,
-    closeDisabled = props.closeDisabled,
-    closeEv = props.closeEv;
+    closeDisabled = props.closeDisabled;
   return /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default().createElement((external_root_React_commonjs2_react_commonjs_react_amd_react_default()).Fragment, null, /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default().createElement("div", {
     className: "toast-container",
     "data-index": index,
-    style: {
+    style: cascading ? {
       transform: "perspective(100px) translateZ(-".concat(2 * index, "px) translateY(").concat(35 * index, "px)"),
       zIndex: depth
+    } : {
+      zIndex: depth
     }
   }, /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default().createElement("div", {
     className: "toast fade show ".concat(schemeBody ? schemeBody : ''),
@@ -174,6 +176,7 @@ var Toast = function Toast(props) {
     autoCloseTime = props.autoCloseTime,
     autoCloseReverse = props.autoCloseReverse,
     lock = props.lock,
+    cascading = props.cascading,
     data = props.data,
     schemeBody = props.schemeBody,
     schemeHeader = props.schemeHeader,
@@ -185,6 +188,7 @@ var Toast = function Toast(props) {
   var idRes = id || uniqueID;
   var rootRef = (0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useRef)(null);
   var depth = data.length + 1;
+  var cascadingEnabled = typeof cascading === 'undefined' ? true : cascading;
   function init() {
     // Move HTML templates to tag end body </body>
     // render() don't use "Fragment", in order to avoid error "Failed to execute 'insertBefore' on 'Node'"
@@ -195,7 +199,8 @@ var Toast = function Toast(props) {
       [].slice.call(rootRef.current.querySelectorAll('[data-close]')).forEach(function (node) {
         node.addEventListener('pointerdown', function (e) {
           var index = node.dataset.index;
-          handleClose(index);
+          var currentItem = node.closest('.toast-container');
+          handleClose(index, currentItem);
         });
       });
     }
@@ -205,11 +210,11 @@ var Toast = function Toast(props) {
     var $toast = document.querySelector("#".concat(rootRef.current.id));
     if ($toast !== null) {
       if ($toast.dataset.async == 'true') {
-        var _list = rootRef.current.querySelectorAll('.toast-container');
-        [].slice.call(_list).forEach(function (node, i) {
+        var _list = [].slice.call(rootRef.current.querySelectorAll('.toast-container'));
+        _list.forEach(function (node, i) {
           node.classList.remove('hide-end');
           // rearrange
-          node.style.transform = "perspective(100px) translateZ(-".concat(2 * i, "px) translateY(").concat(35 * i, "px)");
+          if (cascadingEnabled) node.style.transform = "perspective(100px) translateZ(-".concat(2 * i, "px) translateY(").concat(35 * i, "px)");
         });
       }
     }
@@ -222,45 +227,42 @@ var Toast = function Toast(props) {
       autoClose(0, items, _autoCloseTime);
     }
   }
-  function handleClose(index) {
-    var items = JSON.parse(JSON.stringify(data));
-    if (items[index] !== undefined) {
-      var _list = rootRef.current.querySelectorAll('.toast-container');
-      _list[index].classList.add('hide-start');
+  function handleClose(index, currentItem) {
+    var _list = [].slice.call(rootRef.current.querySelectorAll('.toast-container'));
+    currentItem.classList.add('hide-start');
 
-      //Let the removed animation show
-      setTimeout(function () {
-        [].slice.call(_list).forEach(function (node, i) {
-          node.classList.remove('hide-start');
-        });
+    //Let the removed animation show
+    setTimeout(function () {
+      _list.forEach(function (node, i) {
+        node.classList.remove('hide-start');
+      });
 
-        // remove current
-        _list[index].classList.add('hide-end');
+      // remove current
+      currentItem.classList.add('hide-end');
 
-        // rearrange
-        [].slice.call(_list).filter(function (node) {
+      // rearrange
+      if (cascadingEnabled) {
+        _list.filter(function (node) {
           return !node.classList.contains('hide-end');
         }).forEach(function (node, index) {
           node.style.transform = "perspective(100px) translateZ(-".concat(2 * index, "px) translateY(").concat(35 * index, "px)");
         });
+      }
 
-        //
-        onClose === null || onClose === void 0 ? void 0 : onClose(rootRef.current, items);
-      }, 300);
-    }
+      //
+      onClose === null || onClose === void 0 ? void 0 : onClose(rootRef.current, Number(index), _list.filter(function (node) {
+        return !node.classList.contains('hide-end');
+      }));
+    }, 300);
   }
   function autoClose(index, items) {
     var delay = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : 3000;
     if (items.length === index) {
-      //
-      onClose === null || onClose === void 0 ? void 0 : onClose(rootRef.current, items);
-
-      //
       clearTimeout(window.setCloseToast);
       return;
     }
     window.setCloseToast = setTimeout(function () {
-      var _list = rootRef.current.querySelectorAll('.toast-container');
+      var _list = [].slice.call(rootRef.current.querySelectorAll('.toast-container'));
       if (autoCloseReverse) {
         _list[items.length - index].classList.add('hide-start');
       } else {
@@ -269,26 +271,39 @@ var Toast = function Toast(props) {
 
       //Let the removed animation show
       setTimeout(function () {
-        [].slice.call(_list).forEach(function (node) {
+        _list.forEach(function (node) {
           node.classList.remove('hide-start');
         });
 
         // remove current
         if (autoCloseReverse) {
           _list[items.length - index].classList.add('hide-end');
+
+          //
+          onClose === null || onClose === void 0 ? void 0 : onClose(rootRef.current, Number(items.length - index), _list.filter(function (node) {
+            return !node.classList.contains('hide-end');
+          }));
         } else {
           _list[index - 1].classList.add('hide-end');
+          //
+          onClose === null || onClose === void 0 ? void 0 : onClose(rootRef.current, Number(index - 1), _list.filter(function (node) {
+            return !node.classList.contains('hide-end');
+          }));
         }
 
         // rearrange
-        [].slice.call(_list).filter(function (node) {
-          return !node.classList.contains('hide-end');
-        }).forEach(function (node, i) {
-          node.style.transform = "perspective(100px) translateZ(-".concat(2 * i, "px) translateY(").concat(35 * i, "px)");
-        });
+        if (cascadingEnabled) {
+          _list.filter(function (node) {
+            return !node.classList.contains('hide-end');
+          }).forEach(function (node, i) {
+            node.style.transform = "perspective(100px) translateZ(-".concat(2 * i, "px) translateY(").concat(35 * i, "px)");
+          });
+        }
+
+        //
         autoClose(index, items, delay);
       }, 300);
-    }, delay * (index + 1));
+    }, delay);
     index++;
   }
   (0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useEffect)(function () {
@@ -305,12 +320,17 @@ var Toast = function Toast(props) {
       // Remove all toasts
       var _el = document.querySelector("#toasts__wrapper-".concat(idRes));
       if (_el !== null) _el.remove();
+
+      // remove all events
+      [].slice.call(rootRef.current.querySelectorAll('[data-close]')).forEach(function (node) {
+        node.replaceWith(node.cloneNode(true));
+      });
     };
   }, [data]);
   return /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default().createElement("div", null, /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default().createElement("div", {
     id: "toasts__wrapper-".concat(idRes),
     "data-async": async ? async : false,
-    className: "toasts__wrapper toasts__wrapper--".concat(direction ? direction : 'bottom-center'),
+    className: "toasts__wrapper toasts__wrapper--".concat(direction ? direction : 'bottom-center', " ").concat(cascadingEnabled ? 'toasts__wrapper--cascading' : ''),
     ref: rootRef
   }, /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default().createElement("div", {
     className: "toasts"
@@ -322,12 +342,12 @@ var Toast = function Toast(props) {
       title: item.title,
       note: item.note,
       lock: lock,
+      cascading: cascadingEnabled,
       schemeBody: schemeBody,
       schemeHeader: schemeHeader,
       closeBtnColor: closeBtnColor,
       closeDisabled: closeDisabled,
-      message: item.message,
-      closeEv: handleClose
+      message: item.message
     });
   }))));
 };

package/lib/cjs/Scrollbar/index.js

@@ -174,47 +174,35 @@ var Scrollbar = function Scrollbar(props) {
   var rootRef = (0,react__WEBPACK_IMPORTED_MODULE_0__.useRef)(null);
   var contentRef = (0,react__WEBPACK_IMPORTED_MODULE_0__.useRef)(null);
   var icons = typeof arrowIcons === 'undefined' || !arrowIcons ? [/*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement((react__WEBPACK_IMPORTED_MODULE_0___default().Fragment), null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("svg", {
-    width: "16px",
-    height: "16px",
+    width: "10px",
+    height: "10px",
     viewBox: "0 0 24 24",
     fill: "none"
   }, " ", /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("path", {
-    d: "M12 5V19M12 5L6 11M12 5L18 11",
-    strokeWidth: "2",
-    strokeLinecap: "round",
-    strokeLinejoin: "round"
+    d: "M18.2929 15.2893C18.6834 14.8988 18.6834 14.2656 18.2929 13.8751L13.4007 8.98766C12.6195 8.20726 11.3537 8.20757 10.5729 8.98835L5.68257 13.8787C5.29205 14.2692 5.29205 14.9024 5.68257 15.2929C6.0731 15.6835 6.70626 15.6835 7.09679 15.2929L11.2824 11.1073C11.673 10.7168 12.3061 10.7168 12.6966 11.1073L16.8787 15.2893C17.2692 15.6798 17.9024 15.6798 18.2929 15.2893Z"
   }), " ")), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement((react__WEBPACK_IMPORTED_MODULE_0___default().Fragment), null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("svg", {
-    width: "16px",
-    height: "16px",
+    width: "10px",
+    height: "10px",
     viewBox: "0 0 24 24",
     fill: "none"
   }, " ", /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("path", {
-    d: "M12 6V18M12 18L7 13M12 18L17 13",
-    strokeWidth: "2",
-    strokeLinecap: "round",
-    strokeLinejoin: "round"
+    d: "M5.70711 9.71069C5.31658 10.1012 5.31658 10.7344 5.70711 11.1249L10.5993 16.0123C11.3805 16.7927 12.6463 16.7924 13.4271 16.0117L18.3174 11.1213C18.708 10.7308 18.708 10.0976 18.3174 9.70708C17.9269 9.31655 17.2937 9.31655 16.9032 9.70708L12.7176 13.8927C12.3271 14.2833 11.6939 14.2832 11.3034 13.8927L7.12132 9.71069C6.7308 9.32016 6.09763 9.32016 5.70711 9.71069Z"
   }), " ")), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement((react__WEBPACK_IMPORTED_MODULE_0___default().Fragment), null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("svg", {
-    width: "16px",
-    height: "16px",
+    width: "10px",
+    height: "10px",
     viewBox: "0 0 24 24",
     fill: "none",
     transform: "translate(0 -2)"
   }, " ", /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("path", {
-    d: "M6 12H18M6 12L11 7M6 12L11 17",
-    strokeWidth: "2",
-    strokeLinecap: "round",
-    strokeLinejoin: "round"
+    d: "M14.2893 5.70708C13.8988 5.31655 13.2657 5.31655 12.8751 5.70708L7.98768 10.5993C7.20729 11.3805 7.2076 12.6463 7.98837 13.427L12.8787 18.3174C13.2693 18.7079 13.9024 18.7079 14.293 18.3174C14.6835 17.9269 14.6835 17.2937 14.293 16.9032L10.1073 12.7175C9.71678 12.327 9.71678 11.6939 10.1073 11.3033L14.2893 7.12129C14.6799 6.73077 14.6799 6.0976 14.2893 5.70708Z"
   }), " ")), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement((react__WEBPACK_IMPORTED_MODULE_0___default().Fragment), null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("svg", {
-    width: "16px",
-    height: "16px",
+    width: "10px",
+    height: "10px",
     viewBox: "0 0 24 24",
     fill: "none",
     transform: "translate(0 -2)"
   }, " ", /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("path", {
-    d: "M6 12H18M18 12L13 7M18 12L13 17",
-    strokeWidth: "2",
-    strokeLinecap: "round",
-    strokeLinejoin: "round"
+    d: "M9.71069 18.2929C10.1012 18.6834 10.7344 18.6834 11.1249 18.2929L16.0123 13.4006C16.7927 12.6195 16.7924 11.3537 16.0117 10.5729L11.1213 5.68254C10.7308 5.29202 10.0976 5.29202 9.70708 5.68254C9.31655 6.07307 9.31655 6.70623 9.70708 7.09676L13.8927 11.2824C14.2833 11.6729 14.2833 12.3061 13.8927 12.6966L9.71069 16.8787C9.32016 17.2692 9.32016 17.9023 9.71069 18.2929Z"
   }), " "))] : arrowIcons;
   var contentAreaScrollUpdate = (0,_utils_performance__WEBPACK_IMPORTED_MODULE_1__.throttle)(handleScrollEvent, 5);
 

package/lib/cjs/Toast/index.d.ts

@@ -19,6 +19,8 @@ declare type ToastProps = {
     autoCloseReverse?: boolean;
     /** You can not close pop-win when it is enabled */
     lock?: boolean;
+    /** Whether to use cascading styles */
+    cascading?: boolean;
     /** Self-defined class name for body*/
     schemeBody?: string;
     /** Self-defined class name for header */
@@ -29,7 +31,7 @@ declare type ToastProps = {
     closeDisabled?: boolean;
     /** -- */
     id?: string;
-    onClose?: (e: any, data: any[]) => void;
+    onClose?: (e: HTMLDivElement, currentIndex: number, data: HTMLDivElement[]) => void;
 };
 declare const Toast: (props: ToastProps) => JSX.Element;
 export default Toast;