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

package/index.js

@@ -10817,6 +10817,16 @@ const typography = {
       fontSize: 14
     }
   },
+  body3: {
+    fontFamily: "Roboto",
+    fontWeight: 300,
+    fontSize: 12,
+    letterSpacing: 0.17,
+    lineHeight: 1.2,
+    [breakpoints.down("md")]: {
+      fontSize: 11
+    }
+  },
   subtitle1: {
     fontFamily: "Roboto",
     fontSize: 14,
@@ -10924,7 +10934,7 @@ const SincoTheme = createTheme(Object.assign({}, themeOptions, {
   typography: {
     body3: {
       fontFamily: "Roboto",
-      fontWeight: 310,
+      fontWeight: 300,
       fontSize: 12,
       letterSpacing: 0.17,
       lineHeight: 1.2,
@@ -15888,41 +15898,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.main",
-  py: "12px",
-  px: "8px"
+  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,
@@ -15942,7 +15952,7 @@ const DrawerComponent = ({
     onClose: onClose,
     PaperProps: {
       style: {
-        borderRadius: "8px 0px 0px 0px"
+        borderRadius: '8px 0px 0px 0px'
       }
     },
     children: jsxs(Box$2, {
@@ -15951,6 +15961,7 @@ const DrawerComponent = ({
         sx: stylesEncabezado,
         children: [jsx(Typography$1, {
           variant: "h6",
+          color: "text.primary",
           children: titulo
         }), jsx(Box$2, {
           children: jsx(IconButton$1, {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@sinco/react",
-  "version": "1.0.10-rc.2",
+  "version": "1.0.10-rc.21",
   "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 React, { 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;