@sinco/react 1.0.11 → 1.0.12-rc.1

package/index.js

@@ -11089,6 +11089,82 @@ const palette = {
   },
   divider: "rgba(16,24,64,0.12)"
 };
+const paletteADPRO = {
+  primary: {
+    light: "#FC9726",
+    main: "#FB8500",
+    dark: "#F85500",
+    contrastText: "#ffffff"
+  },
+  secondary: {
+    light: "417AAE",
+    main: "#2063A0",
+    dark: "#0B3573",
+    contrastText: "#ffffff"
+  },
+  error: {
+    light: "#26C6DA",
+    main: "#00BCD4",
+    dark: "#0097B9",
+    contrastText: "#ffffff"
+  },
+  warning: {
+    light: "#D85F5F",
+    main: "#D14343",
+    dark: "#B51E1E",
+    contrastText: "#ffffff"
+  },
+  info: {
+    light: "#A0D158",
+    main: "#8FC93A",
+    dark: "#60A918",
+    contrastText: "#ffffff"
+  },
+  success: {
+    light: "#4DADCE",
+    main: "#2D9FC5",
+    dark: "#1172A3",
+    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: {
@@ -11243,8 +11319,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;
 
@@ -22026,4 +22111,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.11",
+  "version": "1.0.12-rc.1",
   "description": "package for the configuration of mui react sinco",
   "private": false,
   "license": "MIT",

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;