@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 CHANGED
@@ -6647,10 +6647,20 @@ const palette = {
6647
6647
  };
6648
6648
  const paletteAdpro = {
6649
6649
  primary: {
6650
- contrastText: "#ffffff",
6650
+ 50: "#F8FAFB",
6651
+ 100: "#E6EFF0",
6652
+ 200: "#D2E3E4",
6653
+ 300: "#82C6CB",
6651
6654
  light: "#2B9DA7",
6652
6655
  main: "#058C97",
6653
- dark: "#015C69"
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
- paddingBlock: "none"
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
- defaultProps: {
7330
- dense: true
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
- sx: Object.assign({}, sx),
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
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@sinco/react",
3
- "version": "1.1.1-rc.4",
3
+ "version": "1.1.1-rc.6",
4
4
  "description": "package for the configuration of mui react sinco",
5
5
  "private": false,
6
6
  "license": "MIT",
@@ -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 };