@yahoo/uds 3.166.0 → 3.168.0

package/dist/css/dist/runtimeConfig/hookMetadata.js

@@ -3,6 +3,76 @@
 /*! © 2026 Yahoo, Inc. UDS CSS v0.0.0-development */
 const defineRuntimeHookMetadata = (metadata) => metadata;
 const runtimeHookMetadata = defineRuntimeHookMetadata({
+	useAvatarConfig: {
+		defaultProps: { size: "avatar.defaultSize" },
+		defaultPropSources: { size: [
+			"avatar",
+			"defaults",
+			"size"
+		] },
+		selectorParamValues: { size: [
+			"2xs",
+			"xs",
+			"sm",
+			"md",
+			"lg",
+			"xl",
+			"2xl",
+			"3xl"
+		] },
+		tokenConfigPath: ["avatar", "variables"],
+		fields: {
+			size: {
+				bindingSelector: "avatar.defaultSize",
+				selectorTemplates: ["avatar.defaultSize"]
+			},
+			iconSize: {
+				bindingSelector: "avatar.iconSize.${size}",
+				selectorTemplates: ["avatar.iconSize.${size}"],
+				tokenSource: {
+					variableTemplate: "size/${size}/icon",
+					valuePath: [
+						"iconSize",
+						"rest",
+						"value"
+					]
+				}
+			}
+		}
+	},
+	useBadgeConfig: {
+		defaultProps: { size: "badge.defaultSize" },
+		defaultPropSources: { size: [
+			"badge",
+			"defaults",
+			"size"
+		] },
+		selectorParamValues: { size: [
+			"xs",
+			"sm",
+			"md",
+			"lg"
+		] },
+		tokenConfigPath: ["badge", "variables"],
+		fields: {
+			size: {
+				bindingSelector: "badge.defaultSize",
+				selectorTemplates: ["badge.defaultSize"]
+			},
+			iconSize: {
+				bindingSelector: "badge.iconSize.${size}",
+				selectorTemplates: ["badge.iconSize.${size}"],
+				tokenSource: {
+					variableTemplate: "size/${size}/icon",
+					valuePath: [
+						"size",
+						"rest",
+						"value"
+					]
+				}
+			}
+		}
+	},
 	useBottomSheetConfig: {
 		defaultProps: {},
 		selectorParamValues: { variant: ["default"] },
@@ -53,6 +123,34 @@ const runtimeHookMetadata = defineRuntimeHookMetadata({
 			}
 		}
 	},
+	useChipConfig: {
+		defaultProps: { size: "chip.defaultSize" },
+		defaultPropSources: { size: [
+			"chip",
+			"defaults",
+			"size"
+		] },
+		selectorParamValues: { size: ["sm", "md"] },
+		tokenConfigPath: ["chip", "variables"],
+		fields: {
+			size: {
+				bindingSelector: "chip.defaultSize",
+				selectorTemplates: ["chip.defaultSize"]
+			},
+			iconSize: {
+				bindingSelector: "chip.iconSize.${size}",
+				selectorTemplates: ["chip.iconSize.${size}"],
+				tokenSource: {
+					variableTemplate: "size/${size}/icon",
+					valuePath: [
+						"size",
+						"rest",
+						"value"
+					]
+				}
+			}
+		}
+	},
 	useIconButtonConfig: {
 		defaultProps: { size: "iconButton.defaultSize" },
 		defaultPropSources: { size: [
@@ -87,6 +185,228 @@ const runtimeHookMetadata = defineRuntimeHookMetadata({
 			}
 		}
 	},
+	useInputConfig: {
+		defaultProps: { size: "input.defaultSize" },
+		defaultPropSources: { size: [
+			"input",
+			"defaults",
+			"size"
+		] },
+		selectorParamValues: { size: ["md", "lg"] },
+		tokenConfigPath: ["input", "variables"],
+		fields: {
+			size: {
+				bindingSelector: "input.defaultSize",
+				selectorTemplates: ["input.defaultSize"]
+			},
+			startIconSize: {
+				bindingSelector: "input.startIconSize.${size}",
+				selectorTemplates: ["input.startIconSize.${size}"],
+				tokenSource: {
+					variableTemplate: "size/${size}/startIcon",
+					valuePath: [
+						"size",
+						"rest",
+						"value"
+					]
+				}
+			},
+			endIconSize: {
+				bindingSelector: "input.endIconSize.${size}",
+				selectorTemplates: ["input.endIconSize.${size}"],
+				tokenSource: {
+					variableTemplate: "size/${size}/endIcon",
+					valuePath: [
+						"size",
+						"rest",
+						"value"
+					]
+				}
+			},
+			helperIconSize: {
+				bindingSelector: "input.helperIconSize.${size}",
+				selectorTemplates: ["input.helperIconSize.${size}"],
+				tokenSource: {
+					variableTemplate: "size/${size}/helperIcon",
+					valuePath: [
+						"size",
+						"rest",
+						"value"
+					]
+				}
+			}
+		}
+	},
+	useMenuItemConfig: {
+		defaultProps: { size: "menuItem.defaultSize" },
+		defaultPropSources: { size: [
+			"menuItem",
+			"defaults",
+			"size"
+		] },
+		selectorParamValues: { size: ["default"] },
+		tokenConfigPath: ["menuItem", "variables"],
+		fields: {
+			size: {
+				bindingSelector: "menuItem.defaultSize",
+				selectorTemplates: ["menuItem.defaultSize"]
+			},
+			startIconSize: {
+				bindingSelector: "menuItem.startIconSize.${size}",
+				selectorTemplates: ["menuItem.startIconSize.${size}"],
+				tokenSource: {
+					variableTemplate: "size/${size}/startIcon",
+					valuePath: [
+						"size",
+						"rest",
+						"value"
+					]
+				}
+			},
+			endIconSize: {
+				bindingSelector: "menuItem.endIconSize.${size}",
+				selectorTemplates: ["menuItem.endIconSize.${size}"],
+				tokenSource: {
+					variableTemplate: "size/${size}/endIcon",
+					valuePath: [
+						"size",
+						"rest",
+						"value"
+					]
+				}
+			}
+		}
+	},
+	usePaddleNavConfig: {
+		defaultProps: { size: "paddleNav.defaultSize" },
+		defaultPropSources: { size: [
+			"paddleNav",
+			"defaults",
+			"size"
+		] },
+		selectorParamValues: { size: [
+			"xs",
+			"sm",
+			"md",
+			"lg",
+			"xl"
+		] },
+		tokenConfigPath: ["paddleNav", "variables"],
+		fields: {
+			size: {
+				bindingSelector: "paddleNav.defaultSize",
+				selectorTemplates: ["paddleNav.defaultSize"]
+			},
+			iconSize: {
+				bindingSelector: "paddleNav.iconSize.${size}",
+				selectorTemplates: ["paddleNav.iconSize.${size}"],
+				tokenSource: {
+					variableTemplate: "size/${size}/icon",
+					valuePath: [
+						"size",
+						"rest",
+						"value"
+					]
+				}
+			}
+		}
+	},
+	usePaginationConfig: {
+		defaultProps: { size: "pagination.defaultSize" },
+		defaultPropSources: { size: [
+			"pagination",
+			"defaults",
+			"size"
+		] },
+		selectorParamValues: { size: ["sm", "md"] },
+		tokenConfigPath: ["pagination", "variables"],
+		fields: {
+			size: {
+				bindingSelector: "pagination.defaultSize",
+				selectorTemplates: ["pagination.defaultSize"]
+			},
+			iconSize: {
+				bindingSelector: "pagination.iconSize.${size}",
+				selectorTemplates: ["pagination.iconSize.${size}"],
+				tokenSource: {
+					variableTemplate: "size/${size}/icon",
+					valuePath: [
+						"size",
+						"rest",
+						"value"
+					]
+				}
+			}
+		}
+	},
+	useSelectItemConfig: {
+		defaultProps: { size: "selectItem.defaultSize" },
+		defaultPropSources: { size: [
+			"selectItem",
+			"defaults",
+			"size"
+		] },
+		selectorParamValues: { size: ["default"] },
+		tokenConfigPath: ["selectItem", "variables"],
+		fields: {
+			size: {
+				bindingSelector: "selectItem.defaultSize",
+				selectorTemplates: ["selectItem.defaultSize"]
+			},
+			startIconSize: {
+				bindingSelector: "selectItem.startIconSize.${size}",
+				selectorTemplates: ["selectItem.startIconSize.${size}"],
+				tokenSource: {
+					variableTemplate: "size/${size}/startIcon",
+					valuePath: [
+						"size",
+						"rest",
+						"value"
+					]
+				}
+			},
+			endIconSize: {
+				bindingSelector: "selectItem.endIconSize.${size}",
+				selectorTemplates: ["selectItem.endIconSize.${size}"],
+				tokenSource: {
+					variableTemplate: "size/${size}/endIcon",
+					valuePath: [
+						"size",
+						"rest",
+						"value"
+					]
+				}
+			}
+		}
+	},
+	useTabConfig: {
+		defaultProps: { size: "tab.defaultSize" },
+		defaultPropSources: { size: [
+			"tab",
+			"defaults",
+			"size"
+		] },
+		selectorParamValues: { size: ["default"] },
+		tokenConfigPath: ["tab", "variables"],
+		fields: {
+			size: {
+				bindingSelector: "tab.defaultSize",
+				selectorTemplates: ["tab.defaultSize"]
+			},
+			iconSize: {
+				bindingSelector: "tab.iconSize.${size}",
+				selectorTemplates: ["tab.iconSize.${size}"],
+				tokenSource: {
+					variableTemplate: "size/${size}/icon",
+					valuePath: [
+						"size",
+						"rest",
+						"value"
+					]
+				}
+			}
+		}
+	},
 	useToastConfig: {
 		defaultProps: {
 			size: "toast.defaultSize",

package/dist/css-tokens/dist/index.cjs

@@ -49,6 +49,30 @@ const TEXT_RESPONSIVE_BREAKPOINT_CLASSNAMES = {
 	xl: "uds-text-xl",
 	"2xl": "uds-text-2xl"
 };
+/**
+* Set by `IconSlot` (@yahoo/uds) when a consumer passes an explicit,
+* non-`inherit` `color` on a custom slot icon element (e.g.
+* `<Input endIcon={<Icon name={Check} color="positive" />} />`).
+*
+* Config-generated icon color rules for layers that list `color` in
+* `userOverridableProperties` exclude elements carrying this attribute via a
+* zero-specificity `:where(:not([data-uds-icon-color]))` guard, so the
+* consumer's explicit color wins over the configured value without
+* `!important`.
+*/
+const ICON_COLOR_OVERRIDE_ATTRIBUTE = `data-uds-icon-color`;
+/**
+* Set by `IconSlot` (@yahoo/uds) when a consumer passes an explicit `size`
+* on a custom slot icon element (e.g.
+* `<Input endIcon={<Icon name={Check} size="lg" />} />`).
+*
+* Config-generated icon size (width/height) rules for layers that list
+* `iconSize` in `userOverridableProperties` exclude elements carrying this
+* attribute via a zero-specificity `:where(:not([data-uds-icon-size]))`
+* guard, so the svg's own width/height attributes (matching the explicit
+* size's artwork and viewBox) govern instead of the configured box.
+*/
+const ICON_SIZE_OVERRIDE_ATTRIBUTE = `data-uds-icon-size`;
 const BUTTON_GAP_VAR = `--uds-button-gap`;
 const BUTTON_CONTROL_HEIGHT_VAR = `--uds-button-control-height`;
 const BUTTON_SCALE_EFFECT = `--uds-button-scale-effect`;
@@ -147,6 +171,8 @@ exports.FONT_SIZE_PREFIX = FONT_SIZE_PREFIX;
 exports.FONT_SLANT_PREFIX = FONT_SLANT_PREFIX;
 exports.FONT_WEIGHT_PREFIX = FONT_WEIGHT_PREFIX;
 exports.FONT_WIDTH_PREFIX = FONT_WIDTH_PREFIX;
+exports.ICON_COLOR_OVERRIDE_ATTRIBUTE = ICON_COLOR_OVERRIDE_ATTRIBUTE;
+exports.ICON_SIZE_OVERRIDE_ATTRIBUTE = ICON_SIZE_OVERRIDE_ATTRIBUTE;
 exports.ICON_SIZE_PREFIX = ICON_SIZE_PREFIX;
 exports.INSET_SHADOW_PREFIX = INSET_SHADOW_PREFIX;
 exports.INVERT_COLOR_MODE_CLASSNAME = INVERT_COLOR_MODE_CLASSNAME;

package/dist/css-tokens/dist/index.d.cts

@@ -41,6 +41,30 @@ declare const DEFAULT_COLOR_MODE_CLASSNAME = "uds-color-mode-light";
 declare const DEFAULT_SCALE_MODE_CLASSNAME = "uds-scale-mode-large";
 declare const TEXT_RESPONSIVE_CLASSNAME = "uds-text-responsive";
 declare const TEXT_RESPONSIVE_BREAKPOINT_CLASSNAMES: Record<BreakpointWithBase | 'defaultBreakpoint', string>;
+/**
+ * Set by `IconSlot` (@yahoo/uds) when a consumer passes an explicit,
+ * non-`inherit` `color` on a custom slot icon element (e.g.
+ * `<Input endIcon={<Icon name={Check} color="positive" />} />`).
+ *
+ * Config-generated icon color rules for layers that list `color` in
+ * `userOverridableProperties` exclude elements carrying this attribute via a
+ * zero-specificity `:where(:not([data-uds-icon-color]))` guard, so the
+ * consumer's explicit color wins over the configured value without
+ * `!important`.
+ */
+declare const ICON_COLOR_OVERRIDE_ATTRIBUTE = "data-uds-icon-color";
+/**
+ * Set by `IconSlot` (@yahoo/uds) when a consumer passes an explicit `size`
+ * on a custom slot icon element (e.g.
+ * `<Input endIcon={<Icon name={Check} size="lg" />} />`).
+ *
+ * Config-generated icon size (width/height) rules for layers that list
+ * `iconSize` in `userOverridableProperties` exclude elements carrying this
+ * attribute via a zero-specificity `:where(:not([data-uds-icon-size]))`
+ * guard, so the svg's own width/height attributes (matching the explicit
+ * size's artwork and viewBox) govern instead of the configured box.
+ */
+declare const ICON_SIZE_OVERRIDE_ATTRIBUTE = "data-uds-icon-size";
 declare const BUTTON_GAP_VAR = "--uds-button-gap";
 declare const BUTTON_CONTROL_HEIGHT_VAR = "--uds-button-control-height";
 declare const BUTTON_SCALE_EFFECT = "--uds-button-scale-effect";
@@ -95,4 +119,4 @@ declare function getMotionVar({
   control
 }: GetMotionVarParams): string; //#endregion
 //#endregion
-export { AVATAR_SIZE_PREFIX, BACKGROUND_BLUR_COLOR_PREFIX, BACKGROUND_BLUR_FALLBACK_COLOR_PREFIX, BACKGROUND_BLUR_RADIUS_PREFIX, BACKGROUND_COLOR_PREFIX, BORDER_RADIUS_PREFIX, BORDER_WIDTH_PREFIX, BUTTON_CONTROL_HEIGHT_VAR, BUTTON_GAP_VAR, BUTTON_SCALE_EFFECT, BUTTON_SCALE_EFFECT_HOVER, BUTTON_SCALE_EFFECT_PRESSED, BUTTON_SCALE_EFFECT_REST, DARK_COLOR_MODE_CLASSNAME, DEFAULT_COLOR_MODE_CLASSNAME, DEFAULT_SCALE_MODE_CLASSNAME, DROP_SHADOW_PREFIX, FONT_FAMILY_PREFIX, FONT_SIZE_PREFIX, FONT_SLANT_PREFIX, FONT_WEIGHT_PREFIX, FONT_WIDTH_PREFIX, GetMotionVarParams, ICON_SIZE_PREFIX, INSET_SHADOW_PREFIX, INVERT_COLOR_MODE_CLASSNAME, LARGE_SCALE_MODE_CLASSNAME, LETTER_SPACING_PREFIX, LIGHT_COLOR_MODE_CLASSNAME, LINE_COLOR_PREFIX, LINE_HEIGHT_PREFIX, MEDIUM_SCALE_MODE_CLASSNAME, MOTION_PREFIX, OUTLINE_PREFIX, PSEUDO_STYLE_SELECTOR_MAP, SMALL_SCALE_MODE_CLASSNAME, SPECTRUM_COLOR_PREFIX, SYSTEM_COLOR_MODE_CLASSNAME, TEXT_RESPONSIVE_BREAKPOINT_CLASSNAMES, TEXT_RESPONSIVE_CLASSNAME, TEXT_TRANSFORM_PREFIX, UDS_PREFIX, XLARGE_SCALE_MODE_CLASSNAME, XSMALL_SCALE_MODE_CLASSNAME, XXLARGE_SCALE_MODE_CLASSNAME, XXXLARGE_SCALE_MODE_CLASSNAME, getMotionVar, getShadowLayerValue, textVariantsSafe };
+export { AVATAR_SIZE_PREFIX, BACKGROUND_BLUR_COLOR_PREFIX, BACKGROUND_BLUR_FALLBACK_COLOR_PREFIX, BACKGROUND_BLUR_RADIUS_PREFIX, BACKGROUND_COLOR_PREFIX, BORDER_RADIUS_PREFIX, BORDER_WIDTH_PREFIX, BUTTON_CONTROL_HEIGHT_VAR, BUTTON_GAP_VAR, BUTTON_SCALE_EFFECT, BUTTON_SCALE_EFFECT_HOVER, BUTTON_SCALE_EFFECT_PRESSED, BUTTON_SCALE_EFFECT_REST, DARK_COLOR_MODE_CLASSNAME, DEFAULT_COLOR_MODE_CLASSNAME, DEFAULT_SCALE_MODE_CLASSNAME, DROP_SHADOW_PREFIX, FONT_FAMILY_PREFIX, FONT_SIZE_PREFIX, FONT_SLANT_PREFIX, FONT_WEIGHT_PREFIX, FONT_WIDTH_PREFIX, GetMotionVarParams, ICON_COLOR_OVERRIDE_ATTRIBUTE, ICON_SIZE_OVERRIDE_ATTRIBUTE, ICON_SIZE_PREFIX, INSET_SHADOW_PREFIX, INVERT_COLOR_MODE_CLASSNAME, LARGE_SCALE_MODE_CLASSNAME, LETTER_SPACING_PREFIX, LIGHT_COLOR_MODE_CLASSNAME, LINE_COLOR_PREFIX, LINE_HEIGHT_PREFIX, MEDIUM_SCALE_MODE_CLASSNAME, MOTION_PREFIX, OUTLINE_PREFIX, PSEUDO_STYLE_SELECTOR_MAP, SMALL_SCALE_MODE_CLASSNAME, SPECTRUM_COLOR_PREFIX, SYSTEM_COLOR_MODE_CLASSNAME, TEXT_RESPONSIVE_BREAKPOINT_CLASSNAMES, TEXT_RESPONSIVE_CLASSNAME, TEXT_TRANSFORM_PREFIX, UDS_PREFIX, XLARGE_SCALE_MODE_CLASSNAME, XSMALL_SCALE_MODE_CLASSNAME, XXLARGE_SCALE_MODE_CLASSNAME, XXXLARGE_SCALE_MODE_CLASSNAME, getMotionVar, getShadowLayerValue, textVariantsSafe };

package/dist/css-tokens/dist/index.d.ts

@@ -41,6 +41,30 @@ declare const DEFAULT_COLOR_MODE_CLASSNAME = "uds-color-mode-light";
 declare const DEFAULT_SCALE_MODE_CLASSNAME = "uds-scale-mode-large";
 declare const TEXT_RESPONSIVE_CLASSNAME = "uds-text-responsive";
 declare const TEXT_RESPONSIVE_BREAKPOINT_CLASSNAMES: Record<BreakpointWithBase | 'defaultBreakpoint', string>;
+/**
+ * Set by `IconSlot` (@yahoo/uds) when a consumer passes an explicit,
+ * non-`inherit` `color` on a custom slot icon element (e.g.
+ * `<Input endIcon={<Icon name={Check} color="positive" />} />`).
+ *
+ * Config-generated icon color rules for layers that list `color` in
+ * `userOverridableProperties` exclude elements carrying this attribute via a
+ * zero-specificity `:where(:not([data-uds-icon-color]))` guard, so the
+ * consumer's explicit color wins over the configured value without
+ * `!important`.
+ */
+declare const ICON_COLOR_OVERRIDE_ATTRIBUTE = "data-uds-icon-color";
+/**
+ * Set by `IconSlot` (@yahoo/uds) when a consumer passes an explicit `size`
+ * on a custom slot icon element (e.g.
+ * `<Input endIcon={<Icon name={Check} size="lg" />} />`).
+ *
+ * Config-generated icon size (width/height) rules for layers that list
+ * `iconSize` in `userOverridableProperties` exclude elements carrying this
+ * attribute via a zero-specificity `:where(:not([data-uds-icon-size]))`
+ * guard, so the svg's own width/height attributes (matching the explicit
+ * size's artwork and viewBox) govern instead of the configured box.
+ */
+declare const ICON_SIZE_OVERRIDE_ATTRIBUTE = "data-uds-icon-size";
 declare const BUTTON_GAP_VAR = "--uds-button-gap";
 declare const BUTTON_CONTROL_HEIGHT_VAR = "--uds-button-control-height";
 declare const BUTTON_SCALE_EFFECT = "--uds-button-scale-effect";
@@ -95,4 +119,4 @@ declare function getMotionVar({
   control
 }: GetMotionVarParams): string; //#endregion
 //#endregion
-export { AVATAR_SIZE_PREFIX, BACKGROUND_BLUR_COLOR_PREFIX, BACKGROUND_BLUR_FALLBACK_COLOR_PREFIX, BACKGROUND_BLUR_RADIUS_PREFIX, BACKGROUND_COLOR_PREFIX, BORDER_RADIUS_PREFIX, BORDER_WIDTH_PREFIX, BUTTON_CONTROL_HEIGHT_VAR, BUTTON_GAP_VAR, BUTTON_SCALE_EFFECT, BUTTON_SCALE_EFFECT_HOVER, BUTTON_SCALE_EFFECT_PRESSED, BUTTON_SCALE_EFFECT_REST, DARK_COLOR_MODE_CLASSNAME, DEFAULT_COLOR_MODE_CLASSNAME, DEFAULT_SCALE_MODE_CLASSNAME, DROP_SHADOW_PREFIX, FONT_FAMILY_PREFIX, FONT_SIZE_PREFIX, FONT_SLANT_PREFIX, FONT_WEIGHT_PREFIX, FONT_WIDTH_PREFIX, GetMotionVarParams, ICON_SIZE_PREFIX, INSET_SHADOW_PREFIX, INVERT_COLOR_MODE_CLASSNAME, LARGE_SCALE_MODE_CLASSNAME, LETTER_SPACING_PREFIX, LIGHT_COLOR_MODE_CLASSNAME, LINE_COLOR_PREFIX, LINE_HEIGHT_PREFIX, MEDIUM_SCALE_MODE_CLASSNAME, MOTION_PREFIX, OUTLINE_PREFIX, PSEUDO_STYLE_SELECTOR_MAP, SMALL_SCALE_MODE_CLASSNAME, SPECTRUM_COLOR_PREFIX, SYSTEM_COLOR_MODE_CLASSNAME, TEXT_RESPONSIVE_BREAKPOINT_CLASSNAMES, TEXT_RESPONSIVE_CLASSNAME, TEXT_TRANSFORM_PREFIX, UDS_PREFIX, XLARGE_SCALE_MODE_CLASSNAME, XSMALL_SCALE_MODE_CLASSNAME, XXLARGE_SCALE_MODE_CLASSNAME, XXXLARGE_SCALE_MODE_CLASSNAME, getMotionVar, getShadowLayerValue, textVariantsSafe };
+export { AVATAR_SIZE_PREFIX, BACKGROUND_BLUR_COLOR_PREFIX, BACKGROUND_BLUR_FALLBACK_COLOR_PREFIX, BACKGROUND_BLUR_RADIUS_PREFIX, BACKGROUND_COLOR_PREFIX, BORDER_RADIUS_PREFIX, BORDER_WIDTH_PREFIX, BUTTON_CONTROL_HEIGHT_VAR, BUTTON_GAP_VAR, BUTTON_SCALE_EFFECT, BUTTON_SCALE_EFFECT_HOVER, BUTTON_SCALE_EFFECT_PRESSED, BUTTON_SCALE_EFFECT_REST, DARK_COLOR_MODE_CLASSNAME, DEFAULT_COLOR_MODE_CLASSNAME, DEFAULT_SCALE_MODE_CLASSNAME, DROP_SHADOW_PREFIX, FONT_FAMILY_PREFIX, FONT_SIZE_PREFIX, FONT_SLANT_PREFIX, FONT_WEIGHT_PREFIX, FONT_WIDTH_PREFIX, GetMotionVarParams, ICON_COLOR_OVERRIDE_ATTRIBUTE, ICON_SIZE_OVERRIDE_ATTRIBUTE, ICON_SIZE_PREFIX, INSET_SHADOW_PREFIX, INVERT_COLOR_MODE_CLASSNAME, LARGE_SCALE_MODE_CLASSNAME, LETTER_SPACING_PREFIX, LIGHT_COLOR_MODE_CLASSNAME, LINE_COLOR_PREFIX, LINE_HEIGHT_PREFIX, MEDIUM_SCALE_MODE_CLASSNAME, MOTION_PREFIX, OUTLINE_PREFIX, PSEUDO_STYLE_SELECTOR_MAP, SMALL_SCALE_MODE_CLASSNAME, SPECTRUM_COLOR_PREFIX, SYSTEM_COLOR_MODE_CLASSNAME, TEXT_RESPONSIVE_BREAKPOINT_CLASSNAMES, TEXT_RESPONSIVE_CLASSNAME, TEXT_TRANSFORM_PREFIX, UDS_PREFIX, XLARGE_SCALE_MODE_CLASSNAME, XSMALL_SCALE_MODE_CLASSNAME, XXLARGE_SCALE_MODE_CLASSNAME, XXXLARGE_SCALE_MODE_CLASSNAME, getMotionVar, getShadowLayerValue, textVariantsSafe };

package/dist/css-tokens/dist/index.js

@@ -49,6 +49,30 @@ const TEXT_RESPONSIVE_BREAKPOINT_CLASSNAMES = {
 	xl: "uds-text-xl",
 	"2xl": "uds-text-2xl"
 };
+/**
+* Set by `IconSlot` (@yahoo/uds) when a consumer passes an explicit,
+* non-`inherit` `color` on a custom slot icon element (e.g.
+* `<Input endIcon={<Icon name={Check} color="positive" />} />`).
+*
+* Config-generated icon color rules for layers that list `color` in
+* `userOverridableProperties` exclude elements carrying this attribute via a
+* zero-specificity `:where(:not([data-uds-icon-color]))` guard, so the
+* consumer's explicit color wins over the configured value without
+* `!important`.
+*/
+const ICON_COLOR_OVERRIDE_ATTRIBUTE = `data-uds-icon-color`;
+/**
+* Set by `IconSlot` (@yahoo/uds) when a consumer passes an explicit `size`
+* on a custom slot icon element (e.g.
+* `<Input endIcon={<Icon name={Check} size="lg" />} />`).
+*
+* Config-generated icon size (width/height) rules for layers that list
+* `iconSize` in `userOverridableProperties` exclude elements carrying this
+* attribute via a zero-specificity `:where(:not([data-uds-icon-size]))`
+* guard, so the svg's own width/height attributes (matching the explicit
+* size's artwork and viewBox) govern instead of the configured box.
+*/
+const ICON_SIZE_OVERRIDE_ATTRIBUTE = `data-uds-icon-size`;
 const BUTTON_GAP_VAR = `--uds-button-gap`;
 const BUTTON_CONTROL_HEIGHT_VAR = `--uds-button-control-height`;
 const BUTTON_SCALE_EFFECT = `--uds-button-scale-effect`;
@@ -125,4 +149,4 @@ function getMotionVar({ variant, speed, control }) {
 	].join("-")}`;
 }
 //#endregion
-export { AVATAR_SIZE_PREFIX, BACKGROUND_BLUR_COLOR_PREFIX, BACKGROUND_BLUR_FALLBACK_COLOR_PREFIX, BACKGROUND_BLUR_RADIUS_PREFIX, BACKGROUND_COLOR_PREFIX, BORDER_RADIUS_PREFIX, BORDER_WIDTH_PREFIX, BUTTON_CONTROL_HEIGHT_VAR, BUTTON_GAP_VAR, BUTTON_SCALE_EFFECT, BUTTON_SCALE_EFFECT_HOVER, BUTTON_SCALE_EFFECT_PRESSED, BUTTON_SCALE_EFFECT_REST, DARK_COLOR_MODE_CLASSNAME, DEFAULT_COLOR_MODE_CLASSNAME, DEFAULT_SCALE_MODE_CLASSNAME, DROP_SHADOW_PREFIX, FONT_FAMILY_PREFIX, FONT_SIZE_PREFIX, FONT_SLANT_PREFIX, FONT_WEIGHT_PREFIX, FONT_WIDTH_PREFIX, ICON_SIZE_PREFIX, INSET_SHADOW_PREFIX, INVERT_COLOR_MODE_CLASSNAME, LARGE_SCALE_MODE_CLASSNAME, LETTER_SPACING_PREFIX, LIGHT_COLOR_MODE_CLASSNAME, LINE_COLOR_PREFIX, LINE_HEIGHT_PREFIX, MEDIUM_SCALE_MODE_CLASSNAME, MOTION_PREFIX, OUTLINE_PREFIX, PSEUDO_STYLE_SELECTOR_MAP, SMALL_SCALE_MODE_CLASSNAME, SPECTRUM_COLOR_PREFIX, SYSTEM_COLOR_MODE_CLASSNAME, TEXT_RESPONSIVE_BREAKPOINT_CLASSNAMES, TEXT_RESPONSIVE_CLASSNAME, TEXT_TRANSFORM_PREFIX, UDS_PREFIX, XLARGE_SCALE_MODE_CLASSNAME, XSMALL_SCALE_MODE_CLASSNAME, XXLARGE_SCALE_MODE_CLASSNAME, XXXLARGE_SCALE_MODE_CLASSNAME, getMotionVar, getShadowLayerValue, textVariantsSafe };
+export { AVATAR_SIZE_PREFIX, BACKGROUND_BLUR_COLOR_PREFIX, BACKGROUND_BLUR_FALLBACK_COLOR_PREFIX, BACKGROUND_BLUR_RADIUS_PREFIX, BACKGROUND_COLOR_PREFIX, BORDER_RADIUS_PREFIX, BORDER_WIDTH_PREFIX, BUTTON_CONTROL_HEIGHT_VAR, BUTTON_GAP_VAR, BUTTON_SCALE_EFFECT, BUTTON_SCALE_EFFECT_HOVER, BUTTON_SCALE_EFFECT_PRESSED, BUTTON_SCALE_EFFECT_REST, DARK_COLOR_MODE_CLASSNAME, DEFAULT_COLOR_MODE_CLASSNAME, DEFAULT_SCALE_MODE_CLASSNAME, DROP_SHADOW_PREFIX, FONT_FAMILY_PREFIX, FONT_SIZE_PREFIX, FONT_SLANT_PREFIX, FONT_WEIGHT_PREFIX, FONT_WIDTH_PREFIX, ICON_COLOR_OVERRIDE_ATTRIBUTE, ICON_SIZE_OVERRIDE_ATTRIBUTE, ICON_SIZE_PREFIX, INSET_SHADOW_PREFIX, INVERT_COLOR_MODE_CLASSNAME, LARGE_SCALE_MODE_CLASSNAME, LETTER_SPACING_PREFIX, LIGHT_COLOR_MODE_CLASSNAME, LINE_COLOR_PREFIX, LINE_HEIGHT_PREFIX, MEDIUM_SCALE_MODE_CLASSNAME, MOTION_PREFIX, OUTLINE_PREFIX, PSEUDO_STYLE_SELECTOR_MAP, SMALL_SCALE_MODE_CLASSNAME, SPECTRUM_COLOR_PREFIX, SYSTEM_COLOR_MODE_CLASSNAME, TEXT_RESPONSIVE_BREAKPOINT_CLASSNAMES, TEXT_RESPONSIVE_CLASSNAME, TEXT_TRANSFORM_PREFIX, UDS_PREFIX, XLARGE_SCALE_MODE_CLASSNAME, XSMALL_SCALE_MODE_CLASSNAME, XXLARGE_SCALE_MODE_CLASSNAME, XXXLARGE_SCALE_MODE_CLASSNAME, getMotionVar, getShadowLayerValue, textVariantsSafe };

package/dist/index.cjs

@@ -21,10 +21,12 @@ const require_components_FormLabel = require("./components/FormLabel.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");
+const require_components_client_Avatar_UDSAvatarConfigProvider = require("./components/client/Avatar/UDSAvatarConfigProvider.cjs");
 const require_components_client_Avatar_AvatarIcon = require("./components/client/Avatar/AvatarIcon.cjs");
 const require_components_client_Avatar_AvatarText = require("./components/client/Avatar/AvatarText.cjs");
 const require_components_client_Avatar_AvatarImage = require("./components/client/Avatar/AvatarImage.cjs");
 const require_components_client_Avatar_Avatar = require("./components/client/Avatar/Avatar.cjs");
+const require_components_client_UDSBadgeConfigProvider = require("./components/client/UDSBadgeConfigProvider.cjs");
 const require_components_client_Badge = require("./components/client/Badge.cjs");
 const require_components_client_BottomSheet_useBottomSheetStore = require("./components/client/BottomSheet/useBottomSheetStore.cjs");
 const require_components_client_BottomSheet_BottomSheet = require("./components/client/BottomSheet/BottomSheet.cjs");
@@ -65,6 +67,7 @@ const require_index$2 = require("./automated-config/dist/utils/index.cjs");
 const require_components_client_Button_UDSButtonConfigProvider = require("./components/client/Button/UDSButtonConfigProvider.cjs");
 const require_components_client_Button_Button = require("./components/client/Button/Button.cjs");
 const require_components_client_Checkbox_Checkbox = require("./components/client/Checkbox/Checkbox.cjs");
+const require_components_client_Chip_UDSChipConfigProvider = require("./components/client/Chip/UDSChipConfigProvider.cjs");
 const require_components_client_Chip_ChipButton = require("./components/client/Chip/ChipButton.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");
@@ -72,8 +75,10 @@ const require_components_client_Chip_ChipToggle = require("./components/client/C
 const require_components_client_Chip_Chip = require("./components/client/Chip/Chip.cjs");
 const require_components_client_IconButton_UDSIconButtonConfigProvider = require("./components/client/IconButton/UDSIconButtonConfigProvider.cjs");
 const require_components_client_IconButton_IconButton = require("./components/client/IconButton/IconButton.cjs");
+const require_components_client_Input_UDSInputConfigProvider = require("./components/client/Input/UDSInputConfigProvider.cjs");
 const require_components_client_Input_Input = require("./components/client/Input/Input.cjs");
 const require_components_client_Input_InputHelpText = require("./components/client/Input/InputHelpText.cjs");
+const require_components_client_Menu_UDSMenuItemConfigProvider = require("./components/client/Menu/UDSMenuItemConfigProvider.cjs");
 const require_components_client_Menu_Menu_index = require("./components/client/Menu/Menu.index.cjs");
 const require_components_client_Modal_createModal = require("./components/client/Modal/createModal.cjs");
 const require_components_client_Modal_UDSModalConfigProvider = require("./components/client/Modal/UDSModalConfigProvider.cjs");
@@ -83,6 +88,7 @@ const require_components_client_Modal_ModalDescription = require("./components/c
 const require_components_client_Modal_ModalTitle = require("./components/client/Modal/ModalTitle.cjs");
 const require_components_client_Modal_Modal = require("./components/client/Modal/Modal.cjs");
 const require_components_client_Modal_ModalPortal = require("./components/client/Modal/ModalPortal.cjs");
+const require_components_client_PaddleNav_UDSPaddleNavConfigProvider = require("./components/client/PaddleNav/UDSPaddleNavConfigProvider.cjs");
 const require_components_client_PaddleNav_PaddleButtonNext = require("./components/client/PaddleNav/PaddleButtonNext.cjs");
 const require_components_client_PaddleNav_PaddleButtonPrevious = require("./components/client/PaddleNav/PaddleButtonPrevious.cjs");
 const require_components_client_PaddleNav_PaddleNavContent = require("./components/client/PaddleNav/PaddleNavContent.cjs");
@@ -91,6 +97,7 @@ const require_components_client_Pagination_Pagination = require("./components/cl
 const require_components_client_Pagination_PaginationEllipsis = require("./components/client/Pagination/PaginationEllipsis.cjs");
 const require_components_client_Pagination_PaginationItem = require("./components/client/Pagination/PaginationItem.cjs");
 const require_components_client_Pagination_PaginationLink = require("./components/client/Pagination/PaginationLink.cjs");
+const require_components_client_Pagination_UDSPaginationConfigProvider = require("./components/client/Pagination/UDSPaginationConfigProvider.cjs");
 const require_components_client_Pagination_PaginationNext = require("./components/client/Pagination/PaginationNext.cjs");
 const require_components_client_Pagination_PaginationNumbers = require("./components/client/Pagination/PaginationNumbers.cjs");
 const require_components_client_Pagination_PaginationPrev = require("./components/client/Pagination/PaginationPrev.cjs");
@@ -106,6 +113,8 @@ const require_tokens_utils_spectrum = require("./tokens/utils/spectrum.cjs");
 const require_components_client_Popover_PopoverContent = require("./components/client/Popover/PopoverContent.cjs");
 const require_components_client_Popover_PopoverTrigger = require("./components/client/Popover/PopoverTrigger.cjs");
 const require_components_client_providers_UDSBreakpointsConfigProvider = require("./components/client/providers/UDSBreakpointsConfigProvider.cjs");
+const require_components_client_Select_UDSSelectItemConfigProvider = require("./components/client/Select/UDSSelectItemConfigProvider.cjs");
+const require_components_client_Tabs_UDSTabConfigProvider = require("./components/client/Tabs/UDSTabConfigProvider.cjs");
 const require_components_client_Toast_UDSToastConfigProvider = require("./components/client/Toast/UDSToastConfigProvider.cjs");
 const require_components_client_Tooltip_UDSTooltipConfigProvider = require("./components/client/Tooltip/UDSTooltipConfigProvider.cjs");
 const require_components_client_providers_UDSConfigProvider = require("./components/client/providers/UDSConfigProvider.cjs");
@@ -127,12 +136,21 @@ const require_components_client_Toast_ToastPortal = require("./components/client
 const require_components_client_Tooltip_Tooltip = require("./components/client/Tooltip/Tooltip.cjs");
 const require_components_client_Tooltip_TooltipContent = require("./components/client/Tooltip/TooltipContent.cjs");
 const require_components_client_Tooltip_TooltipTrigger = require("./components/client/Tooltip/TooltipTrigger.cjs");
+const require_runtime_avatarConfig = require("./runtime/avatarConfig.cjs");
+const require_runtime_badgeConfig = require("./runtime/badgeConfig.cjs");
 const require_runtime_bottomSheetConfig = require("./runtime/bottomSheetConfig.cjs");
 const require_runtime_breakpointsConfig = require("./runtime/breakpointsConfig.cjs");
 const require_runtime_buttonConfig = require("./runtime/buttonConfig.cjs");
+const require_runtime_chipConfig = require("./runtime/chipConfig.cjs");
 const require_runtime_iconButtonConfig = require("./runtime/iconButtonConfig.cjs");
+const require_runtime_inputConfig = require("./runtime/inputConfig.cjs");
+const require_runtime_menuItemConfig = require("./runtime/menuItemConfig.cjs");
 const require_runtime_modalConfig = require("./runtime/modalConfig.cjs");
+const require_runtime_paddleNavConfig = require("./runtime/paddleNavConfig.cjs");
+const require_runtime_paginationConfig = require("./runtime/paginationConfig.cjs");
 const require_runtime_popoverConfig = require("./runtime/popoverConfig.cjs");
+const require_runtime_selectItemConfig = require("./runtime/selectItemConfig.cjs");
+const require_runtime_tabConfig = require("./runtime/tabConfig.cjs");
 const require_runtime_toastConfig = require("./runtime/toastConfig.cjs");
 const require_runtime_tooltipConfig = require("./runtime/tooltipConfig.cjs");
 const require_runtime_udsConfig = require("./runtime/udsConfig.cjs");
@@ -203,6 +221,8 @@ exports.FONT_WEIGHT_PREFIX = require_index$1.FONT_WEIGHT_PREFIX;
 exports.FONT_WIDTH_PREFIX = require_index$1.FONT_WIDTH_PREFIX;
 exports.FormLabel = require_components_FormLabel.FormLabel;
 exports.HStack = require_components_HStack.HStack;
+exports.ICON_COLOR_OVERRIDE_ATTRIBUTE = require_index$1.ICON_COLOR_OVERRIDE_ATTRIBUTE;
+exports.ICON_SIZE_OVERRIDE_ATTRIBUTE = require_index$1.ICON_SIZE_OVERRIDE_ATTRIBUTE;
 exports.ICON_SIZE_PREFIX = require_index$1.ICON_SIZE_PREFIX;
 exports.INSET_SHADOW_PREFIX = require_index$1.INSET_SHADOW_PREFIX;
 exports.INTERACTIVE_ATOMICS = require_StateAxis.INTERACTIVE_ATOMICS;
@@ -297,12 +317,21 @@ exports.Tooltip = require_components_client_Tooltip_Tooltip.Tooltip;
 exports.TooltipConfig = require_generatedConfigs.TooltipConfig;
 exports.TooltipContent = require_components_client_Tooltip_TooltipContent.TooltipContent;
 exports.TooltipTrigger = require_components_client_Tooltip_TooltipTrigger.TooltipTrigger;
+exports.UDSAvatarConfigProvider = require_components_client_Avatar_UDSAvatarConfigProvider.UDSAvatarConfigProvider;
+exports.UDSBadgeConfigProvider = require_components_client_UDSBadgeConfigProvider.UDSBadgeConfigProvider;
 exports.UDSBreakpointsConfigProvider = require_components_client_providers_UDSBreakpointsConfigProvider.UDSBreakpointsConfigProvider;
 exports.UDSButtonConfigProvider = require_components_client_Button_UDSButtonConfigProvider.UDSButtonConfigProvider;
+exports.UDSChipConfigProvider = require_components_client_Chip_UDSChipConfigProvider.UDSChipConfigProvider;
 exports.UDSConfigProvider = require_components_client_providers_UDSConfigProvider.UDSConfigProvider;
 exports.UDSIconButtonConfigProvider = require_components_client_IconButton_UDSIconButtonConfigProvider.UDSIconButtonConfigProvider;
+exports.UDSInputConfigProvider = require_components_client_Input_UDSInputConfigProvider.UDSInputConfigProvider;
+exports.UDSMenuItemConfigProvider = require_components_client_Menu_UDSMenuItemConfigProvider.UDSMenuItemConfigProvider;
 exports.UDSModalConfigProvider = require_components_client_Modal_UDSModalConfigProvider.UDSModalConfigProvider;
+exports.UDSPaddleNavConfigProvider = require_components_client_PaddleNav_UDSPaddleNavConfigProvider.UDSPaddleNavConfigProvider;
+exports.UDSPaginationConfigProvider = require_components_client_Pagination_UDSPaginationConfigProvider.UDSPaginationConfigProvider;
 exports.UDSPopoverConfigProvider = require_components_client_Popover_UDSPopoverConfigProvider.UDSPopoverConfigProvider;
+exports.UDSSelectItemConfigProvider = require_components_client_Select_UDSSelectItemConfigProvider.UDSSelectItemConfigProvider;
+exports.UDSTabConfigProvider = require_components_client_Tabs_UDSTabConfigProvider.UDSTabConfigProvider;
 exports.UDSToastConfigProvider = require_components_client_Toast_UDSToastConfigProvider.UDSToastConfigProvider;
 exports.UDSTooltipConfigProvider = require_components_client_Tooltip_UDSTooltipConfigProvider.UDSTooltipConfigProvider;
 exports.UDS_PREFIX = require_index$1.UDS_PREFIX;
@@ -319,12 +348,21 @@ exports.buildConfigSchema = require_buildConfigSchema.buildConfigSchema;
 exports.canonicalizeStateKey = require_canonicalizeStateKey.canonicalizeStateKey;
 exports.cartesianProduct = require_cartesianProduct.cartesianProduct;
 exports.coalesceConfigVariant = require_coalesceConfigVariant.coalesceConfigVariant;
+exports.configToAvatarConfigContext = require_runtime_avatarConfig.configToAvatarConfigContext;
+exports.configToBadgeConfigContext = require_runtime_badgeConfig.configToBadgeConfigContext;
 exports.configToBottomSheetConfigContext = require_runtime_bottomSheetConfig.configToBottomSheetConfigContext;
 exports.configToBreakpointsConfigContext = require_runtime_breakpointsConfig.configToBreakpointsConfigContext;
 exports.configToButtonConfigContext = require_runtime_buttonConfig.configToButtonConfigContext;
+exports.configToChipConfigContext = require_runtime_chipConfig.configToChipConfigContext;
 exports.configToIconButtonConfigContext = require_runtime_iconButtonConfig.configToIconButtonConfigContext;
+exports.configToInputConfigContext = require_runtime_inputConfig.configToInputConfigContext;
+exports.configToMenuItemConfigContext = require_runtime_menuItemConfig.configToMenuItemConfigContext;
 exports.configToModalConfigContext = require_runtime_modalConfig.configToModalConfigContext;
+exports.configToPaddleNavConfigContext = require_runtime_paddleNavConfig.configToPaddleNavConfigContext;
+exports.configToPaginationConfigContext = require_runtime_paginationConfig.configToPaginationConfigContext;
 exports.configToPopoverConfigContext = require_runtime_popoverConfig.configToPopoverConfigContext;
+exports.configToSelectItemConfigContext = require_runtime_selectItemConfig.configToSelectItemConfigContext;
+exports.configToTabConfigContext = require_runtime_tabConfig.configToTabConfigContext;
 exports.configToToastConfigContext = require_runtime_toastConfig.configToToastConfigContext;
 exports.configToTooltipConfigContext = require_runtime_tooltipConfig.configToTooltipConfigContext;
 exports.configToUDSConfigContext = require_runtime_udsConfig.configToUDSConfigContext;
@@ -407,10 +445,19 @@ exports.syncPaginationWidthVarForSize = require_getPaginationControlWidthPx.sync
 exports.textVariantsSafe = require_index$1.textVariantsSafe;
 exports.toRgbChannel = require_tokens_utils_spectrum.toRgbChannel;
 exports.toSpectrumValueEntry = require_tokens_utils_spectrum.toSpectrumValueEntry;
+exports.useAvatarConfig = require_components_client_Avatar_UDSAvatarConfigProvider.useAvatarConfig;
+exports.useBadgeConfig = require_components_client_UDSBadgeConfigProvider.useBadgeConfig;
 exports.useBottomSheetStore = require_components_client_BottomSheet_useBottomSheetStore.useBottomSheetStore;
 exports.useBreakpointsConfig = require_components_client_providers_UDSBreakpointsConfigProvider.useBreakpointsConfig;
 exports.useButtonConfig = require_components_client_Button_UDSButtonConfigProvider.useButtonConfig;
+exports.useChipConfig = require_components_client_Chip_UDSChipConfigProvider.useChipConfig;
 exports.useIconButtonConfig = require_components_client_IconButton_UDSIconButtonConfigProvider.useIconButtonConfig;
+exports.useInputConfig = require_components_client_Input_UDSInputConfigProvider.useInputConfig;
+exports.useMenuItemConfig = require_components_client_Menu_UDSMenuItemConfigProvider.useMenuItemConfig;
 exports.useModalConfig = require_components_client_Modal_UDSModalConfigProvider.useModalConfig;
+exports.usePaddleNavConfig = require_components_client_PaddleNav_UDSPaddleNavConfigProvider.usePaddleNavConfig;
+exports.usePaginationConfig = require_components_client_Pagination_UDSPaginationConfigProvider.usePaginationConfig;
+exports.useSelectItemConfig = require_components_client_Select_UDSSelectItemConfigProvider.useSelectItemConfig;
+exports.useTabConfig = require_components_client_Tabs_UDSTabConfigProvider.useTabConfig;
 exports.useToastConfig = require_components_client_Toast_UDSToastConfigProvider.useToastConfig;
 exports.variants = require_styles_variants.variants;