@m4l/base 1.0.1 → 1.0.2-beta-hotfix-isolation-fonts.0

package/extended/mui/Typography/Typography.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Typography.d.ts","sourceRoot":"","sources":["../../../../../../../packages/base/src/extended/mui/Typography/Typography.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAkD,eAAe,EAAE,MAAM,SAAS,CAAC;AAM1F;;GAEG;AACH,eAAO,MAAM,UAAU,0HAsDrB,CAAC"}
+{"version":3,"file":"Typography.d.ts","sourceRoot":"","sources":["../../../../../../../packages/base/src/extended/mui/Typography/Typography.tsx"],"names":[],"mappings":"AAGA,OAAO,EAGL,eAAe,EAChB,MAAM,SAAS,CAAC;AAWjB;;GAEG;AACH,eAAO,MAAM,UAAU,0HA4DtB,CAAC"}

package/extended/mui/Typography/Typography.js

@@ -1,57 +1,63 @@
 import { jsx as s } from "@emotion/react/jsx-runtime";
 import Y from "clsx";
-import { forwardRef as k } from "react";
-import { useModuleSkeleton as A } from "@m4l/core";
-import { TYPOGRAPHY_CLASSES as m, TYPOGRAPHY_KEY_COMPONENT as _, TYPOGRAPHY_CLASS_NAME_SPECIFY as g } from "./constants.js";
-import { TypographySlots as w } from "./slots/typographyEnum.js";
-import { StyledMUITypography as N, StyledSkeleton as u } from "./slots/typographySlots.js";
-import { getPropDataTestId as E } from "../../../utils/getNameDataTestId.js";
-const F = k(function(l, i) {
-  const {
-    skeletonWidth: n = "100%",
-    skeletonRows: o = 1,
-    variant: t = "body",
-    color: p = "text.primary",
-    size: S = "medium",
-    className: d,
-    dataTestid: f,
-    children: y,
-    disabled: c,
-    ellipsis: h = !1,
-    fontFamily: T = "Inter",
-    ...P
-  } = l, e = A(), r = {
-    disabled: c,
-    color: p,
-    size: S,
-    skeletonRows: o,
-    variant: t,
-    skeleton: e,
-    ellipsis: h,
-    fontFamily: T
-  };
-  return /* @__PURE__ */ s(
-    N,
-    {
-      ref: i,
-      className: Y(d, g, m.root),
+import { forwardRef as A } from "react";
+import { useModuleSkeleton as _ } from "@m4l/core";
+import { TYPOGRAPHY_FONTS as k, TYPOGRAPHY_CLASSES as m, TYPOGRAPHY_KEY_COMPONENT as N, TYPOGRAPHY_CLASS_NAME_SPECIFY as O } from "./constants.js";
+import { TypographySlots as g } from "./slots/typographyEnum.js";
+import { StyledMUITypography as w, StyledSkeleton as R } from "./slots/typographySlots.js";
+import { getPropDataTestId as u } from "../../../utils/getNameDataTestId.js";
+const L = A(
+  function(l, i) {
+    const {
+      skeletonWidth: n = "100%",
+      skeletonRows: o = 1,
+      variant: t = "body",
+      color: p = "text.primary",
+      size: S = "medium",
+      className: d,
+      dataTestid: f,
+      children: y,
+      disabled: c,
+      ellipsis: T = !1,
+      fontFamily: P = k.Inter,
+      ...h
+    } = l, e = _(), r = {
+      disabled: c,
+      color: p,
+      size: S,
+      skeletonRows: o,
       variant: t,
-      ownerState: { ...r },
-      ...E(_, w.root, f),
-      ...P,
-      children: e ? Array.from({ length: o }).map((R, a) => /* @__PURE__ */ s(
-        u,
-        {
-          width: a === o - 1 ? n : "100%",
-          variant: "text",
-          ownerState: { ...r },
-          className: m.skeleton
-        },
-        a
-      )) : y
-    }
-  );
-});
+      skeleton: e,
+      ellipsis: T,
+      fontFamily: P
+    };
+    return /* @__PURE__ */ s(
+      w,
+      {
+        ref: i,
+        className: Y(
+          d,
+          O,
+          m.root
+        ),
+        variant: t,
+        ownerState: { ...r },
+        ...u(N, g.root, f),
+        ...h,
+        children: e ? Array.from({ length: o }).map((x, a) => /* @__PURE__ */ s(
+          R,
+          {
+            width: a === o - 1 ? n : "100%",
+            variant: "text",
+            ownerState: { ...r },
+            className: m.skeleton
+          },
+          a
+        )) : y
+      }
+    );
+  }
+);
 export {
-  F as Typography
+  L as Typography
 };

package/extended/mui/Typography/constants.d.ts

@@ -14,4 +14,12 @@ export declare const TYPOGRAPHY_FONTS: {
     readonly Inter: "Inter";
     readonly Jura: "Jura";
 };
+/**
+ * Shared fallback stack used when the primary design-system font is unavailable.
+ */
+export declare const TYPOGRAPHY_FONT_FAMILY_FALLBACK = "\"Segoe UI\",Roboto,\"Helvetica Neue\",\"Open Sans\",sans-serif";
+/**
+ * Concatenate the shared fallback stack for the supported design-system fonts.
+ */
+export declare function getTypographyFontFamily(fontFamily: string): string;
 //# sourceMappingURL=constants.d.ts.map

package/extended/mui/Typography/constants.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"constants.d.ts","sourceRoot":"","sources":["../../../../../../../packages/base/src/extended/mui/Typography/constants.ts"],"names":[],"mappings":"AAGA;;GAEG;AACH,eAAO,MAAM,wBAAwB,kBAAkB,CAAC;AAExD;;GAEG;AACH,eAAO,MAAM,6BAA6B,2BAA2B,CAAC;AAEtE;;GAEG;AACH,eAAO,MAAM,kBAAkB,qCAAiE,CAAC;AAEjG,eAAO,MAAM,gBAAgB;;;CAGnB,CAAC"}
+{"version":3,"file":"constants.d.ts","sourceRoot":"","sources":["../../../../../../../packages/base/src/extended/mui/Typography/constants.ts"],"names":[],"mappings":"AAGA;;GAEG;AACH,eAAO,MAAM,wBAAwB,kBAAkB,CAAC;AAExD;;GAEG;AACH,eAAO,MAAM,6BAA6B,2BAA2B,CAAC;AAEtE;;GAEG;AACH,eAAO,MAAM,kBAAkB,qCAG9B,CAAC;AAEF,eAAO,MAAM,gBAAgB;;;CAGnB,CAAC;AAEX;;GAEG;AACH,eAAO,MAAM,+BAA+B,oEACiB,CAAC;AAE9D;;GAEG;AACH,wBAAgB,uBAAuB,CAAC,UAAU,EAAE,MAAM,UAKzD"}

package/extended/mui/Typography/constants.js

@@ -1,12 +1,20 @@
-import { getComponentClasses as o } from "../../../utils/getComponentSlotRoot.js";
-import { TypographySlots as t } from "./slots/typographyEnum.js";
-const s = "M4LTypography", Y = "M4lclassCssSpecificity", p = o(s, t), S = {
+import { getComponentClasses as t } from "../../../utils/getComponentSlotRoot.js";
+import { TypographySlots as r } from "./slots/typographyEnum.js";
+const s = "M4LTypography", P = "M4lclassCssSpecificity", A = t(
+  s,
+  r
+), e = {
   Inter: "Inter",
   Jura: "Jura"
-};
+}, n = '"Segoe UI",Roboto,"Helvetica Neue","Open Sans",sans-serif';
+function S(o) {
+  return o === e.Inter || o === e.Jura ? `${o},${n}` : o;
+}
 export {
-  p as TYPOGRAPHY_CLASSES,
-  Y as TYPOGRAPHY_CLASS_NAME_SPECIFY,
-  S as TYPOGRAPHY_FONTS,
-  s as TYPOGRAPHY_KEY_COMPONENT
+  A as TYPOGRAPHY_CLASSES,
+  P as TYPOGRAPHY_CLASS_NAME_SPECIFY,
+  e as TYPOGRAPHY_FONTS,
+  n as TYPOGRAPHY_FONT_FAMILY_FALLBACK,
+  s as TYPOGRAPHY_KEY_COMPONENT,
+  S as getTypographyFontFamily
 };

package/extended/mui/Typography/typography.styles.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"typography.styles.d.ts","sourceRoot":"","sources":["../../../../../../../packages/base/src/extended/mui/Typography/typography.styles.ts"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAwB,gBAAgB,EAAE,MAAM,SAAS,CAAC;AAOtE,eAAO,MAAM,gBAAgB,EAAE,gBAuC9B,CAAC"}
+{"version":3,"file":"typography.styles.d.ts","sourceRoot":"","sources":["../../../../../../../packages/base/src/extended/mui/Typography/typography.styles.ts"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAwB,gBAAgB,EAAE,MAAM,SAAS,CAAC;AAOtE,eAAO,MAAM,gBAAgB,EAAE,gBA8C9B,CAAC"}

package/extended/mui/Typography/typography.styles.js

@@ -1,7 +1,8 @@
-import { getPropertyByString as s } from "@m4l/core";
+import { getPropertyByString as o } from "@m4l/core";
 import { getSizeStyles as e } from "../../../utils/getSizeStyles/getSizeStyles.js";
-import { getTypographyStyles as o } from "../../../utils/getTypographyStyles.js";
-const p = {
+import { getTypographyStyles as r } from "../../../utils/getTypographyStyles.js";
+import { getTypographyFontFamily as s, TYPOGRAPHY_FONTS as t } from "./constants.js";
+const d = {
   /**
    * Root slot styles for the Typography primitive.
    */
@@ -16,10 +17,16 @@ const p = {
       ...i?.disabled || i?.color === "text.disabled" ? {
         color: l.vars.palette.text.disabled
       } : {
-        color: s(l.vars.palette, i?.color || "text.primary", "text.primary")
+        color: o(
+          l.vars.palette,
+          i?.color || "text.primary",
+          "text.primary"
+        )
       },
-      fontFamily: i?.fontFamily ?? "Inter",
-      ...o(
+      fontFamily: s(
+        i?.fontFamily ?? t.Inter
+      ),
+      ...r(
         l.generalSettings.isMobile,
         i?.size || "medium",
         i?.variant || "bodyStandard"
@@ -40,5 +47,5 @@ const p = {
   })
 };
 export {
-  p as typographyStyles
+  d as typographyStyles
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@m4l/base",
-  "version": "1.0.1",
+  "version": "1.0.2-beta-hotfix-isolation-fonts.0",
   "publishConfig": {
     "access": "public"
   },