@usableapp/cardds 0.7.38 → 0.7.39

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.39 — 2026-10-01
+
+### Fixed
+- **`Sheet`: its foot arrives and leaves WITH the sheet, solid the whole way** (Lh 2026-10-01, seen on timebank's agreement page). Before, while a sheet slid up or down (away / peek ↔ up) its foot stood still on the screen's bottom edge and FADED in or out — for a third of a second the body's words slid through that strip behind a half-transparent button; two sheets swapping showed two faded feet over each other. Now at peek and away the foot stands on the sheet's own bottom edge and rides with it, never transparent; between half · 3q · full it still stays on the box's edge as before. Nothing to change in a screen.
+
 ## 0.7.38 — 2026-10-01
 
 ### Fixed

package/css/sheet.css

@@ -157,12 +157,15 @@
   background: linear-gradient(var(--card-bg), var(--card-bg)) bottom / 100% var(--_foot) no-repeat;
   pointer-events: none;
   translate: 0 calc(-1 * var(--_y) - var(--_drag, 0rem));
-  transition: translate var(--motion-sheet) ease, opacity var(--motion-sheet) ease, visibility 0s;
+  transition: translate var(--motion-sheet) ease, visibility 0s;
 }
 .sheet > .card__foot > * { pointer-events: auto; }
 .sheet:has(> .card__foot) > .sheet__body { margin-bottom: calc(var(--_foot) - var(--card-pad)); } /* the body stops above the strip (the card's own padding is the rest) */
 .sheet.is-dragging > .card__foot { transition: none; }
-:is(.sheet--peek, .sheet--away) > .card__foot { opacity: 0; visibility: hidden; transition: translate var(--motion-sheet) ease, opacity var(--motion-sheet) ease, visibility 0s linear var(--motion-sheet); }
+/* at peek and away the foot is NOT held on the box's edge: it stands on the sheet's own bottom edge (no counter-slide), so it
+   LEAVES AND ARRIVES WITH ITS SHEET — solid the whole way, hidden only once the slide is over. It used to stay in place and
+   fade: the body slid through the strip behind a half-transparent button (timebank, Lh 2026-10-01: "ตัวหนังสือลอดใต้ปุ่ม"). */
+:is(.sheet--peek, .sheet--away) > .card__foot { translate: 0 0; visibility: hidden; transition: translate var(--motion-sheet) ease, visibility 0s linear var(--motion-sheet); }
 /* that padding can be taller than the body's own box (a short box: a small phone with the keyboard up) and a
    box is never smaller than its padding — so the pinned parts must not give way to it: the body runs past
    the sheet's clipped edge instead, where nothing shows anyway. At peek and away no part of the body shows. */

package/dist/cardds.css

@@ -1450,12 +1450,15 @@ button:enabled { cursor: pointer; } /* a disabled one keeps the arrow */
   background: linear-gradient(var(--card-bg), var(--card-bg)) bottom / 100% var(--_foot) no-repeat;
   pointer-events: none;
   translate: 0 calc(-1 * var(--_y) - var(--_drag, 0rem));
-  transition: translate var(--motion-sheet) ease, opacity var(--motion-sheet) ease, visibility 0s;
+  transition: translate var(--motion-sheet) ease, visibility 0s;
 }
 .sheet > .card__foot > * { pointer-events: auto; }
 .sheet:has(> .card__foot) > .sheet__body { margin-bottom: calc(var(--_foot) - var(--card-pad)); } /* the body stops above the strip (the card's own padding is the rest) */
 .sheet.is-dragging > .card__foot { transition: none; }
-:is(.sheet--peek, .sheet--away) > .card__foot { opacity: 0; visibility: hidden; transition: translate var(--motion-sheet) ease, opacity var(--motion-sheet) ease, visibility 0s linear var(--motion-sheet); }
+/* at peek and away the foot is NOT held on the box's edge: it stands on the sheet's own bottom edge (no counter-slide), so it
+   LEAVES AND ARRIVES WITH ITS SHEET — solid the whole way, hidden only once the slide is over. It used to stay in place and
+   fade: the body slid through the strip behind a half-transparent button (timebank, Lh 2026-10-01: "ตัวหนังสือลอดใต้ปุ่ม"). */
+:is(.sheet--peek, .sheet--away) > .card__foot { translate: 0 0; visibility: hidden; transition: translate var(--motion-sheet) ease, visibility 0s linear var(--motion-sheet); }
 /* that padding can be taller than the body's own box (a short box: a small phone with the keyboard up) and a
    box is never smaller than its padding — so the pinned parts must not give way to it: the body runs past
    the sheet's clipped edge instead, where nothing shows anyway. At peek and away no part of the body shows. */

package/package.json

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