Editor: Update packages for 6.7 Beta 1.

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

See #61906.

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


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

wp-includes/blocks/file.php

@@ -19,18 +19,7 @@
 function render_block_core_file( $attributes, $content ) {
 	// If it's interactive, enqueue the script module and add the directives.
 	if ( ! empty( $attributes['displayPreview'] ) ) {
-		$suffix = wp_scripts_get_suffix();
+		wp_enqueue_script_module( '@wordpress/block-library/file/view' );
-		if ( defined( 'IS_GUTENBERG_PLUGIN' ) && IS_GUTENBERG_PLUGIN ) {
-			$module_url = gutenberg_url( '/build-module/block-library/file/view.min.js' );
-		}
-
-		wp_register_script_module(
-			'@wordpress/block-library/file',
-			isset( $module_url ) ? $module_url : includes_url( "blocks/file/view{$suffix}.js" ),
-			array( '@wordpress/interactivity' ),
-			defined( 'GUTENBERG_VERSION' ) ? GUTENBERG_VERSION : get_bloginfo( 'version' )
-		);
-		wp_enqueue_script_module( '@wordpress/block-library/file' );
 
 		$processor = new WP_HTML_Tag_Processor( $content );
 		$processor->next_tag();

wp-includes/blocks/image.php

@@ -70,19 +70,7 @@ function render_block_core_image( $attributes, $content, $block ) {
 		isset( $lightbox_settings['enabled'] ) &&
 		true === $lightbox_settings['enabled']
 	) {
-		$suffix = wp_scripts_get_suffix();
+		wp_enqueue_script_module( '@wordpress/block-library/image/view' );
-		if ( defined( 'IS_GUTENBERG_PLUGIN' ) && IS_GUTENBERG_PLUGIN ) {
-			$module_url = gutenberg_url( '/build-module/block-library/image/view.min.js' );
-		}
-
-		wp_register_script_module(
-			'@wordpress/block-library/image',
-			isset( $module_url ) ? $module_url : includes_url( "blocks/image/view{$suffix}.js" ),
-			array( '@wordpress/interactivity' ),
-			defined( 'GUTENBERG_VERSION' ) ? GUTENBERG_VERSION : get_bloginfo( 'version' )
-		);
-
-		wp_enqueue_script_module( '@wordpress/block-library/image' );
 
 		/*
 		 * This render needs to happen in a filter with priority 15 to ensure that

wp-includes/blocks/navigation.php

@@ -622,18 +622,7 @@ class WP_Navigation_Block_Renderer {
 	 */
 	private static function handle_view_script_module_loading( $attributes, $block, $inner_blocks ) {
 		if ( static::is_interactive( $attributes, $inner_blocks ) ) {
-			$suffix = wp_scripts_get_suffix();
+			wp_enqueue_script_module( '@wordpress/block-library/navigation/view' );
-			if ( defined( 'IS_GUTENBERG_PLUGIN' ) && IS_GUTENBERG_PLUGIN ) {
-				$module_url = gutenberg_url( '/build-module/block-library/navigation/view.min.js' );
-			}
-
-			wp_register_script_module(
-				'@wordpress/block-library/navigation',
-				isset( $module_url ) ? $module_url : includes_url( "blocks/navigation/view{$suffix}.js" ),
-				array( '@wordpress/interactivity' ),
-				defined( 'GUTENBERG_VERSION' ) ? GUTENBERG_VERSION : get_bloginfo( 'version' )
-			);
-			wp_enqueue_script_module( '@wordpress/block-library/navigation' );
 		}
 	}
 

wp-includes/blocks/post-template.php

@@ -64,11 +64,6 @@ function render_block_core_post_template( $attributes, $content, $block ) {
 		if ( in_the_loop() ) {
 			$query = clone $wp_query;
 			$query->rewind_posts();
-
-			// If in a single post of any post type, default to the 'post' post type.
-			if ( is_singular() ) {
-				query_posts( array( 'post_type' => 'post' ) );
-			}
 		} else {
 			$query = $wp_query;
 		}

wp-includes/blocks/query.php

@@ -24,27 +24,7 @@ function render_block_core_query( $attributes, $content, $block ) {
 	// Enqueue the script module and add the necessary directives if the block is
 	// interactive.
 	if ( $is_interactive ) {
-		$suffix = wp_scripts_get_suffix();
+		wp_enqueue_script_module( '@wordpress/block-library/query/view' );
-		if ( defined( 'IS_GUTENBERG_PLUGIN' ) && IS_GUTENBERG_PLUGIN ) {
-			$module_url = gutenberg_url( '/build-module/block-library/query/view.min.js' );
-		}
-
-		wp_register_script_module(
-			'@wordpress/block-library/query',
-			isset( $module_url ) ? $module_url : includes_url( "blocks/query/view{$suffix}.js" ),
-			array(
-				array(
-					'id'     => '@wordpress/interactivity',
-					'import' => 'static',
-				),
-				array(
-					'id'     => '@wordpress/interactivity-router',
-					'import' => 'dynamic',
-				),
-			),
-			defined( 'GUTENBERG_VERSION' ) ? GUTENBERG_VERSION : get_bloginfo( 'version' )
-		);
-		wp_enqueue_script_module( '@wordpress/block-library/query' );
 
 		$p = new WP_HTML_Tag_Processor( $content );
 		if ( $p->next_tag() ) {

wp-includes/blocks/search.php

@@ -80,18 +80,7 @@ function render_block_core_search( $attributes ) {
 		// If it's interactive, enqueue the script module and add the directives.
 		$is_expandable_searchfield = 'button-only' === $button_position;
 		if ( $is_expandable_searchfield ) {
-			$suffix = wp_scripts_get_suffix();
+			wp_enqueue_script_module( '@wordpress/block-library/search/view' );
-			if ( defined( 'IS_GUTENBERG_PLUGIN' ) && IS_GUTENBERG_PLUGIN ) {
-				$module_url = gutenberg_url( '/build-module/block-library/search/view.min.js' );
-			}
-
-			wp_register_script_module(
-				'@wordpress/block-library/search',
-				isset( $module_url ) ? $module_url : includes_url( "blocks/search/view{$suffix}.js" ),
-				array( '@wordpress/interactivity' ),
-				defined( 'GUTENBERG_VERSION' ) ? GUTENBERG_VERSION : get_bloginfo( 'version' )
-			);
-			wp_enqueue_script_module( '@wordpress/block-library/search' );
 
 			$input->set_attribute( 'data-wp-bind--aria-hidden', '!context.isSearchInputVisible' );
 			$input->set_attribute( 'data-wp-bind--tabindex', 'state.tabindex' );

wp-includes/css/dist/edit-site/posts-rtl.css

@@ -102,7 +102,7 @@
     padding:12px 24px;
   }
 
-  .dataviews-loading,.dataviews-no-results,.dataviews-view-grid{
+  .dataviews-loading,.dataviews-no-results{
     padding-left:24px;
     padding-right:24px;
   }
@@ -661,7 +661,12 @@
 .dataviews-view-grid__card.is-selected .dataviews-selection-checkbox,.dataviews-view-grid__card:focus-within .dataviews-selection-checkbox,.dataviews-view-grid__card:hover .dataviews-selection-checkbox{
   top:8px;
 }
-
+@container (max-width: 430px){
+  .dataviews-view-grid{
+    padding-left:24px;
+    padding-right:24px;
+  }
+}
 ul.dataviews-view-list{
   list-style-type:none;
 }
@@ -1332,7 +1337,7 @@ html.canvas-mode-edit-transition::view-transition-group(toggle){
   overflow-y:auto;
 }
 
-@keyframes _m3bxv_slide-from-right{
+@keyframes _vbgy4_slide-from-right{
   0%{
     opacity:0;
     transform:translateX(-50px);
@@ -1342,7 +1347,7 @@ html.canvas-mode-edit-transition::view-transition-group(toggle){
     transform:none;
   }
 }
-@keyframes _m3bxv_slide-from-left{
+@keyframes _vbgy4_slide-from-left{
   0%{
     opacity:0;
     transform:translateX(50px);
@@ -1398,10 +1403,10 @@ html.canvas-mode-edit-transition::view-transition-group(toggle){
   }
 }
 .edit-site-sidebar__screen-wrapper.slide-from-left{
-  animation-name:_m3bxv_slide-from-left;
+  animation-name:_vbgy4_slide-from-left;
 }
 .edit-site-sidebar__screen-wrapper.slide-from-right{
-  animation-name:_m3bxv_slide-from-right;
+  animation-name:_vbgy4_slide-from-right;
 }
 
 .edit-site-site-hub{

wp-includes/css/dist/edit-site/posts.css

@@ -102,7 +102,7 @@
     padding:12px 24px;
   }
 
-  .dataviews-loading,.dataviews-no-results,.dataviews-view-grid{
+  .dataviews-loading,.dataviews-no-results{
     padding-left:24px;
     padding-right:24px;
   }
@@ -661,7 +661,12 @@
 .dataviews-view-grid__card.is-selected .dataviews-selection-checkbox,.dataviews-view-grid__card:focus-within .dataviews-selection-checkbox,.dataviews-view-grid__card:hover .dataviews-selection-checkbox{
   top:8px;
 }
-
+@container (max-width: 430px){
+  .dataviews-view-grid{
+    padding-left:24px;
+    padding-right:24px;
+  }
+}
 ul.dataviews-view-list{
   list-style-type:none;
 }
@@ -1332,7 +1337,7 @@ html.canvas-mode-edit-transition::view-transition-group(toggle){
   overflow-y:auto;
 }
 
-@keyframes _m3bxv_slide-from-right{
+@keyframes _vbgy4_slide-from-right{
   0%{
     opacity:0;
     transform:translateX(50px);
@@ -1342,7 +1347,7 @@ html.canvas-mode-edit-transition::view-transition-group(toggle){
     transform:none;
   }
 }
-@keyframes _m3bxv_slide-from-left{
+@keyframes _vbgy4_slide-from-left{
   0%{
     opacity:0;
     transform:translateX(-50px);
@@ -1398,10 +1403,10 @@ html.canvas-mode-edit-transition::view-transition-group(toggle){
   }
 }
 .edit-site-sidebar__screen-wrapper.slide-from-left{
-  animation-name:_m3bxv_slide-from-left;
+  animation-name:_vbgy4_slide-from-left;
 }
 .edit-site-sidebar__screen-wrapper.slide-from-right{
-  animation-name:_m3bxv_slide-from-right;
+  animation-name:_vbgy4_slide-from-right;
 }
 
 .edit-site-site-hub{

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

@@ -102,7 +102,7 @@
     padding:12px 24px;
   }
 
-  .dataviews-loading,.dataviews-no-results,.dataviews-view-grid{
+  .dataviews-loading,.dataviews-no-results{
     padding-left:24px;
     padding-right:24px;
   }
@@ -661,7 +661,12 @@
 .dataviews-view-grid__card.is-selected .dataviews-selection-checkbox,.dataviews-view-grid__card:focus-within .dataviews-selection-checkbox,.dataviews-view-grid__card:hover .dataviews-selection-checkbox{
   top:8px;
 }
-
+@container (max-width: 430px){
+  .dataviews-view-grid{
+    padding-left:24px;
+    padding-right:24px;
+  }
+}
 ul.dataviews-view-list{
   list-style-type:none;
 }
@@ -2313,7 +2318,7 @@ html.canvas-mode-edit-transition::view-transition-group(toggle){
   overflow-y:auto;
 }
 
-@keyframes _hn47y_slide-from-right{
+@keyframes _hzed3_slide-from-right{
   0%{
     opacity:0;
     transform:translateX(-50px);
@@ -2323,7 +2328,7 @@ html.canvas-mode-edit-transition::view-transition-group(toggle){
     transform:none;
   }
 }
-@keyframes _hn47y_slide-from-left{
+@keyframes _hzed3_slide-from-left{
   0%{
     opacity:0;
     transform:translateX(50px);
@@ -2379,10 +2384,10 @@ html.canvas-mode-edit-transition::view-transition-group(toggle){
   }
 }
 .edit-site-sidebar__screen-wrapper.slide-from-left{
-  animation-name:_hn47y_slide-from-left;
+  animation-name:_hzed3_slide-from-left;
 }
 .edit-site-sidebar__screen-wrapper.slide-from-right{
-  animation-name:_hn47y_slide-from-right;
+  animation-name:_hzed3_slide-from-right;
 }
 
 .edit-site-sidebar-button{

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

@@ -102,7 +102,7 @@
     padding:12px 24px;
   }
 
-  .dataviews-loading,.dataviews-no-results,.dataviews-view-grid{
+  .dataviews-loading,.dataviews-no-results{
     padding-left:24px;
     padding-right:24px;
   }
@@ -661,7 +661,12 @@
 .dataviews-view-grid__card.is-selected .dataviews-selection-checkbox,.dataviews-view-grid__card:focus-within .dataviews-selection-checkbox,.dataviews-view-grid__card:hover .dataviews-selection-checkbox{
   top:8px;
 }
-
+@container (max-width: 430px){
+  .dataviews-view-grid{
+    padding-left:24px;
+    padding-right:24px;
+  }
+}
 ul.dataviews-view-list{
   list-style-type:none;
 }
@@ -2313,7 +2318,7 @@ html.canvas-mode-edit-transition::view-transition-group(toggle){
   overflow-y:auto;
 }
 
-@keyframes _hn47y_slide-from-right{
+@keyframes _hzed3_slide-from-right{
   0%{
     opacity:0;
     transform:translateX(50px);
@@ -2323,7 +2328,7 @@ html.canvas-mode-edit-transition::view-transition-group(toggle){
     transform:none;
   }
 }
-@keyframes _hn47y_slide-from-left{
+@keyframes _hzed3_slide-from-left{
   0%{
     opacity:0;
     transform:translateX(-50px);
@@ -2379,10 +2384,10 @@ html.canvas-mode-edit-transition::view-transition-group(toggle){
   }
 }
 .edit-site-sidebar__screen-wrapper.slide-from-left{
-  animation-name:_hn47y_slide-from-left;
+  animation-name:_hzed3_slide-from-left;
 }
 .edit-site-sidebar__screen-wrapper.slide-from-right{
-  animation-name:_hn47y_slide-from-right;
+  animation-name:_hzed3_slide-from-right;
 }
 
 .edit-site-sidebar-button{

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

@@ -7704,11 +7704,13 @@ __webpack_require__.d(private_selectors_namespaceObject, {
   getStyleOverrides: () => (getStyleOverrides),
   getTemporarilyEditingAsBlocks: () => (getTemporarilyEditingAsBlocks),
   getTemporarilyEditingFocusModeToRevert: () => (getTemporarilyEditingFocusModeToRevert),
+  getZoomLevel: () => (getZoomLevel),
   hasAllowedPatterns: () => (hasAllowedPatterns),
   isBlockInterfaceHidden: () => (private_selectors_isBlockInterfaceHidden),
   isBlockSubtreeDisabled: () => (isBlockSubtreeDisabled),
   isDragging: () => (private_selectors_isDragging),
   isResolvingPatterns: () => (isResolvingPatterns),
+  isZoomOut: () => (isZoomOut),
   isZoomOutMode: () => (isZoomOutMode)
 });
 
@@ -7845,10 +7847,12 @@ __webpack_require__.d(private_actions_namespaceObject, {
   hideBlockInterface: () => (hideBlockInterface),
   modifyContentLockBlock: () => (modifyContentLockBlock),
   privateRemoveBlocks: () => (privateRemoveBlocks),
+  resetZoomLevel: () => (resetZoomLevel),
   setBlockRemovalRules: () => (setBlockRemovalRules),
   setLastFocus: () => (setLastFocus),
   setOpenedBlockSettingsMenu: () => (setOpenedBlockSettingsMenu),
   setStyleOverride: () => (setStyleOverride),
+  setZoomLevel: () => (setZoomLevel),
   showBlockInterface: () => (showBlockInterface),
   startDragging: () => (startDragging),
   stopDragging: () => (stopDragging),
@@ -10141,6 +10145,24 @@ function hoveredBlockClientId(state = false, action) {
   }
   return state;
 }
+
+/**
+ * Reducer setting zoom out state.
+ *
+ * @param {boolean} state  Current state.
+ * @param {Object}  action Dispatched action.
+ *
+ * @return {boolean} Updated state.
+ */
+function zoomLevel(state = 100, action) {
+  switch (action.type) {
+    case 'SET_ZOOM_LEVEL':
+      return action.zoom;
+    case 'RESET_ZOOM_LEVEL':
+      return 100;
+  }
+  return state;
+}
 const combinedReducers = (0,external_wp_data_namespaceObject.combineReducers)({
   blocks,
   isDragging,
@@ -10173,7 +10195,8 @@ const combinedReducers = (0,external_wp_data_namespaceObject.combineReducers)({
   blockRemovalRules,
   openedBlockSettingsMenu,
   registeredInserterMediaCategories,
-  hoveredBlockClientId
+  hoveredBlockClientId,
+  zoomLevel
 });
 function withAutomaticChangeReset(reducer) {
   return (state, action) => {
@@ -11089,6 +11112,26 @@ function getSectionRootClientId(state) {
   return state.settings?.[sectionRootClientIdKey];
 }
 
+/**
+ * Returns the zoom out state.
+ *
+ * @param {Object} state Global application state.
+ * @return {boolean} The zoom out state.
+ */
+function getZoomLevel(state) {
+  return state.zoomLevel;
+}
+
+/**
+ * Returns whether the editor is considered zoomed out.
+ *
+ * @param {Object} state Global application state.
+ * @return {boolean} Whether the editor is zoomed.
+ */
+function isZoomOut(state) {
+  return getZoomLevel(state) < 100;
+}
+
 ;// CONCATENATED MODULE: ./node_modules/@wordpress/block-editor/build-module/store/selectors.js
 /**
  * WordPress dependencies
@@ -13521,6 +13564,7 @@ const getBlockEditingMode = (0,external_wp_data_namespaceObject.createRegistrySe
   if (clientId === null) {
     clientId = '';
   }
+
   // In zoom-out mode, override the behavior set by
   // __unstableSetBlockEditingMode to only allow editing the top-level
   // sections.
@@ -13534,9 +13578,12 @@ const getBlockEditingMode = (0,external_wp_data_namespaceObject.createRegistrySe
       return 'contentOnly';
     }
     const sectionsClientIds = getBlockOrder(state, sectionRootClientId);
-    if (!sectionsClientIds?.includes(clientId)) {
+
-      return 'disabled';
+    // Sections are always contentOnly.
+    if (sectionsClientIds?.includes(clientId)) {
+      return 'contentOnly';
     }
+    return 'disabled';
   }
   const blockEditingMode = state.blockEditingModes.get(clientId);
   if (blockEditingMode) {
@@ -14040,6 +14087,29 @@ const modifyContentLockBlock = clientId => ({
   dispatch.__unstableSetTemporarilyEditingAsBlocks(clientId, focusModeToRevert);
 };
 
+/**
+ * Sets the zoom level.
+ *
+ * @param {number} zoom the new zoom level
+ * @return {Object} Action object.
+ */
+function setZoomLevel(zoom = 100) {
+  return {
+    type: 'SET_ZOOM_LEVEL',
+    zoom
+  };
+}
+
+/**
+ * Resets the Zoom state.
+ * @return {Object} Action object.
+ */
+function resetZoomLevel() {
+  return {
+    type: 'RESET_ZOOM_LEVEL'
+  };
+}
+
 ;// CONCATENATED MODULE: external ["wp","a11y"]
 const external_wp_a11y_namespaceObject = window["wp"]["a11y"];
 ;// CONCATENATED MODULE: external ["wp","notices"]
@@ -38085,13 +38155,17 @@ function useZoomOutModeExit({
   editorMode
 }) {
   const {
-    getSettings
+    getSettings,
-  } = (0,external_wp_data_namespaceObject.useSelect)(store);
+    isZoomOut
+  } = unlock((0,external_wp_data_namespaceObject.useSelect)(store));
   const {
-    __unstableSetEditorMode
+    __unstableSetEditorMode,
+    resetZoomLevel
   } = unlock((0,external_wp_data_namespaceObject.useDispatch)(store));
   return (0,external_wp_compose_namespaceObject.useRefEffect)(node => {
-    if (editorMode !== 'zoom-out') {
+    // In "compose" mode.
+    const composeMode = editorMode === 'zoom-out' && isZoomOut();
+    if (!composeMode) {
       return;
     }
     function onDoubleClick(event) {
@@ -38104,6 +38178,7 @@ function useZoomOutModeExit({
           __experimentalSetIsInserterOpened(false);
         }
         __unstableSetEditorMode('edit');
+        resetZoomLevel();
       }
     }
     node.addEventListener('dblclick', onDoubleClick);
@@ -38370,8 +38445,8 @@ const withBlockBindingSupport = (0,external_wp_compose_namespaceObject.createHig
         let values = {};
         if (!source.getValues) {
           Object.keys(bindings).forEach(attr => {
-            // Default to the `key` or the source label when `getValues` doesn't exist
+            // Default to the the source label when `getValues` doesn't exist.
-            values[attr] = bindings[attr].args?.key || source.label;
+            values[attr] = source.label;
           });
         } else {
           values = source.getValues({
@@ -51629,41 +51704,38 @@ function useCachedTruthy(value) {
  */
 
 
+
 /**
- * A hook used to set the editor mode to zoomed out mode, invoking the hook sets the mode.
+ * A hook used to set the zoomed out view, invoking the hook sets the mode.
  *
- * @param {boolean} zoomOut If we should enter into zoomOut mode or not
+ * @param {boolean} zoomOut If we should zoom out or not.
  */
 function useZoomOut(zoomOut = true) {
   const {
-    __unstableSetEditorMode
+    setZoomLevel
-  } = (0,external_wp_data_namespaceObject.useDispatch)(store);
+  } = unlock((0,external_wp_data_namespaceObject.useDispatch)(store));
   const {
-    __unstableGetEditorMode
+    isZoomOut
-  } = (0,external_wp_data_namespaceObject.useSelect)(store);
+  } = unlock((0,external_wp_data_namespaceObject.useSelect)(store));
-  const originalEditingModeRef = (0,external_wp_element_namespaceObject.useRef)(null);
+  const originalIsZoomOutRef = (0,external_wp_element_namespaceObject.useRef)(null);
-  const mode = __unstableGetEditorMode();
   (0,external_wp_element_namespaceObject.useEffect)(() => {
     // Only set this on mount so we know what to return to when we unmount.
-    if (!originalEditingModeRef.current) {
+    if (!originalIsZoomOutRef.current) {
-      originalEditingModeRef.current = mode;
+      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 () => {
-      // We need to use  __unstableGetEditorMode() here and not `mode`, as mode may not update on unmount
+      if (isZoomOut() && isZoomOut() !== originalIsZoomOutRef.current) {
-      if (__unstableGetEditorMode() === 'zoom-out' && __unstableGetEditorMode() !== originalEditingModeRef.current) {
+        setZoomLevel(originalIsZoomOutRef.current ? 50 : 100);
-        __unstableSetEditorMode(originalEditingModeRef.current);
       }
     };
-  }, []);
+  }, [isZoomOut, setZoomLevel, zoomOut]);
-
-  // The effect opens the zoom-out view if we want it open and it's not currently in zoom-out mode.
-  (0,external_wp_element_namespaceObject.useEffect)(() => {
-    if (zoomOut && mode !== 'zoom-out') {
-      __unstableSetEditorMode('zoom-out');
-    } else if (!zoomOut && __unstableGetEditorMode() === 'zoom-out' && originalEditingModeRef.current !== mode) {
-      __unstableSetEditorMode(originalEditingModeRef.current);
-    }
-  }, [__unstableGetEditorMode, __unstableSetEditorMode, zoomOut]); // Mode is deliberately excluded from the dependencies so that the effect does not run when mode changes.
 }
 
 ;// CONCATENATED MODULE: ./node_modules/@wordpress/block-editor/build-module/hooks/index.js
@@ -58190,6 +58262,7 @@ function Shuffle({
 
 
 
+
 function ZoomOutToolbar({
   clientId,
   __unstableContentRef
@@ -58254,8 +58327,9 @@ function ZoomOutToolbar({
   } = selected;
   const {
     removeBlock,
-    __unstableSetEditorMode
+    __unstableSetEditorMode,
-  } = (0,external_wp_data_namespaceObject.useDispatch)(store);
+    resetZoomLevel
+  } = unlock((0,external_wp_data_namespaceObject.useDispatch)(store));
   const classNames = dist_clsx('zoom-out-toolbar', {
     'is-block-moving-mode': !!blockMovingMode
   });
@@ -58302,6 +58376,7 @@ function ZoomOutToolbar({
           setIsInserterOpened(false);
         }
         __unstableSetEditorMode('edit');
+        resetZoomLevel();
         __unstableContentRef.current?.focus();
       }
     }), canRemove && !isBlockTemplatePart && /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_components_namespaceObject.ToolbarButton, {
@@ -63275,20 +63350,25 @@ function __experimentalBlockVariationTransforms({
   } = (0,external_wp_data_namespaceObject.useDispatch)(store);
   const {
     activeBlockVariation,
-    variations
+    variations,
+    isContentOnly
   } = (0,external_wp_data_namespaceObject.useSelect)(select => {
     const {
       getActiveBlockVariation,
-      getBlockVariations
+      getBlockVariations,
+      __experimentalHasContentRoleAttribute
     } = select(external_wp_blocks_namespaceObject.store);
     const {
       getBlockName,
-      getBlockAttributes
+      getBlockAttributes,
+      getBlockEditingMode
     } = select(store);
     const name = blockClientId && getBlockName(blockClientId);
+    const isContentBlock = __experimentalHasContentRoleAttribute(name);
     return {
       activeBlockVariation: getActiveBlockVariation(name, getBlockAttributes(blockClientId)),
-      variations: name && getBlockVariations(name, 'transform')
+      variations: name && getBlockVariations(name, 'transform'),
+      isContentOnly: getBlockEditingMode(blockClientId) === 'contentOnly' && !isContentBlock
     };
   }, [blockClientId]);
   const selectedValue = activeBlockVariation?.name;
@@ -63313,9 +63393,7 @@ function __experimentalBlockVariationTransforms({
       }) => name === variationName).attributes
     });
   };
-
+  if (!variations?.length || isContentOnly) {
-  // Skip rendering if there are no variations
-  if (!variations?.length) {
     return null;
   }
   const baseClass = 'block-editor-block-variation-transforms';
@@ -68597,6 +68675,7 @@ function __unstableRichTextInputEvent({
 
 
 
+
 const selectIcon = /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_components_namespaceObject.SVG, {
   xmlns: "http://www.w3.org/2000/svg",
   width: "24",
@@ -68610,7 +68689,7 @@ function ToolSelector(props, ref) {
   const mode = (0,external_wp_data_namespaceObject.useSelect)(select => select(store).__unstableGetEditorMode(), []);
   const {
     __unstableSetEditorMode
-  } = (0,external_wp_data_namespaceObject.useDispatch)(store);
+  } = unlock((0,external_wp_data_namespaceObject.useDispatch)(store));
   return /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_components_namespaceObject.Dropdown, {
     renderToggle: ({
       isOpen,

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

@@ -52557,9 +52557,9 @@ function SearchEdit({
             max: utils_isPercentageUnit(widthUnit) ? 100 : undefined,
             step: 1,
             onChange: newWidth => {
-              const filteredWidth = widthUnit === '%' && parseInt(newWidth, 10) > 100 ? 100 : newWidth;
+              const parsedNewWidth = newWidth === '' ? undefined : parseInt(newWidth, 10);
               setAttributes({
-                width: parseInt(filteredWidth, 10)
+                width: parsedNewWidth
               });
             },
             onUnitChange: newUnit => {
@@ -52657,7 +52657,8 @@ function SearchEdit({
       style: typographyProps.style
     }), /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsxs)(external_wp_components_namespaceObject.ResizableBox, {
       size: {
-        width: `${width}${widthUnit}`
+        width: width === undefined ? 'auto' : `${width}${widthUnit}`,
+        height: 'auto'
       },
       className: dist_clsx('wp-block-search__inside-wrapper', isButtonPositionInside ? borderProps.className : undefined),
       style: getWrapperStyles(),

wp-includes/js/dist/components.js

@@ -15699,8 +15699,6 @@ const COLORS = Object.freeze({
 
 const CONTROL_HEIGHT = '36px';
 const CONTROL_PROPS = {
-  controlSurfaceColor: COLORS.white,
-  controlTextActiveColor: COLORS.theme.accent,
   // These values should be shared with TextControl.
   controlPaddingX: 12,
   controlPaddingXSmall: 8,
@@ -15708,26 +15706,17 @@ const CONTROL_PROPS = {
   // TODO: Deprecate
 
   controlBackgroundColor: COLORS.white,
-  controlBoxShadow: 'transparent',
   controlBoxShadowFocus: `0 0 0 0.5px ${COLORS.theme.accent}`,
-  controlDestructiveBorderColor: COLORS.alert.red,
   controlHeight: CONTROL_HEIGHT,
   controlHeightXSmall: `calc( ${CONTROL_HEIGHT} * 0.6 )`,
   controlHeightSmall: `calc( ${CONTROL_HEIGHT} * 0.8 )`,
   controlHeightLarge: `calc( ${CONTROL_HEIGHT} * 1.2 )`,
   controlHeightXLarge: `calc( ${CONTROL_HEIGHT} * 1.4 )`
 };
-const TOGGLE_GROUP_CONTROL_PROPS = {
-  toggleGroupControlBackgroundColor: CONTROL_PROPS.controlBackgroundColor,
-  toggleGroupControlBorderColor: COLORS.ui.border,
-  toggleGroupControlBackdropBackgroundColor: CONTROL_PROPS.controlSurfaceColor,
-  toggleGroupControlBackdropBorderColor: COLORS.ui.border,
-  toggleGroupControlButtonColorActive: CONTROL_PROPS.controlBackgroundColor
-};
 
 // Using Object.assign to avoid creating circular references when emitting
 // TypeScript type declarations.
-/* harmony default export */ const config_values = (Object.assign({}, CONTROL_PROPS, TOGGLE_GROUP_CONTROL_PROPS, {
+/* harmony default export */ const config_values = (Object.assign({}, CONTROL_PROPS, {
   colorDivider: 'rgba(0, 0, 0, 0.1)',
   colorScrollbarThumb: 'rgba(0, 0, 0, 0.2)',
   colorScrollbarThumbHover: 'rgba(0, 0, 0, 0.5)',
@@ -36164,7 +36153,7 @@ const buttonView = ({
   isIcon,
   isPressed,
   size
-}) => /*#__PURE__*/emotion_react_browser_esm_css("align-items:center;appearance:none;background:transparent;border:none;border-radius:", config_values.radiusXSmall, ";color:", COLORS.gray[700], ";fill:currentColor;cursor:pointer;display:flex;font-family:inherit;height:100%;justify-content:center;line-height:100%;outline:none;padding:0 12px;position:relative;text-align:center;@media not ( prefers-reduced-motion ){transition:background ", config_values.transitionDurationFast, " linear,color ", config_values.transitionDurationFast, " linear,font-weight 60ms linear;}user-select:none;width:100%;z-index:2;&::-moz-focus-inner{border:0;}&[disabled]{opacity:0.4;cursor:default;}&:active{background:", config_values.toggleGroupControlBackgroundColor, ";}", isDeselectable && deselectable, " ", isIcon && isIconStyles({
+}) => /*#__PURE__*/emotion_react_browser_esm_css("align-items:center;appearance:none;background:transparent;border:none;border-radius:", config_values.radiusXSmall, ";color:", COLORS.gray[700], ";fill:currentColor;cursor:pointer;display:flex;font-family:inherit;height:100%;justify-content:center;line-height:100%;outline:none;padding:0 12px;position:relative;text-align:center;@media not ( prefers-reduced-motion ){transition:background ", config_values.transitionDurationFast, " linear,color ", config_values.transitionDurationFast, " linear,font-weight 60ms linear;}user-select:none;width:100%;z-index:2;&::-moz-focus-inner{border:0;}&[disabled]{opacity:0.4;cursor:default;}&:active{background:", config_values.controlBackgroundColor, ";}", isDeselectable && deselectable, " ", isIcon && isIconStyles({
   size
 }), " ", isPressed && pressed, ";" + ( true ? "" : 0),  true ? "" : 0);
 const pressed = /*#__PURE__*/emotion_react_browser_esm_css("color:", COLORS.white, ";&:active{background:transparent;}" + ( true ? "" : 0),  true ? "" : 0);

wp-includes/js/dist/compose.js

@@ -2312,7 +2312,7 @@ __webpack_require__.d(__webpack_exports__, {
   usePrevious: () => (/* reexport */ usePrevious),
   useReducedMotion: () => (/* reexport */ use_reduced_motion),
   useRefEffect: () => (/* reexport */ useRefEffect),
-  useResizeObserver: () => (/* reexport */ useResizeObserver),
+  useResizeObserver: () => (/* reexport */ use_resize_observer_useResizeObserver),
   useStateWithHistory: () => (/* reexport */ useStateWithHistory),
   useThrottle: () => (/* reexport */ useThrottle),
   useViewportMatch: () => (/* reexport */ use_viewport_match),
@@ -5026,7 +5026,51 @@ const useViewportMatch = (breakpoint, operator = '>=') => {
 useViewportMatch.__experimentalWidthProvider = ViewportMatchWidthContext.Provider;
 /* harmony default export */ const use_viewport_match = (useViewportMatch);
 
-;// CONCATENATED MODULE: ./node_modules/@wordpress/compose/build-module/hooks/use-resize-observer/_legacy/index.js
+;// CONCATENATED MODULE: ./node_modules/@wordpress/compose/build-module/hooks/use-resize-observer/use-resize-observer.js
+/**
+ * WordPress dependencies
+ */
+
+/**
+ * Internal dependencies
+ */
+
+
+// This is the current implementation of `useResizeObserver`.
+//
+// The legacy implementation is still supported for backwards compatibility.
+// This is achieved by overloading the exported function with both signatures,
+// and detecting which API is being used at runtime.
+function useResizeObserver(callback, resizeObserverOptions = {}) {
+  const callbackEvent = useEvent(callback);
+  const observedElementRef = (0,external_wp_element_namespaceObject.useRef)();
+  const resizeObserverRef = (0,external_wp_element_namespaceObject.useRef)();
+  return useEvent(element => {
+    var _resizeObserverRef$cu;
+    if (element === observedElementRef.current) {
+      return;
+    }
+
+    // Set up `ResizeObserver`.
+    (_resizeObserverRef$cu = resizeObserverRef.current) !== null && _resizeObserverRef$cu !== void 0 ? _resizeObserverRef$cu : resizeObserverRef.current = new ResizeObserver(callbackEvent);
+    const {
+      current: resizeObserver
+    } = resizeObserverRef;
+
+    // Unobserve previous element.
+    if (observedElementRef.current) {
+      resizeObserver.unobserve(observedElementRef.current);
+    }
+
+    // Observe new element.
+    observedElementRef.current = element;
+    if (element) {
+      resizeObserver.observe(element, resizeObserverOptions);
+    }
+  });
+}
+
+;// CONCATENATED MODULE: ./node_modules/@wordpress/compose/build-module/hooks/use-resize-observer/legacy/index.js
 /**
  * External dependencies
  */
@@ -5158,10 +5202,6 @@ function useLegacyResizeObserver() {
 }
 
 ;// CONCATENATED MODULE: ./node_modules/@wordpress/compose/build-module/hooks/use-resize-observer/index.js
-/**
- * WordPress dependencies
- */
-
 /**
  * Internal dependencies
  */
@@ -5171,40 +5211,6 @@ function useLegacyResizeObserver() {
  * External dependencies
  */
 
-// This is the current implementation of `useResizeObserver`.
-//
-// The legacy implementation is still supported for backwards compatibility.
-// This is achieved by overloading the exported function with both signatures,
-// and detecting which API is being used at runtime.
-function _useResizeObserver(callback, resizeObserverOptions = {}) {
-  const callbackEvent = useEvent(callback);
-  const observedElementRef = (0,external_wp_element_namespaceObject.useRef)();
-  const resizeObserverRef = (0,external_wp_element_namespaceObject.useRef)();
-  return useEvent(element => {
-    var _resizeObserverRef$cu;
-    if (element === observedElementRef.current) {
-      return;
-    }
-    observedElementRef.current = element;
-
-    // Set up `ResizeObserver`.
-    (_resizeObserverRef$cu = resizeObserverRef.current) !== null && _resizeObserverRef$cu !== void 0 ? _resizeObserverRef$cu : resizeObserverRef.current = new ResizeObserver(callbackEvent);
-    const {
-      current: resizeObserver
-    } = resizeObserverRef;
-
-    // Unobserve previous element.
-    if (observedElementRef.current) {
-      resizeObserver.unobserve(observedElementRef.current);
-    }
-
-    // Observe new element.
-    if (element) {
-      resizeObserver.observe(element, resizeObserverOptions);
-    }
-  });
-}
-
 /**
  * Sets up a [`ResizeObserver`](https://developer.mozilla.org/en-US/docs/Web/API/Resize_Observer_API)
  * for an HTML or SVG element.
@@ -5255,8 +5261,8 @@ function _useResizeObserver(callback, resizeObserverOptions = {}) {
  * ```
  */
 
-function useResizeObserver(callback, options = {}) {
+function use_resize_observer_useResizeObserver(callback, options = {}) {
-  return callback ? _useResizeObserver(callback, options) : useLegacyResizeObserver();
+  return callback ? useResizeObserver(callback, options) : useLegacyResizeObserver();
 }
 
 ;// CONCATENATED MODULE: external ["wp","priorityQueue"]

wp-includes/js/dist/core-commands.js

@@ -65,6 +65,30 @@ const plus = /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(exter
 });
 /* harmony default export */ const library_plus = (plus);
 
+;// CONCATENATED MODULE: external ["wp","url"]
+const external_wp_url_namespaceObject = window["wp"]["url"];
+;// CONCATENATED MODULE: external ["wp","coreData"]
+const external_wp_coreData_namespaceObject = window["wp"]["coreData"];
+;// CONCATENATED MODULE: external ["wp","data"]
+const external_wp_data_namespaceObject = window["wp"]["data"];
+;// CONCATENATED MODULE: external ["wp","element"]
+const external_wp_element_namespaceObject = window["wp"]["element"];
+;// CONCATENATED MODULE: external ["wp","notices"]
+const external_wp_notices_namespaceObject = window["wp"]["notices"];
+;// CONCATENATED MODULE: external ["wp","router"]
+const external_wp_router_namespaceObject = window["wp"]["router"];
+;// CONCATENATED MODULE: external ["wp","privateApis"]
+const external_wp_privateApis_namespaceObject = window["wp"]["privateApis"];
+;// CONCATENATED MODULE: ./node_modules/@wordpress/core-commands/build-module/lock-unlock.js
+/**
+ * WordPress dependencies
+ */
+
+const {
+  lock,
+  unlock
+} = (0,external_wp_privateApis_namespaceObject.__dangerousOptInToUnstableAPIsOnlyForCoreModules)('I acknowledge private features are not for use in themes or plugins and doing so will break in the next version of WordPress.', '@wordpress/core-commands');
+
 ;// CONCATENATED MODULE: ./node_modules/@wordpress/core-commands/build-module/admin-navigation-commands.js
 /**
  * WordPress dependencies
@@ -72,6 +96,71 @@ const plus = /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(exter
 
 
 
+
+
+
+
+
+
+
+/**
+ * Internal dependencies
+ */
+
+const {
+  useHistory
+} = unlock(external_wp_router_namespaceObject.privateApis);
+function useAddNewPageCommand() {
+  const isSiteEditor = (0,external_wp_url_namespaceObject.getPath)(window.location.href)?.includes('site-editor.php');
+  const history = useHistory();
+  const isBlockBasedTheme = (0,external_wp_data_namespaceObject.useSelect)(select => {
+    return select(external_wp_coreData_namespaceObject.store).getCurrentTheme()?.is_block_theme;
+  }, []);
+  const {
+    saveEntityRecord
+  } = (0,external_wp_data_namespaceObject.useDispatch)(external_wp_coreData_namespaceObject.store);
+  const {
+    createErrorNotice
+  } = (0,external_wp_data_namespaceObject.useDispatch)(external_wp_notices_namespaceObject.store);
+  const createPageEntity = (0,external_wp_element_namespaceObject.useCallback)(async ({
+    close
+  }) => {
+    try {
+      const page = await saveEntityRecord('postType', 'page', {
+        status: 'draft'
+      }, {
+        throwOnError: true
+      });
+      if (page?.id) {
+        history.push({
+          postId: page.id,
+          postType: 'page',
+          canvas: 'edit'
+        });
+      }
+    } catch (error) {
+      const errorMessage = error.message && error.code !== 'unknown_error' ? error.message : (0,external_wp_i18n_namespaceObject.__)('An error occurred while creating the item.');
+      createErrorNotice(errorMessage, {
+        type: 'snackbar'
+      });
+    } finally {
+      close();
+    }
+  }, [createErrorNotice, history, saveEntityRecord]);
+  const commands = (0,external_wp_element_namespaceObject.useMemo)(() => {
+    const addNewPage = isSiteEditor && isBlockBasedTheme ? createPageEntity : () => document.location.href = 'post-new.php?post_type=page';
+    return [{
+      name: 'core/add-new-page',
+      label: (0,external_wp_i18n_namespaceObject.__)('Add new page'),
+      icon: library_plus,
+      callback: addNewPage
+    }];
+  }, [createPageEntity, isSiteEditor, isBlockBasedTheme]);
+  return {
+    isLoading: false,
+    commands
+  };
+}
 function useAdminNavigationCommands() {
   (0,external_wp_commands_namespaceObject.useCommand)({
     name: 'core/add-new-post',
@@ -81,22 +170,12 @@ function useAdminNavigationCommands() {
       document.location.href = 'post-new.php';
     }
   });
-  (0,external_wp_commands_namespaceObject.useCommand)({
+  (0,external_wp_commands_namespaceObject.useCommandLoader)({
     name: 'core/add-new-page',
-    label: (0,external_wp_i18n_namespaceObject.__)('Add new page'),
+    hook: useAddNewPageCommand
-    icon: library_plus,
-    callback: () => {
-      document.location.href = 'post-new.php?post_type=page';
-    }
   });
 }
 
-;// CONCATENATED MODULE: external ["wp","element"]
-const external_wp_element_namespaceObject = window["wp"]["element"];
-;// CONCATENATED MODULE: external ["wp","data"]
-const external_wp_data_namespaceObject = window["wp"]["data"];
-;// CONCATENATED MODULE: external ["wp","coreData"]
-const external_wp_coreData_namespaceObject = window["wp"]["coreData"];
 ;// CONCATENATED MODULE: ./node_modules/@wordpress/icons/build-module/library/post.js
 /**
  * WordPress dependencies
@@ -207,26 +286,10 @@ const symbol = /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(ext
 });
 /* harmony default export */ const library_symbol = (symbol);
 
-;// CONCATENATED MODULE: external ["wp","router"]
-const external_wp_router_namespaceObject = window["wp"]["router"];
-;// CONCATENATED MODULE: external ["wp","url"]
-const external_wp_url_namespaceObject = window["wp"]["url"];
 ;// CONCATENATED MODULE: external ["wp","compose"]
 const external_wp_compose_namespaceObject = window["wp"]["compose"];
 ;// CONCATENATED MODULE: external ["wp","htmlEntities"]
 const external_wp_htmlEntities_namespaceObject = window["wp"]["htmlEntities"];
-;// CONCATENATED MODULE: external ["wp","privateApis"]
-const external_wp_privateApis_namespaceObject = window["wp"]["privateApis"];
-;// CONCATENATED MODULE: ./node_modules/@wordpress/core-commands/build-module/lock-unlock.js
-/**
- * WordPress dependencies
- */
-
-const {
-  lock,
-  unlock
-} = (0,external_wp_privateApis_namespaceObject.__dangerousOptInToUnstableAPIsOnlyForCoreModules)('I acknowledge private features are not for use in themes or plugins and doing so will break in the next version of WordPress.', '@wordpress/core-commands');
-
 ;// CONCATENATED MODULE: ./node_modules/@wordpress/core-commands/build-module/utils/order-entity-records-by-search.js
 function orderEntityRecordsBySearch(records = [], search = '') {
   if (!Array.isArray(records) || !records.length) {
@@ -269,7 +332,7 @@ function orderEntityRecordsBySearch(records = [], search = '') {
 
 
 const {
-  useHistory
+  useHistory: site_editor_navigation_commands_useHistory
 } = unlock(external_wp_router_namespaceObject.privateApis);
 const icons = {
   post: library_post,
@@ -289,7 +352,7 @@ function useDebouncedValue(value) {
 const getNavigationCommandLoaderPerPostType = postType => function useNavigationCommandLoader({
   search
 }) {
-  const history = useHistory();
+  const history = site_editor_navigation_commands_useHistory();
   const {
     isBlockBasedTheme,
     canCreateTemplate
@@ -377,7 +440,7 @@ const getNavigationCommandLoaderPerPostType = postType => function useNavigation
 const getNavigationCommandLoaderPerTemplate = templateType => function useNavigationCommandLoader({
   search
 }) {
-  const history = useHistory();
+  const history = site_editor_navigation_commands_useHistory();
   const {
     isBlockBasedTheme,
     canCreateTemplate
@@ -478,7 +541,7 @@ const usePostNavigationCommandLoader = getNavigationCommandLoaderPerPostType('po
 const useTemplateNavigationCommandLoader = getNavigationCommandLoaderPerTemplate('wp_template');
 const useTemplatePartNavigationCommandLoader = getNavigationCommandLoaderPerTemplate('wp_template_part');
 function useSiteEditorBasicNavigationCommands() {
-  const history = useHistory();
+  const history = site_editor_navigation_commands_useHistory();
   const isSiteEditor = (0,external_wp_url_namespaceObject.getPath)(window.location.href)?.includes('site-editor.php');
   const {
     isBlockBasedTheme,

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

@@ -7721,10 +7721,8 @@ function CopyButton({
   children
 }) {
   const ref = (0,external_wp_compose_namespaceObject.useCopyToClipboard)(text);
-  return /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_components_namespaceObject.Button
+  return /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_components_namespaceObject.Button, {
-  // TODO: Switch to `true` (40px size) if possible
+    __next40pxDefaultSize: true,
-  , {
-    __next40pxDefaultSize: false,
     variant: "secondary",
     ref: ref,
     children: children
@@ -22317,10 +22315,8 @@ function EditorCanvasContainer({
           ref: shouldShowCloseButton ? focusOnMountRef : null,
           onKeyDown: closeOnEscape,
           "aria-label": title,
-          children: [shouldShowCloseButton && /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_components_namespaceObject.Button
+          children: [shouldShowCloseButton && /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_components_namespaceObject.Button, {
-          // TODO: Switch to `true` (40px size) if possible
+            __next40pxDefaultSize: true,
-          , {
-            __next40pxDefaultSize: false,
             className: "edit-site-editor-canvas-container__close-button",
             icon: close_small,
             label: closeButtonLabel || (0,external_wp_i18n_namespaceObject.__)('Close'),
@@ -24493,10 +24489,8 @@ function EditSiteEditor({
           initial: "edit",
           whileHover: "hover",
           whileTap: "tap",
-          children: [/*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_components_namespaceObject.Button
+          children: [/*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_components_namespaceObject.Button, {
-          // TODO: Switch to `true` (40px size) if possible
+            __next40pxDefaultSize: true,
-          , {
-            __next40pxDefaultSize: false,
             label: (0,external_wp_i18n_namespaceObject.__)('Open Navigation'),
             showTooltip: true,
             tooltipPosition: "middle right",
@@ -37189,10 +37183,8 @@ function SuggestionListItem({
 }) {
   const baseCssClass = 'edit-site-custom-template-modal__suggestions_list__list-item';
   return /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsxs)(external_wp_components_namespaceObject.Composite.Item, {
-    render: /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_components_namespaceObject.Button
+    render: /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_components_namespaceObject.Button, {
-    // TODO: Switch to `true` (40px size) if possible
+      __next40pxDefaultSize: true,
-    , {
-      __next40pxDefaultSize: false,
       role: "option",
       className: baseCssClass,
       onClick: () => onSelect(entityForSuggestions.config.getSpecificTemplate(suggestion))
@@ -37976,10 +37968,8 @@ function TemplateListItem({
   onClick,
   children
 }) {
-  return /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_components_namespaceObject.Button
+  return /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_components_namespaceObject.Button, {
-  // TODO: Switch to `true` (40px size) if possible
+    __next40pxDefaultSize: true,
-  , {
-    __next40pxDefaultSize: false,
     className: className,
     onClick: onClick,
     label: description,

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

@@ -822,6 +822,7 @@ function ComplementaryAreaToggle({
   icon,
   selectedIcon,
   name,
+  shortcut,
   ...props
 }) {
   const ComponentToUse = as;
@@ -840,6 +841,7 @@ function ComplementaryAreaToggle({
         enableComplementaryArea(scope, identifier);
       }
     },
+    shortcut: shortcut,
     ...props
   });
 }
@@ -1269,7 +1271,8 @@ function ComplementaryArea({
         icon: showIconLabels ? library_check : icon,
         showTooltip: !showIconLabels,
         variant: showIconLabels ? 'tertiary' : undefined,
-        size: "compact"
+        size: "compact",
+        shortcut: toggleShortcut
       })
     }), name && isPinnable && /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(ComplementaryAreaMoreMenuItem, {
       target: name,

wp-includes/js/dist/editor.js

@@ -9284,6 +9284,7 @@ function ComplementaryAreaToggle({
   icon,
   selectedIcon,
   name,
+  shortcut,
   ...props
 }) {
   const ComponentToUse = as;
@@ -9302,6 +9303,7 @@ function ComplementaryAreaToggle({
         enableComplementaryArea(scope, identifier);
       }
     },
+    shortcut: shortcut,
     ...props
   });
 }
@@ -9731,7 +9733,8 @@ function ComplementaryArea({
         icon: showIconLabels ? library_check : icon,
         showTooltip: !showIconLabels,
         variant: showIconLabels ? 'tertiary' : undefined,
-        size: "compact"
+        size: "compact",
+        shortcut: toggleShortcut
       })
     }), name && isPinnable && /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(ComplementaryAreaMoreMenuItem, {
       target: name,
@@ -13510,7 +13513,6 @@ PluginPrePublishPanel.Slot = plugin_pre_publish_panel_Slot;
 
 
 
-
 /**
  * Internal dependencies
  */
@@ -13587,12 +13589,10 @@ function PluginSidebar({
   ...props
 }) {
   const {
-    postTitle,
+    postTitle
-    shortcut
   } = (0,external_wp_data_namespaceObject.useSelect)(select => {
     return {
-      postTitle: select(store_store).getEditedPostAttribute('title'),
+      postTitle: select(store_store).getEditedPostAttribute('title')
-      shortcut: select(external_wp_keyboardShortcuts_namespaceObject.store).getShortcutRepresentation('core/editor/toggle-sidebar')
     };
   }, []);
   return /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(complementary_area, {
@@ -13600,7 +13600,6 @@ function PluginSidebar({
     className: "editor-sidebar",
     smallScreenTitle: postTitle || (0,external_wp_i18n_namespaceObject.__)('(no title)'),
     scope: "core",
-    toggleShortcut: shortcut,
     ...props
   });
 }
@@ -25992,6 +25991,7 @@ const tablet = /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(ext
 
 
 
+
 function PreviewDropdown({
   forceIsAutosaveable,
   disabled
@@ -26027,6 +26027,13 @@ function PreviewDropdown({
   const {
     setDeviceType
   } = (0,external_wp_data_namespaceObject.useDispatch)(store_store);
+  const {
+    __unstableSetEditorMode
+  } = (0,external_wp_data_namespaceObject.useDispatch)(external_wp_blockEditor_namespaceObject.store);
+  const handleDevicePreviewChange = newDeviceType => {
+    setDeviceType(newDeviceType);
+    __unstableSetEditorMode('edit');
+  };
   const isMobile = (0,external_wp_compose_namespaceObject.useViewportMatch)('medium', '<');
   if (isMobile) {
     return null;
@@ -26084,7 +26091,7 @@ function PreviewDropdown({
         children: /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_components_namespaceObject.MenuItemsChoice, {
           choices: choices,
           value: deviceType,
-          onSelect: setDeviceType
+          onSelect: handleDevicePreviewChange
         })
       }), isTemplate && /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_components_namespaceObject.MenuGroup, {
         children: /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsxs)(external_wp_components_namespaceObject.MenuItem, {
@@ -26152,23 +26159,35 @@ const square = /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(ext
 
 
 
+/**
+ * Internal dependencies
+ */
+
+
 const ZoomOutToggle = () => {
   const {
-    isZoomOutMode
+    isZoomOut
   } = (0,external_wp_data_namespaceObject.useSelect)(select => ({
-    isZoomOutMode: select(external_wp_blockEditor_namespaceObject.store).__unstableGetEditorMode() === 'zoom-out'
+    isZoomOut: unlock(select(external_wp_blockEditor_namespaceObject.store)).isZoomOut()
   }));
   const {
+    resetZoomLevel,
+    setZoomLevel,
     __unstableSetEditorMode
-  } = (0,external_wp_data_namespaceObject.useDispatch)(external_wp_blockEditor_namespaceObject.store);
+  } = unlock((0,external_wp_data_namespaceObject.useDispatch)(external_wp_blockEditor_namespaceObject.store));
   const handleZoomOut = () => {
-    __unstableSetEditorMode(isZoomOutMode ? 'edit' : 'zoom-out');
+    if (isZoomOut) {
+      resetZoomLevel();
+    } else {
+      setZoomLevel(50);
+    }
+    __unstableSetEditorMode(isZoomOut ? 'edit' : 'zoom-out');
   };
   return /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_components_namespaceObject.Button, {
     onClick: handleZoomOut,
     icon: library_square,
     label: (0,external_wp_i18n_namespaceObject.__)('Toggle Zoom Out'),
-    isPressed: isZoomOutMode,
+    isPressed: isZoomOut,
     size: "compact"
   });
 };
@@ -27257,18 +27276,18 @@ function VisualEditor({
     hasRootPaddingAwareAlignments,
     themeHasDisabledLayoutStyles,
     themeSupportsLayout,
-    isZoomOutMode
+    isZoomedOut
   } = (0,external_wp_data_namespaceObject.useSelect)(select => {
     const {
       getSettings,
-      __unstableGetEditorMode
+      isZoomOut: _isZoomOut
-    } = select(external_wp_blockEditor_namespaceObject.store);
+    } = unlock(select(external_wp_blockEditor_namespaceObject.store));
     const _settings = getSettings();
     return {
       themeHasDisabledLayoutStyles: _settings.disableLayoutStyles,
       themeSupportsLayout: _settings.supportsLayout,
       hasRootPaddingAwareAlignments: _settings.__experimentalFeatures?.useRootPaddingAwareAlignments,
-      isZoomOutMode: __unstableGetEditorMode() === 'zoom-out'
+      isZoomedOut: _isZoomOut()
     };
   }, []);
   const deviceStyles = (0,external_wp_blockEditor_namespaceObject.__experimentalUseResizeCanvas)(deviceType);
@@ -27369,7 +27388,7 @@ function VisualEditor({
   }), useSelectNearestEditableBlock({
     isEnabled: renderingMode === 'template-locked'
   })]);
-  const zoomOutProps = isZoomOutMode && !isTabletViewport ? {
+  const zoomOutProps = isZoomedOut && !isTabletViewport ? {
     scale: 'default',
     frameSize: '48px'
   } : {};
@@ -27380,7 +27399,7 @@ function VisualEditor({
   // Disable resizing in mobile viewport.
   !isMobileViewport &&
   // Dsiable resizing in zoomed-out mode.
-  !isZoomOutMode;
+  !isZoomedOut;
   const shouldIframe = !disableIframe || ['Tablet', 'Mobile'].includes(deviceType);
   const iframeStyles = (0,external_wp_element_namespaceObject.useMemo)(() => {
     return [...(styles !== null && styles !== void 0 ? styles : []), {
@@ -27505,6 +27524,7 @@ function VisualEditor({
 
 
 
+
 const interfaceLabels = {
   /* translators: accessibility text for the editor top bar landmark region. */
   header: (0,external_wp_i18n_namespaceObject.__)('Editor top bar'),
@@ -27543,7 +27563,7 @@ function EditorInterface({
     nextShortcut,
     showBlockBreadcrumbs,
     documentLabel,
-    blockEditorMode
+    isZoomOut
   } = (0,external_wp_data_namespaceObject.useSelect)(select => {
     const {
       get
@@ -27554,6 +27574,9 @@ function EditorInterface({
     } = select(store_store);
     const editorSettings = getEditorSettings();
     const postTypeLabel = getPostTypeLabel();
+    const {
+      isZoomOut: _isZoomOut
+    } = unlock(select(external_wp_blockEditor_namespaceObject.store));
     return {
       mode: select(store_store).getEditorMode(),
       isRichEditingEnabled: editorSettings.richEditingEnabled,
@@ -27566,7 +27589,7 @@ function EditorInterface({
       showBlockBreadcrumbs: get('core', 'showBlockBreadcrumbs'),
       // translators: Default label for the Document in the Block Breadcrumb.
       documentLabel: postTypeLabel || (0,external_wp_i18n_namespaceObject._x)('Document', 'noun'),
-      blockEditorMode: select(external_wp_blockEditor_namespaceObject.store).__unstableGetEditorMode()
+      isZoomOut: _isZoomOut()
     };
   }, []);
   const isLargeViewport = (0,external_wp_compose_namespaceObject.useViewportMatch)('medium');
@@ -27628,7 +27651,7 @@ function EditorInterface({
         })
       })]
     }),
-    footer: !isPreviewMode && !isDistractionFree && isLargeViewport && showBlockBreadcrumbs && isRichEditingEnabled && blockEditorMode !== 'zoom-out' && mode === 'visual' && /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_blockEditor_namespaceObject.BlockBreadcrumb, {
+    footer: !isPreviewMode && !isDistractionFree && isLargeViewport && showBlockBreadcrumbs && isRichEditingEnabled && !isZoomOut && mode === 'visual' && /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_blockEditor_namespaceObject.BlockBreadcrumb, {
       rootLabelText: documentLabel
     }),
     actions: !isPreviewMode ? customSavePanel || /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(SavePublishPanels, {

wp-includes/version.php

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