@sinco/react 1.0.10-rc.16 → 1.0.10-rc.18
Sign up to get free protection for your applications and to get access to all the features.
- package/index.js +31 -37
- package/package.json +1 -1
- package/src/lib/Components/Drawer.d.ts +3 -3
package/index.js
CHANGED
@@ -15885,48 +15885,41 @@ var _default = (0, _createSvgIcon.default)( /*#__PURE__*/(0, _jsxRuntime.jsx)("p
|
|
15885
15885
|
default_1 = Close.default = _default;
|
15886
15886
|
|
15887
15887
|
const stylesDrawerContainer = {
|
15888
|
-
display:
|
15889
|
-
flexDirection:
|
15890
|
-
alignContent:
|
15891
|
-
justifyContent:
|
15892
|
-
width:
|
15893
|
-
height:
|
15894
|
-
overflow:
|
15895
|
-
fontFamily: "Nunito",
|
15896
|
-
fontSize: 16,
|
15897
|
-
fontWeight: 600,
|
15898
|
-
lineHeight: 1.6,
|
15899
|
-
'@media(max-width: 885px)': {
|
15900
|
-
fontSize: 17
|
15901
|
-
}
|
15888
|
+
display: 'flex',
|
15889
|
+
flexDirection: 'column',
|
15890
|
+
alignContent: 'flex-start',
|
15891
|
+
justifyContent: 'space-between',
|
15892
|
+
width: '530px',
|
15893
|
+
height: '100%',
|
15894
|
+
overflow: 'hidden'
|
15902
15895
|
};
|
15903
15896
|
const stylesEncabezado = {
|
15904
|
-
display:
|
15905
|
-
alignContent:
|
15906
|
-
justifyContent:
|
15907
|
-
backgroundColor:
|
15908
|
-
py:
|
15909
|
-
px:
|
15897
|
+
display: 'flex',
|
15898
|
+
alignContent: 'center',
|
15899
|
+
justifyContent: 'space-between',
|
15900
|
+
backgroundColor: 'secondary.light',
|
15901
|
+
py: '12px',
|
15902
|
+
px: '8px'
|
15910
15903
|
};
|
15911
15904
|
const stylesContenido = {
|
15912
|
-
display:
|
15913
|
-
overflow:
|
15914
|
-
alignItems:
|
15915
|
-
flexDirection:
|
15916
|
-
height:
|
15917
|
-
py:
|
15918
|
-
px:
|
15905
|
+
display: 'flex',
|
15906
|
+
overflow: 'auto',
|
15907
|
+
alignItems: 'flex-start',
|
15908
|
+
flexDirection: 'column',
|
15909
|
+
height: '-webkit-fill-available',
|
15910
|
+
py: '12px',
|
15911
|
+
px: '8px'
|
15919
15912
|
};
|
15920
15913
|
const stylesAcciones = {
|
15921
|
-
display:
|
15922
|
-
alignContent:
|
15923
|
-
justifyContent:
|
15924
|
-
borderTop:
|
15925
|
-
backgroundColor:
|
15926
|
-
mt:
|
15927
|
-
gap:
|
15928
|
-
py:
|
15929
|
-
px:
|
15914
|
+
display: 'flex',
|
15915
|
+
alignContent: 'center',
|
15916
|
+
justifyContent: 'flex-end',
|
15917
|
+
borderTop: '1px solid rgba(16, 24, 64, 0.23)',
|
15918
|
+
backgroundColor: '#F1F0EE',
|
15919
|
+
mt: '4px',
|
15920
|
+
gap: '8px',
|
15921
|
+
py: '12px',
|
15922
|
+
px: '8px'
|
15930
15923
|
};
|
15931
15924
|
const DrawerComponent = ({
|
15932
15925
|
open,
|
@@ -15946,7 +15939,7 @@ const DrawerComponent = ({
|
|
15946
15939
|
onClose: onClose,
|
15947
15940
|
PaperProps: {
|
15948
15941
|
style: {
|
15949
|
-
borderRadius:
|
15942
|
+
borderRadius: '8px 0px 0px 0px'
|
15950
15943
|
}
|
15951
15944
|
},
|
15952
15945
|
children: jsxs(Box$2, {
|
@@ -15955,6 +15948,7 @@ const DrawerComponent = ({
|
|
15955
15948
|
sx: stylesEncabezado,
|
15956
15949
|
children: [jsx(Typography$1, {
|
15957
15950
|
variant: "h6",
|
15951
|
+
component: "h6",
|
15958
15952
|
color: "text.primary",
|
15959
15953
|
children: titulo
|
15960
15954
|
}), jsx(Box$2, {
|
package/package.json
CHANGED
@@ -1,5 +1,5 @@
|
|
1
|
-
import { ReactNode } from
|
2
|
-
export type Anchor =
|
1
|
+
import React, { ReactNode } from 'react';
|
2
|
+
export type Anchor = 'left' | 'right';
|
3
3
|
export interface DrawerComponentProps {
|
4
4
|
titulo: string;
|
5
5
|
children: ReactNode;
|
@@ -8,4 +8,4 @@ export interface DrawerComponentProps {
|
|
8
8
|
onClose: () => void;
|
9
9
|
anchor?: Anchor;
|
10
10
|
}
|
11
|
-
export declare const DrawerComponent:
|
11
|
+
export declare const DrawerComponent: React.FC<DrawerComponentProps>;
|