@protobase/ui 0.25.3 → 0.25.4

package/dist/account/account-section.js

@@ -24,7 +24,7 @@ const AccountSection = ({ title, status, description, children }) => /* @__PURE_
 });
 const SectionError = ({ message }) => message ? /* @__PURE__ */ jsx("p", {
 	role: "alert",
-	className: "mb-3 text-xs font-medium text-danger-text",
+	className: "mb-3 text-body font-medium text-danger-text",
 	children: message
 }) : null;
 //#endregion

package/dist/account/password-dialog.js

@@ -50,7 +50,7 @@ const PasswordDialog = ({ title, description, confirmLabel, danger, needsPasswor
 			})]
 		}), error && /* @__PURE__ */ jsx("p", {
 			role: "alert",
-			className: "mt-2 text-xs font-medium text-danger-text",
+			className: "mt-2 text-body font-medium text-danger-text",
 			children: error
 		})]
 	});

package/dist/account/sign-in-policy-form.js

@@ -15,7 +15,7 @@ const RuleChoice = ({ row, value, onChange }) => /* @__PURE__ */ jsx("span", {
 		role: "radio",
 		"aria-checked": option.value === value,
 		onClick: () => onChange(option.value),
-		className: cn("rounded px-3 text-xs font-medium transition-colors", option.value === value ? "bg-background text-foreground shadow-sm" : "text-muted-foreground hover:text-foreground"),
+		className: cn("rounded px-3 text-body font-medium transition-colors", option.value === value ? "bg-background text-foreground shadow-sm" : "text-muted-foreground hover:text-foreground"),
 		children: option.label
 	}, option.value))
 });
@@ -85,12 +85,12 @@ const SignInPolicyForm = ({ state, onSave, busy, error, notice }) => {
 			}),
 			error && /* @__PURE__ */ jsx("p", {
 				role: "alert",
-				className: "rounded-md bg-danger-soft px-3 py-2 text-xs font-medium text-danger-text",
+				className: "rounded-md bg-danger-soft px-3 py-2 text-body font-medium text-danger-text",
 				children: error
 			}),
 			notice && !changed && /* @__PURE__ */ jsx("p", {
 				role: "status",
-				className: "rounded-md bg-success-soft px-3 py-2 text-xs font-medium text-success-text",
+				className: "rounded-md bg-success-soft px-3 py-2 text-body font-medium text-success-text",
 				children: notice
 			}),
 			/* @__PURE__ */ jsxs("div", {

package/dist/account/two-factor-setup.js

@@ -59,7 +59,7 @@ const TwoFactorSetup = ({ offerEmailedCodes, needsPassword, onStartApp, onConfir
 	});
 	const errorLine = error && /* @__PURE__ */ jsx("p", {
 		role: "alert",
-		className: "text-xs font-medium text-danger-text",
+		className: "text-body font-medium text-danger-text",
 		children: error
 	});
 	if (step.kind === "backup-codes") return /* @__PURE__ */ jsxs("div", {

package/dist/action-card/field-list.js

@@ -2,7 +2,7 @@ import { jsx, jsxs } from "react/jsx-runtime";
 //#region src/action-card/field-list.tsx
 /** Labelled values, one per row, inside a card. */
 const FieldList = ({ fields }) => /* @__PURE__ */ jsx("dl", {
-	className: "grid grid-cols-[auto_minmax(0,1fr)] gap-x-3 gap-y-1 text-xs",
+	className: "grid grid-cols-[auto_minmax(0,1fr)] gap-x-3 gap-y-1 text-body",
 	children: fields.map((field, index) => /* @__PURE__ */ jsxs("div", {
 		className: "contents",
 		children: [/* @__PURE__ */ jsx("dt", {

package/dist/app/displays/board-column.js

@@ -61,7 +61,7 @@ const BoardColumnView = ({ model, view, display, column, fields, filter, orderBy
 			/* @__PURE__ */ jsxs("header", {
 				className: "flex items-center justify-between gap-2 px-1 pt-0.5",
 				children: [/* @__PURE__ */ jsx("h2", {
-					className: "min-w-0 truncate text-xs font-medium",
+					className: "min-w-0 truncate text-body font-medium",
 					children: column.value === null ? /* @__PURE__ */ jsx("span", {
 						className: "text-muted-foreground",
 						children: column.label

package/dist/app/displays/timeline-row.js

@@ -14,7 +14,7 @@ const TimelineRow = ({ model, view, display, row, days, movable, dragged }) => {
 		className: cn(timelineGrid, "relative border-b border-border last:border-b-0"),
 		children: [/* @__PURE__ */ jsx("span", {
 			"aria-hidden": true,
-			className: "truncate px-2 pt-1 text-xs sm:py-1.5",
+			className: "truncate px-2 pt-1 text-body sm:py-1.5",
 			children: eventTitle(model, view, display, row)
 		}), /* @__PURE__ */ jsx("div", {
 			className: "relative h-7",

package/dist/app/error-banner.js

@@ -18,7 +18,7 @@ const ErrorBanner = ({ error, title }) => /* @__PURE__ */ jsxs("div", {
 		className: "font-medium",
 		children: title
 	}), describe(error).map((detail) => /* @__PURE__ */ jsxs("p", {
-		className: "text-xs",
+		className: "text-body",
 		children: [detail.message, detail.hint && /* @__PURE__ */ jsxs("span", {
 			className: "text-muted-foreground",
 			children: [" ", detail.hint]

package/dist/app/export/export-dialog.js

@@ -41,7 +41,7 @@ const Setting = ({ label, help, children }) => /* @__PURE__ */ jsxs("div", {
 	className: "flex flex-col items-start gap-1.5",
 	children: [
 		/* @__PURE__ */ jsx("span", {
-			className: "text-[13px] font-medium",
+			className: "text-body font-medium",
 			children: label
 		}),
 		children,
@@ -145,7 +145,7 @@ const ExportDialog = ({ plural, view, fields, initialColumns, count, selected, o
 			children: text("export")
 		})] }),
 		children: /* @__PURE__ */ jsxs("div", {
-			className: "flex flex-col gap-4 text-[13px]",
+			className: "flex flex-col gap-4 text-body",
 			children: [
 				/* @__PURE__ */ jsx(Setting, {
 					label: text("format"),
@@ -208,7 +208,7 @@ const ExportProgressDialog = ({ plural, done, total, onCancel }) => {
 			children: text("cancel")
 		}),
 		children: /* @__PURE__ */ jsxs("div", {
-			className: "flex flex-col gap-2 text-[13px]",
+			className: "flex flex-col gap-2 text-body",
 			children: [/* @__PURE__ */ jsx("div", {
 				role: "progressbar",
 				"aria-label": text("rowsExported"),

package/dist/app/import/import-check-step.js

@@ -17,7 +17,7 @@ const downloadRows = (fileName, headers, rows) => saveFile(failedRowsCsv(headers
 /** The rows with what keeps each from being imported, at most `listedProblems` of them. */
 const ProblemList = ({ rows }) => /* @__PURE__ */ jsxs("ul", {
 	"aria-label": text("rowsNotImported"),
-	className: "flex flex-col gap-1 text-xs",
+	className: "flex flex-col gap-1 text-body",
 	children: [rows.slice(0, listedProblems).map((row) => /* @__PURE__ */ jsxs("li", { children: [
 		/* @__PURE__ */ jsx("span", {
 			className: "font-medium",
@@ -58,7 +58,7 @@ const ImportCheckStep = ({ check, model, resources, views, columns, headers, fil
 				className: "overflow-x-auto rounded-lg border",
 				children: /* @__PURE__ */ jsxs("table", {
 					"aria-label": text("firstRows"),
-					className: "w-full text-left text-xs",
+					className: "w-full text-left text-body",
 					children: [/* @__PURE__ */ jsx("thead", {
 						className: "bg-muted text-muted-foreground",
 						children: /* @__PURE__ */ jsxs("tr", { children: [/* @__PURE__ */ jsx("th", {

package/dist/app/pages/blocks/field.js

@@ -30,7 +30,7 @@ const FieldBlock = ({ node }) => {
 	return /* @__PURE__ */ jsxs("div", {
 		className: "min-w-0",
 		children: [/* @__PURE__ */ jsx("div", {
-			className: "text-xs text-muted-foreground",
+			className: "text-body text-muted-foreground",
 			children: text
 		}), /* @__PURE__ */ jsx("div", {
 			className: "mt-0.5 truncate",

package/dist/app/pages/blocks/progress.js

@@ -25,7 +25,7 @@ const ProgressBlock = ({ node }) => {
 	return /* @__PURE__ */ jsxs("div", {
 		className: "min-w-0",
 		children: [/* @__PURE__ */ jsxs("div", {
-			className: "flex items-baseline justify-between gap-2 text-xs",
+			className: "flex items-baseline justify-between gap-2 text-body",
 			children: [/* @__PURE__ */ jsx("span", {
 				className: "text-muted-foreground",
 				children: label

package/dist/app/staff-banner.js

@@ -44,7 +44,7 @@ const StaffBanner = ({ signIn, onStop }) => {
 			}),
 			error && /* @__PURE__ */ jsx("p", {
 				role: "alert",
-				className: "text-xs font-medium text-danger-text",
+				className: "text-body font-medium text-danger-text",
 				children: error
 			}),
 			/* @__PURE__ */ jsx(Button, {

package/dist/app-shell/sidebar-group.js

@@ -9,7 +9,7 @@ import { jsx, jsxs } from "react/jsx-runtime";
 //#region src/app-shell/sidebar-group.tsx
 const row = {
 	"text-large": "h-8 gap-2.5 px-2.5",
-	"text-small": "h-7 gap-2 px-2 text-xs"
+	"text-small": "h-7 gap-2 px-2 text-body"
 };
 /** Lines the records up under the entry's icon. */
 const indent = {

package/dist/app-shell/sidebar-item.js

@@ -6,7 +6,7 @@ import { jsx, jsxs } from "react/jsx-runtime";
 //#region src/app-shell/sidebar-item.tsx
 const layout = {
 	"text-large": "h-9 gap-3 px-3 text-sm",
-	"text-small": "h-7 gap-2.5 px-2.5 text-xs",
+	"text-small": "h-7 gap-2.5 px-2.5 text-body",
 	icon: "size-9 justify-center",
 	"icon-label": "w-full flex-col gap-0.5 py-1.5 text-[10px]",
 	"icon-tooltip": "size-9 justify-center",

package/dist/app-shell/sidebar.js

@@ -34,7 +34,7 @@ const Sidebar = ({ mode, activeItem, user, workspace, appName, forceExpanded, pr
 					children: groups.map((group, index) => /* @__PURE__ */ jsxs("div", {
 						className: cn("flex flex-col gap-0.5", index > 0 && "mt-3"),
 						children: [inline ? /* @__PURE__ */ jsx("div", {
-							className: cn("px-3 pb-1 pt-1 text-[11px] font-medium uppercase tracking-wide text-faint-foreground", expanding && "h-4 whitespace-nowrap py-0 opacity-0 transition-opacity group-hover/side:opacity-100 group-focus-within/side:opacity-100", expanded && "opacity-100"),
+							className: cn("px-3 pb-1 pt-1 text-xs font-medium uppercase tracking-wide text-faint-foreground", expanding && "h-4 whitespace-nowrap py-0 opacity-0 transition-opacity group-hover/side:opacity-100 group-focus-within/side:opacity-100", expanded && "opacity-100"),
 							children: group.label
 						}) : index > 0 && /* @__PURE__ */ jsx("div", { className: "mx-auto mb-1 h-px w-6 bg-border" }), group.items.map((item) => item.recent && isTextMode(mode) ? /* @__PURE__ */ jsx(SidebarGroup, {
 							item,

package/dist/assistant-dock/assistant-dock.js

@@ -25,7 +25,7 @@ const AssistantDock = ({ state, offline, error, onSend, onAction, onClose, clien
 		onClose,
 		footer: /* @__PURE__ */ jsxs(Fragment$1, { children: [error && /* @__PURE__ */ jsx("p", {
 			role: "alert",
-			className: "text-xs text-danger-text",
+			className: "text-body text-danger-text",
 			children: error
 		}), /* @__PURE__ */ jsx(Composer, {
 			inputRef: input,

package/dist/auth/code-form.js

@@ -22,7 +22,7 @@ const CodeForm = ({ title, description, explanation, submitLabel, onSubmit, onRe
 			}),
 			notice && /* @__PURE__ */ jsx("p", {
 				role: "status",
-				className: "mb-4 rounded-md bg-success-soft px-3 py-2 text-xs font-medium text-success-text",
+				className: "mb-4 rounded-md bg-success-soft px-3 py-2 text-body font-medium text-success-text",
 				children: notice
 			}),
 			/* @__PURE__ */ jsxs("form", {
@@ -46,7 +46,7 @@ const CodeForm = ({ title, description, explanation, submitLabel, onSubmit, onRe
 					}),
 					error && /* @__PURE__ */ jsx("p", {
 						role: "alert",
-						className: "text-xs font-medium text-danger-text",
+						className: "text-body font-medium text-danger-text",
 						children: error
 					}),
 					/* @__PURE__ */ jsx(Button, {

package/dist/auth/forgot-password-form.js

@@ -50,7 +50,7 @@ const ForgotPasswordForm = ({ onSubmit, back, busy, error, sentTo }) => {
 				}),
 				error && /* @__PURE__ */ jsx("p", {
 					role: "alert",
-					className: "text-xs font-medium text-danger-text",
+					className: "text-body font-medium text-danger-text",
 					children: error
 				}),
 				/* @__PURE__ */ jsx(Button, {

package/dist/auth/reset-password-form.js

@@ -71,7 +71,7 @@ const ResetPasswordForm = ({ onSubmit, invalidLink, onRequestNewLink, onBack, bu
 				}),
 				shown && /* @__PURE__ */ jsx("p", {
 					role: "alert",
-					className: "text-xs font-medium text-danger-text",
+					className: "text-body font-medium text-danger-text",
 					children: shown
 				}),
 				/* @__PURE__ */ jsx(Button, {

package/dist/auth/setup-required-form.js

@@ -19,7 +19,7 @@ const SetupRequiredForm = ({ step, twoFactor, onAddPasskey, busy, error, onSignO
 			}),
 			error && /* @__PURE__ */ jsx("p", {
 				role: "alert",
-				className: "text-xs font-medium text-danger-text",
+				className: "text-body font-medium text-danger-text",
 				children: error
 			}),
 			/* @__PURE__ */ jsxs(Button, {

package/dist/auth/sign-in-form.js

@@ -34,7 +34,7 @@ const SignInForm = ({ onSubmit, busy, error, workspace, notice, methods = ["pass
 		children: [
 			notice && /* @__PURE__ */ jsx("p", {
 				role: "status",
-				className: "mb-4 rounded-md bg-success-soft px-3 py-2 text-xs font-medium text-success-text",
+				className: "mb-4 rounded-md bg-success-soft px-3 py-2 text-body font-medium text-success-text",
 				children: notice
 			}),
 			(offered.length > 0 || withPasskey) && /* @__PURE__ */ jsxs(Fragment$1, { children: [/* @__PURE__ */ jsxs("div", {
@@ -63,7 +63,7 @@ const SignInForm = ({ onSubmit, busy, error, workspace, notice, methods = ["pass
 				]
 			}), withPassword || withCode ? /* @__PURE__ */ jsx(Divider, {}) : error && /* @__PURE__ */ jsx("p", {
 				role: "alert",
-				className: "mt-4 text-xs font-medium text-danger-text",
+				className: "mt-4 text-body font-medium text-danger-text",
 				children: error
 			})] }),
 			(withPassword || withCode) && /* @__PURE__ */ jsxs("form", {
@@ -104,7 +104,7 @@ const SignInForm = ({ onSubmit, busy, error, workspace, notice, methods = ["pass
 					}),
 					error && /* @__PURE__ */ jsx("p", {
 						role: "alert",
-						className: "text-xs font-medium text-danger-text",
+						className: "text-body font-medium text-danger-text",
 						children: error
 					}),
 					withPassword && /* @__PURE__ */ jsx(Button, {

package/dist/auth/sign-up-details-form.js

@@ -69,7 +69,7 @@ const SignUpDetailsForm = ({ email, onSubmit, onBack, methods, busy, error }) =>
 				}),
 				error && /* @__PURE__ */ jsx("p", {
 					role: "alert",
-					className: "text-xs font-medium text-danger-text",
+					className: "text-body font-medium text-danger-text",
 					children: error
 				}),
 				/* @__PURE__ */ jsx(Button, {

package/dist/auth/sign-up-email-form.js

@@ -39,7 +39,7 @@ const SignUpEmailForm = ({ onSubmit, onSignIn, onBrowse, busy, error, workspace
 				}),
 				error && /* @__PURE__ */ jsx("p", {
 					role: "alert",
-					className: "text-xs font-medium text-danger-text",
+					className: "text-body font-medium text-danger-text",
 					children: error
 				}),
 				/* @__PURE__ */ jsxs(Button, {

package/dist/auth/staff-sign-in-form.js

@@ -16,7 +16,7 @@ const StaffSignInForm = ({ operator, email: givenEmail = "", reason: givenReason
 		description: text("staffUnavailable"),
 		children: [error && /* @__PURE__ */ jsx("p", {
 			role: "alert",
-			className: "mb-4 text-xs font-medium text-danger-text",
+			className: "mb-4 text-body font-medium text-danger-text",
 			children: error
 		}), /* @__PURE__ */ jsx(Button, {
 			variant: "primary",
@@ -66,7 +66,7 @@ const StaffSignInForm = ({ operator, email: givenEmail = "", reason: givenReason
 				}),
 				error && /* @__PURE__ */ jsx("p", {
 					role: "alert",
-					className: "text-xs font-medium text-danger-text",
+					className: "text-body font-medium text-danger-text",
 					children: error
 				}),
 				/* @__PURE__ */ jsx(Button, {

package/dist/auth/two-factor-form.js

@@ -35,7 +35,7 @@ const TwoFactorForm = ({ methods, onVerify, onSendCode, onBack, busy, error, cod
 				}),
 				error && /* @__PURE__ */ jsx("p", {
 					role: "alert",
-					className: "text-xs font-medium text-danger-text",
+					className: "text-body font-medium text-danger-text",
 					children: error
 				}),
 				/* @__PURE__ */ jsx(Button, {
@@ -92,7 +92,7 @@ const TwoFactorForm = ({ methods, onVerify, onSendCode, onBack, busy, error, cod
 				}),
 				error && /* @__PURE__ */ jsx("p", {
 					role: "alert",
-					className: "text-xs font-medium text-danger-text",
+					className: "text-body font-medium text-danger-text",
 					children: error
 				}),
 				/* @__PURE__ */ jsx(Button, {

package/dist/data-grid/grid-header.js

@@ -20,7 +20,7 @@ const HeaderLabel = ({ spec }) => /* @__PURE__ */ jsxs(Fragment, { children: [/*
 	children: text("new")
 })] });
 const GridHeader = ({ cells, specs, gutter, selectedCount, selectable, trailing, minScale, pins = {}, lastPinned, scrolled, onTogglePin, onClearSelection }) => /* @__PURE__ */ jsxs("div", {
-	className: "grid h-8 shrink-0 items-center border-b bg-surface text-xs font-medium text-muted-foreground",
+	className: "grid h-8 shrink-0 items-center border-b bg-surface text-body font-medium text-muted-foreground",
 	style: { gridTemplateColumns: gridTemplate(specs, gutter, trailing, minScale) },
 	role: "row",
 	children: [

package/dist/filter-panel/date-presets.js

@@ -12,7 +12,7 @@ const DatePresets = ({ value, presets = defaultDatePresets, onChange }) => /* @_
 			disabled: !label,
 			title: label ? void 0 : text("unknownPreset", id),
 			onClick: () => onChange(value === id ? void 0 : id),
-			className: cn("h-7 rounded-md border px-2.5 text-xs font-medium transition-colors", !label && "border-dashed text-danger-text", value === id ? "border-primary-border bg-primary-soft text-primary-text" : "border-border-strong bg-background text-muted-foreground hover:bg-muted"),
+			className: cn("h-7 rounded-md border px-2.5 text-body font-medium transition-colors", !label && "border-dashed text-danger-text", value === id ? "border-primary-border bg-primary-soft text-primary-text" : "border-border-strong bg-background text-muted-foreground hover:bg-muted"),
 			children: label ?? text("unsupported", id)
 		}, id);
 	})

package/dist/forms/public-form-page.js

@@ -70,7 +70,7 @@ const LoadedForm = ({ form }) => {
 		size: "md",
 		children: /* @__PURE__ */ jsx("p", {
 			role: "status",
-			className: "rounded-md bg-success-soft px-3 py-2 text-xs font-medium text-success-text",
+			className: "rounded-md bg-success-soft px-3 py-2 text-body font-medium text-success-text",
 			children: form.thanks
 		})
 	});

package/dist/organizations/invitation-page.js

@@ -41,7 +41,7 @@ const SignUp = ({ token, preview, joins, onDone }) => {
 			}),
 			error && /* @__PURE__ */ jsx("p", {
 				role: "alert",
-				className: "text-xs font-medium text-danger-text",
+				className: "text-body font-medium text-danger-text",
 				children: error
 			}),
 			/* @__PURE__ */ jsx(Input, {
@@ -164,7 +164,7 @@ const InvitationPage = ({ token, onDone, signIn }) => {
 			className: "flex flex-col gap-3",
 			children: [error && /* @__PURE__ */ jsx("p", {
 				role: "alert",
-				className: "text-xs font-medium text-danger-text",
+				className: "text-body font-medium text-danger-text",
 				children: error
 			}), /* @__PURE__ */ jsx(Button, {
 				variant: "primary",

package/dist/organizations/members-page.js

@@ -41,7 +41,7 @@ const MemberRow = ({ member, current, onChanged }) => {
 				await session.organizations.setRole(organizationId, member.id, event.target.value);
 				onChanged();
 			}),
-			className: "h-7 rounded-md border border-border-strong bg-background px-2 text-xs",
+			className: "h-7 rounded-md border border-border-strong bg-background px-2 text-body",
 			children: (roleLocked ? [member.role] : organizationRoles).map((role) => /* @__PURE__ */ jsx("option", {
 				value: role,
 				children: organizationRoleLabel(role)

package/dist/package.js

@@ -1,5 +1,5 @@
 //#region package.json
-var version = "0.25.3";
+var version = "0.25.4";
 var protobase = { "pluginApi": 1 };
 //#endregion
 export { protobase, version };

package/dist/primitives/button.js

@@ -9,7 +9,7 @@ const variants = {
 	danger: "bg-background text-danger-text border border-border-strong hover:bg-danger-soft shadow-sm"
 };
 const sizes = {
-	sm: "h-7 px-2.5 text-xs gap-1.5",
+	sm: "h-7 px-2.5 text-body gap-1.5",
 	md: "h-8 px-3 text-body gap-2"
 };
 /** A button's classes, for a link that looks like one. */

package/dist/primitives/segmented.js

@@ -4,7 +4,7 @@ import { jsx, jsxs } from "react/jsx-runtime";
 const sizes = {
 	sm: {
 		group: "h-7",
-		option: "px-2.5 text-xs"
+		option: "px-2.5 text-body"
 	},
 	md: {
 		group: "h-8",

package/dist/record-view/field.js

@@ -66,11 +66,11 @@ const Field = ({ name, label, required, help, example, error, conflict, wide, ch
 			}),
 			error && /* @__PURE__ */ jsx("p", {
 				id: `${id}-error`,
-				className: "mt-1.5 text-xs font-medium text-danger-text",
+				className: "mt-1.5 text-body font-medium text-danger-text",
 				children: error
 			}),
 			conflict && /* @__PURE__ */ jsxs("div", {
-				className: "mt-2 flex items-center justify-between gap-3 rounded-md border border-warning/30 bg-warning-soft px-3 py-2 text-xs text-warning-text",
+				className: "mt-2 flex items-center justify-between gap-3 rounded-md border border-warning/30 bg-warning-soft px-3 py-2 text-body text-warning-text",
 				children: [/* @__PURE__ */ jsxs("span", { children: [
 					/* @__PURE__ */ jsx("strong", { children: conflict.user.name }),
 					" ",