@m4l/styles 2.0.0 → 2.0.2

package/theme/{typography.616cfe0c.js → typography-BsOO459U.js}

@@ -1,11 +1,12 @@
 import { createTheme as i } from "@mui/material";
-import { r as e, p as t } from "../utils/getFontValue.88831637.js";
+import { r as e, p as t } from "../utils/getFontValue-BEO-XID9.js";
 const n = "Segoe UI, Poppins, sans-serif", g = i(), l = {
   ...g.typography,
   fontFamily: n,
   fontWeightRegular: 400,
   fontWeightMedium: 600,
   fontWeightBold: 700,
+  /* Definindo en Patronus */
   h1: {
     fontWeight: 600,
     lineHeight: 1.5,
@@ -16,6 +17,7 @@ const n = "Segoe UI, Poppins, sans-serif", g = i(), l = {
     lineHeight: 1,
     ...e({ sm: 40, md: 40, lg: 40 })
   },
+  /* Definindo en Patronus */
   h3: {
     fontWeight: 600,
     lineHeight: 1.5,
@@ -26,6 +28,7 @@ const n = "Segoe UI, Poppins, sans-serif", g = i(), l = {
     lineHeight: 1.5,
     ...e({ sm: 20, md: 20, lg: 20 })
   },
+  /* Definindo en Patronus */
   h5: {
     fontWeight: 500,
     lineHeight: "28px",
@@ -38,24 +41,28 @@ const n = "Segoe UI, Poppins, sans-serif", g = i(), l = {
     letterSpacing: "-0.08em",
     ...e({ sm: 18, md: 18, lg: 18 })
   },
+  /* Definindo en Patronus */
   subtitle: {
     fontWeight: 400,
     lineHeight: "20px",
     letterSpacing: "-0.006em",
     ...e({ sm: 15, md: 15, lg: 15 })
   },
+  /* Definindo en Patronus */
   subtitleDens: {
     fontWeight: 600,
     lineHeight: "24px",
     letterSpacing: "-0.006em",
     ...e({ sm: 15, md: 15, lg: 15 })
   },
+  /* Definindo en Patronus */
   paragraph: {
     fontWeight: 400,
     lineHeight: "16px",
     letterSpacing: "-0.003em",
     ...e({ sm: 13, md: 13, lg: 13 })
   },
+  /* Definindo en Patronus */
   paragraphDens: {
     fontWeight: 600,
     lineHeight: "20px",
@@ -72,11 +79,13 @@ const n = "Segoe UI, Poppins, sans-serif", g = i(), l = {
     lineHeight: 1.5,
     fontSize: t(12)
   },
+  /* Definindo en Patronus */
   body: {
     fontWeight: 400,
     lineHeight: "16px",
     ...e({ sm: 11, md: 11, lg: 11 })
   },
+  /* Definindo en Patronus */
   bodyDens: {
     fontWeight: 600,
     lineHeight: "16px",
@@ -113,6 +122,7 @@ const n = "Segoe UI, Poppins, sans-serif", g = i(), l = {
     fontSize: t(14),
     textTransform: "capitalize"
   },
+  /* Definindo en Patronus */
   action: {
     fontWeight: 600,
     lineHeight: "16px",

package/types/augmentations.d.ts

@@ -1,137 +1,137 @@
-import {
-  PatronusConstantColors,
-  PatronusOpacityColors,
-  PatronusOpacityOptions,
-} from '../theme/palette';
-import { ColorStateOptions, CustomShadowOptions } from '../theme';
-import { ChartPaletteOptions, GradientsPaletteOptions, GridPaletteOptions } from './types';
-import { Breakpoints } from '@mui/material';
-import { CssVarsTheme } from '@mui/material/styles';
-
-declare module '@mui/material' {
-  interface Color {
-    0: string;
-    500_8: string;
-    500_12: string;
-    500_16: string;
-    500_24: string;
-    500_32: string;
-    500_48: string;
-    500_56: string;
-    500_80: string;
-  }
-}
-
-declare module '@mui/material/styles/createPalette' {}
-
-// declare module '@mui/core/Typography' {
-//     interface TypographyProps {
-//       variant?: 'subtitle';
-//     }
-// }
-
-declare module '@mui/material/styles' {
-  interface SimplePaletteColorOptions {
-    lighter?: string;
-    darker?: string;
-    LightSelected?: string;
-    LightSelectedHover?: string;
-    DarkSelected?: string;
-    DarkSelectedHover?: string;
-  }
-  interface PaletteColor {
-    lighter?: string;
-    darker?: string;
-    LightSelected?: string;
-    LightSelectedHover?: string;
-    DarkSelected?: string;
-    DarkSelectedHover?: string;
-    opacity?: string;
-    name?: string;
-  }
-  interface Palette {
-    gradients?: GradientsPaletteOptions;
-    chart: ChartPaletteOptions;
-    grid?: GridPaletteOptions;
-    patronus?: PatronusConstantColors;
-    opacity: Record<PatronusOpacityColors, PatronusOpacityOptions>;
-    state: ColorStateOptions /* Organizar cada caso con los valores específicos. */;
-    representative: string;
-    mode: 'light' | 'dark';
-    /* info: AgumentationInfoOptions; */
-  }
-
-  interface TypeText {
-    bgPrimary: string;
-  }
-  interface PaletteOptions {
-    gradients?: GradientsPaletteOptions;
-    chart?: ChartPaletteOptions;
-    grid?: GridPaletteOptions;
-    patronus?: PatronusConstantColors;
-    opacity: Record<PatronusOpacityColors, PatronusOpacityOptions>;
-    state: ColorStateOptions /* Organizar cada caso con los valores específicos. */;
-    representative: string;
-    mode: 'light' | 'dark';
-  }
-
-  interface ColorSchemeOverrides {
-    finalTheme?: true;
-  }
-
-  interface Theme extends CssVarsTheme {
-    stretch: boolean;
-    customShadows: CustomShadowOptions;
-    breakpoints: Breakpoints;
-  }
-
-  interface ThemeVars {
-    customShadows: CustomShadowOptions;
-  }
-
-  interface ColorSystem {
-    typography: TypographyVariants;
-  }
-
-  interface TypeBackground {
-    neutral: string;
-    autofill: string;
-    header: string;
-    background: string;
-  }
-}
-
-declare module '@mui/material/styles' {
-  interface TypographyVariants {
-    subtitle: Record<string, any>;
-    subtitleDens: Record<string, any>;
-    paragraph: Record<string, any>;
-    paragraphDens: Record<string, any>;
-    body: Record<string, any>;
-    bodyDens: Record<string, any>;
-    action: Record<string, any>;
-  }
-
-  // allow configuration using `createTheme`
-  interface TypographyVariantsOptions {
-    subtitle: React.CSSProperties;
-    subtitleDens: React.CSSProperties;
-    paragraph: React.CSSProperties;
-    paragraphDens: React.CSSProperties;
-    body: React.CSSProperties;
-    bodyDens: React.CSSProperties;
-    action: React.CSSProperties;
-  }
-}
-
-declare module '@mui/material/Typography' {
-  interface TypographyPropsVariantOverrides {
-    subtitle: true;
-    subtitleDens: true;
-    paragraph: true;
-    paragraphDens: true;
-    body: true;
-    bodyDens: true;
-    action: true;
-  }
-}
+import {
+  PatronusConstantColors,
+  PatronusOpacityColors,
+  PatronusOpacityOptions,
+} from '../theme/palette';
+import { ColorStateOptions, CustomShadowOptions } from '../theme';
+import { ChartPaletteOptions, GradientsPaletteOptions, GridPaletteOptions } from './types';
+import { Breakpoints } from '@mui/material';
+import { CssVarsTheme } from '@mui/material/styles';
+
+declare module '@mui/material' {
+  interface Color {
+    0: string;
+    500_8: string;
+    500_12: string;
+    500_16: string;
+    500_24: string;
+    500_32: string;
+    500_48: string;
+    500_56: string;
+    500_80: string;
+  }
+}
+
+declare module '@mui/material/styles/createPalette' {}
+
+// declare module '@mui/core/Typography' {
+//     interface TypographyProps {
+//       variant?: 'subtitle';
+//     }
+// }
+
+declare module '@mui/material/styles' {
+  interface SimplePaletteColorOptions {
+    lighter?: string;
+    darker?: string;
+    LightSelected?: string;
+    LightSelectedHover?: string;
+    DarkSelected?: string;
+    DarkSelectedHover?: string;
+  }
+  interface PaletteColor {
+    lighter?: string;
+    darker?: string;
+    LightSelected?: string;
+    LightSelectedHover?: string;
+    DarkSelected?: string;
+    DarkSelectedHover?: string;
+    opacity?: string;
+    name?: string;
+  }
+  interface Palette {
+    gradients?: GradientsPaletteOptions;
+    chart: ChartPaletteOptions;
+    grid?: GridPaletteOptions;
+    patronus?: PatronusConstantColors;
+    opacity: Record<PatronusOpacityColors, PatronusOpacityOptions>;
+    state: ColorStateOptions /* Organizar cada caso con los valores específicos. */;
+    representative: string;
+    mode: 'light' | 'dark';
+    /* info: AgumentationInfoOptions; */
+  }
+
+  interface TypeText {
+    bgPrimary: string;
+  }
+  interface PaletteOptions {
+    gradients?: GradientsPaletteOptions;
+    chart?: ChartPaletteOptions;
+    grid?: GridPaletteOptions;
+    patronus?: PatronusConstantColors;
+    opacity: Record<PatronusOpacityColors, PatronusOpacityOptions>;
+    state: ColorStateOptions /* Organizar cada caso con los valores específicos. */;
+    representative: string;
+    mode: 'light' | 'dark';
+  }
+
+  interface ColorSchemeOverrides {
+    finalTheme?: true;
+  }
+
+  interface Theme extends CssVarsTheme {
+    stretch: boolean;
+    customShadows: CustomShadowOptions;
+    breakpoints: Breakpoints;
+  }
+
+  interface ThemeVars {
+    customShadows: CustomShadowOptions;
+  }
+
+  interface ColorSystem {
+    typography: TypographyVariants;
+  }
+
+  interface TypeBackground {
+    neutral: string;
+    autofill: string;
+    header: string;
+    background: string;
+  }
+}
+
+declare module '@mui/material/styles' {
+  interface TypographyVariants {
+    subtitle: Record<string, any>;
+    subtitleDens: Record<string, any>;
+    paragraph: Record<string, any>;
+    paragraphDens: Record<string, any>;
+    body: Record<string, any>;
+    bodyDens: Record<string, any>;
+    action: Record<string, any>;
+  }
+
+  // allow configuration using `createTheme`
+  interface TypographyVariantsOptions {
+    subtitle: React.CSSProperties;
+    subtitleDens: React.CSSProperties;
+    paragraph: React.CSSProperties;
+    paragraphDens: React.CSSProperties;
+    body: React.CSSProperties;
+    bodyDens: React.CSSProperties;
+    action: React.CSSProperties;
+  }
+}
+
+declare module '@mui/material/Typography' {
+  interface TypographyPropsVariantOverrides {
+    subtitle: true;
+    subtitleDens: true;
+    paragraph: true;
+    paragraphDens: true;
+    body: true;
+    bodyDens: true;
+    action: true;
+  }
+}

package/utils/{getColorPresets.a96a4046.js → getColorPresets-B12zVrZ8.js}

@@ -1,4 +1,4 @@
-import { P as r } from "../theme/palette.287635f2.js";
+import { P as r } from "../theme/palette-CR1CkF2l.js";
 import { createTheme as s } from "@mui/material";
 const e = s(), a = [
   {
@@ -41,6 +41,15 @@ const e = s(), a = [
     darker: r.brown[10],
     contrastText: r.marbleLight[10]
   },
+  /*  {
+      name: 'desert',
+      lighter: PATRONUSCOLORS.desertBeige [70],
+      light: PATRONUSCOLORS.desertBeige [60],
+      main: PATRONUSCOLORS.desertBeige [50],
+      dark: PATRONUSCOLORS.desertBeige [40],
+      darker: PATRONUSCOLORS.desertBeige [10],
+      contrastText: PATRONUSCOLORS.marbleLight[10],
+  }, */
   {
     ...e.palette.primary,
     name: "blaze",

package/utils/{getColorState.7cbf2219.js → getColorState-CGc0yrt5.js}

@@ -1,5 +1,5 @@
 import { alpha as a } from "@mui/system";
-import { P as e, O as r, S as o } from "../theme/palette.287635f2.js";
+import { P as e, O as r, S as o } from "../theme/palette-CR1CkF2l.js";
 const u = (l, d) => {
   let t = {};
   switch (l) {
@@ -13,6 +13,7 @@ const u = (l, d) => {
           hoverDefault: r?.oxford[12],
           default: r?.oxford[12],
           borderDefault: e?.coolGrey[10],
+          //borderTop: PATRONUSCOLORS?.marbleLight[10],
           lineTheme: r?.patronus[48],
           borderPrimary: r?.oxford[24],
           borderSecondary: r?.oxford[60],
@@ -31,6 +32,7 @@ const u = (l, d) => {
           hoverDefault: r?.mint[36],
           default: r?.mint[12],
           borderDefault: e?.coolGrey[60],
+          //borderTop: alpha(PATRONUSCOLORS?.marbleLight[10], 0.04),
           lineTheme: r?.patronus[48],
           borderPrimary: r?.mint[48],
           borderSecondary: r?.mint[36],
@@ -53,6 +55,7 @@ const u = (l, d) => {
           hoverDefault: r?.oxford[12],
           default: r?.oxford[12],
           borderDefault: e?.coolGrey[10],
+          //borderTop: PATRONUSCOLORS?.marbleLight[10],
           lineTheme: r?.turqui[48],
           borderPrimary: r?.oxford[24],
           borderSecondary: r?.oxford[60],
@@ -71,6 +74,7 @@ const u = (l, d) => {
           hoverDefault: r?.mint[36],
           default: r?.mint[12],
           borderDefault: e?.coolGrey[60],
+          //borderTop: alpha(PATRONUSCOLORS?.marbleLight[10], 0.04),
           lineTheme: r?.turqui[48],
           borderPrimary: r?.mint[48],
           borderSecondary: r?.mint[36],
@@ -93,6 +97,7 @@ const u = (l, d) => {
           hoverDefault: r?.oxford[12],
           default: r?.oxford[12],
           borderDefault: e?.coolGrey[10],
+          //borderTop: PATRONUSCOLORS?.marbleLight[10],
           lineTheme: r?.grass[48],
           borderPrimary: r?.oxford[24],
           borderSecondary: r?.oxford[60],
@@ -111,6 +116,7 @@ const u = (l, d) => {
           hoverDefault: r?.mint[36],
           default: r?.mint[12],
           borderDefault: e?.coolGrey[60],
+          //borderTop: alpha(PATRONUSCOLORS?.marbleLight[10], 0.04),
           lineTheme: r?.grass[48],
           borderPrimary: r?.mint[48],
           borderSecondary: r?.mint[36],
@@ -133,6 +139,7 @@ const u = (l, d) => {
           hoverDefault: r?.oxford[12],
           default: r?.oxford[12],
           borderDefault: e?.coolGrey[10],
+          //borderTop: PATRONUSCOLORS?.marbleLight[10],
           lineTheme: r?.brown[48],
           borderPrimary: r?.oxford[24],
           borderSecondary: r?.oxford[60],
@@ -151,6 +158,7 @@ const u = (l, d) => {
           hoverDefault: r?.mint[36],
           default: r?.mint[12],
           borderDefault: e?.coolGrey[60],
+          //borderTop: alpha(PATRONUSCOLORS?.marbleLight[10], 0.04),
           lineTheme: r?.brown[48],
           borderPrimary: r?.mint[48],
           borderSecondary: r?.mint[36],
@@ -173,6 +181,7 @@ const u = (l, d) => {
           hoverDefault: r?.oxford[12],
           default: r?.oxford[12],
           borderDefault: e?.coolGrey[10],
+          //borderTop: PATRONUSCOLORS?.marbleLight[10],
           lineTheme: r?.orange[48],
           borderPrimary: r?.oxford[24],
           borderSecondary: r?.oxford[60],
@@ -191,6 +200,7 @@ const u = (l, d) => {
           hoverDefault: r?.mint[36],
           default: r?.mint[12],
           borderDefault: e?.coolGrey[60],
+          //borderTop: alpha(PATRONUSCOLORS?.marbleLight[10], 0.04),
           lineTheme: r?.orange[48],
           borderPrimary: r?.mint[48],
           borderSecondary: r?.mint[36],
@@ -213,6 +223,7 @@ const u = (l, d) => {
           hoverDefault: r?.oxford[12],
           default: r?.oxford[12],
           borderDefault: e?.coolGrey[10],
+          //borderTop: PATRONUSCOLORS?.marbleLight[10],
           lineTheme: r?.patronus[48],
           borderPrimary: r?.oxford[24],
           borderSecondary: r?.oxford[60],
@@ -231,6 +242,7 @@ const u = (l, d) => {
           hoverDefault: r?.mint[36],
           default: r?.mint[12],
           borderDefault: e?.coolGrey[60],
+          //borderTop: alpha(PATRONUSCOLORS?.marbleLight[10], 0.04),
           lineTheme: r?.patronus[48],
           borderPrimary: r?.mint[48],
           borderSecondary: r?.mint[36],

package/utils/{getFontValue.88831637.js → getFontValue-BEO-XID9.js}

@@ -1,5 +1,5 @@
 import { useTheme as h } from "@mui/material/styles";
-import { u as m } from "./useResponsive.2c45e8e0.js";
+import { u as m } from "./useResponsive-DaeQVwlH.js";
 function f(e) {
   return Math.round(parseFloat(e) * 16);
 }
@@ -20,10 +20,13 @@ function l({ sm: e, md: t, lg: o }) {
   };
 }
 function g() {
-  return [...h().breakpoints.keys].reverse().reduce((o, n) => {
-    const s = m("up", n);
-    return !o && s ? n : o;
-  }, null) || "xs";
+  return (
+    // @ts-ignore not sure what is this
+    [...h().breakpoints.keys].reverse().reduce((o, n) => {
+      const s = m("up", n);
+      return !o && s ? n : o;
+    }, null) || "xs"
+  );
 }
 function S(e) {
   const t = h(), o = g(), n = t.breakpoints.up(o === "xl" ? "lg" : o), i = (e === "h1" || e === "h2" || e === "h3" || e === "h4" || e === "h5" || e === "h6") && t.typography[e][n] ? t.typography[e][n] : t.typography[e], p = f(i.fontSize), r = Number(t.typography[e].lineHeight) * p, { fontWeight: u, letterSpacing: c } = t.typography[e];

package/vite-env.d.ts

@@ -1,3 +1,3 @@
-/// <reference types="vite/client" />
-/// <reference types="vitest" />
-/// <reference types="vitest/importMeta" />
+/// <reference types="vite/client" />
+/// <reference types="vitest" />
+/// <reference types="vitest/importMeta" />