@yahoo/uds 1.1.7 → 1.2.0

Sign up to get free protection for your applications and to get access to all the features.
Files changed (51) hide show
  1. package/cli/bin/uds-darwin-arm64-baseline +0 -0
  2. package/cli/bin/uds-linux-x64-baseline +0 -0
  3. package/cli/tsconfig.json +1 -0
  4. package/dist/{chunk-2PWYNHHE.js → chunk-2JIYRTEY.js} +2 -2
  5. package/dist/{chunk-FHBEEPY7.cjs → chunk-3VTRSTDI.cjs} +1 -1
  6. package/dist/{chunk-D5LOEZUM.js → chunk-4J7ZJHCN.js} +1 -1
  7. package/dist/{chunk-Z5Y2CHME.cjs → chunk-5X3JN6IH.cjs} +2 -2
  8. package/dist/{chunk-ML56HUQO.cjs → chunk-6K5IORZA.cjs} +1 -1
  9. package/dist/{chunk-KQZYAPGK.cjs → chunk-AIRVDEVS.cjs} +2 -2
  10. package/dist/{chunk-DIBPHB45.js → chunk-BQTYVXIC.js} +2 -2
  11. package/dist/{chunk-3AXI4EKV.js → chunk-CE5NDFHI.js} +1 -1
  12. package/dist/{chunk-X5YNEVVO.cjs → chunk-E3Z3A4MR.cjs} +1 -1
  13. package/dist/chunk-OJR4RBBW.js +3 -0
  14. package/dist/{chunk-VK5VXZH3.js → chunk-PCSDVJE6.js} +1 -1
  15. package/dist/{chunk-5O2UG72V.cjs → chunk-SLCISFAV.cjs} +3 -3
  16. package/dist/{chunk-HEPNOEIN.cjs → chunk-TWTUXY76.cjs} +2 -2
  17. package/dist/chunk-TYKFUQUM.cjs +1 -0
  18. package/dist/{chunk-OIUWGOHD.cjs → chunk-W5AGPUNC.cjs} +2 -2
  19. package/dist/chunk-XFTF7IHG.js +2 -0
  20. package/dist/{chunk-XRHVMUMI.js → chunk-Y2TGGXMH.js} +2 -2
  21. package/dist/{chunk-BCE75B5E.js → chunk-ZJE5XRN2.js} +4 -4
  22. package/dist/client/index.cjs +1 -1
  23. package/dist/client/index.d.cts +2 -2
  24. package/dist/client/index.d.ts +2 -2
  25. package/dist/client/index.js +4 -4
  26. package/dist/experimental/index.cjs +2 -3
  27. package/dist/experimental/index.js +3 -3
  28. package/dist/index.cjs +1 -1
  29. package/dist/index.d.cts +33 -86
  30. package/dist/index.d.ts +33 -86
  31. package/dist/index.js +2 -2
  32. package/dist/metafile-cjs.json +1 -1
  33. package/dist/metafile-esm.json +1 -1
  34. package/dist/tailwind/plugin.cjs +3 -3
  35. package/dist/tailwind/plugin.js +3 -3
  36. package/dist/tailwind/purger.cjs +2 -2
  37. package/dist/tailwind/purger.js +2 -2
  38. package/dist/tailwind/tsMorph.cjs +3 -3
  39. package/dist/tailwind/tsMorph.js +2 -2
  40. package/dist/tailwind/utils.cjs +1 -1
  41. package/dist/tailwind/utils.js +1 -1
  42. package/dist/tokens/index.cjs +1 -1
  43. package/dist/tokens/index.js +1 -1
  44. package/dist/tokens/parseTokens.cjs +1 -1
  45. package/dist/tokens/parseTokens.js +1 -1
  46. package/package.json +3 -1
  47. package/dist/chunk-2BSAN6SF.js +0 -3
  48. package/dist/chunk-S3SOXK7H.js +0 -2
  49. package/dist/chunk-XTFFMKR6.cjs +0 -2
  50. /package/dist/{motionFeatures-GMXTMT2N.cjs → motionFeatures-M3DOZMRC.cjs} +0 -0
  51. /package/dist/{motionFeatures-WXTLZ273.js → motionFeatures-QDISAARM.js} +0 -0
package/dist/index.d.cts CHANGED
@@ -32,9 +32,9 @@ interface BoxProps extends UniversalBoxProps, DivProps {
32
32
  * - If you need to div-like container to apply padding, shapes, or other styling.
33
33
  * - If you're creating card components.
34
34
  *
35
- * @see The {@link http://yo/uds/docs/components/box Box Docs} for more info
35
+ * @see The {@link https://uds.build/docs/components/box Box Docs} for more info
36
36
  *
37
- * @related [HStack](http://yo/uds/docs/components/h-stack), [VStack](http://yo/uds/docs/components/v-stack)
37
+ * @related [HStack](https://uds.build/docs/components/h-stack), [VStack](https://uds.build/docs/components/v-stack)
38
38
  */
39
39
  declare const Box: react.ForwardRefExoticComponent<BoxProps & react.RefAttributes<HTMLDivElement>>;
40
40
 
@@ -65,9 +65,9 @@ interface HStackProps extends UniversalStackProps, DivProps {
65
65
  * - Create columns that fill the available space within the parent container.
66
66
  * - Create columns of proportionate size to each other (also known as a ratio-based layout).
67
67
  *
68
- * @see The {@link http://yo/uds/docs/components/h-stack HStack Docs} for more info
68
+ * @see The {@link https://uds.build/docs/components/h-stack HStack Docs} for more info
69
69
  *
70
- * @related [Box](http://yo/uds/docs/components/box), [VStack](http://yo/uds/docs/components/v-stack)
70
+ * @related [Box](https://uds.build/docs/components/box), [VStack](https://uds.build/docs/components/v-stack)
71
71
  **/
72
72
  declare const HStack: react.ForwardRefExoticComponent<HStackProps & react.RefAttributes<HTMLDivElement>>;
73
73
 
@@ -78,7 +78,7 @@ interface IconProps extends UniversalIconProps, SVGElementProps {
78
78
  * **🎨 A component for displaying icons**
79
79
  *
80
80
  * @description
81
- * [Iconography](http://yo/uds/docs/core-concepts/icons) contains small symbols for actions or
81
+ * [Iconography](https://uds.build/docs/core-concepts/icons) contains small symbols for actions or
82
82
  * other items. They are available in three different sizes: `sm`, `md`, and
83
83
  * `lg`. Each size also supports an outline and fill variant. Icons can be
84
84
  * colored using the `color` prop.
@@ -99,9 +99,9 @@ interface IconProps extends UniversalIconProps, SVGElementProps {
99
99
  * @usage
100
100
  * - If you need to display an icon.
101
101
  *
102
- * @see The {@link http://yo/uds/docs/components/icon Icon Docs} for more info
102
+ * @see The {@link https://uds.build/docs/components/icon Icon Docs} for more info
103
103
  *
104
- * @related [IconButton](http://yo/uds/docs/components/icon-button)
104
+ * @related [IconButton](https://uds.build/docs/components/icon-button)
105
105
  */
106
106
  declare const Icon: react.ForwardRefExoticComponent<IconProps & react.RefAttributes<SVGSVGElement>>;
107
107
 
@@ -127,9 +127,9 @@ interface ImageProps extends NativeImageProps, UniversalImageProps {
127
127
  * - Use `width` and `height` props to set the size of the image.
128
128
  * - Image extends the HTMLImageElement, as well as the uds `Box` component and supports all of their props.
129
129
  *
130
- * @see The {@link http://yo/uds/docs/components/image Image Docs} for more info
130
+ * @see The {@link https://uds.build/docs/components/image Image Docs} for more info
131
131
  *
132
- * @related [Box](http://yo/uds/docs/components/box)
132
+ * @related [Box](https://uds.build/docs/components/box)
133
133
  */
134
134
  declare function Image({ width: imageWidth, height: imageHeight, src, alt, contentFit, backgroundColor, borderRadius, borderTopStartRadius, borderTopEndRadius, borderBottomStartRadius, borderBottomEndRadius, borderColor, borderStartColor, borderEndColor, borderTopColor, borderBottomColor, borderWidth, borderVerticalWidth, borderHorizontalWidth, borderStartWidth, borderEndWidth, borderTopWidth, borderBottomWidth, alignContent, alignItems, alignSelf, flex, flexDirection, flexGrow, flexShrink, flexWrap, justifyContent, flexBasis, display, overflow, overflowX, overflowY, position, spacing, spacingHorizontal, spacingVertical, spacingBottom, spacingEnd, spacingStart, spacingTop, offset, offsetVertical, offsetHorizontal, offsetBottom, offsetEnd, offsetStart, offsetTop, columnGap, rowGap, ...props }: ImageProps): react_jsx_runtime.JSX.Element;
135
135
 
@@ -164,9 +164,9 @@ interface PressableProps extends UniversalPressableProps, HtmlButtonProps {
164
164
  * - If you need to add interactivity to a section or card.
165
165
  * - If you need a highly customized version of [Button](./button)
166
166
  *
167
- * @see The {@link http://yo/uds/docs/components/pressable Pressable Docs} for more info
167
+ * @see The {@link https://uds.build/docs/components/pressable Pressable Docs} for more info
168
168
  *
169
- * @related [Button](http://yo/uds/docs/components/button), [IconButton](http://yo/uds/docs/components/icon-button)
169
+ * @related [Button](https://uds.build/docs/components/button), [IconButton](https://uds.build/docs/components/icon-button)
170
170
  *
171
171
  */
172
172
  declare const Pressable: react.ForwardRefExoticComponent<PressableProps & react.RefAttributes<HTMLButtonElement>>;
@@ -204,9 +204,9 @@ type TextProps = UniversalTextProps & {
204
204
  * - Use `color` to change the color of the text.
205
205
  * - Use `as` to change the HTML tag used to render the text.
206
206
  *
207
- * @see The {@link http://yo/uds/docs/components/text Text Docs} for more info
207
+ * @see The {@link https://uds.build/docs/components/text Text Docs} for more info
208
208
  *
209
- * @related [Button](http://yo/uds/docs/components/button) and [Pressable](http://yo/uds/docs/components/pressable)
209
+ * @related [Button](https://uds.build/docs/components/button) and [Pressable](https://uds.build/docs/components/pressable)
210
210
  */
211
211
  declare const Text: react.ForwardRefExoticComponent<Omit<TextProps, "ref"> & react.RefAttributes<HTMLElement>>;
212
212
 
@@ -236,12 +236,28 @@ type VStackProps = UniversalStackProps & DivProps;
236
236
  * - Create rows that fill the available space within the parent container.
237
237
  * - Create rows of proportionate size to each other (also known as a ratio-based layout).
238
238
  *
239
- * @see The {@link http://yo/uds/docs/components/v-stack VStack Docs} for more info
239
+ * @see The {@link https://uds.build/docs/components/v-stack VStack Docs} for more info
240
240
  *
241
- * @related [Box](http://yo/uds/docs/components/box), [HStack](http://yo/uds/docs/components/h-stack)
241
+ * @related [Box](https://uds.build/docs/components/box), [HStack](https://uds.build/docs/components/h-stack)
242
242
  **/
243
243
  declare const VStack: react.ForwardRefExoticComponent<UniversalStackProps & DivProps & react.RefAttributes<HTMLDivElement>>;
244
244
 
245
+ interface FeatureFlags {
246
+ /**
247
+ * Setting to true enables a specialized cache for calls to getStyle(),
248
+ * which can improve performance of component render times.
249
+ * @default false
250
+ **/
251
+ useGetStylesCache?: boolean;
252
+ }
253
+ /**
254
+ * Sets/overrides feature flags
255
+ * @param flags Flag overrides
256
+ * @returns Updated feature flags
257
+ */
258
+ declare const updateFeatureFlags: (flags: Partial<FeatureFlags>) => FeatureFlags;
259
+ declare const getFeatureFlags: () => FeatureFlags;
260
+
245
261
  type StringToBoolean<T> = T extends 'true' | 'false' ? boolean : T;
246
262
  type CvaStyleValue<T> = T | CvaStyleArray<T> | Record<string, unknown> | null | boolean | undefined;
247
263
  type CvaStyleArray<T> = CvaStyleValue<T>[];
@@ -277,77 +293,8 @@ interface CX<T> {
277
293
 
278
294
  declare const cx: CX<string>;
279
295
  declare const cva: CVA<string>;
280
- declare const getStyles: (props?: ({
281
- color?: "brand" | "accent" | "alert" | "positive" | "warning" | "primary" | "secondary" | "tertiary" | "muted" | "on-color" | "transparent" | "white" | "black" | "current" | undefined;
282
- placeholderColor?: "brand" | "accent" | "alert" | "positive" | "warning" | "primary" | "secondary" | "tertiary" | "muted" | "on-color" | "transparent" | "white" | "black" | "current" | undefined;
283
- fontFamily?: "serif" | "sans" | "mono" | "display1" | "display2" | "display3" | "title1" | "title2" | "title3" | "title4" | "headline1" | "body1" | "label1" | "label2" | "caption1" | "caption2" | "legal1" | "sans-alt" | "serif-alt" | undefined;
284
- fontSize?: "display1" | "display2" | "display3" | "title1" | "title2" | "title3" | "title4" | "headline1" | "body1" | "label1" | "label2" | "caption1" | "caption2" | "legal1" | undefined;
285
- fontWeight?: "black" | "display1" | "display2" | "display3" | "title1" | "title2" | "title3" | "title4" | "headline1" | "body1" | "label1" | "label2" | "caption1" | "caption2" | "legal1" | "thin" | "extralight" | "light" | "regular" | "medium" | "semibold" | "bold" | "extrabold" | undefined;
286
- lineHeight?: "display1" | "display2" | "display3" | "title1" | "title2" | "title3" | "title4" | "headline1" | "body1" | "label1" | "label2" | "caption1" | "caption2" | "legal1" | undefined;
287
- textAlign?: "center" | "end" | "start" | "justify" | undefined;
288
- textTransform?: "display1" | "display2" | "display3" | "title1" | "title2" | "title3" | "title4" | "headline1" | "body1" | "label1" | "label2" | "caption1" | "caption2" | "legal1" | "none" | "uppercase" | "lowercase" | "capitalize" | undefined;
289
- spacing?: "9" | "0" | "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "10" | "11" | "12" | "14" | "px" | "0.5" | "1.5" | "2.5" | "3.5" | "16" | "20" | "24" | "28" | "32" | "36" | "40" | "44" | "48" | "52" | "56" | "60" | "64" | "72" | "80" | "96" | undefined;
290
- spacingHorizontal?: "9" | "0" | "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "10" | "11" | "12" | "14" | "px" | "0.5" | "1.5" | "2.5" | "3.5" | "16" | "20" | "24" | "28" | "32" | "36" | "40" | "44" | "48" | "52" | "56" | "60" | "64" | "72" | "80" | "96" | undefined;
291
- spacingVertical?: "9" | "0" | "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "10" | "11" | "12" | "14" | "px" | "0.5" | "1.5" | "2.5" | "3.5" | "16" | "20" | "24" | "28" | "32" | "36" | "40" | "44" | "48" | "52" | "56" | "60" | "64" | "72" | "80" | "96" | undefined;
292
- spacingBottom?: "9" | "0" | "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "10" | "11" | "12" | "14" | "px" | "0.5" | "1.5" | "2.5" | "3.5" | "16" | "20" | "24" | "28" | "32" | "36" | "40" | "44" | "48" | "52" | "56" | "60" | "64" | "72" | "80" | "96" | undefined;
293
- spacingEnd?: "9" | "0" | "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "10" | "11" | "12" | "14" | "px" | "0.5" | "1.5" | "2.5" | "3.5" | "16" | "20" | "24" | "28" | "32" | "36" | "40" | "44" | "48" | "52" | "56" | "60" | "64" | "72" | "80" | "96" | undefined;
294
- spacingStart?: "9" | "0" | "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "10" | "11" | "12" | "14" | "px" | "0.5" | "1.5" | "2.5" | "3.5" | "16" | "20" | "24" | "28" | "32" | "36" | "40" | "44" | "48" | "52" | "56" | "60" | "64" | "72" | "80" | "96" | undefined;
295
- spacingTop?: "9" | "0" | "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "10" | "11" | "12" | "14" | "px" | "0.5" | "1.5" | "2.5" | "3.5" | "16" | "20" | "24" | "28" | "32" | "36" | "40" | "44" | "48" | "52" | "56" | "60" | "64" | "72" | "80" | "96" | undefined;
296
- offset?: "9" | "0" | "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "10" | "11" | "12" | "14" | "px" | "0.5" | "1.5" | "2.5" | "3.5" | "16" | "20" | "24" | "28" | "32" | "36" | "40" | "44" | "48" | "52" | "56" | "60" | "64" | "72" | "80" | "96" | undefined;
297
- offsetVertical?: "9" | "0" | "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "10" | "11" | "12" | "14" | "px" | "0.5" | "1.5" | "2.5" | "3.5" | "16" | "20" | "24" | "28" | "32" | "36" | "40" | "44" | "48" | "52" | "56" | "60" | "64" | "72" | "80" | "96" | undefined;
298
- offsetHorizontal?: "9" | "0" | "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "10" | "11" | "12" | "14" | "px" | "0.5" | "1.5" | "2.5" | "3.5" | "16" | "20" | "24" | "28" | "32" | "36" | "40" | "44" | "48" | "52" | "56" | "60" | "64" | "72" | "80" | "96" | undefined;
299
- offsetBottom?: "9" | "0" | "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "10" | "11" | "12" | "14" | "px" | "0.5" | "1.5" | "2.5" | "3.5" | "16" | "20" | "24" | "28" | "32" | "36" | "40" | "44" | "48" | "52" | "56" | "60" | "64" | "72" | "80" | "96" | undefined;
300
- offsetEnd?: "9" | "0" | "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "10" | "11" | "12" | "14" | "px" | "0.5" | "1.5" | "2.5" | "3.5" | "16" | "20" | "24" | "28" | "32" | "36" | "40" | "44" | "48" | "52" | "56" | "60" | "64" | "72" | "80" | "96" | undefined;
301
- offsetStart?: "9" | "0" | "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "10" | "11" | "12" | "14" | "px" | "0.5" | "1.5" | "2.5" | "3.5" | "16" | "20" | "24" | "28" | "32" | "36" | "40" | "44" | "48" | "52" | "56" | "60" | "64" | "72" | "80" | "96" | undefined;
302
- offsetTop?: "9" | "0" | "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "10" | "11" | "12" | "14" | "px" | "0.5" | "1.5" | "2.5" | "3.5" | "16" | "20" | "24" | "28" | "32" | "36" | "40" | "44" | "48" | "52" | "56" | "60" | "64" | "72" | "80" | "96" | undefined;
303
- columnGap?: "9" | "0" | "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "10" | "11" | "12" | "14" | "px" | "0.5" | "1.5" | "2.5" | "3.5" | "16" | "20" | "24" | "28" | "32" | "36" | "40" | "44" | "48" | "52" | "56" | "60" | "64" | "72" | "80" | "96" | undefined;
304
- rowGap?: "9" | "0" | "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "10" | "11" | "12" | "14" | "px" | "0.5" | "1.5" | "2.5" | "3.5" | "16" | "20" | "24" | "28" | "32" | "36" | "40" | "44" | "48" | "52" | "56" | "60" | "64" | "72" | "80" | "96" | undefined;
305
- backgroundColor?: "brand" | "accent" | "alert" | "positive" | "warning" | "primary" | "secondary" | "transparent" | "white" | "black" | "current" | undefined;
306
- borderColor?: "brand" | "accent" | "alert" | "positive" | "warning" | "primary" | "secondary" | "tertiary" | "muted" | "transparent" | "white" | "black" | "current" | undefined;
307
- borderStartColor?: "brand" | "accent" | "alert" | "positive" | "warning" | "primary" | "secondary" | "tertiary" | "muted" | "transparent" | "white" | "black" | "current" | undefined;
308
- borderEndColor?: "brand" | "accent" | "alert" | "positive" | "warning" | "primary" | "secondary" | "tertiary" | "muted" | "transparent" | "white" | "black" | "current" | undefined;
309
- borderBottomColor?: "brand" | "accent" | "alert" | "positive" | "warning" | "primary" | "secondary" | "tertiary" | "muted" | "transparent" | "white" | "black" | "current" | undefined;
310
- borderTopColor?: "brand" | "accent" | "alert" | "positive" | "warning" | "primary" | "secondary" | "tertiary" | "muted" | "transparent" | "white" | "black" | "current" | undefined;
311
- borderRadius?: "none" | "xs" | "sm" | "md" | "lg" | "xl" | "full" | undefined;
312
- borderTopStartRadius?: "none" | "xs" | "sm" | "md" | "lg" | "xl" | "full" | undefined;
313
- borderTopEndRadius?: "none" | "xs" | "sm" | "md" | "lg" | "xl" | "full" | undefined;
314
- borderBottomStartRadius?: "none" | "xs" | "sm" | "md" | "lg" | "xl" | "full" | undefined;
315
- borderBottomEndRadius?: "none" | "xs" | "sm" | "md" | "lg" | "xl" | "full" | undefined;
316
- borderWidth?: "thin" | "medium" | "none" | "thick" | undefined;
317
- borderVerticalWidth?: "thin" | "medium" | "none" | "thick" | undefined;
318
- borderHorizontalWidth?: "thin" | "medium" | "none" | "thick" | undefined;
319
- borderStartWidth?: "thin" | "medium" | "none" | "thick" | undefined;
320
- borderEndWidth?: "thin" | "medium" | "none" | "thick" | undefined;
321
- borderTopWidth?: "thin" | "medium" | "none" | "thick" | undefined;
322
- borderBottomWidth?: "thin" | "medium" | "none" | "thick" | undefined;
323
- avatarSize?: "sm" | "md" | "lg" | undefined;
324
- iconSize?: "sm" | "md" | "lg" | undefined;
325
- alignContent?: "center" | "flex-end" | "flex-start" | "stretch" | "space-between" | "space-around" | undefined;
326
- alignItems?: "center" | "flex-end" | "flex-start" | "baseline" | "stretch" | undefined;
327
- alignSelf?: "center" | "flex-end" | "flex-start" | "baseline" | "stretch" | "auto" | undefined;
328
- flex?: "1" | "none" | "initial" | "auto" | undefined;
329
- flexDirection?: "row" | "column" | "row-reverse" | "column-reverse" | undefined;
330
- flexGrow?: "0" | "1" | "2" | "3" | undefined;
331
- flexShrink?: "0" | "1" | undefined;
332
- flexWrap?: "nowrap" | "wrap" | "wrap-reverse" | undefined;
333
- justifyContent?: "center" | "flex-end" | "flex-start" | "space-between" | "space-around" | "space-evenly" | undefined;
334
- flexBasis?: "min-content" | undefined;
335
- display?: "block" | "inline" | "flex" | "flow-root" | "grid" | "table" | "table-caption" | "table-cell" | "table-column" | "table-column-group" | "table-footer-group" | "table-header-group" | "table-row" | "table-row-group" | "inline-block" | "inline-flex" | "inline-table" | "contents" | undefined;
336
- overflow?: "hidden" | "auto" | "clip" | "visible" | "scroll" | undefined;
337
- overflowX?: "hidden" | "auto" | "clip" | "visible" | "scroll" | undefined;
338
- overflowY?: "hidden" | "auto" | "clip" | "visible" | "scroll" | undefined;
339
- position?: "static" | "fixed" | "absolute" | "relative" | "sticky" | undefined;
340
- contentFit?: "none" | "fill" | "cover" | "contain" | "scale-down" | undefined;
341
- colorMode?: "light" | "dark" | undefined;
342
- scaleMode?: "medium" | "xSmall" | "small" | "large" | "xLarge" | "xxLarge" | "xxxLarge" | undefined;
343
- buttonPalette?: "brand" | "accent" | "alert" | "positive" | "warning" | undefined;
344
- buttonVariant?: "primary" | "secondary" | "tertiary" | undefined;
345
- buttonSize?: "sm" | "md" | "lg" | undefined;
346
- iconButtonSize?: "xs" | "sm" | "md" | "lg" | "xl" | undefined;
347
- } & {
348
- className?: string | undefined;
349
- }) | undefined) => string;
296
+ declare const getStyles: (props: Record<string, unknown>) => string;
350
297
 
351
298
  type SetState<T> = Dispatch<SetStateAction<T>>;
352
299
 
353
- export { Box, type BoxProps, HStack, type HStackProps, Icon, type IconProps, Image, type ImageProps, Pressable, type PressableProps, type SetState, Text, type TextProps, UniversalBoxProps, UniversalIconProps, UniversalImageProps, UniversalPressableProps, UniversalStackProps, UniversalTextProps, VStack, type VStackProps, cva, cx, getStyles };
300
+ export { Box, type BoxProps, type FeatureFlags, HStack, type HStackProps, Icon, type IconProps, Image, type ImageProps, Pressable, type PressableProps, type SetState, Text, type TextProps, UniversalBoxProps, UniversalIconProps, UniversalImageProps, UniversalPressableProps, UniversalStackProps, UniversalTextProps, VStack, type VStackProps, cva, cx, getFeatureFlags, getStyles, updateFeatureFlags };
package/dist/index.d.ts CHANGED
@@ -32,9 +32,9 @@ interface BoxProps extends UniversalBoxProps, DivProps {
32
32
  * - If you need to div-like container to apply padding, shapes, or other styling.
33
33
  * - If you're creating card components.
34
34
  *
35
- * @see The {@link http://yo/uds/docs/components/box Box Docs} for more info
35
+ * @see The {@link https://uds.build/docs/components/box Box Docs} for more info
36
36
  *
37
- * @related [HStack](http://yo/uds/docs/components/h-stack), [VStack](http://yo/uds/docs/components/v-stack)
37
+ * @related [HStack](https://uds.build/docs/components/h-stack), [VStack](https://uds.build/docs/components/v-stack)
38
38
  */
39
39
  declare const Box: react.ForwardRefExoticComponent<BoxProps & react.RefAttributes<HTMLDivElement>>;
40
40
 
@@ -65,9 +65,9 @@ interface HStackProps extends UniversalStackProps, DivProps {
65
65
  * - Create columns that fill the available space within the parent container.
66
66
  * - Create columns of proportionate size to each other (also known as a ratio-based layout).
67
67
  *
68
- * @see The {@link http://yo/uds/docs/components/h-stack HStack Docs} for more info
68
+ * @see The {@link https://uds.build/docs/components/h-stack HStack Docs} for more info
69
69
  *
70
- * @related [Box](http://yo/uds/docs/components/box), [VStack](http://yo/uds/docs/components/v-stack)
70
+ * @related [Box](https://uds.build/docs/components/box), [VStack](https://uds.build/docs/components/v-stack)
71
71
  **/
72
72
  declare const HStack: react.ForwardRefExoticComponent<HStackProps & react.RefAttributes<HTMLDivElement>>;
73
73
 
@@ -78,7 +78,7 @@ interface IconProps extends UniversalIconProps, SVGElementProps {
78
78
  * **🎨 A component for displaying icons**
79
79
  *
80
80
  * @description
81
- * [Iconography](http://yo/uds/docs/core-concepts/icons) contains small symbols for actions or
81
+ * [Iconography](https://uds.build/docs/core-concepts/icons) contains small symbols for actions or
82
82
  * other items. They are available in three different sizes: `sm`, `md`, and
83
83
  * `lg`. Each size also supports an outline and fill variant. Icons can be
84
84
  * colored using the `color` prop.
@@ -99,9 +99,9 @@ interface IconProps extends UniversalIconProps, SVGElementProps {
99
99
  * @usage
100
100
  * - If you need to display an icon.
101
101
  *
102
- * @see The {@link http://yo/uds/docs/components/icon Icon Docs} for more info
102
+ * @see The {@link https://uds.build/docs/components/icon Icon Docs} for more info
103
103
  *
104
- * @related [IconButton](http://yo/uds/docs/components/icon-button)
104
+ * @related [IconButton](https://uds.build/docs/components/icon-button)
105
105
  */
106
106
  declare const Icon: react.ForwardRefExoticComponent<IconProps & react.RefAttributes<SVGSVGElement>>;
107
107
 
@@ -127,9 +127,9 @@ interface ImageProps extends NativeImageProps, UniversalImageProps {
127
127
  * - Use `width` and `height` props to set the size of the image.
128
128
  * - Image extends the HTMLImageElement, as well as the uds `Box` component and supports all of their props.
129
129
  *
130
- * @see The {@link http://yo/uds/docs/components/image Image Docs} for more info
130
+ * @see The {@link https://uds.build/docs/components/image Image Docs} for more info
131
131
  *
132
- * @related [Box](http://yo/uds/docs/components/box)
132
+ * @related [Box](https://uds.build/docs/components/box)
133
133
  */
134
134
  declare function Image({ width: imageWidth, height: imageHeight, src, alt, contentFit, backgroundColor, borderRadius, borderTopStartRadius, borderTopEndRadius, borderBottomStartRadius, borderBottomEndRadius, borderColor, borderStartColor, borderEndColor, borderTopColor, borderBottomColor, borderWidth, borderVerticalWidth, borderHorizontalWidth, borderStartWidth, borderEndWidth, borderTopWidth, borderBottomWidth, alignContent, alignItems, alignSelf, flex, flexDirection, flexGrow, flexShrink, flexWrap, justifyContent, flexBasis, display, overflow, overflowX, overflowY, position, spacing, spacingHorizontal, spacingVertical, spacingBottom, spacingEnd, spacingStart, spacingTop, offset, offsetVertical, offsetHorizontal, offsetBottom, offsetEnd, offsetStart, offsetTop, columnGap, rowGap, ...props }: ImageProps): react_jsx_runtime.JSX.Element;
135
135
 
@@ -164,9 +164,9 @@ interface PressableProps extends UniversalPressableProps, HtmlButtonProps {
164
164
  * - If you need to add interactivity to a section or card.
165
165
  * - If you need a highly customized version of [Button](./button)
166
166
  *
167
- * @see The {@link http://yo/uds/docs/components/pressable Pressable Docs} for more info
167
+ * @see The {@link https://uds.build/docs/components/pressable Pressable Docs} for more info
168
168
  *
169
- * @related [Button](http://yo/uds/docs/components/button), [IconButton](http://yo/uds/docs/components/icon-button)
169
+ * @related [Button](https://uds.build/docs/components/button), [IconButton](https://uds.build/docs/components/icon-button)
170
170
  *
171
171
  */
172
172
  declare const Pressable: react.ForwardRefExoticComponent<PressableProps & react.RefAttributes<HTMLButtonElement>>;
@@ -204,9 +204,9 @@ type TextProps = UniversalTextProps & {
204
204
  * - Use `color` to change the color of the text.
205
205
  * - Use `as` to change the HTML tag used to render the text.
206
206
  *
207
- * @see The {@link http://yo/uds/docs/components/text Text Docs} for more info
207
+ * @see The {@link https://uds.build/docs/components/text Text Docs} for more info
208
208
  *
209
- * @related [Button](http://yo/uds/docs/components/button) and [Pressable](http://yo/uds/docs/components/pressable)
209
+ * @related [Button](https://uds.build/docs/components/button) and [Pressable](https://uds.build/docs/components/pressable)
210
210
  */
211
211
  declare const Text: react.ForwardRefExoticComponent<Omit<TextProps, "ref"> & react.RefAttributes<HTMLElement>>;
212
212
 
@@ -236,12 +236,28 @@ type VStackProps = UniversalStackProps & DivProps;
236
236
  * - Create rows that fill the available space within the parent container.
237
237
  * - Create rows of proportionate size to each other (also known as a ratio-based layout).
238
238
  *
239
- * @see The {@link http://yo/uds/docs/components/v-stack VStack Docs} for more info
239
+ * @see The {@link https://uds.build/docs/components/v-stack VStack Docs} for more info
240
240
  *
241
- * @related [Box](http://yo/uds/docs/components/box), [HStack](http://yo/uds/docs/components/h-stack)
241
+ * @related [Box](https://uds.build/docs/components/box), [HStack](https://uds.build/docs/components/h-stack)
242
242
  **/
243
243
  declare const VStack: react.ForwardRefExoticComponent<UniversalStackProps & DivProps & react.RefAttributes<HTMLDivElement>>;
244
244
 
245
+ interface FeatureFlags {
246
+ /**
247
+ * Setting to true enables a specialized cache for calls to getStyle(),
248
+ * which can improve performance of component render times.
249
+ * @default false
250
+ **/
251
+ useGetStylesCache?: boolean;
252
+ }
253
+ /**
254
+ * Sets/overrides feature flags
255
+ * @param flags Flag overrides
256
+ * @returns Updated feature flags
257
+ */
258
+ declare const updateFeatureFlags: (flags: Partial<FeatureFlags>) => FeatureFlags;
259
+ declare const getFeatureFlags: () => FeatureFlags;
260
+
245
261
  type StringToBoolean<T> = T extends 'true' | 'false' ? boolean : T;
246
262
  type CvaStyleValue<T> = T | CvaStyleArray<T> | Record<string, unknown> | null | boolean | undefined;
247
263
  type CvaStyleArray<T> = CvaStyleValue<T>[];
@@ -277,77 +293,8 @@ interface CX<T> {
277
293
 
278
294
  declare const cx: CX<string>;
279
295
  declare const cva: CVA<string>;
280
- declare const getStyles: (props?: ({
281
- color?: "brand" | "accent" | "alert" | "positive" | "warning" | "primary" | "secondary" | "tertiary" | "muted" | "on-color" | "transparent" | "white" | "black" | "current" | undefined;
282
- placeholderColor?: "brand" | "accent" | "alert" | "positive" | "warning" | "primary" | "secondary" | "tertiary" | "muted" | "on-color" | "transparent" | "white" | "black" | "current" | undefined;
283
- fontFamily?: "serif" | "sans" | "mono" | "display1" | "display2" | "display3" | "title1" | "title2" | "title3" | "title4" | "headline1" | "body1" | "label1" | "label2" | "caption1" | "caption2" | "legal1" | "sans-alt" | "serif-alt" | undefined;
284
- fontSize?: "display1" | "display2" | "display3" | "title1" | "title2" | "title3" | "title4" | "headline1" | "body1" | "label1" | "label2" | "caption1" | "caption2" | "legal1" | undefined;
285
- fontWeight?: "black" | "display1" | "display2" | "display3" | "title1" | "title2" | "title3" | "title4" | "headline1" | "body1" | "label1" | "label2" | "caption1" | "caption2" | "legal1" | "thin" | "extralight" | "light" | "regular" | "medium" | "semibold" | "bold" | "extrabold" | undefined;
286
- lineHeight?: "display1" | "display2" | "display3" | "title1" | "title2" | "title3" | "title4" | "headline1" | "body1" | "label1" | "label2" | "caption1" | "caption2" | "legal1" | undefined;
287
- textAlign?: "center" | "end" | "start" | "justify" | undefined;
288
- textTransform?: "display1" | "display2" | "display3" | "title1" | "title2" | "title3" | "title4" | "headline1" | "body1" | "label1" | "label2" | "caption1" | "caption2" | "legal1" | "none" | "uppercase" | "lowercase" | "capitalize" | undefined;
289
- spacing?: "9" | "0" | "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "10" | "11" | "12" | "14" | "px" | "0.5" | "1.5" | "2.5" | "3.5" | "16" | "20" | "24" | "28" | "32" | "36" | "40" | "44" | "48" | "52" | "56" | "60" | "64" | "72" | "80" | "96" | undefined;
290
- spacingHorizontal?: "9" | "0" | "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "10" | "11" | "12" | "14" | "px" | "0.5" | "1.5" | "2.5" | "3.5" | "16" | "20" | "24" | "28" | "32" | "36" | "40" | "44" | "48" | "52" | "56" | "60" | "64" | "72" | "80" | "96" | undefined;
291
- spacingVertical?: "9" | "0" | "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "10" | "11" | "12" | "14" | "px" | "0.5" | "1.5" | "2.5" | "3.5" | "16" | "20" | "24" | "28" | "32" | "36" | "40" | "44" | "48" | "52" | "56" | "60" | "64" | "72" | "80" | "96" | undefined;
292
- spacingBottom?: "9" | "0" | "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "10" | "11" | "12" | "14" | "px" | "0.5" | "1.5" | "2.5" | "3.5" | "16" | "20" | "24" | "28" | "32" | "36" | "40" | "44" | "48" | "52" | "56" | "60" | "64" | "72" | "80" | "96" | undefined;
293
- spacingEnd?: "9" | "0" | "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "10" | "11" | "12" | "14" | "px" | "0.5" | "1.5" | "2.5" | "3.5" | "16" | "20" | "24" | "28" | "32" | "36" | "40" | "44" | "48" | "52" | "56" | "60" | "64" | "72" | "80" | "96" | undefined;
294
- spacingStart?: "9" | "0" | "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "10" | "11" | "12" | "14" | "px" | "0.5" | "1.5" | "2.5" | "3.5" | "16" | "20" | "24" | "28" | "32" | "36" | "40" | "44" | "48" | "52" | "56" | "60" | "64" | "72" | "80" | "96" | undefined;
295
- spacingTop?: "9" | "0" | "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "10" | "11" | "12" | "14" | "px" | "0.5" | "1.5" | "2.5" | "3.5" | "16" | "20" | "24" | "28" | "32" | "36" | "40" | "44" | "48" | "52" | "56" | "60" | "64" | "72" | "80" | "96" | undefined;
296
- offset?: "9" | "0" | "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "10" | "11" | "12" | "14" | "px" | "0.5" | "1.5" | "2.5" | "3.5" | "16" | "20" | "24" | "28" | "32" | "36" | "40" | "44" | "48" | "52" | "56" | "60" | "64" | "72" | "80" | "96" | undefined;
297
- offsetVertical?: "9" | "0" | "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "10" | "11" | "12" | "14" | "px" | "0.5" | "1.5" | "2.5" | "3.5" | "16" | "20" | "24" | "28" | "32" | "36" | "40" | "44" | "48" | "52" | "56" | "60" | "64" | "72" | "80" | "96" | undefined;
298
- offsetHorizontal?: "9" | "0" | "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "10" | "11" | "12" | "14" | "px" | "0.5" | "1.5" | "2.5" | "3.5" | "16" | "20" | "24" | "28" | "32" | "36" | "40" | "44" | "48" | "52" | "56" | "60" | "64" | "72" | "80" | "96" | undefined;
299
- offsetBottom?: "9" | "0" | "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "10" | "11" | "12" | "14" | "px" | "0.5" | "1.5" | "2.5" | "3.5" | "16" | "20" | "24" | "28" | "32" | "36" | "40" | "44" | "48" | "52" | "56" | "60" | "64" | "72" | "80" | "96" | undefined;
300
- offsetEnd?: "9" | "0" | "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "10" | "11" | "12" | "14" | "px" | "0.5" | "1.5" | "2.5" | "3.5" | "16" | "20" | "24" | "28" | "32" | "36" | "40" | "44" | "48" | "52" | "56" | "60" | "64" | "72" | "80" | "96" | undefined;
301
- offsetStart?: "9" | "0" | "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "10" | "11" | "12" | "14" | "px" | "0.5" | "1.5" | "2.5" | "3.5" | "16" | "20" | "24" | "28" | "32" | "36" | "40" | "44" | "48" | "52" | "56" | "60" | "64" | "72" | "80" | "96" | undefined;
302
- offsetTop?: "9" | "0" | "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "10" | "11" | "12" | "14" | "px" | "0.5" | "1.5" | "2.5" | "3.5" | "16" | "20" | "24" | "28" | "32" | "36" | "40" | "44" | "48" | "52" | "56" | "60" | "64" | "72" | "80" | "96" | undefined;
303
- columnGap?: "9" | "0" | "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "10" | "11" | "12" | "14" | "px" | "0.5" | "1.5" | "2.5" | "3.5" | "16" | "20" | "24" | "28" | "32" | "36" | "40" | "44" | "48" | "52" | "56" | "60" | "64" | "72" | "80" | "96" | undefined;
304
- rowGap?: "9" | "0" | "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "10" | "11" | "12" | "14" | "px" | "0.5" | "1.5" | "2.5" | "3.5" | "16" | "20" | "24" | "28" | "32" | "36" | "40" | "44" | "48" | "52" | "56" | "60" | "64" | "72" | "80" | "96" | undefined;
305
- backgroundColor?: "brand" | "accent" | "alert" | "positive" | "warning" | "primary" | "secondary" | "transparent" | "white" | "black" | "current" | undefined;
306
- borderColor?: "brand" | "accent" | "alert" | "positive" | "warning" | "primary" | "secondary" | "tertiary" | "muted" | "transparent" | "white" | "black" | "current" | undefined;
307
- borderStartColor?: "brand" | "accent" | "alert" | "positive" | "warning" | "primary" | "secondary" | "tertiary" | "muted" | "transparent" | "white" | "black" | "current" | undefined;
308
- borderEndColor?: "brand" | "accent" | "alert" | "positive" | "warning" | "primary" | "secondary" | "tertiary" | "muted" | "transparent" | "white" | "black" | "current" | undefined;
309
- borderBottomColor?: "brand" | "accent" | "alert" | "positive" | "warning" | "primary" | "secondary" | "tertiary" | "muted" | "transparent" | "white" | "black" | "current" | undefined;
310
- borderTopColor?: "brand" | "accent" | "alert" | "positive" | "warning" | "primary" | "secondary" | "tertiary" | "muted" | "transparent" | "white" | "black" | "current" | undefined;
311
- borderRadius?: "none" | "xs" | "sm" | "md" | "lg" | "xl" | "full" | undefined;
312
- borderTopStartRadius?: "none" | "xs" | "sm" | "md" | "lg" | "xl" | "full" | undefined;
313
- borderTopEndRadius?: "none" | "xs" | "sm" | "md" | "lg" | "xl" | "full" | undefined;
314
- borderBottomStartRadius?: "none" | "xs" | "sm" | "md" | "lg" | "xl" | "full" | undefined;
315
- borderBottomEndRadius?: "none" | "xs" | "sm" | "md" | "lg" | "xl" | "full" | undefined;
316
- borderWidth?: "thin" | "medium" | "none" | "thick" | undefined;
317
- borderVerticalWidth?: "thin" | "medium" | "none" | "thick" | undefined;
318
- borderHorizontalWidth?: "thin" | "medium" | "none" | "thick" | undefined;
319
- borderStartWidth?: "thin" | "medium" | "none" | "thick" | undefined;
320
- borderEndWidth?: "thin" | "medium" | "none" | "thick" | undefined;
321
- borderTopWidth?: "thin" | "medium" | "none" | "thick" | undefined;
322
- borderBottomWidth?: "thin" | "medium" | "none" | "thick" | undefined;
323
- avatarSize?: "sm" | "md" | "lg" | undefined;
324
- iconSize?: "sm" | "md" | "lg" | undefined;
325
- alignContent?: "center" | "flex-end" | "flex-start" | "stretch" | "space-between" | "space-around" | undefined;
326
- alignItems?: "center" | "flex-end" | "flex-start" | "baseline" | "stretch" | undefined;
327
- alignSelf?: "center" | "flex-end" | "flex-start" | "baseline" | "stretch" | "auto" | undefined;
328
- flex?: "1" | "none" | "initial" | "auto" | undefined;
329
- flexDirection?: "row" | "column" | "row-reverse" | "column-reverse" | undefined;
330
- flexGrow?: "0" | "1" | "2" | "3" | undefined;
331
- flexShrink?: "0" | "1" | undefined;
332
- flexWrap?: "nowrap" | "wrap" | "wrap-reverse" | undefined;
333
- justifyContent?: "center" | "flex-end" | "flex-start" | "space-between" | "space-around" | "space-evenly" | undefined;
334
- flexBasis?: "min-content" | undefined;
335
- display?: "block" | "inline" | "flex" | "flow-root" | "grid" | "table" | "table-caption" | "table-cell" | "table-column" | "table-column-group" | "table-footer-group" | "table-header-group" | "table-row" | "table-row-group" | "inline-block" | "inline-flex" | "inline-table" | "contents" | undefined;
336
- overflow?: "hidden" | "auto" | "clip" | "visible" | "scroll" | undefined;
337
- overflowX?: "hidden" | "auto" | "clip" | "visible" | "scroll" | undefined;
338
- overflowY?: "hidden" | "auto" | "clip" | "visible" | "scroll" | undefined;
339
- position?: "static" | "fixed" | "absolute" | "relative" | "sticky" | undefined;
340
- contentFit?: "none" | "fill" | "cover" | "contain" | "scale-down" | undefined;
341
- colorMode?: "light" | "dark" | undefined;
342
- scaleMode?: "medium" | "xSmall" | "small" | "large" | "xLarge" | "xxLarge" | "xxxLarge" | undefined;
343
- buttonPalette?: "brand" | "accent" | "alert" | "positive" | "warning" | undefined;
344
- buttonVariant?: "primary" | "secondary" | "tertiary" | undefined;
345
- buttonSize?: "sm" | "md" | "lg" | undefined;
346
- iconButtonSize?: "xs" | "sm" | "md" | "lg" | "xl" | undefined;
347
- } & {
348
- className?: string | undefined;
349
- }) | undefined) => string;
296
+ declare const getStyles: (props: Record<string, unknown>) => string;
350
297
 
351
298
  type SetState<T> = Dispatch<SetStateAction<T>>;
352
299
 
353
- export { Box, type BoxProps, HStack, type HStackProps, Icon, type IconProps, Image, type ImageProps, Pressable, type PressableProps, type SetState, Text, type TextProps, UniversalBoxProps, UniversalIconProps, UniversalImageProps, UniversalPressableProps, UniversalStackProps, UniversalTextProps, VStack, type VStackProps, cva, cx, getStyles };
300
+ export { Box, type BoxProps, type FeatureFlags, HStack, type HStackProps, Icon, type IconProps, Image, type ImageProps, Pressable, type PressableProps, type SetState, Text, type TextProps, UniversalBoxProps, UniversalIconProps, UniversalImageProps, UniversalPressableProps, UniversalStackProps, UniversalTextProps, VStack, type VStackProps, cva, cx, getFeatureFlags, getStyles, updateFeatureFlags };
package/dist/index.js CHANGED
@@ -1,2 +1,2 @@
1
- import{createSlot as o,getStyles as r}from"./chunk-2BSAN6SF.js";export{Icon,cva,cx,getStyles}from"./chunk-2BSAN6SF.js";export{DEFAULT_COLOR_MODE,DEFAULT_COLOR_MODE_FOR_APP,DEFAULT_HIGH_CONTRAST_MODE,DEFAULT_REGION_MODE,DEFAULT_SCALE_MODE,DEFAULT_SCALE_MODE_FOR_APP,FONT_DECLARATIONS_MAP,alwaysPalette,button,defaultTokensConfig,fromEntries,generateConfigCombinations,getDefaultButtonBaseMap}from"./chunk-BCE75B5E.js";export{entries,fontWeightMap,mapValues}from"./chunk-D5LOEZUM.js";export{variants}from"./chunk-XRHVMUMI.js";export{AVATAR_SIZE_PREFIX,BORDER_RADIUS_PREFIX,BORDER_WIDTH_PREFIX,BUTTON_CSS_VAR_MAP,DARK_COLOR_MODE_CLASSNAME,DEFAULT_COLOR_MODE_CLASSNAME,DEFAULT_SCALE_MODE_CLASSNAME,FONT_FAMILY_PREFIX,FONT_SIZE_PREFIX,FONT_WEIGHT_PREFIX,ICON_BUTTON_CSS_VAR_MAP,ICON_SIZE_PREFIX,LARGE_SCALE_MODE_CLASSNAME,LIGHT_COLOR_MODE_CLASSNAME,LINE_HEIGHT_PREFIX,MEDIUM_SCALE_MODE_CLASSNAME,MOTION_PREFIX,PSEUDO_STYLE_SELECTOR_MAP,SMALL_SCALE_MODE_CLASSNAME,SPECTRUM_COLOR_PREFIX,TEXT_TRANSFORM_PREFIX,UDS_PREFIX,XLARGE_SCALE_MODE_CLASSNAME,XSMALL_SCALE_MODE_CLASSNAME,XXLARGE_SCALE_MODE_CLASSNAME,XXXLARGE_SCALE_MODE_CLASSNAME}from"./chunk-VK5VXZH3.js";import{forwardRef as t}from"react";import{jsx as e}from"react/jsx-runtime";export{Button,IconButton,SpringMotionConfig}from"@yahoo/uds/client";
2
- /*! © 2024 Yahoo, Inc. UDS v1.1.7 */var i=o(),a=t((function({asChild:o,className:t,backgroundColor:a,borderRadius:d,borderTopStartRadius:n,borderTopEndRadius:l,borderBottomStartRadius:s,borderBottomEndRadius:f,borderColor:p,borderStartColor:c,borderEndColor:b,borderTopColor:E,borderBottomColor:S,borderWidth:C,borderVerticalWidth:g,borderHorizontalWidth:m,borderStartWidth:u,borderEndWidth:h,borderTopWidth:_,borderBottomWidth:T,alignContent:R,alignItems:W,alignSelf:A,flex:B,flexDirection:x,flexGrow:L,flexShrink:O,flexWrap:w,justifyContent:D,flexBasis:M,display:I="flex",overflow:G,overflowX:N,overflowY:H,position:F,spacing:V,spacingHorizontal:v,spacingVertical:X,spacingBottom:y,spacingEnd:z,spacingStart:k,spacingTop:P,offset:U,offsetVertical:j,offsetHorizontal:Y,offsetBottom:Z,offsetEnd:K,offsetStart:q,offsetTop:J,columnGap:Q,rowGap:$,...oo},ro){const to=r({backgroundColor:a,borderRadius:d,borderTopStartRadius:n,borderTopEndRadius:l,borderBottomStartRadius:s,borderBottomEndRadius:f,borderColor:p,borderStartColor:c,borderEndColor:b,borderTopColor:E,borderBottomColor:S,borderWidth:C,borderVerticalWidth:g,borderHorizontalWidth:m,borderStartWidth:u,borderEndWidth:h,borderTopWidth:_,borderBottomWidth:T,alignContent:R,alignItems:W,alignSelf:A,flex:B,flexDirection:x,flexGrow:L,flexShrink:O,flexWrap:w,justifyContent:D,flexBasis:M,display:I,overflow:G,overflowX:N,overflowY:H,position:F,spacing:V,spacingHorizontal:v,spacingVertical:X,spacingBottom:y,spacingEnd:z,spacingStart:k,spacingTop:P,offset:U,offsetVertical:j,offsetHorizontal:Y,offsetBottom:Z,offsetEnd:K,offsetStart:q,offsetTop:J,columnGap:Q,rowGap:$,className:t});return e(o?i:"div",{className:to,ref:ro,...oo})})),d=t((function({gap:o,...r},t){return e(a,{ref:t,flexDirection:"row",rowGap:o,columnGap:o,...r})}));function n({width:o,height:t,src:i,alt:a,contentFit:d,backgroundColor:n,borderRadius:l,borderTopStartRadius:s,borderTopEndRadius:f,borderBottomStartRadius:p,borderBottomEndRadius:c,borderColor:b,borderStartColor:E,borderEndColor:S,borderTopColor:C,borderBottomColor:g,borderWidth:m,borderVerticalWidth:u,borderHorizontalWidth:h,borderStartWidth:_,borderEndWidth:T,borderTopWidth:R,borderBottomWidth:W,alignContent:A,alignItems:B,alignSelf:x,flex:L,flexDirection:O,flexGrow:w,flexShrink:D,flexWrap:M,justifyContent:I,flexBasis:G,display:N,overflow:H,overflowX:F,overflowY:V,position:v,spacing:X,spacingHorizontal:y,spacingVertical:z,spacingBottom:k,spacingEnd:P,spacingStart:U,spacingTop:j,offset:Y,offsetVertical:Z,offsetHorizontal:K,offsetBottom:q,offsetEnd:J,offsetStart:Q,offsetTop:$,columnGap:oo,rowGap:ro,...to}){const eo=r({contentFit:d,backgroundColor:n,borderRadius:l,borderTopStartRadius:s,borderTopEndRadius:f,borderBottomStartRadius:p,borderBottomEndRadius:c,borderColor:b,borderStartColor:E,borderEndColor:S,borderTopColor:C,borderBottomColor:g,borderWidth:m,borderVerticalWidth:u,borderHorizontalWidth:h,borderStartWidth:_,borderEndWidth:T,borderTopWidth:R,borderBottomWidth:W,alignContent:A,alignItems:B,alignSelf:x,flex:L,flexDirection:O,flexGrow:w,flexShrink:D,flexWrap:M,justifyContent:I,flexBasis:G,display:N,overflow:H,overflowX:F,overflowY:V,position:v,spacing:X,spacingHorizontal:y,spacingVertical:z,spacingBottom:k,spacingEnd:P,spacingStart:U,spacingTop:j,offset:Y,offsetVertical:Z,offsetHorizontal:K,offsetBottom:q,offsetEnd:J,offsetStart:Q,offsetTop:$,columnGap:oo,rowGap:ro});return e("img",{src:i,alt:a,className:eo,style:{objectPosition:"left",width:o,height:t},...to})}var l=o(),s=t((function({className:o,asChild:t,onPress:i,onClick:a=i,backgroundColor:d,borderRadius:n,borderTopStartRadius:s,borderTopEndRadius:f,borderBottomStartRadius:p,borderBottomEndRadius:c,borderColor:b,borderStartColor:E,borderEndColor:S,borderTopColor:C,borderBottomColor:g,borderWidth:m,borderVerticalWidth:u,borderHorizontalWidth:h,borderStartWidth:_,borderEndWidth:T,borderTopWidth:R,borderBottomWidth:W,alignContent:A,alignItems:B,alignSelf:x,flex:L,flexDirection:O,flexGrow:w,flexShrink:D,flexWrap:M,justifyContent:I,flexBasis:G,display:N,overflow:H,overflowX:F,overflowY:V,position:v,spacing:X,spacingHorizontal:y,spacingVertical:z,spacingBottom:k,spacingEnd:P,spacingStart:U,spacingTop:j,offset:Y,offsetVertical:Z,offsetHorizontal:K,offsetBottom:q,offsetEnd:J,offsetStart:Q,offsetTop:$,columnGap:oo,rowGap:ro,...to},eo){const io=r({backgroundColor:d,borderRadius:n,borderTopStartRadius:s,borderTopEndRadius:f,borderBottomStartRadius:p,borderBottomEndRadius:c,borderColor:b,borderStartColor:E,borderEndColor:S,borderTopColor:C,borderBottomColor:g,borderWidth:m,borderVerticalWidth:u,borderHorizontalWidth:h,borderStartWidth:_,borderEndWidth:T,borderTopWidth:R,borderBottomWidth:W,alignContent:A,alignItems:B,alignSelf:x,flex:L,flexDirection:O,flexGrow:w,flexShrink:D,flexWrap:M,justifyContent:I,flexBasis:G,display:N,overflow:H,overflowX:F,overflowY:V,position:v,spacing:X,spacingHorizontal:y,spacingVertical:z,spacingBottom:k,spacingEnd:P,spacingStart:U,spacingTop:j,offset:Y,offsetVertical:Z,offsetHorizontal:K,offsetBottom:q,offsetEnd:J,offsetStart:Q,offsetTop:$,columnGap:oo,rowGap:ro,className:o});return e(t?l:"button",{className:io,ref:eo,onClick:a,...to})})),f=o(),p={display1:"h1",display2:"h1",display3:"h1",title1:"h1",title2:"h2",title3:"h3",title4:"h4",headline1:"h5",body1:"p",label1:"p",label2:"p",caption1:"p",caption2:"p",legal1:"p"},c=t((function({className:o,asChild:t,color:i="primary",variant:a="body1",as:d=p[a],fontSize:n=a,fontFamily:l=a,fontWeight:s=a,lineHeight:c=a,textTransform:b=a,textAlign:E,backgroundColor:S,borderRadius:C,borderTopStartRadius:g,borderTopEndRadius:m,borderBottomStartRadius:u,borderBottomEndRadius:h,borderColor:_,borderStartColor:T,borderEndColor:R,borderTopColor:W,borderBottomColor:A,borderWidth:B,borderVerticalWidth:x,borderHorizontalWidth:L,borderStartWidth:O,borderEndWidth:w,borderTopWidth:D,borderBottomWidth:M,alignContent:I,alignItems:G,alignSelf:N,flex:H,flexDirection:F,flexGrow:V,flexShrink:v,flexWrap:X,justifyContent:y,flexBasis:z,display:k,overflow:P,overflowX:U,overflowY:j,position:Y,spacing:Z,spacingHorizontal:K,spacingVertical:q,spacingBottom:J,spacingEnd:Q,spacingStart:$,spacingTop:oo,offset:ro,offsetVertical:to,offsetHorizontal:eo,offsetBottom:io,offsetEnd:ao,offsetStart:no,offsetTop:lo,columnGap:so,rowGap:fo,...po},co){const bo=r({className:o,color:i,fontFamily:l,fontSize:n,fontWeight:s,lineHeight:c,textTransform:b,textAlign:E,backgroundColor:S,borderRadius:C,borderTopStartRadius:g,borderTopEndRadius:m,borderBottomStartRadius:u,borderBottomEndRadius:h,borderColor:_,borderStartColor:T,borderEndColor:R,borderTopColor:W,borderBottomColor:A,borderWidth:B,borderVerticalWidth:x,borderHorizontalWidth:L,borderStartWidth:O,borderEndWidth:w,borderTopWidth:D,borderBottomWidth:M,alignContent:I,alignItems:G,alignSelf:N,flex:H,flexDirection:F,flexGrow:V,flexShrink:v,flexWrap:X,justifyContent:y,flexBasis:z,display:k,overflow:P,overflowX:U,overflowY:j,position:Y,spacing:Z,spacingHorizontal:K,spacingVertical:q,spacingBottom:J,spacingEnd:Q,spacingStart:$,spacingTop:oo,offset:ro,offsetVertical:to,offsetHorizontal:eo,offsetBottom:io,offsetEnd:ao,offsetStart:no,offsetTop:lo,columnGap:so,rowGap:fo});return e(t?f:d,{className:bo,ref:co,...po})})),b=t((function({gap:o,...r},t){return e(a,{ref:t,flexDirection:"column",columnGap:o,rowGap:o,...r})}));export{a as Box,d as HStack,n as Image,s as Pressable,c as Text,b as VStack};
1
+ import{createSlot as o,getStyles as r}from"./chunk-OJR4RBBW.js";export{Icon,cva,cx,getFeatureFlags,getStyles,updateFeatureFlags}from"./chunk-OJR4RBBW.js";export{DEFAULT_COLOR_MODE,DEFAULT_COLOR_MODE_FOR_APP,DEFAULT_HIGH_CONTRAST_MODE,DEFAULT_REGION_MODE,DEFAULT_SCALE_MODE,DEFAULT_SCALE_MODE_FOR_APP,FONT_DECLARATIONS_MAP,alwaysPalette,button,defaultTokensConfig,fromEntries,generateConfigCombinations,getDefaultButtonBaseMap}from"./chunk-ZJE5XRN2.js";export{entries,fontWeightMap,mapValues}from"./chunk-4J7ZJHCN.js";export{variants}from"./chunk-Y2TGGXMH.js";export{AVATAR_SIZE_PREFIX,BORDER_RADIUS_PREFIX,BORDER_WIDTH_PREFIX,BUTTON_CSS_VAR_MAP,DARK_COLOR_MODE_CLASSNAME,DEFAULT_COLOR_MODE_CLASSNAME,DEFAULT_SCALE_MODE_CLASSNAME,FONT_FAMILY_PREFIX,FONT_SIZE_PREFIX,FONT_WEIGHT_PREFIX,ICON_BUTTON_CSS_VAR_MAP,ICON_SIZE_PREFIX,LARGE_SCALE_MODE_CLASSNAME,LIGHT_COLOR_MODE_CLASSNAME,LINE_HEIGHT_PREFIX,MEDIUM_SCALE_MODE_CLASSNAME,MOTION_PREFIX,PSEUDO_STYLE_SELECTOR_MAP,SMALL_SCALE_MODE_CLASSNAME,SPECTRUM_COLOR_PREFIX,TEXT_TRANSFORM_PREFIX,UDS_PREFIX,XLARGE_SCALE_MODE_CLASSNAME,XSMALL_SCALE_MODE_CLASSNAME,XXLARGE_SCALE_MODE_CLASSNAME,XXXLARGE_SCALE_MODE_CLASSNAME}from"./chunk-PCSDVJE6.js";import{forwardRef as t}from"react";import{jsx as e}from"react/jsx-runtime";export{Button,IconButton,SpringMotionConfig}from"@yahoo/uds/client";
2
+ /*! © 2024 Yahoo, Inc. UDS v1.2.0 */var i=o(),a=t((function({asChild:o,className:t,backgroundColor:a,borderRadius:d,borderTopStartRadius:n,borderTopEndRadius:l,borderBottomStartRadius:s,borderBottomEndRadius:f,borderColor:p,borderStartColor:c,borderEndColor:b,borderTopColor:E,borderBottomColor:S,borderWidth:g,borderVerticalWidth:C,borderHorizontalWidth:m,borderStartWidth:u,borderEndWidth:h,borderTopWidth:R,borderBottomWidth:_,alignContent:T,alignItems:W,alignSelf:B,flex:A,flexDirection:x,flexGrow:O,flexShrink:L,flexWrap:w,justifyContent:D,flexBasis:M,display:G="flex",overflow:I,overflowX:N,overflowY:F,position:H,spacing:v,spacingHorizontal:X,spacingVertical:V,spacingBottom:y,spacingEnd:z,spacingStart:P,spacingTop:k,offset:j,offsetVertical:U,offsetHorizontal:Y,offsetBottom:J,offsetEnd:Z,offsetStart:K,offsetTop:q,columnGap:Q,rowGap:$,...oo},ro){const to=r({backgroundColor:a,borderRadius:d,borderTopStartRadius:n,borderTopEndRadius:l,borderBottomStartRadius:s,borderBottomEndRadius:f,borderColor:p,borderStartColor:c,borderEndColor:b,borderTopColor:E,borderBottomColor:S,borderWidth:g,borderVerticalWidth:C,borderHorizontalWidth:m,borderStartWidth:u,borderEndWidth:h,borderTopWidth:R,borderBottomWidth:_,alignContent:T,alignItems:W,alignSelf:B,flex:A,flexDirection:x,flexGrow:O,flexShrink:L,flexWrap:w,justifyContent:D,flexBasis:M,display:G,overflow:I,overflowX:N,overflowY:F,position:H,spacing:v,spacingHorizontal:X,spacingVertical:V,spacingBottom:y,spacingEnd:z,spacingStart:P,spacingTop:k,offset:j,offsetVertical:U,offsetHorizontal:Y,offsetBottom:J,offsetEnd:Z,offsetStart:K,offsetTop:q,columnGap:Q,rowGap:$,className:t});return e(o?i:"div",{className:to,ref:ro,...oo})})),d=t((function({gap:o,...r},t){return e(a,{ref:t,flexDirection:"row",rowGap:o,columnGap:o,...r})}));function n({width:o,height:t,src:i,alt:a,contentFit:d,backgroundColor:n,borderRadius:l,borderTopStartRadius:s,borderTopEndRadius:f,borderBottomStartRadius:p,borderBottomEndRadius:c,borderColor:b,borderStartColor:E,borderEndColor:S,borderTopColor:g,borderBottomColor:C,borderWidth:m,borderVerticalWidth:u,borderHorizontalWidth:h,borderStartWidth:R,borderEndWidth:_,borderTopWidth:T,borderBottomWidth:W,alignContent:B,alignItems:A,alignSelf:x,flex:O,flexDirection:L,flexGrow:w,flexShrink:D,flexWrap:M,justifyContent:G,flexBasis:I,display:N,overflow:F,overflowX:H,overflowY:v,position:X,spacing:V,spacingHorizontal:y,spacingVertical:z,spacingBottom:P,spacingEnd:k,spacingStart:j,spacingTop:U,offset:Y,offsetVertical:J,offsetHorizontal:Z,offsetBottom:K,offsetEnd:q,offsetStart:Q,offsetTop:$,columnGap:oo,rowGap:ro,...to}){const eo=r({contentFit:d,backgroundColor:n,borderRadius:l,borderTopStartRadius:s,borderTopEndRadius:f,borderBottomStartRadius:p,borderBottomEndRadius:c,borderColor:b,borderStartColor:E,borderEndColor:S,borderTopColor:g,borderBottomColor:C,borderWidth:m,borderVerticalWidth:u,borderHorizontalWidth:h,borderStartWidth:R,borderEndWidth:_,borderTopWidth:T,borderBottomWidth:W,alignContent:B,alignItems:A,alignSelf:x,flex:O,flexDirection:L,flexGrow:w,flexShrink:D,flexWrap:M,justifyContent:G,flexBasis:I,display:N,overflow:F,overflowX:H,overflowY:v,position:X,spacing:V,spacingHorizontal:y,spacingVertical:z,spacingBottom:P,spacingEnd:k,spacingStart:j,spacingTop:U,offset:Y,offsetVertical:J,offsetHorizontal:Z,offsetBottom:K,offsetEnd:q,offsetStart:Q,offsetTop:$,columnGap:oo,rowGap:ro});return e("img",{src:i,alt:a,className:eo,style:{objectPosition:"left",width:o,height:t},...to})}var l=o(),s=t((function({className:o,asChild:t,onPress:i,onClick:a=i,backgroundColor:d,borderRadius:n,borderTopStartRadius:s,borderTopEndRadius:f,borderBottomStartRadius:p,borderBottomEndRadius:c,borderColor:b,borderStartColor:E,borderEndColor:S,borderTopColor:g,borderBottomColor:C,borderWidth:m,borderVerticalWidth:u,borderHorizontalWidth:h,borderStartWidth:R,borderEndWidth:_,borderTopWidth:T,borderBottomWidth:W,alignContent:B,alignItems:A,alignSelf:x,flex:O,flexDirection:L,flexGrow:w,flexShrink:D,flexWrap:M,justifyContent:G,flexBasis:I,display:N,overflow:F,overflowX:H,overflowY:v,position:X,spacing:V,spacingHorizontal:y,spacingVertical:z,spacingBottom:P,spacingEnd:k,spacingStart:j,spacingTop:U,offset:Y,offsetVertical:J,offsetHorizontal:Z,offsetBottom:K,offsetEnd:q,offsetStart:Q,offsetTop:$,columnGap:oo,rowGap:ro,...to},eo){const io=r({backgroundColor:d,borderRadius:n,borderTopStartRadius:s,borderTopEndRadius:f,borderBottomStartRadius:p,borderBottomEndRadius:c,borderColor:b,borderStartColor:E,borderEndColor:S,borderTopColor:g,borderBottomColor:C,borderWidth:m,borderVerticalWidth:u,borderHorizontalWidth:h,borderStartWidth:R,borderEndWidth:_,borderTopWidth:T,borderBottomWidth:W,alignContent:B,alignItems:A,alignSelf:x,flex:O,flexDirection:L,flexGrow:w,flexShrink:D,flexWrap:M,justifyContent:G,flexBasis:I,display:N,overflow:F,overflowX:H,overflowY:v,position:X,spacing:V,spacingHorizontal:y,spacingVertical:z,spacingBottom:P,spacingEnd:k,spacingStart:j,spacingTop:U,offset:Y,offsetVertical:J,offsetHorizontal:Z,offsetBottom:K,offsetEnd:q,offsetStart:Q,offsetTop:$,columnGap:oo,rowGap:ro,className:o});return e(t?l:"button",{className:io,ref:eo,onClick:a,...to})})),f=o(),p={display1:"h1",display2:"h1",display3:"h1",title1:"h1",title2:"h2",title3:"h3",title4:"h4",headline1:"h5",body1:"p",label1:"p",label2:"p",caption1:"p",caption2:"p",legal1:"p"},c=t((function({className:o,asChild:t,color:i="primary",variant:a="body1",as:d=p[a],fontSize:n=a,fontFamily:l=a,fontWeight:s=a,lineHeight:c=a,textTransform:b=a,textAlign:E,backgroundColor:S,borderRadius:g,borderTopStartRadius:C,borderTopEndRadius:m,borderBottomStartRadius:u,borderBottomEndRadius:h,borderColor:R,borderStartColor:_,borderEndColor:T,borderTopColor:W,borderBottomColor:B,borderWidth:A,borderVerticalWidth:x,borderHorizontalWidth:O,borderStartWidth:L,borderEndWidth:w,borderTopWidth:D,borderBottomWidth:M,alignContent:G,alignItems:I,alignSelf:N,flex:F,flexDirection:H,flexGrow:v,flexShrink:X,flexWrap:V,justifyContent:y,flexBasis:z,display:P,overflow:k,overflowX:j,overflowY:U,position:Y,spacing:J,spacingHorizontal:Z,spacingVertical:K,spacingBottom:q,spacingEnd:Q,spacingStart:$,spacingTop:oo,offset:ro,offsetVertical:to,offsetHorizontal:eo,offsetBottom:io,offsetEnd:ao,offsetStart:no,offsetTop:lo,columnGap:so,rowGap:fo,...po},co){const bo=r({className:o,color:i,fontFamily:l,fontSize:n,fontWeight:s,lineHeight:c,textTransform:b,textAlign:E,backgroundColor:S,borderRadius:g,borderTopStartRadius:C,borderTopEndRadius:m,borderBottomStartRadius:u,borderBottomEndRadius:h,borderColor:R,borderStartColor:_,borderEndColor:T,borderTopColor:W,borderBottomColor:B,borderWidth:A,borderVerticalWidth:x,borderHorizontalWidth:O,borderStartWidth:L,borderEndWidth:w,borderTopWidth:D,borderBottomWidth:M,alignContent:G,alignItems:I,alignSelf:N,flex:F,flexDirection:H,flexGrow:v,flexShrink:X,flexWrap:V,justifyContent:y,flexBasis:z,display:P,overflow:k,overflowX:j,overflowY:U,position:Y,spacing:J,spacingHorizontal:Z,spacingVertical:K,spacingBottom:q,spacingEnd:Q,spacingStart:$,spacingTop:oo,offset:ro,offsetVertical:to,offsetHorizontal:eo,offsetBottom:io,offsetEnd:ao,offsetStart:no,offsetTop:lo,columnGap:so,rowGap:fo});return e(t?f:d,{className:bo,ref:co,...po})})),b=t((function({gap:o,...r},t){return e(a,{ref:t,flexDirection:"column",columnGap:o,rowGap:o,...r})}));export{a as Box,d as HStack,n as Image,s as Pressable,c as Text,b as VStack};