@usableapp/cardds 0.7.64 → 0.7.65

package/CHANGELOG.md

@@ -2,6 +2,11 @@
 
 > For: a project that consumes `@usableapp/cardds` and its AI — what changed between versions, written as before → after, so a screen can be brought up to date without reading the source. Newest first. A consumer never edits cardds; if something here leaves you without a way to do what you did before, report the gap.
 
+## 0.7.65 — 2026-10-06
+
+### Changed
+- **A `paper` stack sheet's head band is 4px taller** (Lh 2026-10-06) — the white starts 12px (`--sp-3`) under the head, it was 8px (`--sp-2`): the coloured band of an open sheet is 81.5px tall at the defaults, it was 77.5. `SheetStack` / `Home` sheets with `paper` only; a single paper `Sheet`, a stack sheet without `paper`, and the peeked heads are unchanged. Nothing to change in a screen; a test that measured the gap under the head reads 12.
+
 ## 0.7.64 — 2026-10-06
 
 ### Added

package/css/stack.css

@@ -336,10 +336,10 @@
    sheet's own slide (--motion-sheet, plus the same stagger), so the corner is the head colour
    at the moment the sheet stops. Rising, the body is white at once. */
 /* the head's band is as slim as it can be (Lh 2026-10-06: 20 over · 48 head · 20 under read as a heavy bar): the white starts
-   --sp-2 under the head, not a whole --card-gap. The body is pulled up by the difference — the card's gap is left alone, the
+   --sp-3 under the head, not a whole --card-gap (--sp-2 at first; Lh added 4 the same day). The body is pulled up by the difference — the card's gap is left alone, the
    stack's step and the body's own rows read it. */
 .sheet-stack > .card.sheet--paper > .sheet__body {
-  margin-top: calc(var(--sp-2) - var(--card-gap));
+  margin-top: calc(var(--sp-3) - var(--card-gap));
   padding-top: calc(var(--sp-6) + var(--_refresh, 0px));
   transition: padding-top var(--motion-sheet) ease, background-color 0s linear;
 }

package/dist/cardds.css

@@ -1338,10 +1338,10 @@ button:enabled { cursor: pointer; } /* a disabled one keeps the arrow */
    sheet's own slide (--motion-sheet, plus the same stagger), so the corner is the head colour
    at the moment the sheet stops. Rising, the body is white at once. */
 /* the head's band is as slim as it can be (Lh 2026-10-06: 20 over · 48 head · 20 under read as a heavy bar): the white starts
-   --sp-2 under the head, not a whole --card-gap. The body is pulled up by the difference — the card's gap is left alone, the
+   --sp-3 under the head, not a whole --card-gap (--sp-2 at first; Lh added 4 the same day). The body is pulled up by the difference — the card's gap is left alone, the
    stack's step and the body's own rows read it. */
 .sheet-stack > .card.sheet--paper > .sheet__body {
-  margin-top: calc(var(--sp-2) - var(--card-gap));
+  margin-top: calc(var(--sp-3) - var(--card-gap));
   padding-top: calc(var(--sp-6) + var(--_refresh, 0px));
   transition: padding-top var(--motion-sheet) ease, background-color 0s linear;
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@usableapp/cardds",
-  "version": "0.7.64",
+  "version": "0.7.65",
   "license": "UNLICENSED",
   "type": "module",
   "description": "card-first mobile design system, React-first: the components in src/ are thin wrappers over the CSS contract (css/*.css stays the only truth); gallery/ shows every story live (npm run dev), tests/ measures the geometry.",