@payfit/unity-components 2.68.14 → 2.68.16

package/dist/esm/components/funnel-layout/parts/FunnelPageAction.d.ts

@@ -3,7 +3,7 @@ import { ButtonProps } from '../../button/Button.js';
 export interface FunnelPageActionProps extends PropsWithChildren<Omit<ButtonProps, 'variant' | 'color' | 'size'>> {
     /**
      * The action type determines the default styling and behavior.
-     * - 'previous': Uses secondary variant for navigation back, outlined in rebrand
+     * - 'previous': Uses outlined variant for navigation back
      * - 'next': Uses primary variant for progression forward
      * - 'optional': Uses ghost variant for optional actions like skip
      */
@@ -27,7 +27,7 @@ export interface FunnelPageActionProps extends PropsWithChildren<Omit<ButtonProp
  * ```
  * @remarks
  * - Automatically applies appropriate button variants based on action type
- * - Previous actions use secondary variant in legacy and outlined in rebrand, next actions use primary variant
+ * - Previous actions use outlined variant, next actions use primary variant
  * - Optional actions use ghost variant for less prominent actions
  * - Automatically sets DataDog's session replay privacy to `data-dd-privacy="allow"`
  * @see {@link FunnelPageActionProps} for all available props

package/dist/esm/components/funnel-layout/parts/FunnelPageAction.js

@@ -1,32 +1,28 @@
 import { Button as e } from "../../button/Button.js";
 import { forwardRef as t, useCallback as n } from "react";
-import { useUnityTheme as r } from "@payfit/unity-themes";
-import { jsx as i } from "react/jsx-runtime";
+import { jsx as r } from "react/jsx-runtime";
 //#region src/components/funnel-layout/parts/FunnelPageAction.tsx
-var a = t(({ actionType: t, children: a, ...o }, s) => {
-	let { theme: c } = r();
-	return /* @__PURE__ */ i(e, {
-		ref: s,
-		"data-dd-privacy": "allow",
-		...n((e) => {
-			switch (e) {
-				case "previous": return { variant: c === "rebrand" ? "outlined" : "secondary" };
-				case "next": return {
-					variant: "primary",
-					color: "primary"
-				};
-				case "optional": return {
-					variant: "ghost",
-					color: "neutral"
-				};
-			}
-		}, [c])(t),
-		...o,
-		"data-unity-component": "FunnelPageAction",
-		"data-action-type": t,
-		children: a
-	});
-});
-a.displayName = "FunnelPageAction";
+var i = t(({ actionType: t, children: i, ...a }, o) => /* @__PURE__ */ r(e, {
+	ref: o,
+	"data-dd-privacy": "allow",
+	...n((e) => {
+		switch (e) {
+			case "previous": return { variant: "outlined" };
+			case "next": return {
+				variant: "primary",
+				color: "primary"
+			};
+			case "optional": return {
+				variant: "ghost",
+				color: "neutral"
+			};
+		}
+	}, [])(t),
+	...a,
+	"data-unity-component": "FunnelPageAction",
+	"data-action-type": t,
+	children: i
+}));
+i.displayName = "FunnelPageAction";
 //#endregion
-export { a as FunnelPageAction };
+export { i as FunnelPageAction };

package/dist/esm/components/funnel-layout/parts/FunnelSidebar.d.ts

@@ -1,30 +1,18 @@
 import { VariantProps } from '@payfit/unity-themes';
 import { PropsWithChildren } from 'react';
 export declare const funnelSidebar: import('tailwind-variants').TVReturnType<{
-    isSticky: {
-        true: "uy:sticky uy:top-8 uy:md:top-10 uy:z-9";
-        false: "uy:static";
-    };
     position: {
         sticky: string[];
         static: string[];
         fixed: string[];
     };
 }, undefined, string[], {
-    isSticky: {
-        true: "uy:sticky uy:top-8 uy:md:top-10 uy:z-9";
-        false: "uy:static";
-    };
     position: {
         sticky: string[];
         static: string[];
         fixed: string[];
     };
 }, undefined, import('tailwind-variants').TVReturnTypeLike<{
-    isSticky: {
-        true: "uy:sticky uy:top-8 uy:md:top-10 uy:z-9";
-        false: "uy:static";
-    };
     position: {
         sticky: string[];
         static: string[];
@@ -32,11 +20,6 @@ export declare const funnelSidebar: import('tailwind-variants').TVReturnType<{
     };
 }, undefined>>;
 export interface FunnelSidebarProps extends PropsWithChildren<VariantProps<typeof funnelSidebar>> {
-    /**
-     * Whether the sidebar is sticky or not
-     * `@deprecated` use position="sticky" instead
-     */
-    isSticky?: VariantProps<typeof funnelSidebar>['isSticky'];
     /**
      * The sidebar's positioning scheme. It can be one of three values:
      * - `static`: the sidebar does not scroll horizontally with the content

package/dist/esm/components/funnel-layout/parts/FunnelSidebar.js

@@ -10,35 +10,26 @@ var a = n({
 		"uy:sticky uy:top-8 uy:z-9",
 		"uy:md:basis-1/3 uy:lg:basis-1/4 uy:md:shrink-0"
 	],
-	variants: {
-		isSticky: {
-			true: "uy:sticky uy:top-8 uy:md:top-10 uy:z-9",
-			false: "uy:static"
-		},
-		position: {
-			sticky: ["uy:md:sticky uy:md:top-10"],
-			static: ["uy:md:static"],
-			fixed: ["uy:md:sticky uy:md:top-[var(--uy-funnel-sidebar-offset)]"]
-		}
-	},
-	defaultVariants: {
-		isSticky: !0,
-		position: "sticky"
-	}
-}), o = t(({ children: t, isSticky: n, position: o, "aria-label": s, ...c }, l) => {
-	let u = n === void 0 ? o : n ? "sticky" : "static", { ids: d } = e(), f = i();
+	variants: { position: {
+		sticky: ["uy:md:sticky uy:md:top-10"],
+		static: ["uy:md:static"],
+		fixed: ["uy:md:sticky uy:md:top-[var(--uy-funnel-sidebar-offset)]"]
+	} },
+	defaultVariants: { position: "sticky" }
+}), o = t(({ children: t, position: n, "aria-label": o, ...s }, c) => {
+	let { ids: l } = e(), u = i();
 	return /* @__PURE__ */ r("aside", {
-		ref: l,
-		"aria-label": s ?? f.formatMessage({
+		ref: c,
+		"aria-label": o ?? u.formatMessage({
 			id: "unity:layout:funnel:sidebar:aria-label",
 			defaultMessage: "Process steps"
 		}),
-		"aria-describedby": d.funnelTitleId,
-		className: a({ position: u }),
-		id: d.asideId,
+		"aria-describedby": l.funnelTitleId,
+		className: a({ position: n }),
+		id: l.asideId,
 		"data-unity-component": "FunnelSidebar",
 		"data-dd-privacy": "allow",
-		...c,
+		...s,
 		children: t
 	});
 });

package/dist/esm/components/funnel-layout/parts/FunnelTopBar.d.ts

@@ -58,31 +58,6 @@ export interface FunnelTopBarProps extends VariantProps<typeof funnelTopBar> {
      * ```
      */
     leading?: React.ReactNode;
-    /**
-     * Label for the back button.
-     * @deprecated Use `leading` with <FunnelBackButton> instead. Will be removed in v2.0.
-     * @example
-     * ```tsx
-     * // Old way (deprecated)
-     * <FunnelTopBar
-     *   backButtonLabel="Back"
-     *   onBackButtonPress={handleBack}
-     *   title="My Funnel"
-     * />
-     *
-     * // New way (recommended)
-     * <FunnelTopBar
-     *   leading={<FunnelBackButton label="Back" onPress={handleBack} />}
-     *   title="My Funnel"
-     * />
-     * ```
-     */
-    backButtonLabel?: string;
-    /**
-     * Callback function to be called when the back button is pressed.
-     * @deprecated Use `leading` with <FunnelBackButton> instead. Will be removed in v2.0.
-     */
-    onBackButtonPress?: () => void;
     /** Optional actions slot to display in the top bar */
     actions?: React.ReactNode;
     /** Optional flag to show or hide the progress indicator. Defaults to false */
@@ -107,8 +82,7 @@ export interface FunnelTopBarProps extends VariantProps<typeof funnelTopBar> {
  *   return (
  *     <FunnelTopBar
  *       title="Setup Process"
- *       backButtonLabel="Back"
- *       onBackButtonPress={handleBack}
+ *       leading={<FunnelBackButton label="Back" onPress={handleBack} />}
  *       showProgress={true}
  *       progressValue={75}
  *       progressAnnouncement="2 out of 3 tasks completed"

package/dist/esm/components/funnel-layout/parts/FunnelTopBar.js

@@ -1,88 +1,78 @@
 import { useFunnelLayoutContext as e } from "../FunnelLayout.context.js";
-import { FunnelBackButton as t } from "./FunnelBackButton.js";
-import { FunnelProgressBar as n } from "./FunnelProgressBar.js";
-import { forwardRef as r, useMemo as i } from "react";
-import { uyTv as a } from "@payfit/unity-themes";
-import { jsx as o, jsxs as s } from "react/jsx-runtime";
-import { useIntl as c } from "react-intl";
+import { FunnelProgressBar as t } from "./FunnelProgressBar.js";
+import { forwardRef as n, useMemo as r } from "react";
+import { uyTv as i } from "@payfit/unity-themes";
+import { jsx as a, jsxs as o } from "react/jsx-runtime";
+import { useIntl as s } from "react-intl";
 //#region src/components/funnel-layout/parts/FunnelTopBar.tsx
-var l = a({ slots: {
+var c = i({ slots: {
 	base: ["uy:bg-surface-neutral uy:shadow-raising uy:min-h-800"],
 	titleWrapper: ["uy:px-200 uy:py-150 uy:md:px-500 uy:min-h-[calc(var(--uy-spacing-800)-4px)]", "uy:flex uy:justify-between uy:items-center"],
 	title: ["uy:text-content-neutral uy:typography-body-strong uy:sm:typography-h4 uy:flex-1 uy:sm:flex-auto uy:text-center uy:col-2"]
-} }), u = r(({ actions: r, backButtonLabel: a, currentTaskDescription: u, leading: d, onBackButtonPress: f, progressAnnouncement: p, progressValue: m, showProgress: h = !0, title: g, ..._ }, v) => {
-	let y = c(), { ids: b } = e(), { base: x, titleWrapper: S, title: C } = l(), w = i(() => d === void 0 ? a && f ? (process.env.NODE_ENV === "development" && console.warn("FunnelTopBar: backButtonLabel and onBackButtonPress are deprecated. Use leading={<FunnelBackButton />} instead."), /* @__PURE__ */ o(t, {
-		label: a,
-		onPress: f
-	})) : null : d, [
-		d,
-		a,
-		f
-	]);
-	process.env.NODE_ENV === "development" && d !== void 0 && (a || f) && console.warn("FunnelTopBar: Both leading and deprecated props (backButtonLabel/onBackButtonPress) provided. leading takes precedence.");
-	let T = i(() => ({
-		navigationDescription: y.formatMessage({
+} }), l = n(({ actions: n, currentTaskDescription: i, leading: l, progressAnnouncement: u, progressValue: d, showProgress: f = !0, title: p, ...m }, h) => {
+	let g = s(), { ids: _ } = e(), { base: v, titleWrapper: y, title: b } = c(), x = r(() => ({
+		navigationDescription: g.formatMessage({
 			id: "unity:layout:funnel:top-bar:navigation-desc",
 			defaultMessage: "Process navigation"
 		}),
-		progressAnnouncement: p ?? y.formatMessage({
+		progressAnnouncement: u ?? g.formatMessage({
 			id: "unity:layout:funnel:top-bar:progress-announcement",
-			defaultMessage: m === void 0 ? "Progress status unavailable" : `Process is ${m}% complete`
-		}, { progress: m })
+			defaultMessage: d === void 0 ? "Progress status unavailable" : `Process is ${d}% complete`
+		}, { progress: d })
 	}), [
-		y,
-		p,
-		m
+		g,
+		u,
+		d
 	]);
-	return /* @__PURE__ */ s("header", {
-		ref: v,
-		id: b.topbarId,
-		className: x(),
+	return /* @__PURE__ */ o("header", {
+		ref: h,
+		id: _.topbarId,
+		className: v(),
 		role: "banner",
-		"aria-labelledby": b.funnelTitleId,
-		"aria-describedby": b.funnelStatusId,
+		"aria-labelledby": _.funnelTitleId,
+		"aria-describedby": _.funnelStatusId,
 		"data-dd-privacy": "allow",
-		..._,
+		...m,
 		children: [
-			/* @__PURE__ */ s("nav", {
-				className: S(),
-				"aria-label": T.navigationDescription,
+			/* @__PURE__ */ o("nav", {
+				className: y(),
+				"aria-label": x.navigationDescription,
 				children: [
-					/* @__PURE__ */ o("div", {
+					/* @__PURE__ */ a("div", {
 						className: "uy:grow-0 uy:basis-[100px]",
-						children: w
+						children: l
 					}),
-					/* @__PURE__ */ s("h1", {
-						className: C(),
-						id: b.funnelTitleId,
-						children: [g, u && /* @__PURE__ */ o("span", {
+					/* @__PURE__ */ o("h1", {
+						className: b(),
+						id: _.funnelTitleId,
+						children: [p, i && /* @__PURE__ */ a("span", {
 							className: "uy:sr-only",
-							children: u
+							children: i
 						})]
 					}),
-					/* @__PURE__ */ o("div", {
+					/* @__PURE__ */ a("div", {
 						className: "uy:grow-0 uy:basis-[100px]",
-						"aria-hidden": !r,
-						role: r ? "group" : "presentation",
-						children: r
+						"aria-hidden": !n,
+						role: n ? "group" : "presentation",
+						children: n
 					})
 				]
 			}),
-			h && /* @__PURE__ */ o("div", {
+			f && /* @__PURE__ */ a("div", {
 				"aria-hidden": "true",
-				children: /* @__PURE__ */ o(n, { value: m ?? 0 })
+				children: /* @__PURE__ */ a(t, { value: d ?? 0 })
 			}),
-			/* @__PURE__ */ o("div", {
-				id: b.funnelStatusId,
+			/* @__PURE__ */ a("div", {
+				id: _.funnelStatusId,
 				role: "status",
 				"aria-live": "polite",
 				"aria-atomic": "true",
 				className: "uy:sr-only",
-				children: T.progressAnnouncement
+				children: x.progressAnnouncement
 			})
 		]
 	});
 });
-u.displayName = "FunnelTopBar";
+l.displayName = "FunnelTopBar";
 //#endregion
-export { u as FunnelTopBar, l as funnelTopBar };
+export { l as FunnelTopBar, c as funnelTopBar };

package/dist/esm/components/icon-button/IconButton.d.ts

@@ -51,5 +51,5 @@ type IconButtonVisualProps = Omit<IconButtonUnionProps, 'style'>;
 export type IconButtonButtonProps = IconButtonVisualProps & IconButtonButtonElementProps;
 export type IconButtonLinkProps = IconButtonVisualProps & IconButtonLinkElementProps;
 export type IconButtonProps = IconButtonButtonProps | IconButtonLinkProps;
-export declare const IconButton: import('react').ForwardRefExoticComponent<IconButtonProps & import('react').RefAttributes<HTMLAnchorElement | HTMLButtonElement>>;
+export declare const IconButton: import('react').ForwardRefExoticComponent<IconButtonProps & import('react').RefAttributes<HTMLButtonElement | HTMLAnchorElement>>;
 export {};

package/dist/esm/components/icon-button/IconButton.js

@@ -4,97 +4,91 @@ import { Spinner as n } from "../spinner/Spinner.js";
 import { Tooltip as r } from "../tooltip/Tooltip.js";
 import { iconButtonFilled as i, iconButtonGhost as a, iconButtonOutlined as o } from "./IconButton.variants.js";
 import { forwardRef as s, useMemo as c } from "react";
-import { cn as l, useUnityTheme as u, uyMerge as d } from "@payfit/unity-themes";
-import { Fragment as f, jsx as p, jsxs as m } from "react/jsx-runtime";
-import { Button as h } from "react-aria-components/Button";
-import { Link as g } from "react-aria-components/Link";
+import { cn as l, uyMerge as u } from "@payfit/unity-themes";
+import { Fragment as d, jsx as f, jsxs as p } from "react/jsx-runtime";
+import { Button as m } from "react-aria-components/Button";
+import { Link as h } from "react-aria-components/Link";
 //#region src/components/icon-button/IconButton.tsx
-var _ = s(({ as: s = "button", variant: _, color: v = "primary", icon: y, iconRole: b, label: x, isDisabled: S = !1, isLoading: C = !1, onClick: w, onPress: T, className: E, ...D }, O) => {
-	let k = t(), { theme: A } = u(), j = `icon-button-label-${k}`, M = S || C, N = c(() => {
+var g = s(({ as: s = "button", variant: g, color: _ = "primary", icon: v, iconRole: y, label: b, isDisabled: x = !1, isLoading: S = !1, onClick: C, onPress: w, className: T, ...E }, D) => {
+	let O = `icon-button-label-${t()}`, k = x || S, A = c(() => {
 		let e = {
-			isDisabled: S,
-			isLoading: C
+			isDisabled: x,
+			isLoading: S
 		};
-		switch (_) {
-			case "primary": return d(i({
+		switch (g) {
+			case "primary": return u(i({
 				...e,
-				color: v
+				color: _
 			}));
-			case "secondary":
-				if (A === "rebrand") {
-					let t = v === "inverted" ? "inverted.low" : "neutral";
-					return d(i({
-						...e,
-						color: t
-					}));
-				}
-				return d(o({
+			case "secondary": {
+				let t = _ === "inverted" ? "inverted.low" : "neutral";
+				return u(i({
 					...e,
-					color: v
+					color: t
 				}));
-			case "ghost": return d(a({
+			}
+			case "ghost": return u(a({
 				...e,
-				color: v
+				color: _
 			}));
-			case "outlined": return d(o({
+			case "outlined": return u(o({
 				...e,
-				color: v
+				color: _
 			}));
 		}
 	}, [
+		g,
 		_,
-		v,
-		S,
-		C,
-		A
-	]), P = { ...C && { "data-loading": C } }, F = /* @__PURE__ */ m(f, { children: [C ? /* @__PURE__ */ p(n, {
+		x,
+		S
+	]), j = { ...S && { "data-loading": S } }, M = /* @__PURE__ */ p(d, { children: [S ? /* @__PURE__ */ f(n, {
 		size: "small",
 		label: "Loading",
 		color: "inherit"
-	}) : /* @__PURE__ */ p(e, {
-		role: b,
-		src: y,
+	}) : /* @__PURE__ */ f(e, {
+		role: y,
+		src: v,
 		size: 20,
 		color: "inherit",
-		"aria-labelledby": j
-	}), /* @__PURE__ */ p("span", {
-		id: j,
+		"aria-labelledby": O
+	}), /* @__PURE__ */ f("span", {
+		id: O,
 		className: "uy:sr-only",
-		children: x
+		children: b
 	})] });
-	return s === "link" ? /* @__PURE__ */ p(r, {
-		title: x,
-		children: /* @__PURE__ */ p(g, {
-			ref: O,
+	return s === "link" ? /* @__PURE__ */ f(r, {
+		title: b,
+		children: /* @__PURE__ */ f(h, {
+			ref: D,
 			"data-dd-privacy": "allow",
-			...D,
-			...w && { onClick: w },
-			className: l(N, E),
-			onPress: T,
-			isDisabled: M,
-			"aria-label": x,
-			"aria-disabled": M ? !0 : void 0,
-			"aria-busy": C || void 0,
-			...P,
-			children: F
+			...E,
+			...C && { onClick: C },
+			className: l(A, T),
+			onPress: w,
+			isDisabled: k,
+			"aria-label": b,
+			"aria-disabled": k ? !0 : void 0,
+			"aria-busy": S || void 0,
+			...j,
+			children: M
 		})
-	}) : /* @__PURE__ */ p(r, {
-		title: x,
-		children: /* @__PURE__ */ p(h, {
-			ref: O,
+	}) : /* @__PURE__ */ f(r, {
+		title: b,
+		children: /* @__PURE__ */ f(m, {
+			ref: D,
 			"data-dd-privacy": "allow",
-			...D,
-			className: l(N, E),
-			onPress: T ?? w,
-			isDisabled: M,
-			isPending: C,
-			"aria-label": x,
-			"aria-disabled": M ? !0 : void 0,
-			...P,
-			children: F
+			...E,
+			className: l(A, T),
+			onPress: w ?? C,
+			isDisabled: k,
+			isPending: S,
+			"aria-label": b,
+			"aria-disabled": k ? !0 : void 0,
+			...j,
+			children: M
 		})
 	});
 });
-_.displayName = "IconButton";
+g.displayName = "IconButton";
 //#endregion
-export { _ as IconButton };
+export { g as IconButton };

package/dist/esm/components/icon-button/IconButton.variants.js

@@ -28,10 +28,10 @@ var t = e({
 	variants: {
 		color: {
 			primary: [
-				"uy:theme-legacy:bg-surface-primary-enabled uy:theme-rebrand:bg-surface-neutral-highest-enabled uy:text-content-inverted-enabled",
-				"uy:theme-legacy:not-data-[disabled]:data-[hovered=\"true\"]:bg-surface-primary-hover uy:theme-rebrand:not-data-[disabled]:data-[hovered=\"true\"]:bg-surface-neutral-highest-hover uy:not-data-[disabled]:data-[hovered=\"true\"]:text-content-inverted-hover",
-				"uy:theme-legacy:not-data-[disabled]:active:bg-surface-primary-active uy:theme-rebrand:not-data-[disabled]:active:bg-surface-neutral-highest-active uy:not-data-[disabled]:active:text-content-inverted-hover",
-				"uy:theme-legacy:not-data-[disabled]:data-[pressed=\"true\"]:bg-surface-primary-pressed uy:theme-rebrand:not-data-[disabled]:data-[pressed=\"true\"]:bg-surface-neutral-highest-pressed uy:not-data-[disabled]:data-[pressed=\"true\"]:text-content-inverted-pressed"
+				"uy:bg-surface-neutral-highest-enabled uy:text-content-inverted-enabled",
+				" uy:not-data-[disabled]:data-[hovered=\"true\"]:bg-surface-neutral-highest-hover uy:not-data-[disabled]:data-[hovered=\"true\"]:text-content-inverted-hover",
+				"uy:not-data-[disabled]:active:bg-surface-neutral-highest-active uy:not-data-[disabled]:active:text-content-inverted-hover",
+				" uy:not-data-[disabled]:data-[pressed=\"true\"]:bg-surface-neutral-highest-pressed uy:not-data-[disabled]:data-[pressed=\"true\"]:text-content-inverted-pressed"
 			],
 			warning: [
 				"uy:bg-surface-warning-enabled uy:text-content-neutral-enabled",
@@ -40,10 +40,10 @@ var t = e({
 				"uy:not-data-[disabled]:data-[pressed=\"true\"]:bg-surface-warning-pressed uy:not-data-[disabled]:data-[pressed=\"true\"]:text-content-neutral-pressed"
 			],
 			danger: [
-				"uy:bg-surface-danger-enabled uy:theme-legacy:text-content-inverted-enabled uy:theme-rebrand:text-content-inverted",
-				"uy:not-data-[disabled]:data-[hovered=\"true\"]:bg-surface-danger-hover uy:theme-legacy:not-data-[disabled]:data-[hovered=\"true\"]:text-content-inverted-hover",
-				"uy:not-data-[disabled]:active:bg-surface-danger-active uy:theme-legacy:not-data-[disabled]:active:text-content-inverted",
-				"uy:not-data-[disabled]:data-[pressed=\"true\"]:bg-surface-danger-pressed uy:theme-legacy:not-data-[disabled]:data-[pressed=\"true\"]:text-content-inverted"
+				"uy:bg-surface-danger-enabled  uy:text-content-inverted",
+				"uy:not-data-[disabled]:data-[hovered=\"true\"]:bg-surface-danger-hover",
+				"uy:not-data-[disabled]:active:bg-surface-danger-active ",
+				"uy:not-data-[disabled]:data-[pressed=\"true\"]:bg-surface-danger-pressed"
 			],
 			neutral: [
 				"uy:bg-surface-neutral-low-enabled uy:text-content-neutral-enabled",
@@ -83,14 +83,12 @@ var t = e({
 			primary: [
 				"uy:text-content-neutral-enabled uy:border-border-neutral-high-enabled",
 				"uy:not-data-[disabled]:data-[hovered=\"true\"]:text-content-neutral-hover uy:not-data-[disabled]:data-[hovered=\"true\"]:border-border-neutral-high-hover",
-				"uy:theme-legacy:not-data-[disabled]:data-[pressed=\"true\"]:text-content-neutral-high-pressed uy:theme-legacy:not-data-[disabled]:data-[pressed=\"true\"]:border-border-neutral-high-pressed",
-				"uy:theme-rebrand:not-data-[disabled]:data-[pressed=\"true\"]:text-content-neutral-pressed uy:theme-rebrand:not-data-[disabled]:data-[pressed=\"true\"]:bg-surface-neutral-low-pressed uy:theme-rebrand:not-data-[disabled]:data-[pressed=\"true\"]:border-surface-neutral-low-pressed",
+				"uy:not-data-[disabled]:data-[pressed=\"true\"]:text-content-neutral-pressed uy:not-data-[disabled]:data-[pressed=\"true\"]:bg-surface-neutral-low-pressed uy:not-data-[disabled]:data-[pressed=\"true\"]:border-surface-neutral-low-pressed",
 				"uy:not-data-[disabled]:data-[focus-visible=\"true\"]:border-border-neutral-high-focus uy:not-data-[disabled]:data-[focus-visible=\"true\"]:text-content-neutral-focus"
 			],
 			inverted: [
 				"uy:text-content-inverted-enabled uy:border-border-inverted-enabled",
-				"uy:theme-legacy:not-data-[disabled]:data-[pressed=\"true\"]:text-content-inverted-pressed uy:theme-legacy:not-data-[disabled]:data-[pressed=\"true\"]:border-border-inverted-pressed",
-				"uy:theme-rebrand:not-data-[disabled]:data-[pressed=\"true\"]:text-content-neutral-pressed uy:theme-rebrand:not-data-[disabled]:data-[pressed=\"true\"]:bg-surface-neutral-low-pressed uy:theme-rebrand:not-data-[disabled]:data-[pressed=\"true\"]:border-surface-neutral-low-pressed",
+				"uy:not-data-[disabled]:data-[pressed=\"true\"]:text-content-neutral-pressed uy:not-data-[disabled]:data-[pressed=\"true\"]:bg-surface-neutral-low-pressed uy:not-data-[disabled]:data-[pressed=\"true\"]:border-surface-neutral-low-pressed",
 				"uy:not-data-[disabled]:data-[focus-visible=\"true\"]:outline-utility-inverted-focus-ring"
 			]
 		},
@@ -105,11 +103,11 @@ var t = e({
 	variants: {
 		color: {
 			primary: [
-				"uy:bg-transparent uy:theme-legacy:text-content-primary-enabled uy:theme-rebrand:text-content-neutral-enabled",
-				"uy:theme-legacy:not-data-[disabled]:data-[hovered=\"true\"]:bg-surface-primary-lowest-hover uy:theme-rebrand:not-data-[disabled]:data-[hovered=\"true\"]:bg-surface-neutral-low-hover uy:theme-legacy:not-data-[disabled]:data-[hovered=\"true\"]:text-content-primary-hover uy:theme-rebrand:not-data-[disabled]:data-[hovered=\"true\"]:text-content-neutral-low-hover",
-				"uy:theme-legacy:not-data-[disabled]:active:bg-surface-primary-lowest-active uy:theme-rebrand:not-data-[disabled]:active:bg-surface-neutral-low-active uy:theme-legacy:not-data-[disabled]:active:text-content-primary-active uy:theme-rebrand:not-data-[disabled]:active:text-content-neutral-low-active",
-				"uy:theme-legacy:not-data-[disabled]:data-[pressed=\"true\"]:bg-surface-primary-lowest-pressed uy:theme-rebrand:not-data-[disabled]:data-[pressed=\"true\"]:bg-surface-neutral-low-pressed uy:theme-legacy:not-data-[disabled]:data-[pressed=\"true\"]:text-content-primary-pressed uy:theme-rebrand:not-data-[disabled]:data-[pressed=\"true\"]:text-content-neutral-low-pressed",
-				"uy:not-data-[disabled]:data-[focus-visible=\"true\"]:bg-transparent uy:theme-rebrand:not-data-[disabled]:data-[focus-visible=\"true\"]:text-content-neutral-low-focus"
+				"uy:bg-transparent  uy:text-content-neutral-enabled",
+				" uy:not-data-[disabled]:data-[hovered=\"true\"]:bg-surface-neutral-low-hover  uy:not-data-[disabled]:data-[hovered=\"true\"]:text-content-neutral-low-hover",
+				"uy:not-data-[disabled]:active:bg-surface-neutral-low-active  uy:not-data-[disabled]:active:text-content-neutral-low-active",
+				" uy:not-data-[disabled]:data-[pressed=\"true\"]:bg-surface-neutral-low-pressed  uy:not-data-[disabled]:data-[pressed=\"true\"]:text-content-neutral-low-pressed",
+				"uy:not-data-[disabled]:data-[focus-visible=\"true\"]:bg-transparent uy:not-data-[disabled]:data-[focus-visible=\"true\"]:text-content-neutral-low-focus"
 			],
 			warning: [
 				"uy:bg-transparent uy:text-content-warning-enabled",

package/dist/esm/components/link/RawLink.d.ts

@@ -216,7 +216,7 @@ export type RawLinkProps = Omit<AriaLinkProps, 'style' | 'className'> & {
  * - Links support mouse and touch interactions, keyboard navigation, and activation with Enter or Space.
  * - Use a link when an action navigates or changes the URL. Use a button for actions without a meaningful destination.
  */
-declare const RawLink: import('react').ForwardRefExoticComponent<Omit<AriaLinkProps, "style" | "className"> & {
+declare const RawLink: import('react').ForwardRefExoticComponent<Omit<AriaLinkProps, "className" | "style"> & {
     /**
      * The URL the link navigates to.
      */

package/dist/esm/components/link/RawLink.js

@@ -33,8 +33,8 @@ var c = r({
 			inherit: { base: "uy:text-inherit" }
 		},
 		color: {
-			primary: { base: ["uy:text-content-primary-enabled uy:hover:text-content-primary-hover uy:active:text-content-primary-active uy:data-[pressed]:text-content-primary-active uy:data-[current]:text-content-primary-active uy:aria-[current]:text-content-primary-active", "uy:theme-rebrand:text-content-neutral-enabled uy:theme-rebrand:hover:text-content-neutral-hover uy:theme-rebrand:active:text-content-neutral-active uy:theme-rebrand:data-[pressed]:text-content-neutral-pressed uy:theme-rebrand:data-[current]:text-content-neutral-active uy:theme-rebrand:aria-[current]:text-content-neutral-active"] },
-			secondary: { base: ["uy:text-content-neutral-enabled uy:hover:text-content-neutral-hover uy:active:text-content-neutral-active uy:data-[pressed]:text-content-neutral-pressed uy:data-[current]:text-content-neutral-active uy:aria-[current]:text-content-neutral-active", "uy:theme-rebrand:text-content-neutral-lowest-enabled uy:theme-rebrand:hover:text-content-neutral-lowest-hover uy:theme-rebrand:active:text-content-neutral-lowest-active uy:theme-rebrand:data-[pressed]:text-content-neutral-lowest-pressed uy:theme-rebrand:data-[current]:text-content-neutral-lowest-active uy:theme-rebrand:aria-[current]:text-content-neutral-lowest-active"] },
+			primary: { base: ["uy:text-content-primary-enabled uy:hover:text-content-primary-hover uy:active:text-content-primary-active uy:data-[pressed]:text-content-primary-active uy:data-[current]:text-content-primary-active uy:aria-[current]:text-content-primary-active", "uy:text-content-neutral-enabled uy:hover:text-content-neutral-hover uy:active:text-content-neutral-active uy:data-[pressed]:text-content-neutral-pressed uy:data-[current]:text-content-neutral-active uy:aria-[current]:text-content-neutral-active"] },
+			secondary: { base: ["uy:text-content-neutral-enabled uy:hover:text-content-neutral-hover uy:active:text-content-neutral-active uy:data-[pressed]:text-content-neutral-pressed uy:data-[current]:text-content-neutral-active uy:aria-[current]:text-content-neutral-active", "uy:text-content-neutral-lowest-enabled uy:hover:text-content-neutral-lowest-hover uy:active:text-content-neutral-lowest-active uy:data-[pressed]:text-content-neutral-lowest-pressed uy:data-[current]:text-content-neutral-lowest-active uy:aria-[current]:text-content-neutral-lowest-active"] },
 			inherit: { base: "uy:text-(color:inherit)" }
 		},
 		isDisabled: {
@@ -50,7 +50,7 @@ var c = r({
 		{
 			color: "primary",
 			isDisabled: !0,
-			class: { base: ["uy:data-[disabled]:text-content-primary-disabled", "uy:theme-rebrand:data-[disabled]:text-content-neutral-disabled"] }
+			class: { base: ["uy:data-[disabled]:text-content-primary-disabled", "uy:data-[disabled]:text-content-neutral-disabled"] }
 		},
 		{
 			color: "secondary",