@protobase/ui 0.19.5 → 0.19.7

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

@@ -33,7 +33,7 @@ const Gutter = ({ width, index, selectable, selected, onToggle, edge }) => /* @_
 const DataRow = ({ cells, selected, onToggle, onOpen, menu, ...frame }) => /* @__PURE__ */ jsxs("div", {
 	role: "row",
 	onClick: onOpen,
-	className: cn("absolute inset-x-0 top-0 grid items-center border-b text-[13px]", selected ? "bg-primary-soft" : "bg-background hover:bg-surface", onOpen && "cursor-pointer"),
+	className: cn("absolute inset-x-0 top-0 grid items-center border-b", selected ? "bg-primary-soft" : "bg-background hover:bg-surface", onOpen && "cursor-pointer"),
 	style: frameStyle(frame),
 	children: [
 		/* @__PURE__ */ jsx(Gutter, {

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

@@ -31,7 +31,7 @@ const HeaderMenu = ({ header, pinned, onTogglePin }) => {
 			children: /* @__PURE__ */ jsx(MoreHorizontal, { className: "size-3.5" })
 		}), open && /* @__PURE__ */ jsx("ul", {
 			role: "menu",
-			className: "absolute right-0 top-full z-30 mt-1 min-w-32 rounded-md border bg-background py-1 text-[13px] font-normal text-foreground shadow-pop",
+			className: "absolute right-0 top-full z-30 mt-1 min-w-32 rounded-md border bg-background py-1 text-body font-normal text-foreground shadow-pop",
 			children: /* @__PURE__ */ jsx("li", {
 				role: "none",
 				children: /* @__PURE__ */ jsx("button", {

package/dist/data-grid/row-menu.js

@@ -67,7 +67,7 @@ const RowMenu = ({ row, actions }) => {
 			role: "menu",
 			onClick: (event) => event.stopPropagation(),
 			style: place ?? { visibility: "hidden" },
-			className: "fixed z-50 min-w-36 rounded-md border bg-background py-1 text-[13px] shadow-pop",
+			className: "fixed z-50 min-w-36 rounded-md border bg-background py-1 shadow-pop",
 			children: actions.map((action) => /* @__PURE__ */ jsx("li", {
 				role: "none",
 				children: /* @__PURE__ */ jsx("button", {

package/dist/filter-panel/facet-combobox.js

@@ -74,7 +74,7 @@ const FacetCombobox = ({ config, selected, onToggle, inline = false }) => {
 					"aria-autocomplete": "list",
 					"aria-activedescendant": options[active] ? `${id}-${active}` : void 0,
 					placeholder: selected.length > 0 ? "" : `Search ${config.label.toLowerCase()}`,
-					className: "h-6 min-w-16 flex-1 bg-transparent text-[13px] text-foreground outline-none placeholder:text-faint-foreground",
+					className: "h-6 min-w-16 flex-1 bg-transparent text-foreground outline-none placeholder:text-faint-foreground",
 					value: query,
 					onChange: (event) => search(event.target.value),
 					onKeyDown,

package/dist/filter-panel/filter-menu.js

@@ -26,7 +26,7 @@ const FilterMenu = ({ label, activeCount, width = 240, defaultOpen = false, chil
 			type: "button",
 			"aria-expanded": open,
 			onClick: () => setOpen(!open),
-			className: cn("inline-flex h-8 items-center gap-1.5 rounded-md border bg-background px-2.5 text-[13px] font-medium shadow-sm transition-colors hover:bg-muted", activeCount > 0 ? "border-primary-border text-primary-text" : "border-border-strong text-foreground"),
+			className: cn("inline-flex h-8 items-center gap-1.5 rounded-md border bg-background px-2.5 font-medium shadow-sm transition-colors hover:bg-muted", activeCount > 0 ? "border-primary-border text-primary-text" : "border-border-strong text-foreground"),
 			children: [
 				label,
 				activeCount > 0 && /* @__PURE__ */ jsx("span", {

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

@@ -60,7 +60,7 @@ const FilterPanel = ({ config, layout, value, defaultValue, onChange, lockedLabe
 			/* @__PURE__ */ jsx("div", {
 				className: "flex items-center justify-between pb-1",
 				children: /* @__PURE__ */ jsx("h2", {
-					className: "text-[13px] font-semibold",
+					className: "font-semibold",
 					children: "Filters"
 				})
 			}),
@@ -105,7 +105,7 @@ const FilterPanel = ({ config, layout, value, defaultValue, onChange, lockedLabe
 		...dateView ? [/* @__PURE__ */ jsx(Fragment, { children: dateView }, "date")] : []
 	];
 	const toggles = (config.toggles ?? []).map((toggle) => /* @__PURE__ */ jsx("div", {
-		className: "flex items-center gap-2 text-[13px] text-muted-foreground",
+		className: "flex items-center gap-2 text-muted-foreground",
 		children: /* @__PURE__ */ jsx(ToggleRow, {
 			label: toggle.label,
 			checked: state.toggles.includes(toggle.id),

package/dist/inline-child-table/line-menu.js

@@ -32,7 +32,7 @@ const LineMenu = ({ items, label }) => {
 			children: /* @__PURE__ */ jsx(MoreHorizontal, { className: "size-4" })
 		}), open && /* @__PURE__ */ jsx("ul", {
 			role: "menu",
-			className: "absolute right-0 top-full z-30 mt-1 min-w-36 rounded-md border bg-background py-1 text-[13px] shadow-pop",
+			className: "absolute right-0 top-full z-30 mt-1 min-w-36 rounded-md border bg-background py-1 shadow-pop",
 			children: items.map((item) => /* @__PURE__ */ jsx("li", {
 				role: "none",
 				children: /* @__PURE__ */ jsx("button", {

package/dist/inline-child-table/line-row.js

@@ -49,7 +49,7 @@ const LineRow = ({ line, position, count, reorderable, editable, onChange, onRem
 			/* @__PURE__ */ jsxs("div", {
 				className: "min-w-0",
 				children: [/* @__PURE__ */ jsx("p", {
-					className: "truncate text-[13px] text-foreground",
+					className: "truncate text-foreground",
 					children: line.description
 				}), /* @__PURE__ */ jsx("p", {
 					className: "font-mono text-[11px] text-faint-foreground",
@@ -63,7 +63,7 @@ const LineRow = ({ line, position, count, reorderable, editable, onChange, onRem
 				parse: (text) => Math.round(Number(text)),
 				onCommit: (quantity) => onChange({ quantity })
 			}) : /* @__PURE__ */ jsx("span", {
-				className: "px-2 text-right text-[13px] tabular-nums",
+				className: "px-2 text-right tabular-nums",
 				children: line.quantity
 			}),
 			editable ? /* @__PURE__ */ jsx(NumberCell, {
@@ -73,11 +73,11 @@ const LineRow = ({ line, position, count, reorderable, editable, onChange, onRem
 				parse: parseEuros,
 				onCommit: (unitPriceCents) => onChange({ unitPriceCents })
 			}) : /* @__PURE__ */ jsx("span", {
-				className: "px-2 text-right text-[13px] tabular-nums",
+				className: "px-2 text-right tabular-nums",
 				children: (line.unitPriceCents / 100).toFixed(2)
 			}),
 			/* @__PURE__ */ jsx("span", {
-				className: "px-2 text-right text-[13px] font-medium tabular-nums text-foreground",
+				className: "px-2 text-right font-medium tabular-nums text-foreground",
 				children: formatMoney(lineTotalCents(line))
 			}),
 			menu.length > 0 ? /* @__PURE__ */ jsx(LineMenu, {

package/dist/inline-child-table/number-cell.js

@@ -18,7 +18,7 @@ const NumberCell = ({ value, onCommit, format, parse, label, width = "w-full" })
 		onChange: (event) => setDraft(event.target.value),
 		onBlur: commit,
 		onKeyDown: (event) => event.key === "Enter" && event.currentTarget.blur(),
-		className: cn("h-7 rounded-md border border-transparent bg-transparent px-2 text-right text-[13px] tabular-nums text-foreground outline-none hover:border-border-strong focus:border-primary focus:bg-background focus:ring-2 focus:ring-primary/20", width)
+		className: cn("h-7 rounded-md border border-transparent bg-transparent px-2 text-right tabular-nums text-foreground outline-none hover:border-border-strong focus:border-primary focus:bg-background focus:ring-2 focus:ring-primary/20", width)
 	});
 };
 //#endregion

package/dist/inline-child-table/totals-footer.js

@@ -5,7 +5,7 @@ import { jsx, jsxs } from "react/jsx-runtime";
 const TotalsFooter = ({ lines, vatRate }) => {
 	const totals = invoiceTotals(lines, vatRate);
 	return /* @__PURE__ */ jsxs("dl", {
-		className: "ml-auto grid w-64 grid-cols-[1fr_auto] gap-x-6 gap-y-1 px-2 pt-3 text-[13px] tabular-nums",
+		className: "ml-auto grid w-64 grid-cols-[1fr_auto] gap-x-6 gap-y-1 px-2 pt-3 tabular-nums",
 		children: [
 			/* @__PURE__ */ jsx("dt", {
 				className: "text-muted-foreground",
@@ -32,7 +32,7 @@ const TotalsFooter = ({ lines, vatRate }) => {
 				children: "Total"
 			}),
 			/* @__PURE__ */ jsx("dd", {
-				className: "mt-1 border-t border-border pt-2 text-right text-[15px] font-semibold text-foreground",
+				className: "mt-1 border-t border-border pt-2 text-right text-[16px] font-semibold text-foreground",
 				children: formatMoney(totals.totalCents)
 			})
 		]

package/dist/organizations/app-roles-picker.js

@@ -10,7 +10,7 @@ const AppRolesPicker = ({ roles, selected, grantable, disabled, onChange }) => /
 		const locked = disabled || !grantable.has(role.name);
 		return /* @__PURE__ */ jsxs("label", {
 			title: locked && !disabled ? "You cannot give or take away this role" : void 0,
-			className: cn("inline-flex items-center gap-1.5 text-[13px]", locked && "text-muted-foreground"),
+			className: cn("inline-flex items-center gap-1.5", locked && "text-muted-foreground"),
 			children: [/* @__PURE__ */ jsx(Checkbox, {
 				checked: held,
 				label: role.label,

package/dist/organizations/invitation-page.js

@@ -35,7 +35,7 @@ const SignUp = ({ token, preview, onDone }) => {
 		},
 		children: [
 			/* @__PURE__ */ jsxs("p", {
-				className: "text-[13px] text-muted-foreground",
+				className: "text-muted-foreground",
 				children: [
 					"Make your account for ",
 					preview.email,
@@ -96,7 +96,7 @@ const InvitationPage = ({ token, onDone, signIn }) => {
 	if (!preview) return /* @__PURE__ */ jsx(AuthLayout, {
 		title: "Invitation",
 		children: /* @__PURE__ */ jsxs("div", {
-			className: "flex items-center justify-center gap-2 text-[13px] text-muted-foreground",
+			className: "flex items-center justify-center gap-2 text-muted-foreground",
 			children: [/* @__PURE__ */ jsx(Spinner, {}), " Loading"]
 		})
 	});
@@ -107,7 +107,7 @@ const InvitationPage = ({ token, onDone, signIn }) => {
 		title: `Join ${preview.organization.name}`,
 		description,
 		children: [/* @__PURE__ */ jsxs("p", {
-			className: "mb-3 text-[13px] text-muted-foreground",
+			className: "mb-3 text-muted-foreground",
 			children: [
 				"This invitation is for ",
 				preview.email,

package/dist/organizations/invitations-page.js

@@ -62,7 +62,7 @@ const InviteForm = ({ current, onSent }) => {
 							"aria-label": "Organization role",
 							value: role,
 							onChange: (event) => setRole(event.target.value),
-							className: "h-8 rounded-md border border-border-strong bg-background px-2 text-[13px]",
+							className: "h-8 rounded-md border border-border-strong bg-background px-2",
 							children: assignableOrganizationRoles(current).map((option) => /* @__PURE__ */ jsx("option", {
 								value: option,
 								children: organizationRoleLabels[option]
@@ -101,7 +101,7 @@ const PendingRow = ({ invitation, organizationId, onChanged }) => {
 					/* @__PURE__ */ jsxs("span", {
 						className: "min-w-0 flex-1",
 						children: [/* @__PURE__ */ jsx("span", {
-							className: "block truncate text-[13px] font-medium",
+							className: "block truncate font-medium",
 							children: invitation.email
 						}), /* @__PURE__ */ jsxs("span", {
 							className: "block text-xs text-muted-foreground",

package/dist/organizations/members-page.js

@@ -34,7 +34,7 @@ const MemberRow = ({ member, current, onChanged }) => {
 					/* @__PURE__ */ jsxs("span", {
 						className: "min-w-0 flex-1",
 						children: [/* @__PURE__ */ jsxs("span", {
-							className: "block truncate text-[13px] font-medium",
+							className: "block truncate font-medium",
 							children: [member.name, self && " (you)"]
 						}), /* @__PURE__ */ jsx("span", {
 							className: "block truncate text-xs text-muted-foreground",
@@ -112,7 +112,7 @@ const MembersPage = ({ current }) => {
 					onChanged: load
 				}, `${member.id}/${member.role}/${member.appRoles.join()}`))
 			}) : !error && /* @__PURE__ */ jsxs("div", {
-				className: "flex items-center gap-2 text-[13px] text-muted-foreground",
+				className: "flex items-center gap-2 text-muted-foreground",
 				children: [/* @__PURE__ */ jsx(Spinner, {}), " Loading"]
 			})]
 		})]

package/dist/organizations/organization-page.js

@@ -78,7 +78,7 @@ const HandOver = ({ organization, memberId }) => {
 				"aria-label": "New owner",
 				value: target,
 				onChange: (event) => setTarget(event.target.value),
-				className: "h-8 flex-1 rounded-md border border-border-strong bg-background px-2 text-[13px]",
+				className: "h-8 flex-1 rounded-md border border-border-strong bg-background px-2",
 				children: [/* @__PURE__ */ jsx("option", {
 					value: "",
 					children: "Choose a member"

package/dist/organizations/organizations-page.js

@@ -19,7 +19,7 @@ const OrganizationRow = ({ organization, current, busy, onOpen }) => /* @__PURE_
 	children: [/* @__PURE__ */ jsxs("span", {
 		className: "min-w-0 flex-1",
 		children: [/* @__PURE__ */ jsx("span", {
-			className: "block truncate text-[13px] font-medium",
+			className: "block truncate font-medium",
 			children: organization.name
 		}), /* @__PURE__ */ jsx("span", {
 			className: "block text-xs text-muted-foreground",
@@ -133,7 +133,7 @@ const YourInvitations = () => {
 		children: /* @__PURE__ */ jsx("ul", {
 			className: "divide-y rounded-md border",
 			children: invitations.map((invitation) => /* @__PURE__ */ jsxs("li", {
-				className: "px-3 py-2.5 text-[13px]",
+				className: "px-3 py-2.5",
 				children: [
 					/* @__PURE__ */ jsx("span", {
 						className: "font-medium",

package/dist/package.js

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

package/dist/plugins/before-sign-in.js

@@ -30,7 +30,7 @@ const BeforeSignIn = ({ children }) => {
 	]);
 	if (state.kind !== "signed-out" && state.kind !== "visitor") return children;
 	if (!settled) return /* @__PURE__ */ jsxs("div", {
-		className: "flex h-full min-h-48 items-center justify-center gap-2 text-[13px] text-muted-foreground",
+		className: "flex h-full min-h-48 items-center justify-center gap-2 text-muted-foreground",
 		children: [/* @__PURE__ */ jsx(Spinner, {}), " Loading"]
 	});
 	if (!Around) return children;

package/dist/plugins/plugin-gate.js

@@ -20,7 +20,7 @@ const PluginGate = ({ ui, children }) => {
 	const { loads, settled } = usePluginLoads(plugins, usePluginSource());
 	const merged = useMemo(() => mergePlugins(ui, loads), [ui, loads]);
 	if (!settled) return /* @__PURE__ */ jsxs("div", {
-		className: "flex h-full min-h-48 items-center justify-center gap-2 text-[13px] text-muted-foreground",
+		className: "flex h-full min-h-48 items-center justify-center gap-2 text-muted-foreground",
 		children: [/* @__PURE__ */ jsx(Spinner, {}), " Loading"]
 	});
 	return /* @__PURE__ */ jsx(ProjectUiContext.Provider, {

package/dist/plugins/plugin-notice.js

@@ -9,7 +9,7 @@ const PluginNotice = ({ off }) => {
 	return /* @__PURE__ */ jsxs("div", {
 		role: "region",
 		"aria-label": "Plugins off",
-		className: "flex items-start gap-3 border-b border-warning/40 bg-warning-soft px-4 py-2 text-[13px] text-warning-text",
+		className: "flex items-start gap-3 border-b border-warning/40 bg-warning-soft px-4 py-2 text-warning-text",
 		children: [
 			/* @__PURE__ */ jsx(Puzzle, {
 				"aria-hidden": true,

package/dist/primitives/button.js

@@ -10,7 +10,7 @@ const variants = {
 };
 const sizes = {
 	sm: "h-7 px-2.5 text-xs gap-1.5",
-	md: "h-8 px-3 text-[13px] gap-2"
+	md: "h-8 px-3 text-body gap-2"
 };
 /** A button's classes, for a link that looks like one. */
 const buttonClass = ({ variant = "secondary", size = "md" } = {}) => cn("inline-flex shrink-0 items-center justify-center rounded-md font-medium transition-colors focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-primary disabled:opacity-60 disabled:cursor-default", variants[variant], sizes[size]);

package/dist/primitives/dialog.js

@@ -19,11 +19,11 @@ const Dialog = ({ title, description, onClose, actions, children, wide = false }
 			className: cn("outline-none max-h-[90vh] w-full overflow-y-auto rounded-lg border bg-background p-4 shadow-pop sm:p-5", wide ? "max-w-3xl" : "max-w-md"),
 			children: [
 				/* @__PURE__ */ jsx("h2", {
-					className: "text-[15px] font-semibold",
+					className: "text-[16px] font-semibold",
 					children: title
 				}),
 				description && /* @__PURE__ */ jsx("p", {
-					className: "mt-1.5 text-[13px] text-muted-foreground",
+					className: "mt-1.5 text-muted-foreground",
 					children: description
 				}),
 				children && /* @__PURE__ */ jsx("div", {

package/dist/primitives/input.js

@@ -6,7 +6,7 @@ const Input = ({ leading, trailing, invalid, className, wrapperClassName, ...res
 	children: [
 		leading,
 		/* @__PURE__ */ jsx("input", {
-			className: cn("min-w-0 flex-1 bg-transparent text-[13px] text-foreground outline-none placeholder:text-faint-foreground", className),
+			className: cn("min-w-0 flex-1 bg-transparent text-body text-foreground outline-none placeholder:text-faint-foreground", className),
 			...rest
 		}),
 		trailing

package/dist/primitives/menu-select.js

@@ -46,7 +46,7 @@ const MenuSelect = ({ value, options, onChange, label }) => {
 			"aria-haspopup": "menu",
 			"aria-expanded": open,
 			onClick: () => setOpen(!open),
-			className: "inline-flex h-8 items-center gap-1.5 rounded-md border border-border-strong bg-background px-2.5 text-[13px] font-medium shadow-sm transition-colors hover:bg-muted pointer-coarse:h-11",
+			className: "inline-flex h-8 items-center gap-1.5 rounded-md border border-border-strong bg-background px-2.5 text-body font-medium shadow-sm transition-colors hover:bg-muted pointer-coarse:h-11",
 			children: [
 				current?.icon && /* @__PURE__ */ jsx(current.icon, { className: "size-3.5" }),
 				current?.label ?? label,
@@ -56,7 +56,7 @@ const MenuSelect = ({ value, options, onChange, label }) => {
 			role: "menu",
 			"aria-label": label,
 			onKeyDown,
-			className: "absolute right-0 top-full z-30 mt-1 min-w-40 rounded-md border bg-background py-1 text-[13px] shadow-pop",
+			className: "absolute right-0 top-full z-30 mt-1 min-w-40 rounded-md border bg-background py-1 text-body shadow-pop",
 			children: options.map((option, index) => /* @__PURE__ */ jsx("li", {
 				role: "none",
 				children: /* @__PURE__ */ jsxs("button", {

package/dist/primitives/responsive-dialog.js

@@ -23,7 +23,7 @@ const ResponsiveDialog = ({ title, description, open, onClose, actions, children
 		open: true,
 		onClose,
 		children: /* @__PURE__ */ jsxs("div", {
-			className: "pt-3 text-[13px]",
+			className: "pt-3",
 			children: [
 				description && /* @__PURE__ */ jsx("p", {
 					className: "text-muted-foreground",

package/dist/primitives/segmented.js

@@ -8,7 +8,7 @@ const sizes = {
 	},
 	md: {
 		group: "h-8",
-		option: "px-3 text-[13px]"
+		option: "px-3 text-body"
 	}
 };
 const Segmented = ({ value, options, onChange, label, size = "sm", iconOnly = false }) => /* @__PURE__ */ jsx("span", {

package/dist/primitives/sheet.js

@@ -50,7 +50,7 @@ const Sheet = ({ title, open, onClose, children }) => {
 						"aria-hidden": true
 					}),
 					/* @__PURE__ */ jsx("h2", {
-						className: "text-[15px] font-semibold",
+						className: "text-[16px] font-semibold",
 						children: title
 					}),
 					/* @__PURE__ */ jsx("button", {

package/dist/primitives/textarea.js

@@ -28,7 +28,7 @@ const Textarea = ({ invalid, className, rows = 3, value, ...rest }) => {
 		ref,
 		rows,
 		value,
-		className: cn("block w-full resize-none overflow-hidden rounded-md border bg-background px-2.5 py-1.5 text-[13px] text-foreground shadow-sm outline-none placeholder:text-faint-foreground focus:border-primary focus:ring-2 focus:ring-primary/20", invalid ? "border-danger" : "border-border-strong", className),
+		className: cn("block w-full resize-none overflow-hidden rounded-md border bg-background px-2.5 py-1.5 text-body text-foreground shadow-sm outline-none placeholder:text-faint-foreground focus:border-primary focus:ring-2 focus:ring-primary/20", invalid ? "border-danger" : "border-border-strong", className),
 		...rest
 	});
 };

package/dist/record-view/action-rail.js

@@ -15,7 +15,7 @@ const ActionRail = ({ actions }) => /* @__PURE__ */ jsxs("div", {
 				className: cn("size-4 shrink-0 md:mt-0.5", tone === "danger" ? "text-danger-text" : "text-muted-foreground"),
 				"aria-hidden": true
 			}), /* @__PURE__ */ jsxs("span", { children: [/* @__PURE__ */ jsx("span", {
-				className: cn("block text-[13px] font-medium", tone === "danger" ? "text-danger-text" : "text-foreground"),
+				className: cn("block font-medium", tone === "danger" ? "text-danger-text" : "text-foreground"),
 				children: name
 			}), description && /* @__PURE__ */ jsx("span", {
 				className: "mt-0.5 hidden text-xs leading-snug text-muted-foreground md:block",

package/dist/record-view/field.js

@@ -9,7 +9,7 @@ const Field = ({ label, required, help, example, error, conflict, wide, children
 		/* @__PURE__ */ jsxs("div", {
 			className: "mb-1.5 flex items-center gap-2",
 			children: [/* @__PURE__ */ jsxs("label", {
-				className: "text-[13px] font-medium text-foreground",
+				className: "font-medium text-foreground",
 				children: [label, required && /* @__PURE__ */ jsx("span", {
 					className: "ml-0.5 text-danger-text",
 					"aria-label": "required",

package/dist/record-view/key-facts.js

@@ -6,7 +6,7 @@ import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 * screen.
 */
 const KeyFacts = ({ facts }) => /* @__PURE__ */ jsx("dl", {
-	className: "grid grid-cols-2 gap-x-4 gap-y-5 text-[13px] sm:flex sm:flex-wrap sm:gap-x-10",
+	className: "grid grid-cols-2 gap-x-4 gap-y-5 sm:flex sm:flex-wrap sm:gap-x-10",
 	children: facts.map(({ label, value, icon: Icon }) => /* @__PURE__ */ jsxs("div", {
 		title: label,
 		className: "flex min-w-0 flex-col gap-1.5",
@@ -20,7 +20,7 @@ const KeyFacts = ({ facts }) => /* @__PURE__ */ jsx("dl", {
 				children: label
 			})] }) : label
 		}), /* @__PURE__ */ jsx("dd", {
-			className: "min-w-0 break-words text-[15px] font-semibold text-foreground",
+			className: "min-w-0 break-words text-[16px] font-semibold text-foreground",
 			children: value
 		})]
 	}, label))

package/dist/record-view/record-sidebar.js

@@ -2,7 +2,7 @@ import { ChevronRight } from "lucide-react";
 import { jsx, jsxs } from "react/jsx-runtime";
 //#region src/record-view/record-sidebar.tsx
 const MetadataList = ({ rows }) => /* @__PURE__ */ jsx("dl", {
-	className: "grid grid-cols-[auto_1fr] gap-x-4 gap-y-2 text-[13px]",
+	className: "grid grid-cols-[auto_1fr] gap-x-4 gap-y-2",
 	children: rows.map((row) => /* @__PURE__ */ jsxs("div", {
 		className: "contents",
 		children: [/* @__PURE__ */ jsx("dt", {
@@ -31,7 +31,7 @@ const RelatedRecords = ({ records, onNavigate }) => /* @__PURE__ */ jsx("ul", {
 					children: record.kind
 				}),
 				/* @__PURE__ */ jsx("span", {
-					className: "block truncate text-[13px] font-medium text-primary-text",
+					className: "block truncate font-medium text-primary-text",
 					children: record.label
 				}),
 				record.meta && /* @__PURE__ */ jsx("span", {

package/dist/record-view/section.js

@@ -3,7 +3,7 @@ import { jsx, jsxs } from "react/jsx-runtime";
 /** A titled part of the record page; `actions` sit at the end of the title's line. */
 const Section = ({ title, help, actions, children }) => {
 	const heading = /* @__PURE__ */ jsx("h2", {
-		className: "text-[15px] font-semibold text-foreground",
+		className: "text-[16px] font-semibold text-foreground",
 		children: title
 	});
 	return /* @__PURE__ */ jsxs("section", {
@@ -14,7 +14,7 @@ const Section = ({ title, help, actions, children }) => {
 				children: [heading, actions]
 			}) : heading,
 			help && /* @__PURE__ */ jsx("p", {
-				className: "mt-1 max-w-xl text-[13px] leading-relaxed text-muted-foreground",
+				className: "mt-1 max-w-xl leading-6 text-muted-foreground",
 				children: help
 			}),
 			/* @__PURE__ */ jsx("div", {

package/dist/record-view/spec-table.js

@@ -6,7 +6,7 @@ import { jsx, jsxs } from "react/jsx-runtime";
 * site: what a record page's section shows on its read view. A wide row puts its value under the label.
 */
 const SpecTable = ({ rows }) => /* @__PURE__ */ jsx("dl", {
-	className: "border-t border-border text-[13px]",
+	className: "border-t border-border",
 	children: rows.map((row) => /* @__PURE__ */ jsxs("div", {
 		className: cn("grid gap-x-4 border-b border-border py-2.5", row.wide ? "grid-cols-1 gap-y-1.5" : "grid-cols-[minmax(0,2fr)_minmax(0,3fr)]"),
 		children: [/* @__PURE__ */ jsxs("dt", {