@sinco/react 1.0.10-rc.21 → 1.0.10-rc.23

package/index.js

@@ -10934,7 +10934,7 @@ const SincoTheme = createTheme(Object.assign({}, themeOptions, {
   typography: {
     body3: {
       fontFamily: "Roboto",
-      fontWeight: 300,
+      fontWeight: 310,
       fontSize: 12,
       letterSpacing: 0.17,
       lineHeight: 1.2,
@@ -15898,74 +15898,75 @@ var _default = (0, _createSvgIcon.default)( /*#__PURE__*/(0, _jsxRuntime.jsx)("p
 default_1 = Close.default = _default;
 
 const stylesDrawerContainer = {
-  display: 'flex',
-  flexDirection: 'column',
-  alignContent: 'flex-start',
-  justifyContent: 'space-between',
-  width: '530px',
-  height: '100%',
-  overflow: 'hidden'
+  display: "flex",
+  flexDirection: "column",
+  alignContent: "flex-start",
+  justifyContent: "space-between",
+  width: "530px",
+  height: "100%",
+  overflow: "hidden"
 };
 const stylesEncabezado = {
-  display: 'flex',
-  alignContent: 'center',
-  justifyContent: 'space-between',
-  backgroundColor: 'secondary.light',
-  py: '12px',
-  px: '8px'
+  display: "flex",
+  alignContent: "center",
+  justifyContent: "space-between",
+  backgroundColor: "primary.main",
+  py: "12px",
+  px: "8px"
 };
 const stylesContenido = {
-  display: 'flex',
-  overflow: 'auto',
-  alignItems: 'flex-start',
-  flexDirection: 'column',
-  height: '-webkit-fill-available',
-  py: '12px',
-  px: '8px'
+  display: "flex",
+  overflow: "auto",
+  alignItems: "flex-start",
+  flexDirection: "column",
+  height: "-webkit-fill-available",
+  py: "12px",
+  px: "8px"
 };
 const stylesAcciones = {
-  display: 'flex',
-  alignContent: 'center',
-  justifyContent: 'flex-end',
-  borderTop: '1px solid rgba(16, 24, 64, 0.23)',
-  backgroundColor: '#F1F0EE',
-  mt: '4px',
-  gap: '8px',
-  py: '12px',
-  px: '8px'
+  display: "flex",
+  alignContent: "center",
+  justifyContent: "flex-start",
+  borderTop: "1px solid rgba(16, 24, 64, 0.23)",
+  backgroundColor: "#F1F0EE",
+  mt: "4px",
+  py: "12px",
+  px: "8px"
 };
 const DrawerComponent = ({
   open,
   onClose,
+  anchor,
   titulo,
   children,
-  acciones,
-  anchor
+  acciones
 }) => {
   const [showActions, setShowActions] = useState(false);
+  // eslint-disable-next-line @typescript-eslint/no-unused-vars
+  const [drawerAbierto, setDrawerAbierto] = useState(false);
   const mostrarAcciones = () => {
     setShowActions(true);
   };
+  const toggleDrawer = () => {
+    setDrawerAbierto(!drawerAbierto);
+    onClose();
+  };
   return jsx(Drawer$1, {
     anchor: anchor,
     open: open,
-    onClose: onClose,
-    PaperProps: {
-      style: {
-        borderRadius: '8px 0px 0px 0px'
-      }
-    },
+    onClose: toggleDrawer,
     children: jsxs(Box$2, {
       sx: stylesDrawerContainer,
       children: [jsxs(Box$2, {
         sx: stylesEncabezado,
+        gap: 2,
         children: [jsx(Typography$1, {
           variant: "h6",
-          color: "text.primary",
+          component: "h6",
           children: titulo
         }), jsx(Box$2, {
           children: jsx(IconButton$1, {
-            onClick: onClose,
+            onClick: toggleDrawer,
             size: "small",
             children: jsx(default_1, {
               fontSize: "small"

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@sinco/react",
-  "version": "1.0.10-rc.21",
+  "version": "1.0.10-rc.23",
   "description": "package for the configuration of mui react sinco",
   "private": false,
   "license": "MIT",

package/src/lib/Components/Drawer.d.ts

@@ -1,7 +1,8 @@
-import React, { ReactNode } from 'react';
-export type Anchor = 'left' | 'right';
+import React from "react";
+import { ReactNode } from 'react';
+export type Anchor = "left" | "right";
 export interface DrawerComponentProps {
-    titulo: string;
+    titulo: ReactNode;
     children: ReactNode;
     acciones: ReactNode;
     open: boolean;

package/src/lib/Theme/index.d.ts

@@ -7,9 +7,4 @@ declare module "@mui/material/styles" {
         body3?: React.CSSProperties;
     }
 }
-declare module "@mui/material/Typography" {
-    interface TypographyPropsVariantOverrides {
-        body3: true;
-    }
-}
 export declare const SincoTheme: import("@mui/material/styles").Theme;