@sinco/react 1.1.1-rc.1 → 1.1.1-rc.11
Sign up to get free protection for your applications and to get access to all the features.
- package/index.js +81 -13
- package/package.json +1 -1
- package/src/lib/Components/Drawer.d.ts +3 -1
package/index.js
CHANGED
@@ -6651,12 +6651,12 @@ const paletteAdpro = {
|
|
6651
6651
|
100: "#E6EFF0",
|
6652
6652
|
200: "#D2E3E4",
|
6653
6653
|
300: "#82C6CB",
|
6654
|
-
|
6655
|
-
|
6654
|
+
light: "#2B9DA7",
|
6655
|
+
main: "#058C97",
|
6656
6656
|
600: "#04848F",
|
6657
6657
|
700: "#047984",
|
6658
6658
|
800: "#036F7A",
|
6659
|
-
|
6659
|
+
dark: "#015C69",
|
6660
6660
|
A100: "#98F0FF",
|
6661
6661
|
A200: "#65E9FF",
|
6662
6662
|
A400: "#32E1FF",
|
@@ -6789,6 +6789,29 @@ const paletteAdpro = {
|
|
6789
6789
|
|
6790
6790
|
var _palette$action;
|
6791
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
|
+
},
|
6792
6815
|
MuiDataGrid: {
|
6793
6816
|
defaultProps: {
|
6794
6817
|
columnHeaderHeight: 35,
|
@@ -6974,7 +6997,7 @@ const components = {
|
|
6974
6997
|
},
|
6975
6998
|
icon: {
|
6976
6999
|
color: (_palette$action = palette.action) == null ? void 0 : _palette$action.active,
|
6977
|
-
opacity: "
|
7000
|
+
opacity: "70%"
|
6978
7001
|
},
|
6979
7002
|
root: {
|
6980
7003
|
fontFamily: 'Roboto',
|
@@ -7179,6 +7202,9 @@ const components = {
|
|
7179
7202
|
},
|
7180
7203
|
MuiFilledInput: {
|
7181
7204
|
styleOverrides: {
|
7205
|
+
root: {
|
7206
|
+
height: 48
|
7207
|
+
},
|
7182
7208
|
sizeSmall: {
|
7183
7209
|
height: 38
|
7184
7210
|
}
|
@@ -7200,7 +7226,8 @@ const components = {
|
|
7200
7226
|
paddingBlock: 14
|
7201
7227
|
},
|
7202
7228
|
".MuiFilledInput-input.MuiInputBase-inputSizeSmall": {
|
7203
|
-
|
7229
|
+
paddingTop: 16,
|
7230
|
+
paddingBottom: 2
|
7204
7231
|
},
|
7205
7232
|
".MuiFilledInput-input": {
|
7206
7233
|
paddingTop: 22,
|
@@ -7335,9 +7362,37 @@ const components = {
|
|
7335
7362
|
dense: true
|
7336
7363
|
}
|
7337
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
|
+
},
|
7338
7375
|
MuiMenuItem: {
|
7339
|
-
|
7340
|
-
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
|
+
}
|
7341
7396
|
}
|
7342
7397
|
},
|
7343
7398
|
MuiTable: {
|
@@ -14296,6 +14351,8 @@ const borderStyles = {
|
|
14296
14351
|
};
|
14297
14352
|
const DrawerComponent = ({
|
14298
14353
|
title,
|
14354
|
+
backgroundColor,
|
14355
|
+
color,
|
14299
14356
|
children,
|
14300
14357
|
actions,
|
14301
14358
|
showActions,
|
@@ -14315,7 +14372,7 @@ const DrawerComponent = ({
|
|
14315
14372
|
anchor: _anchor,
|
14316
14373
|
open: open,
|
14317
14374
|
onClose: onClose,
|
14318
|
-
sx: {
|
14375
|
+
sx: Object.assign({
|
14319
14376
|
'& .MuiBackdrop-root': {
|
14320
14377
|
backgroundColor: '#F0f0f099 !important',
|
14321
14378
|
backdropFilter: 'blur(4px)'
|
@@ -14323,7 +14380,7 @@ const DrawerComponent = ({
|
|
14323
14380
|
'& .MuiDrawer-paper': Object.assign({
|
14324
14381
|
width: width
|
14325
14382
|
}, paperSx)
|
14326
|
-
}
|
14383
|
+
}, sx)
|
14327
14384
|
}, /*#__PURE__*/React__default.createElement(Stack$1, {
|
14328
14385
|
height: "100%"
|
14329
14386
|
}, /*#__PURE__*/React__default.createElement(Stack$1, {
|
@@ -14334,7 +14391,7 @@ const DrawerComponent = ({
|
|
14334
14391
|
px: 1,
|
14335
14392
|
bgcolor: "secondary.main"
|
14336
14393
|
}, /*#__PURE__*/React__default.createElement(Typography$1, {
|
14337
|
-
|
14394
|
+
color: color,
|
14338
14395
|
variant: "h6"
|
14339
14396
|
}, title), /*#__PURE__*/React__default.createElement(IconButton$1, {
|
14340
14397
|
onClick: onClose,
|
@@ -14342,6 +14399,9 @@ const DrawerComponent = ({
|
|
14342
14399
|
}, /*#__PURE__*/React__default.createElement(Close, {
|
14343
14400
|
fontSize: "small"
|
14344
14401
|
}))), /*#__PURE__*/React__default.createElement(Stack$1, {
|
14402
|
+
sx: {
|
14403
|
+
backgroundColor: backgroundColor
|
14404
|
+
},
|
14345
14405
|
py: 1.5,
|
14346
14406
|
px: 1,
|
14347
14407
|
overflow: "auto",
|
@@ -14350,7 +14410,6 @@ const DrawerComponent = ({
|
|
14350
14410
|
}, children), stateActions && /*#__PURE__*/React__default.createElement(Stack$1, {
|
14351
14411
|
alignItems: _anchorActions,
|
14352
14412
|
gap: 1,
|
14353
|
-
mt: 0.5,
|
14354
14413
|
py: 1.5,
|
14355
14414
|
px: 1,
|
14356
14415
|
sx: {
|
@@ -20034,14 +20093,14 @@ const DynamicColor = async src => {
|
|
20034
20093
|
const secondaryLight = hexFromArgb(dark.secondary);
|
20035
20094
|
const secondaryDark = hexFromArgb(light.secondary);
|
20036
20095
|
const primaryColor = {
|
20037
|
-
main: primaryMain,
|
20038
20096
|
light: primaryLight,
|
20097
|
+
main: primaryMain,
|
20039
20098
|
dark: primaryDark,
|
20040
20099
|
contrastText: "#ffffff"
|
20041
20100
|
};
|
20042
20101
|
const secondaryColor = {
|
20043
|
-
main: secondaryMain,
|
20044
20102
|
light: secondaryLight,
|
20103
|
+
main: secondaryMain,
|
20045
20104
|
dark: secondaryDark,
|
20046
20105
|
contrastText: "#ffffff"
|
20047
20106
|
};
|
@@ -20057,6 +20116,9 @@ const DynamicColor = async src => {
|
|
20057
20116
|
};
|
20058
20117
|
|
20059
20118
|
const useDynamicColor = url => {
|
20119
|
+
const [primaryAdpro, setPrimaryAdpro] = useState(AdproSincoTheme.palette.primary);
|
20120
|
+
const [secondaryAdpro, setSecondaryAdpro] = useState(AdproSincoTheme.palette.secondary);
|
20121
|
+
const [backgroundAdpro, setBackgroundAdpro] = useState(AdproSincoTheme.palette.background);
|
20060
20122
|
const [primary, setPrimary] = useState(SincoTheme.palette.primary);
|
20061
20123
|
const [secondary, setSecondary] = useState(SincoTheme.palette.secondary);
|
20062
20124
|
const [background, setBackground] = useState(SincoTheme.palette.background);
|
@@ -20070,12 +20132,18 @@ const useDynamicColor = url => {
|
|
20070
20132
|
setPrimary(primaryColor);
|
20071
20133
|
setSecondary(secondaryColor);
|
20072
20134
|
setBackground(backgroundColor);
|
20135
|
+
setPrimaryAdpro(primaryColor);
|
20136
|
+
setSecondaryAdpro(secondaryColor);
|
20137
|
+
setBackgroundAdpro(backgroundColor);
|
20073
20138
|
setLoading(true);
|
20074
20139
|
});
|
20075
20140
|
}, [url]);
|
20076
20141
|
SincoTheme.palette.primary = primary;
|
20077
20142
|
SincoTheme.palette.secondary = secondary;
|
20078
20143
|
SincoTheme.palette.background = background;
|
20144
|
+
AdproSincoTheme.palette.primary = primaryAdpro;
|
20145
|
+
AdproSincoTheme.palette.secondary = secondaryAdpro;
|
20146
|
+
AdproSincoTheme.palette.background = backgroundAdpro;
|
20079
20147
|
return {
|
20080
20148
|
loading
|
20081
20149
|
};
|
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 };
|