@yahoo/uds 3.124.0 → 3.125.0

package/dist/automated-config/dist/generated/autoVariants.cjs

@@ -14,6 +14,9 @@ const autoVariants = {
 		secondary: "uds-avatar-image-variant-secondary-root"
 	},
 	avatarSizeIcon: {
+		"2xl": "uds-avatar-size-2xl-icon",
+		"2xs": "uds-avatar-size-2xs-icon",
+		"3xl": "uds-avatar-size-3xl-icon",
 		default: "uds-avatar-size-default-icon",
 		lg: "uds-avatar-size-lg-icon",
 		md: "uds-avatar-size-md-icon",
@@ -22,6 +25,9 @@ const autoVariants = {
 		xs: "uds-avatar-size-xs-icon"
 	},
 	avatarSizeRoot: {
+		"2xl": "uds-avatar-size-2xl-root",
+		"2xs": "uds-avatar-size-2xs-root",
+		"3xl": "uds-avatar-size-3xl-root",
 		default: "uds-avatar-size-default-root",
 		lg: "uds-avatar-size-lg-root",
 		md: "uds-avatar-size-md-root",

package/dist/automated-config/dist/generated/autoVariants.d.cts

@@ -3,8 +3,8 @@
 interface StylePropsVariantsAuto<T> {
   avatarIconVariantRoot: Record<'default' | 'primary' | 'secondary', T>;
   avatarImageVariantRoot: Record<'default' | 'primary' | 'secondary', T>;
-  avatarSizeIcon: Record<'default' | 'lg' | 'md' | 'sm' | 'xl' | 'xs', T>;
-  avatarSizeRoot: Record<'default' | 'lg' | 'md' | 'sm' | 'xl' | 'xs', T>;
+  avatarSizeIcon: Record<'2xl' | '2xs' | '3xl' | 'default' | 'lg' | 'md' | 'sm' | 'xl' | 'xs', T>;
+  avatarSizeRoot: Record<'2xl' | '2xs' | '3xl' | 'default' | 'lg' | 'md' | 'sm' | 'xl' | 'xs', T>;
   avatarTextVariantRoot: Record<'default' | 'primary' | 'secondary', T>;
   badgeSizeIcon: Record<'default' | 'lg' | 'md' | 'sm' | 'xs', T>;
   badgeSizeRoot: Record<'default' | 'lg' | 'md' | 'sm' | 'xs', T>;

package/dist/automated-config/dist/generated/autoVariants.d.ts

@@ -3,8 +3,8 @@
 interface StylePropsVariantsAuto<T> {
   avatarIconVariantRoot: Record<'default' | 'primary' | 'secondary', T>;
   avatarImageVariantRoot: Record<'default' | 'primary' | 'secondary', T>;
-  avatarSizeIcon: Record<'default' | 'lg' | 'md' | 'sm' | 'xl' | 'xs', T>;
-  avatarSizeRoot: Record<'default' | 'lg' | 'md' | 'sm' | 'xl' | 'xs', T>;
+  avatarSizeIcon: Record<'2xl' | '2xs' | '3xl' | 'default' | 'lg' | 'md' | 'sm' | 'xl' | 'xs', T>;
+  avatarSizeRoot: Record<'2xl' | '2xs' | '3xl' | 'default' | 'lg' | 'md' | 'sm' | 'xl' | 'xs', T>;
   avatarTextVariantRoot: Record<'default' | 'primary' | 'secondary', T>;
   badgeSizeIcon: Record<'default' | 'lg' | 'md' | 'sm' | 'xs', T>;
   badgeSizeRoot: Record<'default' | 'lg' | 'md' | 'sm' | 'xs', T>;

package/dist/automated-config/dist/generated/autoVariants.js

@@ -13,6 +13,9 @@ const autoVariants = {
 		secondary: "uds-avatar-image-variant-secondary-root"
 	},
 	avatarSizeIcon: {
+		"2xl": "uds-avatar-size-2xl-icon",
+		"2xs": "uds-avatar-size-2xs-icon",
+		"3xl": "uds-avatar-size-3xl-icon",
 		default: "uds-avatar-size-default-icon",
 		lg: "uds-avatar-size-lg-icon",
 		md: "uds-avatar-size-md-icon",
@@ -21,6 +24,9 @@ const autoVariants = {
 		xs: "uds-avatar-size-xs-icon"
 	},
 	avatarSizeRoot: {
+		"2xl": "uds-avatar-size-2xl-root",
+		"2xs": "uds-avatar-size-2xs-root",
+		"3xl": "uds-avatar-size-3xl-root",
 		default: "uds-avatar-size-default-root",
 		lg: "uds-avatar-size-lg-root",
 		md: "uds-avatar-size-md-root",

package/dist/automated-config/dist/generated/generatedConfigs.cjs

@@ -2647,6 +2647,9 @@ const AvatarConfig = {
 				label: "icon",
 				properties: { iconSize: {
 					defaults: {
+						"2xl": "lg",
+						"2xs": "xs",
+						"3xl": "lg",
 						lg: "lg",
 						md: "md",
 						sm: "sm",
@@ -2669,6 +2672,9 @@ const AvatarConfig = {
 				properties: {
 					borderWidth: {
 						defaults: {
+							"2xl": "thin",
+							"2xs": "thin",
+							"3xl": "thin",
 							lg: "thin",
 							md: "thin",
 							sm: "thin",
@@ -2687,6 +2693,9 @@ const AvatarConfig = {
 					},
 					height: {
 						defaults: {
+							"2xl": "20",
+							"2xs": "5",
+							"3xl": "24",
 							lg: "12",
 							md: "10",
 							sm: "7",
@@ -2738,6 +2747,9 @@ const AvatarConfig = {
 					},
 					textVariant: {
 						defaults: {
+							"2xl": "title2",
+							"2xs": "caption1",
+							"3xl": "title1",
 							lg: "title4",
 							md: "headline1",
 							sm: "caption2",
@@ -2796,6 +2808,9 @@ const AvatarConfig = {
 					},
 					width: {
 						defaults: {
+							"2xl": "20",
+							"2xs": "5",
+							"3xl": "24",
 							lg: "12",
 							md: "10",
 							sm: "7",
@@ -2849,11 +2864,14 @@ const AvatarConfig = {
 			}
 		},
 		options: [
+			"2xs",
 			"xs",
 			"sm",
 			"md",
 			"lg",
-			"xl"
+			"xl",
+			"2xl",
+			"3xl"
 		]
 	} }
 };

package/dist/automated-config/dist/generated/generatedConfigs.d.cts

@@ -174,6 +174,9 @@ declare const AvatarConfig: {
           readonly properties: {
             readonly iconSize: {
               readonly defaults: {
+                readonly '2xl': "lg";
+                readonly '2xs': "xs";
+                readonly '3xl': "lg";
                 readonly lg: "lg";
                 readonly md: "md";
                 readonly sm: "sm";
@@ -192,6 +195,9 @@ declare const AvatarConfig: {
           readonly properties: {
             readonly borderWidth: {
               readonly defaults: {
+                readonly '2xl': "thin";
+                readonly '2xs': "thin";
+                readonly '3xl': "thin";
                 readonly lg: "thin";
                 readonly md: "thin";
                 readonly sm: "thin";
@@ -205,6 +211,9 @@ declare const AvatarConfig: {
             };
             readonly height: {
               readonly defaults: {
+                readonly '2xl': "20";
+                readonly '2xs': "5";
+                readonly '3xl': "24";
                 readonly lg: "12";
                 readonly md: "10";
                 readonly sm: "7";
@@ -218,6 +227,9 @@ declare const AvatarConfig: {
             };
             readonly textVariant: {
               readonly defaults: {
+                readonly '2xl': "title2";
+                readonly '2xs': "caption1";
+                readonly '3xl': "title1";
                 readonly lg: "title4";
                 readonly md: "headline1";
                 readonly sm: "caption2";
@@ -231,6 +243,9 @@ declare const AvatarConfig: {
             };
             readonly width: {
               readonly defaults: {
+                readonly '2xl': "20";
+                readonly '2xs': "5";
+                readonly '3xl': "24";
                 readonly lg: "12";
                 readonly md: "10";
                 readonly sm: "7";
@@ -245,7 +260,7 @@ declare const AvatarConfig: {
           };
         };
       };
-      readonly options: readonly ["xs", "sm", "md", "lg", "xl"];
+      readonly options: readonly ["2xs", "xs", "sm", "md", "lg", "xl", "2xl", "3xl"];
     };
   };
 };

package/dist/automated-config/dist/generated/generatedConfigs.d.ts

@@ -174,6 +174,9 @@ declare const AvatarConfig: {
           readonly properties: {
             readonly iconSize: {
               readonly defaults: {
+                readonly '2xl': "lg";
+                readonly '2xs': "xs";
+                readonly '3xl': "lg";
                 readonly lg: "lg";
                 readonly md: "md";
                 readonly sm: "sm";
@@ -192,6 +195,9 @@ declare const AvatarConfig: {
           readonly properties: {
             readonly borderWidth: {
               readonly defaults: {
+                readonly '2xl': "thin";
+                readonly '2xs': "thin";
+                readonly '3xl': "thin";
                 readonly lg: "thin";
                 readonly md: "thin";
                 readonly sm: "thin";
@@ -205,6 +211,9 @@ declare const AvatarConfig: {
             };
             readonly height: {
               readonly defaults: {
+                readonly '2xl': "20";
+                readonly '2xs': "5";
+                readonly '3xl': "24";
                 readonly lg: "12";
                 readonly md: "10";
                 readonly sm: "7";
@@ -218,6 +227,9 @@ declare const AvatarConfig: {
             };
             readonly textVariant: {
               readonly defaults: {
+                readonly '2xl': "title2";
+                readonly '2xs': "caption1";
+                readonly '3xl': "title1";
                 readonly lg: "title4";
                 readonly md: "headline1";
                 readonly sm: "caption2";
@@ -231,6 +243,9 @@ declare const AvatarConfig: {
             };
             readonly width: {
               readonly defaults: {
+                readonly '2xl': "20";
+                readonly '2xs': "5";
+                readonly '3xl': "24";
                 readonly lg: "12";
                 readonly md: "10";
                 readonly sm: "7";
@@ -245,7 +260,7 @@ declare const AvatarConfig: {
           };
         };
       };
-      readonly options: readonly ["xs", "sm", "md", "lg", "xl"];
+      readonly options: readonly ["2xs", "xs", "sm", "md", "lg", "xl", "2xl", "3xl"];
     };
   };
 };

package/dist/automated-config/dist/generated/generatedConfigs.js

@@ -2646,6 +2646,9 @@ const AvatarConfig = {
 				label: "icon",
 				properties: { iconSize: {
 					defaults: {
+						"2xl": "lg",
+						"2xs": "xs",
+						"3xl": "lg",
 						lg: "lg",
 						md: "md",
 						sm: "sm",
@@ -2668,6 +2671,9 @@ const AvatarConfig = {
 				properties: {
 					borderWidth: {
 						defaults: {
+							"2xl": "thin",
+							"2xs": "thin",
+							"3xl": "thin",
 							lg: "thin",
 							md: "thin",
 							sm: "thin",
@@ -2686,6 +2692,9 @@ const AvatarConfig = {
 					},
 					height: {
 						defaults: {
+							"2xl": "20",
+							"2xs": "5",
+							"3xl": "24",
 							lg: "12",
 							md: "10",
 							sm: "7",
@@ -2737,6 +2746,9 @@ const AvatarConfig = {
 					},
 					textVariant: {
 						defaults: {
+							"2xl": "title2",
+							"2xs": "caption1",
+							"3xl": "title1",
 							lg: "title4",
 							md: "headline1",
 							sm: "caption2",
@@ -2795,6 +2807,9 @@ const AvatarConfig = {
 					},
 					width: {
 						defaults: {
+							"2xl": "20",
+							"2xs": "5",
+							"3xl": "24",
 							lg: "12",
 							md: "10",
 							sm: "7",
@@ -2848,11 +2863,14 @@ const AvatarConfig = {
 			}
 		},
 		options: [
+			"2xs",
 			"xs",
 			"sm",
 			"md",
 			"lg",
-			"xl"
+			"xl",
+			"2xl",
+			"3xl"
 		]
 	} }
 };

package/dist/automated-config/dist/generated/universalTokensConfigAuto.cjs

@@ -81,6 +81,87 @@ const defaultUniversalTokensConfigAuto = {
 					valueType: "alias"
 				} }
 			},
+			"size/2xl/icon": { iconSize: { rest: {
+				type: "iconSizes",
+				value: "lg",
+				valueType: "alias"
+			} } },
+			"size/2xl/root": {
+				borderWidth: { rest: {
+					type: "borderWidths",
+					value: "thin",
+					valueType: "alias"
+				} },
+				height: { rest: {
+					type: "spacingAliases",
+					value: "20",
+					valueType: "alias"
+				} },
+				textVariant: { rest: {
+					type: "textVariants",
+					value: "title2",
+					valueType: "alias"
+				} },
+				width: { rest: {
+					type: "spacingAliases",
+					value: "20",
+					valueType: "alias"
+				} }
+			},
+			"size/2xs/icon": { iconSize: { rest: {
+				type: "iconSizes",
+				value: "xs",
+				valueType: "alias"
+			} } },
+			"size/2xs/root": {
+				borderWidth: { rest: {
+					type: "borderWidths",
+					value: "thin",
+					valueType: "alias"
+				} },
+				height: { rest: {
+					type: "spacingAliases",
+					value: "5",
+					valueType: "alias"
+				} },
+				textVariant: { rest: {
+					type: "textVariants",
+					value: "caption1",
+					valueType: "alias"
+				} },
+				width: { rest: {
+					type: "spacingAliases",
+					value: "5",
+					valueType: "alias"
+				} }
+			},
+			"size/3xl/icon": { iconSize: { rest: {
+				type: "iconSizes",
+				value: "lg",
+				valueType: "alias"
+			} } },
+			"size/3xl/root": {
+				borderWidth: { rest: {
+					type: "borderWidths",
+					value: "thin",
+					valueType: "alias"
+				} },
+				height: { rest: {
+					type: "spacingAliases",
+					value: "24",
+					valueType: "alias"
+				} },
+				textVariant: { rest: {
+					type: "textVariants",
+					value: "title1",
+					valueType: "alias"
+				} },
+				width: { rest: {
+					type: "spacingAliases",
+					value: "24",
+					valueType: "alias"
+				} }
+			},
 			"size/lg/icon": { iconSize: { rest: {
 				type: "iconSizes",
 				value: "lg",

package/dist/automated-config/dist/generated/universalTokensConfigAuto.js

@@ -80,6 +80,87 @@ const defaultUniversalTokensConfigAuto = {
 					valueType: "alias"
 				} }
 			},
+			"size/2xl/icon": { iconSize: { rest: {
+				type: "iconSizes",
+				value: "lg",
+				valueType: "alias"
+			} } },
+			"size/2xl/root": {
+				borderWidth: { rest: {
+					type: "borderWidths",
+					value: "thin",
+					valueType: "alias"
+				} },
+				height: { rest: {
+					type: "spacingAliases",
+					value: "20",
+					valueType: "alias"
+				} },
+				textVariant: { rest: {
+					type: "textVariants",
+					value: "title2",
+					valueType: "alias"
+				} },
+				width: { rest: {
+					type: "spacingAliases",
+					value: "20",
+					valueType: "alias"
+				} }
+			},
+			"size/2xs/icon": { iconSize: { rest: {
+				type: "iconSizes",
+				value: "xs",
+				valueType: "alias"
+			} } },
+			"size/2xs/root": {
+				borderWidth: { rest: {
+					type: "borderWidths",
+					value: "thin",
+					valueType: "alias"
+				} },
+				height: { rest: {
+					type: "spacingAliases",
+					value: "5",
+					valueType: "alias"
+				} },
+				textVariant: { rest: {
+					type: "textVariants",
+					value: "caption1",
+					valueType: "alias"
+				} },
+				width: { rest: {
+					type: "spacingAliases",
+					value: "5",
+					valueType: "alias"
+				} }
+			},
+			"size/3xl/icon": { iconSize: { rest: {
+				type: "iconSizes",
+				value: "lg",
+				valueType: "alias"
+			} } },
+			"size/3xl/root": {
+				borderWidth: { rest: {
+					type: "borderWidths",
+					value: "thin",
+					valueType: "alias"
+				} },
+				height: { rest: {
+					type: "spacingAliases",
+					value: "24",
+					valueType: "alias"
+				} },
+				textVariant: { rest: {
+					type: "textVariants",
+					value: "title1",
+					valueType: "alias"
+				} },
+				width: { rest: {
+					type: "spacingAliases",
+					value: "24",
+					valueType: "alias"
+				} }
+			},
 			"size/lg/icon": { iconSize: { rest: {
 				type: "iconSizes",
 				value: "lg",

package/dist/components/client/Popover/UDSPopoverConfigProvider.d.cts

@@ -29,7 +29,7 @@ declare function usePopoverConfig(sizeProp?: PopoverSize | undefined, variantPro
   gap: SpacingAlias;
   dismissButtonSpacing: SpacingAlias;
   dismissIconSize: number;
-  ariaKitPlacement: ("bottom-start" | "bottom-end" | "top-start" | "top-end" | ("bottom" | "left" | "right" | "top") | "left-start" | "right-start" | "left-end" | "right-end") | undefined;
+  ariaKitPlacement: ("top-start" | "top-end" | "bottom-start" | "bottom-end" | ("top" | "bottom" | "left" | "right") | "left-start" | "right-start" | "left-end" | "right-end") | undefined;
   animationDuration: number;
 };
 //#endregion

package/dist/components/client/Popover/UDSPopoverConfigProvider.d.ts

@@ -30,7 +30,7 @@ declare function usePopoverConfig(sizeProp?: PopoverSize | undefined, variantPro
   gap: SpacingAlias;
   dismissButtonSpacing: SpacingAlias;
   dismissIconSize: number;
-  ariaKitPlacement: ("bottom-start" | "bottom-end" | "top-start" | "top-end" | ("bottom" | "left" | "right" | "top") | "left-start" | "right-start" | "left-end" | "right-end") | undefined;
+  ariaKitPlacement: ("top-start" | "top-end" | "bottom-start" | "bottom-end" | ("top" | "bottom" | "left" | "right") | "left-start" | "right-start" | "left-end" | "right-end") | undefined;
   animationDuration: number;
 };
 //#endregion

package/dist/components/experimental/client/SegmentedControl.d.cts

@@ -1,8 +1,9 @@
 
 import { IconProps } from "../../Icon.cjs";
 import "../../index.cjs";
+import { TextVariant } from "../../../uds/dist/types/dist/index.cjs";
+import "../../../uds/dist/index.cjs";
 import * as react_jsx_runtime0 from "react/jsx-runtime";
-import { TextVariant } from "@yahoo/uds";
 
 //#region src/components/experimental/client/SegmentedControl.d.ts
 interface SegmentedControlOption<T extends string> {

package/dist/config/dist/index.cjs

@@ -2,7 +2,7 @@
 
 //#region ../config/dist/index.js
 /*! © 2026 Yahoo, Inc. UDS Default Config v0.0.0-development */
-const LATEST_MIGRATION_VERSION = "v0.87.0";
+const LATEST_MIGRATION_VERSION = "v0.88.0";
 /**
 * NOTE: If you're building a feature with a migration,
 * this type will likely throw.  You can regenerate yosConfig
@@ -220,6 +220,87 @@ const defaultTokensConfig = {
 					valueType: "alias"
 				} }
 			},
+			"size/2xs/icon": { iconSize: { rest: {
+				type: "iconSizes",
+				value: "xs",
+				valueType: "alias"
+			} } },
+			"size/2xs/root": {
+				borderWidth: { rest: {
+					type: "borderWidths",
+					value: "thin",
+					valueType: "alias"
+				} },
+				height: { rest: {
+					type: "spacingAliases",
+					value: "5",
+					valueType: "alias"
+				} },
+				textVariant: { rest: {
+					type: "textVariants",
+					value: "legal1",
+					valueType: "alias"
+				} },
+				width: { rest: {
+					type: "spacingAliases",
+					value: "5",
+					valueType: "alias"
+				} }
+			},
+			"size/2xl/icon": { iconSize: { rest: {
+				type: "iconSizes",
+				value: "lg",
+				valueType: "alias"
+			} } },
+			"size/2xl/root": {
+				borderWidth: { rest: {
+					type: "borderWidths",
+					value: "thin",
+					valueType: "alias"
+				} },
+				height: { rest: {
+					type: "spacingAliases",
+					value: "20",
+					valueType: "alias"
+				} },
+				textVariant: { rest: {
+					type: "textVariants",
+					value: "title3",
+					valueType: "alias"
+				} },
+				width: { rest: {
+					type: "spacingAliases",
+					value: "20",
+					valueType: "alias"
+				} }
+			},
+			"size/3xl/icon": { iconSize: { rest: {
+				type: "iconSizes",
+				value: "lg",
+				valueType: "alias"
+			} } },
+			"size/3xl/root": {
+				borderWidth: { rest: {
+					type: "borderWidths",
+					value: "thin",
+					valueType: "alias"
+				} },
+				height: { rest: {
+					type: "spacingAliases",
+					value: "24",
+					valueType: "alias"
+				} },
+				textVariant: { rest: {
+					type: "textVariants",
+					value: "title3",
+					valueType: "alias"
+				} },
+				width: { rest: {
+					type: "spacingAliases",
+					value: "24",
+					valueType: "alias"
+				} }
+			},
 			"text/variant/primary/root": {
 				backgroundColor: { rest: {
 					type: "backgroundPaletteColors",
@@ -27054,7 +27135,7 @@ const defaultTokensConfig = {
 			}
 		}
 	},
-	version: "v0.87.0",
+	version: "v0.88.0",
 	version: LATEST_MIGRATION_VERSION
 };