@sinco/react 1.0.15-rc.15 → 1.0.15-rc.17

package/index.js

@@ -10545,11 +10545,7 @@ const components = {
   MuiDrawer: {
     styleOverrides: {
       root: {
-        boxShadow: "0px 3px 1px -2px rgba(24, 39, 75, 0.20), 0px 2px 2px 0px rgba(24, 39, 75, 0.14), 0px 1px 5px 0px rgba(24, 39, 75, 0.12)",
-        '-webkit-backdrop-filter': '#f0f0f099 !important',
-        '.MuiBackdrop-root': {
-          backgroundColor: '#F0f0f099 !important'
-        }
+        boxShadow: "0px 3px 1px -2px rgba(24, 39, 75, 0.20), 0px 2px 2px 0px rgba(24, 39, 75, 0.14), 0px 1px 5px 0px rgba(24, 39, 75, 0.12)"
       }
     }
   },
@@ -16623,27 +16619,29 @@ const DrawerComponent = ({
   const handleDrawerActions = () => {
     setActionsState(true);
   };
-  const borderStyles = anchor === "left" ? {
-    borderTopRightRadius: "4px"
+  const borderStyles = anchor === 'left' ? {
+    borderTopRightRadius: '4px'
   } : {
-    borderTopLeftRadius: "4px"
+    borderTopLeftRadius: '4px'
   };
   return /*#__PURE__*/React__default.createElement(Drawer$1, {
     anchor: anchor,
     open: open,
     onClose: onClose,
-    sx: borderStyles
+    sx: {
+      '& .MuiDrawer-paper': Object.assign({
+        width: width
+      }, borderStyles)
+    }
   }, /*#__PURE__*/React__default.createElement(Stack$1, {
-    height: "100%",
-    width: width
+    height: "100%"
   }, /*#__PURE__*/React__default.createElement(Stack$1, {
     justifyContent: "space-between",
     alignItems: "center",
     direction: "row",
     py: 1.5,
     px: 1,
-    bgcolor: SincoTheme.palette.secondary.main,
-    sx: borderStyles
+    bgcolor: SincoTheme.palette.secondary.main
   }, /*#__PURE__*/React__default.createElement(Typography$1, {
     sx: Object.assign({}, SincoTheme.typography.h6, sx),
     variant: "h6"

package/package.json

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

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

@@ -1,4 +1,5 @@
-import React, { ReactNode } from 'react';
+import { ReactNode } from 'react';
+import { SxProps } from '@mui/material';
 export type handleDrawerPosition = 'left' | 'right';
 export interface DrawerComponentProperties {
     title: string;
@@ -9,6 +10,6 @@ export interface DrawerComponentProperties {
     width: string;
     open: boolean;
     onClose: () => void;
-    sx?: React.CSSProperties;
+    sx?: SxProps;
 }
 export declare const DrawerComponent: ({ title, children, renderActions, showActions, anchor, width, open, onClose, sx, }: DrawerComponentProperties) => JSX.Element;