@wordpress/block-library 9.35.1-next.dc3f6d3c1.0 → 9.36.1-next.6deb34194.0

package/build-style/html/editor-rtl.css

@@ -91,19 +91,20 @@
   right: 0;
 }
 
-.block-library-html__modal .components-modal__content {
-  display: flex;
-  flex-direction: column;
-  padding: 0;
-  min-height: 70vh;
+.block-library-html__modal {
+  height: 100%;
 }
 .block-library-html__modal .components-modal__children-container {
   height: 100%;
-  padding: 16px;
 }
 
 .block-library-html__modal-tabs {
-  height: 100%;
+  overflow-y: auto;
+}
+
+.block-library-html__modal-content {
+  flex: 1;
+  min-height: 0;
 }
 
 .block-library-html__modal-tab {
@@ -143,10 +144,7 @@
   display: flex;
   align-items: center;
   justify-content: center;
-  padding: 48px;
-}
-
-.block-library-html__modal-actions {
-  margin-top: 16px;
-  padding: 0 32px 32px;
+  padding: 16px;
+  flex: 1;
+  min-height: 0;
 }

package/build-style/html/editor.css

@@ -91,19 +91,20 @@
   left: 0;
 }
 
-.block-library-html__modal .components-modal__content {
-  display: flex;
-  flex-direction: column;
-  padding: 0;
-  min-height: 70vh;
+.block-library-html__modal {
+  height: 100%;
 }
 .block-library-html__modal .components-modal__children-container {
   height: 100%;
-  padding: 16px;
 }
 
 .block-library-html__modal-tabs {
-  height: 100%;
+  overflow-y: auto;
+}
+
+.block-library-html__modal-content {
+  flex: 1;
+  min-height: 0;
 }
 
 .block-library-html__modal-tab {
@@ -144,10 +145,7 @@
   display: flex;
   align-items: center;
   justify-content: center;
-  padding: 48px;
-}
-
-.block-library-html__modal-actions {
-  margin-top: 16px;
-  padding: 0 32px 32px;
+  padding: 16px;
+  flex: 1;
+  min-height: 0;
 }

package/build-style/style-rtl.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,11 +18,6 @@
   }
 }
 
-.wp-block-accordion-heading.wp-block-accordion-heading {
-  min-width: 100%;
-  margin: 0;
-}
-
 .wp-block-accordion-heading__toggle {
   font-family: inherit;
   font-size: inherit;
@@ -36,7 +28,9 @@
   text-decoration: inherit;
   word-spacing: inherit;
   font-style: inherit;
+  background: none;
   border: none;
+  color: inherit;
   padding: var(--wp--preset--spacing--20, 1em) 0;
   cursor: pointer;
   overflow: hidden;
@@ -44,24 +38,10 @@
   align-items: center;
   text-align: inherit;
   width: 100%;
-  background-color: inherit !important;
-  color: inherit !important;
 }
 .wp-block-accordion-heading__toggle:not(:focus-visible) {
   outline: none;
 }
-.wp-block-accordion-heading__toggle:hover, .wp-block-accordion-heading__toggle:focus {
-  text-decoration: none;
-  background-color: inherit !important;
-  box-shadow: none;
-  color: inherit;
-  border: none;
-  padding: var(--wp--preset--spacing--20, 1em) 0;
-}
-.wp-block-accordion-heading__toggle:focus-visible {
-  outline: auto;
-  outline-offset: 0;
-}
 .wp-block-accordion-heading__toggle:hover .wp-block-accordion-heading__toggle-title {
   text-decoration: underline;
 }
@@ -78,10 +58,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;
 }
@@ -1018,6 +995,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;
+  right: 0;
+  left: 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;
+  right: 0;
+  left: 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%;
+  right: 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,
@@ -1127,6 +1148,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;
 }
@@ -4490,6 +4514,8 @@ ul.wp-block-rss.is-grid li {
 pre.wp-block-verse {
   overflow: auto;
   white-space: pre-wrap;
+  min-width: 1em;
+  word-break: break-word;
 }
 
 :where(pre.wp-block-verse) {
@@ -4709,7 +4735,7 @@ html :where([style*=border-top-color]) {
 }
 
 html :where([style*=border-right-color]) {
-  border-left-style: solid;
+  border-right-style: solid;
 }
 
 html :where([style*=border-bottom-color]) {
@@ -4717,7 +4743,7 @@ html :where([style*=border-bottom-color]) {
 }
 
 html :where([style*=border-left-color]) {
-  border-right-style: solid;
+  border-left-style: solid;
 }
 
 html :where([style*=border-width]) {
@@ -4729,7 +4755,7 @@ html :where([style*=border-top-width]) {
 }
 
 html :where([style*=border-right-width]) {
-  border-left-style: solid;
+  border-right-style: solid;
 }
 
 html :where([style*=border-bottom-width]) {
@@ -4737,7 +4763,7 @@ html :where([style*=border-bottom-width]) {
 }
 
 html :where([style*=border-left-width]) {
-  border-right-style: solid;
+  border-left-style: solid;
 }
 
 /**

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,11 +18,6 @@
   }
 }
 
-.wp-block-accordion-heading.wp-block-accordion-heading {
-  min-width: 100%;
-  margin: 0;
-}
-
 .wp-block-accordion-heading__toggle {
   font-family: inherit;
   font-size: inherit;
@@ -36,7 +28,9 @@
   text-decoration: inherit;
   word-spacing: inherit;
   font-style: inherit;
+  background: none;
   border: none;
+  color: inherit;
   padding: var(--wp--preset--spacing--20, 1em) 0;
   cursor: pointer;
   overflow: hidden;
@@ -44,24 +38,10 @@
   align-items: center;
   text-align: inherit;
   width: 100%;
-  background-color: inherit !important;
-  color: inherit !important;
 }
 .wp-block-accordion-heading__toggle:not(:focus-visible) {
   outline: none;
 }
-.wp-block-accordion-heading__toggle:hover, .wp-block-accordion-heading__toggle:focus {
-  text-decoration: none;
-  background-color: inherit !important;
-  box-shadow: none;
-  color: inherit;
-  border: none;
-  padding: var(--wp--preset--spacing--20, 1em) 0;
-}
-.wp-block-accordion-heading__toggle:focus-visible {
-  outline: auto;
-  outline-offset: 0;
-}
 .wp-block-accordion-heading__toggle:hover .wp-block-accordion-heading__toggle-title {
   text-decoration: underline;
 }
@@ -78,10 +58,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 +1002,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 +1155,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;
 }
@@ -4523,6 +4547,8 @@ ul.wp-block-rss.is-grid li {
 pre.wp-block-verse {
   overflow: auto;
   white-space: pre-wrap;
+  min-width: 1em;
+  word-break: break-word;
 }
 
 :where(pre.wp-block-verse) {
@@ -4744,6 +4770,7 @@ html :where([style*=border-top-color]) {
 }
 
 html :where([style*=border-right-color]) {
+  /*rtl:ignore*/
   border-right-style: solid;
 }
 
@@ -4752,6 +4779,7 @@ html :where([style*=border-bottom-color]) {
 }
 
 html :where([style*=border-left-color]) {
+  /*rtl:ignore*/
   border-left-style: solid;
 }
 
@@ -4764,6 +4792,7 @@ html :where([style*=border-top-width]) {
 }
 
 html :where([style*=border-right-width]) {
+  /*rtl:ignore*/
   border-right-style: solid;
 }
 
@@ -4772,6 +4801,7 @@ html :where([style*=border-bottom-width]) {
 }
 
 html :where([style*=border-left-width]) {
+  /*rtl:ignore*/
   border-left-style: solid;
 }
 

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

@@ -1,6 +1,8 @@
 pre.wp-block-verse {
   overflow: auto;
   white-space: pre-wrap;
+  min-width: 1em;
+  word-break: break-word;
 }
 
 :where(pre.wp-block-verse) {

package/build-style/verse/style.css

@@ -1,6 +1,8 @@
 pre.wp-block-verse {
   overflow: auto;
   white-space: pre-wrap;
+  min-width: 1em;
+  word-break: break-word;
 }
 
 :where(pre.wp-block-verse) {

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@wordpress/block-library",
-	"version": "9.35.1-next.dc3f6d3c1.0",
+	"version": "9.36.1-next.6deb34194.0",
 	"description": "Block library for the WordPress editor.",
 	"author": "The WordPress Contributors",
 	"license": "GPL-2.0-or-later",
@@ -79,44 +79,46 @@
 	"sideEffects": [
 		"build-style/**",
 		"src/**/*.scss",
-		"{src,build,build-module}/*/init.js"
+		"src/*/init.js",
+		"build/*/init.js",
+		"build-module/*/init.js"
 	],
 	"dependencies": {
-		"@wordpress/a11y": "^4.35.1-next.dc3f6d3c1.0",
-		"@wordpress/api-fetch": "^7.35.1-next.dc3f6d3c1.0",
-		"@wordpress/autop": "^4.35.1-next.dc3f6d3c1.0",
-		"@wordpress/base-styles": "^6.11.1-next.dc3f6d3c1.0",
-		"@wordpress/blob": "^4.35.1-next.dc3f6d3c1.0",
-		"@wordpress/block-editor": "^15.8.1-next.dc3f6d3c1.0",
-		"@wordpress/blocks": "^15.8.1-next.dc3f6d3c1.0",
-		"@wordpress/components": "^30.8.2-next.dc3f6d3c1.0",
-		"@wordpress/compose": "^7.35.1-next.dc3f6d3c1.0",
-		"@wordpress/core-data": "^7.35.1-next.dc3f6d3c1.0",
-		"@wordpress/data": "^10.35.1-next.dc3f6d3c1.0",
-		"@wordpress/date": "^5.35.1-next.dc3f6d3c1.0",
-		"@wordpress/deprecated": "^4.35.1-next.dc3f6d3c1.0",
-		"@wordpress/dom": "^4.35.1-next.dc3f6d3c1.0",
-		"@wordpress/element": "^6.35.1-next.dc3f6d3c1.0",
-		"@wordpress/escape-html": "^3.35.1-next.dc3f6d3c1.0",
-		"@wordpress/hooks": "^4.35.1-next.dc3f6d3c1.0",
-		"@wordpress/html-entities": "^4.35.1-next.dc3f6d3c1.0",
-		"@wordpress/i18n": "^6.8.1-next.dc3f6d3c1.0",
-		"@wordpress/icons": "^11.2.1-next.dc3f6d3c1.0",
-		"@wordpress/interactivity": "^6.35.1-next.dc3f6d3c1.0",
-		"@wordpress/interactivity-router": "^2.35.1-next.dc3f6d3c1.0",
-		"@wordpress/keyboard-shortcuts": "^5.35.1-next.dc3f6d3c1.0",
-		"@wordpress/keycodes": "^4.35.1-next.dc3f6d3c1.0",
-		"@wordpress/latex-to-mathml": "^1.3.1-next.dc3f6d3c1.0",
-		"@wordpress/notices": "^5.35.1-next.dc3f6d3c1.0",
-		"@wordpress/patterns": "^2.35.1-next.dc3f6d3c1.0",
-		"@wordpress/primitives": "^4.35.1-next.dc3f6d3c1.0",
-		"@wordpress/private-apis": "^1.35.1-next.dc3f6d3c1.0",
-		"@wordpress/reusable-blocks": "^5.35.1-next.dc3f6d3c1.0",
-		"@wordpress/rich-text": "^7.35.1-next.dc3f6d3c1.0",
-		"@wordpress/server-side-render": "^6.11.1-next.dc3f6d3c1.0",
-		"@wordpress/url": "^4.35.1-next.dc3f6d3c1.0",
-		"@wordpress/viewport": "^6.35.1-next.dc3f6d3c1.0",
-		"@wordpress/wordcount": "^4.35.1-next.dc3f6d3c1.0",
+		"@wordpress/a11y": "^4.36.1-next.6deb34194.0",
+		"@wordpress/api-fetch": "^7.36.1-next.6deb34194.0",
+		"@wordpress/autop": "^4.36.1-next.6deb34194.0",
+		"@wordpress/base-styles": "^6.12.1-next.6deb34194.0",
+		"@wordpress/blob": "^4.36.1-next.6deb34194.0",
+		"@wordpress/block-editor": "^15.9.1-next.6deb34194.0",
+		"@wordpress/blocks": "^15.9.1-next.6deb34194.0",
+		"@wordpress/components": "^31.0.1-next.6deb34194.0",
+		"@wordpress/compose": "^7.36.1-next.6deb34194.0",
+		"@wordpress/core-data": "^7.36.1-next.6deb34194.0",
+		"@wordpress/data": "^10.36.1-next.6deb34194.0",
+		"@wordpress/date": "^5.36.1-next.6deb34194.0",
+		"@wordpress/deprecated": "^4.36.1-next.6deb34194.0",
+		"@wordpress/dom": "^4.36.1-next.6deb34194.0",
+		"@wordpress/element": "^6.36.1-next.6deb34194.0",
+		"@wordpress/escape-html": "^3.36.1-next.6deb34194.0",
+		"@wordpress/hooks": "^4.36.1-next.6deb34194.0",
+		"@wordpress/html-entities": "^4.36.1-next.6deb34194.0",
+		"@wordpress/i18n": "^6.9.1-next.6deb34194.0",
+		"@wordpress/icons": "^11.3.1-next.6deb34194.0",
+		"@wordpress/interactivity": "^6.36.1-next.6deb34194.0",
+		"@wordpress/interactivity-router": "^2.36.1-next.6deb34194.0",
+		"@wordpress/keyboard-shortcuts": "^5.36.1-next.6deb34194.0",
+		"@wordpress/keycodes": "^4.36.1-next.6deb34194.0",
+		"@wordpress/latex-to-mathml": "^1.4.1-next.6deb34194.0",
+		"@wordpress/notices": "^5.36.1-next.6deb34194.0",
+		"@wordpress/patterns": "^2.36.1-next.6deb34194.0",
+		"@wordpress/primitives": "^4.36.1-next.6deb34194.0",
+		"@wordpress/private-apis": "^1.36.1-next.6deb34194.0",
+		"@wordpress/reusable-blocks": "^5.36.1-next.6deb34194.0",
+		"@wordpress/rich-text": "^7.36.1-next.6deb34194.0",
+		"@wordpress/server-side-render": "^6.12.1-next.6deb34194.0",
+		"@wordpress/url": "^4.36.1-next.6deb34194.0",
+		"@wordpress/viewport": "^6.36.1-next.6deb34194.0",
+		"@wordpress/wordcount": "^4.36.1-next.6deb34194.0",
 		"change-case": "^4.1.2",
 		"clsx": "^2.1.1",
 		"colord": "^2.7.0",
@@ -134,5 +136,5 @@
 	"publishConfig": {
 		"access": "public"
 	},
-	"gitHead": "f73b5e69b34fbaccfb8c47783f4f993059ff1a41"
+	"gitHead": "457096e9e9b3896d2d4fe54fc19d7fb571ee9a44"
 }

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;