@usableapp/cardds 0.7.92 → 0.7.93

package/CHANGELOG.md

@@ -2,6 +2,13 @@
 
 > 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.93 — 2026-10-17
+
+Nothing here breaks an existing screen: one prop (`StampBook fill`), one class (`.stamp-book--fill`) and one knob are added and none removed; a book without `fill` is as it was.
+
+### Added
+- **`StampBook fill`: the stamp's third size** (Lh 2026-10-17, from the `Stamp · Tones` story: "เอาพื้นที่ด้านข้างออก … ลด Gap ให้เหลือเท่า h-padding ของ scaffold … ปรับขนาดแสตมป์ให้กว้างขึ้น … สร้างเป็นขนาด stamp อันใหม่"). Before → after: three stamps across were each the stamp's own size, 96 × 120, in the middle of their third, so what the row had left over lay at its sides and between them (in a flex row a stamp's `margin-inline: auto` split it: 7 at each side, 29 between) → with `fill` each stamp is as wide as its third, 4:5, the gaps between the thirds are one `--screen-pad` both ways, and nothing is left at the row's sides: at 375 in a 343 column, `bare`, 103.67 × 129.58 (the gallery's 340 cell: 102.66 × 128.33). An empty place is the same. The gap is the knob `--stamp-book-fill-gap` (default `--screen-pad`). It is the one place a stamp is not `--stamp-size`: the book sizes its stamps there. `strip` ignores it. Stories `StampBook · Fill` and `Stamp · Tones` (now a `StampBook bare fill`); tests/stamp.spec.js.
+
 ## 0.7.92 — 2026-10-15
 
 This is the first version after 0.7.90 that npm serves: 0.7.91 was tagged but never published, because the class-count check of tests/lint.spec.js (a literal, 517) had not been raised for the two classes 0.7.91 added, nor for the two added here, so the proof `npm run release` asks for failed on both tags. The count is 520 now and everything 0.7.91 listed ships in this version.

package/README.md

@@ -672,7 +672,9 @@ it up. cardds draws the paper; the pictures, their words and which stamp a membe
 - **`StampBook`** + **`StampCell`** — the album page: cells three across on an album ground, a `label` under each stamp,
   the free places drawn up to `places`. A cell with `onClick` is a button; `on` marks it pressed. Each stamp stands in
   the middle of its third. `bare` is the page with no ground, no padding and no round. `strip` is one line of stamps
-  that scrolls sideways, the tray a member picks from. A `false` or `null` child holds no place.
+  that scrolls sideways, the tray a member picks from. `fill` is the stamp's third size: each stamp as wide as
+  its third, 4:5, the gaps one `--screen-pad` both ways (`--stamp-book-fill-gap`), nothing at the row's sides; with `bare`
+  at 375 a stamp is 103.67 × 129.58. A `false` or `null` child holds no place.
 - A stamp stands for a person in three more places. In a `Centre` — a `Stamp` or a `StampPlace` — it stands in the
   middle and the words and link under it centre. In a card's head — `<Card heading={name} caption={greeting}
   end={<Stamp bare …/>} foot={<Btn primary block>…</Btn>} />` — the words stand at the left and the stamp at the right,

package/css/stamp.css

@@ -20,7 +20,8 @@
    (one tap: half the stamp), for a stamp stuck ON something (`.stamp-on`, below), a stamp in an avatar stack (people.css) and a stamp
    at the head of a feed card (`.feed-card__lead`, card.css): one knob for the three.
    ONE exception, by the owner's decision (Lh 2026-10-11): the stamp at a postcard's corner (post.css) is the postcard's own size, 72 × 90,
-   --post-corner-stamp-w, in neither. The desk's tray (post.css) holds stamps of the standard size. */
+   --post-corner-stamp-w, in neither. The desk's tray (post.css) holds stamps of the standard size.
+   THE THIRD SIZE (Lh 2026-10-17): `.stamp-book--fill` (below) makes each stamp as wide as its third, the gaps one --screen-pad. */
 .stamp, .stamp-place {
   box-sizing: border-box;
   width: var(--stamp-size, calc(var(--tap) * 2));
@@ -186,6 +187,12 @@
 /* --bare: no ground, no padding, no round — the stamps lie on what holds the book, three across as on the ground. The name is the Stamp's own; free places still draw.
    <div class="stamp-book stamp-book--bare"> */
 .stamp-book--bare { padding: 0; border-radius: 0; background: none; }
+/* --fill: the THIRD SIZE of a stamp (Lh 2026-10-17) — each stamp as wide as its third, 4:5, the gaps between the thirds one
+   --screen-pad both ways, so the row is three stamps and two gaps and nothing at its sides. At 375 in a 343 column, bare:
+   (343 − 2 × 16) / 3 = 103.67 × 129.58. The one place a stamp is not --stamp-size: the book sizes its stamps here.
+   <div class="stamp-book stamp-book--bare stamp-book--fill"> */
+.stamp-book--fill { gap: var(--stamp-book-fill-gap, var(--screen-pad)); }
+.stamp-book--fill > .stamp-place, .stamp-book--fill > .stamp-cell > .stamp { width: 100%; }
 /* --strip: ONE line of stamps that scrolls sideways — the tray a member picks from, each stamp its own size. No ground. */
 .stamp-book--strip {
   display: flex;

package/dist/cardds.css

@@ -4226,7 +4226,8 @@ button:enabled { cursor: pointer; } /* a disabled one keeps the arrow */
    (one tap: half the stamp), for a stamp stuck ON something (`.stamp-on`, below), a stamp in an avatar stack (people.css) and a stamp
    at the head of a feed card (`.feed-card__lead`, card.css): one knob for the three.
    ONE exception, by the owner's decision (Lh 2026-10-11): the stamp at a postcard's corner (post.css) is the postcard's own size, 72 × 90,
-   --post-corner-stamp-w, in neither. The desk's tray (post.css) holds stamps of the standard size. */
+   --post-corner-stamp-w, in neither. The desk's tray (post.css) holds stamps of the standard size.
+   THE THIRD SIZE (Lh 2026-10-17): `.stamp-book--fill` (below) makes each stamp as wide as its third, the gaps one --screen-pad. */
 .stamp, .stamp-place {
   box-sizing: border-box;
   width: var(--stamp-size, calc(var(--tap) * 2));
@@ -4392,6 +4393,12 @@ button:enabled { cursor: pointer; } /* a disabled one keeps the arrow */
 /* --bare: no ground, no padding, no round — the stamps lie on what holds the book, three across as on the ground. The name is the Stamp's own; free places still draw.
    <div class="stamp-book stamp-book--bare"> */
 .stamp-book--bare { padding: 0; border-radius: 0; background: none; }
+/* --fill: the THIRD SIZE of a stamp (Lh 2026-10-17) — each stamp as wide as its third, 4:5, the gaps between the thirds one
+   --screen-pad both ways, so the row is three stamps and two gaps and nothing at its sides. At 375 in a 343 column, bare:
+   (343 − 2 × 16) / 3 = 103.67 × 129.58. The one place a stamp is not --stamp-size: the book sizes its stamps here.
+   <div class="stamp-book stamp-book--bare stamp-book--fill"> */
+.stamp-book--fill { gap: var(--stamp-book-fill-gap, var(--screen-pad)); }
+.stamp-book--fill > .stamp-place, .stamp-book--fill > .stamp-cell > .stamp { width: 100%; }
 /* --strip: ONE line of stamps that scrolls sideways — the tray a member picks from, each stamp its own size. No ground. */
 .stamp-book--strip {
   display: flex;