@sinco/react 1.1.1-rc.4 → 1.1.1-rc.6

package/index.js

@@ -6647,10 +6647,20 @@ const palette = {
 };
 const paletteAdpro = {
   primary: {
-    contrastText: "#ffffff",
+    50: "#F8FAFB",
+    100: "#E6EFF0",
+    200: "#D2E3E4",
+    300: "#82C6CB",
     light: "#2B9DA7",
     main: "#058C97",
-    dark: "#015C69"
+    600: "#04848F",
+    700: "#047984",
+    800: "#036F7A",
+    dark: "#015C69",
+    A100: "#98F0FF",
+    A200: "#65E9FF",
+    A400: "#32E1FF",
+    A700: "#32E1FF"
   },
   secondary: {
     50: "#E0F7FA",
@@ -6779,6 +6789,29 @@ const paletteAdpro = {
 
 var _palette$action;
 const components = {
+  MuiTabs: {
+    styleOverrides: {
+      root: {
+        minHeight: 40
+      }
+    }
+  },
+  MuiTab: {
+    styleOverrides: {
+      labelIcon: {
+        paddingTop: 10,
+        paddingBottom: 10
+      },
+      root: {
+        minHeight: "40px",
+        root: {
+          "& .MuiTabs-root": {
+            minHeight: "40px"
+          }
+        }
+      }
+    }
+  },
   MuiDataGrid: {
     defaultProps: {
       columnHeaderHeight: 35,
@@ -7169,6 +7202,9 @@ const components = {
   },
   MuiFilledInput: {
     styleOverrides: {
+      root: {
+        height: 48
+      },
       sizeSmall: {
         height: 38
       }
@@ -7190,7 +7226,8 @@ const components = {
           paddingBlock: 14
         },
         ".MuiFilledInput-input.MuiInputBase-inputSizeSmall": {
-          paddingBlock: "none"
+          paddingTop: 16,
+          paddingBottom: 2
         },
         ".MuiFilledInput-input": {
           paddingTop: 22,
@@ -7325,9 +7362,37 @@ const components = {
       dense: true
     }
   },
+  MuiListItemButton: {
+    styleOverrides: {
+      dense: {
+        padding: "4px 0px 4px 0px"
+      },
+      root: {
+        padding: "7.5px 16px 7.5px 16px"
+      }
+    }
+  },
   MuiMenuItem: {
-    defaultProps: {
-      dense: true
+    styleOverrides: {
+      dense: {
+        height: 28,
+        minHeight: 28,
+        ".MuiListItemText-root > .MuiTypography-root": {
+          lineHeight: "14.3px",
+          letterSpacing: 0.15
+        }
+      },
+      root: {
+        padding: "7px 16px 7px 16px",
+        ".MuiMenuList-root": {
+          height: 34,
+          minHeight: 34
+        },
+        ".MuiListItemText-root > .MuiTypography-root": {
+          lineHeight: "20px",
+          letterSpacing: 0.17
+        }
+      }
     }
   },
   MuiTable: {
@@ -14286,6 +14351,8 @@ const borderStyles = {
 };
 const DrawerComponent = ({
   title,
+  backgroundColor,
+  color,
   children,
   actions,
   showActions,
@@ -14305,7 +14372,7 @@ const DrawerComponent = ({
     anchor: _anchor,
     open: open,
     onClose: onClose,
-    sx: {
+    sx: Object.assign({
       '& .MuiBackdrop-root': {
         backgroundColor: '#F0f0f099 !important',
         backdropFilter: 'blur(4px)'
@@ -14313,7 +14380,7 @@ const DrawerComponent = ({
       '& .MuiDrawer-paper': Object.assign({
         width: width
       }, paperSx)
-    }
+    }, sx)
   }, /*#__PURE__*/React__default.createElement(Stack$1, {
     height: "100%"
   }, /*#__PURE__*/React__default.createElement(Stack$1, {
@@ -14324,7 +14391,7 @@ const DrawerComponent = ({
     px: 1,
     bgcolor: "secondary.main"
   }, /*#__PURE__*/React__default.createElement(Typography$1, {
-    sx: Object.assign({}, sx),
+    color: color,
     variant: "h6"
   }, title), /*#__PURE__*/React__default.createElement(IconButton$1, {
     onClick: onClose,
@@ -14332,6 +14399,9 @@ const DrawerComponent = ({
   }, /*#__PURE__*/React__default.createElement(Close, {
     fontSize: "small"
   }))), /*#__PURE__*/React__default.createElement(Stack$1, {
+    sx: {
+      backgroundColor: backgroundColor
+    },
     py: 1.5,
     px: 1,
     overflow: "auto",
@@ -14340,7 +14410,6 @@ const DrawerComponent = ({
   }, children), stateActions && /*#__PURE__*/React__default.createElement(Stack$1, {
     alignItems: _anchorActions,
     gap: 1,
-    mt: 0.5,
     py: 1.5,
     px: 1,
     sx: {
@@ -20024,14 +20093,14 @@ const DynamicColor = async src => {
   const secondaryLight = hexFromArgb(dark.secondary);
   const secondaryDark = hexFromArgb(light.secondary);
   const primaryColor = {
-    main: primaryMain,
     light: primaryLight,
+    main: primaryMain,
     dark: primaryDark,
     contrastText: "#ffffff"
   };
   const secondaryColor = {
-    main: secondaryMain,
     light: secondaryLight,
+    main: secondaryMain,
     dark: secondaryDark,
     contrastText: "#ffffff"
   };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@sinco/react",
-  "version": "1.1.1-rc.4",
+  "version": "1.1.1-rc.6",
   "description": "package for the configuration of mui react sinco",
   "private": false,
   "license": "MIT",

package/src/lib/Components/Drawer.d.ts

@@ -12,6 +12,8 @@ export interface DrawerComponentProperties {
     open: boolean;
     onClose: () => void;
     sx?: SxProps;
+    backgroundColor?: string;
+    color?: string;
 }
-export declare const DrawerComponent: ({ title, children, actions, showActions, anchor, anchorActions, width, open, onClose, sx, }: DrawerComponentProperties) => JSX.Element;
+export declare const DrawerComponent: ({ title, backgroundColor, color, children, actions, showActions, anchor, anchorActions, width, open, onClose, sx, }: DrawerComponentProperties) => JSX.Element;
 export { DrawerComponent as Drawer };