@sinco/react 1.0.4-rc.9 → 1.0.8-rc.8
Sign up to get free protection for your applications and to get access to all the features.
- package/index.js +11 -25
- package/package.json +1 -1
package/index.js
CHANGED
@@ -12805,29 +12805,12 @@ process.env.NODE_ENV !== "production" ? Stack.propTypes /* remove-proptypes */ =
|
|
12805
12805
|
} : void 0;
|
12806
12806
|
var Stack$1 = Stack;
|
12807
12807
|
|
12808
|
-
const ToastContent = styled$1(Stack$1)(({
|
12809
|
-
theme
|
12810
|
-
}) => ({
|
12808
|
+
const ToastContent = styled$1(Stack$1)(() => ({
|
12811
12809
|
position: "fixed",
|
12812
|
-
marginBottom: theme.spacing(2),
|
12813
12810
|
zIndex: 1400,
|
12814
12811
|
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)",
|
12815
|
-
|
12816
|
-
|
12817
|
-
right: 16,
|
12818
|
-
left: "auto"
|
12819
|
-
},
|
12820
|
-
"&.center": {
|
12821
|
-
top: 16,
|
12822
|
-
left: "50%",
|
12823
|
-
right: "auto",
|
12824
|
-
transform: "translateX(-50%)"
|
12825
|
-
},
|
12826
|
-
"&.start": {
|
12827
|
-
top: 16,
|
12828
|
-
left: 16,
|
12829
|
-
right: "auto"
|
12830
|
-
}
|
12812
|
+
right: 16,
|
12813
|
+
marginTop: 16
|
12831
12814
|
}));
|
12832
12815
|
const ContentBox = styled$1(Box$1)(({
|
12833
12816
|
theme
|
@@ -12925,9 +12908,13 @@ const ToastNotification = toast => {
|
|
12925
12908
|
clearInterval(interval || toast.time);
|
12926
12909
|
};
|
12927
12910
|
}, [timeProgress, toast.time]);
|
12928
|
-
return /*#__PURE__*/React__default.createElement(
|
12911
|
+
return /*#__PURE__*/React__default.createElement(Stack$1, {
|
12912
|
+
height: 120
|
12913
|
+
}, openToast && /*#__PURE__*/React__default.createElement(ThemeProvider, {
|
12929
12914
|
theme: SincoTheme
|
12930
|
-
}, /*#__PURE__*/React__default.createElement(ToastContent,
|
12915
|
+
}, /*#__PURE__*/React__default.createElement(ToastContent, {
|
12916
|
+
position: "fixed"
|
12917
|
+
}, /*#__PURE__*/React__default.createElement(ContentBox, {
|
12931
12918
|
className: `color-${toast.type || "info"}`
|
12932
12919
|
}, toast && /*#__PURE__*/React__default.createElement(RippleIcon, {
|
12933
12920
|
className: `ripple-${toast.type || "info"}`
|
@@ -12951,8 +12938,7 @@ const ToastNotification = toast => {
|
|
12951
12938
|
"aria-label": "delete",
|
12952
12939
|
onClick: close
|
12953
12940
|
}, /*#__PURE__*/React__default.createElement(Close, null))), /*#__PURE__*/React__default.createElement(Stack$1, {
|
12954
|
-
gap: "4px"
|
12955
|
-
alignItems: "flex-start"
|
12941
|
+
gap: "4px"
|
12956
12942
|
}, /*#__PURE__*/React__default.createElement(Typography$1, {
|
12957
12943
|
color: "text.primary",
|
12958
12944
|
variant: "body2"
|
@@ -12998,7 +12984,7 @@ const ToastNotification = toast => {
|
|
12998
12984
|
color: colors,
|
12999
12985
|
variant: "determinate",
|
13000
12986
|
value: progress
|
13001
|
-
}))))
|
12987
|
+
}))));
|
13002
12988
|
};
|
13003
12989
|
|
13004
12990
|
export { SincoTheme, ToastNotification };
|