attributes, supports, and save are not automatically inherited from the current version, since they can impact parsing and serialization of a block, so they must be defined on the deprecated object in order to be processed during a migration.
-### Example:
+**Example**
```js
const { registerBlockType } = wp.blocks;
@@ -104,7 +104,7 @@ In the example above we updated the markup of the block to use a `div` instead o
Sometimes, you need to update the attributes set to rename or modify old attributes.
-### Example:
+**Example**
```js
@@ -155,7 +155,7 @@ In the example above we updated the markup of the block to use a `div` instead o
Situations may exist where when migrating the block we may need to add or remove innerBlocks.
E.g: a block wants to migrate a title attribute to a paragraph innerBlock.
-### Example:
+**Example**
```js
const { registerBlockType } = wp.blocks;
diff --git a/docs/reference-guides/block-api/block-metadata.md b/docs/reference-guides/block-api/block-metadata.md
index 95b1107babee6..1b0925513b3a8 100644
--- a/docs/reference-guides/block-api/block-metadata.md
+++ b/docs/reference-guides/block-api/block-metadata.md
@@ -543,7 +543,7 @@ Block type frontend script module definition. They will be enqueued only when vi
It's possible to pass a script module ID registered with the [`wp_register_script_module`](https://developer.wordpress.org/reference/functions/wp_register_script_module/) function, a path to a JavaScript module relative to the `block.json` file, or a list with a mix of both ([learn more](#wpdefinedasset)).
-WordPress scripts and WordPress script modules are not compatible at the moment. If frontend view assets depend on WordPress scripts, `viewScript` should be used. If they depend on WordPress script modules —the Interactivity API at this time— `viewScriptModule` should be used. In the future, it will be possible to depend on scripts from script modules.
+WordPress scripts and WordPress script modules are not compatible at the moment. If frontend view assets depend on WordPress scripts, `viewScript` should be used. If they depend on WordPress script modules —the Interactivity API at this time— `viewScriptModule` should be used. [More functionality](https://core.trac.wordpress.org/ticket/60647) will gradually become available to Script Modules.
_Note: Available since WordPress `6.5.0`._
diff --git a/docs/reference-guides/core-blocks.md b/docs/reference-guides/core-blocks.md
index 1c0351c77fa1e..c08869db34b48 100644
--- a/docs/reference-guides/core-blocks.md
+++ b/docs/reference-guides/core-blocks.md
@@ -51,7 +51,7 @@ Prompt visitors to take action with a button-style link. ([Source](https://githu
- **Name:** core/button
- **Category:** design
- **Parent:** core/buttons
-- **Supports:** anchor, color (background, gradients, text), interactivity (clientNavigation), shadow (), spacing (padding), typography (fontSize, lineHeight), ~~alignWide~~, ~~align~~, ~~reusable~~
+- **Supports:** anchor, color (background, gradients, text), interactivity (clientNavigation), shadow (), spacing (padding), splitting, typography (fontSize, lineHeight), ~~alignWide~~, ~~align~~, ~~reusable~~
- **Attributes:** backgroundColor, gradient, linkTarget, placeholder, rel, tagName, text, textAlign, textColor, title, type, url, width
## Buttons
@@ -359,7 +359,7 @@ Introduce new sections and organize content to help visitors (and search engines
- **Name:** core/heading
- **Category:** text
-- **Supports:** __unstablePasteTextInline, align (full, wide), anchor, className, color (background, gradients, link, text), interactivity (clientNavigation), spacing (margin, padding), typography (fontSize, lineHeight)
+- **Supports:** __unstablePasteTextInline, align (full, wide), anchor, className, color (background, gradients, link, text), interactivity (clientNavigation), spacing (margin, padding), splitting, typography (fontSize, lineHeight)
- **Attributes:** content, level, placeholder, textAlign
## Home Link
@@ -426,7 +426,7 @@ Create a list item. ([Source](https://github.com/WordPress/gutenberg/tree/trunk/
- **Category:** text
- **Parent:** core/list
- **Allowed Blocks:** core/list
-- **Supports:** interactivity (clientNavigation), spacing (margin, padding), typography (fontSize, lineHeight), ~~className~~
+- **Supports:** interactivity (clientNavigation), spacing (margin, padding), splitting, typography (fontSize, lineHeight), ~~className~~
- **Attributes:** content, placeholder
## Login/out
@@ -531,7 +531,7 @@ Start with the basic building block of all narrative. ([Source](https://github.c
- **Name:** core/paragraph
- **Category:** text
-- **Supports:** __unstablePasteTextInline, anchor, color (background, gradients, link, text), interactivity (clientNavigation), spacing (margin, padding), typography (fontSize, lineHeight), ~~className~~
+- **Supports:** __unstablePasteTextInline, anchor, color (background, gradients, link, text), interactivity (clientNavigation), spacing (margin, padding), splitting, typography (fontSize, lineHeight), ~~className~~
- **Attributes:** align, content, direction, dropCap, placeholder
## Pattern placeholder
diff --git a/docs/reference-guides/data/data-core-keyboard-shortcuts.md b/docs/reference-guides/data/data-core-keyboard-shortcuts.md
index 613c5e009e8b0..d7d5cf853f786 100644
--- a/docs/reference-guides/data/data-core-keyboard-shortcuts.md
+++ b/docs/reference-guides/data/data-core-keyboard-shortcuts.md
@@ -22,7 +22,7 @@ const ExampleComponent = () => {
const allShortcutKeyCombinations = useSelect(
( select ) =>
select( keyboardShortcutsStore ).getAllShortcutKeyCombinations(
- 'core/edit-post/next-region'
+ 'core/editor/next-region'
),
[]
);
@@ -77,7 +77,7 @@ const ExampleComponent = () => {
const allShortcutRawKeyCombinations = useSelect(
( select ) =>
select( keyboardShortcutsStore ).getAllShortcutRawKeyCombinations(
- 'core/edit-post/next-region'
+ 'core/editor/next-region'
),
[]
);
@@ -168,7 +168,7 @@ const ExampleComponent = () => {
const shortcutAliases = useSelect(
( select ) =>
select( keyboardShortcutsStore ).getShortcutAliases(
- 'core/edit-post/next-region'
+ 'core/editor/next-region'
),
[]
);
@@ -219,7 +219,7 @@ const ExampleComponent = () => {
const shortcutDescription = useSelect(
( select ) =>
select( keyboardShortcutsStore ).getShortcutDescription(
- 'core/edit-post/next-region'
+ 'core/editor/next-region'
),
[]
);
@@ -256,7 +256,7 @@ const ExampleComponent = () => {
const { character, modifier } = useSelect(
( select ) =>
select( keyboardShortcutsStore ).getShortcutKeyCombination(
- 'core/edit-post/next-region'
+ 'core/editor/next-region'
),
[]
);
@@ -302,16 +302,16 @@ const ExampleComponent = () => {
const { display, raw, ariaLabel } = useSelect( ( select ) => {
return {
display: select( keyboardShortcutsStore ).getShortcutRepresentation(
- 'core/edit-post/next-region'
+ 'core/editor/next-region'
),
raw: select( keyboardShortcutsStore ).getShortcutRepresentation(
- 'core/edit-post/next-region',
+ 'core/editor/next-region',
'raw'
),
ariaLabel: select(
keyboardShortcutsStore
).getShortcutRepresentation(
- 'core/edit-post/next-region',
+ 'core/editor/next-region',
'ariaLabel'
),
};
@@ -410,13 +410,13 @@ const ExampleComponent = () => {
const { unregisterShortcut } = useDispatch( keyboardShortcutsStore );
useEffect( () => {
- unregisterShortcut( 'core/edit-post/next-region' );
+ unregisterShortcut( 'core/editor/next-region' );
}, [] );
const shortcut = useSelect(
( select ) =>
select( keyboardShortcutsStore ).getShortcutKeyCombination(
- 'core/edit-post/next-region'
+ 'core/editor/next-region'
),
[]
);
diff --git a/docs/reference-guides/data/data-core.md b/docs/reference-guides/data/data-core.md
index b80703dcc67b1..88db705f23f12 100644
--- a/docs/reference-guides/data/data-core.md
+++ b/docs/reference-guides/data/data-core.md
@@ -150,7 +150,7 @@ _Parameters_
_Returns_
-- `undefined< 'edit' >`: Current user object.
+- `ET.User< 'edit' >`: Current user object.
### getDefaultTemplateId
@@ -178,7 +178,7 @@ _Parameters_
_Returns_
-- `undefined< EntityRecord > | undefined`: The entity record, merged with its edits.
+- `ET.Updatable< EntityRecord > | false`: The entity record, merged with its edits.
### getEmbedPreview
@@ -504,7 +504,7 @@ _Parameters_
_Returns_
-- `undefined< 'edit' >[]`: Users list.
+- `ET.User< 'edit' >[]`: Users list.
### hasEditsForEntityRecord
diff --git a/docs/reference-guides/interactivity-api/README.md b/docs/reference-guides/interactivity-api/README.md
new file mode 100644
index 0000000000000..1401c7f9bfecc
--- /dev/null
+++ b/docs/reference-guides/interactivity-api/README.md
@@ -0,0 +1,98 @@
+# Interactivity API Reference
+
+The Interactivity API, [introduced in WordPress 6.5](https://make.wordpress.org/core/2024/02/19/merge-announcement-interactivity-api/), provides a standard way for developers to add interactions to the front end of their blocks. The API is also used in many Core WordPress blocks, including Search, Query, Navigation, and File.
+
+This standard makes it easier for developers to create rich, interactive user experiences, from simple counters or pop-ups to more complex features like instant page navigation, instant search, shopping carts, or checkouts.
+
+Blocks can share data, actions, and callbacks between them. This makes communication between blocks simpler and less error-prone. For example, clicking on an “add to cart” block can seamlessly update a separate “cart” block.
+
+For more information about the genesis of the Interactivity API, check out the [original proposal](https://make.wordpress.org/core/2023/03/30/proposal-the-interactivity-api-a-better-developer-experience-in-building-interactive-blocks/). You can also review the [merge announcement](https://make.wordpress.org/core/2024/02/19/merge-announcement-interactivity-api/), the [status update post](https://make.wordpress.org/core/2023/08/15/status-update-on-the-interactivity-api/), and the official [Trac ticket](https://core.trac.wordpress.org/ticket/60356).
+
+
+ The Interactivity API is supported by the package
+
+## Navigating the Interactivity API docs
+
+Use the following links to locate the topic you're interested in. If you have never worked with the Interactivity API before, consider reading through the following resources in the order listed.
+
+- **[Requirements](#requirements-of-the-interactivity-api):** Check this section before you start creating your interactive blocks with the Interactivity API.
+- **[Quick Start Guide](https://developer.wordpress.org/block-editor/reference-guides/interactivity-api/iapi-quick-start-guide/):** Get a custom block using the Interactivity API up and running in less than one minute.
+- **[Tutorial: A first look at the Interactivity API](https://developer.wordpress.org/news/2024/04/11/a-first-look-at-the-interactivity-api/)** This article from the [WordPress Developer Blog](https://developer.wordpress.org/news/) is a great way to get introduced to the Interactivity API.
+- **[API Reference](https://developer.wordpress.org/block-editor/reference-guides/interactivity-api/api-reference/):** To take a deep dive into how the API works internally, the list of Directives, and how the Store works.
+- **[Docs and Examples](#docs-examples):** Additional resources to learn/read more about the Interactivity API.
+
+To get a deeper understanding of what the Interactivity API is or find answers to questions you may have about this standard, check the following resources:
+
+- **[About the Interactivity API](https://developer.wordpress.org/block-editor/reference-guides/interactivity-api/iapi-about/):** To learn more about the API Goals and the reasoning behind the use of a standard to add interactivity to blocks.
+- **[Frequently Asked Questions](https://developer.wordpress.org/block-editor/reference-guides/interactivity-api/iapi-faq/):** To find responses to some frequently asked questions about the technology behind and alternatives.
+
+
+## Requirements of the Interactivity API
+
+Interactivity API is included in Core in WordPress 6.5. For versions below, you'll need Gutenberg 17.5 or higher installed and activated in your WordPress installation.
+
+It’s also important to highlight that the block creation workflow doesn’t change, and all the [prerequisites](https://developer.wordpress.org/block-editor/getting-started/devenv/) remain the same. These include:
+
+- [Code Editor](https://developer.wordpress.org/block-editor/getting-started/devenv/#code-editor)
+- [Node.js development tools](https://developer.wordpress.org/block-editor/getting-started/devenv/#node-js-development-tools)
+- [Local WordPress environment (site)](https://developer.wordpress.org/block-editor/getting-started/devenv/#local-wordpress-environment)
+
+You can start creating interactions once you set up a block development environment and run WordPress 6.5+ (or Gutenberg 17.5+).
+
+### Code requirements
+
+#### Add `interactivity` support to `block.json`
+
+To indicate that the block [supports](https://developer.wordpress.org/block-editor/reference-guides/block-api/block-supports/) the Interactivity API features, add `"interactivity": true` to the `supports` attribute of the block's `block.json` file.
+
+```json
+// block.json
+"supports": {
+ "interactivity": true
+},
+```
+
+Refer to the [`interactivity` support property docs](https://developer.wordpress.org/block-editor/reference-guides/block-api/block-supports/#interactivity) to get a more detailed description of this property.
+
+#### Load Interactivity API Javascript code with `viewScriptModule`
+
+The Interactivity API provides the `@wordpress/interactivity` Script Module. JavaScript using the Interactivity API should be implemented as Script Modules so they can depend on `@wordpress/interactivity`. [Script Modules have been available since WordPress 6.5](https://make.wordpress.org/core/2024/03/04/script-modules-in-6-5/). Blocks can use [`viewScriptModule` block metadata](https://developer.wordpress.org/block-editor/reference-guides/block-api/block-metadata/#view-script-module) to enqueue their Script Modules easily:
+
+```json
+// block.json
+{
+ ...
+ "viewScriptModule": "file:./view.js"
+}
+```
+
+#### Add `wp-interactive` directive to a DOM element
+
+To "activate" the Interactivity API in a DOM element (and its children), add the [`wp-interactive`](https://developer.wordpress.org/block-editor/reference-guides/packages/packages-interactivity/packages-interactivity-api-reference/#wp-interactive) directive to the DOM element in the block's `render.php` or `save.js` files.
+
+
+
+```html
+@wordpress/interactivity which is bundled in WordPress Core from v6.5
+
+
+
+```
+
+Refer to the [`wp-interactive` documentation](https://developer.wordpress.org/block-editor/reference-guides/interactivity-api/api-reference/#wp-interactive) for a more detailed description of this directive.
+
+## Docs & Examples
+
+Here you have some more resources to learn/read more about the Interactivity API:
+
+- [WordPress 6.5 Dev Note](https://make.wordpress.org/core/2024/03/04/interactivity-api-dev-note/)
+- [Merge announcement](https://make.wordpress.org/core/2024/02/19/merge-announcement-interactivity-api/)
+- [Proposal: The Interactivity API – A better developer experience in building interactive blocks](https://make.wordpress.org/core/2023/03/30/proposal-the-interactivity-api-a-better-developer-experience-in-building-interactive-blocks/)
+- [Interactivity API Discussions](https://github.com/WordPress/gutenberg/discussions/52882)
+- Developer Hours sessions ([Americas](https://www.youtube.com/watch?v=RXNoyP2ZiS8&t=664s) & [APAC/EMEA](https://www.youtube.com/watch?v=6ghbrhyAcvA))
+- [wpmovies.dev](http://wpmovies.dev/) demo and its [wp-movies-demo](https://github.com/WordPress/wp-movies-demo) repo
+
+
+ There's a Tracking Issue opened to ease the coordination of the work related to the Interactivity API Docs: Documentation for the Interactivity API - Tracking Issue #53296
+
+
diff --git a/packages/interactivity/docs/api-reference.md b/docs/reference-guides/interactivity-api/api-reference.md
similarity index 100%
rename from packages/interactivity/docs/api-reference.md
rename to docs/reference-guides/interactivity-api/api-reference.md
diff --git a/docs/reference-guides/interactivity-api/iapi-about.md b/docs/reference-guides/interactivity-api/iapi-about.md
new file mode 100644
index 0000000000000..f09ef77e6211b
--- /dev/null
+++ b/docs/reference-guides/interactivity-api/iapi-about.md
@@ -0,0 +1,197 @@
+# About the Interactivity API
+
+The Interactivity API is **a [standard](#why-a-standard) system of [directives](#why-directives), based on declarative code, for [adding frontend interactivity to blocks](#api-goals)**.
+
+**Directives extend HTML with special attributes** that tell the Interactivity API to attach a specified behavior to a DOM element or even to transform it. For those familiar with [Alpine.js](https://alpinejs.dev/), it’s a similar approach but explicitly designed to work seamlessly with WordPress.
+
+## API Goals
+
+The main goal of the Interactivity API is to **provide a standard and simple way to handle the frontend interactivity of Gutenberg blocks**.
+
+A standard makes it **easier for developers to create rich, interactive user experiences**, from simple cases like counters or popups to more complex features like instant page navigation, instant search, or carts and checkouts.
+
+All these user experiences are technically possible right now without the Interactivity API. However, the more complex the user experience and the more blocks interact with each other, the harder it becomes for developers to build and maintain sites. There are a lot of challenges they have to figure out themselves. The API aims to provide out-of-the-box means for supporting these kinds of interactions.
+
+To address this challenge the following requirements/goals for the Interactivity API were defined:
+
+- **Block-first and PHP-first**: The API must work well with PHP and the current block system, including dynamic blocks, widely extended in WordPress. It must support server-side rendering. Server-rendered HTML and client-hydrated HTML must be exactly the same. This is important for SEO and the user experience.
+- **Backward compatible**: The API must be compatible with WordPress hooks, which could, for example, modify server-rendered HTML. It must also be compatible with internationalization and existing JS libraries on the site (such as jQuery).
+- **Optional and gradual adoption**: Related to the previous point, the API must remain optional. It should be possible to adopt it gradually, meaning that interactive blocks not using this API can coexist with those using it.
+- **Declarative and reactive**: The API must use declarative code, listen to changes in the data, and update only the parts of the DOM that depend on that data.
+- **Performant**: The runtime must be fast and lightweight to ensure the best user experience.
+- **Extensible**: In the same way WordPress focuses on extensibility, this new system must provide extensibility patterns to cover most use cases.
+- **Atomic and composable**: Having small reusable parts that can be combined to create more complex systems is required to create flexible and scalable solutions.
+- **Compatible with the existing block development tooling**: The API must be integrated with the existing block-building tools without requiring additional tooling or configuration by the developer.
+
+Apart from all these requirements, integrating **client-side navigation** on top of any solution should be easy and performant. Client-side navigation is the process of navigating between site pages without reloading the entire page, which is one of the most impressive user experiences demanded by web developers. For that reason, this functionality should be compatible with this new system.
+
+## Why directives?
+
+Directives are the result of deep [research into different possibilities and approaches](https://developer.wordpress.org/block-editor/reference-guides/interactivity-api/iapi-faq/#what-approaches-have-been-considered-instead-of-using-directives). We’ve found that this design covers the requirements most effectively.
+
+### Block-first and PHP-friendly
+
+The API is designed for the world of blocks and takes WordPress history of being closely attached to web standards to heart.
+
+As directives are HTML attributes, they are perfect for dynamic blocks and PHP.
+
+_Dynamic block example_
+```html
+ false ) ); ?>
+ data-wp-watch="callbacks.logIsOpen"
+>
+
+
+
+```
+
+As you can see, directives like `data-wp-on--click` or `data-wp-show` are added as custom HTML attributes. WordPress can process this HTML on the server, handling the directives’ logic and creating the appropriate markup.
+
+### Backward compatible
+
+As the Interactivity API works perfectly with server-side rendering, you can use all the WordPress APIs, including:
+
+- **WordPress filters and actions**: You can keep using WordPress hooks to modify the HTML or even to modify directives. Additionally, existing hooks will keep working as expected.
+- **Core Translation API**: e.g. `__()` and `_e()`. You can use it to translate the text in the HTML (as you normally would) and even use those APIs on the server side of your directives.
+
+### Optional and gradual adoption
+
+The Interactivity API pipeline promotes **progressive enhancement** by building on top of WordPress’s solid foundation and patterns.
+
+For example, blocks with directives can coexist with other (interactive or non-interactive) blocks. This means that if there are other blocks on the page using other frameworks like jQuery, everything will work as expected.
+
++ This element is now visible! +
+
+ Full-page client-side navigation with the Interactivity API will be an exception to this compatibility with other libraries rule. See Client-side navigation for more details.
+
+
+### Declarative and reactive
+
+The Interactivity API follows an approach similar to other popular JS frameworks by separating state, actions, and callbacks and defining them declaratively. Why declaratively?
+
+Declarative code describes **what** a program should do, while imperative code describes **how** the program should do it. Using a declarative approach, the UI automatically updates in response to changes in the underlying data. With an imperative approach, you must manually update the UI whenever the data changes. Compare the two code examples:
+
+_Imperative code_
+
+```html
+
+This element is now visible!
+ +``` + +_Declarative code_ + +This is the same use case shared above but serves as an example of declarative code using this new system. The JavaScript logic is defined in the `view.js` file of the block, and add the directives to the markup in the `render.php`. + +```js +// view.js file + +import { store, getContext } from "@wordpress/interactivity"; + +store( 'wpmovies', { + actions: { + toggle: () => { + const context = getContext(); + context.isOpen = !context.isOpen; + }, + }, +}); +``` + +```php + + + true ) ); ?>
+>
+
+
+
+```
+
+Using imperative code may be easier when creating simple user experiences, but it becomes much more difficult as applications become more complex. The Interactivity API must cover all use cases, from the simplest to the most challenging. That’s why a declarative approach using directives better fits the Interactivity API.
+
+### Performant
+
+The API has been designed to be as performant as possible:
+
+- **The runtime code needed for the directives is just ~10 KB**, and it only needs to be loaded once for all the blocks.
+- **The scripts will load without blocking the page rendering**.
+
+### Extensible
+
+Directives can be added, removed, or modified directly from the HTML. For example, users could use the [`render_block` filter](https://developer.wordpress.org/reference/hooks/render_block/) to modify the HTML and its behavior.
+
+In addition to using built-in directives, users can create custom directives to add any custom behaviors to their HTML.
+
+### Atomic and composable
+
+Each directive controls a small part of the DOM, and you can combine multiple directives to create rich, interactive user experiences.
+
+### Compatible with the existing block development tooling
+
+Using built-in directives does not require a build step and only requires a small runtime. A build step is necessary only when creating custom directives that return JSX. For such use cases, the API works out of the box with common block-building tools like [`wp-scripts`](https://developer.wordpress.org/block-editor/reference-guides/packages/packages-scripts/).
+
+### Client-side navigation
+
+The Interactivity API comes with built-in primitives for adding client-side navigation to your site. This functionality is completely optional, but it opens the possibility to create these user experiences without having to opt out of the WordPress rendering system.
+
++ This element is now visible! +
+
+ Full-page client-side navigation with the Interactivity API is still a work in progress (see #60951). Still, it is expected that all the interactive blocks will have to use the Interactivity API to enable full-page client-side navigation with the Interactivity API. Only in this case, the Interactivity API won't be fully compatible with other libraries (such as jQuery).
+
+
+It also pairs very well with the [View Transitions API](https://developer.chrome.com/docs/web-platform/view-transitions/) allowing developers to animate page transitions easily.
+
+## Why a standard?
+
+Blocks using the Interactivity API and interactive blocks using other approaches like jQuery can coexist, and everything will work as expected. However, the Interactivity API comes with some benefits for your interactive blocks:
+
+- **Blocks can communicate with each other easily**. With a standard, this communication is handled by default. When different blocks use different approaches to frontend interactivity, inter-block communication becomes more complex and almost impossible when different developers create blocks.
+- **Composability and compatibility**: You can combine interactive blocks, and nest them in structures with defined behaviors. Thanks to following the same standard, they are fully cross-compatible. If each block used a different approach to interactivity, they would likely break.
+- **Fewer KBs will be sent to the browser**. If each plugin author uses a different JS framework, more code will be loaded in the front end. If all the blocks use the same one, the code is reused.
+- If all the blocks on a page use this standard, **site-wide features like client-side navigation can be enabled**.
+
+Additionally, with a standard, **WordPress can absorb the maximum amount of complexity from the developer** because it will handle most of what’s needed to create an interactive block.
+
+_Complexities absorbed by the standard_
+
+
+
+
+With this absorption, less knowledge is required to create interactive blocks, and developers have fewer decisions to worry about.
+
+By adopting a standard, learning from other interactive blocks is simpler, and fosters collaboration and code reusability. As a result, the development process is leanier and friendlier to less experienced developers.
+
diff --git a/docs/reference-guides/interactivity-api/iapi-faq.md b/docs/reference-guides/interactivity-api/iapi-faq.md
new file mode 100644
index 0000000000000..2e0e0ce4da430
--- /dev/null
+++ b/docs/reference-guides/interactivity-api/iapi-faq.md
@@ -0,0 +1,128 @@
+# Frequently Asked Questions
+
+## How does the Interactivity API work under the hood?
+
+Its three main components are:
+
+- [Preact](https://preactjs.com/) combined with [Preact Signals](https://preactjs.com/guide/v10/signals/) for hydration, client logic, and client-side navigation.
+- HTML Directives that can be understood by both the client and server.
+- Server-side logic, handled by the [HTML_Tag_Processor](https://make.wordpress.org/core/2023/03/07/introducing-the-html-api-in-wordpress-6-2/).
+
+## Why Preact to build the directives system? Why not React or another JavaScript framework?
+
+Preact has a number of advantages over React and other JavaScript frameworks like Vue, Svelte, or Solid in the context of the frontend (which is the focus of the Interactivity API):
+
+- It’s small: 8kB, including [hooks](https://preactjs.com/guide/v10/hooks/) and [signals](https://preactjs.com/blog/introducing-signals/).
+- It gives us DOM diffing out of the box.
+- It’s extremely extensible through their Option Hooks. They use that extensibility for the hooks (preact/hooks), compatibility with React (preact/compat) and their signals (@preact/signals). Basically, everything but the DOM diffing algorithm.
+- Its core team has been great and very helpful. They are also interested in enhancing this “island-based” usage of Preact.
+
+## Is Gutenberg going to move from React to Preact since the Interactivity API uses it?
+
+No. At the moment, there are no plans to make that transition. The requirements and advantages of the editor, as a fully interactive application, are quite different. Preact does have a [`@preact/compat`](https://preactjs.com/guide/v10/switching-to-preact/) package that enables full compatibility with the React ecosystem, and many large web applications use it. However, using Preact in the block editor would not offer advantages like it does on the frontend in the Interactivity API.
+
+## What approaches have been considered instead of using directives?
+
+Many alternative approaches were considered. Here’s a brief summary of some of them:
+
+### React and other JavaScript frameworks
+
+React was considered first because Gutenberg developers are familiar with it. Other popular JS frameworks like Svelte, Vue.js, or Angular were also considered, but none of them (including React) are PHP-friendly or compatible with WordPress hooks or internationalization.
+
+### Alpine.js
+
+Alpine.js is a great framework, and it inspired a lot of functionality in the Interactivity API. However, it doesn’t support server-side rendering of its [directives](https://github.com/alpinejs/alpine/tree/d7f9d641f7a763c56c598d118bd189a406a22383/packages/docs/src/en/directives), and having a similar system tailored for WordPress blocks has many benefits.
+
+### Plain JavaScript
+
+See the answer below.
+
+### Template DSL
+
+The possibility of creating a [DSL](https://en.wikipedia.org/wiki/Domain-specific_language) for writing interactive templates was also researched. The code written in that Template DSL would then be compiled into both JavaScript and PHP. However, creating a production-grade Template compiler is complex and would be a large and risky investment of effort. This approach is still being considered for the future, with the directives serving as a compilation target.
+
+## Why should I, as a block developer, use the Interactivity API rather than React?
+
+Using React on the frontend doesn’t work smoothly with server rendering in PHP. Every approach that uses React to render blocks has to load content using client-side JavaScript. If you only render your blocks on the client, it typically results in a poor user experience because the user stares at empty placeholders and spinners while waiting for content to load.
+
+Using JS in PHP extensions (like v8js) is also possible, but unfortunately PHP extensions are not backward compatible and can only be used when there's a PHP fallback.
+
+Now, it’s possible to server-render a block in PHP **and** use React to render the same block on the frontend. However, this results in a poor developer experience because the logic has to be duplicated across the PHP and React parts. Not only that, but you have now exposed yourself to subtle bugs caused by WordPress hooks!
+
+Imagine installing a third-party plugin with a hook (filter) that modifies the server-rendered HTML. Let’s say this filter adds a single CSS class to your block’s HTML. That CSS class will be present in the server-rendered markup. On the frontend, your block will render again in React, but now the content will not include that CSS class because there is no way to apply WordPress hooks to React-rendered content!
+
+On the other hand, the Interactivity API is designed to work perfectly with WordPress hooks because directives enhance the server-rendered HTML with behaviors. This also means it works out of the box with WordPress backend APIs like i18n.
+
+To summarize, using the Interactivity API rather than just using React comes with these benefits:
+
+- If you use React, your interactive blocks must generate the same markup on the client as they do on the server in PHP. Using the Interactivity API, there is no such requirement as directives are added to server-rendered HTML.
+- The Interactivity API is PHP-friendlier. It works out of the box with WordPress hooks or other server functionalities such as internationalization. For example, with React, you can’t know which hooks are applied on the server, and their modifications would be overwritten after hydration.
+- All the benefits of [using a standard](https://developer.wordpress.org/block-editor/reference-guides/interactivity-api/what-is-interactivity-api#why-a-standard).
+
+
+## What are the benefits of Interactivity API over just using jQuery or vanilla JavaScript?
+
+The main difference is that the Interactivity API is **declarative and reactive**, so writing and maintaining complex interactive experiences should become way easier. Additionally, it has been **specially designed to work with blocks**, providing a standard that comes with the benefits mentioned above, like inter-block communication, compatibility, or site-wide features such as client-side navigation.
+
+Finally, comparing it with jQuery, **the Interactivity API runtime is ~10kb**, which is much more lightweight. Actually, there is an ongoing effort to remove heavy frameworks like jQuery across the WordPress ecosystem, and this would help in this regard.
+
+## Do I need to know React, PHP, and this Interactivity API?
+
+If you want to add frontend interactivity to your blocks using this API, the short answer is yes. If your block is not interactive, the block creation workflow will remain exactly the same.
+
+The Interactivity API introduces a new standard method to facilitate the integration of interactive behaviors into the frontend part of WordPress. This means that you still need to use React to handle the editor part of your blocks.
+
+On the other hand, if you want to create an interactive block, with the Interactivity API you don’t have to deal with complex topics like tooling, integration with WordPress, inter-block communication, or the server-side rendering of the interactive parts.
+
+## Can the Interactivity API be used beyond a block?
+
+Absolutely, yes, it is not limited to blocks. You'll see a lot of mentions of how the Interactivity API provides a standard for creating interactive blocks, but that's only because that's the most common use case. More generally speaking, the Interactivity API standard can be used to add "interactive behaviors" to the front end of any part of WordPress.
+
+See the [`wp_interactivity_process_directives` function](https://developer.wordpress.org/reference/functions/wp_interactivity_process_directives/) for details on using the Interactivity API outside of blocks with arbitrary HTML.
+
+## Does this mean I must migrate all my interactive blocks to use this API?
+
+No. Blocks outside the Interactivity API can coexist with blocks using it. However, as explained above, keep in mind that there are some benefits for blocks that use the API:
+
+- **Blocks can communicate with each other easily**. With a standard, this communication is handled by default. When different blocks use different approaches to frontend interactivity, inter-block communication becomes more complex and gets almost impossible when separate developers create blocks.
+- **Composability and compatibility**: You can combine interactive blocks, nest them in structures with defined behaviors, and, thanks to following the same standard, they are fully cross-compatible. If each block were to use a different approach to interactivity, they would likely break.
+- **Fewer KBs will be sent to the browser**. If each plugin author uses a different JS framework, more code will be loaded in the frontend. If all the blocks use the same one, the code is reused.
+- If all the blocks on a page use this standard, site-wide features like client-side navigation can be enabled.
+
+## What are the performance implications of using this API? Is it worth loading the Interactivity API for very simple use cases?
+
+The API has been designed with performance in mind, so it shouldn’t be a problem:
+
+- **The runtime code needed for the directives is just ~10 KB**, and it only needs to be loaded once for all the blocks.
+- **All the script modules that belong to the Interactivity API (including the `view.js` files) will load without blocking the page rendering.**
+- There are [ongoing explorations](https://github.com/WordPress/gutenberg/discussions/52723) about the possibility of **delaying the scripts loading once the block is in the viewport**. This way, the initial load would be optimized without affecting the user experience.
+
+## Does it work with the Core Translation API?
+
+As the Interactivity API works perfectly with server-side rendering, you can use all the WordPress APIs including [`__()`](https://developer.wordpress.org/reference/functions/__/) and [`_e()`](https://developer.wordpress.org/reference/functions/_e/). You can use it to translate the text in the HTML (as you normally would) and even use it inside the store when using `wp_initial_state()` on the server side. It might look something like this:
+
+```php
+// render.php
+wp_interactivity_state( 'favoriteMovies', array(
+ "1" => array(
+ "id" => "123-abc",
+ "movieName" => __("someMovieName", "textdomain")
+ ),
+) );
+```
+
+A translation API compatible with script modules (needed for the Interactivity API) is
+currently being worked on. Check [#60234](https://core.trac.wordpress.org/ticket/60234) to follow the progress on this work.
+
+## I’m concerned about XSS; can JavaScript be injected into directives?
+
+No. The Interactivity API only allows for [References](https://developer.wordpress.org/block-editor/reference-guides/interactivity-api/api-reference/#values-of-directives-are-references-to-store-properties) to be passed as values to the directives. This way, there is no need to eval() full JavaScript expressions, so it’s not possible to perform XSS attacks.
+
+## Does this work with Custom Security Policies?
+
+Yes. The Interactivity API does not use [`eval()`](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/eval) or the [`Function()`](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Function/Function) constructor, so it doesn’t violate the [`unsafe-eval`](https://developer.mozilla.org/en-US/docs/Web/HTTP/Headers/Content-Security-Policy#unsafe_keyword_values) content security policy. It is also designed to work with any [custom content security policy](https://developer.wordpress.org/apis/security/).
+
+## Can you use directives to make AJAX/REST-API requests?
+
+Sure. Actions and callbacks called by directives can do anything a JavaScript function can, including making API requests.
+
diff --git a/docs/reference-guides/interactivity-api/iapi-quick-start-guide.md b/docs/reference-guides/interactivity-api/iapi-quick-start-guide.md
new file mode 100644
index 0000000000000..496ad3015ca06
--- /dev/null
+++ b/docs/reference-guides/interactivity-api/iapi-quick-start-guide.md
@@ -0,0 +1,41 @@
+# Quick start guide
+
+This guide will help you build a basic block that demonstrates the Interactivity API in WordPress.
+
+## Scaffold an interactive block
+
+Start by ensuring you have Node.js and `npm` installed on your computer. Review the [Node.js development environment](https://developer.wordpress.org/block-editor/getting-started/devenv/nodejs-development-environment/) guide if not.
+
+Next, use the [`@wordpress/create-block`](https://developer.wordpress.org/block-editor/reference-guides/packages/packages-create-block/) package and the [`@wordpress/create-block-interactive-template`](https://www.npmjs.com/package/@wordpress/create-block-interactive-template) template to scaffold the complete “My First Interactive Block” plugin.
+
+Choose the folder where you want to create the plugin, and then execute the following command in the terminal from within that folder:
+
+```
+npx @wordpress/create-block@latest my-first-interactive-block --template @wordpress/create-block-interactive-template
+```
+
+The slug provided (`my-first-interactive-block`) defines the folder name for the scaffolded plugin and the internal block name.
+
+## Basic usage
+
+With the plugin activated, you can explore how the block works. Use the following command to move into the newly created plugin folder and start the development process.
+
+```
+cd my-first-interactive-block && npm start
+```
+
+When `create-block` scaffolds the block, it installs `wp-scripts` and adds the most common scripts to the block’s `package.json` file. Refer to the [Get started with wp-scripts](https://developer.wordpress.org/block-editor/getting-started/devenv/get-started-with-wp-scripts/) article for an introduction to this package.
+
+The `npm start` command will start a development server and watch for changes in the block’s code, rebuilding the block whenever modifications are made.
+
+When you are finished making changes, run the `npm run build` command. This optimizes the block code and makes it production-ready.
+
+## View the block in action
+
+If you have a local WordPress installation already running, you can launch the commands above inside the `plugins` folder of that installation. If not, you can use [`wp-now`](https://github.com/WordPress/playground-tools/tree/trunk/packages/wp-now) to launch a WordPress site with the plugin installed by executing the following command from the plugin's folder (`my-first-interactive-block`).
+
+```
+npx @wp-now/wp-now start
+```
+
+You should be able to insert the "My First Interactive Block" block into any post and see how it behaves in the front end when published.
diff --git a/docs/reference-guides/slotfills/plugin-more-menu-item.md b/docs/reference-guides/slotfills/plugin-more-menu-item.md
index 6a53c029b10dd..b5dd211b60f3e 100644
--- a/docs/reference-guides/slotfills/plugin-more-menu-item.md
+++ b/docs/reference-guides/slotfills/plugin-more-menu-item.md
@@ -6,7 +6,7 @@ This slot will add a new item to the More Tools & Options section.
```js
import { registerPlugin } from '@wordpress/plugins';
-import { PluginMoreMenuItem } from '@wordpress/edit-post';
+import { PluginMoreMenuItem } from '@wordpress/editor';
import { image } from '@wordpress/icons';
const MyButtonMoreMenuItemTest = () => (
diff --git a/docs/reference-guides/slotfills/plugin-post-publish-panel.md b/docs/reference-guides/slotfills/plugin-post-publish-panel.md
index 59972af3505ec..c7457c2eeb4eb 100644
--- a/docs/reference-guides/slotfills/plugin-post-publish-panel.md
+++ b/docs/reference-guides/slotfills/plugin-post-publish-panel.md
@@ -6,7 +6,7 @@ This slot allows for injecting items into the bottom of the post-publish panel t
```js
import { registerPlugin } from '@wordpress/plugins';
-import { PluginPostPublishPanel } from '@wordpress/edit-post';
+import { PluginPostPublishPanel } from '@wordpress/editor';
const PluginPostPublishPanelTest = () => (
https://schemas.wp.org/trunk/theme.json.
-```
-{
- "$schema": "https://schemas.wp.org/trunk/theme.json",
- "version": 2,
- ...
-}
-```
+Theme.json schemas for each WordPress version are available at https://schemas.wp.org/wp/{{version}}/theme.json.
+For example, a schema for WordPress 5.8 is available at https://schemas.wp.org/wp/5.8/theme.json.
+See [Developing with theme.json](/docs/how-to-guides/themes/global-settings-and-styles.md#developing-with-themejson) for how to use the JSON schema in your editor.
## Settings
@@ -58,7 +55,7 @@ Please note that when using this setting, `styles.spacing.padding` should always
Settings related to borders.
| Property | Type | Default | Props |
-| --- | --- | --- |--- |
+| --- | --- | --- |--- |
| color | boolean | false | |
| radius | boolean | false | |
| style | boolean | false | |
@@ -71,7 +68,7 @@ Settings related to borders.
Settings related to shadows.
| Property | Type | Default | Props |
-| --- | --- | --- |--- |
+| --- | --- | --- |--- |
| defaultPresets | boolean | true | |
| presets | array | | name, shadow, slug |
@@ -82,7 +79,7 @@ Settings related to shadows.
Settings related to colors.
| Property | Type | Default | Props |
-| --- | --- | --- |--- |
+| --- | --- | --- |--- |
| background | boolean | true | |
| custom | boolean | true | |
| customDuotone | boolean | true | |
@@ -106,7 +103,7 @@ Settings related to colors.
Settings related to background.
| Property | Type | Default | Props |
-| --- | --- | --- |--- |
+| --- | --- | --- |--- |
| backgroundImage | boolean | false | |
| backgroundSize | boolean | false | |
@@ -117,7 +114,7 @@ Settings related to background.
Settings related to dimensions.
| Property | Type | Default | Props |
-| --- | --- | --- |--- |
+| --- | --- | --- |--- |
| aspectRatio | boolean | false | |
| minHeight | boolean | false | |
@@ -128,7 +125,7 @@ Settings related to dimensions.
Settings related to layout.
| Property | Type | Default | Props |
-| --- | --- | --- |--- |
+| --- | --- | --- |--- |
| contentSize | string | | |
| wideSize | string | | |
| allowEditing | boolean | true | |
@@ -141,7 +138,7 @@ Settings related to layout.
Settings related to the lightbox.
| Property | Type | Default | Props |
-| --- | --- | --- |--- |
+| --- | --- | --- |--- |
| enabled | boolean | | |
| allowEditing | boolean | | |
@@ -152,7 +149,7 @@ Settings related to the lightbox.
Settings related to position.
| Property | Type | Default | Props |
-| --- | --- | --- |--- |
+| --- | --- | --- |--- |
| sticky | boolean | false | |
---
@@ -162,8 +159,8 @@ Settings related to position.
Settings related to spacing.
| Property | Type | Default | Props |
-| --- | --- | --- |--- |
-| blockGap | undefined | null | |
+| --- | --- | --- |--- |
+| blockGap | boolean, null | null | |
| margin | boolean | false | |
| padding | boolean | false | |
| units | array | px,em,rem,vh,vw,% | |
@@ -178,11 +175,12 @@ Settings related to spacing.
Settings related to typography.
| Property | Type | Default | Props |
-| --- | --- | --- |--- |
+| --- | --- | --- |--- |
+| defaultFontSizes | boolean | true | |
| customFontSize | boolean | true | |
| fontStyle | boolean | true | |
| fontWeight | boolean | true | |
-| fluid | undefined | false | |
+| fluid | object, boolean | false | _{maxViewportWidth, minFontSize, minViewportWidth}_ |
| letterSpacing | boolean | true | |
| lineHeight | boolean | false | |
| textAlign | boolean | true | |
diff --git a/docs/reference-guides/theme-json-reference/theme-json-migrations.md b/docs/reference-guides/theme-json-reference/theme-json-migrations.md
index b043ca1fba52a..c304bfe39493e 100644
--- a/docs/reference-guides/theme-json-reference/theme-json-migrations.md
+++ b/docs/reference-guides/theme-json-reference/theme-json-migrations.md
@@ -1,4 +1,4 @@
-# Migrating to Newer Versions
+# Migrating Theme.json to Newer Versions
This guide documents the changes between different `theme.json` versions and how to upgrade. Using older versions will continue to be supported. Upgrading is recommended because new development will continue in the newer versions.
@@ -6,7 +6,7 @@ This guide documents the changes between different `theme.json` versions and how
Upgrading to v2 enables some new features and adjusts the naming of some old features to be more consistent with one another.
-How to migrate from v1 to v2:
+### How to migrate from v1 to v2:
1. Update `version` to `2`.
2. Rename the properties that were updated (see below) if you're using them.
@@ -63,3 +63,33 @@ Additions to styles:
### Changes to property values
The default font sizes provided by core (`settings.typography.fontSizes`) have been updated. The Normal and Huge sizes (with `normal` and `huge` slugs) have been removed from the list, and Extra Large (`x-large` slug) has been added. When the UI controls show the default values provided by core, Normal and Huge will no longer be present. However, their CSS classes and CSS Custom Properties are still enqueued to make sure existing content that uses them still works as expected.
+
+## Migrating from v2 to v3
+
+Upgrading to v3 adjusts preset defaults to be more consistent with one another.
+
+### How to migrate from v2 to v3:
+
+1. Update `version` to `3`.
+2. Configure the changed defaults (see below).
+
+### Changed defaults
+
+#### `settings.typography.defaultFontSizes`
+
+In theme.json v2, the default font sizes were only shown when theme sizes were not defined. A theme providing font sizes with the same slugs as the defaults would always override them.
+
+The default `fontSizes` slugs are: `small`, `medium`, `large`, `x-large`, and `xx-large`.
+
+The new `defaultFontSizes` option gives control over showing default font sizes and preventing those defaults from being overridden.
+
+- When set to `true` it will show the default font sizes and prevent them from being overridden by the theme.
+- When set to `false` it will hide the default font sizes and allow the theme to use the default slugs.
+
+It is `true` by default when switching to v3. This is to be consistent with how other `default*` options work such as `settings.color.defaultPalette`, but differs from the behavior in v2.
+
+In theme.json v2, the default font sizes were only shown when theme sizes were not defined. A theme providing font sizes with the same slugs as the defaults would always override the default ones.
+
+To keep behavior similar to v2 with a v3 theme.json:
+* If you do not have any `fontSizes` defined, `defaultFontSizes` can be left out or set to `true`.
+* If you have some `fontSizes` defined, set `defaultFontSizes` to `false`.
diff --git a/docs/reference-guides/theme-json-reference/theme-json-v1.md b/docs/reference-guides/theme-json-reference/theme-json-v1.md
index 3e7096ee420ef..d7c98961b053a 100644
--- a/docs/reference-guides/theme-json-reference/theme-json-v1.md
+++ b/docs/reference-guides/theme-json-reference/theme-json-v1.md
@@ -1,6 +1,24 @@
# Theme.json Version 1 Reference
-Theme.json version 2 has been released, see the [theme.json migration guide](/docs/reference-guides/theme-json-reference/theme-json-migrations.md#migrating-from-v1-to-v2) for updating to the latest version.
+> This is the specification for **version 1** of `theme.json`. This version works with WordPress 5.8 or later.
+
+
+
+Theme.json version 2 has been released with WordPress 5.9. WordPress will continue to support theme.json version 1. However new features will only be added to [new versions](/docs/reference-guides/theme-json-reference/theme-json-living.md).
+
+When you are ready to upgrade, see the [theme.json migration guide](/docs/reference-guides/theme-json-reference/theme-json-migrations.md#migrating-from-v1-to-v2) for details on updating to the latest version.
+
+
+
+This reference guide lists the settings and style properties defined in the `theme.json` schema. See the [theme.json how to guide](/docs/how-to-guides/themes/global-settings-and-styles.md) for examples and guidance on how to use the `theme.json` file in your theme.
+
+## JSON Schema
+
+The last schema for version 1 is available at `https://schemas.wp.org/wp/5.8/theme.json`.
+
+Theme.json schemas for each WordPress version are available at `https://schemas.wp.org/wp/{{version}}/theme.json`. For example a schema for WordPress 5.8 is available at `https://schemas.wp.org/wp/5.8/theme.json`.
+
+See [Developing with theme.json](/docs/how-to-guides/themes/global-settings-and-styles.md#developing-with-themejson) for how to use the JSON schema in your editor.
## Settings
diff --git a/docs/reference-guides/theme-json-reference/theme-json-v2.md b/docs/reference-guides/theme-json-reference/theme-json-v2.md
new file mode 100644
index 0000000000000..6c6e3b2894833
--- /dev/null
+++ b/docs/reference-guides/theme-json-reference/theme-json-v2.md
@@ -0,0 +1,330 @@
+# Theme.json Version 2 Reference
+
+> This is the specification for **version 2** of `theme.json`. This version works with WordPress 5.9 or later.
+
+
+
+Theme.json version 3 has been released with WordPress 6.6. WordPress will continue to support theme.json version 2. However new features will only be added to [new versions](/docs/reference-guides/theme-json-reference/theme-json-living.md).
+
+When you are ready to upgrade, see the [theme.json migration guide](/docs/reference-guides/theme-json-reference/theme-json-migrations.md#migrating-from-v2-to-v3) for details on updating to the latest version.
+
+
+
+This reference guide lists the settings and style properties defined in the `theme.json` schema. See the [theme.json how to guide](/docs/how-to-guides/themes/global-settings-and-styles.md) for examples and guidance on how to use the `theme.json` file in your theme.
+
+## JSON Schema
+
+This documentation was generated from the JSON schema for theme.json.
+
+The last schema for version 2 is available at `https://schemas.wp.org/wp/6.5/theme.json`.
+
+Theme.json schemas for each WordPress version are available at `https://schemas.wp.org/wp/{{version}}/theme.json`. For example a schema for WordPress 5.9 is available at `https://schemas.wp.org/wp/5.9/theme.json`.
+
+See [Developing with theme.json](/docs/how-to-guides/themes/global-settings-and-styles.md#developing-with-themejson) for how to use the JSON schema in your editor.
+
+## Settings
+
+### appearanceTools
+
+Setting that enables the following UI tools:
+
+- background: backgroundImage, backgroundSize
+- border: color, radius, style, width
+- color: link
+- dimensions: aspectRatio, minHeight
+- position: sticky
+- spacing: blockGap, margin, padding
+- typography: lineHeight
+
+---
+
+### useRootPaddingAwareAlignments
+
+Enables root padding (the values from `styles.spacing.padding`) to be applied to the contents of full-width blocks instead of the root block.
+
+Please note that when using this setting, `styles.spacing.padding` should always be set as an object with `top`, `right`, `bottom`, `left` values declared separately.
+
+---
+
+### border
+
+Settings related to borders.
+
+| Property | Type | Default | Props |
+| --- | --- | --- |--- |
+| color | boolean | false | |
+| radius | boolean | false | |
+| style | boolean | false | |
+| width | boolean | false | |
+
+---
+
+### shadow
+
+Settings related to shadows.
+
+| Property | Type | Default | Props |
+| --- | --- | --- |--- |
+| defaultPresets | boolean | true | |
+| presets | array | | name, shadow, slug |
+
+---
+
+### color
+
+Settings related to colors.
+
+| Property | Type | Default | Props |
+| --- | --- | --- |--- |
+| background | boolean | true | |
+| custom | boolean | true | |
+| customDuotone | boolean | true | |
+| customGradient | boolean | true | |
+| defaultDuotone | boolean | true | |
+| defaultGradients | boolean | true | |
+| defaultPalette | boolean | true | |
+| duotone | array | | colors, name, slug |
+| gradients | array | | gradient, name, slug |
+| link | boolean | false | |
+| palette | array | | color, name, slug |
+| text | boolean | true | |
+| heading | boolean | true | |
+| button | boolean | true | |
+
+---
+
+### background
+
+Settings related to background.
+
+| Property | Type | Default | Props |
+| --- | --- | --- |--- |
+| backgroundImage | boolean | false | |
+
+---
+
+### dimensions
+
+Settings related to dimensions.
+
+| Property | Type | Default | Props |
+| --- | --- | --- |--- |
+| aspectRatio | boolean | false | |
+| minHeight | boolean | false | |
+
+---
+
+### layout
+
+Settings related to layout.
+
+| Property | Type | Default | Props |
+| --- | --- | --- |--- |
+| contentSize | string | | |
+| wideSize | string | | |
+| allowEditing | boolean | true | |
+| allowCustomContentAndWideSize | boolean | true | |
+
+---
+
+### lightbox
+
+Settings related to the lightbox.
+
+| Property | Type | Default | Props |
+| --- | --- | --- |--- |
+| enabled | boolean | | |
+| allowEditing | boolean | | |
+
+---
+
+### position
+
+Settings related to position.
+
+| Property | Type | Default | Props |
+| --- | --- | --- |--- |
+| sticky | boolean | false | |
+
+---
+
+### spacing
+
+Settings related to spacing.
+
+| Property | Type | Default | Props |
+| --- | --- | --- |--- |
+| blockGap | boolean, null | null | |
+| margin | boolean | false | |
+| padding | boolean | false | |
+| units | array | px,em,rem,vh,vw,% | |
+| customSpacingSize | boolean | true | |
+| spacingSizes | array | | name, size, slug |
+| spacingScale | object | | |
+
+---
+
+### typography
+
+Settings related to typography.
+
+| Property | Type | Default | Props |
+| --- | --- | --- |--- |
+| customFontSize | boolean | true | |
+| fontStyle | boolean | true | |
+| fontWeight | boolean | true | |
+| fluid | object, boolean | false | _{maxViewportWidth, minFontSize, minViewportWidth}_ |
+| letterSpacing | boolean | true | |
+| lineHeight | boolean | false | |
+| textColumns | boolean | false | |
+| textDecoration | boolean | true | |
+| writingMode | boolean | false | |
+| textTransform | boolean | true | |
+| dropCap | boolean | true | |
+| fontSizes | array | | fluid, name, size, slug |
+| fontFamilies | array | | fontFace, fontFamily, name, slug |
+
+---
+
+### custom
+
+Generate custom CSS custom properties of the form `--wp--custom--{key}--{nested-key}: {value};`. `camelCased` keys are transformed to `kebab-case` as to follow the CSS property naming schema. Keys at different depth levels are separated by `--`, so keys should not include `--` in the name.
+
+---
+
+## Styles
+
+### border
+
+Border styles.
+
+| Property | Type | Props |
+| --- | --- |--- |
+| color | string, object | |
+| radius | string, object | |
+| style | string, object | |
+| width | string, object | |
+| top | object | color, style, width |
+| right | object | color, style, width |
+| bottom | object | color, style, width |
+| left | object | color, style, width |
+
+---
+
+### color
+
+Color styles.
+
+| Property | Type | Props |
+| --- | --- |--- |
+| background | string, object | |
+| gradient | string, object | |
+| text | string, object | |
+
+---
+
+### dimensions
+
+Dimensions styles
+
+| Property | Type | Props |
+| --- | --- |--- |
+| aspectRatio | string, object | |
+| minHeight | string, object | |
+
+---
+
+### spacing
+
+Spacing styles.
+
+| Property | Type | Props |
+| --- | --- |--- |
+| blockGap | string, object | |
+| margin | object | bottom, left, right, top |
+| padding | object | bottom, left, right, top |
+
+---
+
+### typography
+
+Typography styles.
+
+| Property | Type | Props |
+| --- | --- |--- |
+| fontFamily | string, object | |
+| fontSize | string, object | |
+| fontStyle | string, object | |
+| fontWeight | string, object | |
+| letterSpacing | string, object | |
+| lineHeight | string, object | |
+| textColumns | string | |
+| textDecoration | string, object | |
+| writingMode | string, object | |
+| textTransform | string, object | |
+
+---
+
+### filter
+
+CSS and SVG filter styles.
+
+| Property | Type | Props |
+| --- | --- |--- |
+| duotone | string, object | |
+
+---
+
+### shadow
+
+Box shadow styles.
+
+---
+
+### outline
+
+Outline styles.
+
+| Property | Type | Props |
+| --- | --- |--- |
+| color | string, object | |
+| offset | string, object | |
+| style | string, object | |
+| width | string, object | |
+
+---
+
+### css
+
+Sets custom CSS to apply styling not covered by other theme.json properties.
+
+---
+
+## customTemplates
+
+Additional metadata for custom templates defined in the templates folder.
+
+Type: `object`.
+
+| Property | Description | Type |
+| --- | --- | --- |
+| name | Filename, without extension, of the template in the templates folder. | string |
+| title | Title of the template, translatable. | string |
+| postTypes | List of post types that can use this custom template. | array |
+
+## templateParts
+
+Additional metadata for template parts defined in the parts folder.
+
+Type: `object`.
+
+| Property | Description | Type |
+| --- | --- | --- |
+| name | Filename, without extension, of the template in the parts folder. | string |
+| title | Title of the template, translatable. | string |
+| area | The area the template part is used for. Block variations for `header` and `footer` values exist and will be used when the area is set to one of those. | string |
+
+## Patterns
+
+An array of pattern slugs to be registered from the Pattern Directory.
+Type: `array`.
diff --git a/docs/toc.json b/docs/toc.json
index 94dea966cd3e0..fa80ee6c4f440 100644
--- a/docs/toc.json
+++ b/docs/toc.json
@@ -202,6 +202,22 @@
}
]
},
+ {
+ "docs/reference-guides/interactivity-api/README.md": [
+ {
+ "docs/reference-guides/interactivity-api/iapi-quick-start-guide.md": []
+ },
+ {
+ "docs/reference-guides/interactivity-api/api-reference.md": []
+ },
+ {
+ "docs/reference-guides/interactivity-api/iapi-about.md": []
+ },
+ {
+ "docs/reference-guides/interactivity-api/iapi-faq.md": []
+ }
+ ]
+ },
{
"docs/reference-guides/slotfills/README.md": [
{
@@ -240,6 +256,9 @@
{
"docs/reference-guides/theme-json-reference/theme-json-v1.md": []
},
+ {
+ "docs/reference-guides/theme-json-reference/theme-json-v2.md": []
+ },
{
"docs/reference-guides/theme-json-reference/theme-json-migrations.md": []
},
diff --git a/docs/tool/manifest.js b/docs/tool/manifest.js
index 2b799aab7983a..e830012bc5770 100644
--- a/docs/tool/manifest.js
+++ b/docs/tool/manifest.js
@@ -1,3 +1,5 @@
+/* eslint no-console: [ 'error', { allow: [ 'error' ] } ] */
+
/**
* External dependencies
*/
@@ -124,6 +126,29 @@ function generateRootManifestFromTOCItems( items, parent = null ) {
pageItems = pageItems.concat( getPackageManifest( packagePaths ) );
}
} );
+
+ const slugs = pageItems.map( ( { slug } ) => slug );
+ const duplicatedSlugs = slugs.filter(
+ ( item, idx ) => idx !== slugs.indexOf( item )
+ );
+
+ const FgRed = '\x1b[31m';
+ const Reset = '\x1b[0m';
+
+ if ( duplicatedSlugs.length > 0 ) {
+ console.error(
+ `${ FgRed } The handbook generation setup creates pages based on their slug, so each slug has to be unique. ${ Reset }`
+ );
+ console.error(
+ `${ FgRed } More info at https://github.com/WordPress/gutenberg/issues/61206#issuecomment-2085361154 ${ Reset }\n`
+ );
+ throw new Error(
+ `${ FgRed } Duplicate slugs found in the TOC: ${ duplicatedSlugs.join(
+ ', '
+ ) } ${ Reset }`
+ );
+ }
+
return pageItems;
}
diff --git a/gutenberg.php b/gutenberg.php
index 7063a0fb294a6..dc7a76c1531ba 100644
--- a/gutenberg.php
+++ b/gutenberg.php
@@ -3,9 +3,9 @@
* Plugin Name: Gutenberg
* Plugin URI: https://github.com/WordPress/gutenberg
* Description: Printing since 1440. This is the development plugin for the block editor, site editor, and other future WordPress core functionality.
- * Requires at least: 6.3
- * Requires PHP: 7.0
- * Version: 18.1.2
+ * Requires at least: 6.4
+ * Requires PHP: 7.2
+ * Version: 18.3.0-rc.1
* Author: Gutenberg Team
* Text Domain: gutenberg
*
diff --git a/lib/block-supports/background.php b/lib/block-supports/background.php
index 7095789722959..8e3c06159a120 100644
--- a/lib/block-supports/background.php
+++ b/lib/block-supports/background.php
@@ -53,10 +53,10 @@ function gutenberg_render_background_support( $block_content, $block ) {
}
$background_styles = array();
- $background_styles['backgroundSize'] = isset( $block_attributes['style']['background']['backgroundSize'] ) ? $block_attributes['style']['background']['backgroundSize'] : 'cover';
$background_styles['backgroundImage'] = isset( $block_attributes['style']['background']['backgroundImage'] ) ? $block_attributes['style']['background']['backgroundImage'] : array();
- if ( isset( $background_styles['backgroundImage']['source'] ) && 'file' === $background_styles['backgroundImage']['source'] && isset( $background_styles['backgroundImage']['url'] ) ) {
+ if ( ! empty( $background_styles['backgroundImage'] ) ) {
+ $background_styles['backgroundSize'] = isset( $block_attributes['style']['background']['backgroundSize'] ) ? $block_attributes['style']['background']['backgroundSize'] : 'cover';
$background_styles['backgroundPosition'] = isset( $block_attributes['style']['background']['backgroundPosition'] ) ? $block_attributes['style']['background']['backgroundPosition'] : null;
$background_styles['backgroundRepeat'] = isset( $block_attributes['style']['background']['backgroundRepeat'] ) ? $block_attributes['style']['background']['backgroundRepeat'] : null;
diff --git a/lib/block-supports/elements.php b/lib/block-supports/elements.php
index eefab9ceffbaf..35a41270a1980 100644
--- a/lib/block-supports/elements.php
+++ b/lib/block-supports/elements.php
@@ -5,6 +5,19 @@
* @package gutenberg
*/
+/**
+ * Update the block content with elements class names.
+ *
+ * @deprecated 6.6.0 Use `gutenberg_render_elements_class_name` instead.
+ *
+ * @param string $block_content Rendered block content.
+ * @return string Filtered block content.
+ */
+function gutenberg_render_elements_support( $block_content ) {
+ _deprecated_function( __FUNCTION__, '6.6.0', 'gutenberg_render_elements_class_name' );
+ return $block_content;
+}
+
/**
* Determines whether an elements class name should be added to the block.
*
@@ -86,11 +99,31 @@ function gutenberg_should_add_elements_class_name( $block, $options ) {
* This solves the issue of an element (e.g.: link color) being styled in both the parent and a descendant:
* we want the descendant style to take priority, and this is done by loading it after, in DOM order.
*
+ * @since 6.6.0 Element block support class and styles are generated via the `render_block_data` filter instead of `pre_render_block`
+ *
* @param array $parsed_block The parsed block.
*
* @return array The same parsed block with elements classname added if appropriate.
*/
function gutenberg_render_elements_support_styles( $parsed_block ) {
+ /*
+ * The generation of element styles and classname were moved to the
+ * `render_block_data` filter in 6.6.0 to avoid filtered attributes
+ * breaking the application of the elements CSS class.
+ *
+ * @see https://github.com/WordPress/gutenberg/pull/59535.
+ *
+ * The change in filter means, the argument types for this function
+ * have changed and require deprecating.
+ */
+ if ( is_string( $parsed_block ) ) {
+ _deprecated_argument(
+ __FUNCTION__,
+ '6.6.0',
+ __( 'Use as a `pre_render_block` filter is deprecated. Use with `render_block_data` instead.', 'gutenberg' )
+ );
+ }
+
$block_type = WP_Block_Type_Registry::get_instance()->get_registered( $parsed_block['blockName'] );
$element_block_styles = $parsed_block['attrs']['style']['elements'] ?? null;
@@ -193,8 +226,8 @@ function gutenberg_render_elements_support_styles( $parsed_block ) {
}
/**
- * Ensure the elements block support class name generated and added to
- * block attributes in the `render_block_data` filter gets applied to the
+ * Ensure the elements block support class name generated, and added to
+ * block attributes, in the `render_block_data` filter gets applied to the
* block's markup.
*
* @see gutenberg_render_elements_support_styles
@@ -215,17 +248,19 @@ function gutenberg_render_elements_class_name( $block_content, $block ) {
$tags = new WP_HTML_Tag_Processor( $block_content );
if ( $tags->next_tag() ) {
- // Ensure the elements class name set in render_block_data filter is applied in markup.
- // See `gutenberg_render_elements_support_styles`.
$tags->add_class( $matches[0] );
}
return $tags->get_updated_html();
}
-// Remove WordPress core filters to avoid rendering duplicate elements stylesheet & attaching classes twice.
+// Remove deprecated WordPress core filters.
remove_filter( 'render_block', 'wp_render_elements_support', 10, 2 );
remove_filter( 'pre_render_block', 'wp_render_elements_support_styles', 10, 2 );
+
+// Remove WordPress core filters to avoid rendering duplicate elements stylesheet & attaching classes twice.
remove_filter( 'render_block', 'wp_render_elements_class_name', 10, 2 );
+remove_filter( 'render_block_data', 'wp_render_elements_support_styles', 10, 1 );
+
add_filter( 'render_block', 'gutenberg_render_elements_class_name', 10, 2 );
-add_filter( 'render_block_data', 'gutenberg_render_elements_support_styles', 10, 2 );
+add_filter( 'render_block_data', 'gutenberg_render_elements_support_styles', 10, 1 );
diff --git a/lib/block-supports/layout.php b/lib/block-supports/layout.php
index 325505ff60359..aac62e402148a 100644
--- a/lib/block-supports/layout.php
+++ b/lib/block-supports/layout.php
@@ -573,112 +573,116 @@ function gutenberg_render_layout_support_flag( $block_content, $block ) {
return $block_content;
}
- $outer_class_names = array();
- $container_content_class = wp_unique_id( 'wp-container-content-' );
- $child_layout_declarations = array();
- $child_layout_styles = array();
-
- $self_stretch = isset( $block['attrs']['style']['layout']['selfStretch'] ) ? $block['attrs']['style']['layout']['selfStretch'] : null;
-
- if ( 'fixed' === $self_stretch && isset( $block['attrs']['style']['layout']['flexSize'] ) ) {
- $child_layout_declarations['flex-basis'] = $block['attrs']['style']['layout']['flexSize'];
- $child_layout_declarations['box-sizing'] = 'border-box';
- } elseif ( 'fill' === $self_stretch ) {
- $child_layout_declarations['flex-grow'] = '1';
- }
+ $outer_class_names = array();
- $column_start = isset( $block['attrs']['style']['layout']['columnStart'] ) ? $block['attrs']['style']['layout']['columnStart'] : null;
- $column_span = isset( $block['attrs']['style']['layout']['columnSpan'] ) ? $block['attrs']['style']['layout']['columnSpan'] : null;
- if ( $column_start && $column_span ) {
- $child_layout_declarations['grid-column'] = "$column_start / span $column_span";
- } elseif ( $column_start ) {
- $child_layout_declarations['grid-column'] = "$column_start";
- } elseif ( $column_span ) {
- $child_layout_declarations['grid-column'] = "span $column_span";
- }
+ // Child layout specific logic.
+ if ( $child_layout ) {
+ $container_content_class = wp_unique_id( 'wp-container-content-' );
+ $child_layout_declarations = array();
+ $child_layout_styles = array();
- $row_start = isset( $block['attrs']['style']['layout']['rowStart'] ) ? $block['attrs']['style']['layout']['rowStart'] : null;
- $row_span = isset( $block['attrs']['style']['layout']['rowSpan'] ) ? $block['attrs']['style']['layout']['rowSpan'] : null;
- if ( $row_start && $row_span ) {
- $child_layout_declarations['grid-row'] = "$row_start / span $row_span";
- } elseif ( $row_start ) {
- $child_layout_declarations['grid-row'] = "$row_start";
- } elseif ( $row_span ) {
- $child_layout_declarations['grid-row'] = "span $row_span";
- }
+ $self_stretch = isset( $block['attrs']['style']['layout']['selfStretch'] ) ? $block['attrs']['style']['layout']['selfStretch'] : null;
- $child_layout_styles[] = array(
- 'selector' => ".$container_content_class",
- 'declarations' => $child_layout_declarations,
- );
+ if ( 'fixed' === $self_stretch && isset( $block['attrs']['style']['layout']['flexSize'] ) ) {
+ $child_layout_declarations['flex-basis'] = $block['attrs']['style']['layout']['flexSize'];
+ $child_layout_declarations['box-sizing'] = 'border-box';
+ } elseif ( 'fill' === $self_stretch ) {
+ $child_layout_declarations['flex-grow'] = '1';
+ }
- $minimum_column_width = isset( $block['attrs']['style']['layout']['minimumColumnWidth'] ) ? $block['attrs']['style']['layout']['minimumColumnWidth'] : null;
- $column_count = isset( $block['attrs']['style']['layout']['columnCount'] ) ? $block['attrs']['style']['layout']['columnCount'] : null;
+ $column_start = isset( $block['attrs']['style']['layout']['columnStart'] ) ? $block['attrs']['style']['layout']['columnStart'] : null;
+ $column_span = isset( $block['attrs']['style']['layout']['columnSpan'] ) ? $block['attrs']['style']['layout']['columnSpan'] : null;
+ if ( $column_start && $column_span ) {
+ $child_layout_declarations['grid-column'] = "$column_start / span $column_span";
+ } elseif ( $column_start ) {
+ $child_layout_declarations['grid-column'] = "$column_start";
+ } elseif ( $column_span ) {
+ $child_layout_declarations['grid-column'] = "span $column_span";
+ }
- /*
- * If columnSpan or columnStart is set, and the parent grid is responsive, i.e. if it has a minimumColumnWidth set,
- * the columnSpan should be removed once the grid is smaller than the span, and columnStart should be removed
- * once the grid has less columns than the start.
- * If there's a minimumColumnWidth, the grid is responsive. But if the minimumColumnWidth value wasn't changed, it won't be set.
- * In that case, if columnCount doesn't exist, we can assume that the grid is responsive.
- */
- if ( ( $column_span || $column_start ) && ( $minimum_column_width || ! $column_count ) ) {
- $column_span_number = floatval( $column_span );
- $column_start_number = floatval( $column_start );
- $highest_number = max( $column_span_number, $column_start_number );
- $parent_column_width = $minimum_column_width ? $minimum_column_width : '12rem';
- $parent_column_value = floatval( $parent_column_width );
- $parent_column_unit = explode( $parent_column_value, $parent_column_width );
+ $row_start = isset( $block['attrs']['style']['layout']['rowStart'] ) ? $block['attrs']['style']['layout']['rowStart'] : null;
+ $row_span = isset( $block['attrs']['style']['layout']['rowSpan'] ) ? $block['attrs']['style']['layout']['rowSpan'] : null;
+ if ( $row_start && $row_span ) {
+ $child_layout_declarations['grid-row'] = "$row_start / span $row_span";
+ } elseif ( $row_start ) {
+ $child_layout_declarations['grid-row'] = "$row_start";
+ } elseif ( $row_span ) {
+ $child_layout_declarations['grid-row'] = "span $row_span";
+ }
+
+ $child_layout_styles[] = array(
+ 'selector' => ".$container_content_class",
+ 'declarations' => $child_layout_declarations,
+ );
+
+ $minimum_column_width = isset( $block['parentLayout']['minimumColumnWidth'] ) ? $block['parentLayout']['minimumColumnWidth'] : null;
+ $column_count = isset( $block['parentLayout']['columnCount'] ) ? $block['parentLayout']['columnCount'] : null;
/*
- * If there is no unit, the width has somehow been mangled so we reset both unit and value
- * to defaults.
- * Additionally, the unit should be one of px, rem or em, so that also needs to be checked.
+ * If columnSpan or columnStart is set, and the parent grid is responsive, i.e. if it has a minimumColumnWidth set,
+ * the columnSpan should be removed once the grid is smaller than the span, and columnStart should be removed
+ * once the grid has less columns than the start.
+ * If there's a minimumColumnWidth, the grid is responsive. But if the minimumColumnWidth value wasn't changed, it won't be set.
+ * In that case, if columnCount doesn't exist, we can assume that the grid is responsive.
*/
- if ( count( $parent_column_unit ) <= 1 ) {
- $parent_column_unit = 'rem';
- $parent_column_value = 12;
- } else {
- $parent_column_unit = $parent_column_unit[1];
+ if ( ( $column_span || $column_start ) && ( $minimum_column_width || ! $column_count ) ) {
+ $column_span_number = floatval( $column_span );
+ $column_start_number = floatval( $column_start );
+ $highest_number = max( $column_span_number, $column_start_number );
+ $parent_column_width = $minimum_column_width ? $minimum_column_width : '12rem';
+ $parent_column_value = floatval( $parent_column_width );
+ $parent_column_unit = explode( $parent_column_value, $parent_column_width );
+
+ /*
+ * If there is no unit, the width has somehow been mangled so we reset both unit and value
+ * to defaults.
+ * Additionally, the unit should be one of px, rem or em, so that also needs to be checked.
+ */
+ if ( count( $parent_column_unit ) <= 1 ) {
+ $parent_column_unit = 'rem';
+ $parent_column_value = 12;
+ } else {
+ $parent_column_unit = $parent_column_unit[1];
- if ( ! in_array( $parent_column_unit, array( 'px', 'rem', 'em' ), true ) ) {
- $parent_column_unit = 'rem';
+ if ( ! in_array( $parent_column_unit, array( 'px', 'rem', 'em' ), true ) ) {
+ $parent_column_unit = 'rem';
+ }
}
+
+ /*
+ * A default gap value is used for this computation because custom gap values may not be
+ * viable to use in the computation of the container query value.
+ */
+ $default_gap_value = 'px' === $parent_column_unit ? 24 : 1.5;
+ $container_query_value = $highest_number * $parent_column_value + ( $highest_number - 1 ) * $default_gap_value;
+ $container_query_value = $container_query_value . $parent_column_unit;
+ // If a span is set we want to preserve it as long as possible, otherwise we just reset the value.
+ $grid_column_value = $column_span ? '1/-1' : 'auto';
+
+ $child_layout_styles[] = array(
+ 'rules_group' => "@container (max-width: $container_query_value )",
+ 'selector' => ".$container_content_class",
+ 'declarations' => array(
+ 'grid-column' => $grid_column_value,
+ ),
+ );
}
/*
- * A default gap value is used for this computation because custom gap values may not be
- * viable to use in the computation of the container query value.
+ * Add to the style engine store to enqueue and render layout styles.
+ * Return styles here just to check if any exist.
*/
- $default_gap_value = 'px' === $parent_column_unit ? 24 : 1.5;
- $container_query_value = $highest_number * $parent_column_value + ( $highest_number - 1 ) * $default_gap_value;
- $container_query_value = $container_query_value . $parent_column_unit;
- // If a span is set we want to preserve it as long as possible, otherwise we just reset the value.
- $grid_column_value = $column_span ? '1/-1' : 'auto';
-
- $child_layout_styles[] = array(
- 'rules_group' => "@container (max-width: $container_query_value )",
- 'selector' => ".$container_content_class",
- 'declarations' => array(
- 'grid-column' => $grid_column_value,
- ),
+ $child_css = gutenberg_style_engine_get_stylesheet_from_css_rules(
+ $child_layout_styles,
+ array(
+ 'context' => 'block-supports',
+ 'prettify' => false,
+ )
);
- }
- /*
- * Add to the style engine store to enqueue and render layout styles.
- * Return styles here just to check if any exist.
- */
- $child_css = gutenberg_style_engine_get_stylesheet_from_css_rules(
- $child_layout_styles,
- array(
- 'context' => 'block-supports',
- 'prettify' => false,
- )
- );
-
- if ( $child_css ) {
- $outer_class_names[] = $container_content_class;
+ if ( $child_css ) {
+ $outer_class_names[] = $container_content_class;
+ }
}
// Prep the processor for modifying the block output.
diff --git a/lib/class-wp-theme-json-data-gutenberg.php b/lib/class-wp-theme-json-data-gutenberg.php
index 6877a209b687f..c564016b1a711 100644
--- a/lib/class-wp-theme-json-data-gutenberg.php
+++ b/lib/class-wp-theme-json-data-gutenberg.php
@@ -38,7 +38,7 @@ class WP_Theme_JSON_Data_Gutenberg {
* @param array $data Array following the theme.json specification.
* @param string $origin The origin of the data: default, theme, user.
*/
- public function __construct( $data = array(), $origin = 'theme' ) {
+ public function __construct( $data = array( 'version' => WP_Theme_JSON_Gutenberg::LATEST_SCHEMA ), $origin = 'theme' ) {
$this->origin = $origin;
$this->theme_json = new WP_Theme_JSON_Gutenberg( $data, $this->origin );
}
diff --git a/lib/class-wp-theme-json-gutenberg.php b/lib/class-wp-theme-json-gutenberg.php
index 1d3f8feb90e23..77004253bea86 100644
--- a/lib/class-wp-theme-json-gutenberg.php
+++ b/lib/class-wp-theme-json-gutenberg.php
@@ -159,7 +159,7 @@ class WP_Theme_JSON_Gutenberg {
),
array(
'path' => array( 'typography', 'fontSizes' ),
- 'prevent_override' => false,
+ 'prevent_override' => array( 'typography', 'defaultFontSizes' ),
'use_default_names' => true,
'value_func' => 'gutenberg_get_typography_font_size_value',
'css_vars' => '--wp--preset--font-size--$slug',
@@ -428,20 +428,21 @@ class WP_Theme_JSON_Gutenberg {
'defaultPresets' => null,
),
'typography' => array(
- 'fluid' => null,
- 'customFontSize' => null,
- 'dropCap' => null,
- 'fontFamilies' => null,
- 'fontSizes' => null,
- 'fontStyle' => null,
- 'fontWeight' => null,
- 'letterSpacing' => null,
- 'lineHeight' => null,
- 'textAlign' => null,
- 'textColumns' => null,
- 'textDecoration' => null,
- 'textTransform' => null,
- 'writingMode' => null,
+ 'fluid' => null,
+ 'customFontSize' => null,
+ 'defaultFontSizes' => null,
+ 'dropCap' => null,
+ 'fontFamilies' => null,
+ 'fontSizes' => null,
+ 'fontStyle' => null,
+ 'fontWeight' => null,
+ 'letterSpacing' => null,
+ 'lineHeight' => null,
+ 'textAlign' => null,
+ 'textColumns' => null,
+ 'textDecoration' => null,
+ 'textTransform' => null,
+ 'writingMode' => null,
),
);
@@ -705,9 +706,10 @@ public static function get_element_class_name( $element ) {
*
* @since 5.8.0
* @since 5.9.0 Changed value from 1 to 2.
+ * @since 6.5.0 Changed value from 2 to 3.
* @var int
*/
- const LATEST_SCHEMA = 2;
+ const LATEST_SCHEMA = 3;
/**
* Constructor.
@@ -718,7 +720,7 @@ public static function get_element_class_name( $element ) {
* @param string $origin Optional. What source of data this object represents.
* One of 'default', 'theme', or 'custom'. Default 'theme'.
*/
- public function __construct( $theme_json = array(), $origin = 'theme' ) {
+ public function __construct( $theme_json = array( 'version' => WP_Theme_JSON_Gutenberg::LATEST_SCHEMA ), $origin = 'theme' ) {
if ( ! in_array( $origin, static::VALID_ORIGINS, true ) ) {
$origin = 'theme';
}
@@ -727,15 +729,9 @@ public function __construct( $theme_json = array(), $origin = 'theme' ) {
$registry = WP_Block_Type_Registry::get_instance();
$valid_block_names = array_keys( $registry->get_all_registered() );
$valid_element_names = array_keys( static::ELEMENTS );
- $valid_variations = array();
- foreach ( self::get_blocks_metadata() as $block_name => $block_meta ) {
- if ( ! isset( $block_meta['styleVariations'] ) ) {
- continue;
- }
- $valid_variations[ $block_name ] = array_keys( $block_meta['styleVariations'] );
- }
- $theme_json = static::sanitize( $this->theme_json, $valid_block_names, $valid_element_names, $valid_variations );
- $this->theme_json = static::maybe_opt_in_into_settings( $theme_json );
+ $valid_variations = static::get_valid_block_style_variations();
+ $theme_json = static::sanitize( $this->theme_json, $valid_block_names, $valid_element_names, $valid_variations );
+ $this->theme_json = static::maybe_opt_in_into_settings( $theme_json );
// Internally, presets are keyed by origin.
$nodes = static::get_setting_nodes( $this->theme_json );
@@ -1200,7 +1196,7 @@ public function get_stylesheet( $types = array( 'variables', 'styles', 'presets'
$node['selector'] = static::scope_selector( $options['scope'], $node['selector'] );
}
foreach ( $style_nodes as &$node ) {
- $node['selector'] = static::scope_selector( $options['scope'], $node['selector'] );
+ $node = static::scope_style_node_selectors( $options['scope'], $node );
}
unset( $node );
}
@@ -1834,6 +1830,10 @@ protected static function compute_preset_classes( $settings, $selector, $origins
* @return string Scoped selector.
*/
public static function scope_selector( $scope, $selector ) {
+ if ( ! $scope || ! $selector ) {
+ return $selector;
+ }
+
$scopes = explode( ',', $scope );
$selectors = explode( ',', $selector );
@@ -1856,6 +1856,39 @@ public static function scope_selector( $scope, $selector ) {
return $result;
}
+ /**
+ * Scopes the selectors for a given style node. This includes the primary
+ * selector, i.e. `$node['selector']`, as well as any custom selectors for
+ * features and subfeatures, e.g. `$node['selectors']['border']` etc.
+ *
+ * @since 6.6.0
+ *
+ * @param string $scope Selector to scope to.
+ * @param array $node Style node with selectors to scope.
+ *
+ * @return array Node with updated selectors.
+ */
+ protected static function scope_style_node_selectors( $scope, $node ) {
+ $node['selector'] = static::scope_selector( $scope, $node['selector'] );
+
+ if ( empty( $node['selectors'] ) ) {
+ return $node;
+ }
+
+ foreach ( $node['selectors'] as $feature => $selector ) {
+ if ( is_string( $selector ) ) {
+ $node['selectors'][ $feature ] = static::scope_selector( $scope, $selector );
+ }
+ if ( is_array( $selector ) ) {
+ foreach ( $selector as $subfeature => $subfeature_selector ) {
+ $node['selectors'][ $feature ][ $subfeature ] = static::scope_selector( $scope, $subfeature_selector );
+ }
+ }
+ }
+
+ return $node;
+ }
+
/**
* Gets preset values keyed by slugs based on settings and metadata.
*
@@ -2112,8 +2145,8 @@ protected static function flatten_tree( $tree, $prefix = '', $token = '--' ) {
* @since 5.8.0
* @since 5.9.0 Added the `$settings` and `$properties` parameters.
* @since 6.1.0 Added `$theme_json`, `$selector`, and `$use_root_padding` parameters.
- * @since 6.5.0 Passing current theme JSON settings to wp_get_typography_font_size_value().
- * @since 6.6.0 Using style engine to correctly fetch background CSS values.
+ * @since 6.5.0 Output a `min-height: unset` rule when `aspect-ratio` is set.
+ * @since 6.6.0 Passing current theme JSON settings to wp_get_typography_font_size_value(). Using style engine to correctly fetch background CSS values.
*
* @param array $styles Styles to process.
* @param array $settings Theme settings.
@@ -2765,7 +2798,7 @@ public function get_root_layout_rules( $selector, $block_metadata ) {
* user-generated values take precedence in the CSS cascade.
* @link https://github.com/WordPress/gutenberg/issues/36147.
*/
- $css .= 'body { margin: 0; }';
+ $css .= ':where(body) { margin: 0; }';
if ( $use_root_padding ) {
// Top and bottom padding are applied to the outer block container.
@@ -2890,12 +2923,15 @@ public function merge( $incoming ) {
}
// Replace the presets.
- foreach ( static::PRESETS_METADATA as $preset ) {
- $override_preset = ! static::get_metadata_boolean( $this->theme_json['settings'], $preset['prevent_override'], true );
+ foreach ( static::PRESETS_METADATA as $preset_metadata ) {
+ $prevent_override = $preset_metadata['prevent_override'];
+ if ( is_array( $prevent_override ) ) {
+ $prevent_override = _wp_array_get( $this->theme_json['settings'], $preset_metadata['prevent_override'] );
+ }
foreach ( static::VALID_ORIGINS as $origin ) {
$base_path = $node['path'];
- foreach ( $preset['path'] as $leaf ) {
+ foreach ( $preset_metadata['path'] as $leaf ) {
$base_path[] = $leaf;
}
@@ -2907,7 +2943,8 @@ public function merge( $incoming ) {
continue;
}
- if ( 'theme' === $origin && $preset['use_default_names'] ) {
+ // Set names for theme presets based on the slug if they are not set and can use default names.
+ if ( 'theme' === $origin && $preset_metadata['use_default_names'] ) {
foreach ( $content as $key => $item ) {
if ( ! isset( $item['name'] ) ) {
$name = static::get_name_from_defaults( $item['slug'], $base_path );
@@ -2918,19 +2955,17 @@ public function merge( $incoming ) {
}
}
- if (
- ( 'theme' !== $origin ) ||
- ( 'theme' === $origin && $override_preset )
- ) {
- _wp_array_set( $this->theme_json, $path, $content );
- } else {
- $slugs_node = static::get_default_slugs( $this->theme_json, $node['path'] );
- $slugs = array_merge_recursive( $slugs_global, $slugs_node );
+ // Filter out default slugs from theme presets when defaults should not be overridden.
+ if ( 'theme' === $origin && $prevent_override ) {
+ $slugs_node = static::get_default_slugs( $this->theme_json, $node['path'] );
+ $preset_global = _wp_array_get( $slugs_global, $preset_metadata['path'], array() );
+ $preset_node = _wp_array_get( $slugs_node, $preset_metadata['path'], array() );
+ $preset_slugs = array_merge_recursive( $preset_global, $preset_node );
- $slugs_for_preset = _wp_array_get( $slugs, $preset['path'], array() );
- $content = static::filter_slugs( $content, $slugs_for_preset );
- _wp_array_set( $this->theme_json, $path, $content );
+ $content = static::filter_slugs( $content, $preset_slugs );
}
+
+ _wp_array_set( $this->theme_json, $path, $content );
}
}
}
@@ -3126,13 +3161,7 @@ public static function remove_insecure_properties( $theme_json ) {
$valid_block_names = array_keys( static::get_blocks_metadata() );
$valid_element_names = array_keys( static::ELEMENTS );
- $valid_variations = array();
- foreach ( self::get_blocks_metadata() as $block_name => $block_meta ) {
- if ( ! isset( $block_meta['styleVariations'] ) ) {
- continue;
- }
- $valid_variations[ $block_name ] = array_keys( $block_meta['styleVariations'] );
- }
+ $valid_variations = static::get_valid_block_style_variations();
$theme_json = static::sanitize( $theme_json, $valid_block_names, $valid_element_names, $valid_variations );
@@ -4039,4 +4068,21 @@ function ( $matches ) use ( $variation_class ) {
return implode( ',', $result );
}
+
+ /**
+ * Collects valid block style variations keyed by block type.
+ *
+ * @return array Valid block style variations by block type.
+ */
+ protected static function get_valid_block_style_variations() {
+ $valid_variations = array();
+ foreach ( self::get_blocks_metadata() as $block_name => $block_meta ) {
+ if ( ! isset( $block_meta['styleVariations'] ) ) {
+ continue;
+ }
+ $valid_variations[ $block_name ] = array_keys( $block_meta['styleVariations'] );
+ }
+
+ return $valid_variations;
+ }
}
diff --git a/lib/class-wp-theme-json-resolver-gutenberg.php b/lib/class-wp-theme-json-resolver-gutenberg.php
index 472e671ee8a26..dcc0bf8b099c3 100644
--- a/lib/class-wp-theme-json-resolver-gutenberg.php
+++ b/lib/class-wp-theme-json-resolver-gutenberg.php
@@ -244,7 +244,7 @@ public static function get_theme_data( $deprecated = array(), $options = array()
$theme_json_data = static::read_json_file( $theme_json_file );
$theme_json_data = static::translate( $theme_json_data, $wp_theme->get( 'TextDomain' ) );
} else {
- $theme_json_data = array();
+ $theme_json_data = array( 'version' => WP_Theme_JSON_Gutenberg::LATEST_SCHEMA );
}
/**
@@ -375,7 +375,7 @@ public static function get_block_data() {
return static::$blocks;
}
- $config = array( 'version' => 2 );
+ $config = array( 'version' => WP_Theme_JSON_Gutenberg::LATEST_SCHEMA );
foreach ( $blocks as $block_name => $block_type ) {
if ( isset( $block_type->supports['__experimentalStyle'] ) ) {
$config['styles']['blocks'][ $block_name ] = static::remove_json_comments( $block_type->supports['__experimentalStyle'] );
@@ -544,14 +544,17 @@ public static function get_user_data() {
isset( $decoded_data['isGlobalStylesUserThemeJSON'] ) &&
$decoded_data['isGlobalStylesUserThemeJSON']
) {
- unset( $decoded_data['isGlobalStylesUserThemeJSON'] );
$config = $decoded_data;
}
}
/** This filter is documented in wp-includes/class-wp-theme-json-resolver.php */
- $theme_json = apply_filters( 'wp_theme_json_data_user', new WP_Theme_JSON_Data_Gutenberg( $config, 'custom' ) );
- $config = $theme_json->get_data();
+ $theme_json = apply_filters( 'wp_theme_json_data_user', new WP_Theme_JSON_Data_Gutenberg( $config, 'custom' ) );
+ $config = $theme_json->get_data();
+
+ // Needs to be set for schema migrations of user data.
+ $config['isGlobalStylesUserThemeJSON'] = true;
+
static::$user = new WP_Theme_JSON_Gutenberg( $config, 'custom' );
return static::$user;
diff --git a/lib/class-wp-theme-json-schema-gutenberg.php b/lib/class-wp-theme-json-schema-gutenberg.php
index 8373e133c5aec..1eea7ddaa2736 100644
--- a/lib/class-wp-theme-json-schema-gutenberg.php
+++ b/lib/class-wp-theme-json-schema-gutenberg.php
@@ -38,6 +38,7 @@ class WP_Theme_JSON_Schema_Gutenberg {
* Function that migrates a given theme.json structure to the last version.
*
* @since 5.9.0
+ * @since 6.6.0 Migrate up to v3.
*
* @param array $theme_json The structure to migrate.
*
@@ -50,8 +51,14 @@ public static function migrate( $theme_json ) {
);
}
- if ( 1 === $theme_json['version'] ) {
- $theme_json = self::migrate_v1_to_v2( $theme_json );
+ // Migrate each version in order starting with the current version.
+ switch ( $theme_json['version'] ) {
+ case 1:
+ $theme_json = self::migrate_v1_to_v2( $theme_json );
+ // no break
+ case 2:
+ $theme_json = self::migrate_v2_to_v3( $theme_json );
+ // no break
}
return $theme_json;
@@ -87,6 +94,56 @@ private static function migrate_v1_to_v2( $old ) {
return $new;
}
+ /**
+ * Migrates from v2 to v3.
+ *
+ * - Sets settings.typography.defaultFontSizes to false.
+ *
+ * @since 6.6.0
+ *
+ * @param array $old Data to migrate.
+ *
+ * @return array Data with defaultFontSizes set to false.
+ */
+ private static function migrate_v2_to_v3( $old ) {
+ // Copy everything.
+ $new = $old;
+
+ // Set the new version.
+ $new['version'] = 3;
+
+ /*
+ * Remaining changes do not need to be applied to the custom origin,
+ * as they should take on the value of the theme origin.
+ */
+ if (
+ isset( $new['isGlobalStylesUserThemeJSON'] ) &&
+ true === $new['isGlobalStylesUserThemeJSON']
+ ) {
+ return $new;
+ }
+
+ /*
+ * Even though defaultFontSizes is a new setting, we need to migrate
+ * it as it controls the PRESETS_METADATA prevent_override which was
+ * previously hardcoded to false. This only needs to happen when the
+ * theme provided font sizes as they could match the default ones and
+ * affect the generated CSS. And in v2 we provided default font sizes
+ * when the theme did not provide any.
+ */
+ if ( isset( $new['settings']['typography']['fontSizes'] ) ) {
+ if ( ! isset( $new['settings'] ) ) {
+ $new['settings'] = array();
+ }
+ if ( ! isset( $new['settings']['typography'] ) ) {
+ $new['settings']['typography'] = array();
+ }
+ $new['settings']['typography']['defaultFontSizes'] = false;
+ }
+
+ return $new;
+ }
+
/**
* Processes the settings subtree.
*
diff --git a/lib/compat/wordpress-6.4/block-hooks.php b/lib/compat/wordpress-6.4/block-hooks.php
index 46115d5b6c629..f77582caf1345 100644
--- a/lib/compat/wordpress-6.4/block-hooks.php
+++ b/lib/compat/wordpress-6.4/block-hooks.php
@@ -290,7 +290,7 @@ function gutenberg_register_block_hooks_rest_field() {
'block_hooks',
array(
'schema' => array(
- 'description' => __( 'This block is automatically inserted near any occurence of the block types used as keys of this map, into a relative position given by the corresponding value.', 'gutenberg' ),
+ 'description' => __( 'This block is automatically inserted near any occurrence of the block types used as keys of this map, into a relative position given by the corresponding value.', 'gutenberg' ),
'type' => 'object',
'patternProperties' => array(
'^[a-zA-Z0-9-]+/[a-zA-Z0-9-]+$' => array(
diff --git a/lib/compat/wordpress-6.5/block-bindings/class-wp-block-bindings-registry.php b/lib/compat/wordpress-6.5/block-bindings/class-wp-block-bindings-registry.php
index 7f04820050a91..8eb6f5271adf6 100644
--- a/lib/compat/wordpress-6.5/block-bindings/class-wp-block-bindings-registry.php
+++ b/lib/compat/wordpress-6.5/block-bindings/class-wp-block-bindings-registry.php
@@ -12,7 +12,7 @@
/**
* Class used for interacting with block bindings sources.
*
- * @since 6.5.0
+ * @since 6.5.0
*/
if ( ! class_exists( 'WP_Block_Bindings_Registry' ) ) {
final class WP_Block_Bindings_Registry {
diff --git a/lib/compat/wordpress-6.5/fonts/class-wp-font-utils.php b/lib/compat/wordpress-6.5/fonts/class-wp-font-utils.php
index 4a445cd8ae3f7..d794a2601f45d 100644
--- a/lib/compat/wordpress-6.5/fonts/class-wp-font-utils.php
+++ b/lib/compat/wordpress-6.5/fonts/class-wp-font-utils.php
@@ -162,7 +162,7 @@ function ( $elem ) {
* The schema structure should mirror the data tree. Each value provided in the
* schema should be a callable that will be applied to sanitize the corresponding
* value in the data tree. Keys that are in the data tree, but not present in the
- * schema, will be removed in the santized data. Nested arrays are traversed recursively.
+ * schema, will be removed in the sanitized data. Nested arrays are traversed recursively.
*
* @since 6.5.0
*
diff --git a/lib/compat/wordpress-6.6/block-template-utils.php b/lib/compat/wordpress-6.6/block-template-utils.php
index 8dd35903af079..953f6bf20c077 100644
--- a/lib/compat/wordpress-6.6/block-template-utils.php
+++ b/lib/compat/wordpress-6.6/block-template-utils.php
@@ -111,3 +111,252 @@ function gutenberg_get_template_hierarchy( $slug, $is_custom = false, $template_
}
return $template_hierarchy;
}
+
+/**
+ * Retrieves the template files from the theme.
+ *
+ * @since 5.9.0
+ * @since 6.3.0 Added the `$query` parameter.
+ * @access private
+ *
+ * @param string $template_type Template type. Either 'wp_template' or 'wp_template_part'.
+ * @param array $query {
+ * Arguments to retrieve templates. Optional, empty by default.
+ *
+ * @type string[] $slug__in List of slugs to include.
+ * @type string[] $slug__not_in List of slugs to skip.
+ * @type string $area A 'wp_template_part_area' taxonomy value to filter by (for 'wp_template_part' template type only).
+ * @type string $post_type Post type to get the templates for.
+ * }
+ *
+ * @return array Template
+ */
+function _gutenberg_get_block_templates_files( $template_type, $query = array() ) {
+ if ( 'wp_template' !== $template_type && 'wp_template_part' !== $template_type ) {
+ return null;
+ }
+
+ // @core-merge: This code will go into Core's '_get_block_templates_files' function.
+ $default_template_types = array();
+ if ( 'wp_template' === $template_type ) {
+ $default_template_types = get_default_block_template_types();
+ }
+ // @core-merge: End of the code that will go into Core.
+
+ // Prepare metadata from $query.
+ $slugs_to_include = isset( $query['slug__in'] ) ? $query['slug__in'] : array();
+ $slugs_to_skip = isset( $query['slug__not_in'] ) ? $query['slug__not_in'] : array();
+ $area = isset( $query['area'] ) ? $query['area'] : null;
+ $post_type = isset( $query['post_type'] ) ? $query['post_type'] : '';
+
+ $stylesheet = get_stylesheet();
+ $template = get_template();
+ $themes = array(
+ $stylesheet => get_stylesheet_directory(),
+ );
+ // Add the parent theme if it's not the same as the current theme.
+ if ( $stylesheet !== $template ) {
+ $themes[ $template ] = get_template_directory();
+ }
+ $template_files = array();
+ foreach ( $themes as $theme_slug => $theme_dir ) {
+ $template_base_paths = get_block_theme_folders( $theme_slug );
+ $theme_template_files = _get_block_templates_paths( $theme_dir . '/' . $template_base_paths[ $template_type ] );
+ foreach ( $theme_template_files as $template_file ) {
+ $template_base_path = $template_base_paths[ $template_type ];
+ $template_slug = substr(
+ $template_file,
+ // Starting position of slug.
+ strpos( $template_file, $template_base_path . DIRECTORY_SEPARATOR ) + 1 + strlen( $template_base_path ),
+ // Subtract ending '.html'.
+ -5
+ );
+
+ // Skip this item if its slug doesn't match any of the slugs to include.
+ if ( ! empty( $slugs_to_include ) && ! in_array( $template_slug, $slugs_to_include, true ) ) {
+ continue;
+ }
+
+ // Skip this item if its slug matches any of the slugs to skip.
+ if ( ! empty( $slugs_to_skip ) && in_array( $template_slug, $slugs_to_skip, true ) ) {
+ continue;
+ }
+
+ /*
+ * The child theme items (stylesheet) are processed before the parent theme's (template).
+ * If a child theme defines a template, prevent the parent template from being added to the list as well.
+ */
+ if ( isset( $template_files[ $template_slug ] ) ) {
+ continue;
+ }
+
+ $new_template_item = array(
+ 'slug' => $template_slug,
+ 'path' => $template_file,
+ 'theme' => $theme_slug,
+ 'type' => $template_type,
+ );
+
+ if ( 'wp_template_part' === $template_type ) {
+ $candidate = _add_block_template_part_area_info( $new_template_item );
+ if ( ! isset( $area ) || ( isset( $area ) && $area === $candidate['area'] ) ) {
+ $template_files[ $template_slug ] = $candidate;
+ }
+ }
+
+ if ( 'wp_template' === $template_type ) {
+ $candidate = _add_block_template_info( $new_template_item );
+ $is_custom = ! isset( $default_template_types[ $candidate['slug'] ] );
+
+ if (
+ ! $post_type ||
+ ( $post_type && isset( $candidate['postTypes'] ) && in_array( $post_type, $candidate['postTypes'], true ) )
+ ) {
+ $template_files[ $template_slug ] = $candidate;
+ }
+
+ // @core-merge: This code will go into Core's '_get_block_templates_files' function.
+ // The custom templates with no associated post-types are available for all post-types.
+ if ( $post_type && ! isset( $candidate['postTypes'] ) && $is_custom ) {
+ $template_files[ $template_slug ] = $candidate;
+ }
+ // @core-merge: End of the code that will go into Core.
+ }
+ }
+ }
+
+ return array_values( $template_files );
+}
+
+/**
+ * Retrieves a list of unified template objects based on a query.
+ *
+ * @since 5.8.0
+ *
+ * @param array $query {
+ * Optional. Arguments to retrieve templates.
+ *
+ * @type string[] $slug__in List of slugs to include.
+ * @type int $wp_id Post ID of customized template.
+ * @type string $area A 'wp_template_part_area' taxonomy value to filter by (for 'wp_template_part' template type only).
+ * @type string $post_type Post type to get the templates for.
+ * }
+ * @param string $template_type Template type. Either 'wp_template' or 'wp_template_part'.
+ * @return WP_Block_Template[] Array of block templates.
+ */
+function gutenberg_get_block_templates( $query = array(), $template_type = 'wp_template' ) {
+ /**
+ * Filters the block templates array before the query takes place.
+ *
+ * Return a non-null value to bypass the WordPress queries.
+ *
+ * @since 5.9.0
+ *
+ * @param WP_Block_Template[]|null $block_templates Return an array of block templates to short-circuit the default query,
+ * or null to allow WP to run its normal queries.
+ * @param array $query {
+ * Arguments to retrieve templates. All arguments are optional.
+ *
+ * @type string[] $slug__in List of slugs to include.
+ * @type int $wp_id Post ID of customized template.
+ * @type string $area A 'wp_template_part_area' taxonomy value to filter by (for 'wp_template_part' template type only).
+ * @type string $post_type Post type to get the templates for.
+ * }
+ * @param string $template_type Template type. Either 'wp_template' or 'wp_template_part'.
+ */
+ $templates = apply_filters( 'pre_get_block_templates', null, $query, $template_type );
+ if ( ! is_null( $templates ) ) {
+ return $templates;
+ }
+
+ $post_type = isset( $query['post_type'] ) ? $query['post_type'] : '';
+ $wp_query_args = array(
+ 'post_status' => array( 'auto-draft', 'draft', 'publish' ),
+ 'post_type' => $template_type,
+ 'posts_per_page' => -1,
+ 'no_found_rows' => true,
+ 'lazy_load_term_meta' => false,
+ 'tax_query' => array(
+ array(
+ 'taxonomy' => 'wp_theme',
+ 'field' => 'name',
+ 'terms' => get_stylesheet(),
+ ),
+ ),
+ );
+
+ if ( 'wp_template_part' === $template_type && isset( $query['area'] ) ) {
+ $wp_query_args['tax_query'][] = array(
+ 'taxonomy' => 'wp_template_part_area',
+ 'field' => 'name',
+ 'terms' => $query['area'],
+ );
+ $wp_query_args['tax_query']['relation'] = 'AND';
+ }
+
+ if ( ! empty( $query['slug__in'] ) ) {
+ $wp_query_args['post_name__in'] = $query['slug__in'];
+ $wp_query_args['posts_per_page'] = count( array_unique( $query['slug__in'] ) );
+ }
+
+ // This is only needed for the regular templates/template parts post type listing and editor.
+ if ( isset( $query['wp_id'] ) ) {
+ $wp_query_args['p'] = $query['wp_id'];
+ } else {
+ $wp_query_args['post_status'] = 'publish';
+ }
+
+ $template_query = new WP_Query( $wp_query_args );
+ $query_result = array();
+ foreach ( $template_query->posts as $post ) {
+ $template = _build_block_template_result_from_post( $post );
+
+ if ( is_wp_error( $template ) ) {
+ continue;
+ }
+
+ if ( $post_type && ! $template->is_custom ) {
+ continue;
+ }
+
+ if (
+ $post_type &&
+ isset( $template->post_types ) &&
+ ! in_array( $post_type, $template->post_types, true )
+ ) {
+ continue;
+ }
+
+ $query_result[] = $template;
+ }
+
+ if ( ! isset( $query['wp_id'] ) ) {
+ /*
+ * If the query has found some use templates, those have priority
+ * over the theme-provided ones, so we skip querying and building them.
+ */
+ $query['slug__not_in'] = wp_list_pluck( $query_result, 'slug' );
+ $template_files = _gutenberg_get_block_templates_files( $template_type, $query );
+ foreach ( $template_files as $template_file ) {
+ $query_result[] = _build_block_template_result_from_file( $template_file, $template_type );
+ }
+ }
+
+ /**
+ * Filters the array of queried block templates array after they've been fetched.
+ *
+ * @since 5.9.0
+ *
+ * @param WP_Block_Template[] $query_result Array of found block templates.
+ * @param array $query {
+ * Arguments to retrieve templates. All arguments are optional.
+ *
+ * @type string[] $slug__in List of slugs to include.
+ * @type int $wp_id Post ID of customized template.
+ * @type string $area A 'wp_template_part_area' taxonomy value to filter by (for 'wp_template_part' template type only).
+ * @type string $post_type Post type to get the templates for.
+ * }
+ * @param string $template_type wp_template or wp_template_part.
+ */
+ return apply_filters( 'get_block_templates', $query_result, $query, $template_type );
+}
diff --git a/lib/compat/wordpress-6.6/class-gutenberg-rest-templates-controller-6-6.php b/lib/compat/wordpress-6.6/class-gutenberg-rest-templates-controller-6-6.php
index 4a25e06608235..656e38ffe933f 100644
--- a/lib/compat/wordpress-6.6/class-gutenberg-rest-templates-controller-6-6.php
+++ b/lib/compat/wordpress-6.6/class-gutenberg-rest-templates-controller-6-6.php
@@ -17,7 +17,7 @@ class Gutenberg_REST_Templates_Controller_6_6 extends Gutenberg_REST_Templates_C
/**
* Checks if a given request has access to read templates.
*
- * @since 6.6
+ * @since 6.6.0
*
* @param WP_REST_Request $request Full details about the request.
* @return true|WP_Error True if the request has read access, WP_Error object otherwise.
@@ -41,10 +41,39 @@ public function get_items_permissions_check( $request ) { // phpcs:ignore Variab
);
}
+ /**
+ * Returns a list of templates.
+ *
+ * @since 5.8.0
+ *
+ * @param WP_REST_Request $request The request instance.
+ * @return WP_REST_Response
+ */
+ public function get_items( $request ) {
+ $query = array();
+ if ( isset( $request['wp_id'] ) ) {
+ $query['wp_id'] = $request['wp_id'];
+ }
+ if ( isset( $request['area'] ) ) {
+ $query['area'] = $request['area'];
+ }
+ if ( isset( $request['post_type'] ) ) {
+ $query['post_type'] = $request['post_type'];
+ }
+
+ $templates = array();
+ foreach ( gutenberg_get_block_templates( $query, $this->post_type ) as $template ) {
+ $data = $this->prepare_item_for_response( $template, $request );
+ $templates[] = $this->prepare_response_for_collection( $data );
+ }
+
+ return rest_ensure_response( $templates );
+ }
+
/**
* Checks if a given request has access to read templates.
*
- * @since 6.6
+ * @since 6.6.0
*
* @param WP_REST_Request $request Full details about the request.
* @return true|WP_Error True if the request has read access, WP_Error object otherwise.
diff --git a/lib/compat/wordpress-6.6/compat.php b/lib/compat/wordpress-6.6/compat.php
new file mode 100644
index 0000000000000..4e444d3149824
--- /dev/null
+++ b/lib/compat/wordpress-6.6/compat.php
@@ -0,0 +1,32 @@
+= 6.6.0.
+ *
+ * @global array $submenu
+ */
+function gutenberg_change_patterns_link_and_remove_template_parts_submenu_item() {
+ if ( ! wp_is_block_theme() ) {
+ global $submenu;
+
+ if ( empty( $submenu['themes.php'] ) ) {
+ return;
+ }
+
+ foreach ( $submenu['themes.php'] as $key => $item ) {
+ if ( 'edit.php?post_type=wp_block' === $item[2] ) {
+ $submenu['themes.php'][ $key ][2] = 'site-editor.php?path=/patterns';
+ } elseif ( 'site-editor.php?path=/wp_template_part/all' === $item[2] ) {
+ unset( $submenu['themes.php'][ $key ] );
+ }
+ }
+ }
+}
+add_action( 'admin_init', 'gutenberg_change_patterns_link_and_remove_template_parts_submenu_item' );
diff --git a/lib/compat/wordpress-6.6/option.php b/lib/compat/wordpress-6.6/option.php
index c471be6b24031..9ec81467c261d 100644
--- a/lib/compat/wordpress-6.6/option.php
+++ b/lib/compat/wordpress-6.6/option.php
@@ -14,8 +14,6 @@ function gutenberg_update_initial_settings( $args, $defaults, $option_group, $op
$settings_label_map = array(
'blogname' => __( 'Title' ),
'blogdescription' => __( 'Tagline' ),
- 'site_logo' => __( 'Logo' ),
- 'site_icon' => __( 'Icon' ),
'show_on_front' => __( 'Show on front' ),
'page_on_front' => __( 'Page on front' ),
'posts_per_page' => __( 'Maximum posts per page' ),
diff --git a/lib/compat/wordpress-6.6/post.php b/lib/compat/wordpress-6.6/post.php
new file mode 100644
index 0000000000000..8415f3bf42f18
--- /dev/null
+++ b/lib/compat/wordpress-6.6/post.php
@@ -0,0 +1,39 @@
+item_updated = __( 'Template updated.', 'gutenberg' );
+ return $labels;
+}
+add_filter( 'post_type_labels_wp_template', 'gutenberg_update_wp_template_labels', 10, 1 );
+
+/**
+ * Updates the labels for the template parts post type.
+ *
+ * @param object $labels Object with labels for the post type as member variables.
+ * @return object Object with all the labels as member variables.
+ */
+function gutenberg_update_wp_template__part_labels( $labels ) {
+ $labels->item_updated = __( 'Template part updated.', 'gutenberg' );
+ return $labels;
+}
+add_filter( 'post_type_labels_wp_template_part', 'gutenberg_update_wp_template__part_labels', 10, 1 );
diff --git a/lib/compat/wordpress-6.6/rest-api.php b/lib/compat/wordpress-6.6/rest-api.php
index bf462cd11ca4b..8526093dc99dd 100644
--- a/lib/compat/wordpress-6.6/rest-api.php
+++ b/lib/compat/wordpress-6.6/rest-api.php
@@ -29,3 +29,50 @@ function wp_api_template_access_controller( $args, $post_type ) {
}
}
add_filter( 'register_post_type_args', 'wp_api_template_access_controller', 10, 2 );
+
+/**
+ * Adds the post classes to the REST API response.
+ *
+ * @param array $post The response object data.
+ *
+ * @return array
+ */
+function gutenberg_add_class_list_to_api_response( $post ) {
+
+ if ( ! isset( $post['id'] ) ) {
+ return array();
+ }
+
+ return get_post_class( array(), $post['id'] );
+}
+
+/**
+ * Adds the post classes to public post types in the REST API.
+ */
+function gutenberg_add_class_list_to_public_post_types() {
+ $post_types = get_post_types(
+ array(
+ 'public' => true,
+ 'show_in_rest' => true,
+ ),
+ 'names'
+ );
+
+ if ( ! empty( $post_types ) ) {
+ register_rest_field(
+ $post_types,
+ 'class_list',
+ array(
+ 'get_callback' => 'gutenberg_add_class_list_to_api_response',
+ 'schema' => array(
+ 'description' => __( 'An array of the class names for the post container element.', 'gutenberg' ),
+ 'type' => 'array',
+ 'items' => array(
+ 'type' => 'string',
+ ),
+ ),
+ )
+ );
+ }
+}
+add_action( 'rest_api_init', 'gutenberg_add_class_list_to_public_post_types' );
diff --git a/lib/experimental/editor-settings.php b/lib/experimental/editor-settings.php
index b15260d1f3e3f..51fa9fe9c33af 100644
--- a/lib/experimental/editor-settings.php
+++ b/lib/experimental/editor-settings.php
@@ -28,6 +28,9 @@ function gutenberg_enable_experiments() {
if ( gutenberg_is_experiment_enabled( 'gutenberg-no-tinymce' ) ) {
wp_add_inline_script( 'wp-block-library', 'window.__experimentalDisableTinymce = true', 'before' );
}
+ if ( gutenberg_is_experiment_enabled( 'gutenberg-full-page-client-side-navigation' ) ) {
+ wp_add_inline_script( 'wp-block-library', 'window.__experimentalFullPageClientSideNavigation = true', 'before' );
+ }
}
add_action( 'admin_init', 'gutenberg_enable_experiments' );
diff --git a/lib/experimental/full-page-client-side-navigation.php b/lib/experimental/full-page-client-side-navigation.php
new file mode 100644
index 0000000000000..ebfddf4aaf436
--- /dev/null
+++ b/lib/experimental/full-page-client-side-navigation.php
@@ -0,0 +1,57 @@
+ 'fullPage' ) );
+ wp_enqueue_script_module( '@wordpress/interactivity-router' );
+}
+
+add_action( 'wp_enqueue_scripts', '_gutenberg_enqueue_interactivity_router' );
+
+/**
+ * Set enhancedPagination attribute for query loop when the experiment is enabled.
+ *
+ * @param array $parsed_block The parsed block.
+ *
+ * @return array The same parsed block with the modified attribute.
+ */
+function _gutenberg_add_enhanced_pagination_to_query_block( $parsed_block ) {
+ if ( 'core/query' !== $parsed_block['blockName'] ) {
+ return $parsed_block;
+ }
+
+ $parsed_block['attrs']['enhancedPagination'] = true;
+ return $parsed_block;
+}
+
+add_filter( 'render_block_data', '_gutenberg_add_enhanced_pagination_to_query_block' );
+
+/**
+ * Add directives to all links.
+ *
+ * Note: This should probably be done per site, not by default when this option is enabled.
+ *
+ * @param array $content The block content.
+ *
+ * @return array The same block content with the directives needed.
+ */
+function _gutenberg_add_client_side_navigation_directives( $content ) {
+ $p = new WP_HTML_Tag_Processor( $content );
+ // Hack to add the necessary directives to the body tag.
+ // TODO: Find a proper way to add directives to the body tag.
+ static $body_interactive_added;
+ if ( ! $body_interactive_added ) {
+ $body_interactive_added = true;
+ return (string) $p . '';
+ }
+ return (string) $p;
+}
+
+// TODO: Explore moving this to the server directive processing.
+add_filter( 'render_block', '_gutenberg_add_client_side_navigation_directives' );
diff --git a/lib/experiments-page.php b/lib/experiments-page.php
index 4099ea3b0c863..7dfe6fbe5bb90 100644
--- a/lib/experiments-page.php
+++ b/lib/experiments-page.php
@@ -127,6 +127,18 @@ function gutenberg_initialize_experiments_settings() {
)
);
+ add_settings_field(
+ 'gutenberg-full-page-client-side-navigation',
+ __( 'Enable full page client-side navigation', 'gutenberg' ),
+ 'gutenberg_display_experiment_field',
+ 'gutenberg-experiments',
+ 'gutenberg_experiments_section',
+ array(
+ 'label' => __( 'Enable full page client-side navigation using the Interactivity API', 'gutenberg' ),
+ 'id' => 'gutenberg-full-page-client-side-navigation',
+ )
+ );
+
register_setting(
'gutenberg-experiments',
'gutenberg-experiments'
diff --git a/lib/load.php b/lib/load.php
index ead9a1b9743fb..d556dd7f21b43 100644
--- a/lib/load.php
+++ b/lib/load.php
@@ -125,12 +125,14 @@ function gutenberg_is_experiment_enabled( $name ) {
require __DIR__ . '/compat/wordpress-6.5/script-loader.php';
// WordPress 6.6 compat.
+require __DIR__ . '/compat/wordpress-6.6/compat.php';
require __DIR__ . '/compat/wordpress-6.6/resolve-patterns.php';
require __DIR__ . '/compat/wordpress-6.6/block-bindings/pattern-overrides.php';
require __DIR__ . '/compat/wordpress-6.6/block-template-utils.php';
require __DIR__ . '/compat/wordpress-6.6/option.php';
require __DIR__ . '/compat/wordpress-6.6/class-gutenberg-rest-templates-controller-6-6.php';
require __DIR__ . '/compat/wordpress-6.6/rest-api.php';
+require __DIR__ . '/compat/wordpress-6.6/post.php';
// Experimental features.
require __DIR__ . '/experimental/block-editor-settings-mobile.php';
@@ -199,6 +201,9 @@ function gutenberg_is_experiment_enabled( $name ) {
require __DIR__ . '/demo.php';
require __DIR__ . '/experiments-page.php';
require __DIR__ . '/interactivity-api.php';
+if ( gutenberg_is_experiment_enabled( 'gutenberg-full-page-client-side-navigation' ) ) {
+ require __DIR__ . '/experimental/full-page-client-side-navigation.php';
+}
// Copied package PHP files.
if ( is_dir( __DIR__ . '/../build/style-engine' ) ) {
diff --git a/lib/theme.json b/lib/theme.json
index ece76b5f63cb2..90a5d975e68d6 100644
--- a/lib/theme.json
+++ b/lib/theme.json
@@ -1,6 +1,6 @@
{
- "$schema": "https://schemas.wp.org/trunk/theme.json",
- "version": 2,
+ "$schema": "../schemas/json/theme.json",
+ "version": 3,
"settings": {
"appearanceTools": false,
"useRootPaddingAwareAlignments": false,
@@ -236,6 +236,7 @@
},
"typography": {
"customFontSize": true,
+ "defaultFontSizes": true,
"dropCap": true,
"fontSizes": [
{
diff --git a/package-lock.json b/package-lock.json
index 54d6545fdf2cb..9c6d856abe939 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -1,12 +1,12 @@
{
"name": "gutenberg",
- "version": "18.1.2",
+ "version": "18.3.0-rc.1",
"lockfileVersion": 2,
"requires": true,
"packages": {
"": {
"name": "gutenberg",
- "version": "18.1.2",
+ "version": "18.3.0-rc.1",
"hasInstallScript": true,
"license": "GPL-2.0-or-later",
"dependencies": {
@@ -115,11 +115,11 @@
"@storybook/source-loader": "7.6.15",
"@storybook/theming": "7.6.15",
"@testing-library/jest-dom": "5.16.5",
- "@testing-library/react": "14.0.0",
+ "@testing-library/react": "14.3.0",
"@testing-library/react-native": "12.4.3",
"@testing-library/user-event": "14.4.3",
- "@types/eslint": "7.28.0",
- "@types/estree": "0.0.50",
+ "@types/eslint": "8.56.9",
+ "@types/estree": "1.0.5",
"@types/istanbul-lib-report": "3.0.0",
"@types/mime": "2.0.3",
"@types/npm-package-arg": "6.1.1",
@@ -219,12 +219,12 @@
"postcss-loader": "6.2.1",
"prettier": "npm:wp-prettier@3.0.3",
"progress": "2.0.3",
- "react": "18.2.0",
- "react-dom": "18.2.0",
+ "react": "18.3.1",
+ "react-dom": "18.3.1",
"react-native": "0.73.3",
"react-native-url-polyfill": "1.1.2",
"react-refresh": "0.14.0",
- "react-test-renderer": "18.2.0",
+ "react-test-renderer": "18.3.1",
"reassure": "0.7.1",
"redux": "4.1.2",
"resize-observer-polyfill": "1.5.1",
@@ -242,7 +242,7 @@
"strip-json-comments": "5.0.0",
"style-loader": "3.2.1",
"terser-webpack-plugin": "5.3.9",
- "typescript": "5.1.6",
+ "typescript": "5.4.5",
"uglify-js": "3.13.7",
"uuid": "9.0.1",
"webdriverio": "8.16.20",
@@ -15310,9 +15310,9 @@
}
},
"node_modules/@testing-library/react": {
- "version": "14.0.0",
- "resolved": "https://registry.npmjs.org/@testing-library/react/-/react-14.0.0.tgz",
- "integrity": "sha512-S04gSNJbYE30TlIMLTzv6QCTzt9AqIF5y6s6SzVFILNcNvbV/jU96GeiTPillGQo+Ny64M/5PV7klNYYgv5Dfg==",
+ "version": "14.3.0",
+ "resolved": "https://registry.npmjs.org/@testing-library/react/-/react-14.3.0.tgz",
+ "integrity": "sha512-AYJGvNFMbCa5vt1UtDCa/dcaABrXq8gph6VN+cffIx0UeA0qiGqS+sT60+sb+Gjc8tGXdECWYQgaF0khf8b+Lg==",
"dev": true,
"dependencies": {
"@babel/runtime": "^7.12.5",
@@ -15602,9 +15602,9 @@
"dev": true
},
"node_modules/@types/eslint": {
- "version": "7.28.0",
- "resolved": "https://registry.npmjs.org/@types/eslint/-/eslint-7.28.0.tgz",
- "integrity": "sha512-07XlgzX0YJUn4iG1ocY4IX9DzKSmMGUs6ESKlxWhZRaa0fatIWaHWUVapcuGa8r5HFnTqzj+4OCjd5f7EZ/i/A==",
+ "version": "8.56.9",
+ "resolved": "https://registry.npmjs.org/@types/eslint/-/eslint-8.56.9.tgz",
+ "integrity": "sha512-W4W3KcqzjJ0sHg2vAq9vfml6OhsJ53TcUjUqfzzZf/EChUtwspszj/S0pzMxnfRcO55/iGq47dscXw71Fxc4Zg==",
"dev": true,
"dependencies": {
"@types/estree": "*",
@@ -15622,9 +15622,9 @@
}
},
"node_modules/@types/estree": {
- "version": "0.0.50",
- "resolved": "https://registry.npmjs.org/@types/estree/-/estree-0.0.50.tgz",
- "integrity": "sha512-C6N5s2ZFtuZRj54k2/zyRhNDjJwwcViAM3Nbm8zjBpbqAdZ00mr0CFxvSKeO8Y/e03WVFLpQMdHYVfUd6SB+Hw==",
+ "version": "1.0.5",
+ "resolved": "https://registry.npmjs.org/@types/estree/-/estree-1.0.5.tgz",
+ "integrity": "sha512-/kYRxGDLWzHOB7q+wtSUQlFrtcdUccpfy+X+9iMBpHK8QLLhx2wIPYuS5DYtR9Wa/YlZAbIovy7qVdB1Aq6Lyw==",
"dev": true
},
"node_modules/@types/events": {
@@ -21876,11 +21876,6 @@
"node": ">=0.10.0"
}
},
- "node_modules/classnames": {
- "version": "2.3.1",
- "resolved": "https://registry.npmjs.org/classnames/-/classnames-2.3.1.tgz",
- "integrity": "sha512-OlQdbZ7gLfGarSqxesMesDa5uz7KFbID8Kpq/SxIoNGDqY8lSYs0D+hhtBXhcdB3rcbXArFr7vlHheLk1voeNA=="
- },
"node_modules/clean-css": {
"version": "5.3.3",
"resolved": "https://registry.npmjs.org/clean-css/-/clean-css-5.3.3.tgz",
@@ -22157,6 +22152,14 @@
"url": "https://github.com/sponsors/sindresorhus"
}
},
+ "node_modules/clsx": {
+ "version": "2.1.1",
+ "resolved": "https://registry.npmjs.org/clsx/-/clsx-2.1.1.tgz",
+ "integrity": "sha512-eYm0QWBtUrBWZWG0d386OGAw16Z995PiOVo2B7bjWSbHedGl5e0ZWaq65kOGgUSNesEIDkB9ISbTg/JK9dhCZA==",
+ "engines": {
+ "node": ">=6"
+ }
+ },
"node_modules/cmd-shim": {
"version": "6.0.1",
"resolved": "https://registry.npmjs.org/cmd-shim/-/cmd-shim-6.0.1.tgz",
@@ -43340,11 +43343,6 @@
"node": ">= 14"
}
},
- "node_modules/proxy-compare": {
- "version": "2.3.0",
- "resolved": "https://registry.npmjs.org/proxy-compare/-/proxy-compare-2.3.0.tgz",
- "integrity": "sha512-c3L2CcAi7f7pvlD0D7xsF+2CQIW8C3HaYx2Pfgq8eA4HAl3GAH6/dVYsyBbYF/0XJs2ziGLrzmz5fmzPm6A0pQ=="
- },
"node_modules/proxy-from-env": {
"version": "1.1.0",
"resolved": "https://registry.npmjs.org/proxy-from-env/-/proxy-from-env-1.1.0.tgz",
@@ -43807,9 +43805,9 @@
}
},
"node_modules/react": {
- "version": "18.2.0",
- "resolved": "https://registry.npmjs.org/react/-/react-18.2.0.tgz",
- "integrity": "sha512-/3IjMdb2L9QbBdWiW5e3P2/npwMBaU9mHCSCUzNln0ZCYbcfTsGbTJrU/kGemdH2IWmB2ioZ+zkxtmq6g09fGQ==",
+ "version": "18.3.1",
+ "resolved": "https://registry.npmjs.org/react/-/react-18.3.1.tgz",
+ "integrity": "sha512-wS+hAgJShR0KhEvPJArfuPVN1+Hz1t0Y6n5jLrGQbkb4urgPE/0Rve+1kMB1v/oWgHgm4WIcV+i7F2pTVj+2iQ==",
"dependencies": {
"loose-envify": "^1.1.0"
},
@@ -43913,15 +43911,15 @@
}
},
"node_modules/react-dom": {
- "version": "18.2.0",
- "resolved": "https://registry.npmjs.org/react-dom/-/react-dom-18.2.0.tgz",
- "integrity": "sha512-6IMTriUmvsjHUjNtEDudZfuDQUoWXVxKHhlEGSk81n4YFS+r/Kl99wXiwlVXtPBtJenozv2P+hxDsw9eA7Xo6g==",
+ "version": "18.3.1",
+ "resolved": "https://registry.npmjs.org/react-dom/-/react-dom-18.3.1.tgz",
+ "integrity": "sha512-5m4nQKp+rZRb09LNH59GM4BxTh9251/ylbKIbpe7TpGxfJ+9kv6BLkLBXIjjspbgbnIBNqlI23tRnTWT0snUIw==",
"dependencies": {
"loose-envify": "^1.1.0",
- "scheduler": "^0.23.0"
+ "scheduler": "^0.23.2"
},
"peerDependencies": {
- "react": "^18.2.0"
+ "react": "^18.3.1"
}
},
"node_modules/react-element-to-jsx-string": {
@@ -44507,23 +44505,23 @@
}
},
"node_modules/react-test-renderer": {
- "version": "18.2.0",
- "resolved": "https://registry.npmjs.org/react-test-renderer/-/react-test-renderer-18.2.0.tgz",
- "integrity": "sha512-JWD+aQ0lh2gvh4NM3bBM42Kx+XybOxCpgYK7F8ugAlpaTSnWsX+39Z4XkOykGZAHrjwwTZT3x3KxswVWxHPUqA==",
+ "version": "18.3.1",
+ "resolved": "https://registry.npmjs.org/react-test-renderer/-/react-test-renderer-18.3.1.tgz",
+ "integrity": "sha512-KkAgygexHUkQqtvvx/otwxtuFu5cVjfzTCtjXLH9boS19/Nbtg84zS7wIQn39G8IlrhThBpQsMKkq5ZHZIYFXA==",
"dev": true,
"dependencies": {
- "react-is": "^18.2.0",
+ "react-is": "^18.3.1",
"react-shallow-renderer": "^16.15.0",
- "scheduler": "^0.23.0"
+ "scheduler": "^0.23.2"
},
"peerDependencies": {
- "react": "^18.2.0"
+ "react": "^18.3.1"
}
},
"node_modules/react-test-renderer/node_modules/react-is": {
- "version": "18.2.0",
- "resolved": "https://registry.npmjs.org/react-is/-/react-is-18.2.0.tgz",
- "integrity": "sha512-xWGDIW6x921xtzPkhiULtthJHoJvBbF3q26fzloPCK0hsvxtPVelvftw3zjbHWSkR2km9Z+4uxbDDK/6Zw9B8w==",
+ "version": "18.3.1",
+ "resolved": "https://registry.npmjs.org/react-is/-/react-is-18.3.1.tgz",
+ "integrity": "sha512-/LLMVyas0ljjAtoYiPqYiL8VWXzUUdThrmU5+n20DZv+a+ClRoevUzw5JxU+Ieh5/c87ytoTBV9G1FiKfNJdmg==",
"dev": true
},
"node_modules/read": {
@@ -46125,9 +46123,9 @@
}
},
"node_modules/scheduler": {
- "version": "0.23.0",
- "resolved": "https://registry.npmjs.org/scheduler/-/scheduler-0.23.0.tgz",
- "integrity": "sha512-CtuThmgHNg7zIZWAXi3AsyIzA3n4xx7aNyjwC2VJldO2LMVDhFK+63xGqq6CsJH4rTAt6/M+N4GhZiDYPx9eUw==",
+ "version": "0.23.2",
+ "resolved": "https://registry.npmjs.org/scheduler/-/scheduler-0.23.2.tgz",
+ "integrity": "sha512-UOShsPwz7NrMUqhR6t0hWjFduvOzbtv7toDH1/hIrfRNIDBnnBWd0CwJTGvTpngVlmwGCdP9/Zl/tVrDqcuYzQ==",
"dependencies": {
"loose-envify": "^1.1.0"
}
@@ -49698,9 +49696,9 @@
}
},
"node_modules/typescript": {
- "version": "5.1.6",
- "resolved": "https://registry.npmjs.org/typescript/-/typescript-5.1.6.tgz",
- "integrity": "sha512-zaWCozRZ6DLEWAWFrVDz1H6FVXzUSfTy5FUMWsQlU8Ym5JP9eO4xkTIROFCQvhQf61z6O/G6ugw3SgAnvvm+HA==",
+ "version": "5.4.5",
+ "resolved": "https://registry.npmjs.org/typescript/-/typescript-5.4.5.tgz",
+ "integrity": "sha512-vcI4UpRgg81oIRUFwR0WSIHKt11nJ7SAVlYNIu+QpqeyXP+gpQJy/Z4+F0aGxSE4MqwjyXvW/TzgkLAx2AGHwQ==",
"dev": true,
"bin": {
"tsc": "bin/tsc",
@@ -50511,46 +50509,6 @@
"integrity": "sha512-PnFM3xiZ+kYmLyTiMgTYmU7ZHkjBZz2/+F0DaALc/uUtVzdCt1wAosvYJ5hFQi/hz8O4zb52FQhHZRC+uVkJ+g==",
"dev": true
},
- "node_modules/valtio": {
- "version": "1.7.0",
- "resolved": "https://registry.npmjs.org/valtio/-/valtio-1.7.0.tgz",
- "integrity": "sha512-3Tnix66EERwMcrl1rfB3ylcewOcL5L/GiPmC3FlVNreQzqf2jufEeqlNmgnLgSGchkEmH3WYVtS+x6Qw4r+yzQ==",
- "dependencies": {
- "proxy-compare": "2.3.0",
- "use-sync-external-store": "1.2.0"
- },
- "engines": {
- "node": ">=12.7.0"
- },
- "peerDependencies": {
- "@babel/helper-module-imports": ">=7.12",
- "@babel/types": ">=7.13",
- "aslemammad-vite-plugin-macro": ">=1.0.0-alpha.1",
- "babel-plugin-macros": ">=3.0",
- "react": ">=16.8",
- "vite": ">=2.8.6"
- },
- "peerDependenciesMeta": {
- "@babel/helper-module-imports": {
- "optional": true
- },
- "@babel/types": {
- "optional": true
- },
- "aslemammad-vite-plugin-macro": {
- "optional": true
- },
- "babel-plugin-macros": {
- "optional": true
- },
- "react": {
- "optional": true
- },
- "vite": {
- "optional": true
- }
- }
- },
"node_modules/vary": {
"version": "1.1.2",
"resolved": "https://registry.npmjs.org/vary/-/vary-1.1.2.tgz",
@@ -51996,12 +51954,6 @@
"integrity": "sha512-kyDivFZ7ZM0BVOUteVbDFhlRt7Ah/CSPwJdi8hBpkK7QLumUqdLtVfm/PX/hkcnrvr0i77fO5+TjZ94Pe+C9iw==",
"dev": true
},
- "node_modules/webpack/node_modules/@types/estree": {
- "version": "1.0.5",
- "resolved": "https://registry.npmjs.org/@types/estree/-/estree-1.0.5.tgz",
- "integrity": "sha512-/kYRxGDLWzHOB7q+wtSUQlFrtcdUccpfy+X+9iMBpHK8QLLhx2wIPYuS5DYtR9Wa/YlZAbIovy7qVdB1Aq6Lyw==",
- "dev": true
- },
"node_modules/webpack/node_modules/@webassemblyjs/ast": {
"version": "1.12.1",
"resolved": "https://registry.npmjs.org/@webassemblyjs/ast/-/ast-1.12.1.tgz",
@@ -53061,7 +53013,7 @@
},
"packages/a11y": {
"name": "@wordpress/a11y",
- "version": "3.55.0",
+ "version": "3.57.0",
"license": "GPL-2.0-or-later",
"dependencies": {
"@babel/runtime": "^7.16.0",
@@ -53074,7 +53026,7 @@
},
"packages/annotations": {
"name": "@wordpress/annotations",
- "version": "2.55.0",
+ "version": "2.57.0",
"license": "GPL-2.0-or-later",
"dependencies": {
"@babel/runtime": "^7.16.0",
@@ -53101,7 +53053,7 @@
},
"packages/api-fetch": {
"name": "@wordpress/api-fetch",
- "version": "6.52.0",
+ "version": "6.54.0",
"license": "GPL-2.0-or-later",
"dependencies": {
"@babel/runtime": "^7.16.0",
@@ -53114,7 +53066,7 @@
},
"packages/autop": {
"name": "@wordpress/autop",
- "version": "3.55.0",
+ "version": "3.57.0",
"license": "GPL-2.0-or-later",
"dependencies": {
"@babel/runtime": "^7.16.0"
@@ -53125,7 +53077,7 @@
},
"packages/babel-plugin-import-jsx-pragma": {
"name": "@wordpress/babel-plugin-import-jsx-pragma",
- "version": "4.38.0",
+ "version": "4.40.0",
"dev": true,
"license": "GPL-2.0-or-later",
"engines": {
@@ -53137,7 +53089,7 @@
},
"packages/babel-plugin-makepot": {
"name": "@wordpress/babel-plugin-makepot",
- "version": "5.39.0",
+ "version": "5.41.0",
"dev": true,
"license": "GPL-2.0-or-later",
"dependencies": {
@@ -53154,7 +53106,7 @@
},
"packages/babel-preset-default": {
"name": "@wordpress/babel-preset-default",
- "version": "7.39.0",
+ "version": "7.41.0",
"dev": true,
"license": "GPL-2.0-or-later",
"dependencies": {
@@ -53169,7 +53121,7 @@
"@wordpress/warning": "file:../warning",
"browserslist": "^4.21.10",
"core-js": "^3.31.0",
- "react": "^18.2.0"
+ "react": "^18.3.0"
},
"engines": {
"node": ">=14"
@@ -53177,13 +53129,13 @@
},
"packages/base-styles": {
"name": "@wordpress/base-styles",
- "version": "4.46.0",
+ "version": "4.48.0",
"dev": true,
"license": "GPL-2.0-or-later"
},
"packages/blob": {
"name": "@wordpress/blob",
- "version": "3.55.0",
+ "version": "3.57.0",
"license": "GPL-2.0-or-later",
"dependencies": {
"@babel/runtime": "^7.16.0"
@@ -53194,7 +53146,7 @@
},
"packages/block-directory": {
"name": "@wordpress/block-directory",
- "version": "4.32.0",
+ "version": "4.34.0",
"license": "GPL-2.0-or-later",
"dependencies": {
"@babel/runtime": "^7.16.0",
@@ -53229,7 +53181,7 @@
},
"packages/block-editor": {
"name": "@wordpress/block-editor",
- "version": "12.23.0",
+ "version": "12.25.0",
"license": "GPL-2.0-or-later",
"dependencies": {
"@babel/runtime": "^7.16.0",
@@ -53266,7 +53218,7 @@
"@wordpress/warning": "file:../warning",
"@wordpress/wordcount": "file:../wordcount",
"change-case": "^4.1.2",
- "classnames": "^2.3.1",
+ "clsx": "^2.1.1",
"colord": "^2.7.0",
"deepmerge": "^4.3.0",
"diff": "^4.0.2",
@@ -53342,7 +53294,7 @@
},
"packages/block-library": {
"name": "@wordpress/block-library",
- "version": "8.32.0",
+ "version": "8.34.0",
"license": "GPL-2.0-or-later",
"dependencies": {
"@babel/runtime": "^7.16.0",
@@ -53367,6 +53319,7 @@
"@wordpress/icons": "file:../icons",
"@wordpress/interactivity": "file:../interactivity",
"@wordpress/interactivity-router": "file:../interactivity-router",
+ "@wordpress/keyboard-shortcuts": "file:../keyboard-shortcuts",
"@wordpress/keycodes": "file:../keycodes",
"@wordpress/notices": "file:../notices",
"@wordpress/patterns": "file:../patterns",
@@ -53379,7 +53332,7 @@
"@wordpress/viewport": "file:../viewport",
"@wordpress/wordcount": "file:../wordcount",
"change-case": "^4.1.2",
- "classnames": "^2.3.1",
+ "clsx": "^2.1.1",
"colord": "^2.7.0",
"escape-html": "^1.0.3",
"fast-average-color": "^9.1.1",
@@ -53406,7 +53359,7 @@
},
"packages/block-serialization-default-parser": {
"name": "@wordpress/block-serialization-default-parser",
- "version": "4.55.0",
+ "version": "4.57.0",
"license": "GPL-2.0-or-later",
"dependencies": {
"@babel/runtime": "^7.16.0"
@@ -53417,7 +53370,7 @@
},
"packages/block-serialization-spec-parser": {
"name": "@wordpress/block-serialization-spec-parser",
- "version": "4.55.0",
+ "version": "4.57.0",
"license": "GPL-2.0-or-later",
"dependencies": {
"pegjs": "^0.10.0",
@@ -53429,7 +53382,7 @@
},
"packages/blocks": {
"name": "@wordpress/blocks",
- "version": "12.32.0",
+ "version": "12.34.0",
"license": "GPL-2.0-or-later",
"dependencies": {
"@babel/runtime": "^7.16.0",
@@ -53454,7 +53407,7 @@
"hpq": "^1.3.0",
"is-plain-object": "^5.0.0",
"memize": "^2.1.0",
- "react-is": "^18.2.0",
+ "react-is": "^18.3.0",
"remove-accents": "^0.5.0",
"showdown": "^1.9.1",
"simple-html-tokenizer": "^0.5.7",
@@ -53468,9 +53421,9 @@
}
},
"packages/blocks/node_modules/react-is": {
- "version": "18.2.0",
- "resolved": "https://registry.npmjs.org/react-is/-/react-is-18.2.0.tgz",
- "integrity": "sha512-xWGDIW6x921xtzPkhiULtthJHoJvBbF3q26fzloPCK0hsvxtPVelvftw3zjbHWSkR2km9Z+4uxbDDK/6Zw9B8w=="
+ "version": "18.3.1",
+ "resolved": "https://registry.npmjs.org/react-is/-/react-is-18.3.1.tgz",
+ "integrity": "sha512-/LLMVyas0ljjAtoYiPqYiL8VWXzUUdThrmU5+n20DZv+a+ClRoevUzw5JxU+Ieh5/c87ytoTBV9G1FiKfNJdmg=="
},
"packages/blocks/node_modules/uuid": {
"version": "8.3.2",
@@ -53482,7 +53435,7 @@
},
"packages/browserslist-config": {
"name": "@wordpress/browserslist-config",
- "version": "5.38.0",
+ "version": "5.40.0",
"dev": true,
"license": "GPL-2.0-or-later",
"engines": {
@@ -53491,7 +53444,7 @@
},
"packages/commands": {
"name": "@wordpress/commands",
- "version": "0.26.0",
+ "version": "0.28.0",
"license": "GPL-2.0-or-later",
"dependencies": {
"@babel/runtime": "^7.16.0",
@@ -53502,7 +53455,7 @@
"@wordpress/icons": "file:../icons",
"@wordpress/keyboard-shortcuts": "file:../keyboard-shortcuts",
"@wordpress/private-apis": "file:../private-apis",
- "classnames": "^2.3.1",
+ "clsx": "^2.1.1",
"cmdk": "^0.2.0"
},
"engines": {
@@ -53515,7 +53468,7 @@
},
"packages/components": {
"name": "@wordpress/components",
- "version": "27.3.0",
+ "version": "27.5.0",
"license": "GPL-2.0-or-later",
"dependencies": {
"@ariakit/react": "^0.3.12",
@@ -53548,7 +53501,7 @@
"@wordpress/rich-text": "file:../rich-text",
"@wordpress/warning": "file:../warning",
"change-case": "^4.1.2",
- "classnames": "^2.3.1",
+ "clsx": "^2.1.1",
"colord": "^2.7.0",
"date-fns": "^3.6.0",
"deepmerge": "^4.3.0",
@@ -53564,8 +53517,7 @@
"react-colorful": "^5.3.1",
"remove-accents": "^0.5.0",
"use-lilius": "^2.0.5",
- "uuid": "^9.0.1",
- "valtio": "1.7.0"
+ "uuid": "^9.0.1"
},
"engines": {
"node": ">=12"
@@ -53618,7 +53570,7 @@
},
"packages/compose": {
"name": "@wordpress/compose",
- "version": "6.32.0",
+ "version": "6.34.0",
"license": "GPL-2.0-or-later",
"dependencies": {
"@babel/runtime": "^7.16.0",
@@ -53654,7 +53606,7 @@
},
"packages/core-commands": {
"name": "@wordpress/core-commands",
- "version": "0.24.0",
+ "version": "0.26.0",
"license": "GPL-2.0-or-later",
"dependencies": {
"@babel/runtime": "^7.16.0",
@@ -53680,7 +53632,7 @@
},
"packages/core-data": {
"name": "@wordpress/core-data",
- "version": "6.32.0",
+ "version": "6.34.0",
"license": "GPL-2.0-or-later",
"dependencies": {
"@babel/runtime": "^7.16.0",
@@ -53723,7 +53675,7 @@
},
"packages/create-block": {
"name": "@wordpress/create-block",
- "version": "4.39.0",
+ "version": "4.41.0",
"dev": true,
"license": "GPL-2.0-or-later",
"dependencies": {
@@ -53745,19 +53697,19 @@
"wp-create-block": "index.js"
},
"engines": {
- "node": ">=14",
- "npm": ">=6.14.4"
+ "node": ">=18",
+ "npm": ">=10.5.0"
}
},
"packages/create-block-tutorial-template": {
"name": "@wordpress/create-block-tutorial-template",
- "version": "3.9.0",
+ "version": "3.11.0",
"dev": true,
"license": "GPL-2.0-or-later"
},
"packages/customize-widgets": {
"name": "@wordpress/customize-widgets",
- "version": "4.32.0",
+ "version": "4.34.0",
"license": "GPL-2.0-or-later",
"dependencies": {
"@babel/runtime": "^7.16.0",
@@ -53781,7 +53733,7 @@
"@wordpress/preferences": "file:../preferences",
"@wordpress/private-apis": "file:../private-apis",
"@wordpress/widgets": "file:../widgets",
- "classnames": "^2.3.1",
+ "clsx": "^2.1.1",
"fast-deep-equal": "^3.1.3"
},
"engines": {
@@ -53794,7 +53746,7 @@
},
"packages/data": {
"name": "@wordpress/data",
- "version": "9.25.0",
+ "version": "9.27.0",
"license": "GPL-2.0-or-later",
"dependencies": {
"@babel/runtime": "^7.16.0",
@@ -53822,7 +53774,7 @@
},
"packages/data-controls": {
"name": "@wordpress/data-controls",
- "version": "3.24.0",
+ "version": "3.26.0",
"license": "GPL-2.0-or-later",
"dependencies": {
"@babel/runtime": "^7.16.0",
@@ -53839,7 +53791,7 @@
},
"packages/dataviews": {
"name": "@wordpress/dataviews",
- "version": "0.9.0",
+ "version": "1.1.0",
"license": "GPL-2.0-or-later",
"dependencies": {
"@ariakit/react": "^0.3.12",
@@ -53853,7 +53805,7 @@
"@wordpress/keycodes": "file:../keycodes",
"@wordpress/primitives": "file:../primitives",
"@wordpress/private-apis": "file:../private-apis",
- "classnames": "^2.3.1",
+ "clsx": "^2.1.1",
"remove-accents": "^0.5.0"
},
"engines": {
@@ -53900,7 +53852,7 @@
},
"packages/date": {
"name": "@wordpress/date",
- "version": "4.55.0",
+ "version": "4.57.0",
"license": "GPL-2.0-or-later",
"dependencies": {
"@babel/runtime": "^7.16.0",
@@ -53914,7 +53866,7 @@
},
"packages/dependency-extraction-webpack-plugin": {
"name": "@wordpress/dependency-extraction-webpack-plugin",
- "version": "5.6.0",
+ "version": "5.8.0",
"dev": true,
"license": "GPL-2.0-or-later",
"dependencies": {
@@ -53929,7 +53881,7 @@
},
"packages/deprecated": {
"name": "@wordpress/deprecated",
- "version": "3.55.0",
+ "version": "3.57.0",
"license": "GPL-2.0-or-later",
"dependencies": {
"@babel/runtime": "^7.16.0",
@@ -53941,7 +53893,7 @@
},
"packages/docgen": {
"name": "@wordpress/docgen",
- "version": "1.64.0",
+ "version": "1.66.0",
"dev": true,
"license": "GPL-2.0-or-later",
"dependencies": {
@@ -53959,7 +53911,7 @@
},
"packages/dom": {
"name": "@wordpress/dom",
- "version": "3.55.0",
+ "version": "3.57.0",
"license": "GPL-2.0-or-later",
"dependencies": {
"@babel/runtime": "^7.16.0",
@@ -53971,7 +53923,7 @@
},
"packages/dom-ready": {
"name": "@wordpress/dom-ready",
- "version": "3.55.0",
+ "version": "3.57.0",
"license": "GPL-2.0-or-later",
"dependencies": {
"@babel/runtime": "^7.16.0"
@@ -53982,7 +53934,7 @@
},
"packages/e2e-test-utils": {
"name": "@wordpress/e2e-test-utils",
- "version": "10.26.0",
+ "version": "10.28.0",
"dev": true,
"license": "GPL-2.0-or-later",
"dependencies": {
@@ -54004,7 +53956,7 @@
},
"packages/e2e-test-utils-playwright": {
"name": "@wordpress/e2e-test-utils-playwright",
- "version": "0.23.0",
+ "version": "0.25.0",
"dev": true,
"license": "GPL-2.0-or-later",
"dependencies": {
@@ -54027,7 +53979,7 @@
},
"packages/e2e-tests": {
"name": "@wordpress/e2e-tests",
- "version": "7.26.0",
+ "version": "7.28.0",
"dev": true,
"license": "GPL-2.0-or-later",
"dependencies": {
@@ -54066,7 +54018,7 @@
},
"packages/edit-post": {
"name": "@wordpress/edit-post",
- "version": "7.32.0",
+ "version": "7.34.0",
"license": "GPL-2.0-or-later",
"dependencies": {
"@babel/runtime": "^7.16.0",
@@ -54099,7 +54051,7 @@
"@wordpress/viewport": "file:../viewport",
"@wordpress/warning": "file:../warning",
"@wordpress/widgets": "file:../widgets",
- "classnames": "^2.3.1",
+ "clsx": "^2.1.1",
"memize": "^2.1.0"
},
"engines": {
@@ -54112,7 +54064,7 @@
},
"packages/edit-site": {
"name": "@wordpress/edit-site",
- "version": "5.32.0",
+ "version": "5.34.0",
"license": "GPL-2.0-or-later",
"dependencies": {
"@babel/runtime": "^7.16.0",
@@ -54158,8 +54110,8 @@
"@wordpress/widgets": "file:../widgets",
"@wordpress/wordcount": "file:../wordcount",
"change-case": "^4.1.2",
- "classnames": "^2.3.1",
"client-zip": "^2.4.4",
+ "clsx": "^2.1.1",
"colord": "^2.9.2",
"deepmerge": "^4.3.0",
"fast-deep-equal": "^3.1.3",
@@ -54177,7 +54129,7 @@
},
"packages/edit-widgets": {
"name": "@wordpress/edit-widgets",
- "version": "5.32.0",
+ "version": "5.34.0",
"license": "GPL-2.0-or-later",
"dependencies": {
"@babel/runtime": "^7.16.0",
@@ -54207,7 +54159,7 @@
"@wordpress/reusable-blocks": "file:../reusable-blocks",
"@wordpress/url": "file:../url",
"@wordpress/widgets": "file:../widgets",
- "classnames": "^2.3.1"
+ "clsx": "^2.1.1"
},
"engines": {
"node": ">=12"
@@ -54219,7 +54171,7 @@
},
"packages/editor": {
"name": "@wordpress/editor",
- "version": "13.32.0",
+ "version": "13.34.0",
"license": "GPL-2.0-or-later",
"dependencies": {
"@babel/runtime": "^7.16.0",
@@ -54256,7 +54208,7 @@
"@wordpress/url": "file:../url",
"@wordpress/warning": "file:../warning",
"@wordpress/wordcount": "file:../wordcount",
- "classnames": "^2.3.1",
+ "clsx": "^2.1.1",
"date-fns": "^3.6.0",
"memize": "^2.1.0",
"react-autosize-textarea": "^7.1.0",
@@ -54272,7 +54224,7 @@
},
"packages/element": {
"name": "@wordpress/element",
- "version": "5.32.0",
+ "version": "5.34.0",
"license": "GPL-2.0-or-later",
"dependencies": {
"@babel/runtime": "^7.16.0",
@@ -54281,8 +54233,8 @@
"@wordpress/escape-html": "file:../escape-html",
"change-case": "^4.1.2",
"is-plain-object": "^5.0.0",
- "react": "^18.2.0",
- "react-dom": "^18.2.0"
+ "react": "^18.3.0",
+ "react-dom": "^18.3.0"
},
"engines": {
"node": ">=12"
@@ -54290,7 +54242,7 @@
},
"packages/env": {
"name": "@wordpress/env",
- "version": "9.7.0",
+ "version": "9.9.0",
"dev": true,
"license": "GPL-2.0-or-later",
"dependencies": {
@@ -54427,7 +54379,7 @@
},
"packages/escape-html": {
"name": "@wordpress/escape-html",
- "version": "2.55.0",
+ "version": "2.57.0",
"license": "GPL-2.0-or-later",
"dependencies": {
"@babel/runtime": "^7.16.0"
@@ -54438,7 +54390,7 @@
},
"packages/eslint-plugin": {
"name": "@wordpress/eslint-plugin",
- "version": "17.12.0",
+ "version": "18.0.0",
"dev": true,
"license": "GPL-2.0-or-later",
"dependencies": {
@@ -54481,7 +54433,7 @@
},
"packages/format-library": {
"name": "@wordpress/format-library",
- "version": "4.32.0",
+ "version": "4.34.0",
"license": "GPL-2.0-or-later",
"dependencies": {
"@babel/runtime": "^7.16.0",
@@ -54508,7 +54460,7 @@
},
"packages/hooks": {
"name": "@wordpress/hooks",
- "version": "3.55.0",
+ "version": "3.57.0",
"license": "GPL-2.0-or-later",
"dependencies": {
"@babel/runtime": "^7.16.0"
@@ -54519,7 +54471,7 @@
},
"packages/html-entities": {
"name": "@wordpress/html-entities",
- "version": "3.55.0",
+ "version": "3.57.0",
"license": "GPL-2.0-or-later",
"dependencies": {
"@babel/runtime": "^7.16.0"
@@ -54530,7 +54482,7 @@
},
"packages/i18n": {
"name": "@wordpress/i18n",
- "version": "4.55.0",
+ "version": "4.57.0",
"license": "GPL-2.0-or-later",
"dependencies": {
"@babel/runtime": "^7.16.0",
@@ -54549,7 +54501,7 @@
},
"packages/icons": {
"name": "@wordpress/icons",
- "version": "9.46.0",
+ "version": "9.48.0",
"license": "GPL-2.0-or-later",
"dependencies": {
"@babel/runtime": "^7.16.0",
@@ -54562,7 +54514,7 @@
},
"packages/interactivity": {
"name": "@wordpress/interactivity",
- "version": "5.4.0",
+ "version": "5.6.0",
"license": "GPL-2.0-or-later",
"dependencies": {
"@preact/signals": "^1.2.2",
@@ -54575,7 +54527,7 @@
},
"packages/interactivity-router": {
"name": "@wordpress/interactivity-router",
- "version": "1.5.0",
+ "version": "1.7.0",
"license": "GPL-2.0-or-later",
"dependencies": {
"@wordpress/interactivity": "file:../interactivity"
@@ -54635,7 +54587,7 @@
},
"packages/interface": {
"name": "@wordpress/interface",
- "version": "5.32.0",
+ "version": "5.34.0",
"license": "GPL-2.0-or-later",
"dependencies": {
"@babel/runtime": "^7.16.0",
@@ -54651,7 +54603,7 @@
"@wordpress/preferences": "file:../preferences",
"@wordpress/private-apis": "file:../private-apis",
"@wordpress/viewport": "file:../viewport",
- "classnames": "^2.3.1"
+ "clsx": "^2.1.1"
},
"engines": {
"node": ">=12"
@@ -54663,7 +54615,7 @@
},
"packages/is-shallow-equal": {
"name": "@wordpress/is-shallow-equal",
- "version": "4.55.0",
+ "version": "4.57.0",
"license": "GPL-2.0-or-later",
"dependencies": {
"@babel/runtime": "^7.16.0"
@@ -54674,7 +54626,7 @@
},
"packages/jest-console": {
"name": "@wordpress/jest-console",
- "version": "7.26.0",
+ "version": "7.28.0",
"dev": true,
"license": "GPL-2.0-or-later",
"dependencies": {
@@ -54690,7 +54642,7 @@
},
"packages/jest-preset-default": {
"name": "@wordpress/jest-preset-default",
- "version": "11.26.0",
+ "version": "11.28.0",
"dev": true,
"license": "GPL-2.0-or-later",
"dependencies": {
@@ -54707,7 +54659,7 @@
},
"packages/jest-puppeteer-axe": {
"name": "@wordpress/jest-puppeteer-axe",
- "version": "6.26.0",
+ "version": "6.28.0",
"dev": true,
"license": "GPL-2.0-or-later",
"dependencies": {
@@ -54729,7 +54681,7 @@
},
"packages/keyboard-shortcuts": {
"name": "@wordpress/keyboard-shortcuts",
- "version": "4.32.0",
+ "version": "4.34.0",
"license": "GPL-2.0-or-later",
"dependencies": {
"@babel/runtime": "^7.16.0",
@@ -54746,7 +54698,7 @@
},
"packages/keycodes": {
"name": "@wordpress/keycodes",
- "version": "3.55.0",
+ "version": "3.57.0",
"license": "GPL-2.0-or-later",
"dependencies": {
"@babel/runtime": "^7.16.0",
@@ -54758,7 +54710,7 @@
},
"packages/lazy-import": {
"name": "@wordpress/lazy-import",
- "version": "1.42.0",
+ "version": "1.44.0",
"dev": true,
"license": "GPL-2.0-or-later",
"dependencies": {
@@ -54772,7 +54724,7 @@
},
"packages/list-reusable-blocks": {
"name": "@wordpress/list-reusable-blocks",
- "version": "4.32.0",
+ "version": "4.34.0",
"license": "GPL-2.0-or-later",
"dependencies": {
"@babel/runtime": "^7.16.0",
@@ -54794,7 +54746,7 @@
},
"packages/media-utils": {
"name": "@wordpress/media-utils",
- "version": "4.46.0",
+ "version": "4.48.0",
"license": "GPL-2.0-or-later",
"dependencies": {
"@babel/runtime": "^7.16.0",
@@ -54809,7 +54761,7 @@
},
"packages/notices": {
"name": "@wordpress/notices",
- "version": "4.23.0",
+ "version": "4.25.0",
"license": "GPL-2.0-or-later",
"dependencies": {
"@babel/runtime": "^7.16.0",
@@ -54825,7 +54777,7 @@
},
"packages/npm-package-json-lint-config": {
"name": "@wordpress/npm-package-json-lint-config",
- "version": "4.40.0",
+ "version": "4.42.0",
"dev": true,
"license": "GPL-2.0-or-later",
"engines": {
@@ -54837,7 +54789,7 @@
},
"packages/nux": {
"name": "@wordpress/nux",
- "version": "8.17.0",
+ "version": "8.19.0",
"license": "GPL-2.0-or-later",
"dependencies": {
"@babel/runtime": "^7.16.0",
@@ -54859,7 +54811,7 @@
},
"packages/patterns": {
"name": "@wordpress/patterns",
- "version": "1.16.0",
+ "version": "1.18.0",
"license": "GPL-2.0-or-later",
"dependencies": {
"@babel/runtime": "^7.16.0",
@@ -54888,7 +54840,7 @@
},
"packages/plugins": {
"name": "@wordpress/plugins",
- "version": "6.23.0",
+ "version": "6.25.0",
"license": "GPL-2.0-or-later",
"dependencies": {
"@babel/runtime": "^7.16.0",
@@ -54910,7 +54862,7 @@
},
"packages/postcss-plugins-preset": {
"name": "@wordpress/postcss-plugins-preset",
- "version": "4.39.0",
+ "version": "4.41.0",
"dev": true,
"license": "GPL-2.0-or-later",
"dependencies": {
@@ -54926,7 +54878,7 @@
},
"packages/postcss-themes": {
"name": "@wordpress/postcss-themes",
- "version": "5.38.0",
+ "version": "5.40.0",
"dev": true,
"license": "GPL-2.0-or-later",
"engines": {
@@ -54938,7 +54890,7 @@
},
"packages/preferences": {
"name": "@wordpress/preferences",
- "version": "3.32.0",
+ "version": "3.34.0",
"license": "GPL-2.0-or-later",
"dependencies": {
"@babel/runtime": "^7.16.0",
@@ -54951,7 +54903,7 @@
"@wordpress/i18n": "file:../i18n",
"@wordpress/icons": "file:../icons",
"@wordpress/private-apis": "file:../private-apis",
- "classnames": "^2.3.1"
+ "clsx": "^2.1.1"
},
"engines": {
"node": ">=12"
@@ -54963,7 +54915,7 @@
},
"packages/preferences-persistence": {
"name": "@wordpress/preferences-persistence",
- "version": "1.47.0",
+ "version": "1.49.0",
"license": "GPL-2.0-or-later",
"dependencies": {
"@babel/runtime": "^7.16.0",
@@ -54975,7 +54927,7 @@
},
"packages/prettier-config": {
"name": "@wordpress/prettier-config",
- "version": "3.12.0",
+ "version": "3.14.0",
"dev": true,
"license": "GPL-2.0-or-later",
"engines": {
@@ -54987,12 +54939,12 @@
},
"packages/primitives": {
"name": "@wordpress/primitives",
- "version": "3.53.0",
+ "version": "3.55.0",
"license": "GPL-2.0-or-later",
"dependencies": {
"@babel/runtime": "^7.16.0",
"@wordpress/element": "file:../element",
- "classnames": "^2.3.1"
+ "clsx": "^2.1.1"
},
"engines": {
"node": ">=12"
@@ -55000,7 +54952,7 @@
},
"packages/priority-queue": {
"name": "@wordpress/priority-queue",
- "version": "2.55.0",
+ "version": "2.57.0",
"license": "GPL-2.0-or-later",
"dependencies": {
"@babel/runtime": "^7.16.0",
@@ -55012,7 +54964,7 @@
},
"packages/private-apis": {
"name": "@wordpress/private-apis",
- "version": "0.37.0",
+ "version": "0.39.0",
"license": "GPL-2.0-or-later",
"dependencies": {
"@babel/runtime": "^7.16.0"
@@ -55023,7 +54975,7 @@
},
"packages/project-management-automation": {
"name": "@wordpress/project-management-automation",
- "version": "1.54.0",
+ "version": "1.56.0",
"dev": true,
"license": "GPL-2.0-or-later",
"dependencies": {
@@ -55036,7 +54988,7 @@
},
"packages/react-i18n": {
"name": "@wordpress/react-i18n",
- "version": "3.53.0",
+ "version": "3.55.0",
"license": "GPL-2.0-or-later",
"dependencies": {
"@babel/runtime": "^7.16.0",
@@ -55050,7 +55002,7 @@
},
"packages/react-native-aztec": {
"name": "@wordpress/react-native-aztec",
- "version": "1.117.0",
+ "version": "1.118.0",
"license": "GPL-2.0-or-later",
"dependencies": {
"@wordpress/element": "file:../element",
@@ -55063,7 +55015,7 @@
},
"packages/react-native-bridge": {
"name": "@wordpress/react-native-bridge",
- "version": "1.117.0",
+ "version": "1.118.0",
"license": "GPL-2.0-or-later",
"dependencies": {
"@wordpress/react-native-aztec": "file:../react-native-aztec"
@@ -55074,7 +55026,7 @@
},
"packages/react-native-editor": {
"name": "@wordpress/react-native-editor",
- "version": "1.117.0",
+ "version": "1.118.0",
"hasInstallScript": true,
"license": "GPL-2.0-or-later",
"dependencies": {
@@ -55183,7 +55135,7 @@
},
"packages/readable-js-assets-webpack-plugin": {
"name": "@wordpress/readable-js-assets-webpack-plugin",
- "version": "2.38.0",
+ "version": "2.40.0",
"dev": true,
"license": "GPL-2.0-or-later",
"engines": {
@@ -55195,7 +55147,7 @@
},
"packages/redux-routine": {
"name": "@wordpress/redux-routine",
- "version": "4.55.0",
+ "version": "4.57.0",
"license": "GPL-2.0-or-later",
"dependencies": {
"@babel/runtime": "^7.16.0",
@@ -55239,7 +55191,7 @@
},
"packages/reusable-blocks": {
"name": "@wordpress/reusable-blocks",
- "version": "4.32.0",
+ "version": "4.34.0",
"license": "GPL-2.0-or-later",
"dependencies": {
"@babel/runtime": "^7.16.0",
@@ -55265,7 +55217,7 @@
},
"packages/rich-text": {
"name": "@wordpress/rich-text",
- "version": "6.32.0",
+ "version": "6.34.0",
"license": "GPL-2.0-or-later",
"dependencies": {
"@babel/runtime": "^7.16.0",
@@ -55288,7 +55240,7 @@
},
"packages/router": {
"name": "@wordpress/router",
- "version": "0.24.0",
+ "version": "0.26.0",
"license": "GPL-2.0-or-later",
"dependencies": {
"@babel/runtime": "^7.16.0",
@@ -55306,7 +55258,7 @@
},
"packages/scripts": {
"name": "@wordpress/scripts",
- "version": "27.6.0",
+ "version": "27.8.0",
"dev": true,
"license": "GPL-2.0-or-later",
"dependencies": {
@@ -55691,7 +55643,7 @@
},
"packages/server-side-render": {
"name": "@wordpress/server-side-render",
- "version": "4.32.0",
+ "version": "4.34.0",
"license": "GPL-2.0-or-later",
"dependencies": {
"@babel/runtime": "^7.16.0",
@@ -55716,7 +55668,7 @@
},
"packages/shortcode": {
"name": "@wordpress/shortcode",
- "version": "3.55.0",
+ "version": "3.57.0",
"license": "GPL-2.0-or-later",
"dependencies": {
"@babel/runtime": "^7.16.0",
@@ -55728,7 +55680,7 @@
},
"packages/style-engine": {
"name": "@wordpress/style-engine",
- "version": "1.38.0",
+ "version": "1.40.0",
"license": "GPL-2.0-or-later",
"dependencies": {
"@babel/runtime": "^7.16.0",
@@ -55740,7 +55692,7 @@
},
"packages/stylelint-config": {
"name": "@wordpress/stylelint-config",
- "version": "21.38.0",
+ "version": "21.40.0",
"dev": true,
"license": "MIT",
"dependencies": {
@@ -55756,7 +55708,7 @@
},
"packages/sync": {
"name": "@wordpress/sync",
- "version": "0.17.0",
+ "version": "0.19.0",
"license": "GPL-2.0-or-later",
"dependencies": {
"@babel/runtime": "^7.16.0",
@@ -55776,7 +55728,7 @@
},
"packages/token-list": {
"name": "@wordpress/token-list",
- "version": "2.55.0",
+ "version": "2.57.0",
"license": "GPL-2.0-or-later",
"dependencies": {
"@babel/runtime": "^7.16.0"
@@ -55787,7 +55739,7 @@
},
"packages/undo-manager": {
"name": "@wordpress/undo-manager",
- "version": "0.15.0",
+ "version": "0.17.0",
"license": "GPL-2.0-or-later",
"dependencies": {
"@babel/runtime": "^7.16.0",
@@ -55799,7 +55751,7 @@
},
"packages/url": {
"name": "@wordpress/url",
- "version": "3.56.0",
+ "version": "3.58.0",
"license": "GPL-2.0-or-later",
"dependencies": {
"@babel/runtime": "^7.16.0",
@@ -55811,7 +55763,7 @@
},
"packages/viewport": {
"name": "@wordpress/viewport",
- "version": "5.32.0",
+ "version": "5.34.0",
"license": "GPL-2.0-or-later",
"dependencies": {
"@babel/runtime": "^7.16.0",
@@ -55828,7 +55780,7 @@
},
"packages/warning": {
"name": "@wordpress/warning",
- "version": "2.55.0",
+ "version": "2.57.0",
"license": "GPL-2.0-or-later",
"engines": {
"node": ">=12"
@@ -55836,7 +55788,7 @@
},
"packages/widgets": {
"name": "@wordpress/widgets",
- "version": "3.32.0",
+ "version": "3.34.0",
"license": "GPL-2.0-or-later",
"dependencies": {
"@babel/runtime": "^7.16.0",
@@ -55851,7 +55803,7 @@
"@wordpress/i18n": "file:../i18n",
"@wordpress/icons": "file:../icons",
"@wordpress/notices": "file:../notices",
- "classnames": "^2.3.1"
+ "clsx": "^2.1.1"
},
"peerDependencies": {
"react": "^18.0.0",
@@ -55860,7 +55812,7 @@
},
"packages/wordcount": {
"name": "@wordpress/wordcount",
- "version": "3.55.0",
+ "version": "3.57.0",
"license": "GPL-2.0-or-later",
"dependencies": {
"@babel/runtime": "^7.16.0"
@@ -66353,9 +66305,9 @@
}
},
"@testing-library/react": {
- "version": "14.0.0",
- "resolved": "https://registry.npmjs.org/@testing-library/react/-/react-14.0.0.tgz",
- "integrity": "sha512-S04gSNJbYE30TlIMLTzv6QCTzt9AqIF5y6s6SzVFILNcNvbV/jU96GeiTPillGQo+Ny64M/5PV7klNYYgv5Dfg==",
+ "version": "14.3.0",
+ "resolved": "https://registry.npmjs.org/@testing-library/react/-/react-14.3.0.tgz",
+ "integrity": "sha512-AYJGvNFMbCa5vt1UtDCa/dcaABrXq8gph6VN+cffIx0UeA0qiGqS+sT60+sb+Gjc8tGXdECWYQgaF0khf8b+Lg==",
"dev": true,
"requires": {
"@babel/runtime": "^7.12.5",
@@ -66607,9 +66559,9 @@
"dev": true
},
"@types/eslint": {
- "version": "7.28.0",
- "resolved": "https://registry.npmjs.org/@types/eslint/-/eslint-7.28.0.tgz",
- "integrity": "sha512-07XlgzX0YJUn4iG1ocY4IX9DzKSmMGUs6ESKlxWhZRaa0fatIWaHWUVapcuGa8r5HFnTqzj+4OCjd5f7EZ/i/A==",
+ "version": "8.56.9",
+ "resolved": "https://registry.npmjs.org/@types/eslint/-/eslint-8.56.9.tgz",
+ "integrity": "sha512-W4W3KcqzjJ0sHg2vAq9vfml6OhsJ53TcUjUqfzzZf/EChUtwspszj/S0pzMxnfRcO55/iGq47dscXw71Fxc4Zg==",
"dev": true,
"requires": {
"@types/estree": "*",
@@ -66627,9 +66579,9 @@
}
},
"@types/estree": {
- "version": "0.0.50",
- "resolved": "https://registry.npmjs.org/@types/estree/-/estree-0.0.50.tgz",
- "integrity": "sha512-C6N5s2ZFtuZRj54k2/zyRhNDjJwwcViAM3Nbm8zjBpbqAdZ00mr0CFxvSKeO8Y/e03WVFLpQMdHYVfUd6SB+Hw==",
+ "version": "1.0.5",
+ "resolved": "https://registry.npmjs.org/@types/estree/-/estree-1.0.5.tgz",
+ "integrity": "sha512-/kYRxGDLWzHOB7q+wtSUQlFrtcdUccpfy+X+9iMBpHK8QLLhx2wIPYuS5DYtR9Wa/YlZAbIovy7qVdB1Aq6Lyw==",
"dev": true
},
"@types/events": {
@@ -68541,7 +68493,7 @@
"@wordpress/warning": "file:../warning",
"browserslist": "^4.21.10",
"core-js": "^3.31.0",
- "react": "^18.2.0"
+ "react": "^18.3.0"
}
},
"@wordpress/base-styles": {
@@ -68616,7 +68568,7 @@
"@wordpress/warning": "file:../warning",
"@wordpress/wordcount": "file:../wordcount",
"change-case": "^4.1.2",
- "classnames": "^2.3.1",
+ "clsx": "^2.1.1",
"colord": "^2.7.0",
"deepmerge": "^4.3.0",
"diff": "^4.0.2",
@@ -68686,6 +68638,7 @@
"@wordpress/icons": "file:../icons",
"@wordpress/interactivity": "file:../interactivity",
"@wordpress/interactivity-router": "file:../interactivity-router",
+ "@wordpress/keyboard-shortcuts": "file:../keyboard-shortcuts",
"@wordpress/keycodes": "file:../keycodes",
"@wordpress/notices": "file:../notices",
"@wordpress/patterns": "file:../patterns",
@@ -68698,7 +68651,7 @@
"@wordpress/viewport": "file:../viewport",
"@wordpress/wordcount": "file:../wordcount",
"change-case": "^4.1.2",
- "classnames": "^2.3.1",
+ "clsx": "^2.1.1",
"colord": "^2.7.0",
"escape-html": "^1.0.3",
"fast-average-color": "^9.1.1",
@@ -68752,7 +68705,7 @@
"hpq": "^1.3.0",
"is-plain-object": "^5.0.0",
"memize": "^2.1.0",
- "react-is": "^18.2.0",
+ "react-is": "^18.3.0",
"remove-accents": "^0.5.0",
"showdown": "^1.9.1",
"simple-html-tokenizer": "^0.5.7",
@@ -68760,9 +68713,9 @@
},
"dependencies": {
"react-is": {
- "version": "18.2.0",
- "resolved": "https://registry.npmjs.org/react-is/-/react-is-18.2.0.tgz",
- "integrity": "sha512-xWGDIW6x921xtzPkhiULtthJHoJvBbF3q26fzloPCK0hsvxtPVelvftw3zjbHWSkR2km9Z+4uxbDDK/6Zw9B8w=="
+ "version": "18.3.1",
+ "resolved": "https://registry.npmjs.org/react-is/-/react-is-18.3.1.tgz",
+ "integrity": "sha512-/LLMVyas0ljjAtoYiPqYiL8VWXzUUdThrmU5+n20DZv+a+ClRoevUzw5JxU+Ieh5/c87ytoTBV9G1FiKfNJdmg=="
},
"uuid": {
"version": "https://registry.npmjs.org/uuid/-/uuid-8.3.2.tgz",
@@ -68784,7 +68737,7 @@
"@wordpress/icons": "file:../icons",
"@wordpress/keyboard-shortcuts": "file:../keyboard-shortcuts",
"@wordpress/private-apis": "file:../private-apis",
- "classnames": "^2.3.1",
+ "clsx": "^2.1.1",
"cmdk": "^0.2.0"
}
},
@@ -68821,7 +68774,7 @@
"@wordpress/rich-text": "file:../rich-text",
"@wordpress/warning": "file:../warning",
"change-case": "^4.1.2",
- "classnames": "^2.3.1",
+ "clsx": "^2.1.1",
"colord": "^2.7.0",
"date-fns": "^3.6.0",
"deepmerge": "^4.3.0",
@@ -68837,8 +68790,7 @@
"react-colorful": "^5.3.1",
"remove-accents": "^0.5.0",
"use-lilius": "^2.0.5",
- "uuid": "^9.0.1",
- "valtio": "1.7.0"
+ "uuid": "^9.0.1"
},
"dependencies": {
"@floating-ui/react-dom": {
@@ -68997,7 +68949,7 @@
"@wordpress/preferences": "file:../preferences",
"@wordpress/private-apis": "file:../private-apis",
"@wordpress/widgets": "file:../widgets",
- "classnames": "^2.3.1",
+ "clsx": "^2.1.1",
"fast-deep-equal": "^3.1.3"
}
},
@@ -69044,7 +68996,7 @@
"@wordpress/keycodes": "file:../keycodes",
"@wordpress/primitives": "file:../primitives",
"@wordpress/private-apis": "file:../private-apis",
- "classnames": "^2.3.1",
+ "clsx": "^2.1.1",
"remove-accents": "^0.5.0"
},
"dependencies": {
@@ -69203,7 +69155,7 @@
"@wordpress/viewport": "file:../viewport",
"@wordpress/warning": "file:../warning",
"@wordpress/widgets": "file:../widgets",
- "classnames": "^2.3.1",
+ "clsx": "^2.1.1",
"memize": "^2.1.0"
}
},
@@ -69253,8 +69205,8 @@
"@wordpress/widgets": "file:../widgets",
"@wordpress/wordcount": "file:../wordcount",
"change-case": "^4.1.2",
- "classnames": "^2.3.1",
"client-zip": "^2.4.4",
+ "clsx": "^2.1.1",
"colord": "^2.9.2",
"deepmerge": "^4.3.0",
"fast-deep-equal": "^3.1.3",
@@ -69293,7 +69245,7 @@
"@wordpress/reusable-blocks": "file:../reusable-blocks",
"@wordpress/url": "file:../url",
"@wordpress/widgets": "file:../widgets",
- "classnames": "^2.3.1"
+ "clsx": "^2.1.1"
}
},
"@wordpress/editor": {
@@ -69333,7 +69285,7 @@
"@wordpress/url": "file:../url",
"@wordpress/warning": "file:../warning",
"@wordpress/wordcount": "file:../wordcount",
- "classnames": "^2.3.1",
+ "clsx": "^2.1.1",
"date-fns": "^3.6.0",
"memize": "^2.1.0",
"react-autosize-textarea": "^7.1.0",
@@ -69349,8 +69301,8 @@
"@wordpress/escape-html": "file:../escape-html",
"change-case": "^4.1.2",
"is-plain-object": "^5.0.0",
- "react": "^18.2.0",
- "react-dom": "^18.2.0"
+ "react": "^18.3.0",
+ "react-dom": "^18.3.0"
}
},
"@wordpress/env": {
@@ -69585,7 +69537,7 @@
"@wordpress/preferences": "file:../preferences",
"@wordpress/private-apis": "file:../private-apis",
"@wordpress/viewport": "file:../viewport",
- "classnames": "^2.3.1"
+ "clsx": "^2.1.1"
}
},
"@wordpress/is-shallow-equal": {
@@ -69742,7 +69694,7 @@
"@wordpress/i18n": "file:../i18n",
"@wordpress/icons": "file:../icons",
"@wordpress/private-apis": "file:../private-apis",
- "classnames": "^2.3.1"
+ "clsx": "^2.1.1"
}
},
"@wordpress/preferences-persistence": {
@@ -69760,7 +69712,7 @@
"requires": {
"@babel/runtime": "^7.16.0",
"@wordpress/element": "file:../element",
- "classnames": "^2.3.1"
+ "clsx": "^2.1.1"
}
},
"@wordpress/priority-queue": {
@@ -70349,7 +70301,7 @@
"@wordpress/i18n": "file:../i18n",
"@wordpress/icons": "file:../icons",
"@wordpress/notices": "file:../notices",
- "classnames": "^2.3.1"
+ "clsx": "^2.1.1"
}
},
"@wordpress/wordcount": {
@@ -73065,11 +73017,6 @@
}
}
},
- "classnames": {
- "version": "2.3.1",
- "resolved": "https://registry.npmjs.org/classnames/-/classnames-2.3.1.tgz",
- "integrity": "sha512-OlQdbZ7gLfGarSqxesMesDa5uz7KFbID8Kpq/SxIoNGDqY8lSYs0D+hhtBXhcdB3rcbXArFr7vlHheLk1voeNA=="
- },
"clean-css": {
"version": "5.3.3",
"resolved": "https://registry.npmjs.org/clean-css/-/clean-css-5.3.3.tgz",
@@ -73285,6 +73232,11 @@
"mimic-response": "^1.0.0"
}
},
+ "clsx": {
+ "version": "2.1.1",
+ "resolved": "https://registry.npmjs.org/clsx/-/clsx-2.1.1.tgz",
+ "integrity": "sha512-eYm0QWBtUrBWZWG0d386OGAw16Z995PiOVo2B7bjWSbHedGl5e0ZWaq65kOGgUSNesEIDkB9ISbTg/JK9dhCZA=="
+ },
"cmd-shim": {
"version": "6.0.1",
"resolved": "https://registry.npmjs.org/cmd-shim/-/cmd-shim-6.0.1.tgz",
@@ -89427,11 +89379,6 @@
}
}
},
- "proxy-compare": {
- "version": "2.3.0",
- "resolved": "https://registry.npmjs.org/proxy-compare/-/proxy-compare-2.3.0.tgz",
- "integrity": "sha512-c3L2CcAi7f7pvlD0D7xsF+2CQIW8C3HaYx2Pfgq8eA4HAl3GAH6/dVYsyBbYF/0XJs2ziGLrzmz5fmzPm6A0pQ=="
- },
"proxy-from-env": {
"version": "1.1.0",
"resolved": "https://registry.npmjs.org/proxy-from-env/-/proxy-from-env-1.1.0.tgz",
@@ -89771,9 +89718,9 @@
}
},
"react": {
- "version": "18.2.0",
- "resolved": "https://registry.npmjs.org/react/-/react-18.2.0.tgz",
- "integrity": "sha512-/3IjMdb2L9QbBdWiW5e3P2/npwMBaU9mHCSCUzNln0ZCYbcfTsGbTJrU/kGemdH2IWmB2ioZ+zkxtmq6g09fGQ==",
+ "version": "18.3.1",
+ "resolved": "https://registry.npmjs.org/react/-/react-18.3.1.tgz",
+ "integrity": "sha512-wS+hAgJShR0KhEvPJArfuPVN1+Hz1t0Y6n5jLrGQbkb4urgPE/0Rve+1kMB1v/oWgHgm4WIcV+i7F2pTVj+2iQ==",
"requires": {
"loose-envify": "^1.1.0"
}
@@ -89853,12 +89800,12 @@
"dev": true
},
"react-dom": {
- "version": "18.2.0",
- "resolved": "https://registry.npmjs.org/react-dom/-/react-dom-18.2.0.tgz",
- "integrity": "sha512-6IMTriUmvsjHUjNtEDudZfuDQUoWXVxKHhlEGSk81n4YFS+r/Kl99wXiwlVXtPBtJenozv2P+hxDsw9eA7Xo6g==",
+ "version": "18.3.1",
+ "resolved": "https://registry.npmjs.org/react-dom/-/react-dom-18.3.1.tgz",
+ "integrity": "sha512-5m4nQKp+rZRb09LNH59GM4BxTh9251/ylbKIbpe7TpGxfJ+9kv6BLkLBXIjjspbgbnIBNqlI23tRnTWT0snUIw==",
"requires": {
"loose-envify": "^1.1.0",
- "scheduler": "^0.23.0"
+ "scheduler": "^0.23.2"
}
},
"react-element-to-jsx-string": {
@@ -90288,20 +90235,20 @@
}
},
"react-test-renderer": {
- "version": "18.2.0",
- "resolved": "https://registry.npmjs.org/react-test-renderer/-/react-test-renderer-18.2.0.tgz",
- "integrity": "sha512-JWD+aQ0lh2gvh4NM3bBM42Kx+XybOxCpgYK7F8ugAlpaTSnWsX+39Z4XkOykGZAHrjwwTZT3x3KxswVWxHPUqA==",
+ "version": "18.3.1",
+ "resolved": "https://registry.npmjs.org/react-test-renderer/-/react-test-renderer-18.3.1.tgz",
+ "integrity": "sha512-KkAgygexHUkQqtvvx/otwxtuFu5cVjfzTCtjXLH9boS19/Nbtg84zS7wIQn39G8IlrhThBpQsMKkq5ZHZIYFXA==",
"dev": true,
"requires": {
- "react-is": "^18.2.0",
+ "react-is": "^18.3.1",
"react-shallow-renderer": "^16.15.0",
- "scheduler": "^0.23.0"
+ "scheduler": "^0.23.2"
},
"dependencies": {
"react-is": {
- "version": "18.2.0",
- "resolved": "https://registry.npmjs.org/react-is/-/react-is-18.2.0.tgz",
- "integrity": "sha512-xWGDIW6x921xtzPkhiULtthJHoJvBbF3q26fzloPCK0hsvxtPVelvftw3zjbHWSkR2km9Z+4uxbDDK/6Zw9B8w==",
+ "version": "18.3.1",
+ "resolved": "https://registry.npmjs.org/react-is/-/react-is-18.3.1.tgz",
+ "integrity": "sha512-/LLMVyas0ljjAtoYiPqYiL8VWXzUUdThrmU5+n20DZv+a+ClRoevUzw5JxU+Ieh5/c87ytoTBV9G1FiKfNJdmg==",
"dev": true
}
}
@@ -91533,9 +91480,9 @@
}
},
"scheduler": {
- "version": "0.23.0",
- "resolved": "https://registry.npmjs.org/scheduler/-/scheduler-0.23.0.tgz",
- "integrity": "sha512-CtuThmgHNg7zIZWAXi3AsyIzA3n4xx7aNyjwC2VJldO2LMVDhFK+63xGqq6CsJH4rTAt6/M+N4GhZiDYPx9eUw==",
+ "version": "0.23.2",
+ "resolved": "https://registry.npmjs.org/scheduler/-/scheduler-0.23.2.tgz",
+ "integrity": "sha512-UOShsPwz7NrMUqhR6t0hWjFduvOzbtv7toDH1/hIrfRNIDBnnBWd0CwJTGvTpngVlmwGCdP9/Zl/tVrDqcuYzQ==",
"requires": {
"loose-envify": "^1.1.0"
}
@@ -94313,9 +94260,9 @@
"dev": true
},
"typescript": {
- "version": "5.1.6",
- "resolved": "https://registry.npmjs.org/typescript/-/typescript-5.1.6.tgz",
- "integrity": "sha512-zaWCozRZ6DLEWAWFrVDz1H6FVXzUSfTy5FUMWsQlU8Ym5JP9eO4xkTIROFCQvhQf61z6O/G6ugw3SgAnvvm+HA==",
+ "version": "5.4.5",
+ "resolved": "https://registry.npmjs.org/typescript/-/typescript-5.4.5.tgz",
+ "integrity": "sha512-vcI4UpRgg81oIRUFwR0WSIHKt11nJ7SAVlYNIu+QpqeyXP+gpQJy/Z4+F0aGxSE4MqwjyXvW/TzgkLAx2AGHwQ==",
"dev": true
},
"uc.micro": {
@@ -94930,15 +94877,6 @@
"integrity": "sha512-PnFM3xiZ+kYmLyTiMgTYmU7ZHkjBZz2/+F0DaALc/uUtVzdCt1wAosvYJ5hFQi/hz8O4zb52FQhHZRC+uVkJ+g==",
"dev": true
},
- "valtio": {
- "version": "1.7.0",
- "resolved": "https://registry.npmjs.org/valtio/-/valtio-1.7.0.tgz",
- "integrity": "sha512-3Tnix66EERwMcrl1rfB3ylcewOcL5L/GiPmC3FlVNreQzqf2jufEeqlNmgnLgSGchkEmH3WYVtS+x6Qw4r+yzQ==",
- "requires": {
- "proxy-compare": "2.3.0",
- "use-sync-external-store": "1.2.0"
- }
- },
"vary": {
"version": "1.1.2",
"resolved": "https://registry.npmjs.org/vary/-/vary-1.1.2.tgz",
@@ -95610,12 +95548,6 @@
"webpack-sources": "^3.2.3"
},
"dependencies": {
- "@types/estree": {
- "version": "1.0.5",
- "resolved": "https://registry.npmjs.org/@types/estree/-/estree-1.0.5.tgz",
- "integrity": "sha512-/kYRxGDLWzHOB7q+wtSUQlFrtcdUccpfy+X+9iMBpHK8QLLhx2wIPYuS5DYtR9Wa/YlZAbIovy7qVdB1Aq6Lyw==",
- "dev": true
- },
"@webassemblyjs/ast": {
"version": "1.12.1",
"resolved": "https://registry.npmjs.org/@webassemblyjs/ast/-/ast-1.12.1.tgz",
diff --git a/package.json b/package.json
index 59a7cefe88170..ff76bff3cf07d 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
{
"name": "gutenberg",
- "version": "18.1.2",
+ "version": "18.3.0-rc.1",
"private": true,
"description": "A new WordPress editor experience.",
"author": "The WordPress Contributors",
@@ -127,11 +127,11 @@
"@storybook/source-loader": "7.6.15",
"@storybook/theming": "7.6.15",
"@testing-library/jest-dom": "5.16.5",
- "@testing-library/react": "14.0.0",
+ "@testing-library/react": "14.3.0",
"@testing-library/react-native": "12.4.3",
"@testing-library/user-event": "14.4.3",
- "@types/eslint": "7.28.0",
- "@types/estree": "0.0.50",
+ "@types/eslint": "8.56.9",
+ "@types/estree": "1.0.5",
"@types/istanbul-lib-report": "3.0.0",
"@types/mime": "2.0.3",
"@types/npm-package-arg": "6.1.1",
@@ -231,12 +231,12 @@
"postcss-loader": "6.2.1",
"prettier": "npm:wp-prettier@3.0.3",
"progress": "2.0.3",
- "react": "18.2.0",
- "react-dom": "18.2.0",
+ "react": "18.3.1",
+ "react-dom": "18.3.1",
"react-native": "0.73.3",
"react-native-url-polyfill": "1.1.2",
"react-refresh": "0.14.0",
- "react-test-renderer": "18.2.0",
+ "react-test-renderer": "18.3.1",
"reassure": "0.7.1",
"redux": "4.1.2",
"resize-observer-polyfill": "1.5.1",
@@ -254,7 +254,7 @@
"strip-json-comments": "5.0.0",
"style-loader": "3.2.1",
"terser-webpack-plugin": "5.3.9",
- "typescript": "5.1.6",
+ "typescript": "5.4.5",
"uglify-js": "3.13.7",
"uuid": "9.0.1",
"webdriverio": "8.16.20",
diff --git a/packages/a11y/CHANGELOG.md b/packages/a11y/CHANGELOG.md
index f9eb9aedf15b4..d660609b46f54 100644
--- a/packages/a11y/CHANGELOG.md
+++ b/packages/a11y/CHANGELOG.md
@@ -2,6 +2,10 @@
## Unreleased
+## 3.57.0 (2024-05-02)
+
+## 3.56.0 (2024-04-19)
+
## 3.55.0 (2024-04-03)
## 3.54.0 (2024-03-21)
diff --git a/packages/a11y/package.json b/packages/a11y/package.json
index 80375c5519f7e..2ac495eea2499 100644
--- a/packages/a11y/package.json
+++ b/packages/a11y/package.json
@@ -1,6 +1,6 @@
{
"name": "@wordpress/a11y",
- "version": "3.55.0",
+ "version": "3.57.0",
"description": "Accessibility (a11y) utilities for WordPress.",
"author": "The WordPress Contributors",
"license": "GPL-2.0-or-later",
diff --git a/packages/annotations/CHANGELOG.md b/packages/annotations/CHANGELOG.md
index 21117c194d2a5..cb74ffb7ed766 100644
--- a/packages/annotations/CHANGELOG.md
+++ b/packages/annotations/CHANGELOG.md
@@ -2,6 +2,10 @@
## Unreleased
+## 2.57.0 (2024-05-02)
+
+## 2.56.0 (2024-04-19)
+
## 2.55.0 (2024-04-03)
## 2.54.0 (2024-03-21)
diff --git a/packages/annotations/package.json b/packages/annotations/package.json
index 571be01d55046..4092aeeecd944 100644
--- a/packages/annotations/package.json
+++ b/packages/annotations/package.json
@@ -1,6 +1,6 @@
{
"name": "@wordpress/annotations",
- "version": "2.55.0",
+ "version": "2.57.0",
"description": "Annotate content in the Gutenberg editor.",
"author": "The WordPress Contributors",
"license": "GPL-2.0-or-later",
diff --git a/packages/api-fetch/CHANGELOG.md b/packages/api-fetch/CHANGELOG.md
index 048023e03d9a1..af273c9cd9099 100644
--- a/packages/api-fetch/CHANGELOG.md
+++ b/packages/api-fetch/CHANGELOG.md
@@ -2,6 +2,10 @@
## Unreleased
+## 6.54.0 (2024-05-02)
+
+## 6.53.0 (2024-04-19)
+
## 6.52.0 (2024-04-03)
## 6.51.0 (2024-03-21)
diff --git a/packages/api-fetch/package.json b/packages/api-fetch/package.json
index 09431da66bbe0..4addcbff90d56 100644
--- a/packages/api-fetch/package.json
+++ b/packages/api-fetch/package.json
@@ -1,6 +1,6 @@
{
"name": "@wordpress/api-fetch",
- "version": "6.52.0",
+ "version": "6.54.0",
"description": "Utility to make WordPress REST API requests.",
"author": "The WordPress Contributors",
"license": "GPL-2.0-or-later",
diff --git a/packages/autop/CHANGELOG.md b/packages/autop/CHANGELOG.md
index 8459618c4df4f..b209316d90031 100644
--- a/packages/autop/CHANGELOG.md
+++ b/packages/autop/CHANGELOG.md
@@ -2,6 +2,10 @@
## Unreleased
+## 3.57.0 (2024-05-02)
+
+## 3.56.0 (2024-04-19)
+
## 3.55.0 (2024-04-03)
## 3.54.0 (2024-03-21)
diff --git a/packages/autop/package.json b/packages/autop/package.json
index de808d270ff36..470c6177f2ee3 100644
--- a/packages/autop/package.json
+++ b/packages/autop/package.json
@@ -1,6 +1,6 @@
{
"name": "@wordpress/autop",
- "version": "3.55.0",
+ "version": "3.57.0",
"description": "WordPress's automatic paragraph functions `autop` and `removep`.",
"author": "The WordPress Contributors",
"license": "GPL-2.0-or-later",
diff --git a/packages/babel-plugin-import-jsx-pragma/CHANGELOG.md b/packages/babel-plugin-import-jsx-pragma/CHANGELOG.md
index 4a0d59cf95bd5..877d75ab6cd8e 100644
--- a/packages/babel-plugin-import-jsx-pragma/CHANGELOG.md
+++ b/packages/babel-plugin-import-jsx-pragma/CHANGELOG.md
@@ -2,6 +2,10 @@
## Unreleased
+## 4.40.0 (2024-05-02)
+
+## 4.39.0 (2024-04-19)
+
## 4.38.0 (2024-04-03)
## 4.37.0 (2024-03-21)
diff --git a/packages/babel-plugin-import-jsx-pragma/package.json b/packages/babel-plugin-import-jsx-pragma/package.json
index efa45964304e3..d60ef469091a7 100644
--- a/packages/babel-plugin-import-jsx-pragma/package.json
+++ b/packages/babel-plugin-import-jsx-pragma/package.json
@@ -1,6 +1,6 @@
{
"name": "@wordpress/babel-plugin-import-jsx-pragma",
- "version": "4.38.0",
+ "version": "4.40.0",
"description": "Babel transform plugin for automatically injecting an import to be used as the pragma for the React JSX Transform plugin.",
"author": "The WordPress Contributors",
"license": "GPL-2.0-or-later",
diff --git a/packages/babel-plugin-makepot/CHANGELOG.md b/packages/babel-plugin-makepot/CHANGELOG.md
index 66b8bdf881e22..528d6258b7a43 100644
--- a/packages/babel-plugin-makepot/CHANGELOG.md
+++ b/packages/babel-plugin-makepot/CHANGELOG.md
@@ -2,6 +2,10 @@
## Unreleased
+## 5.41.0 (2024-05-02)
+
+## 5.40.0 (2024-04-19)
+
## 5.39.0 (2024-04-03)
## 5.38.0 (2024-03-21)
diff --git a/packages/babel-plugin-makepot/package.json b/packages/babel-plugin-makepot/package.json
index 78256f730ba49..dd914083cbc02 100644
--- a/packages/babel-plugin-makepot/package.json
+++ b/packages/babel-plugin-makepot/package.json
@@ -1,6 +1,6 @@
{
"name": "@wordpress/babel-plugin-makepot",
- "version": "5.39.0",
+ "version": "5.41.0",
"description": "WordPress Babel internationalization (i18n) plugin.",
"author": "The WordPress Contributors",
"license": "GPL-2.0-or-later",
diff --git a/packages/babel-preset-default/CHANGELOG.md b/packages/babel-preset-default/CHANGELOG.md
index 586ea36a9f341..b3f84606c6fcf 100644
--- a/packages/babel-preset-default/CHANGELOG.md
+++ b/packages/babel-preset-default/CHANGELOG.md
@@ -2,6 +2,10 @@
## Unreleased
+## 7.41.0 (2024-05-02)
+
+## 7.40.0 (2024-04-19)
+
## 7.39.0 (2024-04-03)
## 7.38.0 (2024-03-21)
diff --git a/packages/babel-preset-default/package.json b/packages/babel-preset-default/package.json
index ffd759abfcd48..d8ceef3011dce 100644
--- a/packages/babel-preset-default/package.json
+++ b/packages/babel-preset-default/package.json
@@ -1,6 +1,6 @@
{
"name": "@wordpress/babel-preset-default",
- "version": "7.39.0",
+ "version": "7.41.0",
"description": "Default Babel preset for WordPress development.",
"author": "The WordPress Contributors",
"license": "GPL-2.0-or-later",
@@ -40,7 +40,7 @@
"@wordpress/warning": "file:../warning",
"browserslist": "^4.21.10",
"core-js": "^3.31.0",
- "react": "^18.2.0"
+ "react": "^18.3.0"
},
"publishConfig": {
"access": "public"
diff --git a/packages/base-styles/CHANGELOG.md b/packages/base-styles/CHANGELOG.md
index 193e8781b6cc6..c4db95ca03eed 100644
--- a/packages/base-styles/CHANGELOG.md
+++ b/packages/base-styles/CHANGELOG.md
@@ -2,6 +2,10 @@
## Unreleased
+## 4.48.0 (2024-05-02)
+
+## 4.47.0 (2024-04-19)
+
## 4.46.0 (2024-04-03)
## 4.45.0 (2024-03-21)
diff --git a/packages/base-styles/_z-index.scss b/packages/base-styles/_z-index.scss
index b5d6beabb4f60..1191c16670ba1 100644
--- a/packages/base-styles/_z-index.scss
+++ b/packages/base-styles/_z-index.scss
@@ -4,6 +4,7 @@
$z-layers: (
".block-editor-block-list__block::before": 0,
+ ".block-editor-block-list__block.is-selected": 20,
".block-editor-block-switcher__arrow": 1,
".block-editor-block-list__block {core/image aligned wide or fullwide}": 20,
".block-library-classic__toolbar": 31, // When scrolled to top this toolbar needs to sit over block-editor-block-toolbar
@@ -87,6 +88,7 @@ $z-layers: (
// #wpadminbar { z-index: 99999 }
".interface-interface-skeleton__sidebar": 100000,
".edit-post-layout__toggle-sidebar-panel": 100000,
+ ".editor-layout__toggle-sidebar-panel": 100000,
".edit-widgets-sidebar": 100000,
".edit-post-layout .edit-post-post-publish-panel": 100001,
// For larger views, the wp-admin navbar dropdown should be at top of
diff --git a/packages/base-styles/package.json b/packages/base-styles/package.json
index e333ec49de511..17817fd9aea24 100644
--- a/packages/base-styles/package.json
+++ b/packages/base-styles/package.json
@@ -1,6 +1,6 @@
{
"name": "@wordpress/base-styles",
- "version": "4.46.0",
+ "version": "4.48.0",
"description": "Base SCSS utilities and variables for WordPress.",
"author": "The WordPress Contributors",
"license": "GPL-2.0-or-later",
diff --git a/packages/blob/CHANGELOG.md b/packages/blob/CHANGELOG.md
index fd1bf5a5ad127..5cafe71e013c9 100644
--- a/packages/blob/CHANGELOG.md
+++ b/packages/blob/CHANGELOG.md
@@ -2,6 +2,10 @@
## Unreleased
+## 3.57.0 (2024-05-02)
+
+## 3.56.0 (2024-04-19)
+
## 3.55.0 (2024-04-03)
## 3.54.0 (2024-03-21)
diff --git a/packages/blob/package.json b/packages/blob/package.json
index 28a33bd18fac4..4295232c2731f 100644
--- a/packages/blob/package.json
+++ b/packages/blob/package.json
@@ -1,6 +1,6 @@
{
"name": "@wordpress/blob",
- "version": "3.55.0",
+ "version": "3.57.0",
"description": "Blob utilities for WordPress.",
"author": "The WordPress Contributors",
"license": "GPL-2.0-or-later",
diff --git a/packages/block-directory/CHANGELOG.md b/packages/block-directory/CHANGELOG.md
index 2d15643bbb32a..2a0743bac6a3f 100644
--- a/packages/block-directory/CHANGELOG.md
+++ b/packages/block-directory/CHANGELOG.md
@@ -2,6 +2,10 @@
## Unreleased
+## 4.34.0 (2024-05-02)
+
+## 4.33.0 (2024-04-19)
+
## 4.32.0 (2024-04-03)
## 4.31.0 (2024-03-21)
diff --git a/packages/block-directory/package.json b/packages/block-directory/package.json
index 5f50ec3ebe667..7cd64958fca41 100644
--- a/packages/block-directory/package.json
+++ b/packages/block-directory/package.json
@@ -1,6 +1,6 @@
{
"name": "@wordpress/block-directory",
- "version": "4.32.0",
+ "version": "4.34.0",
"description": "Extend editor with block directory features to search, download and install blocks.",
"author": "The WordPress Contributors",
"license": "GPL-2.0-or-later",
diff --git a/packages/block-directory/src/plugins/installed-blocks-pre-publish-panel/index.js b/packages/block-directory/src/plugins/installed-blocks-pre-publish-panel/index.js
index 18511a93923f8..75328db7c554d 100644
--- a/packages/block-directory/src/plugins/installed-blocks-pre-publish-panel/index.js
+++ b/packages/block-directory/src/plugins/installed-blocks-pre-publish-panel/index.js
@@ -11,9 +11,9 @@ import { blockDefault } from '@wordpress/icons';
import CompactList from '../../components/compact-list';
import { store as blockDirectoryStore } from '../../store';
-// We shouldn't import the edit-post package directly
-// because it would include the wp-edit-post in all pages loading the block-directory script.
-const { PluginPrePublishPanel } = window?.wp?.editPost ?? {};
+// We shouldn't import the editor package directly
+// because it would include the wp-editor in all pages loading the block-directory script.
+const { PluginPrePublishPanel } = window?.wp?.editor ?? {};
export default function InstalledBlocksPrePublishPanel() {
const newBlockTypes = useSelect(
diff --git a/packages/block-editor/CHANGELOG.md b/packages/block-editor/CHANGELOG.md
index c471eb84ace9a..a8c3cebbe8f1c 100644
--- a/packages/block-editor/CHANGELOG.md
+++ b/packages/block-editor/CHANGELOG.md
@@ -2,6 +2,14 @@
## Unreleased
+### Internal
+
+- Replaced `classnames` package with the faster and smaller `clsx` package ([#61138](https://github.com/WordPress/gutenberg/pull/61138)).
+
+## 12.25.0 (2024-05-02)
+
+## 12.24.0 (2024-04-19)
+
## 12.23.0 (2024-04-03)
## 12.22.0 (2024-03-21)
@@ -16,7 +24,7 @@
## 12.18.0 (2024-01-24)
-- Deprecated `__experimentalRecursionProvider` and `__experimentalUseHasRecursion` in favor of their new stable counterparts `RecursionProvider` and `useHasRecursion`.
+- Deprecated `__experimentalRecursionProvider` and `__experimentalUseHasRecursion` in favor of their new stable counterparts `RecursionProvider` and `useHasRecursion`.
## 12.17.0 (2024-01-10)
@@ -247,8 +255,8 @@
### Breaking Changes
-- Drop support for Internet Explorer 11 ([#31110](https://github.com/WordPress/gutenberg/pull/31110)). Learn more at https://make.wordpress.org/core/2021/04/22/ie-11-support-phase-out-plan/.
-- Increase the minimum Node.js version to v12 matching Long Term Support releases ([#31270](https://github.com/WordPress/gutenberg/pull/31270)). Learn more at https://nodejs.org/en/about/releases/.
+- Drop support for Internet Explorer 11 ([#31110](https://github.com/WordPress/gutenberg/pull/31110)). Learn more at
+
{ parentNavBlockClientId && ( // This is only used by the Navigation block for now. It's not ideal having Navigation block specific code here.