@sinco/react 1.0.15-rc.29 → 1.0.15-rc.30
Sign up to get free protection for your applications and to get access to all the features.
- package/index.js +12 -11
- package/package.json +1 -1
- package/src/lib/Components/Drawer.d.ts +3 -3
package/index.js
CHANGED
@@ -2,6 +2,7 @@ import { createTheme } from '@mui/material/styles';
|
|
2
2
|
import React, { useState, useEffect } from 'react';
|
3
3
|
import { CheckCircleRounded, ErrorRounded, WarningRounded, InfoRounded, Close, KeyboardArrowDown, KeyboardArrowUp } from '@mui/icons-material';
|
4
4
|
import { Stack, Typography, Drawer, IconButton, AppBar, Toolbar, Box as Box$1, Divider, Button, LinearProgress, alpha } from '@mui/material';
|
5
|
+
import CloseIcon from '@mui/icons-material/Close';
|
5
6
|
|
6
7
|
var commonjsGlobal = typeof globalThis !== 'undefined' ? globalThis : typeof window !== 'undefined' ? window : typeof global !== 'undefined' ? global : typeof self !== 'undefined' ? self : {};
|
7
8
|
|
@@ -2657,10 +2658,10 @@ handlePrototype(DOMTokenListPrototype, 'DOMTokenList');
|
|
2657
2658
|
|
2658
2659
|
const borderStyles = {
|
2659
2660
|
left: {
|
2660
|
-
borderTopRightRadius:
|
2661
|
+
borderTopRightRadius: '4px'
|
2661
2662
|
},
|
2662
2663
|
right: {
|
2663
|
-
borderTopLeftRadius:
|
2664
|
+
borderTopLeftRadius: '4px'
|
2664
2665
|
}
|
2665
2666
|
};
|
2666
2667
|
const DrawerComponent = ({
|
@@ -2668,7 +2669,7 @@ const DrawerComponent = ({
|
|
2668
2669
|
children,
|
2669
2670
|
actions,
|
2670
2671
|
showActions,
|
2671
|
-
anchor: _anchor =
|
2672
|
+
anchor: _anchor = 'left',
|
2672
2673
|
width,
|
2673
2674
|
open,
|
2674
2675
|
onClose,
|
@@ -2684,11 +2685,11 @@ const DrawerComponent = ({
|
|
2684
2685
|
open: open,
|
2685
2686
|
onClose: onClose,
|
2686
2687
|
sx: {
|
2687
|
-
|
2688
|
-
backgroundColor:
|
2689
|
-
backdropFilter:
|
2688
|
+
'& .MuiBackdrop-root': {
|
2689
|
+
backgroundColor: '#F0f0f099 !important',
|
2690
|
+
backdropFilter: 'blur(4px)'
|
2690
2691
|
},
|
2691
|
-
|
2692
|
+
'& .MuiDrawer-paper': Object.assign({
|
2692
2693
|
width: width
|
2693
2694
|
}, paperSx)
|
2694
2695
|
}
|
@@ -2707,7 +2708,7 @@ const DrawerComponent = ({
|
|
2707
2708
|
}, title), /*#__PURE__*/React.createElement(IconButton, {
|
2708
2709
|
onClick: onClose,
|
2709
2710
|
size: "small"
|
2710
|
-
}, /*#__PURE__*/React.createElement(
|
2711
|
+
}, /*#__PURE__*/React.createElement(CloseIcon, {
|
2711
2712
|
fontSize: "small"
|
2712
2713
|
}))), /*#__PURE__*/React.createElement(Stack, {
|
2713
2714
|
py: 1.5,
|
@@ -2805,9 +2806,9 @@ const ToastNotificationComponent = toast => {
|
|
2805
2806
|
display: "flex",
|
2806
2807
|
alignItems: "center",
|
2807
2808
|
sx: {
|
2808
|
-
|
2809
|
-
|
2810
|
-
|
2809
|
+
"&.color-error": {
|
2810
|
+
backgroundColor: "#FEEBEE"
|
2811
|
+
},
|
2811
2812
|
"&.color-info": {
|
2812
2813
|
backgroundColor: "#E1F5FE"
|
2813
2814
|
},
|
package/package.json
CHANGED
@@ -1,6 +1,6 @@
|
|
1
|
-
import { ReactNode } from
|
2
|
-
import { SxProps } from
|
3
|
-
export type DrawerPosition =
|
1
|
+
import { ReactNode } from 'react';
|
2
|
+
import { SxProps } from '@mui/material';
|
3
|
+
export type DrawerPosition = 'left' | 'right';
|
4
4
|
export interface DrawerComponentProperties {
|
5
5
|
title: string;
|
6
6
|
children: ReactNode;
|