@m4l/styles 7.1.2 → 7.1.4

package/index.js

@@ -1,12 +1,12 @@
 import { D as r, g as s, m as t } from "./config.js";
 import { c as p, s as m } from "./theme/shadows.js";
-import { t as x } from "./theme/typography.js";
-import { f as O } from "./theme/overrides/index.js";
-import { B as S } from "./theme/palette/baseColors.js";
-import { B as n } from "./theme/palette/baseOpacityColors.js";
-import { C as l } from "./theme/palette/commonColors.js";
-import { G as P } from "./theme/palette/greyPalette.js";
-import { p as _ } from "./theme/palette/presetColors.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";
@@ -14,26 +14,26 @@ import { g as U } from "./utils/getColorState.js";
 import { g as w } from "./utils/getPaletteByPreset.js";
 import { g as G } from "./utils/getUserThemeOptions.js";
 export {
-  S as BASE_COLORS,
-  n as BASE_OPACITY_COLORS,
-  l as COMMON_COLORS,
+  O as BASE_COLORS,
+  S as BASE_OPACITY_COLORS,
+  n as COMMON_COLORS,
   L as DEFAULT_PRESET,
   r as DEFAULT_SIZE,
-  P as GREY_PALETTE,
+  l as GREY_PALETTE,
   p as createCustomShadows,
   d as defaultPresetColors,
-  O as fnComponentsOverrides,
+  x as fnComponentsOverrides,
   h as getColorPresets,
   U as getColorState,
   w as getPaletteByPreset,
   G as getUserThemeOptions,
   s as globalRemSize,
   t as muiBreakpointsValues,
-  _ as presetsOptionsMainColor,
+  P as presetsOptionsMainColor,
   v as pxToRem,
   y as remToPx,
   F as responsiveFontSizes,
   m as shadows,
-  x as typography,
+  _ as typography,
   A as useResponsive
 };

package/package.json

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

package/theme/index.d.ts

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

package/theme/overrides/M4LExtendedComponents/M4LAreasViewer.js

@@ -250,7 +250,7 @@ const o = (r) => ({
                 minHeight: "11px",
                 boxShadow: r.vars.customShadows.z1,
                 border: "1px solid",
-                borderColor: r.vars.palette.grey[50016]
+                borderColor: r.vars.palette.grey[500]
               }
             },
             "& .M4LAreasViewer-windowRootContainer": {

package/theme/sizes/pointerQr.js

@@ -1,5 +1,5 @@
-import { P as a } from "./presetSizes.js";
-const n = {
+import { P as a, a as e } from "./presetSizes.js";
+const i = {
   small: {
     base: a.base.small,
     action: a.action.small,
@@ -15,24 +15,24 @@ const n = {
     action: a.action.large,
     container: a.container.large
   }
-}, i = {
+}, o = {
   small: {
-    base: a.base.small,
-    action: a.action.small,
-    container: a.container.small
+    base: e.base.small,
+    action: e.action.small,
+    container: e.container.small
   },
   medium: {
-    base: a.base.medium,
-    action: a.action.medium,
-    container: a.container.medium
+    base: e.base.medium,
+    action: e.action.medium,
+    container: e.container.medium
   },
   large: {
-    base: a.base.large,
-    action: a.action.large,
-    container: a.container.large
+    base: e.base.large,
+    action: e.action.large,
+    container: e.container.large
   }
 };
 export {
-  n as P,
-  i as a
+  i as P,
+  o as a
 };

package/theme/sizes/presetSizes.js

@@ -1,5 +1,21 @@
 import { B as s } from "./baseSizes.js";
 const m = {
+  base: {
+    small: s.sp5,
+    medium: s.sp6,
+    large: s.sp7
+  },
+  action: {
+    small: s.sp7,
+    medium: s.sp8,
+    large: s.sp9
+  },
+  container: {
+    small: s.sp9,
+    medium: s.sp10,
+    large: s.sp11
+  }
+}, p = {
   base: {
     small: s["sp3-5"],
     medium: s.sp4,
@@ -17,5 +33,6 @@ const m = {
   }
 };
 export {
-  m as P
+  p as P,
+  m as a
 };

package/theme/typography.d.ts

@@ -4,7 +4,10 @@ export type FontProps = {
     lineHeight: string;
     letterSpacing: string;
 };
-export type M4LTypographyVariants = 'h1' | 'h3' | 'h5' | 'subtitle' | 'subtitleDens' | 'paragraph' | 'paragraphDens' | 'body' | 'bodyDens' | 'action';
+/**
+ * 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;
@@ -15,7 +18,7 @@ export interface TypographyVariants {
     action: FontProps;
 }
 export declare const typography: {
-    readonly fontFamily: "Segoe UI, Poppins, sans-serif";
+    readonly fontFamily: "Inter, Segoe UI, Poppins, sans-serif";
     readonly fontWeightRegular: 400;
     readonly fontWeightMedium: 600;
     readonly fontWeightBold: 700;

package/theme/typography.js

@@ -1,6 +1,6 @@
 import { createTheme as i } from "@mui/material";
 import { a as e, p as t } from "../utils/getFontValue.js";
-const n = "Segoe UI, Poppins, sans-serif", g = i(), l = {
+const n = "Inter, Segoe UI, Poppins, sans-serif", g = i(), l = {
   ...g.typography,
   fontFamily: n,
   fontWeightRegular: 400,