@sinco/react 1.2.2-rc.10 → 1.2.2-rc.11

package/index.esm.js

@@ -7806,8 +7806,33 @@ var components = {
       icon: {
         opacity: "70%"
       },
-      deleteIcon: function deleteIcon(_ref2) {
+      deleteIconSmall: {
+        height: 16,
+        width: 16
+      },
+      deleteIconMedium: {
+        height: 20,
+        width: 20
+      },
+      sizeSmall: {
+        height: 16
+      },
+      sizeMedium: {
+        height: 20
+      },
+      avatarMedium: {
+        height: 18,
+        width: 18
+      },
+      colorDefault: function colorDefault(_ref2) {
         var theme = _ref2.theme;
+        return {
+          backgroundColor: theme.palette["default"].main,
+          color: theme.palette["default"].contrastText
+        };
+      },
+      deleteIcon: function deleteIcon(_ref3) {
+        var theme = _ref3.theme;
         return {
           variants: [{
             props: {
@@ -7843,40 +7868,18 @@ var components = {
             }
           }, {
             props: {
-              variant: "outlined",
+              variant: "filled",
               color: "default"
             },
             style: {
-              color: theme.palette.action.active,
-              opacity: "54%",
-              ":hover": {
-                color: theme.palette.action.active,
-                opacity: "54%"
-              }
+              color: theme.palette["default"].contrastText,
+              opacity: "30%"
             }
           }]
         };
       },
-      deleteIconSmall: {
-        height: 16,
-        width: 16
-      },
-      deleteIconMedium: {
-        height: 20,
-        width: 20
-      },
-      sizeSmall: {
-        height: 16
-      },
-      sizeMedium: {
-        height: 20
-      },
-      avatarMedium: {
-        height: 18,
-        width: 18
-      },
-      avatar: function avatar(_ref3) {
-        var theme = _ref3.theme;
+      avatar: function avatar(_ref4) {
+        var theme = _ref4.theme;
         return {
           lineHeight: 1.8,
           variants: [{
@@ -7938,36 +7941,80 @@ var components = {
               color: "default"
             },
             style: {
-              backgroundColor: theme.palette.action.active,
-              color: theme.palette.background.paper,
-              opacity: "54%"
+              backgroundColor: theme.palette.grey[400],
+              color: theme.palette.background.paper
+            }
+          }, {
+            props: {
+              variant: "filled",
+              color: "default"
+            },
+            style: {
+              backgroundColor: theme.palette["default"].contrastText,
+              color: theme.palette.background.paper
             }
           }]
         };
       },
-      label: function label(_ref4) {
-        var theme = _ref4.theme;
-        return _objectSpread2({}, theme.typography.caption);
-      },
-      filled: function filled(_ref5) {
+      label: function label(_ref5) {
         var theme = _ref5.theme;
-        return {
-          color: theme.palette.background.paper
-        };
+        return _objectSpread2({}, theme.typography.caption);
       },
-      colorDefault: function colorDefault(_ref6) {
+      root: function root(_ref6) {
         var theme = _ref6.theme;
-        return {
-          backgroundColor: theme.palette["default"].dark,
-          color: theme.palette["default"].contrastText
-        };
-      },
-      root: function root(_ref7) {
-        var theme = _ref7.theme;
         return {
           height: "inherit",
           borderRadius: 4,
           variants: [{
+            props: {
+              variant: "outlined",
+              color: "default"
+            },
+            style: {
+              border: "1px solid ".concat(theme.palette.grey[400]),
+              backgroundColor: "transparent !important",
+              color: theme.palette["default"].contrastText,
+              ":hover": {
+                backgroundColor: theme.palette["default"].main
+              }
+            }
+          }, {
+            props: {
+              variant: "standard",
+              color: "default"
+            },
+            style: {
+              backgroundColor: theme.palette["default"].main,
+              color: theme.palette["default"].contrastText,
+              ":hover": {
+                backgroundColor: theme.palette["default"].dark
+              }
+            }
+          }, {
+            props: {
+              variant: "filled",
+              color: "default"
+            },
+            style: {
+              backgroundColor: theme.palette.grey[50],
+              color: theme.palette["default"].contrastText,
+              ":hover": {
+                backgroundColor: theme.palette.grey[100]
+              }
+            }
+          }, {
+            props: {
+              variant: "filled",
+              color: "default"
+            },
+            style: {
+              backgroundColor: theme.palette.grey[50],
+              color: theme.palette["default"].contrastText,
+              ":hover": {
+                backgroundColor: theme.palette.grey[100]
+              }
+            }
+          }, {
             props: {
               variant: "standard",
               avatar: true
@@ -8092,8 +8139,8 @@ var components = {
         padding: "0px 0px",
         minWidth: 0
       },
-      icon: function icon(_ref8) {
-        var theme = _ref8.theme;
+      icon: function icon(_ref7) {
+        var theme = _ref7.theme;
         return {
           padding: "4px",
           marginRight: "8px",

package/package.json

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