@sinco/react 1.0.13-rc.0 → 1.0.13-rc.1

package/index.js

@@ -9540,19 +9540,157 @@ const components = {
         height: 30
       },
       root: {
-        height: "inherit",
         borderRadius: 4,
+        "&.MuiChip-filled.MuiChip-colorPrimary": {
+          color: "#101840de",
+          backgroundColor: "#E4ECF4",
+          "&:hover": {
+            backgroundColor: "#BCD0E3"
+          },
+          ".MuiChip-deleteIcon": {
+            color: "#90B1D0",
+            "&:hover": {
+              color: "#6392BD"
+            }
+          }
+        },
+        "&.MuiChip-filled.MuiChip-colorSecondary": {
+          color: "#101840de",
+          backgroundColor: "#E0F7FA",
+          "&:hover": {
+            backgroundColor: "#B3EBF2"
+          },
+          ".MuiChip-deleteIcon": {
+            color: "#80DEEA",
+            "&:hover": {
+              color: "#4DD0E1"
+            }
+          }
+        },
+        "&.MuiChip-filled.MuiChip-colorError": {
+          color: "#101840de",
+          backgroundColor: "#F9E8E8",
+          "&:hover": {
+            backgroundColor: "#F1C7C7"
+          },
+          ".MuiChip-deleteIcon": {
+            color: "#E8A1A1",
+            "&:hover": {
+              color: "#DF7B7B"
+            }
+          }
+        },
+        "&.MuiChip-filled.MuiChip-colorSuccess": {
+          color: "#101840de",
+          backgroundColor: "#F2F9E7",
+          "&:hover": {
+            backgroundColor: "#DDEFC4"
+          },
+          ".MuiChip-deleteIcon": {
+            color: "#C7E49D",
+            "&:hover": {
+              color: "#A0D158"
+            }
+          }
+        },
+        "&.MuiChip-filled.MuiChip-colorInfo": {
+          color: "#101840de",
+          backgroundColor: "#E6F3F8",
+          "&:hover": {
+            backgroundColor: "#C0E2EE"
+          },
+          ".MuiChip-deleteIcon": {
+            color: "#96CFE2",
+            "&:hover": {
+              color: "#6CBCD6"
+            }
+          }
+        },
+        "&.MuiChip-filled.MuiChip-colorWarning": {
+          color: "#101840de",
+          backgroundColor: "#FFF0E0",
+          "&:hover": {
+            backgroundColor: "#FEDAB3"
+          },
+          ".MuiChip-deleteIcon": {
+            color: "#FDC280",
+            "&:hover": {
+              color: "#FCAA4D"
+            }
+          }
+        },
+        //////
+        "&.MuiChip-outlined.MuiChip-colorPrimary": {
+          color: "#2063A0",
+          border: "solid 1px  #90B1D0",
+          ".MuiChip-deleteIcon": {
+            color: "#90B1D0",
+            "&:hover": {
+              color: "#6392BD"
+            }
+          }
+        },
+        "&.MuiChip-outlined.MuiChip-colorSecondary": {
+          color: "#00BCD4",
+          border: "solid 1px  #80DEEA",
+          ".MuiChip-deleteIcon": {
+            color: "#80DEEA",
+            "&:hover": {
+              color: "#80DEEA"
+            }
+          }
+        },
+        "&.MuiChip-outlined.MuiChip-colorError": {
+          color: "#D14343",
+          border: "solid 1px  #E8A1A1",
+          ".MuiChip-deleteIcon": {
+            color: "#E8A1A1",
+            "&:hover": {
+              color: "#DF7B7B"
+            }
+          }
+        },
+        "&.MuiChip-outlined.MuiChip-colorSuccess": {
+          color: "#8FC93A",
+          border: "solid 1px  #C7E49D",
+          ".MuiChip-deleteIcon": {
+            color: "#C7E49D",
+            "&:hover": {
+              color: "#B1D975"
+            }
+          }
+        },
+        "&.MuiChip-outlined.MuiChip-colorInfo": {
+          color: "#2D9FC5",
+          border: "solid 1px  #96CFE2",
+          ".MuiChip-deleteIcon": {
+            color: "#96CFE2",
+            "&:hover": {
+              color: "#6CBCD6s"
+            }
+          }
+        },
+        "&.MuiChip-outlined.MuiChip-colorWarning": {
+          color: "#FB8500",
+          border: "solid 1px  #FDC280",
+          ".MuiChip-deleteIcon": {
+            color: "#FDC280",
+            "&:hover": {
+              color: "#FCAA4D"
+            }
+          }
+        },
         ".MuiChip-deleteIconXsmall": {
           height: 12,
           width: 12
         },
         ".MuiChip-deleteIconSmall": {
           height: 16,
-          widht: 16
+          width: 16
         },
         ".MuiChip-deleteIconMedium": {
           height: 20,
-          widht: 20
+          width: 20
         }
       }
     }
@@ -9577,24 +9715,6 @@ const components = {
   },
   MuiButton: {
     styleOverrides: {
-      root: {
-        alignItems: "center"
-      },
-      endIcon: {
-        marginLeft: 2
-      },
-      iconSizeSmall: {
-        height: 14,
-        width: 14
-      },
-      iconSizeMedium: {
-        height: 18,
-        width: 18
-      },
-      iconSizeLarge: {
-        height: 18,
-        width: 22
-      },
       sizeSmall: {
         height: 26,
         ".MuiSvgIcon-fontSizeSmall": {

package/package.json

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