@hanzo/ui 8.22.0 → 8.22.1

package/dist/gallery.html

@@ -1,4 +1,4 @@
-<!doctype html><html lang="en" class="t_dark"><head><meta charset="utf-8"><meta name="viewport" content="width=device-width,initial-scale=1"><title>@hanzo/ui 8.22.0</title><style>/* @hanzo/ui — generated by scripts/gen-css.mjs. Do not edit. */
+<!doctype html><html lang="en" class="t_dark"><head><meta charset="utf-8"><meta name="viewport" content="width=device-width,initial-scale=1"><title>@hanzo/ui 8.22.1</title><style>/* @hanzo/ui — generated by scripts/gen-css.mjs. Do not edit. */
 :root { --hanzo-ui-styles: 1; }
 /* Hanzo Design System — the entry point. Import THIS one file.
  *
@@ -2270,12 +2270,22 @@ 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 }
 
 /* @hanzo/ui motion primitives — the calm, restrained animation vocabulary the
    Hanzo surfaces share. One place defines the easing; components apply the class.

package/dist/styles.css

@@ -2270,12 +2270,22 @@ 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 }
 
 /* @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.22.1",
   "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": {