@sinco/react 1.1.0 → 1.1.1-rc.1

package/index.js

@@ -6629,8 +6629,149 @@ const palette = {
   },
   action: {
     active: "#1018408a",
-    hover: "#10184066",
-    selected: "#101840cc",
+    hover: "#1018400a",
+    selected: "#10184014",
+    disabled: "#10184042",
+    disabledBackground: "#1018401f",
+    focus: "#1018401f"
+  },
+  background: {
+    default: "#f5f5f5",
+    paper: "#fff"
+  },
+  common: {
+    black: "#000",
+    white: "#fff"
+  },
+  divider: "#0000001f"
+};
+const paletteAdpro = {
+  primary: {
+    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: "#32E1FF"
+  },
+  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: "#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",
+    secondary: "#10184099",
+    disabled: "#10184061"
+  },
+  action: {
+    active: "#1018408a",
+    hover: "#1018400a",
+    selected: "#10184014",
     disabled: "#10184042",
     disabledBackground: "#1018401f",
     focus: "#1018401f"
@@ -6646,7 +6787,7 @@ const palette = {
   divider: "#0000001f"
 };
 
-var _palette$grey, _palette$action;
+var _palette$action;
 const components = {
   MuiDataGrid: {
     defaultProps: {
@@ -6810,28 +6951,37 @@ const components = {
       size: "small"
     }
   },
-  MuiChip: {
+  MuiToggleButton: {
     styleOverrides: {
       sizeSmall: {
-        height: 16
+        height: 32
       },
       sizeMedium: {
-        height: 24
+        height: 38
       },
-      filled: {
-        backgroundColor: (_palette$grey = palette.grey) == null ? void 0 : _palette$grey[100]
+      sizeLarge: {
+        height: 48
+      }
+    }
+  },
+  MuiChip: {
+    styleOverrides: {
+      sizeSmall: {
+        height: 18
+      },
+      sizeMedium: {
+        height: 22
       },
       icon: {
         color: (_palette$action = palette.action) == null ? void 0 : _palette$action.active,
         opacity: "26%"
       },
       root: {
-        fontFamily: "Roboto",
-        fontSize: "10px",
-        fontStyle: "normal",
+        fontFamily: 'Roboto',
+        fontSize: '11px',
         fontWeight: 400,
-        lineHeight: "10px",
-        letterSpacing: "0.15px",
+        lineHeight: '14px',
+        letterSpacing: '0.16px',
         height: "inherit",
         borderRadius: 4,
         ".MuiChip-deleteIconXsmall": {
@@ -7360,24 +7510,7 @@ const themeAdproOptions = {
   mixins,
   breakpoints,
   shadows,
-  palette: Object.assign({
-    primary: {
-      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: "#32E1FF"
-    }
-  }, palette)
+  palette: paletteAdpro
 };
 
 const SincoTheme = createTheme(Object.assign({}, themeOptions));

package/package.json

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

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

@@ -1,13 +1,14 @@
 import { PaletteOptions } from "@mui/material";
 declare module "@mui/material/styles" {
     interface PaletteColor {
-        50: string;
-        100: string;
-        200: string;
-        300: string;
-        600: string;
-        700: string;
-        800: string;
+        50?: string;
+        100?: string;
+        200?: string;
+        300?: string;
+        600?: string;
+        700?: string;
+        800?: string;
     }
 }
 export declare const palette: PaletteOptions;
+export declare const paletteAdpro: PaletteOptions;