@yahoo/uds 3.0.4 → 3.0.6

package/dist/tokens/index.d.ts

@@ -1,8 +1,8 @@
 export { AvatarConfig, BadgeConfig, CheckboxConfig, ChipConfig, DividerConfig, InputConfig, LinkConfig, MenuConfig, RadioConfig, SwitchConfig } from './automation/configs.js';
-import { g as ComponentConfig, V as VariantConfig, b as ComponentStateConfig, S as SelectedConfigurableProperty, a as PossibleStatesWithRest, d as SubComponentConfig } from '../index-CU_UPAew.js';
-export { A as AllPossibleProperties, j as AllVariantKeys, i as AutoComponentName, h as AutoComponents, C as ConfigurablePropertiesName, L as LayerConfig, P as PossibleStates, k as SchemaStateValue, f as VariantConfigWithComponentStates, e as VariantConfigWithProperties, c as configurableProperties, r as createComponentStateConfig, w as createComponentStates, p as createConfigurableProperty, x as createLayerConfig, y as createSubComponentConfig, q as createVariantConfig, v as createVariantConfigWithComponentStates, u as createVariantConfigWithProperties, l as findFixtureType, m as generateClassName, n as generateDeclaration, o as generateStyles, s as statePseudoMapDocsMode, t as toMinimalDbConfigObject } from '../index-CU_UPAew.js';
-import { cV as UniversalTokensConfigAuto, U as UniversalTokensConfig, aD as ButtonKind, aH as ButtonPalette, ay as ButtonBaseConfig, B as ButtonConfig, a_ as ColorModeConfig, c0 as ScaleModeConfig, m as FontConfig, by as IconButtonConfig, p as MotionConfig, c4 as ShadowConfig, bq as FontWeightDescriptive, br as FontWeightNumeric, a$ as ColorModeForApp, c1 as ScaleModeForApp, C as ColorMode, S as ScaleMode, bw as HighContrastMode, bZ as RegionMode, aU as ButtonVariantFlat, aS as ButtonVariant } from '../types-d2CfR7zp.js';
-export { A as AVATAR_SIZE_PREFIX, ad as AlwaysPalette, ae as AlwaysPaletteAlias, af as AlwaysPaletteColor, ag as Animation, ah as AriaAttribute, ai as AvatarAbbreviationStrategy, aj as AvatarShape, ak as AvatarSize, al as AvatarSizeConfig, am as AvatarVariant, D as BORDER_RADIUS_PREFIX, E as BORDER_WIDTH_PREFIX, a5 as BUTTON_CSS_VAR_MAP, an as BackgroundColor, ao as BackgroundPalette, ap as BackgroundPaletteAlias, aq as BackgroundStyleProps, ar as BadgeSize, as as BadgeVariant, at as BorderRadius, au as BorderRadiusConfig, av as BorderStyleProps, aw as BorderWidth, ax as BorderWidthConfig, i as ButtonClassMap, az as ButtonClassName, aA as ButtonColorConfig, aB as ButtonColorEffect, aC as ButtonColorEffectConfig, j as ButtonColorProperty, k as ButtonColorPropertyConfig, aE as ButtonMotionEffect, aF as ButtonMotionProperty, aG as ButtonMotionPropertyConfig, aI as ButtonPaletteColor, aJ as ButtonPaletteConfig, aK as ButtonShadowPropertyConfig, aL as ButtonSize, aM as ButtonSizeConfig, aN as ButtonSizeProperty, aO as ButtonSpectrumColor, aP as ButtonState, aQ as ButtonStateConfig, aR as ButtonStateEffectConfig, aT as ButtonVariantConfig, aV as CheckboxSize, aW as CheckboxValue, aX as CheckboxVariant, aY as ChipSize, aZ as ChipVariant, a as ColorsConfig, b0 as ConfigurableDropShadowValues, b1 as ConfigurableInsetShadowValues, b2 as CustomSizingStyleProps, W as DARK_COLOR_MODE_CLASSNAME, a3 as DEFAULT_COLOR_MODE_CLASSNAME, a4 as DEFAULT_SCALE_MODE_CLASSNAME, b3 as DataAttribute, b4 as Display, b5 as DividerVariant, a8 as FONT_DECLARATIONS_MAP, G as FONT_FAMILY_PREFIX, J as FONT_SIZE_PREFIX, L as FONT_SLANT_PREFIX, K as FONT_WEIGHT_PREFIX, N as FONT_WIDTH_PREFIX, b6 as Flex, b7 as FlexAlignContent, b8 as FlexAlignItems, b9 as FlexAlignSelf, ba as FlexBasis, bb as FlexDirection, bc as FlexGrow, bd as FlexJustifyContent, be as FlexShrink, bf as FlexStyleProps, bg as FlexWrap, bh as FontAlias, a9 as FontAxisConfig, bi as FontCssVar, aa as FontDeclarationConfig, l as FontDeclarationItemConfig, ab as FontDeclarationMap, bj as FontFamilyCDNUrl, bk as FontFamilyConfig, F as FontID, bl as FontSize, bm as FontSizeConfig, bn as FontSlantConfig, bo as FontType, bp as FontWeightConfig, ac as FontWeightForFont, bs as FontWidthConfig, bt as ForegroundColor, bu as ForegroundPalette, bv as ForegroundPaletteAlias, H as Hue, b as HueStep, a6 as ICON_BUTTON_CSS_VAR_MAP, O as ICON_SIZE_PREFIX, I as IconButtonClassMap, bx as IconButtonClassName, bz as IconButtonDefaultsConfig, bA as IconButtonSize, s as IconPropsWithSVGProps, bB as IconSizeConfig, t as ImagePropsWithImgProps, bC as ImageStyleProps, bD as InputSize, $ as LARGE_SCALE_MODE_CLASSNAME, X as LIGHT_COLOR_MODE_CLASSNAME, Q as LINE_HEIGHT_PREFIX, bE as LayoutStyleProps, bF as LetterSpacing, bG as LineClampAlias, bH as LineColor, bI as LineHeight, bJ as LineHeightConfig, bK as LinePalette, bL as LinePaletteAlias, _ as MEDIUM_SCALE_MODE_CLASSNAME, R as MOTION_PREFIX, bM as Modes, bN as MotionCssVar, bO as MotionSpringConfig, o as MotionSpringConfigOptions, M as MotionVariant, n as MotionVariantSpeed, bP as MotionVariantValues, bQ as Overflow, a7 as PSEUDO_STYLE_SELECTOR_MAP, bR as Palette, c as PaletteConfig, P as PaletteType, bS as PaletteValue, bT as PlatformMode, bU as Position, bV as PropertyToPaletteAliasMap, bW as RadioSize, bX as RadioValue, bY as RadioVariant, Z as SMALL_SCALE_MODE_CLASSNAME, T as SPECTRUM_COLOR_PREFIX, b_ as ScaleConfig, b$ as ScaleEffectMap, c2 as ShadowColor, c3 as ShadowColorConfig, c5 as ShadowOffset, c6 as ShadowOpacity, c7 as ShadowPalette, c8 as ShadowPaletteAlias, d as ShadowPreset, c9 as ShadowSpreadRadius, ca as ShadowStyleProps, q as ShadowType, cb as ShadowTypeConfig, cc as ShadowVariant, cd as ShadowVariantConfig, ce as ShadowVariantInvert, cf as ShadowVariantWithInvert, cg as SharedPaletteAlias, ch as SpacingAlias, ci as SpacingConfig, cj as SpacingStyleProps, ck as SpectrumColor, cl as SpectrumConfig, cm as StateStyleProps, cn as StyleProps, co as SwitchSize, V as TEXT_TRANSFORM_PREFIX, cx as TShirtSize, cy as TShirtSizeCommon, cp as TextProperty, cq as TextStyleProps, cr as TextTransform, cs as TextTransformConfig, ct as TextVariant, cu as TransitionDelay, cv as TransitionDuration, cw as TransitionTiming, z as UDS_PREFIX, cz as UdsCssVar, cA as UniversalAvatarIconProps, cB as UniversalAvatarImageProps, cC as UniversalAvatarProps, cD as UniversalAvatarTextProps, cE as UniversalBadgeProps, e as UniversalBoxProps, cF as UniversalButtonProps, cG as UniversalCheckboxProps, cH as UniversalChipBaseProps, cI as UniversalChipButtonProps, cJ as UniversalChipDismissibleProps, cK as UniversalChipLinkProps, cL as UniversalChipProps, cM as UniversalChipToggleProps, g as UniversalDividerProps, r as UniversalFormLabelProps, cN as UniversalIconButtonProps, cO as UniversalIconProps, u as UniversalIconSlot, cP as UniversalImageProps, h as UniversalInputProps, v as UniversalLinkProps, cQ as UniversalMenuItemProps, cR as UniversalPressableProps, cS as UniversalRadioGroupProps, cT as UniversalRadioProps, f as UniversalStackProps, cU as UniversalSwitchProps, w as UniversalTextProps, a0 as XLARGE_SCALE_MODE_CLASSNAME, Y as XSMALL_SCALE_MODE_CLASSNAME, a1 as XXLARGE_SCALE_MODE_CLASSNAME, a2 as XXXLARGE_SCALE_MODE_CLASSNAME, x as alwaysPalette, y as defaultUniversalTokensConfigAuto } from '../types-d2CfR7zp.js';
+import { g as ComponentConfig, V as VariantConfig, b as ComponentStateConfig, S as SelectedConfigurableProperty, a as PossibleStatesWithRest, d as SubComponentConfig } from '../index-DGLGjvxq.js';
+export { A as AllPossibleProperties, j as AllVariantKeys, i as AutoComponentName, h as AutoComponents, C as ConfigurablePropertiesName, L as LayerConfig, P as PossibleStates, k as SchemaStateValue, f as VariantConfigWithComponentStates, e as VariantConfigWithProperties, c as configurableProperties, r as createComponentStateConfig, w as createComponentStates, p as createConfigurableProperty, x as createLayerConfig, y as createSubComponentConfig, q as createVariantConfig, v as createVariantConfigWithComponentStates, u as createVariantConfigWithProperties, l as findFixtureType, m as generateClassName, n as generateDeclaration, o as generateStyles, s as statePseudoMapDocsMode, t as toMinimalDbConfigObject } from '../index-DGLGjvxq.js';
+import { cV as UniversalTokensConfigAuto, U as UniversalTokensConfig, aD as ButtonKind, aH as ButtonPalette, ay as ButtonBaseConfig, B as ButtonConfig, a_ as ColorModeConfig, c0 as ScaleModeConfig, m as FontConfig, by as IconButtonConfig, p as MotionConfig, c4 as ShadowConfig, bq as FontWeightDescriptive, br as FontWeightNumeric, a$ as ColorModeForApp, c1 as ScaleModeForApp, C as ColorMode, S as ScaleMode, bw as HighContrastMode, bZ as RegionMode, aS as ButtonVariant, aU as ButtonVariantFlat } from '../types-WnMld3Vz.js';
+export { A as AVATAR_SIZE_PREFIX, ad as AlwaysPalette, ae as AlwaysPaletteAlias, af as AlwaysPaletteColor, ag as Animation, ah as AriaAttribute, ai as AvatarAbbreviationStrategy, aj as AvatarShape, ak as AvatarSize, al as AvatarSizeConfig, am as AvatarVariant, D as BORDER_RADIUS_PREFIX, E as BORDER_WIDTH_PREFIX, a5 as BUTTON_CSS_VAR_MAP, an as BackgroundColor, ao as BackgroundPalette, ap as BackgroundPaletteAlias, aq as BackgroundStyleProps, ar as BadgeSize, as as BadgeVariant, at as BorderRadius, au as BorderRadiusConfig, av as BorderStyleProps, aw as BorderWidth, ax as BorderWidthConfig, i as ButtonClassMap, az as ButtonClassName, aA as ButtonColorConfig, aB as ButtonColorEffect, aC as ButtonColorEffectConfig, j as ButtonColorProperty, k as ButtonColorPropertyConfig, aE as ButtonMotionEffect, aF as ButtonMotionProperty, aG as ButtonMotionPropertyConfig, aI as ButtonPaletteColor, aJ as ButtonPaletteConfig, aK as ButtonShadowPropertyConfig, aL as ButtonSize, aM as ButtonSizeConfig, aN as ButtonSizeProperty, aO as ButtonSpectrumColor, aP as ButtonState, aQ as ButtonStateConfig, aR as ButtonStateEffectConfig, aT as ButtonVariantConfig, aV as CheckboxSize, aW as CheckboxValue, aX as CheckboxVariant, aY as ChipSize, aZ as ChipVariant, a as ColorsConfig, b0 as ConfigurableDropShadowValues, b1 as ConfigurableInsetShadowValues, b2 as CustomSizingStyleProps, W as DARK_COLOR_MODE_CLASSNAME, a3 as DEFAULT_COLOR_MODE_CLASSNAME, a4 as DEFAULT_SCALE_MODE_CLASSNAME, b3 as DataAttribute, b4 as Display, b5 as DividerVariant, a8 as FONT_DECLARATIONS_MAP, G as FONT_FAMILY_PREFIX, J as FONT_SIZE_PREFIX, L as FONT_SLANT_PREFIX, K as FONT_WEIGHT_PREFIX, N as FONT_WIDTH_PREFIX, b6 as Flex, b7 as FlexAlignContent, b8 as FlexAlignItems, b9 as FlexAlignSelf, ba as FlexBasis, bb as FlexDirection, bc as FlexGrow, bd as FlexJustifyContent, be as FlexShrink, bf as FlexStyleProps, bg as FlexWrap, bh as FontAlias, a9 as FontAxisConfig, bi as FontCssVar, aa as FontDeclarationConfig, l as FontDeclarationItemConfig, ab as FontDeclarationMap, bj as FontFamilyCDNUrl, bk as FontFamilyConfig, F as FontID, bl as FontSize, bm as FontSizeConfig, bn as FontSlantConfig, bo as FontType, bp as FontWeightConfig, ac as FontWeightForFont, bs as FontWidthConfig, bt as ForegroundColor, bu as ForegroundPalette, bv as ForegroundPaletteAlias, H as Hue, b as HueStep, a6 as ICON_BUTTON_CSS_VAR_MAP, O as ICON_SIZE_PREFIX, I as IconButtonClassMap, bx as IconButtonClassName, bz as IconButtonDefaultsConfig, bA as IconButtonSize, s as IconPropsWithSVGProps, bB as IconSizeConfig, t as ImagePropsWithImgProps, bC as ImageStyleProps, bD as InputSize, $ as LARGE_SCALE_MODE_CLASSNAME, X as LIGHT_COLOR_MODE_CLASSNAME, Q as LINE_HEIGHT_PREFIX, bE as LayoutStyleProps, bF as LetterSpacing, bG as LineClampAlias, bH as LineColor, bI as LineHeight, bJ as LineHeightConfig, bK as LinePalette, bL as LinePaletteAlias, _ as MEDIUM_SCALE_MODE_CLASSNAME, R as MOTION_PREFIX, bM as Modes, bN as MotionCssVar, bO as MotionSpringConfig, o as MotionSpringConfigOptions, M as MotionVariant, n as MotionVariantSpeed, bP as MotionVariantValues, bQ as Overflow, a7 as PSEUDO_STYLE_SELECTOR_MAP, bR as Palette, c as PaletteConfig, P as PaletteType, bS as PaletteValue, bT as PlatformMode, bU as Position, bV as PropertyToPaletteAliasMap, bW as RadioSize, bX as RadioValue, bY as RadioVariant, Z as SMALL_SCALE_MODE_CLASSNAME, T as SPECTRUM_COLOR_PREFIX, b_ as ScaleConfig, b$ as ScaleEffectMap, c2 as ShadowColor, c3 as ShadowColorConfig, c5 as ShadowOffset, c6 as ShadowOpacity, c7 as ShadowPalette, c8 as ShadowPaletteAlias, d as ShadowPreset, c9 as ShadowSpreadRadius, ca as ShadowStyleProps, q as ShadowType, cb as ShadowTypeConfig, cc as ShadowVariant, cd as ShadowVariantConfig, ce as ShadowVariantInvert, cf as ShadowVariantWithInvert, cg as SharedPaletteAlias, ch as SpacingAlias, ci as SpacingConfig, cj as SpacingStyleProps, ck as SpectrumColor, cl as SpectrumConfig, cm as StateStyleProps, cn as StyleProps, co as SwitchSize, V as TEXT_TRANSFORM_PREFIX, cx as TShirtSize, cy as TShirtSizeCommon, cp as TextProperty, cq as TextStyleProps, cr as TextTransform, cs as TextTransformConfig, ct as TextVariant, cu as TransitionDelay, cv as TransitionDuration, cw as TransitionTiming, z as UDS_PREFIX, cz as UdsCssVar, cA as UniversalAvatarIconProps, cB as UniversalAvatarImageProps, cC as UniversalAvatarProps, cD as UniversalAvatarTextProps, cE as UniversalBadgeProps, e as UniversalBoxProps, cF as UniversalButtonProps, cG as UniversalCheckboxProps, cH as UniversalChipBaseProps, cI as UniversalChipButtonProps, cJ as UniversalChipDismissibleProps, cK as UniversalChipLinkProps, cL as UniversalChipProps, cM as UniversalChipToggleProps, g as UniversalDividerProps, r as UniversalFormLabelProps, cN as UniversalIconButtonProps, cO as UniversalIconProps, u as UniversalIconSlot, cP as UniversalImageProps, h as UniversalInputProps, v as UniversalLinkProps, cQ as UniversalMenuItemProps, cR as UniversalPressableProps, cS as UniversalRadioGroupProps, cT as UniversalRadioProps, f as UniversalStackProps, cU as UniversalSwitchProps, w as UniversalTextProps, a0 as XLARGE_SCALE_MODE_CLASSNAME, Y as XSMALL_SCALE_MODE_CLASSNAME, a1 as XXLARGE_SCALE_MODE_CLASSNAME, a2 as XXXLARGE_SCALE_MODE_CLASSNAME, x as alwaysPalette, y as defaultUniversalTokensConfigAuto } from '../types-WnMld3Vz.js';
 export { IconSize, IconVariant } from '@yahoo/uds-icons/types';
 import '@yahoo/uds/fixtures';
 import 'motion/react';
@@ -10,112 +10,43 @@ import 'react';
 import 'type-fest';
 
 declare const variants: {
-    avatarSizeRoot: {
-        readonly xs: "uds-avatar-size-xs-root";
-        readonly sm: "uds-avatar-size-sm-root";
-        readonly md: "uds-avatar-size-md-root";
-        readonly lg: "uds-avatar-size-lg-root";
-        readonly xl: "uds-avatar-size-xl-root";
-    };
-    avatarSizeIcon: {
-        readonly xs: "uds-avatar-size-xs-icon";
-        readonly sm: "uds-avatar-size-sm-icon";
-        readonly md: "uds-avatar-size-md-icon";
-        readonly lg: "uds-avatar-size-lg-icon";
-        readonly xl: "uds-avatar-size-xl-icon";
-    };
-    avatarTextVariantRoot: {
-        readonly primary: "uds-avatar-text-variant-primary-root";
-        readonly secondary: "uds-avatar-text-variant-secondary-root";
-    };
-    avatarImageVariantRoot: {
-        readonly primary: "uds-avatar-image-variant-primary-root";
-        readonly secondary: "uds-avatar-image-variant-secondary-root";
-    };
-    avatarIconVariantRoot: {
-        readonly primary: "uds-avatar-icon-variant-primary-root";
-        readonly secondary: "uds-avatar-icon-variant-secondary-root";
-    };
-    badgeSizeRoot: {
-        readonly xs: "uds-badge-size-xs-root";
-        readonly sm: "uds-badge-size-sm-root";
-        readonly md: "uds-badge-size-md-root";
-        readonly lg: "uds-badge-size-lg-root";
-    };
-    badgeSizeIcon: {
-        readonly xs: "uds-badge-size-xs-icon";
-        readonly sm: "uds-badge-size-sm-icon";
-        readonly md: "uds-badge-size-md-icon";
-        readonly lg: "uds-badge-size-lg-icon";
-    };
-    badgeVariantRoot: {
-        readonly primary: "uds-badge-variant-primary-root";
-        readonly secondary: "uds-badge-variant-secondary-root";
-        readonly brand: "uds-badge-variant-brand-root";
-        readonly 'brand-secondary': "uds-badge-variant-brand-secondary-root";
-        readonly alert: "uds-badge-variant-alert-root";
-        readonly 'alert-secondary': "uds-badge-variant-alert-secondary-root";
-        readonly warning: "uds-badge-variant-warning-root";
-        readonly 'warning-secondary': "uds-badge-variant-warning-secondary-root";
-        readonly positive: "uds-badge-variant-positive-root";
-        readonly 'positive-secondary': "uds-badge-variant-positive-secondary-root";
-        readonly info: "uds-badge-variant-info-root";
-        readonly 'info-secondary': "uds-badge-variant-info-secondary-root";
-    };
-    badgeVariantIcon: {
-        readonly primary: "uds-badge-variant-primary-icon";
-        readonly secondary: "uds-badge-variant-secondary-icon";
-        readonly brand: "uds-badge-variant-brand-icon";
-        readonly 'brand-secondary': "uds-badge-variant-brand-secondary-icon";
-        readonly alert: "uds-badge-variant-alert-icon";
-        readonly 'alert-secondary': "uds-badge-variant-alert-secondary-icon";
-        readonly warning: "uds-badge-variant-warning-icon";
-        readonly 'warning-secondary': "uds-badge-variant-warning-secondary-icon";
-        readonly positive: "uds-badge-variant-positive-icon";
-        readonly 'positive-secondary': "uds-badge-variant-positive-secondary-icon";
-        readonly info: "uds-badge-variant-info-icon";
-        readonly 'info-secondary': "uds-badge-variant-info-secondary-icon";
-    };
-    checkboxSizeRoot: {
-        readonly sm: "uds-checkbox-size-sm-root";
-        readonly md: "uds-checkbox-size-md-root";
+    radioVariantValueRoot: {
+        readonly checked: "uds-radio-variant-value-checked-root";
+        readonly unchecked: "uds-radio-variant-value-unchecked-root";
     };
-    checkboxSizeCheckbox: {
-        readonly sm: "uds-checkbox-size-sm-checkbox";
-        readonly md: "uds-checkbox-size-md-checkbox";
+    radioVariantRoot: {
+        readonly primary: "uds-radio-variant-primary-root";
+        readonly secondary: "uds-radio-variant-secondary-root";
+        readonly alert: "uds-radio-variant-alert-root";
+        readonly 'alert-secondary': "uds-radio-variant-alert-secondary-root";
     };
-    checkboxVariantValueRoot: {
-        readonly checked: "uds-checkbox-variant-value-checked-root";
-        readonly unchecked: "uds-checkbox-variant-value-unchecked-root";
-        readonly indeterminate: "uds-checkbox-variant-value-indeterminate-root";
+    radioVariantValueRadio: {
+        readonly checked: "uds-radio-variant-value-checked-radio";
+        readonly unchecked: "uds-radio-variant-value-unchecked-radio";
     };
-    checkboxVariantRoot: {
-        readonly primary: "uds-checkbox-variant-primary-root";
-        readonly secondary: "uds-checkbox-variant-secondary-root";
-        readonly alert: "uds-checkbox-variant-alert-root";
-        readonly 'alert-secondary': "uds-checkbox-variant-alert-secondary-root";
+    radioVariantRadio: {
+        readonly primary: "uds-radio-variant-primary-radio";
+        readonly secondary: "uds-radio-variant-secondary-radio";
+        readonly alert: "uds-radio-variant-alert-radio";
+        readonly 'alert-secondary': "uds-radio-variant-alert-secondary-radio";
     };
-    checkboxVariantValueCheckbox: {
-        readonly checked: "uds-checkbox-variant-value-checked-checkbox";
-        readonly unchecked: "uds-checkbox-variant-value-unchecked-checkbox";
-        readonly indeterminate: "uds-checkbox-variant-value-indeterminate-checkbox";
+    radioVariantValueRadioCircle: {
+        readonly checked: "uds-radio-variant-value-checked-radio-circle";
+        readonly unchecked: "uds-radio-variant-value-unchecked-radio-circle";
     };
-    checkboxVariantCheckbox: {
-        readonly primary: "uds-checkbox-variant-primary-checkbox";
-        readonly secondary: "uds-checkbox-variant-secondary-checkbox";
-        readonly alert: "uds-checkbox-variant-alert-checkbox";
-        readonly 'alert-secondary': "uds-checkbox-variant-alert-secondary-checkbox";
+    radioVariantRadioCircle: {
+        readonly primary: "uds-radio-variant-primary-radio-circle";
+        readonly secondary: "uds-radio-variant-secondary-radio-circle";
+        readonly alert: "uds-radio-variant-alert-radio-circle";
+        readonly 'alert-secondary': "uds-radio-variant-alert-secondary-radio-circle";
     };
-    checkboxVariantValueCheckboxIcon: {
-        readonly checked: "uds-checkbox-variant-value-checked-checkbox-icon";
-        readonly unchecked: "uds-checkbox-variant-value-unchecked-checkbox-icon";
-        readonly indeterminate: "uds-checkbox-variant-value-indeterminate-checkbox-icon";
+    radioSizeRoot: {
+        readonly sm: "uds-radio-size-sm-root";
+        readonly md: "uds-radio-size-md-root";
     };
-    checkboxVariantCheckboxIcon: {
-        readonly primary: "uds-checkbox-variant-primary-checkbox-icon";
-        readonly secondary: "uds-checkbox-variant-secondary-checkbox-icon";
-        readonly alert: "uds-checkbox-variant-alert-checkbox-icon";
-        readonly 'alert-secondary': "uds-checkbox-variant-alert-secondary-checkbox-icon";
+    radioSizeRadio: {
+        readonly sm: "uds-radio-size-sm-radio";
+        readonly md: "uds-radio-size-md-radio";
     };
     chipSizeRoot: {
         readonly sm: "uds-chip-size-sm-root";
@@ -165,125 +96,49 @@ declare const variants: {
         readonly brand: "uds-chip-link-variant-brand-icon";
         readonly 'brand-secondary': "uds-chip-link-variant-brand-secondary-icon";
     };
-    dividerVariantRoot: {
-        readonly primary: "uds-divider-variant-primary-root";
-        readonly secondary: "uds-divider-variant-secondary-root";
-        readonly tertiary: "uds-divider-variant-tertiary-root";
-        readonly muted: "uds-divider-variant-muted-root";
-    };
-    dividerVariantLine: {
-        readonly primary: "uds-divider-variant-primary-line";
-        readonly secondary: "uds-divider-variant-secondary-line";
-        readonly tertiary: "uds-divider-variant-tertiary-line";
-        readonly muted: "uds-divider-variant-muted-line";
-    };
-    dividerVariantLabel: {
-        readonly primary: "uds-divider-variant-primary-label";
-        readonly secondary: "uds-divider-variant-secondary-label";
-        readonly tertiary: "uds-divider-variant-tertiary-label";
-        readonly muted: "uds-divider-variant-muted-label";
-    };
-    inputSizeRoot: {
-        readonly md: "uds-input-size-md-root";
-        readonly lg: "uds-input-size-lg-root";
-    };
-    inputSizeInputWrapper: {
-        readonly md: "uds-input-size-md-input-wrapper";
-        readonly lg: "uds-input-size-lg-input-wrapper";
-    };
-    inputSizeInput: {
-        readonly md: "uds-input-size-md-input";
-        readonly lg: "uds-input-size-lg-input";
-    };
-    inputSizeStartIcon: {
-        readonly md: "uds-input-size-md-start-icon";
-        readonly lg: "uds-input-size-lg-start-icon";
-    };
-    inputSizeEndIcon: {
-        readonly md: "uds-input-size-md-end-icon";
-        readonly lg: "uds-input-size-lg-end-icon";
-    };
-    inputSizeLabel: {
-        readonly md: "uds-input-size-md-label";
-        readonly lg: "uds-input-size-lg-label";
-    };
-    inputSizeHelperIcon: {
-        readonly md: "uds-input-size-md-helper-icon";
-        readonly lg: "uds-input-size-lg-helper-icon";
-    };
-    inputSizeHelperText: {
-        readonly md: "uds-input-size-md-helper-text";
-        readonly lg: "uds-input-size-lg-helper-text";
-    };
-    inputVariantValueRoot: {
-        readonly filled: "uds-input-variant-value-filled-root";
-        readonly empty: "uds-input-variant-value-empty-root";
-    };
-    inputVariantRoot: {
-        readonly default: "uds-input-variant-default-root";
-    };
-    inputVariantValueInputWrapper: {
-        readonly filled: "uds-input-variant-value-filled-input-wrapper";
-        readonly empty: "uds-input-variant-value-empty-input-wrapper";
-    };
-    inputVariantInputWrapper: {
-        readonly default: "uds-input-variant-default-input-wrapper";
-    };
-    inputVariantValueInput: {
-        readonly filled: "uds-input-variant-value-filled-input";
-        readonly empty: "uds-input-variant-value-empty-input";
-    };
-    inputVariantInput: {
-        readonly default: "uds-input-variant-default-input";
-    };
-    inputVariantValueInputPlaceholder: {
-        readonly filled: "uds-input-variant-value-filled-input-placeholder";
-        readonly empty: "uds-input-variant-value-empty-input-placeholder";
-    };
-    inputVariantInputPlaceholder: {
-        readonly default: "uds-input-variant-default-input-placeholder";
-    };
-    inputVariantValueStartIcon: {
-        readonly filled: "uds-input-variant-value-filled-start-icon";
-        readonly empty: "uds-input-variant-value-empty-start-icon";
+    switchVariantActiveRoot: {
+        readonly on: "uds-switch-variant-active-on-root";
+        readonly off: "uds-switch-variant-active-off-root";
     };
-    inputVariantStartIcon: {
-        readonly default: "uds-input-variant-default-start-icon";
+    switchVariantRoot: {
+        readonly default: "uds-switch-variant-default-root";
     };
-    inputVariantValueEndIcon: {
-        readonly filled: "uds-input-variant-value-filled-end-icon";
-        readonly empty: "uds-input-variant-value-empty-end-icon";
+    switchVariantActiveSwitch: {
+        readonly on: "uds-switch-variant-active-on-switch";
+        readonly off: "uds-switch-variant-active-off-switch";
     };
-    inputVariantEndIcon: {
-        readonly default: "uds-input-variant-default-end-icon";
+    switchVariantSwitch: {
+        readonly default: "uds-switch-variant-default-switch";
     };
-    inputVariantValueLabel: {
-        readonly filled: "uds-input-variant-value-filled-label";
-        readonly empty: "uds-input-variant-value-empty-label";
+    switchVariantActiveHandle: {
+        readonly on: "uds-switch-variant-active-on-handle";
+        readonly off: "uds-switch-variant-active-off-handle";
     };
-    inputVariantLabel: {
-        readonly default: "uds-input-variant-default-label";
+    switchVariantHandle: {
+        readonly default: "uds-switch-variant-default-handle";
     };
-    inputVariantValueLabelRequired: {
-        readonly filled: "uds-input-variant-value-filled-label-required";
-        readonly empty: "uds-input-variant-value-empty-label-required";
+    switchVariantActiveHandleIcon: {
+        readonly on: "uds-switch-variant-active-on-handle-icon";
+        readonly off: "uds-switch-variant-active-off-handle-icon";
     };
-    inputVariantLabelRequired: {
-        readonly default: "uds-input-variant-default-label-required";
+    switchVariantHandleIcon: {
+        readonly default: "uds-switch-variant-default-handle-icon";
     };
-    inputVariantValueHelperIcon: {
-        readonly filled: "uds-input-variant-value-filled-helper-icon";
-        readonly empty: "uds-input-variant-value-empty-helper-icon";
+    switchSizeRoot: {
+        readonly sm: "uds-switch-size-sm-root";
+        readonly md: "uds-switch-size-md-root";
     };
-    inputVariantHelperIcon: {
-        readonly default: "uds-input-variant-default-helper-icon";
+    switchSizeSwitch: {
+        readonly sm: "uds-switch-size-sm-switch";
+        readonly md: "uds-switch-size-md-switch";
     };
-    inputVariantValueHelperText: {
-        readonly filled: "uds-input-variant-value-filled-helper-text";
-        readonly empty: "uds-input-variant-value-empty-helper-text";
+    switchSizeHandle: {
+        readonly sm: "uds-switch-size-sm-handle";
+        readonly md: "uds-switch-size-md-handle";
     };
-    inputVariantHelperText: {
-        readonly default: "uds-input-variant-default-helper-text";
+    switchSizeHandleIcon: {
+        readonly sm: "uds-switch-size-sm-handle-icon";
+        readonly md: "uds-switch-size-md-handle-icon";
     };
     linkTextStyleRoot: {
         readonly display1: "uds-link-text-style-display-1-root";
@@ -333,11 +188,37 @@ declare const variants: {
         readonly tertiary: "uds-link-variant-tertiary-icon-start";
         readonly 'on-color': "uds-link-variant-on-color-icon-start";
     };
-    linkVariantIconEnd: {
-        readonly primary: "uds-link-variant-primary-icon-end";
-        readonly secondary: "uds-link-variant-secondary-icon-end";
-        readonly tertiary: "uds-link-variant-tertiary-icon-end";
-        readonly 'on-color': "uds-link-variant-on-color-icon-end";
+    linkVariantIconEnd: {
+        readonly primary: "uds-link-variant-primary-icon-end";
+        readonly secondary: "uds-link-variant-secondary-icon-end";
+        readonly tertiary: "uds-link-variant-tertiary-icon-end";
+        readonly 'on-color': "uds-link-variant-on-color-icon-end";
+    };
+    avatarSizeRoot: {
+        readonly xs: "uds-avatar-size-xs-root";
+        readonly sm: "uds-avatar-size-sm-root";
+        readonly md: "uds-avatar-size-md-root";
+        readonly lg: "uds-avatar-size-lg-root";
+        readonly xl: "uds-avatar-size-xl-root";
+    };
+    avatarSizeIcon: {
+        readonly xs: "uds-avatar-size-xs-icon";
+        readonly sm: "uds-avatar-size-sm-icon";
+        readonly md: "uds-avatar-size-md-icon";
+        readonly lg: "uds-avatar-size-lg-icon";
+        readonly xl: "uds-avatar-size-xl-icon";
+    };
+    avatarTextVariantRoot: {
+        readonly primary: "uds-avatar-text-variant-primary-root";
+        readonly secondary: "uds-avatar-text-variant-secondary-root";
+    };
+    avatarImageVariantRoot: {
+        readonly primary: "uds-avatar-image-variant-primary-root";
+        readonly secondary: "uds-avatar-image-variant-secondary-root";
+    };
+    avatarIconVariantRoot: {
+        readonly primary: "uds-avatar-icon-variant-primary-root";
+        readonly secondary: "uds-avatar-icon-variant-secondary-root";
     };
     menuSizeRoot: {
         readonly default: "uds-menu-size-default-root";
@@ -403,87 +284,206 @@ declare const variants: {
     menuDividerVariantText: {
         readonly default: "uds-menu-divider-variant-default-text";
     };
-    radioVariantValueRoot: {
-        readonly checked: "uds-radio-variant-value-checked-root";
-        readonly unchecked: "uds-radio-variant-value-unchecked-root";
+    inputSizeRoot: {
+        readonly md: "uds-input-size-md-root";
+        readonly lg: "uds-input-size-lg-root";
     };
-    radioVariantRoot: {
-        readonly primary: "uds-radio-variant-primary-root";
-        readonly secondary: "uds-radio-variant-secondary-root";
-        readonly alert: "uds-radio-variant-alert-root";
-        readonly 'alert-secondary': "uds-radio-variant-alert-secondary-root";
+    inputSizeInputWrapper: {
+        readonly md: "uds-input-size-md-input-wrapper";
+        readonly lg: "uds-input-size-lg-input-wrapper";
     };
-    radioVariantValueRadio: {
-        readonly checked: "uds-radio-variant-value-checked-radio";
-        readonly unchecked: "uds-radio-variant-value-unchecked-radio";
+    inputSizeInput: {
+        readonly md: "uds-input-size-md-input";
+        readonly lg: "uds-input-size-lg-input";
     };
-    radioVariantRadio: {
-        readonly primary: "uds-radio-variant-primary-radio";
-        readonly secondary: "uds-radio-variant-secondary-radio";
-        readonly alert: "uds-radio-variant-alert-radio";
-        readonly 'alert-secondary': "uds-radio-variant-alert-secondary-radio";
+    inputSizeStartIcon: {
+        readonly md: "uds-input-size-md-start-icon";
+        readonly lg: "uds-input-size-lg-start-icon";
     };
-    radioVariantValueRadioCircle: {
-        readonly checked: "uds-radio-variant-value-checked-radio-circle";
-        readonly unchecked: "uds-radio-variant-value-unchecked-radio-circle";
+    inputSizeEndIcon: {
+        readonly md: "uds-input-size-md-end-icon";
+        readonly lg: "uds-input-size-lg-end-icon";
     };
-    radioVariantRadioCircle: {
-        readonly primary: "uds-radio-variant-primary-radio-circle";
-        readonly secondary: "uds-radio-variant-secondary-radio-circle";
-        readonly alert: "uds-radio-variant-alert-radio-circle";
-        readonly 'alert-secondary': "uds-radio-variant-alert-secondary-radio-circle";
+    inputSizeLabel: {
+        readonly md: "uds-input-size-md-label";
+        readonly lg: "uds-input-size-lg-label";
     };
-    radioSizeRoot: {
-        readonly sm: "uds-radio-size-sm-root";
-        readonly md: "uds-radio-size-md-root";
+    inputSizeHelperIcon: {
+        readonly md: "uds-input-size-md-helper-icon";
+        readonly lg: "uds-input-size-lg-helper-icon";
     };
-    radioSizeRadio: {
-        readonly sm: "uds-radio-size-sm-radio";
-        readonly md: "uds-radio-size-md-radio";
+    inputSizeHelperText: {
+        readonly md: "uds-input-size-md-helper-text";
+        readonly lg: "uds-input-size-lg-helper-text";
     };
-    switchVariantActiveRoot: {
-        readonly on: "uds-switch-variant-active-on-root";
-        readonly off: "uds-switch-variant-active-off-root";
+    inputVariantValueRoot: {
+        readonly filled: "uds-input-variant-value-filled-root";
+        readonly empty: "uds-input-variant-value-empty-root";
     };
-    switchVariantRoot: {
-        readonly default: "uds-switch-variant-default-root";
+    inputVariantRoot: {
+        readonly default: "uds-input-variant-default-root";
     };
-    switchVariantActiveSwitch: {
-        readonly on: "uds-switch-variant-active-on-switch";
-        readonly off: "uds-switch-variant-active-off-switch";
+    inputVariantValueInputWrapper: {
+        readonly filled: "uds-input-variant-value-filled-input-wrapper";
+        readonly empty: "uds-input-variant-value-empty-input-wrapper";
     };
-    switchVariantSwitch: {
-        readonly default: "uds-switch-variant-default-switch";
+    inputVariantInputWrapper: {
+        readonly default: "uds-input-variant-default-input-wrapper";
     };
-    switchVariantActiveHandle: {
-        readonly on: "uds-switch-variant-active-on-handle";
-        readonly off: "uds-switch-variant-active-off-handle";
+    inputVariantValueInput: {
+        readonly filled: "uds-input-variant-value-filled-input";
+        readonly empty: "uds-input-variant-value-empty-input";
     };
-    switchVariantHandle: {
-        readonly default: "uds-switch-variant-default-handle";
+    inputVariantInput: {
+        readonly default: "uds-input-variant-default-input";
     };
-    switchVariantActiveHandleIcon: {
-        readonly on: "uds-switch-variant-active-on-handle-icon";
-        readonly off: "uds-switch-variant-active-off-handle-icon";
+    inputVariantValueInputPlaceholder: {
+        readonly filled: "uds-input-variant-value-filled-input-placeholder";
+        readonly empty: "uds-input-variant-value-empty-input-placeholder";
     };
-    switchVariantHandleIcon: {
-        readonly default: "uds-switch-variant-default-handle-icon";
+    inputVariantInputPlaceholder: {
+        readonly default: "uds-input-variant-default-input-placeholder";
     };
-    switchSizeRoot: {
-        readonly sm: "uds-switch-size-sm-root";
-        readonly md: "uds-switch-size-md-root";
+    inputVariantValueStartIcon: {
+        readonly filled: "uds-input-variant-value-filled-start-icon";
+        readonly empty: "uds-input-variant-value-empty-start-icon";
     };
-    switchSizeSwitch: {
-        readonly sm: "uds-switch-size-sm-switch";
-        readonly md: "uds-switch-size-md-switch";
+    inputVariantStartIcon: {
+        readonly default: "uds-input-variant-default-start-icon";
     };
-    switchSizeHandle: {
-        readonly sm: "uds-switch-size-sm-handle";
-        readonly md: "uds-switch-size-md-handle";
+    inputVariantValueEndIcon: {
+        readonly filled: "uds-input-variant-value-filled-end-icon";
+        readonly empty: "uds-input-variant-value-empty-end-icon";
     };
-    switchSizeHandleIcon: {
-        readonly sm: "uds-switch-size-sm-handle-icon";
-        readonly md: "uds-switch-size-md-handle-icon";
+    inputVariantEndIcon: {
+        readonly default: "uds-input-variant-default-end-icon";
+    };
+    inputVariantValueLabel: {
+        readonly filled: "uds-input-variant-value-filled-label";
+        readonly empty: "uds-input-variant-value-empty-label";
+    };
+    inputVariantLabel: {
+        readonly default: "uds-input-variant-default-label";
+    };
+    inputVariantValueLabelRequired: {
+        readonly filled: "uds-input-variant-value-filled-label-required";
+        readonly empty: "uds-input-variant-value-empty-label-required";
+    };
+    inputVariantLabelRequired: {
+        readonly default: "uds-input-variant-default-label-required";
+    };
+    inputVariantValueHelperIcon: {
+        readonly filled: "uds-input-variant-value-filled-helper-icon";
+        readonly empty: "uds-input-variant-value-empty-helper-icon";
+    };
+    inputVariantHelperIcon: {
+        readonly default: "uds-input-variant-default-helper-icon";
+    };
+    inputVariantValueHelperText: {
+        readonly filled: "uds-input-variant-value-filled-helper-text";
+        readonly empty: "uds-input-variant-value-empty-helper-text";
+    };
+    inputVariantHelperText: {
+        readonly default: "uds-input-variant-default-helper-text";
+    };
+    dividerVariantRoot: {
+        readonly primary: "uds-divider-variant-primary-root";
+        readonly secondary: "uds-divider-variant-secondary-root";
+        readonly tertiary: "uds-divider-variant-tertiary-root";
+        readonly muted: "uds-divider-variant-muted-root";
+    };
+    dividerVariantLine: {
+        readonly primary: "uds-divider-variant-primary-line";
+        readonly secondary: "uds-divider-variant-secondary-line";
+        readonly tertiary: "uds-divider-variant-tertiary-line";
+        readonly muted: "uds-divider-variant-muted-line";
+    };
+    dividerVariantLabel: {
+        readonly primary: "uds-divider-variant-primary-label";
+        readonly secondary: "uds-divider-variant-secondary-label";
+        readonly tertiary: "uds-divider-variant-tertiary-label";
+        readonly muted: "uds-divider-variant-muted-label";
+    };
+    badgeSizeRoot: {
+        readonly xs: "uds-badge-size-xs-root";
+        readonly sm: "uds-badge-size-sm-root";
+        readonly md: "uds-badge-size-md-root";
+        readonly lg: "uds-badge-size-lg-root";
+    };
+    badgeSizeIcon: {
+        readonly xs: "uds-badge-size-xs-icon";
+        readonly sm: "uds-badge-size-sm-icon";
+        readonly md: "uds-badge-size-md-icon";
+        readonly lg: "uds-badge-size-lg-icon";
+    };
+    badgeVariantRoot: {
+        readonly primary: "uds-badge-variant-primary-root";
+        readonly secondary: "uds-badge-variant-secondary-root";
+        readonly brand: "uds-badge-variant-brand-root";
+        readonly 'brand-secondary': "uds-badge-variant-brand-secondary-root";
+        readonly alert: "uds-badge-variant-alert-root";
+        readonly 'alert-secondary': "uds-badge-variant-alert-secondary-root";
+        readonly warning: "uds-badge-variant-warning-root";
+        readonly 'warning-secondary': "uds-badge-variant-warning-secondary-root";
+        readonly positive: "uds-badge-variant-positive-root";
+        readonly 'positive-secondary': "uds-badge-variant-positive-secondary-root";
+        readonly info: "uds-badge-variant-info-root";
+        readonly 'info-secondary': "uds-badge-variant-info-secondary-root";
+    };
+    badgeVariantIcon: {
+        readonly primary: "uds-badge-variant-primary-icon";
+        readonly secondary: "uds-badge-variant-secondary-icon";
+        readonly brand: "uds-badge-variant-brand-icon";
+        readonly 'brand-secondary': "uds-badge-variant-brand-secondary-icon";
+        readonly alert: "uds-badge-variant-alert-icon";
+        readonly 'alert-secondary': "uds-badge-variant-alert-secondary-icon";
+        readonly warning: "uds-badge-variant-warning-icon";
+        readonly 'warning-secondary': "uds-badge-variant-warning-secondary-icon";
+        readonly positive: "uds-badge-variant-positive-icon";
+        readonly 'positive-secondary': "uds-badge-variant-positive-secondary-icon";
+        readonly info: "uds-badge-variant-info-icon";
+        readonly 'info-secondary': "uds-badge-variant-info-secondary-icon";
+    };
+    checkboxSizeRoot: {
+        readonly sm: "uds-checkbox-size-sm-root";
+        readonly md: "uds-checkbox-size-md-root";
+    };
+    checkboxSizeCheckbox: {
+        readonly sm: "uds-checkbox-size-sm-checkbox";
+        readonly md: "uds-checkbox-size-md-checkbox";
+    };
+    checkboxVariantValueRoot: {
+        readonly checked: "uds-checkbox-variant-value-checked-root";
+        readonly unchecked: "uds-checkbox-variant-value-unchecked-root";
+        readonly indeterminate: "uds-checkbox-variant-value-indeterminate-root";
+    };
+    checkboxVariantRoot: {
+        readonly primary: "uds-checkbox-variant-primary-root";
+        readonly secondary: "uds-checkbox-variant-secondary-root";
+        readonly alert: "uds-checkbox-variant-alert-root";
+        readonly 'alert-secondary': "uds-checkbox-variant-alert-secondary-root";
+    };
+    checkboxVariantValueCheckbox: {
+        readonly checked: "uds-checkbox-variant-value-checked-checkbox";
+        readonly unchecked: "uds-checkbox-variant-value-unchecked-checkbox";
+        readonly indeterminate: "uds-checkbox-variant-value-indeterminate-checkbox";
+    };
+    checkboxVariantCheckbox: {
+        readonly primary: "uds-checkbox-variant-primary-checkbox";
+        readonly secondary: "uds-checkbox-variant-secondary-checkbox";
+        readonly alert: "uds-checkbox-variant-alert-checkbox";
+        readonly 'alert-secondary': "uds-checkbox-variant-alert-secondary-checkbox";
+    };
+    checkboxVariantValueCheckboxIcon: {
+        readonly checked: "uds-checkbox-variant-value-checked-checkbox-icon";
+        readonly unchecked: "uds-checkbox-variant-value-unchecked-checkbox-icon";
+        readonly indeterminate: "uds-checkbox-variant-value-indeterminate-checkbox-icon";
+    };
+    checkboxVariantCheckboxIcon: {
+        readonly primary: "uds-checkbox-variant-primary-checkbox-icon";
+        readonly secondary: "uds-checkbox-variant-secondary-checkbox-icon";
+        readonly alert: "uds-checkbox-variant-alert-checkbox-icon";
+        readonly 'alert-secondary': "uds-checkbox-variant-alert-secondary-checkbox-icon";
     };
     color: {
         accent: string;