@sinco/react 1.0.15-rc.20 → 1.0.15-rc.21

Sign up to get free protection for your applications and to get access to all the features.
Files changed (9) hide show
  1. package/README.md +57 -57
  2. package/index.js +1536 -14948
  3. package/package.json +10 -2
  4. package/src/index.d.ts +1 -1
  5. package/src/lib/Components/Drawer.d.ts +2 -4
  6. package/src/lib/Components/PageHeader.d.ts +15 -0
  7. package/src/lib/Components/index.d.ts +1 -0
  8. package/src/lib/Utils/index.d.ts +1 -0
  9. package/index.d.ts +0 -1
package/README.md CHANGED
@@ -1,57 +1,57 @@
1
- # @sinco/react
2
-
3
- Paquete de sinco react
4
-
5
- ## Cómo empezar
6
-
7
- npm i @sinco/react
8
-
9
- ## Pre-requisitos
10
-
11
- 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:
12
- https://mui.com/material-ui/getting-started/installation/
13
-
14
- ## Fuentes web de Google
15
-
16
- 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:
17
-
18
- ` <link
19
- rel="stylesheet"
20
- href="https://fonts.googleapis.com/css2?family=Nunito:wght@300;400;600;700&family=Roboto:wght@300;400;500;700&display=swap"
21
- />`
22
- <br/>
23
- 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 :
24
-
25
- ## Roboto
26
-
27
- import '@fontsource/roboto/400.css';
28
- <br/>
29
- import '@fontsource/roboto/500.css';
30
-
31
- ## Nunito
32
-
33
- import '@fontsource/nunito/300.css';
34
- <br/>
35
- import '@fontsource/nunito/400.css';
36
- <br/>
37
- import '@fontsource/nunito/500.css';
38
- <br/>
39
- import '@fontsource/nunito/600.css';
40
-
41
- ## Icons
42
-
43
- Para usar el `Iconcomponent` de fuente, primero debe agregar la fuente [Material Icons](https://mui.com/material-ui/getting-started/installation/#icons).
44
-
45
- ## Como utilizar
46
-
47
- 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)
48
-
49
- ## Más información
50
-
51
- 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/)
52
-
53
- ## Requerimientos
54
-
55
- 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)
56
-
57
- Dynamic Color: Instalar [@material/material-color-utilities](https://github.com/material-foundation/material-color-utilities/blob/main/typescript/README.md)
1
+ # @sinco/react
2
+
3
+ Paquete de sinco react
4
+
5
+ ## Cómo empezar
6
+
7
+ npm i @sinco/react
8
+
9
+ ## Pre-requisitos
10
+
11
+ 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:
12
+ https://mui.com/material-ui/getting-started/installation/
13
+
14
+ ## Fuentes web de Google
15
+
16
+ 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:
17
+
18
+ ` <link
19
+ rel="stylesheet"
20
+ href="https://fonts.googleapis.com/css2?family=Nunito:wght@300;400;600;700&family=Roboto:wght@300;400;500;700&display=swap"
21
+ />`
22
+ <br/>
23
+ 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 :
24
+
25
+ ## Roboto
26
+
27
+ import '@fontsource/roboto/400.css';
28
+ <br/>
29
+ import '@fontsource/roboto/500.css';
30
+
31
+ ## Nunito
32
+
33
+ import '@fontsource/nunito/300.css';
34
+ <br/>
35
+ import '@fontsource/nunito/400.css';
36
+ <br/>
37
+ import '@fontsource/nunito/500.css';
38
+ <br/>
39
+ import '@fontsource/nunito/600.css';
40
+
41
+ ## Icons
42
+
43
+ Para usar el `Iconcomponent` de fuente, primero debe agregar la fuente [Material Icons](https://mui.com/material-ui/getting-started/installation/#icons).
44
+
45
+ ## Como utilizar
46
+
47
+ 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)
48
+
49
+ ## Más información
50
+
51
+ 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/)
52
+
53
+ ## Requerimientos
54
+
55
+ 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)
56
+
57
+ Dynamic Color: Instalar [@material/material-color-utilities](https://github.com/material-foundation/material-color-utilities/blob/main/typescript/README.md)