@povio/ui 5.0.0-rc.9 → 6.0.0-rc.2

package/dist/{stepper.cva-CZ0Kj-s7.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-surface-default-foreground",
-				"group-hover:text-state-surface-default-foreground/hover",
-				"group-pressed:text-state-surface-default-foreground/pressed"
-			],
-			active: "text-interactive-primary-background",
-			todo: "text-state-surface-default-popover-foreground/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-surface-default-foreground",
-				"group-hover:text-state-surface-default-foreground/hover",
-				"group-pressed:text-state-surface-default-foreground/pressed"
-			],
-			active: "text-surface-default-foreground",
-			todo: "text-state-surface-default-popover-foreground/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"
 			}
 		]
 	}