@yahoo/uds 3.62.1 → 3.64.0
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/cli/FlattenButtonVariant.mock.tsx +17 -0
- package/dist/{Box-BPqozJKV.d.ts → Box--dJZH_rm.d.ts} +1 -1
- package/dist/{Box-CAXnChUr.d.cts → Box-BYHIqBW7.d.cts} +1 -1
- package/dist/{Box-BtGFIN-Y.d.cts → Box-CPuhAyke.d.ts} +1 -1
- package/dist/{Box-DHkDJtKc.d.ts → Box-Z1sx8kY_.d.cts} +1 -1
- package/dist/{Pressable-Dv2u0J8g.d.cts → Pressable-B2MfBeRr.d.cts} +1 -1
- package/dist/{Pressable-DDfuPMmu.d.ts → Pressable-DJ1rXy1y.d.ts} +1 -1
- package/dist/{Pressable-DNTom4uz.d.ts → Pressable-DiHQSTHz.d.ts} +1 -1
- package/dist/{Pressable-h8PFMRAD.d.cts → Pressable-DtzH7hBC.d.cts} +1 -1
- package/dist/{Text-Bc780hS6.d.cts → Text-C3rnosjh.d.ts} +7 -7
- package/dist/{Text-OknYJMzK.d.ts → Text-Dj2Pbxi_.d.cts} +7 -7
- package/dist/{Text-pkInF_RQ.d.ts → Text-MttXuiDO.d.cts} +7 -7
- package/dist/{Text-DqfpRrk9.d.cts → Text-uefIU8bE.d.ts} +7 -7
- package/dist/{VStack-C4UvcxG-.d.ts → VStack-B6GYDqa0.d.ts} +2 -2
- package/dist/{VStack-Bv-I1HBt.d.cts → VStack-BiJs2i59.d.cts} +2 -2
- package/dist/{VStack-DqqmcZ-1.d.ts → VStack-CYpp5Wa0.d.ts} +2 -2
- package/dist/{VStack-BzpyA6pg.d.cts → VStack-DSQShH8m.d.cts} +2 -2
- package/dist/{chunk-DDEQ5ROD.js → chunk-6HBRFJUU.js} +1 -1
- package/dist/chunk-6K6GGQQ2.cjs +1 -0
- package/dist/chunk-6THPHJSQ.cjs +1 -0
- package/dist/{chunk-H4HQHSH3.js → chunk-6VNCVYKB.js} +2 -2
- package/dist/{chunk-A5EJNYIP.cjs → chunk-6WXK2RIZ.cjs} +1 -1
- package/dist/{chunk-UENRZFGM.js → chunk-7ODTLDW2.js} +1 -1
- package/dist/{chunk-MNVPSAPL.js → chunk-7PDRKN2R.js} +1 -1
- package/dist/{chunk-3Y5I44KY.cjs → chunk-7YPLUG7X.cjs} +1 -1
- package/dist/chunk-A2OJLMOY.js +1 -0
- package/dist/chunk-A7OSNZQ4.cjs +1 -0
- package/dist/{chunk-K477DQVL.cjs → chunk-AGCCYYM2.cjs} +1 -1
- package/dist/chunk-AZXEQF7C.js +2 -0
- package/dist/{chunk-3HO7CT7Z.cjs → chunk-BMP5TZVZ.cjs} +1 -1
- package/dist/chunk-BRM6VXBO.cjs +1 -0
- package/dist/{chunk-2R3UAZWG.js → chunk-BXINZTSJ.js} +3 -3
- package/dist/chunk-C2XEOEF3.js +2 -0
- package/dist/{chunk-TRONEN3U.cjs → chunk-C5HXKCKH.cjs} +1 -1
- package/dist/{chunk-5DLZXPAK.cjs → chunk-CGHQHGYY.cjs} +1 -1
- package/dist/{chunk-4FMK26LZ.js → chunk-D7MUW3EG.js} +1 -1
- package/dist/{chunk-UZJNSQCF.js → chunk-DFLTCYEQ.js} +2 -2
- package/dist/{chunk-XLCSJWEJ.js → chunk-DK4BCT4X.js} +1 -1
- package/dist/{chunk-LMPIMLGP.cjs → chunk-E2KVZ3FW.cjs} +1 -1
- package/dist/{chunk-5SAGUHGK.cjs → chunk-EFKAW2BI.cjs} +2 -2
- package/dist/{chunk-MLXIOGCQ.cjs → chunk-EUBXXJNQ.cjs} +1 -1
- package/dist/chunk-EUHS2LRV.js +2 -0
- package/dist/{chunk-PVBZ5YHQ.js → chunk-FEHICJMH.js} +2 -2
- package/dist/{chunk-36WHBOYO.cjs → chunk-IBEJS4QY.cjs} +1 -1
- package/dist/chunk-JY33SU6G.cjs +1 -0
- package/dist/{chunk-UQB36STA.cjs → chunk-JY5DPKJL.cjs} +1 -1
- package/dist/{chunk-74JOPQAN.cjs → chunk-KQYW7REL.cjs} +1 -1
- package/dist/chunk-LGVDORBF.js +2 -0
- package/dist/{chunk-NBRYRYT7.js → chunk-MNKPZNCD.js} +1 -1
- package/dist/{chunk-UXTWTF2X.cjs → chunk-N2X6LD4P.cjs} +1 -1
- package/dist/{chunk-FYZJS6PY.cjs → chunk-O7H45A6H.cjs} +1 -1
- package/dist/chunk-O7UVSJ5U.js +2 -0
- package/dist/chunk-OSIGO5ER.cjs +1 -0
- package/dist/{chunk-KGWI7YBY.cjs → chunk-QCYX4YGV.cjs} +1 -1
- package/dist/chunk-QZDENCIR.cjs +1 -0
- package/dist/chunk-RUVVMG6V.js +2 -0
- package/dist/chunk-SNWFPB5H.cjs +1 -0
- package/dist/chunk-TSFJJXPE.js +2 -0
- package/dist/chunk-VETD7I64.js +1 -0
- package/dist/{chunk-4CSRT7Y4.js → chunk-WEIHOHSB.js} +1 -1
- package/dist/{chunk-YAR3WPVO.js → chunk-WTCFWBEP.js} +1 -1
- package/dist/{chunk-BODZPWTT.js → chunk-XOHE32Q2.js} +1 -1
- package/dist/chunk-XRY2AFCC.js +2 -0
- package/dist/client/Menu.cjs +1 -1
- package/dist/client/Menu.d.cts +4 -4
- package/dist/client/Menu.d.ts +4 -4
- package/dist/client/Menu.js +2 -2
- package/dist/client/index.cjs +1 -1
- package/dist/client/index.d.cts +4 -4
- package/dist/client/index.d.ts +4 -4
- package/dist/client/index.js +1 -1
- package/dist/defaultTokensConfig.cjs +1 -1
- package/dist/defaultTokensConfig.d.cts +7513 -3710
- package/dist/defaultTokensConfig.d.ts +7513 -3710
- package/dist/defaultTokensConfig.js +1 -1
- package/dist/experimental/client/SwitchV2.cjs +2 -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 +2 -2
- package/dist/experimental/client/index.js +2 -2
- package/dist/experimental/index.cjs +1 -1
- package/dist/experimental/index.js +1 -1
- package/dist/fixtures.cjs +161 -181
- package/dist/fixtures.d.cts +7 -13
- package/dist/fixtures.d.ts +7 -13
- package/dist/fixtures.js +156 -170
- package/dist/{index-hEma1xw-.d.cts → index-CF87-Wn8.d.ts} +27 -21
- package/dist/{index-CETOayIc.d.cts → index-CyzMnp_C.d.cts} +27 -21
- package/dist/{index-2rGFJ5FX.d.ts → index-Dp0sWo0y.d.ts} +27 -21
- package/dist/{index-DJfunG6F.d.ts → index-M_d5Reyr.d.cts} +27 -21
- package/dist/index.cjs +1 -1
- package/dist/index.d.cts +46 -44
- package/dist/index.d.ts +46 -44
- 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 +3 -10
- package/dist/tailwind/plugin.d.ts +3 -10
- 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 +2 -2
- package/dist/tailwind/utils.cjs +1 -1
- package/dist/tailwind/utils.d.cts +2 -2
- package/dist/tailwind/utils.d.ts +2 -2
- package/dist/tailwind/utils.js +1 -1
- package/dist/tokens/automation/configs.cjs +1 -1
- package/dist/tokens/automation/configs.d.cts +21 -3
- package/dist/tokens/automation/configs.d.ts +21 -3
- package/dist/tokens/automation/configs.js +1 -1
- package/dist/tokens/automation/properties.cjs +1 -1
- package/dist/tokens/automation/properties.d.cts +2 -2
- package/dist/tokens/automation/properties.d.ts +2 -2
- package/dist/tokens/automation/properties.js +1 -1
- package/dist/tokens/index.cjs +1 -1
- package/dist/tokens/index.d.cts +86 -44
- package/dist/tokens/index.d.ts +86 -44
- package/dist/tokens/index.js +1 -1
- package/dist/tokens/parseTokens.cjs +1 -1
- package/dist/tokens/parseTokens.d.cts +1 -1
- package/dist/tokens/parseTokens.d.ts +1 -1
- package/dist/tokens/parseTokens.js +1 -1
- package/dist/{types-BvOFo15W.d.cts → types-fpiurdUk.d.cts} +1 -3
- package/dist/{types-BvOFo15W.d.ts → types-fpiurdUk.d.ts} +1 -3
- package/dist/{types-8Ow4Y7RA.d.cts → universalTokensConfigAuto-4Elh49mo.d.cts} +12863 -9187
- package/dist/{types-8Ow4Y7RA.d.ts → universalTokensConfigAuto-4Elh49mo.d.ts} +12863 -9187
- package/dist/{types-BzoCuKCE.d.cts → universalTokensConfigAuto-DMkgiw7i.d.cts} +12863 -9187
- package/dist/{types-BzoCuKCE.d.ts → universalTokensConfigAuto-DMkgiw7i.d.ts} +12863 -9187
- package/package.json +1 -1
- package/dist/chunk-34ELYHSN.js +0 -2
- package/dist/chunk-3RH3MQJN.js +0 -2
- package/dist/chunk-4UBSZT2O.js +0 -2
- package/dist/chunk-CT6EVSBR.cjs +0 -1
- package/dist/chunk-DHVRF7EV.js +0 -2
- package/dist/chunk-DKCYJNNB.js +0 -1
- package/dist/chunk-IIJ76JTE.js +0 -2
- package/dist/chunk-IL624YNH.cjs +0 -1
- package/dist/chunk-KHJXWDJY.js +0 -2
- package/dist/chunk-MAUK7QR2.js +0 -2
- package/dist/chunk-MIW2I7PH.js +0 -1
- package/dist/chunk-MVEKLQGM.cjs +0 -1
- package/dist/chunk-MWEHOHYJ.js +0 -2
- package/dist/chunk-OQ37WTUR.cjs +0 -1
- package/dist/chunk-SXUCNY2G.cjs +0 -1
- package/dist/chunk-U7C4F57A.cjs +0 -1
- package/dist/chunk-YLFRCCE4.cjs +0 -1
- package/dist/chunk-ZBNHYKKG.cjs +0 -1
package/dist/index.d.cts
CHANGED
|
@@ -1,16 +1,16 @@
|
|
|
1
|
-
import { D as DivProps } from './Box-
|
|
2
|
-
export { a as Box, B as BoxProps } from './Box-
|
|
3
|
-
export { a as Divider, D as DividerProps, b as VStack, V as VStackProps } from './VStack-
|
|
1
|
+
import { D as DivProps } from './Box-BYHIqBW7.cjs';
|
|
2
|
+
export { a as Box, B as BoxProps } from './Box-BYHIqBW7.cjs';
|
|
3
|
+
export { a as Divider, D as DividerProps, b as VStack, V as VStackProps } from './VStack-DSQShH8m.cjs';
|
|
4
4
|
import * as react_jsx_runtime from 'react/jsx-runtime';
|
|
5
|
-
import {
|
|
6
|
-
export {
|
|
5
|
+
import { t as UniversalFormLabelProps, p as UniversalStackProps, I as IconPropsWithSVGProps, u as ImagePropsWithImgProps, v as UniversalLinkProps } from './universalTokensConfigAuto-DMkgiw7i.cjs';
|
|
6
|
+
export { A as AVATAR_SIZE_PREFIX, an as AlwaysPalette, ao as AlwaysPaletteAlias, ap as AlwaysPaletteColor, aq as Animation, ar as AriaAttribute, as as AvatarAbbreviationStrategy, at as AvatarShape, au as AvatarSize, av as AvatarSizeConfig, aw as AvatarVariant, y as BACKGROUND_COLOR_PREFIX, z as BORDER_RADIUS_PREFIX, D as BORDER_WIDTH_PREFIX, ae as BUTTON_GAP_VAR, af as BUTTON_SCALE_EFFECT, ax as BackgroundColor, ay as BackgroundPalette, az as BackgroundPaletteAlias, aA as BackgroundStyleProps, aB as BadgeSize, aC as BadgeVariant, aD as BorderRadius, aE as BorderRadiusConfig, aF as BorderStyleProps, aG as BorderWidth, aH as BorderWidthConfig, aI as BorderWidthWithElevation, aJ as Breakpoint, aK as BreakpointWithBase, B as BreakpointsConfig, aL as ButtonPalette, aM as ButtonPaletteColor, aN as ButtonSize, aO as ButtonSpectrumColor, aP as ButtonVariant, aQ as ButtonVariantFlat, aR as CheckboxSize, aS as CheckboxValue, aT as CheckboxVariant, aU as ChipSize, aV as ChipVariant, g as ColorMode, C as ColorModeConfig, aW as ColorModeForApp, h as ColorsConfig, aX as CustomSizingStyleProps, $ as DARK_COLOR_MODE_CLASSNAME, aa as DEFAULT_COLOR_MODE_CLASSNAME, ab as DEFAULT_SCALE_MODE_CLASSNAME, J as DROP_SHADOW_PREFIX, aY as DataAttribute, aZ as Display, a_ as DividerVariant, a$ as ElevationAlias, E as ElevationConfig, i as ElevationLevel, j as ElevationPreset, ah as FONT_DECLARATIONS_MAP, K as FONT_FAMILY_PREFIX, L as FONT_SIZE_PREFIX, O as FONT_SLANT_PREFIX, N as FONT_WEIGHT_PREFIX, Q as FONT_WIDTH_PREFIX, b0 as Flex, b1 as FlexAlignContent, b2 as FlexAlignItems, b3 as FlexAlignSelf, b4 as FlexBasis, b5 as FlexDirection, b6 as FlexGrow, b7 as FlexJustifyContent, b8 as FlexShrink, b9 as FlexStyleProps, ba as FlexWrap, bb as FontAlias, ai as FontAxisConfig, F as FontConfig, bc as FontCssVar, ak as FontDeclarationConfig, aj as FontDeclarationItemConfig, al as FontDeclarationMap, bd as FontFamilyCDNUrl, be as FontFamilyConfig, bf as FontID, bg as FontSize, bh as FontSizeConfig, bi as FontSlantConfig, bj as FontType, bk as FontWeightConfig, bl as FontWeightDescriptive, am as FontWeightForFont, bm as FontWeightNumeric, bn as FontWidthConfig, bo as ForegroundColor, bp as ForegroundPalette, bq as ForegroundPaletteAlias, G as GlobalDefaultsConfig, br as HighContrastMode, H as Hue, k as HueStep, R as ICON_SIZE_PREFIX, a2 as INVERT_COLOR_MODE_CLASSNAME, bs as IconButtonSize, bt as IconSizeConfig, bu as IconSlotRenderProps, bv as ImageStyleProps, bw as InputSize, a6 as LARGE_SCALE_MODE_CLASSNAME, X as LETTER_SPACING_PREFIX, a0 as LIGHT_COLOR_MODE_CLASSNAME, V as LINE_COLOR_PREFIX, W as LINE_HEIGHT_PREFIX, bx as LayoutStyleProps, by as LineClampAlias, bz as LineColor, bA as LineHeight, bB as LineHeightConfig, bC as LinePalette, bD as LinePaletteAlias, a5 as MEDIUM_SCALE_MODE_CLASSNAME, Y as MOTION_PREFIX, bE as Modes, M as MotionConfig, bF as MotionCssVar, bG as MotionSpringConfig, bH as MotionSpringConfigOptions, bI as MotionVariant, bJ as MotionVariantSpeed, bK as MotionVariantValues, bL as OpacityStep, bM as Overflow, ag as PSEUDO_STYLE_SELECTOR_MAP, bN as Palette, l as PaletteConfig, P as PaletteType, bO as PaletteValue, bP as Percentage, bQ as PercentageUnit, bR as PixelsUnit, bS as PlatformMode, bT as Position, bU as PropertyToPaletteAliasMap, b_ as RGBAUnit, b$ as RGBColorValue, bV as RadioSize, bW as RadioValue, bX as RadioVariant, bY as RegionMode, bZ as RemsUnit, a4 as SMALL_SCALE_MODE_CLASSNAME, Z as SPECTRUM_COLOR_PREFIX, a1 as SYSTEM_COLOR_MODE_CLASSNAME, c0 as ScaleConfig, c1 as ScaleEffect, m as ScaleMode, S as ScaleModeConfig, c2 as ScaleModeForApp, c3 as ShadowColor, c4 as ShadowColorConfig, d as ShadowConfig, c5 as ShadowOffset, c6 as ShadowOpacity, c7 as ShadowPalette, c8 as ShadowPaletteAlias, n as ShadowPreset, c9 as ShadowSpreadRadius, ca as ShadowStyleProps, cb as ShadowType, cc as ShadowTypeConfig, cd as ShadowVariant, ce as ShadowVariantConfig, cf as ShadowVariantInvert, cg as ShadowVariantWithElevation, ch as ShadowVariantWithInvert, ci as SharedPaletteAlias, r as SpacingAlias, cj as SpacingConfig, ck as SpacingStyleProps, cl as SpectrumColor, cm as SpectrumConfig, cn as StateStyleProps, co as StyleProps, cp as SwitchSize, ad as TEXT_RESPONSIVE_BREAKPOINT_CLASSNAMES, ac as TEXT_RESPONSIVE_CLASSNAME, _ as TEXT_TRANSFORM_PREFIX, cB as TShirtSize, cC as TShirtSizeCommon, cq as TextDecorationLine, cr as TextProperty, cs as TextStyleProps, ct as TextTransform, cu as TextTransformConfig, cv as TextVariant, cw as TextVariantTypography, o as TextVariantUi, cx as TextVariantWithoutEmphasized, cy as TransitionDelay, cz as TransitionDuration, cA as TransitionTiming, T as TypographyConfig, cD as TypographyResponsiveProperty, cE as TypographyStyle, cF as TypographyStyleProperty, cG as TypographyUnitValue, x as UDS_PREFIX, cH as UdsCssVar, cI as UnitlessUnit, cJ as UniversalAvatarIconProps, cK as UniversalAvatarImageProps, cL as UniversalAvatarProps, cM as UniversalAvatarTextProps, cN as UniversalBadgeProps, b as UniversalBoxProps, cO as UniversalButtonProps, cP as UniversalCheckboxProps, cQ as UniversalChipBaseProps, cR as UniversalChipButtonProps, cS as UniversalChipDismissibleProps, cT as UniversalChipLinkProps, cU as UniversalChipProps, cV as UniversalChipToggleProps, q as UniversalDividerProps, cW as UniversalIconButtonProps, cX as UniversalIconProps, cY as UniversalIconSlot, cZ as UniversalImageProps, c_ as UniversalInputProps, s as UniversalMenuItemProps, a as UniversalPressableProps, c$ as UniversalRadioGroupProps, d0 as UniversalRadioProps, c as UniversalSwitchProps, U as UniversalTextProps, f as UniversalTokensConfig, d1 as UniversalTokensConfigAuto, a7 as XLARGE_SCALE_MODE_CLASSNAME, a3 as XSMALL_SCALE_MODE_CLASSNAME, a8 as XXLARGE_SCALE_MODE_CLASSNAME, a9 as XXXLARGE_SCALE_MODE_CLASSNAME, w as alwaysPalette } from './universalTokensConfigAuto-DMkgiw7i.cjs';
|
|
7
7
|
import * as react from 'react';
|
|
8
8
|
import { PropsWithChildren, Dispatch, SetStateAction } from 'react';
|
|
9
|
-
export { T as Text, a as TextProps } from './Text-
|
|
9
|
+
export { T as Text, a as TextProps } from './Text-MttXuiDO.cjs';
|
|
10
10
|
export { Avatar, AvatarIcon, AvatarIconProps, AvatarImage, AvatarImageProps, AvatarProps, AvatarText, AvatarTextProps, Badge, BadgeProps, Button, ButtonProps, Checkbox, CheckboxProps, Chip, ChipButton, ChipButtonProps, ChipDismissible, ChipDismissibleProps, ChipLink, ChipLinkProps, ChipProps, ChipToggle, ChipToggleProps, IconButton, IconButtonProps, Input, InputHelpText, InputHelpTextProps, InputProps, Menu, MenuContentProps, MenuDividerProps, MenuItemCheckboxProps, MenuItemProps, MenuPlacement, MenuProviderProps, MenuTriggerProps, Pressable, PressableProps, Radio, RadioGroupProvider, RadioGroupProviderProps, RadioProps, SpringMotionConfig, SpringMotionConfigProps, Switch, SwitchProps } from '@yahoo/uds/client';
|
|
11
|
-
export { AllSelectors, BaseSelector, CssStyleObject, DEFAULT_COLOR_MODE, DEFAULT_COLOR_MODE_FOR_APP, DEFAULT_HIGH_CONTRAST_MODE, DEFAULT_REGION_MODE, DEFAULT_SCALE_MODE, DEFAULT_SCALE_MODE_FOR_APP, ParentVariantSelector,
|
|
12
|
-
export { AvatarConfig, BadgeConfig, CheckboxConfig, ChipConfig, DividerConfig, InputConfig, LinkConfig, MenuConfig, RadioConfig, SwitchConfig } from './tokens/automation/configs.cjs';
|
|
13
|
-
export { A as AllPossibleProperties, j as AllVariantKeys, i as AutoComponentName, h as AutoComponents, g as ComponentConfig, b as ComponentStateConfig, C as ConfigurablePropertiesName, E as ExtendablePropertiesName, L as LayerConfig, P as PossibleStates, a as PossibleStatesWithRest, k as SchemaStateValue, S as SelectedConfigurableProperty, d as SubComponentConfig, V as VariantConfig, f as VariantConfigWithComponentStates, e as VariantConfigWithProperties, c as configurableProperties,
|
|
11
|
+
export { AllSelectors, BaseSelector, CssStyleObject, DEFAULT_COLOR_MODE, DEFAULT_COLOR_MODE_FOR_APP, DEFAULT_HIGH_CONTRAST_MODE, DEFAULT_REGION_MODE, DEFAULT_SCALE_MODE, DEFAULT_SCALE_MODE_FOR_APP, ParentVariantSelector, cartesianProduct, coalesceConfigVariant, entries, fontWeightMap, fromEntries, generateKeyFromFlatConfigPath, generateSchemaKey, getConfigDefaultValue, getConfigPseudoStateVariables, getConfigPseudoStateVariablesWithSetter, getConfigSubcomponents, getConfigVariantComponentStates, getConfigVariantComponentStatesMatrix, getConfigVariantProperties, getConfigVariantPseudoStates, getConfigVariants, isConfigDefaultValue, mapValues, parseButtonVariantFlat, parseOpacityStep, setConfigPseudoStateVariable, shadow, variants } from './tokens/index.cjs';
|
|
12
|
+
export { AvatarConfig, BadgeConfig, ButtonConfig, CheckboxConfig, ChipConfig, DividerConfig, IconButtonConfig, InputConfig, LinkConfig, MenuConfig, RadioConfig, SwitchConfig } from './tokens/automation/configs.cjs';
|
|
13
|
+
export { A as AllPossibleProperties, j as AllVariantKeys, i as AutoComponentName, h as AutoComponents, g as ComponentConfig, b as ComponentStateConfig, C as ConfigurablePropertiesName, E as ExtendablePropertiesName, L as LayerConfig, P as PossibleStates, a as PossibleStatesWithRest, k as SchemaStateValue, S as SelectedConfigurableProperty, d as SubComponentConfig, V as VariantConfig, f as VariantConfigWithComponentStates, e as VariantConfigWithProperties, c as configurableProperties, x as createComponentStates, r as createConfigurableProperty, y as createLayerConfig, z as createSubComponentConfig, u as createVariantConfig, w as createVariantConfigWithComponentStates, v as createVariantConfigWithProperties, l as findFixtureType, n as generateClassName, p as generateConfigStyles, o as generateDeclaration, m as generateDefaultClassName, q as generateStyles, s as statePseudoMapDocsMode, t as toMinimalDbConfigObject } from './index-CyzMnp_C.cjs';
|
|
14
14
|
export { IconSize, IconVariant } from '@yahoo/uds-icons/types';
|
|
15
15
|
import 'motion/react';
|
|
16
16
|
import 'type-fest';
|
|
@@ -214,6 +214,10 @@ declare const getStylesInternal: (props?: ({
|
|
|
214
214
|
switchSizeSwitch?: "sm" | "md" | undefined;
|
|
215
215
|
switchSizeHandle?: "sm" | "md" | undefined;
|
|
216
216
|
switchSizeHandleIcon?: "sm" | "md" | undefined;
|
|
217
|
+
buttonSizeRoot?: "sm" | "md" | "lg" | undefined;
|
|
218
|
+
buttonSizeIcon?: "sm" | "md" | "lg" | undefined;
|
|
219
|
+
buttonVariantRoot?: "primary" | "secondary" | "alert" | "alert-secondary" | "tertiary" | "alert-tertiary" | "brand" | "brand-secondary" | "brand-tertiary" | "info" | "info-secondary" | "info-tertiary" | "positive" | "positive-secondary" | "positive-tertiary" | "warning" | "warning-secondary" | "warning-tertiary" | undefined;
|
|
220
|
+
buttonVariantIcon?: "primary" | "secondary" | "alert" | "alert-secondary" | "tertiary" | "alert-tertiary" | "brand" | "brand-secondary" | "brand-tertiary" | "info" | "info-secondary" | "info-tertiary" | "positive" | "positive-secondary" | "positive-tertiary" | "warning" | "warning-secondary" | "warning-tertiary" | undefined;
|
|
217
221
|
chipSizeRoot?: "sm" | "md" | undefined;
|
|
218
222
|
chipSizeIcon?: "sm" | "md" | undefined;
|
|
219
223
|
chipToggleVariantActiveRoot?: "on" | "off" | undefined;
|
|
@@ -237,10 +241,10 @@ declare const getStylesInternal: (props?: ({
|
|
|
237
241
|
linkVariantRoot?: "primary" | "secondary" | "tertiary" | "on-color" | undefined;
|
|
238
242
|
linkVariantIconStart?: "primary" | "secondary" | "tertiary" | "on-color" | undefined;
|
|
239
243
|
linkVariantIconEnd?: "primary" | "secondary" | "tertiary" | "on-color" | undefined;
|
|
240
|
-
badgeSizeRoot?: "sm" | "md" | "
|
|
241
|
-
badgeSizeIcon?: "sm" | "md" | "
|
|
242
|
-
badgeVariantRoot?: "primary" | "secondary" | "alert" | "alert-secondary" | "brand" | "brand-secondary" | "
|
|
243
|
-
badgeVariantIcon?: "primary" | "secondary" | "alert" | "alert-secondary" | "brand" | "brand-secondary" | "
|
|
244
|
+
badgeSizeRoot?: "sm" | "md" | "lg" | "xs" | undefined;
|
|
245
|
+
badgeSizeIcon?: "sm" | "md" | "lg" | "xs" | undefined;
|
|
246
|
+
badgeVariantRoot?: "primary" | "secondary" | "alert" | "alert-secondary" | "brand" | "brand-secondary" | "info" | "info-secondary" | "positive" | "positive-secondary" | "warning" | "warning-secondary" | undefined;
|
|
247
|
+
badgeVariantIcon?: "primary" | "secondary" | "alert" | "alert-secondary" | "brand" | "brand-secondary" | "info" | "info-secondary" | "positive" | "positive-secondary" | "warning" | "warning-secondary" | undefined;
|
|
244
248
|
inputSizeRoot?: "md" | "lg" | undefined;
|
|
245
249
|
inputSizeInputWrapper?: "md" | "lg" | undefined;
|
|
246
250
|
inputSizeInput?: "md" | "lg" | undefined;
|
|
@@ -269,11 +273,13 @@ declare const getStylesInternal: (props?: ({
|
|
|
269
273
|
inputVariantHelperIcon?: "default" | undefined;
|
|
270
274
|
inputVariantValueHelperText?: "filled" | "empty" | undefined;
|
|
271
275
|
inputVariantHelperText?: "default" | undefined;
|
|
272
|
-
avatarSizeRoot?: "sm" | "md" | "
|
|
273
|
-
avatarSizeIcon?: "sm" | "md" | "
|
|
276
|
+
avatarSizeRoot?: "sm" | "md" | "lg" | "xs" | "xl" | undefined;
|
|
277
|
+
avatarSizeIcon?: "sm" | "md" | "lg" | "xs" | "xl" | undefined;
|
|
274
278
|
avatarTextVariantRoot?: "primary" | "secondary" | undefined;
|
|
275
279
|
avatarImageVariantRoot?: "primary" | "secondary" | undefined;
|
|
276
280
|
avatarIconVariantRoot?: "primary" | "secondary" | undefined;
|
|
281
|
+
iconbuttonSizeRoot?: "sm" | "md" | "lg" | "xs" | "xl" | undefined;
|
|
282
|
+
iconbuttonSizeIcon?: "sm" | "md" | "lg" | "xs" | "xl" | undefined;
|
|
277
283
|
menuSizeRoot?: "default" | undefined;
|
|
278
284
|
menuSizeStartIcon?: "default" | undefined;
|
|
279
285
|
menuSizeEndIcon?: "default" | undefined;
|
|
@@ -294,14 +300,14 @@ declare const getStylesInternal: (props?: ({
|
|
|
294
300
|
menuDividerVariantRoot?: "default" | undefined;
|
|
295
301
|
menuDividerVariantText?: "default" | undefined;
|
|
296
302
|
menuDividerVariantLine?: "default" | undefined;
|
|
297
|
-
color?: "primary" | "secondary" | "alert" | "alert-secondary" | "tertiary" | "muted" | "brand" | "brand-secondary" | "
|
|
298
|
-
placeholderColor?: "primary" | "secondary" | "alert" | "alert-secondary" | "tertiary" | "muted" | "brand" | "brand-secondary" | "
|
|
303
|
+
color?: "primary" | "secondary" | "alert" | "alert-secondary" | "tertiary" | "muted" | "brand" | "brand-secondary" | "info" | "info-secondary" | "positive" | "positive-secondary" | "warning" | "warning-secondary" | "on-color" | "accent" | "transparent" | "white" | "black" | "current" | undefined;
|
|
304
|
+
placeholderColor?: "primary" | "secondary" | "alert" | "alert-secondary" | "tertiary" | "muted" | "brand" | "brand-secondary" | "info" | "info-secondary" | "positive" | "positive-secondary" | "warning" | "warning-secondary" | "on-color" | "accent" | "transparent" | "white" | "black" | "current" | undefined;
|
|
299
305
|
fontFamily?: "display1" | "display2" | "display3" | "title1" | "title2" | "title3" | "title4" | "headline1" | "body1" | "label1" | "label2" | "label3" | "label4" | "caption1" | "caption2" | "legal1" | "ui1" | "ui2" | "ui3" | "ui4" | "ui5" | "ui6" | "serif" | "sans" | "mono" | "display1/emphasized" | "display2/emphasized" | "display3/emphasized" | "title1/emphasized" | "title2/emphasized" | "title3/emphasized" | "title4/emphasized" | "headline1/emphasized" | "body1/emphasized" | "label1/emphasized" | "label2/emphasized" | "label3/emphasized" | "label4/emphasized" | "caption1/emphasized" | "caption2/emphasized" | "legal1/emphasized" | "ui1/emphasized" | "ui2/emphasized" | "ui3/emphasized" | "ui4/emphasized" | "ui5/emphasized" | "ui6/emphasized" | "sans-alt" | "serif-alt" | undefined;
|
|
300
306
|
fontSize?: "display1" | "display2" | "display3" | "title1" | "title2" | "title3" | "title4" | "headline1" | "body1" | "label1" | "label2" | "label3" | "label4" | "caption1" | "caption2" | "legal1" | "ui1" | "ui2" | "ui3" | "ui4" | "ui5" | "ui6" | "display1/emphasized" | "display2/emphasized" | "display3/emphasized" | "title1/emphasized" | "title2/emphasized" | "title3/emphasized" | "title4/emphasized" | "headline1/emphasized" | "body1/emphasized" | "label1/emphasized" | "label2/emphasized" | "label3/emphasized" | "label4/emphasized" | "caption1/emphasized" | "caption2/emphasized" | "legal1/emphasized" | "ui1/emphasized" | "ui2/emphasized" | "ui3/emphasized" | "ui4/emphasized" | "ui5/emphasized" | "ui6/emphasized" | undefined;
|
|
301
307
|
fontWeight?: "display1" | "display2" | "display3" | "title1" | "title2" | "title3" | "title4" | "headline1" | "body1" | "label1" | "label2" | "label3" | "label4" | "caption1" | "caption2" | "legal1" | "ui1" | "ui2" | "ui3" | "ui4" | "ui5" | "ui6" | "thin" | "black" | "display1/emphasized" | "display2/emphasized" | "display3/emphasized" | "title1/emphasized" | "title2/emphasized" | "title3/emphasized" | "title4/emphasized" | "headline1/emphasized" | "body1/emphasized" | "label1/emphasized" | "label2/emphasized" | "label3/emphasized" | "label4/emphasized" | "caption1/emphasized" | "caption2/emphasized" | "legal1/emphasized" | "ui1/emphasized" | "ui2/emphasized" | "ui3/emphasized" | "ui4/emphasized" | "ui5/emphasized" | "ui6/emphasized" | "bold" | "extralight" | "light" | "regular" | "medium" | "semibold" | "extrabold" | undefined;
|
|
302
308
|
lineHeight?: "display1" | "display2" | "display3" | "title1" | "title2" | "title3" | "title4" | "headline1" | "body1" | "label1" | "label2" | "label3" | "label4" | "caption1" | "caption2" | "legal1" | "ui1" | "ui2" | "ui3" | "ui4" | "ui5" | "ui6" | "display1/emphasized" | "display2/emphasized" | "display3/emphasized" | "title1/emphasized" | "title2/emphasized" | "title3/emphasized" | "title4/emphasized" | "headline1/emphasized" | "body1/emphasized" | "label1/emphasized" | "label2/emphasized" | "label3/emphasized" | "label4/emphasized" | "caption1/emphasized" | "caption2/emphasized" | "legal1/emphasized" | "ui1/emphasized" | "ui2/emphasized" | "ui3/emphasized" | "ui4/emphasized" | "ui5/emphasized" | "ui6/emphasized" | undefined;
|
|
303
309
|
letterSpacing?: "display1" | "display2" | "display3" | "title1" | "title2" | "title3" | "title4" | "headline1" | "body1" | "label1" | "label2" | "label3" | "label4" | "caption1" | "caption2" | "legal1" | "ui1" | "ui2" | "ui3" | "ui4" | "ui5" | "ui6" | "display1/emphasized" | "display2/emphasized" | "display3/emphasized" | "title1/emphasized" | "title2/emphasized" | "title3/emphasized" | "title4/emphasized" | "headline1/emphasized" | "body1/emphasized" | "label1/emphasized" | "label2/emphasized" | "label3/emphasized" | "label4/emphasized" | "caption1/emphasized" | "caption2/emphasized" | "legal1/emphasized" | "ui1/emphasized" | "ui2/emphasized" | "ui3/emphasized" | "ui4/emphasized" | "ui5/emphasized" | "ui6/emphasized" | undefined;
|
|
304
|
-
textAlign?: "center" | "
|
|
310
|
+
textAlign?: "center" | "justify" | "start" | "end" | undefined;
|
|
305
311
|
textTransform?: "display1" | "display2" | "display3" | "title1" | "title2" | "title3" | "title4" | "headline1" | "body1" | "label1" | "label2" | "label3" | "label4" | "caption1" | "caption2" | "legal1" | "ui1" | "ui2" | "ui3" | "ui4" | "ui5" | "ui6" | "none" | "display1/emphasized" | "display2/emphasized" | "display3/emphasized" | "title1/emphasized" | "title2/emphasized" | "title3/emphasized" | "title4/emphasized" | "headline1/emphasized" | "body1/emphasized" | "label1/emphasized" | "label2/emphasized" | "label3/emphasized" | "label4/emphasized" | "caption1/emphasized" | "caption2/emphasized" | "legal1/emphasized" | "ui1/emphasized" | "ui2/emphasized" | "ui3/emphasized" | "ui4/emphasized" | "ui5/emphasized" | "ui6/emphasized" | "uppercase" | "lowercase" | "capitalize" | undefined;
|
|
306
312
|
spacing?: "2" | "4" | "2.5" | "5" | "0" | "1" | "8" | "0.5" | "1.5" | "7" | "12" | "6" | "3" | "3.5" | "10" | "16" | "9" | "11" | "14" | "20" | "24" | "28" | "32" | "36" | "40" | "44" | "48" | "52" | "56" | "60" | "64" | "72" | "80" | "96" | "px" | "4.5" | "5.5" | undefined;
|
|
307
313
|
spacingHorizontal?: "2" | "4" | "2.5" | "5" | "0" | "1" | "8" | "0.5" | "1.5" | "7" | "12" | "6" | "3" | "3.5" | "10" | "16" | "9" | "11" | "14" | "20" | "24" | "28" | "32" | "36" | "40" | "44" | "48" | "52" | "56" | "60" | "64" | "72" | "80" | "96" | "px" | "4.5" | "5.5" | undefined;
|
|
@@ -319,17 +325,17 @@ declare const getStylesInternal: (props?: ({
|
|
|
319
325
|
offsetTop?: "2" | "4" | "2.5" | "5" | "0" | "1" | "8" | "0.5" | "1.5" | "7" | "12" | "6" | "3" | "3.5" | "10" | "16" | "9" | "11" | "14" | "20" | "24" | "28" | "32" | "36" | "40" | "44" | "48" | "52" | "56" | "60" | "64" | "72" | "80" | "96" | "px" | "4.5" | "5.5" | undefined;
|
|
320
326
|
columnGap?: "2" | "4" | "2.5" | "5" | "0" | "1" | "8" | "0.5" | "1.5" | "7" | "12" | "6" | "3" | "3.5" | "10" | "16" | "9" | "11" | "14" | "20" | "24" | "28" | "32" | "36" | "40" | "44" | "48" | "52" | "56" | "60" | "64" | "72" | "80" | "96" | "px" | "4.5" | "5.5" | undefined;
|
|
321
327
|
rowGap?: "2" | "4" | "2.5" | "5" | "0" | "1" | "8" | "0.5" | "1.5" | "7" | "12" | "6" | "3" | "3.5" | "10" | "16" | "9" | "11" | "14" | "20" | "24" | "28" | "32" | "36" | "40" | "44" | "48" | "52" | "56" | "60" | "64" | "72" | "80" | "96" | "px" | "4.5" | "5.5" | undefined;
|
|
322
|
-
backgroundColor?: "primary" | "secondary" | "alert" | "alert-secondary" | "brand" | "brand-secondary" | "
|
|
323
|
-
borderColor?: "primary" | "secondary" | "alert" | "alert-secondary" | "tertiary" | "muted" | "brand" | "brand-secondary" | "
|
|
324
|
-
borderStartColor?: "primary" | "secondary" | "alert" | "alert-secondary" | "tertiary" | "muted" | "brand" | "brand-secondary" | "
|
|
325
|
-
borderEndColor?: "primary" | "secondary" | "alert" | "alert-secondary" | "tertiary" | "muted" | "brand" | "brand-secondary" | "
|
|
326
|
-
borderBottomColor?: "primary" | "secondary" | "alert" | "alert-secondary" | "tertiary" | "muted" | "brand" | "brand-secondary" | "
|
|
327
|
-
borderTopColor?: "primary" | "secondary" | "alert" | "alert-secondary" | "tertiary" | "muted" | "brand" | "brand-secondary" | "
|
|
328
|
-
borderRadius?: "sm" | "md" | "
|
|
329
|
-
borderTopStartRadius?: "sm" | "md" | "
|
|
330
|
-
borderTopEndRadius?: "sm" | "md" | "
|
|
331
|
-
borderBottomStartRadius?: "sm" | "md" | "
|
|
332
|
-
borderBottomEndRadius?: "sm" | "md" | "
|
|
328
|
+
backgroundColor?: "primary" | "secondary" | "alert" | "alert-secondary" | "brand" | "brand-secondary" | "info" | "info-secondary" | "positive" | "positive-secondary" | "warning" | "warning-secondary" | "accent" | "transparent" | "white" | "black" | "current" | "elevation-2" | "elevation-4" | "elevation-5" | "elevation-0" | "elevation-1" | "elevation-3" | undefined;
|
|
329
|
+
borderColor?: "primary" | "secondary" | "alert" | "alert-secondary" | "tertiary" | "muted" | "brand" | "brand-secondary" | "info" | "info-secondary" | "positive" | "positive-secondary" | "warning" | "warning-secondary" | "accent" | "transparent" | "white" | "black" | "current" | "elevation-2" | "elevation-4" | "elevation-5" | "elevation-0" | "elevation-1" | "elevation-3" | undefined;
|
|
330
|
+
borderStartColor?: "primary" | "secondary" | "alert" | "alert-secondary" | "tertiary" | "muted" | "brand" | "brand-secondary" | "info" | "info-secondary" | "positive" | "positive-secondary" | "warning" | "warning-secondary" | "accent" | "transparent" | "white" | "black" | "current" | "elevation-2" | "elevation-4" | "elevation-5" | "elevation-0" | "elevation-1" | "elevation-3" | undefined;
|
|
331
|
+
borderEndColor?: "primary" | "secondary" | "alert" | "alert-secondary" | "tertiary" | "muted" | "brand" | "brand-secondary" | "info" | "info-secondary" | "positive" | "positive-secondary" | "warning" | "warning-secondary" | "accent" | "transparent" | "white" | "black" | "current" | "elevation-2" | "elevation-4" | "elevation-5" | "elevation-0" | "elevation-1" | "elevation-3" | undefined;
|
|
332
|
+
borderBottomColor?: "primary" | "secondary" | "alert" | "alert-secondary" | "tertiary" | "muted" | "brand" | "brand-secondary" | "info" | "info-secondary" | "positive" | "positive-secondary" | "warning" | "warning-secondary" | "accent" | "transparent" | "white" | "black" | "current" | "elevation-2" | "elevation-4" | "elevation-5" | "elevation-0" | "elevation-1" | "elevation-3" | undefined;
|
|
333
|
+
borderTopColor?: "primary" | "secondary" | "alert" | "alert-secondary" | "tertiary" | "muted" | "brand" | "brand-secondary" | "info" | "info-secondary" | "positive" | "positive-secondary" | "warning" | "warning-secondary" | "accent" | "transparent" | "white" | "black" | "current" | "elevation-2" | "elevation-4" | "elevation-5" | "elevation-0" | "elevation-1" | "elevation-3" | undefined;
|
|
334
|
+
borderRadius?: "sm" | "md" | "lg" | "xs" | "xl" | "none" | "full" | undefined;
|
|
335
|
+
borderTopStartRadius?: "sm" | "md" | "lg" | "xs" | "xl" | "none" | "full" | undefined;
|
|
336
|
+
borderTopEndRadius?: "sm" | "md" | "lg" | "xs" | "xl" | "none" | "full" | undefined;
|
|
337
|
+
borderBottomStartRadius?: "sm" | "md" | "lg" | "xs" | "xl" | "none" | "full" | undefined;
|
|
338
|
+
borderBottomEndRadius?: "sm" | "md" | "lg" | "xs" | "xl" | "none" | "full" | undefined;
|
|
333
339
|
borderWidth?: "thin" | "none" | "elevation-2" | "elevation-4" | "elevation-5" | "elevation-0" | "elevation-1" | "elevation-3" | "medium" | "thick" | undefined;
|
|
334
340
|
borderVerticalWidth?: "thin" | "none" | "elevation-2" | "elevation-4" | "elevation-5" | "elevation-0" | "elevation-1" | "elevation-3" | "medium" | "thick" | undefined;
|
|
335
341
|
borderHorizontalWidth?: "thin" | "none" | "elevation-2" | "elevation-4" | "elevation-5" | "elevation-0" | "elevation-1" | "elevation-3" | "medium" | "thick" | undefined;
|
|
@@ -337,19 +343,19 @@ declare const getStylesInternal: (props?: ({
|
|
|
337
343
|
borderEndWidth?: "thin" | "none" | "elevation-2" | "elevation-4" | "elevation-5" | "elevation-0" | "elevation-1" | "elevation-3" | "medium" | "thick" | undefined;
|
|
338
344
|
borderTopWidth?: "thin" | "none" | "elevation-2" | "elevation-4" | "elevation-5" | "elevation-0" | "elevation-1" | "elevation-3" | "medium" | "thick" | undefined;
|
|
339
345
|
borderBottomWidth?: "thin" | "none" | "elevation-2" | "elevation-4" | "elevation-5" | "elevation-0" | "elevation-1" | "elevation-3" | "medium" | "thick" | undefined;
|
|
340
|
-
avatarSize?: "sm" | "md" | "
|
|
341
|
-
iconSize?: "sm" | "md" | "
|
|
342
|
-
alignContent?: "
|
|
343
|
-
alignItems?: "
|
|
344
|
-
alignSelf?: "
|
|
345
|
-
flex?: "none" | "1" | "
|
|
346
|
+
avatarSize?: "sm" | "md" | "lg" | "xs" | "xl" | undefined;
|
|
347
|
+
iconSize?: "sm" | "md" | "lg" | "xs" | undefined;
|
|
348
|
+
alignContent?: "flex-start" | "flex-end" | "center" | "stretch" | "space-between" | "space-around" | undefined;
|
|
349
|
+
alignItems?: "flex-start" | "flex-end" | "center" | "stretch" | "baseline" | undefined;
|
|
350
|
+
alignSelf?: "auto" | "flex-start" | "flex-end" | "center" | "stretch" | "baseline" | undefined;
|
|
351
|
+
flex?: "none" | "1" | "auto" | "initial" | undefined;
|
|
346
352
|
flexDirection?: "row" | "column" | "row-reverse" | "column-reverse" | undefined;
|
|
347
353
|
flexGrow?: "2" | "0" | "1" | "3" | undefined;
|
|
348
354
|
flexShrink?: "0" | "1" | undefined;
|
|
349
|
-
flexWrap?: "
|
|
350
|
-
justifyContent?: "
|
|
355
|
+
flexWrap?: "wrap" | "nowrap" | "wrap-reverse" | undefined;
|
|
356
|
+
justifyContent?: "flex-start" | "flex-end" | "center" | "space-between" | "space-around" | "space-evenly" | undefined;
|
|
351
357
|
flexBasis?: "min-content" | undefined;
|
|
352
|
-
display?: "block" | "inline" | "flex" | "
|
|
358
|
+
display?: "block" | "inline-block" | "inline" | "flex" | "inline-flex" | "table" | "inline-table" | "table-caption" | "table-cell" | "table-column" | "table-column-group" | "table-footer-group" | "table-header-group" | "table-row-group" | "table-row" | "flow-root" | "grid" | "contents" | undefined;
|
|
353
359
|
overflow?: "hidden" | "auto" | "clip" | "visible" | "scroll" | undefined;
|
|
354
360
|
overflowX?: "hidden" | "auto" | "clip" | "visible" | "scroll" | undefined;
|
|
355
361
|
overflowY?: "hidden" | "auto" | "clip" | "visible" | "scroll" | undefined;
|
|
@@ -357,14 +363,10 @@ declare const getStylesInternal: (props?: ({
|
|
|
357
363
|
contentFit?: "none" | "fill" | "cover" | "contain" | "scale-down" | undefined;
|
|
358
364
|
colorMode?: "light" | "dark" | undefined;
|
|
359
365
|
scaleMode?: "small" | "medium" | "xSmall" | "large" | "xLarge" | "xxLarge" | "xxxLarge" | undefined;
|
|
360
|
-
buttonPalette?: "alert" | "brand" | "warning" | "positive" | "info" | "accent" | undefined;
|
|
361
|
-
buttonVariant?: "primary" | "secondary" | "tertiary" | undefined;
|
|
362
|
-
buttonSize?: "sm" | "md" | "lg" | undefined;
|
|
363
|
-
iconButtonSize?: "sm" | "md" | "xs" | "lg" | "xl" | undefined;
|
|
364
366
|
width?: "full" | "fit" | "screen" | undefined;
|
|
365
367
|
height?: "full" | "fit" | "screen" | undefined;
|
|
366
|
-
dropShadow?: "sm" | "md" | "
|
|
367
|
-
insetShadow?: "sm" | "md" | "
|
|
368
|
+
dropShadow?: "sm" | "md" | "lg" | "xs" | "xl" | "none" | "2xl" | "elevation-2" | "elevation-4" | "elevation-5" | "elevation-0" | "elevation-1" | "elevation-3" | undefined;
|
|
369
|
+
insetShadow?: "sm" | "md" | "lg" | "xs" | "xl" | "none" | "2xl-invert" | "md-invert" | "2xl" | "xl-invert" | "sm-invert" | "lg-invert" | "xs-invert" | undefined;
|
|
368
370
|
} & {
|
|
369
371
|
className?: string | undefined;
|
|
370
372
|
}) | undefined) => string;
|
package/dist/index.d.ts
CHANGED
|
@@ -1,16 +1,16 @@
|
|
|
1
|
-
import { D as DivProps } from './Box-
|
|
2
|
-
export { a as Box, B as BoxProps } from './Box-
|
|
3
|
-
export { a as Divider, D as DividerProps, b as VStack, V as VStackProps } from './VStack-
|
|
1
|
+
import { D as DivProps } from './Box-CPuhAyke.js';
|
|
2
|
+
export { a as Box, B as BoxProps } from './Box-CPuhAyke.js';
|
|
3
|
+
export { a as Divider, D as DividerProps, b as VStack, V as VStackProps } from './VStack-CYpp5Wa0.js';
|
|
4
4
|
import * as react_jsx_runtime from 'react/jsx-runtime';
|
|
5
|
-
import {
|
|
6
|
-
export {
|
|
5
|
+
import { t as UniversalFormLabelProps, p as UniversalStackProps, I as IconPropsWithSVGProps, u as ImagePropsWithImgProps, v as UniversalLinkProps } from './universalTokensConfigAuto-DMkgiw7i.js';
|
|
6
|
+
export { A as AVATAR_SIZE_PREFIX, an as AlwaysPalette, ao as AlwaysPaletteAlias, ap as AlwaysPaletteColor, aq as Animation, ar as AriaAttribute, as as AvatarAbbreviationStrategy, at as AvatarShape, au as AvatarSize, av as AvatarSizeConfig, aw as AvatarVariant, y as BACKGROUND_COLOR_PREFIX, z as BORDER_RADIUS_PREFIX, D as BORDER_WIDTH_PREFIX, ae as BUTTON_GAP_VAR, af as BUTTON_SCALE_EFFECT, ax as BackgroundColor, ay as BackgroundPalette, az as BackgroundPaletteAlias, aA as BackgroundStyleProps, aB as BadgeSize, aC as BadgeVariant, aD as BorderRadius, aE as BorderRadiusConfig, aF as BorderStyleProps, aG as BorderWidth, aH as BorderWidthConfig, aI as BorderWidthWithElevation, aJ as Breakpoint, aK as BreakpointWithBase, B as BreakpointsConfig, aL as ButtonPalette, aM as ButtonPaletteColor, aN as ButtonSize, aO as ButtonSpectrumColor, aP as ButtonVariant, aQ as ButtonVariantFlat, aR as CheckboxSize, aS as CheckboxValue, aT as CheckboxVariant, aU as ChipSize, aV as ChipVariant, g as ColorMode, C as ColorModeConfig, aW as ColorModeForApp, h as ColorsConfig, aX as CustomSizingStyleProps, $ as DARK_COLOR_MODE_CLASSNAME, aa as DEFAULT_COLOR_MODE_CLASSNAME, ab as DEFAULT_SCALE_MODE_CLASSNAME, J as DROP_SHADOW_PREFIX, aY as DataAttribute, aZ as Display, a_ as DividerVariant, a$ as ElevationAlias, E as ElevationConfig, i as ElevationLevel, j as ElevationPreset, ah as FONT_DECLARATIONS_MAP, K as FONT_FAMILY_PREFIX, L as FONT_SIZE_PREFIX, O as FONT_SLANT_PREFIX, N as FONT_WEIGHT_PREFIX, Q as FONT_WIDTH_PREFIX, b0 as Flex, b1 as FlexAlignContent, b2 as FlexAlignItems, b3 as FlexAlignSelf, b4 as FlexBasis, b5 as FlexDirection, b6 as FlexGrow, b7 as FlexJustifyContent, b8 as FlexShrink, b9 as FlexStyleProps, ba as FlexWrap, bb as FontAlias, ai as FontAxisConfig, F as FontConfig, bc as FontCssVar, ak as FontDeclarationConfig, aj as FontDeclarationItemConfig, al as FontDeclarationMap, bd as FontFamilyCDNUrl, be as FontFamilyConfig, bf as FontID, bg as FontSize, bh as FontSizeConfig, bi as FontSlantConfig, bj as FontType, bk as FontWeightConfig, bl as FontWeightDescriptive, am as FontWeightForFont, bm as FontWeightNumeric, bn as FontWidthConfig, bo as ForegroundColor, bp as ForegroundPalette, bq as ForegroundPaletteAlias, G as GlobalDefaultsConfig, br as HighContrastMode, H as Hue, k as HueStep, R as ICON_SIZE_PREFIX, a2 as INVERT_COLOR_MODE_CLASSNAME, bs as IconButtonSize, bt as IconSizeConfig, bu as IconSlotRenderProps, bv as ImageStyleProps, bw as InputSize, a6 as LARGE_SCALE_MODE_CLASSNAME, X as LETTER_SPACING_PREFIX, a0 as LIGHT_COLOR_MODE_CLASSNAME, V as LINE_COLOR_PREFIX, W as LINE_HEIGHT_PREFIX, bx as LayoutStyleProps, by as LineClampAlias, bz as LineColor, bA as LineHeight, bB as LineHeightConfig, bC as LinePalette, bD as LinePaletteAlias, a5 as MEDIUM_SCALE_MODE_CLASSNAME, Y as MOTION_PREFIX, bE as Modes, M as MotionConfig, bF as MotionCssVar, bG as MotionSpringConfig, bH as MotionSpringConfigOptions, bI as MotionVariant, bJ as MotionVariantSpeed, bK as MotionVariantValues, bL as OpacityStep, bM as Overflow, ag as PSEUDO_STYLE_SELECTOR_MAP, bN as Palette, l as PaletteConfig, P as PaletteType, bO as PaletteValue, bP as Percentage, bQ as PercentageUnit, bR as PixelsUnit, bS as PlatformMode, bT as Position, bU as PropertyToPaletteAliasMap, b_ as RGBAUnit, b$ as RGBColorValue, bV as RadioSize, bW as RadioValue, bX as RadioVariant, bY as RegionMode, bZ as RemsUnit, a4 as SMALL_SCALE_MODE_CLASSNAME, Z as SPECTRUM_COLOR_PREFIX, a1 as SYSTEM_COLOR_MODE_CLASSNAME, c0 as ScaleConfig, c1 as ScaleEffect, m as ScaleMode, S as ScaleModeConfig, c2 as ScaleModeForApp, c3 as ShadowColor, c4 as ShadowColorConfig, d as ShadowConfig, c5 as ShadowOffset, c6 as ShadowOpacity, c7 as ShadowPalette, c8 as ShadowPaletteAlias, n as ShadowPreset, c9 as ShadowSpreadRadius, ca as ShadowStyleProps, cb as ShadowType, cc as ShadowTypeConfig, cd as ShadowVariant, ce as ShadowVariantConfig, cf as ShadowVariantInvert, cg as ShadowVariantWithElevation, ch as ShadowVariantWithInvert, ci as SharedPaletteAlias, r as SpacingAlias, cj as SpacingConfig, ck as SpacingStyleProps, cl as SpectrumColor, cm as SpectrumConfig, cn as StateStyleProps, co as StyleProps, cp as SwitchSize, ad as TEXT_RESPONSIVE_BREAKPOINT_CLASSNAMES, ac as TEXT_RESPONSIVE_CLASSNAME, _ as TEXT_TRANSFORM_PREFIX, cB as TShirtSize, cC as TShirtSizeCommon, cq as TextDecorationLine, cr as TextProperty, cs as TextStyleProps, ct as TextTransform, cu as TextTransformConfig, cv as TextVariant, cw as TextVariantTypography, o as TextVariantUi, cx as TextVariantWithoutEmphasized, cy as TransitionDelay, cz as TransitionDuration, cA as TransitionTiming, T as TypographyConfig, cD as TypographyResponsiveProperty, cE as TypographyStyle, cF as TypographyStyleProperty, cG as TypographyUnitValue, x as UDS_PREFIX, cH as UdsCssVar, cI as UnitlessUnit, cJ as UniversalAvatarIconProps, cK as UniversalAvatarImageProps, cL as UniversalAvatarProps, cM as UniversalAvatarTextProps, cN as UniversalBadgeProps, b as UniversalBoxProps, cO as UniversalButtonProps, cP as UniversalCheckboxProps, cQ as UniversalChipBaseProps, cR as UniversalChipButtonProps, cS as UniversalChipDismissibleProps, cT as UniversalChipLinkProps, cU as UniversalChipProps, cV as UniversalChipToggleProps, q as UniversalDividerProps, cW as UniversalIconButtonProps, cX as UniversalIconProps, cY as UniversalIconSlot, cZ as UniversalImageProps, c_ as UniversalInputProps, s as UniversalMenuItemProps, a as UniversalPressableProps, c$ as UniversalRadioGroupProps, d0 as UniversalRadioProps, c as UniversalSwitchProps, U as UniversalTextProps, f as UniversalTokensConfig, d1 as UniversalTokensConfigAuto, a7 as XLARGE_SCALE_MODE_CLASSNAME, a3 as XSMALL_SCALE_MODE_CLASSNAME, a8 as XXLARGE_SCALE_MODE_CLASSNAME, a9 as XXXLARGE_SCALE_MODE_CLASSNAME, w as alwaysPalette } from './universalTokensConfigAuto-DMkgiw7i.js';
|
|
7
7
|
import * as react from 'react';
|
|
8
8
|
import { PropsWithChildren, Dispatch, SetStateAction } from 'react';
|
|
9
|
-
export { T as Text, a as TextProps } from './Text-
|
|
9
|
+
export { T as Text, a as TextProps } from './Text-C3rnosjh.js';
|
|
10
10
|
export { Avatar, AvatarIcon, AvatarIconProps, AvatarImage, AvatarImageProps, AvatarProps, AvatarText, AvatarTextProps, Badge, BadgeProps, Button, ButtonProps, Checkbox, CheckboxProps, Chip, ChipButton, ChipButtonProps, ChipDismissible, ChipDismissibleProps, ChipLink, ChipLinkProps, ChipProps, ChipToggle, ChipToggleProps, IconButton, IconButtonProps, Input, InputHelpText, InputHelpTextProps, InputProps, Menu, MenuContentProps, MenuDividerProps, MenuItemCheckboxProps, MenuItemProps, MenuPlacement, MenuProviderProps, MenuTriggerProps, Pressable, PressableProps, Radio, RadioGroupProvider, RadioGroupProviderProps, RadioProps, SpringMotionConfig, SpringMotionConfigProps, Switch, SwitchProps } from '@yahoo/uds/client';
|
|
11
|
-
export { AllSelectors, BaseSelector, CssStyleObject, DEFAULT_COLOR_MODE, DEFAULT_COLOR_MODE_FOR_APP, DEFAULT_HIGH_CONTRAST_MODE, DEFAULT_REGION_MODE, DEFAULT_SCALE_MODE, DEFAULT_SCALE_MODE_FOR_APP, ParentVariantSelector,
|
|
12
|
-
export { AvatarConfig, BadgeConfig, CheckboxConfig, ChipConfig, DividerConfig, InputConfig, LinkConfig, MenuConfig, RadioConfig, SwitchConfig } from './tokens/automation/configs.js';
|
|
13
|
-
export { A as AllPossibleProperties, j as AllVariantKeys, i as AutoComponentName, h as AutoComponents, g as ComponentConfig, b as ComponentStateConfig, C as ConfigurablePropertiesName, E as ExtendablePropertiesName, L as LayerConfig, P as PossibleStates, a as PossibleStatesWithRest, k as SchemaStateValue, S as SelectedConfigurableProperty, d as SubComponentConfig, V as VariantConfig, f as VariantConfigWithComponentStates, e as VariantConfigWithProperties, c as configurableProperties,
|
|
11
|
+
export { AllSelectors, BaseSelector, CssStyleObject, DEFAULT_COLOR_MODE, DEFAULT_COLOR_MODE_FOR_APP, DEFAULT_HIGH_CONTRAST_MODE, DEFAULT_REGION_MODE, DEFAULT_SCALE_MODE, DEFAULT_SCALE_MODE_FOR_APP, ParentVariantSelector, cartesianProduct, coalesceConfigVariant, entries, fontWeightMap, fromEntries, generateKeyFromFlatConfigPath, generateSchemaKey, getConfigDefaultValue, getConfigPseudoStateVariables, getConfigPseudoStateVariablesWithSetter, getConfigSubcomponents, getConfigVariantComponentStates, getConfigVariantComponentStatesMatrix, getConfigVariantProperties, getConfigVariantPseudoStates, getConfigVariants, isConfigDefaultValue, mapValues, parseButtonVariantFlat, parseOpacityStep, setConfigPseudoStateVariable, shadow, variants } from './tokens/index.js';
|
|
12
|
+
export { AvatarConfig, BadgeConfig, ButtonConfig, CheckboxConfig, ChipConfig, DividerConfig, IconButtonConfig, InputConfig, LinkConfig, MenuConfig, RadioConfig, SwitchConfig } from './tokens/automation/configs.js';
|
|
13
|
+
export { A as AllPossibleProperties, j as AllVariantKeys, i as AutoComponentName, h as AutoComponents, g as ComponentConfig, b as ComponentStateConfig, C as ConfigurablePropertiesName, E as ExtendablePropertiesName, L as LayerConfig, P as PossibleStates, a as PossibleStatesWithRest, k as SchemaStateValue, S as SelectedConfigurableProperty, d as SubComponentConfig, V as VariantConfig, f as VariantConfigWithComponentStates, e as VariantConfigWithProperties, c as configurableProperties, x as createComponentStates, r as createConfigurableProperty, y as createLayerConfig, z as createSubComponentConfig, u as createVariantConfig, w as createVariantConfigWithComponentStates, v as createVariantConfigWithProperties, l as findFixtureType, n as generateClassName, p as generateConfigStyles, o as generateDeclaration, m as generateDefaultClassName, q as generateStyles, s as statePseudoMapDocsMode, t as toMinimalDbConfigObject } from './index-Dp0sWo0y.js';
|
|
14
14
|
export { IconSize, IconVariant } from '@yahoo/uds-icons/types';
|
|
15
15
|
import 'motion/react';
|
|
16
16
|
import 'type-fest';
|
|
@@ -214,6 +214,10 @@ declare const getStylesInternal: (props?: ({
|
|
|
214
214
|
switchSizeSwitch?: "sm" | "md" | undefined;
|
|
215
215
|
switchSizeHandle?: "sm" | "md" | undefined;
|
|
216
216
|
switchSizeHandleIcon?: "sm" | "md" | undefined;
|
|
217
|
+
buttonSizeRoot?: "sm" | "md" | "lg" | undefined;
|
|
218
|
+
buttonSizeIcon?: "sm" | "md" | "lg" | undefined;
|
|
219
|
+
buttonVariantRoot?: "primary" | "secondary" | "alert" | "alert-secondary" | "tertiary" | "alert-tertiary" | "brand" | "brand-secondary" | "brand-tertiary" | "info" | "info-secondary" | "info-tertiary" | "positive" | "positive-secondary" | "positive-tertiary" | "warning" | "warning-secondary" | "warning-tertiary" | undefined;
|
|
220
|
+
buttonVariantIcon?: "primary" | "secondary" | "alert" | "alert-secondary" | "tertiary" | "alert-tertiary" | "brand" | "brand-secondary" | "brand-tertiary" | "info" | "info-secondary" | "info-tertiary" | "positive" | "positive-secondary" | "positive-tertiary" | "warning" | "warning-secondary" | "warning-tertiary" | undefined;
|
|
217
221
|
chipSizeRoot?: "sm" | "md" | undefined;
|
|
218
222
|
chipSizeIcon?: "sm" | "md" | undefined;
|
|
219
223
|
chipToggleVariantActiveRoot?: "on" | "off" | undefined;
|
|
@@ -237,10 +241,10 @@ declare const getStylesInternal: (props?: ({
|
|
|
237
241
|
linkVariantRoot?: "primary" | "secondary" | "tertiary" | "on-color" | undefined;
|
|
238
242
|
linkVariantIconStart?: "primary" | "secondary" | "tertiary" | "on-color" | undefined;
|
|
239
243
|
linkVariantIconEnd?: "primary" | "secondary" | "tertiary" | "on-color" | undefined;
|
|
240
|
-
badgeSizeRoot?: "sm" | "md" | "
|
|
241
|
-
badgeSizeIcon?: "sm" | "md" | "
|
|
242
|
-
badgeVariantRoot?: "primary" | "secondary" | "alert" | "alert-secondary" | "brand" | "brand-secondary" | "
|
|
243
|
-
badgeVariantIcon?: "primary" | "secondary" | "alert" | "alert-secondary" | "brand" | "brand-secondary" | "
|
|
244
|
+
badgeSizeRoot?: "sm" | "md" | "lg" | "xs" | undefined;
|
|
245
|
+
badgeSizeIcon?: "sm" | "md" | "lg" | "xs" | undefined;
|
|
246
|
+
badgeVariantRoot?: "primary" | "secondary" | "alert" | "alert-secondary" | "brand" | "brand-secondary" | "info" | "info-secondary" | "positive" | "positive-secondary" | "warning" | "warning-secondary" | undefined;
|
|
247
|
+
badgeVariantIcon?: "primary" | "secondary" | "alert" | "alert-secondary" | "brand" | "brand-secondary" | "info" | "info-secondary" | "positive" | "positive-secondary" | "warning" | "warning-secondary" | undefined;
|
|
244
248
|
inputSizeRoot?: "md" | "lg" | undefined;
|
|
245
249
|
inputSizeInputWrapper?: "md" | "lg" | undefined;
|
|
246
250
|
inputSizeInput?: "md" | "lg" | undefined;
|
|
@@ -269,11 +273,13 @@ declare const getStylesInternal: (props?: ({
|
|
|
269
273
|
inputVariantHelperIcon?: "default" | undefined;
|
|
270
274
|
inputVariantValueHelperText?: "filled" | "empty" | undefined;
|
|
271
275
|
inputVariantHelperText?: "default" | undefined;
|
|
272
|
-
avatarSizeRoot?: "sm" | "md" | "
|
|
273
|
-
avatarSizeIcon?: "sm" | "md" | "
|
|
276
|
+
avatarSizeRoot?: "sm" | "md" | "lg" | "xs" | "xl" | undefined;
|
|
277
|
+
avatarSizeIcon?: "sm" | "md" | "lg" | "xs" | "xl" | undefined;
|
|
274
278
|
avatarTextVariantRoot?: "primary" | "secondary" | undefined;
|
|
275
279
|
avatarImageVariantRoot?: "primary" | "secondary" | undefined;
|
|
276
280
|
avatarIconVariantRoot?: "primary" | "secondary" | undefined;
|
|
281
|
+
iconbuttonSizeRoot?: "sm" | "md" | "lg" | "xs" | "xl" | undefined;
|
|
282
|
+
iconbuttonSizeIcon?: "sm" | "md" | "lg" | "xs" | "xl" | undefined;
|
|
277
283
|
menuSizeRoot?: "default" | undefined;
|
|
278
284
|
menuSizeStartIcon?: "default" | undefined;
|
|
279
285
|
menuSizeEndIcon?: "default" | undefined;
|
|
@@ -294,14 +300,14 @@ declare const getStylesInternal: (props?: ({
|
|
|
294
300
|
menuDividerVariantRoot?: "default" | undefined;
|
|
295
301
|
menuDividerVariantText?: "default" | undefined;
|
|
296
302
|
menuDividerVariantLine?: "default" | undefined;
|
|
297
|
-
color?: "primary" | "secondary" | "alert" | "alert-secondary" | "tertiary" | "muted" | "brand" | "brand-secondary" | "
|
|
298
|
-
placeholderColor?: "primary" | "secondary" | "alert" | "alert-secondary" | "tertiary" | "muted" | "brand" | "brand-secondary" | "
|
|
303
|
+
color?: "primary" | "secondary" | "alert" | "alert-secondary" | "tertiary" | "muted" | "brand" | "brand-secondary" | "info" | "info-secondary" | "positive" | "positive-secondary" | "warning" | "warning-secondary" | "on-color" | "accent" | "transparent" | "white" | "black" | "current" | undefined;
|
|
304
|
+
placeholderColor?: "primary" | "secondary" | "alert" | "alert-secondary" | "tertiary" | "muted" | "brand" | "brand-secondary" | "info" | "info-secondary" | "positive" | "positive-secondary" | "warning" | "warning-secondary" | "on-color" | "accent" | "transparent" | "white" | "black" | "current" | undefined;
|
|
299
305
|
fontFamily?: "display1" | "display2" | "display3" | "title1" | "title2" | "title3" | "title4" | "headline1" | "body1" | "label1" | "label2" | "label3" | "label4" | "caption1" | "caption2" | "legal1" | "ui1" | "ui2" | "ui3" | "ui4" | "ui5" | "ui6" | "serif" | "sans" | "mono" | "display1/emphasized" | "display2/emphasized" | "display3/emphasized" | "title1/emphasized" | "title2/emphasized" | "title3/emphasized" | "title4/emphasized" | "headline1/emphasized" | "body1/emphasized" | "label1/emphasized" | "label2/emphasized" | "label3/emphasized" | "label4/emphasized" | "caption1/emphasized" | "caption2/emphasized" | "legal1/emphasized" | "ui1/emphasized" | "ui2/emphasized" | "ui3/emphasized" | "ui4/emphasized" | "ui5/emphasized" | "ui6/emphasized" | "sans-alt" | "serif-alt" | undefined;
|
|
300
306
|
fontSize?: "display1" | "display2" | "display3" | "title1" | "title2" | "title3" | "title4" | "headline1" | "body1" | "label1" | "label2" | "label3" | "label4" | "caption1" | "caption2" | "legal1" | "ui1" | "ui2" | "ui3" | "ui4" | "ui5" | "ui6" | "display1/emphasized" | "display2/emphasized" | "display3/emphasized" | "title1/emphasized" | "title2/emphasized" | "title3/emphasized" | "title4/emphasized" | "headline1/emphasized" | "body1/emphasized" | "label1/emphasized" | "label2/emphasized" | "label3/emphasized" | "label4/emphasized" | "caption1/emphasized" | "caption2/emphasized" | "legal1/emphasized" | "ui1/emphasized" | "ui2/emphasized" | "ui3/emphasized" | "ui4/emphasized" | "ui5/emphasized" | "ui6/emphasized" | undefined;
|
|
301
307
|
fontWeight?: "display1" | "display2" | "display3" | "title1" | "title2" | "title3" | "title4" | "headline1" | "body1" | "label1" | "label2" | "label3" | "label4" | "caption1" | "caption2" | "legal1" | "ui1" | "ui2" | "ui3" | "ui4" | "ui5" | "ui6" | "thin" | "black" | "display1/emphasized" | "display2/emphasized" | "display3/emphasized" | "title1/emphasized" | "title2/emphasized" | "title3/emphasized" | "title4/emphasized" | "headline1/emphasized" | "body1/emphasized" | "label1/emphasized" | "label2/emphasized" | "label3/emphasized" | "label4/emphasized" | "caption1/emphasized" | "caption2/emphasized" | "legal1/emphasized" | "ui1/emphasized" | "ui2/emphasized" | "ui3/emphasized" | "ui4/emphasized" | "ui5/emphasized" | "ui6/emphasized" | "bold" | "extralight" | "light" | "regular" | "medium" | "semibold" | "extrabold" | undefined;
|
|
302
308
|
lineHeight?: "display1" | "display2" | "display3" | "title1" | "title2" | "title3" | "title4" | "headline1" | "body1" | "label1" | "label2" | "label3" | "label4" | "caption1" | "caption2" | "legal1" | "ui1" | "ui2" | "ui3" | "ui4" | "ui5" | "ui6" | "display1/emphasized" | "display2/emphasized" | "display3/emphasized" | "title1/emphasized" | "title2/emphasized" | "title3/emphasized" | "title4/emphasized" | "headline1/emphasized" | "body1/emphasized" | "label1/emphasized" | "label2/emphasized" | "label3/emphasized" | "label4/emphasized" | "caption1/emphasized" | "caption2/emphasized" | "legal1/emphasized" | "ui1/emphasized" | "ui2/emphasized" | "ui3/emphasized" | "ui4/emphasized" | "ui5/emphasized" | "ui6/emphasized" | undefined;
|
|
303
309
|
letterSpacing?: "display1" | "display2" | "display3" | "title1" | "title2" | "title3" | "title4" | "headline1" | "body1" | "label1" | "label2" | "label3" | "label4" | "caption1" | "caption2" | "legal1" | "ui1" | "ui2" | "ui3" | "ui4" | "ui5" | "ui6" | "display1/emphasized" | "display2/emphasized" | "display3/emphasized" | "title1/emphasized" | "title2/emphasized" | "title3/emphasized" | "title4/emphasized" | "headline1/emphasized" | "body1/emphasized" | "label1/emphasized" | "label2/emphasized" | "label3/emphasized" | "label4/emphasized" | "caption1/emphasized" | "caption2/emphasized" | "legal1/emphasized" | "ui1/emphasized" | "ui2/emphasized" | "ui3/emphasized" | "ui4/emphasized" | "ui5/emphasized" | "ui6/emphasized" | undefined;
|
|
304
|
-
textAlign?: "center" | "
|
|
310
|
+
textAlign?: "center" | "justify" | "start" | "end" | undefined;
|
|
305
311
|
textTransform?: "display1" | "display2" | "display3" | "title1" | "title2" | "title3" | "title4" | "headline1" | "body1" | "label1" | "label2" | "label3" | "label4" | "caption1" | "caption2" | "legal1" | "ui1" | "ui2" | "ui3" | "ui4" | "ui5" | "ui6" | "none" | "display1/emphasized" | "display2/emphasized" | "display3/emphasized" | "title1/emphasized" | "title2/emphasized" | "title3/emphasized" | "title4/emphasized" | "headline1/emphasized" | "body1/emphasized" | "label1/emphasized" | "label2/emphasized" | "label3/emphasized" | "label4/emphasized" | "caption1/emphasized" | "caption2/emphasized" | "legal1/emphasized" | "ui1/emphasized" | "ui2/emphasized" | "ui3/emphasized" | "ui4/emphasized" | "ui5/emphasized" | "ui6/emphasized" | "uppercase" | "lowercase" | "capitalize" | undefined;
|
|
306
312
|
spacing?: "2" | "4" | "2.5" | "5" | "0" | "1" | "8" | "0.5" | "1.5" | "7" | "12" | "6" | "3" | "3.5" | "10" | "16" | "9" | "11" | "14" | "20" | "24" | "28" | "32" | "36" | "40" | "44" | "48" | "52" | "56" | "60" | "64" | "72" | "80" | "96" | "px" | "4.5" | "5.5" | undefined;
|
|
307
313
|
spacingHorizontal?: "2" | "4" | "2.5" | "5" | "0" | "1" | "8" | "0.5" | "1.5" | "7" | "12" | "6" | "3" | "3.5" | "10" | "16" | "9" | "11" | "14" | "20" | "24" | "28" | "32" | "36" | "40" | "44" | "48" | "52" | "56" | "60" | "64" | "72" | "80" | "96" | "px" | "4.5" | "5.5" | undefined;
|
|
@@ -319,17 +325,17 @@ declare const getStylesInternal: (props?: ({
|
|
|
319
325
|
offsetTop?: "2" | "4" | "2.5" | "5" | "0" | "1" | "8" | "0.5" | "1.5" | "7" | "12" | "6" | "3" | "3.5" | "10" | "16" | "9" | "11" | "14" | "20" | "24" | "28" | "32" | "36" | "40" | "44" | "48" | "52" | "56" | "60" | "64" | "72" | "80" | "96" | "px" | "4.5" | "5.5" | undefined;
|
|
320
326
|
columnGap?: "2" | "4" | "2.5" | "5" | "0" | "1" | "8" | "0.5" | "1.5" | "7" | "12" | "6" | "3" | "3.5" | "10" | "16" | "9" | "11" | "14" | "20" | "24" | "28" | "32" | "36" | "40" | "44" | "48" | "52" | "56" | "60" | "64" | "72" | "80" | "96" | "px" | "4.5" | "5.5" | undefined;
|
|
321
327
|
rowGap?: "2" | "4" | "2.5" | "5" | "0" | "1" | "8" | "0.5" | "1.5" | "7" | "12" | "6" | "3" | "3.5" | "10" | "16" | "9" | "11" | "14" | "20" | "24" | "28" | "32" | "36" | "40" | "44" | "48" | "52" | "56" | "60" | "64" | "72" | "80" | "96" | "px" | "4.5" | "5.5" | undefined;
|
|
322
|
-
backgroundColor?: "primary" | "secondary" | "alert" | "alert-secondary" | "brand" | "brand-secondary" | "
|
|
323
|
-
borderColor?: "primary" | "secondary" | "alert" | "alert-secondary" | "tertiary" | "muted" | "brand" | "brand-secondary" | "
|
|
324
|
-
borderStartColor?: "primary" | "secondary" | "alert" | "alert-secondary" | "tertiary" | "muted" | "brand" | "brand-secondary" | "
|
|
325
|
-
borderEndColor?: "primary" | "secondary" | "alert" | "alert-secondary" | "tertiary" | "muted" | "brand" | "brand-secondary" | "
|
|
326
|
-
borderBottomColor?: "primary" | "secondary" | "alert" | "alert-secondary" | "tertiary" | "muted" | "brand" | "brand-secondary" | "
|
|
327
|
-
borderTopColor?: "primary" | "secondary" | "alert" | "alert-secondary" | "tertiary" | "muted" | "brand" | "brand-secondary" | "
|
|
328
|
-
borderRadius?: "sm" | "md" | "
|
|
329
|
-
borderTopStartRadius?: "sm" | "md" | "
|
|
330
|
-
borderTopEndRadius?: "sm" | "md" | "
|
|
331
|
-
borderBottomStartRadius?: "sm" | "md" | "
|
|
332
|
-
borderBottomEndRadius?: "sm" | "md" | "
|
|
328
|
+
backgroundColor?: "primary" | "secondary" | "alert" | "alert-secondary" | "brand" | "brand-secondary" | "info" | "info-secondary" | "positive" | "positive-secondary" | "warning" | "warning-secondary" | "accent" | "transparent" | "white" | "black" | "current" | "elevation-2" | "elevation-4" | "elevation-5" | "elevation-0" | "elevation-1" | "elevation-3" | undefined;
|
|
329
|
+
borderColor?: "primary" | "secondary" | "alert" | "alert-secondary" | "tertiary" | "muted" | "brand" | "brand-secondary" | "info" | "info-secondary" | "positive" | "positive-secondary" | "warning" | "warning-secondary" | "accent" | "transparent" | "white" | "black" | "current" | "elevation-2" | "elevation-4" | "elevation-5" | "elevation-0" | "elevation-1" | "elevation-3" | undefined;
|
|
330
|
+
borderStartColor?: "primary" | "secondary" | "alert" | "alert-secondary" | "tertiary" | "muted" | "brand" | "brand-secondary" | "info" | "info-secondary" | "positive" | "positive-secondary" | "warning" | "warning-secondary" | "accent" | "transparent" | "white" | "black" | "current" | "elevation-2" | "elevation-4" | "elevation-5" | "elevation-0" | "elevation-1" | "elevation-3" | undefined;
|
|
331
|
+
borderEndColor?: "primary" | "secondary" | "alert" | "alert-secondary" | "tertiary" | "muted" | "brand" | "brand-secondary" | "info" | "info-secondary" | "positive" | "positive-secondary" | "warning" | "warning-secondary" | "accent" | "transparent" | "white" | "black" | "current" | "elevation-2" | "elevation-4" | "elevation-5" | "elevation-0" | "elevation-1" | "elevation-3" | undefined;
|
|
332
|
+
borderBottomColor?: "primary" | "secondary" | "alert" | "alert-secondary" | "tertiary" | "muted" | "brand" | "brand-secondary" | "info" | "info-secondary" | "positive" | "positive-secondary" | "warning" | "warning-secondary" | "accent" | "transparent" | "white" | "black" | "current" | "elevation-2" | "elevation-4" | "elevation-5" | "elevation-0" | "elevation-1" | "elevation-3" | undefined;
|
|
333
|
+
borderTopColor?: "primary" | "secondary" | "alert" | "alert-secondary" | "tertiary" | "muted" | "brand" | "brand-secondary" | "info" | "info-secondary" | "positive" | "positive-secondary" | "warning" | "warning-secondary" | "accent" | "transparent" | "white" | "black" | "current" | "elevation-2" | "elevation-4" | "elevation-5" | "elevation-0" | "elevation-1" | "elevation-3" | undefined;
|
|
334
|
+
borderRadius?: "sm" | "md" | "lg" | "xs" | "xl" | "none" | "full" | undefined;
|
|
335
|
+
borderTopStartRadius?: "sm" | "md" | "lg" | "xs" | "xl" | "none" | "full" | undefined;
|
|
336
|
+
borderTopEndRadius?: "sm" | "md" | "lg" | "xs" | "xl" | "none" | "full" | undefined;
|
|
337
|
+
borderBottomStartRadius?: "sm" | "md" | "lg" | "xs" | "xl" | "none" | "full" | undefined;
|
|
338
|
+
borderBottomEndRadius?: "sm" | "md" | "lg" | "xs" | "xl" | "none" | "full" | undefined;
|
|
333
339
|
borderWidth?: "thin" | "none" | "elevation-2" | "elevation-4" | "elevation-5" | "elevation-0" | "elevation-1" | "elevation-3" | "medium" | "thick" | undefined;
|
|
334
340
|
borderVerticalWidth?: "thin" | "none" | "elevation-2" | "elevation-4" | "elevation-5" | "elevation-0" | "elevation-1" | "elevation-3" | "medium" | "thick" | undefined;
|
|
335
341
|
borderHorizontalWidth?: "thin" | "none" | "elevation-2" | "elevation-4" | "elevation-5" | "elevation-0" | "elevation-1" | "elevation-3" | "medium" | "thick" | undefined;
|
|
@@ -337,19 +343,19 @@ declare const getStylesInternal: (props?: ({
|
|
|
337
343
|
borderEndWidth?: "thin" | "none" | "elevation-2" | "elevation-4" | "elevation-5" | "elevation-0" | "elevation-1" | "elevation-3" | "medium" | "thick" | undefined;
|
|
338
344
|
borderTopWidth?: "thin" | "none" | "elevation-2" | "elevation-4" | "elevation-5" | "elevation-0" | "elevation-1" | "elevation-3" | "medium" | "thick" | undefined;
|
|
339
345
|
borderBottomWidth?: "thin" | "none" | "elevation-2" | "elevation-4" | "elevation-5" | "elevation-0" | "elevation-1" | "elevation-3" | "medium" | "thick" | undefined;
|
|
340
|
-
avatarSize?: "sm" | "md" | "
|
|
341
|
-
iconSize?: "sm" | "md" | "
|
|
342
|
-
alignContent?: "
|
|
343
|
-
alignItems?: "
|
|
344
|
-
alignSelf?: "
|
|
345
|
-
flex?: "none" | "1" | "
|
|
346
|
+
avatarSize?: "sm" | "md" | "lg" | "xs" | "xl" | undefined;
|
|
347
|
+
iconSize?: "sm" | "md" | "lg" | "xs" | undefined;
|
|
348
|
+
alignContent?: "flex-start" | "flex-end" | "center" | "stretch" | "space-between" | "space-around" | undefined;
|
|
349
|
+
alignItems?: "flex-start" | "flex-end" | "center" | "stretch" | "baseline" | undefined;
|
|
350
|
+
alignSelf?: "auto" | "flex-start" | "flex-end" | "center" | "stretch" | "baseline" | undefined;
|
|
351
|
+
flex?: "none" | "1" | "auto" | "initial" | undefined;
|
|
346
352
|
flexDirection?: "row" | "column" | "row-reverse" | "column-reverse" | undefined;
|
|
347
353
|
flexGrow?: "2" | "0" | "1" | "3" | undefined;
|
|
348
354
|
flexShrink?: "0" | "1" | undefined;
|
|
349
|
-
flexWrap?: "
|
|
350
|
-
justifyContent?: "
|
|
355
|
+
flexWrap?: "wrap" | "nowrap" | "wrap-reverse" | undefined;
|
|
356
|
+
justifyContent?: "flex-start" | "flex-end" | "center" | "space-between" | "space-around" | "space-evenly" | undefined;
|
|
351
357
|
flexBasis?: "min-content" | undefined;
|
|
352
|
-
display?: "block" | "inline" | "flex" | "
|
|
358
|
+
display?: "block" | "inline-block" | "inline" | "flex" | "inline-flex" | "table" | "inline-table" | "table-caption" | "table-cell" | "table-column" | "table-column-group" | "table-footer-group" | "table-header-group" | "table-row-group" | "table-row" | "flow-root" | "grid" | "contents" | undefined;
|
|
353
359
|
overflow?: "hidden" | "auto" | "clip" | "visible" | "scroll" | undefined;
|
|
354
360
|
overflowX?: "hidden" | "auto" | "clip" | "visible" | "scroll" | undefined;
|
|
355
361
|
overflowY?: "hidden" | "auto" | "clip" | "visible" | "scroll" | undefined;
|
|
@@ -357,14 +363,10 @@ declare const getStylesInternal: (props?: ({
|
|
|
357
363
|
contentFit?: "none" | "fill" | "cover" | "contain" | "scale-down" | undefined;
|
|
358
364
|
colorMode?: "light" | "dark" | undefined;
|
|
359
365
|
scaleMode?: "small" | "medium" | "xSmall" | "large" | "xLarge" | "xxLarge" | "xxxLarge" | undefined;
|
|
360
|
-
buttonPalette?: "alert" | "brand" | "warning" | "positive" | "info" | "accent" | undefined;
|
|
361
|
-
buttonVariant?: "primary" | "secondary" | "tertiary" | undefined;
|
|
362
|
-
buttonSize?: "sm" | "md" | "lg" | undefined;
|
|
363
|
-
iconButtonSize?: "sm" | "md" | "xs" | "lg" | "xl" | undefined;
|
|
364
366
|
width?: "full" | "fit" | "screen" | undefined;
|
|
365
367
|
height?: "full" | "fit" | "screen" | undefined;
|
|
366
|
-
dropShadow?: "sm" | "md" | "
|
|
367
|
-
insetShadow?: "sm" | "md" | "
|
|
368
|
+
dropShadow?: "sm" | "md" | "lg" | "xs" | "xl" | "none" | "2xl" | "elevation-2" | "elevation-4" | "elevation-5" | "elevation-0" | "elevation-1" | "elevation-3" | undefined;
|
|
369
|
+
insetShadow?: "sm" | "md" | "lg" | "xs" | "xl" | "none" | "2xl-invert" | "md-invert" | "2xl" | "xl-invert" | "sm-invert" | "lg-invert" | "xs-invert" | undefined;
|
|
368
370
|
} & {
|
|
369
371
|
className?: string | undefined;
|
|
370
372
|
}) | undefined) => string;
|
package/dist/index.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
export{Image}from"./chunk-
|
|
1
|
+
export{Image}from"./chunk-A2OJLMOY.js";import{DividerInternal as e}from"./chunk-XOHE32Q2.js";export{HStack,VStack}from"./chunk-WTCFWBEP.js";export{FormLabel}from"./chunk-DFLTCYEQ.js";import{getStyles as t,cx as a,IconSlot as n}from"./chunk-FEHICJMH.js";export{Box,Icon,Text,cva,cx,getStyles,getStylesCacheKeySymbol}from"./chunk-FEHICJMH.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,cartesianProduct,coalesceConfigVariant,configurableProperties,createComponentStates,createConfigurableProperty,createLayerConfig,createSubComponentConfig,createVariantConfig,createVariantConfigWithComponentStates,createVariantConfigWithProperties,findFixtureType,fontWeightMap,fromEntries,generateClassName,generateConfigStyles,generateDeclaration,generateDefaultClassName,generateKeyFromFlatConfigPath,generateSchemaKey,generateStyles,getConfigDefaultValue,getConfigPseudoStateVariables,getConfigPseudoStateVariablesWithSetter,getConfigSubcomponents,getConfigVariantComponentStates,getConfigVariantComponentStatesMatrix,getConfigVariantProperties,getConfigVariantPseudoStates,getConfigVariants,isConfigDefaultValue,parseButtonVariantFlat,setConfigPseudoStateVariable,shadow,statePseudoMapDocsMode,toMinimalDbConfigObject}from"./chunk-LGVDORBF.js";export{alwaysPalette,entries,mapValues,parseOpacityStep}from"./chunk-AZXEQF7C.js";export{variants}from"./chunk-EUHS2LRV.js";export{AVATAR_SIZE_PREFIX,BACKGROUND_COLOR_PREFIX,BORDER_RADIUS_PREFIX,BORDER_WIDTH_PREFIX,BUTTON_GAP_VAR,BUTTON_SCALE_EFFECT,DARK_COLOR_MODE_CLASSNAME,DEFAULT_COLOR_MODE_CLASSNAME,DEFAULT_SCALE_MODE_CLASSNAME,DROP_SHADOW_PREFIX,FONT_FAMILY_PREFIX,FONT_SIZE_PREFIX,FONT_SLANT_PREFIX,FONT_WEIGHT_PREFIX,FONT_WIDTH_PREFIX,ICON_SIZE_PREFIX,INVERT_COLOR_MODE_CLASSNAME,LARGE_SCALE_MODE_CLASSNAME,LETTER_SPACING_PREFIX,LIGHT_COLOR_MODE_CLASSNAME,LINE_COLOR_PREFIX,LINE_HEIGHT_PREFIX,MEDIUM_SCALE_MODE_CLASSNAME,MOTION_PREFIX,PSEUDO_STYLE_SELECTOR_MAP,SMALL_SCALE_MODE_CLASSNAME,SPECTRUM_COLOR_PREFIX,SYSTEM_COLOR_MODE_CLASSNAME,TEXT_RESPONSIVE_BREAKPOINT_CLASSNAMES,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-O7UVSJ5U.js";import{forwardRef as o,useMemo as r}from"react";import{jsx as i,jsxs as E}from"react/jsx-runtime";export{Avatar,AvatarIcon,AvatarImage,AvatarText,Badge,Button,Checkbox,Chip,ChipButton,ChipDismissible,ChipLink,ChipToggle,IconButton,Input,InputHelpText,Menu,Pressable,Radio,RadioGroupProvider,SpringMotionConfig,Switch}from"@yahoo/uds/client";/*! © 2025 Yahoo, Inc. UDS v0.0.0-development */var _=o(function(t,a){return i(e,{ref:a,...t})});_.displayName="Divider";var S=o(function({variant:e="primary",textVariant:o,startIcon:_,endIcon:S,alwaysUnderline:s=!1,children:C,className:A,...O},c){const L=!o,l=r(()=>{const n=!L&&t({linkTextStyleRoot:o,fontSize:o,fontFamily:o,fontWeight:o,lineHeight:o,textTransform:o});return t({linkVariantRoot:e,display:"inline-flex",alignItems:"center",className:a(n,"uds-ring",s&&"underline",A)})},[s,L,o,e,A]),R=t({linkVariantIconStart:e,linkTextStyleIcon:o,className:a(L&&"w-[0.7em] h-[0.7em]")}),I=t({linkVariantIconEnd:e,linkTextStyleIcon:o,className:a(L&&"w-[0.7em] h-[0.7em]")}),T={variant:"outline",color:"current"};return E("a",{ref:c,className:l,...O,children:[_&&i(n,{className:R,icon:_,iconProps:T,"data-testid":"start-icon"}),C,S&&i(n,{className:I,icon:S,iconProps:T,"data-testid":"end-icon"})]})});S.displayName="Link";export{_ as Divider,S as Link};
|