@m4l/styles 7.1.28 → 7.1.29-16062025.beta.1

package/theme/typography/typographySizes.js

@@ -1,153 +1,153 @@
 import { B as e } from "./baseFontSize.js";
 import { B as t } from "./baseLetterSpacing.js";
-import { B as n } from "./baseLineHeight.js";
-import { B as i } from "./baseWeight.js";
+import { B as i } from "./baseLineHeight.js";
+import { B as n } from "./baseWeight.js";
 const g = {
   small: {
     h1: {
       fontSize: e.pt42,
-      fontWeight: i.dens,
-      lineHeight: n.normal,
+      fontWeight: n.sizeBold,
+      lineHeight: i.normal,
       letterSpacing: t.normal
     },
     h2: {
       fontSize: e.pt32,
-      fontWeight: i.dens,
-      lineHeight: n.normal,
+      fontWeight: n.sizeBold,
+      lineHeight: i.normal,
       letterSpacing: t.normal
     },
     h3: {
       fontSize: e.pt26,
-      fontWeight: i.dens,
-      lineHeight: n.normal,
+      fontWeight: n.sizeBold,
+      lineHeight: i.normal,
       letterSpacing: t.normal
     },
     h5: {
       fontSize: e.pt20,
-      fontWeight: i.dens,
-      lineHeight: n.normal,
+      fontWeight: n.sizeBold,
+      lineHeight: i.normal,
       letterSpacing: t.normal
     },
     subtitle: {
-      fontSize: e.pt17,
-      fontWeight: i.regular,
-      lineHeight: n.normal,
+      fontSize: e.pt15,
+      fontWeight: n.sizeMedium,
+      lineHeight: i.normal,
       letterSpacing: t.normal
     },
     subtitleDens: {
-      fontSize: e.pt17,
-      fontWeight: i.dens,
-      lineHeight: n.normal,
+      fontSize: e.pt15,
+      fontWeight: n.sizeBold,
+      lineHeight: i.normal,
       letterSpacing: t.dens
     },
     paragraph: {
-      fontSize: e.pt14,
-      fontWeight: i.regular,
-      lineHeight: n.normal,
+      fontSize: e.pt13,
+      fontWeight: n.sizeMedium,
+      lineHeight: i.normal,
       letterSpacing: t.normal
     },
     paragraphDens: {
-      fontSize: e.pt14,
-      fontWeight: i.dens,
-      lineHeight: n.normal,
+      fontSize: e.pt13,
+      fontWeight: n.sizeBold,
+      lineHeight: i.normal,
       letterSpacing: t.dens
     },
     body: {
-      fontSize: e.pt12,
-      fontWeight: i.regular,
-      lineHeight: n.normal,
+      fontSize: e.pt11,
+      fontWeight: n.sizeMedium,
+      lineHeight: i.normal,
       letterSpacing: t.normal
     },
     bodyDens: {
-      fontSize: e.pt12,
-      fontWeight: i.dens,
-      lineHeight: n.normal,
+      fontSize: e.pt11,
+      fontWeight: n.sizeBold,
+      lineHeight: i.normal,
       letterSpacing: t.dens
     },
     caption: {
-      fontSize: e.pt14,
-      fontWeight: i.regular,
-      lineHeight: n.normal,
+      fontSize: e.pt13,
+      fontWeight: n.sizeMedium,
+      lineHeight: i.normal,
       letterSpacing: t.normal
     },
     captionDens: {
-      fontSize: e.pt14,
-      fontWeight: i.dens,
-      lineHeight: n.normal,
+      fontSize: e.pt13,
+      fontWeight: n.sizeBold,
+      lineHeight: i.normal,
       letterSpacing: t.dens
     }
   },
   medium: {
     h1: {
       fontSize: e.pt44,
-      fontWeight: i.dens,
-      lineHeight: n.normal,
+      fontWeight: n.sizeBold,
+      lineHeight: i.normal,
       letterSpacing: t.normal
     },
     h2: {
       fontSize: e.pt32,
-      fontWeight: i.dens,
-      lineHeight: n.normal,
+      fontWeight: n.sizeBold,
+      lineHeight: i.normal,
       letterSpacing: t.normal
     },
     h3: {
       fontSize: e.pt28,
-      fontWeight: i.dens,
-      lineHeight: n.normal,
+      fontWeight: n.sizeBold,
+      lineHeight: i.normal,
       letterSpacing: t.normal
     },
     h5: {
       fontSize: e.pt20,
-      fontWeight: i.dens,
-      lineHeight: n.normal,
+      fontWeight: n.sizeBold,
+      lineHeight: i.normal,
       letterSpacing: t.normal
     },
     subtitle: {
       fontSize: e.pt16,
-      fontWeight: i.regular,
-      lineHeight: n.normal,
+      fontWeight: n.sizeMedium,
+      lineHeight: i.normal,
       letterSpacing: t.normal
     },
     subtitleDens: {
       fontSize: e.pt16,
-      fontWeight: i.dens,
-      lineHeight: n.normal,
+      fontWeight: n.sizeBold,
+      lineHeight: i.normal,
       letterSpacing: t.dens
     },
     paragraph: {
       fontSize: e.pt14,
-      fontWeight: i.regular,
-      lineHeight: n.normal,
+      fontWeight: n.sizeMedium,
+      lineHeight: i.normal,
       letterSpacing: t.normal
     },
     paragraphDens: {
       fontSize: e.pt14,
-      fontWeight: i.dens,
-      lineHeight: n.normal,
+      fontWeight: n.sizeBold,
+      lineHeight: i.normal,
       letterSpacing: t.dens
     },
     body: {
       fontSize: e.pt12,
-      fontWeight: i.regular,
-      lineHeight: n.normal,
+      fontWeight: n.sizeMedium,
+      lineHeight: i.normal,
       letterSpacing: t.normal
     },
     bodyDens: {
       fontSize: e.pt12,
-      fontWeight: i.dens,
-      lineHeight: n.normal,
+      fontWeight: n.sizeBold,
+      lineHeight: i.normal,
       letterSpacing: t.dens
     },
     caption: {
-      fontSize: e.pt14,
-      fontWeight: i.regular,
-      lineHeight: n.normal,
+      fontSize: e.pt13,
+      fontWeight: n.sizeMedium,
+      lineHeight: i.normal,
       letterSpacing: t.normal
     },
     captionDens: {
-      fontSize: e.pt14,
-      fontWeight: i.dens,
-      lineHeight: n.normal,
+      fontSize: e.pt13,
+      fontWeight: n.sizeBold,
+      lineHeight: i.normal,
       letterSpacing: t.dens
     }
   }
@@ -155,148 +155,148 @@ const g = {
   small: {
     h1: {
       fontSize: e.pt54,
-      fontWeight: i.dens,
-      lineHeight: n.normal,
+      fontWeight: n.sizeBold,
+      lineHeight: i.normal,
       letterSpacing: t.normal
     },
     h2: {
       fontSize: e.pt42,
-      fontWeight: i.dens,
-      lineHeight: n.normal,
+      fontWeight: n.sizeBold,
+      lineHeight: i.normal,
       letterSpacing: t.normal
     },
     h3: {
       fontSize: e.pt30,
-      fontWeight: i.dens,
-      lineHeight: n.normal,
+      fontWeight: n.sizeBold,
+      lineHeight: i.normal,
       letterSpacing: t.normal
     },
     h5: {
       fontSize: e.pt26,
-      fontWeight: i.dens,
-      lineHeight: n.normal,
+      fontWeight: n.sizeBold,
+      lineHeight: i.normal,
       letterSpacing: t.normal
     },
     subtitle: {
       fontSize: e.pt14,
-      fontWeight: i.regular,
-      lineHeight: n.normal,
+      fontWeight: n.sizeMedium,
+      lineHeight: i.normal,
       letterSpacing: t.normal
     },
     subtitleDens: {
       fontSize: e.pt14,
-      fontWeight: i.dens,
-      lineHeight: n.normal,
+      fontWeight: n.sizeBold,
+      lineHeight: i.normal,
       letterSpacing: t.dens
     },
     paragraph: {
       fontSize: e.pt12,
-      fontWeight: i.regular,
-      lineHeight: n.normal,
+      fontWeight: n.sizeMedium,
+      lineHeight: i.normal,
       letterSpacing: t.normal
     },
     paragraphDens: {
       fontSize: e.pt12,
-      fontWeight: i.dens,
-      lineHeight: n.normal,
+      fontWeight: n.sizeBold,
+      lineHeight: i.normal,
       letterSpacing: t.dens
     },
     body: {
       fontSize: e.pt10,
-      fontWeight: i.regular,
-      lineHeight: n.normal,
+      fontWeight: n.sizeMedium,
+      lineHeight: i.normal,
       letterSpacing: t.normal
     },
     bodyDens: {
       fontSize: e.pt10,
-      fontWeight: i.dens,
-      lineHeight: n.normal,
+      fontWeight: n.sizeBold,
+      lineHeight: i.normal,
       letterSpacing: t.dens
     },
     caption: {
       fontSize: e.pt12,
-      fontWeight: i.regular,
-      lineHeight: n.normal,
+      fontWeight: n.sizeMedium,
+      lineHeight: i.normal,
       letterSpacing: t.normal
     },
     captionDens: {
       fontSize: e.pt12,
-      fontWeight: i.dens,
-      lineHeight: n.normal,
+      fontWeight: n.sizeBold,
+      lineHeight: i.normal,
       letterSpacing: t.dens
     }
   },
   medium: {
     h1: {
       fontSize: e.pt56,
-      fontWeight: i.dens,
-      lineHeight: n.normal,
+      fontWeight: n.sizeBold,
+      lineHeight: i.normal,
       letterSpacing: t.normal
     },
     h2: {
       fontSize: e.pt44,
-      fontWeight: i.dens,
-      lineHeight: n.normal,
+      fontWeight: n.sizeBold,
+      lineHeight: i.normal,
       letterSpacing: t.normal
     },
     h3: {
       fontSize: e.pt32,
-      fontWeight: i.dens,
-      lineHeight: n.normal,
+      fontWeight: n.sizeBold,
+      lineHeight: i.normal,
       letterSpacing: t.normal
     },
     h5: {
       fontSize: e.pt28,
-      fontWeight: i.dens,
-      lineHeight: n.normal,
+      fontWeight: n.sizeBold,
+      lineHeight: i.normal,
       letterSpacing: t.normal
     },
     subtitle: {
       fontSize: e.pt15,
-      fontWeight: i.regular,
-      lineHeight: n.normal,
+      fontWeight: n.sizeMedium,
+      lineHeight: i.normal,
       letterSpacing: t.normal
     },
     subtitleDens: {
       fontSize: e.pt15,
-      fontWeight: i.dens,
-      lineHeight: n.normal,
+      fontWeight: n.sizeBold,
+      lineHeight: i.normal,
       letterSpacing: t.dens
     },
     paragraph: {
       fontSize: e.pt13,
-      fontWeight: i.regular,
-      lineHeight: n.normal,
+      fontWeight: n.sizeMedium,
+      lineHeight: i.normal,
       letterSpacing: t.normal
     },
     paragraphDens: {
       fontSize: e.pt13,
-      fontWeight: i.dens,
-      lineHeight: n.normal,
+      fontWeight: n.sizeBold,
+      lineHeight: i.normal,
       letterSpacing: t.dens
     },
     body: {
       fontSize: e.pt11,
-      fontWeight: i.regular,
-      lineHeight: n.normal,
+      fontWeight: n.sizeMedium,
+      lineHeight: i.normal,
       letterSpacing: t.normal
     },
     bodyDens: {
       fontSize: e.pt11,
-      fontWeight: i.dens,
-      lineHeight: n.normal,
+      fontWeight: n.sizeBold,
+      lineHeight: i.normal,
       letterSpacing: t.dens
     },
     caption: {
       fontSize: e.pt12,
-      fontWeight: i.regular,
-      lineHeight: n.normal,
+      fontWeight: n.sizeMedium,
+      lineHeight: i.normal,
       letterSpacing: t.normal
     },
     captionDens: {
       fontSize: e.pt12,
-      fontWeight: i.dens,
-      lineHeight: n.normal,
+      fontWeight: n.sizeBold,
+      lineHeight: i.normal,
       letterSpacing: t.dens
     }
   }

package/types/augmentations.d.ts

@@ -30,6 +30,8 @@ declare module '@mui/material/styles' {
     opacity: string;
     toneOpacity: string;
     semanticText: string;
+    opacityGradient1: string;
+    opacityGradient2: string;
   }
   interface Palette {
     mode: 'light' | 'dark';

package/types/types.d.ts

@@ -91,6 +91,16 @@ export interface PresetColor {
     dark: string;
     darker: string;
     toneOpacityDark: string;
+    /**
+     * Permite definir el color de fondo de un componente en modo light.
+     */
+    opacityGradient1Light: string;
+    opacityGradient1Dark: string;
+    /**
+     * Permite definir el color de fondo de un componente en modo dark.
+     */
+    opacityGradient2Light: string;
+    opacityGradient2Dark: string;
     /**
      * Permite mantener consitencia en el color de tema para los borders en caso de estar en un estado de usuario focus.
      */

package/utils/getPaletteByPreset.d.ts

@@ -25,6 +25,8 @@ export declare const getPaletteByPreset: (themeUserColor: ThemeUserColor) => {
             readonly opacity: string;
             readonly toneOpacity: string;
             readonly semanticText: string;
+            readonly opacityGradient1: string;
+            readonly opacityGradient2: string;
         };
         readonly default: {
             readonly semanticText: string;
@@ -45,6 +47,8 @@ export declare const getPaletteByPreset: (themeUserColor: ThemeUserColor) => {
             readonly activeOpacity: string;
             readonly opacity: string;
             readonly toneOpacity: string;
+            readonly opacityGradient1: string;
+            readonly opacityGradient2: string;
         };
         readonly divider: string;
         readonly text: {
@@ -60,7 +64,7 @@ export declare const getPaletteByPreset: (themeUserColor: ThemeUserColor) => {
             readonly backdrop: string;
             readonly base: string;
             readonly blur: string;
-            readonly paper: "#000";
+            readonly paper: "#fff";
         };
         readonly chips: {
             readonly info: Record<import('../types').ChipColorVariant, import('../types').ChipColor>;
@@ -134,6 +138,8 @@ export declare const getPaletteByPreset: (themeUserColor: ThemeUserColor) => {
             readonly opacity: string;
             readonly toneOpacity: string;
             readonly semanticText: string;
+            readonly opacityGradient1: string;
+            readonly opacityGradient2: string;
         };
         readonly success: {
             readonly focusVisible: string;
@@ -154,6 +160,8 @@ export declare const getPaletteByPreset: (themeUserColor: ThemeUserColor) => {
             readonly opacity: string;
             readonly toneOpacity: string;
             readonly semanticText: string;
+            readonly opacityGradient1: string;
+            readonly opacityGradient2: string;
         };
         readonly warning: {
             readonly focusVisible: string;
@@ -174,6 +182,8 @@ export declare const getPaletteByPreset: (themeUserColor: ThemeUserColor) => {
             readonly opacity: string;
             readonly toneOpacity: string;
             readonly semanticText: string;
+            readonly opacityGradient1: string;
+            readonly opacityGradient2: string;
         };
         readonly error: {
             readonly focusVisible: string;
@@ -194,6 +204,8 @@ export declare const getPaletteByPreset: (themeUserColor: ThemeUserColor) => {
             readonly opacity: string;
             readonly toneOpacity: string;
             readonly semanticText: string;
+            readonly opacityGradient1: string;
+            readonly opacityGradient2: string;
         };
     };
     readonly dark: {
@@ -218,6 +230,8 @@ export declare const getPaletteByPreset: (themeUserColor: ThemeUserColor) => {
             readonly opacity: string;
             readonly toneOpacity: string;
             readonly semanticText: string;
+            readonly opacityGradient1: string;
+            readonly opacityGradient2: string;
         };
         readonly default: {
             readonly semanticText: string;
@@ -238,6 +252,8 @@ export declare const getPaletteByPreset: (themeUserColor: ThemeUserColor) => {
             readonly activeOpacity: string;
             readonly opacity: string;
             readonly toneOpacity: string;
+            readonly opacityGradient1: string;
+            readonly opacityGradient2: string;
         };
         readonly text: {
             readonly primary: string;
@@ -294,7 +310,7 @@ export declare const getPaletteByPreset: (themeUserColor: ThemeUserColor) => {
         readonly border: {
             readonly main: string;
             readonly dens: string;
-            readonly default: string | undefined;
+            readonly default: string;
             readonly secondary: string;
             readonly disabled: string;
             readonly error: string;
@@ -327,6 +343,8 @@ export declare const getPaletteByPreset: (themeUserColor: ThemeUserColor) => {
             readonly opacity: string;
             readonly toneOpacity: string;
             readonly semanticText: string;
+            readonly opacityGradient1: string;
+            readonly opacityGradient2: string;
         };
         readonly success: {
             readonly focusVisible: string;
@@ -347,6 +365,8 @@ export declare const getPaletteByPreset: (themeUserColor: ThemeUserColor) => {
             readonly opacity: string;
             readonly toneOpacity: string;
             readonly semanticText: string;
+            readonly opacityGradient1: string;
+            readonly opacityGradient2: string;
         };
         readonly warning: {
             readonly focusVisible: string;
@@ -367,6 +387,8 @@ export declare const getPaletteByPreset: (themeUserColor: ThemeUserColor) => {
             readonly opacity: string;
             readonly toneOpacity: string;
             readonly semanticText: string;
+            readonly opacityGradient1: string;
+            readonly opacityGradient2: string;
         };
         readonly error: {
             readonly focusVisible: string;
@@ -387,6 +409,8 @@ export declare const getPaletteByPreset: (themeUserColor: ThemeUserColor) => {
             readonly opacity: string;
             readonly toneOpacity: string;
             readonly semanticText: string;
+            readonly opacityGradient1: string;
+            readonly opacityGradient2: string;
         };
     };
 };