@sinco/react 1.0.12 → 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,35 +9715,16 @@ const components = {
   },
   MuiButton: {
     styleOverrides: {
-      root: {
-        alignItems: "center"
-      },
-      iconSizeSmall: {
-        height: 14,
-        width: 14
-      },
-      iconSizeMedium: {
-        height: 18,
-        width: 18
-      },
-      iconSizeLarge: {
-        height: 20,
-        width: 20
-      },
       sizeSmall: {
         height: 26,
-        ".MuiButton-iconSizeSmall": {
-          height: 14,
-          width: 14,
-          ".MuiSvgIcon-fontSizeMedium": {
-            height: 18,
-            width: 18
-          }
-        },
         ".MuiSvgIcon-fontSizeSmall": {
           height: 16,
           width: 16
         },
+        ".MuiSvgIcon-fontSizeMedium": {
+          height: 18,
+          width: 18
+        },
         ".MuiSvgIcon-fontSizeLarge": {
           height: 20,
           width: 20
@@ -9613,12 +9732,9 @@ const components = {
       },
       sizeMedium: {
         height: 32,
-        ".MuiButton-iconSizeMedium": {
-          alignItems: "center",
-          ".MuiSvgIcon-fontSizeSmall": {
-            height: 16,
-            width: 16
-          }
+        ".MuiSvgIcon-fontSizeSmall": {
+          height: 18,
+          width: 18
         },
         ".MuiSvgIcon-fontSizeMedium": {
           height: 18,

package/package.json

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