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

package/dist/{staticDateTimeSegments-Bt5wCZvg.js → staticDateTimeSegments-FE-F61iH.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 { t as DateTimeUtils } from "./date-time.utils-0F9qduim.js";
 import "./i18n-BjNKHh_D.js";
+import { t as popoverDefinition } from "./popover.cva-Ciu9Ro5G.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 { 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"
 			}
 		]
 	}