@wordpress/block-library 9.21.0 → 9.23.0

package/build-style/tag-cloud/style-rtl.css

@@ -105,10 +105,6 @@
   text-align: center;
   justify-content: center;
 }
-.wp-block-tag-cloud.alignfull {
-  padding-right: 1em;
-  padding-left: 1em;
-}
 .wp-block-tag-cloud a {
   display: inline-block;
   margin-left: 5px;

package/build-style/tag-cloud/style.css

@@ -105,10 +105,6 @@
   text-align: center;
   justify-content: center;
 }
-.wp-block-tag-cloud.alignfull {
-  padding-left: 1em;
-  padding-right: 1em;
-}
 .wp-block-tag-cloud a {
   display: inline-block;
   margin-right: 5px;

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@wordpress/block-library",
-	"version": "9.21.0",
+	"version": "9.23.0",
 	"description": "Block library for the WordPress editor.",
 	"author": "The WordPress Contributors",
 	"license": "GPL-2.0-or-later",
@@ -41,39 +41,39 @@
 	],
 	"dependencies": {
 		"@babel/runtime": "7.25.7",
-		"@wordpress/a11y": "^4.21.0",
-		"@wordpress/api-fetch": "^7.21.0",
-		"@wordpress/autop": "^4.21.0",
-		"@wordpress/blob": "^4.21.0",
-		"@wordpress/block-editor": "^14.16.0",
-		"@wordpress/blocks": "^14.10.0",
-		"@wordpress/components": "^29.7.0",
-		"@wordpress/compose": "^7.21.0",
-		"@wordpress/core-data": "^7.21.0",
-		"@wordpress/data": "^10.21.0",
-		"@wordpress/date": "^5.21.0",
-		"@wordpress/deprecated": "^4.21.0",
-		"@wordpress/dom": "^4.21.0",
-		"@wordpress/element": "^6.21.0",
-		"@wordpress/escape-html": "^3.21.0",
-		"@wordpress/hooks": "^4.21.0",
-		"@wordpress/html-entities": "^4.21.0",
-		"@wordpress/i18n": "^5.21.0",
-		"@wordpress/icons": "^10.21.0",
-		"@wordpress/interactivity": "^6.21.0",
-		"@wordpress/interactivity-router": "^2.21.0",
-		"@wordpress/keyboard-shortcuts": "^5.21.0",
-		"@wordpress/keycodes": "^4.21.0",
-		"@wordpress/notices": "^5.21.0",
-		"@wordpress/patterns": "^2.21.0",
-		"@wordpress/primitives": "^4.21.0",
-		"@wordpress/private-apis": "^1.21.0",
-		"@wordpress/reusable-blocks": "^5.21.0",
-		"@wordpress/rich-text": "^7.21.0",
-		"@wordpress/server-side-render": "^5.21.0",
-		"@wordpress/url": "^4.21.0",
-		"@wordpress/viewport": "^6.21.0",
-		"@wordpress/wordcount": "^4.21.0",
+		"@wordpress/a11y": "^4.23.0",
+		"@wordpress/api-fetch": "^7.23.0",
+		"@wordpress/autop": "^4.23.0",
+		"@wordpress/blob": "^4.23.0",
+		"@wordpress/block-editor": "^14.18.0",
+		"@wordpress/blocks": "^14.12.0",
+		"@wordpress/components": "^29.9.0",
+		"@wordpress/compose": "^7.23.0",
+		"@wordpress/core-data": "^7.23.0",
+		"@wordpress/data": "^10.23.0",
+		"@wordpress/date": "^5.23.0",
+		"@wordpress/deprecated": "^4.23.0",
+		"@wordpress/dom": "^4.23.0",
+		"@wordpress/element": "^6.23.0",
+		"@wordpress/escape-html": "^3.23.0",
+		"@wordpress/hooks": "^4.23.0",
+		"@wordpress/html-entities": "^4.23.0",
+		"@wordpress/i18n": "^5.23.0",
+		"@wordpress/icons": "^10.23.0",
+		"@wordpress/interactivity": "^6.23.0",
+		"@wordpress/interactivity-router": "^2.23.0",
+		"@wordpress/keyboard-shortcuts": "^5.23.0",
+		"@wordpress/keycodes": "^4.23.0",
+		"@wordpress/notices": "^5.23.0",
+		"@wordpress/patterns": "^2.23.0",
+		"@wordpress/primitives": "^4.23.0",
+		"@wordpress/private-apis": "^1.23.0",
+		"@wordpress/reusable-blocks": "^5.23.0",
+		"@wordpress/rich-text": "^7.23.0",
+		"@wordpress/server-side-render": "^5.23.0",
+		"@wordpress/url": "^4.23.0",
+		"@wordpress/viewport": "^6.23.0",
+		"@wordpress/wordcount": "^4.23.0",
 		"change-case": "^4.1.2",
 		"clsx": "^2.1.1",
 		"colord": "^2.7.0",
@@ -91,5 +91,5 @@
 	"publishConfig": {
 		"access": "public"
 	},
-	"gitHead": "104af00f9abcd7a4d36b87e648f148c72cc4ea5f"
+	"gitHead": "ab5c79cd40adbb68898536c50e035b0a734338ea"
 }

package/src/button/index.php

@@ -10,9 +10,8 @@
  *
  * @since 6.6.0
  *
- * @param array    $attributes The block attributes.
- * @param string   $content    The block content.
- * @param WP_Block $block      The block object.
+ * @param array  $attributes The block attributes.
+ * @param string $content    The block content.
  *
  * @return string The block content.
  */

package/src/calendar/block.json

@@ -17,6 +17,7 @@
 	},
 	"supports": {
 		"align": true,
+		"html": false,
 		"color": {
 			"link": true,
 			"__experimentalSkipSerialization": [ "text", "background" ],

package/src/comments/edit/comments-inspector-controls.js

@@ -1,36 +1,38 @@
 /**
  * WordPress dependencies
  */
-import { SelectControl } from '@wordpress/components';
 import { __ } from '@wordpress/i18n';
-import { InspectorControls } from '@wordpress/block-editor';
+import {
+	InspectorControls,
+	privateApis as blockEditorPrivateApis,
+} from '@wordpress/block-editor';
 
 /**
  * Internal dependencies
  */
-import { htmlElementMessages } from '../../utils/messages';
+import { unlock } from '../../lock-unlock';
+
+const { HTMLElementControl } = unlock( blockEditorPrivateApis );
 
 export default function CommentsInspectorControls( {
 	attributes: { tagName },
 	setAttributes,
+	clientId,
 } ) {
 	return (
 		<InspectorControls>
 			<InspectorControls group="advanced">
-				<SelectControl
-					__nextHasNoMarginBottom
-					__next40pxDefaultSize
-					label={ __( 'HTML element' ) }
+				<HTMLElementControl
+					tagName={ tagName }
+					onChange={ ( value ) =>
+						setAttributes( { tagName: value } )
+					}
+					clientId={ clientId }
 					options={ [
 						{ label: __( 'Default (<div>)' ), value: 'div' },
 						{ label: '<section>', value: 'section' },
 						{ label: '<aside>', value: 'aside' },
 					] }
-					value={ tagName }
-					onChange={ ( value ) =>
-						setAttributes( { tagName: value } )
-					}
-					help={ htmlElementMessages[ tagName ] }
 				/>
 			</InspectorControls>
 		</InspectorControls>

package/src/comments/edit/index.js

@@ -11,7 +11,7 @@ import CommentsLegacy from './comments-legacy';
 import TEMPLATE from './template';
 
 export default function CommentsEdit( props ) {
-	const { attributes, setAttributes } = props;
+	const { attributes, setAttributes, clientId } = props;
 	const { tagName: TagName, legacy } = attributes;
 
 	const blockProps = useBlockProps();
@@ -28,6 +28,7 @@ export default function CommentsEdit( props ) {
 			<CommentsInspectorControls
 				attributes={ attributes }
 				setAttributes={ setAttributes }
+				clientId={ clientId }
 			/>
 			<TagName { ...innerBlocksProps } />
 		</>

package/src/cover/edit/inspector-controls.js

@@ -8,7 +8,6 @@ import {
 	RangeControl,
 	TextareaControl,
 	ToggleControl,
-	SelectControl,
 	__experimentalUseCustomUnits as useCustomUnits,
 	__experimentalToolsPanel as ToolsPanel,
 	__experimentalToolsPanelItem as ToolsPanelItem,
@@ -36,9 +35,10 @@ import { COVER_MIN_HEIGHT, mediaPosition } from '../shared';
 import { unlock } from '../../lock-unlock';
 import { useToolsPanelDropdownMenuProps } from '../../utils/hooks';
 import { DEFAULT_MEDIA_SIZE_SLUG } from '../constants';
-import { htmlElementMessages } from '../../utils/messages';
 
-const { cleanEmptyObject, ResolutionTool } = unlock( blockEditorPrivateApis );
+const { cleanEmptyObject, ResolutionTool, HTMLElementControl } = unlock(
+	blockEditorPrivateApis
+);
 
 function CoverHeightInput( {
 	onChange,
@@ -421,10 +421,12 @@ export default function CoverInspectorControls( {
 				</ToolsPanelItem>
 			</InspectorControls>
 			<InspectorControls group="advanced">
-				<SelectControl
-					__nextHasNoMarginBottom
-					__next40pxDefaultSize
-					label={ __( 'HTML element' ) }
+				<HTMLElementControl
+					tagName={ tagName }
+					onChange={ ( value ) =>
+						setAttributes( { tagName: value } )
+					}
+					clientId={ clientId }
 					options={ [
 						{ label: __( 'Default (<div>)' ), value: 'div' },
 						{ label: '<header>', value: 'header' },
@@ -434,11 +436,6 @@ export default function CoverInspectorControls( {
 						{ label: '<aside>', value: 'aside' },
 						{ label: '<footer>', value: 'footer' },
 					] }
-					value={ tagName }
-					onChange={ ( value ) =>
-						setAttributes( { tagName: value } )
-					}
-					help={ htmlElementMessages[ tagName ] }
 				/>
 			</InspectorControls>
 		</>

package/src/cover/index.js

@@ -39,7 +39,7 @@ export const settings = {
 			{
 				name: 'core/paragraph',
 				attributes: {
-					content: __( '<strong>Snow Patrol</strong>' ),
+					content: `<strong>${ __( 'Snow Patrol' ) }</strong>`,
 					align: 'center',
 				},
 			},

package/src/details/edit.js

@@ -91,18 +91,16 @@ function DetailsEdit( { attributes, setAttributes } ) {
 					) }
 				/>
 			</InspectorControls>
-			<details { ...innerBlocksProps } open={ isOpen }>
-				<summary
-					onClick={ ( event ) => {
-						event.preventDefault();
-						setIsOpen( ! isOpen );
-					} }
-				>
+			<details
+				{ ...innerBlocksProps }
+				open={ isOpen }
+				onToggle={ ( event ) => setIsOpen( event.target.open ) }
+			>
+				<summary>
 					<RichText
 						identifier="summary"
 						aria-label={ __( 'Write summary' ) }
 						placeholder={ placeholder || __( 'Write summary…' ) }
-						allowedFormats={ [] }
 						withoutInteractiveFormatting
 						value={ summary }
 						onChange={ ( newSummary ) =>

package/src/details/index.js

@@ -20,7 +20,7 @@ export const settings = {
 	icon,
 	example: {
 		attributes: {
-			summary: 'La Mancha',
+			summary: __( 'La Mancha' ),
 			showContent: true,
 		},
 		innerBlocks: [

package/src/file/index.php

@@ -10,9 +10,8 @@
  *
  * @since 5.8.0
  *
- * @param array    $attributes The block attributes.
- * @param string   $content    The block content.
- * @param WP_Block $block      The parsed block.
+ * @param array  $attributes The block attributes.
+ * @param string $content    The block content.
  *
  * @return string Returns the block content.
  */

package/src/group/edit.js

@@ -8,8 +8,8 @@ import {
 	InspectorControls,
 	useInnerBlocksProps,
 	store as blockEditorStore,
+	privateApis as blockEditorPrivateApis,
 } from '@wordpress/block-editor';
-import { SelectControl } from '@wordpress/components';
 import { useRef } from '@wordpress/element';
 import { __ } from '@wordpress/i18n';
 import { View } from '@wordpress/primitives';
@@ -18,7 +18,9 @@ import { View } from '@wordpress/primitives';
  * Internal dependencies
  */
 import GroupPlaceHolder, { useShouldShowPlaceHolder } from './placeholder';
-import { htmlElementMessages } from '../utils/messages';
+import { unlock } from '../lock-unlock';
+
+const { HTMLElementControl } = unlock( blockEditorPrivateApis );
 
 /**
  * Render inspector controls for the Group block.
@@ -26,16 +28,17 @@ import { htmlElementMessages } from '../utils/messages';
  * @param {Object}   props                 Component props.
  * @param {string}   props.tagName         The HTML tag name.
  * @param {Function} props.onSelectTagName onChange function for the SelectControl.
+ * @param {string}   props.clientId        The client ID of the current block.
  *
  * @return {JSX.Element}                The control group.
  */
-function GroupEditControls( { tagName, onSelectTagName } ) {
+function GroupEditControls( { tagName, onSelectTagName, clientId } ) {
 	return (
 		<InspectorControls group="advanced">
-			<SelectControl
-				__nextHasNoMarginBottom
-				__next40pxDefaultSize
-				label={ __( 'HTML element' ) }
+			<HTMLElementControl
+				tagName={ tagName }
+				onChange={ onSelectTagName }
+				clientId={ clientId }
 				options={ [
 					{ label: __( 'Default (<div>)' ), value: 'div' },
 					{ label: '<header>', value: 'header' },
@@ -45,9 +48,6 @@ function GroupEditControls( { tagName, onSelectTagName } ) {
 					{ label: '<aside>', value: 'aside' },
 					{ label: '<footer>', value: 'footer' },
 				] }
-				value={ tagName }
-				onChange={ onSelectTagName }
-				help={ htmlElementMessages[ tagName ] }
 			/>
 		</InspectorControls>
 	);
@@ -129,6 +129,7 @@ function GroupEdit( { attributes, name, setAttributes, clientId } ) {
 				onSelectTagName={ ( value ) =>
 					setAttributes( { tagName: value } )
 				}
+				clientId={ clientId }
 			/>
 			{ showPlaceholder && (
 				<View>

package/src/image/edit.js

@@ -262,10 +262,6 @@ export function ImageEdit( {
 			additionalAttributes = {
 				sizeSlug: newSize,
 			};
-		} else {
-			// Keep the same url when selecting the same file, so "Resolution"
-			// option is not changed.
-			additionalAttributes = { url };
 		}
 
 		// Check if default link setting should be used.

package/src/latest-comments/index.php

@@ -42,7 +42,7 @@ function wp_latest_comments_draft_or_post_title( $post = 0 ) {
  *
  * @return string Returns the post content with latest comments added.
  */
-function render_block_core_latest_comments( $attributes = array() ) {
+function render_block_core_latest_comments( $attributes ) {
 	$comments = get_comments(
 		/** This filter is documented in wp-includes/widgets/class-wp-widget-recent-comments.php */
 		apply_filters(