@m4l/styles 6.2.1 → 6.4.0

package/index.js

@@ -1,7 +1,7 @@
 import { D as o, g as a, m as r } from "./config-B8bZIPuH.js";
-import { O as p, g as m } from "./theme/index-CvuA5MdE.js";
+import { O as p, g as m } from "./theme/index-DMfun8ST.js";
 import { c as O, s as x } from "./theme/shadows-BTb924yW.js";
-import { t as g } from "./theme/typography-BSiavZtl.js";
+import { t as g } from "./theme/typography-CaSN0-2L.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";

package/package.json

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

package/theme/{index-CvuA5MdE.js → index-DMfun8ST.js}

@@ -1,8 +1,8 @@
 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";
+import { T as O, t as n } from "./typography-CaSN0-2L.js";
+import { s as h, c as R } from "./shadows-BTb924yW.js";
+import { C as c, D as d, B as r, P as m, a as e, S as a, G as u, b as g, c as t, d as S, e as _ } from "./palette-C5yYre7Z.js";
+import { g as E } from "../utils/getColorPresets-CJ_S_BFb.js";
 const p = {
   light: {
     scrollBar: "#5663763D",
@@ -12,17 +12,17 @@ const p = {
     scrollBar: "#5663765D",
     gridHover: "#282E2E"
   }
-}, L = (l) => {
-  const o = _?.[l], i = S?.[l];
+}, y = (l) => {
+  const o = S?.[l], i = _?.[l];
   return {
     light: {
       mode: "light",
-      common: n,
+      common: c,
       primary: {
         ...o
       },
       default: {
-        ...m,
+        ...d,
         focusVisible: o.focusVisible,
         contrastText: r.onyx[20]
       },
@@ -36,12 +36,12 @@ const p = {
         default: r.marbleLight[10],
         neutral: r.marbleLight[30],
         surface: r.marbleLight[50],
-        hover: m.hover,
+        hover: d.hover,
         //por compatibilidad de mui
         paper: ""
       },
       border: {
-        main: d[l]?.borderMainLight,
+        main: m[l]?.borderMainLight,
         default: e.oxford[40],
         secondary: e.oxford[30],
         dens: e.oxford[60],
@@ -76,12 +76,12 @@ const p = {
     },
     dark: {
       mode: "dark",
-      common: n,
+      common: c,
       primary: {
         ...i
       },
       default: {
-        ...f,
+        ...g,
         focusVisible: i?.focusVisible,
         contrastText: r.marbleLight[30]
       },
@@ -95,12 +95,12 @@ const p = {
         default: r.onyx[40],
         neutral: r.marbleLight[50],
         surface: r.marbleLight[60],
-        hover: f.hover,
+        hover: g.hover,
         //por compatibilidad de mui
         paper: ""
       },
       border: {
-        main: d[l]?.borderMainDark,
+        main: m[l]?.borderMainDark,
         default: e.mint[50],
         secondary: e.mint[40],
         dens: e.mint[60],
@@ -134,7 +134,10 @@ const p = {
       }
     }
   };
-}, E = {
+}, L = {
+  actionInput: "1.3px solid",
+  container: "1px solid"
+}, T = {
   r0: "0px",
   "r0.5": "2px",
   r1: "4px",
@@ -178,7 +181,7 @@ const p = {
     medium: s.sp8,
     large: s.sp9
   }
-}, T = {
+}, V = {
   base: {
     small: s.sp5,
     medium: s.sp6,
@@ -194,34 +197,40 @@ const p = {
     medium: s.sp10,
     large: s.sp11
   }
-}, V = {
+}, A = {
   desktop: {
     ...C
   },
   mobile: {
-    ...T
+    ...V
   },
   borderRadius: {
-    ...E
+    ...T
   },
-  typography: h
-}, A = b(), g = L("patronus"), G = {
-  ...c,
-  ...O.light,
-  ...g,
+  typography: O,
+  borderStroke: {
+    ...L
+  },
+  baseSpacings: {
+    ...s
+  }
+}, P = b(), f = y("patronus"), k = {
+  ...n,
+  ...h.light,
+  ...f,
   customShadows: {
-    primary: `0 8px 16px 0 ${x(y("patronus").main, 0.2)}`,
+    primary: `0 8px 16px 0 ${x(E("patronus").main, 0.2)}`,
     ...R("light")
   },
   stretch: !0,
   palette: {
-    ...A.palette,
-    ...g.light
+    ...P.palette,
+    ...f.light
   },
-  typography: c,
-  size: V
+  typography: n,
+  size: A
 };
 export {
-  G as O,
-  L as g
+  k as O,
+  y as g
 };

package/theme/sizes/baseBorder.d.ts

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

package/theme/sizes/types.d.ts

@@ -59,9 +59,12 @@ export declare type SizesComponentsTypes = 'base' | 'action' | 'container';
 */
 export declare type PointerQrSizes = Record<SizesComponentsTypes, SizesValues>;
 /**
- * Representa las opciones de tamaño para los dispositivos desktop y mobile en la aplicación web,
- * cada opción contiene el grupo PointerQrSizes adecuados al tipo de dispositivo según figma.
-**/
+ * Representa las opciones de grosor para los bordes de los componentes de la aplicación web.
+*/
+export interface BaseBorderStroke {
+    'actionInput': string;
+    'container': string;
+}
 /**
  * Representa la coleccción completa de tamaños y espacios en la aplicación, contiene valores para
  * uso de dispositivo móvil, escritorio, borders y valores base para ser usados por el desarrolador
@@ -72,4 +75,6 @@ export interface Size {
     desktop: PointerQrSizes;
     borderRadius: BaseBorderRadius;
     typography: Typography;
+    borderStroke: BaseBorderStroke;
+    baseSpacings: BaseSpacings;
 }

package/theme/typography/baseLetterSpacing.d.ts

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

package/theme/typography/baseLineHeight.d.ts

@@ -1,8 +1,2 @@
-export declare const BASE_LINE_HEIGHT: {
-    lh1: string;
-    lh2: string;
-    lh3: string;
-    lh4: string;
-    lh5: string;
-    lh6: string;
-};
+import { BaseLineHeight } from "./types";
+export declare const BASE_LINE_HEIGHT: BaseLineHeight;

package/theme/typography/types.d.ts

@@ -58,15 +58,30 @@ export interface BaseFontSize {
 /**
  * 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';
+export declare type TypographyVariants = 'h1' | 'h2' | 'h3' | 'h5' | 'subtitle' | 'subtitleDens' | 'paragraph' | 'paragraphDens' | 'body' | 'bodyDens';
+/**
+*  Representa los valores predefinidos para los espaciados entre caracteres en la aplicación web.
+*/
+export interface BaseLetterSpacing {
+    '0.5': '0.5px';
+}
+/**
+ * Lista de atributos css que se pueden aplicar a los textos en la aplicación web.
+*/
+export interface FontProperties {
+    fontSize: string;
+    lineHeight: string;
+    weight: number;
+    letterSpacing: string;
+}
 /**
  * Son los valores de tamaño para las diferentes variantes semánticas de tipografía.
 */
-export declare type TypographySizesValues = Record<TypographyVariants, string>;
+export declare type TypographySizesValues = Record<TypographyVariants, FontProperties>;
 /**
  * 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>;
+export declare type TypographySizes = Record<Extract<Sizes, 'small' | 'medium'>, TypographySizesValues>;
 /**
  * Representa el conjunto de opciones predefinidas para asignar las altura de línea en los textos de la aplicación web.
 */
@@ -77,6 +92,7 @@ export interface BaseLineHeight {
     lh4: string;
     lh5: string;
     lh6: string;
+    auto: string;
 }
 /**
  * Representa el conjunto de opciones predefinidas para asginar los grosores de texto en la aplicación web.
@@ -94,5 +110,5 @@ export interface Typography {
     desktop: TypographySizes;
     lineHeight: BaseLineHeight;
     weight: BaseWeight;
-    letterSpacing: number;
+    letterSpacing: string;
 }

package/theme/typography-CaSN0-2L.js

@@ -0,0 +1,457 @@
+import { createTheme as h } from "@mui/material";
+import { r as p, p as g } from "../utils/getFontValue-BEO-XID9.js";
+const l = "Segoe UI, Poppins, sans-serif", o = h(), f = {
+  ...o.typography,
+  fontFamily: l,
+  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: g(14)
+  },
+  subtitle2: {
+    fontWeight: 600,
+    lineHeight: 1.5,
+    fontSize: g(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: g(16)
+  },
+  body1: {
+    lineHeight: 1.5,
+    fontWeight: 400,
+    fontSize: g(14)
+  },
+  body2: {
+    lineHeight: 1.5,
+    fontWeight: 400,
+    fontSize: g(12)
+  },
+  caption: {
+    lineHeight: 1.5,
+    fontSize: g(11)
+  },
+  overline: {
+    fontWeight: 700,
+    lineHeight: 1.5,
+    fontSize: g(12),
+    textTransform: "uppercase"
+  },
+  button: {
+    fontWeight: 700,
+    lineHeight: 24 / 14,
+    fontSize: g(14),
+    textTransform: "capitalize"
+  },
+  /* Definindo en Patronus */
+  action: {
+    fontWeight: 600,
+    lineHeight: "16px",
+    ...p({ sm: 12, md: 12, lg: 12 })
+  }
+}, t = {
+  "0.5": "0.5px"
+}, e = {
+  lh1: "14px",
+  lh2: "16px",
+  lh3: "20px",
+  lh4: "24px",
+  lh5: "28px",
+  lh6: "32px",
+  auto: "auto"
+}, i = {
+  regular: 500,
+  dens: 700,
+  number: 0
+}, n = {
+  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"
+}, a = {
+  small: {
+    h1: {
+      fontSize: n.pt42,
+      weight: i.dens,
+      lineHeight: e.auto,
+      letterSpacing: t["0.5"]
+    },
+    h2: {
+      fontSize: n.pt32,
+      weight: i.dens,
+      lineHeight: e.auto,
+      letterSpacing: t["0.5"]
+    },
+    h3: {
+      fontSize: n.pt26,
+      weight: i.dens,
+      lineHeight: e.auto,
+      letterSpacing: t["0.5"]
+    },
+    h5: {
+      fontSize: n.pt20,
+      weight: i.dens,
+      lineHeight: e.auto,
+      letterSpacing: t["0.5"]
+    },
+    subtitle: {
+      fontSize: n.pt17,
+      weight: i.regular,
+      lineHeight: e.auto,
+      letterSpacing: t["0.5"]
+    },
+    subtitleDens: {
+      fontSize: n.pt17,
+      weight: i.dens,
+      lineHeight: e.auto,
+      letterSpacing: t["0.5"]
+    },
+    paragraph: {
+      fontSize: n.pt15,
+      weight: i.regular,
+      lineHeight: e.auto,
+      letterSpacing: t["0.5"]
+    },
+    paragraphDens: {
+      fontSize: n.pt15,
+      weight: i.dens,
+      lineHeight: e.auto,
+      letterSpacing: t["0.5"]
+    },
+    body: {
+      fontSize: n.pt13,
+      weight: i.regular,
+      lineHeight: e.lh3,
+      letterSpacing: t["0.5"]
+    },
+    bodyDens: {
+      fontSize: n.pt13,
+      weight: i.dens,
+      lineHeight: e.lh3,
+      letterSpacing: t["0.5"]
+    }
+  },
+  medium: {
+    h1: {
+      fontSize: n.pt44,
+      weight: i.dens,
+      lineHeight: e.auto,
+      letterSpacing: t["0.5"]
+    },
+    h2: {
+      fontSize: n.pt32,
+      weight: i.dens,
+      lineHeight: e.auto,
+      letterSpacing: t["0.5"]
+    },
+    h3: {
+      fontSize: n.pt28,
+      weight: i.dens,
+      lineHeight: e.auto,
+      letterSpacing: t["0.5"]
+    },
+    h5: {
+      fontSize: n.pt20,
+      weight: i.dens,
+      lineHeight: e.auto,
+      letterSpacing: t["0.5"]
+    },
+    subtitle: {
+      fontSize: n.pt18,
+      weight: i.regular,
+      lineHeight: e.auto,
+      letterSpacing: t["0.5"]
+    },
+    subtitleDens: {
+      fontSize: n.pt18,
+      weight: i.dens,
+      lineHeight: e.auto,
+      letterSpacing: t["0.5"]
+    },
+    paragraph: {
+      fontSize: n.pt15,
+      weight: i.regular,
+      lineHeight: e.auto,
+      letterSpacing: t["0.5"]
+    },
+    paragraphDens: {
+      fontSize: n.pt15,
+      weight: i.dens,
+      lineHeight: e.auto,
+      letterSpacing: t["0.5"]
+    },
+    body: {
+      fontSize: n.pt14,
+      weight: i.regular,
+      lineHeight: e.auto,
+      letterSpacing: t["0.5"]
+    },
+    bodyDens: {
+      fontSize: n.pt14,
+      weight: i.dens,
+      lineHeight: e.auto,
+      letterSpacing: t["0.5"]
+    }
+  }
+}, r = {
+  small: {
+    h1: {
+      fontSize: n.pt54,
+      weight: i.dens,
+      lineHeight: e.auto,
+      letterSpacing: t["0.5"]
+    },
+    h2: {
+      fontSize: n.pt42,
+      weight: i.dens,
+      lineHeight: e.auto,
+      letterSpacing: t["0.5"]
+    },
+    h3: {
+      fontSize: n.pt30,
+      weight: i.dens,
+      lineHeight: e.auto,
+      letterSpacing: t["0.5"]
+    },
+    h5: {
+      fontSize: n.pt26,
+      weight: i.dens,
+      lineHeight: e.auto,
+      letterSpacing: t["0.5"]
+    },
+    subtitle: {
+      fontSize: n.pt14,
+      weight: i.regular,
+      lineHeight: e.auto,
+      letterSpacing: t["0.5"]
+    },
+    subtitleDens: {
+      fontSize: n.pt14,
+      weight: i.dens,
+      lineHeight: e.auto,
+      letterSpacing: t["0.5"]
+    },
+    paragraph: {
+      fontSize: n.pt12,
+      weight: i.regular,
+      lineHeight: e.auto,
+      letterSpacing: t["0.5"]
+    },
+    paragraphDens: {
+      fontSize: n.pt12,
+      weight: i.dens,
+      lineHeight: e.auto,
+      letterSpacing: t["0.5"]
+    },
+    body: {
+      fontSize: n.pt10,
+      weight: i.regular,
+      lineHeight: e.lh1,
+      letterSpacing: t["0.5"]
+    },
+    bodyDens: {
+      fontSize: n.pt10,
+      weight: i.dens,
+      lineHeight: e.lh1,
+      letterSpacing: t["0.5"]
+    }
+  },
+  medium: {
+    h1: {
+      fontSize: n.pt56,
+      weight: i.dens,
+      lineHeight: e.auto,
+      letterSpacing: t["0.5"]
+    },
+    h2: {
+      fontSize: n.pt44,
+      weight: i.dens,
+      lineHeight: e.auto,
+      letterSpacing: t["0.5"]
+    },
+    h3: {
+      fontSize: n.pt32,
+      weight: i.dens,
+      lineHeight: e.auto,
+      letterSpacing: t["0.5"]
+    },
+    h5: {
+      fontSize: n.pt28,
+      weight: i.dens,
+      lineHeight: e.auto,
+      letterSpacing: t["0.5"]
+    },
+    subtitle: {
+      fontSize: n.pt15,
+      weight: i.regular,
+      lineHeight: e.auto,
+      letterSpacing: t["0.5"]
+    },
+    subtitleDens: {
+      fontSize: n.pt15,
+      weight: i.dens,
+      lineHeight: e.auto,
+      letterSpacing: t["0.5"]
+    },
+    paragraph: {
+      fontSize: n.pt13,
+      weight: i.regular,
+      lineHeight: e.auto,
+      letterSpacing: t["0.5"]
+    },
+    paragraphDens: {
+      fontSize: n.pt13,
+      weight: i.dens,
+      lineHeight: e.auto,
+      letterSpacing: t["0.5"]
+    },
+    body: {
+      fontSize: n.pt11,
+      weight: i.regular,
+      lineHeight: e.auto,
+      letterSpacing: t["0.5"]
+    },
+    bodyDens: {
+      fontSize: n.pt11,
+      weight: i.dens,
+      lineHeight: e.auto,
+      letterSpacing: t["0.5"]
+    }
+  }
+}, x = {
+  mobile: a,
+  desktop: r,
+  lineHeight: e,
+  weight: i,
+  letterSpacing: t["0.5"]
+};
+export {
+  x as T,
+  f as t
+};

package/theme/typography-BSiavZtl.js

@@ -1,260 +0,0 @@
-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
-};