@yahoo/uds-mobile 2.0.0 → 2.0.1

package/dist/bin/generateTheme.mjs

@@ -13,6 +13,15 @@ import { fontAliasToPostscript } from "@yahoo/uds-mobile/fonts";
 * Takes UniversalTokensConfigGeneric and generates theme objects for React Native Unistyles.
 */
 /**
+* TEMPORARY: UDS-665 - Override YAS font with Yahoo Product Sans
+* Remove this function when YAS font issue is resolved.
+* Search for "UDS-665" to find all related code.
+*/
+function applyYasFontOverride(fontId) {
+	if (fontId === "yas") return "yahoo-product-sans";
+	return fontId;
+}
+/**
 * Extracts a space-separated "R G B" string from a SpectrumValueEntry.
 */
 function extractRgb(value) {
@@ -208,7 +217,7 @@ function generateTypography(typographyConfig, fontConfig) {
 	const result = {};
 	for (const [variant, style] of Object.entries(typographyConfig)) {
 		const fontAlias = style.fontFamily.base;
-		const fontId = fontConfig[fontAlias] ?? fontAlias;
+		const fontId = applyYasFontOverride(fontConfig[fontAlias] ?? fontAlias);
 		const weight = Number(style.fontWeight.base.value);
 		const postScriptName = isWebFontID(fontId) ? getPostScriptName(fontId, weight) : fontId;
 		result[variant] = {
@@ -223,10 +232,13 @@ function generateTypography(typographyConfig, fontConfig) {
 }
 function generateFontAliases(fontConfig) {
 	const result = {};
-	for (const [alias, fontId] of Object.entries(fontConfig)) if (isWebFontID(fontId)) {
-		const defaultWeight = FONT_DECLARATIONS_MAP[fontId].defaults.fontWeight;
-		result[alias] = getPostScriptName(fontId, defaultWeight);
-	} else result[alias] = fontId;
+	for (const [alias, rawFontId] of Object.entries(fontConfig)) {
+		const fontId = applyYasFontOverride(rawFontId);
+		if (isWebFontID(fontId)) {
+			const defaultWeight = FONT_DECLARATIONS_MAP[fontId].defaults.fontWeight;
+			result[alias] = getPostScriptName(fontId, defaultWeight);
+		} else result[alias] = fontId;
+	}
 	result.icons = "uds-icons";
 	return result;
 }
@@ -315,7 +327,7 @@ function resolveTypographyStyles(variantName, typography, config) {
 	if (typeof lineHeight === "number") result.lineHeight = lineHeight;
 	if (typeof letterSpacing === "number") result.letterSpacing = letterSpacing;
 	if (typeof fontFamily === "string") {
-		const fontId = config.font[fontFamily] ?? fontFamily;
+		const fontId = applyYasFontOverride(config.font[fontFamily] ?? fontFamily);
 		if (isWebFontID(fontId)) result.fontFamily = getPostScriptName(fontId, typeof fontWeight === "number" ? fontWeight : 400);
 		else result.fontFamily = fontId;
 	}

package/generated/styles.d.ts

@@ -1248,7 +1248,7 @@ export declare const avatarStyles: {
   };
   text: {
     color: string;
-    fontFamily: 'YASans' | 'YASans-Medium';
+    fontFamily: 'YahooProductSans' | 'YahooProductSans-Medium';
     fontSize: number;
     letterSpacing: number;
     lineHeight: number;
@@ -1294,7 +1294,7 @@ export declare const badgeStyles: {
     borderWidth: number;
   };
   text: {
-    fontFamily: 'YASans-SmBd';
+    fontFamily: 'YahooProductSans-Medium';
     fontSize: number;
     letterSpacing: number;
     lineHeight: number;
@@ -1371,7 +1371,7 @@ export declare const buttonStyles: {
     boxShadow: string;
   };
   text: {
-    fontFamily: 'YASans-SmBd';
+    fontFamily: 'YahooProductSans-Medium';
     fontSize: number;
     letterSpacing: number;
     lineHeight: number;
@@ -1471,7 +1471,7 @@ export declare const buttonStyles: {
 export declare const checkboxStyles: {
   root: { gap: number };
   text: {
-    fontFamily: 'YASans';
+    fontFamily: 'YahooProductSans';
     fontSize: number;
     letterSpacing: number;
     lineHeight: number;
@@ -1527,7 +1527,7 @@ export declare const chipStyles: {
   };
   text: {
     color: string;
-    fontFamily: 'YASans-SmBd';
+    fontFamily: 'YahooProductSans-Medium';
     fontSize: number;
     letterSpacing: number;
     lineHeight: number;
@@ -1564,7 +1564,7 @@ export declare const dividerStyles: {
   root: { gap: number };
   label: {
     color: string;
-    fontFamily: 'YASans-SmBd';
+    fontFamily: 'YahooProductSans-Medium';
     fontSize: number;
     letterSpacing: number;
     lineHeight: number;
@@ -1594,7 +1594,7 @@ export declare const inputStyles: {
   endIcon: { fontSize: number; iconSizeToken: 'md'; lineHeight: number; color: string };
   helperIcon: { fontSize: number; iconSizeToken: 'sm'; lineHeight: number; color: string };
   helperText: {
-    fontFamily: 'YASans';
+    fontFamily: 'YahooProductSans';
     fontSize: number;
     letterSpacing: number;
     lineHeight: number;
@@ -1605,7 +1605,7 @@ export declare const inputStyles: {
   inputWrapper: {
     borderWidth: number;
     borderRadius: number;
-    fontFamily: 'YASans';
+    fontFamily: 'YahooProductSans';
     fontSize: number;
     gap: number;
     letterSpacing: number;
@@ -1616,7 +1616,7 @@ export declare const inputStyles: {
     borderColor: string;
   };
   label: {
-    fontFamily: 'YASans';
+    fontFamily: 'YahooProductSans';
     fontSize: number;
     letterSpacing: number;
     lineHeight: number;
@@ -1711,7 +1711,7 @@ export declare const inputStyles: {
 
 export declare const linkStyles: {
   root: {
-    fontFamily: 'YASans' | 'YASans-Medium' | 'YASans-SmBd';
+    fontFamily: 'YahooProductSans' | 'YahooProductSans-Medium';
     fontSize: number;
     letterSpacing: number;
     lineHeight: number;
@@ -1830,7 +1830,7 @@ export declare const menuItemStyles: {
 export declare const radioStyles: {
   root: { gap: number };
   text: {
-    fontFamily: 'YASans';
+    fontFamily: 'YahooProductSans';
     fontSize: number;
     letterSpacing: number;
     lineHeight: number;
@@ -1871,7 +1871,12 @@ export declare const radioStyles: {
 
 export declare const switchStyles: {
   root: { gap: number; paddingHorizontal: number; paddingVertical: number };
-  text: { fontFamily: 'YASans'; fontSize: number; letterSpacing: number; lineHeight: number };
+  text: {
+    fontFamily: 'YahooProductSans';
+    fontSize: number;
+    letterSpacing: number;
+    lineHeight: number;
+  };
   handle: { height: number; width: number; backgroundColor: string; boxShadow: string };
   handleIcon: { fontSize: number; iconSizeToken: 'sm'; lineHeight: number; color: string };
   switch: {
@@ -1907,7 +1912,12 @@ export declare const toastStyles: {
   text: { color: string };
   icon: { fontSize: number; iconSizeToken: 'md'; lineHeight: number; color: string };
   closeIcon: { fontSize: number; iconSizeToken: 'sm'; lineHeight: number; color: string };
-  label: { fontFamily: 'YASans-SmBd'; fontSize: number; letterSpacing: number; lineHeight: number };
+  label: {
+    fontFamily: 'YahooProductSans-Medium';
+    fontSize: number;
+    letterSpacing: number;
+    lineHeight: number;
+  };
 } & {
   useVariants: (
     variants:
@@ -1932,15 +1942,25 @@ export declare const tooltipStyles: {
   root: { gap: number; paddingHorizontal: number; paddingVertical: number };
   text: { color: string };
   icon: { fontSize: number; iconSizeToken: 'xs'; lineHeight: number; color: string };
-  body: { fontFamily: 'YASans-SmBd'; fontSize: number; letterSpacing: number; lineHeight: number };
+  body: {
+    fontFamily: 'YahooProductSans-Medium';
+    fontSize: number;
+    letterSpacing: number;
+    lineHeight: number;
+  };
   endContent: {
-    fontFamily: 'YASans-Medium';
+    fontFamily: 'YahooProductSans-Medium';
     fontSize: number;
     letterSpacing: number;
     lineHeight: number;
   };
   svg: { borderRadius: number; backgroundColor: string };
-  title: { fontFamily: 'YASans-SmBd'; fontSize: number; letterSpacing: number; lineHeight: number };
+  title: {
+    fontFamily: 'YahooProductSans-Medium';
+    fontSize: number;
+    letterSpacing: number;
+    lineHeight: number;
+  };
 } & {
   useVariants: (
     variants:

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@yahoo/uds-mobile",
-  "version": "2.0.0",
+  "version": "2.0.1",
   "type": "module",
   "bin": {
     "uds-mobile": "./cli/uds-mobile.js"