@rebasepro/app 0.19.1 → 0.19.2-canary.g09316f6

package/dist/index.es.js

@@ -2673,7 +2673,7 @@ function ErrorView({ title, error, tooltip, onRetry }) {
 						children: message
 					}),
 					errorCode && /* @__PURE__ */ jsx("span", {
-						className: "inline-block mt-1 px-1.5 py-0.5 text-[10px] font-mono rounded bg-surface-200 dark:bg-surface-700 text-text-secondary",
+						className: "inline-block mt-1 px-1.5 py-0.5 text-[10px] font-mono rounded bg-surface-raised text-text-secondary",
 						children: errorCode
 					}),
 					onRetry && /* @__PURE__ */ jsx("div", {
@@ -3475,11 +3475,11 @@ function createCacheKey(path, filters) {
 //#region src/components/common/table_height.tsx
 function getRowHeight(size) {
 	switch (size) {
-		case "xl": return 400;
-		case "l": return 280;
-		case "m": return 140;
-		case "s": return 80;
-		case "xs": return 54;
+		case "xl": return 160;
+		case "l": return 96;
+		case "m": return 48;
+		case "s": return 42;
+		case "xs": return 36;
 		default: throw Error("Missing mapping for collection size -> height");
 	}
 }
@@ -4290,7 +4290,7 @@ function UserSelectPopover({ selectedUser, onUserSelected, users, loading = fals
 		align: "end",
 		sideOffset: 4,
 		trigger: /* @__PURE__ */ jsxs("button", {
-			className: cls("flex items-center gap-1.5 text-xs font-medium transition-colors rounded border border-transparent", "text-text-secondary dark:text-text-secondary-dark", "hover:text-text-primary dark:hover:text-text-primary-dark", "bg-surface-100 hover:bg-surface-200 dark:bg-surface-950 dark:hover:bg-surface-700", size === "small" ? "px-2 py-1" : "px-3 py-1.5", className),
+			className: cls("flex items-center gap-1.5 text-xs font-medium transition-colors rounded border border-transparent", "text-text-secondary dark:text-text-secondary-dark", "hover:text-text-primary dark:hover:text-text-primary-dark", "bg-surface-raised hover:bg-surface-raised-hover", size === "small" ? "px-2 py-1" : "px-3 py-1.5", className),
 			children: [
 				selectedUser?.photoURL ? /* @__PURE__ */ jsx("img", {
 					src: selectedUser.photoURL,
@@ -4414,7 +4414,7 @@ function UserSelectPopover({ selectedUser, onUserSelected, users, loading = fals
 function UserRow({ user, isSelected, isSelf, onClick }) {
 	return /* @__PURE__ */ jsxs("button", {
 		onClick,
-		className: cls("w-full flex items-center gap-2.5 px-3 py-2 text-left transition-colors", "hover:bg-surface-accent-100 dark:hover:bg-surface-accent-900", isSelected && "bg-primary/5 dark:bg-primary-dark/10"),
+		className: cls("w-full flex items-center gap-2.5 px-3 py-2 text-left transition-colors", "hover:bg-surface-hover", isSelected && "bg-primary/5 dark:bg-primary-dark/10"),
 		style: { minHeight: ITEM_HEIGHT },
 		children: [
 			user.photoURL ? /* @__PURE__ */ jsx("img", {
@@ -4422,7 +4422,7 @@ function UserRow({ user, isSelected, isSelf, onClick }) {
 				alt: "",
 				className: "w-7 h-7 rounded-full object-cover shrink-0"
 			}) : /* @__PURE__ */ jsx("div", {
-				className: "w-7 h-7 rounded-full bg-surface-200 dark:bg-surface-700 flex items-center justify-center shrink-0",
+				className: "w-7 h-7 rounded-full bg-surface-raised flex items-center justify-center shrink-0",
 				children: /* @__PURE__ */ jsx(CircleUserIcon, {
 					size: "smallest",
 					className: "text-text-disabled dark:text-text-disabled-dark"
@@ -4483,7 +4483,7 @@ function UserDisplay({ user }) {
 	});
 	const avatarSizeClass = "w-6 h-6";
 	return /* @__PURE__ */ jsxs("div", {
-		className: cls("inline-flex items-center gap-4 px-2 py-1 rounded-xl text-left max-w-full overflow-hidden", "bg-surface-accent-100 dark:bg-surface-accent-800", "border", defaultBorderMixin),
+		className: cls("inline-flex items-center gap-4 px-2 py-1 rounded-xl text-left max-w-full overflow-hidden", "bg-surface-raised", "border", defaultBorderMixin),
 		children: [user.photoURL ? /* @__PURE__ */ jsx("img", {
 			src: user.photoURL,
 			alt: user.displayName || user.email || "User",
@@ -4769,7 +4769,7 @@ function LoginView({ logo, authController, noUserComponent, disableSignupScreen
 	else if (notAllowedError instanceof Error) notAllowedMessage = notAllowedError.message;
 	else notAllowedMessage = "It looks like you don't have access, based on the specified access configuration";
 	return /* @__PURE__ */ jsxs("div", {
-		className: cls("relative flex items-center justify-center h-screen w-screen p-4 transition-opacity duration-500 bg-surface-50 dark:bg-surface-900 overflow-hidden", fadeIn ? "opacity-100" : "opacity-0"),
+		className: cls("relative flex items-center justify-center h-screen w-screen p-4 transition-opacity duration-500 bg-surface-frame overflow-hidden", fadeIn ? "opacity-100" : "opacity-0"),
 		children: [/* @__PURE__ */ jsxs("div", {
 			className: "absolute top-4 right-4 flex items-center gap-1 z-10",
 			children: [/* @__PURE__ */ jsx(LanguageToggle, {}), /* @__PURE__ */ jsxs(Menu, {
@@ -4806,7 +4806,7 @@ function LoginView({ logo, authController, noUserComponent, disableSignupScreen
 				]
 			})]
 		}), /* @__PURE__ */ jsxs("div", {
-			className: "relative flex flex-col items-center w-[440px] max-w-full p-8 sm:p-10 bg-white/70 dark:bg-surface-800/70 backdrop-blur-xl border border-surface-200/50 dark:border-surface-700/50 rounded-2xl shadow-2xl z-10 transition-all duration-300 hover:shadow-primary-500/5",
+			className: "relative flex flex-col items-center w-[440px] max-w-full p-8 sm:p-10 bg-surface-card/70 backdrop-blur-xl border border-hairline-strong rounded-2xl shadow-2xl z-10 transition-all duration-300 hover:shadow-primary-500/5",
 			children: [
 				/* @__PURE__ */ jsx("div", {
 					className: "w-24 h-24 m-2 mb-4 drop-shadow-md",
@@ -5335,7 +5335,7 @@ function ForgotPasswordForm({ onClose, authController }) {
 				})
 			}),
 			/* @__PURE__ */ jsxs("div", {
-				className: "text-center rounded-xl p-6 bg-surface-50 dark:bg-surface-900/60 dark:border dark:border-surface-700/50",
+				className: "text-center rounded-xl p-6 bg-surface-raised",
 				children: [
 					/* @__PURE__ */ jsx("div", {
 						className: "text-3xl mb-3",