@yahoo/uds 3.24.1 → 3.25.0-beta.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/{Input-Crp9AS8t.d.ts → Input-BpkMUfOK.d.ts} +1 -1
- package/dist/{Input-CTFjXsak.d.cts → Input-CcAlUSAm.d.cts} +1 -1
- package/dist/{Pressable-BfQnMMwp.d.cts → Pressable-DRtbbkXl.d.cts} +1 -1
- package/dist/{Pressable-Dv508j3x.d.ts → Pressable-DpinF-ju.d.ts} +1 -1
- package/dist/{VStack-BYiKEiET.d.ts → VStack-0AR7Lz9X.d.cts} +1 -1
- package/dist/{VStack-4G3tKmku.d.ts → VStack-CkFg0T5-.d.ts} +1 -1
- package/dist/{chunk-MXJLTECV.js → chunk-3R4QYSXD.js} +1 -1
- package/dist/{chunk-6L6FTCV3.js → chunk-5S45DC7H.js} +1 -1
- package/dist/{chunk-LRXPFSOA.js → chunk-B7ZWZDQ7.js} +1 -1
- package/dist/{chunk-5E7KDOZD.cjs → chunk-DJ6N7Y4P.cjs} +1 -1
- package/dist/{chunk-5G4YVRQR.cjs → chunk-GEIJKIRH.cjs} +1 -1
- package/dist/{chunk-FANWR6MV.cjs → chunk-JEJPTRZE.cjs} +1 -1
- package/dist/{chunk-ASKAZ6ZW.js → chunk-P745RD2W.js} +1 -1
- package/dist/{chunk-BFHXBR5L.js → chunk-PTNBQ4FC.js} +1 -1
- package/dist/{chunk-ROM55CQD.js → chunk-VLJ4KJC6.js} +2 -2
- package/dist/{chunk-3M6OEJMI.cjs → chunk-VURXJH35.cjs} +1 -1
- package/dist/{chunk-HH7OHILK.cjs → chunk-VZSADIMF.cjs} +2 -2
- package/dist/{chunk-7LDTYYQ4.cjs → chunk-XAVF5FDT.cjs} +1 -1
- package/dist/{chunk-2IQOSCZ3.js → chunk-XFDHMRHM.js} +1 -1
- package/dist/{chunk-OA2H66LM.cjs → chunk-Y6CC5AJU.cjs} +1 -1
- package/dist/client/Menu.cjs +2 -2
- package/dist/client/Menu.d.cts +3 -3
- package/dist/client/Menu.d.ts +3 -3
- package/dist/client/Menu.js +2 -2
- package/dist/client/index.cjs +1 -1
- package/dist/client/index.d.cts +3 -3
- package/dist/client/index.d.ts +3 -3
- package/dist/client/index.js +1 -1
- package/dist/defaultTokensConfig.cjs +1 -1
- package/dist/defaultTokensConfig.d.cts +2 -2
- package/dist/defaultTokensConfig.d.ts +2 -2
- package/dist/defaultTokensConfig.js +1 -1
- package/dist/experimental/client/SwitchV2.cjs +1 -1
- package/dist/experimental/client/SwitchV2.d.cts +1 -1
- package/dist/experimental/client/SwitchV2.d.ts +1 -1
- package/dist/experimental/client/SwitchV2.js +1 -1
- package/dist/experimental/client/index.cjs +1 -1
- package/dist/experimental/client/index.js +1 -1
- package/dist/experimental/index.cjs +1 -1
- package/dist/experimental/index.js +1 -1
- package/dist/{index-CBUm4M5_.d.cts → index-BPSgxa-M.d.cts} +8 -8
- package/dist/{index-DHHE3h-e.d.ts → index-sNMLQ454.d.ts} +8 -8
- package/dist/index.cjs +1 -1
- package/dist/index.d.cts +91 -91
- package/dist/index.d.ts +91 -91
- package/dist/index.js +1 -1
- package/dist/metafile-cjs.json +1 -1
- package/dist/metafile-esm.json +1 -1
- package/dist/tailwind/plugin.cjs +1 -1
- package/dist/tailwind/plugin.d.cts +1 -1
- package/dist/tailwind/plugin.d.ts +1 -1
- package/dist/tailwind/plugin.js +1 -1
- package/dist/tailwind/purger.cjs +1 -1
- package/dist/tailwind/purger.js +1 -1
- package/dist/tailwind/tsMorph.cjs +1 -1
- package/dist/tailwind/tsMorph.js +1 -1
- package/dist/tailwind/utils.d.cts +1 -1
- package/dist/tailwind/utils.d.ts +1 -1
- package/dist/tokens/automation/configs.d.cts +2 -2
- package/dist/tokens/automation/configs.d.ts +2 -2
- package/dist/tokens/automation/properties.d.cts +2 -2
- package/dist/tokens/automation/properties.d.ts +2 -2
- package/dist/tokens/index.cjs +1 -1
- package/dist/tokens/index.d.cts +192 -192
- package/dist/tokens/index.d.ts +192 -192
- package/dist/tokens/index.js +1 -1
- package/dist/tokens/parseTokens.d.cts +1 -1
- package/dist/tokens/parseTokens.d.ts +1 -1
- package/package.json +1 -1
- package/dist/Input-D5qKu1DM.d.ts +0 -42
- package/dist/Input-DcxWPgP1.d.cts +0 -42
- package/dist/Pressable-BsrbANqw.d.ts +0 -44
- package/dist/Pressable-uP97VoWT.d.cts +0 -44
- package/dist/VStack-D8Acfb-s.d.cts +0 -112
- package/dist/VStack-DWR1ue2Z.d.cts +0 -112
- package/dist/chunk-22VW7ZEL.cjs +0 -1
- package/dist/chunk-AI3N423E.cjs +0 -3
- package/dist/chunk-B7RZEOCE.cjs +0 -1
- package/dist/chunk-ED4W7CJJ.js +0 -2
- package/dist/chunk-F6OQZ4LX.js +0 -1
- package/dist/chunk-GIN2GIRC.cjs +0 -1
- package/dist/chunk-GWA5BSEK.js +0 -1
- package/dist/chunk-K7XL4H5T.cjs +0 -1
- package/dist/chunk-NGAIVZOO.cjs +0 -1
- package/dist/chunk-PNDBJRYR.js +0 -1
- package/dist/chunk-T7XXGJJS.js +0 -3
- package/dist/chunk-XG2T3P64.js +0 -1
- package/dist/chunk-YCQY547Q.cjs +0 -2
- package/dist/chunk-YK6UAS4X.js +0 -2
- package/dist/index-8rLHYKAK.d.cts +0 -245
- package/dist/index-CcRuZfrk.d.ts +0 -245
- package/dist/types-BrfKRznE.d.cts +0 -10465
- package/dist/types-BrfKRznE.d.ts +0 -10465
- package/dist/{types-BEszw-N6.d.cts → types-DdH3vByQ.d.cts} +1828 -1828
- package/dist/{types-BEszw-N6.d.ts → types-DdH3vByQ.d.ts} +1828 -1828
package/dist/tokens/index.d.ts
CHANGED
@@ -1,8 +1,8 @@
|
|
1
1
|
export { AvatarConfig, BadgeConfig, CheckboxConfig, ChipConfig, DividerConfig, InputConfig, LinkConfig, MenuConfig, RadioConfig, SwitchConfig } from './automation/configs.js';
|
2
|
-
import { g as ComponentConfig, V as VariantConfig, b as ComponentStateConfig, S as SelectedConfigurableProperty, a as PossibleStatesWithRest, d as SubComponentConfig } from '../index-
|
3
|
-
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-
|
4
|
-
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-
|
5
|
-
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-
|
2
|
+
import { g as ComponentConfig, V as VariantConfig, b as ComponentStateConfig, S as SelectedConfigurableProperty, a as PossibleStatesWithRest, d as SubComponentConfig } from '../index-sNMLQ454.js';
|
3
|
+
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';
|
4
|
+
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';
|
5
|
+
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';
|
6
6
|
export { IconSize, IconVariant } from '@yahoo/uds-icons/types';
|
7
7
|
import '@yahoo/uds/fixtures';
|
8
8
|
import 'motion/react';
|
@@ -10,6 +10,126 @@ import 'react';
|
|
10
10
|
import 'type-fest';
|
11
11
|
|
12
12
|
declare const variants: {
|
13
|
+
dividerVariantRoot: {
|
14
|
+
readonly primary: "uds-divider-variant-primary-root";
|
15
|
+
readonly secondary: "uds-divider-variant-secondary-root";
|
16
|
+
readonly tertiary: "uds-divider-variant-tertiary-root";
|
17
|
+
readonly muted: "uds-divider-variant-muted-root";
|
18
|
+
};
|
19
|
+
dividerVariantLine: {
|
20
|
+
readonly primary: "uds-divider-variant-primary-line";
|
21
|
+
readonly secondary: "uds-divider-variant-secondary-line";
|
22
|
+
readonly tertiary: "uds-divider-variant-tertiary-line";
|
23
|
+
readonly muted: "uds-divider-variant-muted-line";
|
24
|
+
};
|
25
|
+
dividerVariantLabel: {
|
26
|
+
readonly primary: "uds-divider-variant-primary-label";
|
27
|
+
readonly secondary: "uds-divider-variant-secondary-label";
|
28
|
+
readonly tertiary: "uds-divider-variant-tertiary-label";
|
29
|
+
readonly muted: "uds-divider-variant-muted-label";
|
30
|
+
};
|
31
|
+
inputSizeRoot: {
|
32
|
+
readonly md: "uds-input-size-md-root";
|
33
|
+
readonly lg: "uds-input-size-lg-root";
|
34
|
+
};
|
35
|
+
inputSizeInputWrapper: {
|
36
|
+
readonly md: "uds-input-size-md-input-wrapper";
|
37
|
+
readonly lg: "uds-input-size-lg-input-wrapper";
|
38
|
+
};
|
39
|
+
inputSizeInput: {
|
40
|
+
readonly md: "uds-input-size-md-input";
|
41
|
+
readonly lg: "uds-input-size-lg-input";
|
42
|
+
};
|
43
|
+
inputSizeStartIcon: {
|
44
|
+
readonly md: "uds-input-size-md-start-icon";
|
45
|
+
readonly lg: "uds-input-size-lg-start-icon";
|
46
|
+
};
|
47
|
+
inputSizeEndIcon: {
|
48
|
+
readonly md: "uds-input-size-md-end-icon";
|
49
|
+
readonly lg: "uds-input-size-lg-end-icon";
|
50
|
+
};
|
51
|
+
inputSizeLabel: {
|
52
|
+
readonly md: "uds-input-size-md-label";
|
53
|
+
readonly lg: "uds-input-size-lg-label";
|
54
|
+
};
|
55
|
+
inputSizeHelperIcon: {
|
56
|
+
readonly md: "uds-input-size-md-helper-icon";
|
57
|
+
readonly lg: "uds-input-size-lg-helper-icon";
|
58
|
+
};
|
59
|
+
inputSizeHelperText: {
|
60
|
+
readonly md: "uds-input-size-md-helper-text";
|
61
|
+
readonly lg: "uds-input-size-lg-helper-text";
|
62
|
+
};
|
63
|
+
inputVariantValueRoot: {
|
64
|
+
readonly filled: "uds-input-variant-value-filled-root";
|
65
|
+
readonly empty: "uds-input-variant-value-empty-root";
|
66
|
+
};
|
67
|
+
inputVariantRoot: {
|
68
|
+
readonly default: "uds-input-variant-default-root";
|
69
|
+
};
|
70
|
+
inputVariantValueInputWrapper: {
|
71
|
+
readonly filled: "uds-input-variant-value-filled-input-wrapper";
|
72
|
+
readonly empty: "uds-input-variant-value-empty-input-wrapper";
|
73
|
+
};
|
74
|
+
inputVariantInputWrapper: {
|
75
|
+
readonly default: "uds-input-variant-default-input-wrapper";
|
76
|
+
};
|
77
|
+
inputVariantValueInput: {
|
78
|
+
readonly filled: "uds-input-variant-value-filled-input";
|
79
|
+
readonly empty: "uds-input-variant-value-empty-input";
|
80
|
+
};
|
81
|
+
inputVariantInput: {
|
82
|
+
readonly default: "uds-input-variant-default-input";
|
83
|
+
};
|
84
|
+
inputVariantValueInputPlaceholder: {
|
85
|
+
readonly filled: "uds-input-variant-value-filled-input-placeholder";
|
86
|
+
readonly empty: "uds-input-variant-value-empty-input-placeholder";
|
87
|
+
};
|
88
|
+
inputVariantInputPlaceholder: {
|
89
|
+
readonly default: "uds-input-variant-default-input-placeholder";
|
90
|
+
};
|
91
|
+
inputVariantValueStartIcon: {
|
92
|
+
readonly filled: "uds-input-variant-value-filled-start-icon";
|
93
|
+
readonly empty: "uds-input-variant-value-empty-start-icon";
|
94
|
+
};
|
95
|
+
inputVariantStartIcon: {
|
96
|
+
readonly default: "uds-input-variant-default-start-icon";
|
97
|
+
};
|
98
|
+
inputVariantValueEndIcon: {
|
99
|
+
readonly filled: "uds-input-variant-value-filled-end-icon";
|
100
|
+
readonly empty: "uds-input-variant-value-empty-end-icon";
|
101
|
+
};
|
102
|
+
inputVariantEndIcon: {
|
103
|
+
readonly default: "uds-input-variant-default-end-icon";
|
104
|
+
};
|
105
|
+
inputVariantValueLabel: {
|
106
|
+
readonly filled: "uds-input-variant-value-filled-label";
|
107
|
+
readonly empty: "uds-input-variant-value-empty-label";
|
108
|
+
};
|
109
|
+
inputVariantLabel: {
|
110
|
+
readonly default: "uds-input-variant-default-label";
|
111
|
+
};
|
112
|
+
inputVariantValueLabelRequired: {
|
113
|
+
readonly filled: "uds-input-variant-value-filled-label-required";
|
114
|
+
readonly empty: "uds-input-variant-value-empty-label-required";
|
115
|
+
};
|
116
|
+
inputVariantLabelRequired: {
|
117
|
+
readonly default: "uds-input-variant-default-label-required";
|
118
|
+
};
|
119
|
+
inputVariantValueHelperIcon: {
|
120
|
+
readonly filled: "uds-input-variant-value-filled-helper-icon";
|
121
|
+
readonly empty: "uds-input-variant-value-empty-helper-icon";
|
122
|
+
};
|
123
|
+
inputVariantHelperIcon: {
|
124
|
+
readonly default: "uds-input-variant-default-helper-icon";
|
125
|
+
};
|
126
|
+
inputVariantValueHelperText: {
|
127
|
+
readonly filled: "uds-input-variant-value-filled-helper-text";
|
128
|
+
readonly empty: "uds-input-variant-value-empty-helper-text";
|
129
|
+
};
|
130
|
+
inputVariantHelperText: {
|
131
|
+
readonly default: "uds-input-variant-default-helper-text";
|
132
|
+
};
|
13
133
|
menuSizeRoot: {
|
14
134
|
readonly default: "uds-menu-size-default-root";
|
15
135
|
};
|
@@ -121,32 +241,6 @@ declare const variants: {
|
|
121
241
|
readonly sm: "uds-switch-size-sm-handle-icon";
|
122
242
|
readonly md: "uds-switch-size-md-handle-icon";
|
123
243
|
};
|
124
|
-
avatarSizeRoot: {
|
125
|
-
readonly xs: "uds-avatar-size-xs-root";
|
126
|
-
readonly sm: "uds-avatar-size-sm-root";
|
127
|
-
readonly md: "uds-avatar-size-md-root";
|
128
|
-
readonly lg: "uds-avatar-size-lg-root";
|
129
|
-
readonly xl: "uds-avatar-size-xl-root";
|
130
|
-
};
|
131
|
-
avatarSizeIcon: {
|
132
|
-
readonly xs: "uds-avatar-size-xs-icon";
|
133
|
-
readonly sm: "uds-avatar-size-sm-icon";
|
134
|
-
readonly md: "uds-avatar-size-md-icon";
|
135
|
-
readonly lg: "uds-avatar-size-lg-icon";
|
136
|
-
readonly xl: "uds-avatar-size-xl-icon";
|
137
|
-
};
|
138
|
-
avatarTextVariantRoot: {
|
139
|
-
readonly primary: "uds-avatar-text-variant-primary-root";
|
140
|
-
readonly secondary: "uds-avatar-text-variant-secondary-root";
|
141
|
-
};
|
142
|
-
avatarImageVariantRoot: {
|
143
|
-
readonly primary: "uds-avatar-image-variant-primary-root";
|
144
|
-
readonly secondary: "uds-avatar-image-variant-secondary-root";
|
145
|
-
};
|
146
|
-
avatarIconVariantRoot: {
|
147
|
-
readonly primary: "uds-avatar-icon-variant-primary-root";
|
148
|
-
readonly secondary: "uds-avatar-icon-variant-secondary-root";
|
149
|
-
};
|
150
244
|
chipSizeRoot: {
|
151
245
|
readonly sm: "uds-chip-size-sm-root";
|
152
246
|
readonly md: "uds-chip-size-md-root";
|
@@ -199,6 +293,72 @@ declare const variants: {
|
|
199
293
|
readonly brand: "uds-chip-link-variant-brand-icon";
|
200
294
|
readonly 'brand-secondary': "uds-chip-link-variant-brand-secondary-icon";
|
201
295
|
};
|
296
|
+
avatarSizeRoot: {
|
297
|
+
readonly xs: "uds-avatar-size-xs-root";
|
298
|
+
readonly sm: "uds-avatar-size-sm-root";
|
299
|
+
readonly md: "uds-avatar-size-md-root";
|
300
|
+
readonly lg: "uds-avatar-size-lg-root";
|
301
|
+
readonly xl: "uds-avatar-size-xl-root";
|
302
|
+
};
|
303
|
+
avatarSizeIcon: {
|
304
|
+
readonly xs: "uds-avatar-size-xs-icon";
|
305
|
+
readonly sm: "uds-avatar-size-sm-icon";
|
306
|
+
readonly md: "uds-avatar-size-md-icon";
|
307
|
+
readonly lg: "uds-avatar-size-lg-icon";
|
308
|
+
readonly xl: "uds-avatar-size-xl-icon";
|
309
|
+
};
|
310
|
+
avatarTextVariantRoot: {
|
311
|
+
readonly primary: "uds-avatar-text-variant-primary-root";
|
312
|
+
readonly secondary: "uds-avatar-text-variant-secondary-root";
|
313
|
+
};
|
314
|
+
avatarImageVariantRoot: {
|
315
|
+
readonly primary: "uds-avatar-image-variant-primary-root";
|
316
|
+
readonly secondary: "uds-avatar-image-variant-secondary-root";
|
317
|
+
};
|
318
|
+
avatarIconVariantRoot: {
|
319
|
+
readonly primary: "uds-avatar-icon-variant-primary-root";
|
320
|
+
readonly secondary: "uds-avatar-icon-variant-secondary-root";
|
321
|
+
};
|
322
|
+
badgeSizeRoot: {
|
323
|
+
readonly xs: "uds-badge-size-xs-root";
|
324
|
+
readonly sm: "uds-badge-size-sm-root";
|
325
|
+
readonly md: "uds-badge-size-md-root";
|
326
|
+
readonly lg: "uds-badge-size-lg-root";
|
327
|
+
};
|
328
|
+
badgeSizeIcon: {
|
329
|
+
readonly xs: "uds-badge-size-xs-icon";
|
330
|
+
readonly sm: "uds-badge-size-sm-icon";
|
331
|
+
readonly md: "uds-badge-size-md-icon";
|
332
|
+
readonly lg: "uds-badge-size-lg-icon";
|
333
|
+
};
|
334
|
+
badgeVariantRoot: {
|
335
|
+
readonly primary: "uds-badge-variant-primary-root";
|
336
|
+
readonly secondary: "uds-badge-variant-secondary-root";
|
337
|
+
readonly brand: "uds-badge-variant-brand-root";
|
338
|
+
readonly 'brand-secondary': "uds-badge-variant-brand-secondary-root";
|
339
|
+
readonly alert: "uds-badge-variant-alert-root";
|
340
|
+
readonly 'alert-secondary': "uds-badge-variant-alert-secondary-root";
|
341
|
+
readonly warning: "uds-badge-variant-warning-root";
|
342
|
+
readonly 'warning-secondary': "uds-badge-variant-warning-secondary-root";
|
343
|
+
readonly positive: "uds-badge-variant-positive-root";
|
344
|
+
readonly 'positive-secondary': "uds-badge-variant-positive-secondary-root";
|
345
|
+
readonly info: "uds-badge-variant-info-root";
|
346
|
+
readonly 'info-secondary': "uds-badge-variant-info-secondary-root";
|
347
|
+
};
|
348
|
+
badgeVariantIcon: {
|
349
|
+
readonly primary: "uds-badge-variant-primary-icon";
|
350
|
+
readonly secondary: "uds-badge-variant-secondary-icon";
|
351
|
+
readonly brand: "uds-badge-variant-brand-icon";
|
352
|
+
readonly 'brand-secondary': "uds-badge-variant-brand-secondary-icon";
|
353
|
+
readonly alert: "uds-badge-variant-alert-icon";
|
354
|
+
readonly 'alert-secondary': "uds-badge-variant-alert-secondary-icon";
|
355
|
+
readonly warning: "uds-badge-variant-warning-icon";
|
356
|
+
readonly 'warning-secondary': "uds-badge-variant-warning-secondary-icon";
|
357
|
+
readonly positive: "uds-badge-variant-positive-icon";
|
358
|
+
readonly 'positive-secondary': "uds-badge-variant-positive-secondary-icon";
|
359
|
+
readonly info: "uds-badge-variant-info-icon";
|
360
|
+
readonly 'info-secondary': "uds-badge-variant-info-secondary-icon";
|
361
|
+
};
|
202
362
|
checkboxSizeRoot: {
|
203
363
|
readonly sm: "uds-checkbox-size-sm-root";
|
204
364
|
readonly md: "uds-checkbox-size-md-root";
|
@@ -240,24 +400,6 @@ declare const variants: {
|
|
240
400
|
readonly alert: "uds-checkbox-variant-alert-checkbox-icon";
|
241
401
|
readonly 'alert-secondary': "uds-checkbox-variant-alert-secondary-checkbox-icon";
|
242
402
|
};
|
243
|
-
dividerVariantRoot: {
|
244
|
-
readonly primary: "uds-divider-variant-primary-root";
|
245
|
-
readonly secondary: "uds-divider-variant-secondary-root";
|
246
|
-
readonly tertiary: "uds-divider-variant-tertiary-root";
|
247
|
-
readonly muted: "uds-divider-variant-muted-root";
|
248
|
-
};
|
249
|
-
dividerVariantLine: {
|
250
|
-
readonly primary: "uds-divider-variant-primary-line";
|
251
|
-
readonly secondary: "uds-divider-variant-secondary-line";
|
252
|
-
readonly tertiary: "uds-divider-variant-tertiary-line";
|
253
|
-
readonly muted: "uds-divider-variant-muted-line";
|
254
|
-
};
|
255
|
-
dividerVariantLabel: {
|
256
|
-
readonly primary: "uds-divider-variant-primary-label";
|
257
|
-
readonly secondary: "uds-divider-variant-secondary-label";
|
258
|
-
readonly tertiary: "uds-divider-variant-tertiary-label";
|
259
|
-
readonly muted: "uds-divider-variant-muted-label";
|
260
|
-
};
|
261
403
|
radioVariantValueRoot: {
|
262
404
|
readonly checked: "uds-radio-variant-value-checked-root";
|
263
405
|
readonly unchecked: "uds-radio-variant-value-unchecked-root";
|
@@ -296,108 +438,6 @@ declare const variants: {
|
|
296
438
|
readonly sm: "uds-radio-size-sm-radio";
|
297
439
|
readonly md: "uds-radio-size-md-radio";
|
298
440
|
};
|
299
|
-
inputSizeRoot: {
|
300
|
-
readonly md: "uds-input-size-md-root";
|
301
|
-
readonly lg: "uds-input-size-lg-root";
|
302
|
-
};
|
303
|
-
inputSizeInputWrapper: {
|
304
|
-
readonly md: "uds-input-size-md-input-wrapper";
|
305
|
-
readonly lg: "uds-input-size-lg-input-wrapper";
|
306
|
-
};
|
307
|
-
inputSizeInput: {
|
308
|
-
readonly md: "uds-input-size-md-input";
|
309
|
-
readonly lg: "uds-input-size-lg-input";
|
310
|
-
};
|
311
|
-
inputSizeStartIcon: {
|
312
|
-
readonly md: "uds-input-size-md-start-icon";
|
313
|
-
readonly lg: "uds-input-size-lg-start-icon";
|
314
|
-
};
|
315
|
-
inputSizeEndIcon: {
|
316
|
-
readonly md: "uds-input-size-md-end-icon";
|
317
|
-
readonly lg: "uds-input-size-lg-end-icon";
|
318
|
-
};
|
319
|
-
inputSizeLabel: {
|
320
|
-
readonly md: "uds-input-size-md-label";
|
321
|
-
readonly lg: "uds-input-size-lg-label";
|
322
|
-
};
|
323
|
-
inputSizeHelperIcon: {
|
324
|
-
readonly md: "uds-input-size-md-helper-icon";
|
325
|
-
readonly lg: "uds-input-size-lg-helper-icon";
|
326
|
-
};
|
327
|
-
inputSizeHelperText: {
|
328
|
-
readonly md: "uds-input-size-md-helper-text";
|
329
|
-
readonly lg: "uds-input-size-lg-helper-text";
|
330
|
-
};
|
331
|
-
inputVariantValueRoot: {
|
332
|
-
readonly filled: "uds-input-variant-value-filled-root";
|
333
|
-
readonly empty: "uds-input-variant-value-empty-root";
|
334
|
-
};
|
335
|
-
inputVariantRoot: {
|
336
|
-
readonly default: "uds-input-variant-default-root";
|
337
|
-
};
|
338
|
-
inputVariantValueInputWrapper: {
|
339
|
-
readonly filled: "uds-input-variant-value-filled-input-wrapper";
|
340
|
-
readonly empty: "uds-input-variant-value-empty-input-wrapper";
|
341
|
-
};
|
342
|
-
inputVariantInputWrapper: {
|
343
|
-
readonly default: "uds-input-variant-default-input-wrapper";
|
344
|
-
};
|
345
|
-
inputVariantValueInput: {
|
346
|
-
readonly filled: "uds-input-variant-value-filled-input";
|
347
|
-
readonly empty: "uds-input-variant-value-empty-input";
|
348
|
-
};
|
349
|
-
inputVariantInput: {
|
350
|
-
readonly default: "uds-input-variant-default-input";
|
351
|
-
};
|
352
|
-
inputVariantValueInputPlaceholder: {
|
353
|
-
readonly filled: "uds-input-variant-value-filled-input-placeholder";
|
354
|
-
readonly empty: "uds-input-variant-value-empty-input-placeholder";
|
355
|
-
};
|
356
|
-
inputVariantInputPlaceholder: {
|
357
|
-
readonly default: "uds-input-variant-default-input-placeholder";
|
358
|
-
};
|
359
|
-
inputVariantValueStartIcon: {
|
360
|
-
readonly filled: "uds-input-variant-value-filled-start-icon";
|
361
|
-
readonly empty: "uds-input-variant-value-empty-start-icon";
|
362
|
-
};
|
363
|
-
inputVariantStartIcon: {
|
364
|
-
readonly default: "uds-input-variant-default-start-icon";
|
365
|
-
};
|
366
|
-
inputVariantValueEndIcon: {
|
367
|
-
readonly filled: "uds-input-variant-value-filled-end-icon";
|
368
|
-
readonly empty: "uds-input-variant-value-empty-end-icon";
|
369
|
-
};
|
370
|
-
inputVariantEndIcon: {
|
371
|
-
readonly default: "uds-input-variant-default-end-icon";
|
372
|
-
};
|
373
|
-
inputVariantValueLabel: {
|
374
|
-
readonly filled: "uds-input-variant-value-filled-label";
|
375
|
-
readonly empty: "uds-input-variant-value-empty-label";
|
376
|
-
};
|
377
|
-
inputVariantLabel: {
|
378
|
-
readonly default: "uds-input-variant-default-label";
|
379
|
-
};
|
380
|
-
inputVariantValueLabelRequired: {
|
381
|
-
readonly filled: "uds-input-variant-value-filled-label-required";
|
382
|
-
readonly empty: "uds-input-variant-value-empty-label-required";
|
383
|
-
};
|
384
|
-
inputVariantLabelRequired: {
|
385
|
-
readonly default: "uds-input-variant-default-label-required";
|
386
|
-
};
|
387
|
-
inputVariantValueHelperIcon: {
|
388
|
-
readonly filled: "uds-input-variant-value-filled-helper-icon";
|
389
|
-
readonly empty: "uds-input-variant-value-empty-helper-icon";
|
390
|
-
};
|
391
|
-
inputVariantHelperIcon: {
|
392
|
-
readonly default: "uds-input-variant-default-helper-icon";
|
393
|
-
};
|
394
|
-
inputVariantValueHelperText: {
|
395
|
-
readonly filled: "uds-input-variant-value-filled-helper-text";
|
396
|
-
readonly empty: "uds-input-variant-value-empty-helper-text";
|
397
|
-
};
|
398
|
-
inputVariantHelperText: {
|
399
|
-
readonly default: "uds-input-variant-default-helper-text";
|
400
|
-
};
|
401
441
|
linkTextStyleRoot: {
|
402
442
|
readonly display1: "uds-link-text-style-display-1-root";
|
403
443
|
readonly display2: "uds-link-text-style-display-2-root";
|
@@ -452,46 +492,6 @@ declare const variants: {
|
|
452
492
|
readonly tertiary: "uds-link-variant-tertiary-icon-end";
|
453
493
|
readonly 'on-color': "uds-link-variant-on-color-icon-end";
|
454
494
|
};
|
455
|
-
badgeSizeRoot: {
|
456
|
-
readonly xs: "uds-badge-size-xs-root";
|
457
|
-
readonly sm: "uds-badge-size-sm-root";
|
458
|
-
readonly md: "uds-badge-size-md-root";
|
459
|
-
readonly lg: "uds-badge-size-lg-root";
|
460
|
-
};
|
461
|
-
badgeSizeIcon: {
|
462
|
-
readonly xs: "uds-badge-size-xs-icon";
|
463
|
-
readonly sm: "uds-badge-size-sm-icon";
|
464
|
-
readonly md: "uds-badge-size-md-icon";
|
465
|
-
readonly lg: "uds-badge-size-lg-icon";
|
466
|
-
};
|
467
|
-
badgeVariantRoot: {
|
468
|
-
readonly primary: "uds-badge-variant-primary-root";
|
469
|
-
readonly secondary: "uds-badge-variant-secondary-root";
|
470
|
-
readonly brand: "uds-badge-variant-brand-root";
|
471
|
-
readonly 'brand-secondary': "uds-badge-variant-brand-secondary-root";
|
472
|
-
readonly alert: "uds-badge-variant-alert-root";
|
473
|
-
readonly 'alert-secondary': "uds-badge-variant-alert-secondary-root";
|
474
|
-
readonly warning: "uds-badge-variant-warning-root";
|
475
|
-
readonly 'warning-secondary': "uds-badge-variant-warning-secondary-root";
|
476
|
-
readonly positive: "uds-badge-variant-positive-root";
|
477
|
-
readonly 'positive-secondary': "uds-badge-variant-positive-secondary-root";
|
478
|
-
readonly info: "uds-badge-variant-info-root";
|
479
|
-
readonly 'info-secondary': "uds-badge-variant-info-secondary-root";
|
480
|
-
};
|
481
|
-
badgeVariantIcon: {
|
482
|
-
readonly primary: "uds-badge-variant-primary-icon";
|
483
|
-
readonly secondary: "uds-badge-variant-secondary-icon";
|
484
|
-
readonly brand: "uds-badge-variant-brand-icon";
|
485
|
-
readonly 'brand-secondary': "uds-badge-variant-brand-secondary-icon";
|
486
|
-
readonly alert: "uds-badge-variant-alert-icon";
|
487
|
-
readonly 'alert-secondary': "uds-badge-variant-alert-secondary-icon";
|
488
|
-
readonly warning: "uds-badge-variant-warning-icon";
|
489
|
-
readonly 'warning-secondary': "uds-badge-variant-warning-secondary-icon";
|
490
|
-
readonly positive: "uds-badge-variant-positive-icon";
|
491
|
-
readonly 'positive-secondary': "uds-badge-variant-positive-secondary-icon";
|
492
|
-
readonly info: "uds-badge-variant-info-icon";
|
493
|
-
readonly 'info-secondary': "uds-badge-variant-info-secondary-icon";
|
494
|
-
};
|
495
495
|
color: {
|
496
496
|
accent: string;
|
497
497
|
alert: string;
|
@@ -1771,8 +1771,8 @@ declare function getConfigVariantComponentStatesMatrix<C extends ComponentConfig
|
|
1771
1771
|
* @returns A Record of layer names to their properties, or null if no properties are found
|
1772
1772
|
*/
|
1773
1773
|
declare function getConfigVariantProperties(variant?: VariantConfig): {
|
1774
|
-
[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")[] | ("
|
1775
|
-
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")[] | ("
|
1774
|
+
[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[])[]>>>;
|
1775
|
+
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[])[]>>>;
|
1776
1776
|
} | null;
|
1777
1777
|
|
1778
1778
|
type GenericProperty = SelectedConfigurableProperty<any, any>;
|
package/dist/tokens/index.js
CHANGED
@@ -1 +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-
|
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-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";
|
@@ -1,4 +1,4 @@
|
|
1
|
-
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-
|
1
|
+
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';
|
2
2
|
import '@yahoo/uds-icons/types';
|
3
3
|
import 'motion/react';
|
4
4
|
import 'react';
|
@@ -1,4 +1,4 @@
|
|
1
|
-
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-
|
1
|
+
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';
|
2
2
|
import '@yahoo/uds-icons/types';
|
3
3
|
import 'motion/react';
|
4
4
|
import 'react';
|
package/package.json
CHANGED
package/dist/Input-D5qKu1DM.d.ts
DELETED
@@ -1,42 +0,0 @@
|
|
1
|
-
import * as react from 'react';
|
2
|
-
import { U as UniversalInputProps } from './types-BEszw-N6.js';
|
3
|
-
import { HTMLMotionProps } from 'motion/react';
|
4
|
-
|
5
|
-
type HtmlInputProps = React.InputHTMLAttributes<HTMLInputElement> & HTMLMotionProps<'input'>;
|
6
|
-
type NativeInputProps = Omit<HtmlInputProps, 'height' | 'size' | 'width' | 'color' | 'required'>;
|
7
|
-
interface InputProps extends NativeInputProps, UniversalInputProps {
|
8
|
-
/** The type of the input element. Reduced set of options from the HTML input type attribute.
|
9
|
-
* @default 'text'
|
10
|
-
*/
|
11
|
-
type?: Exclude<NativeInputProps['type'], 'button' | 'checkbox' | 'color' | 'file' | 'radio' | 'range' | 'reset' | 'submit' | 'search'>;
|
12
|
-
}
|
13
|
-
/**
|
14
|
-
* **📦 An input that allows users to enter text and collect data.**
|
15
|
-
*
|
16
|
-
* @componentType Client component
|
17
|
-
*
|
18
|
-
* @description
|
19
|
-
* An input field is a component that takes text typed into it. It can also serve as a way to display a selection and trigger a dropdown menu. Inputs are interactive elements that users can click, tap, or otherwise engage with to collect data and open dropdowns, or both.
|
20
|
-
*
|
21
|
-
* @see
|
22
|
-
* Check out the {@link https://uds.build/docs/components/input Input Docs} for more info
|
23
|
-
*
|
24
|
-
* @usage
|
25
|
-
* - Forms: For collecting data like names, emails, passwords, etc. (e.g., sign-up, login, or contact forms).
|
26
|
-
* - Search Bars: Allowing users to enter search queries to find content.
|
27
|
-
* - Filters/Settings: When users need to specify preferences, like selecting a date or adjusting a number value.
|
28
|
-
* - Feedback/Comments: Letting users leave reviews, comments, or feedback.
|
29
|
-
*
|
30
|
-
* @example
|
31
|
-
* ```tsx
|
32
|
-
* 'use client';
|
33
|
-
* import { Input } from "@yahoo/uds";
|
34
|
-
*
|
35
|
-
* <Input label="Name" placeholder="Enter your name" required />
|
36
|
-
*```
|
37
|
-
*
|
38
|
-
* @related [Checkbox](https://uds.build/docs/components/checkbox), [Radio](https://uds.build/docs/components/radio).
|
39
|
-
**/
|
40
|
-
declare const Input: react.ForwardRefExoticComponent<Omit<InputProps, "ref"> & react.RefAttributes<HTMLInputElement>>;
|
41
|
-
|
42
|
-
export { type InputProps as I, Input as a };
|
@@ -1,42 +0,0 @@
|
|
1
|
-
import * as react from 'react';
|
2
|
-
import { U as UniversalInputProps } from './types-BEszw-N6.cjs';
|
3
|
-
import { HTMLMotionProps } from 'motion/react';
|
4
|
-
|
5
|
-
type HtmlInputProps = React.InputHTMLAttributes<HTMLInputElement> & HTMLMotionProps<'input'>;
|
6
|
-
type NativeInputProps = Omit<HtmlInputProps, 'height' | 'size' | 'width' | 'color' | 'required'>;
|
7
|
-
interface InputProps extends NativeInputProps, UniversalInputProps {
|
8
|
-
/** The type of the input element. Reduced set of options from the HTML input type attribute.
|
9
|
-
* @default 'text'
|
10
|
-
*/
|
11
|
-
type?: Exclude<NativeInputProps['type'], 'button' | 'checkbox' | 'color' | 'file' | 'radio' | 'range' | 'reset' | 'submit' | 'search'>;
|
12
|
-
}
|
13
|
-
/**
|
14
|
-
* **📦 An input that allows users to enter text and collect data.**
|
15
|
-
*
|
16
|
-
* @componentType Client component
|
17
|
-
*
|
18
|
-
* @description
|
19
|
-
* An input field is a component that takes text typed into it. It can also serve as a way to display a selection and trigger a dropdown menu. Inputs are interactive elements that users can click, tap, or otherwise engage with to collect data and open dropdowns, or both.
|
20
|
-
*
|
21
|
-
* @see
|
22
|
-
* Check out the {@link https://uds.build/docs/components/input Input Docs} for more info
|
23
|
-
*
|
24
|
-
* @usage
|
25
|
-
* - Forms: For collecting data like names, emails, passwords, etc. (e.g., sign-up, login, or contact forms).
|
26
|
-
* - Search Bars: Allowing users to enter search queries to find content.
|
27
|
-
* - Filters/Settings: When users need to specify preferences, like selecting a date or adjusting a number value.
|
28
|
-
* - Feedback/Comments: Letting users leave reviews, comments, or feedback.
|
29
|
-
*
|
30
|
-
* @example
|
31
|
-
* ```tsx
|
32
|
-
* 'use client';
|
33
|
-
* import { Input } from "@yahoo/uds";
|
34
|
-
*
|
35
|
-
* <Input label="Name" placeholder="Enter your name" required />
|
36
|
-
*```
|
37
|
-
*
|
38
|
-
* @related [Checkbox](https://uds.build/docs/components/checkbox), [Radio](https://uds.build/docs/components/radio).
|
39
|
-
**/
|
40
|
-
declare const Input: react.ForwardRefExoticComponent<Omit<InputProps, "ref"> & react.RefAttributes<HTMLInputElement>>;
|
41
|
-
|
42
|
-
export { type InputProps as I, Input as a };
|
@@ -1,44 +0,0 @@
|
|
1
|
-
import * as react from 'react';
|
2
|
-
import { a as UniversalPressableProps } from './types-BrfKRznE.js';
|
3
|
-
|
4
|
-
type HtmlButtonProps = Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, 'color' | 'name'>;
|
5
|
-
interface PressableProps extends UniversalPressableProps, HtmlButtonProps {
|
6
|
-
}
|
7
|
-
/**
|
8
|
-
* **🖲️ A primitive component for creating button interactions with accessibility support**
|
9
|
-
*
|
10
|
-
* @componentType Client component
|
11
|
-
*
|
12
|
-
* @description
|
13
|
-
* The Pressable component is a primitive component that can be used
|
14
|
-
* to create button interactions with accessibility support. It can be used
|
15
|
-
* to trigger an action, such as submitting a form, navigating to a new page,
|
16
|
-
* or adding interactivity to a section or card.
|
17
|
-
*
|
18
|
-
* @example
|
19
|
-
* ```tsx
|
20
|
-
* import { Pressable } from '@yahoo/uds';
|
21
|
-
*
|
22
|
-
* <Pressable
|
23
|
-
* backgroundColor="secondary"
|
24
|
-
* borderWidth="thin"
|
25
|
-
* borderColor="primary"
|
26
|
-
* borderRadius="lg"
|
27
|
-
* onPress={() => console.log('Pressed!')}
|
28
|
-
* >
|
29
|
-
* <Text variant="body1" color="primary" spacingHorizontal="7" spacingVertical="5">Click me...</Text>
|
30
|
-
* </Pressable>
|
31
|
-
* ```
|
32
|
-
*
|
33
|
-
* @usage
|
34
|
-
* - If you need to add interactivity to a section or card.
|
35
|
-
* - If you need a highly customized version of [Button](./button)
|
36
|
-
*
|
37
|
-
* @see The {@link https://uds.build/docs/components/pressable Pressable Docs} for more info
|
38
|
-
*
|
39
|
-
* @related [Button](https://uds.build/docs/components/button), [IconButton](https://uds.build/docs/components/icon-button)
|
40
|
-
*
|
41
|
-
*/
|
42
|
-
declare const Pressable: react.ForwardRefExoticComponent<PressableProps & react.RefAttributes<HTMLButtonElement>>;
|
43
|
-
|
44
|
-
export { type PressableProps as P, Pressable as a };
|