@m4l/styles 3.2.3 → 6.1.0

package/config.d.ts

@@ -1,4 +1,4 @@
-import { Sizes } from './types';
+import { Sizes } from "./theme/sizes";
 export declare const muiBreakpointsValues: {
     values: {
         xs: number;

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/index-BZonCMpk.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-DLjfQaz-.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.1.0",
   "license": "UNLICENSED",
   "author": "m4l team",
   "dependencies": {

package/theme/index-BZonCMpk.js

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

package/theme/index.d.ts

@@ -1,7 +1,8 @@
 export type { CustomShadowOptions } from './shadows';
-export { defaultThemeOptions } from './defaultThemeOptions';
+export { OUR_THEME } from './ourTheme';
 export { shadows, createCustomShadows } from './shadows';
 export * from './palette';
 export { typography } from './typography';
 export type { M4LTypographyVariants } from './typography';
+export * from './sizes';
 export { fnComponentsOverrides } from './overrides';

package/theme/ourTheme.d.ts

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