@yahoo/uds 3.58.2-beta.1 → 3.59.0-beta.2

package/dist/components/Text.cjs

@@ -0,0 +1,156 @@
+/*! © 2025 Yahoo, Inc. UDS v0.0.0-development */
+const require_rolldown_runtime = require('../_virtual/rolldown_runtime.cjs');
+const require_styles_styler = require('../styles/styler.cjs');
+const require_utils_createSlot = require('../utils/createSlot.cjs');
+let react = require("react");
+let react_jsx_runtime = require("react/jsx-runtime");
+
+//#region src/components/Text.tsx
+const Slot = require_utils_createSlot.createSlot();
+const asMap = {
+	display1: "h1",
+	display2: "h1",
+	display3: "h1",
+	title1: "h1",
+	title2: "h2",
+	title3: "h3",
+	title4: "h4",
+	headline1: "h5",
+	body1: "p",
+	label1: "p",
+	label2: "p",
+	label3: "p",
+	label4: "p",
+	caption1: "p",
+	caption2: "p",
+	legal1: "p",
+	"display1/emphasized": "h1",
+	"display2/emphasized": "h1",
+	"display3/emphasized": "h1",
+	"title1/emphasized": "h1",
+	"title2/emphasized": "h2",
+	"title3/emphasized": "h3",
+	"title4/emphasized": "h4",
+	"headline1/emphasized": "h5",
+	"body1/emphasized": "p",
+	"label1/emphasized": "p",
+	"label2/emphasized": "p",
+	"label3/emphasized": "p",
+	"label4/emphasized": "p",
+	"caption1/emphasized": "p",
+	"caption2/emphasized": "p",
+	"legal1/emphasized": "p",
+	ui1: "span",
+	ui2: "span",
+	ui3: "span",
+	ui4: "span",
+	ui5: "span",
+	ui6: "span",
+	"ui1/emphasized": "span",
+	"ui2/emphasized": "span",
+	"ui3/emphasized": "span",
+	"ui4/emphasized": "span",
+	"ui5/emphasized": "span",
+	"ui6/emphasized": "span",
+	inherit: "p"
+};
+/**
+* **💬 A text element that can be used to display text**
+*
+* @description
+* By default, the `Text` component uses text primary color and selects the
+* correct font, weight, and leading. It also choices appropriate semantic
+* HTML element based on the `variant` prop. For example, `body1` will use a
+* `<p>` tag, `title1` uses an `<h1>`, etc. This behavior can be overridden
+* with the `as` prop.
+*
+*
+* @example
+* ```tsx
+* import { Text } from '@yahoo/uds';
+*
+* <Text variant="body1" color="primary">
+*   Text goes here
+* </Text>
+* ```
+*
+* @usage
+* - Use `Text` to display text in your app.
+* - Use `variant` to change the size and weight of the text.
+* - Use `color` to change the color of the text.
+* - Use `as` to change the HTML tag used to render the text.
+*
+* @see The {@link https://uds.build/docs/components/text Text Docs} for more info
+*/
+const Text = (0, react.forwardRef)(function Text$1({ className, asChild, color = "primary", variant = "body1", as = asMap[variant], fontFamily, fontSize, fontWeight, lineHeight, textTransform, textAlign, 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 }, ref) {
+	const classNames = require_styles_styler.getStyles({
+		className,
+		...color && color !== "inherit" ? { color } : {},
+		...variant && variant !== "inherit" ? {
+			fontFamily: fontFamily ?? variant,
+			fontSize: fontSize ?? variant,
+			fontWeight: fontWeight ?? variant,
+			lineHeight: lineHeight ?? variant,
+			textTransform: textTransform ?? variant
+		} : {},
+		textAlign,
+		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
+	});
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(asChild ? Slot : as, {
+		className: classNames,
+		ref,
+		...props
+	});
+});
+Text.displayName = "Text";
+
+//#endregion
+exports.Text = Text;

package/dist/components/Text.d.cts

@@ -0,0 +1,91 @@
+import { UniversalTextProps } from "../tokens/types.cjs";
+import "../tokens/index.cjs";
+import * as react7 from "react";
+import { Ref } from "react";
+
+//#region src/components/Text.d.ts
+type TextElementTagName = 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'p' | 'strong' | 'span' | 'label' | 'li' | 'sup';
+type ColorWithInherit = Exclude<UniversalTextProps['color'], undefined> | 'inherit';
+type VariantWithInherit = Exclude<UniversalTextProps['variant'], undefined> | 'inherit';
+type TextProps<TagName extends TextElementTagName = TextElementTagName> = {
+  /** Ref passed to the inner container. */
+  ref?: Ref<HTMLElement>;
+  /** Changes the HTML tag used to render text. Uses the most appropriate semantic tag based on the text style variant. */
+  as?: TagName;
+  variant?: VariantWithInherit;
+  color?: ColorWithInherit;
+} & JSX.IntrinsicElements[TagName] & Omit<UniversalTextProps, 'variant' | 'color'>;
+/**
+ * **💬 A text element that can be used to display text**
+ *
+ * @description
+ * By default, the `Text` component uses text primary color and selects the
+ * correct font, weight, and leading. It also choices appropriate semantic
+ * HTML element based on the `variant` prop. For example, `body1` will use a
+ * `<p>` tag, `title1` uses an `<h1>`, etc. This behavior can be overridden
+ * with the `as` prop.
+ *
+ *
+ * @example
+ * ```tsx
+ * import { Text } from '@yahoo/uds';
+ *
+ * <Text variant="body1" color="primary">
+ *   Text goes here
+ * </Text>
+ * ```
+ *
+ * @usage
+ * - Use `Text` to display text in your app.
+ * - Use `variant` to change the size and weight of the text.
+ * - Use `color` to change the color of the text.
+ * - Use `as` to change the HTML tag used to render the text.
+ *
+ * @see The {@link https://uds.build/docs/components/text Text Docs} for more info
+ */
+declare const Text: react7.ForwardRefExoticComponent<(Omit<{
+  /** Ref passed to the inner container. */
+  ref?: Ref<HTMLElement>;
+  /** Changes the HTML tag used to render text. Uses the most appropriate semantic tag based on the text style variant. */
+  as?: TextElementTagName | undefined;
+  variant?: VariantWithInherit;
+  color?: ColorWithInherit;
+} & react7.ClassAttributes<HTMLElement> & react7.HTMLAttributes<HTMLElement> & Omit<UniversalTextProps, "color" | "variant">, "ref"> | Omit<{
+  /** Ref passed to the inner container. */
+  ref?: Ref<HTMLElement>;
+  /** Changes the HTML tag used to render text. Uses the most appropriate semantic tag based on the text style variant. */
+  as?: TextElementTagName | undefined;
+  variant?: VariantWithInherit;
+  color?: ColorWithInherit;
+} & react7.ClassAttributes<HTMLLabelElement> & react7.LabelHTMLAttributes<HTMLLabelElement> & Omit<UniversalTextProps, "color" | "variant">, "ref"> | Omit<{
+  /** Ref passed to the inner container. */
+  ref?: Ref<HTMLElement>;
+  /** Changes the HTML tag used to render text. Uses the most appropriate semantic tag based on the text style variant. */
+  as?: TextElementTagName | undefined;
+  variant?: VariantWithInherit;
+  color?: ColorWithInherit;
+} & react7.ClassAttributes<HTMLHeadingElement> & react7.HTMLAttributes<HTMLHeadingElement> & Omit<UniversalTextProps, "color" | "variant">, "ref"> | Omit<{
+  /** Ref passed to the inner container. */
+  ref?: Ref<HTMLElement>;
+  /** Changes the HTML tag used to render text. Uses the most appropriate semantic tag based on the text style variant. */
+  as?: TextElementTagName | undefined;
+  variant?: VariantWithInherit;
+  color?: ColorWithInherit;
+} & react7.ClassAttributes<HTMLLIElement> & react7.LiHTMLAttributes<HTMLLIElement> & Omit<UniversalTextProps, "color" | "variant">, "ref"> | Omit<{
+  /** Ref passed to the inner container. */
+  ref?: Ref<HTMLElement>;
+  /** Changes the HTML tag used to render text. Uses the most appropriate semantic tag based on the text style variant. */
+  as?: TextElementTagName | undefined;
+  variant?: VariantWithInherit;
+  color?: ColorWithInherit;
+} & react7.ClassAttributes<HTMLParagraphElement> & react7.HTMLAttributes<HTMLParagraphElement> & Omit<UniversalTextProps, "color" | "variant">, "ref"> | Omit<{
+  /** Ref passed to the inner container. */
+  ref?: Ref<HTMLElement>;
+  /** Changes the HTML tag used to render text. Uses the most appropriate semantic tag based on the text style variant. */
+  as?: TextElementTagName | undefined;
+  variant?: VariantWithInherit;
+  color?: ColorWithInherit;
+} & react7.ClassAttributes<HTMLSpanElement> & react7.HTMLAttributes<HTMLSpanElement> & Omit<UniversalTextProps, "color" | "variant">, "ref">) & react7.RefAttributes<HTMLElement>>;
+//#endregion
+export { Text, type TextProps };
+//# sourceMappingURL=Text.d.cts.map

package/dist/components/Text.d.cts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Text.d.cts","names":[],"sources":["../../src/components/Text.tsx"],"sourcesContent":[],"mappings":";;;;;;KAUK,kBAAA,CAAA,CAAA;KAaA,gBAAA,CAAA,CAAA,CAAmB,QAAQ;KAC3B,kBAAA,CAAA,CAAA,CAAqB,QAAQ;KAE7B,0BAA0B,qBAAqB;EAhB/C,CAAA,CAAA,CAAA,CAAA,GAAA,CAAA,MAAA,CAAA,EAAA,CAAA,GAAA,CAAA,KAAA,CAAA,SAAA,CAAA,CAAA,CAAA;EAaA,GAAA,CAAA,CAAA,CAKG,GALH,CAKO,WALS,CAAA;EAChB,CAAA,CAAA,CAAA,CAAA,OAAA,CAAA,GAAA,CAAA,IAAA,CAAA,GAAA,CAAA,IAAA,CAAA,EAAA,CAAA,MAAA,CAAA,IAAA,CAAA,CAAA,IAAA,CAAA,GAAA,CAAA,IAAA,CAAA,WAAA,CAAA,QAAA,CAAA,GAAA,CAAA,KAAA,CAAA,EAAA,CAAA,GAAA,CAAA,IAAA,CAAA,KAAA,CAAA,OAAA,CAAA,CAAA,CAAA;EAEA,EAAA,CAAA,CAAA,CAIE,OAJO;EAAiB,OAAA,CAAA,CAAA,CAOnB,kBAPmB;EAAqB,KAAA,CAAA,CAAA,CAQ1C,gBAR0C;CAExC,CAAA,CAAA,CAOR,GAAA,CAAI,iBAPI,CAOc,OAPd,CAAA,CAAA,CAAA,CAQV,IARU,CAQL,kBARK,CAAA,CAAA,CAAA,OAAA,CAAA,CAAA,CAAA,CAAA,CAAA,KAAA,CAAA,CAAA;;;;;;;;;;AAQN,CAAA;;;;;;;;;;;;;;;;;;;cA8EA,aAAI,2BAAA;;QAtFF,IAAI;;;YAKA;EALA,KAAA,CAAA,CAAA,CAMF,gBANE;CAAJ,CAAA,CAAA,uBAAA,YAAA,CAAA,CAAA,CAAA,sBAAA,YAAA,CAAA,CAAA,CAAA,KAAA,mBAAA,CAAA,CAAA,CAAA,KAAA,CAAA,CAAA,CAAA,CAAA,CAAA,OAAA,CAAA,CAAA,CAAA,CAAA,CAAA,GAAA,CAAA,CAAA,CAAA,CAAA,KAAA,CAAA;;EAKI,GAAA,CAAA,CAAA,CALJ,GAKI,CALA,WAKA,CAAA;EACF,CAAA,CAAA,CAAA,CAAA,OAAA,CAAA,GAAA,CAAA,IAAA,CAAA,GAAA,CAAA,IAAA,CAAA,EAAA,CAAA,MAAA,CAAA,IAAA,CAAA,CAAA,IAAA,CAAA,GAAA,CAAA,IAAA,CAAA,WAAA,CAAA,QAAA,CAAA,GAAA,CAAA,KAAA,CAAA,EAAA,CAAA,GAAA,CAAA,IAAA,CAAA,KAAA,CAAA,OAAA,CAAA,CAAA,CAAA;;YADE;UACF;;;QANF,IAAI;;EAAA,EAAA,CAAA,CAAA,mBAAA,CAAA,CAAA,CAAA,SAAA;EAAJ,OAAA,CAAA,CAAA,CAKI,kBALJ;UAME;CADE,CAAA,CAAA,uBAAA,mBAAA,CAAA,CAAA,CAAA,sBAAA,mBAAA,CAAA,CAAA,CAAA,KAAA,mBAAA,CAAA,CAAA,CAAA,KAAA,CAAA,CAAA,CAAA,CAAA,CAAA,OAAA,CAAA,CAAA,CAAA,CAAA,CAAA,GAAA,CAAA,CAAA,CAAA,CAAA,KAAA,CAAA;EACF,CAAA,CAAA,CAAA,CAAA,GAAA,CAAA,MAAA,CAAA,EAAA,CAAA,GAAA,CAAA,KAAA,CAAA,SAAA,CAAA,CAAA,CAAA;QANF,IAAI;;;YAKA;UACF;;;EANE,GAAA,CAAA,CAAA,CAAJ,GAAI,CAAA,WAAA,CAAA;EAAJ,CAAA,CAAA,CAAA,CAAA,OAAA,CAAA,GAAA,CAAA,IAAA,CAAA,GAAA,CAAA,IAAA,CAAA,EAAA,CAAA,MAAA,CAAA,IAAA,CAAA,CAAA,IAAA,CAAA,GAAA,CAAA,IAAA,CAAA,WAAA,CAAA,QAAA,CAAA,GAAA,CAAA,KAAA,CAAA,EAAA,CAAA,GAAA,CAAA,IAAA,CAAA,KAAA,CAAA,OAAA,CAAA,CAAA,CAAA;;EAKI,OAAA,CAAA,CAAA,CAAA,kBAAA;EACF,KAAA,CAAA,CAAA,CAAA,gBAAA;;;QANF,IAAI;;;YAKA;UACF;CANE,CAAA,CAAA,uBAAA,gBAAA,CAAA,CAAA,CAAA,sBAAA,gBAAA,CAAA,CAAA,CAAA,KAAA,mBAAA,CAAA,CAAA,CAAA,KAAA,CAAA,CAAA,CAAA,CAAA,CAAA,OAAA,CAAA,CAAA,CAAA,CAAA,CAAA,GAAA,CAAA,CAAA,CAAA,CAAA,CAAA,qBAAA,YAAA,CAAA,CAAA"}

package/dist/components/Text.d.ts

@@ -0,0 +1,91 @@
+import { UniversalTextProps } from "../tokens/types.js";
+import "../tokens/index.js";
+import * as react11 from "react";
+import { Ref } from "react";
+
+//#region src/components/Text.d.ts
+type TextElementTagName = 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'p' | 'strong' | 'span' | 'label' | 'li' | 'sup';
+type ColorWithInherit = Exclude<UniversalTextProps['color'], undefined> | 'inherit';
+type VariantWithInherit = Exclude<UniversalTextProps['variant'], undefined> | 'inherit';
+type TextProps<TagName extends TextElementTagName = TextElementTagName> = {
+  /** Ref passed to the inner container. */
+  ref?: Ref<HTMLElement>;
+  /** Changes the HTML tag used to render text. Uses the most appropriate semantic tag based on the text style variant. */
+  as?: TagName;
+  variant?: VariantWithInherit;
+  color?: ColorWithInherit;
+} & JSX.IntrinsicElements[TagName] & Omit<UniversalTextProps, 'variant' | 'color'>;
+/**
+ * **💬 A text element that can be used to display text**
+ *
+ * @description
+ * By default, the `Text` component uses text primary color and selects the
+ * correct font, weight, and leading. It also choices appropriate semantic
+ * HTML element based on the `variant` prop. For example, `body1` will use a
+ * `<p>` tag, `title1` uses an `<h1>`, etc. This behavior can be overridden
+ * with the `as` prop.
+ *
+ *
+ * @example
+ * ```tsx
+ * import { Text } from '@yahoo/uds';
+ *
+ * <Text variant="body1" color="primary">
+ *   Text goes here
+ * </Text>
+ * ```
+ *
+ * @usage
+ * - Use `Text` to display text in your app.
+ * - Use `variant` to change the size and weight of the text.
+ * - Use `color` to change the color of the text.
+ * - Use `as` to change the HTML tag used to render the text.
+ *
+ * @see The {@link https://uds.build/docs/components/text Text Docs} for more info
+ */
+declare const Text: react11.ForwardRefExoticComponent<(Omit<{
+  /** Ref passed to the inner container. */
+  ref?: Ref<HTMLElement>;
+  /** Changes the HTML tag used to render text. Uses the most appropriate semantic tag based on the text style variant. */
+  as?: TextElementTagName | undefined;
+  variant?: VariantWithInherit;
+  color?: ColorWithInherit;
+} & react11.ClassAttributes<HTMLElement> & react11.HTMLAttributes<HTMLElement> & Omit<UniversalTextProps, "color" | "variant">, "ref"> | Omit<{
+  /** Ref passed to the inner container. */
+  ref?: Ref<HTMLElement>;
+  /** Changes the HTML tag used to render text. Uses the most appropriate semantic tag based on the text style variant. */
+  as?: TextElementTagName | undefined;
+  variant?: VariantWithInherit;
+  color?: ColorWithInherit;
+} & react11.ClassAttributes<HTMLLabelElement> & react11.LabelHTMLAttributes<HTMLLabelElement> & Omit<UniversalTextProps, "color" | "variant">, "ref"> | Omit<{
+  /** Ref passed to the inner container. */
+  ref?: Ref<HTMLElement>;
+  /** Changes the HTML tag used to render text. Uses the most appropriate semantic tag based on the text style variant. */
+  as?: TextElementTagName | undefined;
+  variant?: VariantWithInherit;
+  color?: ColorWithInherit;
+} & react11.ClassAttributes<HTMLHeadingElement> & react11.HTMLAttributes<HTMLHeadingElement> & Omit<UniversalTextProps, "color" | "variant">, "ref"> | Omit<{
+  /** Ref passed to the inner container. */
+  ref?: Ref<HTMLElement>;
+  /** Changes the HTML tag used to render text. Uses the most appropriate semantic tag based on the text style variant. */
+  as?: TextElementTagName | undefined;
+  variant?: VariantWithInherit;
+  color?: ColorWithInherit;
+} & react11.ClassAttributes<HTMLLIElement> & react11.LiHTMLAttributes<HTMLLIElement> & Omit<UniversalTextProps, "color" | "variant">, "ref"> | Omit<{
+  /** Ref passed to the inner container. */
+  ref?: Ref<HTMLElement>;
+  /** Changes the HTML tag used to render text. Uses the most appropriate semantic tag based on the text style variant. */
+  as?: TextElementTagName | undefined;
+  variant?: VariantWithInherit;
+  color?: ColorWithInherit;
+} & react11.ClassAttributes<HTMLParagraphElement> & react11.HTMLAttributes<HTMLParagraphElement> & Omit<UniversalTextProps, "color" | "variant">, "ref"> | Omit<{
+  /** Ref passed to the inner container. */
+  ref?: Ref<HTMLElement>;
+  /** Changes the HTML tag used to render text. Uses the most appropriate semantic tag based on the text style variant. */
+  as?: TextElementTagName | undefined;
+  variant?: VariantWithInherit;
+  color?: ColorWithInherit;
+} & react11.ClassAttributes<HTMLSpanElement> & react11.HTMLAttributes<HTMLSpanElement> & Omit<UniversalTextProps, "color" | "variant">, "ref">) & react11.RefAttributes<HTMLElement>>;
+//#endregion
+export { Text, type TextProps };
+//# sourceMappingURL=Text.d.ts.map

package/dist/components/Text.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Text.d.ts","names":[],"sources":["../../src/components/Text.tsx"],"sourcesContent":[],"mappings":"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"}

package/dist/components/Text.js

@@ -0,0 +1,156 @@
+/*! © 2025 Yahoo, Inc. UDS v0.0.0-development */
+import { getStyles } from "../styles/styler.js";
+import { createSlot } from "../utils/createSlot.js";
+import { forwardRef } from "react";
+import { jsx } from "react/jsx-runtime";
+
+//#region src/components/Text.tsx
+const Slot = createSlot();
+const asMap = {
+	display1: "h1",
+	display2: "h1",
+	display3: "h1",
+	title1: "h1",
+	title2: "h2",
+	title3: "h3",
+	title4: "h4",
+	headline1: "h5",
+	body1: "p",
+	label1: "p",
+	label2: "p",
+	label3: "p",
+	label4: "p",
+	caption1: "p",
+	caption2: "p",
+	legal1: "p",
+	"display1/emphasized": "h1",
+	"display2/emphasized": "h1",
+	"display3/emphasized": "h1",
+	"title1/emphasized": "h1",
+	"title2/emphasized": "h2",
+	"title3/emphasized": "h3",
+	"title4/emphasized": "h4",
+	"headline1/emphasized": "h5",
+	"body1/emphasized": "p",
+	"label1/emphasized": "p",
+	"label2/emphasized": "p",
+	"label3/emphasized": "p",
+	"label4/emphasized": "p",
+	"caption1/emphasized": "p",
+	"caption2/emphasized": "p",
+	"legal1/emphasized": "p",
+	ui1: "span",
+	ui2: "span",
+	ui3: "span",
+	ui4: "span",
+	ui5: "span",
+	ui6: "span",
+	"ui1/emphasized": "span",
+	"ui2/emphasized": "span",
+	"ui3/emphasized": "span",
+	"ui4/emphasized": "span",
+	"ui5/emphasized": "span",
+	"ui6/emphasized": "span",
+	inherit: "p"
+};
+/**
+* **💬 A text element that can be used to display text**
+*
+* @description
+* By default, the `Text` component uses text primary color and selects the
+* correct font, weight, and leading. It also choices appropriate semantic
+* HTML element based on the `variant` prop. For example, `body1` will use a
+* `<p>` tag, `title1` uses an `<h1>`, etc. This behavior can be overridden
+* with the `as` prop.
+*
+*
+* @example
+* ```tsx
+* import { Text } from '@yahoo/uds';
+*
+* <Text variant="body1" color="primary">
+*   Text goes here
+* </Text>
+* ```
+*
+* @usage
+* - Use `Text` to display text in your app.
+* - Use `variant` to change the size and weight of the text.
+* - Use `color` to change the color of the text.
+* - Use `as` to change the HTML tag used to render the text.
+*
+* @see The {@link https://uds.build/docs/components/text Text Docs} for more info
+*/
+const Text = forwardRef(function Text$1({ className, asChild, color = "primary", variant = "body1", as = asMap[variant], fontFamily, fontSize, fontWeight, lineHeight, textTransform, textAlign, 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 }, ref) {
+	const classNames = getStyles({
+		className,
+		...color && color !== "inherit" ? { color } : {},
+		...variant && variant !== "inherit" ? {
+			fontFamily: fontFamily ?? variant,
+			fontSize: fontSize ?? variant,
+			fontWeight: fontWeight ?? variant,
+			lineHeight: lineHeight ?? variant,
+			textTransform: textTransform ?? variant
+		} : {},
+		textAlign,
+		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
+	});
+	return /* @__PURE__ */ jsx(asChild ? Slot : as, {
+		className: classNames,
+		ref,
+		...props
+	});
+});
+Text.displayName = "Text";
+
+//#endregion
+export { Text };
+//# sourceMappingURL=Text.js.map

package/dist/components/Text.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Text.js","names":["asMap: Record<VariantWithInherit, TextElementTagName>","Text"],"sources":["../../src/components/Text.tsx"],"sourcesContent":["import type { UniversalTextProps } from '@yahoo/uds/tokens';\nimport type { Ref } from 'react';\nimport { forwardRef } from 'react';\n\nimport { getStyles } from '../styles/styler';\nimport { createSlot } from '../utils/createSlot';\n\nconst Slot = createSlot<React.ComponentType<HtmlParagraphProps>>();\n\ntype HtmlParagraphProps = Omit<React.HTMLAttributes<HTMLParagraphElement>, 'color'>;\ntype TextElementTagName =\n  | 'h1'\n  | 'h2'\n  | 'h3'\n  | 'h4'\n  | 'h5'\n  | 'p'\n  | 'strong'\n  | 'span'\n  | 'label'\n  | 'li'\n  | 'sup';\n\ntype ColorWithInherit = Exclude<UniversalTextProps['color'], undefined> | 'inherit';\ntype VariantWithInherit = Exclude<UniversalTextProps['variant'], undefined> | 'inherit';\n\ntype TextProps<TagName extends TextElementTagName = TextElementTagName> = {\n  /** Ref passed to the inner container. */\n  ref?: Ref<HTMLElement>;\n  /** Changes the HTML tag used to render text. Uses the most appropriate semantic tag based on the text style variant. */\n  as?: TagName;\n\n  // Add inherit option for configured component composition.\n  variant?: VariantWithInherit;\n  color?: ColorWithInherit;\n} & JSX.IntrinsicElements[TagName] &\n  Omit<UniversalTextProps, 'variant' | 'color'>;\n\nconst asMap: Record<VariantWithInherit, TextElementTagName> = {\n  display1: 'h1',\n  display2: 'h1',\n  display3: 'h1',\n  title1: 'h1',\n  title2: 'h2',\n  title3: 'h3',\n  title4: 'h4',\n  headline1: 'h5',\n  body1: 'p',\n  label1: 'p',\n  label2: 'p',\n  label3: 'p',\n  label4: 'p',\n  caption1: 'p',\n  caption2: 'p',\n  legal1: 'p',\n  'display1/emphasized': 'h1',\n  'display2/emphasized': 'h1',\n  'display3/emphasized': 'h1',\n  'title1/emphasized': 'h1',\n  'title2/emphasized': 'h2',\n  'title3/emphasized': 'h3',\n  'title4/emphasized': 'h4',\n  'headline1/emphasized': 'h5',\n  'body1/emphasized': 'p',\n  'label1/emphasized': 'p',\n  'label2/emphasized': 'p',\n  'label3/emphasized': 'p',\n  'label4/emphasized': 'p',\n  'caption1/emphasized': 'p',\n  'caption2/emphasized': 'p',\n  'legal1/emphasized': 'p',\n  ui1: 'span',\n  ui2: 'span',\n  ui3: 'span',\n  ui4: 'span',\n  ui5: 'span',\n  ui6: 'span',\n  'ui1/emphasized': 'span',\n  'ui2/emphasized': 'span',\n  'ui3/emphasized': 'span',\n  'ui4/emphasized': 'span',\n  'ui5/emphasized': 'span',\n  'ui6/emphasized': 'span',\n  inherit: 'p',\n} as const;\n\n/**\n * **💬 A text element that can be used to display text**\n *\n * @description\n * By default, the `Text` component uses text primary color and selects the\n * correct font, weight, and leading. It also choices appropriate semantic\n * HTML element based on the `variant` prop. For example, `body1` will use a\n * `<p>` tag, `title1` uses an `<h1>`, etc. This behavior can be overridden\n * with the `as` prop.\n *\n *\n * @example\n * ```tsx\n * import { Text } from '@yahoo/uds';\n *\n * <Text variant=\"body1\" color=\"primary\">\n *   Text goes here\n * </Text>\n * ```\n *\n * @usage\n * - Use `Text` to display text in your app.\n * - Use `variant` to change the size and weight of the text.\n * - Use `color` to change the color of the text.\n * - Use `as` to change the HTML tag used to render the text.\n *\n * @see The {@link https://uds.build/docs/components/text Text Docs} for more info\n */\nconst Text = forwardRef(function Text(\n  {\n    className,\n    asChild,\n    // text props\n    color = 'primary',\n    variant = 'body1',\n    as = asMap[variant],\n    fontFamily,\n    fontSize,\n    fontWeight,\n    lineHeight,\n    textTransform,\n    textAlign,\n    // background\n    backgroundColor,\n    // border\n    borderRadius,\n    borderTopStartRadius,\n    borderTopEndRadius,\n    borderBottomStartRadius,\n    borderBottomEndRadius,\n    borderColor,\n    borderStartColor,\n    borderEndColor,\n    borderTopColor,\n    borderBottomColor,\n    borderWidth,\n    borderVerticalWidth,\n    borderHorizontalWidth,\n    borderStartWidth,\n    borderEndWidth,\n    borderTopWidth,\n    borderBottomWidth,\n    // flex\n    alignContent,\n    alignItems,\n    alignSelf,\n    flex,\n    flexDirection,\n    flexGrow,\n    flexShrink,\n    flexWrap,\n    justifyContent,\n    flexBasis,\n    // layout\n    display,\n    overflow,\n    overflowX,\n    overflowY,\n    position,\n    // spacing\n    spacing,\n    spacingHorizontal,\n    spacingVertical,\n    spacingBottom,\n    spacingEnd,\n    spacingStart,\n    spacingTop,\n    offset,\n    offsetVertical,\n    offsetHorizontal,\n    offsetBottom,\n    offsetEnd,\n    offsetStart,\n    offsetTop,\n    columnGap,\n    rowGap,\n    // rest\n    ...props\n  }: TextProps,\n  ref: React.ForwardedRef<HTMLElement>,\n) {\n  const textStyles: Parameters<typeof getStyles>[0] = {\n    ...(color && color !== 'inherit' ? { color } : {}),\n    ...(variant && variant !== 'inherit'\n      ? {\n          fontFamily: fontFamily ?? variant,\n          fontSize: fontSize ?? variant,\n          fontWeight: fontWeight ?? variant,\n          lineHeight: lineHeight ?? variant,\n          textTransform: textTransform ?? variant,\n        }\n      : {}),\n    textAlign,\n  };\n\n  const classNames = getStyles({\n    className,\n    // text styles\n    ...textStyles,\n    // background\n    backgroundColor,\n    // border\n    borderRadius,\n    borderTopStartRadius,\n    borderTopEndRadius,\n    borderBottomStartRadius,\n    borderBottomEndRadius,\n    borderColor,\n    borderStartColor,\n    borderEndColor,\n    borderTopColor,\n    borderBottomColor,\n    borderWidth,\n    borderVerticalWidth,\n    borderHorizontalWidth,\n    borderStartWidth,\n    borderEndWidth,\n    borderTopWidth,\n    borderBottomWidth,\n    // flex\n    alignContent,\n    alignItems,\n    alignSelf,\n    flex,\n    flexDirection,\n    flexGrow,\n    flexShrink,\n    flexWrap,\n    justifyContent,\n    flexBasis,\n    // layout\n    display,\n    overflow,\n    overflowX,\n    overflowY,\n    position,\n    // spacing\n    spacing,\n    spacingHorizontal,\n    spacingVertical,\n    spacingBottom,\n    spacingEnd,\n    spacingStart,\n    spacingTop,\n    offset,\n    offsetVertical,\n    offsetHorizontal,\n    offsetBottom,\n    offsetEnd,\n    offsetStart,\n    offsetTop,\n    columnGap,\n    rowGap,\n  });\n\n  const Comp = asChild ? Slot : as;\n\n  // eslint-disable-next-line @typescript-eslint/ban-ts-comment\n  // @ts-ignore this is fine\n  return <Comp className={classNames} ref={ref} {...props} />;\n});\n\n// Need to re-set this because of the forwardRef wrapper\nText.displayName = 'Text';\n\nexport { Text, type TextProps };\n"],"mappings":";;;;;;;AAOA,MAAM,OAAO,YAAqD;AA+BlE,MAAMA,QAAwD;CAC5D,UAAU;CACV,UAAU;CACV,UAAU;CACV,QAAQ;CACR,QAAQ;CACR,QAAQ;CACR,QAAQ;CACR,WAAW;CACX,OAAO;CACP,QAAQ;CACR,QAAQ;CACR,QAAQ;CACR,QAAQ;CACR,UAAU;CACV,UAAU;CACV,QAAQ;CACR,uBAAuB;CACvB,uBAAuB;CACvB,uBAAuB;CACvB,qBAAqB;CACrB,qBAAqB;CACrB,qBAAqB;CACrB,qBAAqB;CACrB,wBAAwB;CACxB,oBAAoB;CACpB,qBAAqB;CACrB,qBAAqB;CACrB,qBAAqB;CACrB,qBAAqB;CACrB,uBAAuB;CACvB,uBAAuB;CACvB,qBAAqB;CACrB,KAAK;CACL,KAAK;CACL,KAAK;CACL,KAAK;CACL,KAAK;CACL,KAAK;CACL,kBAAkB;CAClB,kBAAkB;CAClB,kBAAkB;CAClB,kBAAkB;CAClB,kBAAkB;CAClB,kBAAkB;CAClB,SAAS;CACV;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA8BD,MAAM,OAAO,WAAW,SAASC,OAC/B,EACE,WACA,SAEA,QAAQ,WACR,UAAU,SACV,KAAK,MAAM,UACX,YACA,UACA,YACA,YACA,eACA,WAEA,iBAEA,cACA,sBACA,oBACA,yBACA,uBACA,aACA,kBACA,gBACA,gBACA,mBACA,aACA,qBACA,uBACA,kBACA,gBACA,gBACA,mBAEA,cACA,YACA,WACA,MACA,eACA,UACA,YACA,UACA,gBACA,WAEA,SACA,UACA,WACA,WACA,UAEA,SACA,mBACA,iBACA,eACA,YACA,cACA,YACA,QACA,gBACA,kBACA,cACA,WACA,aACA,WACA,WACA,OAEA,GAAG,SAEL,KACA;CAeA,MAAM,aAAa,UAAU;EAC3B;EAdA,GAAI,SAAS,UAAU,YAAY,EAAE,OAAO,GAAG,EAAE;EACjD,GAAI,WAAW,YAAY,YACvB;GACE,YAAY,cAAc;GAC1B,UAAU,YAAY;GACtB,YAAY,cAAc;GAC1B,YAAY,cAAc;GAC1B,eAAe,iBAAiB;GACjC,GACD,EAAE;EACN;EAQA;EAEA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAEA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAEA;EACA;EACA;EACA;EACA;EAEA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACD,CAAC;AAMF,QAAO,oBAJM,UAAU,OAAO;EAIjB,WAAW;EAAiB;EAAK,GAAI;GAAS;EAC3D;AAGF,KAAK,cAAc"}

package/dist/components/VStack.cjs

@@ -0,0 +1,51 @@
+/*! © 2025 Yahoo, Inc. UDS v0.0.0-development */
+const require_rolldown_runtime = require('../_virtual/rolldown_runtime.cjs');
+const require_components_Box = require('./Box.cjs');
+const require_utils_intersperse = require('../utils/intersperse.cjs');
+let react = require("react");
+let react_jsx_runtime = require("react/jsx-runtime");
+
+//#region src/components/VStack.tsx
+/**
+* **🥞 A layout component that arranges its children in rows using flexbox**
+*
+* @description
+* VStack is a layout component that arranges its children in rows using [flexbox](https://developer.mozilla.org/en-US/docs/Learn/CSS/CSS_layout/Flexbox)
+* and can be used to compose larger layouts. VStack is similar to [Box](./box) but provides additional features like a `gap` property to
+* add spacing between children.
+*
+* @example
+* ```tsx
+* import { VStack, Text } from '@yahoo/uds';
+*
+* <VStack gap="6">
+*   <Text variant="body1" color="primary">First</Text>
+*   <Text variant="body1" color="primary">Second</Text>
+*   <Text variant="body1" color="primary">Third</Text>
+* </VStack>
+* ```
+*
+* @usage
+* - Create a column of items, optionally with gaps between.
+* - Create rows that are sized to their content (height only). By default each child will fill the width of the VStack.
+* - Create rows that fill the available space within the parent container.
+* - Create rows of proportionate size to each other (also known as a ratio-based layout).
+*
+* @see The {@link https://uds.build/docs/components/v-stack VStack Docs} for more info
+*
+* @related [Box](https://uds.build/docs/components/box), [HStack](https://uds.build/docs/components/h-stack)
+**/
+const VStack = (0, react.forwardRef)(function VStack$1({ gap, children, separator,...props }, ref) {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_components_Box.Box, {
+		ref,
+		flexDirection: "column",
+		columnGap: gap,
+		rowGap: gap,
+		...props,
+		children: separator ? require_utils_intersperse.intersperseReactChildren(children, separator) : children
+	});
+});
+VStack.displayName = "VStack";
+
+//#endregion
+exports.VStack = VStack;

package/dist/components/VStack.d.cts

@@ -0,0 +1,40 @@
+import { UniversalStackProps } from "../tokens/types.cjs";
+import "../tokens/index.cjs";
+import { DivProps } from "./Box.cjs";
+import * as react21 from "react";
+
+//#region src/components/VStack.d.ts
+type VStackProps = UniversalStackProps & DivProps;
+/**
+ * **🥞 A layout component that arranges its children in rows using flexbox**
+ *
+ * @description
+ * VStack is a layout component that arranges its children in rows using [flexbox](https://developer.mozilla.org/en-US/docs/Learn/CSS/CSS_layout/Flexbox)
+ * and can be used to compose larger layouts. VStack is similar to [Box](./box) but provides additional features like a `gap` property to
+ * add spacing between children.
+ *
+ * @example
+ * ```tsx
+ * import { VStack, Text } from '@yahoo/uds';
+ *
+ * <VStack gap="6">
+ *   <Text variant="body1" color="primary">First</Text>
+ *   <Text variant="body1" color="primary">Second</Text>
+ *   <Text variant="body1" color="primary">Third</Text>
+ * </VStack>
+ * ```
+ *
+ * @usage
+ * - Create a column of items, optionally with gaps between.
+ * - Create rows that are sized to their content (height only). By default each child will fill the width of the VStack.
+ * - Create rows that fill the available space within the parent container.
+ * - Create rows of proportionate size to each other (also known as a ratio-based layout).
+ *
+ * @see The {@link https://uds.build/docs/components/v-stack VStack Docs} for more info
+ *
+ * @related [Box](https://uds.build/docs/components/box), [HStack](https://uds.build/docs/components/h-stack)
+ **/
+declare const VStack: react21.ForwardRefExoticComponent<UniversalStackProps & DivProps & react21.RefAttributes<HTMLDivElement>>;
+//#endregion
+export { VStack, type VStackProps };
+//# sourceMappingURL=VStack.d.cts.map

package/dist/components/VStack.d.cts.map

@@ -0,0 +1 @@
+{"version":3,"file":"VStack.d.cts","names":[],"sources":["../../src/components/VStack.tsx"],"sourcesContent":[],"mappings":";;;;;;KAOK,WAAA,CAAA,CAAA,CAAc,sBAAsB;;;;AAHH,CAAA,CAAA,CAAA,CAAA;AAGW,CAAA,CAAA,CAAA,MAAA,CAAA,EAAA,CAAA,CAAA,CAAA,MAAA,CAAA,SAAA,CAAA,IAAA,CAAA,QAAA,CAAA,GAAA,CAAA,QAAA,CAAA,EAAA,CAAA,IAAA,CAAA,KAAA,CAAA,CAAA,OAAA,CAAA,CAAA,KAAA,CAAA,CAAA,CAAA,SAAA,CAAA,OAAA,CAAA,GAAA,CAAA,EAAA,CAAA,EAAA,CAAA,IAAA,CAAA,KAAA,CAAA,GAAA,CAAA,UAAA,CAAA,OAAA;;;;;;;;;;;;;;;;;;;;;;;;;cA+B3C,QAAM,OAAA,CAAA,0BAAA,sBAAA,WAAA,OAAA,CAAA,cAAA"}