Editor: Update packages for 6.7 Beta 3.

Syncs `@wordpress/*` packages to the `wp-6.7` npm tag.

Fixes #62205.

Built from https://develop.svn.wordpress.org/trunk@59230


git-svn-id: http://core.svn.wordpress.org/trunk@58622 1a063a9b-81f0-0310-95a4-ce76da25c4cd

wp-includes/assets/script-modules-packages.min.php

@@ -1 +1 @@
-<?php return array('interactivity/index.min.js' => array('dependencies' => array(), 'version' => 'b9302d272778fae26f7b', 'type' => 'module'), 'interactivity/debug.min.js' => array('dependencies' => array(), 'version' => 'b7a284e973e4c0ec54c8', 'type' => 'module'), 'interactivity-router/index.min.js' => array('dependencies' => array('@wordpress/interactivity', array('id' => '@wordpress/a11y', 'import' => 'dynamic')), 'version' => 'f01b88335afcef3dfc5d', 'type' => 'module'), 'a11y/index.min.js' => array('dependencies' => array(), 'version' => 'b7d06936b8bc23cff2ad', 'type' => 'module'), 'block-library/file/view.min.js' => array('dependencies' => array('@wordpress/interactivity'), 'version' => 'fdc2f6842e015af83140', 'type' => 'module'), 'block-library/image/view.min.js' => array('dependencies' => array('@wordpress/interactivity'), 'version' => 'acfec7b3c0be4a859b31', 'type' => 'module'), 'block-library/navigation/view.min.js' => array('dependencies' => array('@wordpress/interactivity'), 'version' => '8ff192874fc8910a284c', 'type' => 'module'), 'block-library/query/view.min.js' => array('dependencies' => array('@wordpress/interactivity', array('id' => '@wordpress/interactivity-router', 'import' => 'dynamic')), 'version' => 'f4c91c89fa5271f3dad9', 'type' => 'module'), 'block-library/search/view.min.js' => array('dependencies' => array('@wordpress/interactivity'), 'version' => '2a73400a693958f604de', 'type' => 'module'));
+<?php return array('interactivity/index.min.js' => array('dependencies' => array(), 'version' => 'b427d23841a264dec4b1', 'type' => 'module'), 'interactivity/debug.min.js' => array('dependencies' => array(), 'version' => '48d222e8a1a04e2ce84f', 'type' => 'module'), 'interactivity-router/index.min.js' => array('dependencies' => array('@wordpress/interactivity', array('id' => '@wordpress/a11y', 'import' => 'dynamic')), 'version' => 'f01b88335afcef3dfc5d', 'type' => 'module'), 'a11y/index.min.js' => array('dependencies' => array(), 'version' => 'b7d06936b8bc23cff2ad', 'type' => 'module'), 'block-library/file/view.min.js' => array('dependencies' => array('@wordpress/interactivity'), 'version' => 'fdc2f6842e015af83140', 'type' => 'module'), 'block-library/image/view.min.js' => array('dependencies' => array('@wordpress/interactivity'), 'version' => 'acfec7b3c0be4a859b31', 'type' => 'module'), 'block-library/navigation/view.min.js' => array('dependencies' => array('@wordpress/interactivity'), 'version' => '8ff192874fc8910a284c', 'type' => 'module'), 'block-library/query/view.min.js' => array('dependencies' => array('@wordpress/interactivity', array('id' => '@wordpress/interactivity-router', 'import' => 'dynamic')), 'version' => 'f4c91c89fa5271f3dad9', 'type' => 'module'), 'block-library/search/view.min.js' => array('dependencies' => array('@wordpress/interactivity'), 'version' => '2a73400a693958f604de', 'type' => 'module'));

wp-includes/assets/script-modules-packages.php

@@ -1 +1 @@
-<?php return array('interactivity/index.js' => array('dependencies' => array(), 'version' => 'ecd49f2c0a9f3299b888', 'type' => 'module'), 'interactivity/debug.js' => array('dependencies' => array(), 'version' => 'ddec2f3e64b9cc2598d6', 'type' => 'module'), 'interactivity-router/index.js' => array('dependencies' => array('@wordpress/interactivity', array('id' => '@wordpress/a11y', 'import' => 'dynamic')), 'version' => '4b36f376cc3aab08acca', 'type' => 'module'), 'a11y/index.js' => array('dependencies' => array(), 'version' => 'b3a7f46c0ef4f3484886', 'type' => 'module'), 'block-library/file/view.js' => array('dependencies' => array('@wordpress/interactivity'), 'version' => 'b0cd471b6fde34702d88', 'type' => 'module'), 'block-library/image/view.js' => array('dependencies' => array('@wordpress/interactivity'), 'version' => 'e1ce544dd878f3a09f70', 'type' => 'module'), 'block-library/navigation/view.js' => array('dependencies' => array('@wordpress/interactivity'), 'version' => '9510985aedc1f8e088f3', 'type' => 'module'), 'block-library/query/view.js' => array('dependencies' => array('@wordpress/interactivity', array('id' => '@wordpress/interactivity-router', 'import' => 'dynamic')), 'version' => '8e6f28f734f3c306b648', 'type' => 'module'), 'block-library/search/view.js' => array('dependencies' => array('@wordpress/interactivity'), 'version' => 'acdb7febda1392ad28de', 'type' => 'module'));
+<?php return array('interactivity/index.js' => array('dependencies' => array(), 'version' => 'ab37baaa0b495ff62fc7', 'type' => 'module'), 'interactivity/debug.js' => array('dependencies' => array(), 'version' => '54d38e1abb076cc189c5', 'type' => 'module'), 'interactivity-router/index.js' => array('dependencies' => array('@wordpress/interactivity', array('id' => '@wordpress/a11y', 'import' => 'dynamic')), 'version' => '4b36f376cc3aab08acca', 'type' => 'module'), 'a11y/index.js' => array('dependencies' => array(), 'version' => 'b3a7f46c0ef4f3484886', 'type' => 'module'), 'block-library/file/view.js' => array('dependencies' => array('@wordpress/interactivity'), 'version' => 'b0cd471b6fde34702d88', 'type' => 'module'), 'block-library/image/view.js' => array('dependencies' => array('@wordpress/interactivity'), 'version' => 'e1ce544dd878f3a09f70', 'type' => 'module'), 'block-library/navigation/view.js' => array('dependencies' => array('@wordpress/interactivity'), 'version' => '9510985aedc1f8e088f3', 'type' => 'module'), 'block-library/query/view.js' => array('dependencies' => array('@wordpress/interactivity', array('id' => '@wordpress/interactivity-router', 'import' => 'dynamic')), 'version' => '8e6f28f734f3c306b648', 'type' => 'module'), 'block-library/search/view.js' => array('dependencies' => array('@wordpress/interactivity'), 'version' => 'acdb7febda1392ad28de', 'type' => 'module'));

wp-includes/blocks/cover/editor-rtl.css

@@ -32,7 +32,6 @@
   right:50%;
   top:50%;
   transform:translate(50%, -50%);
-  z-index:1;
 }
 .wp-block-cover .wp-block-cover__inner-container{
   margin-left:0;

wp-includes/blocks/cover/editor-rtl.min.css

@@ -1 +1 @@
-.wp-block-cover.is-placeholder{align-items:stretch;display:flex;min-height:240px;padding:0!important}.wp-block-cover.is-placeholder .components-placeholder.is-large{justify-content:flex-start;z-index:1}.wp-block-cover.is-placeholder:focus:after{min-height:auto}.wp-block-cover.components-placeholder h2{color:inherit}.wp-block-cover.is-transient{position:relative}.wp-block-cover.is-transient:before{background-color:#fff;content:"";height:100%;opacity:.3;position:absolute;width:100%;z-index:1}.wp-block-cover .components-spinner{margin:0;position:absolute;right:50%;top:50%;transform:translate(50%,-50%);z-index:1}.wp-block-cover .wp-block-cover__inner-container{margin-left:0;margin-right:0;text-align:right}.wp-block-cover .wp-block-cover__placeholder-background-options{width:100%}.wp-block-cover .wp-block-cover__image--placeholder-image{bottom:0;left:0;position:absolute;right:0;top:0}[data-align=left]>.wp-block-cover,[data-align=right]>.wp-block-cover{max-width:420px;width:100%}.block-library-cover__reset-button{margin-right:auto}.block-library-cover__resize-container{bottom:0;left:0;min-height:50px;position:absolute!important;right:0;top:0}.components-popover.block-editor-block-popover.block-library-cover__resizable-box-popover .block-library-cover__resize-container,.components-popover.block-editor-block-popover.block-library-cover__resizable-box-popover .components-popover__content>div{overflow:visible;pointer-events:none}.wp-block-cover>.components-drop-zone .components-drop-zone__content{opacity:.8!important}.block-editor-block-patterns-list__list-item .has-parallax.wp-block-cover{background-attachment:scroll}.color-block-support-panel__inner-wrapper>:not(.block-editor-tools-panel-color-gradient-settings__item){margin-top:24px}
+.wp-block-cover.is-placeholder{align-items:stretch;display:flex;min-height:240px;padding:0!important}.wp-block-cover.is-placeholder .components-placeholder.is-large{justify-content:flex-start;z-index:1}.wp-block-cover.is-placeholder:focus:after{min-height:auto}.wp-block-cover.components-placeholder h2{color:inherit}.wp-block-cover.is-transient{position:relative}.wp-block-cover.is-transient:before{background-color:#fff;content:"";height:100%;opacity:.3;position:absolute;width:100%;z-index:1}.wp-block-cover .components-spinner{margin:0;position:absolute;right:50%;top:50%;transform:translate(50%,-50%)}.wp-block-cover .wp-block-cover__inner-container{margin-left:0;margin-right:0;text-align:right}.wp-block-cover .wp-block-cover__placeholder-background-options{width:100%}.wp-block-cover .wp-block-cover__image--placeholder-image{bottom:0;left:0;position:absolute;right:0;top:0}[data-align=left]>.wp-block-cover,[data-align=right]>.wp-block-cover{max-width:420px;width:100%}.block-library-cover__reset-button{margin-right:auto}.block-library-cover__resize-container{bottom:0;left:0;min-height:50px;position:absolute!important;right:0;top:0}.components-popover.block-editor-block-popover.block-library-cover__resizable-box-popover .block-library-cover__resize-container,.components-popover.block-editor-block-popover.block-library-cover__resizable-box-popover .components-popover__content>div{overflow:visible;pointer-events:none}.wp-block-cover>.components-drop-zone .components-drop-zone__content{opacity:.8!important}.block-editor-block-patterns-list__list-item .has-parallax.wp-block-cover{background-attachment:scroll}.color-block-support-panel__inner-wrapper>:not(.block-editor-tools-panel-color-gradient-settings__item){margin-top:24px}

wp-includes/blocks/cover/editor.css

@@ -32,7 +32,6 @@
   position:absolute;
   top:50%;
   transform:translate(-50%, -50%);
-  z-index:1;
 }
 .wp-block-cover .wp-block-cover__inner-container{
   margin-left:0;

wp-includes/blocks/cover/editor.min.css

@@ -1 +1 @@
-.wp-block-cover.is-placeholder{align-items:stretch;display:flex;min-height:240px;padding:0!important}.wp-block-cover.is-placeholder .components-placeholder.is-large{justify-content:flex-start;z-index:1}.wp-block-cover.is-placeholder:focus:after{min-height:auto}.wp-block-cover.components-placeholder h2{color:inherit}.wp-block-cover.is-transient{position:relative}.wp-block-cover.is-transient:before{background-color:#fff;content:"";height:100%;opacity:.3;position:absolute;width:100%;z-index:1}.wp-block-cover .components-spinner{left:50%;margin:0;position:absolute;top:50%;transform:translate(-50%,-50%);z-index:1}.wp-block-cover .wp-block-cover__inner-container{margin-left:0;margin-right:0;text-align:left}.wp-block-cover .wp-block-cover__placeholder-background-options{width:100%}.wp-block-cover .wp-block-cover__image--placeholder-image{bottom:0;left:0;position:absolute;right:0;top:0}[data-align=left]>.wp-block-cover,[data-align=right]>.wp-block-cover{max-width:420px;width:100%}.block-library-cover__reset-button{margin-left:auto}.block-library-cover__resize-container{bottom:0;left:0;min-height:50px;position:absolute!important;right:0;top:0}.components-popover.block-editor-block-popover.block-library-cover__resizable-box-popover .block-library-cover__resize-container,.components-popover.block-editor-block-popover.block-library-cover__resizable-box-popover .components-popover__content>div{overflow:visible;pointer-events:none}.wp-block-cover>.components-drop-zone .components-drop-zone__content{opacity:.8!important}.block-editor-block-patterns-list__list-item .has-parallax.wp-block-cover{background-attachment:scroll}.color-block-support-panel__inner-wrapper>:not(.block-editor-tools-panel-color-gradient-settings__item){margin-top:24px}
+.wp-block-cover.is-placeholder{align-items:stretch;display:flex;min-height:240px;padding:0!important}.wp-block-cover.is-placeholder .components-placeholder.is-large{justify-content:flex-start;z-index:1}.wp-block-cover.is-placeholder:focus:after{min-height:auto}.wp-block-cover.components-placeholder h2{color:inherit}.wp-block-cover.is-transient{position:relative}.wp-block-cover.is-transient:before{background-color:#fff;content:"";height:100%;opacity:.3;position:absolute;width:100%;z-index:1}.wp-block-cover .components-spinner{left:50%;margin:0;position:absolute;top:50%;transform:translate(-50%,-50%)}.wp-block-cover .wp-block-cover__inner-container{margin-left:0;margin-right:0;text-align:left}.wp-block-cover .wp-block-cover__placeholder-background-options{width:100%}.wp-block-cover .wp-block-cover__image--placeholder-image{bottom:0;left:0;position:absolute;right:0;top:0}[data-align=left]>.wp-block-cover,[data-align=right]>.wp-block-cover{max-width:420px;width:100%}.block-library-cover__reset-button{margin-left:auto}.block-library-cover__resize-container{bottom:0;left:0;min-height:50px;position:absolute!important;right:0;top:0}.components-popover.block-editor-block-popover.block-library-cover__resizable-box-popover .block-library-cover__resize-container,.components-popover.block-editor-block-popover.block-library-cover__resizable-box-popover .components-popover__content>div{overflow:visible;pointer-events:none}.wp-block-cover>.components-drop-zone .components-drop-zone__content{opacity:.8!important}.block-editor-block-patterns-list__list-item .has-parallax.wp-block-cover{background-attachment:scroll}.color-block-support-panel__inner-wrapper>:not(.block-editor-tools-panel-color-gradient-settings__item){margin-top:24px}

wp-includes/blocks/cover/style-rtl.css

@@ -27,7 +27,7 @@
   position:absolute;
   right:0;
   top:0;
-  z-index:1;
+  z-index:0;
 }
 .wp-block-cover-image.has-background-dim.has-background-dim-10 .wp-block-cover__background,.wp-block-cover-image.has-background-dim.has-background-dim-10 .wp-block-cover__gradient-background,.wp-block-cover-image.has-background-dim.has-background-dim-10:not(.has-background-gradient):before,.wp-block-cover.has-background-dim.has-background-dim-10 .wp-block-cover__background,.wp-block-cover.has-background-dim.has-background-dim-10 .wp-block-cover__gradient-background,.wp-block-cover.has-background-dim.has-background-dim-10:not(.has-background-gradient):before{
   opacity:.1;
@@ -101,8 +101,8 @@
 }
 .wp-block-cover .wp-block-cover__inner-container,.wp-block-cover-image .wp-block-cover__inner-container{
   color:inherit; direction:rtl;
+  position:relative;
   width:100%;
-  z-index:1;
 }
 .wp-block-cover-image.is-position-top-left,.wp-block-cover.is-position-top-left{
   align-items:flex-start;
@@ -186,7 +186,7 @@
 }
 
 .wp-block-cover__image-background,.wp-block-cover__video-background{
-  z-index:0;
+  z-index:-1;
 }
 .wp-block-cover-image-text,.wp-block-cover-image-text a,.wp-block-cover-image-text a:active,.wp-block-cover-image-text a:focus,.wp-block-cover-image-text a:hover,.wp-block-cover-text,.wp-block-cover-text a,.wp-block-cover-text a:active,.wp-block-cover-text a:focus,.wp-block-cover-text a:hover,section.wp-block-cover-image h2,section.wp-block-cover-image h2 a,section.wp-block-cover-image h2 a:active,section.wp-block-cover-image h2 a:focus,section.wp-block-cover-image h2 a:hover{
   color:#fff;

wp-includes/blocks/cover/style.css

@@ -27,7 +27,7 @@
   position:absolute;
   right:0;
   top:0;
-  z-index:1;
+  z-index:0;
 }
 .wp-block-cover-image.has-background-dim.has-background-dim-10 .wp-block-cover__background,.wp-block-cover-image.has-background-dim.has-background-dim-10 .wp-block-cover__gradient-background,.wp-block-cover-image.has-background-dim.has-background-dim-10:not(.has-background-gradient):before,.wp-block-cover.has-background-dim.has-background-dim-10 .wp-block-cover__background,.wp-block-cover.has-background-dim.has-background-dim-10 .wp-block-cover__gradient-background,.wp-block-cover.has-background-dim.has-background-dim-10:not(.has-background-gradient):before{
   opacity:.1;
@@ -101,8 +101,8 @@
 }
 .wp-block-cover .wp-block-cover__inner-container,.wp-block-cover-image .wp-block-cover__inner-container{
   color:inherit;
+  position:relative;
   width:100%;
-  z-index:1;
 }
 .wp-block-cover-image.is-position-top-left,.wp-block-cover.is-position-top-left{
   align-items:flex-start;
@@ -186,7 +186,7 @@
 }
 
 .wp-block-cover__image-background,.wp-block-cover__video-background{
-  z-index:0;
+  z-index:-1;
 }
 .wp-block-cover-image-text,.wp-block-cover-image-text a,.wp-block-cover-image-text a:active,.wp-block-cover-image-text a:focus,.wp-block-cover-image-text a:hover,.wp-block-cover-text,.wp-block-cover-text a,.wp-block-cover-text a:active,.wp-block-cover-text a:focus,.wp-block-cover-text a:hover,section.wp-block-cover-image h2,section.wp-block-cover-image h2 a,section.wp-block-cover-image h2 a:active,section.wp-block-cover-image h2 a:focus,section.wp-block-cover-image h2 a:hover{
   color:#fff;

wp-includes/blocks/image.php

@@ -24,7 +24,7 @@ function render_block_core_image( $attributes, $content, $block ) {
 
 	$p = new WP_HTML_Tag_Processor( $content );
 
-	if ( ! $p->next_tag( 'img' ) || null === $p->get_attribute( 'src' ) ) {
+	if ( ! $p->next_tag( 'img' ) || ! $p->get_attribute( 'src' ) ) {
 		return '';
 	}
 

wp-includes/blocks/post-content/style-rtl.css

@@ -1,5 +1,3 @@
-.wp-block-post-content:after{
+.wp-block-post-content{
-  clear:both;
+  display:flow-root;
-  content:"";
-  display:table;
 }

wp-includes/blocks/post-content/style-rtl.min.css

@@ -1 +1 @@
-.wp-block-post-content:after{clear:both;content:"";display:table}
+.wp-block-post-content{display:flow-root}

wp-includes/blocks/post-content/style.css

@@ -1,5 +1,3 @@
-.wp-block-post-content:after{
+.wp-block-post-content{
-  clear:both;
+  display:flow-root;
-  content:"";
-  display:table;
 }

wp-includes/blocks/post-content/style.min.css

@@ -1 +1 @@
-.wp-block-post-content:after{clear:both;content:"";display:table}
+.wp-block-post-content{display:flow-root}

wp-includes/css/dist/block-editor/content-rtl.css

@@ -631,6 +631,7 @@
 }
 
 .block-editor-iframe__body{
+  border:.01px solid #0000;
   position:relative;
 }
 
@@ -652,9 +653,8 @@
 }
 
 .block-editor-iframe__html{
-  border:0 solid #ddd;
   transform-origin:top center;
-  transition:all .5s cubic-bezier(.65, 0, .45, 1);
+  transition:all .4s cubic-bezier(.46, .03, .52, .96);
 }
 @media (prefers-reduced-motion:reduce){
   .block-editor-iframe__html{
@@ -665,14 +665,13 @@
 
 .block-editor-iframe__html.is-zoomed-out{
   background-color:#ddd;
-  border:calc(var(--wp-block-editor-iframe-zoom-out-frame-size)/var(--wp-block-editor-iframe-zoom-out-scale)) solid #ddd;
+  margin-bottom:calc(var(--wp-block-editor-iframe-zoom-out-content-height)*(1 - var(--wp-block-editor-iframe-zoom-out-scale))*-1 + var(--wp-block-editor-iframe-zoom-out-frame-size)*2/var(--wp-block-editor-iframe-zoom-out-scale)*-1 + -2px);
-  margin-bottom:calc(var(--wp-block-editor-iframe-zoom-out-content-height)*(1 - var(--wp-block-editor-iframe-zoom-out-scale))*-1 + var(--wp-block-editor-iframe-zoom-out-frame-size)*2*-1 + -2px);
+  padding-bottom:calc(var(--wp-block-editor-iframe-zoom-out-frame-size)/var(--wp-block-editor-iframe-zoom-out-scale));
+  padding-top:calc(var(--wp-block-editor-iframe-zoom-out-frame-size)/var(--wp-block-editor-iframe-zoom-out-scale));
   transform:scale(var(--wp-block-editor-iframe-zoom-out-scale));
 }
 .block-editor-iframe__html.is-zoomed-out body{
-  display:flex;
+  min-height:calc((var(--wp-block-editor-iframe-zoom-out-inner-height) - 2*var(--wp-block-editor-iframe-zoom-out-frame-size)/var(--wp-block-editor-iframe-zoom-out-scale))/var(--wp-block-editor-iframe-zoom-out-scale));
-  flex-direction:column;
-  min-height:calc((var(--wp-block-editor-iframe-zoom-out-inner-height) - 2*var(--wp-block-editor-iframe-zoom-out-frame-size))/var(--wp-block-editor-iframe-zoom-out-scale));
 }
 .block-editor-iframe__html.is-zoomed-out body>.is-root-container:not(.wp-block-post-content){
   display:flex;

wp-includes/css/dist/block-editor/content.css

@@ -631,6 +631,7 @@
 }
 
 .block-editor-iframe__body{
+  border:.01px solid #0000;
   position:relative;
 }
 
@@ -652,9 +653,8 @@
 }
 
 .block-editor-iframe__html{
-  border:0 solid #ddd;
   transform-origin:top center;
-  transition:all .5s cubic-bezier(.65, 0, .45, 1);
+  transition:all .4s cubic-bezier(.46, .03, .52, .96);
 }
 @media (prefers-reduced-motion:reduce){
   .block-editor-iframe__html{
@@ -665,14 +665,13 @@
 
 .block-editor-iframe__html.is-zoomed-out{
   background-color:#ddd;
-  border:calc(var(--wp-block-editor-iframe-zoom-out-frame-size)/var(--wp-block-editor-iframe-zoom-out-scale)) solid #ddd;
+  margin-bottom:calc(var(--wp-block-editor-iframe-zoom-out-content-height)*(1 - var(--wp-block-editor-iframe-zoom-out-scale))*-1 + var(--wp-block-editor-iframe-zoom-out-frame-size)*2/var(--wp-block-editor-iframe-zoom-out-scale)*-1 + -2px);
-  margin-bottom:calc(var(--wp-block-editor-iframe-zoom-out-content-height)*(1 - var(--wp-block-editor-iframe-zoom-out-scale))*-1 + var(--wp-block-editor-iframe-zoom-out-frame-size)*2*-1 + -2px);
+  padding-bottom:calc(var(--wp-block-editor-iframe-zoom-out-frame-size)/var(--wp-block-editor-iframe-zoom-out-scale));
+  padding-top:calc(var(--wp-block-editor-iframe-zoom-out-frame-size)/var(--wp-block-editor-iframe-zoom-out-scale));
   transform:scale(var(--wp-block-editor-iframe-zoom-out-scale));
 }
 .block-editor-iframe__html.is-zoomed-out body{
-  display:flex;
+  min-height:calc((var(--wp-block-editor-iframe-zoom-out-inner-height) - 2*var(--wp-block-editor-iframe-zoom-out-frame-size)/var(--wp-block-editor-iframe-zoom-out-scale))/var(--wp-block-editor-iframe-zoom-out-scale));
-  flex-direction:column;
-  min-height:calc((var(--wp-block-editor-iframe-zoom-out-inner-height) - 2*var(--wp-block-editor-iframe-zoom-out-frame-size))/var(--wp-block-editor-iframe-zoom-out-scale));
 }
 .block-editor-iframe__html.is-zoomed-out body>.is-root-container:not(.wp-block-post-content){
   display:flex;

wp-includes/css/dist/block-editor/style-rtl.css

@@ -177,7 +177,7 @@ iframe[name=editor-canvas]{
   box-sizing:border-box;
   display:block;
   height:100%;
-  transition:all .5s cubic-bezier(.65, 0, .45, 1);
+  transition:all .4s cubic-bezier(.46, .03, .52, .96);
   width:100%;
 }
 @media (prefers-reduced-motion:reduce){
@@ -2262,6 +2262,14 @@ iframe[name=editor-canvas]{
 .block-editor-list-view-leaf .block-editor-list-view-block-select-button:hover{
   color:var(--wp-admin-theme-color);
 }
+.block-editor-list-view-leaf .block-editor-list-view-block-select-button svg{
+  fill:currentColor;
+}
+@media (forced-colors:active){
+  .block-editor-list-view-leaf .block-editor-list-view-block-select-button svg{
+    fill:CanvasText;
+  }
+}
 .is-dragging-components-draggable .block-editor-list-view-leaf:not(.is-selected) .block-editor-list-view-block-select-button:hover{
   color:inherit;
 }

wp-includes/css/dist/block-editor/style.css

@@ -177,7 +177,7 @@ iframe[name=editor-canvas]{
   box-sizing:border-box;
   display:block;
   height:100%;
-  transition:all .5s cubic-bezier(.65, 0, .45, 1);
+  transition:all .4s cubic-bezier(.46, .03, .52, .96);
   width:100%;
 }
 @media (prefers-reduced-motion:reduce){
@@ -2262,6 +2262,14 @@ iframe[name=editor-canvas]{
 .block-editor-list-view-leaf .block-editor-list-view-block-select-button:hover{
   color:var(--wp-admin-theme-color);
 }
+.block-editor-list-view-leaf .block-editor-list-view-block-select-button svg{
+  fill:currentColor;
+}
+@media (forced-colors:active){
+  .block-editor-list-view-leaf .block-editor-list-view-block-select-button svg{
+    fill:CanvasText;
+  }
+}
 .is-dragging-components-draggable .block-editor-list-view-leaf:not(.is-selected) .block-editor-list-view-block-select-button:hover{
   color:inherit;
 }

wp-includes/css/dist/block-library/editor-rtl.css

@@ -300,7 +300,6 @@ html :where(.wp-block-column){
   right:50%;
   top:50%;
   transform:translate(50%, -50%);
-  z-index:1;
 }
 .wp-block-cover .wp-block-cover__inner-container{
   margin-left:0;

wp-includes/css/dist/block-library/editor.css

@@ -298,7 +298,6 @@ html :where(.wp-block-column){
   position:absolute;
   top:50%;
   transform:translate(-50%, -50%);
-  z-index:1;
 }
 .wp-block-cover .wp-block-cover__inner-container{
   margin-left:0;

wp-includes/css/dist/block-library/style-rtl.css

@@ -489,7 +489,7 @@
   position:absolute;
   right:0;
   top:0;
-  z-index:1;
+  z-index:0;
 }
 .wp-block-cover-image.has-background-dim.has-background-dim-10 .wp-block-cover__background,.wp-block-cover-image.has-background-dim.has-background-dim-10 .wp-block-cover__gradient-background,.wp-block-cover-image.has-background-dim.has-background-dim-10:not(.has-background-gradient):before,.wp-block-cover.has-background-dim.has-background-dim-10 .wp-block-cover__background,.wp-block-cover.has-background-dim.has-background-dim-10 .wp-block-cover__gradient-background,.wp-block-cover.has-background-dim.has-background-dim-10:not(.has-background-gradient):before{
   opacity:.1;
@@ -563,8 +563,8 @@
 }
 .wp-block-cover .wp-block-cover__inner-container,.wp-block-cover-image .wp-block-cover__inner-container{
   color:inherit; direction:rtl;
+  position:relative;
   width:100%;
-  z-index:1;
 }
 .wp-block-cover-image.is-position-top-left,.wp-block-cover.is-position-top-left{
   align-items:flex-start;
@@ -648,7 +648,7 @@
 }
 
 .wp-block-cover__image-background,.wp-block-cover__video-background{
-  z-index:0;
+  z-index:-1;
 }
 .wp-block-cover-image-text,.wp-block-cover-image-text a,.wp-block-cover-image-text a:active,.wp-block-cover-image-text a:focus,.wp-block-cover-image-text a:hover,.wp-block-cover-text,.wp-block-cover-text a,.wp-block-cover-text a:active,.wp-block-cover-text a:focus,.wp-block-cover-text a:hover,section.wp-block-cover-image h2,section.wp-block-cover-image h2 a,section.wp-block-cover-image h2 a:active,section.wp-block-cover-image h2 a:focus,section.wp-block-cover-image h2 a:hover{
   color:#fff;
@@ -2332,10 +2332,8 @@ p.has-text-align-left[style*="writing-mode:vertical-lr"],p.has-text-align-right[
   margin-right:.5em;
 }
 
-.wp-block-post-content:after{
+.wp-block-post-content{
-  clear:both;
+  display:flow-root;
-  content:"";
-  display:table;
 }
 
 .wp-block-post-date{

wp-includes/css/dist/block-library/style.css

@@ -489,7 +489,7 @@
   position:absolute;
   right:0;
   top:0;
-  z-index:1;
+  z-index:0;
 }
 .wp-block-cover-image.has-background-dim.has-background-dim-10 .wp-block-cover__background,.wp-block-cover-image.has-background-dim.has-background-dim-10 .wp-block-cover__gradient-background,.wp-block-cover-image.has-background-dim.has-background-dim-10:not(.has-background-gradient):before,.wp-block-cover.has-background-dim.has-background-dim-10 .wp-block-cover__background,.wp-block-cover.has-background-dim.has-background-dim-10 .wp-block-cover__gradient-background,.wp-block-cover.has-background-dim.has-background-dim-10:not(.has-background-gradient):before{
   opacity:.1;
@@ -563,8 +563,8 @@
 }
 .wp-block-cover .wp-block-cover__inner-container,.wp-block-cover-image .wp-block-cover__inner-container{
   color:inherit;
+  position:relative;
   width:100%;
-  z-index:1;
 }
 .wp-block-cover-image.is-position-top-left,.wp-block-cover.is-position-top-left{
   align-items:flex-start;
@@ -648,7 +648,7 @@
 }
 
 .wp-block-cover__image-background,.wp-block-cover__video-background{
-  z-index:0;
+  z-index:-1;
 }
 .wp-block-cover-image-text,.wp-block-cover-image-text a,.wp-block-cover-image-text a:active,.wp-block-cover-image-text a:focus,.wp-block-cover-image-text a:hover,.wp-block-cover-text,.wp-block-cover-text a,.wp-block-cover-text a:active,.wp-block-cover-text a:focus,.wp-block-cover-text a:hover,section.wp-block-cover-image h2,section.wp-block-cover-image h2 a,section.wp-block-cover-image h2 a:active,section.wp-block-cover-image h2 a:focus,section.wp-block-cover-image h2 a:hover{
   color:#fff;
@@ -2332,10 +2332,8 @@ p.has-text-align-left[style*="writing-mode:vertical-lr"],p.has-text-align-right[
   margin-left:.5em;
 }
 
-.wp-block-post-content:after{
+.wp-block-post-content{
-  clear:both;
+  display:flow-root;
-  content:"";
-  display:table;
 }
 
 .wp-block-post-date{

wp-includes/css/dist/components/style-rtl.css

@@ -987,22 +987,22 @@ body.is-dragging-components-draggable{
   opacity:0;
   transform:scale(.9);
 }
-.components-drop-zone.is-active:not(.has-dragged-out) .components-drop-zone__content{
+.components-drop-zone.is-active.is-dragging-over-element .components-drop-zone__content{
   opacity:1;
   transition:opacity .2s ease-in-out;
 }
 @media (prefers-reduced-motion){
-  .components-drop-zone.is-active:not(.has-dragged-out) .components-drop-zone__content{
+  .components-drop-zone.is-active.is-dragging-over-element .components-drop-zone__content{
     transition:none;
   }
 }
-.components-drop-zone.is-active:not(.has-dragged-out) .components-drop-zone__content-inner{
+.components-drop-zone.is-active.is-dragging-over-element .components-drop-zone__content-inner{
   opacity:1;
   transform:scale(1);
   transition:opacity .1s ease-in-out .1s,transform .1s ease-in-out .1s;
 }
 @media (prefers-reduced-motion){
-  .components-drop-zone.is-active:not(.has-dragged-out) .components-drop-zone__content-inner{
+  .components-drop-zone.is-active.is-dragging-over-element .components-drop-zone__content-inner{
     transition:none;
   }
 }

wp-includes/css/dist/components/style.css

@@ -987,22 +987,22 @@ body.is-dragging-components-draggable{
   opacity:0;
   transform:scale(.9);
 }
-.components-drop-zone.is-active:not(.has-dragged-out) .components-drop-zone__content{
+.components-drop-zone.is-active.is-dragging-over-element .components-drop-zone__content{
   opacity:1;
   transition:opacity .2s ease-in-out;
 }
 @media (prefers-reduced-motion){
-  .components-drop-zone.is-active:not(.has-dragged-out) .components-drop-zone__content{
+  .components-drop-zone.is-active.is-dragging-over-element .components-drop-zone__content{
     transition:none;
   }
 }
-.components-drop-zone.is-active:not(.has-dragged-out) .components-drop-zone__content-inner{
+.components-drop-zone.is-active.is-dragging-over-element .components-drop-zone__content-inner{
   opacity:1;
   transform:scale(1);
   transition:opacity .1s ease-in-out .1s,transform .1s ease-in-out .1s;
 }
 @media (prefers-reduced-motion){
-  .components-drop-zone.is-active:not(.has-dragged-out) .components-drop-zone__content-inner{
+  .components-drop-zone.is-active.is-dragging-over-element .components-drop-zone__content-inner{
     transition:none;
   }
 }

wp-includes/css/dist/edit-post/style-rtl.css

@@ -84,64 +84,101 @@
 
 .edit-post-meta-boxes-main{
   background-color:#fff;
-  clear:both;
+  display:flex;
   filter:drop-shadow(0 -1px rgba(0, 0, 0, .133));
+  flex-direction:column;
+  outline:1px solid #0000;
+  overflow:hidden;
 }
-.edit-post-meta-boxes-main:not(details){
+.edit-post-meta-boxes-main.is-resizable{
-  padding-top:24px;
+  padding-block-start:24px;
-}
-.edit-post-meta-boxes-main:is(details)>summary{
-  background-color:#fff;
-  box-shadow:0 1px #ddd;
-  color:#1e1e1e;
-  cursor:pointer;
-  font-size:13px;
-  height:32px;
-  line-height:32px;
-  padding-right:24px;
-}
-.edit-post-meta-boxes-main:is(details)[open]>summary{
-  position:sticky;
-  top:0;
-  z-index:1;
 }
 
-.edit-post-meta-boxes-main__resize-handle{
+.edit-post-meta-boxes-main__presenter{
   box-shadow:0 1px #ddd;
   display:flex;
-  height:24px;
+  outline:1px solid #0000;
-  inset:0 0 auto 0;
+  position:relative;
+  z-index:1;
 }
-.edit-post-meta-boxes-main__resize-handle>button{
+.is-resizable.edit-post-meta-boxes-main .edit-post-meta-boxes-main__presenter>button,.is-toggle-only>.edit-post-meta-boxes-main__presenter{
   appearance:none;
-  background-color:#ddd;
+  background-color:initial;
   border:none;
-  border-radius:2px;
-  cursor:inherit;
-  height:4px;
-  margin:auto;
   outline:none;
   padding:0;
-  transition:width .3s ease-out;
+}
+.is-toggle-only>.edit-post-meta-boxes-main__presenter{
+  align-items:center;
+  cursor:pointer;
+  flex-shrink:0;
+  height:32px;
+  justify-content:space-between;
+  padding-inline:24px 12px;
+}
+.is-toggle-only>.edit-post-meta-boxes-main__presenter:is(:hover,:focus-visible){
+  color:var(--wp-admin-theme-color);
+}
+.is-toggle-only>.edit-post-meta-boxes-main__presenter:focus-visible:after{
+  box-shadow:0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color);
+  content:"";
+  inset:var(--wp-admin-border-width-focus);
+  outline:2px solid #0000;
+  position:absolute;
+}
+.is-toggle-only>.edit-post-meta-boxes-main__presenter>svg{
+  fill:currentColor;
+}
+.is-resizable.edit-post-meta-boxes-main .edit-post-meta-boxes-main__presenter{
+  inset:0 0 auto;
+}
+.is-resizable.edit-post-meta-boxes-main .edit-post-meta-boxes-main__presenter>button{
+  cursor:inherit;
+  height:24px;
+  margin:auto;
   width:64px;
 }
+.is-resizable.edit-post-meta-boxes-main .edit-post-meta-boxes-main__presenter>button:before{
+  background-color:#ddd;
+  border-radius:2px;
+  content:"";
+  height:4px;
+  inset-block:calc(50% - 2px) auto;
+  outline:2px solid #0000;
+  outline-offset:-2px;
+  position:absolute;
+  transform:translateX(50%);
+  transition:width .3s ease-out;
+  width:inherit;
+}
 @media (prefers-reduced-motion:reduce){
-  .edit-post-meta-boxes-main__resize-handle>button{
+  .is-resizable.edit-post-meta-boxes-main .edit-post-meta-boxes-main__presenter>button:before{
     transition-delay:0s;
     transition-duration:0s;
   }
 }
-.edit-post-meta-boxes-main__resize-handle:hover>button,.edit-post-meta-boxes-main__resize-handle>button:focus{
+.is-resizable.edit-post-meta-boxes-main .edit-post-meta-boxes-main__presenter:is(:hover,:focus-within)>button:before{
   background-color:var(--wp-admin-theme-color);
   width:80px;
 }
 
+@media (pointer:coarse){
+  .is-resizable.edit-post-meta-boxes-main{
+    padding-block-start:32px;
+  }
+  .is-resizable.edit-post-meta-boxes-main .edit-post-meta-boxes-main__presenter>button{
+    height:32px;
+  }
+}
 .edit-post-meta-boxes-main__liner{
   isolation:isolate;
-  max-height:100%;
   overflow:auto;
 }
 
+.edit-post-layout__metaboxes{
+  clear:both;
+}
+
 .has-metaboxes .editor-visual-editor{
   flex:1;
 }

wp-includes/css/dist/edit-post/style.css

@@ -84,64 +84,101 @@
 
 .edit-post-meta-boxes-main{
   background-color:#fff;
-  clear:both;
+  display:flex;
   filter:drop-shadow(0 -1px rgba(0, 0, 0, .133));
+  flex-direction:column;
+  outline:1px solid #0000;
+  overflow:hidden;
 }
-.edit-post-meta-boxes-main:not(details){
+.edit-post-meta-boxes-main.is-resizable{
-  padding-top:24px;
+  padding-block-start:24px;
-}
-.edit-post-meta-boxes-main:is(details)>summary{
-  background-color:#fff;
-  box-shadow:0 1px #ddd;
-  color:#1e1e1e;
-  cursor:pointer;
-  font-size:13px;
-  height:32px;
-  line-height:32px;
-  padding-left:24px;
-}
-.edit-post-meta-boxes-main:is(details)[open]>summary{
-  position:sticky;
-  top:0;
-  z-index:1;
 }
 
-.edit-post-meta-boxes-main__resize-handle{
+.edit-post-meta-boxes-main__presenter{
   box-shadow:0 1px #ddd;
   display:flex;
-  height:24px;
+  outline:1px solid #0000;
-  inset:0 0 auto 0;
+  position:relative;
+  z-index:1;
 }
-.edit-post-meta-boxes-main__resize-handle>button{
+.is-resizable.edit-post-meta-boxes-main .edit-post-meta-boxes-main__presenter>button,.is-toggle-only>.edit-post-meta-boxes-main__presenter{
   appearance:none;
-  background-color:#ddd;
+  background-color:initial;
   border:none;
-  border-radius:2px;
-  cursor:inherit;
-  height:4px;
-  margin:auto;
   outline:none;
   padding:0;
-  transition:width .3s ease-out;
+}
+.is-toggle-only>.edit-post-meta-boxes-main__presenter{
+  align-items:center;
+  cursor:pointer;
+  flex-shrink:0;
+  height:32px;
+  justify-content:space-between;
+  padding-inline:24px 12px;
+}
+.is-toggle-only>.edit-post-meta-boxes-main__presenter:is(:hover,:focus-visible){
+  color:var(--wp-admin-theme-color);
+}
+.is-toggle-only>.edit-post-meta-boxes-main__presenter:focus-visible:after{
+  box-shadow:0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color);
+  content:"";
+  inset:var(--wp-admin-border-width-focus);
+  outline:2px solid #0000;
+  position:absolute;
+}
+.is-toggle-only>.edit-post-meta-boxes-main__presenter>svg{
+  fill:currentColor;
+}
+.is-resizable.edit-post-meta-boxes-main .edit-post-meta-boxes-main__presenter{
+  inset:0 0 auto;
+}
+.is-resizable.edit-post-meta-boxes-main .edit-post-meta-boxes-main__presenter>button{
+  cursor:inherit;
+  height:24px;
+  margin:auto;
   width:64px;
 }
+.is-resizable.edit-post-meta-boxes-main .edit-post-meta-boxes-main__presenter>button:before{
+  background-color:#ddd;
+  border-radius:2px;
+  content:"";
+  height:4px;
+  inset-block:calc(50% - 2px) auto;
+  outline:2px solid #0000;
+  outline-offset:-2px;
+  position:absolute;
+  transform:translateX(-50%);
+  transition:width .3s ease-out;
+  width:inherit;
+}
 @media (prefers-reduced-motion:reduce){
-  .edit-post-meta-boxes-main__resize-handle>button{
+  .is-resizable.edit-post-meta-boxes-main .edit-post-meta-boxes-main__presenter>button:before{
     transition-delay:0s;
     transition-duration:0s;
   }
 }
-.edit-post-meta-boxes-main__resize-handle:hover>button,.edit-post-meta-boxes-main__resize-handle>button:focus{
+.is-resizable.edit-post-meta-boxes-main .edit-post-meta-boxes-main__presenter:is(:hover,:focus-within)>button:before{
   background-color:var(--wp-admin-theme-color);
   width:80px;
 }
 
+@media (pointer:coarse){
+  .is-resizable.edit-post-meta-boxes-main{
+    padding-block-start:32px;
+  }
+  .is-resizable.edit-post-meta-boxes-main .edit-post-meta-boxes-main__presenter>button{
+    height:32px;
+  }
+}
 .edit-post-meta-boxes-main__liner{
   isolation:isolate;
-  max-height:100%;
   overflow:auto;
 }
 
+.edit-post-layout__metaboxes{
+  clear:both;
+}
+
 .has-metaboxes .editor-visual-editor{
   flex:1;
 }

wp-includes/css/dist/editor/style-rtl.css

@@ -1024,6 +1024,7 @@ body.is-fullscreen-mode .interface-interface-skeleton{
 }
 .show-icon-labels .editor-header .components-button.has-icon:after,.show-icon-labels.interface-pinned-items .components-button.has-icon:after{
   content:attr(aria-label);
+  white-space:nowrap;
 }
 .show-icon-labels .editor-header .components-button.has-icon[aria-disabled=true],.show-icon-labels.interface-pinned-items .components-button.has-icon[aria-disabled=true]{
   background-color:initial;

wp-includes/css/dist/editor/style.css

@@ -1024,6 +1024,7 @@ body.is-fullscreen-mode .interface-interface-skeleton{
 }
 .show-icon-labels .editor-header .components-button.has-icon:after,.show-icon-labels.interface-pinned-items .components-button.has-icon:after{
   content:attr(aria-label);
+  white-space:nowrap;
 }
 .show-icon-labels .editor-header .components-button.has-icon[aria-disabled=true],.show-icon-labels.interface-pinned-items .components-button.has-icon[aria-disabled=true]{
   background-color:initial;

wp-includes/js/dist/block-editor.js

@@ -38155,27 +38155,24 @@ function useNavModeExit(clientId) {
 
 /**
  * Allows Zoom Out mode to be exited by double clicking in the selected block.
- *
- * @param {string} clientId Block client ID.
  */
-function useZoomOutModeExit({
+function useZoomOutModeExit() {
-  editorMode
-}) {
   const {
     getSettings,
-    isZoomOut
+    isZoomOut,
+    __unstableGetEditorMode
   } = unlock((0,external_wp_data_namespaceObject.useSelect)(store));
   const {
     __unstableSetEditorMode,
     resetZoomLevel
   } = unlock((0,external_wp_data_namespaceObject.useDispatch)(store));
   return (0,external_wp_compose_namespaceObject.useRefEffect)(node => {
-    // In "compose" mode.
-    const composeMode = editorMode === 'zoom-out' && isZoomOut();
-    if (!composeMode) {
-      return;
-    }
     function onDoubleClick(event) {
+      // In "compose" mode.
+      const composeMode = __unstableGetEditorMode() === 'zoom-out' && isZoomOut();
+      if (!composeMode) {
+        return;
+      }
       if (!event.defaultPrevented) {
         event.preventDefault();
         const {
@@ -38192,7 +38189,7 @@ function useZoomOutModeExit({
     return () => {
       node.removeEventListener('dblclick', onDoubleClick);
     };
-  }, [editorMode, getSettings, __unstableSetEditorMode]);
+  }, [getSettings, __unstableSetEditorMode, __unstableGetEditorMode, isZoomOut, resetZoomLevel]);
 }
 
 ;// CONCATENATED MODULE: ./node_modules/@wordpress/block-editor/build-module/components/block-list/use-block-props/use-intersection-observer.js
@@ -38652,7 +38649,6 @@ function use_block_props_useBlockProps(props = {}, {
     name,
     blockApiVersion,
     blockTitle,
-    editorMode,
     isSelected,
     isSubtreeDisabled,
     hasOverlay,
@@ -38682,9 +38678,7 @@ function use_block_props_useBlockProps(props = {}, {
   }), useBlockRefProvider(clientId), useFocusHandler(clientId), useEventHandlers({
     clientId,
     isSelected
-  }), useNavModeExit(clientId), useZoomOutModeExit({
+  }), useNavModeExit(clientId), useZoomOutModeExit(), useIsHovered({
-    editorMode
-  }), useIsHovered({
     clientId
   }), useIntersectionObserver(), use_moving_animation({
     triggerAnimationOnChange: index,
@@ -39309,7 +39303,6 @@ function BlockListBlockProvider(props) {
       mayDisplayParentControls: _hasBlockSupport(getBlockName(clientId), '__experimentalExposeControlsToChildren', false) && hasSelectedInnerBlock(clientId),
       blockApiVersion: blockType?.apiVersion || 1,
       blockTitle: match?.title || blockType?.title,
-      editorMode,
       isSubtreeDisabled: blockEditingMode === 'disabled' && isBlockSubtreeDisabled(clientId),
       hasOverlay: __unstableHasActiveBlockOverlayActive(clientId) && !isDragging(),
       initialPosition: _isSelected && (editorMode === 'edit' || editorMode === 'zoom-out') // Don't recalculate the initialPosition when toggling in/out of zoom-out mode
@@ -39343,7 +39336,6 @@ function BlockListBlockProvider(props) {
     themeSupportsLayout,
     isTemporarilyEditingAsBlocks,
     blockEditingMode,
-    editorMode,
     mayDisplayControls,
     mayDisplayParentControls,
     index,
@@ -39397,7 +39389,6 @@ function BlockListBlockProvider(props) {
     hasOverlay,
     initialPosition,
     blockEditingMode,
-    editorMode,
     isHighlighted,
     isMultiSelected,
     isPartiallySelected,
@@ -44272,7 +44263,12 @@ function Iframe({
     }
     iframeDocument.documentElement.classList.add('is-zoomed-out');
     const maxWidth = 750;
-    iframeDocument.documentElement.style.setProperty('--wp-block-editor-iframe-zoom-out-scale', scale === 'default' ? Math.min(containerWidth, maxWidth) / prevContainerWidthRef.current : scale);
+    // This scaling calculation has to happen within the JS because CSS calc() can
+    // only divide and multiply by a unitless value. I.e. calc( 100px / 2 ) is valid
+    // but calc( 100px / 2px ) is not.
+    iframeDocument.documentElement.style.setProperty('--wp-block-editor-iframe-zoom-out-scale', scale === 'default' ? (Math.min(containerWidth, maxWidth) - parseInt(frameSize) * 2) / prevContainerWidthRef.current : scale);
+
+    // frameSize has to be a px value for the scaling and frame size to be computed correctly.
     iframeDocument.documentElement.style.setProperty('--wp-block-editor-iframe-zoom-out-frame-size', typeof frameSize === 'number' ? `${frameSize}px` : frameSize);
     iframeDocument.documentElement.style.setProperty('--wp-block-editor-iframe-zoom-out-content-height', `${contentHeight}px`);
     iframeDocument.documentElement.style.setProperty('--wp-block-editor-iframe-zoom-out-inner-height', `${iframeWindowInnerHeight}px`);
@@ -48646,6 +48642,52 @@ function TabbedSidebar({
 }
 /* harmony default export */ const tabbed_sidebar = ((0,external_wp_element_namespaceObject.forwardRef)(TabbedSidebar));
 
+;// CONCATENATED MODULE: ./node_modules/@wordpress/block-editor/build-module/hooks/use-zoom-out.js
+/**
+ * WordPress dependencies
+ */
+
+
+
+/**
+ * Internal dependencies
+ */
+
+
+
+/**
+ * A hook used to set the zoomed out view, invoking the hook sets the mode.
+ *
+ * @param {boolean} zoomOut If we should zoom out or not.
+ */
+function useZoomOut(zoomOut = true) {
+  const {
+    setZoomLevel
+  } = unlock((0,external_wp_data_namespaceObject.useDispatch)(store));
+  const {
+    isZoomOut
+  } = unlock((0,external_wp_data_namespaceObject.useSelect)(store));
+  const originalIsZoomOutRef = (0,external_wp_element_namespaceObject.useRef)(null);
+  (0,external_wp_element_namespaceObject.useEffect)(() => {
+    // Only set this on mount so we know what to return to when we unmount.
+    if (!originalIsZoomOutRef.current) {
+      originalIsZoomOutRef.current = isZoomOut();
+    }
+
+    // The effect opens the zoom-out view if we want it open and the canvas is not currently zoomed-out.
+    if (zoomOut && isZoomOut() === false) {
+      setZoomLevel(50);
+    } else if (!zoomOut && isZoomOut() && originalIsZoomOutRef.current !== isZoomOut()) {
+      setZoomLevel(originalIsZoomOutRef.current ? 50 : 100);
+    }
+    return () => {
+      if (isZoomOut() && isZoomOut() !== originalIsZoomOutRef.current) {
+        setZoomLevel(originalIsZoomOutRef.current ? 50 : 100);
+      }
+    };
+  }, [isZoomOut, setZoomLevel, zoomOut]);
+}
+
 ;// CONCATENATED MODULE: ./node_modules/@wordpress/block-editor/build-module/components/inserter/menu.js
 /**
  * External dependencies
@@ -48677,6 +48719,7 @@ function TabbedSidebar({
 
 
 
+
 const NOOP = () => {};
 function InserterMenu({
   rootClientId,
@@ -48708,6 +48751,8 @@ function InserterMenu({
     }
   }
   const [selectedTab, setSelectedTab] = (0,external_wp_element_namespaceObject.useState)(getInitialTab());
+  const shouldUseZoomOut = selectedTab === 'patterns' || selectedTab === 'media';
+  useZoomOut(shouldUseZoomOut);
   const [destinationRootClientId, onInsertBlocks, onToggleInsertionPoint] = use_insertion_point({
     rootClientId,
     clientId,
@@ -50257,13 +50302,51 @@ function ChildLayoutControlsPure({
     allowSizingOnChildren = false,
     isManualPlacement
   } = parentLayout;
-  const rootClientId = (0,external_wp_data_namespaceObject.useSelect)(select => {
+  if (parentLayoutType !== 'grid') {
-    return select(store).getBlockRootClientId(clientId);
+    return null;
+  }
+  return /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(GridTools, {
+    clientId: clientId,
+    style: style,
+    setAttributes: setAttributes,
+    allowSizingOnChildren: allowSizingOnChildren,
+    isManualPlacement: isManualPlacement,
+    parentLayout: parentLayout
+  });
+}
+function GridTools({
+  clientId,
+  style,
+  setAttributes,
+  allowSizingOnChildren,
+  isManualPlacement,
+  parentLayout
+}) {
+  const {
+    rootClientId,
+    isVisible
+  } = (0,external_wp_data_namespaceObject.useSelect)(select => {
+    const {
+      getBlockRootClientId,
+      getBlockEditingMode,
+      getTemplateLock
+    } = select(store);
+    const _rootClientId = getBlockRootClientId(clientId);
+    if (getTemplateLock(_rootClientId) || getBlockEditingMode(_rootClientId) !== 'default') {
+      return {
+        rootClientId: _rootClientId,
+        isVisible: false
+      };
+    }
+    return {
+      rootClientId: _rootClientId,
+      isVisible: true
+    };
   }, [clientId]);
 
   // Use useState() instead of useRef() so that GridItemResizer updates when ref is set.
   const [resizerBounds, setResizerBounds] = (0,external_wp_element_namespaceObject.useState)();
-  if (parentLayoutType !== 'grid') {
+  if (!isVisible) {
     return null;
   }
   function updateLayout(layout) {
@@ -50623,6 +50706,8 @@ function isObjectEmpty(object) {
  * - `updateBlockBindings`: Updates the value of the bindings connected to block attributes. It can be used to remove a specific binding by setting the value to `undefined`.
  * - `removeAllBlockBindings`: Removes the bindings property of the `metadata` attribute.
  *
+ * @param {?string} clientId Optional block client ID. If not set, it will use the current block client ID from the context.
+ *
  * @return {?WPBlockBindingsUtils} Object containing the block bindings utils.
  *
  * @example
@@ -50653,10 +50738,11 @@ function isObjectEmpty(object) {
  * removeAllBlockBindings();
  * ```
  */
-function useBlockBindingsUtils() {
+function useBlockBindingsUtils(clientId) {
   const {
-    clientId
+    clientId: contextClientId
   } = useBlockEditContext();
+  const blockClientId = clientId || contextClientId;
   const {
     updateBlockAttributes
   } = (0,external_wp_data_namespaceObject.useDispatch)(store);
@@ -50699,7 +50785,7 @@ function useBlockBindingsUtils() {
         bindings: currentBindings,
         ...metadata
       } = {}
-    } = getBlockAttributes(clientId);
+    } = getBlockAttributes(blockClientId);
     const newBindings = {
       ...currentBindings
     };
@@ -50717,7 +50803,7 @@ function useBlockBindingsUtils() {
     if (isObjectEmpty(newMetadata.bindings)) {
       delete newMetadata.bindings;
     }
-    updateBlockAttributes(clientId, {
+    updateBlockAttributes(blockClientId, {
       metadata: isObjectEmpty(newMetadata) ? undefined : newMetadata
     });
   };
@@ -50739,8 +50825,8 @@ function useBlockBindingsUtils() {
         bindings,
         ...metadata
       } = {}
-    } = getBlockAttributes(clientId);
+    } = getBlockAttributes(blockClientId);
-    updateBlockAttributes(clientId, {
+    updateBlockAttributes(blockClientId, {
       metadata: isObjectEmpty(metadata) ? undefined : metadata
     });
   };
@@ -51285,27 +51371,29 @@ function placeBlock(occupiedRects, gridColumnCount, blockColumnSpan, blockRowSpa
 function GridLayoutSync(props) {
   useGridLayoutSync(props);
 }
-function GridTools({
+function grid_visualizer_GridTools({
   clientId,
   layout
 }) {
-  const {
+  const isVisible = (0,external_wp_data_namespaceObject.useSelect)(select => {
-    isSelected,
-    isDragging
-  } = (0,external_wp_data_namespaceObject.useSelect)(select => {
     const {
       isBlockSelected,
-      isDraggingBlocks
+      isDraggingBlocks,
+      getTemplateLock,
+      getBlockEditingMode
     } = select(store);
-    return {
+
-      isSelected: isBlockSelected(clientId),
+    // These calls are purposely ordered from least expensive to most expensive.
-      isDragging: isDraggingBlocks()
+    // Hides the visualizer in cases where the user is not or cannot interact with it.
-    };
+    if (!isDraggingBlocks() && !isBlockSelected(clientId) || getTemplateLock(clientId) || getBlockEditingMode(clientId) !== 'default') {
-  });
+      return false;
+    }
+    return true;
+  }, [clientId]);
   return /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsxs)(external_ReactJSXRuntime_namespaceObject.Fragment, {
     children: [/*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(GridLayoutSync, {
       clientId: clientId
-    }), (isSelected || isDragging) && /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(GridVisualizer, {
+    }), isVisible && /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(GridVisualizer, {
       clientId: clientId,
       parentLayout: layout
     })]
@@ -51318,7 +51406,7 @@ const addGridVisualizerToBlockEdit = (0,external_wp_compose_namespaceObject.crea
     }, "edit");
   }
   return /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsxs)(external_ReactJSXRuntime_namespaceObject.Fragment, {
-    children: [/*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(GridTools, {
+    children: [/*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(grid_visualizer_GridTools, {
       clientId: props.clientId,
       layout: props.attributes.layout
     }), /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(BlockEdit, {
@@ -51633,52 +51721,6 @@ function useCachedTruthy(value) {
   return cachedValue;
 }
 
-;// CONCATENATED MODULE: ./node_modules/@wordpress/block-editor/build-module/hooks/use-zoom-out.js
-/**
- * WordPress dependencies
- */
-
-
-
-/**
- * Internal dependencies
- */
-
-
-
-/**
- * A hook used to set the zoomed out view, invoking the hook sets the mode.
- *
- * @param {boolean} zoomOut If we should zoom out or not.
- */
-function useZoomOut(zoomOut = true) {
-  const {
-    setZoomLevel
-  } = unlock((0,external_wp_data_namespaceObject.useDispatch)(store));
-  const {
-    isZoomOut
-  } = unlock((0,external_wp_data_namespaceObject.useSelect)(store));
-  const originalIsZoomOutRef = (0,external_wp_element_namespaceObject.useRef)(null);
-  (0,external_wp_element_namespaceObject.useEffect)(() => {
-    // Only set this on mount so we know what to return to when we unmount.
-    if (!originalIsZoomOutRef.current) {
-      originalIsZoomOutRef.current = isZoomOut();
-    }
-
-    // The effect opens the zoom-out view if we want it open and the canvas is not currently zoomed-out.
-    if (zoomOut && isZoomOut() === false) {
-      setZoomLevel(50);
-    } else if (!zoomOut && isZoomOut() && originalIsZoomOutRef.current !== isZoomOut()) {
-      setZoomLevel(originalIsZoomOutRef.current ? 50 : 100);
-    }
-    return () => {
-      if (isZoomOut() && isZoomOut() !== originalIsZoomOutRef.current) {
-        setZoomLevel(originalIsZoomOutRef.current ? 50 : 100);
-      }
-    };
-  }, [isZoomOut, setZoomLevel, zoomOut]);
-}
-
 ;// CONCATENATED MODULE: ./node_modules/@wordpress/block-editor/build-module/hooks/index.js
 /**
  * Internal dependencies
@@ -68619,6 +68661,7 @@ const selectIcon = /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)
 function ToolSelector(props, ref) {
   const mode = (0,external_wp_data_namespaceObject.useSelect)(select => select(store).__unstableGetEditorMode(), []);
   const {
+    resetZoomLevel,
     __unstableSetEditorMode
   } = unlock((0,external_wp_data_namespaceObject.useDispatch)(store));
   return /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_components_namespaceObject.Dropdown, {
@@ -68645,7 +68688,10 @@ function ToolSelector(props, ref) {
         "aria-label": (0,external_wp_i18n_namespaceObject.__)('Tools'),
         children: /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_components_namespaceObject.MenuItemsChoice, {
           value: mode === 'navigation' ? 'navigation' : 'edit',
-          onSelect: __unstableSetEditorMode,
+          onSelect: newMode => {
+            resetZoomLevel();
+            __unstableSetEditorMode(newMode);
+          },
           choices: [{
             value: 'edit',
             label: /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsxs)(external_ReactJSXRuntime_namespaceObject.Fragment, {
@@ -69163,10 +69209,9 @@ function useResizeCanvas(deviceType) {
     }
     return deviceWidth < actualWidth ? deviceWidth : actualWidth;
   };
-  const marginValue = () => window.innerHeight < 800 ? 36 : 64;
   const contentInlineStyles = device => {
     const height = device === 'Mobile' ? '768px' : '1024px';
-    const marginVertical = marginValue() + 'px';
+    const marginVertical = '40px';
     const marginHorizontal = 'auto';
     switch (device) {
       case 'Tablet':
@@ -74307,6 +74352,7 @@ function ResolutionTool({
 
 
 
+
 
 
 /**
@@ -74339,6 +74385,7 @@ lock(privateApis, {
   TextAlignmentControl: TextAlignmentControl,
   usesContextKey: usesContextKey,
   useFlashEditableBlocks: useFlashEditableBlocks,
+  useZoomOutModeExit: useZoomOutModeExit,
   globalStylesDataKey: globalStylesDataKey,
   globalStylesLinksDataKey: globalStylesLinksDataKey,
   selectBlockPatternsKey: selectBlockPatternsKey,

wp-includes/js/dist/block-library.js

@@ -42043,6 +42043,9 @@ const postContent = /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx
 
 
 
+
+
+
 /**
  * Internal dependencies
  */
@@ -42050,6 +42053,7 @@ const postContent = /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx
 
 
 function ReadOnlyContent({
+  parentLayout,
   layoutClassNames,
   userCanEdit,
   postType,
@@ -42059,7 +42063,28 @@ function ReadOnlyContent({
   const blockProps = (0,external_wp_blockEditor_namespaceObject.useBlockProps)({
     className: layoutClassNames
   });
-  return content?.protected && !userCanEdit ? /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)("div", {
+  const blocks = (0,external_wp_element_namespaceObject.useMemo)(() => {
+    return content?.raw ? (0,external_wp_blocks_namespaceObject.parse)(content.raw) : [];
+  }, [content?.raw]);
+  const blockPreviewProps = (0,external_wp_blockEditor_namespaceObject.__experimentalUseBlockPreview)({
+    blocks,
+    props: blockProps,
+    layout: parentLayout
+  });
+  if (userCanEdit) {
+    /*
+     * Rendering the block preview using the raw content blocks allows for
+     * block support styles to be generated and applied by the editor.
+     *
+     * The preview using the raw blocks can only be presented to users with
+     * edit permissions for the post to prevent potential exposure of private
+     * block content.
+     */
+    return /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)("div", {
+      ...blockPreviewProps
+    });
+  }
+  return content?.protected ? /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)("div", {
     ...blockProps,
     children: /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_blockEditor_namespaceObject.Warning, {
       children: (0,external_wp_i18n_namespaceObject.__)('This content is password protected.')
@@ -42116,6 +42141,7 @@ function Content(props) {
   return isEditable ? /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(EditableContent, {
     ...props
   }) : /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(ReadOnlyContent, {
+    parentLayout: props.parentLayout,
     layoutClassNames: layoutClassNames,
     userCanEdit: userCanEdit,
     postType: postType,
@@ -42150,7 +42176,8 @@ function RecursionError() {
 }
 function PostContentEdit({
   context,
-  __unstableLayoutClassNames: layoutClassNames
+  __unstableLayoutClassNames: layoutClassNames,
+  __unstableParentLayout: parentLayout
 }) {
   const {
     postId: contextPostId,
@@ -42164,6 +42191,7 @@ function PostContentEdit({
     uniqueId: contextPostId,
     children: contextPostId && contextPostType ? /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(Content, {
       context: context,
+      parentLayout: parentLayout,
       layoutClassNames: layoutClassNames
     }) : /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(edit_Placeholder, {
       layoutClassNames: layoutClassNames
@@ -47775,12 +47803,12 @@ function QueryInspectorControls(props) {
     return onChangeDebounced.cancel;
   }, [querySearch, onChangeDebounced]);
   const showInheritControl = isTemplate && isControlAllowed(allowedControls, 'inherit');
-  const showPostTypeControl = !inherit && isControlAllowed(allowedControls, 'postType') || !isTemplate;
+  const showPostTypeControl = !inherit && isControlAllowed(allowedControls, 'postType');
   const postTypeControlLabel = (0,external_wp_i18n_namespaceObject.__)('Post type');
   const postTypeControlHelp = (0,external_wp_i18n_namespaceObject.__)('Select the type of content to display: posts, pages, or custom post types.');
   const showColumnsControl = false;
-  const showOrderControl = !inherit && isControlAllowed(allowedControls, 'order') || !isTemplate;
+  const showOrderControl = !inherit && isControlAllowed(allowedControls, 'order');
-  const showStickyControl = !inherit && showSticky && isControlAllowed(allowedControls, 'sticky') || showSticky && !isTemplate;
+  const showStickyControl = !inherit && showSticky && isControlAllowed(allowedControls, 'sticky');
   const showSettingsPanel = showInheritControl || showPostTypeControl || showColumnsControl || showOrderControl || showStickyControl;
   const showTaxControl = !!taxonomies?.length && isControlAllowed(allowedControls, 'taxQuery');
   const showAuthorControl = isControlAllowed(allowedControls, 'author');

wp-includes/js/dist/components.js

@@ -11259,9 +11259,13 @@ function UnforwardedTooltip(props, ref) {
   // TODO: this is a temporary workaround to minimize the effects of the
   // Ariakit upgrade. Ariakit doesn't pass the `aria-describedby` prop to
   // the tooltip anchor anymore since 0.4.0, so we need to add it manually.
+  // The `aria-describedby` attribute is added only if the anchor doesn't have
+  // one already, and if the tooltip text is not the same as the anchor's
+  // `aria-label`
   // See: https://github.com/WordPress/gutenberg/pull/64066
+  // See: https://github.com/WordPress/gutenberg/pull/65989
   function addDescribedById(element) {
-    return describedById && mounted ? (0,external_wp_element_namespaceObject.cloneElement)(element, {
+    return describedById && mounted && element.props['aria-describedby'] === undefined && element.props['aria-label'] !== text ? (0,external_wp_element_namespaceObject.cloneElement)(element, {
       'aria-describedby': describedById
     }) : element;
   }
@@ -35637,12 +35641,13 @@ function UnforwardedToggleGroupControlAsRadioGroup({
   const selectedValue = useStoreState(radio, 'value');
   const setValue = radio.setValue;
   const groupContextValue = (0,external_wp_element_namespaceObject.useMemo)(() => ({
+    activeItemIsNotFirstItem: () => radio.getState().activeId !== radio.first(),
     baseId,
     isBlock: !isAdaptiveWidth,
     size,
     value: selectedValue,
     setValue
-  }), [baseId, isAdaptiveWidth, size, selectedValue, setValue]);
+  }), [baseId, isAdaptiveWidth, radio, size, selectedValue, setValue]);
   return /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(toggle_group_control_context.Provider, {
     value: groupContextValue,
     children: /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(RadioGroup, {
@@ -36116,7 +36121,6 @@ function ToggleGroupControlOptionBase(props, forwardedRef) {
     value,
     children,
     showTooltip = false,
-    onFocus: onFocusProp,
     disabled,
     ...otherButtonProps
   } = buttonProps;
@@ -36151,7 +36155,6 @@ function ToggleGroupControlOptionBase(props, forwardedRef) {
       children: isDeselectable ? /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)("button", {
         ...commonProps,
         disabled: disabled,
-        onFocus: onFocusProp,
         "aria-pressed": isPressed,
         type: "button",
         onClick: buttonOnClick,
@@ -36160,16 +36163,16 @@ function ToggleGroupControlOptionBase(props, forwardedRef) {
         })
       }) : /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(Radio, {
         disabled: disabled,
-        render: /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)("button", {
+        onFocusVisible: () => {
-          type: "button",
+          // Conditions ensure that the first visible focus to a radio group
-          ...commonProps,
+          // without a selected option will not automatically select the option.
-          onFocus: event => {
+          if (toggleGroupControlContext.value !== null || toggleGroupControlContext.activeItemIsNotFirstItem?.()) {
-            onFocusProp?.(event);
-            if (event.defaultPrevented) {
-              return;
-            }
             toggleGroupControlContext.setValue(value);
           }
+        },
+        render: /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)("button", {
+          type: "button",
+          ...commonProps
         }),
         value: value,
         children: /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(component_ButtonContentView, {
@@ -46019,6 +46022,28 @@ function NameInput({
   });
 }
 
+/*
+ * Deduplicates the slugs of the provided elements.
+ */
+function deduplicateElementSlugs(elements) {
+  const slugCounts = {};
+  return elements.map(element => {
+    var _newSlug;
+    let newSlug;
+    const {
+      slug
+    } = element;
+    slugCounts[slug] = (slugCounts[slug] || 0) + 1;
+    if (slugCounts[slug] > 1) {
+      newSlug = `${slug}-${slugCounts[slug] - 1}`;
+    }
+    return {
+      ...element,
+      slug: (_newSlug = newSlug) !== null && _newSlug !== void 0 ? _newSlug : slug
+    };
+  });
+}
+
 /**
  * Returns a name and slug for a palette item. The name takes the format "Color + id".
  * To ensure there are no duplicate ids, this function checks all slugs.
@@ -46179,7 +46204,7 @@ function PaletteEditListView({
   (0,external_wp_element_namespaceObject.useEffect)(() => {
     elementsReferenceRef.current = elements;
   }, [elements]);
-  const debounceOnChange = (0,external_wp_compose_namespaceObject.useDebounce)(onChange, 100);
+  const debounceOnChange = (0,external_wp_compose_namespaceObject.useDebounce)(updatedElements => onChange(deduplicateElementSlugs(updatedElements)), 100);
   return /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(v_stack_component, {
     spacing: 3,
     children: /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(item_group_component, {
@@ -55720,6 +55745,7 @@ function DropZoneComponent({
       setType(_type);
     },
     onDragEnd() {
+      setIsDraggingOverElement(false);
       setIsDraggingOverDocument(false);
       setType(undefined);
     },
@@ -55732,8 +55758,6 @@ function DropZoneComponent({
   });
   const classes = dist_clsx('components-drop-zone', className, {
     'is-active': (isDraggingOverDocument || isDraggingOverElement) && (type === 'file' && onFilesDrop || type === 'html' && onHTMLDrop || type === 'default' && onDrop),
-    'has-dragged-out': !isDraggingOverElement,
-    // Keeping the following classnames for legacy purposes
     'is-dragging-over-document': isDraggingOverDocument,
     'is-dragging-over-element': isDraggingOverElement,
     [`is-dragging-${type}`]: !!type

wp-includes/js/dist/edit-post.js

@@ -166,6 +166,40 @@ const external_wp_blockEditor_namespaceObject = window["wp"]["blockEditor"];
 const external_wp_plugins_namespaceObject = window["wp"]["plugins"];
 ;// CONCATENATED MODULE: external ["wp","i18n"]
 const external_wp_i18n_namespaceObject = window["wp"]["i18n"];
+;// CONCATENATED MODULE: external ["wp","primitives"]
+const external_wp_primitives_namespaceObject = window["wp"]["primitives"];
+;// CONCATENATED MODULE: external "ReactJSXRuntime"
+const external_ReactJSXRuntime_namespaceObject = window["ReactJSXRuntime"];
+;// CONCATENATED MODULE: ./node_modules/@wordpress/icons/build-module/library/chevron-up.js
+/**
+ * WordPress dependencies
+ */
+
+
+const chevronUp = /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_primitives_namespaceObject.SVG, {
+  viewBox: "0 0 24 24",
+  xmlns: "http://www.w3.org/2000/svg",
+  children: /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_primitives_namespaceObject.Path, {
+    d: "M6.5 12.4L12 8l5.5 4.4-.9 1.2L12 10l-4.5 3.6-1-1.2z"
+  })
+});
+/* harmony default export */ const chevron_up = (chevronUp);
+
+;// CONCATENATED MODULE: ./node_modules/@wordpress/icons/build-module/library/chevron-down.js
+/**
+ * WordPress dependencies
+ */
+
+
+const chevronDown = /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_primitives_namespaceObject.SVG, {
+  viewBox: "0 0 24 24",
+  xmlns: "http://www.w3.org/2000/svg",
+  children: /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_primitives_namespaceObject.Path, {
+    d: "M17.5 11.6L12 16l-5.5-4.4.9-1.2L12 14l4.5-3.6 1 1.2z"
+  })
+});
+/* harmony default export */ const chevron_down = (chevronDown);
+
 ;// CONCATENATED MODULE: external ["wp","notices"]
 const external_wp_notices_namespaceObject = window["wp"]["notices"];
 ;// CONCATENATED MODULE: external ["wp","commands"]
@@ -182,10 +216,6 @@ const external_wp_coreData_namespaceObject = window["wp"]["coreData"];
 const external_wp_components_namespaceObject = window["wp"]["components"];
 ;// CONCATENATED MODULE: external ["wp","compose"]
 const external_wp_compose_namespaceObject = window["wp"]["compose"];
-;// CONCATENATED MODULE: external ["wp","primitives"]
-const external_wp_primitives_namespaceObject = window["wp"]["primitives"];
-;// CONCATENATED MODULE: external "ReactJSXRuntime"
-const external_ReactJSXRuntime_namespaceObject = window["ReactJSXRuntime"];
 ;// CONCATENATED MODULE: ./node_modules/@wordpress/icons/build-module/library/wordpress.js
 /**
  * WordPress dependencies
@@ -2772,6 +2802,7 @@ function useNavigateToEntityRecord(initialPostId, initialPostType, defaultRender
 
 
 
+
 /**
  * Internal dependencies
  */
@@ -2803,7 +2834,8 @@ const {
 } = unlock(external_wp_commands_namespaceObject.privateApis);
 const {
   Editor,
-  FullscreenMode
+  FullscreenMode,
+  NavigableRegion
 } = unlock(external_wp_editor_namespaceObject.privateApis);
 const {
   BlockKeyboardShortcuts
@@ -2888,7 +2920,7 @@ function MetaBoxesMain({
   const {
     set: setPreference
   } = (0,external_wp_data_namespaceObject.useDispatch)(external_wp_preferences_namespaceObject.store);
-  const resizableBoxRef = (0,external_wp_element_namespaceObject.useRef)();
+  const metaBoxesMainRef = (0,external_wp_element_namespaceObject.useRef)();
   const isShort = (0,external_wp_compose_namespaceObject.useMediaQuery)('(max-height: 549px)');
   const [{
     min,
@@ -2900,8 +2932,8 @@ function MetaBoxesMain({
   const effectSizeConstraints = (0,external_wp_compose_namespaceObject.useRefEffect)(node => {
     const container = node.closest('.interface-interface-skeleton__content');
     const noticeLists = container.querySelectorAll(':scope > .components-notice-list');
-    const resizeHandle = container.querySelector('.edit-post-meta-boxes-main__resize-handle');
+    const resizeHandle = container.querySelector('.edit-post-meta-boxes-main__presenter');
-    const actualize = () => {
+    const deriveConstraints = () => {
       const fullHeight = container.offsetHeight;
       let nextMax = fullHeight;
       for (const element of noticeLists) {
@@ -2913,7 +2945,7 @@ function MetaBoxesMain({
         max: nextMax
       });
     };
-    const observer = new window.ResizeObserver(actualize);
+    const observer = new window.ResizeObserver(deriveConstraints);
     observer.observe(container);
     for (const element of noticeLists) {
       observer.observe(element);
@@ -2923,14 +2955,32 @@ function MetaBoxesMain({
   const separatorRef = (0,external_wp_element_namespaceObject.useRef)();
   const separatorHelpId = (0,external_wp_element_namespaceObject.useId)();
   const [isUntouched, setIsUntouched] = (0,external_wp_element_namespaceObject.useState)(true);
+  const applyHeight = (candidateHeight, isPersistent, isInstant) => {
+    const nextHeight = Math.min(max, Math.max(min, candidateHeight));
+    if (isPersistent) {
+      setPreference('core/edit-post', 'metaBoxesMainOpenHeight', nextHeight);
+    } else {
+      separatorRef.current.ariaValueNow = getAriaValueNow(nextHeight);
+    }
+    if (isInstant) {
+      metaBoxesMainRef.current.updateSize({
+        height: nextHeight,
+        // Oddly, when the event that triggered this was not from the mouse (e.g. keydown),
+        // if `width` is left unspecified a subsequent drag gesture applies a fixed
+        // width and the pane fails to widen/narrow with parent width changes from
+        // sidebars opening/closing or window resizes.
+        width: 'auto'
+      });
+    }
+  };
   if (!hasAnyVisible) {
     return;
   }
-  const className = 'edit-post-meta-boxes-main';
   const contents = /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsxs)("div", {
     className: dist_clsx(
     // The class name 'edit-post-layout__metaboxes' is retained because some plugins use it.
     'edit-post-layout__metaboxes', !isLegacy && 'edit-post-meta-boxes-main__liner'),
+    hidden: !isLegacy && isShort && !isOpen,
     children: [/*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(MetaBoxes, {
       location: "normal"
     }), /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(MetaBoxes, {
@@ -2948,20 +2998,7 @@ function MetaBoxesMain({
   }
   const getAriaValueNow = height => Math.round((height - min) / (max - min) * 100);
   const usedAriaValueNow = max === undefined || isAutoHeight ? 50 : getAriaValueNow(openHeight);
-  if (isShort) {
+  const toggle = () => setPreference('core/edit-post', 'metaBoxesMainIsOpen', !isOpen);
-    return /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsxs)("details", {
-      className: className,
-      open: isOpen,
-      onToggle: ({
-        target
-      }) => {
-        setPreference('core/edit-post', 'metaBoxesMainIsOpen', target.open);
-      },
-      children: [/*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)("summary", {
-        children: (0,external_wp_i18n_namespaceObject.__)('Meta Boxes')
-      }), contents]
-    });
-  }
 
   // TODO: Support more/all keyboard interactions from the window splitter pattern:
   // https://www.w3.org/WAI/ARIA/apg/patterns/windowsplitter/
@@ -2971,99 +3008,97 @@ function MetaBoxesMain({
       ArrowDown: -20
     }[event.key];
     if (delta) {
-      const {
+      const pane = metaBoxesMainRef.current.resizable;
-        resizable
+      const fromHeight = isAutoHeight ? pane.offsetHeight : openHeight;
-      } = resizableBoxRef.current;
+      const nextHeight = delta + fromHeight;
-      const fromHeight = isAutoHeight ? resizable.offsetHeight : openHeight;
+      applyHeight(nextHeight, true, true);
-      const nextHeight = Math.min(max, Math.max(min, delta + fromHeight));
+      event.preventDefault();
-      resizableBoxRef.current.updateSize({
-        height: nextHeight,
-        // Oddly, if left unspecified a subsequent drag gesture applies a fixed
-        // width and the pane fails to shrink/grow with parent width changes from
-        // sidebars opening/closing or window resizes.
-        width: 'auto'
-      });
-      setPreference('core/edit-post', 'metaBoxesMainOpenHeight', nextHeight);
     }
   };
-  return /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsxs)(external_wp_components_namespaceObject.ResizableBox, {
+  const className = 'edit-post-meta-boxes-main';
-    className: className,
+  const paneLabel = (0,external_wp_i18n_namespaceObject.__)('Meta Boxes');
-    defaultSize: {
+  let Pane, paneProps;
-      height: openHeight
+  if (isShort) {
-    },
+    Pane = NavigableRegion;
-    ref: resizableBoxRef,
+    paneProps = {
-    enable: {
+      className: dist_clsx(className, 'is-toggle-only')
-      top: true,
+    };
-      right: false,
+  } else {
-      bottom: false,
+    Pane = external_wp_components_namespaceObject.ResizableBox;
-      left: false,
+    paneProps = /** @type {Parameters<typeof ResizableBox>[0]} */{
-      topLeft: false,
+      as: NavigableRegion,
-      topRight: false,
+      ref: metaBoxesMainRef,
-      bottomRight: false,
+      className: dist_clsx(className, 'is-resizable'),
-      bottomLeft: false
+      defaultSize: {
-    },
+        height: openHeight
-    minHeight: min,
+      },
-    maxHeight: usedMax,
+      minHeight: min,
-    bounds: "parent",
+      maxHeight: usedMax,
-    boundsByDirection: true
+      enable: {
-    // Avoids hiccups while dragging over objects like iframes and ensures that
+        top: true,
-    // the event to end the drag is captured by the target (resize handle)
+        right: false,
-    // whether or not it’s under the pointer.
+        bottom: false,
-    ,
+        left: false,
-    onPointerDown: ({
+        topLeft: false,
-      pointerId,
+        topRight: false,
-      target
+        bottomRight: false,
-    }) => {
+        bottomLeft: false
-      target.setPointerCapture(pointerId);
+      },
-    },
+      handleClasses: {
-    onResizeStart: (event, direction, elementRef) => {
+        top: 'edit-post-meta-boxes-main__presenter'
-      if (isAutoHeight) {
+      },
-        const heightNow = elementRef.offsetHeight;
+      handleComponent: {
-        // Sets the starting height to avoid visual jumps in height and
+        top: /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsxs)(external_ReactJSXRuntime_namespaceObject.Fragment, {
-        // aria-valuenow being `NaN` for the first (few) resize events.
+          children: [/*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_components_namespaceObject.Tooltip, {
-        resizableBoxRef.current.updateSize({
+            text: (0,external_wp_i18n_namespaceObject.__)('Drag to resize'),
-          height: heightNow
+            children: /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)("button", {
-        });
+              // eslint-disable-line jsx-a11y/role-supports-aria-props
-        // Causes `maxHeight` to update to full `max` value instead of half.
+              ref: separatorRef,
-        setIsUntouched(false);
+              role: "separator" // eslint-disable-line jsx-a11y/no-interactive-element-to-noninteractive-role
-      }
+              ,
-    },
+              "aria-valuenow": usedAriaValueNow,
-    onResize: () => {
+              "aria-label": (0,external_wp_i18n_namespaceObject.__)('Drag to resize'),
-      const {
+              "aria-describedby": separatorHelpId,
-        height
+              onKeyDown: onSeparatorKeyDown
-      } = resizableBoxRef.current.state;
+            })
-      const separator = separatorRef.current;
+          }), /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_components_namespaceObject.VisuallyHidden, {
-      separator.ariaValueNow = getAriaValueNow(height);
+            id: separatorHelpId,
-    },
+            children: (0,external_wp_i18n_namespaceObject.__)('Use up and down arrow keys to resize the metabox pane.')
-    onResizeStop: () => {
+          })]
-      const nextHeight = resizableBoxRef.current.state.height;
+        })
-      setPreference('core/edit-post', 'metaBoxesMainOpenHeight', nextHeight);
+      },
-    },
+      // Avoids hiccups while dragging over objects like iframes and ensures that
-    handleClasses: {
+      // the event to end the drag is captured by the target (resize handle)
-      top: 'edit-post-meta-boxes-main__resize-handle'
+      // whether or not it’s under the pointer.
-    },
+      onPointerDown: ({
-    handleComponent: {
+        pointerId,
-      top: /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsxs)(external_ReactJSXRuntime_namespaceObject.Fragment, {
+        target
-        children: [/*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_components_namespaceObject.Tooltip, {
+      }) => {
-          text: (0,external_wp_i18n_namespaceObject.__)('Drag to resize'),
+        target.setPointerCapture(pointerId);
-          children: /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)("button", {
+      },
-            ref: separatorRef,
+      onResizeStart: (event, direction, elementRef) => {
-            "aria-label": (0,external_wp_i18n_namespaceObject.__)('Drag to resize'),
+        if (isAutoHeight) {
-            "aria-describedby": separatorHelpId,
+          // Sets the starting height to avoid visual jumps in height and
-            onKeyDown: onSeparatorKeyDown
+          // aria-valuenow being `NaN` for the first (few) resize events.
-            // Disable reason: buttons are allowed to be separator role.
+          applyHeight(elementRef.offsetHeight, false, true);
-            // eslint-disable-next-line jsx-a11y/no-interactive-element-to-noninteractive-role
+          setIsUntouched(false);
-            ,
+        }
-            role: "separator",
+      },
-            "aria-valuenow": usedAriaValueNow
+      onResize: () => applyHeight(metaBoxesMainRef.current.state.height),
-          })
+      onResizeStop: () => applyHeight(metaBoxesMainRef.current.state.height, true)
-        }), /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_components_namespaceObject.VisuallyHidden, {
+    };
-          id: separatorHelpId,
+  }
-          children: (0,external_wp_i18n_namespaceObject.__)('Use up and down arrow keys to resize the metabox panel.')
+  return /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsxs)(Pane, {
-        })]
+    "aria-label": paneLabel,
-      })
+    ...paneProps,
-    },
+    children: [isShort ? /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsxs)("button", {
-    children: [/*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)("meta", {
+      "aria-expanded": isOpen,
+      className: "edit-post-meta-boxes-main__presenter",
+      onClick: toggle,
+      children: [paneLabel, /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_components_namespaceObject.Icon, {
+        icon: isOpen ? chevron_up : chevron_down
+      })]
+    }) : /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)("meta", {
       ref: effectSizeConstraints
     }), contents]
   });
@@ -3150,6 +3185,7 @@ function Layout({
   } else {
     document.body.classList.remove('show-icon-labels');
   }
+  const navigateRegionsProps = (0,external_wp_components_namespaceObject.__unstableUseNavigateRegions)();
   const className = dist_clsx('edit-post-layout', 'is-mode-' + mode, {
     'has-metaboxes': hasActiveMetaboxes
   });
@@ -3208,35 +3244,40 @@ function Layout({
     children: /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsxs)(external_wp_editor_namespaceObject.ErrorBoundary, {
       children: [/*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_commands_namespaceObject.CommandMenu, {}), /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(WelcomeGuide, {
         postType: currentPostType
-      }), /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsxs)(Editor, {
+      }), /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)("div", {
-        settings: editorSettings,
+        className: navigateRegionsProps.className,
-        initialEdits: initialEdits,
+        ...navigateRegionsProps,
-        postType: currentPostType,
+        ref: navigateRegionsProps.ref,
-        postId: currentPostId,
+        children: /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsxs)(Editor, {
-        templateId: templateId,
+          settings: editorSettings,
-        className: className,
+          initialEdits: initialEdits,
-        styles: styles,
+          postType: currentPostType,
-        forceIsDirty: hasActiveMetaboxes,
+          postId: currentPostId,
-        contentRef: paddingAppenderRef,
+          templateId: templateId,
-        disableIframe: !shouldIframe
+          className: className,
-        // We should auto-focus the canvas (title) on load.
+          styles: styles,
-        // eslint-disable-next-line jsx-a11y/no-autofocus
+          forceIsDirty: hasActiveMetaboxes,
-        ,
+          contentRef: paddingAppenderRef,
-        autoFocus: !isWelcomeGuideVisible,
+          disableIframe: !shouldIframe
-        onActionPerformed: onActionPerformed,
+          // We should auto-focus the canvas (title) on load.
-        extraSidebarPanels: showMetaBoxes && /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(MetaBoxes, {
+          // eslint-disable-next-line jsx-a11y/no-autofocus
-          location: "side"
+          ,
-        }),
+          autoFocus: !isWelcomeGuideVisible,
-        extraContent: !isDistractionFree && showMetaBoxes && /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(MetaBoxesMain, {
+          onActionPerformed: onActionPerformed,
-          isLegacy: !shouldIframe
+          extraSidebarPanels: showMetaBoxes && /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(MetaBoxes, {
-        }),
+            location: "side"
-        children: [/*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_editor_namespaceObject.PostLockedModal, {}), /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(EditorInitialization, {}), /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(FullscreenMode, {
+          }),
-          isActive: isFullscreenActive
+          extraContent: !isDistractionFree && showMetaBoxes && /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(MetaBoxesMain, {
-        }), /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(browser_url, {
+            isLegacy: !shouldIframe
-          hasHistory: hasHistory
+          }),
-        }), /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_editor_namespaceObject.UnsavedChangesWarning, {}), /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_editor_namespaceObject.AutosaveMonitor, {}), /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_editor_namespaceObject.LocalAutosaveMonitor, {}), /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(keyboard_shortcuts, {}), /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_editor_namespaceObject.EditorKeyboardShortcutsRegister, {}), /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(BlockKeyboardShortcuts, {}), /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(InitPatternModal, {}), /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_plugins_namespaceObject.PluginArea, {
+          children: [/*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_editor_namespaceObject.PostLockedModal, {}), /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(EditorInitialization, {}), /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(FullscreenMode, {
-          onError: onPluginAreaError
+            isActive: isFullscreenActive
-        }), /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(more_menu, {}), backButton, /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_editor_namespaceObject.EditorSnackbars, {})]
+          }), /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(browser_url, {
+            hasHistory: hasHistory
+          }), /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_editor_namespaceObject.UnsavedChangesWarning, {}), /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_editor_namespaceObject.AutosaveMonitor, {}), /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_editor_namespaceObject.LocalAutosaveMonitor, {}), /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(keyboard_shortcuts, {}), /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_editor_namespaceObject.EditorKeyboardShortcutsRegister, {}), /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(BlockKeyboardShortcuts, {}), /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(InitPatternModal, {}), /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_plugins_namespaceObject.PluginArea, {
+            onError: onPluginAreaError
+          }), /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(more_menu, {}), backButton, /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_editor_namespaceObject.EditorSnackbars, {})]
+        })
       })]
     })
   });

wp-includes/js/dist/edit-site.js

@@ -7701,8 +7701,6 @@ const external_wp_plugins_namespaceObject = window["wp"]["plugins"];
 const external_wp_router_namespaceObject = window["wp"]["router"];
 ;// CONCATENATED MODULE: ./node_modules/clsx/dist/clsx.mjs
 function clsx_r(e){var t,f,n="";if("string"==typeof e||"number"==typeof e)n+=e;else if("object"==typeof e)if(Array.isArray(e)){var o=e.length;for(t=0;t<o;t++)e[t]&&(f=clsx_r(e[t]))&&(n&&(n+=" "),n+=f)}else for(f in e)e[f]&&(n&&(n+=" "),n+=f);return n}function clsx(){for(var e,t,f=0,n="",o=arguments.length;f<o;f++)(e=arguments[f])&&(t=clsx_r(e))&&(n&&(n+=" "),n+=t);return n}/* harmony default export */ const dist_clsx = (clsx);
-;// CONCATENATED MODULE: external ["wp","keyboardShortcuts"]
-const external_wp_keyboardShortcuts_namespaceObject = window["wp"]["keyboardShortcuts"];
 ;// CONCATENATED MODULE: external ["wp","commands"]
 const external_wp_commands_namespaceObject = window["wp"]["commands"];
 ;// CONCATENATED MODULE: external ["wp","coreCommands"]
@@ -8427,6 +8425,8 @@ function ResizableFrame({
 }
 /* harmony default export */ const resizable_frame = (ResizableFrame);
 
+;// CONCATENATED MODULE: external ["wp","keyboardShortcuts"]
+const external_wp_keyboardShortcuts_namespaceObject = window["wp"]["keyboardShortcuts"];
 ;// CONCATENATED MODULE: ./node_modules/@wordpress/edit-site/build-module/components/keyboard-shortcuts/register.js
 /**
  * WordPress dependencies
@@ -9276,7 +9276,6 @@ function useSyncCanvasModeWithURL() {
 
 
 
-
 /**
  * Internal dependencies
  */
@@ -9314,26 +9313,16 @@ function Layout({
   const isMobileViewport = (0,external_wp_compose_namespaceObject.useViewportMatch)('medium', '<');
   const toggleRef = (0,external_wp_element_namespaceObject.useRef)();
   const {
-    canvasMode,
+    canvasMode
-    previousShortcut,
-    nextShortcut
   } = (0,external_wp_data_namespaceObject.useSelect)(select => {
-    const {
-      getAllShortcutKeyCombinations
-    } = select(external_wp_keyboardShortcuts_namespaceObject.store);
     const {
       getCanvasMode
     } = unlock(select(store));
     return {
-      canvasMode: getCanvasMode(),
+      canvasMode: getCanvasMode()
-      previousShortcut: getAllShortcutKeyCombinations('core/editor/previous-region'),
-      nextShortcut: getAllShortcutKeyCombinations('core/editor/next-region')
     };
   }, []);
-  const navigateRegionsProps = (0,external_wp_components_namespaceObject.__unstableUseNavigateRegions)({
+  const navigateRegionsProps = (0,external_wp_components_namespaceObject.__unstableUseNavigateRegions)();
-    previous: previousShortcut,
-    next: nextShortcut
-  });
   const disableMotion = (0,external_wp_compose_namespaceObject.useReducedMotion)();
   const [canvasResizer, canvasSize] = (0,external_wp_compose_namespaceObject.useResizeObserver)();
   const isEditorLoading = useIsSiteEditorLoading();
@@ -19434,6 +19423,19 @@ function FontFamilyItem({
 const {
   useGlobalSetting: font_families_useGlobalSetting
 } = unlock(external_wp_blockEditor_namespaceObject.privateApis);
+
+/**
+ * Maps the fonts with the source, if available.
+ *
+ * @param {Array}  fonts  The fonts to map.
+ * @param {string} source The source of the fonts.
+ * @return {Array} The mapped fonts.
+ */
+function mapFontsWithSource(fonts, source) {
+  return fonts ? fonts.map(f => setUIValuesNeeded(f, {
+    source
+  })) : [];
+}
 function FontFamilies() {
   const {
     baseCustomFonts,
@@ -19442,13 +19444,10 @@ function FontFamilies() {
   } = (0,external_wp_element_namespaceObject.useContext)(FontLibraryContext);
   const [fontFamilies] = font_families_useGlobalSetting('typography.fontFamilies');
   const [baseFontFamilies] = font_families_useGlobalSetting('typography.fontFamilies', undefined, 'base');
-  const themeFonts = fontFamilies?.theme ? fontFamilies.theme.map(f => setUIValuesNeeded(f, {
+  const themeFonts = mapFontsWithSource(fontFamilies?.theme, 'theme');
-    source: 'theme'
+  const customFonts = mapFontsWithSource(fontFamilies?.custom, 'custom');
-  })).sort((a, b) => a.name.localeCompare(b.name)) : [];
+  const activeFonts = [...themeFonts, ...customFonts].sort((a, b) => a.name.localeCompare(b.name));
-  const customFonts = fontFamilies?.custom ? fontFamilies.custom.map(f => setUIValuesNeeded(f, {
+  const hasFonts = 0 < activeFonts.length;
-    source: 'custom'
-  })).sort((a, b) => a.name.localeCompare(b.name)) : [];
-  const hasFonts = 0 < customFonts.length || 0 < themeFonts.length;
   const hasInstalledFonts = hasFonts || baseFontFamilies?.theme?.length > 0 || baseCustomFonts?.length > 0;
   return /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsxs)(external_ReactJSXRuntime_namespaceObject.Fragment, {
     children: [!!modalTabOpen && /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(font_library_modal, {
@@ -19456,7 +19455,7 @@ function FontFamilies() {
       defaultTabId: modalTabOpen
     }), /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsxs)(external_wp_components_namespaceObject.__experimentalVStack, {
       spacing: 4,
-      children: [[...themeFonts, ...customFonts].length > 0 && /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsxs)(external_ReactJSXRuntime_namespaceObject.Fragment, {
+      children: [activeFonts.length > 0 && /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsxs)(external_ReactJSXRuntime_namespaceObject.Fragment, {
         children: [/*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(subtitle, {
           level: 3,
           children: (0,external_wp_i18n_namespaceObject.__)('Fonts')
@@ -19464,7 +19463,7 @@ function FontFamilies() {
           size: "large",
           isBordered: true,
           isSeparated: true,
-          children: themeFonts.map(font => /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(font_family_item, {
+          children: activeFonts.map(font => /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(font_family_item, {
             font: font
           }, font.slug))
         })]
@@ -21358,13 +21357,27 @@ const presetShadowMenuItems = [{
 }];
 function ShadowsEditPanel() {
   const {
+    goBack,
     params: {
       category,
       slug
-    },
+    }
-    goTo
   } = (0,external_wp_components_namespaceObject.__experimentalUseNavigator)();
   const [shadows, setShadows] = shadows_edit_panel_useGlobalSetting(`shadow.presets.${category}`);
+  (0,external_wp_element_namespaceObject.useEffect)(() => {
+    const hasCurrentShadow = shadows?.some(shadow => shadow.slug === slug);
+    // If the shadow being edited doesn't exist anymore in the global styles setting, navigate back
+    // to prevent the user from editing a non-existent shadow entry.
+    // This can happen, for example:
+    // - when the user deletes the shadow
+    // - when the user resets the styles while editing a custom shadow
+    //
+    // The check on the slug is necessary to prevent a double back navigation when the user triggers
+    // a backward navigation by interacting with the screen's UI.
+    if (!!slug && !hasCurrentShadow) {
+      goBack();
+    }
+  }, [shadows, slug, goBack]);
   const [baseShadows] = shadows_edit_panel_useGlobalSetting(`shadow.presets.${category}`, undefined, 'base');
   const [selectedShadow, setSelectedShadow] = (0,external_wp_element_namespaceObject.useState)(() => (shadows || []).find(shadow => shadow.slug === slug));
   const baseSelectedShadow = (0,external_wp_element_namespaceObject.useMemo)(() => (baseShadows || []).find(b => b.slug === slug), [baseShadows, slug]);
@@ -21394,9 +21407,7 @@ function ShadowsEditPanel() {
     }
   };
   const handleShadowDelete = () => {
-    const updatedShadows = shadows.filter(s => s.slug !== slug);
+    setShadows(shadows.filter(s => s.slug !== slug));
-    setShadows(updatedShadows);
-    goTo(`/shadows`);
   };
   const handleShadowRename = newName => {
     if (!newName) {
@@ -22027,6 +22038,8 @@ function SidebarNavigationScreenGlobalStylesContent() {
 
 
 
+
+
 /**
  * Internal dependencies
  */
@@ -22036,9 +22049,14 @@ function SidebarNavigationScreenGlobalStylesContent() {
 
 
 function ScreenStyleVariations() {
-  // Move to zoom out mode when this component is mounted
+  // Style Variations should only be previewed in with
-  // and back to the previous mode when unmounted.
+  // - a "zoomed out" editor
+  // - "Desktop" device preview
+  const {
+    setDeviceType
+  } = (0,external_wp_data_namespaceObject.useDispatch)(external_wp_editor_namespaceObject.store);
   (0,external_wp_blockEditor_namespaceObject.useZoomOut)();
+  setDeviceType('desktop');
   return /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsxs)(external_ReactJSXRuntime_namespaceObject.Fragment, {
     children: [/*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(header, {
       title: (0,external_wp_i18n_namespaceObject.__)('Browse styles'),
@@ -24311,7 +24329,6 @@ function EditSiteEditor({
         'show-icon-labels': showIconLabels
       }),
       styles: styles,
-      enableRegionNavigation: false,
       customSaveButton: _isPreviewingTheme && /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(SaveButton, {
         size: "compact"
       }),
@@ -36095,6 +36112,7 @@ function DataviewsPatterns() {
   const categoryId = categoryIdFromURL || PATTERN_DEFAULT_CATEGORY;
   const [view, setView] = (0,external_wp_element_namespaceObject.useState)(DEFAULT_VIEW);
   const previousCategoryId = (0,external_wp_compose_namespaceObject.usePrevious)(categoryId);
+  const previousPostType = (0,external_wp_compose_namespaceObject.usePrevious)(type);
   const viewSyncStatus = view.filters?.find(({
     field
   }) => field === 'sync-status')?.value;
@@ -36138,13 +36156,13 @@ function DataviewsPatterns() {
 
   // Reset the page number when the category changes.
   (0,external_wp_element_namespaceObject.useEffect)(() => {
-    if (previousCategoryId !== categoryId) {
+    if (previousCategoryId !== categoryId || previousPostType !== type) {
       setView(prevView => ({
         ...prevView,
         page: 1
       }));
     }
-  }, [categoryId, previousCategoryId]);
+  }, [categoryId, previousCategoryId, previousPostType, type]);
   const {
     data,
     paginationInfo

wp-includes/js/dist/edit-widgets.js

@@ -815,6 +815,17 @@ const external_wp_plugins_namespaceObject = window["wp"]["plugins"];
 
 
 
+/**
+ * Whether the role supports checked state.
+ *
+ * @param {import('react').AriaRole} role Role.
+ * @return {boolean} Whether the role supports checked state.
+ * @see https://www.w3.org/TR/wai-aria-1.1/#aria-checked
+ */
+
+function roleSupportsCheckedState(role) {
+  return ['checkbox', 'option', 'radio', 'switch', 'menuitemcheckbox', 'menuitemradio', 'treeitem'].includes(role);
+}
 function ComplementaryAreaToggle({
   as = external_wp_components_namespaceObject.Button,
   scope,
@@ -833,7 +844,10 @@ function ComplementaryAreaToggle({
   } = (0,external_wp_data_namespaceObject.useDispatch)(store);
   return /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(ComponentToUse, {
     icon: selectedIcon && isSelected ? selectedIcon : icon,
-    "aria-controls": identifier.replace('/', ':'),
+    "aria-controls": identifier.replace('/', ':')
+    // Make sure aria-checked matches spec https://www.w3.org/TR/wai-aria-1.1/#aria-checked
+    ,
+    "aria-checked": roleSupportsCheckedState(props.role) ? isSelected : undefined,
     onClick: () => {
       if (isSelected) {
         disableComplementaryArea(scope);
@@ -1323,19 +1337,25 @@ ComplementaryAreaWrapped.Slot = ComplementaryAreaSlot;
 /* harmony default export */ const complementary_area = (ComplementaryAreaWrapped);
 
 ;// CONCATENATED MODULE: ./node_modules/@wordpress/interface/build-module/components/navigable-region/index.js
+/**
+ * WordPress dependencies
+ */
+
+
 /**
  * External dependencies
  */
 
 
-function NavigableRegion({
+const NavigableRegion = (0,external_wp_element_namespaceObject.forwardRef)(({
   children,
   className,
   ariaLabel,
   as: Tag = 'div',
   ...props
-}) {
+}, ref) => {
   return /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(Tag, {
+    ref: ref,
     className: dist_clsx('interface-navigable-region', className),
     "aria-label": ariaLabel,
     role: "region",
@@ -1343,7 +1363,9 @@ function NavigableRegion({
     ...props,
     children: children
   });
-}
+});
+NavigableRegion.displayName = 'NavigableRegion';
+/* harmony default export */ const navigable_region = (NavigableRegion);
 
 ;// CONCATENATED MODULE: ./node_modules/@wordpress/interface/build-module/components/interface-skeleton/index.js
 /**
@@ -1425,11 +1447,7 @@ function InterfaceSkeleton({
   content,
   actions,
   labels,
-  className,
+  className
-  enableRegionNavigation = true,
-  // Todo: does this need to be a prop.
-  // Can we use a dependency to keyboard-shortcuts directly?
-  shortcuts
 }, ref) {
   const [secondarySidebarResizeListener, secondarySidebarSize] = (0,external_wp_compose_namespaceObject.useResizeObserver)();
   const isMobileViewport = (0,external_wp_compose_namespaceObject.useViewportMatch)('medium', '<');
@@ -1439,7 +1457,6 @@ function InterfaceSkeleton({
     duration: disableMotion ? 0 : interface_skeleton_ANIMATION_DURATION,
     ease: [0.6, 0, 0.4, 1]
   };
-  const navigateRegionsProps = (0,external_wp_components_namespaceObject.__unstableUseNavigateRegions)(shortcuts);
   useHTMLClass('interface-interface-skeleton__html-container');
   const defaultLabels = {
     /* translators: accessibility text for the top bar landmark region. */
@@ -1460,14 +1477,13 @@ function InterfaceSkeleton({
     ...labels
   };
   return /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsxs)("div", {
-    ...(enableRegionNavigation ? navigateRegionsProps : {}),
+    ref: ref,
-    ref: (0,external_wp_compose_namespaceObject.useMergeRefs)([ref, enableRegionNavigation ? navigateRegionsProps.ref : undefined]),
+    className: dist_clsx(className, 'interface-interface-skeleton', !!footer && 'has-footer'),
-    className: dist_clsx(className, 'interface-interface-skeleton', navigateRegionsProps.className, !!footer && 'has-footer'),
     children: [/*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsxs)("div", {
       className: "interface-interface-skeleton__editor",
       children: [/*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_components_namespaceObject.__unstableAnimatePresence, {
         initial: false,
-        children: !!header && /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(NavigableRegion, {
+        children: !!header && /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(navigable_region, {
           as: external_wp_components_namespaceObject.__unstableMotion.div,
           className: "interface-interface-skeleton__header",
           "aria-label": mergedLabels.header,
@@ -1486,7 +1502,7 @@ function InterfaceSkeleton({
         className: "interface-interface-skeleton__body",
         children: [/*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_components_namespaceObject.__unstableAnimatePresence, {
           initial: false,
-          children: !!secondarySidebar && /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(NavigableRegion, {
+          children: !!secondarySidebar && /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(navigable_region, {
             className: "interface-interface-skeleton__secondary-sidebar",
             ariaLabel: mergedLabels.secondarySidebar,
             as: external_wp_components_namespaceObject.__unstableMotion.div,
@@ -1521,21 +1537,21 @@ function InterfaceSkeleton({
               children: [secondarySidebarResizeListener, secondarySidebar]
             })
           })
-        }), /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(NavigableRegion, {
+        }), /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(navigable_region, {
           className: "interface-interface-skeleton__content",
           ariaLabel: mergedLabels.body,
           children: content
-        }), !!sidebar && /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(NavigableRegion, {
+        }), !!sidebar && /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(navigable_region, {
           className: "interface-interface-skeleton__sidebar",
           ariaLabel: mergedLabels.sidebar,
           children: sidebar
-        }), !!actions && /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(NavigableRegion, {
+        }), !!actions && /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(navigable_region, {
           className: "interface-interface-skeleton__actions",
           ariaLabel: mergedLabels.actions,
           children: actions
         })]
       })]
-    }), !!footer && /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(NavigableRegion, {
+    }), !!footer && /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(navigable_region, {
       className: "interface-interface-skeleton__footer",
       ariaLabel: mergedLabels.footer,
       children: footer
@@ -4581,7 +4597,6 @@ function SecondarySidebar() {
 
 
 
-
 /**
  * Internal dependencies
  */
@@ -4615,16 +4630,12 @@ function Interface({
     hasBlockBreadCrumbsEnabled,
     hasSidebarEnabled,
     isInserterOpened,
-    isListViewOpened,
+    isListViewOpened
-    previousShortcut,
-    nextShortcut
   } = (0,external_wp_data_namespaceObject.useSelect)(select => ({
     hasSidebarEnabled: !!select(store).getActiveComplementaryArea(store_store.name),
     isInserterOpened: !!select(store_store).isInserterOpened(),
     isListViewOpened: !!select(store_store).isListViewOpened(),
-    hasBlockBreadCrumbsEnabled: !!select(external_wp_preferences_namespaceObject.store).get('core/edit-widgets', 'showBlockBreadcrumbs'),
+    hasBlockBreadCrumbsEnabled: !!select(external_wp_preferences_namespaceObject.store).get('core/edit-widgets', 'showBlockBreadcrumbs')
-    previousShortcut: select(external_wp_keyboardShortcuts_namespaceObject.store).getAllShortcutKeyCombinations('core/edit-widgets/previous-region'),
-    nextShortcut: select(external_wp_keyboardShortcuts_namespaceObject.store).getAllShortcutKeyCombinations('core/edit-widgets/next-region')
   }), []);
 
   // Inserter and Sidebars are mutually exclusive
@@ -4661,11 +4672,7 @@ function Interface({
       children: /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_blockEditor_namespaceObject.BlockBreadcrumb, {
         rootLabelText: (0,external_wp_i18n_namespaceObject.__)('Widgets')
       })
-    }),
+    })
-    shortcuts: {
-      previous: previousShortcut,
-      next: nextShortcut
-    }
   });
 }
 /* harmony default export */ const layout_interface = (Interface);
@@ -4870,6 +4877,7 @@ function WelcomeGuideImage({
 
 
 
+
 /**
  * Internal dependencies
  */
@@ -4891,14 +4899,20 @@ function Layout({
     createErrorNotice((0,external_wp_i18n_namespaceObject.sprintf)( /* translators: %s: plugin name */
     (0,external_wp_i18n_namespaceObject.__)('The "%s" plugin has encountered an error and cannot be rendered.'), name));
   }
+  const navigateRegionsProps = (0,external_wp_components_namespaceObject.__unstableUseNavigateRegions)();
   return /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(ErrorBoundary, {
-    children: /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsxs)(WidgetAreasBlockEditorProvider, {
+    children: /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)("div", {
-      blockEditorSettings: blockEditorSettings,
+      className: navigateRegionsProps.className,
-      children: [/*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(layout_interface, {
+      ...navigateRegionsProps,
-        blockEditorSettings: blockEditorSettings
+      ref: navigateRegionsProps.ref,
-      }), /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(Sidebar, {}), /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_plugins_namespaceObject.PluginArea, {
+      children: /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsxs)(WidgetAreasBlockEditorProvider, {
-        onError: onPluginAreaError
+        blockEditorSettings: blockEditorSettings,
-      }), /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(UnsavedChangesWarning, {}), /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(WelcomeGuide, {})]
+        children: [/*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(layout_interface, {
+          blockEditorSettings: blockEditorSettings
+        }), /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(Sidebar, {}), /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_plugins_namespaceObject.PluginArea, {
+          onError: onPluginAreaError
+        }), /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(UnsavedChangesWarning, {}), /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(WelcomeGuide, {})]
+      })
     })
   });
 }

wp-includes/js/dist/editor.js

@@ -1883,7 +1883,7 @@ __webpack_require__.d(build_module_namespaceObject, {
   ComplementaryAreaMoreMenuItem: () => (ComplementaryAreaMoreMenuItem),
   FullscreenMode: () => (fullscreen_mode),
   InterfaceSkeleton: () => (interface_skeleton),
-  NavigableRegion: () => (NavigableRegion),
+  NavigableRegion: () => (navigable_region),
   PinnedItems: () => (pinned_items),
   store: () => (store)
 });
@@ -9290,6 +9290,17 @@ const external_wp_plugins_namespaceObject = window["wp"]["plugins"];
 
 
 
+/**
+ * Whether the role supports checked state.
+ *
+ * @param {import('react').AriaRole} role Role.
+ * @return {boolean} Whether the role supports checked state.
+ * @see https://www.w3.org/TR/wai-aria-1.1/#aria-checked
+ */
+
+function roleSupportsCheckedState(role) {
+  return ['checkbox', 'option', 'radio', 'switch', 'menuitemcheckbox', 'menuitemradio', 'treeitem'].includes(role);
+}
 function ComplementaryAreaToggle({
   as = external_wp_components_namespaceObject.Button,
   scope,
@@ -9308,7 +9319,10 @@ function ComplementaryAreaToggle({
   } = (0,external_wp_data_namespaceObject.useDispatch)(store);
   return /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(ComponentToUse, {
     icon: selectedIcon && isSelected ? selectedIcon : icon,
-    "aria-controls": identifier.replace('/', ':'),
+    "aria-controls": identifier.replace('/', ':')
+    // Make sure aria-checked matches spec https://www.w3.org/TR/wai-aria-1.1/#aria-checked
+    ,
+    "aria-checked": roleSupportsCheckedState(props.role) ? isSelected : undefined,
     onClick: () => {
       if (isSelected) {
         disableComplementaryArea(scope);
@@ -9838,19 +9852,25 @@ const FullscreenMode = ({
 /* harmony default export */ const fullscreen_mode = (FullscreenMode);
 
 ;// CONCATENATED MODULE: ./node_modules/@wordpress/interface/build-module/components/navigable-region/index.js
+/**
+ * WordPress dependencies
+ */
+
+
 /**
  * External dependencies
  */
 
 
-function NavigableRegion({
+const NavigableRegion = (0,external_wp_element_namespaceObject.forwardRef)(({
   children,
   className,
   ariaLabel,
   as: Tag = 'div',
   ...props
-}) {
+}, ref) => {
   return /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(Tag, {
+    ref: ref,
     className: dist_clsx('interface-navigable-region', className),
     "aria-label": ariaLabel,
     role: "region",
@@ -9858,7 +9878,9 @@ function NavigableRegion({
     ...props,
     children: children
   });
-}
+});
+NavigableRegion.displayName = 'NavigableRegion';
+/* harmony default export */ const navigable_region = (NavigableRegion);
 
 ;// CONCATENATED MODULE: ./node_modules/@wordpress/interface/build-module/components/interface-skeleton/index.js
 /**
@@ -9940,11 +9962,7 @@ function InterfaceSkeleton({
   content,
   actions,
   labels,
-  className,
+  className
-  enableRegionNavigation = true,
-  // Todo: does this need to be a prop.
-  // Can we use a dependency to keyboard-shortcuts directly?
-  shortcuts
 }, ref) {
   const [secondarySidebarResizeListener, secondarySidebarSize] = (0,external_wp_compose_namespaceObject.useResizeObserver)();
   const isMobileViewport = (0,external_wp_compose_namespaceObject.useViewportMatch)('medium', '<');
@@ -9954,7 +9972,6 @@ function InterfaceSkeleton({
     duration: disableMotion ? 0 : interface_skeleton_ANIMATION_DURATION,
     ease: [0.6, 0, 0.4, 1]
   };
-  const navigateRegionsProps = (0,external_wp_components_namespaceObject.__unstableUseNavigateRegions)(shortcuts);
   useHTMLClass('interface-interface-skeleton__html-container');
   const defaultLabels = {
     /* translators: accessibility text for the top bar landmark region. */
@@ -9975,14 +9992,13 @@ function InterfaceSkeleton({
     ...labels
   };
   return /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsxs)("div", {
-    ...(enableRegionNavigation ? navigateRegionsProps : {}),
+    ref: ref,
-    ref: (0,external_wp_compose_namespaceObject.useMergeRefs)([ref, enableRegionNavigation ? navigateRegionsProps.ref : undefined]),
+    className: dist_clsx(className, 'interface-interface-skeleton', !!footer && 'has-footer'),
-    className: dist_clsx(className, 'interface-interface-skeleton', navigateRegionsProps.className, !!footer && 'has-footer'),
     children: [/*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsxs)("div", {
       className: "interface-interface-skeleton__editor",
       children: [/*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_components_namespaceObject.__unstableAnimatePresence, {
         initial: false,
-        children: !!header && /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(NavigableRegion, {
+        children: !!header && /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(navigable_region, {
           as: external_wp_components_namespaceObject.__unstableMotion.div,
           className: "interface-interface-skeleton__header",
           "aria-label": mergedLabels.header,
@@ -10001,7 +10017,7 @@ function InterfaceSkeleton({
         className: "interface-interface-skeleton__body",
         children: [/*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_components_namespaceObject.__unstableAnimatePresence, {
           initial: false,
-          children: !!secondarySidebar && /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(NavigableRegion, {
+          children: !!secondarySidebar && /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(navigable_region, {
             className: "interface-interface-skeleton__secondary-sidebar",
             ariaLabel: mergedLabels.secondarySidebar,
             as: external_wp_components_namespaceObject.__unstableMotion.div,
@@ -10036,21 +10052,21 @@ function InterfaceSkeleton({
               children: [secondarySidebarResizeListener, secondarySidebar]
             })
           })
-        }), /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(NavigableRegion, {
+        }), /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(navigable_region, {
           className: "interface-interface-skeleton__content",
           ariaLabel: mergedLabels.body,
           children: content
-        }), !!sidebar && /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(NavigableRegion, {
+        }), !!sidebar && /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(navigable_region, {
           className: "interface-interface-skeleton__sidebar",
           ariaLabel: mergedLabels.sidebar,
           children: sidebar
-        }), !!actions && /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(NavigableRegion, {
+        }), !!actions && /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(navigable_region, {
           className: "interface-interface-skeleton__actions",
           ariaLabel: mergedLabels.actions,
           children: actions
         })]
       })]
-    }), !!footer && /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(NavigableRegion, {
+    }), !!footer && /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(navigable_region, {
       className: "interface-interface-skeleton__footer",
       ariaLabel: mergedLabels.footer,
       children: footer
@@ -26901,7 +26917,10 @@ function EditTemplateBlocksNotification({
       if (!event.target.classList.contains('is-root-container') || event.target.dataset?.type === 'core/template-part') {
         return;
       }
-      setIsDialogOpen(true);
+      if (!event.defaultPrevented) {
+        event.preventDefault();
+        setIsDialogOpen(true);
+      }
     };
     const canvas = contentRef.current;
     canvas?.addEventListener('dblclick', handleDblClick);
@@ -27188,7 +27207,8 @@ const {
   useLayoutClasses,
   useLayoutStyles,
   ExperimentalBlockCanvas: BlockCanvas,
-  useFlashEditableBlocks
+  useFlashEditableBlocks,
+  useZoomOutModeExit
 } = unlock(external_wp_blockEditor_namespaceObject.privateApis);
 
 /**
@@ -27409,10 +27429,10 @@ function VisualEditor({
     isEnabled: renderingMode === 'template-locked'
   }), useSelectNearestEditableBlock({
     isEnabled: renderingMode === 'template-locked'
-  })]);
+  }), useZoomOutModeExit()]);
   const zoomOutProps = isZoomedOut && !isTabletViewport ? {
     scale: 'default',
-    frameSize: '48px'
+    frameSize: '40px'
   } : {};
   const forceFullHeight = postType === NAVIGATION_POST_TYPE;
   const enableResizing = [NAVIGATION_POST_TYPE, TEMPLATE_PART_POST_TYPE, PATTERN_POST_TYPE].includes(postType) &&
@@ -27530,7 +27550,6 @@ function VisualEditor({
 
 
 
-
 /**
  * Internal dependencies
  */
@@ -27561,7 +27580,6 @@ const interfaceLabels = {
 };
 function EditorInterface({
   className,
-  enableRegionNavigation,
   styles,
   children,
   forceIsDirty,
@@ -27581,8 +27599,6 @@ function EditorInterface({
     isListViewOpened,
     isDistractionFree,
     isPreviewMode,
-    previousShortcut,
-    nextShortcut,
     showBlockBreadcrumbs,
     documentLabel,
     isZoomOut
@@ -27606,8 +27622,6 @@ function EditorInterface({
       isListViewOpened: select(store_store).isListViewOpened(),
       isDistractionFree: get('core', 'distractionFree'),
       isPreviewMode: editorSettings.__unstableIsPreviewMode,
-      previousShortcut: select(external_wp_keyboardShortcuts_namespaceObject.store).getAllShortcutKeyCombinations('core/editor/previous-region'),
-      nextShortcut: select(external_wp_keyboardShortcuts_namespaceObject.store).getAllShortcutKeyCombinations('core/editor/next-region'),
       showBlockBreadcrumbs: get('core', 'showBlockBreadcrumbs'),
       // translators: Default label for the Document in the Block Breadcrumb.
       documentLabel: postTypeLabel || (0,external_wp_i18n_namespaceObject._x)('Document', 'noun'),
@@ -27627,7 +27641,6 @@ function EditorInterface({
     setEntitiesSavedStatesCallback(false);
   }, [entitiesSavedStatesCallback]);
   return /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(interface_skeleton, {
-    enableRegionNavigation: enableRegionNavigation,
     isDistractionFree: isDistractionFree,
     className: dist_clsx('editor-editor-interface', className, {
       'is-entity-save-view-open': !!entitiesSavedStatesCallback,
@@ -27681,11 +27694,7 @@ function EditorInterface({
       isEntitiesSavedStatesOpen: entitiesSavedStatesCallback,
       setEntitiesSavedStatesCallback: setEntitiesSavedStatesCallback,
       forceIsDirtyPublishPanel: forceIsDirty
-    }) : undefined,
+    }) : undefined
-    shortcuts: {
-      previous: previousShortcut,
-      next: nextShortcut
-    }
   });
 }
 

wp-includes/version.php

@@ -16,7 +16,7 @@
  *
  * @global string $wp_version
  */
-$wp_version = '6.7-beta2-59229';
+$wp_version = '6.7-beta2-59230';
 
 /**
  * Holds the WordPress DB revision, increments when changes are made to the WordPress DB schema.