@sinco/react 1.0.15-rc.29 → 1.0.15-rc.30
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- 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;
|