@wordpress/block-library 9.21.0 → 9.22.0

package/build-style/editor.css

@@ -2386,59 +2386,10 @@ body.editor-styles-wrapper .wp-block-navigation__responsive-container.is-menu-op
   transform: none;
 }
 
-:root :where(.wp-block-social-links),
-:root :where(.wp-block-social-links.is-style-logos-only .wp-block-social-links__social-placeholder .wp-social-link) {
+:root :where(.wp-block-social-links) {
   padding: 0;
 }
 
-:root :where(.wp-block-social-links__social-placeholder .wp-social-link) {
-  padding: 0.25em;
-}
-
-:root :where(.wp-block-social-links.is-style-pill-shape .wp-block-social-links__social-placeholder .wp-social-link) {
-  padding-left: 0.6666666667em;
-  padding-right: 0.6666666667em;
-}
-
-.wp-block-social-links__social-placeholder {
-  display: flex;
-  opacity: 0.8;
-  list-style: none;
-}
-.wp-block-social-links__social-placeholder > .wp-social-link {
-  padding-left: 0 !important;
-  margin-left: 0 !important;
-  padding-right: 0 !important;
-  margin-right: 0 !important;
-  width: 0 !important;
-  visibility: hidden;
-}
-.wp-block-social-links__social-placeholder > .wp-block-social-links__social-placeholder-icons {
-  display: flex;
-}
-.wp-block-social-links__social-placeholder .wp-social-link::before {
-  content: "";
-  display: block;
-  width: 1em;
-  height: 1em;
-  border-radius: 50%;
-}
-.is-style-logos-only .wp-block-social-links__social-placeholder .wp-social-link::before {
-  background: currentColor;
-}
-
-.wp-block-social-links .wp-block-social-links__social-prompt {
-  min-height: 24px;
-  list-style: none;
-  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
-  font-size: 13px;
-  line-height: 24px;
-  margin-top: auto;
-  margin-bottom: auto;
-  cursor: default;
-  padding-right: 8px;
-}
-
 .wp-block[data-align=center] > .wp-block-social-links,
 .wp-block.wp-block-social-links.aligncenter {
   justify-content: center;

package/build-style/media-text/style-rtl.css

@@ -187,7 +187,6 @@
 
 /* Image fill for versions 8 and onwards */
 .wp-block-media-text.is-image-fill-element > .wp-block-media-text__media {
-  position: relative;
   height: 100%;
   min-height: 250px;
 }
@@ -198,7 +197,6 @@
 }
 
 .wp-block-media-text.is-image-fill-element > .wp-block-media-text__media img {
-  position: absolute;
   width: 100%;
   height: 100%;
   object-fit: cover;

package/build-style/media-text/style.css

@@ -197,7 +197,6 @@
 
 /* Image fill for versions 8 and onwards */
 .wp-block-media-text.is-image-fill-element > .wp-block-media-text__media {
-  position: relative;
   height: 100%;
   min-height: 250px;
 }
@@ -208,7 +207,6 @@
 }
 
 .wp-block-media-text.is-image-fill-element > .wp-block-media-text__media img {
-  position: absolute;
   width: 100%;
   height: 100%;
   object-fit: cover;

package/build-style/search/style-rtl.css

@@ -188,6 +188,7 @@
 :where(.wp-block-search__button-inside .wp-block-search__inside-wrapper) {
   padding: 4px;
   border: 1px solid #949494;
+  background-color: #fff;
   box-sizing: border-box;
 }
 :where(.wp-block-search__button-inside .wp-block-search__inside-wrapper) .wp-block-search__input {

package/build-style/search/style.css

@@ -188,6 +188,7 @@
 :where(.wp-block-search__button-inside .wp-block-search__inside-wrapper) {
   padding: 4px;
   border: 1px solid #949494;
+  background-color: #fff;
   box-sizing: border-box;
 }
 :where(.wp-block-search__button-inside .wp-block-search__inside-wrapper) .wp-block-search__input {

package/build-style/social-links/editor-rtl.css

@@ -107,59 +107,10 @@
   transform: none;
 }
 
-:root :where(.wp-block-social-links),
-:root :where(.wp-block-social-links.is-style-logos-only .wp-block-social-links__social-placeholder .wp-social-link) {
+:root :where(.wp-block-social-links) {
   padding: 0;
 }
 
-:root :where(.wp-block-social-links__social-placeholder .wp-social-link) {
-  padding: 0.25em;
-}
-
-:root :where(.wp-block-social-links.is-style-pill-shape .wp-block-social-links__social-placeholder .wp-social-link) {
-  padding-right: 0.6666666667em;
-  padding-left: 0.6666666667em;
-}
-
-.wp-block-social-links__social-placeholder {
-  display: flex;
-  opacity: 0.8;
-  list-style: none;
-}
-.wp-block-social-links__social-placeholder > .wp-social-link {
-  padding-right: 0 !important;
-  margin-right: 0 !important;
-  padding-left: 0 !important;
-  margin-left: 0 !important;
-  width: 0 !important;
-  visibility: hidden;
-}
-.wp-block-social-links__social-placeholder > .wp-block-social-links__social-placeholder-icons {
-  display: flex;
-}
-.wp-block-social-links__social-placeholder .wp-social-link::before {
-  content: "";
-  display: block;
-  width: 1em;
-  height: 1em;
-  border-radius: 50%;
-}
-.is-style-logos-only .wp-block-social-links__social-placeholder .wp-social-link::before {
-  background: currentColor;
-}
-
-.wp-block-social-links .wp-block-social-links__social-prompt {
-  min-height: 24px;
-  list-style: none;
-  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
-  font-size: 13px;
-  line-height: 24px;
-  margin-top: auto;
-  margin-bottom: auto;
-  cursor: default;
-  padding-left: 8px;
-}
-
 .wp-block[data-align=center] > .wp-block-social-links,
 .wp-block.wp-block-social-links.aligncenter {
   justify-content: center;

package/build-style/social-links/editor.css

@@ -107,59 +107,10 @@
   transform: none;
 }
 
-:root :where(.wp-block-social-links),
-:root :where(.wp-block-social-links.is-style-logos-only .wp-block-social-links__social-placeholder .wp-social-link) {
+:root :where(.wp-block-social-links) {
   padding: 0;
 }
 
-:root :where(.wp-block-social-links__social-placeholder .wp-social-link) {
-  padding: 0.25em;
-}
-
-:root :where(.wp-block-social-links.is-style-pill-shape .wp-block-social-links__social-placeholder .wp-social-link) {
-  padding-left: 0.6666666667em;
-  padding-right: 0.6666666667em;
-}
-
-.wp-block-social-links__social-placeholder {
-  display: flex;
-  opacity: 0.8;
-  list-style: none;
-}
-.wp-block-social-links__social-placeholder > .wp-social-link {
-  padding-left: 0 !important;
-  margin-left: 0 !important;
-  padding-right: 0 !important;
-  margin-right: 0 !important;
-  width: 0 !important;
-  visibility: hidden;
-}
-.wp-block-social-links__social-placeholder > .wp-block-social-links__social-placeholder-icons {
-  display: flex;
-}
-.wp-block-social-links__social-placeholder .wp-social-link::before {
-  content: "";
-  display: block;
-  width: 1em;
-  height: 1em;
-  border-radius: 50%;
-}
-.is-style-logos-only .wp-block-social-links__social-placeholder .wp-social-link::before {
-  background: currentColor;
-}
-
-.wp-block-social-links .wp-block-social-links__social-prompt {
-  min-height: 24px;
-  list-style: none;
-  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
-  font-size: 13px;
-  line-height: 24px;
-  margin-top: auto;
-  margin-bottom: auto;
-  cursor: default;
-  padding-right: 8px;
-}
-
 .wp-block[data-align=center] > .wp-block-social-links,
 .wp-block.wp-block-social-links.aligncenter {
   justify-content: center;

package/build-style/style-rtl.css

@@ -2185,7 +2185,6 @@ ul {
 
 /* Image fill for versions 8 and onwards */
 .wp-block-media-text.is-image-fill-element > .wp-block-media-text__media {
-  position: relative;
   height: 100%;
   min-height: 250px;
 }
@@ -2196,7 +2195,6 @@ ul {
 }
 
 .wp-block-media-text.is-image-fill-element > .wp-block-media-text__media img {
-  position: absolute;
   width: 100%;
   height: 100%;
   object-fit: cover;
@@ -3423,6 +3421,7 @@ ul.wp-block-rss.is-grid li {
 :where(.wp-block-search__button-inside .wp-block-search__inside-wrapper) {
   padding: 4px;
   border: 1px solid #949494;
+  background-color: #fff;
   box-sizing: border-box;
 }
 :where(.wp-block-search__button-inside .wp-block-search__inside-wrapper) .wp-block-search__input {
@@ -3954,10 +3953,6 @@ ul.wp-block-rss.is-grid li {
   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/style.css

@@ -2217,7 +2217,6 @@ ul {
 
 /* Image fill for versions 8 and onwards */
 .wp-block-media-text.is-image-fill-element > .wp-block-media-text__media {
-  position: relative;
   height: 100%;
   min-height: 250px;
 }
@@ -2228,7 +2227,6 @@ ul {
 }
 
 .wp-block-media-text.is-image-fill-element > .wp-block-media-text__media img {
-  position: absolute;
   width: 100%;
   height: 100%;
   object-fit: cover;
@@ -3457,6 +3455,7 @@ ul.wp-block-rss.is-grid li {
 :where(.wp-block-search__button-inside .wp-block-search__inside-wrapper) {
   padding: 4px;
   border: 1px solid #949494;
+  background-color: #fff;
   box-sizing: border-box;
 }
 :where(.wp-block-search__button-inside .wp-block-search__inside-wrapper) .wp-block-search__input {
@@ -3989,10 +3988,6 @@ ul.wp-block-rss.is-grid li {
   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/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.22.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.22.0",
+		"@wordpress/api-fetch": "^7.22.0",
+		"@wordpress/autop": "^4.22.0",
+		"@wordpress/blob": "^4.22.0",
+		"@wordpress/block-editor": "^14.17.0",
+		"@wordpress/blocks": "^14.11.0",
+		"@wordpress/components": "^29.8.0",
+		"@wordpress/compose": "^7.22.0",
+		"@wordpress/core-data": "^7.22.0",
+		"@wordpress/data": "^10.22.0",
+		"@wordpress/date": "^5.22.0",
+		"@wordpress/deprecated": "^4.22.0",
+		"@wordpress/dom": "^4.22.0",
+		"@wordpress/element": "^6.22.0",
+		"@wordpress/escape-html": "^3.22.0",
+		"@wordpress/hooks": "^4.22.0",
+		"@wordpress/html-entities": "^4.22.0",
+		"@wordpress/i18n": "^5.22.0",
+		"@wordpress/icons": "^10.22.0",
+		"@wordpress/interactivity": "^6.22.0",
+		"@wordpress/interactivity-router": "^2.22.0",
+		"@wordpress/keyboard-shortcuts": "^5.22.0",
+		"@wordpress/keycodes": "^4.22.0",
+		"@wordpress/notices": "^5.22.0",
+		"@wordpress/patterns": "^2.22.0",
+		"@wordpress/primitives": "^4.22.0",
+		"@wordpress/private-apis": "^1.22.0",
+		"@wordpress/reusable-blocks": "^5.22.0",
+		"@wordpress/rich-text": "^7.22.0",
+		"@wordpress/server-side-render": "^5.22.0",
+		"@wordpress/url": "^4.22.0",
+		"@wordpress/viewport": "^6.22.0",
+		"@wordpress/wordcount": "^4.22.0",
 		"change-case": "^4.1.2",
 		"clsx": "^2.1.1",
 		"colord": "^2.7.0",
@@ -91,5 +91,5 @@
 	"publishConfig": {
 		"access": "public"
 	},
-	"gitHead": "104af00f9abcd7a4d36b87e648f148c72cc4ea5f"
+	"gitHead": "01a314d7e46a50101e328fdb11959c441e49372d"
 }

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/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/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(

package/src/latest-posts/index.php

@@ -33,6 +33,9 @@ function block_core_latest_posts_get_excerpt_length() {
  *
  * @since 5.0.0
  *
+ * @global WP_Post $post                                   Global post object.
+ * @global int     $block_core_latest_posts_excerpt_length Excerpt length set by the Latest Posts core block.
+ *
  * @param array $attributes The block attributes.
  *
  * @return string Returns the post content with latest posts added.

package/src/media-text/style.scss

@@ -106,7 +106,6 @@
 
 /* Image fill for versions 8 and onwards */
 .wp-block-media-text.is-image-fill-element > .wp-block-media-text__media {
-	position: relative;
 	height: 100%;
 	min-height: 250px;
 }
@@ -117,7 +116,6 @@
 }
 
 .wp-block-media-text.is-image-fill-element > .wp-block-media-text__media img {
-	position: absolute;
 	width: 100%;
 	height: 100%;
 	object-fit: cover;

package/src/navigation/index.php

@@ -819,7 +819,7 @@ function block_core_navigation_add_directives_to_submenu( $tags, $block_attribut
 	) ) {
 		// Add directives to the parent `<li>`.
 		$tags->set_attribute( 'data-wp-interactive', 'core/navigation' );
-		$tags->set_attribute( 'data-wp-context', '{ "submenuOpenedBy": { "click": false, "hover": false, "focus": false }, "type": "submenu", "modal": null }' );
+		$tags->set_attribute( 'data-wp-context', '{ "submenuOpenedBy": { "click": false, "hover": false, "focus": false }, "type": "submenu", "modal": null, "previousFocus": null }' );
 		$tags->set_attribute( 'data-wp-watch', 'callbacks.initMenu' );
 		$tags->set_attribute( 'data-wp-on--focusout', 'actions.handleMenuFocusout' );
 		$tags->set_attribute( 'data-wp-on--keydown', 'actions.handleMenuKeydown' );

package/src/navigation/view.js

@@ -116,7 +116,8 @@ const { state, actions } = store(
 					getContext();
 				if ( state.menuOpenedBy.click ) {
 					// If Escape close the menu.
-					if ( event?.key === 'Escape' ) {
+					if ( event.key === 'Escape' ) {
+						event.stopPropagation(); // Keeps ancestor menus open.
 						actions.closeMenu( 'click' );
 						actions.closeMenu( 'focus' );
 						return;

package/src/navigation-link/block.json

@@ -35,9 +35,6 @@
 		"url": {
 			"type": "string"
 		},
-		"title": {
-			"type": "string"
-		},
 		"kind": {
 			"type": "string"
 		},

package/src/navigation-link/edit.js

@@ -174,7 +174,7 @@ function getMissingText( type ) {
  * Consider reusing this components for both blocks.
  */
 function Controls( { attributes, setAttributes, setIsLabelFieldFocused } ) {
-	const { label, url, description, title, rel } = attributes;
+	const { label, url, description, rel } = attributes;
 	return (
 		<ToolsPanel label={ __( 'Settings' ) }>
 			<ToolsPanelItem
@@ -239,27 +239,6 @@ function Controls( { attributes, setAttributes, setIsLabelFieldFocused } ) {
 				/>
 			</ToolsPanelItem>
 
-			<ToolsPanelItem
-				hasValue={ () => !! title }
-				label={ __( 'Title attribute' ) }
-				onDeselect={ () => setAttributes( { title: '' } ) }
-				isShownByDefault
-			>
-				<TextControl
-					__nextHasNoMarginBottom
-					__next40pxDefaultSize
-					label={ __( 'Title attribute' ) }
-					value={ title || '' }
-					onChange={ ( titleValue ) => {
-						setAttributes( { title: titleValue } );
-					} }
-					autoComplete="off"
-					help={ __(
-						'Additional information to help clarify the purpose of the link.'
-					) }
-				/>
-			</ToolsPanelItem>
-
 			<ToolsPanelItem
 				hasValue={ () => !! rel }
 				label={ __( 'Rel attribute' ) }

package/src/navigation-link/index.php

@@ -13,7 +13,7 @@
  *
  * @param  array $context     Navigation block context.
  * @param  array $attributes  Block attributes.
- * @param  bool  $is_sub_menu Whether the link is part of a sub-menu.
+ * @param  bool  $is_sub_menu Whether the link is part of a sub-menu. Default false.
  * @return array Colors CSS classes and inline styles.
  */
 function block_core_navigation_link_build_css_colors( $context, $attributes, $is_sub_menu = false ) {
@@ -249,10 +249,6 @@ function render_block_core_navigation_link( $attributes, $content, $block ) {
 		$html .= ' rel="nofollow"';
 	}
 
-	if ( isset( $attributes['title'] ) ) {
-		$html .= ' title="' . esc_attr( $attributes['title'] ) . '"';
-	}
-
 	// End appending HTML attributes to anchor tag.
 
 	// Start anchor tag content.

package/src/navigation-link/transforms.js

@@ -115,13 +115,12 @@ const transforms = {
 		{
 			type: 'block',
 			blocks: [ 'core/buttons' ],
-			transform: ( { label, url, rel, title, opensInNewTab } ) => {
+			transform: ( { label, url, rel, opensInNewTab } ) => {
 				return createBlock( 'core/buttons', {}, [
 					createBlock( 'core/button', {
 						text: label,
 						url,
 						rel,
-						title,
 						linkTarget: opensInNewTab ? '_blank' : undefined,
 					} ),
 				] );

package/src/navigation-link/update-attributes.js

@@ -19,7 +19,6 @@ import { safeDecodeURI } from '@wordpress/url';
  * @property {number}               [id]            A post or term id.
  * @property {boolean}              [opensInNewTab] Sets link target to _blank when true.
  * @property {string}               [url]           Link href.
- * @property {string}               [title]         Link title attribute.
  */
 /**
  * Link Control onChange handler that updates block attributes when a setting is changed.

package/src/navigation-submenu/block.json

@@ -30,9 +30,6 @@
 		"url": {
 			"type": "string"
 		},
-		"title": {
-			"type": "string"
-		},
 		"kind": {
 			"type": "string"
 		},