@wordpress/block-editor 15.23.0 → 16.0.1-next.v.202607070741.0

package/build-style/content-rtl.css

@@ -67,6 +67,12 @@
 /**
  * Focus styles.
  */
+/**
+ * Standard focus rings for the WordPress Design System.
+ *
+ * Apply `outset-ring__focus` inside the relevant pseudo-class at the call site,
+ * e.g. `&:focus { @include outset-ring__focus(); }`.
+ */
 /**
  * Applies editor left position to the selector passed as argument
  */
@@ -819,7 +825,7 @@ _::-webkit-full-page-media, _:future, :root [data-has-multi-selection=true] .blo
   position: fixed;
   right: 0;
   left: 0;
-  top: calc(-1 * var(--wp-block-editor-iframe-zoom-out-scroll-top, 0));
+  top: calc(-1 * var(--wp-block-editor-iframe-zoom-out-scroll-top, 0px));
   bottom: 0;
   overflow-y: var(--wp-block-editor-iframe-zoom-out-overflow-behavior, scroll);
 }
@@ -827,12 +833,12 @@ _::-webkit-full-page-media, _:future, :root [data-has-multi-selection=true] .blo
   transform: translateX(calc(-1*((var(--wp-block-editor-iframe-zoom-out-scale-container-width) - var(--wp-block-editor-iframe-zoom-out-container-width, 100vw)) / 2 / var(--wp-block-editor-iframe-zoom-out-scale, 1))));
   scale: var(--wp-block-editor-iframe-zoom-out-scale, 1);
   background-color: var(--wp-editor-canvas-background);
-  margin-bottom: calc(-1 * calc(calc(var(--wp-block-editor-iframe-zoom-out-content-height) * (1 - var(--wp-block-editor-iframe-zoom-out-scale, 1))) + calc(2 * var(--wp-block-editor-iframe-zoom-out-frame-size, 0) / var(--wp-block-editor-iframe-zoom-out-scale, 1)) + 2px));
-  padding-top: calc(var(--wp-block-editor-iframe-zoom-out-frame-size, 0) / var(--wp-block-editor-iframe-zoom-out-scale, 1));
-  padding-bottom: calc(var(--wp-block-editor-iframe-zoom-out-frame-size, 0) / var(--wp-block-editor-iframe-zoom-out-scale, 1));
+  margin-bottom: calc(-1 * calc(calc(var(--wp-block-editor-iframe-zoom-out-content-height) * (1 - var(--wp-block-editor-iframe-zoom-out-scale, 1))) + calc(2 * var(--wp-block-editor-iframe-zoom-out-frame-size, 0px) / var(--wp-block-editor-iframe-zoom-out-scale, 1)) + 2px));
+  padding-top: calc(var(--wp-block-editor-iframe-zoom-out-frame-size, 0px) / var(--wp-block-editor-iframe-zoom-out-scale, 1));
+  padding-bottom: calc(var(--wp-block-editor-iframe-zoom-out-frame-size, 0px) / var(--wp-block-editor-iframe-zoom-out-scale, 1));
 }
 .block-editor-iframe__html.is-zoomed-out body {
-  min-height: calc((var(--wp-block-editor-iframe-zoom-out-inner-height) - calc(2 * var(--wp-block-editor-iframe-zoom-out-frame-size, 0) / var(--wp-block-editor-iframe-zoom-out-scale, 1))) / var(--wp-block-editor-iframe-zoom-out-scale, 1));
+  min-height: calc((var(--wp-block-editor-iframe-zoom-out-inner-height) - calc(2 * var(--wp-block-editor-iframe-zoom-out-frame-size, 0px) / var(--wp-block-editor-iframe-zoom-out-scale, 1))) / var(--wp-block-editor-iframe-zoom-out-scale, 1));
 }
 .block-editor-iframe__html.is-zoomed-out body > .is-root-container:not(.wp-block-post-content) {
   flex: 1;

package/build-style/content.css

@@ -67,6 +67,12 @@
 /**
  * Focus styles.
  */
+/**
+ * Standard focus rings for the WordPress Design System.
+ *
+ * Apply `outset-ring__focus` inside the relevant pseudo-class at the call site,
+ * e.g. `&:focus { @include outset-ring__focus(); }`.
+ */
 /**
  * Applies editor left position to the selector passed as argument
  */
@@ -820,7 +826,7 @@ _::-webkit-full-page-media, _:future, :root [data-has-multi-selection=true] .blo
   position: fixed;
   left: 0;
   right: 0;
-  top: calc(-1 * var(--wp-block-editor-iframe-zoom-out-scroll-top, 0));
+  top: calc(-1 * var(--wp-block-editor-iframe-zoom-out-scroll-top, 0px));
   bottom: 0;
   overflow-y: var(--wp-block-editor-iframe-zoom-out-overflow-behavior, scroll);
 }
@@ -828,12 +834,12 @@ _::-webkit-full-page-media, _:future, :root [data-has-multi-selection=true] .blo
   transform: translateX(calc((var(--wp-block-editor-iframe-zoom-out-scale-container-width) - var(--wp-block-editor-iframe-zoom-out-container-width, 100vw)) / 2 / var(--wp-block-editor-iframe-zoom-out-scale, 1)));
   scale: var(--wp-block-editor-iframe-zoom-out-scale, 1);
   background-color: var(--wp-editor-canvas-background);
-  margin-bottom: calc(-1 * calc(calc(var(--wp-block-editor-iframe-zoom-out-content-height) * (1 - var(--wp-block-editor-iframe-zoom-out-scale, 1))) + calc(2 * var(--wp-block-editor-iframe-zoom-out-frame-size, 0) / var(--wp-block-editor-iframe-zoom-out-scale, 1)) + 2px));
-  padding-top: calc(var(--wp-block-editor-iframe-zoom-out-frame-size, 0) / var(--wp-block-editor-iframe-zoom-out-scale, 1));
-  padding-bottom: calc(var(--wp-block-editor-iframe-zoom-out-frame-size, 0) / var(--wp-block-editor-iframe-zoom-out-scale, 1));
+  margin-bottom: calc(-1 * calc(calc(var(--wp-block-editor-iframe-zoom-out-content-height) * (1 - var(--wp-block-editor-iframe-zoom-out-scale, 1))) + calc(2 * var(--wp-block-editor-iframe-zoom-out-frame-size, 0px) / var(--wp-block-editor-iframe-zoom-out-scale, 1)) + 2px));
+  padding-top: calc(var(--wp-block-editor-iframe-zoom-out-frame-size, 0px) / var(--wp-block-editor-iframe-zoom-out-scale, 1));
+  padding-bottom: calc(var(--wp-block-editor-iframe-zoom-out-frame-size, 0px) / var(--wp-block-editor-iframe-zoom-out-scale, 1));
 }
 .block-editor-iframe__html.is-zoomed-out body {
-  min-height: calc((var(--wp-block-editor-iframe-zoom-out-inner-height) - calc(2 * var(--wp-block-editor-iframe-zoom-out-frame-size, 0) / var(--wp-block-editor-iframe-zoom-out-scale, 1))) / var(--wp-block-editor-iframe-zoom-out-scale, 1));
+  min-height: calc((var(--wp-block-editor-iframe-zoom-out-inner-height) - calc(2 * var(--wp-block-editor-iframe-zoom-out-frame-size, 0px) / var(--wp-block-editor-iframe-zoom-out-scale, 1))) / var(--wp-block-editor-iframe-zoom-out-scale, 1));
 }
 .block-editor-iframe__html.is-zoomed-out body > .is-root-container:not(.wp-block-post-content) {
   flex: 1;

package/build-style/style-rtl.css

@@ -67,6 +67,12 @@
 /**
  * Focus styles.
  */
+/**
+ * Standard focus rings for the WordPress Design System.
+ *
+ * Apply `outset-ring__focus` inside the relevant pseudo-class at the call site,
+ * e.g. `&:focus { @include outset-ring__focus(); }`.
+ */
 /**
  * Applies editor left position to the selector passed as argument
  */
@@ -1520,7 +1526,7 @@ iframe[name=editor-canvas] {
 }
 
 .block-editor-panel-color-gradient-settings__contrast-notice {
-  margin-bottom: 16px;
+  margin-top: 16px;
 }
 
 /**
@@ -1634,6 +1640,12 @@ iframe[name=editor-canvas] {
   border-top: 1px solid #ddd;
 }
 
+.block-editor-dimension-control {
+  border: 0;
+  margin: 0;
+  padding: 0;
+}
+
 .block-editor-duotone-control__popover.components-popover > .components-popover__content {
   padding: 8px;
   width: 260px;
@@ -2892,6 +2904,23 @@ iframe[name=editor-canvas] {
 .block-editor-list-view-leaf.is-selected .block-editor-list-view-block-select-button__image:not(:only-child) {
   box-shadow: 0 0 0 2px var(--wp-admin-theme-color);
 }
+.block-editor-list-view-leaf.is-disabled {
+  opacity: 0.2;
+}
+@media not (prefers-reduced-motion) {
+  .block-editor-list-view-leaf.is-disabled {
+    transition: opacity 0.1s linear;
+  }
+}
+.block-editor-list-view-leaf.is-disabled:hover {
+  opacity: 0.2;
+}
+.block-editor-list-view-leaf.is-disabled .block-editor-list-view__expander {
+  cursor: default;
+}
+.block-editor-list-view-leaf.is-disabled .block-editor-list-view-block-select-button:hover {
+  color: inherit;
+}
 
 .block-editor-list-view-draggable-chip {
   opacity: 0.8;
@@ -3626,6 +3655,19 @@ iframe[name=editor-canvas] {
   margin-bottom: 16px;
 }
 
+.block-editor-hooks__position-control-item {
+  /**
+   * Try to make items match the width of the anchor, subtract any margin on
+   * items to calculate the correct inner width.
+   */
+  max-inline-size: max(var(--anchor-width) - 2 * var(--wp-ui-popup-padding), 223px);
+}
+
+.block-editor-hooks__position-control-item-hint {
+  color: var(--wpds-color-foreground-content-neutral-weak, #707070);
+  margin-block-start: 4px;
+}
+
 div.block-editor-bindings__panel {
   grid-template-columns: repeat(auto-fit, minmax(100%, 1fr));
 }
@@ -4383,15 +4425,24 @@ div.block-editor-bindings__panel button:hover .block-editor-bindings__item span
   width: 100%;
 }
 
+.block-editor-inserter__media-mobile-screen {
+  display: flex;
+  flex-direction: column;
+  align-self: stretch;
+}
+
 .block-editor-inserter__media-panel {
-  min-height: 100%;
   padding: 0 16px;
   display: flex;
   flex-direction: column;
+  flex: 1;
+  min-height: 0;
 }
 @media (min-width: 782px) {
   .block-editor-inserter__media-panel {
     padding: 0;
+    flex: 0 1 auto;
+    min-height: 100%;
   }
 }
 .block-editor-inserter__media-panel .block-editor-inserter__media-panel-spinner {
@@ -4410,6 +4461,65 @@ div.block-editor-bindings__panel button:hover .block-editor-bindings__item span
     padding: 16px 24px 16px;
   }
 }
+.block-editor-inserter__media-panel .block-editor-inserter__no-results {
+  flex-grow: 1;
+}
+.block-editor-inserter__media-panel .block-editor-inserter__media-panel-attach.components-button {
+  justify-content: center;
+  padding: 16px;
+}
+.block-editor-inserter__media-panel .block-editor-inserter__media-panel-attach {
+  flex-shrink: 0;
+  margin-top: 16px;
+  margin-bottom: 16px;
+}
+@media (min-width: 782px) {
+  .block-editor-inserter__media-panel .block-editor-inserter__media-panel-attach {
+    margin-right: 24px;
+    margin-left: 24px;
+  }
+}
+.block-editor-inserter__media-panel .block-editor-inserter__media-panel-results {
+  display: flex;
+  flex-direction: column;
+  flex-grow: 1;
+  min-height: 0;
+}
+.block-editor-inserter__media-panel .block-editor-inserter__media-panel-results.is-loading .block-editor-inserter__media-list {
+  opacity: 0.5;
+  pointer-events: none;
+}
+@media not (prefers-reduced-motion) {
+  .block-editor-inserter__media-panel .block-editor-inserter__media-panel-results.is-loading .block-editor-inserter__media-list {
+    opacity: 1;
+    animation: inserter-media-panel-pulse 1s ease-in-out infinite;
+  }
+}
+.block-editor-inserter__media-panel.has-attach-footer .block-editor-inserter__media-list {
+  padding-bottom: 0;
+}
+
+@keyframes inserter-media-panel-pulse {
+  0%, 100% {
+    opacity: 1;
+  }
+  50% {
+    opacity: 0.5;
+  }
+}
+.block-editor-inserter__media-panel-detach-modal {
+  z-index: 1000001;
+}
+.block-editor-inserter__media-panel-detach-modal p {
+  margin-top: 0;
+}
+
+.block-editor-inserter__media-panel-detach-actions {
+  display: flex;
+  justify-content: flex-end;
+  gap: 8px;
+  margin-top: 16px;
+}
 
 .block-editor-inserter__media-list__list-item {
   position: relative;
@@ -4425,7 +4535,7 @@ div.block-editor-bindings__panel button:hover .block-editor-bindings__item span
 .block-editor-inserter__media-list__list-item.is-hovered .block-editor-inserter__media-list__item-preview > * {
   outline-color: rgba(0, 0, 0, 0.3);
 }
-.block-editor-inserter__media-list__list-item.is-hovered .block-editor-inserter__media-list__item-preview-options > button {
+.block-editor-inserter__media-list__list-item.is-hovered .block-editor-inserter__media-list__item-preview-options > button, .block-editor-inserter__media-list__list-item:focus-within .block-editor-inserter__media-list__item-preview-options > button {
   display: block;
 }
 .block-editor-inserter__media-list__list-item .block-editor-inserter__media-list__item-preview-options {

package/build-style/style.css

@@ -67,6 +67,12 @@
 /**
  * Focus styles.
  */
+/**
+ * Standard focus rings for the WordPress Design System.
+ *
+ * Apply `outset-ring__focus` inside the relevant pseudo-class at the call site,
+ * e.g. `&:focus { @include outset-ring__focus(); }`.
+ */
 /**
  * Applies editor left position to the selector passed as argument
  */
@@ -1520,7 +1526,7 @@ iframe[name=editor-canvas] {
 }
 
 .block-editor-panel-color-gradient-settings__contrast-notice {
-  margin-bottom: 16px;
+  margin-top: 16px;
 }
 
 /**
@@ -1634,6 +1640,12 @@ iframe[name=editor-canvas] {
   border-top: 1px solid #ddd;
 }
 
+.block-editor-dimension-control {
+  border: 0;
+  margin: 0;
+  padding: 0;
+}
+
 .block-editor-duotone-control__popover.components-popover > .components-popover__content {
   padding: 8px;
   width: 260px;
@@ -2893,6 +2905,23 @@ iframe[name=editor-canvas] {
 .block-editor-list-view-leaf.is-selected .block-editor-list-view-block-select-button__image:not(:only-child) {
   box-shadow: 0 0 0 2px var(--wp-admin-theme-color);
 }
+.block-editor-list-view-leaf.is-disabled {
+  opacity: 0.2;
+}
+@media not (prefers-reduced-motion) {
+  .block-editor-list-view-leaf.is-disabled {
+    transition: opacity 0.1s linear;
+  }
+}
+.block-editor-list-view-leaf.is-disabled:hover {
+  opacity: 0.2;
+}
+.block-editor-list-view-leaf.is-disabled .block-editor-list-view__expander {
+  cursor: default;
+}
+.block-editor-list-view-leaf.is-disabled .block-editor-list-view-block-select-button:hover {
+  color: inherit;
+}
 
 .block-editor-list-view-draggable-chip {
   opacity: 0.8;
@@ -3628,6 +3657,19 @@ iframe[name=editor-canvas] {
   margin-bottom: 16px;
 }
 
+.block-editor-hooks__position-control-item {
+  /**
+   * Try to make items match the width of the anchor, subtract any margin on
+   * items to calculate the correct inner width.
+   */
+  max-inline-size: max(var(--anchor-width) - 2 * var(--wp-ui-popup-padding), 223px);
+}
+
+.block-editor-hooks__position-control-item-hint {
+  color: var(--wpds-color-foreground-content-neutral-weak, #707070);
+  margin-block-start: 4px;
+}
+
 div.block-editor-bindings__panel {
   grid-template-columns: repeat(auto-fit, minmax(100%, 1fr));
 }
@@ -4385,15 +4427,24 @@ div.block-editor-bindings__panel button:hover .block-editor-bindings__item span
   width: 100%;
 }
 
+.block-editor-inserter__media-mobile-screen {
+  display: flex;
+  flex-direction: column;
+  align-self: stretch;
+}
+
 .block-editor-inserter__media-panel {
-  min-height: 100%;
   padding: 0 16px;
   display: flex;
   flex-direction: column;
+  flex: 1;
+  min-height: 0;
 }
 @media (min-width: 782px) {
   .block-editor-inserter__media-panel {
     padding: 0;
+    flex: 0 1 auto;
+    min-height: 100%;
   }
 }
 .block-editor-inserter__media-panel .block-editor-inserter__media-panel-spinner {
@@ -4412,6 +4463,65 @@ div.block-editor-bindings__panel button:hover .block-editor-bindings__item span
     padding: 16px 24px 16px;
   }
 }
+.block-editor-inserter__media-panel .block-editor-inserter__no-results {
+  flex-grow: 1;
+}
+.block-editor-inserter__media-panel .block-editor-inserter__media-panel-attach.components-button {
+  justify-content: center;
+  padding: 16px;
+}
+.block-editor-inserter__media-panel .block-editor-inserter__media-panel-attach {
+  flex-shrink: 0;
+  margin-top: 16px;
+  margin-bottom: 16px;
+}
+@media (min-width: 782px) {
+  .block-editor-inserter__media-panel .block-editor-inserter__media-panel-attach {
+    margin-left: 24px;
+    margin-right: 24px;
+  }
+}
+.block-editor-inserter__media-panel .block-editor-inserter__media-panel-results {
+  display: flex;
+  flex-direction: column;
+  flex-grow: 1;
+  min-height: 0;
+}
+.block-editor-inserter__media-panel .block-editor-inserter__media-panel-results.is-loading .block-editor-inserter__media-list {
+  opacity: 0.5;
+  pointer-events: none;
+}
+@media not (prefers-reduced-motion) {
+  .block-editor-inserter__media-panel .block-editor-inserter__media-panel-results.is-loading .block-editor-inserter__media-list {
+    opacity: 1;
+    animation: inserter-media-panel-pulse 1s ease-in-out infinite;
+  }
+}
+.block-editor-inserter__media-panel.has-attach-footer .block-editor-inserter__media-list {
+  padding-bottom: 0;
+}
+
+@keyframes inserter-media-panel-pulse {
+  0%, 100% {
+    opacity: 1;
+  }
+  50% {
+    opacity: 0.5;
+  }
+}
+.block-editor-inserter__media-panel-detach-modal {
+  z-index: 1000001;
+}
+.block-editor-inserter__media-panel-detach-modal p {
+  margin-top: 0;
+}
+
+.block-editor-inserter__media-panel-detach-actions {
+  display: flex;
+  justify-content: flex-end;
+  gap: 8px;
+  margin-top: 16px;
+}
 
 .block-editor-inserter__media-list__list-item {
   position: relative;
@@ -4427,7 +4537,7 @@ div.block-editor-bindings__panel button:hover .block-editor-bindings__item span
 .block-editor-inserter__media-list__list-item.is-hovered .block-editor-inserter__media-list__item-preview > * {
   outline-color: rgba(0, 0, 0, 0.3);
 }
-.block-editor-inserter__media-list__list-item.is-hovered .block-editor-inserter__media-list__item-preview-options > button {
+.block-editor-inserter__media-list__list-item.is-hovered .block-editor-inserter__media-list__item-preview-options > button, .block-editor-inserter__media-list__list-item:focus-within .block-editor-inserter__media-list__item-preview-options > button {
   display: block;
 }
 .block-editor-inserter__media-list__list-item .block-editor-inserter__media-list__item-preview-options {

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@wordpress/block-editor",
-	"version": "15.23.0",
+	"version": "16.0.1-next.v.202607070741.0+a51d59513",
 	"description": "Generic block editor.",
 	"author": "The WordPress Contributors",
 	"license": "GPL-2.0-or-later",
@@ -39,7 +39,7 @@
 			"require": "./build/index.cjs"
 		},
 		"./package.json": "./package.json",
-		"./build-style/": "./build-style/"
+		"./build-style/*": "./build-style/*"
 	},
 	"wpScript": true,
 	"wpScriptModuleExports": {
@@ -60,43 +60,43 @@
 	],
 	"dependencies": {
 		"@react-spring/web": "^9.4.5",
-		"@wordpress/a11y": "^4.50.0",
-		"@wordpress/base-styles": "^10.2.0",
-		"@wordpress/blob": "^4.50.0",
-		"@wordpress/block-serialization-default-parser": "^5.50.0",
-		"@wordpress/blocks": "^15.23.0",
-		"@wordpress/commands": "^1.50.0",
-		"@wordpress/components": "^36.1.0",
-		"@wordpress/compose": "^8.3.0",
-		"@wordpress/data": "^10.50.0",
-		"@wordpress/dataviews": "^17.1.0",
-		"@wordpress/date": "^5.50.0",
-		"@wordpress/deprecated": "^4.50.0",
-		"@wordpress/dom": "^4.50.0",
-		"@wordpress/element": "^8.2.0",
-		"@wordpress/escape-html": "^3.50.0",
-		"@wordpress/global-styles-engine": "^1.17.0",
-		"@wordpress/hooks": "^4.50.0",
-		"@wordpress/html-entities": "^4.50.0",
-		"@wordpress/i18n": "^6.23.0",
-		"@wordpress/icons": "^15.1.0",
-		"@wordpress/image-cropper": "^1.14.0",
-		"@wordpress/interactivity": "^6.50.0",
-		"@wordpress/is-shallow-equal": "^5.50.0",
-		"@wordpress/keyboard-shortcuts": "^5.50.0",
-		"@wordpress/keycodes": "^4.50.0",
-		"@wordpress/notices": "^5.50.0",
-		"@wordpress/preferences": "^4.50.0",
-		"@wordpress/priority-queue": "^3.50.0",
-		"@wordpress/private-apis": "^1.50.0",
-		"@wordpress/rich-text": "^7.50.0",
-		"@wordpress/style-engine": "^2.50.0",
-		"@wordpress/token-list": "^3.50.0",
-		"@wordpress/ui": "^0.17.0",
-		"@wordpress/upload-media": "^0.35.0",
-		"@wordpress/url": "^4.50.0",
-		"@wordpress/warning": "^3.50.0",
-		"@wordpress/wordcount": "^4.50.0",
+		"@wordpress/a11y": "^4.50.1-next.v.202607070741.0+a51d59513",
+		"@wordpress/base-styles": "^10.3.1-next.v.202607070741.0+a51d59513",
+		"@wordpress/blob": "^4.50.1-next.v.202607070741.0+a51d59513",
+		"@wordpress/block-serialization-default-parser": "^5.50.1-next.v.202607070741.0+a51d59513",
+		"@wordpress/blocks": "^15.23.1-next.v.202607070741.0+a51d59513",
+		"@wordpress/commands": "^1.50.1-next.v.202607070741.0+a51d59513",
+		"@wordpress/components": "^37.0.1-next.v.202607070741.0+a51d59513",
+		"@wordpress/compose": "^8.3.1-next.v.202607070741.0+a51d59513",
+		"@wordpress/data": "^10.50.1-next.v.202607070741.0+a51d59513",
+		"@wordpress/dataviews": "^17.1.2-next.v.202607070741.0+a51d59513",
+		"@wordpress/date": "^5.50.1-next.v.202607070741.0+a51d59513",
+		"@wordpress/deprecated": "^4.50.1-next.v.202607070741.0+a51d59513",
+		"@wordpress/dom": "^4.50.1-next.v.202607070741.0+a51d59513",
+		"@wordpress/element": "^8.2.1-next.v.202607070741.0+a51d59513",
+		"@wordpress/escape-html": "^3.50.1-next.v.202607070741.0+a51d59513",
+		"@wordpress/global-styles-engine": "^1.17.1-next.v.202607070741.0+a51d59513",
+		"@wordpress/hooks": "^4.50.1-next.v.202607070741.0+a51d59513",
+		"@wordpress/html-entities": "^4.50.1-next.v.202607070741.0+a51d59513",
+		"@wordpress/i18n": "^6.23.1-next.v.202607070741.0+a51d59513",
+		"@wordpress/icons": "^15.1.1-next.v.202607070741.0+a51d59513",
+		"@wordpress/image-cropper": "^1.14.1-next.v.202607070741.0+a51d59513",
+		"@wordpress/interactivity": "^6.50.1-next.v.202607070741.0+a51d59513",
+		"@wordpress/is-shallow-equal": "^5.50.1-next.v.202607070741.0+a51d59513",
+		"@wordpress/keyboard-shortcuts": "^5.50.1-next.v.202607070741.0+a51d59513",
+		"@wordpress/keycodes": "^4.50.1-next.v.202607070741.0+a51d59513",
+		"@wordpress/notices": "^5.50.1-next.v.202607070741.0+a51d59513",
+		"@wordpress/preferences": "^4.50.1-next.v.202607070741.0+a51d59513",
+		"@wordpress/priority-queue": "^3.50.1-next.v.202607070741.0+a51d59513",
+		"@wordpress/private-apis": "^1.50.1-next.v.202607070741.0+a51d59513",
+		"@wordpress/rich-text": "^7.50.1-next.v.202607070741.0+a51d59513",
+		"@wordpress/style-engine": "^2.50.1-next.v.202607070741.0+a51d59513",
+		"@wordpress/token-list": "^3.50.1-next.v.202607070741.0+a51d59513",
+		"@wordpress/ui": "^0.18.1-next.v.202607070741.0+a51d59513",
+		"@wordpress/upload-media": "^0.36.1-next.v.202607070741.0+a51d59513",
+		"@wordpress/url": "^4.50.1-next.v.202607070741.0+a51d59513",
+		"@wordpress/warning": "^3.50.1-next.v.202607070741.0+a51d59513",
+		"@wordpress/wordcount": "^4.50.1-next.v.202607070741.0+a51d59513",
 		"change-case": "^4.1.2",
 		"clsx": "^2.1.1",
 		"colord": "^2.9.3",
@@ -118,7 +118,9 @@
 		"@testing-library/react": "^16.3.2",
 		"@testing-library/user-event": "^14.6.1",
 		"@types/postcss-prefix-selector": "^1.16.3",
-		"deep-freeze": "^0.0.1"
+		"@wordpress/block-library": "^10.1.1-next.v.202607070741.0+a51d59513",
+		"deep-freeze": "^0.0.1",
+		"storybook": "^10.4.3"
 	},
 	"peerDependencies": {
 		"@types/react": "^18.3.27",
@@ -133,5 +135,5 @@
 	"publishConfig": {
 		"access": "public"
 	},
-	"gitHead": "fee6e24e8e63d36f6bbcf487c193461e9bd79753"
+	"gitHead": "f637726e370c8b23695ed9af82adbe171ad235d8"
 }

package/src/autocompleters/block.js

@@ -125,8 +125,14 @@ function createBlockCompleter() {
 			return ! ( /\S/.test( before ) || /\S/.test( after ) );
 		},
 		getOptionCompletion( inserterItem ) {
-			const { name, initialAttributes, innerBlocks, syncStatus, blocks } =
-				inserterItem;
+			const {
+				name,
+				initialAttributes,
+				innerBlocks,
+				innerContent,
+				syncStatus,
+				blocks,
+			} = inserterItem;
 
 			return {
 				action: 'replace',
@@ -140,7 +146,8 @@ function createBlockCompleter() {
 								initialAttributes,
 								createBlocksFromInnerBlocksTemplate(
 									innerBlocks
-								)
+								),
+								innerContent
 						  ),
 			};
 		},

package/src/autocompleters/test/block.js

@@ -0,0 +1,53 @@
+/**
+ * WordPress dependencies
+ */
+import { registerBlockType, unregisterBlockType } from '@wordpress/blocks';
+
+/**
+ * Internal dependencies
+ */
+import blockCompleter from '../block';
+
+describe( 'block autocompleter', () => {
+	beforeAll( () => {
+		registerBlockType( 'core/html', {
+			apiVersion: 3,
+			save: () => null,
+			category: 'text',
+			title: 'Custom HTML',
+		} );
+		registerBlockType( 'core/paragraph', {
+			apiVersion: 3,
+			save: ( { attributes } ) => attributes.content || null,
+			category: 'text',
+			title: 'Paragraph',
+			attributes: { content: { type: 'string', source: 'html' } },
+		} );
+	} );
+
+	afterAll( () => {
+		unregisterBlockType( 'core/html' );
+		unregisterBlockType( 'core/paragraph' );
+	} );
+
+	describe( 'getOptionCompletion', () => {
+		it( "carries a variation's innerContent onto the inserted block", () => {
+			const { action, value } = blockCompleter.getOptionCompletion( {
+				name: 'core/html',
+				initialAttributes: {},
+				innerBlocks: [ [ 'core/paragraph', { content: 'Editable' } ] ],
+				innerContent: [ '<div class="card">', null, '</div>' ],
+			} );
+
+			expect( action ).toBe( 'replace' );
+			expect( value.name ).toBe( 'core/html' );
+			expect( value.innerContent ).toEqual( [
+				'<div class="card">',
+				null,
+				'</div>',
+			] );
+			expect( value.innerBlocks ).toHaveLength( 1 );
+			expect( value.innerBlocks[ 0 ].name ).toBe( 'core/paragraph' );
+		} );
+	} );
+} );

package/src/components/background-image-control/index.js

@@ -579,7 +579,6 @@ function BackgroundSizeControls( {
 				onChange={ toggleScrollWithPage }
 			/>
 			<ToggleGroupControl
-				size="__unstable-large"
 				label={ __( 'Size' ) }
 				value={ currentValueForToggle }
 				onChange={ updateBackgroundSize }
@@ -618,7 +617,6 @@ function BackgroundSizeControls( {
 					aria-label={ __( 'Background image width' ) }
 					onChange={ updateBackgroundSize }
 					value={ sizeValue }
-					size="__unstable-large"
 					__unstableInputWidth="100px"
 					min={ 0 }
 					placeholder={ __( 'Auto' ) }

package/src/components/block-inspector/edit-contents.js

@@ -3,7 +3,7 @@
  */
 import { Button, __experimentalVStack as VStack } from '@wordpress/components';
 import { __ } from '@wordpress/i18n';
-import { useSelect } from '@wordpress/data';
+import { useSelect, useDispatch } from '@wordpress/data';
 import { isReusableBlock, isTemplatePart } from '@wordpress/blocks';
 
 /**
@@ -59,11 +59,15 @@ function InlineEditButton( {
 	editContentOnlySection,
 	stopEditingContentOnlySection,
 } ) {
+	const { selectBlock } = useDispatch( blockEditorStore );
 	const handleClick = () => {
 		if ( ! editedContentOnlySection ) {
 			editContentOnlySection( clientId );
+			selectBlock( clientId );
 		} else {
 			stopEditingContentOnlySection();
+			// Keep the selected section pattern or content block selected after exiting.
+			selectBlock( clientId );
 		}
 	};