v0.22.0

Puck 0.22 introduces theming, automatic CSS loading, iframe style sync controls, and more.

Puck.0.22.0.webm

This is a summary of the main new features and full changelog.

Read the full release post on our blog.

Summary

• Theming: customize the default editor UI using CSS custom properties.
• Automatic CSS loading: Puck now injects its stylesheet on demand.
• iframe.syncHostStyles: control whether Puck syncs host styles into the preview iframe.
• Root data in resolveData: access root data from resolveData.

Full changelog

Features

• add iframe.syncHostStyles prop for controlling style sync (1496ae3)
• add theming support with CSS variables (d4c8bcf)
• expose root to resolveData API (caeacf9)
• load CSS dynamically if missing (3c1f5e4)
• remove remix recipe from create-puck-app (d2c2761)

Bug Fixes

• capture first change in inline richtext field (208b221)
• don't lazy load the rich text render on every re-render (497aedf)
• show overlay portal outline only in edit mode (31c3d21)
• use aria-expanded for accessible name in component category buttons (f949417)