Gutenberg 23.2 Released with Responsive Global Block Styles and Motion Design Tokens
Add responsive global block styles with states and motion design tokens to @wordpress/theme.
Update @wordpress/theme to include motion design tokens and enable responsive global block styles with states.
Summary
Gutenberg 23.2 has been released and is available for download.
The new release introduces responsive global block styles with states, allowing block styles to be customized per tablet and mobile breakpoints.
Motion design tokens for duration and easing are added to @wordpress/theme and applied to Dialog, Modal, and Menu/DropdownMenu components.
The Modal component now renders as a bottom sheet on mobile for a touch‑friendly experience.
Shortcode‑to‑block transforms now allow the Embed block to recognize [embed] shortcodes and the Shortcode block to transform matching text.
The @wordpress/grid package receives several improvements, including a renderResizeHandle prop, edit‑mode overlay, cursor lock during resize, and resize‑runaway prevention.
Revisions accessibility is enhanced with larger diff markers, stripe patterns, tooltips, and pagination of 100 per page.
Additional updates include Content Types management refinements, a new SelectControl in @wordpress/ui, and various bug fixes and experiments.
Key changes
- Responsive global block styles with states for tablet and mobile breakpoints
- Motion design tokens for duration and easing added to @wordpress/theme and used in Dialog, Modal, Menu/DropdownMenu
- Modal now renders as a bottom sheet on mobile
- Shortcode‑to‑block transforms for Embed and Shortcode blocks
- @wordpress/grid improvements: renderResizeHandle, edit‑mode overlay, cursor lock, resize‑runaway prevention
- Revisions accessibility: larger diff markers, stripe patterns, tooltips, pagination of 100 per page
- Content Types management refinements: taxonomy visibility, auto‑filled slugs, count fields
- New SelectControl added to @wordpress/ui