@usableapp/cardds 0.7.88 → 0.7.89

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.89 — 2026-10-13
+
+Nothing here breaks an existing screen: a prop pair (`Stamp arrive` + `onArrived`) is added and none removed, a `Stamp` without `arrive` renders the html it did, and a `StampOn arrive` is struck and tells the app exactly as before (the one rule that gave it the strike lists a second holder; no keyframe, knob or class is new but `stamp--arrive`).
+
+### Added
+- **`Stamp arrive` + `onArrived`: the stamp that stands in a card's head is struck onto its place when the member sends.** Before → after: the strike existed only on `StampOn arrive`, and a `StampOn` floats over its surface by a share of it, so on a narrow card it covered the heading, while `<Card end={<Stamp …/>}>` put the stamp in the right place with no strike → `<Card heading caption end={<Stamp arrive onArrived={…} {...}/>}>` shows the stamp large and faint and presses it down to its size where the head already holds it, and `onArrived` comes once when the strike has ended (at once where motion is off). The strike scales and never moves the layout (the heading keeps its room; the stamp may cover its neighbours while it is large), a `tilt` is kept (the stamp ends at its turn), `arrive` off and on again strikes again, and the same card afterwards shows the stamp in the same place with no strike. It is the one `strike` and the one knob, `--stamp-on-arrive-time`, as `StampOn arrive` and the postmark. Use `Stamp arrive` for a stamp the layout placed; use `StampOn arrive` for a stamp laid on a surface at a place the member chose. Stories: `Stamp · Arrives`, `Card · StampStruckAtTheHead`.
+
 ## 0.7.88 — 2026-10-13
 
 Nothing here breaks an existing screen: a prop pair (`Card leave` + `onLeft`) and three knobs are added and none removed, no class or markup of an existing screen changed (a `Card` without `leave` is as before), and an `EmptyState` with its knob unset stands where it did in 0.7.87.

package/css/stamp.css

@@ -259,8 +259,8 @@
 @media (prefers-reduced-motion: no-preference) { .stamp-on__remove { animation: stamp-on-remove-in var(--motion-press) ease-out; } }
 @keyframes stamp-on-remove-in { from { opacity: 0; scale: 0.6; } }
 
-/* --arrive: the stamp sticks ITSELF (StampOn `arrive`) — struck onto its place (`strike`: tokens.css). The component reads the
-   animation's name to tell the app it has landed. Knob: --stamp-on-arrive-time */
+/* --arrive: the stamp sticks ITSELF (StampOn `arrive`; a Stamp's `arrive` too, where it already stands) — struck onto its place (`strike`: tokens.css).
+   The component reads the animation's name to tell the app it has landed. `scale` and `opacity` leave a --tilt's `rotate` alone. Knob: --stamp-on-arrive-time */
 @media (prefers-reduced-motion: no-preference) {
-  .stamp-on--arrive { animation: strike var(--stamp-on-arrive-time, var(--motion-sheet)) ease-in both; }
+  .stamp-on--arrive, .stamp--arrive { animation: strike var(--stamp-on-arrive-time, var(--motion-sheet)) ease-in both; }
 }

package/dist/cardds.css

@@ -4433,10 +4433,10 @@ button:enabled { cursor: pointer; } /* a disabled one keeps the arrow */
 @media (prefers-reduced-motion: no-preference) { .stamp-on__remove { animation: stamp-on-remove-in var(--motion-press) ease-out; } }
 @keyframes stamp-on-remove-in { from { opacity: 0; scale: 0.6; } }
 
-/* --arrive: the stamp sticks ITSELF (StampOn `arrive`) — struck onto its place (`strike`: tokens.css). The component reads the
-   animation's name to tell the app it has landed. Knob: --stamp-on-arrive-time */
+/* --arrive: the stamp sticks ITSELF (StampOn `arrive`; a Stamp's `arrive` too, where it already stands) — struck onto its place (`strike`: tokens.css).
+   The component reads the animation's name to tell the app it has landed. `scale` and `opacity` leave a --tilt's `rotate` alone. Knob: --stamp-on-arrive-time */
 @media (prefers-reduced-motion: no-preference) {
-  .stamp-on--arrive { animation: strike var(--stamp-on-arrive-time, var(--motion-sheet)) ease-in both; }
+  .stamp-on--arrive, .stamp--arrive { animation: strike var(--stamp-on-arrive-time, var(--motion-sheet)) ease-in both; }
 }
 
 /* ---- css/post.css — the post: postmark, a postcard read (letter), written (desk), kept (box) ---- */