@wordpress/block-library 9.35.1-next.16d95556a.0 → 9.36.0

package/build-style/style.css

@@ -1,11 +1,8 @@
 @charset "UTF-8";
-.wp-block-accordion-item {
-  display: grid;
-  grid-template-rows: max-content 0fr;
-}
-.wp-block-accordion-item.is-open {
-  grid-template-rows: max-content 1fr;
+.wp-block-accordion {
+  box-sizing: border-box;
 }
+
 .wp-block-accordion-item.is-open > .wp-block-accordion-heading .wp-block-accordion-heading__toggle-icon {
   transform: rotate(45deg);
 }
@@ -21,8 +18,7 @@
   }
 }
 
-.wp-block-accordion-heading.wp-block-accordion-heading {
-  min-width: 100%;
+.wp-block-accordion-heading {
   margin: 0;
 }
 
@@ -78,10 +74,7 @@
   justify-content: center;
 }
 
-.wp-block-accordion-panel.wp-block-accordion-panel {
-  min-width: 100%;
-}
-.wp-block-accordion-panel.wp-block-accordion-panel[inert], .wp-block-accordion-panel.wp-block-accordion-panel[aria-hidden=true] {
+.wp-block-accordion-panel[inert], .wp-block-accordion-panel[aria-hidden=true] {
   display: none;
   margin-block-start: 0;
 }
@@ -1025,6 +1018,50 @@
   border: none;
   box-shadow: none;
 }
+.wp-block-cover-image .wp-block-cover__embed-background,
+.wp-block-cover .wp-block-cover__embed-background {
+  position: absolute;
+  top: 0;
+  left: 0;
+  right: 0;
+  bottom: 0;
+  margin: 0;
+  padding: 0;
+  width: 100%;
+  height: 100%;
+  max-width: none;
+  max-height: none;
+  outline: none;
+  border: none;
+  box-shadow: none;
+  pointer-events: none;
+}
+.wp-block-cover-image .wp-block-cover__embed-background .wp-block-embed__wrapper,
+.wp-block-cover .wp-block-cover__embed-background .wp-block-embed__wrapper {
+  position: absolute;
+  top: 0;
+  left: 0;
+  right: 0;
+  bottom: 0;
+  margin: 0;
+  padding: 0;
+  width: 100%;
+  height: 100%;
+}
+.wp-block-cover-image .wp-block-cover__embed-background iframe,
+.wp-block-cover-image .wp-block-cover__embed-background .wp-block-embed__wrapper iframe,
+.wp-block-cover .wp-block-cover__embed-background iframe,
+.wp-block-cover .wp-block-cover__embed-background .wp-block-embed__wrapper iframe {
+  position: absolute;
+  top: 50%;
+  left: 50%;
+  width: 100vw;
+  height: 100vh;
+  min-width: 100%;
+  min-height: 100%;
+  transform: translate(-50%, -50%);
+  pointer-events: none;
+}
 
 .wp-block-cover-image.has-parallax,
 .wp-block-cover.has-parallax,
@@ -1134,6 +1171,9 @@ section.wp-block-cover-image > h2,
 body:not(.editor-styles-wrapper) .wp-block-cover:not(.wp-block-cover:has(.wp-block-cover__background + .wp-block-cover__inner-container)) .wp-block-cover__video-background {
   z-index: 0;
 }
+body:not(.editor-styles-wrapper) .wp-block-cover:not(.wp-block-cover:has(.wp-block-cover__background + .wp-block-cover__inner-container)) .wp-block-cover__embed-background {
+  z-index: 0;
+}
 body:not(.editor-styles-wrapper) .wp-block-cover:not(.wp-block-cover:has(.wp-block-cover__background + .wp-block-cover__inner-container)) .wp-block-cover__image-background {
   z-index: 0;
 }

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@wordpress/block-library",
-	"version": "9.35.1-next.16d95556a.0",
+	"version": "9.36.0",
 	"description": "Block library for the WordPress editor.",
 	"author": "The WordPress Contributors",
 	"license": "GPL-2.0-or-later",
@@ -82,41 +82,41 @@
 		"{src,build,build-module}/*/init.js"
 	],
 	"dependencies": {
-		"@wordpress/a11y": "^4.35.1-next.16d95556a.0",
-		"@wordpress/api-fetch": "^7.35.1-next.16d95556a.0",
-		"@wordpress/autop": "^4.35.1-next.16d95556a.0",
-		"@wordpress/base-styles": "^6.11.1-next.16d95556a.0",
-		"@wordpress/blob": "^4.35.1-next.16d95556a.0",
-		"@wordpress/block-editor": "^15.8.1-next.16d95556a.0",
-		"@wordpress/blocks": "^15.8.1-next.16d95556a.0",
-		"@wordpress/components": "^30.8.1-next.16d95556a.0",
-		"@wordpress/compose": "^7.35.1-next.16d95556a.0",
-		"@wordpress/core-data": "^7.35.1-next.16d95556a.0",
-		"@wordpress/data": "^10.35.1-next.16d95556a.0",
-		"@wordpress/date": "^5.35.1-next.16d95556a.0",
-		"@wordpress/deprecated": "^4.35.1-next.16d95556a.0",
-		"@wordpress/dom": "^4.35.1-next.16d95556a.0",
-		"@wordpress/element": "^6.35.1-next.16d95556a.0",
-		"@wordpress/escape-html": "^3.35.1-next.16d95556a.0",
-		"@wordpress/hooks": "^4.35.1-next.16d95556a.0",
-		"@wordpress/html-entities": "^4.35.1-next.16d95556a.0",
-		"@wordpress/i18n": "^6.8.1-next.16d95556a.0",
-		"@wordpress/icons": "^11.2.1-next.16d95556a.0",
-		"@wordpress/interactivity": "^6.35.1-next.16d95556a.0",
-		"@wordpress/interactivity-router": "^2.35.1-next.16d95556a.0",
-		"@wordpress/keyboard-shortcuts": "^5.35.1-next.16d95556a.0",
-		"@wordpress/keycodes": "^4.35.1-next.16d95556a.0",
-		"@wordpress/latex-to-mathml": "^1.3.1-next.16d95556a.0",
-		"@wordpress/notices": "^5.35.1-next.16d95556a.0",
-		"@wordpress/patterns": "^2.35.1-next.16d95556a.0",
-		"@wordpress/primitives": "^4.35.1-next.16d95556a.0",
-		"@wordpress/private-apis": "^1.35.1-next.16d95556a.0",
-		"@wordpress/reusable-blocks": "^5.35.1-next.16d95556a.0",
-		"@wordpress/rich-text": "^7.35.1-next.16d95556a.0",
-		"@wordpress/server-side-render": "^6.11.1-next.16d95556a.0",
-		"@wordpress/url": "^4.35.1-next.16d95556a.0",
-		"@wordpress/viewport": "^6.35.1-next.16d95556a.0",
-		"@wordpress/wordcount": "^4.35.1-next.16d95556a.0",
+		"@wordpress/a11y": "^4.36.0",
+		"@wordpress/api-fetch": "^7.36.0",
+		"@wordpress/autop": "^4.36.0",
+		"@wordpress/base-styles": "^6.12.0",
+		"@wordpress/blob": "^4.36.0",
+		"@wordpress/block-editor": "^15.9.0",
+		"@wordpress/blocks": "^15.9.0",
+		"@wordpress/components": "^30.9.0",
+		"@wordpress/compose": "^7.36.0",
+		"@wordpress/core-data": "^7.36.0",
+		"@wordpress/data": "^10.36.0",
+		"@wordpress/date": "^5.36.0",
+		"@wordpress/deprecated": "^4.36.0",
+		"@wordpress/dom": "^4.36.0",
+		"@wordpress/element": "^6.36.0",
+		"@wordpress/escape-html": "^3.36.0",
+		"@wordpress/hooks": "^4.36.0",
+		"@wordpress/html-entities": "^4.36.0",
+		"@wordpress/i18n": "^6.9.0",
+		"@wordpress/icons": "^11.3.0",
+		"@wordpress/interactivity": "^6.36.0",
+		"@wordpress/interactivity-router": "^2.36.0",
+		"@wordpress/keyboard-shortcuts": "^5.36.0",
+		"@wordpress/keycodes": "^4.36.0",
+		"@wordpress/latex-to-mathml": "^1.4.0",
+		"@wordpress/notices": "^5.36.0",
+		"@wordpress/patterns": "^2.36.0",
+		"@wordpress/primitives": "^4.36.0",
+		"@wordpress/private-apis": "^1.36.0",
+		"@wordpress/reusable-blocks": "^5.36.0",
+		"@wordpress/rich-text": "^7.36.0",
+		"@wordpress/server-side-render": "^6.12.0",
+		"@wordpress/url": "^4.36.0",
+		"@wordpress/viewport": "^6.36.0",
+		"@wordpress/wordcount": "^4.36.0",
 		"change-case": "^4.1.2",
 		"clsx": "^2.1.1",
 		"colord": "^2.7.0",
@@ -134,5 +134,5 @@
 	"publishConfig": {
 		"access": "public"
 	},
-	"gitHead": "59a9383612bbe16e21af84d13b035bfbca7fe833"
+	"gitHead": "b35cf1a2dce04665e99fd6b9c2891c0b336361b9"
 }

package/src/accordion/style.scss

@@ -0,0 +1,4 @@
+.wp-block-accordion {
+	// This block has customizable padding, border-box makes that more predictable.
+	box-sizing: border-box;
+}

package/src/accordion/view.js

@@ -3,7 +3,11 @@
  */
 import { store, getContext, withSyncEvent } from '@wordpress/interactivity';
 
-store(
+// Whether the hash has been handled for the current page load.
+// This is used to prevent the hash from being handled multiple times.
+let hashHandled = false;
+
+const { actions } = store(
 	'core/accordion',
 	{
 		state: {
@@ -75,15 +79,68 @@ store(
 					nextButton.focus();
 				}
 			} ),
+			openPanelByHash: () => {
+				if ( hashHandled || ! window.location?.hash?.length ) {
+					return;
+				}
+
+				const context = getContext();
+				const { id, accordionItems, autoclose } = context;
+				const hash = decodeURIComponent(
+					window.location.hash.slice( 1 )
+				);
+				const targetElement = window.document.getElementById( hash );
+
+				if ( ! targetElement ) {
+					return;
+				}
+
+				const panelElement = window.document.querySelector(
+					'.wp-block-accordion-panel[aria-labelledby="' + id + '"]'
+				);
+
+				if (
+					! panelElement ||
+					! panelElement.contains( targetElement )
+				) {
+					return;
+				}
+
+				hashHandled = true;
+
+				if ( autoclose ) {
+					accordionItems.forEach( ( item ) => {
+						item.isOpen = item.id === id;
+					} );
+				} else {
+					const targetItem = accordionItems.find(
+						( item ) => item.id === id
+					);
+
+					if ( targetItem ) {
+						targetItem.isOpen = true;
+					}
+				}
+
+				// Wait for the panel to be opened before scrolling to it.
+				window.setTimeout( () => {
+					targetElement.scrollIntoView();
+				}, 0 );
+			},
 		},
 		callbacks: {
 			initAccordionItems: () => {
 				const context = getContext();
-				const { id, openByDefault } = context;
-				context.accordionItems.push( {
+				const { id, openByDefault, accordionItems } = context;
+				accordionItems.push( {
 					id,
 					isOpen: openByDefault,
 				} );
+				actions.openPanelByHash();
+			},
+			hashChange: () => {
+				hashHandled = false;
+				actions.openPanelByHash();
 			},
 		},
 	},

package/src/accordion-heading/block.json

@@ -57,7 +57,7 @@
 			}
 		},
 		"shadow": true,
-		"blockVisibility": false,
+		"visibility": false,
 		"lock": false
 	},
 	"selectors": {

package/src/accordion-heading/deprecated.js

@@ -74,7 +74,7 @@ const v1 = {
 			},
 		},
 		shadow: true,
-		blockVisibility: false,
+		visibility: false,
 	},
 	save( { attributes } ) {
 		const { level, title, iconPosition, showIcon } = attributes;

package/src/accordion-heading/style.scss

@@ -1,12 +1,4 @@
-// In many classic themes, selectors like `.entry-content h1` are used,
-// potentially applying relatively high specificity (such as `0-1-1`) to
-// heading elements. To properly override those styles, use a selector
-// with a specificity of `0-2-0`.
-.wp-block-accordion-heading.wp-block-accordion-heading {
-	// Some themes may have an explicit width. Since it's unpredictable
-	// what CSS specificity should be used to override them, ensure 100%
-	// width using min-width instead.
-	min-width: 100%;
+.wp-block-accordion-heading {
 	// Some classic themes apply default margins to heading elements,
 	// so those styles need to be reset.
 	margin: 0;

package/src/accordion-item/index.php

@@ -36,6 +36,7 @@ function block_core_accordion_item_render( $attributes, $content ) {
 		$p->set_attribute( 'data-wp-context', '{ "id": "' . $unique_id . '", "openByDefault": ' . $open_by_default . ' }' );
 		$p->set_attribute( 'data-wp-class--is-open', 'state.isOpen' );
 		$p->set_attribute( 'data-wp-init', 'callbacks.initAccordionItems' );
+		$p->set_attribute( 'data-wp-on-window--hashchange', 'callbacks.hashChange' );
 
 		if ( $p->next_tag( array( 'class_name' => 'wp-block-accordion-heading__toggle' ) ) ) {
 			$p->set_attribute( 'data-wp-on--click', 'actions.toggle' );

package/src/accordion-item/style.scss

@@ -1,13 +1,6 @@
 .wp-block-accordion-item {
-	display: grid;
-	grid-template-rows: max-content 0fr;
-
-	&.is-open {
-		grid-template-rows: max-content 1fr;
-
-		> .wp-block-accordion-heading .wp-block-accordion-heading__toggle-icon {
-			transform: rotate(45deg);
-		}
+	&.is-open > .wp-block-accordion-heading .wp-block-accordion-heading__toggle-icon {
+		transform: rotate(45deg);
 	}
 
 	/* Add transitions only for users who do not prefer reduced motion */

package/src/accordion-panel/block.json

@@ -50,7 +50,7 @@
 		"layout": {
 			"allowEditing": false
 		},
-		"blockVisibility": false,
+		"visibility": false,
 		"contentRole": true,
 		"allowedBlocks": true,
 		"lock": false

package/src/accordion-panel/style.scss

@@ -1,8 +1,4 @@
-// Some classic themes may use selectors like `.wp-block .wp-block`
-// and apply some kind of width to the blocks. To properly override
-// those styles, use a selector with a specificity of `0-2-0`.
-.wp-block-accordion-panel.wp-block-accordion-panel {
-	min-width: 100%;
+.wp-block-accordion-panel {
 
 	// Prevent blockGap from Accordion Content block from adding extra margin between accordions.
 	&[inert],

package/src/audio/index.js

@@ -1,7 +1,9 @@
 /**
  * WordPress dependencies
  */
+import { __ } from '@wordpress/i18n';
 import { audio as icon } from '@wordpress/icons';
+import { privateApis as blocksPrivateApis } from '@wordpress/blocks';
 
 /**
  * Internal dependencies
@@ -12,6 +14,9 @@ import edit from './edit';
 import metadata from './block.json';
 import save from './save';
 import transforms from './transforms';
+import { unlock } from '../lock-unlock';
+
+const { fieldsKey, formKey } = unlock( blocksPrivateApis );
 
 const { name } = metadata;
 
@@ -31,4 +36,30 @@ export const settings = {
 	save,
 };
 
+if ( window.__experimentalContentOnlyPatternInsertion ) {
+	settings[ fieldsKey ] = [
+		{
+			id: 'audio',
+			label: __( 'Audio' ),
+			type: 'media',
+			mapping: {
+				id: 'id',
+				url: 'src',
+			},
+			args: {
+				allowedTypes: [ 'audio' ],
+				multiple: false,
+			},
+		},
+		{
+			id: 'caption',
+			label: __( 'Caption' ),
+			type: 'richtext',
+		},
+	];
+	settings[ formKey ] = {
+		fields: [ 'audio' ],
+	};
+}
+
 export const init = () => initBlock( { name, metadata, settings } );

package/src/breadcrumbs/edit.js

@@ -116,9 +116,11 @@ export default function BreadcrumbEdit( {
 		);
 	}
 
-	// Determine breadcrumb type for accurate previews (matching PHP logic).
+	// Try to determine breadcrumb type for more accurate previews.
 	let _showTerms;
-	if ( ! isPostTypeHierarchical ) {
+	// Some non-hierarchical post types (e.g., attachments) can have parents.
+	// Use hierarchical breadcrumbs if a parent exists, otherwise use taxonomy breadcrumbs.
+	if ( ! isPostTypeHierarchical && ! post?.parent ) {
 		_showTerms = true;
 	} else if ( ! postTypeHasTaxonomies ) {
 		// Hierarchical post type without taxonomies can only use ancestors.