@sinco/react 1.2.2-rc.9 → 1.2.2

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,22 +7941,24 @@ 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);
       },
       root: function root(_ref6) {
         var theme = _ref6.theme;
@@ -7961,6 +7966,55 @@ var components = {
           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
@@ -8565,43 +8619,28 @@ var components = {
       dense: false
     },
     styleOverrides: {
-      root: {},
-      dense: {}
-    }
-  },
-  MuiListItemText: {
-    styleOverrides: {
-      multiline: {},
-      root: {
-        marginBlock: " 4.4px ",
-        lineHeight: "20px",
-        letterSpacing: 0.17
-      },
-      dense: {
-        lineHeight: "14.3px",
-        letterSpacing: 0.15
-      }
-    }
-  },
-  MuiListItem: {
-    styleOverrides: {
-      root: {
-        padding: "8px 16px 8px 16px"
+      padding: {
+        ".MuiListItem-padding": {
+          paddingBlock: 1
+        }
       },
       dense: {
-        padding: "4px 16px 4px 16px"
+        ".MuiListItem-dense": {
+          padding: "0.25px 0px 0.25px 16px"
+        }
       }
     }
   },
   MuiListItemButton: {
     styleOverrides: {
       dense: {
-        marginBlock: 0,
-        padding: 0
+        padding: "4px 16px 4px 16px "
       },
       root: {
-        marginBlock: 0,
-        padding: 0
+        padding: "8.21px 16px",
+        ".MuiListItemText-multiline": {
+          marginBlock: "4px"
+        }
       }
     }
   },

package/package.json

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

package/src/lib/Components/index.d.ts

@@ -7,4 +7,4 @@ export * from "./ProgressSinco";
 export * from "./CardRadio";
 export * from "./Icons";
 export * from './adjuntar/';
-export * from './MultiSelect';
+export * from './MultiSelect/';