@m4l/styles 0.0.29 → 0.0.30

package/index.js

@@ -1,11 +1,11 @@
-import { d as f } from "./theme/defaultThemeOptions.b3a908dd.js";
-import { c as l, s as g } from "./theme/shadows.6e84fd80.js";
-import { P as u, p as d } from "./theme/palette.18138191.js";
-import { t as S } from "./theme/typography.05534ee9.js";
-import { f as O } from "./theme/overrides/index.04787df9.js";
+import { d as f } from "./theme/defaultThemeOptions.a8de2e18.js";
+import { c as l, s as g } from "./theme/shadows.b036a684.js";
+import { P as u, p as d } from "./theme/palette.104051a7.js";
+import { t as S } from "./theme/typography.7591a12b.js";
+import { f as O } from "./theme/overrides/index.cbe0dea7.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.60a0f2ca.js";
-import { g as k } from "./utils/getColorState.e6b609a7.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.2693301f.js";
+import { g as k } from "./utils/getColorState.32c050bf.js";
 import { g as A, p as B, a as L, r as N } from "./utils/getFontValue.88831637.js";
 import { g as j, m as D } from "./config.5405b46b.js";
 import "@mui/material/styles";
@@ -13,7 +13,7 @@ import "@mui/material/useMediaQuery";
 import "@mui/system";
 import "@mui/material";
 import "./theme/overrides/MUIComponents/index.f50cd1c7.js";
-import "./theme/overrides/M4LExtendedComponents/index.c76da8b1.js";
+import "./theme/overrides/M4LExtendedComponents/index.e875a5e1.js";
 import "./theme/overrides/M4LRHFComponents/index.d3125fd8.js";
 export {
   u as PATRONUSCOLORS,

package/package.json

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

package/theme/{defaultThemeOptions.b3a908dd.js → defaultThemeOptions.a8de2e18.js}

@@ -1,12 +1,12 @@
 import "@mui/material/styles";
 import "@mui/material/useMediaQuery";
-import { g as r } from "../utils/getColorPresets.60a0f2ca.js";
+import { g as r } from "../utils/getColorPresets.2693301f.js";
 import "@mui/system";
-import { t as a } from "./typography.05534ee9.js";
-import { p as o } from "./palette.18138191.js";
+import { t as a } from "./typography.7591a12b.js";
+import { p as o } from "./palette.104051a7.js";
 import { alpha as s } from "@mui/material";
-import { s as p, c as e } from "./shadows.6e84fd80.js";
-import { g as m } from "../utils/getColorState.e6b609a7.js";
+import { s as p, c as e } from "./shadows.b036a684.js";
+import { g as m } from "../utils/getColorState.32c050bf.js";
 const k = {
   typography: a,
   palette: {

package/theme/index.b0919dac.js

@@ -0,0 +1,7 @@
+import "./defaultThemeOptions.a8de2e18.js";
+import "./shadows.b036a684.js";
+import "./palette.104051a7.js";
+import "./typography.7591a12b.js";
+import "@mui/material";
+import "@mui/material/styles";
+import "@mui/system";

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

@@ -5,6 +5,14 @@ export declare const M4LAreasViewer: (theme: Theme) => {
             '&.M4LAreasViewer-root': {
                 test: string;
                 background: string;
+                '& .M4LGridLayout-gridItemRoot.M4LGridLayout-colapsed-40 .M4LAreasViewer-windowHeader': {
+                    minHeight: string;
+                    height: string;
+                };
+                '& .M4LGridLayout-gridItemRoot.M4LGridLayout-colapsed-48 .M4LAreasViewer-windowHeader': {
+                    minHeight: string;
+                    height: string;
+                };
                 '& .M4LAreasViewer-areaGridLayout': {
                     '& .M4LAreasViewer-resizeHandle': {
                         test: string;
@@ -42,7 +50,6 @@ export declare const M4LAreasViewer: (theme: Theme) => {
                         '& .M4LAreasViewer-windowHeader': {
                             [x: string]: string | {
                                 height: string;
-                                minHeight: string;
                                 display?: undefined;
                                 width?: undefined;
                                 alignItems?: undefined;
@@ -66,12 +73,10 @@ export declare const M4LAreasViewer: (theme: Theme) => {
                                         width: string;
                                     };
                                 };
-                                minHeight?: undefined;
                             } | {
                                 color: string;
                                 overflow: string;
                                 height?: undefined;
-                                minHeight?: undefined;
                                 display?: undefined;
                                 width?: undefined;
                                 alignItems?: undefined;
@@ -81,10 +86,9 @@ export declare const M4LAreasViewer: (theme: Theme) => {
                             flexDirection: string;
                             background: string;
                             padding: string;
-                            height: string;
-                            minHeight: string;
                             border: string;
                             boxShadow: string;
+                            height: string;
                             '& .M4LAreasViewer-windowHeaderContent': {
                                 display: string;
                                 width: string;
@@ -286,7 +290,6 @@ export declare const M4LAreasViewer: (theme: Theme) => {
                                 justifyContent: string;
                                 overflow: string;
                                 cursor: string;
-                                height: string;
                                 '& .M4LTypography-root .MuiTypography-root': {
                                     [x: string]: any;
                                 };

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

@@ -117,11 +117,16 @@ export declare const M4LModalDialog: (theme: Theme) => {
                             '& .M4LModal-iconCloseHeader': {};
                         };
                         '& .M4LModal-windowContent': {
+                            [x: string]: string | {
+                                padding: string;
+                            };
                             padding: string;
                             width: string;
                             height: string;
                             display: string;
                             flexDirection: string;
+                            flex: string;
+                            overflow: string;
                         };
                         maxHeight?: undefined;
                         borderColor?: undefined;
@@ -245,11 +250,16 @@ export declare const M4LModalDialog: (theme: Theme) => {
                             '& .M4LModal-iconCloseHeader': {};
                         };
                         '& .M4LModal-windowContent': {
+                            [x: string]: string | {
+                                padding: string;
+                            };
                             padding: string;
                             width: string;
                             height: string;
                             display: string;
                             flexDirection: string;
+                            flex: string;
+                            overflow: string;
                         };
                     };
                     '& .react-resizable': {

package/theme/overrides/M4LExtendedComponents/{index.c76da8b1.js → index.e875a5e1.js}

@@ -2135,6 +2135,14 @@ const i = (o) => ({
       "&.M4LAreasViewer-root": {
         test: "root",
         background: o.palette.background.background,
+        "& .M4LGridLayout-gridItemRoot.M4LGridLayout-colapsed-40 .M4LAreasViewer-windowHeader": {
+          minHeight: "36px",
+          height: "36px"
+        },
+        "& .M4LGridLayout-gridItemRoot.M4LGridLayout-colapsed-48 .M4LAreasViewer-windowHeader": {
+          minHeight: "44px",
+          height: "44px"
+        },
         "& .M4LAreasViewer-areaGridLayout": {
           "& .M4LAreasViewer-resizeHandle": {
             test: "test",
@@ -2174,13 +2182,11 @@ const i = (o) => ({
               flexDirection: "column",
               background: o.palette.background.neutral,
               padding: "4px 4px 4px 8px",
-              height: "36px",
-              minHeight: "36px",
               border: "none",
               boxShadow: o.customShadows.z1,
+              height: "36px",
               [o.breakpoints.down("sm")]: {
-                height: "44px",
-                minHeight: "44px"
+                height: "44px"
               },
               "& .M4LAreasViewer-windowHeaderContent": {
                 display: "flex",
@@ -2371,7 +2377,6 @@ const i = (o) => ({
                 justifyContent: "end",
                 overflow: "hidden",
                 cursor: "move",
-                height: "36px",
                 "& .M4LTypography-root .MuiTypography-root": {
                   ...o.typography.paragraphDens
                 },
@@ -3623,7 +3628,12 @@ const i = (o) => ({
               width: "100%",
               height: "100%",
               display: "flex",
-              flexDirection: "column"
+              flexDirection: "column",
+              flex: "1",
+              overflow: "hidden",
+              [o.breakpoints.down("sm")]: {
+                padding: "0 8px 8px 8px"
+              }
             }
           },
           "& .react-resizable": {
@@ -3711,7 +3721,7 @@ const i = (o) => ({
       }
     }
   }
-}), O = (o) => ({
+}), V = (o) => ({
   M4LBadge: {
     styleOverrides: {
       "&.M4LBadge-root": {
@@ -3737,7 +3747,7 @@ const i = (o) => ({
       }
     }
   }
-}), V = (o) => ({
+}), O = (o) => ({
   M4LDataGrid: {
     styleOverrides: {
       "&.M4LDataGrid-root": {
@@ -4352,9 +4362,9 @@ export {
   l as f,
   M as g,
   s as h,
-  O as i,
+  V as i,
   c as j,
-  V as k,
+  O as k,
   u as l,
   g as m,
   x as n,

package/theme/overrides/{index.04787df9.js → index.cbe0dea7.js}

@@ -1,5 +1,5 @@
 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 c, c as d, P as u, S as g, d as B, e as T, D as P, A, f as b, g as F, h as k, i as v, j as y, k as I, l as S, m as C, n as D, o as R, p as H, q as f, r as x, s as w, t as G, u as j, v as t, w as E, x as N, y as O, z as q, E as z, G as V } from "./MUIComponents/index.f50cd1c7.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 ca, x as da, y as ua, z as ga, A as Ba, B as Ta, C as Pa, D as Aa, E as ba, F as Fa, G as ka, H as va, I as ya, J as Ia, K as Sa, L as Ca, N as Da, O as Ra, P as Ha, Q as fa, R as xa, S as wa } from "./M4LExtendedComponents/index.c76da8b1.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 ca, x as da, y as ua, z as ga, A as Ba, B as Ta, C as Pa, D as Aa, E as ba, F as Fa, G as ka, H as va, I as ya, J as Ia, K as Sa, L as Ca, N as Da, O as Ra, P as Ha, Q as fa, R as xa, S as wa } from "./M4LExtendedComponents/index.e875a5e1.js";
 import { M as Ga, a as ja, b as ta, c as Ea, d as Na, e as Oa, f as qa, g as za } from "./M4LRHFComponents/index.d3125fd8.js";
 function Qa(a) {
   return Object.assign(

package/theme/{palette.18138191.js → palette.104051a7.js}

@@ -32,18 +32,18 @@ const e = {
     40: "#FFF039",
     50: "#FFEC08",
     60: "#E5D400",
-    70: "#9BBA00",
+    70: "#9E9200",
     80: "#696100",
     90: "#353100"
   },
   acidGreen: {
-    10: "#D6FFDF",
+    10: "#CDFFC2",
     20: "#A8FF97",
     30: "#83FF6B",
     40: "#5EFF40",
     50: "#39FF14",
-    60: "#2BCC0A",
-    70: "#229E0A",
+    60: "#47CC2D",
+    70: "#1F9009",
     80: "#176E05",
     90: "#0B3D00"
   },
@@ -87,7 +87,7 @@ const e = {
     40: "#EBAE53",
     50: "#E59722",
     60: "#BA7916",
-    70: "#BA7916",
+    70: "#925F11",
     80: "#774D0E",
     90: "#735133"
   },
@@ -114,7 +114,7 @@ const e = {
     90: "#233333"
   },
   brown: {
-    10: "#D8BEB0",
+    10: "#DFC9BD",
     20: "#C59D88",
     30: "#B8886E",
     40: "#B17D61",
@@ -129,7 +129,7 @@ const e = {
     20: "#F7FCFC",
     30: "#F9FBFB",
     40: "#F0F4F4",
-    50: "#EFF3F4",
+    50: "#EAEFF0",
     60: "#E1E9EA",
     70: "#E2E7E9",
     80: "#fff0",
@@ -285,13 +285,13 @@ const e = {
   success: a(l.light, l.main),
   warning: a(n.light, n.main),
   error: a(i.light, i.main)
-}, A = {
+}, g = {
   violet: ["#826AF9", "#9E86FF", "#D0AEFF", "#F7D2FF"],
   blue: ["#2D99FF", "#83CFFF", "#A5F3FF", "#CCFAFF"],
   green: ["#2CD9C5", "#60F1C8", "#A4F7CC", "#C0F2DC"],
   yellow: ["#FFE700", "#FFEF5A", "#FFF7AE", "#FFF3D6"],
   red: ["#FF6C40", "#FF8F6D", "#FFBD98", "#FFF2D4"]
-}, g = {
+}, A = {
   normal: e.crayonBlue[50],
   hover: e.crayonBlue[70]
 }, E = {
@@ -300,18 +300,18 @@ const e = {
 }, C = {
   normal: e.flameRed[40],
   hover: e.flameRed[60]
-}, m = {
+}, D = {
   normal: e.middleYellow[60],
   hover: e.middleYellow[70]
-}, D = {
+}, m = {
   default: r(e.coolGrey[50], 0.24),
   transition: r(e.coolGrey[50], 0.08)
 }, h = {
-  info: { ...g },
+  info: { ...A },
   success: { ...E },
   error: { ...C },
-  warning: { ...m },
-  skeleton: { ...D }
+  warning: { ...D },
+  skeleton: { ...m }
 }, f = {
   common: { black: "#000", white: "#fff" },
   primary: { ...t },
@@ -327,7 +327,7 @@ const e = {
   error: { ...i, contrastText: "#fff" },
   grey: F,
   gradients: u,
-  chart: A,
+  chart: g,
   divider: F[50024],
   action: {
     hoverOpacity: 0.08,

package/theme/{shadows.6e84fd80.js → shadows.b036a684.js}

@@ -1,5 +1,5 @@
 import { alpha as a } from "@mui/material/styles";
-import { p as e, P as r } from "./palette.18138191.js";
+import { p as e, P as r } from "./palette.104051a7.js";
 const s = e.light.grey[500], n = "#000000", o = (t) => {
   const p = a(t, 0.2), x = a(t, 0.14), $ = a(t, 0.12);
   return [

package/theme/{typography.05534ee9.js → typography.7591a12b.js}

@@ -1,10 +1,10 @@
 import "@mui/material/styles";
 import "@mui/material/useMediaQuery";
-import "../utils/getColorPresets.60a0f2ca.js";
+import "../utils/getColorPresets.2693301f.js";
 import "@mui/system";
-import "./defaultThemeOptions.b3a908dd.js";
-import "./shadows.6e84fd80.js";
-import "./palette.18138191.js";
+import "./defaultThemeOptions.a8de2e18.js";
+import "./shadows.b036a684.js";
+import "./palette.104051a7.js";
 import "@mui/material";
 import { r as t, p as i } from "../utils/getFontValue.88831637.js";
 const e = "Poppins, sans-serif", p = {

package/utils/{getColorPresets.60a0f2ca.js → getColorPresets.2693301f.js}

@@ -1,4 +1,4 @@
-import { P as r } from "../theme/palette.18138191.js";
+import { P as r } from "../theme/palette.104051a7.js";
 const e = [
   {
     name: "patronus",

package/utils/{getColorState.e6b609a7.js → getColorState.32c050bf.js}

@@ -1,8 +1,8 @@
 import { alpha as r } from "@mui/system";
-import "../theme/defaultThemeOptions.b3a908dd.js";
-import "../theme/shadows.6e84fd80.js";
-import { P as e, S as o } from "../theme/palette.18138191.js";
-import "../theme/typography.05534ee9.js";
+import "../theme/defaultThemeOptions.a8de2e18.js";
+import "../theme/shadows.b036a684.js";
+import { P as e, S as o } from "../theme/palette.104051a7.js";
+import "../theme/typography.7591a12b.js";
 import "@mui/material";
 import "@mui/material/styles";
 const v = (t, a) => {
@@ -17,7 +17,7 @@ const v = (t, a) => {
           hover: e?.patronusBlue[40],
           overdefoult: r(e?.coolGrey[30], 0.16),
           default: r(e?.marbleLight[60], 0.45),
-          borderDefault: e?.coolGrey[30],
+          borderDefault: e?.coolGrey[10],
           borderTop: e?.marbleLight[10],
           toneOp: "#D9E9FC",
           scrollBar: "#bcc5c8",
@@ -31,7 +31,7 @@ const v = (t, a) => {
           hover: e?.patronusBlue[30],
           overdefoult: r(e?.marbleLight[10], 0.1),
           default: r(e?.marbleLight[70], 0.02),
-          borderDefault: e?.coolGrey[20],
+          borderDefault: e?.coolGrey[60],
           borderTop: r(e?.marbleLight[10], 0.04),
           toneOp: "#2C4053",
           scrollBar: "#414950",

package/theme/index.30213ab6.js

@@ -1,7 +0,0 @@
-import "./defaultThemeOptions.b3a908dd.js";
-import "./shadows.6e84fd80.js";
-import "./palette.18138191.js";
-import "./typography.05534ee9.js";
-import "@mui/material";
-import "@mui/material/styles";
-import "@mui/system";