@sinco/react 1.1.2-rc.0 → 1.1.2-rc.10

package/index.js

@@ -6720,7 +6720,7 @@ const palette = {
     50: "#FBFBFB",
     100: "#F5F5F6",
     200: "#EAEBEC",
-    300: "#DCDEEO",
+    300: "#DCDEE0",
     400: "#CED1D4",
     500: "#C4C7CA",
     600: "#B9BDC1",
@@ -6746,7 +6746,7 @@ const palette = {
     focus: "#1018401f"
   },
   background: {
-    default: "#F1F0EE",
+    default: "#f5f5f5",
     paper: "#fff"
   },
   common: {
@@ -6858,16 +6858,16 @@ const paletteAdpro = {
     contrastText: "#ffffff"
   },
   grey: {
-    50: "#F7F7F8",
-    100: "#EAEBEC",
-    200: "#DCDEE0",
-    300: "#CED1D4",
-    400: "#C4C7CA",
-    500: "#B9BDC1",
-    600: "#B2B7BB",
-    700: "#AAAEB3",
-    800: "#A2A6AB",
-    900: "#93989E",
+    50: "#FBFBFB",
+    100: "#F5F5F6",
+    200: "#EAEBEC",
+    300: "#DCDEE0",
+    400: "#CED1D4",
+    500: "#C4C7CA",
+    600: "#B9BDC1",
+    700: "#B2B7BB",
+    800: "#AAAEB3",
+    900: "#A2A6AB",
     A100: "#FFFFFF",
     A200: "#FFFFFF",
     A400: "#D4EAFF",
@@ -6927,7 +6927,8 @@ const components = {
     styleOverrides: {
       root: {
         ".MuiButtonBase-root.MuiAccordionSummary-root": {
-          minHeight: 44
+          minHeight: 44,
+          height: 44
         }
       }
     }
@@ -6956,6 +6957,11 @@ const components = {
       density: "compact"
     },
     styleOverrides: {
+      columnHeader: {
+        minHeight: 22,
+        maxHeight: 22,
+        lineHeight: 22
+      },
       iconButtonContainer: {
         fontSize: 16
       },
@@ -7053,6 +7059,13 @@ const components = {
       }
     }
   },
+  MuiTooltip: {
+    styleOverrides: {
+      tooltip: {
+        backgroundColor: "#424242"
+      }
+    }
+  },
   MuiDialog: {
     styleOverrides: {
       root: {
@@ -7067,8 +7080,8 @@ const components = {
   MuiDialogContent: {
     styleOverrides: {
       root: {
-        paddingTop: 8,
-        paddingBottom: 8
+        paddingTop: "8px !important",
+        paddingBottom: "8px"
       }
     }
   },
@@ -7165,16 +7178,29 @@ const components = {
       }
     },
     styleOverrides: {
+      filled: {
+        color: "#fff"
+      },
+      message: {
+        padding: "4px 0"
+      },
       root: {
-        paddingY: 0.5,
-        paddingX: 2,
-        alignItems: "center",
-        border: "none"
+        padding: "6px 16px"
       }
     }
   },
   MuiButton: {
     styleOverrides: {
+      root: {
+        fontFamily: 'Roboto',
+        textTransform: 'unset',
+        fontWeightLight: 300,
+        fontSize: "13px",
+        lineHeight: 'normal',
+        '@media(max-width: 885px)': {
+          fontSize: 14
+        }
+      },
       startIcon: {
         marginLeft: 2
       },
@@ -7262,6 +7288,7 @@ const components = {
         }
       },
       extended: {
+        gap: 1,
         boxShadow: " 0px 1px 18px 0px rgba(24, 39, 75, 0.12), 0px 6px 10px 0px rgba(24, 39, 75, 0.14), 0px 3px 5px -1px rgba(24, 39, 75, 0.20)",
         "&.MuiFab-sizeSmall": {
           height: 32,
@@ -7385,12 +7412,12 @@ const components = {
         "&.MuiAutocomplete-root .MuiOutlinedInput-root": {
           padding: "6px 14px 6px 10px"
         },
+        "& .MuiAutocomplete-endAdornment": {
+          top: "calc(50% - 12px)"
+        },
         "&.MuiAutocomplete-root .MuiOutlinedInput-root.MuiInputBase-sizeSmall": {
           paddingBlock: 3.5,
           paddingRight: 14,
-          "& .MuiAutocomplete-endAdornment": {
-            top: "calc(50% - 12px)"
-          },
           ".MuiIconButton-sizeSmall .MuiAutocomplete-popupIndicator": {
             padding: 5
           }
@@ -7428,7 +7455,7 @@ const components = {
         "&.MuiInputLabel-outlined ": {
           transform: "translate(14px, 15px) scale(1)",
           "&.MuiInputLabel-shrink": {
-            transform: "translate(14px, -9px) scale(0.75)"
+            transform: "translate(14px, -7px) scale(0.75)"
           }
         }
       }
@@ -7528,10 +7555,13 @@ const components = {
   MuiListItemButton: {
     styleOverrides: {
       dense: {
-        padding: "4px 0px 4px 0px"
+        padding: "4px 16px 4px 16px "
       },
       root: {
-        padding: "8.5px 16px"
+        padding: "8.5px 16px",
+        ".MuiListItemText-multiline": {
+          marginBlock: "4px"
+        }
       }
     }
   },
@@ -7717,16 +7747,6 @@ const typography = {
     fontWeight: 300,
     letterSpacing: -1.5,
     lineHeight: 1.4
-  },
-  button: {
-    fontFamily: 'Roboto',
-    textTransform: 'unset',
-    fontWeightLight: 300,
-    fontSize: 13,
-    lineHeight: 'normal',
-    '@media(max-width: 885px)': {
-      fontSize: 14
-    }
   }
 };
 
@@ -14432,10 +14452,10 @@ handlePrototype(DOMTokenListPrototype, 'DOMTokenList');
 
 const borderStyles = {
   left: {
-    borderTopRightRadius: '4px'
+    borderTopRightRadius: "4px"
   },
   right: {
-    borderTopLeftRadius: '4px'
+    borderTopLeftRadius: "4px"
   }
 };
 const DrawerComponent = ({
@@ -14445,8 +14465,8 @@ const DrawerComponent = ({
   children,
   actions,
   showActions,
-  anchor: _anchor = 'left',
-  anchorActions: _anchorActions = 'flex-end',
+  anchor: _anchor = "left",
+  anchorActions: _anchorActions = "flex-end",
   width,
   open,
   onClose,
@@ -14462,11 +14482,11 @@ const DrawerComponent = ({
     open: open,
     onClose: onClose,
     sx: Object.assign({
-      '& .MuiBackdrop-root': {
-        backgroundColor: '#F0f0f099 !important',
-        backdropFilter: 'blur(4px)'
+      "& .MuiBackdrop-root": {
+        backgroundColor: "#F0f0f099 !important",
+        backdropFilter: "blur(4px)"
       },
-      '& .MuiDrawer-paper': Object.assign({
+      "& .MuiDrawer-paper": Object.assign({
         width: width
       }, paperSx)
     }, sx)
@@ -14501,9 +14521,7 @@ const DrawerComponent = ({
     gap: 1,
     py: 1.5,
     px: 1,
-    sx: {
-      bgcolor: 'grey.400'
-    }
+    bgcolor: "background.default"
   }, actions)));
 };
 
@@ -14598,7 +14616,6 @@ const ToastNotification = toast => {
   }, /*#__PURE__*/React__default.createElement(Stack$1, {
     p: 1,
     gap: 1,
-    height: 20,
     borderRadius: 50,
     sx: {
       backgroundColor: {
@@ -14681,7 +14698,7 @@ function PageHeaderWraps({
   }
   return /*#__PURE__*/React__default.createElement(React__default.Fragment, null, item);
 }
-const PageHeaderComponent = ({
+const PageHeader = ({
   title,
   subtitle,
   actions,
@@ -20234,4 +20251,4 @@ const useDynamicColor = url => {
   };
 };
 
-export { AdproSincoTheme, DrawerComponent as Drawer, DrawerComponent, DynamicColor, EmptyState, EmptyStateImageUrls, FooterAction, PageHeaderComponent as PageHeader, PageHeaderComponent, PageHeaderWraps, SincoTheme, ToastNotification, useDynamicColor };
+export { AdproSincoTheme, DrawerComponent as Drawer, DrawerComponent, DynamicColor, EmptyState, EmptyStateImageUrls, FooterAction, PageHeader, PageHeaderWraps, SincoTheme, ToastNotification, useDynamicColor };

package/package.json

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

package/src/index.d.ts

@@ -2,3 +2,4 @@ export * from './lib/Theme';
 export * from './lib/Components';
 export * from './lib/Hooks';
 export * from './lib/Utils';
+export * from './module';

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

@@ -1,13 +1,13 @@
-import { ReactNode } from 'react';
-import { SxProps } from '@mui/material';
-export type DrawerPosition = 'left' | 'right';
+import { ReactNode } from "react";
+import { SxProps } from "@mui/material";
+export type DrawerPosition = "left" | "right";
 export interface DrawerComponentProperties {
     title: string;
     children: ReactNode;
     actions: ReactNode;
     showActions?: boolean;
     anchor?: DrawerPosition;
-    anchorActions: 'flex-end' | 'flex-start';
+    anchorActions: "flex-end" | "flex-start";
     width: string;
     open: boolean;
     onClose: () => void;

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

@@ -12,5 +12,4 @@ export declare function PageHeaderWraps({ item, color, variant, }: {
     color: string;
     variant: Variant;
 }): JSX.Element;
-export declare const PageHeaderComponent: ({ title, subtitle, actions, buttonBack, fixed, }: PageheaderProperties) => JSX.Element;
-export { PageHeaderComponent as PageHeader };
+export declare const PageHeader: ({ title, subtitle, actions, buttonBack, fixed, }: PageheaderProperties) => JSX.Element;

package/src/lib/Theme/components.d.ts

@@ -1,12 +1,2 @@
 import { Components } from "@mui/material";
-declare module "@mui/material/Radio" {
-    interface RadioPropsSizeOverrides {
-        large: true;
-    }
-}
-declare module "@mui/material/Checkbox" {
-    interface CheckboxPropsSizeOverrides {
-        large: true;
-    }
-}
 export declare const components: Components;

package/src/lib/Theme/palette.d.ts

@@ -1,14 +1,3 @@
 import { PaletteOptions } from "@mui/material";
-declare module "@mui/material/styles" {
-    interface PaletteColor {
-        50?: string;
-        100?: string;
-        200?: string;
-        300?: string;
-        600?: string;
-        700?: string;
-        800?: string;
-    }
-}
 export declare const palette: PaletteOptions;
 export declare const paletteAdpro: PaletteOptions;

package/src/lib/Theme/typography.d.ts

@@ -1,11 +1,2 @@
-/// <reference types="react" />
 import { TypographyOptions } from '@mui/material/styles/createTypography';
-declare module '@mui/material/styles' {
-    interface TypographyVariants {
-        body3: React.CSSProperties;
-    }
-    interface TypographyVariantsOptions {
-        body3?: React.CSSProperties;
-    }
-}
 export declare const typography: TypographyOptions;

package/src/module.d.ts

@@ -0,0 +1,39 @@
+/// <reference types="react" />
+import "@mui/material/Typography";
+import "@mui/material/Radio";
+import "@mui/material/Checkbox";
+import "@mui/material/styles";
+declare module '@mui/material/styles' {
+    interface TypographyVariants {
+        body3: React.CSSProperties;
+    }
+    interface TypographyVariantsOptions {
+        body3?: React.CSSProperties;
+    }
+}
+declare module '@mui/material/Typography' {
+    interface TypographyPropsVariantOverrides {
+        body3: true;
+    }
+}
+declare module "@mui/material/Radio" {
+    interface RadioPropsSizeOverrides {
+        large: true;
+    }
+}
+declare module "@mui/material/Checkbox" {
+    interface CheckboxPropsSizeOverrides {
+        large: true;
+    }
+}
+declare module "@mui/material/styles" {
+    interface PaletteColor {
+        50?: string;
+        100?: string;
+        200?: string;
+        300?: string;
+        600?: string;
+        700?: string;
+        800?: string;
+    }
+}