@m4l/styles 0.0.26 → 0.0.27

package/index.js

@@ -2,7 +2,7 @@ import { d as f } from "./theme/defaultThemeOptions.e09f6ae8.js";
 import { c as l, s as g } from "./theme/shadows.386e7ef4.js";
 import { P as u, p as d } from "./theme/palette.b6e02e1c.js";
 import { t as S } from "./theme/typography.006a6c85.js";
-import { f as O } from "./theme/overrides/index.ede1f7a6.js";
+import { f as O } from "./theme/overrides/index.0d1a7a95.js";
 import { u as b } from "./utils/useResponsive.2c45e8e0.js";
 import { e as h, b as T, c as v, d as w, g as z, a as y, t as F } from "./utils/getColorPresets.241c5bac.js";
 import { g as k } from "./utils/getColorState.f10d3d33.js";
@@ -13,7 +13,7 @@ import "@mui/material/useMediaQuery";
 import "@mui/system";
 import "@mui/material";
 import "./theme/overrides/MUIComponents/index.c5a85efa.js";
-import "./theme/overrides/M4LExtendedComponents/index.ebc4ec7a.js";
+import "./theme/overrides/M4LExtendedComponents/index.8ed38278.js";
 import "./theme/overrides/M4LRHFComponents/index.3df47466.js";
 export {
   u as PATRONUSCOLORS,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@m4l/styles",
-  "version": "0.0.26",
+  "version": "0.0.27",
   "license": "UNLICENSED",
   "author": "m4l team",
   "dependencies": {

package/theme/overrides/M4LExtendedComponents/M4LAccordion.d.ts

@@ -42,9 +42,10 @@ export declare const M4LAccordion: (theme: Theme) => {
                 borderColor: string;
                 borderRadius: string;
                 padding: string;
-                '& .MuiCollapse-wrapper': {
-                    padding: string;
-                    borderRadius: string;
+                '& .M4LAccordion-content': {
+                    '& .M4LPropertyValue-root:last-of-type': {
+                        borderBottom: string;
+                    };
                 };
             };
         };

package/theme/overrides/M4LExtendedComponents/M4LAreasViewer.d.ts

@@ -187,6 +187,9 @@ export declare const M4LAreasViewer: (theme: Theme) => {
                             };
                         };
                         "& .M4LAreasViewer-windowContent": {
+                            [x: string]: string | {
+                                padding: string;
+                            };
                             padding: string;
                             background: string;
                             display: string;
@@ -237,6 +240,9 @@ export declare const M4LAreasViewer: (theme: Theme) => {
                         };
                     };
                     "&.M4LGridLayout-root .M4LGridLayout-maximizeMe ": {
+                        '& .M4LAreasViewer-windowContent': {
+                            padding: string;
+                        };
                         "& .M4LAreasViewer-selectedWindow": {
                             border: string;
                             borderColor: string;

package/theme/overrides/M4LExtendedComponents/M4LDataGrid.d.ts

@@ -6,7 +6,6 @@ export declare const M4LDataGrid: (theme: Theme) => {
                 background: string;
                 boxShadow: string;
                 borderRadius: string;
-                padding: string;
                 display: string;
                 position: string;
                 flexDirection: string;
@@ -16,9 +15,11 @@ export declare const M4LDataGrid: (theme: Theme) => {
                 borderColor: string;
                 width: string;
                 '& .M4LDataGrid-actions': {
+                    [x: string]: any;
                     left: string;
                     right: string;
                     top: string;
+                    height: string;
                     padding: string;
                     display: string;
                     flexDirection: string;
@@ -77,6 +78,7 @@ export declare const M4LDataGrid: (theme: Theme) => {
                         '& .rdg-cell.rdg-cell-align-right'?: undefined;
                         '& .rdg-row .rdg-cell-frozen-last:after'?: undefined;
                         '& .rdg-row :last-child:after'?: undefined;
+                        '& .rdg-header-row'?: undefined;
                         '& .rdg-header-row .rdg-cell'?: undefined;
                         '& .rdg-header-row :last-child.rdg-cell'?: undefined;
                         '& .filter_cell_div'?: undefined;
@@ -96,7 +98,6 @@ export declare const M4LDataGrid: (theme: Theme) => {
                             height: string;
                             contentVisibility: string;
                             overflow: string;
-                            borderRadius: string;
                             padding: string;
                             borderColor: string;
                             '--rdg-grid-inline-size': string;
@@ -204,17 +205,20 @@ export declare const M4LDataGrid: (theme: Theme) => {
                             borderRight: string;
                             borderColor: string;
                         };
+                        '& .rdg-header-row': {
+                            backgroundColor: string;
+                        };
                         '& .rdg-header-row .rdg-cell': {
                             fontFamily: Record<string, any>;
                             fontWeight: Record<string, any>;
                             fontSize: Record<string, any>;
                             color: string;
                             borderRight: string;
-                            borderColor: string;
                             boxShadow: string;
                             gridTemplateColumns: string;
+                            borderBottom: string;
+                            borderColor: string;
                             '&.rdg-cell-frozen-last': {
-                                borderRight: string;
                                 borderColor: string;
                                 '&:after': {
                                     borderRight: string;
@@ -258,11 +262,9 @@ export declare const M4LDataGrid: (theme: Theme) => {
                     left: string;
                     right: string;
                     overflow: string;
-                    borderRadius: string;
                     border: string;
                     boxshadow: string;
                     background: string;
-                    padding: string;
                     '& .M4LDataGrid-wrapperDataGridCss': {
                         position: string;
                         height: string;
@@ -276,7 +278,6 @@ export declare const M4LDataGrid: (theme: Theme) => {
                             height: string;
                             contentVisibility: string;
                             overflow: string;
-                            borderRadius: string;
                             padding: string;
                             borderColor: string;
                             '--rdg-grid-inline-size': string;
@@ -384,17 +385,20 @@ export declare const M4LDataGrid: (theme: Theme) => {
                             borderRight: string;
                             borderColor: string;
                         };
+                        '& .rdg-header-row': {
+                            backgroundColor: string;
+                        };
                         '& .rdg-header-row .rdg-cell': {
                             fontFamily: Record<string, any>;
                             fontWeight: Record<string, any>;
                             fontSize: Record<string, any>;
                             color: string;
                             borderRight: string;
-                            borderColor: string;
                             boxShadow: string;
                             gridTemplateColumns: string;
+                            borderBottom: string;
+                            borderColor: string;
                             '&.rdg-cell-frozen-last': {
-                                borderRight: string;
                                 borderColor: string;
                                 '&:after': {
                                     borderRight: string;

package/theme/overrides/M4LExtendedComponents/M4LDynamicFilter.d.ts

@@ -4,17 +4,20 @@ export declare const M4LDynamicFilter: (theme: Theme) => {
         styleOverrides: {
             '&.M4LDynamicFilter-root': {
                 [x: string]: string | {
-                    gap: string;
+                    minHeight: string;
+                    height: string;
                     '& .M4LDynamicFilter-wrapperApplyedFilters'?: undefined;
-                    height?: undefined;
                     width?: undefined;
                     '& .M4LDynamicFilter-containerInputFilter'?: undefined;
                     borderColor?: undefined;
                     display?: undefined;
                     flexDirection?: undefined;
+                    gap?: undefined;
                     backgroundColor?: undefined;
                     padding?: undefined;
                     alignItems?: undefined;
+                    borderTopRightRadius?: undefined;
+                    borderBottomRightRadius?: undefined;
                     '& .M4LIconButton-root .M4LDynamicFilter-filterButton'?: undefined;
                     maxWidth?: undefined;
                     borderRadius?: undefined;
@@ -29,16 +32,19 @@ export declare const M4LDynamicFilter: (theme: Theme) => {
                         display: string;
                         '& .MuiBox-root'?: undefined;
                     };
-                    gap?: undefined;
+                    minHeight?: undefined;
                     height?: undefined;
                     width?: undefined;
                     '& .M4LDynamicFilter-containerInputFilter'?: undefined;
                     borderColor?: undefined;
                     display?: undefined;
                     flexDirection?: undefined;
+                    gap?: undefined;
                     backgroundColor?: undefined;
                     padding?: undefined;
                     alignItems?: undefined;
+                    borderTopRightRadius?: undefined;
+                    borderBottomRightRadius?: undefined;
                     '& .M4LIconButton-root .M4LDynamicFilter-filterButton'?: undefined;
                     maxWidth?: undefined;
                     borderRadius?: undefined;
@@ -62,16 +68,19 @@ export declare const M4LDynamicFilter: (theme: Theme) => {
                         };
                         display?: undefined;
                     };
-                    gap?: undefined;
+                    minHeight?: undefined;
                     height?: undefined;
                     width?: undefined;
                     '& .M4LDynamicFilter-containerInputFilter'?: undefined;
                     borderColor?: undefined;
                     display?: undefined;
                     flexDirection?: undefined;
+                    gap?: undefined;
                     backgroundColor?: undefined;
                     padding?: undefined;
                     alignItems?: undefined;
+                    borderTopRightRadius?: undefined;
+                    borderBottomRightRadius?: undefined;
                     '& .M4LIconButton-root .M4LDynamicFilter-filterButton'?: undefined;
                     maxWidth?: undefined;
                     borderRadius?: undefined;
@@ -83,16 +92,19 @@ export declare const M4LDynamicFilter: (theme: Theme) => {
                     borderRight?: undefined;
                 } | {
                     height: string;
-                    gap?: undefined;
+                    minHeight?: undefined;
                     '& .M4LDynamicFilter-wrapperApplyedFilters'?: undefined;
                     width?: undefined;
                     '& .M4LDynamicFilter-containerInputFilter'?: undefined;
                     borderColor?: undefined;
                     display?: undefined;
                     flexDirection?: undefined;
+                    gap?: undefined;
                     backgroundColor?: undefined;
                     padding?: undefined;
                     alignItems?: undefined;
+                    borderTopRightRadius?: undefined;
+                    borderBottomRightRadius?: undefined;
                     '& .M4LIconButton-root .M4LDynamicFilter-filterButton'?: undefined;
                     maxWidth?: undefined;
                     borderRadius?: undefined;
@@ -140,14 +152,17 @@ export declare const M4LDynamicFilter: (theme: Theme) => {
                         maxWidth: string;
                         borderRadius: string;
                     };
-                    gap?: undefined;
+                    minHeight?: undefined;
                     '& .M4LDynamicFilter-wrapperApplyedFilters'?: undefined;
                     borderColor?: undefined;
                     display?: undefined;
                     flexDirection?: undefined;
+                    gap?: undefined;
                     backgroundColor?: undefined;
                     padding?: undefined;
                     alignItems?: undefined;
+                    borderTopRightRadius?: undefined;
+                    borderBottomRightRadius?: undefined;
                     '& .M4LIconButton-root .M4LDynamicFilter-filterButton'?: undefined;
                     maxWidth?: undefined;
                     borderRadius?: undefined;
@@ -159,16 +174,19 @@ export declare const M4LDynamicFilter: (theme: Theme) => {
                     borderRight?: undefined;
                 } | {
                     borderColor: string;
-                    gap?: undefined;
-                    '& .M4LDynamicFilter-wrapperApplyedFilters'?: undefined;
+                    minHeight?: undefined;
                     height?: undefined;
+                    '& .M4LDynamicFilter-wrapperApplyedFilters'?: undefined;
                     width?: undefined;
                     '& .M4LDynamicFilter-containerInputFilter'?: undefined;
                     display?: undefined;
                     flexDirection?: undefined;
+                    gap?: undefined;
                     backgroundColor?: undefined;
                     padding?: undefined;
                     alignItems?: undefined;
+                    borderTopRightRadius?: undefined;
+                    borderBottomRightRadius?: undefined;
                     '& .M4LIconButton-root .M4LDynamicFilter-filterButton'?: undefined;
                     maxWidth?: undefined;
                     borderRadius?: undefined;
@@ -195,9 +213,12 @@ export declare const M4LDynamicFilter: (theme: Theme) => {
                     padding: string;
                     height: string;
                     alignItems: string;
+                    borderTopRightRadius: string;
+                    borderBottomRightRadius: string;
                     '& .M4LIconButton-root .M4LDynamicFilter-filterButton': {
                         background: string;
                     };
+                    minHeight?: undefined;
                     '& .M4LDynamicFilter-wrapperApplyedFilters'?: undefined;
                     width?: undefined;
                     '& .M4LDynamicFilter-containerInputFilter'?: undefined;
@@ -244,9 +265,12 @@ export declare const M4LDynamicFilter: (theme: Theme) => {
                         borderColor: string;
                         background: string;
                     };
+                    minHeight?: undefined;
                     '& .M4LDynamicFilter-wrapperApplyedFilters'?: undefined;
                     '& .M4LDynamicFilter-containerInputFilter'?: undefined;
                     borderColor?: undefined;
+                    borderTopRightRadius?: undefined;
+                    borderBottomRightRadius?: undefined;
                     '& .M4LIconButton-root .M4LDynamicFilter-filterButton'?: undefined;
                     borderLeft?: undefined;
                     margin?: undefined;
@@ -262,14 +286,17 @@ export declare const M4LDynamicFilter: (theme: Theme) => {
                     padding: string;
                     borderRight: string;
                     borderColor: string;
-                    gap?: undefined;
+                    minHeight?: undefined;
                     '& .M4LDynamicFilter-wrapperApplyedFilters'?: undefined;
                     width?: undefined;
                     '& .M4LDynamicFilter-containerInputFilter'?: undefined;
                     display?: undefined;
                     flexDirection?: undefined;
+                    gap?: undefined;
                     backgroundColor?: undefined;
                     alignItems?: undefined;
+                    borderTopRightRadius?: undefined;
+                    borderBottomRightRadius?: undefined;
                     '& .M4LIconButton-root .M4LDynamicFilter-filterButton'?: undefined;
                     maxWidth?: undefined;
                     borderRadius?: undefined;
@@ -283,6 +310,7 @@ export declare const M4LDynamicFilter: (theme: Theme) => {
                     padding: string;
                     gap: string;
                     height: string;
+                    minHeight?: undefined;
                     '& .M4LDynamicFilter-wrapperApplyedFilters'?: undefined;
                     width?: undefined;
                     '& .M4LDynamicFilter-containerInputFilter'?: undefined;
@@ -291,6 +319,8 @@ export declare const M4LDynamicFilter: (theme: Theme) => {
                     flexDirection?: undefined;
                     backgroundColor?: undefined;
                     alignItems?: undefined;
+                    borderTopRightRadius?: undefined;
+                    borderBottomRightRadius?: undefined;
                     '& .M4LIconButton-root .M4LDynamicFilter-filterButton'?: undefined;
                     maxWidth?: undefined;
                     borderRadius?: undefined;
@@ -316,13 +346,16 @@ export declare const M4LDynamicFilter: (theme: Theme) => {
                     background: string;
                     boxShadow: string;
                     color: string;
-                    gap?: undefined;
+                    minHeight?: undefined;
                     '& .M4LDynamicFilter-wrapperApplyedFilters'?: undefined;
                     width?: undefined;
                     '& .M4LDynamicFilter-containerInputFilter'?: undefined;
                     flexDirection?: undefined;
+                    gap?: undefined;
                     backgroundColor?: undefined;
                     padding?: undefined;
+                    borderTopRightRadius?: undefined;
+                    borderBottomRightRadius?: undefined;
                     '& .M4LIconButton-root .M4LDynamicFilter-filterButton'?: undefined;
                     maxWidth?: undefined;
                     '& > input'?: undefined;
@@ -334,10 +367,11 @@ export declare const M4LDynamicFilter: (theme: Theme) => {
                 };
                 borderRadius: string;
                 background: string;
-                boxShadow: string;
                 padding: string;
                 border: string;
                 borderColor: string;
+                minHeight: string;
+                height: string;
                 '&.M4LDynamicFilter-isEmpty.M4LDynamicFilter-isMobile': {
                     '& .M4LDynamicFilter-wrapperApplyedFilters': {
                         display: string;
@@ -419,6 +453,8 @@ export declare const M4LDynamicFilter: (theme: Theme) => {
                     padding: string;
                     height: string;
                     alignItems: string;
+                    borderTopRightRadius: string;
+                    borderBottomRightRadius: string;
                     '& .M4LIconButton-root .M4LDynamicFilter-filterButton': {
                         background: string;
                     };

package/theme/overrides/M4LExtendedComponents/M4LScrollBar.d.ts

@@ -8,6 +8,12 @@ export declare const M4LScrollBar: (theme: Theme) => {
                 height: string;
                 overflow: string;
                 minHeight: string;
+                '& .simplebar-content-wrapper[style*="overflow: hidden scroll;"] .simplebar-content': {
+                    marginRight: string;
+                };
+                '& .simplebar-content-wrapper[style*="overflow: scroll hidden;"] .simplebar-content': {
+                    marginBottom: string;
+                };
                 '& .ScrollbarsCustom-Content': {
                     position: string;
                 };

package/theme/overrides/M4LExtendedComponents/M4LTab.d.ts

@@ -11,12 +11,12 @@ export declare const M4LTab: (theme: Theme) => {
                     "& .M4LIcon-root": {
                         marginBottom: string;
                     };
+                    height: string;
                     borderRadius: string;
                     display: string;
                     flexDirection: string;
                     alignItems: string;
                     padding: string;
-                    height: string;
                     width: string;
                     minHeight: string;
                     minWidth: string;

package/theme/overrides/M4LExtendedComponents/M4LTabs.d.ts

@@ -7,6 +7,12 @@ export declare const M4LTabs: (_theme: Theme) => {
                 height: string;
                 position: string;
                 minHeight: string;
+                '& .MuiTabs-scroller': {
+                    '& .MuiTabs-flexContainer': {
+                        padding: string;
+                        backgroundColor: string;
+                    };
+                };
                 '&:not(:last-of-type)': {
                     margin: string;
                 };

package/theme/overrides/M4LExtendedComponents/{index.ebc4ec7a.js → index.8ed38278.js}

@@ -6,12 +6,14 @@ const i = (o) => ({
       "&.M4LDynamicFilter-root": {
         borderRadius: "4px",
         background: o.palette.background.default,
-        boxShadow: o.customShadows.z1,
         padding: "0px",
         border: "1px solid",
         borderColor: "transparent",
+        minHeight: "36px",
+        height: "36px",
         [o.breakpoints.down("sm")]: {
-          gap: "4px"
+          minHeight: "auto",
+          height: "auto"
         },
         "&.M4LDynamicFilter-isEmpty.M4LDynamicFilter-isMobile": {
           "& .M4LDynamicFilter-wrapperApplyedFilters": {
@@ -36,7 +38,7 @@ const i = (o) => ({
           height: "32px",
           width: "100%",
           [o.breakpoints.down("sm")]: {
-            height: "fit-content",
+            height: "44px",
             background: o.palette.background.neutral,
             display: "flex",
             flexDirection: "row",
@@ -65,6 +67,8 @@ const i = (o) => ({
           padding: "4px",
           height: "100%",
           alignItems: "center",
+          borderTopRightRadius: "4px",
+          borderBottomRightRadius: "4px",
           [o.breakpoints.down("sm")]: {
             gap: "8px",
             padding: "8px"
@@ -124,7 +128,7 @@ const i = (o) => ({
         "& .M4LDynamicFilter-containerApplyedFilters": {
           padding: "2px",
           gap: "4px",
-          height: "fit-content",
+          height: "100%",
           [o.breakpoints.down("sm")]: {
             padding: "0px"
           }
@@ -2318,7 +2322,7 @@ const i = (o) => ({
               }
             },
             "& .M4LAreasViewer-windowContent": {
-              padding: "8px",
+              padding: "4px",
               background: o.palette.background.background,
               display: "flex",
               flexDirection: "column",
@@ -2326,7 +2330,10 @@ const i = (o) => ({
               justifyContent: "center",
               width: "100%",
               flex: "1",
-              overflow: "hidden"
+              overflow: "hidden",
+              [o.breakpoints.down("sm")]: {
+                padding: "4px 0 0 0"
+              }
             },
             "&.M4LAreasViewer-selectedWindow": {
               border: "1px solid",
@@ -2369,6 +2376,9 @@ const i = (o) => ({
             }
           },
           "&.M4LGridLayout-root .M4LGridLayout-maximizeMe ": {
+            "& .M4LAreasViewer-windowContent": {
+              padding: "4px 0 0 0"
+            },
             "& .M4LAreasViewer-selectedWindow": {
               border: "1px solid",
               borderColor: o.palette.state.active12,
@@ -2586,7 +2596,7 @@ const i = (o) => ({
         "& .M4LAreasViewer-windowContent": {
           borderRadius: "4px",
           boxShadow: o.customShadows.z4,
-          background: o.palette.background.neutral
+          background: o.palette.background.background
         },
         "& .M4LAreasViewer-areasLoadingErrorRoot": {
           display: "flex",
@@ -2682,7 +2692,7 @@ const i = (o) => ({
           },
           "& .M4LAreasViewer-windowContent": {
             margin: "0 8px 8px 8px",
-            background: o.palette.background.background,
+            background: o.palette.background.neutral,
             borderRadius: "4px",
             display: "flex",
             flexDirection: "column",
@@ -3097,7 +3107,7 @@ const i = (o) => ({
           position: "relative",
           "& .layout-splitter:after": {
             content: '""',
-            height: "2px",
+            height: "1px",
             left: "0",
             right: "0",
             position: "absolute",
@@ -3107,7 +3117,7 @@ const i = (o) => ({
         "& .splitter-layout:not(.splitter-layout-vertical)": {
           "& .layout-splitter:after": {
             content: '""',
-            width: "2px",
+            width: "1px",
             top: "0",
             bottom: "0",
             position: "absolute",
@@ -3189,7 +3199,7 @@ const i = (o) => ({
       }
     }
   }
-}), R = (o) => ({
+}), m = (o) => ({
   M4LPropertyValue: {
     styleOverrides: {
       "&.M4LPropertyValue-root": {
@@ -3197,19 +3207,19 @@ const i = (o) => ({
       }
     }
   }
-}), m = (o) => ({
+}), R = (o) => ({
   M4LTab: {
     styleOverrides: {
       "&.M4LTab-root": {
         width: "fit-content",
         borderRadius: "4px",
         "& .MuiButtonBase-root": {
+          height: "36px",
           borderRadius: "4px",
           display: "flex",
           flexDirection: "row",
           alignItems: "center",
-          padding: "4px 12px 4px 8px",
-          height: "fit-content",
+          padding: "4px 12px 4px 12px",
           width: "fit-content",
           minHeight: "fit-content",
           minWidth: "fit-content",
@@ -3229,7 +3239,7 @@ const i = (o) => ({
           }
         },
         "& .Mui-selected": {
-          background: o.palette.state.active12,
+          background: o.palette.background.default,
           border: "1px solid",
           borderColor: o.palette.state.active12,
           ...o.typography.bodyDens,
@@ -3271,7 +3281,7 @@ const i = (o) => ({
       "& .MuiButtonBase-root": {
         padding: "4px 8px 4px 8px",
         "&.MuiAccordionSummary-root.Mui-expanded": {
-          background: o.palette.state.active12,
+          background: o.palette.state.toneOp,
           "& .M4LTypography-root": {
             "& .MuiTypography-root": {
               ...o.typography.bodyDens,
@@ -3293,10 +3303,11 @@ const i = (o) => ({
         borderTop: "1px solid",
         borderColor: o.palette.state.default,
         borderRadius: "0px 0px 4px 4px",
-        padding: "8px",
-        "& .MuiCollapse-wrapper": {
-          padding: "8px",
-          borderRadius: "4px"
+        padding: "0 8px",
+        "& .M4LAccordion-content": {
+          "& .M4LPropertyValue-root:last-of-type": {
+            borderBottom: "unset"
+          }
         }
       }
     }
@@ -3495,7 +3506,7 @@ const i = (o) => ({
             flexDirection: "column",
             width: "100%",
             height: "100%",
-            padding: "12px"
+            padding: "6px"
           },
           "& .M4LModal-containerWindow": {
             display: "flex",
@@ -3506,7 +3517,7 @@ const i = (o) => ({
             overflow: "hidden",
             width: "100%",
             gap: "24px",
-            background: o.palette.background.default,
+            background: o.palette.background.background,
             boxShadow: o.customShadows.z3,
             borderRadius: "4px",
             "& .M4LCommonActions-root": {
@@ -3694,7 +3705,6 @@ const i = (o) => ({
         background: o.palette.background.default,
         boxShadow: o.customShadows.z2,
         borderRadius: "4px",
-        padding: "4px",
         display: "flex",
         position: "relative",
         flexDirection: "column",
@@ -3708,7 +3718,8 @@ const i = (o) => ({
           left: "0px",
           right: "0px",
           top: "0px",
-          padding: "8px",
+          height: "36px",
+          padding: "0px 4px 0 8px",
           display: "flex",
           flexDirection: "row",
           borderRadius: "4px",
@@ -3717,6 +3728,9 @@ const i = (o) => ({
           background: o.palette.background.default,
           position: "absolute",
           gap: "8px",
+          [o.breakpoints.down("sm")]: {
+            height: "44px"
+          },
           "& .M4LDataGrid-actionsConfigContainer": {
             display: "flex",
             flexDirection: "row",
@@ -3751,18 +3765,16 @@ const i = (o) => ({
           display: "flex",
           flexDirection: "column",
           position: "absolute",
-          top: "40px",
+          top: "36px",
           bottom: "0px",
           left: "0px",
           right: "0px",
           overflow: "hidden",
-          borderRadius: "4px",
           border: "none",
           boxshadow: o.customShadows.z2,
           background: o.palette.background.default,
-          padding: "4px",
           [o.breakpoints.down("sm")]: {
-            top: "54px"
+            top: "44px"
           },
           "& .M4LDataGrid-wrapperDataGridCss": {
             position: "relative",
@@ -3777,7 +3789,6 @@ const i = (o) => ({
               height: "100%",
               contentVisibility: "unset",
               overflow: "auto",
-              borderRadius: "4px",
               padding: "0px",
               borderColor: "none",
               "--rdg-grid-inline-size": "0px",
@@ -3888,17 +3899,20 @@ const i = (o) => ({
               borderRight: "0px solid",
               borderColor: o.palette.background.neutral
             },
+            "& .rdg-header-row": {
+              backgroundColor: o.palette.background.neutral
+            },
             "& .rdg-header-row .rdg-cell": {
               fontFamily: o.typography.subtitle,
               fontWeight: o.typography.subtitle,
               fontSize: o.typography.subtitle,
               color: o.palette.text.primary,
-              borderRight: "0.52px solid",
-              borderColor: o.palette.background.default,
+              borderRight: "1px solid",
               boxShadow: "none",
               gridTemplateColumns: "auto",
+              borderBottom: "1px solid !important",
+              borderColor: `${o.palette.background.background}!important`,
               "&.rdg-cell-frozen-last": {
-                borderRight: "0px solid",
                 borderColor: o.palette.background.default,
                 "&:after": {
                   borderRight: "1.5px solid",
@@ -3912,7 +3926,7 @@ const i = (o) => ({
               }
             },
             "& .rdg-header-row :last-child.rdg-cell": {
-              borderTopRightRadius: "4px",
+              borderTopRightRadius: "0",
               "&:after": {
                 borderRight: "0px solid transparent"
               }
@@ -3952,7 +3966,7 @@ const i = (o) => ({
       }
     }
   }
-}), W = (o) => ({
+}), H = (o) => ({
   M4LPager: {
     styleOverrides: {
       "&.M4LPager-root": {
@@ -4042,7 +4056,7 @@ const i = (o) => ({
       }
     }
   }
-}), H = (o) => ({
+}), W = (o) => ({
   M4LCheckBox: {
     styleOverrides: {
       "&.M4LCheckBox-root": {
@@ -4117,6 +4131,12 @@ const i = (o) => ({
         height: "auto",
         position: "relative",
         minHeight: "36px",
+        "& .MuiTabs-scroller": {
+          "& .MuiTabs-flexContainer": {
+            padding: "0px",
+            backgroundColor: "transparent"
+          }
+        },
         "&:not(:last-of-type)": {
           margin: "unset"
         }
@@ -4152,6 +4172,12 @@ const i = (o) => ({
         height: "100%",
         overflow: "hidden",
         minHeight: "inherit",
+        '& .simplebar-content-wrapper[style*="overflow: hidden scroll;"] .simplebar-content': {
+          marginRight: "12px"
+        },
+        '& .simplebar-content-wrapper[style*="overflow: scroll hidden;"] .simplebar-content': {
+          marginBottom: "12px"
+        },
         "& .ScrollbarsCustom-Content": {
           position: "relative"
         },
@@ -4177,14 +4203,14 @@ const i = (o) => ({
   }
 });
 export {
-  m as A,
+  R as A,
   A as B,
   T as C,
   P as D,
   z as E,
   F,
-  W as G,
-  H,
+  H as G,
+  W as H,
   j as I,
   G as J,
   E as K,
@@ -4216,5 +4242,5 @@ export {
   I as w,
   B as x,
   S as y,
-  R as z
+  m as z
 };

package/theme/overrides/{index.ede1f7a6.js → index.0d1a7a95.js}

@@ -1,5 +1,5 @@
 import { F as s, T as o, C as r, M as L, L as M, I as n, a as i, R as p, B as d, b as l, c, P as u, S as g, d as B, e as A, D as F, A as P, f as b, g as T, h as y, i as I, j as v, k as C, l as D, m as R, n as S, o as k, p as H, q as f, r as x, s as w, t as G, u as j, v as E, w as N, x as q, y as z, z as O, E as V, G as J } from "./MUIComponents/index.c5a85efa.js";
-import { M as K, a as U, b as t, c as Q, d as W, e as X, f as Y, g as Z, h as _, i as $, j as m, k as e, l as h, m as aa, n as sa, o as oa, p as ra, q as La, r as Ma, s as na, t as ia, u as pa, v as da, w as la, x as ca, y as ua, z as ga, A as Ba, B as Aa, C as Fa, D as Pa, E as ba, F as Ta, G as ya, H as Ia, I as va, J as Ca, K as Da, L as Ra, N as Sa } from "./M4LExtendedComponents/index.ebc4ec7a.js";
+import { M as K, a as U, b as t, c as Q, d as W, e as X, f as Y, g as Z, h as _, i as $, j as m, k as e, l as h, m as aa, n as sa, o as oa, p as ra, q as La, r as Ma, s as na, t as ia, u as pa, v as da, w as la, x as ca, y as ua, z as ga, A as Ba, B as Aa, C as Fa, D as Pa, E as ba, F as Ta, G as ya, H as Ia, I as va, J as Ca, K as Da, L as Ra, N as Sa } from "./M4LExtendedComponents/index.8ed38278.js";
 import { M as ka, a as Ha, b as fa, c as xa, d as wa, e as Ga, f as ja, g as Ea } from "./M4LRHFComponents/index.3df47466.js";
 function Oa(a) {
   return Object.assign(