@hanzo/ui 8.22.0 → 8.23.0

package/dist/styles.css

@@ -2270,12 +2270,36 @@ body {
    a 52px display line and a 17px sub-head: 8px under the display line read as
    the byline touching it. `em` here is the heading's own size, so the ratio
    holds at every rung. A caller setting its own margin still wins. */
-.hz-prose > h1 { margin-block-end: .34em }
-.hz-prose > h2 { margin-block-end: .38em }
-.hz-prose > h3 { margin-block-end: .42em }
+.hz-prose > h1 { margin-block-end: .5em }
+.hz-prose > h2 { margin-block-end: .55em }
+.hz-prose > h3 { margin-block-end: .6em }
 .hz-prose > h4,
 .hz-prose > h5,
-.hz-prose > h6 { margin-block-end: .5em }
+.hz-prose > h6 { margin-block-end: .75em }
+
+/* Space ABOVE a heading is larger than the space below it — that asymmetry is
+   what groups a heading with the text it introduces rather than the text it
+   follows. Not applied to the first child, which has nothing to separate from. */
+.hz-prose > h1:not(:first-child) { margin-block-start: 1.1em }
+.hz-prose > h2:not(:first-child) { margin-block-start: 1.2em }
+.hz-prose > h3:not(:first-child),
+.hz-prose > h4:not(:first-child),
+.hz-prose > h5:not(:first-child),
+.hz-prose > h6:not(:first-child) { margin-block-start: 1.4em }
+
+/* ── The line-height a converted box inherits ─────────────────────────────
+   gui's Stack stamps its own leading, which is right for a native view and
+   wrong for a div: a div takes its line-height from the cascade, and a box
+   converted from one used to grow a few pixels per line of text.
+
+   Stated HERE rather than as an inline style on the element. Inline beats every
+   selector, so the previous form silently defeated the app's own vocabulary — a
+   `.display` class asking for 1.15 lost to it and its headings overlapped. As a
+   rule it is a default: gui's own leading classes come later and win, and an
+   app's sheet comes later still and wins over both, which is the right order. */
+:root .is_View {
+  line-height: inherit;
+}
 
 /* @hanzo/ui motion primitives — the calm, restrained animation vocabulary the
    Hanzo surfaces share. One place defines the easing; components apply the class.

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@hanzo/ui",
-  "version": "8.22.0",
+  "version": "8.23.0",
   "type": "module",
   "description": "Hanzo UI — the one canonical Hanzo component library, on @hanzo/gui + @hanzo/design. ONE substrate: every component renders through @hanzo/gui primitives, so the same import works on web, native (expo) and desktop (Tauri). Self-contained (theme.css), presentational, host-agnostic, clean-room.",
   "exports": {