@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
@@ -0,0 +1,245 @@
|
|
1
|
+
import * as properties from '@yahoo/uds/fixtures';
|
2
|
+
import { o as ShadowPreset, f as UniversalTokensConfig } from './types-BEsEvo0F.js';
|
3
|
+
|
4
|
+
type DispatchContext = {
|
5
|
+
componentName: string;
|
6
|
+
subComponentName?: string;
|
7
|
+
propertyKey: string;
|
8
|
+
layer: string;
|
9
|
+
};
|
10
|
+
interface ConfigurableProperty<T extends AllPossibleProperties, CVR = unknown> {
|
11
|
+
name: string;
|
12
|
+
cssProperties: string | string[];
|
13
|
+
twThemePath: (selected: T, value: string) => string;
|
14
|
+
possibleFixtures: T[];
|
15
|
+
extendedProperties?: ExtendablePropertiesName[] | ((context: DispatchContext) => ExtendablePropertiesName[] | undefined | false);
|
16
|
+
customValueRenderer?: (schemaStateValue: SchemaStateValue<CVR>, schema: unknown, themeGetter: (path: string) => string) => string;
|
17
|
+
concatenate?: boolean;
|
18
|
+
concatenationDelimiter?: string;
|
19
|
+
}
|
20
|
+
declare const publicProperties: {
|
21
|
+
readonly backgroundColor: ConfigurableProperty<"backgroundPaletteColors" | "spectrumColors" | "alwaysPaletteAliases", unknown>;
|
22
|
+
readonly borderWidth: ConfigurableProperty<"spacingAliases" | "borderWidths", unknown>;
|
23
|
+
readonly borderRadius: ConfigurableProperty<"borderRadii", unknown>;
|
24
|
+
readonly borderColor: ConfigurableProperty<"linePaletteColors" | "spectrumColors" | "alwaysPaletteAliases", unknown>;
|
25
|
+
readonly fontFamily: ConfigurableProperty<"textVariants", unknown>;
|
26
|
+
readonly fontSize: ConfigurableProperty<"textVariants", unknown>;
|
27
|
+
readonly fontVariationSettings: ConfigurableProperty<"textVariants", unknown>;
|
28
|
+
readonly lineHeight: ConfigurableProperty<"textVariants", unknown>;
|
29
|
+
readonly textTransform: ConfigurableProperty<"textVariants", unknown>;
|
30
|
+
readonly padding: ConfigurableProperty<"spacingAliases", unknown>;
|
31
|
+
readonly gap: ConfigurableProperty<"spacingAliases", unknown>;
|
32
|
+
readonly color: ConfigurableProperty<"foregroundPaletteColors" | "spectrumColors" | "alwaysPaletteAliases", unknown>;
|
33
|
+
readonly fontWeight: ConfigurableProperty<"textVariants", unknown>;
|
34
|
+
readonly iconSize: ConfigurableProperty<"iconSizes", unknown>;
|
35
|
+
readonly spacingHorizontal: ConfigurableProperty<"spacingAliases", unknown>;
|
36
|
+
readonly spacingVertical: ConfigurableProperty<"spacingAliases", unknown>;
|
37
|
+
readonly textVariant: ConfigurableProperty<"textVariants", unknown>;
|
38
|
+
readonly textDecorationLine: ConfigurableProperty<"textDecorationLines", unknown>;
|
39
|
+
readonly shadow: ConfigurableProperty<"shadowVariants", string | [] | [ShadowPreset] | [ShadowPreset, ShadowPreset] | [ShadowPreset, ShadowPreset, ShadowPreset]>;
|
40
|
+
readonly insetShadow: ConfigurableProperty<"shadowVariantsWithInvert", string | [] | [ShadowPreset] | [ShadowPreset, ShadowPreset] | [ShadowPreset, ShadowPreset, ShadowPreset]>;
|
41
|
+
readonly height: ConfigurableProperty<"spacingAliases", unknown>;
|
42
|
+
readonly width: ConfigurableProperty<"spacingAliases", unknown>;
|
43
|
+
};
|
44
|
+
declare const configurableProperties: {
|
45
|
+
outlineWidth: ConfigurableProperty<"spacingAliases" | "borderWidths", unknown>;
|
46
|
+
outlineColor: ConfigurableProperty<"linePaletteColors" | "spectrumColors" | "alwaysPaletteAliases", unknown>;
|
47
|
+
insetOutlineOffset: ConfigurableProperty<"spacingAliases" | "borderWidths", unknown>;
|
48
|
+
solidOutline: ConfigurableProperty<never, unknown>;
|
49
|
+
backgroundColor: ConfigurableProperty<"backgroundPaletteColors" | "spectrumColors" | "alwaysPaletteAliases", unknown>;
|
50
|
+
borderWidth: ConfigurableProperty<"spacingAliases" | "borderWidths", unknown>;
|
51
|
+
borderRadius: ConfigurableProperty<"borderRadii", unknown>;
|
52
|
+
borderColor: ConfigurableProperty<"linePaletteColors" | "spectrumColors" | "alwaysPaletteAliases", unknown>;
|
53
|
+
fontFamily: ConfigurableProperty<"textVariants", unknown>;
|
54
|
+
fontSize: ConfigurableProperty<"textVariants", unknown>;
|
55
|
+
fontVariationSettings: ConfigurableProperty<"textVariants", unknown>;
|
56
|
+
lineHeight: ConfigurableProperty<"textVariants", unknown>;
|
57
|
+
textTransform: ConfigurableProperty<"textVariants", unknown>;
|
58
|
+
padding: ConfigurableProperty<"spacingAliases", unknown>;
|
59
|
+
gap: ConfigurableProperty<"spacingAliases", unknown>;
|
60
|
+
color: ConfigurableProperty<"foregroundPaletteColors" | "spectrumColors" | "alwaysPaletteAliases", unknown>;
|
61
|
+
fontWeight: ConfigurableProperty<"textVariants", unknown>;
|
62
|
+
iconSize: ConfigurableProperty<"iconSizes", unknown>;
|
63
|
+
spacingHorizontal: ConfigurableProperty<"spacingAliases", unknown>;
|
64
|
+
spacingVertical: ConfigurableProperty<"spacingAliases", unknown>;
|
65
|
+
textVariant: ConfigurableProperty<"textVariants", unknown>;
|
66
|
+
textDecorationLine: ConfigurableProperty<"textDecorationLines", unknown>;
|
67
|
+
shadow: ConfigurableProperty<"shadowVariants", string | [] | [ShadowPreset] | [ShadowPreset, ShadowPreset] | [ShadowPreset, ShadowPreset, ShadowPreset]>;
|
68
|
+
insetShadow: ConfigurableProperty<"shadowVariantsWithInvert", string | [] | [ShadowPreset] | [ShadowPreset, ShadowPreset] | [ShadowPreset, ShadowPreset, ShadowPreset]>;
|
69
|
+
height: ConfigurableProperty<"spacingAliases", unknown>;
|
70
|
+
width: ConfigurableProperty<"spacingAliases", unknown>;
|
71
|
+
};
|
72
|
+
type ExtendablePropertiesName = keyof typeof configurableProperties;
|
73
|
+
type ConfigurablePropertiesName = keyof typeof publicProperties;
|
74
|
+
interface SelectedConfigurableProperty<C extends ConfigurablePropertiesName, O extends string, T extends (typeof publicProperties)[C]['possibleFixtures'] = (typeof publicProperties)[C]['possibleFixtures'], V extends readonly (readonly string[])[] = readonly (readonly string[])[]> {
|
75
|
+
label: string;
|
76
|
+
name: C;
|
77
|
+
typeOfFixture: T;
|
78
|
+
values: V;
|
79
|
+
pseudoStates?: PossibleStates[];
|
80
|
+
supportsCustom?: boolean;
|
81
|
+
defaults: {
|
82
|
+
[K in O]: V[number][number];
|
83
|
+
};
|
84
|
+
}
|
85
|
+
|
86
|
+
type AllPossibleProperties = Exclude<keyof typeof properties, 'iconButtonClassNames' | 'iconButtonSize' | 'iconButtonStates' | 'buttonClassNames' | 'buttonColorProperties' | 'buttonIconSvgSize' | 'buttonKinds' | 'buttonMotionEffects' | 'buttonMotionProperties' | 'buttonPalettes' | 'buttonSizeProperties' | 'buttonSizes' | 'buttonStates' | 'buttonVariants'> | 'shadowVariantConfig';
|
87
|
+
type PossibleStates = 'hover' | 'pressed' | 'focused' | 'invalid' | 'focus-within' | 'focused-keyboard' | 'visited' | 'readonly' | 'disabled' | 'invalid&hover' | 'invalid&pressed';
|
88
|
+
type PossibleStatesWithRest = 'rest' | PossibleStates;
|
89
|
+
interface LayerConfig {
|
90
|
+
label: string;
|
91
|
+
properties: Readonly<Record<string, SelectedConfigurableProperty<ConfigurablePropertiesName, string>>>;
|
92
|
+
pseudoSelector?: string;
|
93
|
+
}
|
94
|
+
interface ComponentStateConfig {
|
95
|
+
label: string;
|
96
|
+
options: string[];
|
97
|
+
layers: {
|
98
|
+
root: LayerConfig;
|
99
|
+
} & Record<string, LayerConfig>;
|
100
|
+
}
|
101
|
+
interface SubComponentConfig {
|
102
|
+
label: string;
|
103
|
+
description: string;
|
104
|
+
overrideComponentName?: string;
|
105
|
+
variants: Record<string, VariantConfigWithProperties | VariantConfigWithComponentStates>;
|
106
|
+
}
|
107
|
+
interface VariantConfig<O extends string = string> {
|
108
|
+
label: string;
|
109
|
+
description: string;
|
110
|
+
isConfigurable: boolean;
|
111
|
+
default: O;
|
112
|
+
options: readonly O[];
|
113
|
+
}
|
114
|
+
interface VariantConfigWithProperties<O extends string = string> extends VariantConfig<O> {
|
115
|
+
layers: {
|
116
|
+
root: LayerConfig;
|
117
|
+
} & Record<string, LayerConfig>;
|
118
|
+
}
|
119
|
+
interface VariantConfigWithComponentStates<O extends string = string> extends VariantConfig<O> {
|
120
|
+
componentStates?: Readonly<Record<string, ComponentStateConfig>>;
|
121
|
+
}
|
122
|
+
interface ComponentConfig {
|
123
|
+
label: string;
|
124
|
+
description: string;
|
125
|
+
overrideComponentName?: string;
|
126
|
+
subComponents?: Record<string, SubComponentConfig>;
|
127
|
+
variants?: Record<string, VariantConfigWithProperties | VariantConfigWithComponentStates>;
|
128
|
+
}
|
129
|
+
type AutoComponents = Omit<UniversalTokensConfig, 'colorMode' | 'font' | 'scaleMode' | 'version' | 'motion' | 'button' | 'iconButton' | 'shadow' | 'breakpoints' | 'typography' | 'globalDefaults'>;
|
130
|
+
type AutoComponentName = keyof AutoComponents;
|
131
|
+
type AllVariantKeys = {
|
132
|
+
[K in keyof AutoComponents]: {
|
133
|
+
[V in keyof AutoComponents[K]['defaults']]: V;
|
134
|
+
}[keyof AutoComponents[K]['defaults']];
|
135
|
+
}[keyof AutoComponents];
|
136
|
+
|
137
|
+
type ThemeFn = (path: string) => string;
|
138
|
+
type SchemaStateValue<T = any> = {
|
139
|
+
type: string;
|
140
|
+
valueType: 'alias' | 'custom';
|
141
|
+
value: T;
|
142
|
+
};
|
143
|
+
declare const statePseudoMapDocsMode: Record<PossibleStates | 'rest', string>;
|
144
|
+
declare function findFixtureType(property: SelectedConfigurableProperty<ConfigurablePropertiesName, string>, variantKey: string): string;
|
145
|
+
declare function toMinimalDbConfigObject<C extends ComponentConfig>(config: C): any;
|
146
|
+
declare function generateClassName({ componentName, variantKey, variantValue, layer, layerOptionalPseudoSelector, subComponentName, stateKey, stateValue, }: {
|
147
|
+
componentName: string;
|
148
|
+
variantKey: string;
|
149
|
+
variantValue?: string;
|
150
|
+
layer: string;
|
151
|
+
layerOptionalPseudoSelector?: string;
|
152
|
+
subComponentName?: string;
|
153
|
+
stateKey?: string;
|
154
|
+
stateValue?: string;
|
155
|
+
}): string;
|
156
|
+
declare function generateDeclaration({ componentName, variantKey, variantValue, layer, layerOptionalPseudoSelector, subComponentName, stateKey, stateValue, schema, propertyKey, originalPropertyDefinition, theme, currentStyles, previewOptions, }: {
|
157
|
+
componentName: string;
|
158
|
+
variantKey: string;
|
159
|
+
variantValue: string;
|
160
|
+
layer: string;
|
161
|
+
layerOptionalPseudoSelector?: string;
|
162
|
+
subComponentName?: string;
|
163
|
+
stateKey?: string;
|
164
|
+
stateValue?: string;
|
165
|
+
schema: unknown;
|
166
|
+
propertyKey: string;
|
167
|
+
originalPropertyDefinition: SelectedConfigurableProperty<ConfigurablePropertiesName, any>;
|
168
|
+
theme: ThemeFn;
|
169
|
+
currentStyles: Readonly<Record<string, Record<string, string>>>;
|
170
|
+
previewOptions?: {
|
171
|
+
generatePseudoStateClassModifier?: boolean;
|
172
|
+
forcePseudoState?: boolean;
|
173
|
+
};
|
174
|
+
}): Record<string, Record<string, string>>;
|
175
|
+
declare function generateStyles<C extends ComponentConfig>(config: C, schema: any, theme: ThemeFn, previewOptions?: {
|
176
|
+
generatePseudoStateClassModifier: boolean;
|
177
|
+
forcePseudoState: boolean;
|
178
|
+
}): Record<string, Record<string, string>>;
|
179
|
+
declare function createConfigurableProperty<C extends ConfigurablePropertiesName, O extends string, T extends (typeof configurableProperties)[C]['possibleFixtures'], V extends readonly (readonly string[])[] = readonly (readonly string[])[]>(prop: {
|
180
|
+
name: C;
|
181
|
+
typeOfFixture: T;
|
182
|
+
values: V;
|
183
|
+
defaults: {
|
184
|
+
[K in O]: V[number][number];
|
185
|
+
};
|
186
|
+
label: string;
|
187
|
+
pseudoStates?: PossibleStates[];
|
188
|
+
supportsCustom?: boolean;
|
189
|
+
}): SelectedConfigurableProperty<C, O, T, V>;
|
190
|
+
/**
|
191
|
+
* @deprecated use the new functions instead
|
192
|
+
*/
|
193
|
+
declare function createVariantConfig<O extends string, T extends Record<string, SelectedConfigurableProperty<ConfigurablePropertiesName, O>>>(config: {
|
194
|
+
label: string;
|
195
|
+
description: string;
|
196
|
+
isConfigurable: boolean;
|
197
|
+
default: O;
|
198
|
+
options: readonly O[];
|
199
|
+
properties: T;
|
200
|
+
}): VariantConfig<O>;
|
201
|
+
declare function createComponentStateConfig(config: {
|
202
|
+
label: string;
|
203
|
+
options: string[];
|
204
|
+
layers: {
|
205
|
+
root: LayerConfig;
|
206
|
+
} & Record<string, LayerConfig>;
|
207
|
+
}): ComponentStateConfig;
|
208
|
+
declare function createVariantConfigWithProperties(config: {
|
209
|
+
label: string;
|
210
|
+
description: string;
|
211
|
+
isConfigurable: boolean;
|
212
|
+
default: string;
|
213
|
+
options: readonly string[];
|
214
|
+
layers: {
|
215
|
+
root: LayerConfig;
|
216
|
+
} & Record<string, LayerConfig>;
|
217
|
+
}): VariantConfigWithProperties;
|
218
|
+
declare function createVariantConfigWithComponentStates(config: {
|
219
|
+
label: string;
|
220
|
+
description: string;
|
221
|
+
isConfigurable: boolean;
|
222
|
+
default: string;
|
223
|
+
options: readonly string[];
|
224
|
+
componentStates: Record<string, ComponentStateConfig>;
|
225
|
+
}): VariantConfigWithComponentStates;
|
226
|
+
declare function createComponentStates(config: {
|
227
|
+
label: string;
|
228
|
+
options: string[];
|
229
|
+
layers: {
|
230
|
+
root: LayerConfig;
|
231
|
+
} & Record<string, LayerConfig>;
|
232
|
+
}): ComponentStateConfig;
|
233
|
+
declare function createLayerConfig(config: {
|
234
|
+
label: string;
|
235
|
+
pseudoSelector?: string;
|
236
|
+
properties: Readonly<Record<string, SelectedConfigurableProperty<ConfigurablePropertiesName, string>>>;
|
237
|
+
}): LayerConfig;
|
238
|
+
declare function createSubComponentConfig(config: {
|
239
|
+
label: string;
|
240
|
+
description: string;
|
241
|
+
overrideComponentName?: string;
|
242
|
+
variants: Record<string, VariantConfigWithProperties | VariantConfigWithComponentStates>;
|
243
|
+
}): SubComponentConfig;
|
244
|
+
|
245
|
+
export { type AllPossibleProperties as A, type ConfigurablePropertiesName as C, type ExtendablePropertiesName as E, type LayerConfig as L, type PossibleStates as P, type SelectedConfigurableProperty as S, type VariantConfig as V, type PossibleStatesWithRest as a, type ComponentStateConfig as b, configurableProperties as c, type SubComponentConfig as d, type VariantConfigWithProperties as e, type VariantConfigWithComponentStates as f, type ComponentConfig as g, type AutoComponents as h, type AutoComponentName as i, type AllVariantKeys as j, type SchemaStateValue as k, findFixtureType as l, generateClassName as m, generateDeclaration as n, generateStyles as o, createConfigurableProperty as p, createVariantConfig as q, createComponentStateConfig as r, statePseudoMapDocsMode as s, toMinimalDbConfigObject as t, createVariantConfigWithProperties as u, createVariantConfigWithComponentStates as v, createComponentStates as w, createLayerConfig as x, createSubComponentConfig as y };
|
@@ -1,5 +1,5 @@
|
|
1
1
|
import * as properties from '@yahoo/uds/fixtures';
|
2
|
-
import {
|
2
|
+
import { o as ShadowPreset, f as UniversalTokensConfig } from './types-rZt8SiS0.js';
|
3
3
|
|
4
4
|
type DispatchContext = {
|
5
5
|
componentName: string;
|
package/dist/index.cjs
CHANGED
@@ -1 +1 @@
|
|
1
|
-
"use strict";var e=require("./chunk-VQV2OVOZ.cjs"),t=require("./chunk-PNL4K4BQ.cjs"),r=require("./chunk-F7LPH2UL.cjs"),n=require("./chunk-YBIQ3S5G.cjs"),o=require("./chunk-JM4WTJDB.cjs"),i=require("./chunk-QXAMOFS3.cjs"),u=require("./chunk-J7PUOUXC.cjs"),a=require("./chunk-GJLQAO4M.cjs"),c=require("./chunk-3AYBRPUC.cjs"),f=require("react"),p=require("react/jsx-runtime"),b=require("@yahoo/uds/client"),s=f.forwardRef(function(e,r){return p.jsx(t.DividerInternal,{ref:r,...e})});/*! © 2025 Yahoo, Inc. UDS v0.0.0-development */s.displayName="Divider";var O=f.forwardRef(function({variant:e="primary",textVariant:t,startIcon:r,endIcon:n,alwaysUnderline:i=!1,children:u,className:a,...c},b){const s=!t,O=f.useMemo(()=>{const r=!s&&o.getStyles({linkTextStyleRoot:t,fontSize:t,fontFamily:t,fontWeight:t,lineHeight:t,textTransform:t});return o.getStyles({linkVariantRoot:e,display:"inline-flex",alignItems:"center",className:o.cx(r,"uds-ring",i&&"underline",a)})},[i,s,t,e,a]),g=o.getStyles({linkVariantIconStart:e,linkTextStyleIcon:t,className:o.cx(s&&"w-[0.7em] h-[0.7em]")}),l=o.getStyles({linkVariantIconEnd:e,linkTextStyleIcon:t,className:o.cx(s&&"w-[0.7em] h-[0.7em]")}),P={variant:"outline",color:"current"};return p.jsxs("a",{ref:b,className:O,...c,children:[r&&p.jsx(o.IconSlot,{className:g,icon:r,iconProps:P,"data-testid":"start-icon"}),u,n&&p.jsx(o.IconSlot,{className:l,icon:n,iconProps:P,"data-testid":"end-icon"})]})});O.displayName="Link",Object.defineProperty(exports,"Image",{enumerable:!0,get:function(){return e.Image}}),Object.defineProperty(exports,"InputHelpText",{enumerable:!0,get:function(){return e.InputHelpTextMemo}}),Object.defineProperty(exports,"HStack",{enumerable:!0,get:function(){return r.HStack}}),Object.defineProperty(exports,"VStack",{enumerable:!0,get:function(){return r.VStack}}),Object.defineProperty(exports,"FormLabel",{enumerable:!0,get:function(){return n.FormLabel}}),Object.defineProperty(exports,"Box",{enumerable:!0,get:function(){return o.Box}}),Object.defineProperty(exports,"Icon",{enumerable:!0,get:function(){return o.Icon}}),Object.defineProperty(exports,"Text",{enumerable:!0,get:function(){return o.Text}}),Object.defineProperty(exports,"cva",{enumerable:!0,get:function(){return o.cva}}),Object.defineProperty(exports,"cx",{enumerable:!0,get:function(){return o.cx}}),Object.defineProperty(exports,"getStyles",{enumerable:!0,get:function(){return o.getStyles}}),Object.defineProperty(exports,"DEFAULT_COLOR_MODE",{enumerable:!0,get:function(){return i.DEFAULT_COLOR_MODE}}),Object.defineProperty(exports,"DEFAULT_COLOR_MODE_FOR_APP",{enumerable:!0,get:function(){return i.DEFAULT_COLOR_MODE_FOR_APP}}),Object.defineProperty(exports,"DEFAULT_HIGH_CONTRAST_MODE",{enumerable:!0,get:function(){return i.DEFAULT_HIGH_CONTRAST_MODE}}),Object.defineProperty(exports,"DEFAULT_REGION_MODE",{enumerable:!0,get:function(){return i.DEFAULT_REGION_MODE}}),Object.defineProperty(exports,"DEFAULT_SCALE_MODE",{enumerable:!0,get:function(){return i.DEFAULT_SCALE_MODE}}),Object.defineProperty(exports,"DEFAULT_SCALE_MODE_FOR_APP",{enumerable:!0,get:function(){return i.DEFAULT_SCALE_MODE_FOR_APP}}),Object.defineProperty(exports,"FONT_DECLARATIONS_MAP",{enumerable:!0,get:function(){return i.FONT_DECLARATIONS_MAP}}),Object.defineProperty(exports,"alwaysPalette",{enumerable:!0,get:function(){return i.alwaysPalette}}),Object.defineProperty(exports,"button",{enumerable:!0,get:function(){return i.button}}),Object.defineProperty(exports,"cartesianProduct",{enumerable:!0,get:function(){return i.cartesianProduct}}),Object.defineProperty(exports,"coalesceConfigVariant",{enumerable:!0,get:function(){return i.coalesceConfigVariant}}),Object.defineProperty(exports,"configurableProperties",{enumerable:!0,get:function(){return i.configurableProperties}}),Object.defineProperty(exports,"createComponentStateConfig",{enumerable:!0,get:function(){return i.createComponentStateConfig}}),Object.defineProperty(exports,"createComponentStates",{enumerable:!0,get:function(){return i.createComponentStates}}),Object.defineProperty(exports,"createConfigurableProperty",{enumerable:!0,get:function(){return i.createConfigurableProperty}}),Object.defineProperty(exports,"createLayerConfig",{enumerable:!0,get:function(){return i.createLayerConfig}}),Object.defineProperty(exports,"createSubComponentConfig",{enumerable:!0,get:function(){return i.createSubComponentConfig}}),Object.defineProperty(exports,"createVariantConfig",{enumerable:!0,get:function(){return i.createVariantConfig}}),Object.defineProperty(exports,"createVariantConfigWithComponentStates",{enumerable:!0,get:function(){return i.createVariantConfigWithComponentStates}}),Object.defineProperty(exports,"createVariantConfigWithProperties",{enumerable:!0,get:function(){return i.createVariantConfigWithProperties}}),Object.defineProperty(exports,"findFixtureType",{enumerable:!0,get:function(){return i.findFixtureType}}),Object.defineProperty(exports,"fontWeightMap",{enumerable:!0,get:function(){return i.fontWeightMap}}),Object.defineProperty(exports,"fromEntries",{enumerable:!0,get:function(){return i.fromEntries}}),Object.defineProperty(exports,"generateClassName",{enumerable:!0,get:function(){return i.generateClassName}}),Object.defineProperty(exports,"generateDeclaration",{enumerable:!0,get:function(){return i.generateDeclaration}}),Object.defineProperty(exports,"generateKeyFromFlatConfigPath",{enumerable:!0,get:function(){return i.generateKeyFromFlatConfigPath}}),Object.defineProperty(exports,"generateSchemaKey",{enumerable:!0,get:function(){return i.generateSchemaKey}}),Object.defineProperty(exports,"generateStyles",{enumerable:!0,get:function(){return i.generateStyles}}),Object.defineProperty(exports,"getConfigDefaultValue",{enumerable:!0,get:function(){return i.getConfigDefaultValue}}),Object.defineProperty(exports,"getConfigPseudoStateVariables",{enumerable:!0,get:function(){return i.getConfigPseudoStateVariables}}),Object.defineProperty(exports,"getConfigPseudoStateVariablesWithSetter",{enumerable:!0,get:function(){return i.getConfigPseudoStateVariablesWithSetter}}),Object.defineProperty(exports,"getConfigSubcomponents",{enumerable:!0,get:function(){return i.getConfigSubcomponents}}),Object.defineProperty(exports,"getConfigVariantComponentStates",{enumerable:!0,get:function(){return i.getConfigVariantComponentStates}}),Object.defineProperty(exports,"getConfigVariantComponentStatesMatrix",{enumerable:!0,get:function(){return i.getConfigVariantComponentStatesMatrix}}),Object.defineProperty(exports,"getConfigVariantProperties",{enumerable:!0,get:function(){return i.getConfigVariantProperties}}),Object.defineProperty(exports,"getConfigVariantPseudoStates",{enumerable:!0,get:function(){return i.getConfigVariantPseudoStates}}),Object.defineProperty(exports,"getConfigVariants",{enumerable:!0,get:function(){return i.getConfigVariants}}),Object.defineProperty(exports,"getDefaultButtonBaseMap",{enumerable:!0,get:function(){return i.getDefaultButtonBaseMap}}),Object.defineProperty(exports,"isConfigDefaultValue",{enumerable:!0,get:function(){return i.isConfigDefaultValue}}),Object.defineProperty(exports,"parseButtonVariantFlat",{enumerable:!0,get:function(){return i.parseButtonVariantFlat}}),Object.defineProperty(exports,"parseDeprecatedButtonPaletteVariant",{enumerable:!0,get:function(){return i.parseDeprecatedButtonPaletteVariant}}),Object.defineProperty(exports,"setConfigPseudoStateVariable",{enumerable:!0,get:function(){return i.setConfigPseudoStateVariable}}),Object.defineProperty(exports,"shadow",{enumerable:!0,get:function(){return i.shadow}}),Object.defineProperty(exports,"statePseudoMapDocsMode",{enumerable:!0,get:function(){return i.statePseudoMapDocsMode}}),Object.defineProperty(exports,"toMinimalDbConfigObject",{enumerable:!0,get:function(){return i.toMinimalDbConfigObject}}),Object.defineProperty(exports,"entries",{enumerable:!0,get:function(){return u.entries}}),Object.defineProperty(exports,"mapValues",{enumerable:!0,get:function(){return u.mapValues}}),Object.defineProperty(exports,"variants",{enumerable:!0,get:function(){return a.variants}}),Object.defineProperty(exports,"AVATAR_SIZE_PREFIX",{enumerable:!0,get:function(){return c.AVATAR_SIZE_PREFIX}}),Object.defineProperty(exports,"BORDER_RADIUS_PREFIX",{enumerable:!0,get:function(){return c.BORDER_RADIUS_PREFIX}}),Object.defineProperty(exports,"BORDER_WIDTH_PREFIX",{enumerable:!0,get:function(){return c.BORDER_WIDTH_PREFIX}}),Object.defineProperty(exports,"BUTTON_CSS_VAR_MAP",{enumerable:!0,get:function(){return c.BUTTON_CSS_VAR_MAP}}),Object.defineProperty(exports,"DARK_COLOR_MODE_CLASSNAME",{enumerable:!0,get:function(){return c.DARK_COLOR_MODE_CLASSNAME}}),Object.defineProperty(exports,"DEFAULT_COLOR_MODE_CLASSNAME",{enumerable:!0,get:function(){return c.DEFAULT_COLOR_MODE_CLASSNAME}}),Object.defineProperty(exports,"DEFAULT_SCALE_MODE_CLASSNAME",{enumerable:!0,get:function(){return c.DEFAULT_SCALE_MODE_CLASSNAME}}),Object.defineProperty(exports,"FONT_FAMILY_PREFIX",{enumerable:!0,get:function(){return c.FONT_FAMILY_PREFIX}}),Object.defineProperty(exports,"FONT_SIZE_PREFIX",{enumerable:!0,get:function(){return c.FONT_SIZE_PREFIX}}),Object.defineProperty(exports,"FONT_SLANT_PREFIX",{enumerable:!0,get:function(){return c.FONT_SLANT_PREFIX}}),Object.defineProperty(exports,"FONT_WEIGHT_PREFIX",{enumerable:!0,get:function(){return c.FONT_WEIGHT_PREFIX}}),Object.defineProperty(exports,"FONT_WIDTH_PREFIX",{enumerable:!0,get:function(){return c.FONT_WIDTH_PREFIX}}),Object.defineProperty(exports,"ICON_BUTTON_CSS_VAR_MAP",{enumerable:!0,get:function(){return c.ICON_BUTTON_CSS_VAR_MAP}}),Object.defineProperty(exports,"ICON_SIZE_PREFIX",{enumerable:!0,get:function(){return c.ICON_SIZE_PREFIX}}),Object.defineProperty(exports,"INVERT_COLOR_MODE_CLASSNAME",{enumerable:!0,get:function(){return c.INVERT_COLOR_MODE_CLASSNAME}}),Object.defineProperty(exports,"LARGE_SCALE_MODE_CLASSNAME",{enumerable:!0,get:function(){return c.LARGE_SCALE_MODE_CLASSNAME}}),Object.defineProperty(exports,"LIGHT_COLOR_MODE_CLASSNAME",{enumerable:!0,get:function(){return c.LIGHT_COLOR_MODE_CLASSNAME}}),Object.defineProperty(exports,"LINE_HEIGHT_PREFIX",{enumerable:!0,get:function(){return c.LINE_HEIGHT_PREFIX}}),Object.defineProperty(exports,"MEDIUM_SCALE_MODE_CLASSNAME",{enumerable:!0,get:function(){return c.MEDIUM_SCALE_MODE_CLASSNAME}}),Object.defineProperty(exports,"MOTION_PREFIX",{enumerable:!0,get:function(){return c.MOTION_PREFIX}}),Object.defineProperty(exports,"PSEUDO_STYLE_SELECTOR_MAP",{enumerable:!0,get:function(){return c.PSEUDO_STYLE_SELECTOR_MAP}}),Object.defineProperty(exports,"SMALL_SCALE_MODE_CLASSNAME",{enumerable:!0,get:function(){return c.SMALL_SCALE_MODE_CLASSNAME}}),Object.defineProperty(exports,"SPECTRUM_COLOR_PREFIX",{enumerable:!0,get:function(){return c.SPECTRUM_COLOR_PREFIX}}),Object.defineProperty(exports,"SYSTEM_COLOR_MODE_CLASSNAME",{enumerable:!0,get:function(){return c.SYSTEM_COLOR_MODE_CLASSNAME}}),Object.defineProperty(exports,"TEXT_RESPONSIVE_CLASSNAME",{enumerable:!0,get:function(){return c.TEXT_RESPONSIVE_CLASSNAME}}),Object.defineProperty(exports,"TEXT_TRANSFORM_PREFIX",{enumerable:!0,get:function(){return c.TEXT_TRANSFORM_PREFIX}}),Object.defineProperty(exports,"UDS_PREFIX",{enumerable:!0,get:function(){return c.UDS_PREFIX}}),Object.defineProperty(exports,"XLARGE_SCALE_MODE_CLASSNAME",{enumerable:!0,get:function(){return c.XLARGE_SCALE_MODE_CLASSNAME}}),Object.defineProperty(exports,"XSMALL_SCALE_MODE_CLASSNAME",{enumerable:!0,get:function(){return c.XSMALL_SCALE_MODE_CLASSNAME}}),Object.defineProperty(exports,"XXLARGE_SCALE_MODE_CLASSNAME",{enumerable:!0,get:function(){return c.XXLARGE_SCALE_MODE_CLASSNAME}}),Object.defineProperty(exports,"XXXLARGE_SCALE_MODE_CLASSNAME",{enumerable:!0,get:function(){return c.XXXLARGE_SCALE_MODE_CLASSNAME}}),Object.defineProperty(exports,"Avatar",{enumerable:!0,get:function(){return b.Avatar}}),Object.defineProperty(exports,"AvatarIcon",{enumerable:!0,get:function(){return b.AvatarIcon}}),Object.defineProperty(exports,"AvatarImage",{enumerable:!0,get:function(){return b.AvatarImage}}),Object.defineProperty(exports,"AvatarText",{enumerable:!0,get:function(){return b.AvatarText}}),Object.defineProperty(exports,"Badge",{enumerable:!0,get:function(){return b.Badge}}),Object.defineProperty(exports,"Button",{enumerable:!0,get:function(){return b.Button}}),Object.defineProperty(exports,"Checkbox",{enumerable:!0,get:function(){return b.Checkbox}}),Object.defineProperty(exports,"Chip",{enumerable:!0,get:function(){return b.Chip}}),Object.defineProperty(exports,"ChipButton",{enumerable:!0,get:function(){return b.ChipButton}}),Object.defineProperty(exports,"ChipDismissible",{enumerable:!0,get:function(){return b.ChipDismissible}}),Object.defineProperty(exports,"ChipLink",{enumerable:!0,get:function(){return b.ChipLink}}),Object.defineProperty(exports,"ChipToggle",{enumerable:!0,get:function(){return b.ChipToggle}}),Object.defineProperty(exports,"IconButton",{enumerable:!0,get:function(){return b.IconButton}}),Object.defineProperty(exports,"Input",{enumerable:!0,get:function(){return b.Input}}),Object.defineProperty(exports,"Menu",{enumerable:!0,get:function(){return b.Menu}}),Object.defineProperty(exports,"Pressable",{enumerable:!0,get:function(){return b.Pressable}}),Object.defineProperty(exports,"Radio",{enumerable:!0,get:function(){return b.Radio}}),Object.defineProperty(exports,"RadioGroupProvider",{enumerable:!0,get:function(){return b.RadioGroupProvider}}),Object.defineProperty(exports,"SpringMotionConfig",{enumerable:!0,get:function(){return b.SpringMotionConfig}}),Object.defineProperty(exports,"Switch",{enumerable:!0,get:function(){return b.Switch}}),exports.Divider=s,exports.Link=O;
|
1
|
+
"use strict";var e=require("./chunk-IVKGRXGB.cjs"),t=require("./chunk-CZH6WYYG.cjs"),r=require("./chunk-OIDUOWWP.cjs"),n=require("./chunk-QFCUUITW.cjs"),o=require("./chunk-CWG6VECG.cjs"),i=require("./chunk-QXAMOFS3.cjs"),u=require("./chunk-J7PUOUXC.cjs"),a=require("./chunk-GJLQAO4M.cjs"),c=require("./chunk-3AYBRPUC.cjs"),f=require("react"),p=require("react/jsx-runtime"),s=require("@yahoo/uds/client"),b=f.forwardRef(function(e,r){return p.jsx(t.DividerInternal,{ref:r,...e})});/*! © 2025 Yahoo, Inc. UDS v0.0.0-development */b.displayName="Divider";var O=f.forwardRef(function({variant:e="primary",textVariant:t,startIcon:r,endIcon:n,alwaysUnderline:i=!1,children:u,className:a,...c},s){const b=!t,O=f.useMemo(()=>{const r=!b&&o.getStyles({linkTextStyleRoot:t,fontSize:t,fontFamily:t,fontWeight:t,lineHeight:t,textTransform:t});return o.getStyles({linkVariantRoot:e,display:"inline-flex",alignItems:"center",className:o.cx(r,"uds-ring",i&&"underline",a)})},[i,b,t,e,a]),g=o.getStyles({linkVariantIconStart:e,linkTextStyleIcon:t,className:o.cx(b&&"w-[0.7em] h-[0.7em]")}),l=o.getStyles({linkVariantIconEnd:e,linkTextStyleIcon:t,className:o.cx(b&&"w-[0.7em] h-[0.7em]")}),P={variant:"outline",color:"current"};return p.jsxs("a",{ref:s,className:O,...c,children:[r&&p.jsx(o.IconSlot,{className:g,icon:r,iconProps:P,"data-testid":"start-icon"}),u,n&&p.jsx(o.IconSlot,{className:l,icon:n,iconProps:P,"data-testid":"end-icon"})]})});O.displayName="Link";Object.defineProperty(exports,"Image",{enumerable:!0,get:function(){return e.Image}}),Object.defineProperty(exports,"InputHelpText",{enumerable:!0,get:function(){return e.InputHelpTextMemo}}),Object.defineProperty(exports,"HStack",{enumerable:!0,get:function(){return r.HStack}}),Object.defineProperty(exports,"VStack",{enumerable:!0,get:function(){return r.VStack}}),Object.defineProperty(exports,"FormLabel",{enumerable:!0,get:function(){return n.FormLabel}}),Object.defineProperty(exports,"Box",{enumerable:!0,get:function(){return o.Box}}),Object.defineProperty(exports,"Icon",{enumerable:!0,get:function(){return o.Icon}}),Object.defineProperty(exports,"Text",{enumerable:!0,get:function(){return o.Text}}),Object.defineProperty(exports,"cva",{enumerable:!0,get:function(){return o.cva}}),Object.defineProperty(exports,"cx",{enumerable:!0,get:function(){return o.cx}}),Object.defineProperty(exports,"getStyles",{enumerable:!0,get:function(){return o.getStyles}}),Object.defineProperty(exports,"DEFAULT_COLOR_MODE",{enumerable:!0,get:function(){return i.DEFAULT_COLOR_MODE}}),Object.defineProperty(exports,"DEFAULT_COLOR_MODE_FOR_APP",{enumerable:!0,get:function(){return i.DEFAULT_COLOR_MODE_FOR_APP}}),Object.defineProperty(exports,"DEFAULT_HIGH_CONTRAST_MODE",{enumerable:!0,get:function(){return i.DEFAULT_HIGH_CONTRAST_MODE}}),Object.defineProperty(exports,"DEFAULT_REGION_MODE",{enumerable:!0,get:function(){return i.DEFAULT_REGION_MODE}}),Object.defineProperty(exports,"DEFAULT_SCALE_MODE",{enumerable:!0,get:function(){return i.DEFAULT_SCALE_MODE}}),Object.defineProperty(exports,"DEFAULT_SCALE_MODE_FOR_APP",{enumerable:!0,get:function(){return i.DEFAULT_SCALE_MODE_FOR_APP}}),Object.defineProperty(exports,"FONT_DECLARATIONS_MAP",{enumerable:!0,get:function(){return i.FONT_DECLARATIONS_MAP}}),Object.defineProperty(exports,"alwaysPalette",{enumerable:!0,get:function(){return i.alwaysPalette}}),Object.defineProperty(exports,"button",{enumerable:!0,get:function(){return i.button}}),Object.defineProperty(exports,"cartesianProduct",{enumerable:!0,get:function(){return i.cartesianProduct}}),Object.defineProperty(exports,"coalesceConfigVariant",{enumerable:!0,get:function(){return i.coalesceConfigVariant}}),Object.defineProperty(exports,"configurableProperties",{enumerable:!0,get:function(){return i.configurableProperties}}),Object.defineProperty(exports,"createComponentStateConfig",{enumerable:!0,get:function(){return i.createComponentStateConfig}}),Object.defineProperty(exports,"createComponentStates",{enumerable:!0,get:function(){return i.createComponentStates}}),Object.defineProperty(exports,"createConfigurableProperty",{enumerable:!0,get:function(){return i.createConfigurableProperty}}),Object.defineProperty(exports,"createLayerConfig",{enumerable:!0,get:function(){return i.createLayerConfig}}),Object.defineProperty(exports,"createSubComponentConfig",{enumerable:!0,get:function(){return i.createSubComponentConfig}}),Object.defineProperty(exports,"createVariantConfig",{enumerable:!0,get:function(){return i.createVariantConfig}}),Object.defineProperty(exports,"createVariantConfigWithComponentStates",{enumerable:!0,get:function(){return i.createVariantConfigWithComponentStates}}),Object.defineProperty(exports,"createVariantConfigWithProperties",{enumerable:!0,get:function(){return i.createVariantConfigWithProperties}}),Object.defineProperty(exports,"findFixtureType",{enumerable:!0,get:function(){return i.findFixtureType}}),Object.defineProperty(exports,"fontWeightMap",{enumerable:!0,get:function(){return i.fontWeightMap}}),Object.defineProperty(exports,"fromEntries",{enumerable:!0,get:function(){return i.fromEntries}}),Object.defineProperty(exports,"generateClassName",{enumerable:!0,get:function(){return i.generateClassName}}),Object.defineProperty(exports,"generateDeclaration",{enumerable:!0,get:function(){return i.generateDeclaration}}),Object.defineProperty(exports,"generateKeyFromFlatConfigPath",{enumerable:!0,get:function(){return i.generateKeyFromFlatConfigPath}}),Object.defineProperty(exports,"generateSchemaKey",{enumerable:!0,get:function(){return i.generateSchemaKey}}),Object.defineProperty(exports,"generateStyles",{enumerable:!0,get:function(){return i.generateStyles}}),Object.defineProperty(exports,"getConfigDefaultValue",{enumerable:!0,get:function(){return i.getConfigDefaultValue}}),Object.defineProperty(exports,"getConfigPseudoStateVariables",{enumerable:!0,get:function(){return i.getConfigPseudoStateVariables}}),Object.defineProperty(exports,"getConfigPseudoStateVariablesWithSetter",{enumerable:!0,get:function(){return i.getConfigPseudoStateVariablesWithSetter}}),Object.defineProperty(exports,"getConfigSubcomponents",{enumerable:!0,get:function(){return i.getConfigSubcomponents}}),Object.defineProperty(exports,"getConfigVariantComponentStates",{enumerable:!0,get:function(){return i.getConfigVariantComponentStates}}),Object.defineProperty(exports,"getConfigVariantComponentStatesMatrix",{enumerable:!0,get:function(){return i.getConfigVariantComponentStatesMatrix}}),Object.defineProperty(exports,"getConfigVariantProperties",{enumerable:!0,get:function(){return i.getConfigVariantProperties}}),Object.defineProperty(exports,"getConfigVariantPseudoStates",{enumerable:!0,get:function(){return i.getConfigVariantPseudoStates}}),Object.defineProperty(exports,"getConfigVariants",{enumerable:!0,get:function(){return i.getConfigVariants}}),Object.defineProperty(exports,"getDefaultButtonBaseMap",{enumerable:!0,get:function(){return i.getDefaultButtonBaseMap}}),Object.defineProperty(exports,"isConfigDefaultValue",{enumerable:!0,get:function(){return i.isConfigDefaultValue}}),Object.defineProperty(exports,"parseButtonVariantFlat",{enumerable:!0,get:function(){return i.parseButtonVariantFlat}}),Object.defineProperty(exports,"parseDeprecatedButtonPaletteVariant",{enumerable:!0,get:function(){return i.parseDeprecatedButtonPaletteVariant}}),Object.defineProperty(exports,"setConfigPseudoStateVariable",{enumerable:!0,get:function(){return i.setConfigPseudoStateVariable}}),Object.defineProperty(exports,"shadow",{enumerable:!0,get:function(){return i.shadow}}),Object.defineProperty(exports,"statePseudoMapDocsMode",{enumerable:!0,get:function(){return i.statePseudoMapDocsMode}}),Object.defineProperty(exports,"toMinimalDbConfigObject",{enumerable:!0,get:function(){return i.toMinimalDbConfigObject}}),Object.defineProperty(exports,"entries",{enumerable:!0,get:function(){return u.entries}}),Object.defineProperty(exports,"mapValues",{enumerable:!0,get:function(){return u.mapValues}}),Object.defineProperty(exports,"variants",{enumerable:!0,get:function(){return a.variants}}),Object.defineProperty(exports,"AVATAR_SIZE_PREFIX",{enumerable:!0,get:function(){return c.AVATAR_SIZE_PREFIX}}),Object.defineProperty(exports,"BORDER_RADIUS_PREFIX",{enumerable:!0,get:function(){return c.BORDER_RADIUS_PREFIX}}),Object.defineProperty(exports,"BORDER_WIDTH_PREFIX",{enumerable:!0,get:function(){return c.BORDER_WIDTH_PREFIX}}),Object.defineProperty(exports,"BUTTON_CSS_VAR_MAP",{enumerable:!0,get:function(){return c.BUTTON_CSS_VAR_MAP}}),Object.defineProperty(exports,"DARK_COLOR_MODE_CLASSNAME",{enumerable:!0,get:function(){return c.DARK_COLOR_MODE_CLASSNAME}}),Object.defineProperty(exports,"DEFAULT_COLOR_MODE_CLASSNAME",{enumerable:!0,get:function(){return c.DEFAULT_COLOR_MODE_CLASSNAME}}),Object.defineProperty(exports,"DEFAULT_SCALE_MODE_CLASSNAME",{enumerable:!0,get:function(){return c.DEFAULT_SCALE_MODE_CLASSNAME}}),Object.defineProperty(exports,"FONT_FAMILY_PREFIX",{enumerable:!0,get:function(){return c.FONT_FAMILY_PREFIX}}),Object.defineProperty(exports,"FONT_SIZE_PREFIX",{enumerable:!0,get:function(){return c.FONT_SIZE_PREFIX}}),Object.defineProperty(exports,"FONT_SLANT_PREFIX",{enumerable:!0,get:function(){return c.FONT_SLANT_PREFIX}}),Object.defineProperty(exports,"FONT_WEIGHT_PREFIX",{enumerable:!0,get:function(){return c.FONT_WEIGHT_PREFIX}}),Object.defineProperty(exports,"FONT_WIDTH_PREFIX",{enumerable:!0,get:function(){return c.FONT_WIDTH_PREFIX}}),Object.defineProperty(exports,"ICON_BUTTON_CSS_VAR_MAP",{enumerable:!0,get:function(){return c.ICON_BUTTON_CSS_VAR_MAP}}),Object.defineProperty(exports,"ICON_SIZE_PREFIX",{enumerable:!0,get:function(){return c.ICON_SIZE_PREFIX}}),Object.defineProperty(exports,"INVERT_COLOR_MODE_CLASSNAME",{enumerable:!0,get:function(){return c.INVERT_COLOR_MODE_CLASSNAME}}),Object.defineProperty(exports,"LARGE_SCALE_MODE_CLASSNAME",{enumerable:!0,get:function(){return c.LARGE_SCALE_MODE_CLASSNAME}}),Object.defineProperty(exports,"LIGHT_COLOR_MODE_CLASSNAME",{enumerable:!0,get:function(){return c.LIGHT_COLOR_MODE_CLASSNAME}}),Object.defineProperty(exports,"LINE_HEIGHT_PREFIX",{enumerable:!0,get:function(){return c.LINE_HEIGHT_PREFIX}}),Object.defineProperty(exports,"MEDIUM_SCALE_MODE_CLASSNAME",{enumerable:!0,get:function(){return c.MEDIUM_SCALE_MODE_CLASSNAME}}),Object.defineProperty(exports,"MOTION_PREFIX",{enumerable:!0,get:function(){return c.MOTION_PREFIX}}),Object.defineProperty(exports,"PSEUDO_STYLE_SELECTOR_MAP",{enumerable:!0,get:function(){return c.PSEUDO_STYLE_SELECTOR_MAP}}),Object.defineProperty(exports,"SMALL_SCALE_MODE_CLASSNAME",{enumerable:!0,get:function(){return c.SMALL_SCALE_MODE_CLASSNAME}}),Object.defineProperty(exports,"SPECTRUM_COLOR_PREFIX",{enumerable:!0,get:function(){return c.SPECTRUM_COLOR_PREFIX}}),Object.defineProperty(exports,"SYSTEM_COLOR_MODE_CLASSNAME",{enumerable:!0,get:function(){return c.SYSTEM_COLOR_MODE_CLASSNAME}}),Object.defineProperty(exports,"TEXT_RESPONSIVE_CLASSNAME",{enumerable:!0,get:function(){return c.TEXT_RESPONSIVE_CLASSNAME}}),Object.defineProperty(exports,"TEXT_TRANSFORM_PREFIX",{enumerable:!0,get:function(){return c.TEXT_TRANSFORM_PREFIX}}),Object.defineProperty(exports,"UDS_PREFIX",{enumerable:!0,get:function(){return c.UDS_PREFIX}}),Object.defineProperty(exports,"XLARGE_SCALE_MODE_CLASSNAME",{enumerable:!0,get:function(){return c.XLARGE_SCALE_MODE_CLASSNAME}}),Object.defineProperty(exports,"XSMALL_SCALE_MODE_CLASSNAME",{enumerable:!0,get:function(){return c.XSMALL_SCALE_MODE_CLASSNAME}}),Object.defineProperty(exports,"XXLARGE_SCALE_MODE_CLASSNAME",{enumerable:!0,get:function(){return c.XXLARGE_SCALE_MODE_CLASSNAME}}),Object.defineProperty(exports,"XXXLARGE_SCALE_MODE_CLASSNAME",{enumerable:!0,get:function(){return c.XXXLARGE_SCALE_MODE_CLASSNAME}}),Object.defineProperty(exports,"Avatar",{enumerable:!0,get:function(){return s.Avatar}}),Object.defineProperty(exports,"AvatarIcon",{enumerable:!0,get:function(){return s.AvatarIcon}}),Object.defineProperty(exports,"AvatarImage",{enumerable:!0,get:function(){return s.AvatarImage}}),Object.defineProperty(exports,"AvatarText",{enumerable:!0,get:function(){return s.AvatarText}}),Object.defineProperty(exports,"Badge",{enumerable:!0,get:function(){return s.Badge}}),Object.defineProperty(exports,"Button",{enumerable:!0,get:function(){return s.Button}}),Object.defineProperty(exports,"Checkbox",{enumerable:!0,get:function(){return s.Checkbox}}),Object.defineProperty(exports,"Chip",{enumerable:!0,get:function(){return s.Chip}}),Object.defineProperty(exports,"ChipButton",{enumerable:!0,get:function(){return s.ChipButton}}),Object.defineProperty(exports,"ChipDismissible",{enumerable:!0,get:function(){return s.ChipDismissible}}),Object.defineProperty(exports,"ChipLink",{enumerable:!0,get:function(){return s.ChipLink}}),Object.defineProperty(exports,"ChipToggle",{enumerable:!0,get:function(){return s.ChipToggle}}),Object.defineProperty(exports,"IconButton",{enumerable:!0,get:function(){return s.IconButton}}),Object.defineProperty(exports,"Input",{enumerable:!0,get:function(){return s.Input}}),Object.defineProperty(exports,"Menu",{enumerable:!0,get:function(){return s.Menu}}),Object.defineProperty(exports,"Pressable",{enumerable:!0,get:function(){return s.Pressable}}),Object.defineProperty(exports,"Radio",{enumerable:!0,get:function(){return s.Radio}}),Object.defineProperty(exports,"RadioGroupProvider",{enumerable:!0,get:function(){return s.RadioGroupProvider}}),Object.defineProperty(exports,"SpringMotionConfig",{enumerable:!0,get:function(){return s.SpringMotionConfig}}),Object.defineProperty(exports,"Switch",{enumerable:!0,get:function(){return s.Switch}}),exports.Divider=b,exports.Link=O,exports.ResponsiveText=({className:e,...t})=>p.jsx(o.Text,{...t,className:o.cx(e,c.TEXT_RESPONSIVE_CLASSNAME)});
|
package/dist/index.d.cts
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-B2DvoAMD.cjs';
|
2
|
+
export { a as Box, B as BoxProps } from './Box-B2DvoAMD.cjs';
|
3
|
+
export { a as Divider, D as DividerProps, b as VStack, V as VStackProps } from './VStack-BrpD0qUH.cjs';
|
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.cjs';
|
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.cjs';
|
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-CgQcjNy7.cjs';
|
10
|
+
export { a as Text } from './Text-CgQcjNy7.cjs';
|
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.cjs';
|
12
13
|
export { AvatarConfig, BadgeConfig, CheckboxConfig, ChipConfig, DividerConfig, InputConfig, LinkConfig, MenuConfig, RadioConfig, SwitchConfig } from './tokens/automation/configs.cjs';
|
13
|
-
export { A as AllPossibleProperties, j as AllVariantKeys, i as AutoComponentName, h as AutoComponents, g as ComponentConfig, b as ComponentStateConfig, C as ConfigurablePropertiesName, E as ExtendablePropertiesName, L as LayerConfig, P as PossibleStates, a as PossibleStatesWithRest, k as SchemaStateValue, S as SelectedConfigurableProperty, d as SubComponentConfig, V as VariantConfig, f as VariantConfigWithComponentStates, e as VariantConfigWithProperties, c as configurableProperties, 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-BNV_bpqb.cjs';
|
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 };
|