@m4l/styles 6.1.1 → 6.2.1

package/index.js

@@ -1,11 +1,11 @@
 import { D as o, g as a, m as r } from "./config-B8bZIPuH.js";
-import { O as p, g as m } from "./theme/index-Y2nvv8zQ.js";
-import { c as O, s as x } from "./theme/shadows-Cek_1mpN.js";
-import { t as g } from "./theme/typography-BsOO459U.js";
-import { f as S } from "./theme/overrides/index-DLjfQaz-.js";
-import { B as n, a as R, C as T, G as i, p as P } from "./theme/palette-voCQl3kP.js";
+import { O as p, g as m } from "./theme/index-CvuA5MdE.js";
+import { c as O, s as x } from "./theme/shadows-BTb924yW.js";
+import { t as g } from "./theme/typography-BSiavZtl.js";
+import { f as S } from "./theme/overrides/index-Bc-JdivL.js";
+import { B as n, a as R, C as T, G as i, p as P } from "./theme/palette-C5yYre7Z.js";
 import { u } from "./utils/useResponsive-DaeQVwlH.js";
-import { D as L, d, g as B } from "./utils/getColorPresets-DgmrCj5l.js";
+import { D as L, d, g as B } from "./utils/getColorPresets-CJ_S_BFb.js";
 import { g as F, p as h, a as v, r as y } from "./utils/getFontValue-BEO-XID9.js";
 import { g as U } from "./utils/getColorState-D1JKXD4T.js";
 export {

package/package.json

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

package/theme/index-CvuA5MdE.js

@@ -0,0 +1,227 @@
+import { createTheme as b, alpha as x } from "@mui/material/styles";
+import { T as h, t as c } from "./typography-BSiavZtl.js";
+import { s as O, c as R } from "./shadows-BTb924yW.js";
+import { C as n, D as m, B as r, P as d, a as e, S as a, G as u, b as f, c as t, d as _, e as S } from "./palette-C5yYre7Z.js";
+import { g as y } from "../utils/getColorPresets-CJ_S_BFb.js";
+const p = {
+  light: {
+    scrollBar: "#5663763D",
+    gridHover: "#FCFCFC"
+  },
+  dark: {
+    scrollBar: "#5663765D",
+    gridHover: "#282E2E"
+  }
+}, L = (l) => {
+  const o = _?.[l], i = S?.[l];
+  return {
+    light: {
+      mode: "light",
+      common: n,
+      primary: {
+        ...o
+      },
+      default: {
+        ...m,
+        focusVisible: o.focusVisible,
+        contrastText: r.onyx[20]
+      },
+      divider: r.coolGrey[20],
+      text: {
+        primary: r.onyx[20],
+        secondary: r.coolGrey[50],
+        disabled: r.oxford[30]
+      },
+      background: {
+        default: r.marbleLight[10],
+        neutral: r.marbleLight[30],
+        surface: r.marbleLight[50],
+        hover: m.hover,
+        //por compatibilidad de mui
+        paper: ""
+      },
+      border: {
+        main: d[l]?.borderMainLight,
+        default: e.oxford[40],
+        secondary: e.oxford[30],
+        dens: e.oxford[60],
+        disabled: e.oxford[10],
+        error: a.error.main
+      },
+      general: {
+        scrollBar: p.light.scrollBar,
+        gridHover: p.light.gridHover
+      },
+      grey: u,
+      skeleton: {
+        default: e.oxford[10],
+        transition: e.oxford[20]
+      },
+      info: {
+        ...a.info,
+        focusVisible: o.focusVisible
+      },
+      success: {
+        ...a.success,
+        focusVisible: o.focusVisible
+      },
+      warning: {
+        ...a.warning,
+        focusVisible: o.focusVisible
+      },
+      error: {
+        ...a.error,
+        focusVisible: o.focusVisible
+      }
+    },
+    dark: {
+      mode: "dark",
+      common: n,
+      primary: {
+        ...i
+      },
+      default: {
+        ...f,
+        focusVisible: i?.focusVisible,
+        contrastText: r.marbleLight[30]
+      },
+      text: {
+        primary: r.marbleLight[30],
+        secondary: r.coolGrey[20],
+        disabled: r.coolGrey[50]
+      },
+      divider: r.coolGrey[80],
+      background: {
+        default: r.onyx[40],
+        neutral: r.marbleLight[50],
+        surface: r.marbleLight[60],
+        hover: f.hover,
+        //por compatibilidad de mui
+        paper: ""
+      },
+      border: {
+        main: d[l]?.borderMainDark,
+        default: e.mint[50],
+        secondary: e.mint[40],
+        dens: e.mint[60],
+        disabled: e.mint[20],
+        error: t.error.main
+      },
+      general: {
+        scrollBar: p.light.scrollBar,
+        gridHover: p.light.gridHover
+      },
+      grey: u,
+      skeleton: {
+        default: e.mint[20],
+        transition: e.mint[40]
+      },
+      info: {
+        ...t.info,
+        focusVisible: i.focusVisible
+      },
+      success: {
+        ...t.success,
+        focusVisible: i.focusVisible
+      },
+      warning: {
+        ...t.warning,
+        focusVisible: i.focusVisible
+      },
+      error: {
+        ...t.error,
+        focusVisible: i.focusVisible
+      }
+    }
+  };
+}, E = {
+  r0: "0px",
+  "r0.5": "2px",
+  r1: "4px",
+  "r1.5": "6px",
+  r2: "8px",
+  r3: "12px",
+  r4: "16px"
+}, s = {
+  sp0: "0px",
+  "sp0.5": "2px",
+  sp1: "4px",
+  sp2: "8px",
+  sp3: "12px",
+  "sp3.5": "14px",
+  sp4: "16px",
+  sp5: "20px",
+  sp6: "24px",
+  sp7: "28px",
+  sp8: "32px",
+  sp9: "36px",
+  sp10: "40px",
+  "sp10.5": "42px",
+  sp11: "44px",
+  sp12: "48px",
+  sp13: "52px",
+  sp14: "56px",
+  "sp14.5": "58px"
+}, C = {
+  base: {
+    small: s["sp3.5"],
+    medium: s.sp4,
+    large: s.sp5
+  },
+  action: {
+    small: s.sp5,
+    medium: s.sp6,
+    large: s.sp8
+  },
+  container: {
+    small: s.sp7,
+    medium: s.sp8,
+    large: s.sp9
+  }
+}, T = {
+  base: {
+    small: s.sp5,
+    medium: s.sp6,
+    large: s.sp7
+  },
+  action: {
+    small: s.sp7,
+    medium: s.sp8,
+    large: s.sp9
+  },
+  container: {
+    small: s.sp9,
+    medium: s.sp10,
+    large: s.sp11
+  }
+}, V = {
+  desktop: {
+    ...C
+  },
+  mobile: {
+    ...T
+  },
+  borderRadius: {
+    ...E
+  },
+  typography: h
+}, A = b(), g = L("patronus"), G = {
+  ...c,
+  ...O.light,
+  ...g,
+  customShadows: {
+    primary: `0 8px 16px 0 ${x(y("patronus").main, 0.2)}`,
+    ...R("light")
+  },
+  stretch: !0,
+  palette: {
+    ...A.palette,
+    ...g.light
+  },
+  typography: c,
+  size: V
+};
+export {
+  G as O,
+  L as g
+};

package/theme/overrides/M4LExtendedComponents/{index-BO_x8lkT.js → index-BciWnNTM.js}

@@ -1,5 +1,5 @@
 import { alpha as r } from "@mui/material/styles";
-import { B as t } from "../../palette-voCQl3kP.js";
+import { B as t } from "../../palette-C5yYre7Z.js";
 const i = (o) => ({
   M4LIcon: {
     styleOverrides: {

package/theme/overrides/{index-DLjfQaz-.js → index-Bc-JdivL.js}

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