@m4l/styles 7.1.18 → 7.1.20

package/index.js

@@ -1,39 +1,55 @@
-import { D as r, g as s, m as t } from "./config.js";
+import { D as e, g as s, m as a } from "./config.js";
 import { c as p, s as m } from "./theme/shadows.js";
-import { f as x } from "./theme/overrides/index.js";
-import { B as O } from "./theme/palette/baseColors.js";
-import { B as S } from "./theme/palette/baseOpacityColors.js";
-import { C as n } from "./theme/palette/commonColors.js";
-import { G as l } from "./theme/palette/greyPalette.js";
-import { p as P } from "./theme/palette/presetColors.js";
-import { t as _ } from "./theme/typography.js";
-import { u as A } from "./utils/useResponsive.js";
-import { D as L, d, g as h } from "./utils/getColorPresets.js";
-import { p as v, r as y, a as F } from "./utils/getFontValue.js";
-import { g as U } from "./utils/getColorState.js";
-import { g as w } from "./utils/getPaletteByPreset.js";
-import { g as G } from "./utils/getUserThemeOptions.js";
+import { f as S } from "./theme/overrides/index.js";
+import { B as x } from "./theme/palette/baseColors.js";
+import { B as O } from "./theme/palette/baseOpacityColors.js";
+import { C as P } from "./theme/palette/commonColors.js";
+import { G as R } from "./theme/palette/greyPalette.js";
+import { p as A } from "./theme/palette/presetColors.js";
+import { B as g } from "./theme/typography/baseFontSize.js";
+import { B as l } from "./theme/typography/baseLetterSpacing.js";
+import { B as L } from "./theme/typography/baseLineHeight.js";
+import { B as Y } from "./theme/typography/baseWeight.js";
+import { T as u } from "./theme/typography/typography.js";
+import { a as H, T as N } from "./theme/typography/typographySizes.js";
+import { t as M } from "./theme/typographyOld.js";
+import { P as F, a as v } from "./theme/sizes/pointerQr.js";
+import { u as U } from "./utils/useResponsive.js";
+import { D as w, d as z, g as K } from "./utils/getColorPresets.js";
+import { p as b, r as k, a as V } from "./utils/getFontValue.js";
+import { g as j } from "./utils/getColorState.js";
+import { g as J } from "./utils/getPaletteByPreset.js";
+import { g as $ } from "./utils/getUserThemeOptions.js";
 export {
-  O as BASE_COLORS,
-  S as BASE_OPACITY_COLORS,
-  n as COMMON_COLORS,
-  L as DEFAULT_PRESET,
-  r as DEFAULT_SIZE,
-  l as GREY_PALETTE,
+  x as BASE_COLORS,
+  g as BASE_FONT_SIZE,
+  l as BASE_LETTER_SPACING,
+  L as BASE_LINE_HEIGHT,
+  O as BASE_OPACITY_COLORS,
+  Y as BASE_WEIGHT,
+  P as COMMON_COLORS,
+  w as DEFAULT_PRESET,
+  e as DEFAULT_SIZE,
+  R as GREY_PALETTE,
+  F as POINTER_QR_DESKTOP_SIZES,
+  v as POINTER_QR_MOBILE_SIZES,
+  u as TYPOGRAPHY,
+  H as TYPOGRAPHY_SIZES_DESKTOP,
+  N as TYPOGRAPHY_SIZES_MOBILE,
   p as createCustomShadows,
-  d as defaultPresetColors,
-  x as fnComponentsOverrides,
-  h as getColorPresets,
-  U as getColorState,
-  w as getPaletteByPreset,
-  G as getUserThemeOptions,
+  z as defaultPresetColors,
+  S as fnComponentsOverrides,
+  K as getColorPresets,
+  j as getColorState,
+  J as getPaletteByPreset,
+  $ as getUserThemeOptions,
   s as globalRemSize,
-  t as muiBreakpointsValues,
-  P as presetsOptionsMainColor,
-  v as pxToRem,
-  y as remToPx,
-  F as responsiveFontSizes,
+  a as muiBreakpointsValues,
+  A as presetsOptionsMainColor,
+  b as pxToRem,
+  k as remToPx,
+  V as responsiveFontSizes,
   m as shadows,
-  _ as typography,
-  A as useResponsive
+  M as typographyOld,
+  U as useResponsive
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@m4l/styles",
-  "version": "7.1.18",
+  "version": "7.1.20",
   "license": "UNLICENSED",
   "author": "m4l team",
   "publishConfig": {

package/theme/index.d.ts

@@ -2,6 +2,6 @@ export type { CustomShadowOptions } from './shadows';
 export { shadows, createCustomShadows } from './shadows';
 export * from './palette';
 export * from './typography';
-export type { M4LTypographyVariants } from './typography';
+export * from './typographyOld';
 export * from './sizes';
 export { fnComponentsOverrides } from './overrides';

package/theme/sizes/index.d.ts

@@ -1 +1,2 @@
 export * from './types';
+export * from './pointerQr';

package/theme/typography/baseLineHeight.js

@@ -1,12 +1,12 @@
-const p = {
+const l = {
   lh1: "14px",
   lh2: "16px",
   lh3: "20px",
   lh4: "24px",
   lh5: "28px",
   lh6: "32px",
-  auto: "auto"
+  normal: "normal"
 };
 export {
-  p as B
+  l as B
 };

package/theme/typography/index.d.ts

@@ -0,0 +1,7 @@
+export * from './baseFontSize';
+export * from './baseLetterSpacing';
+export * from './baseLineHeight';
+export * from './baseWeight';
+export * from './types';
+export * from './typography';
+export * from './typographySizes';

package/theme/typography/index.js

@@ -0,0 +1 @@
+

package/theme/typography/types.d.ts

@@ -71,7 +71,7 @@ export interface BaseLetterSpacing {
 export interface FontProperties {
     fontSize: string;
     lineHeight: string;
-    weight: number;
+    fontWeight: number;
     letterSpacing: string;
 }
 /**
@@ -92,7 +92,7 @@ export interface BaseLineHeight {
     lh4: string;
     lh5: string;
     lh6: string;
-    auto: string;
+    normal: string;
 }
 /**
  * Representa el conjunto de opciones predefinidas para asginar los grosores de texto en la aplicación web.
@@ -112,3 +112,9 @@ export interface Typography {
     weight: BaseWeight;
     letterSpacing: string;
 }
+export type FontProps = {
+    fontSize: string;
+    fontWeight: number;
+    lineHeight: string;
+    letterSpacing: string;
+};

package/theme/typography/types.js

@@ -0,0 +1 @@
+

package/theme/typography/typographySizes.js

@@ -1,259 +1,259 @@
 import { B as e } from "./baseFontSize.js";
 import { B as t } from "./baseLetterSpacing.js";
-import { B as i } from "./baseLineHeight.js";
-import { B as n } from "./baseWeight.js";
-const p = {
+import { B as n } from "./baseLineHeight.js";
+import { B as i } from "./baseWeight.js";
+const a = {
   small: {
     h1: {
       fontSize: e.pt42,
-      weight: n.dens,
-      lineHeight: i.auto,
+      fontWeight: i.dens,
+      lineHeight: n.normal,
       letterSpacing: t["0.5"]
     },
     h2: {
       fontSize: e.pt32,
-      weight: n.dens,
-      lineHeight: i.auto,
+      fontWeight: i.dens,
+      lineHeight: n.normal,
       letterSpacing: t["0.5"]
     },
     h3: {
       fontSize: e.pt26,
-      weight: n.dens,
-      lineHeight: i.auto,
+      fontWeight: i.dens,
+      lineHeight: n.normal,
       letterSpacing: t["0.5"]
     },
     h5: {
       fontSize: e.pt20,
-      weight: n.dens,
-      lineHeight: i.auto,
+      fontWeight: i.dens,
+      lineHeight: n.normal,
       letterSpacing: t["0.5"]
     },
     subtitle: {
       fontSize: e.pt17,
-      weight: n.regular,
-      lineHeight: i.auto,
+      fontWeight: i.regular,
+      lineHeight: n.normal,
       letterSpacing: t["0.5"]
     },
     subtitleDens: {
       fontSize: e.pt17,
-      weight: n.dens,
-      lineHeight: i.auto,
+      fontWeight: i.dens,
+      lineHeight: n.normal,
       letterSpacing: t["0.5"]
     },
     paragraph: {
       fontSize: e.pt15,
-      weight: n.regular,
-      lineHeight: i.auto,
+      fontWeight: i.regular,
+      lineHeight: n.normal,
       letterSpacing: t["0.5"]
     },
     paragraphDens: {
       fontSize: e.pt15,
-      weight: n.dens,
-      lineHeight: i.auto,
+      fontWeight: i.dens,
+      lineHeight: n.normal,
       letterSpacing: t["0.5"]
     },
     body: {
       fontSize: e.pt13,
-      weight: n.regular,
-      lineHeight: i.lh3,
+      fontWeight: i.regular,
+      lineHeight: n.lh3,
       letterSpacing: t["0.5"]
     },
     bodyDens: {
       fontSize: e.pt13,
-      weight: n.dens,
-      lineHeight: i.lh3,
+      fontWeight: i.dens,
+      lineHeight: n.lh3,
       letterSpacing: t["0.5"]
     }
   },
   medium: {
     h1: {
       fontSize: e.pt44,
-      weight: n.dens,
-      lineHeight: i.auto,
+      fontWeight: i.dens,
+      lineHeight: n.normal,
       letterSpacing: t["0.5"]
     },
     h2: {
       fontSize: e.pt32,
-      weight: n.dens,
-      lineHeight: i.auto,
+      fontWeight: i.dens,
+      lineHeight: n.normal,
       letterSpacing: t["0.5"]
     },
     h3: {
       fontSize: e.pt28,
-      weight: n.dens,
-      lineHeight: i.auto,
+      fontWeight: i.dens,
+      lineHeight: n.normal,
       letterSpacing: t["0.5"]
     },
     h5: {
       fontSize: e.pt20,
-      weight: n.dens,
-      lineHeight: i.auto,
+      fontWeight: i.dens,
+      lineHeight: n.normal,
       letterSpacing: t["0.5"]
     },
     subtitle: {
       fontSize: e.pt18,
-      weight: n.regular,
-      lineHeight: i.auto,
+      fontWeight: i.regular,
+      lineHeight: n.normal,
       letterSpacing: t["0.5"]
     },
     subtitleDens: {
       fontSize: e.pt18,
-      weight: n.dens,
-      lineHeight: i.auto,
+      fontWeight: i.dens,
+      lineHeight: n.normal,
       letterSpacing: t["0.5"]
     },
     paragraph: {
       fontSize: e.pt15,
-      weight: n.regular,
-      lineHeight: i.auto,
+      fontWeight: i.regular,
+      lineHeight: n.normal,
       letterSpacing: t["0.5"]
     },
     paragraphDens: {
       fontSize: e.pt15,
-      weight: n.dens,
-      lineHeight: i.auto,
+      fontWeight: i.dens,
+      lineHeight: n.normal,
       letterSpacing: t["0.5"]
     },
     body: {
       fontSize: e.pt14,
-      weight: n.regular,
-      lineHeight: i.auto,
+      fontWeight: i.regular,
+      lineHeight: n.normal,
       letterSpacing: t["0.5"]
     },
     bodyDens: {
       fontSize: e.pt14,
-      weight: n.dens,
-      lineHeight: i.auto,
+      fontWeight: i.dens,
+      lineHeight: n.normal,
       letterSpacing: t["0.5"]
     }
   }
-}, o = {
+}, h = {
   small: {
     h1: {
       fontSize: e.pt54,
-      weight: n.dens,
-      lineHeight: i.auto,
+      fontWeight: i.dens,
+      lineHeight: n.normal,
       letterSpacing: t["0.5"]
     },
     h2: {
       fontSize: e.pt42,
-      weight: n.dens,
-      lineHeight: i.auto,
+      fontWeight: i.dens,
+      lineHeight: n.normal,
       letterSpacing: t["0.5"]
     },
     h3: {
       fontSize: e.pt30,
-      weight: n.dens,
-      lineHeight: i.auto,
+      fontWeight: i.dens,
+      lineHeight: n.normal,
       letterSpacing: t["0.5"]
     },
     h5: {
       fontSize: e.pt26,
-      weight: n.dens,
-      lineHeight: i.auto,
+      fontWeight: i.dens,
+      lineHeight: n.normal,
       letterSpacing: t["0.5"]
     },
     subtitle: {
       fontSize: e.pt14,
-      weight: n.regular,
-      lineHeight: i.auto,
+      fontWeight: i.regular,
+      lineHeight: n.normal,
       letterSpacing: t["0.5"]
     },
     subtitleDens: {
       fontSize: e.pt14,
-      weight: n.dens,
-      lineHeight: i.auto,
+      fontWeight: i.dens,
+      lineHeight: n.normal,
       letterSpacing: t["0.5"]
     },
     paragraph: {
       fontSize: e.pt12,
-      weight: n.regular,
-      lineHeight: i.auto,
+      fontWeight: i.regular,
+      lineHeight: n.normal,
       letterSpacing: t["0.5"]
     },
     paragraphDens: {
       fontSize: e.pt12,
-      weight: n.dens,
-      lineHeight: i.auto,
+      fontWeight: i.dens,
+      lineHeight: n.normal,
       letterSpacing: t["0.5"]
     },
     body: {
       fontSize: e.pt10,
-      weight: n.regular,
-      lineHeight: i.lh1,
+      fontWeight: i.regular,
+      lineHeight: n.lh1,
       letterSpacing: t["0.5"]
     },
     bodyDens: {
       fontSize: e.pt10,
-      weight: n.dens,
-      lineHeight: i.lh1,
+      fontWeight: i.dens,
+      lineHeight: n.lh1,
       letterSpacing: t["0.5"]
     }
   },
   medium: {
     h1: {
       fontSize: e.pt56,
-      weight: n.dens,
-      lineHeight: i.auto,
+      fontWeight: i.dens,
+      lineHeight: n.normal,
       letterSpacing: t["0.5"]
     },
     h2: {
       fontSize: e.pt44,
-      weight: n.dens,
-      lineHeight: i.auto,
+      fontWeight: i.dens,
+      lineHeight: n.normal,
       letterSpacing: t["0.5"]
     },
     h3: {
       fontSize: e.pt32,
-      weight: n.dens,
-      lineHeight: i.auto,
+      fontWeight: i.dens,
+      lineHeight: n.normal,
       letterSpacing: t["0.5"]
     },
     h5: {
       fontSize: e.pt28,
-      weight: n.dens,
-      lineHeight: i.auto,
+      fontWeight: i.dens,
+      lineHeight: n.normal,
       letterSpacing: t["0.5"]
     },
     subtitle: {
       fontSize: e.pt15,
-      weight: n.regular,
-      lineHeight: i.auto,
+      fontWeight: i.regular,
+      lineHeight: n.normal,
       letterSpacing: t["0.5"]
     },
     subtitleDens: {
       fontSize: e.pt15,
-      weight: n.dens,
-      lineHeight: i.auto,
+      fontWeight: i.dens,
+      lineHeight: n.normal,
       letterSpacing: t["0.5"]
     },
     paragraph: {
       fontSize: e.pt13,
-      weight: n.regular,
-      lineHeight: i.auto,
+      fontWeight: i.regular,
+      lineHeight: n.normal,
       letterSpacing: t["0.5"]
     },
     paragraphDens: {
       fontSize: e.pt13,
-      weight: n.dens,
-      lineHeight: i.auto,
+      fontWeight: i.dens,
+      lineHeight: n.normal,
       letterSpacing: t["0.5"]
     },
     body: {
       fontSize: e.pt11,
-      weight: n.regular,
-      lineHeight: i.auto,
+      fontWeight: i.regular,
+      lineHeight: n.normal,
       letterSpacing: t["0.5"]
     },
     bodyDens: {
       fontSize: e.pt11,
-      weight: n.dens,
-      lineHeight: i.auto,
+      fontWeight: i.dens,
+      lineHeight: n.normal,
       letterSpacing: t["0.5"]
     }
   }
 };
 export {
-  p as T,
-  o as a
+  a as T,
+  h as a
 };

package/theme/{typography.d.ts → typographyOld.d.ts}

@@ -1,23 +1,4 @@
-export type FontProps = {
-    fontSize: string;
-    fontWeight: number;
-    lineHeight: string;
-    letterSpacing: string;
-};
-/**
- * Listas de variantes de tipografía disponibles para la aplicación web.
- */
-export type M4LTypographyVariants = 'h1' | 'h2' | 'h3' | 'h5' | 'subtitle' | 'subtitleDens' | 'paragraph' | 'paragraphDens' | 'body' | 'bodyDens';
-export interface TypographyVariants {
-    subtitle: FontProps;
-    subtitleDens: FontProps;
-    paragraph: FontProps;
-    paragraphDens: FontProps;
-    body: FontProps;
-    bodyDens: FontProps;
-    action: FontProps;
-}
-export declare const typography: {
+export declare const typographyOld: {
     readonly fontFamily: "Inter, Segoe UI, Poppins, sans-serif";
     readonly fontWeightRegular: 400;
     readonly fontWeightMedium: 600;

package/theme/{typography.js → typographyOld.js}

@@ -9,7 +9,7 @@ const n = "Inter, Segoe UI, Poppins, sans-serif", o = {
   fontWeightLight: 300,
   htmlFontSize: 16,
   pxToRem: (i) => `${i / 16}rem`,
-  /* Definindo en Patronus */
+  // Definindo en Patronus
   h1: {
     fontWeight: 600,
     lineHeight: 1.5,
@@ -20,7 +20,7 @@ const n = "Inter, Segoe UI, Poppins, sans-serif", o = {
     lineHeight: 1,
     ...e({ sm: 40, md: 40, lg: 40 })
   },
-  /* Definindo en Patronus */
+  // Definindo en Patronus
   h3: {
     fontWeight: 600,
     lineHeight: 1.5,
@@ -31,7 +31,7 @@ const n = "Inter, Segoe UI, Poppins, sans-serif", o = {
     lineHeight: 1.5,
     ...e({ sm: 20, md: 20, lg: 20 })
   },
-  /* Definindo en Patronus */
+  // Definindo en Patronus
   h5: {
     fontWeight: 500,
     lineHeight: "28px",
@@ -44,28 +44,28 @@ const n = "Inter, Segoe UI, Poppins, sans-serif", o = {
     letterSpacing: "-0.08em",
     ...e({ sm: 18, md: 18, lg: 18 })
   },
-  /* Definindo en Patronus */
+  // Definindo en Patronus
   subtitle: {
     fontWeight: 400,
     lineHeight: "20px",
     letterSpacing: "-0.006em",
     ...e({ sm: 15, md: 15, lg: 15 })
   },
-  /* Definindo en Patronus */
+  // Definindo en Patronus
   subtitleDens: {
     fontWeight: 600,
     lineHeight: "24px",
     letterSpacing: "-0.006em",
     ...e({ sm: 15, md: 15, lg: 15 })
   },
-  /* Definindo en Patronus */
+  // Definindo en Patronus
   paragraph: {
     fontWeight: 400,
     lineHeight: "16px",
     letterSpacing: "-0.003em",
     ...e({ sm: 13, md: 13, lg: 13 })
   },
-  /* Definindo en Patronus */
+  // Definindo en Patronus
   paragraphDens: {
     fontWeight: 600,
     lineHeight: "20px",
@@ -82,13 +82,13 @@ const n = "Inter, Segoe UI, Poppins, sans-serif", o = {
     lineHeight: 1.5,
     fontSize: t(12)
   },
-  /* Definindo en Patronus */
+  // Definindo en Patronus
   body: {
     fontWeight: 400,
     lineHeight: "16px",
     ...e({ sm: 11, md: 11, lg: 11 })
   },
-  /* Definindo en Patronus */
+  // Definindo en Patronus
   bodyDens: {
     fontWeight: 600,
     lineHeight: "16px",
@@ -125,7 +125,7 @@ const n = "Inter, Segoe UI, Poppins, sans-serif", o = {
     fontSize: t(14),
     textTransform: "capitalize"
   },
-  /* Definindo en Patronus */
+  // Definindo en Patronus
   action: {
     fontWeight: 600,
     lineHeight: "16px",

package/utils/getPaletteByPreset.js

@@ -35,7 +35,7 @@ const l = {
       text: {
         primary: s.onyx[20],
         secondary: s.coolGrey[50],
-        disabled: s.oxford[30]
+        disabled: s.coolGrey[10]
       },
       background: {
         default: s.marbleLight[10],

package/utils/getUserThemeOptions.js

@@ -1,5 +1,5 @@
 import { createTheme as p, alpha as s } from "@mui/material";
-import { t as o } from "../theme/typography.js";
+import { t as o } from "../theme/typographyOld.js";
 import { s as e, c as m } from "../theme/shadows.js";
 import { S as i } from "../theme/sizes/size.js";
 import { g } from "./getColorPresets.js";