@m4l/styles 0.0.32 → 0.0.34

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

@@ -893,14 +893,14 @@ export default function Input(theme: Theme): {
                     padding: string;
                 };
                 '& .MuiOutlinedInput-notchedOutline': {
-                    [x: string]: string | number | {
-                        height: number;
-                        minHeight: number;
+                    [x: string]: string | {
+                        height: string;
+                        minHeight: string;
                     };
                     borderColor: string;
                     fontSize: string;
-                    height: number;
-                    minHeight: number;
+                    height: string;
+                    minHeight: string;
                     padding: string;
                 };
                 '&.Mui-disabled': {

package/theme/overrides/MUIComponents/{index.1b2b2be2.js → index.b3f5b7a7.js}

@@ -488,12 +488,12 @@ function f(o) {
           "& .MuiOutlinedInput-notchedOutline": {
             borderColor: o.palette.grey[50032],
             fontSize: "0.875rem",
-            height: 24,
-            minHeight: 24,
+            height: "auto",
+            minHeight: "24px",
             padding: "0px",
             [o.breakpoints.down("sm")]: {
-              height: 32,
-              minHeight: 32
+              height: "auto",
+              minHeight: "32px"
             }
           },
           "&.Mui-disabled": {

package/theme/overrides/{index.158187f3.js → index.2d07abe3.js}

@@ -1,7 +1,7 @@
-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 k, o as D, p as H, q as f, r as x, s as w, t as G, u as E, v as j, w as N, x as O, y as q, z, E as U } from "./MUIComponents/index.1b2b2be2.js";
-import { M as V, 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 ka, P as Da, Q as Ha, R as fa, S as xa, T as wa, U as Ga } from "./M4LExtendedComponents/index.15f2650a.js";
-import { M as Ea, a as ja, b as Na, c as Oa, d as qa, e as za, f as Ua, g as Va, h as ta } from "./M4LRHFComponents/index.e6262889.js";
-function Wa(a) {
+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.e406c71f.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.d7a80536.js";
+function Xa(a) {
   return Object.assign(
     s(a),
     o(a),
@@ -28,23 +28,23 @@ function Wa(a) {
     R(a),
     S(a),
     v(a),
-    k(a),
     D(a),
+    k(a),
     H(a),
     f(a),
     x(a),
     w(a),
     G(a),
     E(a),
-    j(),
+    V(),
+    j(a),
     N(a),
     O(a),
     q(a),
-    z(a),
-    V(a),
-    U(),
+    U(a),
+    z(),
     t(a),
-    Ea(a),
+    Va(a),
     ja(),
     Na(a),
     Oa(),
@@ -60,7 +60,7 @@ function Wa(a) {
     Z(),
     _(a),
     $(a),
-    Va(a),
+    ta(a),
     m(a),
     e(a),
     h(a),
@@ -90,16 +90,17 @@ function Wa(a) {
     Ra(),
     Sa(a),
     va(),
-    ka(a),
     Da(a),
+    ka(a),
     Ha(a),
     fa(a),
     xa(a),
     wa(),
-    ta(a),
-    Ga(a)
+    Ja(a),
+    Ga(a),
+    Ea()
   );
 }
 export {
-  Wa as f
+  Xa as f
 };

package/theme/{palette.31d770bc.js → palette.1b577d8c.js}

@@ -126,7 +126,7 @@ const e = {
   },
   marbleLight: {
     10: "#FFFFFF",
-    20: "#F7FCFC",
+    20: "#F9FAFA",
     30: "#F4F5F5",
     40: "#F0F4F4",
     50: "#E6E8EA",
@@ -233,13 +233,13 @@ const e = {
     72: r(e.coolGrey[70], 0.72)
   },
   marbel: {
-    4: r(e.marbleLight[10], 0.08),
-    12: r(e.marbleLight[10], 0.12),
-    24: r(e.marbleLight[10], 0.16),
-    36: r(e.marbleLight[10], 0.32),
-    48: r(e.marbleLight[10], 0.48),
-    60: r(e.marbleLight[10], 0.6),
-    72: r(e.marbleLight[10], 0.72)
+    4: r(e.marbleLight[30], 0.08),
+    12: r(e.marbleLight[30], 0.12),
+    24: r(e.marbleLight[30], 0.16),
+    36: r(e.marbleLight[30], 0.32),
+    48: r(e.marbleLight[30], 0.48),
+    60: r(e.marbleLight[30], 0.55),
+    72: r(e.marbleLight[30], 0.72)
   },
   mint: {
     4: r(e.mint[40], 0.04),
@@ -324,13 +324,13 @@ const e = {
   success: F(n.light, n.main),
   warning: F(l.light, l.main),
   error: F(i.light, i.main)
-}, u = {
+}, A = {
   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"]
-}, A = {
+}, u = {
   normal: e.crayonBlue[50],
   hover: e.crayonBlue[70]
 }, g = {
@@ -346,7 +346,7 @@ const e = {
   default: r(e.coolGrey[50], 0.24),
   transition: r(e.coolGrey[50], 0.08)
 }, b = {
-  info: { ...A },
+  info: { ...u },
   success: { ...g },
   error: { ...C },
   warning: { ...m },
@@ -366,7 +366,7 @@ const e = {
   error: { ...i, contrastText: "#fff" },
   grey: o,
   gradients: E,
-  chart: u,
+  chart: A,
   action: {
     hoverOpacity: 0.08,
     disabledOpacity: 0.48
@@ -383,9 +383,9 @@ const e = {
     background: {
       paper: "#fff0",
       default: e.marbleLight[10],
-      neutral: e.marbleLight[40],
+      neutral: e.marbleLight[30],
       background: e.marbleLight[60],
-      header: e.marbleLight[30]
+      header: e.marbleLight[20]
     },
     divider: e.coolGrey[20],
     grid: { sectionHeader: "#F6F7F9", divider: "#EDEFF2", rowHover: "#FAFBFC" }

package/theme/{shadows.9800d84c.js → shadows.a726d8c6.js}

@@ -1,7 +1,7 @@
-import { alpha as o } from "@mui/material/styles";
-import { p as e, P as r } from "./palette.31d770bc.js";
-const a = e.light.grey[500], s = "#000000", n = (t) => {
-  const p = o(t, 0.2), x = o(t, 0.14), $ = o(t, 0.12);
+import { alpha as r } from "@mui/material/styles";
+import { p as a, P as e } from "./palette.1b577d8c.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 [
     "none",
     `0px 2px 1px -1px ${p},0px 1px 1px 0px ${x},0px 1px 3px 0px ${$}`,
@@ -31,39 +31,39 @@ const a = e.light.grey[500], s = "#000000", n = (t) => {
   ];
 }, i = (t) => {
   const p = {
-    info: `0px 2px 8px 0px ${o(r.patronusBlue[50], 0.2)}`,
-    secondary: `0px 2px 8px 0px ${o(e.light.secondary.main, 0.24)}`,
-    success: `0px 2px 8px 0px ${o(r.acidGreen[50], 0.2)}`,
-    warning: `0px 2px 8px 0px ${o(r.middleYellow[50], 0.2)}`,
-    error: `0px 2px 8px 0px ${o(r.flameRed[50], 0.2)}`,
-    card: `0 0 2px 0 ${o(e.light.grey[500], 0.2)}, 0 12px 24px -4px ${o(
-      e.light.grey[500],
+    info: `0px 2px 8px 0px ${r(e.patronusBlue[50], 0.2)}`,
+    secondary: `0px 2px 8px 0px ${r(a.light.secondary.main, 0.24)}`,
+    success: `0px 2px 8px 0px ${r(e.acidGreen[50], 0.2)}`,
+    warning: `0px 2px 8px 0px ${r(e.middleYellow[50], 0.2)}`,
+    error: `0px 2px 8px 0px ${r(e.flameRed[50], 0.2)}`,
+    card: `0 0 2px 0 ${r(a.light.grey[500], 0.2)}, 0 12px 24px -4px ${r(
+      a.light.grey[500],
       0.12
     )}`,
-    dialog: `-40px 40px 80px -8px ${o(e.light.common.black, 0.24)}`,
-    dropdown: `0 0 2px 0 ${o(e.light.grey[500], 0.24)}, -20px 20px 40px -4px ${o(
-      e.light.grey[500],
+    dialog: `-40px 40px 80px -8px ${r(a.light.common.black, 0.24)}`,
+    dropdown: `0 0 2px 0 ${r(a.light.grey[500], 0.24)}, -20px 20px 40px -4px ${r(
+      a.light.grey[500],
       0.24
     )}`
   };
   return t === "light" ? {
-    z1: `0px 1px 2px ${o(r.coolGrey[70], 0.12)}`,
-    z2: `0px 2px 2px 1px ${o(r.coolGrey[70], 0.12)}`,
-    z3: `0px 4px 8px ${o(r.coolGrey[70], 0.16)}`,
-    z4: `0px 8px 16px 1px ${o(r.coolGrey[70], 0.16)}`,
+    z1: "0px 0px 03x 1px rgba(9, 30, 66 0.12)",
+    z2: "0px 0px 4px 2px rgba(73, 88, 89 0.14)",
+    z3: "0px 0px 8px 2px rgba(36, 59, 70, 0.14)",
+    z4: "0px 0px 18px 6px rgba(36, 59, 70, 0.12)",
     ...p
   } : {
-    z1: `0px 1px 2px ${o(r.onyx[50], 0.4)}`,
-    z2: `0px 2px 2px 1px ${o(r.onyx[50], 0.4)}`,
-    z3: `0px 4px 8px 1px ${o(r.onyx[60], 0.4)}`,
-    z4: `0px 8px 16px 4px ${o(r.onyx[60], 0.4)}`,
+    z1: "0px 0px 2px 2px rgba(0, 0, 0, 0.16)",
+    z2: "0px 0px 4px 2px rgba(17, 20, 20, 0.5)",
+    z3: "0px 0px 8px 2px rgba(9, 9, 10, 0.60)",
+    z4: "0px 0px 18px 6px rgba(9, 10, 10, 0.65)",
     ...p
   };
-}, g = {
-  light: n(a),
-  dark: n(s)
+}, l = {
+  light: n(s),
+  dark: n(o)
 };
 export {
   i as c,
-  g as s
+  l as s
 };

package/utils/{getColorPresets.9fec9cc2.js → getColorPresets.479f9922.js}

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

package/utils/{getColorState.4350ccb4.js → getColorState.ce01540c.js}

@@ -1,10 +1,10 @@
 import { alpha as a } from "@mui/system";
-import { P as e, O as r, S as o } from "../theme/palette.31d770bc.js";
-const u = (t, i) => {
-  let d = {};
-  switch (t) {
+import { P as e, O as r, S as o } from "../theme/palette.1b577d8c.js";
+const u = (d, i) => {
+  let t = {};
+  switch (d) {
     case "patronus":
-      d = {
+      t = {
         light: {
           active12: r?.patronus[4],
           active: e?.patronusBlue[50],
@@ -17,9 +17,9 @@ const u = (t, i) => {
           borderSecondary: r?.oxford[60],
           borderDens: r?.oxford[36],
           borderDisable: r?.oxford[12],
-          toneOp: "#D9E9FC",
-          scrollBar: "#bcc5c8",
-          gridHover: "#e7eeef",
+          toneOp: "#F2F7FF",
+          scrollBar: "#5663763D",
+          gridHover: "#FCFCFC",
           ...o
         },
         dark: {
@@ -34,15 +34,15 @@ const u = (t, i) => {
           borderSecondary: r?.mint[36],
           borderDens: r?.mint[60],
           borderDisable: r?.mint[12],
-          toneOp: "#2C4053",
-          scrollBar: "#414950",
-          gridHover: "#282d2d",
+          toneOp: "#22313D",
+          scrollBar: "#5663765D",
+          gridHover: "#282E2E",
           ...o
         }
       };
       break;
     case "turqui":
-      d = {
+      t = {
         light: {
           active12: a(e?.turquiBlue[50], 0.08),
           active: e?.turquiBlue[50],
@@ -55,9 +55,9 @@ const u = (t, i) => {
           borderSecondary: r?.oxford[60],
           borderDens: r?.oxford[36],
           borderDisable: r?.oxford[12],
-          toneOp: "#DEE9EB",
-          scrollBar: "#bcc5c8",
-          gridHover: "#e7eeef",
+          toneOp: "#F4F7F8",
+          scrollBar: "#5663763D",
+          gridHover: "#FCFCFC",
           ...o
         },
         dark: {
@@ -72,15 +72,15 @@ const u = (t, i) => {
           borderSecondary: r?.mint[36],
           borderDens: r?.mint[60],
           borderDisable: r?.mint[12],
-          toneOp: "#314042",
-          scrollBar: "#414950",
-          gridHover: "#282d2d",
+          toneOp: "#263538",
+          scrollBar: "#5663765D",
+          gridHover: "#282E2E",
           ...o
         }
       };
       break;
     case "grass":
-      d = {
+      t = {
         light: {
           active12: a(e?.grassGreen[50], 0.08),
           active: e?.grassGreen[50],
@@ -93,9 +93,9 @@ const u = (t, i) => {
           borderSecondary: r?.oxford[60],
           borderDens: r?.oxford[36],
           borderDisable: r?.oxford[12],
-          toneOp: "#D9ECE6",
-          scrollBar: "#bcc5c8",
-          gridHover: "#e7eeef",
+          toneOp: "#F5FAF7",
+          scrollBar: "#5663763D",
+          gridHover: "#FCFCFC",
           ...o
         },
         dark: {
@@ -110,15 +110,15 @@ const u = (t, i) => {
           borderSecondary: r?.mint[36],
           borderDens: r?.mint[60],
           borderDisable: r?.mint[12],
-          toneOp: "#2C433D",
-          scrollBar: "#414950",
-          gridHover: "#282d2d",
+          toneOp: "#26322F",
+          scrollBar: "#5663765D",
+          gridHover: "#282E2E",
           ...o
         }
       };
       break;
     case "brown":
-      d = {
+      t = {
         light: {
           active12: a(e?.brown[50], 0.08),
           active: e?.brown[50],
@@ -131,9 +131,9 @@ const u = (t, i) => {
           borderSecondary: r?.oxford[60],
           borderDens: r?.oxford[36],
           borderDisable: r?.oxford[12],
-          toneOp: "#ECEAE6",
-          scrollBar: "#bcc5c8",
-          gridHover: "#e7eeef",
+          toneOp: "#FBF7F6",
+          scrollBar: "#5663763D",
+          gridHover: "#FCFCFC",
           ...o
         },
         dark: {
@@ -148,15 +148,15 @@ const u = (t, i) => {
           borderSecondary: r?.mint[36],
           borderDens: r?.mint[60],
           borderDisable: r?.mint[12],
-          toneOp: "#3F413D",
-          scrollBar: "#414950",
-          gridHover: "#282d2d",
+          toneOp: "#2D302E",
+          scrollBar: "#5663765D",
+          gridHover: "#282E2E",
           ...o
         }
       };
       break;
     case "blaze":
-      d = {
+      t = {
         light: {
           active12: a(e?.blazeOrange[50], 0.08),
           active: e?.blazeOrange[50],
@@ -169,9 +169,9 @@ const u = (t, i) => {
           borderSecondary: r?.oxford[60],
           borderDens: r?.oxford[36],
           borderDisable: r?.oxford[12],
-          toneOp: "#F2F0EB",
-          scrollBar: "#bcc5c8",
-          gridHover: "#e7eeef",
+          toneOp: "#FEFBF6",
+          scrollBar: "#5663763D",
+          gridHover: "#FCFCFC",
           ...o
         },
         dark: {
@@ -186,15 +186,15 @@ const u = (t, i) => {
           borderSecondary: r?.mint[36],
           borderDens: r?.mint[60],
           borderDisable: r?.mint[12],
-          toneOp: "#454742",
-          scrollBar: "#414950",
-          gridHover: "#282d2d",
+          toneOp: "#2D302B",
+          scrollBar: "#5663765D",
+          gridHover: "#282E2E",
           ...o
         }
       };
       break;
     default:
-      d = {
+      t = {
         light: {
           active12: a(e?.turquiBlue[50], 0.08),
           active: e?.turquiBlue[50],
@@ -207,9 +207,9 @@ const u = (t, i) => {
           borderSecondary: r?.oxford[60],
           borderDens: r?.oxford[36],
           borderDisable: r?.oxford[12],
-          toneOp: "#D9E9FC",
-          scrollBar: "#bcc5c8",
-          gridHover: "#e7eeef",
+          toneOp: "#F2F7FF",
+          scrollBar: "#5663763D",
+          gridHover: "#FCFCFC",
           ...o
         },
         dark: {
@@ -224,15 +224,15 @@ const u = (t, i) => {
           borderSecondary: r?.mint[36],
           borderDens: r?.mint[60],
           borderDisable: r?.mint[12],
-          toneOp: "#2C4053",
-          scrollBar: "#414950",
-          gridHover: "#282d2d",
+          toneOp: "#22313D",
+          scrollBar: "#5663765D",
+          gridHover: "#282E2E",
           ...o
         }
       };
       break;
   }
-  return i === "light" ? { ...d.light } : { ...d.dark };
+  return i === "light" ? { ...t.light } : { ...t.dark };
 };
 export {
   u as g