@sinco/react 1.0.4-rc.9 → 1.0.8-rc.8

package/index.js

@@ -12805,29 +12805,12 @@ process.env.NODE_ENV !== "production" ? Stack.propTypes /* remove-proptypes */ =
 } : void 0;
 var Stack$1 = Stack;
 
-const ToastContent = styled$1(Stack$1)(({
-  theme
-}) => ({
+const ToastContent = styled$1(Stack$1)(() => ({
   position: "fixed",
-  marginBottom: theme.spacing(2),
   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)",
-  "&.end": {
-    top: 16,
-    right: 16,
-    left: "auto"
-  },
-  "&.center": {
-    top: 16,
-    left: "50%",
-    right: "auto",
-    transform: "translateX(-50%)"
-  },
-  "&.start": {
-    top: 16,
-    left: 16,
-    right: "auto"
-  }
+  right: 16,
+  marginTop: 16
 }));
 const ContentBox = styled$1(Box$1)(({
   theme
@@ -12925,9 +12908,13 @@ const ToastNotification = toast => {
       clearInterval(interval || toast.time);
     };
   }, [timeProgress, toast.time]);
-  return /*#__PURE__*/React__default.createElement(React__default.Fragment, null, openToast && /*#__PURE__*/React__default.createElement(ThemeProvider, {
+  return /*#__PURE__*/React__default.createElement(Stack$1, {
+    height: 120
+  }, openToast && /*#__PURE__*/React__default.createElement(ThemeProvider, {
     theme: SincoTheme
-  }, /*#__PURE__*/React__default.createElement(ToastContent, null, /*#__PURE__*/React__default.createElement(Stack$1, null, /*#__PURE__*/React__default.createElement(ContentBox, {
+  }, /*#__PURE__*/React__default.createElement(ToastContent, {
+    position: "fixed"
+  }, /*#__PURE__*/React__default.createElement(ContentBox, {
     className: `color-${toast.type || "info"}`
   }, toast && /*#__PURE__*/React__default.createElement(RippleIcon, {
     className: `ripple-${toast.type || "info"}`
@@ -12951,8 +12938,7 @@ const ToastNotification = toast => {
     "aria-label": "delete",
     onClick: close
   }, /*#__PURE__*/React__default.createElement(Close, null))), /*#__PURE__*/React__default.createElement(Stack$1, {
-    gap: "4px",
-    alignItems: "flex-start"
+    gap: "4px"
   }, /*#__PURE__*/React__default.createElement(Typography$1, {
     color: "text.primary",
     variant: "body2"
@@ -12998,7 +12984,7 @@ const ToastNotification = toast => {
     color: colors,
     variant: "determinate",
     value: progress
-  })))));
+  }))));
 };
 
 export { SincoTheme, ToastNotification };

package/package.json

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