@yahoo/uds 3.59.0-beta.1 → 3.60.0

package/dist/components/Link.js

@@ -1,98 +0,0 @@
-/*! © 2025 Yahoo, Inc. UDS v0.0.0-development */
-import { cx, getStyles } from "../styles/styler.js";
-import { IconSlot } from "./IconSlot.js";
-import { forwardRef, useMemo } from "react";
-import { jsx, jsxs } from "react/jsx-runtime";
-
-//#region src/components/Link.tsx
-/**
-* A Link provides navigation or actionable functionality by linking users to
-* another location within an application, an external resource, or triggering
-* specific in-page interactions (i.e. scroll-to-section).
-*
-* @componentType Client component
-*
-* @description
-* A link component provides navigation or actionable functionality by linking users to another location within an application, an external resource, or triggering specific in-page interactions (i.e. scroll-to-section). This is different than a “button” link which is a button component without a border or fill.
-*
-* @see
-* Check out the {@link https://uds.build/docs/components/link Link Docs} for more info
-*
-* @usage
-* - Provide a way for users to navigate to another location.
-* - Provide a trigger for in-page interactions.
-*
-* @example
-* ```tsx
-* 'use client';
-* import { Link } from '@yahoo/uds';
-* import { Share, Link as LinkIcon } from '@yahoo/uds-icons';
-*
-* <Link href="#">My Link</Link>
-* <Link href="#" startIcon={Share} />
-* <Link href="https://yahoo.com" target="_blank" endIcon={LinkIcon} />
-*```
-**/
-const Link = forwardRef(function Input({ variant = "primary", textVariant, startIcon, endIcon, alwaysUnderline = false, children, className,...anchorProps }, ref) {
-	const shouldSizeRelativeToContainingText = !textVariant;
-	const rootClasses = useMemo(() => {
-		return getStyles({
-			linkVariantRoot: variant,
-			display: "inline-flex",
-			alignItems: "center",
-			className: cx(!shouldSizeRelativeToContainingText && getStyles({
-				linkTextStyleRoot: textVariant,
-				fontSize: textVariant,
-				fontFamily: textVariant,
-				fontWeight: textVariant,
-				lineHeight: textVariant,
-				textTransform: textVariant
-			}), "uds-ring", alwaysUnderline && "underline", className)
-		});
-	}, [
-		alwaysUnderline,
-		shouldSizeRelativeToContainingText,
-		textVariant,
-		variant,
-		className
-	]);
-	const iconStartStyles = getStyles({
-		linkVariantIconStart: variant,
-		linkTextStyleIcon: textVariant,
-		className: cx(shouldSizeRelativeToContainingText && "w-[0.7em] h-[0.7em]")
-	});
-	const iconEndStyles = getStyles({
-		linkVariantIconEnd: variant,
-		linkTextStyleIcon: textVariant,
-		className: cx(shouldSizeRelativeToContainingText && "w-[0.7em] h-[0.7em]")
-	});
-	const iconProps = {
-		variant: "outline",
-		color: "current"
-	};
-	return /* @__PURE__ */ jsxs("a", {
-		ref,
-		className: rootClasses,
-		...anchorProps,
-		children: [
-			startIcon && /* @__PURE__ */ jsx(IconSlot, {
-				className: iconStartStyles,
-				icon: startIcon,
-				iconProps,
-				"data-testid": "start-icon"
-			}),
-			children,
-			endIcon && /* @__PURE__ */ jsx(IconSlot, {
-				className: iconEndStyles,
-				icon: endIcon,
-				iconProps,
-				"data-testid": "end-icon"
-			})
-		]
-	});
-});
-Link.displayName = "Link";
-
-//#endregion
-export { Link };
-//# sourceMappingURL=Link.js.map

package/dist/components/Link.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Link.js","names":["iconProps: IconSlotProps['iconProps']"],"sources":["../../src/components/Link.tsx"],"sourcesContent":["import type { UniversalLinkProps } from '@yahoo/uds/tokens';\nimport { forwardRef, useMemo } from 'react';\n\nimport { cx, getStyles } from '../styles/styler';\nimport type { IconSlotProps } from './IconSlot';\nimport { IconSlot } from './IconSlot';\n\ntype HTMLAnchorProps = React.AnchorHTMLAttributes<HTMLAnchorElement>;\n\ninterface LinkProps extends HTMLAnchorProps, UniversalLinkProps {\n  /** The link's destination. */\n  href?: string;\n  /** Anchor rel property. @default \"noopener\" **/\n  rel?: string;\n  /** If true, forces an underline to always be shown for a11y purposes.  @default false */\n  alwaysUnderline?: boolean;\n}\n\n/**\n * A Link provides navigation or actionable functionality by linking users to\n * another location within an application, an external resource, or triggering\n * specific in-page interactions (i.e. scroll-to-section).\n *\n * @componentType Client component\n *\n * @description\n * A link component provides navigation or actionable functionality by linking users to another location within an application, an external resource, or triggering specific in-page interactions (i.e. scroll-to-section). This is different than a “button” link which is a button component without a border or fill.\n *\n * @see\n * Check out the {@link https://uds.build/docs/components/link Link Docs} for more info\n *\n * @usage\n * - Provide a way for users to navigate to another location.\n * - Provide a trigger for in-page interactions.\n *\n * @example\n * ```tsx\n * 'use client';\n * import { Link } from '@yahoo/uds';\n * import { Share, Link as LinkIcon } from '@yahoo/uds-icons';\n *\n * <Link href=\"#\">My Link</Link>\n * <Link href=\"#\" startIcon={Share} />\n * <Link href=\"https://yahoo.com\" target=\"_blank\" endIcon={LinkIcon} />\n *```\n **/\nconst Link = forwardRef<HTMLAnchorElement, LinkProps>(function Input(\n  {\n    variant = 'primary',\n    textVariant,\n    startIcon,\n    endIcon,\n    alwaysUnderline = false,\n    children,\n    className,\n    ...anchorProps\n  }: LinkProps,\n  ref,\n) {\n  // This is a feature unrelated to configurator. DO NOT REMOVE.\n  const shouldSizeRelativeToContainingText = !textVariant;\n\n  const rootClasses = useMemo(() => {\n    // TODO: These should be getting generated by the textStyle variant\n    const textStyles =\n      !shouldSizeRelativeToContainingText &&\n      getStyles({\n        linkTextStyleRoot: textVariant,\n        fontSize: textVariant,\n        fontFamily: textVariant,\n        fontWeight: textVariant,\n        lineHeight: textVariant,\n        textTransform: textVariant,\n      });\n\n    return getStyles({\n      linkVariantRoot: variant,\n      display: 'inline-flex',\n      alignItems: 'center',\n      className: cx(\n        textStyles,\n        // Focus ring\n        'uds-ring',\n        alwaysUnderline && 'underline',\n        className,\n      ),\n    });\n  }, [alwaysUnderline, shouldSizeRelativeToContainingText, textVariant, variant, className]);\n\n  const iconStartStyles = getStyles({\n    linkVariantIconStart: variant,\n    linkTextStyleIcon: textVariant,\n    className: cx(shouldSizeRelativeToContainingText && 'w-[0.7em] h-[0.7em]'),\n  });\n\n  const iconEndStyles = getStyles({\n    linkVariantIconEnd: variant,\n    linkTextStyleIcon: textVariant,\n    className: cx(shouldSizeRelativeToContainingText && 'w-[0.7em] h-[0.7em]'),\n  });\n\n  const iconProps: IconSlotProps['iconProps'] = {\n    variant: 'outline',\n    color: 'current',\n  } as const;\n\n  return (\n    <a ref={ref} className={rootClasses} {...anchorProps}>\n      {startIcon && (\n        <IconSlot\n          className={iconStartStyles}\n          icon={startIcon}\n          iconProps={iconProps}\n          data-testid=\"start-icon\"\n        />\n      )}\n\n      {children}\n\n      {endIcon && (\n        <IconSlot\n          className={iconEndStyles}\n          icon={endIcon}\n          iconProps={iconProps}\n          data-testid=\"end-icon\"\n        />\n      )}\n    </a>\n  );\n});\n\nLink.displayName = 'Link';\n\nexport { Link, type LinkProps };\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA8CA,MAAM,OAAO,WAAyC,SAAS,MAC7D,EACE,UAAU,WACV,aACA,WACA,SACA,kBAAkB,OAClB,UACA,UACA,GAAG,eAEL,KACA;CAEA,MAAM,qCAAqC,CAAC;CAE5C,MAAM,cAAc,cAAc;AAahC,SAAO,UAAU;GACf,iBAAiB;GACjB,SAAS;GACT,YAAY;GACZ,WAAW,GAdX,CAAC,sCACD,UAAU;IACR,mBAAmB;IACnB,UAAU;IACV,YAAY;IACZ,YAAY;IACZ,YAAY;IACZ,eAAe;IAChB,CAAC,EASA,YACA,mBAAmB,aACnB,UACD;GACF,CAAC;IACD;EAAC;EAAiB;EAAoC;EAAa;EAAS;EAAU,CAAC;CAE1F,MAAM,kBAAkB,UAAU;EAChC,sBAAsB;EACtB,mBAAmB;EACnB,WAAW,GAAG,sCAAsC,sBAAsB;EAC3E,CAAC;CAEF,MAAM,gBAAgB,UAAU;EAC9B,oBAAoB;EACpB,mBAAmB;EACnB,WAAW,GAAG,sCAAsC,sBAAsB;EAC3E,CAAC;CAEF,MAAMA,YAAwC;EAC5C,SAAS;EACT,OAAO;EACR;AAED,QACE,qBAAC;EAAO;EAAK,WAAW;EAAa,GAAI;;GACtC,aACC,oBAAC;IACC,WAAW;IACX,MAAM;IACK;IACX,eAAY;KACZ;GAGH;GAEA,WACC,oBAAC;IACC,WAAW;IACX,MAAM;IACK;IACX,eAAY;KACZ;;GAEF;EAEN;AAEF,KAAK,cAAc"}

package/dist/components/Text.cjs

@@ -1,156 +0,0 @@
-/*! © 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

@@ -1,91 +0,0 @@
-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<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<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<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<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"> | 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">) & react7.RefAttributes<HTMLElement>>;
-//#endregion
-export { Text, type TextProps };
-//# sourceMappingURL=Text.d.cts.map

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

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

package/dist/components/Text.d.ts

@@ -1,91 +0,0 @@
-import { UniversalTextProps } from "../tokens/types.js";
-import "../tokens/index.js";
-import * as react10 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: react10.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;
-} & react10.ClassAttributes<HTMLLabelElement> & react10.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;
-} & react10.ClassAttributes<HTMLElement> & react10.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;
-} & react10.ClassAttributes<HTMLHeadingElement> & react10.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;
-} & react10.ClassAttributes<HTMLParagraphElement> & react10.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;
-} & react10.ClassAttributes<HTMLSpanElement> & react10.HTMLAttributes<HTMLSpanElement> & 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;
-} & react10.ClassAttributes<HTMLLIElement> & react10.LiHTMLAttributes<HTMLLIElement> & Omit<UniversalTextProps, "color" | "variant">, "ref">) & react10.RefAttributes<HTMLElement>>;
-//#endregion
-export { Text, type TextProps };
-//# sourceMappingURL=Text.d.ts.map

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

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

package/dist/components/Text.js

@@ -1,156 +0,0 @@
-/*! © 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

@@ -1 +0,0 @@
-{"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"}