@newtonedev/components 0.1.8 → 0.1.10

package/dist/fonts/measureFont.d.ts

@@ -1,7 +1,8 @@
 /**
  * Measure the average character width ratio for a font using the Canvas API.
  *
- * Waits for the font to load via `document.fonts.load()` before measuring.
+ * Waits for the font to load via `document.fonts.load()` before measuring,
+ * with a 3-second timeout to prevent hangs when fonts fail to load silently.
  * Falls back to 0.55 if the browser context is unavailable, the font fails
  * to load, or canvas is not supported.
  *

package/dist/fonts/measureFont.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"measureFont.d.ts","sourceRoot":"","sources":["../../src/fonts/measureFont.ts"],"names":[],"mappings":"AAOA;;;;;;;;;;;;;;;GAeG;AACH,wBAAsB,mBAAmB,CACvC,UAAU,EAAE,MAAM,EAClB,UAAU,EAAE,MAAM,EAClB,QAAQ,EAAE,MAAM,EAChB,QAAQ,SAAK,GACZ,OAAO,CAAC,MAAM,CAAC,CAajB"}
+{"version":3,"file":"measureFont.d.ts","sourceRoot":"","sources":["../../src/fonts/measureFont.ts"],"names":[],"mappings":"AAeA;;;;;;;;;;;;;;;;GAgBG;AACH,wBAAsB,mBAAmB,CACvC,UAAU,EAAE,MAAM,EAClB,UAAU,EAAE,MAAM,EAClB,QAAQ,EAAE,MAAM,EAChB,QAAQ,SAAK,GACZ,OAAO,CAAC,MAAM,CAAC,CAiBjB"}

package/dist/index.cjs

@@ -840,10 +840,20 @@ function Icon({
 
 // src/fonts/measureFont.ts
 var REF_STRING = "ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789 ";
+function withTimeout(promise, ms, fallback) {
+  return Promise.race([
+    promise,
+    new Promise((resolve) => setTimeout(() => resolve(fallback), ms))
+  ]);
+}
 async function measureAvgCharWidth(fontFamily, fontWeight, fallback, fontSize = 16) {
   if (typeof document === "undefined") return 0.55;
   try {
-    await document.fonts.load(`${fontWeight} ${fontSize}px "${fontFamily}"`);
+    await withTimeout(
+      document.fonts.load(`${fontWeight} ${fontSize}px "${fontFamily}"`),
+      3e3,
+      []
+    );
     const canvas = document.createElement("canvas");
     const ctx = canvas.getContext("2d");
     if (!ctx) return 0.55;
@@ -993,6 +1003,7 @@ function TextBase({
   role = "body",
   color = "primary",
   size: sizeOverride,
+  weight: weightOverride,
   align,
   numberOfLines,
   elevation = 1,
@@ -1009,7 +1020,7 @@ function TextBase({
   const { config, reportingEndpoint } = useNewtoneTheme();
   const size = sizeOverride ?? "md";
   const fontSlot = tokens.typography.fonts[scope];
-  const resolvedFontWeight = config.typography.roleWeights?.[role] ?? fonts.ROLE_DEFAULT_WEIGHTS[role];
+  const resolvedFontWeight = weightOverride ? fonts.SEMANTIC_WEIGHT_MAP[weightOverride] : config.typography.roleWeights?.[role] ?? fonts.ROLE_DEFAULT_WEIGHTS[role];
   const breakpoint = useBreakpoint();
   const baseStep = config.typography.roles[role][size];
   const bpScale = fonts.BREAKPOINT_ROLE_SCALE[breakpoint][role];