@m4l/styles 0.0.23 → 0.0.25

package/theme/{typography.86a19de9.js → typography.248c39d2.js}

@@ -1,10 +1,10 @@
 import "@mui/material/styles";
 import "@mui/material/useMediaQuery";
-import "../utils/getColorPresets.8106cfef.js";
+import "../utils/getColorPresets.241c5bac.js";
 import "@mui/system";
-import "./defaultThemeOptions.605b5b1a.js";
-import "./shadows.1b2f7a87.js";
-import "./palette.688aaf56.js";
+import "./defaultThemeOptions.ce206b4e.js";
+import "./shadows.386e7ef4.js";
+import "./palette.b6e02e1c.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

@@ -18,7 +18,7 @@ declare module '@mui/material' {
 }
 
 declare module '@mui/material/styles/createPalette' {
-   
+
     interface SimplePaletteColorOptions {
         lighter?: string;
         darker?: string;

package/types/types.d.ts

@@ -1,4 +1,4 @@
-export declare type ThemeColorPresets = 'patronus' | 'turqui' | 'grass' | 'desert' | 'blaze';
+export declare type ThemeColorPresets = 'patronus' | 'turqui' | 'grass' | 'brown' | 'blaze';
 
 export interface GridPaletteOptions {
     sectionHeader: string;

package/utils/getColorPresets.241c5bac.js

@@ -0,0 +1,70 @@
+import { P as r } from "../theme/palette.b6e02e1c.js";
+const e = [
+  {
+    name: "patronus",
+    lighter: r.patronusBlue[60],
+    light: r.patronusBlue[40],
+    main: r.patronusBlue[50],
+    dark: r.patronusBlue[30],
+    darker: r.patronusBlue[10],
+    contrastText: r.marbleLight[10]
+  },
+  {
+    name: "turqui",
+    lighter: r.turquiBlue[70],
+    light: r.turquiBlue[40],
+    main: r.turquiBlue[50],
+    dark: r.turquiBlue[30],
+    darker: r.turquiBlue[10],
+    contrastText: r.marbleLight[10]
+  },
+  {
+    name: "grass",
+    lighter: r.grassGreen[70],
+    light: r.grassGreen[60],
+    main: r.grassGreen[50],
+    dark: r.grassGreen[40],
+    darker: r.grassGreen[10],
+    contrastText: r.marbleLight[10]
+  },
+  {
+    name: "brown",
+    lighter: r.brown[90],
+    light: r.brown[70],
+    main: r.brown[50],
+    dark: r.brown[30],
+    darker: r.brown[10],
+    contrastText: r.marbleLight[10]
+  },
+  {
+    name: "blaze",
+    lighter: r.blazeOrange[70],
+    light: r.blazeOrange[60],
+    main: r.blazeOrange[50],
+    dark: r.blazeOrange[30],
+    darker: r.blazeOrange[10],
+    contrastText: r.marbleLight[10]
+  }
+], a = e[0], n = e[1], s = e[2], l = e[3], u = e[4];
+function i(t) {
+  try {
+    return {
+      patronus: a,
+      turqui: n,
+      grass: s,
+      brown: l,
+      blaze: u
+    }[t];
+  } catch {
+  }
+  return a;
+}
+export {
+  s as a,
+  l as b,
+  e as c,
+  a as d,
+  u as e,
+  i as g,
+  n as t
+};

package/utils/getColorPresets.d.ts

@@ -44,7 +44,7 @@ export declare const grass: {
     darker: string;
     contrastText: string;
 };
-export declare const desert: {
+export declare const brown: {
     name: string;
     lighter: string;
     light: string;

package/utils/{getColorState.7b615773.js → getColorState.2c0892d1.js}

@@ -1,25 +1,26 @@
 import { alpha as r } from "@mui/system";
-import "../theme/defaultThemeOptions.605b5b1a.js";
-import "../theme/shadows.1b2f7a87.js";
-import { P as e, S as t } from "../theme/palette.688aaf56.js";
-import "../theme/typography.86a19de9.js";
+import "../theme/defaultThemeOptions.ce206b4e.js";
+import "../theme/shadows.386e7ef4.js";
+import { P as e, S as o } from "../theme/palette.b6e02e1c.js";
+import "../theme/typography.248c39d2.js";
 import "@mui/material";
 import "@mui/material/styles";
-const f = (a, l) => {
-  let o = {};
+const h = (a, l) => {
+  let t = {};
   switch (a) {
     case "patronus":
-      o = {
+      t = {
         light: {
           active12: r(e?.patronusBlue[50], 0.08),
           active: e?.patronusBlue[50],
           focus: e?.patronusBlue[40],
           hover: e?.patronusBlue[40],
-          overdefoult: r(e?.coolGrey[60], 0.1),
-          default: r(e?.marbleLight[40], 0.5),
-          borderDefault: e?.coolGrey[40],
+          overdefoult: r(e?.coolGrey[30], 0.4),
+          default: r(e?.marbleLight[70], 0.4),
+          borderDefault: e?.coolGrey[30],
           borderTop: e?.marbleLight[10],
-          ...t
+          toneOp: "#D9E9FC",
+          ...o
         },
         dark: {
           active12: r(e?.patronusBlue[50], 0.08),
@@ -27,25 +28,27 @@ const f = (a, l) => {
           focus: e?.patronusBlue[30],
           hover: e?.patronusBlue[30],
           overdefoult: r(e?.marbleLight[10], 0.1),
-          default: r(e?.marbleLight[10], 0.04),
+          default: r(e?.marbleLight[70], 0.02),
           borderDefault: e?.coolGrey[20],
           borderTop: r(e?.marbleLight[10], 0.04),
-          ...t
+          toneOp: "#2C4053",
+          ...o
         }
       };
       break;
     case "turqui":
-      o = {
+      t = {
         light: {
           active12: r(e?.turquiBlue[50], 0.08),
           active: e?.turquiBlue[50],
           focus: e?.turquiBlue[70],
           hover: e?.turquiBlue[70],
-          overdefoult: r(e?.coolGrey[70], 0.1),
-          default: r(e?.marbleLight[60], 0.3),
+          overdefoult: r(e?.coolGrey[60], 0.1),
+          default: r(e?.marbleLight[70], 0.4),
           borderDefault: e?.coolGrey[40],
           borderTop: e?.marbleLight[10],
-          ...t
+          toneOp: "#DEE9EB",
+          ...o
         },
         dark: {
           active12: r(e?.turquiBlue[50], 0.08),
@@ -53,25 +56,27 @@ const f = (a, l) => {
           focus: e?.turquiBlue[30],
           hover: e?.turquiBlue[30],
           overdefoult: r(e?.marbleLight[10], 0.1),
-          default: r(e?.marbleLight[10], 0.04),
+          default: r(e?.marbleLight[70], 0.02),
           borderDefault: e?.coolGrey[20],
           borderTop: r(e?.marbleLight[10], 0.04),
-          ...t
+          toneOp: "#314042",
+          ...o
         }
       };
       break;
     case "grass":
-      o = {
+      t = {
         light: {
           active12: r(e?.grassGreen[50], 0.08),
           active: e?.grassGreen[50],
           focus: e?.grassGreen[70],
           hover: e?.grassGreen[70],
-          overdefoult: r(e?.coolGrey[70], 0.1),
-          default: r(e?.marbleLight[60], 0.3),
+          overdefoult: r(e?.coolGrey[60], 0.1),
+          default: r(e?.marbleLight[70], 0.4),
           borderDefault: e?.coolGrey[40],
           borderTop: e?.marbleLight[10],
-          ...t
+          toneOp: "#D9ECE6",
+          ...o
         },
         dark: {
           active12: r(e?.grassGreen[50], 0.08),
@@ -79,51 +84,55 @@ const f = (a, l) => {
           focus: e?.grassGreen[40],
           hover: e?.grassGreen[40],
           overdefoult: r(e?.marbleLight[10], 0.1),
-          default: r(e?.marbleLight[10], 0.04),
+          default: r(e?.marbleLight[70], 0.02),
           borderDefault: e?.coolGrey[20],
           borderTop: r(e?.marbleLight[10], 0.04),
-          ...t
+          toneOp: "#2C433D",
+          ...o
         }
       };
       break;
-    case "desert":
-      o = {
+    case "brown":
+      t = {
         light: {
-          active12: r(e?.desertBeige[50], 0.08),
-          active: e?.desertBeige[50],
-          focus: e?.desertBeige[70],
-          hover: e?.desertBeige[70],
-          overdefoult: r(e?.marbleLight[70], 0.1),
-          default: r(e?.marbleLight[60], 0.3),
+          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[70], 0.4),
           borderDefault: e?.coolGrey[40],
           borderTop: e?.marbleLight[10],
-          ...t
+          toneOp: "#ECEAE6",
+          ...o
         },
         dark: {
-          active12: r(e?.desertBeige[50], 0.08),
-          active: e?.desertBeige[50],
-          focus: e?.desertBeige[40],
-          hover: e?.desertBeige[40],
+          active12: r(e?.brown[50], 0.08),
+          active: e?.brown[50],
+          focus: e?.brown[30],
+          hover: e?.brown[30],
           overdefoult: r(e?.marbleLight[10], 0.1),
-          default: r(e?.marbleLight[10], 0.04),
+          default: r(e?.marbleLight[70], 0.02),
           borderDefault: e?.coolGrey[20],
           borderTop: r(e?.marbleLight[10], 0.04),
-          ...t
+          toneOp: "#3F413D",
+          ...o
         }
       };
       break;
     case "blaze":
-      o = {
+      t = {
         light: {
           active12: r(e?.blazeOrange[50], 0.08),
           active: e?.blazeOrange[50],
           focus: e?.blazeOrange[70],
           hover: e?.blazeOrange[70],
-          overdefoult: r(e?.coolGrey[70], 0.1),
-          default: r(e?.marbleLight[60], 0.3),
+          overdefoult: r(e?.coolGrey[60], 0.1),
+          default: r(e?.marbleLight[70], 0.4),
           borderDefault: e?.coolGrey[40],
           borderTop: e?.marbleLight[10],
-          ...t
+          toneOp: "#F2F0EB",
+          ...o
         },
         dark: {
           active12: r(e?.blazeOrange[50], 0.08),
@@ -131,25 +140,27 @@ const f = (a, l) => {
           focus: e?.blazeOrange[30],
           hover: e?.blazeOrange[30],
           overdefoult: r(e?.marbleLight[10], 0.1),
-          default: r(e?.marbleLight[10], 0.04),
+          default: r(e?.marbleLight[70], 0.02),
           borderDefault: e?.coolGrey[20],
           borderTop: r(e?.marbleLight[10], 0.04),
-          ...t
+          toneOp: "#454742",
+          ...o
         }
       };
       break;
     default:
-      o = {
+      t = {
         light: {
           active12: r(e?.turquiBlue[50], 0.08),
           active: e?.turquiBlue[50],
           focus: e?.turquiBlue[70],
           hover: e?.turquiBlue[70],
-          overdefoult: r(e?.coolGrey[70], 0.1),
-          default: r(e?.marbleLight[60], 0.3),
+          overdefoult: r(e?.coolGrey[60], 0.1),
+          default: r(e?.marbleLight[70], 0.4),
           borderDefault: e?.coolGrey[40],
           borderTop: e?.marbleLight[10],
-          ...t
+          toneOp: "#D9E9FC",
+          ...o
         },
         dark: {
           active12: r(e?.turquiBlue[50], 0.08),
@@ -157,16 +168,17 @@ const f = (a, l) => {
           focus: e?.turquiBlue[30],
           hover: e?.turquiBlue[30],
           overdefoult: r(e?.marbleLight[10], 0.1),
-          default: r(e?.marbleLight[10], 0.04),
+          default: r(e?.marbleLight[70], 0.02),
           borderDefault: e?.coolGrey[20],
           borderTop: r(e?.marbleLight[10], 0.04),
-          ...t
+          toneOp: "#2C4053",
+          ...o
         }
       };
       break;
   }
-  return l === "light" ? { ...o.light } : { ...o.dark };
+  return l === "light" ? { ...t.light } : { ...t.dark };
 };
 export {
-  f as g
+  h as g
 };

package/utils/getColorState.d.ts

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

package/theme/index.c8a2f20d.js

@@ -1,7 +0,0 @@
-import "./defaultThemeOptions.605b5b1a.js";
-import "./shadows.1b2f7a87.js";
-import "./palette.688aaf56.js";
-import "./typography.86a19de9.js";
-import "@mui/material";
-import "@mui/material/styles";
-import "@mui/system";

package/theme/overrides/index.ed4b5bcb.js

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

package/utils/getColorPresets.8106cfef.js

@@ -1,70 +0,0 @@
-import { P as e } from "../theme/palette.688aaf56.js";
-const r = [
-  {
-    name: "patronus",
-    lighter: e.patronusBlue[60],
-    light: e.patronusBlue[40],
-    main: e.patronusBlue[50],
-    dark: e.patronusBlue[30],
-    darker: e.patronusBlue[10],
-    contrastText: e.marbleLight[10]
-  },
-  {
-    name: "turqui",
-    lighter: e.turquiBlue[70],
-    light: e.turquiBlue[40],
-    main: e.turquiBlue[50],
-    dark: e.turquiBlue[30],
-    darker: e.turquiBlue[10],
-    contrastText: e.marbleLight[10]
-  },
-  {
-    name: "grass",
-    lighter: e.grassGreen[70],
-    light: e.grassGreen[60],
-    main: e.grassGreen[50],
-    dark: e.grassGreen[40],
-    darker: e.grassGreen[10],
-    contrastText: e.marbleLight[10]
-  },
-  {
-    name: "desert",
-    lighter: e.desertBeige[70],
-    light: e.desertBeige[60],
-    main: e.desertBeige[50],
-    dark: e.desertBeige[40],
-    darker: e.desertBeige[10],
-    contrastText: e.marbleLight[10]
-  },
-  {
-    name: "blaze",
-    lighter: e.blazeOrange[70],
-    light: e.blazeOrange[60],
-    main: e.blazeOrange[50],
-    dark: e.blazeOrange[30],
-    darker: e.blazeOrange[10],
-    contrastText: e.marbleLight[10]
-  }
-], t = r[0], s = r[1], n = r[2], l = r[3], u = r[4];
-function o(a) {
-  try {
-    return {
-      patronus: t,
-      turqui: s,
-      grass: n,
-      desert: l,
-      blaze: u
-    }[a];
-  } catch {
-  }
-  return t;
-}
-export {
-  n as a,
-  l as b,
-  r as c,
-  t as d,
-  u as e,
-  o as g,
-  s as t
-};