@yahoo/uds 3.16.1 → 3.17.0-beta.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/cli/bin/uds-darwin-arm64-baseline +0 -0
- package/cli/bin/uds-linux-arm64 +0 -0
- package/cli/bin/uds-linux-x64-baseline +0 -0
- package/dist/{Box-CcXdv2Rw.d.cts → Box-D40ThLwg.d.cts} +37 -1
- package/dist/{Box-CcXdv2Rw.d.ts → Box-D40ThLwg.d.ts} +37 -1
- package/dist/{Input-CpYGVQ-T.d.ts → Input-BMRGSU5y.d.ts} +1 -1
- package/dist/{Input-Cqqrcr9V.d.cts → Input-Dy8st3t9.d.cts} +1 -1
- package/dist/{Pressable-DLz3zvLg.d.cts → Pressable-6OGAsf5K.d.cts} +1 -1
- package/dist/{Pressable-B4_x948C.d.ts → Pressable-CIIFtTng.d.ts} +1 -1
- package/dist/SpringMotionConfig-CDjfwVEF.d.cts +45 -0
- package/dist/SpringMotionConfig-G-5m8zYg.d.ts +45 -0
- package/dist/{VStack-D9yWaJWV.d.ts → VStack-BD2tZc5A.d.ts} +1 -1
- package/dist/{VStack-C-KFLkLJ.d.cts → VStack-neVNcyVv.d.cts} +1 -1
- package/dist/chunk-3I27E32L.js +2 -0
- package/dist/chunk-4OQKZKM5.js +1 -0
- package/dist/chunk-A3B3VYP6.cjs +1 -0
- package/dist/chunk-AIZ2OTKW.cjs +2 -0
- package/dist/chunk-BKCOUFTY.js +2 -0
- package/dist/chunk-GP7XCURZ.js +1 -0
- package/dist/chunk-HN3QQ5PU.js +2 -0
- package/dist/chunk-HUFHYJ5T.cjs +1 -0
- package/dist/chunk-LUIZSLSJ.cjs +1 -0
- package/dist/chunk-O2MILEHQ.cjs +1 -0
- package/dist/chunk-OJB3FVN6.js +3 -0
- package/dist/chunk-ON6FCSMM.js +1 -0
- package/dist/chunk-PN3UA6WB.cjs +1 -0
- package/dist/chunk-SQCEFYU5.cjs +3 -0
- package/dist/chunk-XMZZKQMQ.js +1 -0
- package/dist/chunk-YYFHF7KD.cjs +1 -0
- package/dist/client/Menu.cjs +1 -1
- package/dist/client/Menu.d.cts +3 -3
- package/dist/client/Menu.d.ts +3 -3
- package/dist/client/Menu.js +2 -2
- package/dist/client/index.cjs +1 -1
- package/dist/client/index.d.cts +6 -38
- package/dist/client/index.d.ts +6 -38
- package/dist/client/index.js +1 -1
- package/dist/domMax-OBCHPQP3.js +1 -0
- package/dist/domMax-ZTC57OAI.cjs +1 -0
- package/dist/experimental/client/SwitchV2.cjs +2 -0
- package/dist/experimental/client/SwitchV2.d.cts +44 -0
- package/dist/experimental/client/SwitchV2.d.ts +44 -0
- package/dist/experimental/client/SwitchV2.js +2 -0
- package/dist/experimental/client/index.cjs +2 -2
- package/dist/experimental/client/index.d.cts +39 -2
- package/dist/experimental/client/index.d.ts +39 -2
- package/dist/experimental/client/index.js +2 -2
- package/dist/experimental/index.cjs +1 -1
- package/dist/experimental/index.d.cts +2 -2
- package/dist/experimental/index.d.ts +2 -2
- package/dist/experimental/index.js +1 -1
- package/dist/{index-BuZPwX-z.d.cts → index-B7kmT6BF.d.cts} +1 -1
- package/dist/{index-CEYXA0Pi.d.ts → index-Dv3eaEEg.d.ts} +1 -1
- package/dist/index.cjs +1 -1
- package/dist/index.d.cts +6 -6
- package/dist/index.d.ts +6 -6
- package/dist/index.js +1 -1
- package/dist/metafile-cjs.json +1 -1
- package/dist/metafile-esm.json +1 -1
- package/dist/tailwind/plugin.cjs +1 -1
- package/dist/tailwind/plugin.d.cts +1 -1
- package/dist/tailwind/plugin.d.ts +1 -1
- package/dist/tailwind/plugin.js +2 -2
- package/dist/tailwind/purger.cjs +1 -1
- package/dist/tailwind/purger.js +1 -1
- package/dist/tailwind/utils.cjs +1 -1
- package/dist/tailwind/utils.d.cts +12 -6
- package/dist/tailwind/utils.d.ts +12 -6
- package/dist/tailwind/utils.js +1 -1
- package/dist/tokens/automation/configs.cjs +1 -1
- package/dist/tokens/automation/configs.d.cts +2 -2
- package/dist/tokens/automation/configs.d.ts +2 -2
- 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 +4 -4
- package/dist/tokens/index.d.ts +4 -4
- package/dist/tokens/index.js +1 -1
- package/dist/tokens/parseTokens.d.cts +1 -1
- package/dist/tokens/parseTokens.d.ts +1 -1
- package/dist/{types-B_G_Ws4q.d.cts → types-DYEQXQnF.d.cts} +1958 -1958
- package/dist/{types-bUSRKyjU.d.cts → types-DYEQXQnF.d.ts} +1 -1
- package/package.json +12 -2
- package/dist/Input-BL9lQCDu.d.cts +0 -42
- package/dist/Input-BRzRLQxn.d.ts +0 -42
- package/dist/Pressable-CoLUS3i4.d.ts +0 -44
- package/dist/Pressable-uR0PuwES.d.cts +0 -44
- package/dist/VStack-DSWpLD2I.d.ts +0 -112
- package/dist/VStack-DUhbtLPK.d.cts +0 -112
- package/dist/chunk-2O4KDOWQ.js +0 -2
- package/dist/chunk-37LEXEW4.js +0 -3
- package/dist/chunk-5ZMNC32B.js +0 -1
- package/dist/chunk-6BNYCBB5.cjs +0 -1
- package/dist/chunk-CJQWF4E7.cjs +0 -1
- package/dist/chunk-FSOKVNOU.cjs +0 -1
- package/dist/chunk-GDB25UGP.js +0 -2
- package/dist/chunk-HT3GLDSF.js +0 -2
- package/dist/chunk-IA5PTKGD.cjs +0 -1
- package/dist/chunk-JFLE7LSO.cjs +0 -3
- package/dist/chunk-M5SXYW4O.js +0 -1
- package/dist/chunk-NHBTWN5R.js +0 -3
- package/dist/chunk-ODIO4O52.js +0 -2
- package/dist/chunk-OMJ3BDEX.cjs +0 -1
- package/dist/chunk-RDF2NPZV.cjs +0 -1
- package/dist/chunk-RQARSMJK.cjs +0 -2
- package/dist/chunk-RR45EHLK.js +0 -3
- package/dist/chunk-S5OCORC7.js +0 -3
- package/dist/chunk-T7G5JTDY.js +0 -2
- package/dist/chunk-TJZ4HVAG.cjs +0 -3
- package/dist/chunk-W4KK6R6C.js +0 -1
- package/dist/chunk-WGG66FKO.cjs +0 -1
- package/dist/chunk-X2JAO3BG.cjs +0 -2
- package/dist/chunk-YMQMU4E2.cjs +0 -1
- package/dist/chunk-YR633T75.cjs +0 -1
- package/dist/chunk-YVEYAMML.js +0 -1
- package/dist/chunk-Z2ZVRADJ.js +0 -2
- package/dist/chunk-ZO4QHULA.cjs +0 -1
- package/dist/index-BSMvOULh.d.cts +0 -243
- package/dist/index-DCMwb5yd.d.ts +0 -243
- package/dist/types-B_G_Ws4q.d.ts +0 -10465
- package/dist/types-bUSRKyjU.d.ts +0 -10465
- /package/dist/{motionFeatures-6LIGGXPL.cjs → domAnimation-ESPUKI4G.cjs} +0 -0
- /package/dist/{motionFeatures-SJISLQ4M.js → domAnimation-MWKTMI4P.js} +0 -0
@@ -10462,4 +10462,4 @@ interface UniversalMenuItemProps extends Omit<UniversalPressableProps, 'asChild'
|
|
10462
10462
|
disabled?: boolean;
|
10463
10463
|
}
|
10464
10464
|
|
10465
|
-
export {
|
10465
|
+
export { LIGHT_COLOR_MODE_CLASSNAME as $, type UniversalTextProps as A, type ButtonConfig as B, type ColorMode as C, alwaysPalette as D, defaultUniversalTokensConfigAuto as E, type FontID as F, UDS_PREFIX as G, type Hue as H, type IconButtonClassMap as I, AVATAR_SIZE_PREFIX as J, BORDER_RADIUS_PREFIX as K, BORDER_WIDTH_PREFIX as L, type MotionVariant as M, FONT_FAMILY_PREFIX as N, FONT_SIZE_PREFIX as O, type PaletteType as P, FONT_WEIGHT_PREFIX as Q, FONT_SLANT_PREFIX as R, type ScaleMode as S, FONT_WIDTH_PREFIX as T, type UniversalInputProps as U, ICON_SIZE_PREFIX as V, LINE_HEIGHT_PREFIX as W, MOTION_PREFIX as X, SPECTRUM_COLOR_PREFIX as Y, TEXT_TRANSFORM_PREFIX as Z, DARK_COLOR_MODE_CLASSNAME as _, type UniversalPressableProps as a, type ButtonVariantFlat as a$, XSMALL_SCALE_MODE_CLASSNAME as a0, SMALL_SCALE_MODE_CLASSNAME as a1, MEDIUM_SCALE_MODE_CLASSNAME as a2, LARGE_SCALE_MODE_CLASSNAME as a3, XLARGE_SCALE_MODE_CLASSNAME as a4, XXLARGE_SCALE_MODE_CLASSNAME as a5, XXXLARGE_SCALE_MODE_CLASSNAME as a6, DEFAULT_COLOR_MODE_CLASSNAME as a7, DEFAULT_SCALE_MODE_CLASSNAME as a8, TEXT_RESPONSIVE_CLASSNAME as a9, type BorderStyleProps as aA, type BorderWidth as aB, type BorderWidthConfig as aC, type Breakpoint as aD, type BreakpointsConfig as aE, type ButtonBaseConfig as aF, type ButtonClassName as aG, type ButtonColorConfig as aH, type ButtonColorEffect as aI, type ButtonColorEffectConfig as aJ, type ButtonKind as aK, type ButtonMotionEffect as aL, type ButtonMotionProperty as aM, type ButtonMotionPropertyConfig as aN, type ButtonPalette as aO, type ButtonPaletteColor as aP, type ButtonPaletteConfig as aQ, type ButtonShadowPropertyConfig as aR, type ButtonSize as aS, type ButtonSizeConfig as aT, type ButtonSizeProperty as aU, type ButtonSpectrumColor as aV, type ButtonState as aW, type ButtonStateConfig as aX, type ButtonStateEffectConfig as aY, type ButtonVariant as aZ, type ButtonVariantConfig as a_, BUTTON_CSS_VAR_MAP as aa, ICON_BUTTON_CSS_VAR_MAP as ab, PSEUDO_STYLE_SELECTOR_MAP as ac, FONT_DECLARATIONS_MAP as ad, type FontAxisConfig as ae, type FontDeclarationConfig as af, type FontDeclarationMap as ag, type FontWeightForFont as ah, type AlwaysPalette as ai, type AlwaysPaletteAlias as aj, type AlwaysPaletteColor as ak, type Animation as al, type AriaAttribute as am, type AvatarAbbreviationStrategy as an, type AvatarShape as ao, type AvatarSize as ap, type AvatarSizeConfig as aq, type AvatarVariant as ar, type BackgroundColor as as, type BackgroundPalette as at, type BackgroundPaletteAlias as au, type BackgroundStyleProps as av, type BadgeSize as aw, type BadgeVariant as ax, type BorderRadius as ay, type BorderRadiusConfig as az, type UniversalSwitchProps as b, type Pixels as b$, type CheckboxSize as b0, type CheckboxValue as b1, type CheckboxVariant as b2, type ChipSize as b3, type ChipVariant as b4, type ColorModeConfig as b5, type ColorModeForApp as b6, type ConfigurableDropShadowValues as b7, type ConfigurableInsetShadowValues as b8, type CustomSizingStyleProps as b9, type ForegroundColor as bA, type ForegroundPalette as bB, type ForegroundPaletteAlias as bC, type GlobalDefaultsConfig as bD, type HighContrastMode as bE, type IconButtonClassName as bF, type IconButtonConfig as bG, type IconButtonDefaultsConfig as bH, type IconButtonSize as bI, type IconSizeConfig as bJ, type ImageStyleProps as bK, type InputSize as bL, type LayoutStyleProps as bM, type LetterSpacing as bN, type LineClampAlias as bO, type LineColor as bP, type LineHeight as bQ, type LineHeightConfig as bR, type LinePalette as bS, type LinePaletteAlias as bT, type Modes as bU, type MotionCssVar as bV, type MotionSpringConfig as bW, type MotionVariantValues as bX, type Overflow as bY, type Palette as bZ, type PaletteValue as b_, type DataAttribute as ba, type Display as bb, type DividerVariant as bc, type Flex as bd, type FlexAlignContent as be, type FlexAlignItems as bf, type FlexAlignSelf as bg, type FlexBasis as bh, type FlexDirection as bi, type FlexGrow as bj, type FlexJustifyContent as bk, type FlexShrink as bl, type FlexStyleProps as bm, type FlexWrap as bn, type FontAlias as bo, type FontCssVar as bp, type FontFamilyCDNUrl as bq, type FontFamilyConfig as br, type FontSize as bs, type FontSizeConfig as bt, type FontSlantConfig as bu, type FontType as bv, type FontWeightConfig as bw, type FontWeightDescriptive as bx, type FontWeightNumeric as by, type FontWidthConfig as bz, type MotionVariantSpeed as c, type UniversalChipProps as c$, type PlatformMode as c0, type Position as c1, type PropertyToPaletteAliasMap as c2, type RadioSize as c3, type RadioValue as c4, type RadioVariant as c5, type RegionMode as c6, type Rems as c7, type ScaleConfig as c8, type ScaleEffectMap as c9, type TextStyleProps as cA, type TextTransform as cB, type TextTransformConfig as cC, type TextVariant as cD, type TransitionDelay as cE, type TransitionDuration as cF, type TransitionTiming as cG, type TShirtSize as cH, type TShirtSizeCommon as cI, type TypographyConfig as cJ, type TypographyResponsiveProperty as cK, type TypographyStyle as cL, type TypographyStyleProperty as cM, type TypographyUnitValue as cN, type UdsCssVar as cO, type Unitless as cP, type UniversalAvatarIconProps as cQ, type UniversalAvatarImageProps as cR, type UniversalAvatarProps as cS, type UniversalAvatarTextProps as cT, type UniversalBadgeProps as cU, type UniversalButtonProps as cV, type UniversalCheckboxProps as cW, type UniversalChipBaseProps as cX, type UniversalChipButtonProps as cY, type UniversalChipDismissibleProps as cZ, type UniversalChipLinkProps as c_, type ScaleModeConfig as ca, type ScaleModeForApp as cb, type ShadowColor as cc, type ShadowColorConfig as cd, type ShadowConfig as ce, type ShadowOffset as cf, type ShadowOpacity as cg, type ShadowPalette as ch, type ShadowPaletteAlias as ci, type ShadowSpreadRadius as cj, type ShadowStyleProps as ck, type ShadowTypeConfig as cl, type ShadowVariant as cm, type ShadowVariantConfig as cn, type ShadowVariantInvert as co, type ShadowVariantWithInvert as cp, type SharedPaletteAlias as cq, type SpacingConfig as cr, type SpacingStyleProps as cs, type SpectrumColor as ct, type SpectrumConfig as cu, type StateStyleProps as cv, type StyleProps as cw, type SwitchSize as cx, type TextDecorationLine as cy, type TextProperty as cz, type UniversalTokensConfig as d, type UniversalChipToggleProps as d0, type UniversalIconButtonProps as d1, type UniversalIconProps as d2, type UniversalImageProps as d3, type UniversalRadioGroupProps as d4, type UniversalRadioProps as d5, type UniversalTokensConfigAuto as d6, type ColorsConfig as e, type HueStep as f, type PaletteConfig as g, type ShadowPreset as h, type UniversalBoxProps as i, type UniversalStackProps as j, type UniversalDividerProps as k, type ButtonClassMap as l, type ButtonColorProperty as m, type ButtonColorPropertyConfig as n, type SpacingAlias as o, type UniversalMenuItemProps as p, type FontDeclarationItemConfig as q, type FontConfig as r, type MotionSpringConfigOptions as s, type MotionConfig as t, type ShadowType as u, type UniversalFormLabelProps as v, type IconPropsWithSVGProps as w, type ImagePropsWithImgProps as x, type UniversalIconSlot as y, type UniversalLinkProps as z };
|
package/package.json
CHANGED
@@ -1,7 +1,7 @@
|
|
1
1
|
{
|
2
2
|
"name": "@yahoo/uds",
|
3
3
|
"description": "Yahoo Universal System",
|
4
|
-
"version": "3.
|
4
|
+
"version": "3.17.0-beta.1",
|
5
5
|
"type": "module",
|
6
6
|
"bin": {
|
7
7
|
"uds": "./cli/uds-cli"
|
@@ -85,6 +85,16 @@
|
|
85
85
|
"default": "./dist/experimental/client/index.cjs"
|
86
86
|
}
|
87
87
|
},
|
88
|
+
"./experimental/client/SwitchV2": {
|
89
|
+
"import": {
|
90
|
+
"types": "./dist/experimental/client/SwitchV2.d.ts",
|
91
|
+
"default": "./dist/experimental/client/SwitchV2.js"
|
92
|
+
},
|
93
|
+
"require": {
|
94
|
+
"types": "./dist/experimental/client/SwitchV2.d.cts",
|
95
|
+
"default": "./dist/experimental/client/SwitchV2.cjs"
|
96
|
+
}
|
97
|
+
},
|
88
98
|
"./fixtures": {
|
89
99
|
"import": {
|
90
100
|
"types": "./dist/fixtures.d.ts",
|
@@ -148,7 +158,7 @@
|
|
148
158
|
}
|
149
159
|
},
|
150
160
|
"scripts": {
|
151
|
-
"build": "bun run ./scripts/build.ts",
|
161
|
+
"build": "NODE_OPTIONS=\"--max-old-space-size=8192\" bun run ./scripts/build.ts",
|
152
162
|
"build:cli": "bun ./cli/compile.ts",
|
153
163
|
"build:config:auto": "bun ./scripts/automation/generateUniversalTokensConfigsAuto.ts && bun ./scripts/automation/generateAutoVariants.ts && bun ./scripts/automation/generateConfigs.ts",
|
154
164
|
"ci:publish": "bun semantic-release -e semantic-release-monorepo",
|
@@ -1,42 +0,0 @@
|
|
1
|
-
import * as react from 'react';
|
2
|
-
import { U as UniversalInputProps } from './types-B_G_Ws4q.cjs';
|
3
|
-
import { HTMLMotionProps } from 'motion/react';
|
4
|
-
|
5
|
-
type HtmlInputProps = React.InputHTMLAttributes<HTMLInputElement> & HTMLMotionProps<'input'>;
|
6
|
-
type NativeInputProps = Omit<HtmlInputProps, 'height' | 'size' | 'width' | 'color' | 'required'>;
|
7
|
-
interface InputProps extends NativeInputProps, UniversalInputProps {
|
8
|
-
/** The type of the input element. Reduced set of options from the HTML input type attribute.
|
9
|
-
* @default 'text'
|
10
|
-
*/
|
11
|
-
type?: Exclude<NativeInputProps['type'], 'button' | 'checkbox' | 'color' | 'file' | 'radio' | 'range' | 'reset' | 'submit' | 'search'>;
|
12
|
-
}
|
13
|
-
/**
|
14
|
-
* **📦 An input that allows users to enter text and collect data.**
|
15
|
-
*
|
16
|
-
* @componentType Client component
|
17
|
-
*
|
18
|
-
* @description
|
19
|
-
* An input field is a component that takes text typed into it. It can also serve as a way to display a selection and trigger a dropdown menu. Inputs are interactive elements that users can click, tap, or otherwise engage with to collect data and open dropdowns, or both.
|
20
|
-
*
|
21
|
-
* @see
|
22
|
-
* Check out the {@link https://uds.build/docs/components/input Input Docs} for more info
|
23
|
-
*
|
24
|
-
* @usage
|
25
|
-
* - Forms: For collecting data like names, emails, passwords, etc. (e.g., sign-up, login, or contact forms).
|
26
|
-
* - Search Bars: Allowing users to enter search queries to find content.
|
27
|
-
* - Filters/Settings: When users need to specify preferences, like selecting a date or adjusting a number value.
|
28
|
-
* - Feedback/Comments: Letting users leave reviews, comments, or feedback.
|
29
|
-
*
|
30
|
-
* @example
|
31
|
-
* ```tsx
|
32
|
-
* 'use client';
|
33
|
-
* import { Input } from "@yahoo/uds";
|
34
|
-
*
|
35
|
-
* <Input label="Name" placeholder="Enter your name" required />
|
36
|
-
*```
|
37
|
-
*
|
38
|
-
* @related [Checkbox](https://uds.build/docs/components/checkbox), [Radio](https://uds.build/docs/components/radio).
|
39
|
-
**/
|
40
|
-
declare const Input: react.ForwardRefExoticComponent<Omit<InputProps, "ref"> & react.RefAttributes<HTMLInputElement>>;
|
41
|
-
|
42
|
-
export { type InputProps as I, Input as a };
|
package/dist/Input-BRzRLQxn.d.ts
DELETED
@@ -1,42 +0,0 @@
|
|
1
|
-
import * as react from 'react';
|
2
|
-
import { U as UniversalInputProps } from './types-B_G_Ws4q.js';
|
3
|
-
import { HTMLMotionProps } from 'motion/react';
|
4
|
-
|
5
|
-
type HtmlInputProps = React.InputHTMLAttributes<HTMLInputElement> & HTMLMotionProps<'input'>;
|
6
|
-
type NativeInputProps = Omit<HtmlInputProps, 'height' | 'size' | 'width' | 'color' | 'required'>;
|
7
|
-
interface InputProps extends NativeInputProps, UniversalInputProps {
|
8
|
-
/** The type of the input element. Reduced set of options from the HTML input type attribute.
|
9
|
-
* @default 'text'
|
10
|
-
*/
|
11
|
-
type?: Exclude<NativeInputProps['type'], 'button' | 'checkbox' | 'color' | 'file' | 'radio' | 'range' | 'reset' | 'submit' | 'search'>;
|
12
|
-
}
|
13
|
-
/**
|
14
|
-
* **📦 An input that allows users to enter text and collect data.**
|
15
|
-
*
|
16
|
-
* @componentType Client component
|
17
|
-
*
|
18
|
-
* @description
|
19
|
-
* An input field is a component that takes text typed into it. It can also serve as a way to display a selection and trigger a dropdown menu. Inputs are interactive elements that users can click, tap, or otherwise engage with to collect data and open dropdowns, or both.
|
20
|
-
*
|
21
|
-
* @see
|
22
|
-
* Check out the {@link https://uds.build/docs/components/input Input Docs} for more info
|
23
|
-
*
|
24
|
-
* @usage
|
25
|
-
* - Forms: For collecting data like names, emails, passwords, etc. (e.g., sign-up, login, or contact forms).
|
26
|
-
* - Search Bars: Allowing users to enter search queries to find content.
|
27
|
-
* - Filters/Settings: When users need to specify preferences, like selecting a date or adjusting a number value.
|
28
|
-
* - Feedback/Comments: Letting users leave reviews, comments, or feedback.
|
29
|
-
*
|
30
|
-
* @example
|
31
|
-
* ```tsx
|
32
|
-
* 'use client';
|
33
|
-
* import { Input } from "@yahoo/uds";
|
34
|
-
*
|
35
|
-
* <Input label="Name" placeholder="Enter your name" required />
|
36
|
-
*```
|
37
|
-
*
|
38
|
-
* @related [Checkbox](https://uds.build/docs/components/checkbox), [Radio](https://uds.build/docs/components/radio).
|
39
|
-
**/
|
40
|
-
declare const Input: react.ForwardRefExoticComponent<Omit<InputProps, "ref"> & react.RefAttributes<HTMLInputElement>>;
|
41
|
-
|
42
|
-
export { type InputProps as I, Input as a };
|
@@ -1,44 +0,0 @@
|
|
1
|
-
import * as react from 'react';
|
2
|
-
import { a as UniversalPressableProps } from './types-B_G_Ws4q.js';
|
3
|
-
|
4
|
-
type HtmlButtonProps = Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, 'color' | 'name'>;
|
5
|
-
interface PressableProps extends UniversalPressableProps, HtmlButtonProps {
|
6
|
-
}
|
7
|
-
/**
|
8
|
-
* **🖲️ A primitive component for creating button interactions with accessibility support**
|
9
|
-
*
|
10
|
-
* @componentType Client component
|
11
|
-
*
|
12
|
-
* @description
|
13
|
-
* The Pressable component is a primitive component that can be used
|
14
|
-
* to create button interactions with accessibility support. It can be used
|
15
|
-
* to trigger an action, such as submitting a form, navigating to a new page,
|
16
|
-
* or adding interactivity to a section or card.
|
17
|
-
*
|
18
|
-
* @example
|
19
|
-
* ```tsx
|
20
|
-
* import { Pressable } from '@yahoo/uds';
|
21
|
-
*
|
22
|
-
* <Pressable
|
23
|
-
* backgroundColor="secondary"
|
24
|
-
* borderWidth="thin"
|
25
|
-
* borderColor="primary"
|
26
|
-
* borderRadius="lg"
|
27
|
-
* onPress={() => console.log('Pressed!')}
|
28
|
-
* >
|
29
|
-
* <Text variant="body1" color="primary" spacingHorizontal="7" spacingVertical="5">Click me...</Text>
|
30
|
-
* </Pressable>
|
31
|
-
* ```
|
32
|
-
*
|
33
|
-
* @usage
|
34
|
-
* - If you need to add interactivity to a section or card.
|
35
|
-
* - If you need a highly customized version of [Button](./button)
|
36
|
-
*
|
37
|
-
* @see The {@link https://uds.build/docs/components/pressable Pressable Docs} for more info
|
38
|
-
*
|
39
|
-
* @related [Button](https://uds.build/docs/components/button), [IconButton](https://uds.build/docs/components/icon-button)
|
40
|
-
*
|
41
|
-
*/
|
42
|
-
declare const Pressable: react.ForwardRefExoticComponent<PressableProps & react.RefAttributes<HTMLButtonElement>>;
|
43
|
-
|
44
|
-
export { type PressableProps as P, Pressable as a };
|
@@ -1,44 +0,0 @@
|
|
1
|
-
import * as react from 'react';
|
2
|
-
import { a as UniversalPressableProps } from './types-bUSRKyjU.cjs';
|
3
|
-
|
4
|
-
type HtmlButtonProps = Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, 'color' | 'name'>;
|
5
|
-
interface PressableProps extends UniversalPressableProps, HtmlButtonProps {
|
6
|
-
}
|
7
|
-
/**
|
8
|
-
* **🖲️ A primitive component for creating button interactions with accessibility support**
|
9
|
-
*
|
10
|
-
* @componentType Client component
|
11
|
-
*
|
12
|
-
* @description
|
13
|
-
* The Pressable component is a primitive component that can be used
|
14
|
-
* to create button interactions with accessibility support. It can be used
|
15
|
-
* to trigger an action, such as submitting a form, navigating to a new page,
|
16
|
-
* or adding interactivity to a section or card.
|
17
|
-
*
|
18
|
-
* @example
|
19
|
-
* ```tsx
|
20
|
-
* import { Pressable } from '@yahoo/uds';
|
21
|
-
*
|
22
|
-
* <Pressable
|
23
|
-
* backgroundColor="secondary"
|
24
|
-
* borderWidth="thin"
|
25
|
-
* borderColor="primary"
|
26
|
-
* borderRadius="lg"
|
27
|
-
* onPress={() => console.log('Pressed!')}
|
28
|
-
* >
|
29
|
-
* <Text variant="body1" color="primary" spacingHorizontal="7" spacingVertical="5">Click me...</Text>
|
30
|
-
* </Pressable>
|
31
|
-
* ```
|
32
|
-
*
|
33
|
-
* @usage
|
34
|
-
* - If you need to add interactivity to a section or card.
|
35
|
-
* - If you need a highly customized version of [Button](./button)
|
36
|
-
*
|
37
|
-
* @see The {@link https://uds.build/docs/components/pressable Pressable Docs} for more info
|
38
|
-
*
|
39
|
-
* @related [Button](https://uds.build/docs/components/button), [IconButton](https://uds.build/docs/components/icon-button)
|
40
|
-
*
|
41
|
-
*/
|
42
|
-
declare const Pressable: react.ForwardRefExoticComponent<PressableProps & react.RefAttributes<HTMLButtonElement>>;
|
43
|
-
|
44
|
-
export { type PressableProps as P, Pressable as a };
|
@@ -1,112 +0,0 @@
|
|
1
|
-
import * as react from 'react';
|
2
|
-
import { g as UniversalBoxProps, h as UniversalStackProps, i as UniversalDividerProps } from './types-bUSRKyjU.js';
|
3
|
-
|
4
|
-
type DivProps = React.HTMLAttributes<HTMLDivElement>;
|
5
|
-
interface BoxProps extends UniversalBoxProps, DivProps {
|
6
|
-
}
|
7
|
-
/**
|
8
|
-
* **📦 A layout component that can be used to compose other components**
|
9
|
-
*
|
10
|
-
* @description
|
11
|
-
* The most simple component we ship - a div. But with all the power of the UDS design system.
|
12
|
-
* By default, `Box` is a flexbox container. When working with vertical or horizontal layouts,
|
13
|
-
* consider using [VStack](./v-stack) or [HStack](./h-stack) respectively.
|
14
|
-
*
|
15
|
-
* @example
|
16
|
-
* ```tsx
|
17
|
-
* import { Box } from '@yahoo/uds';
|
18
|
-
*
|
19
|
-
* <Box backgroundColor="primary" spacing="6">
|
20
|
-
* Any kind of content can go here!
|
21
|
-
* </Box>
|
22
|
-
* ```
|
23
|
-
*
|
24
|
-
* @usage
|
25
|
-
* - If you need to div-like container to apply padding, shapes, or other styling.
|
26
|
-
* - If you're creating card components.
|
27
|
-
*
|
28
|
-
* @see The {@link https://uds.build/docs/components/box Box Docs} for more info
|
29
|
-
*
|
30
|
-
* @related [HStack](https://uds.build/docs/components/h-stack), [VStack](https://uds.build/docs/components/v-stack)
|
31
|
-
*/
|
32
|
-
declare const Box: react.ForwardRefExoticComponent<BoxProps & react.RefAttributes<HTMLDivElement>>;
|
33
|
-
|
34
|
-
interface DividerCoreProps extends Omit<BoxProps, 'color' | 'borderColor' | 'borderWidth'>, Omit<UniversalStackProps, 'separator' | 'asChild'>, Omit<UniversalDividerProps, 'variant'> {
|
35
|
-
layerClassNames?: {
|
36
|
-
root?: string;
|
37
|
-
text?: string;
|
38
|
-
line?: string;
|
39
|
-
};
|
40
|
-
}
|
41
|
-
|
42
|
-
type VariantWithInherit = Exclude<UniversalDividerProps['variant'], undefined> | 'inherit';
|
43
|
-
interface DividerInternalProps extends DividerCoreProps {
|
44
|
-
variant?: VariantWithInherit;
|
45
|
-
}
|
46
|
-
|
47
|
-
type DividerProps = Omit<DividerInternalProps, 'layerClassNames'>;
|
48
|
-
/**
|
49
|
-
* **📦 A divider component that can be used to visually separate components**
|
50
|
-
*
|
51
|
-
* @description
|
52
|
-
* The Divider component is a visual element used to separate content and create clear groupings within a layout. It helps establish hierarchy, improve readability, and guide users through sections of an interface. Dividers can appear as horizontal or vertical lines and are commonly used between related content blocks, within menus, or in dense UI areas to reduce visual clutter.
|
53
|
-
*
|
54
|
-
* @example
|
55
|
-
* ```tsx
|
56
|
-
* import { Divider } from '@yahoo/uds';
|
57
|
-
*
|
58
|
-
* // Default primary horizontal divider. Similar to <hr />
|
59
|
-
* <Divider />
|
60
|
-
*
|
61
|
-
* // A vertical divider.
|
62
|
-
* <Divider vertical />
|
63
|
-
*
|
64
|
-
* // A horizontal divider with the secondary styling.
|
65
|
-
* <Divider variant="secondary" />
|
66
|
-
*
|
67
|
-
* // A vertical divider with the tertiary styling.
|
68
|
-
* <Divider vertical variant="tertiary" />
|
69
|
-
* ```
|
70
|
-
*
|
71
|
-
* @usage
|
72
|
-
* - Visually separating parts of a page. Usually used in conjuction with [HStack](./h-stack) or [VStack](./v-stack).
|
73
|
-
*
|
74
|
-
* @see The {@link https://uds.build/docs/components/divider Divider Docs} for more info
|
75
|
-
*
|
76
|
-
* @related [Box](https://uds.build/docs/components/box), [HStack](https://uds.build/docs/components/h-stack), [VStack](https://uds.build/docs/components/v-stack)
|
77
|
-
*/
|
78
|
-
declare const Divider: react.ForwardRefExoticComponent<DividerProps & react.RefAttributes<HTMLDivElement>>;
|
79
|
-
|
80
|
-
type VStackProps = UniversalStackProps & DivProps;
|
81
|
-
/**
|
82
|
-
* **🥞 A layout component that arranges its children in rows using flexbox**
|
83
|
-
*
|
84
|
-
* @description
|
85
|
-
* VStack is a layout component that arranges its children in rows using [flexbox](https://developer.mozilla.org/en-US/docs/Learn/CSS/CSS_layout/Flexbox)
|
86
|
-
* and can be used to compose larger layouts. VStack is similar to [Box](./box) but provides additional features like a `gap` property to
|
87
|
-
* add spacing between children.
|
88
|
-
*
|
89
|
-
* @example
|
90
|
-
* ```tsx
|
91
|
-
* import { VStack, Text } from '@yahoo/uds';
|
92
|
-
*
|
93
|
-
* <VStack gap="6">
|
94
|
-
* <Text variant="body1" color="primary">First</Text>
|
95
|
-
* <Text variant="body1" color="primary">Second</Text>
|
96
|
-
* <Text variant="body1" color="primary">Third</Text>
|
97
|
-
* </VStack>
|
98
|
-
* ```
|
99
|
-
*
|
100
|
-
* @usage
|
101
|
-
* - Create a column of items, optionally with gaps between.
|
102
|
-
* - Create rows that are sized to their content (height only). By default each child will fill the width of the VStack.
|
103
|
-
* - Create rows that fill the available space within the parent container.
|
104
|
-
* - Create rows of proportionate size to each other (also known as a ratio-based layout).
|
105
|
-
*
|
106
|
-
* @see The {@link https://uds.build/docs/components/v-stack VStack Docs} for more info
|
107
|
-
*
|
108
|
-
* @related [Box](https://uds.build/docs/components/box), [HStack](https://uds.build/docs/components/h-stack)
|
109
|
-
**/
|
110
|
-
declare const VStack: react.ForwardRefExoticComponent<UniversalStackProps & DivProps & react.RefAttributes<HTMLDivElement>>;
|
111
|
-
|
112
|
-
export { type BoxProps as B, type DividerProps as D, type VStackProps as V, type DivProps as a, Box as b, Divider as c, VStack as d };
|
@@ -1,112 +0,0 @@
|
|
1
|
-
import * as react from 'react';
|
2
|
-
import { g as UniversalBoxProps, h as UniversalStackProps, i as UniversalDividerProps } from './types-bUSRKyjU.cjs';
|
3
|
-
|
4
|
-
type DivProps = React.HTMLAttributes<HTMLDivElement>;
|
5
|
-
interface BoxProps extends UniversalBoxProps, DivProps {
|
6
|
-
}
|
7
|
-
/**
|
8
|
-
* **📦 A layout component that can be used to compose other components**
|
9
|
-
*
|
10
|
-
* @description
|
11
|
-
* The most simple component we ship - a div. But with all the power of the UDS design system.
|
12
|
-
* By default, `Box` is a flexbox container. When working with vertical or horizontal layouts,
|
13
|
-
* consider using [VStack](./v-stack) or [HStack](./h-stack) respectively.
|
14
|
-
*
|
15
|
-
* @example
|
16
|
-
* ```tsx
|
17
|
-
* import { Box } from '@yahoo/uds';
|
18
|
-
*
|
19
|
-
* <Box backgroundColor="primary" spacing="6">
|
20
|
-
* Any kind of content can go here!
|
21
|
-
* </Box>
|
22
|
-
* ```
|
23
|
-
*
|
24
|
-
* @usage
|
25
|
-
* - If you need to div-like container to apply padding, shapes, or other styling.
|
26
|
-
* - If you're creating card components.
|
27
|
-
*
|
28
|
-
* @see The {@link https://uds.build/docs/components/box Box Docs} for more info
|
29
|
-
*
|
30
|
-
* @related [HStack](https://uds.build/docs/components/h-stack), [VStack](https://uds.build/docs/components/v-stack)
|
31
|
-
*/
|
32
|
-
declare const Box: react.ForwardRefExoticComponent<BoxProps & react.RefAttributes<HTMLDivElement>>;
|
33
|
-
|
34
|
-
interface DividerCoreProps extends Omit<BoxProps, 'color' | 'borderColor' | 'borderWidth'>, Omit<UniversalStackProps, 'separator' | 'asChild'>, Omit<UniversalDividerProps, 'variant'> {
|
35
|
-
layerClassNames?: {
|
36
|
-
root?: string;
|
37
|
-
text?: string;
|
38
|
-
line?: string;
|
39
|
-
};
|
40
|
-
}
|
41
|
-
|
42
|
-
type VariantWithInherit = Exclude<UniversalDividerProps['variant'], undefined> | 'inherit';
|
43
|
-
interface DividerInternalProps extends DividerCoreProps {
|
44
|
-
variant?: VariantWithInherit;
|
45
|
-
}
|
46
|
-
|
47
|
-
type DividerProps = Omit<DividerInternalProps, 'layerClassNames'>;
|
48
|
-
/**
|
49
|
-
* **📦 A divider component that can be used to visually separate components**
|
50
|
-
*
|
51
|
-
* @description
|
52
|
-
* The Divider component is a visual element used to separate content and create clear groupings within a layout. It helps establish hierarchy, improve readability, and guide users through sections of an interface. Dividers can appear as horizontal or vertical lines and are commonly used between related content blocks, within menus, or in dense UI areas to reduce visual clutter.
|
53
|
-
*
|
54
|
-
* @example
|
55
|
-
* ```tsx
|
56
|
-
* import { Divider } from '@yahoo/uds';
|
57
|
-
*
|
58
|
-
* // Default primary horizontal divider. Similar to <hr />
|
59
|
-
* <Divider />
|
60
|
-
*
|
61
|
-
* // A vertical divider.
|
62
|
-
* <Divider vertical />
|
63
|
-
*
|
64
|
-
* // A horizontal divider with the secondary styling.
|
65
|
-
* <Divider variant="secondary" />
|
66
|
-
*
|
67
|
-
* // A vertical divider with the tertiary styling.
|
68
|
-
* <Divider vertical variant="tertiary" />
|
69
|
-
* ```
|
70
|
-
*
|
71
|
-
* @usage
|
72
|
-
* - Visually separating parts of a page. Usually used in conjuction with [HStack](./h-stack) or [VStack](./v-stack).
|
73
|
-
*
|
74
|
-
* @see The {@link https://uds.build/docs/components/divider Divider Docs} for more info
|
75
|
-
*
|
76
|
-
* @related [Box](https://uds.build/docs/components/box), [HStack](https://uds.build/docs/components/h-stack), [VStack](https://uds.build/docs/components/v-stack)
|
77
|
-
*/
|
78
|
-
declare const Divider: react.ForwardRefExoticComponent<DividerProps & react.RefAttributes<HTMLDivElement>>;
|
79
|
-
|
80
|
-
type VStackProps = UniversalStackProps & DivProps;
|
81
|
-
/**
|
82
|
-
* **🥞 A layout component that arranges its children in rows using flexbox**
|
83
|
-
*
|
84
|
-
* @description
|
85
|
-
* VStack is a layout component that arranges its children in rows using [flexbox](https://developer.mozilla.org/en-US/docs/Learn/CSS/CSS_layout/Flexbox)
|
86
|
-
* and can be used to compose larger layouts. VStack is similar to [Box](./box) but provides additional features like a `gap` property to
|
87
|
-
* add spacing between children.
|
88
|
-
*
|
89
|
-
* @example
|
90
|
-
* ```tsx
|
91
|
-
* import { VStack, Text } from '@yahoo/uds';
|
92
|
-
*
|
93
|
-
* <VStack gap="6">
|
94
|
-
* <Text variant="body1" color="primary">First</Text>
|
95
|
-
* <Text variant="body1" color="primary">Second</Text>
|
96
|
-
* <Text variant="body1" color="primary">Third</Text>
|
97
|
-
* </VStack>
|
98
|
-
* ```
|
99
|
-
*
|
100
|
-
* @usage
|
101
|
-
* - Create a column of items, optionally with gaps between.
|
102
|
-
* - Create rows that are sized to their content (height only). By default each child will fill the width of the VStack.
|
103
|
-
* - Create rows that fill the available space within the parent container.
|
104
|
-
* - Create rows of proportionate size to each other (also known as a ratio-based layout).
|
105
|
-
*
|
106
|
-
* @see The {@link https://uds.build/docs/components/v-stack VStack Docs} for more info
|
107
|
-
*
|
108
|
-
* @related [Box](https://uds.build/docs/components/box), [HStack](https://uds.build/docs/components/h-stack)
|
109
|
-
**/
|
110
|
-
declare const VStack: react.ForwardRefExoticComponent<UniversalStackProps & DivProps & react.RefAttributes<HTMLDivElement>>;
|
111
|
-
|
112
|
-
export { type BoxProps as B, type DividerProps as D, type VStackProps as V, type DivProps as a, Box as b, Divider as c, VStack as d };
|
package/dist/chunk-2O4KDOWQ.js
DELETED
@@ -1,2 +0,0 @@
|
|
1
|
-
import{getMotionVar as r}from"./chunk-T7G5JTDY.js";import{FONT_DECLARATIONS_MAP as t,fromEntries as a}from"./chunk-ODIO4O52.js";import{entries as o}from"./chunk-EWJ3J526.js";import{TEXT_TRANSFORM_PREFIX as e,LINE_HEIGHT_PREFIX as n,FONT_SIZE_PREFIX as s,FONT_WIDTH_PREFIX as i,FONT_SLANT_PREFIX as d,FONT_WEIGHT_PREFIX as c,FONT_FAMILY_PREFIX as f,TEXT_RESPONSIVE_CLASSNAME as l,UDS_PREFIX as u}from"./chunk-N4FHPR6Q.js";import{textVariants as m,motionSpringConfigOptions as p}from"@yahoo/uds/fixtures";import{isString as h}from"lodash-es";import $ from"tailwindcss/plugin.js";var g=r=>{throw new Error("Didn't expect to get here")},v=(r,t,a,o)=>{const e=r.typography[t]?.[a];if(!e)throw new Error(`Missing typography data for variant "${t}" and key "${a}"`);const n="base"===o?e.base:e.breakpoints?.[o];if(!n)throw new Error(`Missing value for variant "${t}", key "${a}", and breakpoint "${o}"`);if(h(n))return n;switch(n.type){case"px":return n.value/16+"rem";case"unitless":return String(n.value)}return g()},w=(r,t)=>t in r.font?`var(--${f}-${t})`:t,x=(r,t)=>Object.fromEntries(m.flatMap((a=>[[`--${f}-${a}`,w(r,v(r,a,"fontFamily",t))],[`--${s}-${a}`,v(r,a,"fontSize",t)],[`--${c}-${a}`,v(r,a,"fontWeight",t)],[`--${n}-${a}`,v(r,a,"lineHeight",t)],[`--${e}-${a}`,v(r,a,"textTransform",t)]]))),b=r=>Object.fromEntries(m.map((t=>[t,`var(--${r}-${t})`]))),k={fontFamily:b(f),fontWeight:b(c),fontSlant:b(d),fontWidth:b(i),fontSize:b(s),lineHeight:b(n),textTransform:b(e)},y=r=>({":root":x(r,"base")}),M=r=>{const t=(a=r.breakpoints,Object.entries(a)).sort((([,{value:r}],[,{value:t}])=>r-t));/*! © 2025 Yahoo, Inc. UDS v0.0.0-development */
|
2
|
-
var a;return{[`.${l}`]:Object.fromEntries(t.map((([t,{value:a}])=>[`@media (min-width: ${a}px)`,x(r,t)]))),".uds-text-base":x(r,"base"),...Object.fromEntries(t.map((([t])=>[`.uds-text-${t}`,x(r,t)])))}};function j(r,t){const a=E(r);for(const r of a)t({"@font-face":r})}var S=$.withOptions((function({fontIds:r}){return function({addBase:t}){j(r,t)}}));function O(r){return{light:{colorScheme:"light","--uds-light-mode-icon":"inline","--uds-dark-mode-icon":"none",...r.colorMode.light._vars},dark:{colorScheme:"dark","--uds-light-mode-icon":"none","--uds-dark-mode-icon":"inline",...r.colorMode.dark._vars}}}function E(r){return r.flatMap((r=>{const{declarations:a,fontFamily:o}=t[r];return a.map((r=>({fontFamily:o,fontDisplay:"swap",...r})))}))}function F(r){return`"${r}"`}function L(r){return a(o(r).map((([r,a])=>{const o=`--${f}-${r}`,e=t[a];return[o,[e.fontFamily,...e.fallback].map(F).join(", ")]})))}function _(t){const e=o(t).flatMap((([t,a])=>o(a).flatMap((([a,o])=>p.map((e=>[r({variant:t,speed:a,control:e}),`${o[e]}`]))))));return a(e)}function T(r){return{...r.borderRadius._vars,...r.borderWidth._vars,...r.avatarSizes._vars,...r.iconSizes._vars}}function W(r){return{xSmall:T(r.scaleMode.xSmall),small:T(r.scaleMode.small),medium:T(r.scaleMode.medium),large:T(r.scaleMode.large),xLarge:T(r.scaleMode.xLarge),xxLarge:T(r.scaleMode.xxLarge),xxxLarge:T(r.scaleMode.xxxLarge)}}function z({config:r,shadowType:t}){const e=r.shadow[t],n=o(e).map((([r])=>[`.uds-${t}-shadow-${r}`,{[`--uds-${t}-shadow`]:`var(--${u}-${t}-shadow-${r})`,boxShadow:`var(--${u}-drop-shadow, 0 0 transparent), var(--${u}-inset-shadow, 0 0 transparent), var(--tw-ring-offset-shadow, 0 0 transparent), var(--tw-ring-shadow, 0 0 transparent), var(--tw-shadow, 0 0 transparent)`}]));return a(n)}export{k as RESPONSIVE_TAILWIND_CONFIG_MAP,j as addFontFaceDeclarations,S as addFontsPlugin,g as assertUnreachable,y as getBaseTextStyles,O as getColorModeStyles,E as getFontFaceDeclarations,L as getFontStyles,_ as getMotionStyles,M as getResponsiveTextStyles,W as getScaleModeStyles,z as getShadowStyles};
|
package/dist/chunk-37LEXEW4.js
DELETED
@@ -1,3 +0,0 @@
|
|
1
|
-
import{variants as o}from"./chunk-NYAQO47N.js";import{textVariants as r,backgroundColors as t,foregroundColors as e,spectrumColors as n,borderRadii as i,borderWidths as a,lineColors as l}from"@yahoo/uds/fixtures";import{getFeatureFlags as s}from"@yahoo/uds/flags";import d from"clsx";import f from"imurmurhash";import{extendTailwindMerge as c}from"tailwind-merge";import{forwardRef as p,memo as u,isValidElement as m,cloneElement as b,Children as h}from"react";import{jsx as g}from"react/jsx-runtime";import{isFunction as S}from"lodash-es";/*! © 2025 Yahoo, Inc. UDS v0.0.0-development */
|
2
|
-
function x(o){return"boolean"==typeof o?`${o}`:0===o?"0":o}function y(o){const r=Object.create(null),t=Object.keys(o);for(let e=0,n=t.length;e<n;e++){const n=t[e];void 0!==o[n]&&(r[n]=o[n])}return r}var w=c({extend:{theme:{borderColor:l,borderWidth:a,borderRadius:i}},override:{classGroups:{"text-color":[{text:[...e,...n]}],"bg-color":[{bg:t}],"font-family":[{font:["icons",...r]}],leading:[{leading:r}]},conflictingClassGroups:{}}}),C=(...o)=>{const r=d(o);return w(r)},v=o=>r=>{if(!o?.variants)return C(o?.base,r?.className);const{variants:t,defaultVariants:e}=o,n=Object.keys(t).map((o=>{const n=r?.[o],i=e?.[o],a=x(n)||x(i);return t[o][a]})),i={...e,...r&&y(r)},a=o?.compoundVariants?.reduce(((o,{className:r,...t})=>Object.entries(t).every((([o,r])=>i[o]===r))?C(o,r):o),"");return C(o?.base,n,a,r?.className)},W=v({variants:o}),B=new Map,T=o=>{const{useGetStylesCache:r}=s();if(r){const r=function(o){const r=Object.create(null),t=Object.keys(o).sort();for(let e=0,n=t.length;e<n;e++){const n=t[e];r[n]=o[n]}return r}(y(o)),t=(new f).hash(JSON.stringify(r)).result();if(B.has(t))return B.get(t);const e=W(r);return B.set(t,e),e}return W(o)};function E(...o){return r=>o.forEach((o=>function(o,r){"function"==typeof o?o(r):null!=o&&(o.current=r)}(o,r)))}function N(){const o=p(((o,t)=>{const{children:n,...i}=o,a=h.toArray(n),l=a.find(e);if(l){const o=l.props.children,e=a.map((r=>r===l?h.count(o)>1?h.only(null):m(o)?o.props.children:null:r));return g(r,{...i,ref:t,children:m(o)?b(o,void 0,e):null})}return g(r,{...i,ref:t,children:n})}));o.displayName="Slot";const r=p(((o,r)=>{const{children:t,...e}=o;return m(t)?b(t,{...n(e,t.props),ref:r?E(r,t.ref):t.ref}):h.count(t)>1?h.only(null):null}));r.displayName="SlotClone";const t=({children:o})=>o;function e(o){return m(o)&&o.type===t}function n(o,r){const t={...r};for(const e in r){const n=o[e],i=r[e];/^on[A-Z]/.test(e)?n&&i?t[e]=(...o)=>{i(...o),n(...o)}:n&&(t[e]=n):"style"===e&&(t[e]={...n,...i})}return{...o,...t}}return o}var R=N(),G=p((function({asChild:o,className:r,backgroundColor:t,borderRadius:e,borderTopStartRadius:n,borderTopEndRadius:i,borderBottomStartRadius:a,borderBottomEndRadius:l,borderColor:s,borderStartColor:d,borderEndColor:f,borderTopColor:c,borderBottomColor:p,borderWidth:u,borderVerticalWidth:m,borderHorizontalWidth:b,borderStartWidth:h,borderEndWidth:S,borderTopWidth:x,borderBottomWidth:y,alignContent:w,alignItems:C,alignSelf:v,flex:W,flexDirection:B,flexGrow:E,flexShrink:N,flexWrap:G,justifyContent:k,flexBasis:z,display:H="flex",overflow:V,overflowX:j,overflowY:O,position:A,spacing:D,spacingHorizontal:I,spacingVertical:Y,spacingBottom:X,spacingEnd:$,spacingStart:F,spacingTop:M,offset:J,offsetVertical:P,offsetHorizontal:Q,offsetBottom:Z,offsetEnd:_,offsetStart:q,offsetTop:K,columnGap:L,rowGap:U,width:oo,height:ro,dropShadow:to,insetShadow:eo,...no},io){const ao=T({backgroundColor:t,borderRadius:e,borderTopStartRadius:n,borderTopEndRadius:i,borderBottomStartRadius:a,borderBottomEndRadius:l,borderColor:s,borderStartColor:d,borderEndColor:f,borderTopColor:c,borderBottomColor:p,borderWidth:u,borderVerticalWidth:m,borderHorizontalWidth:b,borderStartWidth:h,borderEndWidth:S,borderTopWidth:x,borderBottomWidth:y,alignContent:w,alignItems:C,alignSelf:v,flex:W,flexDirection:B,flexGrow:E,flexShrink:N,flexWrap:G,justifyContent:k,flexBasis:z,display:H,overflow:V,overflowX:j,overflowY:O,position:A,spacing:D,spacingHorizontal:I,spacingVertical:Y,spacingBottom:X,spacingEnd:$,spacingStart:F,spacingTop:M,offset:J,offsetVertical:P,offsetHorizontal:Q,offsetBottom:Z,offsetEnd:_,offsetStart:q,offsetTop:K,columnGap:L,rowGap:U,width:oo,height:ro,dropShadow:to,insetShadow:eo,className:r});return g(o?R:"div",{className:ao,ref:io,...no})}));G.displayName="Box";var k=(o,r)=>((o,r)=>{const t=S(r)?r:()=>r;return o.flatMap(((o,r)=>0!==r?[t(r),o]:[o]))})(h.toArray(o),(o=>{const t=S(r)?r(o):r;return m(t)?b(t,{...t.props,key:t.key??`interspersed-${o}`}):null})),z=p((function({gap:o,children:r,separator:t,...e},n){return g(G,{ref:n,flexDirection:"row",rowGap:o,columnGap:o,...e,children:t?k(r,t):r})}));z.displayName="HStack";var H=N(),V={display1:"h1",display2:"h1",display3:"h1",title1:"h1",title2:"h2",title3:"h3",title4:"h4",headline1:"h5",body1:"p",label1:"p",label2:"p",label3:"p",label4:"p",caption1:"p",caption2:"p",legal1:"p",inherit:"p"},j=p((function({className:o,asChild:r,color:t="primary",variant:e="body1",as:n=V[e],fontFamily:i,fontSize:a,fontWeight:l,lineHeight:s,textTransform:d,textAlign:f,backgroundColor:c,borderRadius:p,borderTopStartRadius:u,borderTopEndRadius:m,borderBottomStartRadius:b,borderBottomEndRadius:h,borderColor:S,borderStartColor:x,borderEndColor:y,borderTopColor:w,borderBottomColor:C,borderWidth:v,borderVerticalWidth:W,borderHorizontalWidth:B,borderStartWidth:E,borderEndWidth:N,borderTopWidth:R,borderBottomWidth:G,alignContent:k,alignItems:z,alignSelf:j,flex:O,flexDirection:A,flexGrow:D,flexShrink:I,flexWrap:Y,justifyContent:X,flexBasis:$,display:F,overflow:M,overflowX:J,overflowY:P,position:Q,spacing:Z,spacingHorizontal:_,spacingVertical:q,spacingBottom:K,spacingEnd:L,spacingStart:U,spacingTop:oo,offset:ro,offsetVertical:to,offsetHorizontal:eo,offsetBottom:no,offsetEnd:io,offsetStart:ao,offsetTop:lo,columnGap:so,rowGap:fo,...co},po){const uo={...t&&"inherit"!==t?{color:t}:{},...e&&"inherit"!==e?{fontFamily:i??e,fontSize:a??e,fontWeight:l??e,lineHeight:s??e,textTransform:d??e}:{},textAlign:f},mo=T({className:o,...uo,backgroundColor:c,borderRadius:p,borderTopStartRadius:u,borderTopEndRadius:m,borderBottomStartRadius:b,borderBottomEndRadius:h,borderColor:S,borderStartColor:x,borderEndColor:y,borderTopColor:w,borderBottomColor:C,borderWidth:v,borderVerticalWidth:W,borderHorizontalWidth:B,borderStartWidth:E,borderEndWidth:N,borderTopWidth:R,borderBottomWidth:G,alignContent:k,alignItems:z,alignSelf:j,flex:O,flexDirection:A,flexGrow:D,flexShrink:I,flexWrap:Y,justifyContent:X,flexBasis:$,display:F,overflow:M,overflowX:J,overflowY:P,position:Q,spacing:Z,spacingHorizontal:_,spacingVertical:q,spacingBottom:K,spacingEnd:L,spacingStart:U,spacingTop:oo,offset:ro,offsetVertical:to,offsetHorizontal:eo,offsetBottom:no,offsetEnd:io,offsetStart:ao,offsetTop:lo,columnGap:so,rowGap:fo});return g(r?H:n,{className:mo,ref:po,...co})}));j.displayName="Text";var O=p((function({gap:o,children:r,separator:t,...e},n){return g(G,{ref:n,flexDirection:"column",columnGap:o,rowGap:o,...e,children:t?k(r,t):r})}));O.displayName="VStack";var A={xs:12,sm:16,md:24,lg:32},D=p((function({name:o,size:r="md",variant:t="outline",color:e="primary",className:n,...i},a){const l=o.metadata?.variants??[],s=l.includes(t)?t:l[0]??"fill",d="multicolor"===s,f=T({flex:"none",color:d?void 0:e,className:C(n,!d&&"[&_path]:fill-current")}),c=A[r];return g("svg",{ref:a,xmlns:"http://www.w3.org/2000/svg",width:c,height:c,viewBox:`0 0 ${c} ${c}`,"aria-hidden":"true",focusable:"false",className:f,...i,children:g(o,{size:r,variant:s})})}));D.displayName="Icon";var I=u((function({icon:o,iconProps:r,...t}){if(!o)return null;const e=r??{},n=o;if(n.metadata?.isSvgIcon)return g(D,{name:n,...e,...t});if(S(o)){const r=o(e);return m(r)&&b(r,t)}return m(o)&&b(o,{...e,...o.props,...t})}));
|
3
|
-
/*! © 2025 Yahoo, Inc. UDS v0.0.0-development */export{G as Box,z as HStack,D as Icon,I as IconSlot,j as Text,O as VStack,N as createSlot,v as cva,C as cx,T as getStyles};
|
package/dist/chunk-5ZMNC32B.js
DELETED
@@ -1 +0,0 @@
|
|
1
|
-
import{cx as e,VStack as r,HStack as t,Box as i,Text as o,getStyles as a}from"./chunk-RR45EHLK.js";import{forwardRef as l,useMemo as n}from"react";import{jsxs as d,jsx as s}from"react/jsx-runtime";/*! © 2025 Yahoo, Inc. UDS v0.0.0-development */var c={horizontal:"w-full",vertical:""},h=l((function({vertical:a=!1,contentPosition:l="center",className:h,layerClassNames:m,children:f,...v},x){const N=a?"vertical":"horizontal",b=a?r:t,p=n((()=>({root:e(c[N],h,m?.root),label:e(m?.text),line:m?.line})),[h,N,m?.root,m?.text,m?.line]),y=n((()=>"vertical"===N?{borderTopWidth:0,borderRightWidth:0,borderBottomWidth:0}:{borderLeftWidth:0,borderRightWidth:0,borderBottomWidth:0}),[N]),u=()=>s(i,{flex:"1",className:p.line,style:y});return f?d(b,{flex:"1",alignItems:"center",className:p.root,ref:x,...v,children:["start"!==l&&s(u,{}),s(i,{flex:"none",children:s(o,{color:"inherit",variant:"inherit",className:p.label,children:f})}),"end"!==l&&s(u,{})]}):s(i,{display:"flex",flex:"none",className:p.root,ref:x,...v,children:s(u,{})})}));h.displayName="DividerCore";var m=l((function({variant:r="primary",layerClassNames:t,...i},o){const l=n((()=>({root:e("inherit"!==r&&a({dividerVariantRoot:r}),t?.root),text:e("inherit"!==r?a({dividerVariantLabel:r}):void 0,t?.text),line:e("inherit"!==r&&a({dividerVariantLine:r}),t?.line)})),[t?.line,t?.root,t?.text,r]);return s(h,{ref:o,layerClassNames:l,...i})}));m.displayName="DividerInternal";export{m as DividerInternal};
|
package/dist/chunk-6BNYCBB5.cjs
DELETED
@@ -1 +0,0 @@
|
|
1
|
-
"use strict";var r=require("./chunk-TJZ4HVAG.cjs"),o=require("lodash-es"),e=require("react/jsx-runtime");/*! © 2025 Yahoo, Inc. UDS v0.0.0-development */var t=require("react").memo((function({startIcon:o,endIcon:t,iconProps:i,children:a,size:n,isFilled:l,...s}){const d={helperText:r.cx(r.getStyles({inputSizeHelperText:n,inputVariantHelperText:"default",inputVariantValueHelperText:l?"filled":"empty"})),helperIcon:r.getStyles({inputSizeHelperIcon:n,inputVariantHelperIcon:"default",inputVariantValueHelperIcon:l?"filled":"empty"})},c={variant:"outline",...i};return e.jsxs(r.HStack,{gap:"1",alignItems:"center",...s,children:[o&&e.jsx(r.IconSlot,{icon:o,...c,iconProps:i,className:d.helperIcon}),e.jsx("span",{className:d.helperText,children:a}),t&&e.jsx(r.IconSlot,{icon:t,...c,iconProps:i,className:d.helperIcon})]})}));exports.FormLabel=({htmlFor:t,required:i,label:a,children:n,color:l="muted",variant:s="label3",hasError:d=!1,showRequiredAsterisk:c=!1,as:p="label",className:f,...u})=>{const h=a?o.isFunction(a)?a():a:n;return h?e.jsxs(r.Text,{variant:s,color:l,as:p,htmlFor:t,className:r.cx("cursor-[inherit]",f),...u,children:[h,i&&c&&e.jsx(r.Text,{as:"sup",color:d?"alert":"inherit",variant:"inherit",spacingStart:"0.5","aria-hidden":!0,children:"*"})]}):null},exports.Image=function({width:o,height:t,src:i,alt:a,contentFit:n,backgroundColor:l,borderRadius:s,borderTopStartRadius:d,borderTopEndRadius:c,borderBottomStartRadius:p,borderBottomEndRadius:f,borderColor:u,borderStartColor:h,borderEndColor:b,borderTopColor:m,borderBottomColor:x,borderWidth:g,borderVerticalWidth:S,borderHorizontalWidth:T,borderStartWidth:C,borderEndWidth:W,borderTopWidth:H,borderBottomWidth:I,alignContent:B,alignItems:w,alignSelf:E,flex:V,flexDirection:v,flexGrow:j,flexShrink:R,flexWrap:y,justifyContent:z,flexBasis:k,display:F,overflow:G,overflowX:q,overflowY:N,position:P,spacing:A,spacingHorizontal:D,spacingVertical:X,spacingBottom:Y,spacingEnd:J,spacingStart:L,spacingTop:M,offset:Z,offsetVertical:K,offsetHorizontal:O,offsetBottom:Q,offsetEnd:U,offsetStart:$,offsetTop:_,columnGap:rr,rowGap:or,...er}){const tr=r.getStyles({contentFit:n,backgroundColor:l,borderRadius:s,borderTopStartRadius:d,borderTopEndRadius:c,borderBottomStartRadius:p,borderBottomEndRadius:f,borderColor:u,borderStartColor:h,borderEndColor:b,borderTopColor:m,borderBottomColor:x,borderWidth:g,borderVerticalWidth:S,borderHorizontalWidth:T,borderStartWidth:C,borderEndWidth:W,borderTopWidth:H,borderBottomWidth:I,alignContent:B,alignItems:w,alignSelf:E,flex:V,flexDirection:v,flexGrow:j,flexShrink:R,flexWrap:y,justifyContent:z,flexBasis:k,display:F,overflow:G,overflowX:q,overflowY:N,position:P,spacing:A,spacingHorizontal:D,spacingVertical:X,spacingBottom:Y,spacingEnd:J,spacingStart:L,spacingTop:M,offset:Z,offsetVertical:K,offsetHorizontal:O,offsetBottom:Q,offsetEnd:U,offsetStart:$,offsetTop:_,columnGap:rr,rowGap:or});return e.jsx("img",{src:i,alt:a,className:tr,style:{width:o,height:t},...er})},exports.InputHelpTextMemo=t;
|
package/dist/chunk-CJQWF4E7.cjs
DELETED
@@ -1 +0,0 @@
|
|
1
|
-
"use strict";var e=require("./chunk-YMQMU4E2.cjs"),t=require("./chunk-WGG66FKO.cjs"),r=require("./chunk-J7PUOUXC.cjs"),n=require("./chunk-4NZKRK55.cjs"),a=require("@yahoo/uds/fixtures"),o=require("lodash-es");function s(e){return e&&e.__esModule?e:{default:e}}var i=s(require("tailwindcss/plugin.js"));/*! © 2025 Yahoo, Inc. UDS v0.0.0-development */var l=e=>{throw new Error("Didn't expect to get here")},c=(e,t,r,n)=>{const a=e.typography[t]?.[r];if(!a)throw new Error(`Missing typography data for variant "${t}" and key "${r}"`);const s="base"===n?a.base:a.breakpoints?.[n];if(!s)throw new Error(`Missing value for variant "${t}", key "${r}", and breakpoint "${n}"`);if(o.isString(s))return s;switch(s.type){case"px":return s.value/16+"rem";case"unitless":return String(s.value)}return l()},d=(e,t)=>t in e.font?`var(--${n.FONT_FAMILY_PREFIX}-${t})`:t,u=(e,t)=>Object.fromEntries(a.textVariants.flatMap((r=>[[`--${n.FONT_FAMILY_PREFIX}-${r}`,d(e,c(e,r,"fontFamily",t))],[`--${n.FONT_SIZE_PREFIX}-${r}`,c(e,r,"fontSize",t)],[`--${n.FONT_WEIGHT_PREFIX}-${r}`,c(e,r,"fontWeight",t)],[`--${n.LINE_HEIGHT_PREFIX}-${r}`,c(e,r,"lineHeight",t)],[`--${n.TEXT_TRANSFORM_PREFIX}-${r}`,c(e,r,"textTransform",t)]]))),f=e=>Object.fromEntries(a.textVariants.map((t=>[t,`var(--${e}-${t})`]))),p={fontFamily:f(n.FONT_FAMILY_PREFIX),fontWeight:f(n.FONT_WEIGHT_PREFIX),fontSlant:f(n.FONT_SLANT_PREFIX),fontWidth:f(n.FONT_WIDTH_PREFIX),fontSize:f(n.FONT_SIZE_PREFIX),lineHeight:f(n.LINE_HEIGHT_PREFIX),textTransform:f(n.TEXT_TRANSFORM_PREFIX)};function F(e,t){const r=E(e);for(const e of r)t({"@font-face":e})}var _=i.default.withOptions((function({fontIds:e}){return function({addBase:t}){F(e,t)}}));function E(e){return e.flatMap((e=>{const{declarations:r,fontFamily:n}=t.FONT_DECLARATIONS_MAP[e];return r.map((e=>({fontFamily:n,fontDisplay:"swap",...e})))}))}function h(e){return`"${e}"`}function g(e){return{...e.borderRadius._vars,...e.borderWidth._vars,...e.avatarSizes._vars,...e.iconSizes._vars}}exports.RESPONSIVE_TAILWIND_CONFIG_MAP=p,exports.addFontFaceDeclarations=F,exports.addFontsPlugin=_,exports.assertUnreachable=l,exports.getBaseTextStyles=e=>({":root":u(e,"base")}),exports.getColorModeStyles=function(e){return{light:{colorScheme:"light","--uds-light-mode-icon":"inline","--uds-dark-mode-icon":"none",...e.colorMode.light._vars},dark:{colorScheme:"dark","--uds-light-mode-icon":"none","--uds-dark-mode-icon":"inline",...e.colorMode.dark._vars}}},exports.getFontFaceDeclarations=E,exports.getFontStyles=function(e){return t.fromEntries(r.entries(e).map((([e,r])=>{const a=`--${n.FONT_FAMILY_PREFIX}-${e}`,o=t.FONT_DECLARATIONS_MAP[r];return[a,[o.fontFamily,...o.fallback].map(h).join(", ")]})))},exports.getMotionStyles=function(n){const o=r.entries(n).flatMap((([t,n])=>r.entries(n).flatMap((([r,n])=>a.motionSpringConfigOptions.map((a=>[e.getMotionVar({variant:t,speed:r,control:a}),`${n[a]}`]))))));return t.fromEntries(o)},exports.getResponsiveTextStyles=e=>{const t=(r=e.breakpoints,Object.entries(r)).sort((([,{value:e}],[,{value:t}])=>e-t));var r;return{[`.${n.TEXT_RESPONSIVE_CLASSNAME}`]:Object.fromEntries(t.map((([t,{value:r}])=>[`@media (min-width: ${r}px)`,u(e,t)]))),".uds-text-base":u(e,"base"),...Object.fromEntries(t.map((([t])=>[`.uds-text-${t}`,u(e,t)])))}},exports.getScaleModeStyles=function(e){return{xSmall:g(e.scaleMode.xSmall),small:g(e.scaleMode.small),medium:g(e.scaleMode.medium),large:g(e.scaleMode.large),xLarge:g(e.scaleMode.xLarge),xxLarge:g(e.scaleMode.xxLarge),xxxLarge:g(e.scaleMode.xxxLarge)}},exports.getShadowStyles=function({config:e,shadowType:a}){const o=e.shadow[a],s=r.entries(o).map((([e])=>[`.uds-${a}-shadow-${e}`,{[`--uds-${a}-shadow`]:`var(--${n.UDS_PREFIX}-${a}-shadow-${e})`,boxShadow:`var(--${n.UDS_PREFIX}-drop-shadow, 0 0 transparent), var(--${n.UDS_PREFIX}-inset-shadow, 0 0 transparent), var(--tw-ring-offset-shadow, 0 0 transparent), var(--tw-ring-shadow, 0 0 transparent), var(--tw-shadow, 0 0 transparent)`}]));return t.fromEntries(s)};
|