@yahoo/uds 3.125.1 → 3.126.0

package/dist/config/dist/index.js

@@ -1,7 +1,7 @@
 /*! © 2026 Yahoo, Inc. UDS v0.0.0-development */
 //#region ../config/dist/index.js
 /*! © 2026 Yahoo, Inc. UDS Default Config v0.0.0-development */
-const LATEST_MIGRATION_VERSION = "v0.88.0";
+const LATEST_MIGRATION_VERSION = "v0.89.0";
 /**
 * NOTE: If you're building a feature with a migration,
 * this type will likely throw.  You can regenerate yosConfig
@@ -84,12 +84,12 @@ const defaultTokensConfig = {
 					valueType: "alias"
 				} }
 			},
-			"size/lg/icon": { iconSize: { rest: {
+			"size/2xl/icon": { iconSize: { rest: {
 				type: "iconSizes",
 				value: "lg",
 				valueType: "alias"
 			} } },
-			"size/lg/root": {
+			"size/2xl/root": {
 				borderWidth: { rest: {
 					type: "borderWidths",
 					value: "thin",
@@ -97,26 +97,26 @@ const defaultTokensConfig = {
 				} },
 				height: { rest: {
 					type: "spacingAliases",
-					value: "12",
+					value: "20",
 					valueType: "alias"
 				} },
 				textVariant: { rest: {
 					type: "textVariants",
-					value: "title4",
+					value: "title3",
 					valueType: "alias"
 				} },
 				width: { rest: {
 					type: "spacingAliases",
-					value: "12",
+					value: "20",
 					valueType: "alias"
 				} }
 			},
-			"size/md/icon": { iconSize: { rest: {
+			"size/2xs/icon": { iconSize: { rest: {
 				type: "iconSizes",
-				value: "md",
+				value: "xs",
 				valueType: "alias"
 			} } },
-			"size/md/root": {
+			"size/2xs/root": {
 				borderWidth: { rest: {
 					type: "borderWidths",
 					value: "thin",
@@ -124,26 +124,26 @@ const defaultTokensConfig = {
 				} },
 				height: { rest: {
 					type: "spacingAliases",
-					value: "10",
+					value: "5",
 					valueType: "alias"
 				} },
 				textVariant: { rest: {
 					type: "textVariants",
-					value: "headline1",
+					value: "legal1",
 					valueType: "alias"
 				} },
 				width: { rest: {
 					type: "spacingAliases",
-					value: "10",
+					value: "5",
 					valueType: "alias"
 				} }
 			},
-			"size/sm/icon": { iconSize: { rest: {
+			"size/3xl/icon": { iconSize: { rest: {
 				type: "iconSizes",
-				value: "sm",
+				value: "lg",
 				valueType: "alias"
 			} } },
-			"size/sm/root": {
+			"size/3xl/root": {
 				borderWidth: { rest: {
 					type: "borderWidths",
 					value: "thin",
@@ -151,26 +151,26 @@ const defaultTokensConfig = {
 				} },
 				height: { rest: {
 					type: "spacingAliases",
-					value: "7",
+					value: "24",
 					valueType: "alias"
 				} },
 				textVariant: { rest: {
 					type: "textVariants",
-					value: "caption1",
+					value: "title3",
 					valueType: "alias"
 				} },
 				width: { rest: {
 					type: "spacingAliases",
-					value: "7",
+					value: "24",
 					valueType: "alias"
 				} }
 			},
-			"size/xl/icon": { iconSize: { rest: {
+			"size/lg/icon": { iconSize: { rest: {
 				type: "iconSizes",
 				value: "lg",
 				valueType: "alias"
 			} } },
-			"size/xl/root": {
+			"size/lg/root": {
 				borderWidth: { rest: {
 					type: "borderWidths",
 					value: "thin",
@@ -178,26 +178,26 @@ const defaultTokensConfig = {
 				} },
 				height: { rest: {
 					type: "spacingAliases",
-					value: "16",
+					value: "12",
 					valueType: "alias"
 				} },
 				textVariant: { rest: {
 					type: "textVariants",
-					value: "title3",
+					value: "title4",
 					valueType: "alias"
 				} },
 				width: { rest: {
 					type: "spacingAliases",
-					value: "16",
+					value: "12",
 					valueType: "alias"
 				} }
 			},
-			"size/xs/icon": { iconSize: { rest: {
+			"size/md/icon": { iconSize: { rest: {
 				type: "iconSizes",
-				value: "sm",
+				value: "md",
 				valueType: "alias"
 			} } },
-			"size/xs/root": {
+			"size/md/root": {
 				borderWidth: { rest: {
 					type: "borderWidths",
 					value: "thin",
@@ -205,26 +205,26 @@ const defaultTokensConfig = {
 				} },
 				height: { rest: {
 					type: "spacingAliases",
-					value: "6",
+					value: "10",
 					valueType: "alias"
 				} },
 				textVariant: { rest: {
 					type: "textVariants",
-					value: "caption2",
+					value: "headline1",
 					valueType: "alias"
 				} },
 				width: { rest: {
 					type: "spacingAliases",
-					value: "6",
+					value: "10",
 					valueType: "alias"
 				} }
 			},
-			"size/2xs/icon": { iconSize: { rest: {
+			"size/sm/icon": { iconSize: { rest: {
 				type: "iconSizes",
-				value: "xs",
+				value: "sm",
 				valueType: "alias"
 			} } },
-			"size/2xs/root": {
+			"size/sm/root": {
 				borderWidth: { rest: {
 					type: "borderWidths",
 					value: "thin",
@@ -232,26 +232,26 @@ const defaultTokensConfig = {
 				} },
 				height: { rest: {
 					type: "spacingAliases",
-					value: "5",
+					value: "7",
 					valueType: "alias"
 				} },
 				textVariant: { rest: {
 					type: "textVariants",
-					value: "legal1",
+					value: "caption1",
 					valueType: "alias"
 				} },
 				width: { rest: {
 					type: "spacingAliases",
-					value: "5",
+					value: "7",
 					valueType: "alias"
 				} }
 			},
-			"size/2xl/icon": { iconSize: { rest: {
+			"size/xl/icon": { iconSize: { rest: {
 				type: "iconSizes",
 				value: "lg",
 				valueType: "alias"
 			} } },
-			"size/2xl/root": {
+			"size/xl/root": {
 				borderWidth: { rest: {
 					type: "borderWidths",
 					value: "thin",
@@ -259,7 +259,7 @@ const defaultTokensConfig = {
 				} },
 				height: { rest: {
 					type: "spacingAliases",
-					value: "20",
+					value: "16",
 					valueType: "alias"
 				} },
 				textVariant: { rest: {
@@ -269,16 +269,16 @@ const defaultTokensConfig = {
 				} },
 				width: { rest: {
 					type: "spacingAliases",
-					value: "20",
+					value: "16",
 					valueType: "alias"
 				} }
 			},
-			"size/3xl/icon": { iconSize: { rest: {
+			"size/xs/icon": { iconSize: { rest: {
 				type: "iconSizes",
-				value: "lg",
+				value: "sm",
 				valueType: "alias"
 			} } },
-			"size/3xl/root": {
+			"size/xs/root": {
 				borderWidth: { rest: {
 					type: "borderWidths",
 					value: "thin",
@@ -286,17 +286,17 @@ const defaultTokensConfig = {
 				} },
 				height: { rest: {
 					type: "spacingAliases",
-					value: "24",
+					value: "6",
 					valueType: "alias"
 				} },
 				textVariant: { rest: {
 					type: "textVariants",
-					value: "title3",
+					value: "caption2",
 					valueType: "alias"
 				} },
 				width: { rest: {
 					type: "spacingAliases",
-					value: "24",
+					value: "6",
 					valueType: "alias"
 				} }
 			},
@@ -966,6 +966,320 @@ const defaultTokensConfig = {
 			}
 		}
 	},
+	banner: {
+		defaults: {
+			size: "default",
+			variant: "primary"
+		},
+		variables: {
+			"size/default/close": { size: { rest: {
+				type: "iconSizes",
+				value: "sm",
+				valueType: "alias"
+			} } },
+			"size/default/description": { textVariant: { rest: {
+				type: "textVariants",
+				value: "ui3",
+				valueType: "alias"
+			} } },
+			"size/default/icon": { size: { rest: {
+				type: "iconSizes",
+				value: "md",
+				valueType: "alias"
+			} } },
+			"size/default/root": {
+				borderRadius: { rest: {
+					type: "borderRadii",
+					value: "lg",
+					valueType: "alias"
+				} },
+				gap: { rest: {
+					type: "spacingAliases",
+					value: "2",
+					valueType: "alias"
+				} },
+				spacingHorizontal: { rest: {
+					type: "spacingAliases",
+					value: "3",
+					valueType: "alias"
+				} },
+				spacingVertical: { rest: {
+					type: "spacingAliases",
+					value: "3",
+					valueType: "alias"
+				} }
+			},
+			"size/default/title": { textVariant: { rest: {
+				type: "textVariants",
+				value: "ui3/emphasized",
+				valueType: "alias"
+			} } },
+			"variant/alert-secondary/icon": { color: { rest: {
+				type: "foregroundPaletteColors",
+				value: "alert-secondary",
+				valueType: "alias"
+			} } },
+			"variant/alert-secondary/root": {
+				backgroundColor: { rest: {
+					type: "backgroundPaletteColors",
+					value: "primary",
+					valueType: "alias"
+				} },
+				borderColor: { rest: {
+					type: "linePaletteColors",
+					value: "alert-secondary",
+					valueType: "alias"
+				} },
+				borderWidth: { rest: {
+					type: "borderWidths",
+					value: "thin",
+					valueType: "alias"
+				} }
+			},
+			"variant/alert/icon": { color: { rest: {
+				type: "foregroundPaletteColors",
+				value: "alert",
+				valueType: "alias"
+			} } },
+			"variant/alert/root": {
+				backgroundColor: { rest: {
+					type: "backgroundPaletteColors",
+					value: "alert-secondary",
+					valueType: "alias"
+				} },
+				borderColor: { rest: {
+					type: "linePaletteColors",
+					value: "muted",
+					valueType: "alias"
+				} },
+				borderWidth: { rest: {
+					type: "borderWidths",
+					value: "thin",
+					valueType: "alias"
+				} }
+			},
+			"variant/brand-secondary/icon": { color: { rest: {
+				type: "foregroundPaletteColors",
+				value: "secondary",
+				valueType: "alias"
+			} } },
+			"variant/brand-secondary/root": {
+				backgroundColor: { rest: {
+					type: "backgroundPaletteColors",
+					value: "primary",
+					valueType: "alias"
+				} },
+				borderColor: { rest: {
+					type: "linePaletteColors",
+					value: "brand",
+					valueType: "alias"
+				} },
+				borderWidth: { rest: {
+					type: "borderWidths",
+					value: "thin",
+					valueType: "alias"
+				} }
+			},
+			"variant/brand/icon": { color: { rest: {
+				type: "foregroundPaletteColors",
+				value: "secondary",
+				valueType: "alias"
+			} } },
+			"variant/brand/root": {
+				backgroundColor: { rest: {
+					type: "backgroundPaletteColors",
+					value: "brand-secondary",
+					valueType: "alias"
+				} },
+				borderColor: { rest: {
+					type: "linePaletteColors",
+					value: "muted",
+					valueType: "alias"
+				} },
+				borderWidth: { rest: {
+					type: "borderWidths",
+					value: "thin",
+					valueType: "alias"
+				} }
+			},
+			"variant/info-secondary/icon": { color: { rest: {
+				type: "foregroundPaletteColors",
+				value: "info",
+				valueType: "alias"
+			} } },
+			"variant/info-secondary/root": {
+				backgroundColor: { rest: {
+					type: "backgroundPaletteColors",
+					value: "primary",
+					valueType: "alias"
+				} },
+				borderColor: { rest: {
+					type: "linePaletteColors",
+					value: "info-secondary",
+					valueType: "alias"
+				} },
+				borderWidth: { rest: {
+					type: "borderWidths",
+					value: "thin",
+					valueType: "alias"
+				} }
+			},
+			"variant/info/icon": { color: { rest: {
+				type: "foregroundPaletteColors",
+				value: "info",
+				valueType: "alias"
+			} } },
+			"variant/info/root": {
+				backgroundColor: { rest: {
+					type: "backgroundPaletteColors",
+					value: "info-secondary",
+					valueType: "alias"
+				} },
+				borderColor: { rest: {
+					type: "linePaletteColors",
+					value: "muted",
+					valueType: "alias"
+				} },
+				borderWidth: { rest: {
+					type: "borderWidths",
+					value: "thin",
+					valueType: "alias"
+				} }
+			},
+			"variant/primary/icon": { color: { rest: {
+				type: "foregroundPaletteColors",
+				value: "secondary",
+				valueType: "alias"
+			} } },
+			"variant/primary/root": {
+				backgroundColor: { rest: {
+					type: "backgroundPaletteColors",
+					value: "accent",
+					valueType: "alias"
+				} },
+				borderColor: { rest: {
+					type: "linePaletteColors",
+					value: "muted",
+					valueType: "alias"
+				} },
+				borderWidth: { rest: {
+					type: "borderWidths",
+					value: "thin",
+					valueType: "alias"
+				} }
+			},
+			"variant/secondary/icon": { color: { rest: {
+				type: "foregroundPaletteColors",
+				value: "secondary",
+				valueType: "alias"
+			} } },
+			"variant/secondary/root": {
+				backgroundColor: { rest: {
+					type: "backgroundPaletteColors",
+					value: "primary",
+					valueType: "alias"
+				} },
+				borderColor: { rest: {
+					type: "linePaletteColors",
+					value: "accent",
+					valueType: "alias"
+				} },
+				borderWidth: { rest: {
+					type: "borderWidths",
+					value: "thin",
+					valueType: "alias"
+				} }
+			},
+			"variant/success-secondary/icon": { color: { rest: {
+				type: "foregroundPaletteColors",
+				value: "positive-secondary",
+				valueType: "alias"
+			} } },
+			"variant/success-secondary/root": {
+				backgroundColor: { rest: {
+					type: "backgroundPaletteColors",
+					value: "primary",
+					valueType: "alias"
+				} },
+				borderColor: { rest: {
+					type: "linePaletteColors",
+					value: "positive-secondary",
+					valueType: "alias"
+				} },
+				borderWidth: { rest: {
+					type: "borderWidths",
+					value: "thin",
+					valueType: "alias"
+				} }
+			},
+			"variant/success/icon": { color: { rest: {
+				type: "foregroundPaletteColors",
+				value: "positive",
+				valueType: "alias"
+			} } },
+			"variant/success/root": {
+				backgroundColor: { rest: {
+					type: "backgroundPaletteColors",
+					value: "positive-secondary",
+					valueType: "alias"
+				} },
+				borderColor: { rest: {
+					type: "linePaletteColors",
+					value: "muted",
+					valueType: "alias"
+				} },
+				borderWidth: { rest: {
+					type: "borderWidths",
+					value: "thin",
+					valueType: "alias"
+				} }
+			},
+			"variant/warning-secondary/icon": { color: { rest: {
+				type: "foregroundPaletteColors",
+				value: "warning-secondary",
+				valueType: "alias"
+			} } },
+			"variant/warning-secondary/root": {
+				backgroundColor: { rest: {
+					type: "backgroundPaletteColors",
+					value: "primary",
+					valueType: "alias"
+				} },
+				borderColor: { rest: {
+					type: "linePaletteColors",
+					value: "warning-secondary",
+					valueType: "alias"
+				} },
+				borderWidth: { rest: {
+					type: "borderWidths",
+					value: "thin",
+					valueType: "alias"
+				} }
+			},
+			"variant/warning/icon": { color: { rest: {
+				type: "foregroundPaletteColors",
+				value: "warning",
+				valueType: "alias"
+			} } },
+			"variant/warning/root": {
+				backgroundColor: { rest: {
+					type: "backgroundPaletteColors",
+					value: "warning-secondary",
+					valueType: "alias"
+				} },
+				borderColor: { rest: {
+					type: "linePaletteColors",
+					value: "muted",
+					valueType: "alias"
+				} },
+				borderWidth: { rest: {
+					type: "borderWidths",
+					value: "thin",
+					valueType: "alias"
+				} }
+			}
+		}
+	},
 	bottomSheet: {
 		defaults: { variant: "default" },
 		variables: {
@@ -17509,6 +17823,9 @@ const defaultTokensConfig = {
 	scaleMode: {
 		large: {
 			avatarSizes: {
+				"2xl": 72,
+				"2xs": 20,
+				"3xl": 80,
 				lg: 52,
 				md: 40,
 				sm: 28,
@@ -17539,6 +17856,9 @@ const defaultTokensConfig = {
 		},
 		medium: {
 			avatarSizes: {
+				"2xl": 72,
+				"2xs": 20,
+				"3xl": 80,
 				lg: 52,
 				md: 40,
 				sm: 28,
@@ -17569,6 +17889,9 @@ const defaultTokensConfig = {
 		},
 		small: {
 			avatarSizes: {
+				"2xl": 72,
+				"2xs": 20,
+				"3xl": 80,
 				lg: 52,
 				md: 40,
 				sm: 28,
@@ -17599,6 +17922,9 @@ const defaultTokensConfig = {
 		},
 		xLarge: {
 			avatarSizes: {
+				"2xl": 72,
+				"2xs": 20,
+				"3xl": 80,
 				lg: 52,
 				md: 40,
 				sm: 28,
@@ -17629,6 +17955,9 @@ const defaultTokensConfig = {
 		},
 		xSmall: {
 			avatarSizes: {
+				"2xl": 72,
+				"2xs": 20,
+				"3xl": 80,
 				lg: 52,
 				md: 40,
 				sm: 28,
@@ -17659,6 +17988,9 @@ const defaultTokensConfig = {
 		},
 		xxLarge: {
 			avatarSizes: {
+				"2xl": 72,
+				"2xs": 20,
+				"3xl": 80,
 				lg: 52,
 				md: 40,
 				sm: 28,
@@ -17689,6 +18021,9 @@ const defaultTokensConfig = {
 		},
 		xxxLarge: {
 			avatarSizes: {
+				"2xl": 72,
+				"2xs": 20,
+				"3xl": 80,
 				lg: 52,
 				md: 40,
 				sm: 28,
@@ -27134,7 +27469,7 @@ const defaultTokensConfig = {
 			}
 		}
 	},
-	version: "v0.88.0",
+	version: "v0.89.0",
 	version: LATEST_MIGRATION_VERSION
 };
 

package/dist/index.cjs

@@ -4,13 +4,18 @@ const require_index = require('./palette/dist/index.cjs');
 const require_index$1 = require('./css-tokens/dist/index.cjs');
 const require_styles_variants = require('./styles/variants.cjs');
 const require_styles_styler = require('./styles/styler.cjs');
+const require_components_client_Pressable = require('./components/client/Pressable.cjs');
+const require_components_Icon = require('./components/Icon.cjs');
+const require_components_Text = require('./components/Text.cjs');
+const require_components_Banner_Banner = require('./components/Banner/Banner.cjs');
+const require_components_Banner_BannerContent = require('./components/Banner/BannerContent.cjs');
+const require_components_Banner_BannerDescription = require('./components/Banner/BannerDescription.cjs');
+const require_components_Banner_BannerTitle = require('./components/Banner/BannerTitle.cjs');
 const require_components_Box = require('./components/Box.cjs');
 const require_components_HStack = require('./components/HStack.cjs');
-const require_components_Text = require('./components/Text.cjs');
 const require_components_VStack = require('./components/VStack.cjs');
 const require_components_Divider_Divider = require('./components/Divider/Divider.cjs');
 const require_components_FormLabel = require('./components/FormLabel.cjs');
-const require_components_Icon = require('./components/Icon.cjs');
 const require_components_Image = require('./components/Image.cjs');
 const require_components_Link = require('./components/Link.cjs');
 const require_components_Scrim = require('./components/Scrim.cjs');
@@ -43,7 +48,6 @@ const require_components_client_SpringMotionConfig = require('./components/clien
 const require_components_client_Button = require('./components/client/Button.cjs');
 const require_components_client_Checkbox = require('./components/client/Checkbox.cjs');
 const require_components_client_Chip_ChipButton = require('./components/client/Chip/ChipButton.cjs');
-const require_components_client_Pressable = require('./components/client/Pressable.cjs');
 const require_components_client_Chip_ChipDismissible = require('./components/client/Chip/ChipDismissible.cjs');
 const require_components_client_Chip_ChipLink = require('./components/client/Chip/ChipLink.cjs');
 const require_components_client_Chip_ChipToggle = require('./components/client/Chip/ChipToggle.cjs');
@@ -108,6 +112,11 @@ exports.BUTTON_SCALE_EFFECT_PRESSED = require_index$1.BUTTON_SCALE_EFFECT_PRESSE
 exports.BUTTON_SCALE_EFFECT_REST = require_index$1.BUTTON_SCALE_EFFECT_REST;
 exports.Badge = require_components_client_Badge.Badge;
 exports.BadgeConfig = require_generatedConfigs.BadgeConfig;
+exports.Banner = require_components_Banner_Banner.Banner;
+exports.BannerConfig = require_generatedConfigs.BannerConfig;
+exports.BannerContent = require_components_Banner_BannerContent.BannerContent;
+exports.BannerDescription = require_components_Banner_BannerDescription.BannerDescription;
+exports.BannerTitle = require_components_Banner_BannerTitle.BannerTitle;
 exports.BottomSheet = require_components_client_BottomSheet_BottomSheet.BottomSheet;
 exports.BottomSheetConfig = require_generatedConfigs.BottomSheetConfig;
 exports.BottomSheetContent = require_components_client_BottomSheet_BottomSheetContent.BottomSheetContent;