@sinco/react 1.0.10-rc.21 → 1.0.10-rc.22
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/index.js +13 -22
- package/package.json +1 -1
- package/src/lib/Components/Drawer.d.ts +2 -2
- package/src/lib/Theme/index.d.ts +0 -5
package/index.js
CHANGED
@@ -10934,7 +10934,7 @@ const SincoTheme = createTheme(Object.assign({}, themeOptions, {
|
|
10934
10934
|
typography: {
|
10935
10935
|
body3: {
|
10936
10936
|
fontFamily: "Roboto",
|
10937
|
-
fontWeight:
|
10937
|
+
fontWeight: 310,
|
10938
10938
|
fontSize: 12,
|
10939
10939
|
letterSpacing: 0.17,
|
10940
10940
|
lineHeight: 1.2,
|
@@ -15934,22 +15934,15 @@ const stylesAcciones = {
|
|
15934
15934
|
py: '12px',
|
15935
15935
|
px: '8px'
|
15936
15936
|
};
|
15937
|
-
const DrawerComponent =
|
15938
|
-
open,
|
15939
|
-
onClose,
|
15940
|
-
titulo,
|
15941
|
-
children,
|
15942
|
-
acciones,
|
15943
|
-
anchor
|
15944
|
-
}) => {
|
15937
|
+
const DrawerComponent = props => {
|
15945
15938
|
const [showActions, setShowActions] = useState(false);
|
15946
15939
|
const mostrarAcciones = () => {
|
15947
15940
|
setShowActions(true);
|
15948
15941
|
};
|
15949
15942
|
return jsx(Drawer$1, {
|
15950
|
-
anchor: anchor,
|
15951
|
-
open: open,
|
15952
|
-
onClose: onClose,
|
15943
|
+
anchor: props.anchor,
|
15944
|
+
open: props.open,
|
15945
|
+
onClose: props.onClose,
|
15953
15946
|
PaperProps: {
|
15954
15947
|
style: {
|
15955
15948
|
borderRadius: '8px 0px 0px 0px'
|
@@ -15962,23 +15955,21 @@ const DrawerComponent = ({
|
|
15962
15955
|
children: [jsx(Typography$1, {
|
15963
15956
|
variant: "h6",
|
15964
15957
|
color: "text.primary",
|
15965
|
-
children: titulo
|
15966
|
-
}), jsx(
|
15967
|
-
|
15968
|
-
|
15969
|
-
|
15970
|
-
|
15971
|
-
fontSize: "small"
|
15972
|
-
})
|
15958
|
+
children: props.titulo
|
15959
|
+
}), jsx(IconButton$1, {
|
15960
|
+
onClick: props.onClose,
|
15961
|
+
size: "small",
|
15962
|
+
children: jsx(default_1, {
|
15963
|
+
fontSize: "small"
|
15973
15964
|
})
|
15974
15965
|
})]
|
15975
15966
|
}), jsx(Box$2, {
|
15976
15967
|
onClick: mostrarAcciones,
|
15977
15968
|
sx: stylesContenido,
|
15978
|
-
children: children
|
15969
|
+
children: props.children
|
15979
15970
|
}), showActions && jsx(Box$2, {
|
15980
15971
|
sx: stylesAcciones,
|
15981
|
-
children: acciones
|
15972
|
+
children: props.acciones
|
15982
15973
|
})]
|
15983
15974
|
})
|
15984
15975
|
});
|
package/package.json
CHANGED
@@ -1,4 +1,4 @@
|
|
1
|
-
import
|
1
|
+
import { ReactNode } from 'react';
|
2
2
|
export type Anchor = 'left' | 'right';
|
3
3
|
export interface DrawerComponentProps {
|
4
4
|
titulo: string;
|
@@ -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: (props: DrawerComponentProps) => JSX.Element;
|
package/src/lib/Theme/index.d.ts
CHANGED
@@ -7,9 +7,4 @@ declare module "@mui/material/styles" {
|
|
7
7
|
body3?: React.CSSProperties;
|
8
8
|
}
|
9
9
|
}
|
10
|
-
declare module "@mui/material/Typography" {
|
11
|
-
interface TypographyPropsVariantOverrides {
|
12
|
-
body3: true;
|
13
|
-
}
|
14
|
-
}
|
15
10
|
export declare const SincoTheme: import("@mui/material/styles").Theme;
|