@m4l/styles 0.0.40 → 0.0.42

package/theme/overrides/M4LRHFComponents/{index.427e0f0e.js → index.a9f361b8.js}

@@ -1,6 +1,6 @@
 import { alpha as o } from "@mui/system";
 import { alpha as e } from "@mui/material/styles";
-const r = (t) => ({
+const a = (t) => ({
   M4LRHFTextFieldPassword: {
     styleOverrides: {
       "&.M4LRHFTextFieldPassword-root": {
@@ -8,7 +8,7 @@ const r = (t) => ({
       }
     }
   }
-}), n = (t) => ({
+}), l = (t) => ({
   M4LRHFTextField: {
     styleOverrides: {
       "&.M4LRHFTextField-root": {
@@ -164,13 +164,13 @@ const r = (t) => ({
       }
     }
   }
-}), l = (t) => ({
+}), n = (t) => ({
   M4LRHFCheckbox: {
     styleOverrides: {
       "&.M4LRHFCheckbox-root": {
         display: "flex",
         flexDirection: "column",
-        gap: t.spacing(0.5),
+        width: "100%",
         [t.breakpoints.down("sm")]: {
           "& .M4LRHFCheckbox-checkTypography": {
             "& .M4LCheckBox-root": {
@@ -189,14 +189,6 @@ const r = (t) => ({
           [t.breakpoints.down("sm")]: {
             gap: t.spacing(1),
             ...t.typography.paragraph
-          },
-          "& .M4LCheckBox-root": {
-            display: "flex",
-            gap: "8px",
-            "& .M4LTypography-root": {
-              display: "flex",
-              alignItems: "center"
-            }
           }
         },
         "& .MuiTypography-root": {
@@ -238,9 +230,6 @@ const r = (t) => ({
         ".M4LRHFCheckbox-stateDisabled .MuiSvgIcon-root": {
           fill: t.palette.state?.default
         },
-        ".M4LRHFCheckbox-stateDisabled .MuiTypography-root": {
-          color: t.palette.text.disabled
-        },
         ".MuiButtonBase-root .Mui-focusVisible:focus-visible": {
           outline: "#FFF00"
         }
@@ -293,19 +282,15 @@ const r = (t) => ({
             display: "flex",
             justifyContent: "space-between",
             alignItems: "center",
-            height: `${t.spacing(4.5)}`,
-            border: `1px solid ${t.palette.divider}`,
-            borderRadius: `${t.spacing(1)}`,
-            padding: `0 ${t.spacing(2)}`,
+            border: "1px solid",
+            borderColor: t.palette.divider,
+            borderRadius: "4px",
+            padding: "0 10px",
             overflow: "hidden",
-            [t.breakpoints.down("md")]: {
-              width: "100%"
-            },
-            "& .M4LRHFAutocomplete-skeletonContainerText": {
+            "& .M4LRHFAutocomplete-SkeletonContainerText": {
               width: "100%",
               height: "auto",
-              overflow: "hidden",
-              margin: t.spacing(1.5)
+              overflow: "hidden"
             }
           }
         },
@@ -538,14 +523,48 @@ const r = (t) => ({
         flexDirection: "column",
         width: "100%",
         gap: "2px",
+        "& .M4LRHFDateTime-skeleton": {
+          display: "flex",
+          width: "100%",
+          alignItems: "center",
+          justifyContent: "space-between",
+          border: `1px solid ${t.palette.divider}`,
+          paddingLeft: "12px",
+          borderRadius: "2px",
+          "& .MuiSkeleton-circular": {
+            margin: "4px"
+          }
+        },
+        "&.M4LRHFDateTime-small": {
+          "& .M4LRHFDateTime-skeleton": {
+            height: "24px",
+            "& .MuiSkeleton-circular": {
+              width: "16px",
+              height: "16px"
+            }
+          },
+          "& .MuiFormControl-root": {
+            height: "24px"
+          }
+        },
+        "&.M4LRHFDateTime-medium": {
+          "& .M4LRHFDateTime-skeleton": {
+            height: "36px",
+            "& .MuiSkeleton-circular": {
+              width: "24px",
+              height: "24px"
+            }
+          },
+          "& .MuiFormControl-root": {
+            height: "36px"
+          }
+        },
         "& .MuiFormControl-root": {
-          height: "24px",
           "& .MuiInputBase-root": {
             padding: "0 4px 0 0",
-            minHeight: "24px",
+            height: "100%",
             "& .MuiInputBase-input": {
-              minHeight: "24px",
-              height: "24px"
+              minHeight: "24px"
             }
           }
         },
@@ -557,10 +576,10 @@ const r = (t) => ({
           padding: "0px 8px 0 0",
           "& .MuiInputBase-input": {
             color: t.palette.text.secondary,
-            padding: "1px 8px",
+            padding: "0px 12px",
             backgroundColor: "transparent",
-            ...t.typography.body,
-            height: "100%"
+            height: "100%",
+            ...t.typography.body
           },
           "& .MuiInputAdornment-root": {
             margin: "0px",
@@ -666,18 +685,6 @@ const r = (t) => ({
             backgroundColor: t.palette.text.disabled
           }
         }
-      },
-      [t.breakpoints.down("md")]: {
-        "& .MuiFormControl-root": {
-          height: "36px !important",
-          "& .MuiInputBase-root": {
-            minHeight: "36px !important",
-            "& .MuiInputBase-input": {
-              minHeight: "36px !important",
-              height: "36px !important"
-            }
-          }
-        }
       }
     }
   }
@@ -873,28 +880,41 @@ const r = (t) => ({
   M4LRHFColorPicker: {
     styleOverrides: {
       "&.M4LRHFColorPicker-root": {
-        test: "root",
+        width: "100%",
+        display: "flex",
+        flexDirection: "column",
+        gap: "4px",
+        "&.M4LRHFColorPicker-sizeSmall": {
+          "& .M4LRHFColorPicker-containerFieldColor": {
+            "& .M4LRHFColorPicker-boxColor": {
+              width: "20px",
+              height: "20px"
+            }
+          }
+        },
+        "&.M4LRHFColorPicker-sizeMedium": {
+          "& .M4LRHFColorPicker-containerFieldColor": {
+            "& .M4LRHFColorPicker-boxColor": {
+              width: "24px",
+              height: "24px"
+            }
+          }
+        },
+        "& .M4LRHFColorPicker-skeleton": {
+          borderRadius: "4px"
+        },
         "& .M4LRHFColorPicker-containerFieldColor": {
           display: "flex",
-          alingnItems: "center",
+          aligItems: "center",
           justifyContent: "center",
           gap: "4px",
           padding: "2px",
           border: "1.5px solid",
           borderColor: t.palette.state.borderPrimary,
           borderRadius: "4px",
-          minHeight: "24px",
-          height: "24px",
+          width: "fit-content",
           "& .M4LRHFColorPicker-boxColor": {
-            borderRadius: "4px",
-            height: "18px !important",
-            width: "18px !important"
-          },
-          "& .M4LIcon-root": {
-            minHeight: "18px",
-            minWidth: "18px",
-            cursor: "pointer",
-            borderRadius: "4px"
+            cursor: "pointer"
           },
           "& .M4LIcon-root:hover": {
             background: t.palette.state.hoverDefault
@@ -906,7 +926,6 @@ const r = (t) => ({
   M4LRHFColorPickerPopoverRoot: {
     styleOverrides: {
       "&.M4LRHFColorPicker-popoverRoot": {
-        test: "test-popover-root",
         "& .MuiPaper-root": {
           background: t.palette.background.default,
           padding: "8px",
@@ -914,6 +933,7 @@ const r = (t) => ({
           borderColor: t.palette.state.borderSecondary,
           borderRadius: "4px",
           boxShadow: t.customShadows.z4,
+          test: "root",
           "& .M4LRHFColorPicker-containerPicker": {
             background: "transparent",
             borderRadius: "4px",
@@ -931,6 +951,7 @@ const r = (t) => ({
               border: "1px solid",
               borderColor: t.palette.state.borderSecondary,
               borderRadius: "4px",
+              backgroundColor: t.palette.background.default,
               "& :nth-of-type(-n + 1)": {
                 borderRadius: "4px"
               },
@@ -979,13 +1000,13 @@ const r = (t) => ({
   }
 });
 export {
-  n as M,
-  r as a,
+  l as M,
+  a,
   p as b,
   d as c,
   u as d,
   s as e,
   M as f,
-  l as g,
+  n as g,
   c as h
 };

package/theme/overrides/MUIComponents/Backdrop.d.ts

@@ -11,3 +11,15 @@ export default function Backdrop(theme: Theme): {
         };
     };
 };
+export declare function ColorTheFrontBackdrop(_theme: Theme): {
+    MuiBackdrop: {
+        styleOverrides: {
+            root: {
+                background: string;
+                '&.MuiBackdropThefront-invisible': {
+                    background: string;
+                };
+            };
+        };
+    };
+};

package/theme/overrides/index.dc9d8819.js

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

package/theme/{palette.1b577d8c.js → palette.0590e8a6.js}

@@ -285,14 +285,14 @@ const e = {
   dark: "#fff0",
   darker: "#fff0",
   opacity: r(e.acidGreen[60], 0.08)
-}, l = {
+}, i = {
   lighter: "#fff0",
   light: "#fff0",
   main: e.middleYellow[60],
   dark: "#fff0",
   darker: "#fff0",
   opacity: r(e.middleYellow[60], 0.08)
-}, i = {
+}, l = {
   lighter: "#fff0",
   light: "#fff0",
   main: e.flameRed[40],
@@ -322,18 +322,18 @@ const e = {
   primary: F(a.light, a.main),
   info: F(t.light, t.main),
   success: F(n.light, n.main),
-  warning: F(l.light, l.main),
-  error: F(i.light, i.main)
-}, A = {
+  warning: F(i.light, i.main),
+  error: F(l.light, l.main)
+}, 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"]
-}, u = {
+}, A = {
   normal: e.crayonBlue[50],
   hover: e.crayonBlue[70]
-}, g = {
+}, u = {
   normal: e.acidGreen[60],
   hover: e.acidGreen[70]
 }, C = {
@@ -346,8 +346,8 @@ const e = {
   default: r(e.coolGrey[50], 0.24),
   transition: r(e.coolGrey[50], 0.08)
 }, b = {
-  info: { ...u },
-  success: { ...g },
+  info: { ...A },
+  success: { ...u },
   error: { ...C },
   warning: { ...m },
   skeleton: { ...D }
@@ -362,11 +362,11 @@ const e = {
   secondary: { ...c, contrastText: "#fff" },
   info: { ...t, contrastText: "#fff" },
   success: { ...n, contrastText: o[800] },
-  warning: { ...l, contrastText: o[800] },
-  error: { ...i, contrastText: "#fff" },
+  warning: { ...i, contrastText: o[800] },
+  error: { ...l, contrastText: "#fff" },
   grey: o,
   gradients: E,
-  chart: A,
+  chart: g,
   action: {
     hoverOpacity: 0.08,
     disabledOpacity: 0.48
@@ -378,7 +378,8 @@ const e = {
     text: {
       primary: e.onyx[10],
       secondary: e.coolGrey[60],
-      disabled: e.oxford[30]
+      disabled: e.oxford[30],
+      bgPrimary: e.marbleLight[30]
     },
     background: {
       paper: "#fff0",
@@ -396,7 +397,8 @@ const e = {
     text: {
       primary: e.marbleLight[30],
       secondary: e.coolGrey[10],
-      disabled: e.coolGrey[50]
+      disabled: e.coolGrey[50],
+      bgPrimary: e.marbleLight[30]
     },
     background: {
       paper: "#fff0",

package/theme/palette.d.ts

@@ -81,6 +81,7 @@ export declare const palette: {
             readonly primary: string;
             readonly secondary: string;
             readonly disabled: string;
+            readonly bgPrimary: string;
         };
         readonly background: {
             readonly paper: "#fff0";
@@ -247,6 +248,7 @@ export declare const palette: {
             readonly primary: string;
             readonly secondary: string;
             readonly disabled: string;
+            readonly bgPrimary: string;
         };
         readonly background: {
             readonly paper: "#fff0";

package/theme/{shadows.479d005a.js → shadows.86540b18.js}

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

package/types/augmentations.d.ts

@@ -48,7 +48,7 @@ declare module '@mui/material/styles/createPalette' {
     }
 
     interface TypeText {
-        medium: string,
+        bgPrimary: string,
     }
     interface PaletteOptions {
         gradients?: GradientsPaletteOptions;

package/utils/{getColorPresets.479f9922.js → getColorPresets.2a91ffaf.js}

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

package/utils/{getColorState.0ad9ea67.js → getColorState.6c23eada.js}

@@ -1,5 +1,5 @@
 import { alpha as a } from "@mui/system";
-import { P as e, O as r, S as o } from "../theme/palette.1b577d8c.js";
+import { P as e, O as r, S as o } from "../theme/palette.0590e8a6.js";
 const u = (i, n) => {
   let t = {};
   switch (i) {

package/theme/overrides/index.2bc27c69.js

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