@rebasepro/ui 0.15.0 → 0.15.1-canary.g869ace1

package/dist/index.css

@@ -37,28 +37,28 @@ html.dark {
    and holding 600 all the way down to text-sm made every heading shout equally
    — a heading stops being a headline somewhere, and the scale should say where.
 
-   The ladder now spans three weights rather than two. 600 everywhere at the top
-   meant a page title and the section heading inside it were the same voice at
-   two sizes, so a screen had no clear first thing to read. 700 is the *display*
-   tier only — h1 and h2, page titles and stat numbers — and nothing in the UI
-   chrome (nav, labels, buttons, table headers) goes above 600.
-
-   This costs nothing on the wire: both faces are loaded as VARIABLE fonts
-   (@fontsource-variable/inter, @fontsource-variable/instrument-sans), so the
-   whole weight axis is already in the file that ships. The earlier "never above
-   600" rule was written when static weights meant every step was another
-   download; that constraint no longer exists.
+   The ladder spans three weights — 400/500/600 — and 600 is the ceiling. No
+   tier goes to 700: the display end separates itself by SIZE and tracking, not
+   by weight, and a 30px 700 next to a 30px 500 elsewhere on the same product
+   reads as two different type systems rather than one ladder.
+
+   Both faces load as VARIABLE fonts (@fontsource-variable/inter,
+   @fontsource-variable/instrument-sans), so the whole axis ships either way —
+   the 600 ceiling is a design decision, not a payload one.
 
    With a single face carrying both headings and body, weight and tracking are
    the only things separating a heading from the copy around it — so the tiers
    have to actually differ, rather than all sitting at 600. */
 
+/* 500, not 700. This reverses the 2026-08 "700 for display" decision on
+   purpose: the marketing site and the panel were running different display
+   weights, which is the single most visible incoherence between them. */
 .typography-h1 {
-    @apply text-4xl font-headers font-bold tracking-display;
+    @apply text-4xl font-headers font-medium tracking-display;
 }
 
 .typography-h2 {
-    @apply text-3xl font-headers font-bold tracking-display;
+    @apply text-3xl font-headers font-medium tracking-display;
 }
 
 .typography-h3 {
@@ -144,10 +144,11 @@ html.dark {
     @apply font-mono tabular-nums;
 }
 
-/* The headline number on a stat tile. Display weight, display tracking, and
-   tabular figures so a row of tiles shares a baseline grid. */
+/* The headline number on a stat tile. Display tracking and tabular figures so a
+   row of tiles shares a baseline grid. Semibold, not bold: the number is
+   already the largest thing on the tile, and 600 is the system ceiling. */
 .typography-stat {
-    @apply text-3xl font-headers font-bold tracking-display tabular-nums;
+    @apply text-3xl font-headers font-semibold tracking-display tabular-nums;
 }
 
 :focus-visible {

package/dist/index.es.js

@@ -5095,7 +5095,7 @@ var SelectItem = React.memo(function SelectItem({ value, children, disabled, cla
 });
 var SelectGroup = React.memo(function SelectGroup({ label, children, className }) {
 	return /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsx(SelectPrimitive.Group, {
-		className: cls("text-xs text-surface-accent-900 dark:text-white uppercase tracking-wider font-bold mt-6 first:mt-2", "px-2 py-2", className),
+		className: cls("text-xs text-surface-accent-900 dark:text-white uppercase tracking-wider font-semibold mt-6 first:mt-2", "px-2 py-2", className),
 		children: label
 	}), children] });
 });
@@ -5186,7 +5186,7 @@ var Sheet = ({ children, side = "right", title, modal = true, includeBackgroundO
 				onOpenAutoFocus: (event) => event.preventDefault(),
 				onPointerDownOutside,
 				onInteractOutside,
-				className: cls("outline-none", borderClass[side], defaultBorderMixin, "transform-gpu", "will-change-transform", "text-surface-accent-900 dark:text-white", "fixed transform z-50 transition-[transform,opacity] ease-in-out", !displayed ? "duration-150" : "duration-100", "outline-none focus:outline-none focus-visible:outline-none focus-visible:ring-0 focus:ring-0", transparent ? "" : "shadow-md bg-white dark:bg-surface-900", side === "top" || side === "bottom" ? "w-full" : "h-full", side === "left" || side === "top" ? "left-0 top-0" : "right-0 bottom-0", displayed && open ? "opacity-100" : "opacity-50", !displayed || !open ? transformValue[side] : "", className),
+				className: cls("outline-none", borderClass[side], defaultBorderMixin, "text-surface-accent-900 dark:text-white", "fixed transform z-50 transition-[transform,opacity] ease-in-out", !displayed ? "duration-150" : "duration-100", "outline-none focus:outline-none focus-visible:outline-none focus-visible:ring-0 focus:ring-0", transparent ? "" : "shadow-md bg-white dark:bg-surface-900", side === "top" || side === "bottom" ? "w-full" : "h-full", side === "left" || side === "top" ? "left-0 top-0" : "right-0 bottom-0", displayed && open ? "opacity-100" : "opacity-50", !displayed || !open ? transformValue[side] : "", className),
 				style,
 				children: [/* @__PURE__ */ jsx(DialogPrimitive.Title, {
 					className: "sr-only outline-none focus:outline-none focus-visible:outline-none focus-visible:ring-0 focus:ring-0",
@@ -5950,7 +5950,7 @@ var VirtualTableHeader = React.memo(function VirtualTableHeader({ resizeHandleRe
 						]
 					})
 				}), sort && sortPosition !== void 0 && /* @__PURE__ */ jsx("span", {
-					className: "flex-shrink-0 -ml-0.5 mr-0.5 text-[10px] font-bold leading-none tabular-nums text-text-secondary dark:text-text-secondary-dark",
+					className: "flex-shrink-0 -ml-0.5 mr-0.5 text-[10px] font-semibold leading-none tabular-nums text-text-secondary dark:text-text-secondary-dark",
 					"aria-hidden": true,
 					children: sortPosition + 1
 				})]