@sinco/react 1.0.14-rc.4 → 1.0.14-rc.6

package/index.js

@@ -17606,69 +17606,6 @@ const useProgress = timeProgress => {
   };
 };
 
-const ToastContainer = styled$1(Stack$1)(() => ({
-  position: "fixed",
-  zIndex: 1400,
-  boxShadow: "0px 5px 5px -3px rgba(24, 39, 75, 0.2), 0px 8px 10px 1px rgba(24, 39, 75, 0.14), 0px 3px 14px 2px rgba(24, 39, 75, 0.12)",
-  right: 16,
-  marginTop: 16
-}));
-const ToastContent = styled$1(Box$2)(({
-  theme
-}) => ({
-  padding: theme.spacing(1.5),
-  gap: theme.spacing(1.5),
-  display: "flex",
-  alignItems: "center",
-  "&.color-error": {
-    backgroundColor: "#FEEBEE"
-  },
-  "&.color-info": {
-    backgroundColor: "#E1F5FE"
-  },
-  "&.color-warning": {
-    backgroundColor: "#FFF3E0"
-  },
-  "&.color-success": {
-    backgroundColor: "#E8F5E9"
-  }
-}));
-const RippleIcon = styled$1(Stack$1)(({
-  theme
-}) => ({
-  padding: theme.spacing(1),
-  gap: theme.spacing(1),
-  height: 20,
-  borderRadius: 50,
-  "&.ripple-error": {
-    backgroundColor: "#D143431F"
-  },
-  "&.ripple-info": {
-    backgroundColor: "#2D9FC51F"
-  },
-  "&.ripple-warning": {
-    backgroundColor: "#FB85001F"
-  },
-  "&.ripple-success": {
-    backgroundColor: "#8FC93A1F"
-  }
-}));
-const ToastIconContainer = styled$1(Stack$1)(({
-  theme
-}) => ({
-  "&.icon-color.color-info": {
-    color: theme.palette.info.main
-  },
-  "&.icon-color.color-error": {
-    color: theme.palette.error.main
-  },
-  "&.icon-color.color-warning": {
-    color: theme.palette.warning.main
-  },
-  "&.icon-color.color-success": {
-    color: theme.palette.success.main
-  }
-}));
 const ToastNotificationComponent = toast => {
   const [stateOptions, setStateOptions] = useState(true);
   const [stateToast, setStateToast] = useState(true);
@@ -17703,13 +17640,70 @@ const ToastNotificationComponent = toast => {
     height: 105,
     position: "absolute",
     zIndex: 1400
-  }, /*#__PURE__*/React__default.createElement(ToastContainer, {
+  }, /*#__PURE__*/React__default.createElement(Stack$1, {
+    sx: {
+      position: "fixed",
+      zIndex: 1400,
+      boxShadow: "0px 5px 5px -3px rgba(24, 39, 75, 0.2), 0px 8px 10px 1px rgba(24, 39, 75, 0.14), 0px 3px 14px 2px rgba(24, 39, 75, 0.12)",
+      right: 16,
+      marginTop: 16
+    },
     position: "fixed"
-  }, /*#__PURE__*/React__default.createElement(ToastContent, {
+  }, /*#__PURE__*/React__default.createElement(Box$2, {
+    sx: {
+      padding: SincoTheme.spacing(1.5),
+      gap: SincoTheme.spacing(1.5),
+      display: "flex",
+      alignItems: "center",
+      "&.color-error": {
+        backgroundColor: "#FEEBEE"
+      },
+      "&.color-info": {
+        backgroundColor: "#E1F5FE"
+      },
+      "&.color-warning": {
+        backgroundColor: "#FFF3E0"
+      },
+      "&.color-success": {
+        backgroundColor: "#E8F5E9"
+      }
+    },
     className: `color-${toastColorConfig}`
-  }, toast && /*#__PURE__*/React__default.createElement(RippleIcon, {
+  }, toast && /*#__PURE__*/React__default.createElement(Stack$1, {
+    sx: {
+      padding: SincoTheme.spacing(1),
+      gap: SincoTheme.spacing(1),
+      height: 20,
+      borderRadius: 50,
+      "&.ripple-error": {
+        backgroundColor: "#D143431F"
+      },
+      "&.ripple-info": {
+        backgroundColor: "#2D9FC51F"
+      },
+      "&.ripple-warning": {
+        backgroundColor: "#FB85001F"
+      },
+      "&.ripple-success": {
+        backgroundColor: "#8FC93A1F"
+      }
+    },
     className: `ripple-${toast.type || "info"}`
-  }, /*#__PURE__*/React__default.createElement(ToastIconContainer, {
+  }, /*#__PURE__*/React__default.createElement(Stack$1, {
+    sx: {
+      "&.icon-color.color-info": {
+        color: SincoTheme.palette.info.main
+      },
+      "&.icon-color.color-error": {
+        color: SincoTheme.palette.error.main
+      },
+      "&.icon-color.color-warning": {
+        color: SincoTheme.palette.warning.main
+      },
+      "&.icon-color.color-success": {
+        color: SincoTheme.palette.success.main
+      }
+    },
     className: `icon-color color-${toast.type || "info"}`
   }, ToastIconConfig)), /*#__PURE__*/React__default.createElement(Divider$1, {
     orientation: "vertical",
@@ -17778,7 +17772,6 @@ const ToastNotificationComponent = toast => {
   }))));
 };
 
-// app.tsx
 const App = () => {
   return /*#__PURE__*/React__default.createElement(React__default.StrictMode, null, /*#__PURE__*/React__default.createElement(ThemeProvider, {
     theme: SincoTheme

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@sinco/react",
-  "version": "1.0.14-rc.4",
+  "version": "1.0.14-rc.6",
   "description": "package for the configuration of mui react sinco",
   "private": false,
   "license": "MIT",