Guides
Changelog
Track notable changes to Astro Components.
This changelog covers user-facing changes to @prosefly/astro-components,
including components, markdown transforms, integration behavior, styling tokens,
and documentation.
Unreleased
- Moved component state styling hooks from modifier classes to
data-*attributes while keeping BEM classes for structure. - Moved the docs site Lotus configuration from
src/theme.config.tstotheme.config.jsonand removed docs sidebar frontmatter.
0.4.1
Released July 20, 2026- Added
--pf-badge-radiussoBadgecorner radius can be customized independently from the global pill radius.
0.4.0
Released July 20, 2026- Renamed the component CSS, data attribute, and custom property namespace from
pltopf. - Added default light/dark token fallbacks for standalone component styles.
0.3.0
Released July 19, 2026- Added
remarkCalloutDirectivesfor writing callouts, also known as admonitions, with Markdown directive syntax. - Changed
Cardtitles to render as non-heading text so cards do not affect page heading hierarchy. - Exposed callouts as
role="note"instead of complementary landmarks. - Added unit tests for the markdown transforms.
- Updated markdown setup examples to use Astro’s
unified()processor API.
0.2.1
Released July 18, 2026- Fixed the
@prosefly/astro-components/iconESM entry by moving the FileTree icon helper into the icon module and using explicit.jsimports.
0.2.0
Released July 18, 2026FileTreenow supportsiconSet="vscode-icons"for richer file-type icons.- Semantic badge colors for
info,success,warning, anddanger. - Shared semantic CSS tokens for status-oriented components.
- Callout colors now use the shared semantic token palette, with type-specific callout override tokens still available.
0.1.0
Released July 17, 2026- MDX components for callouts, cards, tabs, accordions, file trees, steps, badges, and icons.
- Iconify preload integration for projects that need icons without the full Lotus theme.
- Markdown transforms for package-manager tabs and image galleries.
- CSS custom properties for shared typography, color, radius, and component styling.