@m4l/styles 7.1.14 → 7.1.18

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@m4l/styles",
-  "version": "7.1.14",
+  "version": "7.1.18",
   "license": "UNLICENSED",
   "author": "m4l team",
   "publishConfig": {
@@ -34,7 +34,6 @@
     "*"
   ],
   "source": "./index.js",
-  "main": "./index.js",
   "module": "./index.js",
   "types": "./index.d.ts",
   "type": "module",
@@ -43,5 +42,10 @@
     "node": ">=12.0.0"
   },
   "packageManager": "yarn@4.5.0",
-  "private": false
+  "private": false,
+  "exports": {
+    ".": {
+      "import": "./index.js"
+    }
+  }
 }

package/theme/typography.d.ts

@@ -22,6 +22,10 @@ export declare const typography: {
     readonly fontWeightRegular: 400;
     readonly fontWeightMedium: 600;
     readonly fontWeightBold: 700;
+    readonly fontSize: 14;
+    readonly fontWeightLight: 300;
+    readonly htmlFontSize: 16;
+    readonly pxToRem: (size: number) => string;
     readonly h1: {
         readonly '@media (min-width:0px)': {
             fontSize: string;
@@ -238,8 +242,4 @@ export declare const typography: {
         readonly fontWeight: 600;
         readonly lineHeight: "16px";
     };
-    readonly fontSize: number;
-    readonly fontWeightLight: React.CSSProperties["fontWeight"];
-    readonly htmlFontSize: number;
-    readonly pxToRem: (px: number) => string;
 };

package/theme/typography.js

@@ -1,11 +1,14 @@
-import { createTheme as i } from "@mui/material";
 import { a as e, p as t } from "../utils/getFontValue.js";
-const n = "Inter, Segoe UI, Poppins, sans-serif", g = i(), l = {
-  ...g.typography,
+const n = "Inter, Segoe UI, Poppins, sans-serif", o = {
+  // ...baseTheme.typography,
   fontFamily: n,
   fontWeightRegular: 400,
   fontWeightMedium: 600,
   fontWeightBold: 700,
+  fontSize: 14,
+  fontWeightLight: 300,
+  htmlFontSize: 16,
+  pxToRem: (i) => `${i / 16}rem`,
   /* Definindo en Patronus */
   h1: {
     fontWeight: 600,
@@ -130,5 +133,5 @@ const n = "Inter, Segoe UI, Poppins, sans-serif", g = i(), l = {
   }
 };
 export {
-  l as t
+  o as t
 };

package/types/augmentations.d.ts

@@ -1,6 +1,6 @@
 import type { CustomShadowOptions } from '../theme';
 import type { Size } from '../theme/sizes/types';
-import { BaseChipColors } from './types';
+import type { BaseChipColors } from './types';
 
 declare module '@mui/material' {
   interface Color {

package/utils/getUserThemeOptions.d.ts

@@ -1,4 +1,4 @@
-import { Theme } from '@mui/material/styles';
+import { Theme } from '@mui/material';
 import { ThemeUserColor, ThemeUserMode } from '../types/types';
 /**
  * Obtiene el tema de la aplicación basado en el color y modo seleccionado por el usuario.

package/utils/getUserThemeOptions.js

@@ -1,22 +1,23 @@
-import { createTheme as s, alpha as e } from "@mui/material/styles";
-import { t as a } from "../theme/typography.js";
-import { s as m, c as p } from "../theme/shadows.js";
+import { createTheme as p, alpha as s } from "@mui/material";
+import { t as o } from "../theme/typography.js";
+import { s as e, c as m } from "../theme/shadows.js";
 import { S as i } from "../theme/sizes/size.js";
-import { g as c } from "./getColorPresets.js";
-import { g as f } from "./getPaletteByPreset.js";
-const o = s();
-function S(t, r) {
+import { g } from "./getColorPresets.js";
+import { g as y } from "./getPaletteByPreset.js";
+function S(r, a) {
+  const t = p();
   return {
+    ...t,
+    ...t.typography,
     ...o,
-    ...a,
-    ...m[t],
+    ...e[r],
     customShadows: {
-      primary: `0 8px 16px 0 ${e(c(r).main, 0.2)}`,
-      ...p(t)
+      primary: `0 8px 16px 0 ${s(g(a).main, 0.2)}`,
+      ...m(r)
     },
     stretch: !0,
-    palette: { ...o.palette, ...f(r)[t] },
-    typography: a,
+    palette: { ...t.palette, ...y(a)[r] },
+    typography: { ...t.typography, ...o },
     size: i
   };
 }