@sinco/react 1.2.4-rc.6 → 1.2.4-rc.8

package/index.esm.js

@@ -7356,9 +7356,6 @@ var components = {
       outlined: {
         paddingBlock: "13px"
       },
-      standard: {
-        // padding: "2px 0 5px"
-      },
       iconStandard: {
         "&.MuiSelect-iconStandard.MuiSvgIcon-root": {
           top: "calc(50% - .4em)"
@@ -7713,8 +7710,7 @@ var components = {
         }), ".MuiPaper-elevation", {
           boxShadow: "0px 1px 5px rgba(24, 39, 75, 0.12), 0px 2px 2px rgba(24, 39, 75, 0.14), 0px 3px 1px -2px rgba(24, 39, 75, 0.2) "
         }), ".MuiBackdrop-root", {
-          backgroundColor: "#f0f0f099",
-          backdropFilter: "blur(2px) !important"
+          backgroundColor: "#00000047"
         });
       }
     }
@@ -8128,20 +8124,93 @@ var components = {
       }
     }],
     styleOverrides: {
-      message: {
-        padding: "0px 0px",
-        minWidth: 0
+      message: function message(_ref8) {
+        var theme = _ref8.theme;
+        return {
+          padding: "0px 4px",
+          minWidth: 0,
+          variants: [{
+            props: {
+              variant: "standard"
+            },
+            style: {
+              color: theme.palette.text.primary
+            }
+          }, {
+            props: {
+              variant: "outlined"
+            },
+            style: {
+              color: theme.palette.text.primary
+            }
+          }]
+        };
       },
-      icon: {
-        padding: "4px",
-        marginRight: 0,
-        display: "flex",
-        alignItems: "center"
+      icon: function icon(_ref9) {
+        var theme = _ref9.theme;
+        return {
+          padding: "4px",
+          marginRight: 0,
+          display: "flex",
+          alignItems: "center",
+          borderRadius: 100,
+          variants: [{
+            props: {
+              variant: "standard",
+              color: "success"
+            },
+            style: {
+              backgroundColor: theme.palette.success[100]
+            }
+          }, {
+            props: {
+              variant: "standard",
+              color: "error"
+            },
+            style: {
+              backgroundColor: theme.palette.error[100]
+            }
+          }, {
+            props: {
+              variant: "standard",
+              color: "info"
+            },
+            style: {
+              backgroundColor: theme.palette.info[100]
+            }
+          }, {
+            props: {
+              variant: "standard",
+              color: "warning"
+            },
+            style: {
+              backgroundColor: theme.palette.warning[100]
+            }
+          }]
+        };
       },
-      action: {
-        display: "flex",
-        gap: 1.5,
-        padding: "0px"
+      action: function action(_ref10) {
+        var theme = _ref10.theme;
+        return {
+          display: "flex",
+          gap: 1.5,
+          padding: "0px",
+          variants: [{
+            props: {
+              variant: "standard"
+            },
+            style: {
+              color: theme.palette.action.active
+            }
+          }, {
+            props: {
+              variant: "outlined"
+            },
+            style: {
+              color: theme.palette.action.active
+            }
+          }]
+        };
       },
       root: {
         padding: "8px 12px 8px 12px",
@@ -8307,6 +8376,9 @@ var components = {
     }
   },
   MuiSvgIcon: {
+    defaultProps: {
+      color: "action"
+    },
     styleOverrides: {
       fontSizeLarge: {
         width: 35,
@@ -8326,27 +8398,7 @@ var components = {
     }
   },
   MuiIconButton: {
-    defaultProps: {
-      color: "primary"
-    },
     styleOverrides: {
-      colorInherit: function colorInherit(_ref8) {
-        var theme = _ref8.theme;
-        return {
-          color: theme.palette.action.active
-        };
-      },
-      root: function root(_ref9) {
-        var theme = _ref9.theme;
-        return {
-          "&:hover": {
-            backgroundColor: "rgba(16, 24, 64, 0.04)"
-          },
-          "&>.MuiSvgIcon-root": {
-            color: theme.palette.action.active
-          }
-        };
-      },
       sizeSmall: {
         padding: 3
       },
@@ -8425,8 +8477,8 @@ var components = {
   },
   MuiInputLabel: {
     styleOverrides: {
-      asterisk: function asterisk(_ref10) {
-        var theme = _ref10.theme;
+      asterisk: function asterisk(_ref11) {
+        var theme = _ref11.theme;
         return {
           color: theme.palette.error.main
         };

package/package.json

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