@usableapp/cardds 0.7.68 → 0.7.69

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.69 — 2026-10-07
+
+### Fixed
+- **A `Stamp` in a `Centre` above a closed stack fits a short phone** (reported by timebank, 2026-10-07) — in `Home base={<Centre>…}` / `SheetStack base` the stamp is held by the HEIGHT of the room above the sheet heads as well as by the screen's width: its height is at most 45% of that room, so two lines of words fit under it. Before: sized from the width alone, at 320×568 the stamp ran up under the top bar and the words met the first sheet's head (a group 314px tall in a 253px room). A phone 640 tall or more looks as before. Nothing to change in a screen. Three lines of words under the stamp on a 320×568 phone with three sheets still run a little long: keep the line short.
+
 ## 0.7.68 — 2026-10-07
 
 ### Changed

package/css/stack.css

@@ -285,6 +285,7 @@
   overflow: hidden;
   overscroll-behavior: none;
   touch-action: none;
+  container-type: size; /* what stands in it may be sized by this room (cqh) — its width is the fill screen's own content width, so cqw reads the same as before */
 }
 /* a base that is ONE Page is a page's words (a title, a welcome, the news): it reads from the TOP, like any page —
    loose things (a picture, a line) still sit against the peeks (Lh 2026-09-23, the home) */

package/css/stamp.css

@@ -85,6 +85,9 @@
 /* a stamp handed over in a Centre: sized by the SCREEN (a little over half its width inside the inset), its greeting centred under it */
 .screen__centre:has(> .stamp) { justify-items: center; text-align: center; }
 .screen__centre > .stamp { max-width: var(--stamp-centre-max-w, 56cqw); }
+/* in the room above a closed stack's heads the stamp is held by that room's HEIGHT too: its height at most 45% of it, so two lines of words under it
+   still fit on a short phone (320×568 left 253px for a group 314 tall — reported by timebank, 2026-10-07). cqh reads the base, a size container. */
+.sheet-stack__base > .screen__centre > .stamp { max-width: min(var(--stamp-centre-max-w, 56cqw), 36cqh); }
 
 /* ---- stamp place: an empty place for a stamp — an album's gap, "make yours" ----
    <span class="stamp-place">สร้าง</span> · <button class="stamp-place">…</button> · <span class="stamp-place stamp-place--faint"></span> */

package/dist/cardds.css

@@ -1309,6 +1309,7 @@ button:enabled { cursor: pointer; } /* a disabled one keeps the arrow */
   overflow: hidden;
   overscroll-behavior: none;
   touch-action: none;
+  container-type: size; /* what stands in it may be sized by this room (cqh) — its width is the fill screen's own content width, so cqw reads the same as before */
 }
 /* a base that is ONE Page is a page's words (a title, a welcome, the news): it reads from the TOP, like any page —
    loose things (a picture, a line) still sit against the peeks (Lh 2026-09-23, the home) */
@@ -3939,6 +3940,9 @@ button:enabled { cursor: pointer; } /* a disabled one keeps the arrow */
 /* a stamp handed over in a Centre: sized by the SCREEN (a little over half its width inside the inset), its greeting centred under it */
 .screen__centre:has(> .stamp) { justify-items: center; text-align: center; }
 .screen__centre > .stamp { max-width: var(--stamp-centre-max-w, 56cqw); }
+/* in the room above a closed stack's heads the stamp is held by that room's HEIGHT too: its height at most 45% of it, so two lines of words under it
+   still fit on a short phone (320×568 left 253px for a group 314 tall — reported by timebank, 2026-10-07). cqh reads the base, a size container. */
+.sheet-stack__base > .screen__centre > .stamp { max-width: min(var(--stamp-centre-max-w, 56cqw), 36cqh); }
 
 /* ---- stamp place: an empty place for a stamp — an album's gap, "make yours" ----
    <span class="stamp-place">สร้าง</span> · <button class="stamp-place">…</button> · <span class="stamp-place stamp-place--faint"></span> */

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@usableapp/cardds",
-  "version": "0.7.68",
+  "version": "0.7.69",
   "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.",