@sinco/react 1.1.1-rc.4 → 1.1.1-rc.6
Sign up to get free protection for your applications and to get access to all the features.
- package/index.js +80 -11
- package/package.json +1 -1
- package/src/lib/Components/Drawer.d.ts +3 -1
package/index.js
CHANGED
@@ -6647,10 +6647,20 @@ const palette = {
|
|
6647
6647
|
};
|
6648
6648
|
const paletteAdpro = {
|
6649
6649
|
primary: {
|
6650
|
-
|
6650
|
+
50: "#F8FAFB",
|
6651
|
+
100: "#E6EFF0",
|
6652
|
+
200: "#D2E3E4",
|
6653
|
+
300: "#82C6CB",
|
6651
6654
|
light: "#2B9DA7",
|
6652
6655
|
main: "#058C97",
|
6653
|
-
|
6656
|
+
600: "#04848F",
|
6657
|
+
700: "#047984",
|
6658
|
+
800: "#036F7A",
|
6659
|
+
dark: "#015C69",
|
6660
|
+
A100: "#98F0FF",
|
6661
|
+
A200: "#65E9FF",
|
6662
|
+
A400: "#32E1FF",
|
6663
|
+
A700: "#32E1FF"
|
6654
6664
|
},
|
6655
6665
|
secondary: {
|
6656
6666
|
50: "#E0F7FA",
|
@@ -6779,6 +6789,29 @@ const paletteAdpro = {
|
|
6779
6789
|
|
6780
6790
|
var _palette$action;
|
6781
6791
|
const components = {
|
6792
|
+
MuiTabs: {
|
6793
|
+
styleOverrides: {
|
6794
|
+
root: {
|
6795
|
+
minHeight: 40
|
6796
|
+
}
|
6797
|
+
}
|
6798
|
+
},
|
6799
|
+
MuiTab: {
|
6800
|
+
styleOverrides: {
|
6801
|
+
labelIcon: {
|
6802
|
+
paddingTop: 10,
|
6803
|
+
paddingBottom: 10
|
6804
|
+
},
|
6805
|
+
root: {
|
6806
|
+
minHeight: "40px",
|
6807
|
+
root: {
|
6808
|
+
"& .MuiTabs-root": {
|
6809
|
+
minHeight: "40px"
|
6810
|
+
}
|
6811
|
+
}
|
6812
|
+
}
|
6813
|
+
}
|
6814
|
+
},
|
6782
6815
|
MuiDataGrid: {
|
6783
6816
|
defaultProps: {
|
6784
6817
|
columnHeaderHeight: 35,
|
@@ -7169,6 +7202,9 @@ const components = {
|
|
7169
7202
|
},
|
7170
7203
|
MuiFilledInput: {
|
7171
7204
|
styleOverrides: {
|
7205
|
+
root: {
|
7206
|
+
height: 48
|
7207
|
+
},
|
7172
7208
|
sizeSmall: {
|
7173
7209
|
height: 38
|
7174
7210
|
}
|
@@ -7190,7 +7226,8 @@ const components = {
|
|
7190
7226
|
paddingBlock: 14
|
7191
7227
|
},
|
7192
7228
|
".MuiFilledInput-input.MuiInputBase-inputSizeSmall": {
|
7193
|
-
|
7229
|
+
paddingTop: 16,
|
7230
|
+
paddingBottom: 2
|
7194
7231
|
},
|
7195
7232
|
".MuiFilledInput-input": {
|
7196
7233
|
paddingTop: 22,
|
@@ -7325,9 +7362,37 @@ const components = {
|
|
7325
7362
|
dense: true
|
7326
7363
|
}
|
7327
7364
|
},
|
7365
|
+
MuiListItemButton: {
|
7366
|
+
styleOverrides: {
|
7367
|
+
dense: {
|
7368
|
+
padding: "4px 0px 4px 0px"
|
7369
|
+
},
|
7370
|
+
root: {
|
7371
|
+
padding: "7.5px 16px 7.5px 16px"
|
7372
|
+
}
|
7373
|
+
}
|
7374
|
+
},
|
7328
7375
|
MuiMenuItem: {
|
7329
|
-
|
7330
|
-
dense:
|
7376
|
+
styleOverrides: {
|
7377
|
+
dense: {
|
7378
|
+
height: 28,
|
7379
|
+
minHeight: 28,
|
7380
|
+
".MuiListItemText-root > .MuiTypography-root": {
|
7381
|
+
lineHeight: "14.3px",
|
7382
|
+
letterSpacing: 0.15
|
7383
|
+
}
|
7384
|
+
},
|
7385
|
+
root: {
|
7386
|
+
padding: "7px 16px 7px 16px",
|
7387
|
+
".MuiMenuList-root": {
|
7388
|
+
height: 34,
|
7389
|
+
minHeight: 34
|
7390
|
+
},
|
7391
|
+
".MuiListItemText-root > .MuiTypography-root": {
|
7392
|
+
lineHeight: "20px",
|
7393
|
+
letterSpacing: 0.17
|
7394
|
+
}
|
7395
|
+
}
|
7331
7396
|
}
|
7332
7397
|
},
|
7333
7398
|
MuiTable: {
|
@@ -14286,6 +14351,8 @@ const borderStyles = {
|
|
14286
14351
|
};
|
14287
14352
|
const DrawerComponent = ({
|
14288
14353
|
title,
|
14354
|
+
backgroundColor,
|
14355
|
+
color,
|
14289
14356
|
children,
|
14290
14357
|
actions,
|
14291
14358
|
showActions,
|
@@ -14305,7 +14372,7 @@ const DrawerComponent = ({
|
|
14305
14372
|
anchor: _anchor,
|
14306
14373
|
open: open,
|
14307
14374
|
onClose: onClose,
|
14308
|
-
sx: {
|
14375
|
+
sx: Object.assign({
|
14309
14376
|
'& .MuiBackdrop-root': {
|
14310
14377
|
backgroundColor: '#F0f0f099 !important',
|
14311
14378
|
backdropFilter: 'blur(4px)'
|
@@ -14313,7 +14380,7 @@ const DrawerComponent = ({
|
|
14313
14380
|
'& .MuiDrawer-paper': Object.assign({
|
14314
14381
|
width: width
|
14315
14382
|
}, paperSx)
|
14316
|
-
}
|
14383
|
+
}, sx)
|
14317
14384
|
}, /*#__PURE__*/React__default.createElement(Stack$1, {
|
14318
14385
|
height: "100%"
|
14319
14386
|
}, /*#__PURE__*/React__default.createElement(Stack$1, {
|
@@ -14324,7 +14391,7 @@ const DrawerComponent = ({
|
|
14324
14391
|
px: 1,
|
14325
14392
|
bgcolor: "secondary.main"
|
14326
14393
|
}, /*#__PURE__*/React__default.createElement(Typography$1, {
|
14327
|
-
|
14394
|
+
color: color,
|
14328
14395
|
variant: "h6"
|
14329
14396
|
}, title), /*#__PURE__*/React__default.createElement(IconButton$1, {
|
14330
14397
|
onClick: onClose,
|
@@ -14332,6 +14399,9 @@ const DrawerComponent = ({
|
|
14332
14399
|
}, /*#__PURE__*/React__default.createElement(Close, {
|
14333
14400
|
fontSize: "small"
|
14334
14401
|
}))), /*#__PURE__*/React__default.createElement(Stack$1, {
|
14402
|
+
sx: {
|
14403
|
+
backgroundColor: backgroundColor
|
14404
|
+
},
|
14335
14405
|
py: 1.5,
|
14336
14406
|
px: 1,
|
14337
14407
|
overflow: "auto",
|
@@ -14340,7 +14410,6 @@ const DrawerComponent = ({
|
|
14340
14410
|
}, children), stateActions && /*#__PURE__*/React__default.createElement(Stack$1, {
|
14341
14411
|
alignItems: _anchorActions,
|
14342
14412
|
gap: 1,
|
14343
|
-
mt: 0.5,
|
14344
14413
|
py: 1.5,
|
14345
14414
|
px: 1,
|
14346
14415
|
sx: {
|
@@ -20024,14 +20093,14 @@ const DynamicColor = async src => {
|
|
20024
20093
|
const secondaryLight = hexFromArgb(dark.secondary);
|
20025
20094
|
const secondaryDark = hexFromArgb(light.secondary);
|
20026
20095
|
const primaryColor = {
|
20027
|
-
main: primaryMain,
|
20028
20096
|
light: primaryLight,
|
20097
|
+
main: primaryMain,
|
20029
20098
|
dark: primaryDark,
|
20030
20099
|
contrastText: "#ffffff"
|
20031
20100
|
};
|
20032
20101
|
const secondaryColor = {
|
20033
|
-
main: secondaryMain,
|
20034
20102
|
light: secondaryLight,
|
20103
|
+
main: secondaryMain,
|
20035
20104
|
dark: secondaryDark,
|
20036
20105
|
contrastText: "#ffffff"
|
20037
20106
|
};
|
package/package.json
CHANGED
@@ -12,6 +12,8 @@ export interface DrawerComponentProperties {
|
|
12
12
|
open: boolean;
|
13
13
|
onClose: () => void;
|
14
14
|
sx?: SxProps;
|
15
|
+
backgroundColor?: string;
|
16
|
+
color?: string;
|
15
17
|
}
|
16
|
-
export declare const DrawerComponent: ({ title, children, actions, showActions, anchor, anchorActions, width, open, onClose, sx, }: DrawerComponentProperties) => JSX.Element;
|
18
|
+
export declare const DrawerComponent: ({ title, backgroundColor, color, children, actions, showActions, anchor, anchorActions, width, open, onClose, sx, }: DrawerComponentProperties) => JSX.Element;
|
17
19
|
export { DrawerComponent as Drawer };
|