@yahoo/uds 3.38.0 → 3.39.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/dist/{Box-DiAlMwFs.d.cts → Box-B2DvoAMD.d.cts} +1 -1
- package/dist/{Box-B5-iomov.d.ts → Box-C5GwvlME.d.ts} +1 -1
- package/dist/{Box-BM08iUR2.d.cts → Box-CJ3zIj4N.d.cts} +1 -1
- package/dist/{Box-D2_1_jHu.d.ts → Box-DggpNHav.d.ts} +1 -1
- package/dist/{Pressable-BtsR3Qz0.d.cts → Pressable-BbJdaJUo.d.cts} +1 -1
- package/dist/{Pressable-CZHF_iLZ.d.cts → Pressable-CE-tEoUc.d.cts} +1 -1
- package/dist/{Pressable-DvTJyjgZ.d.ts → Pressable-CogcHtMQ.d.ts} +1 -1
- package/dist/{Pressable-SmBC4IjK.d.ts → Pressable-DEuYwe7j.d.ts} +1 -1
- package/dist/Text-CgQcjNy7.d.cts +139 -0
- package/dist/Text-Cghi693U.d.ts +139 -0
- package/dist/Text-CoY1WLeq.d.ts +139 -0
- package/dist/Text-DDathn4e.d.cts +139 -0
- package/dist/{VStack-DQsyv2sb.d.cts → VStack-BrpD0qUH.d.cts} +2 -2
- package/dist/{VStack-mmwkcypy.d.cts → VStack-CIUJgL-7.d.cts} +2 -2
- package/dist/{VStack-D-3cxbIi.d.ts → VStack-Cpgnc5oS.d.ts} +2 -2
- package/dist/{VStack-r7oAc-8J.d.ts → VStack-_eM5ET03.d.ts} +2 -2
- package/dist/{chunk-5U4J6DA5.cjs → chunk-2FN7PYW3.cjs} +1 -1
- package/dist/{chunk-6SQQBVSA.js → chunk-3NOPVRK3.js} +1 -1
- package/dist/{chunk-6HG5KSL6.cjs → chunk-AX4IA6TK.cjs} +1 -1
- package/dist/{chunk-WRE54KQN.js → chunk-BCRZ2EQO.js} +1 -1
- package/dist/chunk-CWG6VECG.cjs +2 -0
- package/dist/{chunk-PNL4K4BQ.cjs → chunk-CZH6WYYG.cjs} +1 -1
- package/dist/{chunk-LWGAE6PD.cjs → chunk-ELVRZONR.cjs} +1 -1
- package/dist/{chunk-CTYIRZ5A.cjs → chunk-IVKGRXGB.cjs} +1 -1
- package/dist/{chunk-PVXOGAWH.js → chunk-JP3JNLAD.js} +1 -1
- package/dist/{chunk-4A2ZIK3D.cjs → chunk-KL36KHMK.cjs} +1 -1
- package/dist/{chunk-KPGAKQEP.js → chunk-KTN43MAD.js} +1 -1
- package/dist/{chunk-EXYFDTFM.js → chunk-LITEZHOE.js} +1 -1
- package/dist/{chunk-QQ7BRHDQ.js → chunk-NUOTAOOJ.js} +1 -1
- package/dist/{chunk-VQV2OVOZ.cjs → chunk-NVU2HHNL.cjs} +1 -1
- package/dist/{chunk-F7LPH2UL.cjs → chunk-OIDUOWWP.cjs} +1 -1
- package/dist/{chunk-WX4V6S4A.js → chunk-PQNUKUFA.js} +1 -1
- package/dist/{chunk-YBIQ3S5G.cjs → chunk-QFCUUITW.cjs} +1 -1
- package/dist/chunk-SPTEOB2R.cjs +2 -0
- package/dist/{chunk-QZIQVD63.js → chunk-UAN7HYYD.js} +1 -1
- package/dist/{chunk-RMRBUBTB.js → chunk-VDZOZV5O.js} +1 -1
- package/dist/{chunk-MATTX7AJ.js → chunk-VGS2HJDD.js} +1 -1
- package/dist/{chunk-UYLBFQ4P.js → chunk-WPPJ6CMJ.js} +1 -1
- package/dist/{chunk-I7ZFG4YT.js → chunk-ZEQ3QOPP.js} +1 -1
- package/dist/{chunk-H62QDZOV.cjs → chunk-ZJIWHNVT.cjs} +1 -1
- package/dist/client/Menu.cjs +2 -2
- 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 +63 -38
- package/dist/client/index.d.ts +63 -38
- package/dist/client/index.js +1 -1
- package/dist/defaultTokensConfig.d.cts +2 -2
- package/dist/defaultTokensConfig.d.ts +2 -2
- 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 +2 -2
- package/dist/experimental/client/index.js +1 -1
- package/dist/experimental/index.cjs +2 -2
- package/dist/experimental/index.js +1 -1
- package/dist/{index-CqizU-UO.d.cts → index-BNV_bpqb.d.cts} +1 -1
- package/dist/{index-CISBacKa.d.cts → index-DE7BJVEA.d.cts} +1 -1
- package/dist/{index-BiFYC5eM.d.ts → index-DviXR06Z.d.ts} +1 -1
- package/dist/{index-Dn2pubkn.d.ts → index-uVTfvIWD.d.ts} +1 -1
- package/dist/index.cjs +1 -1
- package/dist/index.d.cts +10 -94
- package/dist/index.d.ts +10 -94
- package/dist/index.js +1 -1
- package/dist/metafile-cjs.json +1 -1
- package/dist/metafile-esm.json +1 -1
- package/dist/tailwind/plugin.d.cts +1 -1
- package/dist/tailwind/plugin.d.ts +1 -1
- package/dist/tailwind/purger.cjs +1 -1
- package/dist/tailwind/purger.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.d.cts +4 -4
- package/dist/tokens/index.d.ts +4 -4
- package/dist/tokens/parseTokens.d.cts +1 -1
- package/dist/tokens/parseTokens.d.ts +1 -1
- package/dist/{types-BRmrSr-u.d.cts → types-BEsEvo0F.d.cts} +4 -3
- package/dist/{types-BRmrSr-u.d.ts → types-BEsEvo0F.d.ts} +4 -3
- package/dist/{types-D0Rkj_1F.d.cts → types-rZt8SiS0.d.cts} +4 -3
- package/dist/{types-D0Rkj_1F.d.ts → types-rZt8SiS0.d.ts} +4 -3
- package/package.json +1 -1
- package/cli/FullWidthClassToProp.mock.tsx +0 -17
- package/dist/Input-C267CIVV.d.cts +0 -54
- package/dist/Input-C2JHbAnz.d.cts +0 -54
- package/dist/Input-CF4Kpe9f.d.ts +0 -54
- package/dist/Input-Drdk_VTx.d.ts +0 -54
- package/dist/chunk-4GUXQTU3.cjs +0 -3
- package/dist/chunk-JM4WTJDB.cjs +0 -3
package/dist/index.d.ts
CHANGED
@@ -1,16 +1,17 @@
|
|
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-C5GwvlME.js';
|
2
|
+
export { a as Box, B as BoxProps } from './Box-C5GwvlME.js';
|
3
|
+
export { a as Divider, D as DividerProps, b as VStack, V as VStackProps } from './VStack-_eM5ET03.js';
|
4
4
|
import * as react_jsx_runtime from 'react/jsx-runtime';
|
5
|
-
import {
|
6
|
-
export { N as AVATAR_SIZE_PREFIX, ao as AlwaysPalette, ap as AlwaysPaletteAlias, aq as AlwaysPaletteColor, ar as Animation, as as AriaAttribute, at as AvatarAbbreviationStrategy, au as AvatarShape, av as AvatarSize, aw as AvatarSizeConfig, ax as AvatarVariant, O as BORDER_RADIUS_PREFIX, Q as BORDER_WIDTH_PREFIX, ag as BUTTON_CSS_VAR_MAP, ay as BackgroundColor, az as BackgroundPalette, aA as BackgroundPaletteAlias, aB as BackgroundStyleProps, aC as BadgeSize, aD as BadgeVariant, aE as BorderRadius, aF as BorderRadiusConfig, aG as BorderStyleProps, aH as BorderWidth, aI as BorderWidthConfig, aJ as Breakpoint,
|
5
|
+
import { A as UniversalFormLabelProps, p as UniversalStackProps, m as IconPropsWithSVGProps, D as ImagePropsWithImgProps, E as UniversalIconSlot, J as UniversalLinkProps } from './types-rZt8SiS0.js';
|
6
|
+
export { N as AVATAR_SIZE_PREFIX, ao as AlwaysPalette, ap as AlwaysPaletteAlias, aq as AlwaysPaletteColor, ar as Animation, as as AriaAttribute, at as AvatarAbbreviationStrategy, au as AvatarShape, av as AvatarSize, aw as AvatarSizeConfig, ax as AvatarVariant, O as BORDER_RADIUS_PREFIX, Q as BORDER_WIDTH_PREFIX, ag as BUTTON_CSS_VAR_MAP, ay as BackgroundColor, az as BackgroundPalette, aA as BackgroundPaletteAlias, aB as BackgroundStyleProps, aC as BadgeSize, aD as BadgeVariant, aE as BorderRadius, aF as BorderRadiusConfig, aG as BorderStyleProps, aH as BorderWidth, aI as BorderWidthConfig, aJ as Breakpoint, d as BreakpointsConfig, aK as ButtonBaseConfig, r as ButtonClassMap, aL as ButtonClassName, aM as ButtonColorConfig, aN as ButtonColorEffect, aO as ButtonColorEffectConfig, t as ButtonColorProperty, u as ButtonColorPropertyConfig, B as ButtonConfig, aP as ButtonKind, aQ as ButtonMotionEffect, aR as ButtonMotionProperty, aS as ButtonMotionPropertyConfig, aT as ButtonPalette, aU as ButtonPaletteColor, aV as ButtonPaletteConfig, aW as ButtonShadowPropertyConfig, aX as ButtonSize, aY as ButtonSizeConfig, aZ as ButtonSizeProperty, a_ as ButtonSpectrumColor, a$ as ButtonState, b0 as ButtonStateConfig, b1 as ButtonStateEffectConfig, b2 as ButtonVariant, b3 as ButtonVariantConfig, b4 as ButtonVariantFlat, b5 as CheckboxSize, b6 as CheckboxValue, b7 as CheckboxVariant, b8 as ChipSize, b9 as ChipVariant, g as ColorMode, C as ColorModeConfig, ba as ColorModeForApp, h as ColorsConfig, bb as ConfigurableDropShadowValues, bc as ConfigurableInsetShadowValues, bd as CustomSizingStyleProps, a2 as DARK_COLOR_MODE_CLASSNAME, ad as DEFAULT_COLOR_MODE_CLASSNAME, ae as DEFAULT_SCALE_MODE_CLASSNAME, be as DataAttribute, bf as Display, bg as DividerVariant, aj 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, bh as Flex, bi as FlexAlignContent, bj as FlexAlignItems, bk as FlexAlignSelf, bl as FlexBasis, bm as FlexDirection, bn as FlexGrow, bo as FlexJustifyContent, bp as FlexShrink, bq as FlexStyleProps, br as FlexWrap, bs as FontAlias, ak as FontAxisConfig, F as FontConfig, bt as FontCssVar, al as FontDeclarationConfig, y as FontDeclarationItemConfig, am as FontDeclarationMap, bu as FontFamilyCDNUrl, bv as FontFamilyConfig, x as FontID, bw as FontSize, bx as FontSizeConfig, by as FontSlantConfig, bz as FontType, bA as FontWeightConfig, bB as FontWeightDescriptive, an as FontWeightForFont, bC as FontWeightNumeric, bD as FontWidthConfig, bE as ForegroundColor, bF as ForegroundPalette, bG as ForegroundPaletteAlias, G as GlobalDefaultsConfig, bH as HighContrastMode, H as Hue, i as HueStep, ah as ICON_BUTTON_CSS_VAR_MAP, Z as ICON_SIZE_PREFIX, a5 as INVERT_COLOR_MODE_CLASSNAME, s as IconButtonClassMap, bI as IconButtonClassName, I as IconButtonConfig, bJ as IconButtonDefaultsConfig, bK as IconButtonSize, bL as IconSizeConfig, bM as IconSlotRenderProps, bN as ImageStyleProps, bO as InputSize, a9 as LARGE_SCALE_MODE_CLASSNAME, a3 as LIGHT_COLOR_MODE_CLASSNAME, _ as LINE_HEIGHT_PREFIX, bP as LayoutStyleProps, bQ as LetterSpacing, bR as LineClampAlias, bS as LineColor, bT as LineHeight, bU as LineHeightConfig, bV as LinePalette, bW as LinePaletteAlias, a8 as MEDIUM_SCALE_MODE_CLASSNAME, $ as MOTION_PREFIX, bX as Modes, M as MotionConfig, bY as MotionCssVar, bZ as MotionSpringConfig, b_ as MotionSpringConfigOptions, b$ as MotionVariant, c0 as MotionVariantSpeed, c1 as MotionVariantValues, c2 as Overflow, ai as PSEUDO_STYLE_SELECTOR_MAP, c3 as Palette, j as PaletteConfig, P as PaletteType, c4 as PaletteValue, c5 as Pixels, c6 as PlatformMode, c7 as Position, c8 as PropertyToPaletteAliasMap, c9 as RadioSize, ca as RadioValue, cb as RadioVariant, cc as RegionMode, cd as Rems, a7 as SMALL_SCALE_MODE_CLASSNAME, a0 as SPECTRUM_COLOR_PREFIX, a4 as SYSTEM_COLOR_MODE_CLASSNAME, ce as ScaleConfig, cf as ScaleEffectMap, k as ScaleMode, S as ScaleModeConfig, cg as ScaleModeForApp, ch as ShadowColor, ci as ShadowColorConfig, c as ShadowConfig, cj as ShadowOffset, ck as ShadowOpacity, cl as ShadowPalette, cm as ShadowPaletteAlias, o as ShadowPreset, cn as ShadowSpreadRadius, co as ShadowStyleProps, z as ShadowType, cp as ShadowTypeConfig, cq as ShadowVariant, cr as ShadowVariantConfig, cs as ShadowVariantInvert, ct as ShadowVariantWithInvert, cu as SharedPaletteAlias, v as SpacingAlias, cv as SpacingConfig, cw as SpacingStyleProps, cx as SpectrumColor, cy as SpectrumConfig, cz as StateStyleProps, cA as StyleProps, cB as SwitchSize, af as TEXT_RESPONSIVE_CLASSNAME, a1 as TEXT_TRANSFORM_PREFIX, cL as TShirtSize, cM as TShirtSizeCommon, cC as TextDecorationLine, cD as TextProperty, cE as TextStyleProps, cF as TextTransform, cG as TextTransformConfig, cH as TextVariant, cI as TransitionDelay, cJ as TransitionDuration, cK as TransitionTiming, T as TypographyConfig, cN as TypographyResponsiveProperty, cO as TypographyStyle, cP as TypographyStyleProperty, cQ as TypographyUnitValue, L as UDS_PREFIX, cR as UdsCssVar, cS as Unitless, cT as UniversalAvatarIconProps, cU as UniversalAvatarImageProps, cV as UniversalAvatarProps, cW as UniversalAvatarTextProps, cX as UniversalBadgeProps, a as UniversalBoxProps, cY as UniversalButtonProps, cZ as UniversalCheckboxProps, c_ as UniversalChipBaseProps, c$ as UniversalChipButtonProps, d0 as UniversalChipDismissibleProps, d1 as UniversalChipLinkProps, d2 as UniversalChipProps, d3 as UniversalChipToggleProps, q as UniversalDividerProps, d4 as UniversalIconButtonProps, d5 as UniversalIconProps, d6 as UniversalImageProps, l as UniversalInputProps, w as UniversalMenuItemProps, U as UniversalPressableProps, d7 as UniversalRadioGroupProps, d8 as UniversalRadioProps, b as UniversalSwitchProps, n as UniversalTextProps, f as UniversalTokensConfig, d9 as UniversalTokensConfigAuto, aa as XLARGE_SCALE_MODE_CLASSNAME, a6 as XSMALL_SCALE_MODE_CLASSNAME, ab as XXLARGE_SCALE_MODE_CLASSNAME, ac as XXXLARGE_SCALE_MODE_CLASSNAME, K as alwaysPalette } from './types-rZt8SiS0.js';
|
7
7
|
import * as react from 'react';
|
8
|
-
import { PropsWithChildren,
|
9
|
-
import { I as InputProps } from './
|
8
|
+
import { PropsWithChildren, Dispatch, SetStateAction } from 'react';
|
9
|
+
import { I as InputProps, T as TextProps } from './Text-Cghi693U.js';
|
10
|
+
export { a as Text } from './Text-Cghi693U.js';
|
10
11
|
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, InputProps, Menu, MenuContentProps, MenuDividerProps, MenuItemCheckboxProps, MenuItemProps, MenuPlacement, MenuProviderProps, MenuTriggerProps, Pressable, PressableProps, Radio, RadioGroupProvider, RadioGroupProviderProps, RadioProps, SpringMotionConfig, SpringMotionConfigProps, Switch, SwitchProps } from '@yahoo/uds/client';
|
11
12
|
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, button, cartesianProduct, coalesceConfigVariant, entries, fontWeightMap, fromEntries, generateKeyFromFlatConfigPath, generateSchemaKey, getConfigDefaultValue, getConfigPseudoStateVariables, getConfigPseudoStateVariablesWithSetter, getConfigSubcomponents, getConfigVariantComponentStates, getConfigVariantComponentStatesMatrix, getConfigVariantProperties, getConfigVariantPseudoStates, getConfigVariants, getDefaultButtonBaseMap, isConfigDefaultValue, mapValues, parseButtonVariantFlat, parseDeprecatedButtonPaletteVariant, setConfigPseudoStateVariable, shadow, variants } from './tokens/index.js';
|
12
13
|
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, 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-
|
14
|
+
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, 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-uVTfvIWD.js';
|
14
15
|
export { IconSize, IconVariant } from '@yahoo/uds-icons/types';
|
15
16
|
import 'motion/react';
|
16
17
|
import 'type-fest';
|
@@ -165,91 +166,6 @@ interface LinkProps extends HTMLAnchorProps, UniversalLinkProps {
|
|
165
166
|
**/
|
166
167
|
declare const Link: react.ForwardRefExoticComponent<LinkProps & react.RefAttributes<HTMLAnchorElement>>;
|
167
168
|
|
168
|
-
type TextElementTagName = 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'p' | 'strong' | 'span' | 'label' | 'li' | 'sup';
|
169
|
-
type ColorWithInherit = Exclude<UniversalTextProps['color'], undefined> | 'inherit';
|
170
|
-
type VariantWithInherit = Exclude<UniversalTextProps['variant'], undefined> | 'inherit';
|
171
|
-
type TextProps<TagName extends TextElementTagName = TextElementTagName> = {
|
172
|
-
/** Ref passed to the inner container. */
|
173
|
-
ref?: Ref<HTMLElement>;
|
174
|
-
/** Changes the HTML tag used to render text. Uses the most appropriate semantic tag based on the text style variant. */
|
175
|
-
as?: TagName;
|
176
|
-
variant?: VariantWithInherit;
|
177
|
-
color?: ColorWithInherit;
|
178
|
-
} & JSX.IntrinsicElements[TagName] & Omit<UniversalTextProps, 'variant' | 'color'>;
|
179
|
-
/**
|
180
|
-
* **💬 A text element that can be used to display text**
|
181
|
-
*
|
182
|
-
* @description
|
183
|
-
* By default, the `Text` component uses text primary color and selects the
|
184
|
-
* correct font, weight, and leading. It also choices appropriate semantic
|
185
|
-
* HTML element based on the `variant` prop. For example, `body1` will use a
|
186
|
-
* `<p>` tag, `title1` uses an `<h1>`, etc. This behavior can be overridden
|
187
|
-
* with the `as` prop.
|
188
|
-
*
|
189
|
-
*
|
190
|
-
* @example
|
191
|
-
* ```tsx
|
192
|
-
* import { Text } from '@yahoo/uds';
|
193
|
-
*
|
194
|
-
* <Text variant="body1" color="primary">
|
195
|
-
* Text goes here
|
196
|
-
* </Text>
|
197
|
-
* ```
|
198
|
-
*
|
199
|
-
* @usage
|
200
|
-
* - Use `Text` to display text in your app.
|
201
|
-
* - Use `variant` to change the size and weight of the text.
|
202
|
-
* - Use `color` to change the color of the text.
|
203
|
-
* - Use `as` to change the HTML tag used to render the text.
|
204
|
-
*
|
205
|
-
* @see The {@link https://uds.build/docs/components/text Text Docs} for more info
|
206
|
-
*
|
207
|
-
* @related [ResponsiveText](https://uds.build/docs/components/responsive-text)
|
208
|
-
*/
|
209
|
-
declare const Text: react.ForwardRefExoticComponent<(Omit<{
|
210
|
-
/** Ref passed to the inner container. */
|
211
|
-
ref?: Ref<HTMLElement>;
|
212
|
-
/** Changes the HTML tag used to render text. Uses the most appropriate semantic tag based on the text style variant. */
|
213
|
-
as?: TextElementTagName | undefined;
|
214
|
-
variant?: VariantWithInherit;
|
215
|
-
color?: ColorWithInherit;
|
216
|
-
} & react.ClassAttributes<HTMLElement> & react.HTMLAttributes<HTMLElement> & Omit<UniversalTextProps, "color" | "variant">, "ref"> | Omit<{
|
217
|
-
/** Ref passed to the inner container. */
|
218
|
-
ref?: Ref<HTMLElement>;
|
219
|
-
/** Changes the HTML tag used to render text. Uses the most appropriate semantic tag based on the text style variant. */
|
220
|
-
as?: TextElementTagName | undefined;
|
221
|
-
variant?: VariantWithInherit;
|
222
|
-
color?: ColorWithInherit;
|
223
|
-
} & react.ClassAttributes<HTMLHeadingElement> & react.HTMLAttributes<HTMLHeadingElement> & Omit<UniversalTextProps, "color" | "variant">, "ref"> | Omit<{
|
224
|
-
/** Ref passed to the inner container. */
|
225
|
-
ref?: Ref<HTMLElement>;
|
226
|
-
/** Changes the HTML tag used to render text. Uses the most appropriate semantic tag based on the text style variant. */
|
227
|
-
as?: TextElementTagName | undefined;
|
228
|
-
variant?: VariantWithInherit;
|
229
|
-
color?: ColorWithInherit;
|
230
|
-
} & react.ClassAttributes<HTMLLabelElement> & react.LabelHTMLAttributes<HTMLLabelElement> & Omit<UniversalTextProps, "color" | "variant">, "ref"> | Omit<{
|
231
|
-
/** Ref passed to the inner container. */
|
232
|
-
ref?: Ref<HTMLElement>;
|
233
|
-
/** Changes the HTML tag used to render text. Uses the most appropriate semantic tag based on the text style variant. */
|
234
|
-
as?: TextElementTagName | undefined;
|
235
|
-
variant?: VariantWithInherit;
|
236
|
-
color?: ColorWithInherit;
|
237
|
-
} & react.ClassAttributes<HTMLLIElement> & react.LiHTMLAttributes<HTMLLIElement> & Omit<UniversalTextProps, "color" | "variant">, "ref"> | Omit<{
|
238
|
-
/** Ref passed to the inner container. */
|
239
|
-
ref?: Ref<HTMLElement>;
|
240
|
-
/** Changes the HTML tag used to render text. Uses the most appropriate semantic tag based on the text style variant. */
|
241
|
-
as?: TextElementTagName | undefined;
|
242
|
-
variant?: VariantWithInherit;
|
243
|
-
color?: ColorWithInherit;
|
244
|
-
} & react.ClassAttributes<HTMLParagraphElement> & react.HTMLAttributes<HTMLParagraphElement> & Omit<UniversalTextProps, "color" | "variant">, "ref"> | Omit<{
|
245
|
-
/** Ref passed to the inner container. */
|
246
|
-
ref?: Ref<HTMLElement>;
|
247
|
-
/** Changes the HTML tag used to render text. Uses the most appropriate semantic tag based on the text style variant. */
|
248
|
-
as?: TextElementTagName | undefined;
|
249
|
-
variant?: VariantWithInherit;
|
250
|
-
color?: ColorWithInherit;
|
251
|
-
} & react.ClassAttributes<HTMLSpanElement> & react.HTMLAttributes<HTMLSpanElement> & Omit<UniversalTextProps, "color" | "variant">, "ref">) & react.RefAttributes<HTMLElement>>;
|
252
|
-
|
253
169
|
type ResponsiveTextProps = TextProps;
|
254
170
|
/**
|
255
171
|
* **💬 A text element that opts-in to being automatically responsive at different breakpoints**
|
@@ -494,4 +410,4 @@ declare const getStyles: (props: GetStylesInternalProps) => string;
|
|
494
410
|
|
495
411
|
type SetState<T> = Dispatch<SetStateAction<T>>;
|
496
412
|
|
497
|
-
export { FormLabel, type FormLabelProps, HStack, type HStackProps, Icon, IconPropsWithSVGProps as IconProps, IconPropsWithSVGProps, Image, ImagePropsWithImgProps as ImageProps, ImagePropsWithImgProps, InputHelpTextMemo as InputHelpText, type InputHelpTextProps, Link, type LinkProps, ResponsiveText, type ResponsiveTextProps, type SetState,
|
413
|
+
export { FormLabel, type FormLabelProps, HStack, type HStackProps, Icon, IconPropsWithSVGProps as IconProps, IconPropsWithSVGProps, Image, ImagePropsWithImgProps as ImageProps, ImagePropsWithImgProps, InputHelpTextMemo as InputHelpText, type InputHelpTextProps, Link, type LinkProps, ResponsiveText, type ResponsiveTextProps, type SetState, TextProps, UniversalFormLabelProps, UniversalIconSlot, UniversalLinkProps, UniversalStackProps, cva, cx, getStyles };
|
package/dist/index.js
CHANGED
@@ -1 +1 @@
|
|
1
|
-
export{Image,InputHelpTextMemo as InputHelpText}from"./chunk-
|
1
|
+
export{Image,InputHelpTextMemo as InputHelpText}from"./chunk-LITEZHOE.js";import{DividerInternal as e}from"./chunk-PQNUKUFA.js";export{HStack,VStack}from"./chunk-KTN43MAD.js";export{FormLabel}from"./chunk-ZEQ3QOPP.js";import{getStyles as t,cx as a,IconSlot as n,Text as o}from"./chunk-UAN7HYYD.js";export{Box,Icon,Text,cva,cx,getStyles}from"./chunk-UAN7HYYD.js";export{DEFAULT_COLOR_MODE,DEFAULT_COLOR_MODE_FOR_APP,DEFAULT_HIGH_CONTRAST_MODE,DEFAULT_REGION_MODE,DEFAULT_SCALE_MODE,DEFAULT_SCALE_MODE_FOR_APP,FONT_DECLARATIONS_MAP,alwaysPalette,button,cartesianProduct,coalesceConfigVariant,configurableProperties,createComponentStateConfig,createComponentStates,createConfigurableProperty,createLayerConfig,createSubComponentConfig,createVariantConfig,createVariantConfigWithComponentStates,createVariantConfigWithProperties,findFixtureType,fontWeightMap,fromEntries,generateClassName,generateDeclaration,generateKeyFromFlatConfigPath,generateSchemaKey,generateStyles,getConfigDefaultValue,getConfigPseudoStateVariables,getConfigPseudoStateVariablesWithSetter,getConfigSubcomponents,getConfigVariantComponentStates,getConfigVariantComponentStatesMatrix,getConfigVariantProperties,getConfigVariantPseudoStates,getConfigVariants,getDefaultButtonBaseMap,isConfigDefaultValue,parseButtonVariantFlat,parseDeprecatedButtonPaletteVariant,setConfigPseudoStateVariable,shadow,statePseudoMapDocsMode,toMinimalDbConfigObject}from"./chunk-MZKL2XHU.js";export{entries,mapValues}from"./chunk-EWJ3J526.js";export{variants}from"./chunk-SVO6TMF5.js";import{TEXT_RESPONSIVE_CLASSNAME as r}from"./chunk-24RMELG3.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,INVERT_COLOR_MODE_CLASSNAME,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,SYSTEM_COLOR_MODE_CLASSNAME,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-24RMELG3.js";import{forwardRef as i,useMemo as E}from"react";import{jsx as _,jsxs as s}from"react/jsx-runtime";export{Avatar,AvatarIcon,AvatarImage,AvatarText,Badge,Button,Checkbox,Chip,ChipButton,ChipDismissible,ChipLink,ChipToggle,IconButton,Input,Menu,Pressable,Radio,RadioGroupProvider,SpringMotionConfig,Switch}from"@yahoo/uds/client";/*! © 2025 Yahoo, Inc. UDS v0.0.0-development */var S=i(function(t,a){return _(e,{ref:a,...t})});S.displayName="Divider";var A=i(function({variant:e="primary",textVariant:o,startIcon:r,endIcon:i,alwaysUnderline:S=!1,children:A,className:C,...c},L){const l=!o,O=E(()=>{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",C)})},[S,l,o,e,C]),M=t({linkVariantIconStart:e,linkTextStyleIcon:o,className:a(l&&"w-[0.7em] h-[0.7em]")}),m=t({linkVariantIconEnd:e,linkTextStyleIcon:o,className:a(l&&"w-[0.7em] h-[0.7em]")}),f={variant:"outline",color:"current"};return s("a",{ref:L,className:O,...c,children:[r&&_(n,{className:M,icon:r,iconProps:f,"data-testid":"start-icon"}),A,i&&_(n,{className:m,icon:i,iconProps:f,"data-testid":"end-icon"})]})});A.displayName="Link";var C=({className:e,...t})=>_(o,{...t,className:a(e,r)});export{S as Divider,A as Link,C as ResponsiveText};
|