@yahoo/uds 3.24.0 → 3.25.0-beta.1

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-CcRuZfrk.js';
-export { A as AllPossibleProperties, j as AllVariantKeys, i as AutoComponentName, h as AutoComponents, C as ConfigurablePropertiesName, E as ExtendablePropertiesName, 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-CcRuZfrk.js';
-import { d6 as UniversalTokensConfigAuto, f as UniversalTokensConfig, aN as ButtonKind, aR as ButtonPalette, aI as ButtonBaseConfig, B as ButtonConfig, c as ShadowConfig, bz as FontWeightDescriptive, bA as FontWeightNumeric, b8 as ColorModeForApp, cd as ScaleModeForApp, g as ColorMode, k as ScaleMode, bF as HighContrastMode, c9 as RegionMode, b0 as ButtonVariant, b2 as ButtonVariantFlat } from '../types-BrfKRznE.js';
-export { N as AVATAR_SIZE_PREFIX, am as AlwaysPalette, an as AlwaysPaletteAlias, ao as AlwaysPaletteColor, ap as Animation, aq as AriaAttribute, ar as AvatarAbbreviationStrategy, as as AvatarShape, at as AvatarSize, au as AvatarSizeConfig, av as AvatarVariant, O as BORDER_RADIUS_PREFIX, Q as BORDER_WIDTH_PREFIX, ae as BUTTON_CSS_VAR_MAP, aw as BackgroundColor, ax as BackgroundPalette, ay as BackgroundPaletteAlias, az as BackgroundStyleProps, aA as BadgeSize, aB as BadgeVariant, aC as BorderRadius, aD as BorderRadiusConfig, aE as BorderStyleProps, aF as BorderWidth, aG as BorderWidthConfig, aH as Breakpoint, d as BreakpointsConfig, p as ButtonClassMap, aJ as ButtonClassName, aK as ButtonColorConfig, aL as ButtonColorEffect, aM as ButtonColorEffectConfig, r as ButtonColorProperty, s as ButtonColorPropertyConfig, aO as ButtonMotionEffect, aP as ButtonMotionProperty, aQ as ButtonMotionPropertyConfig, aS as ButtonPaletteColor, aT as ButtonPaletteConfig, aU as ButtonShadowPropertyConfig, aV as ButtonSize, aW as ButtonSizeConfig, aX as ButtonSizeProperty, aY as ButtonSpectrumColor, aZ as ButtonState, a_ as ButtonStateConfig, a$ as ButtonStateEffectConfig, b1 as ButtonVariantConfig, b3 as CheckboxSize, b4 as CheckboxValue, b5 as CheckboxVariant, b6 as ChipSize, b7 as ChipVariant, C as ColorModeConfig, h as ColorsConfig, b9 as ConfigurableDropShadowValues, ba as ConfigurableInsetShadowValues, bb as CustomSizingStyleProps, a2 as DARK_COLOR_MODE_CLASSNAME, ab as DEFAULT_COLOR_MODE_CLASSNAME, ac as DEFAULT_SCALE_MODE_CLASSNAME, bc as DataAttribute, bd as Display, be as DividerVariant, ah as FONT_DECLARATIONS_MAP, R as FONT_FAMILY_PREFIX, V as FONT_SIZE_PREFIX, X as FONT_SLANT_PREFIX, W as FONT_WEIGHT_PREFIX, Y as FONT_WIDTH_PREFIX, bf as Flex, bg as FlexAlignContent, bh as FlexAlignItems, bi as FlexAlignSelf, bj as FlexBasis, bk as FlexDirection, bl as FlexGrow, bm as FlexJustifyContent, bn as FlexShrink, bo as FlexStyleProps, bp as FlexWrap, bq as FontAlias, ai as FontAxisConfig, F as FontConfig, br as FontCssVar, aj as FontDeclarationConfig, w as FontDeclarationItemConfig, ak as FontDeclarationMap, bs as FontFamilyCDNUrl, bt as FontFamilyConfig, v as FontID, bu as FontSize, bv as FontSizeConfig, bw as FontSlantConfig, bx as FontType, by as FontWeightConfig, al as FontWeightForFont, bB as FontWidthConfig, bC as ForegroundColor, bD as ForegroundPalette, bE as ForegroundPaletteAlias, G as GlobalDefaultsConfig, H as Hue, i as HueStep, af as ICON_BUTTON_CSS_VAR_MAP, Z as ICON_SIZE_PREFIX, q as IconButtonClassMap, bG as IconButtonClassName, I as IconButtonConfig, bH as IconButtonDefaultsConfig, bI as IconButtonSize, z as IconPropsWithSVGProps, bJ as IconSizeConfig, A as ImagePropsWithImgProps, bK as ImageStyleProps, bL as InputSize, a7 as LARGE_SCALE_MODE_CLASSNAME, a3 as LIGHT_COLOR_MODE_CLASSNAME, _ as LINE_HEIGHT_PREFIX, bM as LayoutStyleProps, bN as LetterSpacing, bO as LineClampAlias, bP as LineColor, bQ as LineHeight, bR as LineHeightConfig, bS as LinePalette, bT as LinePaletteAlias, a6 as MEDIUM_SCALE_MODE_CLASSNAME, $ as MOTION_PREFIX, bU as Modes, M as MotionConfig, bV as MotionCssVar, bW as MotionSpringConfig, bX as MotionSpringConfigOptions, bY as MotionVariant, bZ as MotionVariantSpeed, b_ as MotionVariantValues, b$ as Overflow, ag as PSEUDO_STYLE_SELECTOR_MAP, c0 as Palette, j as PaletteConfig, P as PaletteType, c1 as PaletteValue, c2 as Pixels, c3 as PlatformMode, c4 as Position, c5 as PropertyToPaletteAliasMap, c6 as RadioSize, c7 as RadioValue, c8 as RadioVariant, ca as Rems, a5 as SMALL_SCALE_MODE_CLASSNAME, a0 as SPECTRUM_COLOR_PREFIX, cb as ScaleConfig, cc as ScaleEffectMap, S as ScaleModeConfig, ce as ShadowColor, cf as ShadowColorConfig, cg as ShadowOffset, ch as ShadowOpacity, ci as ShadowPalette, cj as ShadowPaletteAlias, l as ShadowPreset, ck as ShadowSpreadRadius, cl as ShadowStyleProps, x as ShadowType, cm as ShadowTypeConfig, cn as ShadowVariant, co as ShadowVariantConfig, cp as ShadowVariantInvert, cq as ShadowVariantWithInvert, cr as SharedPaletteAlias, t as SpacingAlias, cs as SpacingConfig, ct as SpacingStyleProps, cu as SpectrumColor, cv as SpectrumConfig, cw as StateStyleProps, cx as StyleProps, cy as SwitchSize, ad as TEXT_RESPONSIVE_CLASSNAME, a1 as TEXT_TRANSFORM_PREFIX, cI as TShirtSize, cJ as TShirtSizeCommon, cz as TextDecorationLine, cA as TextProperty, cB as TextStyleProps, cC as TextTransform, cD as TextTransformConfig, cE as TextVariant, cF as TransitionDelay, cG as TransitionDuration, cH as TransitionTiming, T as TypographyConfig, cK as TypographyResponsiveProperty, cL as TypographyStyle, cM as TypographyStyleProperty, cN as TypographyUnitValue, L as UDS_PREFIX, cO as UdsCssVar, cP as Unitless, cQ as UniversalAvatarIconProps, cR as UniversalAvatarImageProps, cS as UniversalAvatarProps, cT as UniversalAvatarTextProps, cU as UniversalBadgeProps, m as UniversalBoxProps, cV as UniversalButtonProps, cW as UniversalCheckboxProps, cX as UniversalChipBaseProps, cY as UniversalChipButtonProps, cZ as UniversalChipDismissibleProps, c_ as UniversalChipLinkProps, c$ as UniversalChipProps, d0 as UniversalChipToggleProps, o as UniversalDividerProps, y as UniversalFormLabelProps, d1 as UniversalIconButtonProps, d2 as UniversalIconProps, D as UniversalIconSlot, d3 as UniversalImageProps, U as UniversalInputProps, E as UniversalLinkProps, u as UniversalMenuItemProps, a as UniversalPressableProps, d4 as UniversalRadioGroupProps, d5 as UniversalRadioProps, n as UniversalStackProps, b as UniversalSwitchProps, J as UniversalTextProps, a8 as XLARGE_SCALE_MODE_CLASSNAME, a4 as XSMALL_SCALE_MODE_CLASSNAME, a9 as XXLARGE_SCALE_MODE_CLASSNAME, aa as XXXLARGE_SCALE_MODE_CLASSNAME, K as alwaysPalette } from '../types-BrfKRznE.js';
+import { g as ComponentConfig, V as VariantConfig, b as ComponentStateConfig, S as SelectedConfigurableProperty, a as PossibleStatesWithRest, d as SubComponentConfig } from '../index-sNMLQ454.js';
+export { A as AllPossibleProperties, j as AllVariantKeys, i as AutoComponentName, h as AutoComponents, C as ConfigurablePropertiesName, E as ExtendablePropertiesName, 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-sNMLQ454.js';
+import { d6 as UniversalTokensConfigAuto, f as UniversalTokensConfig, aN as ButtonKind, aR as ButtonPalette, aI as ButtonBaseConfig, B as ButtonConfig, c as ShadowConfig, bz as FontWeightDescriptive, bA as FontWeightNumeric, b8 as ColorModeForApp, cd as ScaleModeForApp, g as ColorMode, k as ScaleMode, bF as HighContrastMode, c9 as RegionMode, b0 as ButtonVariant, b2 as ButtonVariantFlat } from '../types-DdH3vByQ.js';
+export { N as AVATAR_SIZE_PREFIX, am as AlwaysPalette, an as AlwaysPaletteAlias, ao as AlwaysPaletteColor, ap as Animation, aq as AriaAttribute, ar as AvatarAbbreviationStrategy, as as AvatarShape, at as AvatarSize, au as AvatarSizeConfig, av as AvatarVariant, O as BORDER_RADIUS_PREFIX, Q as BORDER_WIDTH_PREFIX, ae as BUTTON_CSS_VAR_MAP, aw as BackgroundColor, ax as BackgroundPalette, ay as BackgroundPaletteAlias, az as BackgroundStyleProps, aA as BadgeSize, aB as BadgeVariant, aC as BorderRadius, aD as BorderRadiusConfig, aE as BorderStyleProps, aF as BorderWidth, aG as BorderWidthConfig, aH as Breakpoint, d as BreakpointsConfig, p as ButtonClassMap, aJ as ButtonClassName, aK as ButtonColorConfig, aL as ButtonColorEffect, aM as ButtonColorEffectConfig, r as ButtonColorProperty, s as ButtonColorPropertyConfig, aO as ButtonMotionEffect, aP as ButtonMotionProperty, aQ as ButtonMotionPropertyConfig, aS as ButtonPaletteColor, aT as ButtonPaletteConfig, aU as ButtonShadowPropertyConfig, aV as ButtonSize, aW as ButtonSizeConfig, aX as ButtonSizeProperty, aY as ButtonSpectrumColor, aZ as ButtonState, a_ as ButtonStateConfig, a$ as ButtonStateEffectConfig, b1 as ButtonVariantConfig, b3 as CheckboxSize, b4 as CheckboxValue, b5 as CheckboxVariant, b6 as ChipSize, b7 as ChipVariant, C as ColorModeConfig, h as ColorsConfig, b9 as ConfigurableDropShadowValues, ba as ConfigurableInsetShadowValues, bb as CustomSizingStyleProps, a2 as DARK_COLOR_MODE_CLASSNAME, ab as DEFAULT_COLOR_MODE_CLASSNAME, ac as DEFAULT_SCALE_MODE_CLASSNAME, bc as DataAttribute, bd as Display, be as DividerVariant, ah as FONT_DECLARATIONS_MAP, R as FONT_FAMILY_PREFIX, V as FONT_SIZE_PREFIX, X as FONT_SLANT_PREFIX, W as FONT_WEIGHT_PREFIX, Y as FONT_WIDTH_PREFIX, bf as Flex, bg as FlexAlignContent, bh as FlexAlignItems, bi as FlexAlignSelf, bj as FlexBasis, bk as FlexDirection, bl as FlexGrow, bm as FlexJustifyContent, bn as FlexShrink, bo as FlexStyleProps, bp as FlexWrap, bq as FontAlias, ai as FontAxisConfig, F as FontConfig, br as FontCssVar, aj as FontDeclarationConfig, w as FontDeclarationItemConfig, ak as FontDeclarationMap, bs as FontFamilyCDNUrl, bt as FontFamilyConfig, v as FontID, bu as FontSize, bv as FontSizeConfig, bw as FontSlantConfig, bx as FontType, by as FontWeightConfig, al as FontWeightForFont, bB as FontWidthConfig, bC as ForegroundColor, bD as ForegroundPalette, bE as ForegroundPaletteAlias, G as GlobalDefaultsConfig, H as Hue, i as HueStep, af as ICON_BUTTON_CSS_VAR_MAP, Z as ICON_SIZE_PREFIX, q as IconButtonClassMap, bG as IconButtonClassName, I as IconButtonConfig, bH as IconButtonDefaultsConfig, bI as IconButtonSize, z as IconPropsWithSVGProps, bJ as IconSizeConfig, A as ImagePropsWithImgProps, bK as ImageStyleProps, bL as InputSize, a7 as LARGE_SCALE_MODE_CLASSNAME, a3 as LIGHT_COLOR_MODE_CLASSNAME, _ as LINE_HEIGHT_PREFIX, bM as LayoutStyleProps, bN as LetterSpacing, bO as LineClampAlias, bP as LineColor, bQ as LineHeight, bR as LineHeightConfig, bS as LinePalette, bT as LinePaletteAlias, a6 as MEDIUM_SCALE_MODE_CLASSNAME, $ as MOTION_PREFIX, bU as Modes, M as MotionConfig, bV as MotionCssVar, bW as MotionSpringConfig, bX as MotionSpringConfigOptions, bY as MotionVariant, bZ as MotionVariantSpeed, b_ as MotionVariantValues, b$ as Overflow, ag as PSEUDO_STYLE_SELECTOR_MAP, c0 as Palette, j as PaletteConfig, P as PaletteType, c1 as PaletteValue, c2 as Pixels, c3 as PlatformMode, c4 as Position, c5 as PropertyToPaletteAliasMap, c6 as RadioSize, c7 as RadioValue, c8 as RadioVariant, ca as Rems, a5 as SMALL_SCALE_MODE_CLASSNAME, a0 as SPECTRUM_COLOR_PREFIX, cb as ScaleConfig, cc as ScaleEffectMap, S as ScaleModeConfig, ce as ShadowColor, cf as ShadowColorConfig, cg as ShadowOffset, ch as ShadowOpacity, ci as ShadowPalette, cj as ShadowPaletteAlias, l as ShadowPreset, ck as ShadowSpreadRadius, cl as ShadowStyleProps, x as ShadowType, cm as ShadowTypeConfig, cn as ShadowVariant, co as ShadowVariantConfig, cp as ShadowVariantInvert, cq as ShadowVariantWithInvert, cr as SharedPaletteAlias, t as SpacingAlias, cs as SpacingConfig, ct as SpacingStyleProps, cu as SpectrumColor, cv as SpectrumConfig, cw as StateStyleProps, cx as StyleProps, cy as SwitchSize, ad as TEXT_RESPONSIVE_CLASSNAME, a1 as TEXT_TRANSFORM_PREFIX, cI as TShirtSize, cJ as TShirtSizeCommon, cz as TextDecorationLine, cA as TextProperty, cB as TextStyleProps, cC as TextTransform, cD as TextTransformConfig, cE as TextVariant, cF as TransitionDelay, cG as TransitionDuration, cH as TransitionTiming, T as TypographyConfig, cK as TypographyResponsiveProperty, cL as TypographyStyle, cM as TypographyStyleProperty, cN as TypographyUnitValue, L as UDS_PREFIX, cO as UdsCssVar, cP as Unitless, cQ as UniversalAvatarIconProps, cR as UniversalAvatarImageProps, cS as UniversalAvatarProps, cT as UniversalAvatarTextProps, cU as UniversalBadgeProps, m as UniversalBoxProps, cV as UniversalButtonProps, cW as UniversalCheckboxProps, cX as UniversalChipBaseProps, cY as UniversalChipButtonProps, cZ as UniversalChipDismissibleProps, c_ as UniversalChipLinkProps, c$ as UniversalChipProps, d0 as UniversalChipToggleProps, o as UniversalDividerProps, y as UniversalFormLabelProps, d1 as UniversalIconButtonProps, d2 as UniversalIconProps, D as UniversalIconSlot, d3 as UniversalImageProps, U as UniversalInputProps, E as UniversalLinkProps, u as UniversalMenuItemProps, a as UniversalPressableProps, d4 as UniversalRadioGroupProps, d5 as UniversalRadioProps, n as UniversalStackProps, b as UniversalSwitchProps, J as UniversalTextProps, a8 as XLARGE_SCALE_MODE_CLASSNAME, a4 as XSMALL_SCALE_MODE_CLASSNAME, a9 as XXLARGE_SCALE_MODE_CLASSNAME, aa as XXXLARGE_SCALE_MODE_CLASSNAME, K as alwaysPalette } from '../types-DdH3vByQ.js';
 export { IconSize, IconVariant } from '@yahoo/uds-icons/types';
 import '@yahoo/uds/fixtures';
 import 'motion/react';
@@ -10,6 +10,126 @@ import 'react';
 import 'type-fest';
 
 declare const variants: {
+    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";
+    };
+    inputVariantStartIcon: {
+        readonly default: "uds-input-variant-default-start-icon";
+    };
+    inputVariantValueEndIcon: {
+        readonly filled: "uds-input-variant-value-filled-end-icon";
+        readonly empty: "uds-input-variant-value-empty-end-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";
+    };
     menuSizeRoot: {
         readonly default: "uds-menu-size-default-root";
     };
@@ -121,32 +241,6 @@ declare const variants: {
         readonly sm: "uds-switch-size-sm-handle-icon";
         readonly md: "uds-switch-size-md-handle-icon";
     };
-    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";
-    };
     chipSizeRoot: {
         readonly sm: "uds-chip-size-sm-root";
         readonly md: "uds-chip-size-md-root";
@@ -199,6 +293,72 @@ declare const variants: {
         readonly brand: "uds-chip-link-variant-brand-icon";
         readonly 'brand-secondary': "uds-chip-link-variant-brand-secondary-icon";
     };
+    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";
@@ -240,24 +400,6 @@ declare const variants: {
         readonly alert: "uds-checkbox-variant-alert-checkbox-icon";
         readonly 'alert-secondary': "uds-checkbox-variant-alert-secondary-checkbox-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";
-    };
     radioVariantValueRoot: {
         readonly checked: "uds-radio-variant-value-checked-root";
         readonly unchecked: "uds-radio-variant-value-unchecked-root";
@@ -296,108 +438,6 @@ declare const variants: {
         readonly sm: "uds-radio-size-sm-radio";
         readonly md: "uds-radio-size-md-radio";
     };
-    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";
-    };
-    inputVariantStartIcon: {
-        readonly default: "uds-input-variant-default-start-icon";
-    };
-    inputVariantValueEndIcon: {
-        readonly filled: "uds-input-variant-value-filled-end-icon";
-        readonly empty: "uds-input-variant-value-empty-end-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";
-    };
     linkTextStyleRoot: {
         readonly display1: "uds-link-text-style-display-1-root";
         readonly display2: "uds-link-text-style-display-2-root";
@@ -452,46 +492,6 @@ declare const variants: {
         readonly tertiary: "uds-link-variant-tertiary-icon-end";
         readonly 'on-color': "uds-link-variant-on-color-icon-end";
     };
-    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";
-    };
     color: {
         accent: string;
         alert: string;
@@ -1771,8 +1771,8 @@ declare function getConfigVariantComponentStatesMatrix<C extends ComponentConfig
  * @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<"fontFamily" | "shadow" | "fontSize" | "fontWeight" | "lineHeight" | "textTransform" | "backgroundColor" | "borderColor" | "color" | "borderRadius" | "borderWidth" | "padding" | "iconSize" | "insetShadow" | "spacingHorizontal" | "spacingVertical" | "width" | "height" | "gap" | "textVariant" | "fontVariationSettings" | "textDecorationLine", string, ("backgroundPaletteColors" | "alwaysPaletteAliases" | "spectrumColors")[] | "textVariants"[] | "spacingAliases"[] | ("foregroundPaletteColors" | "alwaysPaletteAliases" | "spectrumColors")[] | ("borderWidths" | "spacingAliases")[] | ("alwaysPaletteAliases" | "linePaletteColors" | "spectrumColors")[] | "borderRadii"[] | "iconSizes"[] | "shadowVariants"[] | "shadowVariantsWithInvert"[] | "textDecorationLines"[], readonly (readonly string[])[]>>>;
-    root: Readonly<Record<string, SelectedConfigurableProperty<"fontFamily" | "shadow" | "fontSize" | "fontWeight" | "lineHeight" | "textTransform" | "backgroundColor" | "borderColor" | "color" | "borderRadius" | "borderWidth" | "padding" | "iconSize" | "insetShadow" | "spacingHorizontal" | "spacingVertical" | "width" | "height" | "gap" | "textVariant" | "fontVariationSettings" | "textDecorationLine", string, ("backgroundPaletteColors" | "alwaysPaletteAliases" | "spectrumColors")[] | "textVariants"[] | "spacingAliases"[] | ("foregroundPaletteColors" | "alwaysPaletteAliases" | "spectrumColors")[] | ("borderWidths" | "spacingAliases")[] | ("alwaysPaletteAliases" | "linePaletteColors" | "spectrumColors")[] | "borderRadii"[] | "iconSizes"[] | "shadowVariants"[] | "shadowVariantsWithInvert"[] | "textDecorationLines"[], readonly (readonly string[])[]>>>;
+    [x: string]: Readonly<Record<string, SelectedConfigurableProperty<"fontFamily" | "shadow" | "fontSize" | "fontWeight" | "lineHeight" | "textTransform" | "backgroundColor" | "borderColor" | "color" | "borderRadius" | "borderWidth" | "padding" | "iconSize" | "insetShadow" | "spacingHorizontal" | "spacingVertical" | "width" | "height" | "gap" | "textVariant" | "fontVariationSettings" | "textDecorationLine", string, ("backgroundPaletteColors" | "alwaysPaletteAliases" | "spectrumColors")[] | "textVariants"[] | "spacingAliases"[] | ("foregroundPaletteColors" | "alwaysPaletteAliases" | "spectrumColors")[] | ("spacingAliases" | "borderWidths")[] | ("linePaletteColors" | "alwaysPaletteAliases" | "spectrumColors")[] | "borderRadii"[] | "iconSizes"[] | "shadowVariants"[] | "shadowVariantsWithInvert"[] | "textDecorationLines"[], readonly (readonly string[])[]>>>;
+    root: Readonly<Record<string, SelectedConfigurableProperty<"fontFamily" | "shadow" | "fontSize" | "fontWeight" | "lineHeight" | "textTransform" | "backgroundColor" | "borderColor" | "color" | "borderRadius" | "borderWidth" | "padding" | "iconSize" | "insetShadow" | "spacingHorizontal" | "spacingVertical" | "width" | "height" | "gap" | "textVariant" | "fontVariationSettings" | "textDecorationLine", string, ("backgroundPaletteColors" | "alwaysPaletteAliases" | "spectrumColors")[] | "textVariants"[] | "spacingAliases"[] | ("foregroundPaletteColors" | "alwaysPaletteAliases" | "spectrumColors")[] | ("spacingAliases" | "borderWidths")[] | ("linePaletteColors" | "alwaysPaletteAliases" | "spectrumColors")[] | "borderRadii"[] | "iconSizes"[] | "shadowVariants"[] | "shadowVariantsWithInvert"[] | "textDecorationLines"[], readonly (readonly string[])[]>>>;
 } | null;
 
 type GenericProperty = SelectedConfigurableProperty<any, any>;

package/dist/tokens/index.js

@@ -1 +1 @@
-export{DEFAULT_COLOR_MODE,DEFAULT_COLOR_MODE_FOR_APP,DEFAULT_HIGH_CONTRAST_MODE,DEFAULT_REGION_MODE,DEFAULT_SCALE_MODE,DEFAULT_SCALE_MODE_FOR_APP,FONT_DECLARATIONS_MAP,alwaysPalette,button,cartesianProduct,coalesceConfigVariant,configurableProperties,createComponentStateConfig,createComponentStates,createConfigurableProperty,createLayerConfig,createSubComponentConfig,createVariantConfig,createVariantConfigWithComponentStates,createVariantConfigWithProperties,findFixtureType,fontWeightMap,fromEntries,generateClassName,generateDeclaration,generateKeyFromFlatConfigPath,generateSchemaKey,generateStyles,getConfigDefaultValue,getConfigPseudoStateVariables,getConfigPseudoStateVariablesWithSetter,getConfigSubcomponents,getConfigVariantComponentStates,getConfigVariantComponentStatesMatrix,getConfigVariantProperties,getConfigVariantPseudoStates,getConfigVariants,getDefaultButtonBaseMap,isConfigDefaultValue,parseButtonVariantFlat,parseDeprecatedButtonPaletteVariant,setConfigPseudoStateVariable,shadow,statePseudoMapDocsMode,toMinimalDbConfigObject}from"../chunk-TCFZWULK.js";export{entries,mapValues}from"../chunk-EWJ3J526.js";export{variants}from"../chunk-YK6UAS4X.js";export{AVATAR_SIZE_PREFIX,BORDER_RADIUS_PREFIX,BORDER_WIDTH_PREFIX,BUTTON_CSS_VAR_MAP,DARK_COLOR_MODE_CLASSNAME,DEFAULT_COLOR_MODE_CLASSNAME,DEFAULT_SCALE_MODE_CLASSNAME,FONT_FAMILY_PREFIX,FONT_SIZE_PREFIX,FONT_SLANT_PREFIX,FONT_WEIGHT_PREFIX,FONT_WIDTH_PREFIX,ICON_BUTTON_CSS_VAR_MAP,ICON_SIZE_PREFIX,LARGE_SCALE_MODE_CLASSNAME,LIGHT_COLOR_MODE_CLASSNAME,LINE_HEIGHT_PREFIX,MEDIUM_SCALE_MODE_CLASSNAME,MOTION_PREFIX,PSEUDO_STYLE_SELECTOR_MAP,SMALL_SCALE_MODE_CLASSNAME,SPECTRUM_COLOR_PREFIX,TEXT_RESPONSIVE_CLASSNAME,TEXT_TRANSFORM_PREFIX,UDS_PREFIX,XLARGE_SCALE_MODE_CLASSNAME,XSMALL_SCALE_MODE_CLASSNAME,XXLARGE_SCALE_MODE_CLASSNAME,XXXLARGE_SCALE_MODE_CLASSNAME}from"../chunk-5EWXEQJ3.js";
+export{DEFAULT_COLOR_MODE,DEFAULT_COLOR_MODE_FOR_APP,DEFAULT_HIGH_CONTRAST_MODE,DEFAULT_REGION_MODE,DEFAULT_SCALE_MODE,DEFAULT_SCALE_MODE_FOR_APP,FONT_DECLARATIONS_MAP,alwaysPalette,button,cartesianProduct,coalesceConfigVariant,configurableProperties,createComponentStateConfig,createComponentStates,createConfigurableProperty,createLayerConfig,createSubComponentConfig,createVariantConfig,createVariantConfigWithComponentStates,createVariantConfigWithProperties,findFixtureType,fontWeightMap,fromEntries,generateClassName,generateDeclaration,generateKeyFromFlatConfigPath,generateSchemaKey,generateStyles,getConfigDefaultValue,getConfigPseudoStateVariables,getConfigPseudoStateVariablesWithSetter,getConfigSubcomponents,getConfigVariantComponentStates,getConfigVariantComponentStatesMatrix,getConfigVariantProperties,getConfigVariantPseudoStates,getConfigVariants,getDefaultButtonBaseMap,isConfigDefaultValue,parseButtonVariantFlat,parseDeprecatedButtonPaletteVariant,setConfigPseudoStateVariable,shadow,statePseudoMapDocsMode,toMinimalDbConfigObject}from"../chunk-TCFZWULK.js";export{entries,mapValues}from"../chunk-EWJ3J526.js";export{variants}from"../chunk-3R4QYSXD.js";export{AVATAR_SIZE_PREFIX,BORDER_RADIUS_PREFIX,BORDER_WIDTH_PREFIX,BUTTON_CSS_VAR_MAP,DARK_COLOR_MODE_CLASSNAME,DEFAULT_COLOR_MODE_CLASSNAME,DEFAULT_SCALE_MODE_CLASSNAME,FONT_FAMILY_PREFIX,FONT_SIZE_PREFIX,FONT_SLANT_PREFIX,FONT_WEIGHT_PREFIX,FONT_WIDTH_PREFIX,ICON_BUTTON_CSS_VAR_MAP,ICON_SIZE_PREFIX,LARGE_SCALE_MODE_CLASSNAME,LIGHT_COLOR_MODE_CLASSNAME,LINE_HEIGHT_PREFIX,MEDIUM_SCALE_MODE_CLASSNAME,MOTION_PREFIX,PSEUDO_STYLE_SELECTOR_MAP,SMALL_SCALE_MODE_CLASSNAME,SPECTRUM_COLOR_PREFIX,TEXT_RESPONSIVE_CLASSNAME,TEXT_TRANSFORM_PREFIX,UDS_PREFIX,XLARGE_SCALE_MODE_CLASSNAME,XSMALL_SCALE_MODE_CLASSNAME,XXLARGE_SCALE_MODE_CLASSNAME,XXXLARGE_SCALE_MODE_CLASSNAME}from"../chunk-5EWXEQJ3.js";

package/dist/tokens/parseTokens.d.cts

@@ -1,4 +1,4 @@
-import { f as UniversalTokensConfig, g as ColorMode, h as ColorsConfig, H as Hue, i as HueStep, P as PaletteType, j as PaletteConfig, k as ScaleMode } from '../types-BrfKRznE.cjs';
+import { f as UniversalTokensConfig, g as ColorMode, h as ColorsConfig, H as Hue, i as HueStep, P as PaletteType, j as PaletteConfig, k as ScaleMode } from '../types-DdH3vByQ.cjs';
 import '@yahoo/uds-icons/types';
 import 'motion/react';
 import 'react';

package/dist/tokens/parseTokens.d.ts

@@ -1,4 +1,4 @@
-import { f as UniversalTokensConfig, g as ColorMode, h as ColorsConfig, H as Hue, i as HueStep, P as PaletteType, j as PaletteConfig, k as ScaleMode } from '../types-BrfKRznE.js';
+import { f as UniversalTokensConfig, g as ColorMode, h as ColorsConfig, H as Hue, i as HueStep, P as PaletteType, j as PaletteConfig, k as ScaleMode } from '../types-DdH3vByQ.js';
 import '@yahoo/uds-icons/types';
 import 'motion/react';
 import 'react';

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@yahoo/uds",
   "description": "Yahoo Universal System",
-  "version": "3.24.0",
+  "version": "3.25.0-beta.1",
   "type": "module",
   "bin": {
     "uds": "./cli/uds-cli.js"