@m4l/styles 0.0.28 → 0.0.30

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

@@ -4,10 +4,9 @@ export default function Badge(_theme: Theme): {
         styleOverrides: {
             background: string;
             dot: {
-                width: number;
-                height: number;
+                width: string;
+                height: string;
                 borderRadius: string;
-                background: string;
             };
         };
     };

package/theme/overrides/MUIComponents/{index.c5a85efa.js → index.f50cd1c7.js}

@@ -416,10 +416,9 @@ function f(o) {
       styleOverrides: {
         background: "red",
         dot: {
-          width: 10,
-          height: 10,
-          borderRadius: "50%",
-          background: "red"
+          width: "16px",
+          height: "16px",
+          borderRadius: "50%"
         }
       }
     }
@@ -1052,7 +1051,7 @@ function G(o) {
           "&.Mui-expanded": {
             height: o.spacing(4.5),
             minHeight: o.spacing(4.5),
-            borderRadius: "4px"
+            borderRadius: "4px 4px 0px 0px"
           },
           "&.Mui-disabled": {
             opacity: 1,

package/theme/overrides/{index.ab4ad05c.js → index.cbe0dea7.js}

@@ -1,7 +1,7 @@
-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) {
+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.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(
     s(a),
     o(a),
@@ -12,23 +12,23 @@ function Ja(a) {
     n(),
     l(a),
     p(),
-    d(a),
     c(a),
+    d(a),
     u(a),
     g(a),
     B(a),
-    P(a),
     T(a),
+    P(a),
     A(a),
-    F(a),
     b(a),
+    F(a),
     k(a),
     v(a),
     y(),
     I(),
-    D(a),
     S(a),
     C(a),
+    D(a),
     R(a),
     H(a),
     f(a),
@@ -36,23 +36,23 @@ function Ja(a) {
     w(a),
     G(a),
     j(a),
-    E(a),
-    N(),
+    t(a),
+    E(),
+    N(a),
     O(a),
     q(a),
-    t(a),
     z(a),
     J(a),
     V(),
     K(a),
-    xa(a),
-    wa(),
     Ga(a),
     ja(),
-    Ea(a),
-    Q(),
+    ta(a),
+    Ea(),
     Na(a),
-    Oa(),
+    Q(),
+    Oa(a),
+    qa(),
     U(a),
     W(a),
     X(),
@@ -61,7 +61,7 @@ function Ja(a) {
     _(),
     $(a),
     m(a),
-    qa(a),
+    za(a),
     e(a),
     h(a),
     aa(a),
@@ -72,30 +72,32 @@ function Ja(a) {
     Ma(a),
     ia(a),
     na(a),
-    la(a),
+    la(),
     pa(),
-    da(a),
-    ca(),
+    ca(a),
+    da(),
     ua(a),
-    ga(),
+    ga(a),
     Ba(a),
-    Pa(a),
     Ta(a),
+    Pa(a),
     Aa(a),
-    Fa(a),
     ba(a),
+    Fa(a),
     ka(a),
     va(a),
     ya(),
     Ia(),
+    Sa(),
+    Ca(a),
     Da(),
-    Sa(a),
-    Ca(),
     Ra(),
     Ha(a),
-    fa(a)
+    fa(a),
+    xa(a),
+    wa(a)
   );
 }
 export {
-  Ja as f
+  Qa as f
 };

package/theme/{palette.b6e02e1c.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,9 +129,9 @@ const e = {
     20: "#F7FCFC",
     30: "#F9FBFB",
     40: "#F0F4F4",
-    50: "#EFF3F4",
+    50: "#EAEFF0",
     60: "#E1E9EA",
-    70: "#DEE6E8",
+    70: "#E2E7E9",
     80: "#fff0",
     90: "#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 = {
@@ -307,7 +307,7 @@ const e = {
   default: r(e.coolGrey[50], 0.24),
   transition: r(e.coolGrey[50], 0.08)
 }, h = {
-  info: { ...g },
+  info: { ...A },
   success: { ...E },
   error: { ...C },
   warning: { ...D },
@@ -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,
@@ -339,7 +339,7 @@ const e = {
     mode: "light",
     text: {
       primary: e.ashBlak[10],
-      secondary: e.coolGrey[50],
+      secondary: e.coolGrey[60],
       disabled: e.coolGrey[30]
     },
     background: {
@@ -355,7 +355,7 @@ const e = {
     mode: "dark",
     text: {
       primary: e.marbleLight[30],
-      secondary: e.coolGrey[20],
+      secondary: e.coolGrey[10],
       disabled: e.coolGrey[50]
     },
     background: {

package/theme/{shadows.386e7ef4.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.b6e02e1c.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.006a6c85.js → typography.7591a12b.js}

@@ -1,10 +1,10 @@
 import "@mui/material/styles";
 import "@mui/material/useMediaQuery";
-import "../utils/getColorPresets.241c5bac.js";
+import "../utils/getColorPresets.2693301f.js";
 import "@mui/system";
-import "./defaultThemeOptions.e09f6ae8.js";
-import "./shadows.386e7ef4.js";
-import "./palette.b6e02e1c.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/types/augmentations.d.ts

@@ -46,6 +46,10 @@ declare module '@mui/material/styles/createPalette' {
         representative: string;
         /* info: AgumentationInfoOptions; */
     }
+
+    interface TypeText {
+        medium: string,
+    }
     interface PaletteOptions {
         gradients?: GradientsPaletteOptions;
         chart?: ChartPaletteOptions;

package/utils/{getColorPresets.241c5bac.js → getColorPresets.2693301f.js}

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

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

@@ -1,25 +1,27 @@
 import { alpha as r } from "@mui/system";
-import "../theme/defaultThemeOptions.e09f6ae8.js";
-import "../theme/shadows.386e7ef4.js";
-import { P as e, S as o } from "../theme/palette.b6e02e1c.js";
-import "../theme/typography.006a6c85.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 h = (a, l) => {
-  let t = {};
-  switch (a) {
+const v = (t, a) => {
+  let l = {};
+  switch (t) {
     case "patronus":
-      t = {
+      l = {
         light: {
           active12: r(e?.patronusBlue[50], 0.08),
           active: e?.patronusBlue[50],
           focus: e?.patronusBlue[40],
           hover: e?.patronusBlue[40],
-          overdefoult: r(e?.coolGrey[30], 0.4),
-          default: r(e?.marbleLight[50], 0.75),
-          borderDefault: e?.coolGrey[30],
+          overdefoult: r(e?.coolGrey[30], 0.16),
+          default: r(e?.marbleLight[60], 0.45),
+          borderDefault: e?.coolGrey[10],
           borderTop: e?.marbleLight[10],
           toneOp: "#D9E9FC",
+          scrollBar: "#bcc5c8",
+          gridHover: "#e7eeef",
           ...o
         },
         dark: {
@@ -29,25 +31,29 @@ const h = (a, l) => {
           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",
+          gridHover: "#282d2d",
           ...o
         }
       };
       break;
     case "turqui":
-      t = {
+      l = {
         light: {
           active12: r(e?.turquiBlue[50], 0.08),
           active: e?.turquiBlue[50],
           focus: e?.turquiBlue[70],
           hover: e?.turquiBlue[70],
-          overdefoult: r(e?.coolGrey[60], 0.1),
-          default: r(e?.marbleLight[50], 0.75),
+          overdefoult: r(e?.coolGrey[30], 0.16),
+          default: r(e?.marbleLight[60], 0.45),
           borderDefault: e?.coolGrey[40],
           borderTop: e?.marbleLight[10],
           toneOp: "#DEE9EB",
+          scrollBar: "#bcc5c8",
+          gridHover: "#e7eeef",
           ...o
         },
         dark: {
@@ -60,22 +66,26 @@ const h = (a, l) => {
           borderDefault: e?.coolGrey[20],
           borderTop: r(e?.marbleLight[10], 0.04),
           toneOp: "#314042",
+          scrollBar: "#414950",
+          gridHover: "#282d2d",
           ...o
         }
       };
       break;
     case "grass":
-      t = {
+      l = {
         light: {
           active12: r(e?.grassGreen[50], 0.08),
           active: e?.grassGreen[50],
           focus: e?.grassGreen[70],
           hover: e?.grassGreen[70],
-          overdefoult: r(e?.coolGrey[60], 0.1),
-          default: r(e?.marbleLight[50], 0.75),
+          overdefoult: r(e?.coolGrey[30], 0.16),
+          default: r(e?.marbleLight[60], 0.45),
           borderDefault: e?.coolGrey[40],
           borderTop: e?.marbleLight[10],
           toneOp: "#D9ECE6",
+          scrollBar: "#bcc5c8",
+          gridHover: "#e7eeef",
           ...o
         },
         dark: {
@@ -88,22 +98,26 @@ const h = (a, l) => {
           borderDefault: e?.coolGrey[20],
           borderTop: r(e?.marbleLight[10], 0.04),
           toneOp: "#2C433D",
+          scrollBar: "#414950",
+          gridHover: "#282d2d",
           ...o
         }
       };
       break;
     case "brown":
-      t = {
+      l = {
         light: {
           active12: r(e?.brown[50], 0.08),
           active: e?.brown[50],
           focus: e?.brown[90],
           hover: e?.brown[90],
-          overdefoult: r(e?.coolGrey[60], 0.1),
-          default: r(e?.marbleLight[50], 0.75),
+          overdefoult: r(e?.coolGrey[30], 0.16),
+          default: r(e?.marbleLight[60], 0.45),
           borderDefault: e?.coolGrey[40],
           borderTop: e?.marbleLight[10],
           toneOp: "#ECEAE6",
+          scrollBar: "#bcc5c8",
+          gridHover: "#e7eeef",
           ...o
         },
         dark: {
@@ -116,22 +130,26 @@ const h = (a, l) => {
           borderDefault: e?.coolGrey[20],
           borderTop: r(e?.marbleLight[10], 0.04),
           toneOp: "#3F413D",
+          scrollBar: "#414950",
+          gridHover: "#282d2d",
           ...o
         }
       };
       break;
     case "blaze":
-      t = {
+      l = {
         light: {
           active12: r(e?.blazeOrange[50], 0.08),
           active: e?.blazeOrange[50],
           focus: e?.blazeOrange[70],
           hover: e?.blazeOrange[70],
           overdefoult: r(e?.coolGrey[60], 0.1),
-          default: r(e?.marbleLight[50], 0.75),
+          default: r(e?.marbleLight[60], 0.45),
           borderDefault: e?.coolGrey[40],
           borderTop: e?.marbleLight[10],
           toneOp: "#F2F0EB",
+          scrollBar: "#bcc5c8",
+          gridHover: "#e7eeef",
           ...o
         },
         dark: {
@@ -144,22 +162,26 @@ const h = (a, l) => {
           borderDefault: e?.coolGrey[20],
           borderTop: r(e?.marbleLight[10], 0.04),
           toneOp: "#454742",
+          scrollBar: "#414950",
+          gridHover: "#282d2d",
           ...o
         }
       };
       break;
     default:
-      t = {
+      l = {
         light: {
           active12: r(e?.turquiBlue[50], 0.08),
           active: e?.turquiBlue[50],
           focus: e?.turquiBlue[70],
           hover: e?.turquiBlue[70],
-          overdefoult: r(e?.coolGrey[60], 0.1),
-          default: r(e?.marbleLight[50], 0.75),
+          overdefoult: r(e?.coolGrey[30], 0.16),
+          default: r(e?.marbleLight[60], 0.45),
           borderDefault: e?.coolGrey[40],
           borderTop: e?.marbleLight[10],
           toneOp: "#D9E9FC",
+          scrollBar: "#bcc5c8",
+          gridHover: "#e7eeef",
           ...o
         },
         dark: {
@@ -172,13 +194,15 @@ const h = (a, l) => {
           borderDefault: e?.coolGrey[20],
           borderTop: r(e?.marbleLight[10], 0.04),
           toneOp: "#2C4053",
+          scrollBar: "#414950",
+          gridHover: "#282d2d",
           ...o
         }
       };
       break;
   }
-  return l === "light" ? { ...t.light } : { ...t.dark };
+  return a === "light" ? { ...l.light } : { ...l.dark };
 };
 export {
-  h as g
+  v as g
 };

package/utils/getColorState.d.ts

@@ -15,5 +15,7 @@ export interface ColorStateOptions {
     error: StateDefault;
     skeleton: StateSkeleton;
     toneOp: string;
+    gridHover: string;
+    scrollBar: string;
 }
 export declare const getColorState: (presetsKey: ThemeColorPresets, mode: 'light' | 'dark') => ColorStateOptions;

package/theme/index.e131f0b1.js

@@ -1,7 +0,0 @@
-import "./defaultThemeOptions.e09f6ae8.js";
-import "./shadows.386e7ef4.js";
-import "./palette.b6e02e1c.js";
-import "./typography.006a6c85.js";
-import "@mui/material";
-import "@mui/material/styles";
-import "@mui/system";