@yahoo/uds 3.157.0 → 3.158.0

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

@@ -14809,12 +14809,12 @@ const defaultTokensConfig = {
 		variables: {
 			"size/lg/icon": { size: { rest: {
 				type: "iconSizes",
-				value: "md",
+				value: "sm",
 				valueType: "alias"
 			} } },
 			"size/lg/root": { spacing: { rest: {
 				type: "spacingAliases",
-				value: "3.5",
+				value: "4.5",
 				valueType: "alias"
 			} } },
 			"size/md/icon": { size: { rest: {
@@ -14854,7 +14854,7 @@ const defaultTokensConfig = {
 			} } },
 			"size/xs/root": { spacing: { rest: {
 				type: "spacingAliases",
-				value: "2",
+				value: "1.5",
 				valueType: "alias"
 			} } }
 		}
@@ -16273,42 +16273,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",
@@ -16343,42 +16324,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",
@@ -16559,6 +16521,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",
@@ -18681,6 +18648,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": [{
@@ -28899,8 +29209,8 @@ const defaultTokensConfig = {
 			}
 		}
 	},
-	version: "v0.98.0",
-	version: "v0.98.0"
+	version: "v0.100.0",
+	version: "v0.100.0"
 };
 //#endregion
 export { defaultTokensConfig };

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

@@ -50,6 +50,7 @@ const TEXT_RESPONSIVE_BREAKPOINT_CLASSNAMES = {
 	"2xl": "uds-text-2xl"
 };
 const BUTTON_GAP_VAR = `--uds-button-gap`;
+const BUTTON_CONTROL_HEIGHT_VAR = `--uds-button-control-height`;
 const BUTTON_SCALE_EFFECT = `--uds-button-scale-effect`;
 const BUTTON_SCALE_EFFECT_REST = `${BUTTON_SCALE_EFFECT}-rest`;
 const BUTTON_SCALE_EFFECT_HOVER = `${BUTTON_SCALE_EFFECT}-hover`;
@@ -131,6 +132,7 @@ exports.BACKGROUND_BLUR_RADIUS_PREFIX = BACKGROUND_BLUR_RADIUS_PREFIX;
 exports.BACKGROUND_COLOR_PREFIX = BACKGROUND_COLOR_PREFIX;
 exports.BORDER_RADIUS_PREFIX = BORDER_RADIUS_PREFIX;
 exports.BORDER_WIDTH_PREFIX = BORDER_WIDTH_PREFIX;
+exports.BUTTON_CONTROL_HEIGHT_VAR = BUTTON_CONTROL_HEIGHT_VAR;
 exports.BUTTON_GAP_VAR = BUTTON_GAP_VAR;
 exports.BUTTON_SCALE_EFFECT = BUTTON_SCALE_EFFECT;
 exports.BUTTON_SCALE_EFFECT_HOVER = BUTTON_SCALE_EFFECT_HOVER;

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

@@ -42,6 +42,7 @@ 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>;
 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";
 declare const BUTTON_SCALE_EFFECT_REST = "--uds-button-scale-effect-rest";
 declare const BUTTON_SCALE_EFFECT_HOVER = "--uds-button-scale-effect-hover";
@@ -94,4 +95,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_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_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

@@ -42,6 +42,7 @@ 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>;
 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";
 declare const BUTTON_SCALE_EFFECT_REST = "--uds-button-scale-effect-rest";
 declare const BUTTON_SCALE_EFFECT_HOVER = "--uds-button-scale-effect-hover";
@@ -94,4 +95,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_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_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

@@ -50,6 +50,7 @@ const TEXT_RESPONSIVE_BREAKPOINT_CLASSNAMES = {
 	"2xl": "uds-text-2xl"
 };
 const BUTTON_GAP_VAR = `--uds-button-gap`;
+const BUTTON_CONTROL_HEIGHT_VAR = `--uds-button-control-height`;
 const BUTTON_SCALE_EFFECT = `--uds-button-scale-effect`;
 const BUTTON_SCALE_EFFECT_REST = `${BUTTON_SCALE_EFFECT}-rest`;
 const BUTTON_SCALE_EFFECT_HOVER = `${BUTTON_SCALE_EFFECT}-hover`;
@@ -124,4 +125,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_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_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 };