@wordpress/block-library 11.0.0 → 11.0.2-next.v.202609171837.0

package/src/navigation/edit/use-generate-default-navigation-title.js

@@ -46,9 +46,9 @@ export default function useGenerateDefaultNavigationTitle( clientId ) {
 					// translators: %s: the name of a menu (e.g. Header menu).
 					__( '%s menu' ),
 					area
-			  )
+				)
 			: // translators: 'menu' as in website navigation menu.
-			  __( 'Menu' );
+				__( 'Menu' );
 
 		// Determine how many menus start with the automatic title.
 		const matchingMenuTitleCount = [

package/src/navigation/editor.scss

@@ -217,6 +217,7 @@ $color-control-label-height: 20px;
 	background-color: $gray-900;
 	color: $white;
 	height: $button-size-small;
+	width: $button-size-small;
 
 	// This needs specificity to override an inherited padding.
 	// That source padding in turn has high specificity to protect

package/src/navigation/index.php

@@ -832,6 +832,14 @@ class WP_Navigation_Block_Renderer {
 			$responsive_container_content_directives = '
 				data-wp-watch="callbacks.focusFirstElement"
 			';
+
+			// The default overlay displays every submenu it contains; a custom overlay
+			// opts out through the `disable-default-overlay` class on this container.
+			// Submenus inherit this flag to tell the two apart, derived from the same
+			// value as that class so the markup and the styles cannot disagree.
+			if ( $has_custom_overlay ) {
+				$responsive_container_directives .= ' ' . wp_interactivity_data_wp_context( array( 'hasCustomOverlay' => true ) );
+			}
 		}
 
 		// Don't apply overlay inline styles if using a custom overlay template part.
@@ -1048,6 +1056,10 @@ class WP_Navigation_Block_Renderer {
 
 		unset( $attributes['rgbTextColor'], $attributes['rgbBackgroundColor'] );
 
+		// Submenu detection is memoized while a navigation block renders. Reset it so
+		// the result of a previously rendered navigation block is not reused for this one.
+		static::$has_submenus = false;
+
 		$inner_blocks = static::get_inner_blocks( $attributes, $block );
 		// Prevent navigation blocks referencing themselves from rendering.
 		if ( block_core_navigation_block_tree_has_block_type(

package/src/navigation/style.scss

@@ -759,7 +759,7 @@ button.wp-block-navigation-item__content {
 // Overlay menu toggle button label
 .wp-block-navigation__toggle_button_label {
 	font-size: 1rem;
-	font-weight: bold;
+	font-weight: 700;
 }
 
 // Menu and close buttons.

package/src/navigation/test/use-navigation-menu.jsdom.test.js

@@ -67,11 +67,9 @@ function resolveReadPermission( registry, allowed ) {
 	const dispatch = registry.dispatch( coreStore );
 	dispatch.receiveUserPermission( 'read/postType/wp_navigation', allowed );
 	dispatch.startResolution( 'canUser', [
-		'read',
 		{ kind: 'postType', name: 'wp_navigation' },
 	] );
 	dispatch.finishResolution( 'canUser', [
-		'read',
 		{ kind: 'postType', name: 'wp_navigation' },
 	] );
 }
@@ -82,25 +80,17 @@ function resolveReadRecordPermission( registry, ref, allowed ) {
 		`read/postType/wp_navigation/${ ref }`,
 		allowed
 	);
-	dispatch.startResolution( 'canUser', [
-		'read',
-		{ ...BASE_ENTITY, id: ref },
-	] );
-	dispatch.finishResolution( 'canUser', [
-		'read',
-		{ ...BASE_ENTITY, id: ref },
-	] );
+	dispatch.startResolution( 'canUser', [ { ...BASE_ENTITY, id: ref } ] );
+	dispatch.finishResolution( 'canUser', [ { ...BASE_ENTITY, id: ref } ] );
 }
 
 function resolveCreatePermission( registry, allowed ) {
 	const dispatch = registry.dispatch( coreStore );
 	dispatch.receiveUserPermission( 'create/postType/wp_navigation', allowed );
 	dispatch.startResolution( 'canUser', [
-		'create',
 		{ kind: 'postType', name: 'wp_navigation' },
 	] );
 	dispatch.finishResolution( 'canUser', [
-		'create',
 		{ kind: 'postType', name: 'wp_navigation' },
 	] );
 }
@@ -111,14 +101,8 @@ function resolveUpdatePermission( registry, ref, allowed ) {
 		`update/postType/wp_navigation/${ ref }`,
 		allowed
 	);
-	dispatch.startResolution( 'canUser', [
-		'update',
-		{ ...BASE_ENTITY, id: ref },
-	] );
-	dispatch.finishResolution( 'canUser', [
-		'update',
-		{ ...BASE_ENTITY, id: ref },
-	] );
+	dispatch.startResolution( 'canUser', [ { ...BASE_ENTITY, id: ref } ] );
+	dispatch.finishResolution( 'canUser', [ { ...BASE_ENTITY, id: ref } ] );
 }
 
 function resolveDeletePermission( registry, ref, allowed ) {
@@ -127,14 +111,8 @@ function resolveDeletePermission( registry, ref, allowed ) {
 		`delete/postType/wp_navigation/${ ref }`,
 		allowed
 	);
-	dispatch.startResolution( 'canUser', [
-		'delete',
-		{ ...BASE_ENTITY, id: ref },
-	] );
-	dispatch.finishResolution( 'canUser', [
-		'delete',
-		{ ...BASE_ENTITY, id: ref },
-	] );
+	dispatch.startResolution( 'canUser', [ { ...BASE_ENTITY, id: ref } ] );
+	dispatch.finishResolution( 'canUser', [ { ...BASE_ENTITY, id: ref } ] );
 }
 
 describe( 'useNavigationMenus', () => {

package/src/navigation/test/view.jsdom.test.js

@@ -50,4 +50,27 @@ describe( 'Navigation view script', () => {
 		expect( mockCurrentContext.submenuOpenedBy.hover ).toBe( false );
 		expect( state.isSubmenuOpen ).toBe( true ); // remains true because overlay is still open
 	} );
+
+	it( 'keeps a submenu inside an open custom overlay closed until it is opened', () => {
+		// A custom overlay is excluded from the styles that display every
+		// submenu, so opening the overlay must not report the submenu as open.
+		mockCurrentContext = {
+			type: 'submenu',
+			submenuOpenedBy: { click: false, hover: false, focus: false },
+			overlayOpenedBy: { click: true, hover: false, focus: false },
+			hasCustomOverlay: true,
+		};
+
+		const { state, actions } = mockRegisteredStore;
+
+		expect( state.isSubmenuOpen ).toBe( false );
+
+		// Opening the submenu itself is what expands it.
+		actions.openMenu( 'click' );
+		expect( state.isSubmenuOpen ).toBe( true );
+
+		// And it can be closed again while the overlay stays open.
+		actions.closeMenu( 'click' );
+		expect( state.isSubmenuOpen ).toBe( false );
+	} );
 } );

package/src/navigation/view.js

@@ -79,14 +79,17 @@ const { state, actions } = store(
 			},
 			get isSubmenuOpen() {
 				const ctx = getContext();
-				// Once the overlay itself is open, its styles always expand
-				// every submenu regardless of hover/click/focus state, so the
-				// toggle's `aria-expanded` should reflect that immediately
-				// instead of waiting for a hover/click/focus interaction.
-				const isOverlayOpen =
+				const isDefaultOverlayOpen =
+					! ctx.hasCustomOverlay &&
 					Object.values( ctx.overlayOpenedBy || {} ).filter( Boolean )
 						.length > 0;
-				return isOverlayOpen || state.isMenuOpen;
+
+				// A submenu can be opened by user interaction or by being in a default overlay.
+				// If it is a regular navigation or within a custom overlay, it is opened by user interaction.
+				// If it's in a default overlay, it is forced opened via CSS.
+				// Because default overlays always force submenus open, we return true
+				// if the default overlay is open.
+				return isDefaultOverlayOpen || state.isMenuOpen;
 			},
 		},
 		actions: {

package/src/navigation-link/edit.jsx

@@ -124,7 +124,7 @@ export default function NavigationLinkEdit( {
 				: getBlockParentsByBlockName(
 						clientId,
 						'core/navigation'
-				  )[ 0 ];
+					)[ 0 ];
 
 			// Get the immediate parent - if it's a submenu, use it; otherwise use the navigation block
 			const parentBlockId =

package/src/navigation-link/shared/invalid-draft-display.jsx

@@ -26,9 +26,9 @@ export function InvalidDraftDisplay( {
 
 	const statusText = isInvalid
 		? /* translators: Indicating that the navigation link is Invalid. */
-		  __( 'Invalid' )
+			__( 'Invalid' )
 		: /* translators: Indicating that the navigation link is a Draft. */
-		  __( 'Draft' );
+			__( 'Draft' );
 
 	return (
 		<div

package/src/navigation-link/test/__snapshots__/hooks.jsdom.test.js.snap

@@ -9,12 +9,19 @@ exports[`hooks > enhanceNavigationLinkVariations > enhances variations with icon
       "attributes": {},
       "description": "A link to a custom URL.",
       "icon": <SVG
-        fill="currentColor"
+        stroke="currentColor"
+        strokeWidth="1.5"
+        style={
+          {
+            "fill": "none",
+          }
+        }
         viewBox="0 0 24 24"
         xmlns="http://www.w3.org/2000/svg"
       >
         <Path
-          d="M4 20h9v-1.5H4V20zm0-5.5V16h16v-1.5H4zm.8-4l.7.7 2-2V12h1V9.2l2 2 .7-.7-2-2H12v-1H9.2l2-2-.7-.7-2 2V4h-1v2.8l-2-2-.7.7 2 2H4v1h2.8l-2 2z"
+          d="M8 12V8M8 4V8M8 8H12M8 8H4M8 8L10.8284 10.8284M8 8L5.17157 5.17157M8 8L10.8284 5.17157M8 8L5.17157 10.8284M4 15H20M4 19H13"
+          vectorEffect="non-scaling-stroke"
         />
       </SVG>,
       "isActive": [Function],
@@ -27,12 +34,19 @@ exports[`hooks > enhanceNavigationLinkVariations > enhances variations with icon
       },
       "description": "A link to a post.",
       "icon": <SVG
-        fill="currentColor"
+        stroke="currentColor"
+        strokeWidth="1.5"
+        style={
+          {
+            "fill": "none",
+          }
+        }
         viewBox="0 0 24 24"
         xmlns="http://www.w3.org/2000/svg"
       >
         <Path
-          d="M18 5.5H6a.5.5 0 0 0-.5.5v12a.5.5 0 0 0 .5.5h12a.5.5 0 0 0 .5-.5V6a.5.5 0 0 0-.5-.5ZM6 4h12a2 2 0 0 1 2 2v12a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2V6a2 2 0 0 1 2-2Zm1 5h1.5v1.5H7V9Zm1.5 4.5H7V15h1.5v-1.5ZM10 9h7v1.5h-7V9Zm7 4.5h-7V15h7v-1.5Z"
+          d="M7 10H8.5M10 10H17M7 14H8.5M10 14H17M6 19.25H18C18.6904 19.25 19.25 18.6904 19.25 18V6C19.25 5.30964 18.6904 4.75 18 4.75H6C5.30964 4.75 4.75 5.30964 4.75 6V18C4.75 18.6904 5.30964 19.25 6 19.25Z"
+          vectorEffect="non-scaling-stroke"
         />
       </SVG>,
       "isActive": [Function],
@@ -45,15 +59,19 @@ exports[`hooks > enhanceNavigationLinkVariations > enhances variations with icon
       },
       "description": "A link to a page.",
       "icon": <SVG
-        fill="currentColor"
+        stroke="currentColor"
+        strokeWidth="1.5"
+        style={
+          {
+            "fill": "none",
+          }
+        }
         viewBox="0 0 24 24"
         xmlns="http://www.w3.org/2000/svg"
       >
         <Path
-          d="M15.5 7.5h-7V9h7V7.5Zm-7 3.5h7v1.5h-7V11Zm7 3.5h-7V16h7v-1.5Z"
-        />
-        <Path
-          d="M17 4H7a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h10a2 2 0 0 0 2-2V6a2 2 0 0 0-2-2ZM7 5.5h10a.5.5 0 0 1 .5.5v12a.5.5 0 0 1-.5.5H7a.5.5 0 0 1-.5-.5V6a.5.5 0 0 1 .5-.5Z"
+          d="M8.5 8.25H15.5M8.5 11.75H15.5M8.5 15.25H15.5M18.25 18V6C18.25 5.30964 17.6904 4.75 17 4.75H7C6.30964 4.75 5.75 5.30964 5.75 6L5.75 18C5.75 18.6904 6.30964 19.25 7 19.25H17C17.6904 19.25 18.25 18.6904 18.25 18Z"
+          vectorEffect="non-scaling-stroke"
         />
       </SVG>,
       "isActive": [Function],
@@ -103,12 +121,24 @@ exports[`hooks > enhanceNavigationLinkVariations > enhances variations with icon
       },
       "description": "A link to a tag.",
       "icon": <SVG
-        fill="currentColor"
+        stroke="currentColor"
+        strokeWidth="1.5"
+        style={
+          {
+            "fill": "none",
+          }
+        }
         viewBox="0 0 24 24"
         xmlns="http://www.w3.org/2000/svg"
       >
         <Path
-          d="M4.75 4a.75.75 0 0 0-.75.75v7.826c0 .2.08.39.22.53l6.72 6.716a2.313 2.313 0 0 0 3.276-.001l5.61-5.611-.531-.53.532.528a2.315 2.315 0 0 0 0-3.264L13.104 4.22a.75.75 0 0 0-.53-.22H4.75ZM19 12.576a.815.815 0 0 1-.236.574l-5.61 5.611a.814.814 0 0 1-1.153 0L5.5 12.264V5.5h6.763l6.5 6.502a.816.816 0 0 1 .237.574ZM8.75 9.75a1 1 0 1 0 0-2 1 1 0 0 0 0 2Z"
+          d="M4.75 12.5429V4.85C4.75 4.79477 4.79477 4.75 4.85 4.75H12.5429C12.6755 4.75 12.8027 4.80268 12.8964 4.89645L20.1464 12.1464C20.3417 12.3417 20.3417 12.6583 20.1464 12.8536L12.8536 20.1464C12.6583 20.3417 12.3417 20.3417 12.1464 20.1464L4.89645 12.8964C4.80268 12.8027 4.75 12.6755 4.75 12.5429Z"
+          vectorEffect="non-scaling-stroke"
+        />
+        <Path
+          d="M9.75 8.75a1 1 0 1 1-2 0 1 1 0 0 1 2 0Z"
+          fill="currentColor"
+          stroke="none"
         />
       </SVG>,
       "isActive": [Function],

package/src/navigation-submenu/edit.jsx

@@ -256,7 +256,7 @@ export default function NavigationSubmenuEdit( {
 		parentCount >= maxNestingLevel
 			? ALLOWED_BLOCKS.filter(
 					( blockName ) => blockName !== 'core/navigation-submenu'
-			  )
+				)
 			: ALLOWED_BLOCKS;
 
 	const navigationChildBlockProps =

package/src/paragraph/README.md

@@ -40,6 +40,7 @@ _Defined via the [`supports`](https://developer.wordpress.org/block-editor/refer
   - [`textAlign`](https://developer.wordpress.org/block-editor/reference-guides/block-api/block-supports/#typography-textalign): `true`
   - `textColumns`: `true`
   - `textIndent`: `true`
+  - [`textShadow`](https://developer.wordpress.org/block-editor/reference-guides/block-api/block-supports/#typography-textshadow): `true`
   - `fitText`: `true`
 - [`interactivity`](https://developer.wordpress.org/block-editor/reference-guides/block-api/block-supports/#interactivity):
   - `clientNavigation`: `true`

package/src/paragraph/block.json

@@ -66,6 +66,7 @@
 			"__experimentalLetterSpacing": true,
 			"__experimentalTextTransform": true,
 			"__experimentalWritingMode": true,
+			"textShadow": true,
 			"fitText": true,
 			"__experimentalDefaultControls": {
 				"fontSize": true

package/src/paragraph/edit.jsx

@@ -122,7 +122,7 @@ function ParagraphBlock( {
 		'aria-label': RichText.isEmpty( content )
 			? __(
 					'Empty block; start writing or type forward slash to choose a block'
-			  )
+				)
 			: __( 'Block: Paragraph' ),
 	} );
 	const blockEditingMode = useBlockEditingMode();

package/src/paragraph/index.js

@@ -1,11 +1,15 @@
 import { __ } from '@wordpress/i18n';
 import { paragraph as icon } from '@wordpress/icons';
+import { privateApis as blocksPrivateApis } from '@wordpress/blocks';
 import initBlock from '../utils/init-block';
 import deprecated from './deprecated';
 import edit from './edit';
 import metadata from './block.json';
 import save from './save';
 import transforms from './transforms';
+import { unlock } from '../lock-unlock';
+
+const { editableRootKey } = unlock( blocksPrivateApis );
 
 const { name } = metadata;
 
@@ -13,6 +17,9 @@ export { metadata, name };
 
 export const settings = {
 	icon,
+	// Opt into the editing host behaviour privately. It's a Symbol setting
+	// rather than a public `supports` key so it stays an internal detail.
+	[ editableRootKey ]: true,
 	example: {
 		attributes: {
 			content: __(

package/src/pattern/index.php

@@ -60,11 +60,11 @@ function render_block_core_pattern( $attributes ) {
 
 	$seen_refs[ $slug ] = true;
 
-	$content = do_blocks( $content );
-
 	global $wp_embed;
 	$content = $wp_embed->autoembed( $content );
 
+	$content = do_blocks( $content );
+
 	unset( $seen_refs[ $slug ] );
 	return $content;
 }

package/src/playlist/edit.jsx

@@ -15,7 +15,7 @@ import {
 import {
 	ToggleControl,
 	Disabled,
-	SelectControl,
+	SelectControl as WCSelectControl,
 	__experimentalToolsPanel as ToolsPanel,
 	__experimentalToolsPanelItem as ToolsPanelItem,
 } from '@wordpress/components';
@@ -32,6 +32,7 @@ import { PlaylistContext } from './context';
 import { getTrackAttributes } from './utils';
 
 const ALLOWED_MEDIA_TYPES = [ 'audio' ];
+const EMPTY_ARRAY = [];
 const AUDIO_FILE_EXTENSION =
 	/\.(aac|aif|aiff|flac|m4a|m4b|mp3|oga|ogg|opus|wav|weba)$/i;
 const DEFAULT_WAVEFORM_STYLE = 'bars';
@@ -130,7 +131,8 @@ const PlaylistEdit = ( {
 		( select ) => {
 			const { getBlock: _getBlock } = select( blockEditorStore );
 			return {
-				innerBlockTracks: _getBlock( clientId )?.innerBlocks ?? [],
+				innerBlockTracks:
+					_getBlock( clientId )?.innerBlocks ?? EMPTY_ARRAY,
 			};
 		},
 		[ clientId ]
@@ -652,7 +654,7 @@ const PlaylistEdit = ( {
 						hasValue={ () => order !== 'asc' }
 						onDeselect={ () => setAttributes( { order: 'asc' } ) }
 					>
-						<SelectControl
+						<WCSelectControl
 							label={ __( 'Order' ) }
 							value={ order }
 							options={ [
@@ -700,7 +702,7 @@ const PlaylistEdit = ( {
 						}
 						panelId={ waveformPanelId }
 					>
-						<SelectControl
+						<WCSelectControl
 							label={ __( 'Shape' ) }
 							value={ waveformStyle }
 							options={ WAVEFORM_STYLE_OPTIONS }

package/src/playlist-track/test/edit.jsdom.test.jsx

@@ -8,9 +8,8 @@ import { useUploadMediaFromBlobURL } from '../../utils/hooks';
 let mockMediaReplaceFlowProps;
 
 vi.mock( '@wordpress/block-editor', async () => {
-	const { default: PlainText } = await import(
-		'../../../../block-editor/src/components/plain-text'
-	);
+	const { default: PlainText } =
+		await import( '../../../../block-editor/src/components/plain-text' );
 
 	return {
 		BlockControls: ( { children } ) => <div>{ children }</div>,

package/src/post-author/edit.jsx

@@ -11,7 +11,7 @@ import {
 import {
 	Button,
 	ComboboxControl,
-	SelectControl,
+	SelectControl as WCSelectControl,
 	ToggleControl,
 	__experimentalText as WCText,
 	__experimentalVStack as VStack,
@@ -255,7 +255,7 @@ function PostAuthorEdit( {
 								setAttributes( { avatarSize: 48 } )
 							}
 						>
-							<SelectControl
+							<WCSelectControl
 								label={ __( 'Avatar size' ) }
 								value={ avatarSize }
 								options={ avatarSizes }

package/src/post-author-name/edit.jsx

@@ -111,7 +111,7 @@ function PostAuthorNameEdit( props ) {
 								'This post type (%s) does not support the author.'
 							),
 							postType
-					  )
+						)
 					: displayAuthor }
 			</div>
 		</>

package/src/post-content/README.md

@@ -30,6 +30,7 @@ _Defined via the [`supports`](https://developer.wordpress.org/block-editor/refer
   - `gradient`: `true`
 - [`dimensions`](https://developer.wordpress.org/block-editor/reference-guides/block-api/block-supports/#dimensions):
   - `minHeight`: `true`
+- [`shadow`](https://developer.wordpress.org/block-editor/reference-guides/block-api/block-supports/#shadow): `true`
 - [`spacing`](https://developer.wordpress.org/block-editor/reference-guides/block-api/block-supports/#spacing):
   - `blockGap`: `true`
   - `padding`: `true`

package/src/post-content/block.json

@@ -32,6 +32,7 @@
 		"dimensions": {
 			"minHeight": true
 		},
+		"shadow": true,
 		"spacing": {
 			"blockGap": true,
 			"padding": true,

package/src/post-date/edit.jsx

@@ -208,7 +208,7 @@ export default function PostDateEdit( props ) {
 										// translators: %s: Name of the post type e.g: "post".
 										__( 'Link to %s' ),
 										postType.labels.singular_name.toLowerCase()
-								  )
+									)
 								: __( 'Link to post' )
 						}
 						onDeselect={ () => setAttributes( { isLink: false } ) }
@@ -221,7 +221,7 @@ export default function PostDateEdit( props ) {
 											// translators: %s: Name of the post type e.g: "post".
 											__( 'Link to %s' ),
 											postType.labels.singular_name.toLowerCase()
-									  )
+										)
 									: __( 'Link to post' )
 							}
 							onChange={ () =>

package/src/post-excerpt/README.md

@@ -27,6 +27,7 @@ _Defined via the [`supports`](https://developer.wordpress.org/block-editor/refer
 - [`color`](https://developer.wordpress.org/block-editor/reference-guides/block-api/block-supports/#color):
   - [`gradients`](https://developer.wordpress.org/block-editor/reference-guides/block-api/block-supports/#color-gradients): `true`
   - [`link`](https://developer.wordpress.org/block-editor/reference-guides/block-api/block-supports/#color-link): `true`
+- [`shadow`](https://developer.wordpress.org/block-editor/reference-guides/block-api/block-supports/#shadow): `true`
 - [`spacing`](https://developer.wordpress.org/block-editor/reference-guides/block-api/block-supports/#spacing):
   - `margin`: `true`
   - `padding`: `true`

package/src/post-excerpt/block.json

@@ -36,6 +36,7 @@
 				"link": true
 			}
 		},
+		"shadow": true,
 		"spacing": {
 			"margin": true,
 			"padding": true

package/src/post-excerpt/edit.jsx

@@ -183,7 +183,7 @@ export default function PostExcerptEditor( props ) {
 					: ( ! isTrimmed
 							? rawOrRenderedExcerpt
 							: trimmedExcerpt + ELLIPSIS ) ||
-					  __( 'No excerpt found' )
+						__( 'No excerpt found' )
 			}
 			onChange={ setExcerpt }
 			tagName="p"

package/src/post-featured-image/edit.jsx

@@ -290,7 +290,7 @@ export default function PostFeaturedImageEdit( {
 											// translators: %s: Name of the post type e.g: "post".
 											__( 'Link to %s' ),
 											postType.labels.singular_name
-									  )
+										)
 									: __( 'Link to post' )
 							}
 							isShownByDefault
@@ -472,7 +472,7 @@ export default function PostFeaturedImageEdit( {
 										// translators: %s: The image's alt text.
 										__( 'Featured image: %s' ),
 										media.alt_text
-								  )
+									)
 								: __( 'Featured image' )
 						}
 						style={ imageStyles }

package/src/post-navigation-link/edit.jsx

@@ -4,7 +4,7 @@ import {
 	__experimentalToolsPanel as ToolsPanel,
 	__experimentalToolsPanelItem as ToolsPanelItem,
 	ToggleControl,
-	SelectControl,
+	SelectControl as WCSelectControl,
 } from '@wordpress/components';
 import {
 	InspectorControls,
@@ -35,9 +35,9 @@ export default function PostNavigationLinkEdit( {
 	if ( showTitle ) {
 		placeholder = isNext
 			? /* translators: Label before for next and previous post. There is a space after the colon. */
-			  __( 'Next: ' ) // eslint-disable-line @wordpress/i18n-no-flanking-whitespace
+				__( 'Next: ' ) // eslint-disable-line @wordpress/i18n-no-flanking-whitespace
 			: /* translators: Label before for next and previous post. There is a space after the colon. */
-			  __( 'Previous: ' ); // eslint-disable-line @wordpress/i18n-no-flanking-whitespace
+				__( 'Previous: ' ); // eslint-disable-line @wordpress/i18n-no-flanking-whitespace
 	}
 
 	const ariaLabel = isNext ? __( 'Next post' ) : __( 'Previous post' );
@@ -174,7 +174,7 @@ export default function PostNavigationLinkEdit( {
 				</ToolsPanel>
 			</InspectorControls>
 			<InspectorControls group="advanced">
-				<SelectControl
+				<WCSelectControl
 					label={ __( 'Filter by taxonomy' ) }
 					value={ taxonomy }
 					options={ getTaxonomyOptions() }

package/src/post-time-to-read/edit.jsx

@@ -94,12 +94,12 @@ function PostTimeToReadEdit( { attributes, setAttributes, context } ) {
 						/* translators: %s: the number of words in the post. */
 						_n( '%s word', '%s words', totalWords ),
 						totalWords.toLocaleString()
-				  )
+					)
 				: sprintf(
 						/* translators: %s: the number of characters in the post. */
 						_n( '%s character', '%s characters', totalWords ),
 						totalWords.toLocaleString()
-				  );
+					);
 		}
 	}, [
 		contentStructure,

package/src/post-title/style.scss

@@ -1,11 +1,10 @@
 .wp-block-post-title {
-	// stylelint-disable-next-line declaration-property-value-keyword-no-deprecated -- Pending review of overflow-wrap alternative.
-	word-break: break-word;
+	word-break: normal;
+	overflow-wrap: anywhere;
 	// This block has customizable padding, border-box makes that more predictable.
 	box-sizing: border-box;
 
 	:where(a) {
-		display: inline-block;
 		font-family: inherit;
 		font-size: inherit;
 		font-style: inherit;

package/src/pullquote/deprecated.jsx

@@ -611,7 +611,7 @@ const v2 = {
 			textColor || customTextColor
 				? clsx( 'has-text-color', {
 						[ blockquoteTextColorClass ]: blockquoteTextColorClass,
-				  } )
+					} )
 				: undefined;
 		const blockquoteStyle = blockquoteTextColorClass
 			? undefined

package/src/query/deprecated.jsx

@@ -82,7 +82,7 @@ const migrateColors = ( attributes, innerBlocks ) => {
 					elements: style?.elements?.link
 						? { link: style?.elements?.link }
 						: undefined,
-			  } )
+				} )
 			: undefined;
 
 		// Create a new Group block from the original.