Numbered List Changelog Block for React

Edit RELEASES at the top of the file, newest first. Each release has an ordinal (the text on the ladder, "01" to "05"), a version, a date as an ISO day ("2026-09-18"), a kind, a title and a one-sentence summary. The date on screen is spelled out from the ISO day by a small helper, so it reads the same on the server and in every browser. Dates are fixed, never computed from today. Keep it to five rungs: older releases belong behind a link to the full list.

They are positions on the ladder, not versions: 01 is the newest release and 05 the oldest of the five. They are hidden from assistive technology because the list is an ordered list, so a screen reader already says "1 of 5" and so on. The version, which does carry meaning, is real text on each rung.

Each type tag is an outline badge with an icon and the word, so it reads in greyscale, in any theme and to a screen reader, which hears the word and skips the icon. The kinds are constants at the top of the file; add one by adding one more.

Below lg the header comes first, a rule runs under it, and each rung stacks its number above its text. The vertical hairline between the number and the text, and the divider between the header and the ladder, appear from lg up. Nothing scrolls sideways at 320 pixels, and in a right-to-left layout the ladder moves to the left and the numbers sit on the right.

The header and the ladder fade up once on load, with CSS transitions. With reduced motion they are off and the block simply appears. The block has no state.