@sinco/react 1.0.1-rc.2 → 1.0.1-rc.4
Sign up to get free protection for your applications and to get access to all the features.
- package/README.md +2 -9
- package/index.js +25 -12
- package/package.json +1 -1
package/README.md
CHANGED
@@ -1,20 +1,15 @@
|
|
1
1
|
# @sinco/react
|
2
|
-
|
3
2
|
Paquete de sinco react
|
4
3
|
|
5
4
|
## Cómo empezar
|
6
5
|
npm i @sinco/react
|
7
6
|
|
8
7
|
## Pre-requisitos
|
9
|
-
|
10
|
-
React en la versión 18
|
11
|
-
Instalar mui react
|
8
|
+
React en la versión 18 Instalar mui react
|
12
9
|
https://mui.com/material-ui/getting-started/installation/
|
13
10
|
|
14
|
-
|
15
11
|
## Fuentes web de Google
|
16
|
-
Para instalar la fuente
|
17
|
-
|
12
|
+
Para instalar la fuente en su proyecto usando la CDN de Google Web Fonts, agregue el siguiente fragmento de código dentro de la `<head />`etiqueta de su proyecto:
|
18
13
|
<link
|
19
14
|
rel="stylesheet"
|
20
15
|
href="https://fonts.googleapis.com/css2?family=Nunito:wght@300;400;600;700&family=Roboto:wght@300;400;500;700&display=swap"
|
@@ -30,10 +25,8 @@ Para usar el Iconcomponent de fuente, primero debe agregar la fuente Material Ic
|
|
30
25
|
<ThemeProvider theme={SincoTheme}>
|
31
26
|
|
32
27
|
## Más información
|
33
|
-
|
34
28
|
Para tener más información de como utilizar react mui
|
35
29
|
|
36
30
|
https://mui.com/material-ui/getting-started/overview/
|
37
31
|
|
38
32
|
|
39
|
-
|
package/index.js
CHANGED
@@ -7486,16 +7486,6 @@ var WarningRounded = createSvgIcon( /*#__PURE__*/jsx("path", {
|
|
7486
7486
|
}), 'WarningRounded');
|
7487
7487
|
|
7488
7488
|
const components = {
|
7489
|
-
MuiBackdrop: {
|
7490
|
-
styleOverrides: {
|
7491
|
-
root: {
|
7492
|
-
"&.MuiBackdrop-root": {
|
7493
|
-
backgroundColor: "#f0f0f099",
|
7494
|
-
backdropFilter: "blur(2px) !important"
|
7495
|
-
}
|
7496
|
-
}
|
7497
|
-
}
|
7498
|
-
},
|
7499
7489
|
MuiRating: {
|
7500
7490
|
defaultProps: {
|
7501
7491
|
size: 'small'
|
@@ -7524,6 +7514,26 @@ const components = {
|
|
7524
7514
|
density: "compact"
|
7525
7515
|
}
|
7526
7516
|
},
|
7517
|
+
MuiDrawer: {
|
7518
|
+
styleOverrides: {
|
7519
|
+
root: {
|
7520
|
+
"&.MuiBackdrop-root": {
|
7521
|
+
backgroundColor: "#f0f0f099",
|
7522
|
+
backdropFilter: "blur(2px) !important"
|
7523
|
+
}
|
7524
|
+
}
|
7525
|
+
}
|
7526
|
+
},
|
7527
|
+
MuiDialog: {
|
7528
|
+
styleOverrides: {
|
7529
|
+
root: {
|
7530
|
+
".MuiBackdrop-root": {
|
7531
|
+
backgroundColor: "#f0f0f099",
|
7532
|
+
backdropFilter: "blur(2px) !important"
|
7533
|
+
}
|
7534
|
+
}
|
7535
|
+
}
|
7536
|
+
},
|
7527
7537
|
MuiDialogContent: {
|
7528
7538
|
styleOverrides: {
|
7529
7539
|
root: {
|
@@ -7561,6 +7571,9 @@ const components = {
|
|
7561
7571
|
}
|
7562
7572
|
},
|
7563
7573
|
MuiButton: {
|
7574
|
+
defaultProps: {
|
7575
|
+
size: 'medium'
|
7576
|
+
},
|
7564
7577
|
styleOverrides: {
|
7565
7578
|
fullWidth: {
|
7566
7579
|
width: '100%'
|
@@ -7901,8 +7914,8 @@ const breakpoints = createBreakpoints({
|
|
7901
7914
|
const mixins = {
|
7902
7915
|
toolbar: {
|
7903
7916
|
minHeight: 48,
|
7904
|
-
[breakpoints.down('
|
7905
|
-
minHeight:
|
7917
|
+
[breakpoints.down('md')]: {
|
7918
|
+
minHeight: 52
|
7906
7919
|
}
|
7907
7920
|
}
|
7908
7921
|
};
|