@povio/ui 6.0.0-rc.1 → 6.0.0-rc.2

package/dist/link.cva-isgDrId6.js

@@ -0,0 +1,12 @@
+import { t as UIOverrides } from "./uiOverrides.context-BTCH9y5a.js";
+import { n as uiOutlineClass } from "./outline.clsx-DGGQQRkM.js";
+//#region src/components/text/Link/link.cva.ts
+const linkDefinition = UIOverrides.defineConfig({
+	base: ["font-medium underline underline-offset-4 hover:text-primary/80", uiOutlineClass],
+	config: {
+		variants: { variant: { default: "text-primary" } },
+		defaultVariants: { variant: "default" }
+	}
+});
+//#endregion
+export { linkDefinition as t };

package/dist/outline.clsx-DGGQQRkM.js

@@ -0,0 +1,6 @@
+import { t as clsx } from "./clsx-CnD0nOiA.js";
+//#region src/components/outline.clsx.ts
+const uiOutlineClass = clsx("outline-none focus-visible:ring-[3px] focus-visible:ring-ring/50", "has-focus-visible:ring-[3px] has-focus-visible:ring-ring/50");
+const uiGroupOutlineClass = clsx("outline-none group-focus-visible:ring-[3px] group-focus-visible:ring-ring/50");
+//#endregion
+export { uiOutlineClass as n, uiGroupOutlineClass as t };

package/dist/{popover.cva-Bhud1wnp.js → popover.cva-Ciu9Ro5G.js}

@@ -1,5 +1,5 @@
 import { t as UIOverrides } from "./uiOverrides.context-BTCH9y5a.js";
 //#region src/components/shared/popover.cva.ts
-const popoverDefinition = UIOverrides.defineConfig({ base: ["rounded-list-rounding-dropdown border border-border-default-subtle border-solid bg-surface-default-card shadow-5 outline-none"] });
+const popoverDefinition = UIOverrides.defineConfig({ base: ["rounded-md border border-solid bg-popover text-popover-foreground shadow-md outline-none"] });
 //#endregion
 export { popoverDefinition as t };

package/dist/{progress.cva-D7iiX6Lh.js → progress.cva-D0PKV_ET.js}

@@ -1,7 +1,7 @@
 import { t as UIOverrides } from "./uiOverrides.context-BTCH9y5a.js";
 //#region src/components/status/Progress/progress.cva.ts
 const progressDefinition = UIOverrides.defineConfig({
-	base: ["flex w-full items-center justify-center gap-file-upload-content-gap-progress-actions"],
+	base: ["flex w-full items-center justify-center gap-2"],
 	config: {
 		variants: { valueLabel: {
 			leading: ["flex-row-reverse"],
@@ -11,18 +11,18 @@ const progressDefinition = UIOverrides.defineConfig({
 		defaultVariants: { valueLabel: "trailing" }
 	}
 });
-const progressTrackWrapperDefinition = UIOverrides.defineConfig({ base: ["flex flex-fill flex-col items-start gap-2 py-progress-height-height"] });
+const progressTrackWrapperDefinition = UIOverrides.defineConfig({ base: ["flex flex-1 flex-col items-start"] });
 const progressTrackDefinition = UIOverrides.defineConfig({
 	base: [],
 	config: {
 		variants: { part: {
-			container: ["relative h-1 w-full"],
-			background: ["h-1 w-full shrink-0 rounded-xs bg-surface-default-sunken"]
+			container: ["relative h-2 w-full overflow-hidden rounded-full"],
+			background: ["absolute inset-0 bg-primary/20"]
 		} },
 		defaultVariants: { part: "container" }
 	}
 });
-const progressFillDefinition = UIOverrides.defineConfig({ base: ["absolute top-0 left-0 h-1 shrink-0 rounded-xs bg-interactive-primary-background transition-all duration-300"] });
-const progressValueDefinition = UIOverrides.defineConfig({ base: ["text-center text-content-muted"] });
+const progressFillDefinition = UIOverrides.defineConfig({ base: ["absolute inset-y-0 left-0 h-full bg-primary transition-all"] });
+const progressValueDefinition = UIOverrides.defineConfig({ base: ["text-center text-muted-foreground tabular-nums"] });
 //#endregion
 export { progressValueDefinition as a, progressTrackWrapperDefinition as i, progressFillDefinition as n, progressTrackDefinition as r, progressDefinition as t };

package/dist/{radio.cva-Ctdop1xV.js → radio.cva-Dn2Auqxw.js}

@@ -1,27 +1,19 @@
 import { t as UIOverrides } from "./uiOverrides.context-BTCH9y5a.js";
-import { t as uiGroupOutlineClass } from "./outline.clsx-50W_vNDl.js";
+import { t as uiGroupOutlineClass } from "./outline.clsx-DGGQQRkM.js";
 import { t as compoundMapper } from "./compoundMapper-Di3SKZnS.js";
 //#region src/components/inputs/RadioGroup/radio.cva.ts
 const radioDefinition = UIOverrides.defineConfig({
 	base: [
-		"flex items-center justify-center border-2",
-		"relative m-1.25 size-3.5 shrink-0 rounded-full",
-		"before:absolute before:hidden before:size-1 before:rounded-full",
+		"relative flex aspect-square size-4 shrink-0 items-center justify-center rounded-full border shadow-xs transition-[color,box-shadow]",
+		"before:absolute before:top-1/2 before:left-1/2 before:hidden before:size-2 before:-translate-x-1/2 before:-translate-y-1/2 before:rounded-full before:content-['']",
 		uiGroupOutlineClass
 	],
 	config: {
 		variants: { variant: { default: [
-			"border-interactive-primary-background bg-support-transparent-outline",
-			"before:bg-interactive-primary-foreground group-selected:before:block",
-			"group-focus-visible:outline-interactive-ring",
-			"group-not-disabled:group-invalid:border-border-destructive-base",
-			"group-disabled:border-state-interactive-primary-background/disabled",
-			"group-not-disabled:group-not-invalid:group-hover:border-state-interactive-primary-background/hover",
-			"group-not-disabled:group-not-invalid:group-pressed:border-state-interactive-primary-background/pressed",
-			"group-selected:bg-interactive-primary-background",
-			"group-selected:group-not-disabled:group-hover:bg-state-interactive-primary-background/hover",
-			"group-selected:group-not-disabled:group-pressed:bg-state-interactive-primary-background/pressed",
-			"group-selected:group-disabled:bg-state-interactive-primary-background/disabled"
+			"border-input text-primary dark:bg-input/30",
+			"before:bg-primary group-selected:before:block",
+			"group-not-invalid:group-focus-visible:border-ring",
+			"group-invalid:border-destructive"
 		] } },
 		defaultVariants: { variant: "default" }
 	}
@@ -65,6 +57,11 @@ const radioContentRowDefinition = UIOverrides.defineConfig({
 				false: ""
 			}
 		},
+		compoundVariants: [{
+			as: ["default", "floating"],
+			hasInputFrame: false,
+			className: "gap-3"
+		}],
 		defaultVariants: {
 			variant: "default",
 			as: "default",
@@ -72,11 +69,11 @@ const radioContentRowDefinition = UIOverrides.defineConfig({
 		}
 	}
 });
-const radioIndicatorClass = "group flex items-center gap-2";
+const radioIndicatorClass = "group flex items-center gap-3 disabled:cursor-not-allowed disabled:opacity-50";
 const radioTypography = compoundMapper({ default: {
 	size: "large",
 	sizeMobile: "large"
 } });
-const radioContentClassName = compoundMapper({ default: "text-content-secondary" });
+const radioContentClassName = compoundMapper({ default: "leading-none font-medium text-foreground select-none" });
 //#endregion
 export { radioIndicatorClass as a, radioDefinition as i, radioContentRowDefinition as n, radioTypography as o, radioContentWrapperDefinition as r, radioContentClassName as t };

package/dist/{radio.cva-DO3UEac-.d.ts → radio.cva-VUie6k1Y.d.ts}

@@ -1,12 +1,12 @@
 import { n as StyleMergeUtils, t as UIOverrides } from "./uiOverrides.context-Dmev7iRS.js";
-import "./style-definitions-_RXJdSk-.js";
-import "./typography.cva-GpC6QQNx.js";
+import "./style-definitions-DzsmGccZ.js";
+import "./typography.cva-CKCCpIMj.js";
 //#region src/components/inputs/RadioGroup/radio.cva.d.ts
 declare const radioDefinition: {
   base: string[];
   config: StyleMergeUtils.Config<{
     readonly variant: {
-      default: ["border-interactive-primary-background bg-support-transparent-outline", "before:bg-interactive-primary-foreground group-selected:before:block", "group-focus-visible:outline-interactive-ring", "group-not-disabled:group-invalid:border-border-destructive-base", "group-disabled:border-state-interactive-primary-background/disabled", "group-not-disabled:group-not-invalid:group-hover:border-state-interactive-primary-background/hover", "group-not-disabled:group-not-invalid:group-pressed:border-state-interactive-primary-background/pressed", "group-selected:bg-interactive-primary-background", "group-selected:group-not-disabled:group-hover:bg-state-interactive-primary-background/hover", "group-selected:group-not-disabled:group-pressed:bg-state-interactive-primary-background/pressed", "group-selected:group-disabled:bg-state-interactive-primary-background/disabled"];
+      default: ["border-input text-primary dark:bg-input/30", "before:bg-primary group-selected:before:block", "group-not-invalid:group-focus-visible:border-ring", "group-invalid:border-destructive"];
     };
   }>;
 };

package/dist/rich-text-editor.d.ts

@@ -1,2 +1,2 @@
-import { i as RichTextEditorValue, r as RichTextEditorProps, t as RichTextEditor } from "./RichTextEditor-hJtuB7Y6.js";
+import { i as RichTextEditorValue, r as RichTextEditorProps, t as RichTextEditor } from "./RichTextEditor-k9LvNCjg.js";
 export { RichTextEditor, type RichTextEditorProps, type RichTextEditorValue };

package/dist/rich-text-editor.js

@@ -1,2 +1,2 @@
-import { t as RichTextEditor } from "./RichTextEditor-BYIQW8QA.js";
+import { t as RichTextEditor } from "./RichTextEditor-qoxzWBFP.js";
 export { RichTextEditor };

package/dist/{selectDesktop.cva-RzxvSBkd.js → selectDesktop.cva-CGBkscBY.js}

@@ -1,7 +1,7 @@
 import { t as UIOverrides } from "./uiOverrides.context-BTCH9y5a.js";
 //#region src/components/inputs/Selection/shared/selectInput.cva.ts
 const selectInputTagsContentWrapperDefinition = UIOverrides.defineConfig({
-	base: ["flex flex-1 flex-wrap gap-input-gap-input-text-to-elements truncate"],
+	base: ["flex flex-1 flex-wrap gap-1 truncate"],
 	config: { variants: { isSearchable: {
 		false: "pointer-events-none z-raised",
 		true: "min-w-0 w-[12em] grow"

package/dist/selectItem.cva-Ch6oK4jP.js

@@ -0,0 +1,27 @@
+import { t as UIOverrides } from "./uiOverrides.context-BTCH9y5a.js";
+//#region src/components/inputs/Selection/shared/selectItem.cva.ts
+const selectListBoxItemDefinition = UIOverrides.defineConfig({
+	base: [
+		"group relative flex w-full cursor-default items-center gap-2 rounded-sm py-1.5 pl-2 text-sm outline-hidden select-none",
+		"hover:bg-accent hover:text-accent-foreground focus:bg-accent focus:text-accent-foreground",
+		"disabled:pointer-events-none disabled:opacity-50"
+	],
+	config: {
+		variants: {
+			isSingle: {
+				false: "pr-2",
+				true: "pr-8"
+			},
+			isNewItem: {
+				true: "text-primary font-medium",
+				false: "text-popover-foreground"
+			}
+		},
+		defaultVariants: {
+			isSingle: false,
+			isNewItem: false
+		}
+	}
+});
+//#endregion
+export { selectListBoxItemDefinition as t };

package/dist/{staticDateTimeSegments-Bt5wCZvg.js → staticDateTimeSegments-CA_lwN-O.js}

@@ -2,17 +2,17 @@ import { t as clsx } from "./clsx-CnD0nOiA.js";
 import { t as UIOverrides } from "./uiOverrides.context-BTCH9y5a.js";
 import { l as $542a13ca2fa5b484$export$5b6b19405a83ff9d, n as $f2ff30fde7b014be$export$3ddf2d174ce01153 } from "./Dialog-lFYX-7Ax.js";
 import { t as popoverAnimationClassName } from "./popoverAnimation-DEZSvKP8.js";
-import { t as Typography } from "./Typography-LU4z2pR1.js";
-import { t as Button } from "./Button-DER_6cxv.js";
+import { t as Typography } from "./Typography-Ba5l4rmj.js";
+import { t as Button } from "./Button-DU1Q8GDB.js";
 import { BottomSheet } from "./components/bottom-sheet.js";
-import { t as useBreakpoint } from "./useBreakpoint-BzYqQEBO.js";
+import { t as useBreakpoint } from "./useBreakpoint-DOUmXVZ2.js";
 import { t as $a8ea2faf2ebe4d2f$re_export$isFirefox } from "./import-D_3dPATF.js";
 import { t as $3e6197669829fe11$export$40bfa8c7b0832715 } from "./useControlledState-CuU1VIh1.js";
 import { i as $fd2148440a13ec26$export$fc1a364ae1f3ff10, n as $fd2148440a13ec26$export$75ee7c75d68f5b0e, r as $fd2148440a13ec26$export$aca958c65c314e6c, t as $1dfb119a85e764e5$export$cc77c4ff7e8673c5 } from "./NumberFormatter-DYarfm5F.js";
 import "./i18n-BjNKHh_D.js";
 import { t as getStaticInputFocusTarget } from "./useStaticInputHandoff-DyYxfwv6.js";
 import { t as DateTimeUtils } from "./date-time.utils-0F9qduim.js";
-import { t as popoverDefinition } from "./popover.cva-Bhud1wnp.js";
+import { t as popoverDefinition } from "./popover.cva-Ciu9Ro5G.js";
 import { useLayoutEffect, useMemo, useRef, useState } from "react";
 import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
 import { CalendarDate, DateFormatter, GregorianCalendar, Time, getLocalTimeZone, isEqualCalendar, now, toCalendar, toCalendarDate, toCalendarDateTime } from "@internationalized/date";
@@ -1582,7 +1582,7 @@ const DateSegmentItemView = ({ ref, segmentProps, role, type, text, placeholder,
 		ref,
 		"data-static-segment-type": type === "literal" ? void 0 : type,
 		"data-static-segment-group": type === "literal" ? void 0 : segmentGroup,
-		className: clsx("box-content rounded-input-rounding-default", isPlaceholder || type === "literal" && isInputEmpty ? "text-content-muted" : "text-inherit", "focus-within:outline-1 focus-within:outline-interactive-ring focus-within:outline-offset-1", type && (type === "hour" && !timePickerOnly || type === "dayPeriod") && "ml-1", hidePlaceholder && "opacity-0"),
+		className: clsx("box-content rounded-md", isPlaceholder || type === "literal" && isInputEmpty ? "text-muted-foreground" : "text-inherit", "focus-within:outline-1 focus-within:outline-ring focus-within:outline-offset-1", type && (type === "hour" && !timePickerOnly || type === "dayPeriod") && "ml-1", hidePlaceholder && "opacity-0"),
 		children: /* @__PURE__ */ jsxs(Fragment$1, { children: [isPlaceholder && /* @__PURE__ */ jsx("span", {
 			"aria-hidden": "true",
 			className: "pointer-events-none",
@@ -1647,7 +1647,7 @@ const DateTimeDialog = ({ hideSidebar, children, footer, sidebar, label, isOpen,
 const DateTimeDialogFooter = ({ isValid = true, isDisabled = false, onTodayPress, onApply }) => {
 	const { t } = useTranslation("ui");
 	return /* @__PURE__ */ jsxs("footer", {
-		className: clsx("flex shrink-0 items-center gap-2 bg-surface-default-background px-4 py-3 md:border-border-default-subtle md:border-t md:bg-surface-default-card md:py-1.5", onTodayPress ? "justify-between" : "justify-end"),
+		className: clsx("flex shrink-0 items-center gap-2 bg-background px-3 py-3 md:border-t md:border-border md:bg-popover md:py-2", onTodayPress ? "justify-between" : "justify-end"),
 		children: [onTodayPress && /* @__PURE__ */ jsx(Button, {
 			type: "button",
 			size: "none",
@@ -1698,7 +1698,7 @@ const getStaticDateRangeSegments = ({ start, end, locale, shouldForceLeadingZero
 			segmentGroup: "start"
 		}),
 		showSeparator && /* @__PURE__ */ jsx("span", {
-			className: !start && !end ? "pointer-events-none select-none text-content-muted" : "pointer-events-none select-none text-inherit",
+			className: !start && !end ? "pointer-events-none select-none text-muted-foreground" : "pointer-events-none select-none text-inherit",
 			children: "–"
 		}),
 		renderStaticDateTimeParts(DateTimeUtils.formatCalendarDatePartsLocalized(end, locale, { shouldForceLeadingZeros }), {
@@ -1718,7 +1718,7 @@ const getStaticTimeSegments = ({ value, locale, shouldForceLeadingZeros, isDisab
 };
 const getStaticDateTimePlaceholder = (placeholder) => /* @__PURE__ */ jsx(Typography, {
 	size: "large",
-	className: "text-content-muted",
+	className: "text-muted-foreground",
 	children: placeholder
 });
 const getStaticDateTimeFocusTarget = (container, staticTarget, fromEnd = false) => {

package/dist/{status.cva-BFGMKZO_.js → status.cva-CUpcOT4W.js}

@@ -1,11 +1,11 @@
 import { t as UIOverrides } from "./uiOverrides.context-BTCH9y5a.js";
 //#region src/components/status/Alert/alert.cva.ts
 const alertDefinition = UIOverrides.defineConfig({
-	base: ["min-h-0 overflow-hidden rounded-alert-rounding-default p-0 shadow-4"],
+	base: ["relative w-full rounded-lg border px-4 py-3 text-sm"],
 	config: {
 		variants: {
 			variant: {
-				outlined: "border bg-surface-default-card text-content-primary",
+				outlined: "",
 				contained: ""
 			},
 			color: {
@@ -19,42 +19,42 @@ const alertDefinition = UIOverrides.defineConfig({
 			{
 				variant: "outlined",
 				color: "neutral",
-				className: "border-border-default-subtle"
+				className: "border-border bg-card text-card-foreground"
 			},
 			{
 				variant: "outlined",
 				color: "success",
-				className: "border-status-success-accent"
+				className: "border-border bg-card text-success"
 			},
 			{
 				variant: "outlined",
 				color: "warning",
-				className: "border-status-warning-accent"
+				className: "border-border bg-card text-warning"
 			},
 			{
 				variant: "outlined",
 				color: "error",
-				className: "border-border-destructive-base"
+				className: "border-border bg-card text-destructive"
 			},
 			{
 				variant: "contained",
 				color: "neutral",
-				className: "bg-surface-inverted-card text-content-inverted-primary"
+				className: "border-transparent bg-muted text-foreground"
 			},
 			{
 				variant: "contained",
 				color: "success",
-				className: "bg-status-success-background text-status-success-foreground"
+				className: "border-success/30 bg-success/10 text-success"
 			},
 			{
 				variant: "contained",
 				color: "warning",
-				className: "bg-status-warning-background text-status-warning-foreground"
+				className: "border-warning/30 bg-warning/10 text-warning"
 			},
 			{
 				variant: "contained",
 				color: "error",
-				className: "bg-status-destructive-background text-status-destructive-foreground"
+				className: "border-destructive/30 bg-destructive/10 text-destructive"
 			}
 		],
 		defaultVariants: {
@@ -66,12 +66,12 @@ const alertDefinition = UIOverrides.defineConfig({
 //#endregion
 //#region src/components/status/shared/status.cva.ts
 const statusIconDefinition = UIOverrides.defineConfig({
-	base: ["size-icons-size shrink-0"],
+	base: ["size-4 shrink-0 translate-y-0.5"],
 	config: {
 		variants: {
 			variant: {
 				outlined: "",
-				contained: "text-inherit"
+				contained: "text-current"
 			},
 			color: {
 				neutral: "",
@@ -84,22 +84,22 @@ const statusIconDefinition = UIOverrides.defineConfig({
 			{
 				variant: "outlined",
 				color: "neutral",
-				class: "text-content-secondary"
+				class: "text-current"
 			},
 			{
 				variant: "outlined",
 				color: "success",
-				class: "text-status-success-accent"
+				class: "text-success"
 			},
 			{
 				variant: "outlined",
 				color: "warning",
-				class: "text-status-warning-accent"
+				class: "text-warning"
 			},
 			{
 				variant: "outlined",
 				color: "error",
-				class: "text-status-destructive-accent"
+				class: "text-destructive"
 			}
 		],
 		defaultVariants: {
@@ -117,10 +117,10 @@ const statusSeparatorDefinition = UIOverrides.defineConfig({
 				contained: "hidden"
 			},
 			color: {
-				neutral: "bg-border-default-subtle",
-				success: "bg-status-success-accent",
-				warning: "bg-status-warning-accent",
-				error: "bg-status-destructive-accent"
+				neutral: "bg-border",
+				success: "bg-success/30",
+				warning: "bg-warning/30",
+				error: "bg-destructive/30"
 			}
 		},
 		defaultVariants: { color: "neutral" }

package/dist/{stepper.cva-CpRi0fGb.js → stepper.cva-CQGechUm.js}

@@ -4,8 +4,8 @@ const stepperDefinition = UIOverrides.defineConfig({
 	base: [""],
 	config: {
 		variants: { orientation: {
-			horizontal: "flex flex-row items-center gap-stepper-gap-step-to-line-horizontal",
-			vertical: "inline-flex flex-col gap-stepper-gap-step-to-line-vertical"
+			horizontal: "flex flex-row items-center gap-4",
+			vertical: "inline-flex flex-col gap-2"
 		} },
 		defaultVariants: { orientation: "horizontal" }
 	}
@@ -14,23 +14,19 @@ const stepperItemDefinition = UIOverrides.defineConfig({
 	base: ["flex shrink-0"],
 	config: {
 		variants: { contentOrientation: {
-			horizontal: "flex-row items-center gap-stepper-gap-icon-to-text-horizontal text-left",
-			vertical: "flex-col items-center gap-stepper-gap-icon-to-text-vertical text-center"
+			horizontal: "flex-row items-center gap-3 text-left",
+			vertical: "flex-col items-center gap-2 text-center"
 		} },
 		defaultVariants: { contentOrientation: "horizontal" }
 	}
 });
 const stepperIconDefinition = UIOverrides.defineConfig({
-	base: ["inline-flex size-5 shrink-0 items-center justify-center rounded-stepper-rounding-icon"],
+	base: ["inline-flex size-8 shrink-0 items-center justify-center rounded-full border border-solid transition-colors"],
 	config: {
 		variants: { status: {
-			completed: [
-				"border border-interactive-primary-background border-solid bg-interactive-primary-background",
-				"group-hover:border-state-interactive-primary-background/hover group-hover:bg-state-interactive-primary-background/hover",
-				"group-pressed:border-state-interactive-primary-background/pressed group-pressed:bg-state-interactive-primary-background/pressed"
-			],
-			active: "border border-interactive-subtle-primary-foreground border-solid bg-support-transparent-outline",
-			todo: "border border-state-interactive-subtle-primary-foreground/disabled border-solid bg-support-transparent-outline"
+			completed: "border-primary bg-primary text-primary-foreground group-hover:bg-primary/90",
+			active: "border-primary bg-primary text-primary-foreground",
+			todo: "border-input bg-background text-muted-foreground"
 		} },
 		defaultVariants: { status: "todo" }
 	}
@@ -40,49 +36,41 @@ const stepperNumberDefinition = UIOverrides.defineConfig({
 	config: {
 		variants: { status: {
 			completed: "",
-			active: "text-interactive-subtle-primary-foreground",
-			todo: "text-state-interactive-subtle-primary-foreground/disabled"
+			active: "",
+			todo: ""
 		} },
 		defaultVariants: { status: "todo" }
 	}
 });
 const stepperTitleDefinition = UIOverrides.defineConfig({
-	base: [""],
+	base: ["font-medium"],
 	config: {
 		variants: { status: {
-			completed: [
-				"text-content-secondary",
-				"group-hover:text-state-content-secondary/hover",
-				"group-pressed:text-state-content-secondary/pressed"
-			],
-			active: "text-interactive-subtle-primary-foreground",
-			todo: "text-state-content-muted/disabled"
+			completed: "text-foreground underline-offset-4 group-hover:underline",
+			active: "text-foreground",
+			todo: "text-muted-foreground"
 		} },
 		defaultVariants: { status: "todo" }
 	}
 });
 const stepperSubtextDefinition = UIOverrides.defineConfig({
-	base: [""],
+	base: ["text-muted-foreground"],
 	config: {
 		variants: { status: {
-			completed: [
-				"text-content-secondary",
-				"group-hover:text-state-content-secondary/hover",
-				"group-pressed:text-state-content-secondary/pressed"
-			],
-			active: "text-content-secondary",
-			todo: "text-state-content-muted/disabled"
+			completed: "",
+			active: "",
+			todo: ""
 		} },
 		defaultVariants: { status: "todo" }
 	}
 });
 const stepperSeparatorDefinition = UIOverrides.defineConfig({
-	base: ["bg-border-default-subtle"],
+	base: ["bg-border"],
 	config: {
 		variants: {
 			orientation: {
 				horizontal: "h-px min-w-4 flex-1",
-				vertical: "min-h-16 w-px"
+				vertical: "min-h-8 w-px"
 			},
 			contentOrientation: {
 				horizontal: "",
@@ -97,7 +85,7 @@ const stepperSeparatorDefinition = UIOverrides.defineConfig({
 			{
 				orientation: "horizontal",
 				contentOrientation: "vertical",
-				className: "mt-2.5 self-start"
+				className: "mt-4 self-start"
 			},
 			{
 				orientation: "vertical",
@@ -107,7 +95,7 @@ const stepperSeparatorDefinition = UIOverrides.defineConfig({
 			{
 				orientation: "vertical",
 				contentOrientation: "horizontal",
-				className: "ml-2.5"
+				className: "ml-4"
 			}
 		]
 	}