Stacked Cards Changelog Block for React

Edit RELEASES at the top of the file, newest first. Each release has a version, a date as an ISO day ("2026-09-22"), a kind, a title, a summary and two notes. The deck is made for three cards: its offsets are listed in DEPTHS, so add an entry there before adding a fourth release. Dates are fixed, never computed from today.

It takes the card on top to the back of the deck and brings the next one up, wrapping from the third card back to the first. The button stays where it is and keeps focus, so you can press it again, or hold Enter or Space, to go through the deck. A polite status line then says, for example, "Showing v5.1.3, Lists and pins stay put. Release 2 of 3."

Not until they come up. The cards behind the top one are hidden from assistive technology and can't take focus, so a reader meets one release at a time and the status line says which. Every card's text is in the page from the start.

Each card has an outline badge with an icon and the word (New, Improved, Fixed, Security, Deprecated), so it reads in greyscale, in any theme and to a screen reader, which hears the word and skips the icon.

The header and the shell fade up once on load, and the cards slide to their new places when you cycle. With reduced motion all of that is off: the cards simply swap places. The block never changes height.

The shell and the deck narrow to fit, the card's date moves under its tag, and the button and the counter stay on one line under the deck. Nothing scrolls sideways at 320 pixels, and in a right-to-left layout the arrow on the button turns.