@sinco/react 1.0.10-rc.28 → 1.0.10-rc.3
Sign up to get free protection for your applications and to get access to all the features.
- package/index.js +3433 -6957
- package/package.json +1 -1
- package/src/lib/Components/Drawer.d.ts +2 -1
- package/src/lib/Theme/breakpoints.d.ts +2 -1
- package/src/lib/Theme/components.d.ts +2 -1
- package/src/lib/Theme/mixins.d.ts +2 -1
- package/src/lib/Theme/palette.d.ts +2 -1
- package/src/lib/Theme/shadows.d.ts +2 -1
- package/src/lib/Theme/typography.d.ts +2 -1
- package/src/lib/Utils/dynamicColor.d.ts +2 -1
- package/README.md +0 -57
package/package.json
CHANGED
@@ -1,6 +1,7 @@
|
|
1
1
|
import { PaletteColor, TypeBackground } from "@mui/material";
|
2
|
-
|
2
|
+
declare const dynamicColor: (src: string) => Promise<{
|
3
3
|
primaryColor: PaletteColor;
|
4
4
|
secondaryColor: PaletteColor;
|
5
5
|
backgroundColor: TypeBackground;
|
6
6
|
}>;
|
7
|
+
export default dynamicColor;
|
package/README.md
DELETED
@@ -1,57 +0,0 @@
|
|
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)
|