@sinco/react 1.0.11-rc.6 → 1.0.11-rc.7

package/index.js

@@ -17437,29 +17437,23 @@ var _default = (0, _createSvgIcon.default)( /*#__PURE__*/(0, _jsxRuntime.jsx)("p
 }), 'Close');
 default_1 = Close.default = _default;
 
-const DrawerContainer = styled$1(Box$2)(({
-  theme
-}) => ({
+const DrawerContainer = {
   display: 'flex',
   flexDirection: 'column',
   alignContent: 'flex-start',
   justifyContent: 'space-between',
   height: '100%',
   overflow: 'hidden'
-}));
-const DrawerHeader = styled$1(Box$2)(({
-  theme
-}) => ({
+};
+const DrawerHeader = {
   display: 'flex',
   alignContent: 'center',
   justifyContent: 'space-between',
   backgroundColor: 'secondary.main',
   py: '12px',
   px: '8px'
-}));
-const DrawerContent = styled$1(Box$2)(({
-  theme
-}) => ({
+};
+const DrawerContent = {
   display: 'flex',
   overflow: 'auto',
   alignItems: 'flex-start',
@@ -17467,10 +17461,8 @@ const DrawerContent = styled$1(Box$2)(({
   height: '-webkit-fill-available',
   py: '12px',
   px: '8px'
-}));
-const DrawerActions = styled$1(Box$2)(({
-  theme
-}) => ({
+};
+const DrawerActions = {
   display: 'flex',
   alignContent: 'center',
   justifyContent: 'flex-end',
@@ -17480,7 +17472,7 @@ const DrawerActions = styled$1(Box$2)(({
   mt: '4px',
   py: '12px',
   px: '8px'
-}));
+};
 const DrawerComponent = ({
   title,
   children,
@@ -17501,18 +17493,24 @@ const DrawerComponent = ({
     anchor: position,
     open: open,
     onClose: onClose
-  }, /*#__PURE__*/React__default.createElement(DrawerContainer, {
+  }, /*#__PURE__*/React__default.createElement(Box$2, {
+    sx: DrawerContainer,
     width: width
-  }, /*#__PURE__*/React__default.createElement(DrawerHeader, null, /*#__PURE__*/React__default.createElement(Typography$1, {
+  }, /*#__PURE__*/React__default.createElement(Box$2, {
+    sx: DrawerHeader
+  }, /*#__PURE__*/React__default.createElement(Typography$1, {
     variant: "h6"
   }, title), /*#__PURE__*/React__default.createElement(Box$2, null, /*#__PURE__*/React__default.createElement(IconButton$1, {
     onClick: onClose,
     size: "small"
   }, /*#__PURE__*/React__default.createElement(default_1, {
     fontSize: "small"
-  })))), /*#__PURE__*/React__default.createElement(DrawerContent, {
+  })))), /*#__PURE__*/React__default.createElement(Box$2, {
+    sx: DrawerContent,
     onClick: handleDrawerActions
-  }, children), stateActions && /*#__PURE__*/React__default.createElement(DrawerActions, null, renderActions))));
+  }, children), stateActions && /*#__PURE__*/React__default.createElement(Box$2, {
+    sx: DrawerActions
+  }, renderActions))));
 };
 
 const ToastContainer = styled$1(Stack$1)(() => ({

package/package.json

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