All notable changes to this project will be documented in this file.
The format is based on Keep a Changelog.
- Reset button in Component Builder that clears all state and returns to the Build tab.
- Bento Box component for asymmetric grid layouts where items can span multiple columns and rows.
- Input component now supports optional leading and trailing icons in ACS.
- Font setup is centralized in
site-fonts.mjswithSiteFonts.astro - Modal component for dialog overlays, using the Popover API with CSS animations and minimal JS for accessibility.
- Button component now supports
popovertargetandpopovertargetactionprops, forwarding them to the inner element.
- Exported Astro components now use scoped
<style>instead of<style is:global>. - CSS uses Vite’s default pipeline (PostCSS for processing, esbuild for minification) instead of opting into Lightning CSS for transform while minifying with esbuild.
- Raised Vite
chunkSizeWarningLimitto 1024 kB so builds don’t warn on expected large chunks (e.g. Shiki in component docs).
-
ComponentViewer Astro code preview now renders child items for BentoBox and Masonry components instead of showing self-closing tags.
-
Component Builder sandbox delete button styles: replace Sass-style
&-deletenesting with a flat.sandbox-item-btn.sandbox-item-btn-deleteselector so esbuild CSS minify doesn’t warn on invalid nesting. -
SVGO icon optimization: use
cleanupIdsoverride (SVGO 4 plugin name) so disabling ID cleanup no longer prints a preset warning at build time. -
Bento Box item column/row span changes now update visually in the CloudCannon editor.
-
Icon component no longer exposes an unsupported
4xlsize option. -
Image component no longer converts SVGs to WebP — SVGs are now served as-is.
-
Button component no longer relies on
display: contentson its root wrapper. -
Definition list items no longer rely on
display: contentson their root wrapper. -
Content selector items now use camelCase
iconNameandsubtextfields for optional icons and supporting text. -
Heading icons now stay inline with heading text so titles wrap naturally after the icon.
-
Heading icons now render at
0.9emto better match heading text sizing. -
Content selector tabs now keep
aria-selectedand panelaria-hiddenin sync as panels are switched. -
Content selector top navigation now shows a subtle muted underline on inactive items to match the start navigation style.
-
Side navigation now shows the active link underline when
aria-current="page"is set. -
Fix case where List doesn't work when using slot