@sinco/react 1.0.10-rc.9 → 1.0.11-rc.0

Sign up to get free protection for your applications and to get access to all the features.
Files changed (25) hide show
  1. package/README.md +57 -0
  2. package/index.js +1982 -476
  3. package/package.json +1 -1
  4. package/src/Index.d.ts +4 -0
  5. package/src/lib/Components/Drawer.d.ts +7 -7
  6. package/src/lib/Components/EmptyState.d.ts +5 -5
  7. package/src/lib/Components/Index.d.ts +4 -0
  8. package/src/lib/Components/PageHeader.d.ts +19 -0
  9. package/src/lib/Components/ToastNofitication.d.ts +19 -0
  10. package/src/lib/Hooks/Index.d.ts +1 -0
  11. package/src/lib/Hooks/UseDynamicColor.d.ts +3 -0
  12. package/src/lib/Theme/breakpoints.d.ts +1 -2
  13. package/src/lib/Theme/components.d.ts +11 -2
  14. package/src/lib/Theme/mixins.d.ts +1 -2
  15. package/src/lib/Theme/palette.d.ts +1 -2
  16. package/src/lib/Theme/shadows.d.ts +1 -2
  17. package/src/lib/Theme/typography.d.ts +15 -2
  18. package/src/lib/Utils/{dynamicColor.d.ts → DynamicColor.d.ts} +2 -2
  19. package/src/lib/Utils/Index.d.ts +1 -0
  20. package/src/index.d.ts +0 -4
  21. package/src/lib/Components/index.d.ts +0 -2
  22. package/src/lib/Hooks/index.d.ts +0 -1
  23. package/src/lib/Hooks/useDynamicColor.d.ts +0 -3
  24. package/src/lib/Utils/index.d.ts +0 -1
  25. /package/src/lib/Theme/{index.d.ts → Index.d.ts} +0 -0
package/README.md ADDED
@@ -0,0 +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)