@m4l/styles 6.1.0 → 6.1.1

package/index.js

@@ -1,5 +1,5 @@
 import { D as o, g as a, m as r } from "./config-B8bZIPuH.js";
-import { O as p, g as m } from "./theme/index-BZonCMpk.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";

package/package.json

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

package/theme/{index-BZonCMpk.js → index-Y2nvv8zQ.js}

@@ -1,8 +1,8 @@
-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";
+import { createTheme as h, alpha as O } from "@mui/material/styles";
+import { t as p } from "./typography-BsOO459U.js";
+import { s as R, c as _ } from "./shadows-Cek_1mpN.js";
+import { C as i, D as l, B as s, P as m, a as e, S as d, G as n, b as c, c as x, d as b, e as f } from "./palette-voCQl3kP.js";
+import { g as S } from "../utils/getColorPresets-DgmrCj5l.js";
 const o = {
   light: {
     scrollBar: "#5663763D",
@@ -12,17 +12,17 @@ const o = {
     scrollBar: "#5663765D",
     gridHover: "#282E2E"
   }
-}, E = (a) => {
-  const t = f?.[a], h = S?.[a];
+}, L = (a) => {
+  const t = b?.[a], u = f?.[a];
   return {
     light: {
       mode: "light",
-      common: l,
+      common: i,
       primary: {
         ...t
       },
       default: {
-        ...m,
+        ...l,
         focusVisible: t.focusVisible,
         contrastText: s.onyx[20]
       },
@@ -36,17 +36,17 @@ const o = {
         default: s.marbleLight[10],
         neutral: s.marbleLight[30],
         surface: s.marbleLight[50],
-        hover: m.hover,
+        hover: l.hover,
         //por compatibilidad de mui
         paper: ""
       },
       border: {
-        main: d[a]?.borderMainLight,
+        main: m[a]?.borderMainLight,
         default: e.oxford[40],
         secondary: e.oxford[30],
         dens: e.oxford[60],
         disabled: e.oxford[10],
-        error: p.error.main
+        error: d.error.main
       },
       general: {
         scrollBar: o.light.scrollBar,
@@ -57,17 +57,17 @@ const o = {
         default: e.oxford[10],
         transition: e.oxford[20]
       },
-      ...p
+      ...d
     },
     dark: {
       mode: "dark",
-      common: l,
+      common: i,
       primary: {
         ...t
       },
       default: {
         ...c,
-        focusVisible: h?.focusVisible,
+        focusVisible: u?.focusVisible,
         contrastText: s.marbleLight[30]
       },
       text: {
@@ -85,12 +85,12 @@ const o = {
         paper: ""
       },
       border: {
-        main: d[a]?.borderMainDark,
+        main: m[a]?.borderMainDark,
         default: e.mint[50],
         secondary: e.mint[40],
         dens: e.mint[60],
         disabled: e.mint[20],
-        error: g.error.main
+        error: x.error.main
       },
       general: {
         scrollBar: o.light.scrollBar,
@@ -101,38 +101,38 @@ const o = {
         default: e.mint[20],
         transition: e.mint[40]
       },
-      ...g
+      ...x
     }
   };
-}, y = {
-  r0: 0,
-  "r0.5": 2,
-  r1: 4,
-  "r1.5": 6,
-  r2: 8,
-  r3: 12,
-  r4: 16
+}, E = {
+  r0: "0px",
+  "r0.5": "2px",
+  r1: "4px",
+  "r1.5": "6px",
+  r2: "8px",
+  r3: "12px",
+  r4: "16px"
 }, 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 = {
+  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"
+}, y = {
   base: {
     small: r["sp3.5"],
     medium: r.sp4,
@@ -148,7 +148,7 @@ const o = {
     medium: r.sp8,
     large: r.sp9
   }
-}, T = {
+}, C = {
   base: {
     small: r.sp5,
     medium: r.sp6,
@@ -164,33 +164,33 @@ const o = {
     medium: r.sp10,
     large: r.sp11
   }
-}, x = {
+}, T = {
   desktop: {
-    ...C
+    ...y
   },
   mobile: {
-    ...T
+    ...C
   },
   borderRadius: {
-    ...y
+    ...E
   }
-}, A = O(), u = E("patronus"), G = {
-  ...i,
-  ..._.light,
-  ...u,
+}, A = h(), g = L("patronus"), G = {
+  ...p,
+  ...R.light,
+  ...g,
   customShadows: {
-    primary: `0 8px 16px 0 ${R(L("patronus").main, 0.2)}`,
-    ...b("light")
+    primary: `0 8px 16px 0 ${O(S("patronus").main, 0.2)}`,
+    ..._("light")
   },
   stretch: !0,
   palette: {
     ...A.palette,
-    ...u.light
+    ...g.light
   },
-  typography: i,
-  size: x
+  typography: p,
+  size: T
 };
 export {
   G as O,
-  E as g
+  L as g
 };

package/theme/sizes/types.d.ts

@@ -3,37 +3,37 @@
  * componentes de la aplicación web.
 */
 export interface BaseBorderRadius {
-    'r0': number;
-    'r0.5': number;
-    'r1': number;
-    'r1.5': number;
-    'r2': number;
-    'r3': number;
-    'r4': number;
+    'r0': string;
+    'r0.5': string;
+    'r1': string;
+    'r1.5': string;
+    'r2': string;
+    'r3': string;
+    'r4': string;
 }
 /**
  * Conjunto de valores predeterminados utilizados para definir el tamaño y espaciados en los componentes de la aplicación web.
 */
 export interface BaseSpacings {
-    'sp0': number;
-    'sp0.5': number;
-    'sp1': number;
-    'sp2': number;
-    'sp3': number;
-    'sp3.5': number;
-    'sp4': number;
-    'sp5': number;
-    'sp6': number;
-    'sp7': number;
-    'sp8': number;
-    'sp9': number;
-    'sp10': number;
-    'sp10.5': number;
-    'sp11': number;
-    'sp12': number;
-    'sp13': number;
-    'sp14': number;
-    'sp14.5': number;
+    'sp0': string;
+    'sp0.5': string;
+    'sp1': string;
+    'sp2': string;
+    'sp3': string;
+    'sp3.5': string;
+    'sp4': string;
+    'sp5': string;
+    'sp6': string;
+    'sp7': string;
+    'sp8': string;
+    'sp9': string;
+    'sp10': string;
+    'sp10.5': string;
+    'sp11': string;
+    'sp12': string;
+    'sp13': string;
+    'sp14': string;
+    'sp14.5': string;
 }
 /**
  * type usado para tipar las props sizes de los componentes o sus derivaciones
@@ -43,7 +43,7 @@ export declare type Sizes = 'small' | 'medium' | 'large';
  * Representa al conjunto de valores de tamaño que tienen en cuenta la variación de tamaño en la aplicación web.
  * Puede ser small, medium y large.
 */
-export declare type SizesValues = Record<Sizes, number>;
+export declare type SizesValues = Record<Sizes, string>;
 /**
  * Representa a los conjuntos de valores que utilizan los desarroladores para definir diferentes categorías de componentes en tamaños y espacios.
  * base: Es la clasificación de altura para componentes de tipo general, los cuales no son de categoría de acción ni de categoría contenedora.