@sinco/react 1.0.10-rc.29 → 1.0.10-rc.3

package/package.json

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

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

@@ -8,4 +8,5 @@ export interface DrawerComponentProps {
     onClose: () => void;
     anchor?: Anchor;
 }
-export declare const DrawerComponent: React.FC<DrawerComponentProps>;
+declare const DrawerComponent: React.FC<DrawerComponentProps>;
+export default DrawerComponent;

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

@@ -1,16 +1,4 @@
 import React from "react";
-interface BreadcrumbCode {
-    link: string;
-    name: string;
-}
-interface Pageheader {
-    back?: React.ReactNode;
-    title?: string;
-    subtitle?: string;
-    breadcrumbs?: BreadcrumbCode[];
-    actions?: React.ReactNode;
-    tabs?: React.ReactNode;
-}
 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;
@@ -21,5 +9,3 @@ export declare const PageContent: import("@emotion/styled").StyledComponent<impo
 } & 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>, {}, {}>;
-export declare const PageHeader: (page: Pageheader) => JSX.Element;
-export {};

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

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

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

@@ -9,4 +9,5 @@ declare module "@mui/material/Checkbox" {
         xsmall: true;
     }
 }
-export declare const components: Components;
+declare const components: Components;
+export default components;

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

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

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

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

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

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

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

@@ -13,4 +13,5 @@ declare module '@mui/material/Typography' {
         body3: true;
     }
 }
-export declare const typography: TypographyOptions;
+declare const typography: TypographyOptions;
+export default typography;

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

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

package/README.md

@@ -1,57 +0,0 @@
-# @sinco/react
-
-Paquete de sinco react
-
-## Cómo empezar
-
-npm i @sinco/react
-
-## Pre-requisitos
-
-Asegúrate de tener instalado React en la versión 18. También, es necesario instalar Material-UI React. Puedes encontrar las instrucciones de instalación en el siguiente enlace:
-https://mui.com/material-ui/getting-started/installation/
-
-## Fuentes web de Google
-
-Puedes utilizar fuentes de Google Web Fonts en tu proyecto. Para hacerlo, agrega el siguiente fragmento de código dentro de la etiqueta `<head>` de tu proyecto:
-
-` <link
-      rel="stylesheet"
-      href="https://fonts.googleapis.com/css2?family=Nunito:wght@300;400;600;700&family=Roboto:wght@300;400;500;700&display=swap"
-    />`
-<br/>
-Otra opción es instalar las fuentes Roboto y Nunito desde npm utilizando los paquetes O ya sea instalando las fuentes [@fontsource/roboto](https://www.npmjs.com/package/@fontsource/roboto) y [@fontsource/nunito](https://www.npmjs.com/package/@fontsource/nunito) en su archivo index.tsx, los fontsource son que se necesitan son :
-
-## Roboto
-
-import '@fontsource/roboto/400.css';
-<br/>
-import '@fontsource/roboto/500.css';
-
-## Nunito
-
-import '@fontsource/nunito/300.css';
-<br/>
-import '@fontsource/nunito/400.css';
-<br/>
-import '@fontsource/nunito/500.css';
-<br/>
-import '@fontsource/nunito/600.css';
-
-## Icons
-
-Para usar el `Iconcomponent` de fuente, primero debe agregar la fuente [Material Icons](https://mui.com/material-ui/getting-started/installation/#icons).
-
-## Como utilizar
-
-Para utilizar el tema personalizado de sinco react, debes envolver tu aplicación con el componente `ThemeProvider` de Material-UI y proporcionar la variable `SincoTheme` como valor del prop `theme` en el [ThemeProvider](https://mui.com/material-ui/customization/theming/#theme-provider)
-
-## Más información
-
-Puedes encontrar más información sobre cómo utilizar React y Material-UI en la documentación oficial: -[React](https://reactnative.dev/) -[Material-UI](https://mui.com/material-ui/getting-started/)
-
-## Requerimientos
-
-Data grid pro: [Data grid pro](https://mui.com/x/react-data-grid/) Instalar npm [@mui/x-data-grid.](https://www.npmjs.com/package/@mui/x-data-grid-pro)
-
-Dynamic Color: Instalar [@material/material-color-utilities](https://github.com/material-foundation/material-color-utilities/blob/main/typescript/README.md)