@wordpress/block-library 9.6.1 → 9.7.1-next.1f6eadc42.0

package/build-style/style-rtl.css

@@ -205,7 +205,7 @@
 }
 
 .wp-block-buttons {
-  /* stylelint-disable indentation -- Disable the stylelint rule, otherwise this selector is ugly! */
+  /* stylelint-disable @stylistic/indentation -- Disable the stylelint rule, otherwise this selector is ugly! */
 }
 .wp-block-buttons.is-vertical {
   flex-direction: column;
@@ -245,7 +245,7 @@
 .is-content-justification-right,
 .is-content-justification-left,
 .is-content-justification-center) .wp-block-button.aligncenter {
-  /* stylelint-enable indentation */
+  /* stylelint-enable @stylistic/indentation */
   margin-right: auto;
   margin-left: auto;
   width: 100%;
@@ -596,6 +596,14 @@
   box-sizing: border-box;
 }
 
+.wp-block-comment-edit-link {
+  box-sizing: border-box;
+}
+
+.wp-block-comment-reply-link {
+  box-sizing: border-box;
+}
+
 .wp-block-cover-image,
 .wp-block-cover {
   min-height: 430px;
@@ -1126,13 +1134,6 @@ section.wp-block-cover-image > h2,
   flex-direction: column;
   gap: 0.25em;
   margin-bottom: 0.5em;
-  /*
-  Small tweak to left-align the checkbox.
-  Even though `:has` is not currently supported in Firefox, this is a small tweak
-  and does not affect the functionality of the block or the user's experience.
-  There will be a minor inconsistency between browsers. However, it's more important to provide
-  a better experience for 80+% of users, until Firefox catches up and supports `:has`.
-  */
 }
 .wp-block-form-input__label.is-label-inline {
   flex-direction: row;
@@ -1143,9 +1144,15 @@ section.wp-block-cover-image > h2,
   margin-bottom: 0.5em;
 }
 .wp-block-form-input__label:has(input[type=checkbox]) {
+  flex-direction: row;
   width: -moz-fit-content;
   width: fit-content;
-  /* stylelint-disable-next-line declaration-property-value-allowed-list -- This should be refactored to not use the row-reverse value. */
+}
+.wp-block-form-input__label:has(input[type=checkbox]) .wp-block-form-input__label-content {
+  margin: 0;
+}
+.wp-block-form-input__label:has(.wp-block-form-input__label-content + input[type=checkbox]) {
+  /* stylelint-disable-next-line declaration-property-value-allowed-list -- This style is required for old markup. */
   flex-direction: row-reverse;
 }
 
@@ -2111,6 +2118,7 @@ ul {
   vertical-align: middle;
 }
 
+/* `is-image-fill` is deprecated and the styles are kept for backwards compatibility. */
 .wp-block-media-text.is-image-fill > .wp-block-media-text__media {
   height: 100%;
   min-height: 250px;
@@ -2133,6 +2141,25 @@ ul {
   border: 0;
 }
 
+/* Image fill for versions 8 and onwards */
+.wp-block-media-text.is-image-fill-element > .wp-block-media-text__media {
+  position: relative;
+  height: 100%;
+  min-height: 250px;
+}
+
+.wp-block-media-text.is-image-fill-element > .wp-block-media-text__media > a {
+  display: block;
+  height: 100%;
+}
+
+.wp-block-media-text.is-image-fill-element > .wp-block-media-text__media img {
+  position: absolute;
+  width: 100%;
+  height: 100%;
+  object-fit: cover;
+}
+
 /*
 * Here we here not able to use a mobile first CSS approach.
 * Custom widths are set using inline styles, and on mobile,
@@ -2894,7 +2921,7 @@ p.has-text-align-left[style*="writing-mode:vertical-lr"] {
   display: block;
   height: 100%;
 }
-.wp-block-post-featured-image img {
+.wp-block-post-featured-image :where(img) {
   max-width: 100%;
   width: 100%;
   height: auto;
@@ -2986,6 +3013,27 @@ p.has-text-align-left[style*="writing-mode:vertical-lr"] {
   word-break: break-word;
   box-sizing: border-box;
 }
+.wp-block-post-title[style*=font-weight] :where(a) {
+  font-weight: inherit;
+}
+.wp-block-post-title[class*=-font-family] :where(a), .wp-block-post-title[style*=font-family] :where(a) {
+  font-family: inherit;
+}
+.wp-block-post-title[class*=-font-size] :where(a), .wp-block-post-title[style*=font-size] :where(a) {
+  font-size: inherit;
+}
+.wp-block-post-title[style*=line-height] :where(a) {
+  line-height: inherit;
+}
+.wp-block-post-title[style*=font-style] :where(a) {
+  font-style: inherit;
+}
+.wp-block-post-title[style*=letter-spacing] :where(a) {
+  letter-spacing: inherit;
+}
+.wp-block-post-title[style*=text-decoration] :where(a) {
+  text-decoration: inherit;
+}
 .wp-block-post-title a {
   display: inline-block;
 }
@@ -3125,17 +3173,6 @@ p.has-text-align-left[style*="writing-mode:vertical-lr"] {
   margin-inline-end: auto;
 }
 
-.wp-block-query-pagination > .wp-block-query-pagination-next,
-.wp-block-query-pagination > .wp-block-query-pagination-previous,
-.wp-block-query-pagination > .wp-block-query-pagination-numbers {
-  margin-right: 0.5em;
-  margin-bottom: 0.5em;
-}
-.wp-block-query-pagination > .wp-block-query-pagination-next:last-child,
-.wp-block-query-pagination > .wp-block-query-pagination-previous:last-child,
-.wp-block-query-pagination > .wp-block-query-pagination-numbers:last-child {
-  margin-right: 0;
-}
 .wp-block-query-pagination.is-content-justification-space-between > .wp-block-query-pagination-next:last-of-type {
   margin-inline-start: auto;
 }
@@ -3421,6 +3458,27 @@ ul.wp-block-rss.is-grid li {
 .wp-block-site-title {
   box-sizing: border-box;
 }
+.wp-block-site-title[style*=font-weight] :where(a) {
+  font-weight: inherit;
+}
+.wp-block-site-title[class*=-font-family] :where(a), .wp-block-site-title[style*=font-family] :where(a) {
+  font-family: inherit;
+}
+.wp-block-site-title[class*=-font-size] :where(a), .wp-block-site-title[style*=font-size] :where(a) {
+  font-size: inherit;
+}
+.wp-block-site-title[style*=line-height] :where(a) {
+  line-height: inherit;
+}
+.wp-block-site-title[style*=font-style] :where(a) {
+  font-style: inherit;
+}
+.wp-block-site-title[style*=letter-spacing] :where(a) {
+  letter-spacing: inherit;
+}
+.wp-block-site-title[style*=text-decoration] :where(a) {
+  text-decoration: inherit;
+}
 .wp-block-site-title :where(a) {
   color: inherit;
 }
@@ -4113,8 +4171,8 @@ a[data-fn].fn::after {
 }
 
 :root {
-  /* stylelint-disable function-comma-space-after -- We can not use spacing because of WP multi site kses rule. */
-  /* stylelint-enable function-comma-space-after */
+  /* stylelint-disable @stylistic/function-comma-space-after -- We can not use spacing because of WP multi site kses rule. */
+  /* stylelint-enable @stylistic/function-comma-space-after */
   --wp--preset--font-size--normal: 16px;
   --wp--preset--font-size--huge: 42px;
 }

package/build-style/style.css

@@ -206,7 +206,7 @@
 }
 
 .wp-block-buttons {
-  /* stylelint-disable indentation -- Disable the stylelint rule, otherwise this selector is ugly! */
+  /* stylelint-disable @stylistic/indentation -- Disable the stylelint rule, otherwise this selector is ugly! */
 }
 .wp-block-buttons.is-vertical {
   flex-direction: column;
@@ -246,7 +246,7 @@
 .is-content-justification-right,
 .is-content-justification-left,
 .is-content-justification-center) .wp-block-button.aligncenter {
-  /* stylelint-enable indentation */
+  /* stylelint-enable @stylistic/indentation */
   margin-left: auto;
   margin-right: auto;
   width: 100%;
@@ -601,6 +601,14 @@
   box-sizing: border-box;
 }
 
+.wp-block-comment-edit-link {
+  box-sizing: border-box;
+}
+
+.wp-block-comment-reply-link {
+  box-sizing: border-box;
+}
+
 .wp-block-cover-image,
 .wp-block-cover {
   min-height: 430px;
@@ -1134,13 +1142,6 @@ section.wp-block-cover-image > h2,
   flex-direction: column;
   gap: 0.25em;
   margin-bottom: 0.5em;
-  /*
-  Small tweak to left-align the checkbox.
-  Even though `:has` is not currently supported in Firefox, this is a small tweak
-  and does not affect the functionality of the block or the user's experience.
-  There will be a minor inconsistency between browsers. However, it's more important to provide
-  a better experience for 80+% of users, until Firefox catches up and supports `:has`.
-  */
 }
 .wp-block-form-input__label.is-label-inline {
   flex-direction: row;
@@ -1151,9 +1152,15 @@ section.wp-block-cover-image > h2,
   margin-bottom: 0.5em;
 }
 .wp-block-form-input__label:has(input[type=checkbox]) {
+  flex-direction: row;
   width: -moz-fit-content;
   width: fit-content;
-  /* stylelint-disable-next-line declaration-property-value-allowed-list -- This should be refactored to not use the row-reverse value. */
+}
+.wp-block-form-input__label:has(input[type=checkbox]) .wp-block-form-input__label-content {
+  margin: 0;
+}
+.wp-block-form-input__label:has(.wp-block-form-input__label-content + input[type=checkbox]) {
+  /* stylelint-disable-next-line declaration-property-value-allowed-list -- This style is required for old markup. */
   flex-direction: row-reverse;
 }
 
@@ -2141,6 +2148,7 @@ ul {
   vertical-align: middle;
 }
 
+/* `is-image-fill` is deprecated and the styles are kept for backwards compatibility. */
 .wp-block-media-text.is-image-fill > .wp-block-media-text__media {
   height: 100%;
   min-height: 250px;
@@ -2163,6 +2171,25 @@ ul {
   border: 0;
 }
 
+/* Image fill for versions 8 and onwards */
+.wp-block-media-text.is-image-fill-element > .wp-block-media-text__media {
+  position: relative;
+  height: 100%;
+  min-height: 250px;
+}
+
+.wp-block-media-text.is-image-fill-element > .wp-block-media-text__media > a {
+  display: block;
+  height: 100%;
+}
+
+.wp-block-media-text.is-image-fill-element > .wp-block-media-text__media img {
+  position: absolute;
+  width: 100%;
+  height: 100%;
+  object-fit: cover;
+}
+
 /*
 * Here we here not able to use a mobile first CSS approach.
 * Custom widths are set using inline styles, and on mobile,
@@ -2924,7 +2951,7 @@ p.has-text-align-left[style*="writing-mode:vertical-lr"] {
   display: block;
   height: 100%;
 }
-.wp-block-post-featured-image img {
+.wp-block-post-featured-image :where(img) {
   max-width: 100%;
   width: 100%;
   height: auto;
@@ -3016,6 +3043,27 @@ p.has-text-align-left[style*="writing-mode:vertical-lr"] {
   word-break: break-word;
   box-sizing: border-box;
 }
+.wp-block-post-title[style*=font-weight] :where(a) {
+  font-weight: inherit;
+}
+.wp-block-post-title[class*=-font-family] :where(a), .wp-block-post-title[style*=font-family] :where(a) {
+  font-family: inherit;
+}
+.wp-block-post-title[class*=-font-size] :where(a), .wp-block-post-title[style*=font-size] :where(a) {
+  font-size: inherit;
+}
+.wp-block-post-title[style*=line-height] :where(a) {
+  line-height: inherit;
+}
+.wp-block-post-title[style*=font-style] :where(a) {
+  font-style: inherit;
+}
+.wp-block-post-title[style*=letter-spacing] :where(a) {
+  letter-spacing: inherit;
+}
+.wp-block-post-title[style*=text-decoration] :where(a) {
+  text-decoration: inherit;
+}
 .wp-block-post-title a {
   display: inline-block;
 }
@@ -3155,19 +3203,6 @@ p.has-text-align-left[style*="writing-mode:vertical-lr"] {
   margin-inline-end: auto;
 }
 
-.wp-block-query-pagination > .wp-block-query-pagination-next,
-.wp-block-query-pagination > .wp-block-query-pagination-previous,
-.wp-block-query-pagination > .wp-block-query-pagination-numbers {
-  /*rtl:ignore*/
-  margin-right: 0.5em;
-  margin-bottom: 0.5em;
-}
-.wp-block-query-pagination > .wp-block-query-pagination-next:last-child,
-.wp-block-query-pagination > .wp-block-query-pagination-previous:last-child,
-.wp-block-query-pagination > .wp-block-query-pagination-numbers:last-child {
-  /*rtl:ignore*/
-  margin-right: 0;
-}
 .wp-block-query-pagination.is-content-justification-space-between > .wp-block-query-pagination-next:last-of-type {
   margin-inline-start: auto;
 }
@@ -3456,6 +3491,27 @@ ul.wp-block-rss.is-grid li {
 .wp-block-site-title {
   box-sizing: border-box;
 }
+.wp-block-site-title[style*=font-weight] :where(a) {
+  font-weight: inherit;
+}
+.wp-block-site-title[class*=-font-family] :where(a), .wp-block-site-title[style*=font-family] :where(a) {
+  font-family: inherit;
+}
+.wp-block-site-title[class*=-font-size] :where(a), .wp-block-site-title[style*=font-size] :where(a) {
+  font-size: inherit;
+}
+.wp-block-site-title[style*=line-height] :where(a) {
+  line-height: inherit;
+}
+.wp-block-site-title[style*=font-style] :where(a) {
+  font-style: inherit;
+}
+.wp-block-site-title[style*=letter-spacing] :where(a) {
+  letter-spacing: inherit;
+}
+.wp-block-site-title[style*=text-decoration] :where(a) {
+  text-decoration: inherit;
+}
 .wp-block-site-title :where(a) {
   color: inherit;
 }
@@ -4148,8 +4204,8 @@ a[data-fn].fn::after {
 }
 
 :root {
-  /* stylelint-disable function-comma-space-after -- We can not use spacing because of WP multi site kses rule. */
-  /* stylelint-enable function-comma-space-after */
+  /* stylelint-disable @stylistic/function-comma-space-after -- We can not use spacing because of WP multi site kses rule. */
+  /* stylelint-enable @stylistic/function-comma-space-after */
   --wp--preset--font-size--normal: 16px;
   --wp--preset--font-size--huge: 42px;
 }

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

@@ -89,28 +89,6 @@
 /**
  * Reset the WP Admin page styles for Gutenberg-like pages.
  */
-.wp-block-video.wp-block-video.is-selected .components-placeholder {
-  color: #1e1e1e;
-  background-color: #fff;
-  box-shadow: inset 0 0 0 1px #1e1e1e;
-  border: none;
-  border-radius: 2px;
-}
-.wp-block-video.wp-block-video.is-selected .components-placeholder > svg {
-  opacity: 0;
-}
-.wp-block-video.wp-block-video.is-selected .components-placeholder .components-placeholder__illustration {
-  display: none;
-}
-.wp-block-video.wp-block-video.is-selected .components-placeholder::before {
-  opacity: 0;
-}
-.wp-block-video.wp-block-video .components-placeholder__label,
-.wp-block-video.wp-block-video .components-placeholder__instructions,
-.wp-block-video.wp-block-video .components-button {
-  transition: none;
-}
-
 .wp-block[data-align=center] > .wp-block-video {
   text-align: center;
 }
@@ -156,16 +134,9 @@
 
 .block-library-video-tracks-editor > .components-popover__content {
   width: 360px;
-  padding: 0;
 }
 
 .block-library-video-tracks-editor__track-list .components-menu-group__label,
 .block-library-video-tracks-editor__add-tracks-container .components-menu-group__label {
   padding: 0;
-}
-
-.block-library-video-tracks-editor__single-track-editor,
-.block-library-video-tracks-editor__track-list,
-.block-library-video-tracks-editor__add-tracks-container {
-  padding: 12px;
 }

package/build-style/video/editor.css

@@ -89,28 +89,6 @@
 /**
  * Reset the WP Admin page styles for Gutenberg-like pages.
  */
-.wp-block-video.wp-block-video.is-selected .components-placeholder {
-  color: #1e1e1e;
-  background-color: #fff;
-  box-shadow: inset 0 0 0 1px #1e1e1e;
-  border: none;
-  border-radius: 2px;
-}
-.wp-block-video.wp-block-video.is-selected .components-placeholder > svg {
-  opacity: 0;
-}
-.wp-block-video.wp-block-video.is-selected .components-placeholder .components-placeholder__illustration {
-  display: none;
-}
-.wp-block-video.wp-block-video.is-selected .components-placeholder::before {
-  opacity: 0;
-}
-.wp-block-video.wp-block-video .components-placeholder__label,
-.wp-block-video.wp-block-video .components-placeholder__instructions,
-.wp-block-video.wp-block-video .components-button {
-  transition: none;
-}
-
 .wp-block[data-align=center] > .wp-block-video {
   text-align: center;
 }
@@ -156,16 +134,9 @@
 
 .block-library-video-tracks-editor > .components-popover__content {
   width: 360px;
-  padding: 0;
 }
 
 .block-library-video-tracks-editor__track-list .components-menu-group__label,
 .block-library-video-tracks-editor__add-tracks-container .components-menu-group__label {
   padding: 0;
-}
-
-.block-library-video-tracks-editor__single-track-editor,
-.block-library-video-tracks-editor__track-list,
-.block-library-video-tracks-editor__add-tracks-container {
-  padding: 12px;
 }

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@wordpress/block-library",
-	"version": "9.6.1",
+	"version": "9.7.1-next.1f6eadc42.0",
 	"description": "Block library for the WordPress editor.",
 	"author": "The WordPress Contributors",
 	"license": "GPL-2.0-or-later",
@@ -30,41 +30,48 @@
 		"src/**/*.scss",
 		"{src,build,build-module}/*/init.js"
 	],
+	"wpScriptModuleExports": {
+		"./file/view": "./build-module/file/view.js",
+		"./image/view": "./build-module/image/view.js",
+		"./navigation/view": "./build-module/navigation/view.js",
+		"./query/view": "./build-module/query/view.js",
+		"./search/view": "./build-module/search/view.js"
+	},
 	"dependencies": {
 		"@babel/runtime": "^7.16.0",
-		"@wordpress/a11y": "^4.6.0",
-		"@wordpress/api-fetch": "^7.6.0",
-		"@wordpress/autop": "^4.6.0",
-		"@wordpress/blob": "^4.6.0",
-		"@wordpress/block-editor": "^14.1.0",
-		"@wordpress/blocks": "^13.6.0",
-		"@wordpress/components": "^28.6.0",
-		"@wordpress/compose": "^7.6.0",
-		"@wordpress/core-data": "^7.6.0",
-		"@wordpress/data": "^10.6.0",
-		"@wordpress/date": "^5.6.0",
-		"@wordpress/deprecated": "^4.6.0",
-		"@wordpress/dom": "^4.6.0",
-		"@wordpress/element": "^6.6.0",
-		"@wordpress/escape-html": "^3.6.0",
-		"@wordpress/hooks": "^4.6.0",
-		"@wordpress/html-entities": "^4.6.0",
-		"@wordpress/i18n": "^5.6.0",
-		"@wordpress/icons": "^10.6.0",
-		"@wordpress/interactivity": "^6.6.0",
-		"@wordpress/interactivity-router": "^2.6.0",
-		"@wordpress/keyboard-shortcuts": "^5.6.0",
-		"@wordpress/keycodes": "^4.6.0",
-		"@wordpress/notices": "^5.6.0",
-		"@wordpress/patterns": "^2.6.0",
-		"@wordpress/primitives": "^4.6.0",
-		"@wordpress/private-apis": "^1.6.0",
-		"@wordpress/reusable-blocks": "^5.6.0",
-		"@wordpress/rich-text": "^7.6.0",
-		"@wordpress/server-side-render": "^5.6.0",
-		"@wordpress/url": "^4.6.0",
-		"@wordpress/viewport": "^6.6.0",
-		"@wordpress/wordcount": "^4.6.0",
+		"@wordpress/a11y": "^4.7.1-next.1f6eadc42.0",
+		"@wordpress/api-fetch": "^7.7.1-next.1f6eadc42.0",
+		"@wordpress/autop": "^4.7.1-next.1f6eadc42.0",
+		"@wordpress/blob": "^4.7.1-next.1f6eadc42.0",
+		"@wordpress/block-editor": "^14.2.1-next.1f6eadc42.0",
+		"@wordpress/blocks": "^13.7.1-next.1f6eadc42.0",
+		"@wordpress/components": "^28.8.1-next.1f6eadc42.0",
+		"@wordpress/compose": "^7.8.1-next.1f6eadc42.0",
+		"@wordpress/core-data": "^7.7.1-next.1f6eadc42.0",
+		"@wordpress/data": "^10.7.1-next.1f6eadc42.0",
+		"@wordpress/date": "^5.7.1-next.1f6eadc42.0",
+		"@wordpress/deprecated": "^4.7.1-next.1f6eadc42.0",
+		"@wordpress/dom": "^4.7.1-next.1f6eadc42.0",
+		"@wordpress/element": "^6.7.1-next.1f6eadc42.0",
+		"@wordpress/escape-html": "^3.7.1-next.1f6eadc42.0",
+		"@wordpress/hooks": "^4.7.1-next.1f6eadc42.0",
+		"@wordpress/html-entities": "^4.7.1-next.1f6eadc42.0",
+		"@wordpress/i18n": "^5.7.1-next.1f6eadc42.0",
+		"@wordpress/icons": "^10.7.1-next.1f6eadc42.0",
+		"@wordpress/interactivity": "^6.7.2-next.1f6eadc42.0",
+		"@wordpress/interactivity-router": "^2.7.1-next.1f6eadc42.0",
+		"@wordpress/keyboard-shortcuts": "^5.7.1-next.1f6eadc42.0",
+		"@wordpress/keycodes": "^4.7.1-next.1f6eadc42.0",
+		"@wordpress/notices": "^5.7.1-next.1f6eadc42.0",
+		"@wordpress/patterns": "^2.7.1-next.1f6eadc42.0",
+		"@wordpress/primitives": "^4.7.1-next.1f6eadc42.0",
+		"@wordpress/private-apis": "^1.7.1-next.1f6eadc42.0",
+		"@wordpress/reusable-blocks": "^5.7.1-next.1f6eadc42.0",
+		"@wordpress/rich-text": "^7.7.1-next.1f6eadc42.0",
+		"@wordpress/server-side-render": "^5.7.1-next.1f6eadc42.0",
+		"@wordpress/url": "^4.7.1-next.1f6eadc42.0",
+		"@wordpress/viewport": "^6.7.1-next.1f6eadc42.0",
+		"@wordpress/wordcount": "^4.7.1-next.1f6eadc42.0",
 		"change-case": "^4.1.2",
 		"clsx": "^2.1.1",
 		"colord": "^2.7.0",
@@ -82,5 +89,5 @@
 	"publishConfig": {
 		"access": "public"
 	},
-	"gitHead": "2c178a34c8ea9b1c0e51c1fd48e24da95c418f6e"
+	"gitHead": "960a22b909c9fdbc90e7435b7ba8947b9218837a"
 }

package/src/archives/edit.js

@@ -53,7 +53,7 @@ export default function ArchivesEdit( { attributes, setAttributes } ) {
 					<SelectControl
 						__next40pxDefaultSize
 						__nextHasNoMarginBottom
-						label={ __( 'Group by:' ) }
+						label={ __( 'Group by' ) }
 						options={ [
 							{ label: __( 'Year' ), value: 'yearly' },
 							{ label: __( 'Month' ), value: 'monthly' },

package/src/audio/edit.js

@@ -155,6 +155,7 @@ function AudioEdit( {
 						onSelect={ onSelectAudio }
 						onSelectURL={ onSelectURL }
 						onError={ onUploadError }
+						onReset={ () => onSelectAudio( undefined ) }
 					/>
 				</BlockControls>
 			) }

package/src/block/edit.js

@@ -29,6 +29,7 @@ import {
 	privateApis as blockEditorPrivateApis,
 	store as blockEditorStore,
 	BlockControls,
+	InnerBlocks,
 } from '@wordpress/block-editor';
 import { privateApis as patternsPrivateApis } from '@wordpress/patterns';
 import { store as blocksStore } from '@wordpress/blocks';
@@ -193,19 +194,15 @@ function ReusableBlockEdit( {
 		hasPatternOverridesSource,
 	} = useSelect(
 		( select ) => {
-			const {
-				getBlocks,
-				getSettings,
-				getBlockEditingMode: _getBlockEditingMode,
-			} = select( blockEditorStore );
+			const { getBlocks, getSettings, getBlockEditingMode } =
+				select( blockEditorStore );
 			const { getBlockBindingsSource } = unlock( select( blocksStore ) );
 			// For editing link to the site editor if the theme and user permissions support it.
 			return {
 				innerBlocks: getBlocks( patternClientId ),
-				getBlockEditingMode: _getBlockEditingMode,
 				onNavigateToEntityRecord:
 					getSettings().onNavigateToEntityRecord,
-				editingMode: _getBlockEditingMode( patternClientId ),
+				editingMode: getBlockEditingMode( patternClientId ),
 				hasPatternOverridesSource: !! getBlockBindingsSource(
 					'core/pattern-overrides'
 				),
@@ -247,14 +244,15 @@ function ReusableBlockEdit( {
 		),
 	} );
 
-	// Use `blocks` variable until `innerBlocks` is populated, which has the proper clientIds.
 	const innerBlocksProps = useInnerBlocksProps( blockProps, {
 		templateLock: 'all',
 		layout,
-		value: innerBlocks.length > 0 ? innerBlocks : blocks,
+		value: blocks,
 		onInput: NOOP,
 		onChange: NOOP,
-		renderAppender: blocks?.length ? undefined : blocks.ButtonBlockAppender,
+		renderAppender: blocks?.length
+			? undefined
+			: InnerBlocks.ButtonBlockAppender,
 	} );
 
 	const handleEditOriginal = () => {
@@ -292,7 +290,7 @@ function ReusableBlockEdit( {
 
 	return (
 		<>
-			{ hasResolved && (
+			{ hasResolved && ! isMissing && (
 				<ReusableBlockControl
 					recordId={ ref }
 					canOverrideBlocks={ canOverrideBlocks }

package/src/button/edit.js

@@ -254,7 +254,7 @@ function ButtonEdit( props ) {
 					} ),
 			};
 		},
-		[ isSelected, metadata?.bindings?.url ]
+		[ context, isSelected, metadata?.bindings?.url ]
 	);
 
 	return (

package/src/button/editor.scss

@@ -32,8 +32,3 @@
 div[data-type="core/button"] {
 	display: table;
 }
-
-.editor-styles-wrapper .wp-block-button[style*="text-decoration"] .wp-block-button__link {
-	text-decoration: inherit;
-}
-

package/src/buttons/block.json

@@ -21,7 +21,7 @@
 			}
 		},
 		"spacing": {
-			"blockGap": true,
+			"blockGap": [ "horizontal", "vertical" ],
 			"padding": true,
 			"margin": [ "top", "bottom" ],
 			"__experimentalDefaultControls": {