@yahoo/uds 3.157.1 → 3.158.0

package/dist/config/dist/index.js

@@ -16272,42 +16272,23 @@ const defaultTokensConfig = {
 					valueType: "alias"
 				}
 			} },
-			"item/variant/default/active/off/text": {
-				color: {
-					focused: {
-						type: "foregroundPaletteColors",
-						value: "brand-secondary",
-						valueType: "alias"
-					},
-					hover: {
-						type: "foregroundPaletteColors",
-						value: "brand-secondary",
-						valueType: "alias"
-					},
-					rest: {
-						type: "foregroundPaletteColors",
-						value: "secondary",
-						valueType: "alias"
-					}
+			"item/variant/default/active/off/text": { color: {
+				focused: {
+					type: "foregroundPaletteColors",
+					value: "brand-secondary",
+					valueType: "alias"
 				},
-				textVariant: {
-					focused: {
-						type: "textVariants",
-						value: "ui1",
-						valueType: "alias"
-					},
-					hover: {
-						type: "textVariants",
-						value: "ui1",
-						valueType: "alias"
-					},
-					rest: {
-						type: "textVariants",
-						value: "ui1",
-						valueType: "alias"
-					}
+				hover: {
+					type: "foregroundPaletteColors",
+					value: "brand-secondary",
+					valueType: "alias"
+				},
+				rest: {
+					type: "foregroundPaletteColors",
+					value: "secondary",
+					valueType: "alias"
 				}
-			},
+			} },
 			"item/variant/default/active/on/icon": { color: {
 				focused: {
 					type: "foregroundPaletteColors",
@@ -16342,42 +16323,23 @@ const defaultTokensConfig = {
 					valueType: "alias"
 				}
 			} },
-			"item/variant/default/active/on/text": {
-				color: {
-					focused: {
-						type: "foregroundPaletteColors",
-						value: "brand-secondary",
-						valueType: "alias"
-					},
-					hover: {
-						type: "foregroundPaletteColors",
-						value: "brand-secondary",
-						valueType: "alias"
-					},
-					rest: {
-						type: "foregroundPaletteColors",
-						value: "brand-secondary",
-						valueType: "alias"
-					}
+			"item/variant/default/active/on/text": { color: {
+				focused: {
+					type: "foregroundPaletteColors",
+					value: "brand-secondary",
+					valueType: "alias"
 				},
-				textVariant: {
-					focused: {
-						type: "textVariants",
-						value: "ui1",
-						valueType: "alias"
-					},
-					hover: {
-						type: "textVariants",
-						value: "ui1",
-						valueType: "alias"
-					},
-					rest: {
-						type: "textVariants",
-						value: "ui1",
-						valueType: "alias"
-					}
+				hover: {
+					type: "foregroundPaletteColors",
+					value: "brand-secondary",
+					valueType: "alias"
+				},
+				rest: {
+					type: "foregroundPaletteColors",
+					value: "brand-secondary",
+					valueType: "alias"
 				}
-			},
+			} },
 			"itemCheckbox/variant/default/active/off/endIcon": { color: {
 				focused: {
 					type: "foregroundPaletteColors",
@@ -16558,6 +16520,11 @@ 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",
@@ -18680,6 +18647,349 @@ const defaultTokensConfig = {
 			} }
 		} }
 	},
+	select: {
+		defaults: {
+			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"
+			} } }
+		}
+	},
+	selectContent: {
+		defaults: {
+			size: "default",
+			variant: "default"
+		},
+		variables: {
+			"size/default/root": {
+				borderRadius: { rest: {
+					type: "borderRadii",
+					value: "md",
+					valueType: "alias"
+				} },
+				borderWidth: { rest: {
+					type: "borderWidths",
+					value: "thin",
+					valueType: "alias"
+				} },
+				gap: { rest: {
+					type: "spacingAliases",
+					value: "0",
+					valueType: "alias"
+				} },
+				shadow: { rest: {
+					type: "shadowVariants",
+					value: "lg",
+					valueType: "alias"
+				} },
+				spacingHorizontal: { rest: {
+					type: "spacingAliases",
+					value: "0",
+					valueType: "alias"
+				} },
+				spacingVertical: { rest: {
+					type: "spacingAliases",
+					value: "0",
+					valueType: "alias"
+				} }
+			},
+			"variant/default/root": {
+				backgroundColor: { rest: {
+					type: "backgroundPaletteColors",
+					value: "primary",
+					valueType: "alias"
+				} },
+				borderColor: { rest: {
+					type: "spectrumColors",
+					value: "gray-3",
+					valueType: "alias"
+				} }
+			}
+		}
+	},
+	selectItem: {
+		defaults: {
+			size: "default",
+			variant: "default"
+		},
+		variables: {
+			"divider/variant/default/line": {
+				borderColor: { rest: {
+					type: "linePaletteColors",
+					value: "secondary",
+					valueType: "alias"
+				} },
+				borderWidth: { rest: {
+					type: "borderWidths",
+					value: "thin",
+					valueType: "alias"
+				} }
+			},
+			"divider/variant/default/root": {},
+			"divider/variant/default/text": {
+				color: { rest: {
+					type: "foregroundPaletteColors",
+					value: "muted",
+					valueType: "alias"
+				} },
+				textVariant: { rest: {
+					type: "textVariants",
+					value: "caption2",
+					valueType: "alias"
+				} }
+			},
+			"item/variant/default/active/off/root": { backgroundColor: {
+				focused: {
+					type: "backgroundPaletteColors",
+					value: "secondary",
+					valueType: "alias"
+				},
+				hover: {
+					type: "backgroundPaletteColors",
+					value: "secondary",
+					valueType: "alias"
+				},
+				pressed: {
+					type: "backgroundPaletteColors",
+					value: "secondary",
+					valueType: "alias"
+				},
+				rest: {
+					type: "backgroundPaletteColors",
+					value: "primary",
+					valueType: "alias"
+				}
+			} },
+			"item/variant/default/active/off/text": { color: {
+				focused: {
+					type: "foregroundPaletteColors",
+					value: "brand",
+					valueType: "alias"
+				},
+				hover: {
+					type: "foregroundPaletteColors",
+					value: "brand",
+					valueType: "alias"
+				},
+				pressed: {
+					type: "foregroundPaletteColors",
+					value: "brand",
+					valueType: "alias"
+				},
+				rest: {
+					type: "foregroundPaletteColors",
+					value: "secondary",
+					valueType: "alias"
+				}
+			} },
+			"item/variant/default/active/off/icon": { color: {
+				focused: {
+					type: "foregroundPaletteColors",
+					value: "brand",
+					valueType: "alias"
+				},
+				hover: {
+					type: "foregroundPaletteColors",
+					value: "brand",
+					valueType: "alias"
+				},
+				pressed: {
+					type: "foregroundPaletteColors",
+					value: "brand",
+					valueType: "alias"
+				},
+				rest: {
+					type: "foregroundPaletteColors",
+					value: "secondary",
+					valueType: "alias"
+				}
+			} },
+			"item/variant/default/active/on/icon": { color: {
+				focused: {
+					type: "foregroundPaletteColors",
+					value: "brand",
+					valueType: "alias"
+				},
+				hover: {
+					type: "foregroundPaletteColors",
+					value: "brand",
+					valueType: "alias"
+				},
+				pressed: {
+					type: "foregroundPaletteColors",
+					value: "brand",
+					valueType: "alias"
+				},
+				rest: {
+					type: "foregroundPaletteColors",
+					value: "brand",
+					valueType: "alias"
+				}
+			} },
+			"item/variant/default/active/on/root": { backgroundColor: {
+				focused: {
+					type: "backgroundPaletteColors",
+					value: "secondary",
+					valueType: "alias"
+				},
+				hover: {
+					type: "backgroundPaletteColors",
+					value: "secondary",
+					valueType: "alias"
+				},
+				pressed: {
+					type: "backgroundPaletteColors",
+					value: "secondary",
+					valueType: "alias"
+				},
+				rest: {
+					type: "backgroundPaletteColors",
+					value: "brand-secondary",
+					valueType: "alias"
+				}
+			} },
+			"item/variant/default/active/on/text": { color: {
+				focused: {
+					type: "foregroundPaletteColors",
+					value: "brand",
+					valueType: "alias"
+				},
+				hover: {
+					type: "foregroundPaletteColors",
+					value: "brand",
+					valueType: "alias"
+				},
+				pressed: {
+					type: "foregroundPaletteColors",
+					value: "brand",
+					valueType: "alias"
+				},
+				rest: {
+					type: "foregroundPaletteColors",
+					value: "brand",
+					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/endIcon": { size: { rest: {
+				type: "iconSizes",
+				value: "sm",
+				valueType: "alias"
+			} } }
+		}
+	},
 	shadow: {
 		drop: {
 			"2xl": [{
@@ -28898,8 +29208,8 @@ const defaultTokensConfig = {
 			}
 		}
 	},
-	version: "v0.99.0",
-	version: "v0.99.0"
+	version: "v0.100.0",
+	version: "v0.100.0"
 };
 //#endregion
 export { defaultTokensConfig };

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

@@ -20,6 +20,9 @@ const extractVariantDefaults = (config) => {
 		input: "Input",
 		link: "Link",
 		menu: "Menu",
+		select: "Select",
+		selectContent: "SelectContent",
+		selectItem: "SelectItem",
 		radio: "Radio",
 		switch: "Switch",
 		tab: "Tab",

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

@@ -20,6 +20,9 @@ const extractVariantDefaults = (config) => {
 		input: "Input",
 		link: "Link",
 		menu: "Menu",
+		select: "Select",
+		selectContent: "SelectContent",
+		selectItem: "SelectItem",
 		radio: "Radio",
 		switch: "Switch",
 		tab: "Tab",