@usableapp/cardds 0.7.17 → 0.7.18

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.18 — 2026-09-27
+
+### Fixed
+- A lone `Page` in a `Step` on a fill `Screen` with a `bottom` now ends with the bottom layer's room (`--bottom-h`), as a walk's page always did. Before: its last words (a closing `Link`) lay under the `ActionBar` and could not be tapped (timebank onboard-04, 2026-09-24). Now: the page scrolls only when the layer would cover its words, just far enough to clear them; with no bottom nothing moves. Nothing to change in a screen.
+
 ## 0.7.17 — 2026-09-27
 
 Second refactor pass (what the first skipped). Most of it is internal; these can touch a screen:

package/css/step.css

@@ -91,8 +91,10 @@
   overscroll-behavior: contain;
 }
 /* a lone .page carries the margin a walk's .pages does not (its own .page children do, below) —
-   the screen's gap, moved in here from above the step; the inset, taken back from the bleed */
-.step > .page { margin: var(--_lead, 0) var(--screen-pad) 0; }
+   the screen's gap, moved in here from above the step; the inset, taken back from the bleed.
+   It ends with the bottom layer's room, as a walk's page does: it scrolls only when the layer would cover its words
+   (timebank onboard-04, 2026-09-27 — its last Link lay under the bar; Lh: same rule as the walk) */
+.step > .page { margin: var(--_lead, 0) var(--screen-pad) 0; padding-bottom: var(--bottom-h, 0rem); }
 
 /* a WALK (Pages of Page) — Lh 2026-09-23, third call: no top; the picture and the words are ONE run that scrolls up together
    (the picture is never pinned). Each page starts at the screen's lead and ends with the same room under it — the lead as

package/dist/cardds.css

@@ -1787,8 +1787,10 @@ button:enabled { cursor: pointer; } /* a disabled one keeps the arrow */
   overscroll-behavior: contain;
 }
 /* a lone .page carries the margin a walk's .pages does not (its own .page children do, below) —
-   the screen's gap, moved in here from above the step; the inset, taken back from the bleed */
-.step > .page { margin: var(--_lead, 0) var(--screen-pad) 0; }
+   the screen's gap, moved in here from above the step; the inset, taken back from the bleed.
+   It ends with the bottom layer's room, as a walk's page does: it scrolls only when the layer would cover its words
+   (timebank onboard-04, 2026-09-27 — its last Link lay under the bar; Lh: same rule as the walk) */
+.step > .page { margin: var(--_lead, 0) var(--screen-pad) 0; padding-bottom: var(--bottom-h, 0rem); }
 
 /* a WALK (Pages of Page) — Lh 2026-09-23, third call: no top; the picture and the words are ONE run that scrolls up together
    (the picture is never pinned). Each page starts at the screen's lead and ends with the same room under it — the lead as

package/package.json

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