@sinco/react 1.0.10-rc.2 → 1.0.10-rc.20

package/package.json

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

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

@@ -0,0 +1,11 @@
+import React from "react";
+export declare const PageContent: import("@emotion/styled").StyledComponent<import("@mui/system").SystemProps<import("@mui/material").Theme> & {
+    children?: React.ReactNode;
+    direction?: import("@mui/system").ResponsiveStyleValue<"column" | "column-reverse" | "row" | "row-reverse"> | undefined;
+    spacing?: import("@mui/system").ResponsiveStyleValue<string | number> | undefined;
+    divider?: React.ReactNode;
+    useFlexGap?: boolean | undefined;
+    sx?: import("@mui/material").SxProps<import("@mui/material").Theme> | undefined;
+} & import("@mui/material/OverridableComponent").CommonProps & Omit<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
+    ref?: ((instance: HTMLDivElement | null) => void) | React.RefObject<HTMLDivElement> | null | undefined;
+}, keyof import("@mui/material/OverridableComponent").CommonProps | "direction" | ("border" | "borderTop" | "borderRight" | "borderBottom" | "borderLeft" | "borderColor" | "borderRadius" | "display" | "displayPrint" | "overflow" | "textOverflow" | "visibility" | "whiteSpace" | "flexBasis" | "flexDirection" | "flexWrap" | "justifyContent" | "alignItems" | "alignContent" | "order" | "flex" | "flexGrow" | "flexShrink" | "alignSelf" | "justifyItems" | "justifySelf" | "gap" | "columnGap" | "rowGap" | "gridColumn" | "gridRow" | "gridAutoFlow" | "gridAutoColumns" | "gridAutoRows" | "gridTemplateColumns" | "gridTemplateRows" | "gridTemplateAreas" | "gridArea" | "bgcolor" | "color" | "zIndex" | "position" | "top" | "right" | "bottom" | "left" | "boxShadow" | "width" | "maxWidth" | "minWidth" | "height" | "maxHeight" | "minHeight" | "boxSizing" | "m" | "mt" | "mr" | "mb" | "ml" | "mx" | "my" | "p" | "pt" | "pr" | "pb" | "pl" | "px" | "py" | "margin" | "marginTop" | "marginRight" | "marginBottom" | "marginLeft" | "marginX" | "marginY" | "padding" | "paddingTop" | "paddingRight" | "paddingBottom" | "paddingLeft" | "paddingX" | "paddingY" | "typography" | "fontFamily" | "fontSize" | "fontStyle" | "fontWeight" | "letterSpacing" | "lineHeight" | "textAlign" | "textTransform") | "children" | "spacing" | "divider" | "useFlexGap" | "sx"> & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, {}, {}>;

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

@@ -0,0 +1,24 @@
+import { ReactElement } from "react";
+import React from "react";
+export interface Option {
+}
+export interface Toast {
+    type?: string;
+    subtitle?: string;
+    time?: number | any;
+    title?: string;
+    dataOpt?: Option[];
+    actions?: React.ReactNode;
+    seeMore?: boolean;
+    position?: string;
+}
+export interface IconMap {
+    [key: string]: ReactElement;
+}
+export interface ColorMap {
+    [key: string]: "success" | "error" | "warning" | "info";
+}
+export interface position {
+    [key: string]: "center" | "end" | "start";
+}
+export declare const ToastNotification: (toast: Toast) => JSX.Element;

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

@@ -1,2 +1,4 @@
 export * from './EmptyState';
 export * from './Drawer';
+export * from './ToastNofitication';
+export * from './PageHeader';

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

@@ -1,3 +1,2 @@
 import { Breakpoints } from '@mui/material';
-declare const breakpoints: Breakpoints;
-export default breakpoints;
+export declare const breakpoints: Breakpoints;

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

@@ -1,3 +1,12 @@
 import { Components } from '@mui/material';
-declare const components: Components;
-export default components;
+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,15 +1 @@
-/// <reference types="react" />
-declare module "@mui/material/styles" {
-    interface TypographyVariants {
-        body3: React.CSSProperties;
-    }
-    interface TypographyVariantsOptions {
-        body3?: React.CSSProperties;
-    }
-}
-declare module "@mui/material/Typography" {
-    interface TypographyPropsVariantOverrides {
-        body3: true;
-    }
-}
 export declare const SincoTheme: import("@mui/material/styles").Theme;

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

@@ -1,3 +1,2 @@
 import { Mixins } from '@mui/material';
-declare const mixins: Mixins;
-export default mixins;
+export declare const mixins: Mixins;

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

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

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

@@ -1,3 +1,2 @@
 import { Shadows } from '@mui/material/styles/shadows';
-declare const shadows: Shadows;
-export default shadows;
+export declare const shadows: Shadows;

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

@@ -1,3 +1,16 @@
+/// <reference types="react" />
 import { TypographyOptions } from '@mui/material/styles/createTypography';
-declare const typography: TypographyOptions;
-export default typography;
+declare module '@mui/material/styles' {
+    interface TypographyVariants {
+        body3: React.CSSProperties;
+    }
+    interface TypographyVariantsOptions {
+        body3?: React.CSSProperties;
+    }
+}
+declare module '@mui/material/Typography' {
+    interface TypographyPropsVariantOverrides {
+        body3: true;
+    }
+}
+export declare const typography: TypographyOptions;

package/src/lib/Utils/dynamicColor.d.ts

@@ -1,7 +1,6 @@
 import { PaletteColor, TypeBackground } from "@mui/material";
-declare const dynamicColor: (src: string) => Promise<{
+export declare const dynamicColor: (src: string) => Promise<{
     primaryColor: PaletteColor;
     secondaryColor: PaletteColor;
     backgroundColor: TypeBackground;
 }>;
-export default dynamicColor;