@m4l/styles 6.1.1 → 6.2.0

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-Cmq61IsH.js";
+import { c as O, s as x } from "./theme/shadows-DmISA5S1.js";
+import { t as g } from "./theme/typography-BSiavZtl.js";
+import { f as S } from "./theme/overrides/index-R-QzrtEX.js";
+import { B as n, a as R, C as T, G as i, p as P } from "./theme/palette-DNUOTnQG.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-ClqVMwFE.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.0",
   "license": "UNLICENSED",
   "author": "m4l team",
   "dependencies": {

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

@@ -1,8 +1,8 @@
 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";
+import { T as R, t as p } from "./typography-BSiavZtl.js";
+import { s as _, c as b } from "./shadows-DmISA5S1.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 g, d as f, e as S } from "./palette-DNUOTnQG.js";
+import { g as y } from "../utils/getColorPresets-ClqVMwFE.js";
 const o = {
   light: {
     scrollBar: "#5663763D",
@@ -13,7 +13,7 @@ const o = {
     gridHover: "#282E2E"
   }
 }, L = (a) => {
-  const t = b?.[a], u = f?.[a];
+  const t = f?.[a], u = S?.[a];
   return {
     light: {
       mode: "light",
@@ -90,7 +90,7 @@ const o = {
         secondary: e.mint[40],
         dens: e.mint[60],
         disabled: e.mint[20],
-        error: x.error.main
+        error: g.error.main
       },
       general: {
         scrollBar: o.light.scrollBar,
@@ -101,7 +101,7 @@ const o = {
         default: e.mint[20],
         transition: e.mint[40]
       },
-      ...x
+      ...g
     }
   };
 }, E = {
@@ -132,7 +132,7 @@ const o = {
   sp13: "52px",
   sp14: "56px",
   "sp14.5": "58px"
-}, y = {
+}, C = {
   base: {
     small: r["sp3.5"],
     medium: r.sp4,
@@ -148,7 +148,7 @@ const o = {
     medium: r.sp8,
     large: r.sp9
   }
-}, C = {
+}, T = {
   base: {
     small: r.sp5,
     medium: r.sp6,
@@ -164,33 +164,34 @@ const o = {
     medium: r.sp10,
     large: r.sp11
   }
-}, T = {
+}, A = {
   desktop: {
-    ...y
+    ...C
   },
   mobile: {
-    ...C
+    ...T
   },
   borderRadius: {
     ...E
-  }
-}, A = h(), g = L("patronus"), G = {
+  },
+  typography: R
+}, P = h(), x = L("patronus"), H = {
   ...p,
-  ...R.light,
-  ...g,
+  ..._.light,
+  ...x,
   customShadows: {
-    primary: `0 8px 16px 0 ${O(S("patronus").main, 0.2)}`,
-    ..._("light")
+    primary: `0 8px 16px 0 ${O(y("patronus").main, 0.2)}`,
+    ...b("light")
   },
   stretch: !0,
   palette: {
-    ...A.palette,
-    ...g.light
+    ...P.palette,
+    ...x.light
   },
   typography: p,
-  size: T
+  size: A
 };
 export {
-  G as O,
+  H as O,
   L as g
 };

package/theme/overrides/M4LExtendedComponents/{index-BO_x8lkT.js → index-BRJrPI_I.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-DNUOTnQG.js";
 const i = (o) => ({
   M4LIcon: {
     styleOverrides: {

package/theme/overrides/{index-DLjfQaz-.js → index-R-QzrtEX.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-BRJrPI_I.js";
 function ta(a) {
   return Object.assign(
     s(a),

package/theme/{palette-voCQl3kP.js → palette-DNUOTnQG.js}

@@ -2,214 +2,393 @@ import { alpha as a } from "@mui/material/styles";
 const t = {
   patronusBlue: {
     toneOpacity10: "#EBF3FF",
+    // comprobado
     toneOpacity20: "#263747",
+    // comprobado
     10: "#DBE9FF",
+    // comprobado
     20: "#B6D3FF",
+    // comprobado
     30: "#6DA8FF",
+    // comprobado
     40: "#3787FF",
+    // comprobado
     50: "#0064FF",
+    // comprobado
     60: "#0050C8",
+    // comprobado
     70: "#003A92",
+    // comprobado
     80: "#00245B",
+    // comprobado
     90: "#000F24",
+    // comprobado
     100: "#2C4053"
+    // Todo: Validar este color desde figma
   },
   crayonBlue: {
     toneOpacity10: "#E5EEFC",
+    // comprobado
     toneOpacity20: "#263543",
-    10: "#D9E9FF",
-    20: "#88B7FC",
-    30: "#6AA4F9",
-    40: "#5494F3",
-    50: "#2774E6",
-    60: "#2367CC",
-    70: "#1F5AB3",
-    80: "#1A4D99",
-    90: "#113366",
+    // comprobado
+    10: "#D7E6FC",
+    // comprobado
+    20: "#BBD4FA",
+    // comprobado
+    30: "#A4C6F9",
+    // comprobado
+    40: "#87B4F7",
+    // comprobado
+    50: "#5494F3",
+    // comprobado
+    60: "#2B7BF0",
+    // comprobado
+    70: "#1064E0",
+    // comprobado
+    80: "#0E56C2",
+    // comprobado
+    90: "#0A3F8F",
+    // comprobado
     100: "#113366"
+    // Todo: Validar este color desde figma
   },
   middleYellow: {
     toneOpacity10: "#FBF9E0",
+    // comprobado
     toneOpacity20: "#3C4027",
-    10: "#FFFBCE",
-    20: "#FFF79C",
-    30: "#FFF46B",
-    40: "#FFF039",
-    50: "#FFEC08",
-    60: "#E5D400",
-    70: "#9E9200",
-    80: "#696100",
-    90: "#353100",
+    // comprobado
+    10: "#FFFDE9",
+    // comprobado
+    20: "#FFFBC5",
+    // comprobado
+    30: "#FFF688",
+    // comprobado
+    40: "#FFF25A",
+    // comprobado
+    50: "#FFEF26",
+    // comprobado
+    60: "#EFDD00",
+    // comprobado
+    70: "#D0C000",
+    // comprobado
+    80: "#BBAD00",
+    // comprobado
+    90: "#877D00",
+    // comprobado
     100: "#353100"
+    // Todo: Validar este color desde figma
   },
   acidGreen: {
     toneOpacity10: "#E9F8E5",
+    // comprobado
     toneOpacity20: "#2A3F2C",
-    10: "#CDFFC2",
-    20: "#A8FF97",
-    30: "#83FF6B",
-    40: "#5EFF40",
-    50: "#39FF14",
-    60: "#47CC2D",
-    70: "#1F9009",
-    80: "#176E05",
-    90: "#0B3D00",
+    // comprobado
+    10: "#ECFAEA",
+    // comprobado
+    20: "#C7F1BF",
+    // comprobado
+    30: "#A2E794",
+    // comprobado
+    40: "#7CDE69",
+    // comprobado
+    50: "#47CC2D",
+    // comprobado
+    60: "#3CAD26",
+    // comprobado
+    70: "#2E851D",
+    // comprobado
+    80: "#246617",
+    // comprobado
+    90: "#153D0E",
+    // comprobado
     100: "#0B3D00"
+    // Todo: Validar este color desde figma
   },
   grassGreen: {
     toneOpacity10: "#D9ECE6",
+    // comprobado
     toneOpacity20: "#27423A",
+    // comprobado
     10: "#E3F4EB",
+    // comprobado
     20: "#AADEC2",
+    // comprobado
     30: "#7BCCA1",
+    // comprobado
     40: "#3FA26D",
+    // comprobado
     50: "#00804C",
+    // comprobado
     60: "#005B37",
+    // comprobado
     70: "#004026",
+    // comprobado
     80: "#002416",
+    // comprobado
     90: "#00120B",
+    // comprobado
     100: "#2C433D"
+    // Todo: Validar este color desde figma
   },
   desertBeige: {
     toneOpacity10: "#F2F0EB",
+    // comprobado
     toneOpacity20: "#454742",
+    // comprobado
     10: "#F6EBE2",
+    // comprobado
     20: "#EDD7C5",
+    // comprobado
     30: "#E7CAB1",
+    // comprobado
     40: "#DDB490",
+    // comprobado
     50: "#D4A276",
+    // comprobado
     60: "#BD8F68",
+    // comprobado
     70: "#AD794C",
+    // comprobado
     80: "#90653F",
+    // comprobado
     90: "#735133",
+    // comprobado
     100: "#454742"
+    // Todo: Validar este color desde figma
   },
   turquiBlue: {
     toneOpacity10: "#DEE9EB",
+    // comprobado
     toneOpacity20: "#314042",
+    // comprobado
     10: "#C8E1EC",
+    // comprobado
     20: "#A3CDDF",
+    // comprobado
     30: "#76A5BA",
+    // comprobado
     40: "#377F9D",
+    // comprobado
     50: "#2A6077",
+    // comprobado
     60: "#214C5F",
+    // comprobado
     70: "#1B3F4E",
+    // comprobado
     80: "#15313C",
+    // comprobado
     90: "#0F232B",
+    // comprobado
     100: "#314042"
+    // Todo: Validar este color desde figma
   },
   blazeOrange: {
     toneOpacity10: "#F4EFE1",
+    // comprobado
     toneOpacity20: "#474638",
+    // comprobado
     10: "#F9E9D0",
+    // comprobado
     20: "#F4D3A1",
+    // comprobado
     30: "#F2BD6D",
+    // comprobado
     40: "#EBAE53",
+    // comprobado
     50: "#E59722",
+    // comprobado
     60: "#BA7916",
+    // comprobado
     70: "#925F11",
+    // comprobado
     80: "#774D0E",
-    90: "#735133",
+    // comprobado
+    90: "#55370A",
+    // comprobado
     100: "#474638"
+    // Todo: Validar este color desde figma
   },
   flameRed: {
     toneOpacity10: "#FCDEDC",
+    // comprobado
     toneOpacity20: "#3E3231",
-    10: "#FFD8D8",
-    20: "#F59292",
-    30: "#F66A6A",
-    40: "#F15B50",
-    50: "#F71919",
-    60: "#D31616",
-    70: "#AF1212",
+    // comprobado
+    10: "#FCDEDC",
+    // comprobado
+    20: "#F9BDB9",
+    // comprobado
+    30: "#F79D96",
+    // comprobado
+    40: "#F47C73",
+    // comprobado
+    50: "#F15B50",
+    // comprobado
+    60: "#EE382B",
+    // comprobado
+    70: "#D01E11",
+    // comprobado
     80: "#8A0F0F",
+    // Todo: Validar este color desde figma
     90: "#660C0C",
+    // Todo: Validar este color desde figma
     100: "#660C0C"
+    // Todo: Validar este color desde figma
   },
   coolGrey: {
     toneOpacity10: "#",
+    // No aplica
     toneOpacity20: "#",
+    // No aplica
     10: "#BAC6CC",
+    // comprobado
     20: "#A7B4B9",
+    // comprobado
     30: "#94A1A6",
+    // comprobado
     40: "#818F93",
-    50: "#6E7C80",
-    60: "#5C6A6C",
+    // comprobado
+    50: "#687180",
+    // comprobado
+    60: "#5C696C",
+    // comprobado
     70: "#495859",
+    // comprobado
     80: "#364546",
+    // comprobado
     90: "#233333",
+    // comprobado
     100: "#233333"
+    // Todo: Validar este color desde figma
   },
   brown: {
     toneOpacity10: "#ECEAE6",
+    // comprobado
     toneOpacity20: "#43433E",
+    // comprobado
     10: "#DFC9BD",
+    // comprobado
     20: "#C59D88",
+    // comprobado
     30: "#B8886E",
+    // comprobado
     40: "#B17D61",
+    // comprobado
     50: "#9E694D",
+    // comprobado
     60: "#875A42",
+    // comprobado
     70: "#7C533D",
+    // comprobado
     80: "#704B37",
+    // comprobado
     90: "#654432",
+    // comprobado
     100: "#3F413D"
+    // Todo: Validar este color desde figma
   },
   marbleLight: {
     toneOpacity10: "#",
+    // No aplica
     toneOpacity20: "#",
+    // No aplica
     10: "#FFFFFF",
+    // comprobado
     20: "#F9FAFA",
-    //'#F5F9FA',
+    // comprobado
     30: "#F4F5F5",
+    // comprobado
     40: "#F0F4F4",
+    // comprobado
     50: "#E6E8EA",
+    // comprobado
     60: "#E1E9EA",
+    // comprobado
     70: "#E2E7E9",
+    // comprobado
     80: "#fff0",
+    // Todo: Validar este color desde figma
     90: "#fff0",
+    // Todo: Validar este color desde figma
     100: "#fff0"
+    // Todo: Validar este color desde figma
   },
   onyx: {
     toneOpacity10: "#",
+    // No aplica
     toneOpacity20: "#",
+    // No aplica
     10: "#364040",
+    // comprobado
     20: "#323B3B",
+    // comprobado
     30: "#2A3232",
+    // comprobado
     40: "#252C2C",
+    // comprobado
     50: "#212727",
-    60: "#1C2121",
+    // comprobado
+    60: "#1C212",
+    // comprobado
     70: "#090A0A",
+    // comprobado
     80: "#fff0",
+    // Todo: Validar este color desde figma
     90: "#fff0",
+    // Todo: Validar este color desde figma
     100: "#fff0"
+    // Todo: Validar este color desde figma
   },
   mint: {
     toneOpacity10: "#",
+    // No aplica
     toneOpacity20: "#",
+    // No aplica
     10: "#9BB4CA",
+    // comprobado
     20: "#A1BDD9",
+    // comprobado
     30: "#A6C5E2",
+    // comprobado
     40: "#BCD6F0",
+    // comprobado
     50: "#C8E1F9",
+    // comprobado
     60: "#BFDBF8",
+    // comprobado
     70: "#C3DEFE",
+    // comprobado
     80: "#DFE7F2",
+    // comprobado
     90: "#F1F2F4",
+    // comprobado
     100: "#F1F2F4"
+    // Todo: Validar este color desde figma
   },
   oxford: {
     toneOpacity10: "#F9FAFA",
+    // comprobado
     toneOpacity20: "#2A3232",
+    // comprobado
     10: "#F7F8F9",
+    // comprobado
     20: "#DCDFE4",
-    30: "#B3B9C4",
+    // comprobado
+    30: "#A7ADB8",
+    // comprobado
     40: "#8590A2",
+    // comprobado
     50: "#758195",
+    // comprobado
     60: "#626F86",
+    // comprobado
     70: "#44546F",
+    // comprobado
     80: "#2C3E5D",
+    // comprobado
     90: "#091E42",
+    // comprobado
     100: "#091E42"
+    // Todo: Validar este color desde figma
   }
 }, e = {
   patronus: {

package/theme/{shadows-Cek_1mpN.js → shadows-DmISA5S1.js}

@@ -1,5 +1,5 @@
 import { alpha as a } from "@mui/material/styles";
-import { G as n, B as s, C as e } from "./palette-voCQl3kP.js";
+import { G as n, B as s, C as e } from "./palette-DNUOTnQG.js";
 const o = n[500], c = "#000000", t = (r) => {
   const p = a(r, 0.2), x = a(r, 0.14), $ = a(r, 0.12);
   return [

package/theme/sizes/types.d.ts

@@ -2,6 +2,7 @@
  * Conjunto de valores predeterminados utilizados para definir el radio de borde en los
  * componentes de la aplicación web.
 */
+import { Typography } from "../typography/types";
 export interface BaseBorderRadius {
     'r0': string;
     'r0.5': string;
@@ -70,4 +71,5 @@ export interface Size {
     mobile: PointerQrSizes;
     desktop: PointerQrSizes;
     borderRadius: BaseBorderRadius;
+    typography: Typography;
 }

package/theme/typography/baseFontSize.d.ts

@@ -0,0 +1,2 @@
+import { BaseFontSize } from "./types";
+export declare const BASE_FONT_SIZE: BaseFontSize;

package/theme/typography/baseLineHeight.d.ts

@@ -0,0 +1,8 @@
+export declare const BASE_LINE_HEIGHT: {
+    lh1: string;
+    lh2: string;
+    lh3: string;
+    lh4: string;
+    lh5: string;
+    lh6: string;
+};

package/theme/typography/baseWeight.d.ts

@@ -0,0 +1,2 @@
+import { BaseWeight } from "./types";
+export declare const BASE_WEIGHT: BaseWeight;

package/theme/typography/types.d.ts

@@ -0,0 +1,98 @@
+import { Sizes } from "../sizes";
+/**
+ * Conjunto predefinido de tamaños para textos en la aplicación web.
+*/
+export interface BaseFontSize {
+    pt10: string;
+    pt11: string;
+    pt12: string;
+    pt13: string;
+    pt14: string;
+    pt15: string;
+    pt16: string;
+    pt17: string;
+    pt18: string;
+    pt19: string;
+    pt20: string;
+    pt21: string;
+    pt22: string;
+    pt23: string;
+    pt24: string;
+    pt25: string;
+    pt26: string;
+    pt27: string;
+    pt28: string;
+    pt29: string;
+    pt30: string;
+    pt31: string;
+    pt32: string;
+    pt33: string;
+    pt34: string;
+    pt35: string;
+    pt36: string;
+    pt37: string;
+    pt38: string;
+    pt39: string;
+    pt40: string;
+    pt41: string;
+    pt42: string;
+    pt43: string;
+    pt44: string;
+    pt45: string;
+    pt46: string;
+    pt47: string;
+    pt48: string;
+    pt49: string;
+    pt50: string;
+    pt51: string;
+    pt52: string;
+    pt53: string;
+    pt54: string;
+    pt55: string;
+    pt56: string;
+    pt57: string;
+    pt58: string;
+    pt59: string;
+    pt60: string;
+}
+/**
+ * Lista de variantes semánticas en tipografía que se pueden utilizar en la aplicación web.
+*/
+export declare type TypographyVariants = 'h1' | 'h2' | 'h3' | 'h5' | 'subtitle' | 'paragraph' | 'body';
+/**
+ * Son los valores de tamaño para las diferentes variantes semánticas de tipografía.
+*/
+export declare type TypographySizesValues = Record<TypographyVariants, string>;
+/**
+ * Representa las condiciones de tamaño en la aplicación web y define los diferentes valores en las variantes semánticas de tipografía.
+*/
+export declare type TypographySizes = Record<Sizes, TypographySizesValues>;
+/**
+ * Representa el conjunto de opciones predefinidas para asignar las altura de línea en los textos de la aplicación web.
+*/
+export interface BaseLineHeight {
+    lh1: string;
+    lh2: string;
+    lh3: string;
+    lh4: string;
+    lh5: string;
+    lh6: string;
+}
+/**
+ * Representa el conjunto de opciones predefinidas para asginar los grosores de texto en la aplicación web.
+*/
+export interface BaseWeight {
+    regular: number;
+    dens: number;
+    number: number;
+}
+/**
+ * Representa el conjunto con el que los desarrolladores seleccionan el tamaño de los direntes textos en la aplicación web.
+*/
+export interface Typography {
+    mobile: TypographySizes;
+    desktop: TypographySizes;
+    lineHeight: BaseLineHeight;
+    weight: BaseWeight;
+    letterSpacing: number;
+}

package/theme/typography/typography.d.ts

@@ -0,0 +1,2 @@
+import { Typography } from "./types";
+export declare const TYPOGRAPHY: Typography;

package/theme/typography/typographySizes.d.ts

@@ -0,0 +1,3 @@
+import { TypographySizes } from "./types";
+export declare const TYPOGRAPHY_SIZES_MOBILE: TypographySizes;
+export declare const TYPOGRAPHY_SIZES_DESKTOP: TypographySizes;

package/theme/typography-BSiavZtl.js

@@ -0,0 +1,260 @@
+import { createTheme as i } from "@mui/material";
+import { r as p, p as e } from "../utils/getFontValue-BEO-XID9.js";
+const h = "Segoe UI, Poppins, sans-serif", n = i(), m = {
+  ...n.typography,
+  fontFamily: h,
+  fontWeightRegular: 400,
+  fontWeightMedium: 600,
+  fontWeightBold: 700,
+  /* Definindo en Patronus */
+  h1: {
+    fontWeight: 600,
+    lineHeight: 1.5,
+    ...p({ sm: 38, md: 38, lg: 38 })
+  },
+  h2: {
+    fontWeight: 600,
+    lineHeight: 1,
+    ...p({ sm: 40, md: 40, lg: 40 })
+  },
+  /* Definindo en Patronus */
+  h3: {
+    fontWeight: 600,
+    lineHeight: 1.5,
+    ...p({ sm: 30, md: 30, lg: 30 })
+  },
+  h4: {
+    fontWeight: 600,
+    lineHeight: 1.5,
+    ...p({ sm: 20, md: 20, lg: 20 })
+  },
+  /* Definindo en Patronus */
+  h5: {
+    fontWeight: 500,
+    lineHeight: "28px",
+    letterSpacing: "-0.01em",
+    ...p({ sm: 22, md: 22, lg: 22 })
+  },
+  h6: {
+    fontWeight: 500,
+    lineHeight: "24px",
+    letterSpacing: "-0.08em",
+    ...p({ sm: 18, md: 18, lg: 18 })
+  },
+  /* Definindo en Patronus */
+  subtitle: {
+    fontWeight: 400,
+    lineHeight: "20px",
+    letterSpacing: "-0.006em",
+    ...p({ sm: 15, md: 15, lg: 15 })
+  },
+  /* Definindo en Patronus */
+  subtitleDens: {
+    fontWeight: 600,
+    lineHeight: "24px",
+    letterSpacing: "-0.006em",
+    ...p({ sm: 15, md: 15, lg: 15 })
+  },
+  /* Definindo en Patronus */
+  paragraph: {
+    fontWeight: 400,
+    lineHeight: "16px",
+    letterSpacing: "-0.003em",
+    ...p({ sm: 13, md: 13, lg: 13 })
+  },
+  /* Definindo en Patronus */
+  paragraphDens: {
+    fontWeight: 600,
+    lineHeight: "20px",
+    letterSpacing: "-0.003em",
+    ...p({ sm: 13, md: 13, lg: 13 })
+  },
+  subtitle1: {
+    fontWeight: 600,
+    lineHeight: 1.5,
+    fontSize: e(14)
+  },
+  subtitle2: {
+    fontWeight: 600,
+    lineHeight: 1.5,
+    fontSize: e(12)
+  },
+  /* Definindo en Patronus */
+  body: {
+    fontWeight: 400,
+    lineHeight: "16px",
+    ...p({ sm: 11, md: 11, lg: 11 })
+  },
+  /* Definindo en Patronus */
+  bodyDens: {
+    fontWeight: 600,
+    lineHeight: "16px",
+    ...p({ sm: 11, md: 11, lg: 11 })
+  },
+  body0: {
+    lineHeight: 1.5,
+    fontWeight: 400,
+    fontSize: e(16)
+  },
+  body1: {
+    lineHeight: 1.5,
+    fontWeight: 400,
+    fontSize: e(14)
+  },
+  body2: {
+    lineHeight: 1.5,
+    fontWeight: 400,
+    fontSize: e(12)
+  },
+  caption: {
+    lineHeight: 1.5,
+    fontSize: e(11)
+  },
+  overline: {
+    fontWeight: 700,
+    lineHeight: 1.5,
+    fontSize: e(12),
+    textTransform: "uppercase"
+  },
+  button: {
+    fontWeight: 700,
+    lineHeight: 24 / 14,
+    fontSize: e(14),
+    textTransform: "capitalize"
+  },
+  /* Definindo en Patronus */
+  action: {
+    fontWeight: 600,
+    lineHeight: "16px",
+    ...p({ sm: 12, md: 12, lg: 12 })
+  }
+}, g = {
+  lh1: "14px",
+  lh2: "16px",
+  lh3: "20px",
+  lh4: "24px",
+  lh5: "28px",
+  lh6: "32px"
+}, o = {
+  regular: 500,
+  dens: 700,
+  number: 0
+}, t = {
+  pt10: "10px",
+  pt11: "11px",
+  pt12: "12px",
+  pt13: "13px",
+  pt14: "14px",
+  pt15: "15px",
+  pt16: "16px",
+  pt17: "17px",
+  pt18: "18px",
+  pt19: "19px",
+  pt20: "20px",
+  pt21: "21px",
+  pt22: "22px",
+  pt23: "23px",
+  pt24: "24px",
+  pt25: "25px",
+  pt26: "26px",
+  pt27: "27px",
+  pt28: "28px",
+  pt29: "29px",
+  pt30: "30px",
+  pt31: "31px",
+  pt32: "32px",
+  pt33: "33px",
+  pt34: "34px",
+  pt35: "35px",
+  pt36: "36px",
+  pt37: "37px",
+  pt38: "38px",
+  pt39: "39px",
+  pt40: "40px",
+  pt41: "41px",
+  pt42: "42px",
+  pt43: "43px",
+  pt44: "44px",
+  pt45: "45px",
+  pt46: "46px",
+  pt47: "47px",
+  pt48: "48px",
+  pt49: "49px",
+  pt50: "50px",
+  pt51: "51px",
+  pt52: "52px",
+  pt53: "53px",
+  pt54: "54px",
+  pt55: "55px",
+  pt56: "56px",
+  pt57: "57px",
+  pt58: "58px",
+  pt59: "59px",
+  pt60: "60px"
+}, l = {
+  small: {
+    h1: t.pt42,
+    h2: t.pt32,
+    h3: t.pt26,
+    h5: t.pt20,
+    subtitle: t.pt17,
+    paragraph: t.pt15,
+    body: t.pt13
+  },
+  medium: {
+    h1: t.pt44,
+    h2: t.pt32,
+    h3: t.pt28,
+    h5: t.pt20,
+    subtitle: t.pt18,
+    paragraph: t.pt15,
+    body: t.pt14
+  },
+  large: {
+    h1: t.pt45,
+    h2: t.pt33,
+    h3: t.pt29,
+    h5: t.pt21,
+    subtitle: t.pt19,
+    paragraph: t.pt16,
+    body: t.pt14
+  }
+}, x = {
+  small: {
+    h1: t.pt54,
+    h2: t.pt42,
+    h3: t.pt30,
+    h5: t.pt26,
+    subtitle: t.pt14,
+    paragraph: t.pt12,
+    body: t.pt10
+  },
+  medium: {
+    h1: t.pt56,
+    h2: t.pt44,
+    h3: t.pt32,
+    h5: t.pt28,
+    subtitle: t.pt15,
+    paragraph: t.pt13,
+    body: t.pt11
+  },
+  large: {
+    h1: t.pt57,
+    h2: t.pt45,
+    h3: t.pt33,
+    h5: t.pt29,
+    subtitle: t.pt16,
+    paragraph: t.pt14,
+    body: t.pt12
+  }
+}, r = {
+  mobile: l,
+  desktop: x,
+  lineHeight: g,
+  weight: o,
+  letterSpacing: 0.5
+};
+export {
+  r as T,
+  m as t
+};

package/types/augmentations.d.ts

@@ -2,6 +2,7 @@ import { Breakpoints } from '@mui/material';
 
 import type { CustomShadowOptions } from '../theme';
 import type { BaseBorderRadius, Size } from '../theme/sizes/types';
+import type { Typography } from '../theme/typography/types';
 
 declare module '@mui/material' {
   interface Color {
@@ -72,7 +73,7 @@ declare module '@mui/material/styles' {
       disabled: string;
       error: string;
     };
-    default: PaletteColor; 
+    default: PaletteColor;
     general: {
       scrollBar: string;
       gridHover: string;

package/types/types.d.ts

@@ -92,4 +92,4 @@ export declare type PresetsOptions = Array<{
     value: string;
 }>;
 export declare type ColorState = 'warning' | 'delete' | 'info' | 'success';
-export declare type OurTheme = Pick<Theme, 'palette' | 'typography' | 'customShadows' | 'stretch' | 'size'>;
+export declare type OurTheme = Pick<Theme, 'palette' | 'typography' | 'customShadows' | 'stretch' | 'size' | 'typography'>;

package/utils/{getColorPresets-DgmrCj5l.js → getColorPresets-ClqVMwFE.js}

@@ -1,4 +1,4 @@
-import { P as r } from "../theme/palette-voCQl3kP.js";
+import { P as r } from "../theme/palette-DNUOTnQG.js";
 const o = "patronus", s = r[o];
 function n(t) {
   try {

package/theme/typography-BsOO459U.js

@@ -1,134 +0,0 @@
-import { createTheme as i } from "@mui/material";
-import { r as e, p as t } from "../utils/getFontValue-BEO-XID9.js";
-const n = "Segoe UI, Poppins, sans-serif", g = i(), l = {
-  ...g.typography,
-  fontFamily: n,
-  fontWeightRegular: 400,
-  fontWeightMedium: 600,
-  fontWeightBold: 700,
-  /* Definindo en Patronus */
-  h1: {
-    fontWeight: 600,
-    lineHeight: 1.5,
-    ...e({ sm: 38, md: 38, lg: 38 })
-  },
-  h2: {
-    fontWeight: 600,
-    lineHeight: 1,
-    ...e({ sm: 40, md: 40, lg: 40 })
-  },
-  /* Definindo en Patronus */
-  h3: {
-    fontWeight: 600,
-    lineHeight: 1.5,
-    ...e({ sm: 30, md: 30, lg: 30 })
-  },
-  h4: {
-    fontWeight: 600,
-    lineHeight: 1.5,
-    ...e({ sm: 20, md: 20, lg: 20 })
-  },
-  /* Definindo en Patronus */
-  h5: {
-    fontWeight: 500,
-    lineHeight: "28px",
-    letterSpacing: "-0.01em",
-    ...e({ sm: 22, md: 22, lg: 22 })
-  },
-  h6: {
-    fontWeight: 500,
-    lineHeight: "24px",
-    letterSpacing: "-0.08em",
-    ...e({ sm: 18, md: 18, lg: 18 })
-  },
-  /* Definindo en Patronus */
-  subtitle: {
-    fontWeight: 400,
-    lineHeight: "20px",
-    letterSpacing: "-0.006em",
-    ...e({ sm: 15, md: 15, lg: 15 })
-  },
-  /* Definindo en Patronus */
-  subtitleDens: {
-    fontWeight: 600,
-    lineHeight: "24px",
-    letterSpacing: "-0.006em",
-    ...e({ sm: 15, md: 15, lg: 15 })
-  },
-  /* Definindo en Patronus */
-  paragraph: {
-    fontWeight: 400,
-    lineHeight: "16px",
-    letterSpacing: "-0.003em",
-    ...e({ sm: 13, md: 13, lg: 13 })
-  },
-  /* Definindo en Patronus */
-  paragraphDens: {
-    fontWeight: 600,
-    lineHeight: "20px",
-    letterSpacing: "-0.003em",
-    ...e({ sm: 13, md: 13, lg: 13 })
-  },
-  subtitle1: {
-    fontWeight: 600,
-    lineHeight: 1.5,
-    fontSize: t(14)
-  },
-  subtitle2: {
-    fontWeight: 600,
-    lineHeight: 1.5,
-    fontSize: t(12)
-  },
-  /* Definindo en Patronus */
-  body: {
-    fontWeight: 400,
-    lineHeight: "16px",
-    ...e({ sm: 11, md: 11, lg: 11 })
-  },
-  /* Definindo en Patronus */
-  bodyDens: {
-    fontWeight: 600,
-    lineHeight: "16px",
-    ...e({ sm: 11, md: 11, lg: 11 })
-  },
-  body0: {
-    lineHeight: 1.5,
-    fontWeight: 400,
-    fontSize: t(16)
-  },
-  body1: {
-    lineHeight: 1.5,
-    fontWeight: 400,
-    fontSize: t(14)
-  },
-  body2: {
-    lineHeight: 1.5,
-    fontWeight: 400,
-    fontSize: t(12)
-  },
-  caption: {
-    lineHeight: 1.5,
-    fontSize: t(11)
-  },
-  overline: {
-    fontWeight: 700,
-    lineHeight: 1.5,
-    fontSize: t(12),
-    textTransform: "uppercase"
-  },
-  button: {
-    fontWeight: 700,
-    lineHeight: 24 / 14,
-    fontSize: t(14),
-    textTransform: "capitalize"
-  },
-  /* Definindo en Patronus */
-  action: {
-    fontWeight: 600,
-    lineHeight: "16px",
-    ...e({ sm: 12, md: 12, lg: 12 })
-  }
-};
-export {
-  l as t
-};