@m4l/styles 6.4.0 → 6.4.1

package/theme/typography/typographySizes.js

@@ -0,0 +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 = {
+  small: {
+    h1: {
+      fontSize: e.pt42,
+      weight: n.dens,
+      lineHeight: i.auto,
+      letterSpacing: t["0.5"]
+    },
+    h2: {
+      fontSize: e.pt32,
+      weight: n.dens,
+      lineHeight: i.auto,
+      letterSpacing: t["0.5"]
+    },
+    h3: {
+      fontSize: e.pt26,
+      weight: n.dens,
+      lineHeight: i.auto,
+      letterSpacing: t["0.5"]
+    },
+    h5: {
+      fontSize: e.pt20,
+      weight: n.dens,
+      lineHeight: i.auto,
+      letterSpacing: t["0.5"]
+    },
+    subtitle: {
+      fontSize: e.pt17,
+      weight: n.regular,
+      lineHeight: i.auto,
+      letterSpacing: t["0.5"]
+    },
+    subtitleDens: {
+      fontSize: e.pt17,
+      weight: n.dens,
+      lineHeight: i.auto,
+      letterSpacing: t["0.5"]
+    },
+    paragraph: {
+      fontSize: e.pt15,
+      weight: n.regular,
+      lineHeight: i.auto,
+      letterSpacing: t["0.5"]
+    },
+    paragraphDens: {
+      fontSize: e.pt15,
+      weight: n.dens,
+      lineHeight: i.auto,
+      letterSpacing: t["0.5"]
+    },
+    body: {
+      fontSize: e.pt13,
+      weight: n.regular,
+      lineHeight: i.lh3,
+      letterSpacing: t["0.5"]
+    },
+    bodyDens: {
+      fontSize: e.pt13,
+      weight: n.dens,
+      lineHeight: i.lh3,
+      letterSpacing: t["0.5"]
+    }
+  },
+  medium: {
+    h1: {
+      fontSize: e.pt44,
+      weight: n.dens,
+      lineHeight: i.auto,
+      letterSpacing: t["0.5"]
+    },
+    h2: {
+      fontSize: e.pt32,
+      weight: n.dens,
+      lineHeight: i.auto,
+      letterSpacing: t["0.5"]
+    },
+    h3: {
+      fontSize: e.pt28,
+      weight: n.dens,
+      lineHeight: i.auto,
+      letterSpacing: t["0.5"]
+    },
+    h5: {
+      fontSize: e.pt20,
+      weight: n.dens,
+      lineHeight: i.auto,
+      letterSpacing: t["0.5"]
+    },
+    subtitle: {
+      fontSize: e.pt18,
+      weight: n.regular,
+      lineHeight: i.auto,
+      letterSpacing: t["0.5"]
+    },
+    subtitleDens: {
+      fontSize: e.pt18,
+      weight: n.dens,
+      lineHeight: i.auto,
+      letterSpacing: t["0.5"]
+    },
+    paragraph: {
+      fontSize: e.pt15,
+      weight: n.regular,
+      lineHeight: i.auto,
+      letterSpacing: t["0.5"]
+    },
+    paragraphDens: {
+      fontSize: e.pt15,
+      weight: n.dens,
+      lineHeight: i.auto,
+      letterSpacing: t["0.5"]
+    },
+    body: {
+      fontSize: e.pt14,
+      weight: n.regular,
+      lineHeight: i.auto,
+      letterSpacing: t["0.5"]
+    },
+    bodyDens: {
+      fontSize: e.pt14,
+      weight: n.dens,
+      lineHeight: i.auto,
+      letterSpacing: t["0.5"]
+    }
+  }
+}, o = {
+  small: {
+    h1: {
+      fontSize: e.pt54,
+      weight: n.dens,
+      lineHeight: i.auto,
+      letterSpacing: t["0.5"]
+    },
+    h2: {
+      fontSize: e.pt42,
+      weight: n.dens,
+      lineHeight: i.auto,
+      letterSpacing: t["0.5"]
+    },
+    h3: {
+      fontSize: e.pt30,
+      weight: n.dens,
+      lineHeight: i.auto,
+      letterSpacing: t["0.5"]
+    },
+    h5: {
+      fontSize: e.pt26,
+      weight: n.dens,
+      lineHeight: i.auto,
+      letterSpacing: t["0.5"]
+    },
+    subtitle: {
+      fontSize: e.pt14,
+      weight: n.regular,
+      lineHeight: i.auto,
+      letterSpacing: t["0.5"]
+    },
+    subtitleDens: {
+      fontSize: e.pt14,
+      weight: n.dens,
+      lineHeight: i.auto,
+      letterSpacing: t["0.5"]
+    },
+    paragraph: {
+      fontSize: e.pt12,
+      weight: n.regular,
+      lineHeight: i.auto,
+      letterSpacing: t["0.5"]
+    },
+    paragraphDens: {
+      fontSize: e.pt12,
+      weight: n.dens,
+      lineHeight: i.auto,
+      letterSpacing: t["0.5"]
+    },
+    body: {
+      fontSize: e.pt10,
+      weight: n.regular,
+      lineHeight: i.lh1,
+      letterSpacing: t["0.5"]
+    },
+    bodyDens: {
+      fontSize: e.pt10,
+      weight: n.dens,
+      lineHeight: i.lh1,
+      letterSpacing: t["0.5"]
+    }
+  },
+  medium: {
+    h1: {
+      fontSize: e.pt56,
+      weight: n.dens,
+      lineHeight: i.auto,
+      letterSpacing: t["0.5"]
+    },
+    h2: {
+      fontSize: e.pt44,
+      weight: n.dens,
+      lineHeight: i.auto,
+      letterSpacing: t["0.5"]
+    },
+    h3: {
+      fontSize: e.pt32,
+      weight: n.dens,
+      lineHeight: i.auto,
+      letterSpacing: t["0.5"]
+    },
+    h5: {
+      fontSize: e.pt28,
+      weight: n.dens,
+      lineHeight: i.auto,
+      letterSpacing: t["0.5"]
+    },
+    subtitle: {
+      fontSize: e.pt15,
+      weight: n.regular,
+      lineHeight: i.auto,
+      letterSpacing: t["0.5"]
+    },
+    subtitleDens: {
+      fontSize: e.pt15,
+      weight: n.dens,
+      lineHeight: i.auto,
+      letterSpacing: t["0.5"]
+    },
+    paragraph: {
+      fontSize: e.pt13,
+      weight: n.regular,
+      lineHeight: i.auto,
+      letterSpacing: t["0.5"]
+    },
+    paragraphDens: {
+      fontSize: e.pt13,
+      weight: n.dens,
+      lineHeight: i.auto,
+      letterSpacing: t["0.5"]
+    },
+    body: {
+      fontSize: e.pt11,
+      weight: n.regular,
+      lineHeight: i.auto,
+      letterSpacing: t["0.5"]
+    },
+    bodyDens: {
+      fontSize: e.pt11,
+      weight: n.dens,
+      lineHeight: i.auto,
+      letterSpacing: t["0.5"]
+    }
+  }
+};
+export {
+  p as T,
+  o as a
+};

package/theme/typography.d.ts

@@ -1,10 +1,10 @@
-export declare type FontProps = {
+export type FontProps = {
     fontSize: string;
     fontWeight: number;
     lineHeight: string;
     letterSpacing: string;
 };
-export declare type M4LTypographyVariants = 'h1' | 'h3' | 'h5' | 'subtitle' | 'subtitleDens' | 'paragraph' | 'paragraphDens' | 'body' | 'bodyDens' | 'action';
+export type M4LTypographyVariants = 'h1' | 'h3' | 'h5' | 'subtitle' | 'subtitleDens' | 'paragraph' | 'paragraphDens' | 'body' | 'bodyDens' | 'action';
 export interface TypographyVariants {
     subtitle: FontProps;
     subtitleDens: FontProps;
@@ -236,7 +236,7 @@ export declare const typography: {
         readonly lineHeight: "16px";
     };
     readonly fontSize: number;
-    readonly fontWeightLight: import("csstype").Property.FontWeight | undefined;
+    readonly fontWeightLight: React.CSSProperties["fontWeight"];
     readonly htmlFontSize: number;
     readonly pxToRem: (px: number) => string;
 };

package/theme/typography.js

@@ -0,0 +1,134 @@
+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 = {
+  ...g.typography,
+  fontFamily: n,
+  fontWeightRegular: 400,
+  fontWeightMedium: 600,
+  fontWeightBold: 700,
+  /* Definindo en Patronus */
+  h1: {
+    fontWeight: 600,
+    lineHeight: 1.5,
+    ...e({ sm: 38, md: 38, lg: 38 })
+  },
+  h2: {
+    fontWeight: 600,
+    lineHeight: 1,
+    ...e({ sm: 40, md: 40, lg: 40 })
+  },
+  /* Definindo en Patronus */
+  h3: {
+    fontWeight: 600,
+    lineHeight: 1.5,
+    ...e({ sm: 30, md: 30, lg: 30 })
+  },
+  h4: {
+    fontWeight: 600,
+    lineHeight: 1.5,
+    ...e({ sm: 20, md: 20, lg: 20 })
+  },
+  /* Definindo en Patronus */
+  h5: {
+    fontWeight: 500,
+    lineHeight: "28px",
+    letterSpacing: "-0.01em",
+    ...e({ sm: 22, md: 22, lg: 22 })
+  },
+  h6: {
+    fontWeight: 500,
+    lineHeight: "24px",
+    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",
+    letterSpacing: "-0.003em",
+    ...e({ sm: 13, md: 13, lg: 13 })
+  },
+  subtitle1: {
+    fontWeight: 600,
+    lineHeight: 1.5,
+    fontSize: t(14)
+  },
+  subtitle2: {
+    fontWeight: 600,
+    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",
+    ...e({ sm: 11, md: 11, lg: 11 })
+  },
+  body0: {
+    lineHeight: 1.5,
+    fontWeight: 400,
+    fontSize: t(16)
+  },
+  body1: {
+    lineHeight: 1.5,
+    fontWeight: 400,
+    fontSize: t(14)
+  },
+  body2: {
+    lineHeight: 1.5,
+    fontWeight: 400,
+    fontSize: t(12)
+  },
+  caption: {
+    lineHeight: 1.5,
+    fontSize: t(11)
+  },
+  overline: {
+    fontWeight: 700,
+    lineHeight: 1.5,
+    fontSize: t(12),
+    textTransform: "uppercase"
+  },
+  button: {
+    fontWeight: 700,
+    lineHeight: 24 / 14,
+    fontSize: t(14),
+    textTransform: "capitalize"
+  },
+  /* Definindo en Patronus */
+  action: {
+    fontWeight: 600,
+    lineHeight: "16px",
+    ...e({ sm: 12, md: 12, lg: 12 })
+  }
+};
+export {
+  l as t
+};

package/types/augmentations.d.js

@@ -0,0 +1 @@
+