@sinco/react 1.0.10-rc.2 → 1.0.10-rc.21
Sign up to get free protection for your applications and to get access to all the features.
- package/index.js +42 -31
- package/package.json +1 -1
- package/src/lib/Components/Drawer.d.ts +2 -2
package/index.js
CHANGED
@@ -10817,6 +10817,16 @@ const typography = {
|
|
10817
10817
|
fontSize: 14
|
10818
10818
|
}
|
10819
10819
|
},
|
10820
|
+
body3: {
|
10821
|
+
fontFamily: "Roboto",
|
10822
|
+
fontWeight: 300,
|
10823
|
+
fontSize: 12,
|
10824
|
+
letterSpacing: 0.17,
|
10825
|
+
lineHeight: 1.2,
|
10826
|
+
[breakpoints.down("md")]: {
|
10827
|
+
fontSize: 11
|
10828
|
+
}
|
10829
|
+
},
|
10820
10830
|
subtitle1: {
|
10821
10831
|
fontFamily: "Roboto",
|
10822
10832
|
fontSize: 14,
|
@@ -10924,7 +10934,7 @@ const SincoTheme = createTheme(Object.assign({}, themeOptions, {
|
|
10924
10934
|
typography: {
|
10925
10935
|
body3: {
|
10926
10936
|
fontFamily: "Roboto",
|
10927
|
-
fontWeight:
|
10937
|
+
fontWeight: 300,
|
10928
10938
|
fontSize: 12,
|
10929
10939
|
letterSpacing: 0.17,
|
10930
10940
|
lineHeight: 1.2,
|
@@ -15888,41 +15898,41 @@ var _default = (0, _createSvgIcon.default)( /*#__PURE__*/(0, _jsxRuntime.jsx)("p
|
|
15888
15898
|
default_1 = Close.default = _default;
|
15889
15899
|
|
15890
15900
|
const stylesDrawerContainer = {
|
15891
|
-
display:
|
15892
|
-
flexDirection:
|
15893
|
-
alignContent:
|
15894
|
-
justifyContent:
|
15895
|
-
width:
|
15896
|
-
height:
|
15897
|
-
overflow:
|
15901
|
+
display: 'flex',
|
15902
|
+
flexDirection: 'column',
|
15903
|
+
alignContent: 'flex-start',
|
15904
|
+
justifyContent: 'space-between',
|
15905
|
+
width: '530px',
|
15906
|
+
height: '100%',
|
15907
|
+
overflow: 'hidden'
|
15898
15908
|
};
|
15899
15909
|
const stylesEncabezado = {
|
15900
|
-
display:
|
15901
|
-
alignContent:
|
15902
|
-
justifyContent:
|
15903
|
-
backgroundColor:
|
15904
|
-
py:
|
15905
|
-
px:
|
15910
|
+
display: 'flex',
|
15911
|
+
alignContent: 'center',
|
15912
|
+
justifyContent: 'space-between',
|
15913
|
+
backgroundColor: 'secondary.light',
|
15914
|
+
py: '12px',
|
15915
|
+
px: '8px'
|
15906
15916
|
};
|
15907
15917
|
const stylesContenido = {
|
15908
|
-
display:
|
15909
|
-
overflow:
|
15910
|
-
alignItems:
|
15911
|
-
flexDirection:
|
15912
|
-
height:
|
15913
|
-
py:
|
15914
|
-
px:
|
15918
|
+
display: 'flex',
|
15919
|
+
overflow: 'auto',
|
15920
|
+
alignItems: 'flex-start',
|
15921
|
+
flexDirection: 'column',
|
15922
|
+
height: '-webkit-fill-available',
|
15923
|
+
py: '12px',
|
15924
|
+
px: '8px'
|
15915
15925
|
};
|
15916
15926
|
const stylesAcciones = {
|
15917
|
-
display:
|
15918
|
-
alignContent:
|
15919
|
-
justifyContent:
|
15920
|
-
borderTop:
|
15921
|
-
backgroundColor:
|
15922
|
-
mt:
|
15923
|
-
gap:
|
15924
|
-
py:
|
15925
|
-
px:
|
15927
|
+
display: 'flex',
|
15928
|
+
alignContent: 'center',
|
15929
|
+
justifyContent: 'flex-end',
|
15930
|
+
borderTop: '1px solid rgba(16, 24, 64, 0.23)',
|
15931
|
+
backgroundColor: '#F1F0EE',
|
15932
|
+
mt: '4px',
|
15933
|
+
gap: '8px',
|
15934
|
+
py: '12px',
|
15935
|
+
px: '8px'
|
15926
15936
|
};
|
15927
15937
|
const DrawerComponent = ({
|
15928
15938
|
open,
|
@@ -15942,7 +15952,7 @@ const DrawerComponent = ({
|
|
15942
15952
|
onClose: onClose,
|
15943
15953
|
PaperProps: {
|
15944
15954
|
style: {
|
15945
|
-
borderRadius:
|
15955
|
+
borderRadius: '8px 0px 0px 0px'
|
15946
15956
|
}
|
15947
15957
|
},
|
15948
15958
|
children: jsxs(Box$2, {
|
@@ -15951,6 +15961,7 @@ const DrawerComponent = ({
|
|
15951
15961
|
sx: stylesEncabezado,
|
15952
15962
|
children: [jsx(Typography$1, {
|
15953
15963
|
variant: "h6",
|
15964
|
+
color: "text.primary",
|
15954
15965
|
children: titulo
|
15955
15966
|
}), jsx(Box$2, {
|
15956
15967
|
children: jsx(IconButton$1, {
|
package/package.json
CHANGED