@yahoo/uds 3.164.0 → 3.166.0

package/dist/config/dist/index.js

@@ -14797,9 +14797,9 @@ const defaultTokensConfig = {
 		"serif-alt": "yahoo-serif-text"
 	},
 	globalDefaults: {
+		applyDefaultBreakpointInCode: false,
 		breakpoint: "lg",
-		enableResponsiveType: true,
-		applyDefaultBreakpointInCode: false
+		enableResponsiveType: true
 	},
 	iconButton: {
 		defaults: {
@@ -14809,12 +14809,12 @@ const defaultTokensConfig = {
 		variables: {
 			"size/lg/icon": { size: { rest: {
 				type: "iconSizes",
-				value: "sm",
+				value: "md",
 				valueType: "alias"
 			} } },
 			"size/lg/root": { spacing: { rest: {
 				type: "spacingAliases",
-				value: "4.5",
+				value: "3.5",
 				valueType: "alias"
 			} } },
 			"size/md/icon": { size: { rest: {
@@ -14854,7 +14854,7 @@ const defaultTokensConfig = {
 			} } },
 			"size/xs/root": { spacing: { rest: {
 				type: "spacingAliases",
-				value: "1.5",
+				value: "2",
 				valueType: "alias"
 			} } }
 		}
@@ -16521,16 +16521,28 @@ const defaultTokensConfig = {
 				valueType: "alias"
 			} } },
 			"size/default/root": {},
-			"size/default/text": { textVariant: { rest: {
-				type: "textVariants",
-				value: "ui1",
-				valueType: "alias"
-			} } },
 			"size/default/startIcon": { size: { rest: {
 				type: "iconSizes",
 				value: "sm",
 				valueType: "alias"
-			} } }
+			} } },
+			"size/default/text": { textVariant: {
+				focused: {
+					type: "textVariants",
+					value: "ui1",
+					valueType: "alias"
+				},
+				hover: {
+					type: "textVariants",
+					value: "ui1",
+					valueType: "alias"
+				},
+				rest: {
+					type: "textVariants",
+					value: "ui1",
+					valueType: "alias"
+				}
+			} }
 		}
 	},
 	modal: {
@@ -18653,110 +18665,7 @@ const defaultTokensConfig = {
 			size: "md",
 			variant: "default"
 		},
-		variables: {
-			"variant/default/endIcon": { color: {
-				"focus-within": {
-					isEnabled: true,
-					type: "foregroundPaletteColors",
-					value: "primary",
-					valueType: "alias"
-				},
-				hover: {
-					isEnabled: true,
-					type: "foregroundPaletteColors",
-					value: "primary",
-					valueType: "alias"
-				},
-				invalid: {
-					isEnabled: true,
-					type: "foregroundPaletteColors",
-					value: "alert",
-					valueType: "alias"
-				},
-				"invalid&hover": {
-					isEnabled: true,
-					type: "foregroundPaletteColors",
-					value: "alert",
-					valueType: "alias"
-				},
-				"invalid&pressed": {
-					isEnabled: true,
-					type: "foregroundPaletteColors",
-					value: "alert",
-					valueType: "alias"
-				},
-				pressed: {
-					type: "foregroundPaletteColors",
-					value: "muted",
-					valueType: "alias"
-				},
-				readonly: {
-					type: "foregroundPaletteColors",
-					value: "muted",
-					valueType: "alias"
-				},
-				rest: {
-					type: "foregroundPaletteColors",
-					value: "muted",
-					valueType: "alias"
-				}
-			} },
-			"variant/default/root": {},
-			"variant/default/startIcon": { color: {
-				"focus-within": {
-					isEnabled: true,
-					type: "foregroundPaletteColors",
-					value: "primary",
-					valueType: "alias"
-				},
-				hover: {
-					isEnabled: true,
-					type: "foregroundPaletteColors",
-					value: "primary",
-					valueType: "alias"
-				},
-				invalid: {
-					isEnabled: true,
-					type: "foregroundPaletteColors",
-					value: "alert",
-					valueType: "alias"
-				},
-				"invalid&hover": {
-					isEnabled: true,
-					type: "foregroundPaletteColors",
-					value: "alert",
-					valueType: "alias"
-				},
-				"invalid&pressed": {
-					isEnabled: true,
-					type: "foregroundPaletteColors",
-					value: "alert",
-					valueType: "alias"
-				},
-				pressed: {
-					isEnabled: true,
-					type: "foregroundPaletteColors",
-					value: "primary",
-					valueType: "alias"
-				},
-				readonly: {
-					type: "foregroundPaletteColors",
-					value: "muted",
-					valueType: "alias"
-				},
-				rest: {
-					type: "foregroundPaletteColors",
-					value: "muted",
-					valueType: "alias"
-				}
-			} },
-			"variant/default/value/empty/endIcon": { color: { pressed: {
-				isEnabled: true,
-				type: "foregroundPaletteColors",
-				value: "primary",
-				valueType: "alias"
-			} } }
-		}
+		variables: { "variant/default/root": {} }
 	},
 	selectContent: {
 		defaults: {
@@ -18841,51 +18750,51 @@ const defaultTokensConfig = {
 					valueType: "alias"
 				} }
 			},
-			"item/variant/default/active/off/root": { backgroundColor: {
+			"item/variant/default/active/off/icon": { color: {
 				focused: {
-					type: "backgroundPaletteColors",
-					value: "secondary",
+					type: "foregroundPaletteColors",
+					value: "brand",
 					valueType: "alias"
 				},
 				hover: {
-					type: "backgroundPaletteColors",
-					value: "secondary",
+					type: "foregroundPaletteColors",
+					value: "brand",
 					valueType: "alias"
 				},
 				pressed: {
-					type: "backgroundPaletteColors",
-					value: "secondary",
+					type: "foregroundPaletteColors",
+					value: "brand",
 					valueType: "alias"
 				},
 				rest: {
-					type: "backgroundPaletteColors",
-					value: "primary",
+					type: "foregroundPaletteColors",
+					value: "secondary",
 					valueType: "alias"
 				}
 			} },
-			"item/variant/default/active/off/text": { color: {
+			"item/variant/default/active/off/root": { backgroundColor: {
 				focused: {
-					type: "foregroundPaletteColors",
-					value: "brand",
+					type: "backgroundPaletteColors",
+					value: "secondary",
 					valueType: "alias"
 				},
 				hover: {
-					type: "foregroundPaletteColors",
-					value: "brand",
+					type: "backgroundPaletteColors",
+					value: "secondary",
 					valueType: "alias"
 				},
 				pressed: {
-					type: "foregroundPaletteColors",
-					value: "brand",
+					type: "backgroundPaletteColors",
+					value: "secondary",
 					valueType: "alias"
 				},
 				rest: {
-					type: "foregroundPaletteColors",
-					value: "secondary",
+					type: "backgroundPaletteColors",
+					value: "primary",
 					valueType: "alias"
 				}
 			} },
-			"item/variant/default/active/off/icon": { color: {
+			"item/variant/default/active/off/text": { color: {
 				focused: {
 					type: "foregroundPaletteColors",
 					value: "brand",
@@ -18973,20 +18882,20 @@ const defaultTokensConfig = {
 					valueType: "alias"
 				}
 			} },
-			"size/default/root": {},
-			"size/default/text": { textVariant: { rest: {
-				type: "textVariants",
-				value: "ui1",
+			"size/default/endIcon": { size: { rest: {
+				type: "iconSizes",
+				value: "sm",
 				valueType: "alias"
 			} } },
+			"size/default/root": {},
 			"size/default/startIcon": { size: { rest: {
 				type: "iconSizes",
 				value: "sm",
 				valueType: "alias"
 			} } },
-			"size/default/endIcon": { size: { rest: {
-				type: "iconSizes",
-				value: "sm",
+			"size/default/text": { textVariant: { rest: {
+				type: "textVariants",
+				value: "ui1",
 				valueType: "alias"
 			} } }
 		}
@@ -29209,7 +29118,7 @@ const defaultTokensConfig = {
 			}
 		}
 	},
-	version: "v0.100.0",
+	version: "v0.101.0",
 	version: "v0.101.0"
 };
 //#endregion

package/dist/css/dist/css/utils.cjs

@@ -46,6 +46,18 @@ const extractRuntimeConfigValues = (config) => {
 	};
 	const bottomSheetBackgroundColor = require_hookMetadata.getRuntimeFieldTokenValue(config, "useBottomSheetConfig", "backgroundColor", { variant: "default" });
 	if (bottomSheetBackgroundColor !== void 0) setRuntimeValue(require_hookMetadata.getRuntimeFieldSelector("useBottomSheetConfig", "backgroundColor", { variant: "default" }), bottomSheetBackgroundColor);
+	if (config.button?.variables && config.button?.defaults) {
+		setRuntimeValue(require_hookMetadata.getRuntimeDefaultPropSelector("useButtonConfig", "size"), require_hookMetadata.getRuntimeDefaultPropValue(config, "useButtonConfig", "size"));
+		require_hookMetadata.getRuntimeSelectorParamValues("useButtonConfig", "size").forEach((size) => {
+			setRuntimeValue(require_hookMetadata.getRuntimeFieldSelector("useButtonConfig", "iconSize", { size }), require_hookMetadata.getRuntimeFieldTokenValue(config, "useButtonConfig", "iconSize", { size }));
+		});
+	}
+	if (config.iconButton?.variables && config.iconButton?.defaults) {
+		setRuntimeValue(require_hookMetadata.getRuntimeDefaultPropSelector("useIconButtonConfig", "size"), require_hookMetadata.getRuntimeDefaultPropValue(config, "useIconButtonConfig", "size"));
+		require_hookMetadata.getRuntimeSelectorParamValues("useIconButtonConfig", "size").forEach((size) => {
+			setRuntimeValue(require_hookMetadata.getRuntimeFieldSelector("useIconButtonConfig", "iconSize", { size }), require_hookMetadata.getRuntimeFieldTokenValue(config, "useIconButtonConfig", "iconSize", { size }));
+		});
+	}
 	if (config.toast?.variables && config.toast?.defaults) {
 		setRuntimeValue(require_hookMetadata.getRuntimeFieldSelector("useToastConfig", "autoClose"), require_hookMetadata.getRuntimeFieldStaticValue("useToastConfig", "autoClose") ?? void 0);
 		setRuntimeValue(require_hookMetadata.getRuntimeFieldSelector("useToastConfig", "position"), require_hookMetadata.getRuntimeFieldStaticValue("useToastConfig", "position") ?? void 0);

package/dist/css/dist/css/utils.js

@@ -46,6 +46,18 @@ const extractRuntimeConfigValues = (config) => {
 	};
 	const bottomSheetBackgroundColor = getRuntimeFieldTokenValue(config, "useBottomSheetConfig", "backgroundColor", { variant: "default" });
 	if (bottomSheetBackgroundColor !== void 0) setRuntimeValue(getRuntimeFieldSelector("useBottomSheetConfig", "backgroundColor", { variant: "default" }), bottomSheetBackgroundColor);
+	if (config.button?.variables && config.button?.defaults) {
+		setRuntimeValue(getRuntimeDefaultPropSelector("useButtonConfig", "size"), getRuntimeDefaultPropValue(config, "useButtonConfig", "size"));
+		getRuntimeSelectorParamValues("useButtonConfig", "size").forEach((size) => {
+			setRuntimeValue(getRuntimeFieldSelector("useButtonConfig", "iconSize", { size }), getRuntimeFieldTokenValue(config, "useButtonConfig", "iconSize", { size }));
+		});
+	}
+	if (config.iconButton?.variables && config.iconButton?.defaults) {
+		setRuntimeValue(getRuntimeDefaultPropSelector("useIconButtonConfig", "size"), getRuntimeDefaultPropValue(config, "useIconButtonConfig", "size"));
+		getRuntimeSelectorParamValues("useIconButtonConfig", "size").forEach((size) => {
+			setRuntimeValue(getRuntimeFieldSelector("useIconButtonConfig", "iconSize", { size }), getRuntimeFieldTokenValue(config, "useIconButtonConfig", "iconSize", { size }));
+		});
+	}
 	if (config.toast?.variables && config.toast?.defaults) {
 		setRuntimeValue(getRuntimeFieldSelector("useToastConfig", "autoClose"), getRuntimeFieldStaticValue("useToastConfig", "autoClose") ?? void 0);
 		setRuntimeValue(getRuntimeFieldSelector("useToastConfig", "position"), getRuntimeFieldStaticValue("useToastConfig", "position") ?? void 0);

package/dist/css/dist/packages/config/dist/index.cjs

@@ -14798,9 +14798,9 @@ const defaultTokensConfig = {
 		"serif-alt": "yahoo-serif-text"
 	},
 	globalDefaults: {
+		applyDefaultBreakpointInCode: false,
 		breakpoint: "lg",
-		enableResponsiveType: true,
-		applyDefaultBreakpointInCode: false
+		enableResponsiveType: true
 	},
 	iconButton: {
 		defaults: {
@@ -14810,12 +14810,12 @@ const defaultTokensConfig = {
 		variables: {
 			"size/lg/icon": { size: { rest: {
 				type: "iconSizes",
-				value: "sm",
+				value: "md",
 				valueType: "alias"
 			} } },
 			"size/lg/root": { spacing: { rest: {
 				type: "spacingAliases",
-				value: "4.5",
+				value: "3.5",
 				valueType: "alias"
 			} } },
 			"size/md/icon": { size: { rest: {
@@ -14855,7 +14855,7 @@ const defaultTokensConfig = {
 			} } },
 			"size/xs/root": { spacing: { rest: {
 				type: "spacingAliases",
-				value: "1.5",
+				value: "2",
 				valueType: "alias"
 			} } }
 		}
@@ -16522,16 +16522,28 @@ const defaultTokensConfig = {
 				valueType: "alias"
 			} } },
 			"size/default/root": {},
-			"size/default/text": { textVariant: { rest: {
-				type: "textVariants",
-				value: "ui1",
-				valueType: "alias"
-			} } },
 			"size/default/startIcon": { size: { rest: {
 				type: "iconSizes",
 				value: "sm",
 				valueType: "alias"
-			} } }
+			} } },
+			"size/default/text": { textVariant: {
+				focused: {
+					type: "textVariants",
+					value: "ui1",
+					valueType: "alias"
+				},
+				hover: {
+					type: "textVariants",
+					value: "ui1",
+					valueType: "alias"
+				},
+				rest: {
+					type: "textVariants",
+					value: "ui1",
+					valueType: "alias"
+				}
+			} }
 		}
 	},
 	modal: {
@@ -18654,110 +18666,7 @@ const defaultTokensConfig = {
 			size: "md",
 			variant: "default"
 		},
-		variables: {
-			"variant/default/endIcon": { color: {
-				"focus-within": {
-					isEnabled: true,
-					type: "foregroundPaletteColors",
-					value: "primary",
-					valueType: "alias"
-				},
-				hover: {
-					isEnabled: true,
-					type: "foregroundPaletteColors",
-					value: "primary",
-					valueType: "alias"
-				},
-				invalid: {
-					isEnabled: true,
-					type: "foregroundPaletteColors",
-					value: "alert",
-					valueType: "alias"
-				},
-				"invalid&hover": {
-					isEnabled: true,
-					type: "foregroundPaletteColors",
-					value: "alert",
-					valueType: "alias"
-				},
-				"invalid&pressed": {
-					isEnabled: true,
-					type: "foregroundPaletteColors",
-					value: "alert",
-					valueType: "alias"
-				},
-				pressed: {
-					type: "foregroundPaletteColors",
-					value: "muted",
-					valueType: "alias"
-				},
-				readonly: {
-					type: "foregroundPaletteColors",
-					value: "muted",
-					valueType: "alias"
-				},
-				rest: {
-					type: "foregroundPaletteColors",
-					value: "muted",
-					valueType: "alias"
-				}
-			} },
-			"variant/default/root": {},
-			"variant/default/startIcon": { color: {
-				"focus-within": {
-					isEnabled: true,
-					type: "foregroundPaletteColors",
-					value: "primary",
-					valueType: "alias"
-				},
-				hover: {
-					isEnabled: true,
-					type: "foregroundPaletteColors",
-					value: "primary",
-					valueType: "alias"
-				},
-				invalid: {
-					isEnabled: true,
-					type: "foregroundPaletteColors",
-					value: "alert",
-					valueType: "alias"
-				},
-				"invalid&hover": {
-					isEnabled: true,
-					type: "foregroundPaletteColors",
-					value: "alert",
-					valueType: "alias"
-				},
-				"invalid&pressed": {
-					isEnabled: true,
-					type: "foregroundPaletteColors",
-					value: "alert",
-					valueType: "alias"
-				},
-				pressed: {
-					isEnabled: true,
-					type: "foregroundPaletteColors",
-					value: "primary",
-					valueType: "alias"
-				},
-				readonly: {
-					type: "foregroundPaletteColors",
-					value: "muted",
-					valueType: "alias"
-				},
-				rest: {
-					type: "foregroundPaletteColors",
-					value: "muted",
-					valueType: "alias"
-				}
-			} },
-			"variant/default/value/empty/endIcon": { color: { pressed: {
-				isEnabled: true,
-				type: "foregroundPaletteColors",
-				value: "primary",
-				valueType: "alias"
-			} } }
-		}
+		variables: { "variant/default/root": {} }
 	},
 	selectContent: {
 		defaults: {
@@ -18842,51 +18751,51 @@ const defaultTokensConfig = {
 					valueType: "alias"
 				} }
 			},
-			"item/variant/default/active/off/root": { backgroundColor: {
+			"item/variant/default/active/off/icon": { color: {
 				focused: {
-					type: "backgroundPaletteColors",
-					value: "secondary",
+					type: "foregroundPaletteColors",
+					value: "brand",
 					valueType: "alias"
 				},
 				hover: {
-					type: "backgroundPaletteColors",
-					value: "secondary",
+					type: "foregroundPaletteColors",
+					value: "brand",
 					valueType: "alias"
 				},
 				pressed: {
-					type: "backgroundPaletteColors",
-					value: "secondary",
+					type: "foregroundPaletteColors",
+					value: "brand",
 					valueType: "alias"
 				},
 				rest: {
-					type: "backgroundPaletteColors",
-					value: "primary",
+					type: "foregroundPaletteColors",
+					value: "secondary",
 					valueType: "alias"
 				}
 			} },
-			"item/variant/default/active/off/text": { color: {
+			"item/variant/default/active/off/root": { backgroundColor: {
 				focused: {
-					type: "foregroundPaletteColors",
-					value: "brand",
+					type: "backgroundPaletteColors",
+					value: "secondary",
 					valueType: "alias"
 				},
 				hover: {
-					type: "foregroundPaletteColors",
-					value: "brand",
+					type: "backgroundPaletteColors",
+					value: "secondary",
 					valueType: "alias"
 				},
 				pressed: {
-					type: "foregroundPaletteColors",
-					value: "brand",
+					type: "backgroundPaletteColors",
+					value: "secondary",
 					valueType: "alias"
 				},
 				rest: {
-					type: "foregroundPaletteColors",
-					value: "secondary",
+					type: "backgroundPaletteColors",
+					value: "primary",
 					valueType: "alias"
 				}
 			} },
-			"item/variant/default/active/off/icon": { color: {
+			"item/variant/default/active/off/text": { color: {
 				focused: {
 					type: "foregroundPaletteColors",
 					value: "brand",
@@ -18974,20 +18883,20 @@ const defaultTokensConfig = {
 					valueType: "alias"
 				}
 			} },
-			"size/default/root": {},
-			"size/default/text": { textVariant: { rest: {
-				type: "textVariants",
-				value: "ui1",
+			"size/default/endIcon": { size: { rest: {
+				type: "iconSizes",
+				value: "sm",
 				valueType: "alias"
 			} } },
+			"size/default/root": {},
 			"size/default/startIcon": { size: { rest: {
 				type: "iconSizes",
 				value: "sm",
 				valueType: "alias"
 			} } },
-			"size/default/endIcon": { size: { rest: {
-				type: "iconSizes",
-				value: "sm",
+			"size/default/text": { textVariant: { rest: {
+				type: "textVariants",
+				value: "ui1",
 				valueType: "alias"
 			} } }
 		}
@@ -29210,7 +29119,7 @@ const defaultTokensConfig = {
 			}
 		}
 	},
-	version: "v0.100.0",
+	version: "v0.101.0",
 	version: "v0.101.0"
 };
 //#endregion