@sinco/react 1.0.14-rc.7 → 1.0.14-rc.9

package/index.js

@@ -10547,7 +10547,7 @@ const components = {
       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",
+          backgroundColor: "#f0f0f0",
           backdropFilter: "blur(2px) !important"
         }
       }
@@ -10574,25 +10574,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,42 +10593,23 @@ const components = {
     }
   },
   MuiChip: {
-    variants: [{
-      props: {
-        size: "xsmall"
-      },
-      style: {
-        height: 16,
-        fontFamily: "Roboto",
-        fontSize: "10px",
-        fontStyle: "normal",
-        fontWeight: 400,
-        lineHeight: "10px",
-        letterSpacing: "0.15px",
-        color: "text.primary.light"
-      }
-    }],
     styleOverrides: {
       sizeSmall: {
-        height: 24
+        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
         }
       }
     }
@@ -11096,6 +11070,147 @@ const palette = {
   },
   divider: "rgba(16,24,64,0.12)"
 };
+const paletteADPRO = {
+  primary: {
+    50: "#e1f1f3",
+    100: "#b4dde0",
+    200: "#82c6cb",
+    300: "#50afb6",
+    400: "#2b9da7",
+    500: "#058c97",
+    600: "#04848f",
+    700: "#047984",
+    800: "#036f7a",
+    900: "#015c69",
+    A100: "#98f0ff",
+    A200: "#65e9ff",
+    A400: "#32e1ff",
+    A700: "#19ddff"
+  },
+  secondary: {
+    50: "#E0F7FA",
+    100: "#B3EBF2",
+    200: "#80DEEA",
+    300: "#4DD0E1",
+    light: "#26C6DA",
+    main: "#00BCD4",
+    600: "#00B6CF",
+    700: "#00ADC9",
+    800: "#00A5C3",
+    dark: "#0097B9",
+    A100: "#E2F9FF",
+    A200: "#AFEEFF",
+    A400: "#7CE3FF",
+    A700: "#63DDFF",
+    contrastText: "#ffffff"
+  },
+  error: {
+    50: "#F9E8E8",
+    100: "#F1C7C7",
+    200: "#E8A1A1",
+    300: "#DF7B7B",
+    light: "#D85F5F",
+    main: "#D14343",
+    600: "#CC3D3D",
+    700: "#C63434",
+    800: "#C02C2C",
+    dark: "#B51E1E",
+    A100: "#FFECEC",
+    A200: "#FFB9B9",
+    A400: "#FF8686",
+    A700: "#FF6D6D",
+    contrastText: "#ffffff"
+  },
+  warning: {
+    50: "#FFF0E0",
+    100: "#FEDAB3",
+    200: "#FDC280",
+    300: "#FCAA4D",
+    light: "#FC9726",
+    main: "#FB8500",
+    600: "#FA7D00",
+    700: "#FA7200",
+    800: "#F96800",
+    dark: "#F85500",
+    A100: "#FFFFFF",
+    A200: "#FFF1EB",
+    A400: "#FFCCB8",
+    A700: "#FFBA9F",
+    contrastText: "#ffffff"
+  },
+  info: {
+    50: "#E6F3F8",
+    100: "#C0E2EE",
+    200: "#96CFE2",
+    300: "#6CBCD6",
+    light: "#4DADCE",
+    main: "#2D9FC5",
+    600: "#2897BF",
+    700: "#228DB8",
+    800: "#1C83B0",
+    dark: "#1172A3",
+    A100: "#D4EFFF",
+    A200: "#A1DCFF",
+    A400: "#6ECAFF",
+    A700: "#54C1FF",
+    contrastText: "#ffffff"
+  },
+  success: {
+    50: "#F2F9E7",
+    100: "#DDEFC4",
+    200: "#C7E49D",
+    300: "#B1D975",
+    light: "#A0D158",
+    main: "#8FC93A",
+    600: "#87C334",
+    700: "#7CBC2C",
+    800: "#72B525",
+    dark: "#60A918",
+    A100: "#EDFFDE",
+    A200: "#D2FFAB",
+    A400: "#B6FF78",
+    A700: "#A9FF5E",
+    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"
+  },
+  text: {
+    primary: "#101840de",
+    secondary: "#10184099",
+    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)"
+  },
+  background: {
+    default: '#f5f5f5',
+    paper: "#fff"
+  },
+  common: {
+    black: '#000',
+    white: '#fff'
+  },
+  divider: "rgba(16,24,64,0.12)"
+};
 
 const breakpoints = createBreakpoints({
   values: {
@@ -11250,8 +11365,17 @@ const themeOptions = {
   mixins,
   breakpoints
 };
+const themeAdproOptions = {
+  components,
+  typography,
+  spacing: 8,
+  mixins,
+  breakpoints,
+  palette: paletteADPRO
+};
 
 const SincoTheme = createTheme(Object.assign({}, themeOptions));
+const AdproSincoTheme = createTheme(Object.assign({}, themeAdproOptions));
 
 var wellKnownSymbol$d = wellKnownSymbol$f;
 
@@ -22033,4 +22157,4 @@ const useDynamicColor = url => {
   };
 };
 
-export { DrawerComponent, DynamicColor, EmptyStateComponent, EmptyStateImageUrls, FooterActionComponent, SincoTheme, useDynamicColor };
+export { AdproSincoTheme, DrawerComponent, DynamicColor, EmptyStateComponent, EmptyStateImageUrls, FooterActionComponent, SincoTheme, useDynamicColor };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@sinco/react",
-  "version": "1.0.14-rc.7",
+  "version": "1.0.14-rc.9",
   "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;

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

@@ -1 +1,2 @@
 export declare const SincoTheme: import("@mui/material/styles").Theme;
+export declare const AdproSincoTheme: import("@mui/material/styles").Theme;

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

@@ -1,2 +1,3 @@
 import { PaletteOptions } from '@mui/material';
 export declare const palette: PaletteOptions;
+export declare const paletteADPRO: PaletteOptions;

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

@@ -1,2 +1,3 @@
 import { ThemeOptions } from "@mui/material/styles";
 export declare const themeOptions: ThemeOptions;
+export declare const themeAdproOptions: ThemeOptions;