@yahoo/uds 3.169.0 → 3.170.0

package/dist/automated-config/dist/generated/autoVariantTemplates.cjs

@@ -0,0 +1,218 @@
+/*! © 2026 Yahoo, Inc. UDS v0.0.0-development */
+//#region ../automated-config/dist/generated/autoVariantTemplates.js
+/*! © 2026 Yahoo, Inc. UDS Default Config v0.0.0-development */
+/**
+* Class-name templates for the auto-generated component variants. `%v` is
+* replaced with the normalized variant value at runtime. Templates exist so
+* the client bundle does not need the enumerated `autoVariants` map;
+* `autoVariants` remains the source of truth for build-time tooling (CSS
+* generation, purging).
+*/
+const autoVariantTemplates = {
+	avatarIconVariantRoot: "uds-avatar-icon-variant-%v-root",
+	avatarImageVariantRoot: "uds-avatar-image-variant-%v-root",
+	avatarSizeIcon: "uds-avatar-size-%v-icon",
+	avatarSizeRoot: "uds-avatar-size-%v-root",
+	avatarTextVariantRoot: "uds-avatar-text-variant-%v-root",
+	badgeSizeIcon: "uds-badge-size-%v-icon",
+	badgeSizeRoot: "uds-badge-size-%v-root",
+	badgeVariantIcon: "uds-badge-variant-%v-icon",
+	badgeVariantRoot: "uds-badge-variant-%v-root",
+	bannerSizeClose: "uds-banner-size-%v-close",
+	bannerSizeDescription: "uds-banner-size-%v-description",
+	bannerSizeIcon: "uds-banner-size-%v-icon",
+	bannerSizeRoot: "uds-banner-size-%v-root",
+	bannerSizeTitle: "uds-banner-size-%v-title",
+	bannerVariantDescription: "uds-banner-variant-%v-description",
+	bannerVariantIcon: "uds-banner-variant-%v-icon",
+	bannerVariantRoot: "uds-banner-variant-%v-root",
+	bannerVariantTitle: "uds-banner-variant-%v-title",
+	bottomsheetVariantHandleIndicator: "uds-bottomsheet-variant-%v-handleindicator",
+	bottomsheetVariantHeader: "uds-bottomsheet-variant-%v-header",
+	bottomsheetVariantRoot: "uds-bottomsheet-variant-%v-root",
+	buttonSizeIcon: "uds-button-size-%v-icon",
+	buttonSizeRoot: "uds-button-size-%v-root",
+	buttonVariantIcon: "uds-button-variant-%v-icon",
+	buttonVariantRoot: "uds-button-variant-%v-root",
+	checkboxSizeCheckbox: "uds-checkbox-size-%v-checkbox",
+	checkboxSizeRoot: "uds-checkbox-size-%v-root",
+	checkboxVariantCheckbox: "uds-checkbox-variant-%v-checkbox",
+	checkboxVariantCheckboxIcon: "uds-checkbox-variant-%v-checkboxicon",
+	checkboxVariantRoot: "uds-checkbox-variant-%v-root",
+	checkboxVariantValueCheckbox: "uds-checkbox-variant-value-%v-checkbox",
+	checkboxVariantValueCheckboxIcon: "uds-checkbox-variant-value-%v-checkboxicon",
+	checkboxVariantValueRoot: "uds-checkbox-variant-value-%v-root",
+	chipDismissibleVariantIcon: "uds-chip-dismissible-variant-%v-icon",
+	chipDismissibleVariantRoot: "uds-chip-dismissible-variant-%v-root",
+	chipLinkVariantIcon: "uds-chip-link-variant-%v-icon",
+	chipLinkVariantRoot: "uds-chip-link-variant-%v-root",
+	chipSizeIcon: "uds-chip-size-%v-icon",
+	chipSizeRoot: "uds-chip-size-%v-root",
+	chipToggleVariantActiveIcon: "uds-chip-toggle-variant-active-%v-icon",
+	chipToggleVariantActiveRoot: "uds-chip-toggle-variant-active-%v-root",
+	chipToggleVariantIcon: "uds-chip-toggle-variant-%v-icon",
+	chipToggleVariantRoot: "uds-chip-toggle-variant-%v-root",
+	dividerVariantLabel: "uds-divider-variant-%v-label",
+	dividerVariantLine: "uds-divider-variant-%v-line",
+	dividerVariantRoot: "uds-divider-variant-%v-root",
+	iconbuttonSizeIcon: "uds-iconbutton-size-%v-icon",
+	iconbuttonSizeRoot: "uds-iconbutton-size-%v-root",
+	inputSizeEndIcon: "uds-input-size-%v-endicon",
+	inputSizeHelperIcon: "uds-input-size-%v-helpericon",
+	inputSizeHelperText: "uds-input-size-%v-helpertext",
+	inputSizeInput: "uds-input-size-%v-input",
+	inputSizeInputWrapperDynamic: "uds-input-size-%v-inputwrapperdynamic",
+	inputSizeInputWrapperStatic: "uds-input-size-%v-inputwrapperstatic",
+	inputSizeLabel: "uds-input-size-%v-label",
+	inputSizeRoot: "uds-input-size-%v-root",
+	inputSizeStartIcon: "uds-input-size-%v-starticon",
+	inputVariantEndIcon: "uds-input-variant-%v-endicon",
+	inputVariantHelperIcon: "uds-input-variant-%v-helpericon",
+	inputVariantHelperText: "uds-input-variant-%v-helpertext",
+	inputVariantInput: "uds-input-variant-%v-input",
+	inputVariantInputPlaceholder: "uds-input-variant-%v-inputplaceholder",
+	inputVariantInputWrapper: "uds-input-variant-%v-inputwrapper",
+	inputVariantLabel: "uds-input-variant-%v-label",
+	inputVariantLabelRequired: "uds-input-variant-%v-labelrequired",
+	inputVariantRoot: "uds-input-variant-%v-root",
+	inputVariantStartIcon: "uds-input-variant-%v-starticon",
+	inputVariantValueEndIcon: "uds-input-variant-value-%v-endicon",
+	inputVariantValueHelperIcon: "uds-input-variant-value-%v-helpericon",
+	inputVariantValueHelperText: "uds-input-variant-value-%v-helpertext",
+	inputVariantValueInput: "uds-input-variant-value-%v-input",
+	inputVariantValueInputPlaceholder: "uds-input-variant-value-%v-inputplaceholder",
+	inputVariantValueInputWrapper: "uds-input-variant-value-%v-inputwrapper",
+	inputVariantValueLabel: "uds-input-variant-value-%v-label",
+	inputVariantValueLabelRequired: "uds-input-variant-value-%v-labelrequired",
+	inputVariantValueRoot: "uds-input-variant-value-%v-root",
+	inputVariantValueStartIcon: "uds-input-variant-value-%v-starticon",
+	linkTextStyleIcon: "uds-link-textstyle-%v-icon",
+	linkTextStyleRoot: "uds-link-textstyle-%v-root",
+	linkVariantIconEnd: "uds-link-variant-%v-iconend",
+	linkVariantIconStart: "uds-link-variant-%v-iconstart",
+	linkVariantRoot: "uds-link-variant-%v-root",
+	menucontentSizeRoot: "uds-menucontent-size-%v-root",
+	menucontentVariantRoot: "uds-menucontent-variant-%v-root",
+	menuitemDividerVariantLine: "uds-menuitem-divider-variant-%v-line",
+	menuitemDividerVariantRoot: "uds-menuitem-divider-variant-%v-root",
+	menuitemDividerVariantText: "uds-menuitem-divider-variant-%v-text",
+	menuitemItemCheckboxVariantActiveEndIcon: "uds-menuitem-itemcheckbox-variant-active-%v-endicon",
+	menuitemItemCheckboxVariantActiveRoot: "uds-menuitem-itemcheckbox-variant-active-%v-root",
+	menuitemItemCheckboxVariantActiveStartIcon: "uds-menuitem-itemcheckbox-variant-active-%v-starticon",
+	menuitemItemCheckboxVariantActiveText: "uds-menuitem-itemcheckbox-variant-active-%v-text",
+	menuitemItemCheckboxVariantEndIcon: "uds-menuitem-itemcheckbox-variant-%v-endicon",
+	menuitemItemCheckboxVariantRoot: "uds-menuitem-itemcheckbox-variant-%v-root",
+	menuitemItemCheckboxVariantStartIcon: "uds-menuitem-itemcheckbox-variant-%v-starticon",
+	menuitemItemCheckboxVariantText: "uds-menuitem-itemcheckbox-variant-%v-text",
+	menuitemItemVariantActiveIcon: "uds-menuitem-item-variant-active-%v-icon",
+	menuitemItemVariantActiveRoot: "uds-menuitem-item-variant-active-%v-root",
+	menuitemItemVariantActiveText: "uds-menuitem-item-variant-active-%v-text",
+	menuitemItemVariantIcon: "uds-menuitem-item-variant-%v-icon",
+	menuitemItemVariantRoot: "uds-menuitem-item-variant-%v-root",
+	menuitemItemVariantText: "uds-menuitem-item-variant-%v-text",
+	menuitemSizeEndIcon: "uds-menuitem-size-%v-endicon",
+	menuitemSizeRoot: "uds-menuitem-size-%v-root",
+	menuitemSizeStartIcon: "uds-menuitem-size-%v-starticon",
+	menuitemSizeText: "uds-menuitem-size-%v-text",
+	modalSizeActions: "uds-modal-size-%v-actions",
+	modalSizeCloseIcon: "uds-modal-size-%v-closeicon",
+	modalSizeCloseIconContainer: "uds-modal-size-%v-closeiconcontainer",
+	modalSizeDescription: "uds-modal-size-%v-description",
+	modalSizeHeader: "uds-modal-size-%v-header",
+	modalSizeRoot: "uds-modal-size-%v-root",
+	modalSizeScrim: "uds-modal-size-%v-scrim",
+	modalSizeSpacingHorizontal: "uds-modal-size-%v-spacinghorizontal",
+	modalSizeTitle: "uds-modal-size-%v-title",
+	modalSizeTitleDescriptionWrapper: "uds-modal-size-%v-titledescriptionwrapper",
+	modalVariantCloseIcon: "uds-modal-variant-%v-closeicon",
+	modalVariantDescription: "uds-modal-variant-%v-description",
+	modalVariantRoot: "uds-modal-variant-%v-root",
+	modalVariantTitle: "uds-modal-variant-%v-title",
+	paddlenavSizeIcon: "uds-paddlenav-size-%v-icon",
+	paddlenavSizeRoot: "uds-paddlenav-size-%v-root",
+	paddlenavVariantBackground: "uds-paddlenav-variant-%v-background",
+	paddlenavVariantIcon: "uds-paddlenav-variant-%v-icon",
+	paddlenavVariantRoot: "uds-paddlenav-variant-%v-root",
+	paginationSizeIcon: "uds-pagination-size-%v-icon",
+	paginationSizeItem: "uds-pagination-size-%v-item",
+	paginationSizeRoot: "uds-pagination-size-%v-root",
+	paginationSizeText: "uds-pagination-size-%v-text",
+	paginationVariantActiveRoot: "uds-pagination-variant-active-%v-root",
+	paginationVariantRoot: "uds-pagination-variant-%v-root",
+	popoverSizeCloseIcon: "uds-popover-size-%v-closeicon",
+	popoverSizeCloseIconContainer: "uds-popover-size-%v-closeiconcontainer",
+	popoverSizeContentWrapper: "uds-popover-size-%v-contentwrapper",
+	popoverSizeRoot: "uds-popover-size-%v-root",
+	popoverSizeSvgBase: "uds-popover-size-%v-svgbase",
+	popoverSizeSvgBorder: "uds-popover-size-%v-svgborder",
+	popoverVariantBlur: "uds-popover-variant-%v-blur",
+	popoverVariantCloseIcon: "uds-popover-variant-%v-closeicon",
+	popoverVariantRoot: "uds-popover-variant-%v-root",
+	popoverVariantSvgBase: "uds-popover-variant-%v-svgbase",
+	popoverVariantSvgBorder: "uds-popover-variant-%v-svgborder",
+	radioSizeRadio: "uds-radio-size-%v-radio",
+	radioSizeRoot: "uds-radio-size-%v-root",
+	radioVariantRadio: "uds-radio-variant-%v-radio",
+	radioVariantRadioCircle: "uds-radio-variant-%v-radiocircle",
+	radioVariantRoot: "uds-radio-variant-%v-root",
+	radioVariantValueRadio: "uds-radio-variant-value-%v-radio",
+	radioVariantValueRadioCircle: "uds-radio-variant-value-%v-radiocircle",
+	radioVariantValueRoot: "uds-radio-variant-value-%v-root",
+	scrimVariantRoot: "uds-scrim-variant-%v-root",
+	selectVariantRoot: "uds-select-variant-%v-root",
+	selectcontentSizeRoot: "uds-selectcontent-size-%v-root",
+	selectcontentVariantRoot: "uds-selectcontent-variant-%v-root",
+	selectitemDividerVariantLine: "uds-selectitem-divider-variant-%v-line",
+	selectitemDividerVariantRoot: "uds-selectitem-divider-variant-%v-root",
+	selectitemDividerVariantText: "uds-selectitem-divider-variant-%v-text",
+	selectitemItemVariantActiveIcon: "uds-selectitem-item-variant-active-%v-icon",
+	selectitemItemVariantActiveRoot: "uds-selectitem-item-variant-active-%v-root",
+	selectitemItemVariantActiveText: "uds-selectitem-item-variant-active-%v-text",
+	selectitemItemVariantIcon: "uds-selectitem-item-variant-%v-icon",
+	selectitemItemVariantRoot: "uds-selectitem-item-variant-%v-root",
+	selectitemItemVariantText: "uds-selectitem-item-variant-%v-text",
+	selectitemSizeEndIcon: "uds-selectitem-size-%v-endicon",
+	selectitemSizeRoot: "uds-selectitem-size-%v-root",
+	selectitemSizeStartIcon: "uds-selectitem-size-%v-starticon",
+	selectitemSizeText: "uds-selectitem-size-%v-text",
+	switchSizeHandle: "uds-switch-size-%v-handle",
+	switchSizeHandleIcon: "uds-switch-size-%v-handleicon",
+	switchSizeRoot: "uds-switch-size-%v-root",
+	switchSizeSwitch: "uds-switch-size-%v-switch",
+	switchVariantActiveHandle: "uds-switch-variant-active-%v-handle",
+	switchVariantActiveHandleIcon: "uds-switch-variant-active-%v-handleicon",
+	switchVariantActiveRoot: "uds-switch-variant-active-%v-root",
+	switchVariantActiveSwitch: "uds-switch-variant-active-%v-switch",
+	switchVariantHandle: "uds-switch-variant-%v-handle",
+	switchVariantHandleIcon: "uds-switch-variant-%v-handleicon",
+	switchVariantRoot: "uds-switch-variant-%v-root",
+	switchVariantSwitch: "uds-switch-variant-%v-switch",
+	tabSizeIcon: "uds-tab-size-%v-icon",
+	tabSizeRoot: "uds-tab-size-%v-root",
+	tabVariantActiveIcon: "uds-tab-variant-active-%v-icon",
+	tabVariantActiveRoot: "uds-tab-variant-active-%v-root",
+	tabVariantIcon: "uds-tab-variant-%v-icon",
+	tabVariantRoot: "uds-tab-variant-%v-root",
+	tabsVariantRoot: "uds-tabs-variant-%v-root",
+	toastSizeActionButton: "uds-toast-size-%v-actionbutton",
+	toastSizeCloseIcon: "uds-toast-size-%v-closeicon",
+	toastSizeIcon: "uds-toast-size-%v-icon",
+	toastSizeLabel: "uds-toast-size-%v-label",
+	toastSizeRoot: "uds-toast-size-%v-root",
+	toastVariantActionButton: "uds-toast-variant-%v-actionbutton",
+	toastVariantCloseIcon: "uds-toast-variant-%v-closeicon",
+	toastVariantIcon: "uds-toast-variant-%v-icon",
+	toastVariantRoot: "uds-toast-variant-%v-root",
+	tooltipSizeBody: "uds-tooltip-size-%v-body",
+	tooltipSizeEndContent: "uds-tooltip-size-%v-endcontent",
+	tooltipSizeIcon: "uds-tooltip-size-%v-icon",
+	tooltipSizeRoot: "uds-tooltip-size-%v-root",
+	tooltipSizeSvg: "uds-tooltip-size-%v-svg",
+	tooltipSizeTitle: "uds-tooltip-size-%v-title",
+	tooltipVariantBlur: "uds-tooltip-variant-%v-blur",
+	tooltipVariantIcon: "uds-tooltip-variant-%v-icon",
+	tooltipVariantRoot: "uds-tooltip-variant-%v-root",
+	tooltipVariantSvg: "uds-tooltip-variant-%v-svg"
+};
+//#endregion
+exports.autoVariantTemplates = autoVariantTemplates;

package/dist/automated-config/dist/generated/autoVariantTemplates.js

@@ -0,0 +1,218 @@
+/*! © 2026 Yahoo, Inc. UDS v0.0.0-development */
+//#region ../automated-config/dist/generated/autoVariantTemplates.js
+/*! © 2026 Yahoo, Inc. UDS Default Config v0.0.0-development */
+/**
+* Class-name templates for the auto-generated component variants. `%v` is
+* replaced with the normalized variant value at runtime. Templates exist so
+* the client bundle does not need the enumerated `autoVariants` map;
+* `autoVariants` remains the source of truth for build-time tooling (CSS
+* generation, purging).
+*/
+const autoVariantTemplates = {
+	avatarIconVariantRoot: "uds-avatar-icon-variant-%v-root",
+	avatarImageVariantRoot: "uds-avatar-image-variant-%v-root",
+	avatarSizeIcon: "uds-avatar-size-%v-icon",
+	avatarSizeRoot: "uds-avatar-size-%v-root",
+	avatarTextVariantRoot: "uds-avatar-text-variant-%v-root",
+	badgeSizeIcon: "uds-badge-size-%v-icon",
+	badgeSizeRoot: "uds-badge-size-%v-root",
+	badgeVariantIcon: "uds-badge-variant-%v-icon",
+	badgeVariantRoot: "uds-badge-variant-%v-root",
+	bannerSizeClose: "uds-banner-size-%v-close",
+	bannerSizeDescription: "uds-banner-size-%v-description",
+	bannerSizeIcon: "uds-banner-size-%v-icon",
+	bannerSizeRoot: "uds-banner-size-%v-root",
+	bannerSizeTitle: "uds-banner-size-%v-title",
+	bannerVariantDescription: "uds-banner-variant-%v-description",
+	bannerVariantIcon: "uds-banner-variant-%v-icon",
+	bannerVariantRoot: "uds-banner-variant-%v-root",
+	bannerVariantTitle: "uds-banner-variant-%v-title",
+	bottomsheetVariantHandleIndicator: "uds-bottomsheet-variant-%v-handleindicator",
+	bottomsheetVariantHeader: "uds-bottomsheet-variant-%v-header",
+	bottomsheetVariantRoot: "uds-bottomsheet-variant-%v-root",
+	buttonSizeIcon: "uds-button-size-%v-icon",
+	buttonSizeRoot: "uds-button-size-%v-root",
+	buttonVariantIcon: "uds-button-variant-%v-icon",
+	buttonVariantRoot: "uds-button-variant-%v-root",
+	checkboxSizeCheckbox: "uds-checkbox-size-%v-checkbox",
+	checkboxSizeRoot: "uds-checkbox-size-%v-root",
+	checkboxVariantCheckbox: "uds-checkbox-variant-%v-checkbox",
+	checkboxVariantCheckboxIcon: "uds-checkbox-variant-%v-checkboxicon",
+	checkboxVariantRoot: "uds-checkbox-variant-%v-root",
+	checkboxVariantValueCheckbox: "uds-checkbox-variant-value-%v-checkbox",
+	checkboxVariantValueCheckboxIcon: "uds-checkbox-variant-value-%v-checkboxicon",
+	checkboxVariantValueRoot: "uds-checkbox-variant-value-%v-root",
+	chipDismissibleVariantIcon: "uds-chip-dismissible-variant-%v-icon",
+	chipDismissibleVariantRoot: "uds-chip-dismissible-variant-%v-root",
+	chipLinkVariantIcon: "uds-chip-link-variant-%v-icon",
+	chipLinkVariantRoot: "uds-chip-link-variant-%v-root",
+	chipSizeIcon: "uds-chip-size-%v-icon",
+	chipSizeRoot: "uds-chip-size-%v-root",
+	chipToggleVariantActiveIcon: "uds-chip-toggle-variant-active-%v-icon",
+	chipToggleVariantActiveRoot: "uds-chip-toggle-variant-active-%v-root",
+	chipToggleVariantIcon: "uds-chip-toggle-variant-%v-icon",
+	chipToggleVariantRoot: "uds-chip-toggle-variant-%v-root",
+	dividerVariantLabel: "uds-divider-variant-%v-label",
+	dividerVariantLine: "uds-divider-variant-%v-line",
+	dividerVariantRoot: "uds-divider-variant-%v-root",
+	iconbuttonSizeIcon: "uds-iconbutton-size-%v-icon",
+	iconbuttonSizeRoot: "uds-iconbutton-size-%v-root",
+	inputSizeEndIcon: "uds-input-size-%v-endicon",
+	inputSizeHelperIcon: "uds-input-size-%v-helpericon",
+	inputSizeHelperText: "uds-input-size-%v-helpertext",
+	inputSizeInput: "uds-input-size-%v-input",
+	inputSizeInputWrapperDynamic: "uds-input-size-%v-inputwrapperdynamic",
+	inputSizeInputWrapperStatic: "uds-input-size-%v-inputwrapperstatic",
+	inputSizeLabel: "uds-input-size-%v-label",
+	inputSizeRoot: "uds-input-size-%v-root",
+	inputSizeStartIcon: "uds-input-size-%v-starticon",
+	inputVariantEndIcon: "uds-input-variant-%v-endicon",
+	inputVariantHelperIcon: "uds-input-variant-%v-helpericon",
+	inputVariantHelperText: "uds-input-variant-%v-helpertext",
+	inputVariantInput: "uds-input-variant-%v-input",
+	inputVariantInputPlaceholder: "uds-input-variant-%v-inputplaceholder",
+	inputVariantInputWrapper: "uds-input-variant-%v-inputwrapper",
+	inputVariantLabel: "uds-input-variant-%v-label",
+	inputVariantLabelRequired: "uds-input-variant-%v-labelrequired",
+	inputVariantRoot: "uds-input-variant-%v-root",
+	inputVariantStartIcon: "uds-input-variant-%v-starticon",
+	inputVariantValueEndIcon: "uds-input-variant-value-%v-endicon",
+	inputVariantValueHelperIcon: "uds-input-variant-value-%v-helpericon",
+	inputVariantValueHelperText: "uds-input-variant-value-%v-helpertext",
+	inputVariantValueInput: "uds-input-variant-value-%v-input",
+	inputVariantValueInputPlaceholder: "uds-input-variant-value-%v-inputplaceholder",
+	inputVariantValueInputWrapper: "uds-input-variant-value-%v-inputwrapper",
+	inputVariantValueLabel: "uds-input-variant-value-%v-label",
+	inputVariantValueLabelRequired: "uds-input-variant-value-%v-labelrequired",
+	inputVariantValueRoot: "uds-input-variant-value-%v-root",
+	inputVariantValueStartIcon: "uds-input-variant-value-%v-starticon",
+	linkTextStyleIcon: "uds-link-textstyle-%v-icon",
+	linkTextStyleRoot: "uds-link-textstyle-%v-root",
+	linkVariantIconEnd: "uds-link-variant-%v-iconend",
+	linkVariantIconStart: "uds-link-variant-%v-iconstart",
+	linkVariantRoot: "uds-link-variant-%v-root",
+	menucontentSizeRoot: "uds-menucontent-size-%v-root",
+	menucontentVariantRoot: "uds-menucontent-variant-%v-root",
+	menuitemDividerVariantLine: "uds-menuitem-divider-variant-%v-line",
+	menuitemDividerVariantRoot: "uds-menuitem-divider-variant-%v-root",
+	menuitemDividerVariantText: "uds-menuitem-divider-variant-%v-text",
+	menuitemItemCheckboxVariantActiveEndIcon: "uds-menuitem-itemcheckbox-variant-active-%v-endicon",
+	menuitemItemCheckboxVariantActiveRoot: "uds-menuitem-itemcheckbox-variant-active-%v-root",
+	menuitemItemCheckboxVariantActiveStartIcon: "uds-menuitem-itemcheckbox-variant-active-%v-starticon",
+	menuitemItemCheckboxVariantActiveText: "uds-menuitem-itemcheckbox-variant-active-%v-text",
+	menuitemItemCheckboxVariantEndIcon: "uds-menuitem-itemcheckbox-variant-%v-endicon",
+	menuitemItemCheckboxVariantRoot: "uds-menuitem-itemcheckbox-variant-%v-root",
+	menuitemItemCheckboxVariantStartIcon: "uds-menuitem-itemcheckbox-variant-%v-starticon",
+	menuitemItemCheckboxVariantText: "uds-menuitem-itemcheckbox-variant-%v-text",
+	menuitemItemVariantActiveIcon: "uds-menuitem-item-variant-active-%v-icon",
+	menuitemItemVariantActiveRoot: "uds-menuitem-item-variant-active-%v-root",
+	menuitemItemVariantActiveText: "uds-menuitem-item-variant-active-%v-text",
+	menuitemItemVariantIcon: "uds-menuitem-item-variant-%v-icon",
+	menuitemItemVariantRoot: "uds-menuitem-item-variant-%v-root",
+	menuitemItemVariantText: "uds-menuitem-item-variant-%v-text",
+	menuitemSizeEndIcon: "uds-menuitem-size-%v-endicon",
+	menuitemSizeRoot: "uds-menuitem-size-%v-root",
+	menuitemSizeStartIcon: "uds-menuitem-size-%v-starticon",
+	menuitemSizeText: "uds-menuitem-size-%v-text",
+	modalSizeActions: "uds-modal-size-%v-actions",
+	modalSizeCloseIcon: "uds-modal-size-%v-closeicon",
+	modalSizeCloseIconContainer: "uds-modal-size-%v-closeiconcontainer",
+	modalSizeDescription: "uds-modal-size-%v-description",
+	modalSizeHeader: "uds-modal-size-%v-header",
+	modalSizeRoot: "uds-modal-size-%v-root",
+	modalSizeScrim: "uds-modal-size-%v-scrim",
+	modalSizeSpacingHorizontal: "uds-modal-size-%v-spacinghorizontal",
+	modalSizeTitle: "uds-modal-size-%v-title",
+	modalSizeTitleDescriptionWrapper: "uds-modal-size-%v-titledescriptionwrapper",
+	modalVariantCloseIcon: "uds-modal-variant-%v-closeicon",
+	modalVariantDescription: "uds-modal-variant-%v-description",
+	modalVariantRoot: "uds-modal-variant-%v-root",
+	modalVariantTitle: "uds-modal-variant-%v-title",
+	paddlenavSizeIcon: "uds-paddlenav-size-%v-icon",
+	paddlenavSizeRoot: "uds-paddlenav-size-%v-root",
+	paddlenavVariantBackground: "uds-paddlenav-variant-%v-background",
+	paddlenavVariantIcon: "uds-paddlenav-variant-%v-icon",
+	paddlenavVariantRoot: "uds-paddlenav-variant-%v-root",
+	paginationSizeIcon: "uds-pagination-size-%v-icon",
+	paginationSizeItem: "uds-pagination-size-%v-item",
+	paginationSizeRoot: "uds-pagination-size-%v-root",
+	paginationSizeText: "uds-pagination-size-%v-text",
+	paginationVariantActiveRoot: "uds-pagination-variant-active-%v-root",
+	paginationVariantRoot: "uds-pagination-variant-%v-root",
+	popoverSizeCloseIcon: "uds-popover-size-%v-closeicon",
+	popoverSizeCloseIconContainer: "uds-popover-size-%v-closeiconcontainer",
+	popoverSizeContentWrapper: "uds-popover-size-%v-contentwrapper",
+	popoverSizeRoot: "uds-popover-size-%v-root",
+	popoverSizeSvgBase: "uds-popover-size-%v-svgbase",
+	popoverSizeSvgBorder: "uds-popover-size-%v-svgborder",
+	popoverVariantBlur: "uds-popover-variant-%v-blur",
+	popoverVariantCloseIcon: "uds-popover-variant-%v-closeicon",
+	popoverVariantRoot: "uds-popover-variant-%v-root",
+	popoverVariantSvgBase: "uds-popover-variant-%v-svgbase",
+	popoverVariantSvgBorder: "uds-popover-variant-%v-svgborder",
+	radioSizeRadio: "uds-radio-size-%v-radio",
+	radioSizeRoot: "uds-radio-size-%v-root",
+	radioVariantRadio: "uds-radio-variant-%v-radio",
+	radioVariantRadioCircle: "uds-radio-variant-%v-radiocircle",
+	radioVariantRoot: "uds-radio-variant-%v-root",
+	radioVariantValueRadio: "uds-radio-variant-value-%v-radio",
+	radioVariantValueRadioCircle: "uds-radio-variant-value-%v-radiocircle",
+	radioVariantValueRoot: "uds-radio-variant-value-%v-root",
+	scrimVariantRoot: "uds-scrim-variant-%v-root",
+	selectVariantRoot: "uds-select-variant-%v-root",
+	selectcontentSizeRoot: "uds-selectcontent-size-%v-root",
+	selectcontentVariantRoot: "uds-selectcontent-variant-%v-root",
+	selectitemDividerVariantLine: "uds-selectitem-divider-variant-%v-line",
+	selectitemDividerVariantRoot: "uds-selectitem-divider-variant-%v-root",
+	selectitemDividerVariantText: "uds-selectitem-divider-variant-%v-text",
+	selectitemItemVariantActiveIcon: "uds-selectitem-item-variant-active-%v-icon",
+	selectitemItemVariantActiveRoot: "uds-selectitem-item-variant-active-%v-root",
+	selectitemItemVariantActiveText: "uds-selectitem-item-variant-active-%v-text",
+	selectitemItemVariantIcon: "uds-selectitem-item-variant-%v-icon",
+	selectitemItemVariantRoot: "uds-selectitem-item-variant-%v-root",
+	selectitemItemVariantText: "uds-selectitem-item-variant-%v-text",
+	selectitemSizeEndIcon: "uds-selectitem-size-%v-endicon",
+	selectitemSizeRoot: "uds-selectitem-size-%v-root",
+	selectitemSizeStartIcon: "uds-selectitem-size-%v-starticon",
+	selectitemSizeText: "uds-selectitem-size-%v-text",
+	switchSizeHandle: "uds-switch-size-%v-handle",
+	switchSizeHandleIcon: "uds-switch-size-%v-handleicon",
+	switchSizeRoot: "uds-switch-size-%v-root",
+	switchSizeSwitch: "uds-switch-size-%v-switch",
+	switchVariantActiveHandle: "uds-switch-variant-active-%v-handle",
+	switchVariantActiveHandleIcon: "uds-switch-variant-active-%v-handleicon",
+	switchVariantActiveRoot: "uds-switch-variant-active-%v-root",
+	switchVariantActiveSwitch: "uds-switch-variant-active-%v-switch",
+	switchVariantHandle: "uds-switch-variant-%v-handle",
+	switchVariantHandleIcon: "uds-switch-variant-%v-handleicon",
+	switchVariantRoot: "uds-switch-variant-%v-root",
+	switchVariantSwitch: "uds-switch-variant-%v-switch",
+	tabSizeIcon: "uds-tab-size-%v-icon",
+	tabSizeRoot: "uds-tab-size-%v-root",
+	tabVariantActiveIcon: "uds-tab-variant-active-%v-icon",
+	tabVariantActiveRoot: "uds-tab-variant-active-%v-root",
+	tabVariantIcon: "uds-tab-variant-%v-icon",
+	tabVariantRoot: "uds-tab-variant-%v-root",
+	tabsVariantRoot: "uds-tabs-variant-%v-root",
+	toastSizeActionButton: "uds-toast-size-%v-actionbutton",
+	toastSizeCloseIcon: "uds-toast-size-%v-closeicon",
+	toastSizeIcon: "uds-toast-size-%v-icon",
+	toastSizeLabel: "uds-toast-size-%v-label",
+	toastSizeRoot: "uds-toast-size-%v-root",
+	toastVariantActionButton: "uds-toast-variant-%v-actionbutton",
+	toastVariantCloseIcon: "uds-toast-variant-%v-closeicon",
+	toastVariantIcon: "uds-toast-variant-%v-icon",
+	toastVariantRoot: "uds-toast-variant-%v-root",
+	tooltipSizeBody: "uds-tooltip-size-%v-body",
+	tooltipSizeEndContent: "uds-tooltip-size-%v-endcontent",
+	tooltipSizeIcon: "uds-tooltip-size-%v-icon",
+	tooltipSizeRoot: "uds-tooltip-size-%v-root",
+	tooltipSizeSvg: "uds-tooltip-size-%v-svg",
+	tooltipSizeTitle: "uds-tooltip-size-%v-title",
+	tooltipVariantBlur: "uds-tooltip-variant-%v-blur",
+	tooltipVariantIcon: "uds-tooltip-variant-%v-icon",
+	tooltipVariantRoot: "uds-tooltip-variant-%v-root",
+	tooltipVariantSvg: "uds-tooltip-variant-%v-svg"
+};
+//#endregion
+export { autoVariantTemplates };

package/dist/automated-config/dist/utils/getConfigVariantProperties.d.cts

@@ -11,8 +11,8 @@ import { VariantConfig } from "../types/ComponentConfig.cjs";
  * @returns A Record of layer names to their properties, or null if no properties are found
  */
 declare function getConfigVariantProperties(variant?: VariantConfig): {
-  [x: string]: Readonly<Record<string, SelectedConfigurableProperty<"color" | "iconSize" | "backgroundColor" | "borderWidth" | "underlineWidth" | "strokeWidth" | "borderRadius" | "borderRadiusVar" | "borderColor" | "underlineColor" | "stroke" | "buttonSize" | "buttonVariant" | "fontFamily" | "fontSize" | "fontVariationSettings" | "lineHeight" | "textTransform" | "letterSpacing" | "gap" | "opacity" | "fillOpacity" | "fontWeight" | "spacing" | "iconVariant" | "horizontalMargin" | "bottomMargin" | "spacingHorizontal" | "spacingVertical" | "spacingTop" | "spacingBottom" | "textVariant" | "textDecorationLine" | "shadow" | "shadowVar" | "insetShadow" | "bannerInnerShadow" | "height" | "width" | "scaleEffect" | "backdropBlur" | "blurBackgroundColor" | "blurBackgroundColorFallback" | "scrimBackgroundColor" | "scrimOpacity" | "paginationWidthVar" | "controlHeight", string, readonly ("backgroundPaletteColors" | "spectrumColors" | "alwaysPaletteAliases" | "elevationAliases")[] | readonly ("elevationAliases" | "borderWidths" | "spacingAliases")[] | readonly "borderRadii"[] | readonly ("spectrumColors" | "alwaysPaletteAliases" | "elevationAliases" | "linePaletteColors")[] | readonly "buttonSizes"[] | readonly "buttonVariantsFlat"[] | readonly "textVariants"[] | readonly "spacingAliases"[] | readonly ("spectrumColors" | "alwaysPaletteAliases" | "foregroundPaletteColors")[] | readonly "opacitySteps"[] | readonly "iconSizes"[] | readonly "iconVariants"[] | readonly "textDecorationLines"[] | readonly ("elevationAliases" | "shadowVariants" | "shadowVariantConfig")[] | readonly ("shadowVariantConfig" | "shadowVariantsWithInvert")[] | readonly "bannerInnerShadowOptions"[] | readonly "scaleEffects"[] | readonly "positiveIntegers"[] | readonly ("backgroundPaletteColors" | "spectrumColors" | "alwaysPaletteAliases")[], readonly (readonly unknown[])[]>>>;
-  root: Readonly<Record<string, SelectedConfigurableProperty<"color" | "iconSize" | "backgroundColor" | "borderWidth" | "underlineWidth" | "strokeWidth" | "borderRadius" | "borderRadiusVar" | "borderColor" | "underlineColor" | "stroke" | "buttonSize" | "buttonVariant" | "fontFamily" | "fontSize" | "fontVariationSettings" | "lineHeight" | "textTransform" | "letterSpacing" | "gap" | "opacity" | "fillOpacity" | "fontWeight" | "spacing" | "iconVariant" | "horizontalMargin" | "bottomMargin" | "spacingHorizontal" | "spacingVertical" | "spacingTop" | "spacingBottom" | "textVariant" | "textDecorationLine" | "shadow" | "shadowVar" | "insetShadow" | "bannerInnerShadow" | "height" | "width" | "scaleEffect" | "backdropBlur" | "blurBackgroundColor" | "blurBackgroundColorFallback" | "scrimBackgroundColor" | "scrimOpacity" | "paginationWidthVar" | "controlHeight", string, readonly ("backgroundPaletteColors" | "spectrumColors" | "alwaysPaletteAliases" | "elevationAliases")[] | readonly ("elevationAliases" | "borderWidths" | "spacingAliases")[] | readonly "borderRadii"[] | readonly ("spectrumColors" | "alwaysPaletteAliases" | "elevationAliases" | "linePaletteColors")[] | readonly "buttonSizes"[] | readonly "buttonVariantsFlat"[] | readonly "textVariants"[] | readonly "spacingAliases"[] | readonly ("spectrumColors" | "alwaysPaletteAliases" | "foregroundPaletteColors")[] | readonly "opacitySteps"[] | readonly "iconSizes"[] | readonly "iconVariants"[] | readonly "textDecorationLines"[] | readonly ("elevationAliases" | "shadowVariants" | "shadowVariantConfig")[] | readonly ("shadowVariantConfig" | "shadowVariantsWithInvert")[] | readonly "bannerInnerShadowOptions"[] | readonly "scaleEffects"[] | readonly "positiveIntegers"[] | readonly ("backgroundPaletteColors" | "spectrumColors" | "alwaysPaletteAliases")[], readonly (readonly unknown[])[]>>>;
+  [x: string]: Readonly<Record<string, SelectedConfigurableProperty<"textTransform" | "fontSize" | "fontWeight" | "lineHeight" | "fontFamily" | "letterSpacing" | "color" | "iconSize" | "backgroundColor" | "borderWidth" | "underlineWidth" | "strokeWidth" | "borderRadius" | "borderRadiusVar" | "borderColor" | "underlineColor" | "stroke" | "buttonSize" | "buttonVariant" | "fontVariationSettings" | "gap" | "opacity" | "fillOpacity" | "spacing" | "iconVariant" | "horizontalMargin" | "bottomMargin" | "spacingHorizontal" | "spacingVertical" | "spacingTop" | "spacingBottom" | "textVariant" | "textDecorationLine" | "shadow" | "shadowVar" | "insetShadow" | "bannerInnerShadow" | "height" | "width" | "scaleEffect" | "backdropBlur" | "blurBackgroundColor" | "blurBackgroundColorFallback" | "scrimBackgroundColor" | "scrimOpacity" | "paginationWidthVar" | "controlHeight", string, readonly ("backgroundPaletteColors" | "spectrumColors" | "alwaysPaletteAliases" | "elevationAliases")[] | readonly ("elevationAliases" | "borderWidths" | "spacingAliases")[] | readonly "borderRadii"[] | readonly ("spectrumColors" | "alwaysPaletteAliases" | "elevationAliases" | "linePaletteColors")[] | readonly "buttonSizes"[] | readonly "buttonVariantsFlat"[] | readonly "textVariants"[] | readonly "spacingAliases"[] | readonly ("spectrumColors" | "alwaysPaletteAliases" | "foregroundPaletteColors")[] | readonly "opacitySteps"[] | readonly "iconSizes"[] | readonly "iconVariants"[] | readonly "textDecorationLines"[] | readonly ("elevationAliases" | "shadowVariants" | "shadowVariantConfig")[] | readonly ("shadowVariantConfig" | "shadowVariantsWithInvert")[] | readonly "bannerInnerShadowOptions"[] | readonly "scaleEffects"[] | readonly "positiveIntegers"[] | readonly ("backgroundPaletteColors" | "spectrumColors" | "alwaysPaletteAliases")[], readonly (readonly unknown[])[]>>>;
+  root: Readonly<Record<string, SelectedConfigurableProperty<"textTransform" | "fontSize" | "fontWeight" | "lineHeight" | "fontFamily" | "letterSpacing" | "color" | "iconSize" | "backgroundColor" | "borderWidth" | "underlineWidth" | "strokeWidth" | "borderRadius" | "borderRadiusVar" | "borderColor" | "underlineColor" | "stroke" | "buttonSize" | "buttonVariant" | "fontVariationSettings" | "gap" | "opacity" | "fillOpacity" | "spacing" | "iconVariant" | "horizontalMargin" | "bottomMargin" | "spacingHorizontal" | "spacingVertical" | "spacingTop" | "spacingBottom" | "textVariant" | "textDecorationLine" | "shadow" | "shadowVar" | "insetShadow" | "bannerInnerShadow" | "height" | "width" | "scaleEffect" | "backdropBlur" | "blurBackgroundColor" | "blurBackgroundColorFallback" | "scrimBackgroundColor" | "scrimOpacity" | "paginationWidthVar" | "controlHeight", string, readonly ("backgroundPaletteColors" | "spectrumColors" | "alwaysPaletteAliases" | "elevationAliases")[] | readonly ("elevationAliases" | "borderWidths" | "spacingAliases")[] | readonly "borderRadii"[] | readonly ("spectrumColors" | "alwaysPaletteAliases" | "elevationAliases" | "linePaletteColors")[] | readonly "buttonSizes"[] | readonly "buttonVariantsFlat"[] | readonly "textVariants"[] | readonly "spacingAliases"[] | readonly ("spectrumColors" | "alwaysPaletteAliases" | "foregroundPaletteColors")[] | readonly "opacitySteps"[] | readonly "iconSizes"[] | readonly "iconVariants"[] | readonly "textDecorationLines"[] | readonly ("elevationAliases" | "shadowVariants" | "shadowVariantConfig")[] | readonly ("shadowVariantConfig" | "shadowVariantsWithInvert")[] | readonly "bannerInnerShadowOptions"[] | readonly "scaleEffects"[] | readonly "positiveIntegers"[] | readonly ("backgroundPaletteColors" | "spectrumColors" | "alwaysPaletteAliases")[], readonly (readonly unknown[])[]>>>;
 } | null; //#endregion
 //#endregion
 export { getConfigVariantProperties };

package/dist/automated-config/dist/utils/getConfigVariantProperties.d.ts

@@ -11,8 +11,8 @@ import { VariantConfig } from "../types/ComponentConfig.js";
  * @returns A Record of layer names to their properties, or null if no properties are found
  */
 declare function getConfigVariantProperties(variant?: VariantConfig): {
-  [x: string]: Readonly<Record<string, SelectedConfigurableProperty<"color" | "iconSize" | "backgroundColor" | "borderWidth" | "underlineWidth" | "strokeWidth" | "borderRadius" | "borderRadiusVar" | "borderColor" | "underlineColor" | "stroke" | "buttonSize" | "buttonVariant" | "fontFamily" | "fontSize" | "fontVariationSettings" | "lineHeight" | "textTransform" | "letterSpacing" | "gap" | "opacity" | "fillOpacity" | "fontWeight" | "spacing" | "iconVariant" | "horizontalMargin" | "bottomMargin" | "spacingHorizontal" | "spacingVertical" | "spacingTop" | "spacingBottom" | "textVariant" | "textDecorationLine" | "shadow" | "shadowVar" | "insetShadow" | "bannerInnerShadow" | "height" | "width" | "scaleEffect" | "backdropBlur" | "blurBackgroundColor" | "blurBackgroundColorFallback" | "scrimBackgroundColor" | "scrimOpacity" | "paginationWidthVar" | "controlHeight", string, readonly ("backgroundPaletteColors" | "spectrumColors" | "alwaysPaletteAliases" | "elevationAliases")[] | readonly ("elevationAliases" | "borderWidths" | "spacingAliases")[] | readonly "borderRadii"[] | readonly ("spectrumColors" | "alwaysPaletteAliases" | "elevationAliases" | "linePaletteColors")[] | readonly "buttonSizes"[] | readonly "buttonVariantsFlat"[] | readonly "textVariants"[] | readonly "spacingAliases"[] | readonly ("spectrumColors" | "alwaysPaletteAliases" | "foregroundPaletteColors")[] | readonly "opacitySteps"[] | readonly "iconSizes"[] | readonly "iconVariants"[] | readonly "textDecorationLines"[] | readonly ("elevationAliases" | "shadowVariants" | "shadowVariantConfig")[] | readonly ("shadowVariantConfig" | "shadowVariantsWithInvert")[] | readonly "bannerInnerShadowOptions"[] | readonly "scaleEffects"[] | readonly "positiveIntegers"[] | readonly ("backgroundPaletteColors" | "spectrumColors" | "alwaysPaletteAliases")[], readonly (readonly unknown[])[]>>>;
-  root: Readonly<Record<string, SelectedConfigurableProperty<"color" | "iconSize" | "backgroundColor" | "borderWidth" | "underlineWidth" | "strokeWidth" | "borderRadius" | "borderRadiusVar" | "borderColor" | "underlineColor" | "stroke" | "buttonSize" | "buttonVariant" | "fontFamily" | "fontSize" | "fontVariationSettings" | "lineHeight" | "textTransform" | "letterSpacing" | "gap" | "opacity" | "fillOpacity" | "fontWeight" | "spacing" | "iconVariant" | "horizontalMargin" | "bottomMargin" | "spacingHorizontal" | "spacingVertical" | "spacingTop" | "spacingBottom" | "textVariant" | "textDecorationLine" | "shadow" | "shadowVar" | "insetShadow" | "bannerInnerShadow" | "height" | "width" | "scaleEffect" | "backdropBlur" | "blurBackgroundColor" | "blurBackgroundColorFallback" | "scrimBackgroundColor" | "scrimOpacity" | "paginationWidthVar" | "controlHeight", string, readonly ("backgroundPaletteColors" | "spectrumColors" | "alwaysPaletteAliases" | "elevationAliases")[] | readonly ("elevationAliases" | "borderWidths" | "spacingAliases")[] | readonly "borderRadii"[] | readonly ("spectrumColors" | "alwaysPaletteAliases" | "elevationAliases" | "linePaletteColors")[] | readonly "buttonSizes"[] | readonly "buttonVariantsFlat"[] | readonly "textVariants"[] | readonly "spacingAliases"[] | readonly ("spectrumColors" | "alwaysPaletteAliases" | "foregroundPaletteColors")[] | readonly "opacitySteps"[] | readonly "iconSizes"[] | readonly "iconVariants"[] | readonly "textDecorationLines"[] | readonly ("elevationAliases" | "shadowVariants" | "shadowVariantConfig")[] | readonly ("shadowVariantConfig" | "shadowVariantsWithInvert")[] | readonly "bannerInnerShadowOptions"[] | readonly "scaleEffects"[] | readonly "positiveIntegers"[] | readonly ("backgroundPaletteColors" | "spectrumColors" | "alwaysPaletteAliases")[], readonly (readonly unknown[])[]>>>;
+  [x: string]: Readonly<Record<string, SelectedConfigurableProperty<"textTransform" | "fontSize" | "fontWeight" | "lineHeight" | "fontFamily" | "letterSpacing" | "color" | "iconSize" | "backgroundColor" | "borderWidth" | "underlineWidth" | "strokeWidth" | "borderRadius" | "borderRadiusVar" | "borderColor" | "underlineColor" | "stroke" | "buttonSize" | "buttonVariant" | "fontVariationSettings" | "gap" | "opacity" | "fillOpacity" | "spacing" | "iconVariant" | "horizontalMargin" | "bottomMargin" | "spacingHorizontal" | "spacingVertical" | "spacingTop" | "spacingBottom" | "textVariant" | "textDecorationLine" | "shadow" | "shadowVar" | "insetShadow" | "bannerInnerShadow" | "height" | "width" | "scaleEffect" | "backdropBlur" | "blurBackgroundColor" | "blurBackgroundColorFallback" | "scrimBackgroundColor" | "scrimOpacity" | "paginationWidthVar" | "controlHeight", string, readonly ("backgroundPaletteColors" | "spectrumColors" | "alwaysPaletteAliases" | "elevationAliases")[] | readonly ("elevationAliases" | "borderWidths" | "spacingAliases")[] | readonly "borderRadii"[] | readonly ("spectrumColors" | "alwaysPaletteAliases" | "elevationAliases" | "linePaletteColors")[] | readonly "buttonSizes"[] | readonly "buttonVariantsFlat"[] | readonly "textVariants"[] | readonly "spacingAliases"[] | readonly ("spectrumColors" | "alwaysPaletteAliases" | "foregroundPaletteColors")[] | readonly "opacitySteps"[] | readonly "iconSizes"[] | readonly "iconVariants"[] | readonly "textDecorationLines"[] | readonly ("elevationAliases" | "shadowVariants" | "shadowVariantConfig")[] | readonly ("shadowVariantConfig" | "shadowVariantsWithInvert")[] | readonly "bannerInnerShadowOptions"[] | readonly "scaleEffects"[] | readonly "positiveIntegers"[] | readonly ("backgroundPaletteColors" | "spectrumColors" | "alwaysPaletteAliases")[], readonly (readonly unknown[])[]>>>;
+  root: Readonly<Record<string, SelectedConfigurableProperty<"textTransform" | "fontSize" | "fontWeight" | "lineHeight" | "fontFamily" | "letterSpacing" | "color" | "iconSize" | "backgroundColor" | "borderWidth" | "underlineWidth" | "strokeWidth" | "borderRadius" | "borderRadiusVar" | "borderColor" | "underlineColor" | "stroke" | "buttonSize" | "buttonVariant" | "fontVariationSettings" | "gap" | "opacity" | "fillOpacity" | "spacing" | "iconVariant" | "horizontalMargin" | "bottomMargin" | "spacingHorizontal" | "spacingVertical" | "spacingTop" | "spacingBottom" | "textVariant" | "textDecorationLine" | "shadow" | "shadowVar" | "insetShadow" | "bannerInnerShadow" | "height" | "width" | "scaleEffect" | "backdropBlur" | "blurBackgroundColor" | "blurBackgroundColorFallback" | "scrimBackgroundColor" | "scrimOpacity" | "paginationWidthVar" | "controlHeight", string, readonly ("backgroundPaletteColors" | "spectrumColors" | "alwaysPaletteAliases" | "elevationAliases")[] | readonly ("elevationAliases" | "borderWidths" | "spacingAliases")[] | readonly "borderRadii"[] | readonly ("spectrumColors" | "alwaysPaletteAliases" | "elevationAliases" | "linePaletteColors")[] | readonly "buttonSizes"[] | readonly "buttonVariantsFlat"[] | readonly "textVariants"[] | readonly "spacingAliases"[] | readonly ("spectrumColors" | "alwaysPaletteAliases" | "foregroundPaletteColors")[] | readonly "opacitySteps"[] | readonly "iconSizes"[] | readonly "iconVariants"[] | readonly "textDecorationLines"[] | readonly ("elevationAliases" | "shadowVariants" | "shadowVariantConfig")[] | readonly ("shadowVariantConfig" | "shadowVariantsWithInvert")[] | readonly "bannerInnerShadowOptions"[] | readonly "scaleEffects"[] | readonly "positiveIntegers"[] | readonly ("backgroundPaletteColors" | "spectrumColors" | "alwaysPaletteAliases")[], readonly (readonly unknown[])[]>>>;
 } | null; //#endregion
 //#endregion
 export { getConfigVariantProperties };

package/dist/components/Icon.cjs

@@ -1,9 +1,10 @@
 /*! © 2026 Yahoo, Inc. UDS v0.0.0-development */
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 require("../_virtual/_rolldown/runtime.cjs");
-const require_styles_styler = require("../styles/styler.cjs");
+const require_styles_textColorVariants = require("../styles/textColorVariants.cjs");
 const require_tokens_configs_sizes = require("../tokens/configs/sizes.cjs");
 let react = require("react");
+let clsx = require("clsx");
 let react_jsx_runtime = require("react/jsx-runtime");
 //#region src/components/Icon.tsx
 /**
@@ -39,11 +40,7 @@ const Icon = (0, react.forwardRef)(function BaseIcon({ name: SVGIcon, size = "md
 	const availableVariants = SVGIcon.metadata?.variants ?? [];
 	const effectiveVariant = availableVariants.includes(variant) ? variant : availableVariants[0] ?? "fill";
 	const isMulticolor = effectiveVariant === "multicolor";
-	const styles = require_styles_styler.getStyles({
-		flex: "none",
-		color: isMulticolor || color === "inherit" ? void 0 : color,
-		className: require_styles_styler.cx(className, !isMulticolor && "[&_path]:fill-current")
-	});
+	const styles = (0, clsx.clsx)("flex-none", !isMulticolor && color !== "inherit" && require_styles_textColorVariants.textColorVariants[color], !isMulticolor && "[&_path]:fill-current", className);
 	const sizePx = require_tokens_configs_sizes.normalIconSizes[size];
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("svg", {
 		ref,

package/dist/components/Icon.js

@@ -1,7 +1,8 @@
 /*! © 2026 Yahoo, Inc. UDS v0.0.0-development */
-import { cx, getStyles } from "../styles/styler.js";
+import { textColorVariants } from "../styles/textColorVariants.js";
 import { normalIconSizes } from "../tokens/configs/sizes.js";
 import { forwardRef } from "react";
+import { clsx } from "clsx";
 import { jsx } from "react/jsx-runtime";
 //#region src/components/Icon.tsx
 /**
@@ -37,11 +38,7 @@ const Icon = forwardRef(function BaseIcon({ name: SVGIcon, size = "md", variant
 	const availableVariants = SVGIcon.metadata?.variants ?? [];
 	const effectiveVariant = availableVariants.includes(variant) ? variant : availableVariants[0] ?? "fill";
 	const isMulticolor = effectiveVariant === "multicolor";
-	const styles = getStyles({
-		flex: "none",
-		color: isMulticolor || color === "inherit" ? void 0 : color,
-		className: cx(className, !isMulticolor && "[&_path]:fill-current")
-	});
+	const styles = clsx("flex-none", !isMulticolor && color !== "inherit" && textColorVariants[color], !isMulticolor && "[&_path]:fill-current", className);
 	const sizePx = normalIconSizes[size];
 	return /* @__PURE__ */ jsx("svg", {
 		ref,

package/dist/components/IconSlot.cjs

@@ -1,8 +1,8 @@
 /*! © 2026 Yahoo, Inc. UDS v0.0.0-development */
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const require_runtime = require("../_virtual/_rolldown/runtime.cjs");
-const require_index = require("../css-tokens/dist/index.cjs");
 const require_styles_styler = require("../styles/styler.cjs");
+const require_index = require("../css-tokens/dist/index.cjs");
 const require_components_Icon = require("./Icon.cjs");
 let react = require("react");
 react = require_runtime.__toESM(react);

package/dist/components/IconSlot.js

@@ -1,6 +1,6 @@
 /*! © 2026 Yahoo, Inc. UDS v0.0.0-development */
-import { ICON_COLOR_OVERRIDE_ATTRIBUTE, ICON_SIZE_OVERRIDE_ATTRIBUTE } from "../css-tokens/dist/index.js";
 import { cx } from "../styles/styler.js";
+import { ICON_COLOR_OVERRIDE_ATTRIBUTE, ICON_SIZE_OVERRIDE_ATTRIBUTE } from "../css-tokens/dist/index.js";
 import { Icon } from "./Icon.js";
 import { cloneElement, isValidElement, memo } from "react";
 import { jsx } from "react/jsx-runtime";

package/dist/components/client/Button/Button.cjs

@@ -2,8 +2,8 @@
 "use client";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const require_runtime = require("../../../_virtual/_rolldown/runtime.cjs");
-const require_index = require("../../../css-tokens/dist/index.cjs");
 const require_utils_createSlot = require("../../../utils/createSlot.cjs");
+const require_index = require("../../../css-tokens/dist/index.cjs");
 const require_components_Icon = require("../../Icon.cjs");
 const require_components_IconSlot = require("../../IconSlot.cjs");
 const require_hooks_usePrefersReducedMotion = require("../../../hooks/usePrefersReducedMotion.cjs");

package/dist/components/client/Button/Button.js

@@ -1,7 +1,7 @@
 /*! © 2026 Yahoo, Inc. UDS v0.0.0-development */
 "use client";
-import { BUTTON_GAP_VAR, BUTTON_SCALE_EFFECT_HOVER, BUTTON_SCALE_EFFECT_PRESSED, BUTTON_SCALE_EFFECT_REST } from "../../../css-tokens/dist/index.js";
 import { createSlot } from "../../../utils/createSlot.js";
+import { BUTTON_GAP_VAR, BUTTON_SCALE_EFFECT_HOVER, BUTTON_SCALE_EFFECT_PRESSED, BUTTON_SCALE_EFFECT_REST } from "../../../css-tokens/dist/index.js";
 import { Icon } from "../../Icon.js";
 import { IconSlot } from "../../IconSlot.js";
 import { usePrefersReducedMotion } from "../../../hooks/usePrefersReducedMotion.js";

package/dist/components/client/IconButton/IconButton.cjs

@@ -2,8 +2,8 @@
 "use client";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 require("../../../_virtual/_rolldown/runtime.cjs");
-const require_index = require("../../../css-tokens/dist/index.cjs");
 const require_utils_createSlot = require("../../../utils/createSlot.cjs");
+const require_index = require("../../../css-tokens/dist/index.cjs");
 const require_components_Icon = require("../../Icon.cjs");
 const require_hooks_usePrefersReducedMotion = require("../../../hooks/usePrefersReducedMotion.cjs");
 const require_components_client_SpringMotionConfig = require("../SpringMotionConfig.cjs");

package/dist/components/client/IconButton/IconButton.js

@@ -1,7 +1,7 @@
 /*! © 2026 Yahoo, Inc. UDS v0.0.0-development */
 "use client";
-import { BUTTON_SCALE_EFFECT_HOVER, BUTTON_SCALE_EFFECT_PRESSED, BUTTON_SCALE_EFFECT_REST } from "../../../css-tokens/dist/index.js";
 import { createSlot } from "../../../utils/createSlot.js";
+import { BUTTON_SCALE_EFFECT_HOVER, BUTTON_SCALE_EFFECT_PRESSED, BUTTON_SCALE_EFFECT_REST } from "../../../css-tokens/dist/index.js";
 import { Icon } from "../../Icon.js";
 import { usePrefersReducedMotion } from "../../../hooks/usePrefersReducedMotion.js";
 import { SpringMotionConfig } from "../SpringMotionConfig.js";

package/dist/components/client/Menu/Menu.Content.cjs

@@ -5,11 +5,11 @@ require("../../../_virtual/_rolldown/runtime.cjs");
 const require_styles_styler = require("../../../styles/styler.cjs");
 const require_components_VStack = require("../../VStack.cjs");
 let react = require("react");
-let _yahoo_uds_fixtures = require("@yahoo/uds/fixtures");
 let react_jsx_runtime = require("react/jsx-runtime");
 let _ariakit_react = require("@ariakit/react");
 let motion_react = require("motion/react");
 let _ariakit_react_menu = require("@ariakit/react/menu");
+let _yahoo_uds_fixtures = require("@yahoo/uds/fixtures");
 //#region src/components/client/Menu/Menu.Content.tsx
 const MotionVStack = motion_react.m.create(require_components_VStack.VStack);
 const ANIMATION_CONFIG = {