@m4l/styles 0.0.27 → 0.0.28

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.0d1a7a95.js";
+import { f as O } from "./theme/overrides/index.ab4ad05c.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,8 +13,8 @@ import "@mui/material/useMediaQuery";
 import "@mui/system";
 import "@mui/material";
 import "./theme/overrides/MUIComponents/index.c5a85efa.js";
-import "./theme/overrides/M4LExtendedComponents/index.8ed38278.js";
-import "./theme/overrides/M4LRHFComponents/index.3df47466.js";
+import "./theme/overrides/M4LExtendedComponents/index.e4d90ec0.js";
+import "./theme/overrides/M4LRHFComponents/index.d3125fd8.js";
 export {
   u as PATRONUSCOLORS,
   h as blaze,

package/package.json

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

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

@@ -57,6 +57,14 @@ export declare const M4LAreasViewer: (theme: Theme) => {
                                     display: string;
                                     alignItems: string;
                                     overflow: string;
+                                    width: string;
+                                    padding: string;
+                                    '& .MuiTypography-root': {
+                                        whiteSpace: string;
+                                        overflow: string;
+                                        textOverflow: string;
+                                        width: string;
+                                    };
                                 };
                             };
                             "& .M4LTypography-root .MuiTypography-root": {
@@ -187,9 +195,6 @@ export declare const M4LAreasViewer: (theme: Theme) => {
                             };
                         };
                         "& .M4LAreasViewer-windowContent": {
-                            [x: string]: string | {
-                                padding: string;
-                            };
                             padding: string;
                             background: string;
                             display: string;
@@ -219,7 +224,7 @@ export declare const M4LAreasViewer: (theme: Theme) => {
                                 cursor: string;
                                 height: string;
                                 "& .M4LTypography-root .MuiTypography-root": {
-                                    overflow: string;
+                                    [x: string]: any;
                                 };
                                 "& .MuiButtonBase-root": {
                                     "& .M4LIcon-icon": {
@@ -239,19 +244,17 @@ export declare const M4LAreasViewer: (theme: Theme) => {
                             };
                         };
                     };
-                    "&.M4LGridLayout-root .M4LGridLayout-maximizeMe ": {
+                    "&.M4LGridLayout-root .M4LGridLayout-maximizeMe": {
                         '& .M4LAreasViewer-windowContent': {
                             padding: string;
                         };
                         "& .M4LAreasViewer-selectedWindow": {
-                            border: string;
                             borderColor: string;
                             boxShadow: string;
                         };
                     };
                     "&. M4LGridLayout-colapsed ": {
                         "& .M4LAreasViewer-windowRoot": {
-                            border: string;
                             borderColor: string;
                             boxShadow: string;
                         };
@@ -306,7 +309,6 @@ export declare const M4LAreasViewer: (theme: Theme) => {
                             padding: string;
                             background: string;
                             borderRadius: string;
-                            border: string;
                             borderColor: string;
                             '&:not(.M4LAreasViewer-loading)': {
                                 '& .M4LinearProgressIndeterminate-root': {
@@ -317,7 +319,6 @@ export declare const M4LAreasViewer: (theme: Theme) => {
                                 backgroundColor: string;
                             };
                             "&.M4LAreasViewer-selectedWindow": {
-                                border: string;
                                 borderColor: string;
                                 background: string;
                                 boxShadow: string;

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

@@ -3,7 +3,6 @@ export declare const M4LPaperForm: (theme: Theme) => {
     M4LPaperForm: {
         styleOverrides: {
             '&.M4LPaperForm-root': {
-                margin: string;
                 padding: string;
                 borderRadius: string;
                 boxShadow: string;
@@ -13,6 +12,19 @@ export declare const M4LPaperForm: (theme: Theme) => {
                 width: string;
                 height: string;
                 "& .M4LPaperForm-headerContainer": {
+                    [x: string]: string | {
+                        height: string;
+                        minHeight: string;
+                    } | {
+                        color: string;
+                        display: string;
+                        gap: string;
+                        "& .M4LPaperForm-iconHeaderContainer": {
+                            margin: string;
+                        };
+                        height?: undefined;
+                        minHeight?: undefined;
+                    };
                     width: string;
                     height: string;
                     minHeight: string;

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

@@ -0,0 +1,18 @@
+import { Theme } from '@mui/material/styles';
+export declare const M4LToolkitDivider: (theme: Theme) => {
+    M4LToolkitDivider: {
+        styleOverrides: {
+            '&.M4LToolkitDivider-root': {
+                backgroundColor: string;
+                '&.M4LToolkitDivider-directionHorizontal': {
+                    width: string;
+                    height: string;
+                };
+                '&.M4LToolkitDivider-directionVertical': {
+                    width: string;
+                    height: string;
+                };
+            };
+        };
+    };
+};

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

@@ -0,0 +1,16 @@
+import { Theme } from '@mui/material/styles';
+export declare const M4LToolkitPage: (_theme: Theme) => {
+    M4LToolkitPage: {
+        styleOverrides: {
+            '&.M4LToolkitPage-root': {
+                display: string;
+                flexDirection: string;
+                overflow: string;
+                border: string;
+                width: string;
+                height: string;
+                padding: string;
+            };
+        };
+    };
+};

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

@@ -0,0 +1,24 @@
+import { Theme } from '@mui/material/styles';
+export declare const M4LToolkitSection: (theme: Theme) => {
+    M4LToolkitSection: {
+        styleOverrides: {
+            '&.M4LToolkitSection-root': {
+                width: string;
+                height: string;
+                display: string;
+                border: string;
+                padding: string;
+                gap: string;
+                '&.M4LToolkitSection-directionColumn': {
+                    flexDirection: string;
+                };
+                '&.M4LToolkitSection-directionRow': {
+                    flexDirection: string;
+                };
+                '&.M4LToolkitSection-borderBottom': {
+                    borderBottomColor: string;
+                };
+            };
+        };
+    };
+};

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

@@ -2148,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",
@@ -2189,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": {
@@ -2330,13 +2338,10 @@ const i = (o) => ({
               justifyContent: "center",
               width: "100%",
               flex: "1",
-              overflow: "hidden",
-              [o.breakpoints.down("sm")]: {
-                padding: "4px 0 0 0"
-              }
+              overflow: "hidden"
             },
             "&.M4LAreasViewer-selectedWindow": {
-              border: "1px solid",
+              border: "2px solid",
               borderColor: o.palette.state.active,
               boxShadow: o.customShadows.primary,
               backdropFilter: "blur(100px)",
@@ -2354,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": {
@@ -2375,19 +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
             }
@@ -2443,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": {
@@ -2454,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,
@@ -2480,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,
@@ -3312,7 +3312,7 @@ const i = (o) => ({
       }
     }
   }
-}), D = (o) => ({
+}), T = (o) => ({
   M4LRHFormProvider: {
     styleOverrides: {
       "&.M4LRHFormProvider-root": {
@@ -3323,7 +3323,7 @@ const i = (o) => ({
       }
     }
   }
-}), T = (o) => ({
+}), D = (o) => ({
   M4LPeriod: {
     styleOverrides: {
       "&.M4LPeriod-root": {
@@ -3612,7 +3612,6 @@ const i = (o) => ({
   M4LPaperForm: {
     styleOverrides: {
       "&.M4LPaperForm-root": {
-        margin: "0px 0px 8px 0px",
         padding: "0",
         borderRadius: "4px",
         boxShadow: o.customShadows.z2,
@@ -3623,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,
@@ -3644,7 +3647,7 @@ const i = (o) => ({
         "& .M4LPaperForm-content": {
           height: "fit-content",
           width: "100%",
-          padding: "12px 8px 8px 8px"
+          padding: "8px 0"
         }
       }
     }
@@ -3674,7 +3677,7 @@ const i = (o) => ({
       }
     }
   }
-}), V = (o) => ({
+}), O = (o) => ({
   M4LBadge: {
     styleOverrides: {
       "&.M4LBadge-root": {
@@ -3698,7 +3701,7 @@ const i = (o) => ({
       }
     }
   }
-}), O = (o) => ({
+}), V = (o) => ({
   M4LDataGrid: {
     styleOverrides: {
       "&.M4LDataGrid-root": {
@@ -4173,10 +4176,10 @@ const i = (o) => ({
         overflow: "hidden",
         minHeight: "inherit",
         '& .simplebar-content-wrapper[style*="overflow: hidden scroll;"] .simplebar-content': {
-          marginRight: "12px"
+          marginRight: "14px"
         },
         '& .simplebar-content-wrapper[style*="overflow: scroll hidden;"] .simplebar-content': {
-          marginBottom: "12px"
+          marginBottom: "14px"
         },
         "& .ScrollbarsCustom-Content": {
           position: "relative"
@@ -4201,11 +4204,63 @@ 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 {
   R as A,
   A as B,
-  T as C,
+  D as C,
   P as D,
   z as E,
   F,
@@ -4217,17 +4272,20 @@ export {
   $ 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,

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": {

package/theme/overrides/index.ab4ad05c.js

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

package/theme/overrides/index.0d1a7a95.js

@@ -1,98 +0,0 @@
-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.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(
-    s(a),
-    o(a),
-    r(a),
-    L(a),
-    M(a),
-    n(a),
-    i(),
-    p(a),
-    d(),
-    l(a),
-    c(a),
-    u(a),
-    g(a),
-    B(a),
-    A(a),
-    F(a),
-    P(a),
-    b(a),
-    T(a),
-    y(a),
-    I(a),
-    v(),
-    C(),
-    D(a),
-    R(a),
-    S(a),
-    k(a),
-    H(a),
-    f(a),
-    x(a),
-    w(a),
-    G(a),
-    j(a),
-    E(a),
-    N(),
-    q(a),
-    z(a),
-    O(a),
-    V(a),
-    K(a),
-    J(),
-    U(a),
-    ka(a),
-    Ha(),
-    fa(a),
-    xa(),
-    wa(a),
-    t(),
-    Ga(a),
-    ja(),
-    Q(a),
-    W(a),
-    X(),
-    Y(a),
-    Z(a),
-    _(),
-    $(a),
-    m(a),
-    Ea(a),
-    e(a),
-    h(a),
-    aa(a),
-    sa(a),
-    oa(a),
-    ra(a),
-    La(a),
-    Ma(a),
-    na(a),
-    ia(a),
-    pa(a),
-    da(),
-    la(a),
-    ca(),
-    ua(a),
-    ga(),
-    Ba(a),
-    Aa(a),
-    Fa(a),
-    Pa(a),
-    ba(a),
-    Ta(a),
-    ya(a),
-    Ia(a),
-    va(),
-    Ca(),
-    Da(),
-    Ra(a),
-    Sa()
-  );
-}
-export {
-  Oa as f
-};