@yahoo/uds 3.37.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-BM08iUR2.d.cts → Box-B2DvoAMD.d.cts} +1 -1
- package/dist/{Box-D2_1_jHu.d.ts → Box-C5GwvlME.d.ts} +1 -1
- package/dist/Box-CJ3zIj4N.d.cts +34 -0
- package/dist/Box-DggpNHav.d.ts +34 -0
- package/dist/{Pressable-CZHF_iLZ.d.cts → Pressable-BbJdaJUo.d.cts} +1 -1
- package/dist/Pressable-CE-tEoUc.d.cts +44 -0
- package/dist/{Pressable-SmBC4IjK.d.ts → Pressable-CogcHtMQ.d.ts} +1 -1
- package/dist/Pressable-DEuYwe7j.d.ts +44 -0
- 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-CIUJgL-7.d.cts +83 -0
- package/dist/{VStack-D-3cxbIi.d.ts → VStack-Cpgnc5oS.d.ts} +2 -2
- package/dist/VStack-_eM5ET03.d.ts +83 -0
- package/dist/chunk-2FN7PYW3.cjs +1 -0
- package/dist/{chunk-6SQQBVSA.js → chunk-3NOPVRK3.js} +1 -1
- package/dist/{chunk-PNL4K4BQ.cjs → chunk-AX4IA6TK.cjs} +1 -1
- package/dist/chunk-BCRZ2EQO.js +2 -0
- package/dist/chunk-CWG6VECG.cjs +2 -0
- package/dist/chunk-CZH6WYYG.cjs +1 -0
- package/dist/chunk-DCZLRK3J.js +2 -0
- package/dist/chunk-ELVRZONR.cjs +1 -0
- package/dist/chunk-IVKGRXGB.cjs +1 -0
- package/dist/chunk-JP3JNLAD.js +2 -0
- 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-NUOTAOOJ.js +2 -0
- package/dist/{chunk-VQV2OVOZ.cjs → chunk-NVU2HHNL.cjs} +1 -1
- package/dist/{chunk-F7LPH2UL.cjs → chunk-OIDUOWWP.cjs} +1 -1
- package/dist/chunk-PQNUKUFA.js +1 -0
- package/dist/chunk-QF6YIMT4.js +2 -0
- package/dist/{chunk-YBIQ3S5G.cjs → chunk-QFCUUITW.cjs} +1 -1
- package/dist/chunk-S5NRWKDP.cjs +1 -0
- package/dist/chunk-SPTEOB2R.cjs +2 -0
- package/dist/chunk-ST7Z3YRS.js +2 -0
- package/dist/{chunk-QZIQVD63.js → chunk-UAN7HYYD.js} +1 -1
- package/dist/chunk-VDZOZV5O.js +3 -0
- package/dist/chunk-VGS2HJDD.js +1 -0
- package/dist/chunk-VQ4KEVVH.cjs +1 -0
- package/dist/{chunk-QQ7BRHDQ.js → chunk-WPPJ6CMJ.js} +1 -1
- package/dist/chunk-Y5HRSSOF.cjs +1 -0
- package/dist/{chunk-I7ZFG4YT.js → chunk-ZEQ3QOPP.js} +1 -1
- package/dist/chunk-ZJIWHNVT.cjs +2 -0
- 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 +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 +2 -1
- package/dist/experimental/client/index.cjs +2 -2
- package/dist/experimental/client/index.d.cts +1 -1
- package/dist/experimental/client/index.d.ts +1 -1
- package/dist/experimental/client/index.js +1 -1
- package/dist/experimental/index.cjs +2 -3
- package/dist/experimental/index.d.cts +2 -5
- package/dist/experimental/index.d.ts +2 -5
- package/dist/experimental/index.js +2 -2
- package/dist/{index-CqizU-UO.d.cts → index-BNV_bpqb.d.cts} +1 -1
- package/dist/index-DE7BJVEA.d.cts +245 -0
- package/dist/index-DviXR06Z.d.ts +245 -0
- package/dist/{index-Dn2pubkn.d.ts → index-uVTfvIWD.d.ts} +1 -1
- package/dist/index.cjs +1 -1
- package/dist/index.d.cts +22 -79
- package/dist/index.d.ts +22 -79
- 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-D0Rkj_1F.d.cts → types-BEsEvo0F.d.cts} +2032 -2031
- package/dist/{types-D0Rkj_1F.d.ts → types-BEsEvo0F.d.ts} +2032 -2031
- package/dist/types-rZt8SiS0.d.cts +10586 -0
- package/dist/types-rZt8SiS0.d.ts +10586 -0
- package/package.json +1 -1
- package/cli/FullWidthClassToProp.mock.tsx +0 -17
- package/dist/Input-C267CIVV.d.cts +0 -54
- package/dist/Input-CF4Kpe9f.d.ts +0 -54
- package/dist/chunk-JM4WTJDB.cjs +0 -3
- package/dist/{Box-DLjI-1wX.d.ts → Text-Buzrh-6W.d.cts} +4 -4
- package/dist/{Box-DLjI-1wX.d.cts → Text-Buzrh-6W.d.ts} +4 -4
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,90 +166,32 @@ interface LinkProps extends HTMLAnchorProps, UniversalLinkProps {
|
|
165
166
|
**/
|
166
167
|
declare const Link: react.ForwardRefExoticComponent<LinkProps & react.RefAttributes<HTMLAnchorElement>>;
|
167
168
|
|
168
|
-
type
|
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'>;
|
169
|
+
type ResponsiveTextProps = TextProps;
|
179
170
|
/**
|
180
|
-
* **💬 A text element that
|
171
|
+
* **💬 A text element that opts-in to being automatically responsive at different breakpoints**
|
181
172
|
*
|
182
173
|
* @description
|
183
|
-
*
|
184
|
-
*
|
185
|
-
*
|
186
|
-
* `<p>` tag, `title1` uses an `<h1>`, etc. This behavior can be overridden
|
187
|
-
* with the `as` prop.
|
188
|
-
*
|
174
|
+
* The `ResponsiveText` component is a wrapper around the `Text` component that
|
175
|
+
* automatically applies the `uds-text-responsive` class to opt-in to responsiveness.
|
176
|
+
* All other props are passed through to the `Text` component.
|
189
177
|
*
|
190
178
|
* @example
|
191
179
|
* ```tsx
|
192
|
-
* import {
|
180
|
+
* import { ResponsiveText } from '@yahoo/uds';
|
193
181
|
*
|
194
|
-
* <
|
182
|
+
* <ResponsiveText variant="body1" color="primary">
|
195
183
|
* Text goes here
|
196
|
-
* </
|
184
|
+
* </ResponsiveText>
|
197
185
|
* ```
|
198
186
|
*
|
199
187
|
* @usage
|
200
|
-
* - Use `
|
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.
|
188
|
+
* - Use `ResponsiveText` to make this text component responsive.
|
204
189
|
*
|
205
|
-
* @see The {@link https://uds.build/docs/components/text
|
190
|
+
* @see The {@link https://uds.build/docs/components/responsive-text ResponsiveText Docs} for more info
|
206
191
|
*
|
207
|
-
* @related [
|
192
|
+
* @related [Text](https://uds.build/docs/components/text)
|
208
193
|
*/
|
209
|
-
declare const
|
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>>;
|
194
|
+
declare const ResponsiveText: ({ className, ...textProps }: ResponsiveTextProps) => react_jsx_runtime.JSX.Element;
|
252
195
|
|
253
196
|
type StringToBoolean<T> = T extends 'true' | 'false' ? boolean : T;
|
254
197
|
type CvaStyleValue<T> = T | CvaStyleArray<T> | Record<string, unknown> | null | boolean | undefined;
|
@@ -467,4 +410,4 @@ declare const getStyles: (props: GetStylesInternalProps) => string;
|
|
467
410
|
|
468
411
|
type SetState<T> = Dispatch<SetStateAction<T>>;
|
469
412
|
|
470
|
-
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, type
|
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};
|