Condensed Feed Changelog Block for React

Edit ENTRIES at the top of the file, newest first. Each has a version, a date as an ISO day, a kind and a title; give the first entry of each month a month ("February 2026") and a thin month row is drawn before it. SHOWN is how many rows show before the button: the rest open in place, and the button's count is computed from them. Rows show the month and day only, so keep the month rows when you list more than one year.

The folded rows are a second list in the same ruled rhythm, always in the page. Folded, they are invisible and inert (hidden to assistive technology and skipped by Tab); opening unrolls them with a CSS grid-row transition and brings them into reach. The button keeps one label, "7 more releases", and its aria-expanded says whether they are open, so a screen reader hears the state rather than a changed name. It's a plain disclosure, so it behaves the same on every base.

A row is a single line, 36 pixels tall at the default text size, with the headline in text-sm and the day, kind and version in text-xs. The type word has an icon beside it so the kind never relies on position alone.

It's a link (href="#"): point it at your full changelog. Both foot buttons are ghost buttons, so the block has no primary action. The button renders the link it's given with render, with nativeButton={false}.

Below sm each row is the day, the headline and the version on one line, with the type word under the headline, so a row grows from one line to two and nothing scrolls sideways at 320 pixels. In a right-to-left layout the columns run in reverse, the arrow on View all releases turns and the chevron on the opener still points down.

The header and the list fade up once on load, and the older rows unroll when you open them while the chevron turns. With reduced motion all of that is off: the block appears at once and the rows open instantly.