@sinco/react 1.0.14-rc.8 → 1.0.14

package/index.js

@@ -10546,9 +10546,9 @@ const components = {
     styleOverrides: {
       root: {
         boxShadow: "0px 3px 1px -2px rgba(24, 39, 75, 0.20), 0px 2px 2px 0px rgba(24, 39, 75, 0.14), 0px 1px 5px 0px rgba(24, 39, 75, 0.12)",
-        "&.MuiBackdrop-root": {
-          backgroundColor: "#f0f0f099",
-          backdropFilter: "blur(2px) !important"
+        '-webkit-backdrop-filter': '#f0f0f099 !important',
+        '.MuiBackdrop-root': {
+          backgroundColor: '#F0f0f099 !important'
         }
       }
     }
@@ -10556,11 +10556,7 @@ const components = {
   MuiDialog: {
     styleOverrides: {
       root: {
-        boxShadow: " 0px 2px 1px -2px rgba(24, 39, 75, 0.20), 0px 1px 1px -1px rgba(24, 39, 75, 0.14), 0px 1px 3px 0px rgba(24, 39, 75, 0.12)",
-        ".MuiBackdrop-root": {
-          backgroundColor: "#f0f0f099",
-          backdropFilter: "blur(2px) !important"
-        }
+        boxShadow: " 0px 2px 1px -2px rgba(24, 39, 75, 0.20), 0px 1px 1px -1px rgba(24, 39, 75, 0.14), 0px 1px 3px 0px rgba(24, 39, 75, 0.12)"
       }
     }
   },
@@ -10574,25 +10570,18 @@ const components = {
   },
   MuiCheckbox: {
     variants: [{
-      props: {
-        size: "xsmall"
-      },
-      style: {
-        padding: 2
-      }
-    }, {
       props: {
         size: "small"
       },
       style: {
-        padding: 4
+        padding: 2
       }
     }, {
       props: {
         size: "medium"
       },
       style: {
-        padding: 11
+        padding: 4
       }
     }],
     defaultProps: {
@@ -10600,35 +10589,30 @@ const components = {
     }
   },
   MuiChip: {
-    variants: [{
-      props: {
-        size: "xsmall"
-      },
-      style: {
-        height: 16
-      }
-    }],
     styleOverrides: {
       sizeSmall: {
-        height: 24
+        fontFamily: "Roboto",
+        fontSize: "10px",
+        fontStyle: "normal",
+        fontWeight: 400,
+        lineHeight: "10px",
+        letterSpacing: " 0.15px",
+        color: "text.primary",
+        height: 16
       },
       sizeMedium: {
-        height: 30
+        height: 24
       },
       root: {
         height: "inherit",
         borderRadius: 4,
-        ".MuiChip-deleteIconXsmall": {
+        ".MuiChip-deleteIconSmall": {
           height: 12,
           width: 12
         },
-        ".MuiChip-deleteIconSmall": {
+        ".MuiChip-deleteIconMedium": {
           height: 16,
           widht: 16
-        },
-        ".MuiChip-deleteIconMedium": {
-          height: 20,
-          widht: 20
         }
       }
     }
@@ -10953,7 +10937,7 @@ const palette = {
     100: "#BCD0E3",
     200: "#8FB1D0",
     300: "#6392BD",
-    light: "417AAE",
+    light: "#417AAE",
     main: "#2063A0",
     600: "#1C5B98",
     700: "#18518E",
@@ -11051,20 +11035,20 @@ const palette = {
     contrastText: "#ffffff"
   },
   grey: {
-    50: "#FAFBFF",
-    100: "#F4F6FA",
-    200: "#EDEFF5",
-    300: "#E6E8F0",
-    400: "#D8DAE5",
-    500: "#C1C4D6",
-    600: "#8F95B2",
-    700: "#696F8C",
-    800: "#474D66",
-    900: "#101840",
-    A100: "#D8DAE5",
-    A200: "#C1C4D6",
-    A400: "#696F8C",
-    A700: "#101840"
+    50: "#F7F7F8",
+    100: "#EAEBEC",
+    200: "#DCDEE0",
+    300: "#CED1D4",
+    400: "#C4C7CA",
+    500: "#B9BDC1",
+    600: "#B2B7BB",
+    700: "#AAAEB3",
+    800: "#A2A6AB",
+    900: "#93989E",
+    A100: "#FFFFFF",
+    A200: "#FFFFFF",
+    A400: "#D4EAFF",
+    A700: "#BBDDFF"
   },
   text: {
     primary: "#101840de",
@@ -11091,20 +11075,20 @@ const palette = {
 };
 const paletteADPRO = {
   primary: {
-    50: "#e1f1f3",
-    100: "#b4dde0",
-    200: "#82c6cb",
-    300: "#50afb6",
-    400: "#2b9da7",
-    500: "#058c97",
-    600: "#04848f",
+    50: "#F8FAFB",
+    100: "#E6EFF0",
+    200: "#D2E3E4",
+    300: "#82C6CB",
+    400: "#2B9DA7",
+    500: "#058C97",
+    600: "#04848F",
     700: "#047984",
-    800: "#036f7a",
-    900: "#015c69",
-    A100: "#98f0ff",
-    A200: "#65e9ff",
-    A400: "#32e1ff",
-    A700: "#19ddff"
+    800: "#036F7A",
+    900: "#015C69",
+    A100: "#98F0FF",
+    A200: "#65E9FF",
+    A400: "#32E1FF",
+    A700: "#32E1FF"
   },
   secondary: {
     50: "#E0F7FA",
@@ -11213,12 +11197,12 @@ const paletteADPRO = {
     disabled: "#10184061"
   },
   action: {
-    active: "rgba(16, 24, 64, 0.54)",
-    hover: "rgba(16, 24, 64, 0.04)",
-    selected: "rgba(16, 24, 64, 0.08)",
-    disabled: "rgba(16, 24, 64, 0.26)",
-    disabledBackground: "rgba(16, 24, 64, 0.12)",
-    focus: "rgba(16, 24, 64, 0.12)"
+    active: "#0a12288a",
+    hover: "#0a122866",
+    selected: "#0a1228cc",
+    disabled: "#10184042",
+    disabledBackground: "#1018401f",
+    focus: "#1018401f"
   },
   background: {
     default: '#f5f5f5',
@@ -11228,7 +11212,7 @@ const paletteADPRO = {
     black: '#000',
     white: '#fff'
   },
-  divider: "rgba(16,24,64,0.12)"
+  divider: "#0000001f"
 };
 
 const breakpoints = createBreakpoints({

package/package.json

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

package/src/lib/Theme/components.d.ts

@@ -1,12 +1,2 @@
 import { Components } from '@mui/material';
-declare module '@mui/material/Chip' {
-    interface ChipPropsSizeOverrides {
-        xsmall: true;
-    }
-}
-declare module "@mui/material/Checkbox" {
-    interface CheckboxPropsSizeOverrides {
-        xsmall: true;
-    }
-}
 export declare const components: Components;