@m4l/styles 0.0.26 → 0.0.28

package/theme/overrides/M4LExtendedComponents/{index.ebc4ec7a.js → index.e4d90ec0.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"
           }
@@ -2144,7 +2148,7 @@ const i = (o) => ({
           },
           "& .M4LAreasViewer-windowRoot": {
             background: o.palette.background.background,
-            border: "1px solid",
+            border: "2px solid",
             borderColor: o.palette.state.overdefoult,
             boxShadow: o.customShadows.z2,
             borderRadius: "4px",
@@ -2185,7 +2189,15 @@ const i = (o) => ({
                 "& .M4LAreasViewer-windowHeaderTitle": {
                   display: "flex",
                   alignItems: "center",
-                  overflow: "visible"
+                  overflow: "auto",
+                  width: "100%",
+                  padding: "0 12px",
+                  "& .MuiTypography-root": {
+                    whiteSpace: "nowrap",
+                    overflow: "hidden",
+                    textOverflow: "ellipsis",
+                    width: "100%"
+                  }
                 }
               },
               "& .M4LTypography-root .MuiTypography-root": {
@@ -2318,7 +2330,7 @@ const i = (o) => ({
               }
             },
             "& .M4LAreasViewer-windowContent": {
-              padding: "8px",
+              padding: "4px",
               background: o.palette.background.background,
               display: "flex",
               flexDirection: "column",
@@ -2329,7 +2341,7 @@ const i = (o) => ({
               overflow: "hidden"
             },
             "&.M4LAreasViewer-selectedWindow": {
-              border: "1px solid",
+              border: "2px solid",
               borderColor: o.palette.state.active,
               boxShadow: o.customShadows.primary,
               backdropFilter: "blur(100px)",
@@ -2347,8 +2359,7 @@ const i = (o) => ({
                 cursor: "move",
                 height: "36px",
                 "& .M4LTypography-root .MuiTypography-root": {
-                  ...o.typography.paragraphDens,
-                  overflow: "visible"
+                  ...o.typography.paragraphDens
                 },
                 "& .MuiButtonBase-root": {
                   "& .M4LIcon-icon": {
@@ -2368,16 +2379,17 @@ const i = (o) => ({
               }
             }
           },
-          "&.M4LGridLayout-root .M4LGridLayout-maximizeMe ": {
+          "&.M4LGridLayout-root .M4LGridLayout-maximizeMe": {
+            "& .M4LAreasViewer-windowContent": {
+              padding: "4px 0 0 0"
+            },
             "& .M4LAreasViewer-selectedWindow": {
-              border: "1px solid",
               borderColor: o.palette.state.active12,
               boxShadow: o.customShadows.z2
             }
           },
           "&. M4LGridLayout-colapsed ": {
             "& .M4LAreasViewer-windowRoot": {
-              border: "1px solid",
               borderColor: o.palette.state.overdefoult,
               boxShadow: o.customShadows.z1
             }
@@ -2433,7 +2445,6 @@ const i = (o) => ({
               padding: "4px",
               background: o.palette.background.neutral,
               borderRadius: "4px",
-              border: "1px solid",
               borderColor: o.palette.state.overdefoult,
               "&:not(.M4LAreasViewer-loading)": {
                 "& .M4LinearProgressIndeterminate-root": {
@@ -2444,7 +2455,6 @@ const i = (o) => ({
                 backgroundColor: "transparent"
               },
               "&.M4LAreasViewer-selectedWindow": {
-                border: "1px solid",
                 borderColor: o.palette.state.active12,
                 background: o.palette.state.active12,
                 boxShadow: o.customShadows.z3,
@@ -2470,7 +2480,7 @@ const i = (o) => ({
               }
             },
             "&.M4LAreasViewer-selectedWindow": {
-              border: "1px solid",
+              border: "2px solid",
               borderColor: o.palette.state.active,
               background: o.palette.state.active12,
               boxShadow: o.customShadows.z3,
@@ -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,15 +3303,16 @@ 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"
+          }
         }
       }
     }
   }
-}), D = (o) => ({
+}), T = (o) => ({
   M4LRHFormProvider: {
     styleOverrides: {
       "&.M4LRHFormProvider-root": {
@@ -3312,7 +3323,7 @@ const i = (o) => ({
       }
     }
   }
-}), T = (o) => ({
+}), D = (o) => ({
   M4LPeriod: {
     styleOverrides: {
       "&.M4LPeriod-root": {
@@ -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": {
@@ -3601,7 +3612,6 @@ const i = (o) => ({
   M4LPaperForm: {
     styleOverrides: {
       "&.M4LPaperForm-root": {
-        margin: "0px 0px 8px 0px",
         padding: "0",
         borderRadius: "4px",
         boxShadow: o.customShadows.z2,
@@ -3612,14 +3622,18 @@ const i = (o) => ({
         height: "auto",
         "& .M4LPaperForm-headerContainer": {
           width: "100%",
-          height: "fit-content",
-          minHeight: "28px",
+          height: "36px",
+          minHeight: "36px",
           padding: "4px 8px",
           margin: "0px",
           borderRadius: "4px",
           background: o.palette.state.default,
           boxShadow: o.customShadows.z1,
           borderBottom: "none",
+          [o.breakpoints.down("sm")]: {
+            height: "44px",
+            minHeight: "44px"
+          },
           "& .M4LPaperForm-iconTitleContainer": {
             ...o.typography.bodyDens,
             color: o.palette.text.primary,
@@ -3633,7 +3647,7 @@ const i = (o) => ({
         "& .M4LPaperForm-content": {
           height: "fit-content",
           width: "100%",
-          padding: "12px 8px 8px 8px"
+          padding: "8px 0"
         }
       }
     }
@@ -3663,7 +3677,7 @@ const i = (o) => ({
       }
     }
   }
-}), V = (o) => ({
+}), O = (o) => ({
   M4LBadge: {
     styleOverrides: {
       "&.M4LBadge-root": {
@@ -3687,14 +3701,13 @@ const i = (o) => ({
       }
     }
   }
-}), O = (o) => ({
+}), V = (o) => ({
   M4LDataGrid: {
     styleOverrides: {
       "&.M4LDataGrid-root": {
         background: o.palette.background.default,
         boxShadow: o.customShadows.z2,
         borderRadius: "4px",
-        padding: "4px",
         display: "flex",
         position: "relative",
         flexDirection: "column",
@@ -3708,7 +3721,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 +3731,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 +3768,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 +3792,6 @@ const i = (o) => ({
               height: "100%",
               contentVisibility: "unset",
               overflow: "auto",
-              borderRadius: "4px",
               padding: "0px",
               borderColor: "none",
               "--rdg-grid-inline-size": "0px",
@@ -3888,17 +3902,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 +3929,7 @@ const i = (o) => ({
               }
             },
             "& .rdg-header-row :last-child.rdg-cell": {
-              borderTopRightRadius: "4px",
+              borderTopRightRadius: "0",
               "&:after": {
                 borderRight: "0px solid transparent"
               }
@@ -3952,7 +3969,7 @@ const i = (o) => ({
       }
     }
   }
-}), W = (o) => ({
+}), H = (o) => ({
   M4LPager: {
     styleOverrides: {
       "&.M4LPager-root": {
@@ -4042,7 +4059,7 @@ const i = (o) => ({
       }
     }
   }
-}), H = (o) => ({
+}), W = (o) => ({
   M4LCheckBox: {
     styleOverrides: {
       "&.M4LCheckBox-root": {
@@ -4117,6 +4134,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 +4175,12 @@ const i = (o) => ({
         height: "100%",
         overflow: "hidden",
         minHeight: "inherit",
+        '& .simplebar-content-wrapper[style*="overflow: hidden scroll;"] .simplebar-content': {
+          marginRight: "14px"
+        },
+        '& .simplebar-content-wrapper[style*="overflow: scroll hidden;"] .simplebar-content': {
+          marginBottom: "14px"
+        },
         "& .ScrollbarsCustom-Content": {
           position: "relative"
         },
@@ -4175,33 +4204,88 @@ const i = (o) => ({
       }
     }
   }
+}), N = (o) => ({
+  M4LToolkitPage: {
+    styleOverrides: {
+      "&.M4LToolkitPage-root": {
+        display: "flex",
+        flexDirection: "column",
+        overflow: "auto",
+        border: "1px solid",
+        width: "2550px",
+        height: "3300px",
+        padding: "300px"
+      }
+    }
+  }
+}), U = (o) => ({
+  M4LToolkitSection: {
+    styleOverrides: {
+      "&.M4LToolkitSection-root": {
+        width: "100%",
+        height: "auto",
+        display: "flex",
+        border: "1px solid transparent",
+        padding: "10px",
+        gap: "10px",
+        "&.M4LToolkitSection-directionColumn": {
+          flexDirection: "column"
+        },
+        "&.M4LToolkitSection-directionRow": {
+          flexDirection: "row"
+        },
+        "&.M4LToolkitSection-borderBottom": {
+          borderBottomColor: o.palette.state.overdefoult
+        }
+      }
+    }
+  }
+}), X = (o) => ({
+  M4LToolkitDivider: {
+    styleOverrides: {
+      "&.M4LToolkitDivider-root": {
+        backgroundColor: o.palette.state.overdefoult,
+        "&.M4LToolkitDivider-directionHorizontal": {
+          width: "100%",
+          height: "1px"
+        },
+        "&.M4LToolkitDivider-directionVertical": {
+          width: "1px",
+          height: "100%"
+        }
+      }
+    }
+  }
 });
 export {
-  m as A,
+  R as A,
   A as B,
-  T as C,
+  D 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,
   $ as L,
   b as M,
   _ as N,
+  N as O,
+  U as P,
+  X as Q,
   i as a,
-  D as b,
+  T as b,
   n as c,
   p as d,
   d as e,
   l as f,
   M as g,
   s as h,
-  V as i,
+  O as i,
   c as j,
-  O as k,
+  V as k,
   u as l,
   g as m,
   x as n,
@@ -4216,5 +4300,5 @@ export {
   I as w,
   B as x,
   S as y,
-  R as z
+  m as z
 };

package/theme/overrides/M4LRHFComponents/M4LRHFTextField.d.ts

@@ -7,6 +7,23 @@ export declare const M4LRHFTextField: (theme: Theme) => {
                 flexDirection: string;
                 width: string;
                 gap: string;
+                '&.M4LRHFTextField-variantText': {
+                    height: string;
+                    '& .MuiFormControl-root': {
+                        height: string;
+                        '& .MuiInputBase-multiline': {
+                            minHeight: string;
+                            height: string;
+                            '& .MuiInputBase-input': {
+                                padding: string;
+                            };
+                            '& .MuiOutlinedInput-notchedOutline': {
+                                height: string;
+                                padding: string;
+                            };
+                        };
+                    };
+                };
                 '& .M4LRHFTextField-label': {
                     color: string;
                     transition: string;
@@ -118,24 +135,13 @@ export declare const M4LRHFTextField: (theme: Theme) => {
                         height: string;
                         padding: string;
                     };
-                    "& .MuiInputBase-multiline": {
-                        minHeight: string;
-                        height: string;
-                        "& .MuiInputBase-input": {
-                            padding: string;
-                        };
-                        "& .MuiOutlinedInput-notchedOutline": {
-                            height: string;
-                            padding: string;
-                        };
-                    };
                 };
                 '&.M4LRHFTextField-sizeMedium': {
                     '& .MuiInputBase-input, & .MuiOutlinedInput-notchedOutline, & .M4LRHFTextField-skeleton': {
                         height: string;
                         padding: string;
                     };
-                    "& .MuiInputBase-multiline": {
+                    '& .MuiInputBase-multiline': {
                         minHeight: string;
                         height: string;
                     };

package/theme/overrides/M4LRHFComponents/{index.3df47466.js → index.d3125fd8.js}

@@ -16,6 +16,23 @@ const n = (t) => ({
         flexDirection: "column",
         width: "100%",
         gap: "4px",
+        "&.M4LRHFTextField-variantText": {
+          height: "auto",
+          "& .MuiFormControl-root": {
+            height: "auto",
+            "& .MuiInputBase-multiline": {
+              minHeight: "auto",
+              height: "auto",
+              "& .MuiInputBase-input": {
+                padding: "4px"
+              },
+              "& .MuiOutlinedInput-notchedOutline": {
+                height: "100%",
+                padding: "4px"
+              }
+            }
+          }
+        },
         "& .M4LRHFTextField-label": {
           color: t.palette.text.secondary,
           transition: "all .5s ease"
@@ -127,17 +144,6 @@ const n = (t) => ({
           "& .MuiInputBase-input, & .MuiOutlinedInput-notchedOutline, & .M4LRHFTextField-skeleton": {
             height: "28px",
             padding: "0px 8px"
-          },
-          "& .MuiInputBase-multiline": {
-            minHeight: "28px",
-            height: "100%",
-            "& .MuiInputBase-input": {
-              padding: "4px"
-            },
-            "& .MuiOutlinedInput-notchedOutline": {
-              height: "100%",
-              padding: "4px"
-            }
           }
         },
         "&.M4LRHFTextField-sizeMedium": {