@sinco/react 1.1.1-rc.4 → 1.1.1-rc.6
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 +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 };
|