@sinco/react 1.0.10-rc.17 → 1.0.10-rc.19

package/index.js

@@ -15885,48 +15885,41 @@ 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",
-  fontFamily: "Nunito",
-  fontSize: 16,
-  fontWeight: 600,
-  lineHeight: 1.6,
-  '@media(max-width: 885px)': {
-    fontSize: 17
-  }
+  display: 'flex',
+  alignContent: 'center',
+  justifyContent: 'space-between',
+  backgroundColor: 'secondary.light',
+  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-end',
+  borderTop: '1px solid rgba(16, 24, 64, 0.23)',
+  backgroundColor: '#F1F0EE',
+  mt: '4px',
+  gap: '8px',
+  py: '12px',
+  px: '8px'
 };
 const DrawerComponent = ({
   open,
@@ -15946,7 +15939,7 @@ const DrawerComponent = ({
     onClose: onClose,
     PaperProps: {
       style: {
-        borderRadius: "8px 0px 0px 0px"
+        borderRadius: '8px 0px 0px 0px'
       }
     },
     children: jsxs(Box$2, {
@@ -15955,6 +15948,7 @@ const DrawerComponent = ({
         sx: stylesEncabezado,
         children: [jsx(Typography$1, {
           variant: "h6",
+          component: "div",
           color: "text.primary",
           children: titulo
         }), jsx(Box$2, {

package/package.json

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

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

@@ -1,5 +1,5 @@
-import { ReactNode } from "react";
-export type Anchor = "left" | "right";
+import React, { ReactNode } from 'react';
+export type Anchor = 'left' | 'right';
 export interface DrawerComponentProps {
     titulo: string;
     children: ReactNode;
@@ -8,4 +8,4 @@ export interface DrawerComponentProps {
     onClose: () => void;
     anchor?: Anchor;
 }
-export declare const DrawerComponent: ({ open, onClose, titulo, children, acciones, anchor, }: DrawerComponentProps) => JSX.Element;
+export declare const DrawerComponent: React.FC<DrawerComponentProps>;