@m4l/styles 3.2.3 → 6.0.0

package/index.js

@@ -1,35 +1,35 @@
 import { D as o, g as a, m as r } from "./config-B8bZIPuH.js";
-import { d as p } from "./theme/defaultThemeOptions-BlJvKCE6.js";
-import { c as f, s as x } from "./theme/shadows-GTYqExFA.js";
+import { O as p, g as m } from "./theme/defaultThemeOptions-DVY68pts.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-B9xZa27y.js";
-import { B as n, a as E, C as i, G as T, g as u, p as P } from "./theme/palette-DM0gXxA2.js";
-import { u as d } from "./utils/useResponsive-DaeQVwlH.js";
-import { D as A, d as L, g as B } from "./utils/getColorPresets-CXZaM9oS.js";
-import { g as D, p as F, a as v, r as y } from "./utils/getFontValue-BEO-XID9.js";
-import { g as w } from "./utils/getColorState-D1JKXD4T.js";
+import { f as S } from "./theme/overrides/index-BOMUIneQ.js";
+import { B as n, a as R, C as T, G as i, p as P } from "./theme/palette-voCQl3kP.js";
+import { u } from "./utils/useResponsive-DaeQVwlH.js";
+import { D as L, d, g as B } from "./utils/getColorPresets-DgmrCj5l.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 {
   n as BASE_COLORS,
-  E as BASE_OPACITY_COLORS,
-  i as COMMON_COLORS,
-  A as DEFAULT_PRESET,
+  R as BASE_OPACITY_COLORS,
+  T as COMMON_COLORS,
+  L as DEFAULT_PRESET,
   o as DEFAULT_SIZE,
-  T as GREY_PALETTE,
-  f as createCustomShadows,
-  L as defaultPresetColors,
-  p as defaultThemeOptions,
+  i as GREY_PALETTE,
+  p as OUR_THEME,
+  O as createCustomShadows,
+  d as defaultPresetColors,
   S as fnComponentsOverrides,
   B as getColorPresets,
-  w as getColorState,
-  D as getFontValue,
-  u as getPaletteByPreset,
+  U as getColorState,
+  F as getFontValue,
+  m as getPaletteByPreset,
   a as globalRemSize,
   r as muiBreakpointsValues,
   P as presetsOptions,
-  F as pxToRem,
+  h as pxToRem,
   v as remToPx,
   y as responsiveFontSizes,
   x as shadows,
   g as typography,
-  d as useResponsive
+  u as useResponsive
 };

package/package.json

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

package/theme/defaultThemeOptions-DVY68pts.js

@@ -0,0 +1,125 @@
+import { createTheme as u, alpha as O } from "@mui/material/styles";
+import { t as s } from "./typography-BsOO459U.js";
+import { s as L, c as y } from "./shadows-Cek_1mpN.js";
+import { C as i, D as l, B as r, P as d, a as o, S as n, G as m, b as c, c as g, d as b, e as p } from "./palette-voCQl3kP.js";
+import { g as C } from "../utils/getColorPresets-DgmrCj5l.js";
+const a = {
+  light: {
+    scrollBar: "#5663763D",
+    gridHover: "#FCFCFC"
+  },
+  dark: {
+    scrollBar: "#5663765D",
+    gridHover: "#282E2E"
+  }
+}, R = (e) => {
+  const t = b?.[e], f = p?.[e];
+  return {
+    light: {
+      mode: "light",
+      common: i,
+      primary: {
+        ...t
+      },
+      default: {
+        ...l,
+        focusVisible: t.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: l.hover,
+        //por compatibilidad de mui
+        paper: ""
+      },
+      border: {
+        main: d[e]?.borderMainLight,
+        default: o.oxford[30],
+        secondary: o.oxford[20],
+        dens: o.oxford[50],
+        disabled: o.oxford[10],
+        error: n.error.main
+      },
+      general: {
+        scrollBar: a.light.scrollBar,
+        gridHover: a.light.gridHover
+      },
+      grey: m,
+      skeleton: {
+        default: o.oxford[10],
+        transition: o.oxford[20]
+      },
+      ...n
+    },
+    dark: {
+      mode: "dark",
+      common: i,
+      primary: {
+        ...t
+      },
+      default: {
+        ...c,
+        focusVisible: f?.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: c.hover,
+        //por compatibilidad de mui
+        paper: ""
+      },
+      border: {
+        main: d[e]?.borderMainDark,
+        default: o.mint[50],
+        secondary: o.mint[40],
+        dens: o.mint[60],
+        disabled: o.mint[20],
+        error: g.error.main
+      },
+      general: {
+        scrollBar: a.light.scrollBar,
+        gridHover: a.light.gridHover
+      },
+      grey: m,
+      skeleton: {
+        default: o.mint[20],
+        transition: o.mint[40]
+      },
+      ...g
+    }
+  };
+}, _ = u(), h = R("patronus"), v = {
+  ...s,
+  ...L.light,
+  ...h,
+  customShadows: {
+    primary: `0 8px 16px 0 ${O(C("patronus").main, 0.2)}`,
+    ...y("light")
+  },
+  stretch: !0,
+  palette: {
+    ..._.palette,
+    ...h.light
+  },
+  typography: s
+};
+export {
+  v as O,
+  R as g
+};

package/theme/defaultThemeOptions.d.ts

@@ -1 +1,2 @@
-export declare const defaultThemeOptions: any;
+import { OurTheme } from '../types/types';
+export declare const OUR_THEME: OurTheme;

package/theme/index.d.ts

@@ -1,5 +1,5 @@
 export type { CustomShadowOptions } from './shadows';
-export { defaultThemeOptions } from './defaultThemeOptions';
+export { OUR_THEME } from './defaultThemeOptions';
 export { shadows, createCustomShadows } from './shadows';
 export * from './palette';
 export { typography } from './typography';