@sinco/react 1.0.16-rc.0 → 1.0.16-rc.2

package/index.js

@@ -6503,6 +6503,150 @@ const getOverlayAlpha = elevation => {
 };
 var getOverlayAlpha$1 = getOverlayAlpha;
 
+const palette = {
+  primary: {
+    50: "#E4ECF4",
+    100: "#BCD0E3",
+    200: "#8FB1D0",
+    300: "#6392BD",
+    light: "#417AAE",
+    main: "#2063A0",
+    600: "#1C5B98",
+    700: "#18518E",
+    800: "#134784",
+    dark: "#0B3573",
+    A100: "#A5C5FF",
+    A200: "#72A4FF",
+    A400: "#3F83FF",
+    A700: "#2572FF",
+    contrastText: "#ffffff"
+  },
+  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: "#10184066",
+    selected: "#101840cc",
+    disabled: "#10184042",
+    disabledBackground: "#1018401f",
+    focus: "#1018401f"
+  },
+  background: {
+    default: "#f5f5f5",
+    paper: "#fff"
+  },
+  common: {
+    black: "#000",
+    white: "#fff"
+  },
+  divider: "#0000001f"
+};
+
+var _palette$grey, _palette$action;
 const components = {
   MuiDataGrid: {
     defaultProps: {
@@ -6674,7 +6818,20 @@ const components = {
       sizeMedium: {
         height: 24
       },
+      filled: {
+        backgroundColor: (_palette$grey = palette.grey) == null ? void 0 : _palette$grey[100]
+      },
+      icon: {
+        color: (_palette$action = palette.action) == null ? void 0 : _palette$action.active,
+        opacity: "26%"
+      },
       root: {
+        fontFamily: "Roboto",
+        fontSize: "10px",
+        fontStyle: "normal",
+        fontWeight: 400,
+        lineHeight: "10px",
+        letterSpacing: "0.15px",
         height: "inherit",
         borderRadius: 4,
         ".MuiChip-deleteIconXsmall": {
@@ -7040,149 +7197,6 @@ const components = {
   }
 };
 
-const palette = {
-  primary: {
-    50: "#E4ECF4",
-    100: "#BCD0E3",
-    200: "#8FB1D0",
-    300: "#6392BD",
-    light: "#417AAE",
-    main: "#2063A0",
-    600: "#1C5B98",
-    700: "#18518E",
-    800: "#134784",
-    dark: "#0B3573",
-    A100: "#A5C5FF",
-    A200: "#72A4FF",
-    A400: "#3F83FF",
-    A700: "#2572FF",
-    contrastText: "#ffffff"
-  },
-  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: "#0a12288a",
-    hover: "#0a122866",
-    selected: "#0a1228cc",
-    disabled: "#10184042",
-    disabledBackground: "#1018401f",
-    focus: "#1018401f"
-  },
-  background: {
-    default: "#f5f5f5",
-    paper: "#fff"
-  },
-  common: {
-    black: "#000",
-    white: "#fff"
-  },
-  divider: "#0000001f"
-};
-
 const breakpoints = createBreakpoints({
   values: {
     xs: 0,
@@ -13565,7 +13579,7 @@ const DefaultIcon = ({
     xlinkHref: `${emptyStateIcons}#${EmptyStateImageUrls[_state]}`
   }));
 };
-const EmptyStateComponent = ({
+const EmptyState = ({
   state,
   title,
   subtitle,
@@ -14254,7 +14268,7 @@ const useProgress = timeProgress => {
   };
 };
 
-const ToastNotificationComponent = toast => {
+const ToastNotification = toast => {
   const [stateOptions, setStateOptions] = useState(true);
   const [stateToast, setStateToast] = useState(true);
   const timeProgress = toast.time || 10;
@@ -14386,7 +14400,7 @@ function PageHeaderWraps({
   }
   return /*#__PURE__*/React__default.createElement(React__default.Fragment, null, item);
 }
-const PageHeaderComponent = ({
+const PageHeader = ({
   title,
   subtitle,
   actions,
@@ -19934,4 +19948,4 @@ const useDynamicColor = url => {
   };
 };
 
-export { AdproSincoTheme, DrawerComponent as Drawer, DrawerComponent, DynamicColor, EmptyStateComponent as EmptyState, EmptyStateComponent, EmptyStateImageUrls, FooterAction, PageHeaderComponent as PageHeader, PageHeaderComponent, PageHeaderWraps, SincoTheme, ToastNotificationComponent as ToastNotification, ToastNotificationComponent, useDynamicColor };
+export { AdproSincoTheme, DrawerComponent as Drawer, DrawerComponent, DynamicColor, EmptyState, EmptyStateImageUrls, FooterAction, PageHeader, PageHeaderWraps, SincoTheme, ToastNotification, useDynamicColor };

package/package.json

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

package/src/lib/Components/EmptyState.d.ts

@@ -10,5 +10,4 @@ export interface EmptyStateProperties {
     iconStyle?: React.CSSProperties;
     containerHeight?: string;
 }
-export declare const EmptyStateComponent: ({ state, title, subtitle, actions, containerHeight, iconStyle, icon, }: EmptyStateProperties) => JSX.Element;
-export { EmptyStateComponent as EmptyState };
+export declare const EmptyState: ({ state, title, subtitle, actions, containerHeight, iconStyle, icon, }: EmptyStateProperties) => JSX.Element;

package/src/lib/Components/PageHeader.d.ts

@@ -12,5 +12,4 @@ export declare function PageHeaderWraps({ item, color, variant, }: {
     color: string;
     variant: Variant;
 }): JSX.Element;
-export declare const PageHeaderComponent: ({ title, subtitle, actions, buttonBack, fixed, }: PageheaderProperties) => JSX.Element;
-export { PageHeaderComponent as PageHeader };
+export declare const PageHeader: ({ title, subtitle, actions, buttonBack, fixed, }: PageheaderProperties) => JSX.Element;

package/src/lib/Components/ToastNotification.d.ts

@@ -9,5 +9,4 @@ export interface ToastBaseProperties {
     actions?: React.ReactNode;
     seeMore?: boolean;
 }
-export declare const ToastNotificationComponent: (toast: ToastBaseProperties) => JSX.Element;
-export { ToastNotificationComponent as ToastNotification };
+export declare const ToastNotification: (toast: ToastBaseProperties) => JSX.Element;