@yahoo/uds-mobile 1.6.0 → 1.6.2

package/generated/styles.d.ts

@@ -1217,7 +1217,7 @@ export declare const avatarStyles: {
   };
   text: {
     color: string;
-    fontFamily: 'YahooProductSans' | 'YahooProductSans-Medium';
+    fontFamily: 'YASans' | 'YASans-Medium';
     fontSize: number;
     letterSpacing: number;
     lineHeight: number;
@@ -1228,6 +1228,7 @@ export declare const avatarStyles: {
     borderRadius: number;
     color: string;
     fontSize: number;
+    iconSizeToken: 'lg' | 'md' | 'sm';
     lineHeight: number;
   };
 } & {
@@ -1259,13 +1260,13 @@ export declare const badgeStyles: {
     borderWidth: number;
   };
   text: {
-    fontFamily: 'YahooProductSans-Medium';
+    fontFamily: 'YASans-SmBd';
     fontSize: number;
     letterSpacing: number;
     lineHeight: number;
     color: string;
   };
-  icon: { fontSize: number; lineHeight: number; color: string };
+  icon: { fontSize: number; iconSizeToken: 'lg' | 'md' | 'sm'; lineHeight: number; color: string };
 } & {
   useVariants: (
     variants:
@@ -1336,13 +1337,13 @@ export declare const buttonStyles: {
     boxShadow: string;
   };
   text: {
-    fontFamily: 'YahooProductSans-Medium';
+    fontFamily: 'YASans-SmBd';
     fontSize: number;
     letterSpacing: number;
     lineHeight: number;
     color: string;
   };
-  icon: { fontSize: number; lineHeight: number; color: string };
+  icon: { fontSize: number; iconSizeToken: 'sm' | 'xs'; lineHeight: number; color: string };
 } & {
   useVariants: (
     variants:
@@ -1427,7 +1428,7 @@ export declare const buttonStyles: {
 export declare const checkboxStyles: {
   root: { gap: number };
   text: {
-    fontFamily: 'YahooProductSans';
+    fontFamily: 'YASans';
     fontSize: number;
     letterSpacing: number;
     lineHeight: number;
@@ -1483,12 +1484,12 @@ export declare const chipStyles: {
   };
   text: {
     color: string;
-    fontFamily: 'YahooProductSans-Medium';
+    fontFamily: 'YASans-SmBd';
     fontSize: number;
     letterSpacing: number;
     lineHeight: number;
   };
-  icon: { color: string; fontSize: number; lineHeight: number };
+  icon: { color: string; fontSize: number; iconSizeToken: 'sm'; lineHeight: number };
 } & {
   useVariants: (
     variants:
@@ -1520,7 +1521,7 @@ export declare const dividerStyles: {
   root: { gap: number };
   label: {
     color: string;
-    fontFamily: 'YahooProductSans-Medium';
+    fontFamily: 'YASans-SmBd';
     fontSize: number;
     letterSpacing: number;
     lineHeight: number;
@@ -1537,7 +1538,7 @@ export declare const dividerStyles: {
 
 export declare const iconButtonStyles: {
   root: { padding: number };
-  icon: { fontSize: number; lineHeight: number };
+  icon: { fontSize: number; iconSizeToken: 'md' | 'sm' | 'lg' | 'xs'; lineHeight: number };
 } & {
   useVariants: (
     variants:
@@ -1547,10 +1548,10 @@ export declare const iconButtonStyles: {
 };
 
 export declare const inputStyles: {
-  endIcon: { fontSize: number; lineHeight: number; color: string };
-  helperIcon: { fontSize: number; lineHeight: number; color: string };
+  endIcon: { fontSize: number; iconSizeToken: 'md'; lineHeight: number; color: string };
+  helperIcon: { fontSize: number; iconSizeToken: 'sm'; lineHeight: number; color: string };
   helperText: {
-    fontFamily: 'YahooProductSans';
+    fontFamily: 'YASans';
     fontSize: number;
     letterSpacing: number;
     lineHeight: number;
@@ -1561,7 +1562,7 @@ export declare const inputStyles: {
   inputWrapper: {
     borderWidth: number;
     borderRadius: number;
-    fontFamily: 'YahooProductSans';
+    fontFamily: 'YASans';
     fontSize: number;
     gap: number;
     letterSpacing: number;
@@ -1572,14 +1573,14 @@ export declare const inputStyles: {
     borderColor: string;
   };
   label: {
-    fontFamily: 'YahooProductSans';
+    fontFamily: 'YASans';
     fontSize: number;
     letterSpacing: number;
     lineHeight: number;
     color: string;
   };
   labelRequired: { color: string };
-  startIcon: { fontSize: number; lineHeight: number; color: string };
+  startIcon: { fontSize: number; iconSizeToken: 'md'; lineHeight: number; color: string };
 } & {
   useVariants: (
     variants:
@@ -1667,13 +1668,13 @@ export declare const inputStyles: {
 
 export declare const linkStyles: {
   root: {
-    fontFamily: 'YahooProductSans' | 'YahooProductSans-Medium';
+    fontFamily: 'YASans' | 'YASans-Medium' | 'YASans-SmBd';
     fontSize: number;
     letterSpacing: number;
     lineHeight: number;
   };
   text: { color: string; textDecorationLine: 'underline' | 'none' };
-  icon: { lineHeight: number; fontSize: number };
+  icon: { lineHeight: number; fontSize: number; iconSizeToken: 'md' | 'sm' | 'lg' };
   iconEnd: { color: string };
   iconStart: { color: string };
 } & {
@@ -1764,9 +1765,9 @@ export declare const menuContentStyles: {
 export declare const menuItemStyles: {
   root: { backgroundColor: string };
   icon: { color: string };
-  endIcon: { color: string; fontSize: number; lineHeight: number };
+  endIcon: { color: string; fontSize: number; iconSizeToken: 'sm'; lineHeight: number };
   line: { borderColor: 'transparent'; borderWidth: number };
-  startIcon: { color: string; fontSize: number; lineHeight: number };
+  startIcon: { color: string; fontSize: number; iconSizeToken: 'sm'; lineHeight: number };
 } & {
   useVariants: (
     variants:
@@ -1786,7 +1787,7 @@ export declare const menuItemStyles: {
 export declare const radioStyles: {
   root: { gap: number };
   text: {
-    fontFamily: 'YahooProductSans';
+    fontFamily: 'YASans';
     fontSize: number;
     letterSpacing: number;
     lineHeight: number;
@@ -1827,14 +1828,9 @@ export declare const radioStyles: {
 
 export declare const switchStyles: {
   root: { gap: number; paddingHorizontal: number; paddingVertical: number };
-  text: {
-    fontFamily: 'YahooProductSans';
-    fontSize: number;
-    letterSpacing: number;
-    lineHeight: number;
-  };
+  text: { fontFamily: 'YASans'; fontSize: number; letterSpacing: number; lineHeight: number };
   handle: { height: number; width: number; backgroundColor: string; boxShadow: string };
-  handleIcon: { fontSize: number; lineHeight: number; color: string };
+  handleIcon: { fontSize: number; iconSizeToken: 'sm'; lineHeight: number; color: string };
   switch: {
     borderWidth: number;
     height: number;
@@ -1857,14 +1853,9 @@ export declare const switchStyles: {
 export declare const toastStyles: {
   root: { borderRadius: number; gap: number; paddingHorizontal: number; paddingVertical: number };
   text: { color: string };
-  icon: { fontSize: number; lineHeight: number; color: string };
-  closeIcon: { fontSize: number; lineHeight: number; color: string };
-  label: {
-    fontFamily: 'YahooProductSans-Medium';
-    fontSize: number;
-    letterSpacing: number;
-    lineHeight: number;
-  };
+  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 };
 } & {
   useVariants: (
     variants:
@@ -1885,6 +1876,32 @@ export declare const toastStyles: {
   ) => void;
 };
 
+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 };
+  endContent: {
+    fontFamily: 'YASans-Medium';
+    fontSize: number;
+    letterSpacing: number;
+    lineHeight: number;
+  };
+  svg: { borderRadius: number; backgroundColor: string };
+  title: { fontFamily: 'YASans-SmBd'; fontSize: number; letterSpacing: number; lineHeight: number };
+} & {
+  useVariants: (
+    variants:
+      | { size?: undefined }
+      | { variant?: undefined }
+      | { size?: undefined; variant?: undefined }
+      | { size?: undefined }
+      | { size?: undefined }
+      | { size?: undefined; variant?: undefined }
+      | { size?: undefined },
+  ) => void;
+};
+
 export type StyleProps = {
   backgroundColor?:
     | 'primary'

package/generated/styles.mjs

@@ -4590,6 +4590,61 @@ const toastStyles = StyleSheet.create((theme) => ({
   },
 }));
 
+/**
+ * Layer-based styles for Tooltip.
+ * Uses compound variants for state-specific (disabled/pressed) styles.
+ *
+ * Usage:
+ * ```tsx
+ * tooltipStyles.useVariants({
+ *   size,
+ *   variant,
+ *   disabled: isDisabled,  // boolean
+ *   pressed: isPressed,    // boolean
+ * });
+ * // Access: tooltipStyles.root, tooltipStyles.icon, etc.
+ * ```
+ */
+const tooltipStyles = StyleSheet.create((theme) => ({
+  root: {
+    variants: {
+      size: { default: theme.components['tooltip/size/default/root/rest'] },
+    },
+  },
+  text: {
+    variants: {
+      variant: { default: theme.components['tooltip/variant/default/rootText/rest'] },
+    },
+  },
+  icon: {
+    variants: {
+      size: { default: theme.components['tooltip/size/default/icon/rest'] },
+      variant: { default: theme.components['tooltip/variant/default/icon/rest'] },
+    },
+  },
+  body: {
+    variants: {
+      size: { default: theme.components['tooltip/size/default/body/rest'] },
+    },
+  },
+  endContent: {
+    variants: {
+      size: { default: theme.components['tooltip/size/default/endContent/rest'] },
+    },
+  },
+  svg: {
+    variants: {
+      size: { default: theme.components['tooltip/size/default/svg/rest'] },
+      variant: { default: theme.components['tooltip/variant/default/svg/rest'] },
+    },
+  },
+  title: {
+    variants: {
+      size: { default: theme.components['tooltip/size/default/title/rest'] },
+    },
+  },
+}));
+
 export {
   styles,
   avatarStyles,
@@ -4606,4 +4661,5 @@ export {
   radioStyles,
   switchStyles,
   toastStyles,
+  tooltipStyles,
 };