@yahoo/uds 3.2.0 → 3.3.0

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-DLk9RGCE.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-DLk9RGCE.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-DCT-zwXQ.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-DCT-zwXQ.js';
+import { g as ComponentConfig, V as VariantConfig, b as ComponentStateConfig, S as SelectedConfigurableProperty, a as PossibleStatesWithRest, d as SubComponentConfig } from '../index-DNM2tLv-.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-DNM2tLv-.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-BudqjfL9.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-BudqjfL9.js';
 export { IconSize, IconVariant } from '@yahoo/uds-icons/types';
 import '@yahoo/uds/fixtures';
 import 'motion/react';
@@ -10,215 +10,23 @@ import 'react';
 import 'type-fest';
 
 declare const variants: {
-    radioVariantValueRoot: {
-        readonly checked: "uds-radio-variant-value-checked-root";
-        readonly unchecked: "uds-radio-variant-value-unchecked-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";
-    };
-    radioVariantValueRadio: {
-        readonly checked: "uds-radio-variant-value-checked-radio";
-        readonly unchecked: "uds-radio-variant-value-unchecked-radio";
-    };
-    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";
-    };
-    radioVariantValueRadioCircle: {
-        readonly checked: "uds-radio-variant-value-checked-radio-circle";
-        readonly unchecked: "uds-radio-variant-value-unchecked-radio-circle";
-    };
-    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";
-    };
-    radioSizeRoot: {
-        readonly sm: "uds-radio-size-sm-root";
-        readonly md: "uds-radio-size-md-root";
-    };
-    radioSizeRadio: {
-        readonly sm: "uds-radio-size-sm-radio";
-        readonly md: "uds-radio-size-md-radio";
-    };
-    chipSizeRoot: {
-        readonly sm: "uds-chip-size-sm-root";
-        readonly md: "uds-chip-size-md-root";
-    };
-    chipToggleVariantActiveRoot: {
-        readonly on: "uds-chip-toggle-variant-active-on-root";
-        readonly off: "uds-chip-toggle-variant-active-off-root";
-    };
-    chipToggleVariantRoot: {
-        readonly primary: "uds-chip-toggle-variant-primary-root";
-        readonly secondary: "uds-chip-toggle-variant-secondary-root";
-        readonly brand: "uds-chip-toggle-variant-brand-root";
-        readonly 'brand-secondary': "uds-chip-toggle-variant-brand-secondary-root";
-    };
-    chipToggleVariantActiveIcon: {
-        readonly on: "uds-chip-toggle-variant-active-on-icon";
-        readonly off: "uds-chip-toggle-variant-active-off-icon";
-    };
-    chipToggleVariantIcon: {
-        readonly primary: "uds-chip-toggle-variant-primary-icon";
-        readonly secondary: "uds-chip-toggle-variant-secondary-icon";
-        readonly brand: "uds-chip-toggle-variant-brand-icon";
-        readonly 'brand-secondary': "uds-chip-toggle-variant-brand-secondary-icon";
-    };
-    chipDismissibleVariantRoot: {
-        readonly primary: "uds-chip-dismissible-variant-primary-root";
-        readonly secondary: "uds-chip-dismissible-variant-secondary-root";
-        readonly brand: "uds-chip-dismissible-variant-brand-root";
-        readonly 'brand-secondary': "uds-chip-dismissible-variant-brand-secondary-root";
-    };
-    chipDismissibleVariantIcon: {
-        readonly primary: "uds-chip-dismissible-variant-primary-icon";
-        readonly secondary: "uds-chip-dismissible-variant-secondary-icon";
-        readonly brand: "uds-chip-dismissible-variant-brand-icon";
-        readonly 'brand-secondary': "uds-chip-dismissible-variant-brand-secondary-icon";
-    };
-    chipLinkVariantRoot: {
-        readonly primary: "uds-chip-link-variant-primary-root";
-        readonly secondary: "uds-chip-link-variant-secondary-root";
-        readonly brand: "uds-chip-link-variant-brand-root";
-        readonly 'brand-secondary': "uds-chip-link-variant-brand-secondary-root";
-    };
-    chipLinkVariantIcon: {
-        readonly primary: "uds-chip-link-variant-primary-icon";
-        readonly secondary: "uds-chip-link-variant-secondary-icon";
-        readonly brand: "uds-chip-link-variant-brand-icon";
-        readonly 'brand-secondary': "uds-chip-link-variant-brand-secondary-icon";
-    };
-    switchVariantActiveRoot: {
-        readonly on: "uds-switch-variant-active-on-root";
-        readonly off: "uds-switch-variant-active-off-root";
-    };
-    switchVariantRoot: {
-        readonly default: "uds-switch-variant-default-root";
-    };
-    switchVariantActiveSwitch: {
-        readonly on: "uds-switch-variant-active-on-switch";
-        readonly off: "uds-switch-variant-active-off-switch";
-    };
-    switchVariantSwitch: {
-        readonly default: "uds-switch-variant-default-switch";
-    };
-    switchVariantActiveHandle: {
-        readonly on: "uds-switch-variant-active-on-handle";
-        readonly off: "uds-switch-variant-active-off-handle";
-    };
-    switchVariantHandle: {
-        readonly default: "uds-switch-variant-default-handle";
-    };
-    switchVariantActiveHandleIcon: {
-        readonly on: "uds-switch-variant-active-on-handle-icon";
-        readonly off: "uds-switch-variant-active-off-handle-icon";
-    };
-    switchVariantHandleIcon: {
-        readonly default: "uds-switch-variant-default-handle-icon";
-    };
-    switchSizeRoot: {
-        readonly sm: "uds-switch-size-sm-root";
-        readonly md: "uds-switch-size-md-root";
-    };
-    switchSizeSwitch: {
-        readonly sm: "uds-switch-size-sm-switch";
-        readonly md: "uds-switch-size-md-switch";
-    };
-    switchSizeHandle: {
-        readonly sm: "uds-switch-size-sm-handle";
-        readonly md: "uds-switch-size-md-handle";
-    };
-    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";
-        readonly display2: "uds-link-text-style-display-2-root";
-        readonly display3: "uds-link-text-style-display-3-root";
-        readonly title1: "uds-link-text-style-title-1-root";
-        readonly title2: "uds-link-text-style-title-2-root";
-        readonly title3: "uds-link-text-style-title-3-root";
-        readonly title4: "uds-link-text-style-title-4-root";
-        readonly headline1: "uds-link-text-style-headline-1-root";
-        readonly body1: "uds-link-text-style-body-1-root";
-        readonly label1: "uds-link-text-style-label-1-root";
-        readonly label2: "uds-link-text-style-label-2-root";
-        readonly label3: "uds-link-text-style-label-3-root";
-        readonly label4: "uds-link-text-style-label-4-root";
-        readonly caption1: "uds-link-text-style-caption-1-root";
-        readonly caption2: "uds-link-text-style-caption-2-root";
-        readonly legal1: "uds-link-text-style-legal-1-root";
-    };
-    linkTextStyleIcon: {
-        readonly display1: "uds-link-text-style-display-1-icon";
-        readonly display2: "uds-link-text-style-display-2-icon";
-        readonly display3: "uds-link-text-style-display-3-icon";
-        readonly title1: "uds-link-text-style-title-1-icon";
-        readonly title2: "uds-link-text-style-title-2-icon";
-        readonly title3: "uds-link-text-style-title-3-icon";
-        readonly title4: "uds-link-text-style-title-4-icon";
-        readonly headline1: "uds-link-text-style-headline-1-icon";
-        readonly body1: "uds-link-text-style-body-1-icon";
-        readonly label1: "uds-link-text-style-label-1-icon";
-        readonly label2: "uds-link-text-style-label-2-icon";
-        readonly label3: "uds-link-text-style-label-3-icon";
-        readonly label4: "uds-link-text-style-label-4-icon";
-        readonly caption1: "uds-link-text-style-caption-1-icon";
-        readonly caption2: "uds-link-text-style-caption-2-icon";
-        readonly legal1: "uds-link-text-style-legal-1-icon";
-    };
-    linkVariantRoot: {
-        readonly primary: "uds-link-variant-primary-root";
-        readonly secondary: "uds-link-variant-secondary-root";
-        readonly tertiary: "uds-link-variant-tertiary-root";
-        readonly 'on-color': "uds-link-variant-on-color-root";
-    };
-    linkVariantIconStart: {
-        readonly primary: "uds-link-variant-primary-icon-start";
-        readonly secondary: "uds-link-variant-secondary-icon-start";
-        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";
-    };
-    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";
+    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";
     };
-    avatarImageVariantRoot: {
-        readonly primary: "uds-avatar-image-variant-primary-root";
-        readonly secondary: "uds-avatar-image-variant-secondary-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";
     };
-    avatarIconVariantRoot: {
-        readonly primary: "uds-avatar-icon-variant-primary-root";
-        readonly secondary: "uds-avatar-icon-variant-secondary-root";
+    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";
     };
     menuSizeRoot: {
         readonly default: "uds-menu-size-default-root";
@@ -386,23 +194,123 @@ declare const variants: {
     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";
+    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";
     };
-    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";
+    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";
     };
-    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";
+    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";
+    };
+    chipToggleVariantActiveRoot: {
+        readonly on: "uds-chip-toggle-variant-active-on-root";
+        readonly off: "uds-chip-toggle-variant-active-off-root";
+    };
+    chipToggleVariantRoot: {
+        readonly primary: "uds-chip-toggle-variant-primary-root";
+        readonly secondary: "uds-chip-toggle-variant-secondary-root";
+        readonly brand: "uds-chip-toggle-variant-brand-root";
+        readonly 'brand-secondary': "uds-chip-toggle-variant-brand-secondary-root";
+    };
+    chipToggleVariantActiveIcon: {
+        readonly on: "uds-chip-toggle-variant-active-on-icon";
+        readonly off: "uds-chip-toggle-variant-active-off-icon";
+    };
+    chipToggleVariantIcon: {
+        readonly primary: "uds-chip-toggle-variant-primary-icon";
+        readonly secondary: "uds-chip-toggle-variant-secondary-icon";
+        readonly brand: "uds-chip-toggle-variant-brand-icon";
+        readonly 'brand-secondary': "uds-chip-toggle-variant-brand-secondary-icon";
+    };
+    chipDismissibleVariantRoot: {
+        readonly primary: "uds-chip-dismissible-variant-primary-root";
+        readonly secondary: "uds-chip-dismissible-variant-secondary-root";
+        readonly brand: "uds-chip-dismissible-variant-brand-root";
+        readonly 'brand-secondary': "uds-chip-dismissible-variant-brand-secondary-root";
+    };
+    chipDismissibleVariantIcon: {
+        readonly primary: "uds-chip-dismissible-variant-primary-icon";
+        readonly secondary: "uds-chip-dismissible-variant-secondary-icon";
+        readonly brand: "uds-chip-dismissible-variant-brand-icon";
+        readonly 'brand-secondary': "uds-chip-dismissible-variant-brand-secondary-icon";
+    };
+    chipLinkVariantRoot: {
+        readonly primary: "uds-chip-link-variant-primary-root";
+        readonly secondary: "uds-chip-link-variant-secondary-root";
+        readonly brand: "uds-chip-link-variant-brand-root";
+        readonly 'brand-secondary': "uds-chip-link-variant-brand-secondary-root";
+    };
+    chipLinkVariantIcon: {
+        readonly primary: "uds-chip-link-variant-primary-icon";
+        readonly secondary: "uds-chip-link-variant-secondary-icon";
+        readonly brand: "uds-chip-link-variant-brand-icon";
+        readonly 'brand-secondary': "uds-chip-link-variant-brand-secondary-icon";
+    };
+    switchVariantActiveRoot: {
+        readonly on: "uds-switch-variant-active-on-root";
+        readonly off: "uds-switch-variant-active-off-root";
+    };
+    switchVariantRoot: {
+        readonly default: "uds-switch-variant-default-root";
+    };
+    switchVariantActiveSwitch: {
+        readonly on: "uds-switch-variant-active-on-switch";
+        readonly off: "uds-switch-variant-active-off-switch";
+    };
+    switchVariantSwitch: {
+        readonly default: "uds-switch-variant-default-switch";
+    };
+    switchVariantActiveHandle: {
+        readonly on: "uds-switch-variant-active-on-handle";
+        readonly off: "uds-switch-variant-active-off-handle";
+    };
+    switchVariantHandle: {
+        readonly default: "uds-switch-variant-default-handle";
+    };
+    switchVariantActiveHandleIcon: {
+        readonly on: "uds-switch-variant-active-on-handle-icon";
+        readonly off: "uds-switch-variant-active-off-handle-icon";
+    };
+    switchVariantHandleIcon: {
+        readonly default: "uds-switch-variant-default-handle-icon";
+    };
+    switchSizeRoot: {
+        readonly sm: "uds-switch-size-sm-root";
+        readonly md: "uds-switch-size-md-root";
+    };
+    switchSizeSwitch: {
+        readonly sm: "uds-switch-size-sm-switch";
+        readonly md: "uds-switch-size-md-switch";
+    };
+    switchSizeHandle: {
+        readonly sm: "uds-switch-size-sm-handle";
+        readonly md: "uds-switch-size-md-handle";
+    };
+    switchSizeHandleIcon: {
+        readonly sm: "uds-switch-size-sm-handle-icon";
+        readonly md: "uds-switch-size-md-handle-icon";
     };
     badgeSizeRoot: {
         readonly xs: "uds-badge-size-xs-root";
@@ -485,6 +393,98 @@ declare const variants: {
         readonly alert: "uds-checkbox-variant-alert-checkbox-icon";
         readonly 'alert-secondary': "uds-checkbox-variant-alert-secondary-checkbox-icon";
     };
+    radioVariantValueRoot: {
+        readonly checked: "uds-radio-variant-value-checked-root";
+        readonly unchecked: "uds-radio-variant-value-unchecked-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";
+    };
+    radioVariantValueRadio: {
+        readonly checked: "uds-radio-variant-value-checked-radio";
+        readonly unchecked: "uds-radio-variant-value-unchecked-radio";
+    };
+    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";
+    };
+    radioVariantValueRadioCircle: {
+        readonly checked: "uds-radio-variant-value-checked-radio-circle";
+        readonly unchecked: "uds-radio-variant-value-unchecked-radio-circle";
+    };
+    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";
+    };
+    radioSizeRoot: {
+        readonly sm: "uds-radio-size-sm-root";
+        readonly md: "uds-radio-size-md-root";
+    };
+    radioSizeRadio: {
+        readonly sm: "uds-radio-size-sm-radio";
+        readonly md: "uds-radio-size-md-radio";
+    };
+    linkTextStyleRoot: {
+        readonly display1: "uds-link-text-style-display-1-root";
+        readonly display2: "uds-link-text-style-display-2-root";
+        readonly display3: "uds-link-text-style-display-3-root";
+        readonly title1: "uds-link-text-style-title-1-root";
+        readonly title2: "uds-link-text-style-title-2-root";
+        readonly title3: "uds-link-text-style-title-3-root";
+        readonly title4: "uds-link-text-style-title-4-root";
+        readonly headline1: "uds-link-text-style-headline-1-root";
+        readonly body1: "uds-link-text-style-body-1-root";
+        readonly label1: "uds-link-text-style-label-1-root";
+        readonly label2: "uds-link-text-style-label-2-root";
+        readonly label3: "uds-link-text-style-label-3-root";
+        readonly label4: "uds-link-text-style-label-4-root";
+        readonly caption1: "uds-link-text-style-caption-1-root";
+        readonly caption2: "uds-link-text-style-caption-2-root";
+        readonly legal1: "uds-link-text-style-legal-1-root";
+    };
+    linkTextStyleIcon: {
+        readonly display1: "uds-link-text-style-display-1-icon";
+        readonly display2: "uds-link-text-style-display-2-icon";
+        readonly display3: "uds-link-text-style-display-3-icon";
+        readonly title1: "uds-link-text-style-title-1-icon";
+        readonly title2: "uds-link-text-style-title-2-icon";
+        readonly title3: "uds-link-text-style-title-3-icon";
+        readonly title4: "uds-link-text-style-title-4-icon";
+        readonly headline1: "uds-link-text-style-headline-1-icon";
+        readonly body1: "uds-link-text-style-body-1-icon";
+        readonly label1: "uds-link-text-style-label-1-icon";
+        readonly label2: "uds-link-text-style-label-2-icon";
+        readonly label3: "uds-link-text-style-label-3-icon";
+        readonly label4: "uds-link-text-style-label-4-icon";
+        readonly caption1: "uds-link-text-style-caption-1-icon";
+        readonly caption2: "uds-link-text-style-caption-2-icon";
+        readonly legal1: "uds-link-text-style-legal-1-icon";
+    };
+    linkVariantRoot: {
+        readonly primary: "uds-link-variant-primary-root";
+        readonly secondary: "uds-link-variant-secondary-root";
+        readonly tertiary: "uds-link-variant-tertiary-root";
+        readonly 'on-color': "uds-link-variant-on-color-root";
+    };
+    linkVariantIconStart: {
+        readonly primary: "uds-link-variant-primary-icon-start";
+        readonly secondary: "uds-link-variant-secondary-icon-start";
+        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";
+    };
     color: {
         accent: string;
         alert: string;

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,defaultTokensConfig,defaultUniversalTokensConfigAuto,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-4EBGHMCT.js";export{variants}from"../chunk-FOOX6MRB.js";export{entries,mapValues}from"../chunk-EWJ3J526.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_TRANSFORM_PREFIX,UDS_PREFIX,XLARGE_SCALE_MODE_CLASSNAME,XSMALL_SCALE_MODE_CLASSNAME,XXLARGE_SCALE_MODE_CLASSNAME,XXXLARGE_SCALE_MODE_CLASSNAME}from"../chunk-4G4TBHHL.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,defaultTokensConfig,defaultUniversalTokensConfigAuto,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-MMCNHKJJ.js";export{variants}from"../chunk-EPK5TKEL.js";export{entries,mapValues}from"../chunk-EWJ3J526.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_TRANSFORM_PREFIX,UDS_PREFIX,XLARGE_SCALE_MODE_CLASSNAME,XSMALL_SCALE_MODE_CLASSNAME,XXLARGE_SCALE_MODE_CLASSNAME,XXXLARGE_SCALE_MODE_CLASSNAME}from"../chunk-4G4TBHHL.js";

package/dist/tokens/parseTokens.d.cts

@@ -1,4 +1,4 @@
-import { U as UniversalTokensConfig, C as ColorMode, a as ColorsConfig, H as Hue, b as HueStep, P as PaletteType, c as PaletteConfig, S as ScaleMode } from '../types-DCT-zwXQ.cjs';
+import { U as UniversalTokensConfig, C as ColorMode, a as ColorsConfig, H as Hue, b as HueStep, P as PaletteType, c as PaletteConfig, S as ScaleMode } from '../types-BudqjfL9.cjs';
 import '@yahoo/uds-icons/types';
 import 'motion/react';
 import 'react';

package/dist/tokens/parseTokens.d.ts

@@ -1,4 +1,4 @@
-import { U as UniversalTokensConfig, C as ColorMode, a as ColorsConfig, H as Hue, b as HueStep, P as PaletteType, c as PaletteConfig, S as ScaleMode } from '../types-DCT-zwXQ.js';
+import { U as UniversalTokensConfig, C as ColorMode, a as ColorsConfig, H as Hue, b as HueStep, P as PaletteType, c as PaletteConfig, S as ScaleMode } from '../types-BudqjfL9.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.2.0",
+  "version": "3.3.0",
   "type": "module",
   "bin": {
     "uds": "./cli/uds-cli"