@wordpress/block-library 8.30.0 → 8.32.0

package/build-style/editor.css

@@ -594,6 +594,9 @@ html :where(.wp-block-column) {
 .wp-block[data-align=left] > .wp-block-file, .wp-block[data-align=right] > .wp-block-file {
   height: auto;
 }
+.wp-block[data-align=center] > .wp-block-file {
+  text-align: center;
+}
 .wp-block-file .components-resizable-box__container {
   margin-bottom: 1em;
 }
@@ -1319,9 +1322,6 @@ figure.wp-block-gallery .components-spinner {
   outline: 2px solid transparent !important;
 }
 
-.wp-block-image.wp-block-image:not(.is-selected) .components-placeholder__fieldset {
-  display: none;
-}
 .wp-block-image.wp-block-image.is-selected .components-placeholder {
   color: #1e1e1e;
   background-color: #fff;
@@ -1521,7 +1521,8 @@ figure.wp-block-image:not(.wp-block) {
   width: 100% !important;
 }
 
-.wp-block-media-text.is-image-fill .editor-media-container__resizer {
+.wp-block-media-text.is-image-fill .editor-media-container__resizer,
+.wp-block-media-text.is-image-fill .components-placeholder.has-illustration {
   height: 100% !important;
 }
 
@@ -1529,6 +1530,11 @@ figure.wp-block-image:not(.wp-block) {
   max-width: unset;
 }
 
+/* Make the featured image placeholder the same height as the media selection area. */
+.wp-block-media-text--placeholder-image {
+  min-height: 205px;
+}
+
 .block-editor-block-list__block[data-type="core/more"] {
   max-width: 100%;
   text-align: center;
@@ -2558,9 +2564,6 @@ body.editor-styles-wrapper .wp-block-navigation__responsive-container.is-menu-op
   display: inline-block;
   margin-left: 8px;
 }
-.wp-block-social-links.wp-block-social-links {
-  background: none;
-}
 
 .wp-social-link:hover {
   transform: none;
@@ -2610,7 +2613,6 @@ body.editor-styles-wrapper .wp-block-navigation__responsive-container.is-menu-op
 .wp-block-social-links .wp-block-social-links__social-prompt {
   min-height: 24px;
   list-style: none;
-  order: 2;
   font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
   font-size: 13px;
   line-height: 24px;
@@ -2761,10 +2763,14 @@ body.editor-styles-wrapper .wp-block-navigation__responsive-container.is-menu-op
   z-index: 2;
 }
 
-.is-outline-mode .block-editor-block-list__block:not(.remove-outline).wp-block-template-part.is-highlighted, .is-outline-mode .block-editor-block-list__block:not(.remove-outline).wp-block-template-part.is-selected,
-.is-outline-mode .block-editor-block-list__block:not(.remove-outline).is-reusable.is-highlighted,
-.is-outline-mode .block-editor-block-list__block:not(.remove-outline).is-reusable.is-selected {
-  box-shadow: inset 0 0 0 var(--wp-admin-border-width-focus) var(--wp-block-synced-color);
+.is-outline-mode .block-editor-block-list__block:not(.remove-outline).wp-block-template-part.is-highlighted::after, .is-outline-mode .block-editor-block-list__block:not(.remove-outline).wp-block-template-part.is-selected::after,
+.is-outline-mode .block-editor-block-list__block:not(.remove-outline).is-reusable.is-highlighted::after,
+.is-outline-mode .block-editor-block-list__block:not(.remove-outline).is-reusable.is-selected::after {
+  box-shadow: 0 0 0 var(--wp-admin-border-width-focus) var(--wp-block-synced-color);
+}
+.is-outline-mode .block-editor-block-list__block:not(.remove-outline).wp-block-template-part.is-hovered::after,
+.is-outline-mode .block-editor-block-list__block:not(.remove-outline).is-reusable.is-hovered::after {
+  box-shadow: 0 0 0 1px var(--wp-block-synced-color);
 }
 .is-outline-mode .block-editor-block-list__block:not(.remove-outline).wp-block-template-part.block-editor-block-list__block:not([contenteditable]):focus::after,
 .is-outline-mode .block-editor-block-list__block:not(.remove-outline).is-reusable.block-editor-block-list__block:not([contenteditable]):focus::after {
@@ -2775,6 +2781,10 @@ body.editor-styles-wrapper .wp-block-navigation__responsive-container.is-menu-op
   box-shadow: 0 0 0 var(--wp-admin-border-width-focus) #fff;
 }
 
+.is-outline-mode .block-editor-block-list__block:not(.remove-outline).wp-block-template-part.has-editable-outline::after {
+  border: none;
+}
+
 .wp-block-text-columns .block-editor-rich-text__editable:focus {
   outline: 1px solid #ddd;
 }

package/build-style/embed/theme-rtl.css

@@ -95,6 +95,6 @@
   color: rgba(255, 255, 255, 0.65);
 }
 
-.wp-block-embed {
+:where(.wp-block-embed) {
   margin: 0 0 1em 0;
 }

package/build-style/embed/theme.css

@@ -95,6 +95,6 @@
   color: rgba(255, 255, 255, 0.65);
 }
 
-.wp-block-embed {
+:where(.wp-block-embed) {
   margin: 0 0 1em 0;
 }

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

@@ -96,6 +96,9 @@
 .wp-block[data-align=left] > .wp-block-file, .wp-block[data-align=right] > .wp-block-file {
   height: auto;
 }
+.wp-block[data-align=center] > .wp-block-file {
+  text-align: center;
+}
 .wp-block-file .components-resizable-box__container {
   margin-bottom: 1em;
 }

package/build-style/file/editor.css

@@ -96,6 +96,9 @@
 .wp-block[data-align=left] > .wp-block-file, .wp-block[data-align=right] > .wp-block-file {
   height: auto;
 }
+.wp-block[data-align=center] > .wp-block-file {
+  text-align: center;
+}
 .wp-block-file .components-resizable-box__container {
   margin-bottom: 1em;
 }

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

@@ -86,9 +86,6 @@
 /**
  * Reset the WP Admin page styles for Gutenberg-like pages.
  */
-.wp-block-image.wp-block-image:not(.is-selected) .components-placeholder__fieldset {
-  display: none;
-}
 .wp-block-image.wp-block-image.is-selected .components-placeholder {
   color: #1e1e1e;
   background-color: #fff;

package/build-style/image/editor.css

@@ -86,9 +86,6 @@
 /**
  * Reset the WP Admin page styles for Gutenberg-like pages.
  */
-.wp-block-image.wp-block-image:not(.is-selected) .components-placeholder__fieldset {
-  display: none;
-}
 .wp-block-image.wp-block-image.is-selected .components-placeholder {
   color: #1e1e1e;
   background-color: #fff;

package/build-style/image/theme-rtl.css

@@ -95,6 +95,6 @@
   color: rgba(255, 255, 255, 0.65);
 }
 
-.wp-block-image {
+:where(.wp-block-image) {
   margin: 0 0 1em 0;
 }

package/build-style/image/theme.css

@@ -95,6 +95,6 @@
   color: rgba(255, 255, 255, 0.65);
 }
 
-.wp-block-image {
+:where(.wp-block-image) {
   margin: 0 0 1em 0;
 }

package/build-style/media-text/editor-rtl.css

@@ -109,10 +109,16 @@
   width: 100% !important;
 }
 
-.wp-block-media-text.is-image-fill .editor-media-container__resizer {
+.wp-block-media-text.is-image-fill .editor-media-container__resizer,
+.wp-block-media-text.is-image-fill .components-placeholder.has-illustration {
   height: 100% !important;
 }
 
 .wp-block-media-text > .block-editor-block-list__layout > .block-editor-block-list__block {
   max-width: unset;
+}
+
+/* Make the featured image placeholder the same height as the media selection area. */
+.wp-block-media-text--placeholder-image {
+  min-height: 205px;
 }

package/build-style/media-text/editor.css

@@ -109,10 +109,16 @@
   width: 100% !important;
 }
 
-.wp-block-media-text.is-image-fill .editor-media-container__resizer {
+.wp-block-media-text.is-image-fill .editor-media-container__resizer,
+.wp-block-media-text.is-image-fill .components-placeholder.has-illustration {
   height: 100% !important;
 }
 
 .wp-block-media-text > .block-editor-block-list__layout > .block-editor-block-list__block {
   max-width: unset;
+}
+
+/* Make the featured image placeholder the same height as the media selection area. */
+.wp-block-media-text--placeholder-image {
+  min-height: 205px;
 }

package/build-style/pullquote/theme-rtl.css

@@ -86,12 +86,13 @@
 /**
  * Reset the WP Admin page styles for Gutenberg-like pages.
  */
-.wp-block-pullquote {
+:where(.wp-block-pullquote) {
   border-top: 4px solid currentColor;
   border-bottom: 4px solid currentColor;
   margin-bottom: 1.75em;
   color: currentColor;
 }
+
 .wp-block-pullquote cite,
 .wp-block-pullquote footer, .wp-block-pullquote__citation {
   color: currentColor;

package/build-style/pullquote/theme.css

@@ -86,12 +86,13 @@
 /**
  * Reset the WP Admin page styles for Gutenberg-like pages.
  */
-.wp-block-pullquote {
+:where(.wp-block-pullquote) {
   border-top: 4px solid currentColor;
   border-bottom: 4px solid currentColor;
   margin-bottom: 1.75em;
   color: currentColor;
 }
+
 .wp-block-pullquote cite,
 .wp-block-pullquote footer, .wp-block-pullquote__citation {
   color: currentColor;

package/build-style/quote/theme-rtl.css

@@ -86,28 +86,28 @@
 /**
  * Reset the WP Admin page styles for Gutenberg-like pages.
  */
-.wp-block-quote {
+:where(.wp-block-quote) {
   border-right: 0.25em solid currentColor;
   margin: 0 0 1.75em 0;
   padding-right: 1em;
 }
-.wp-block-quote cite,
-.wp-block-quote footer {
+:where(.wp-block-quote) cite,
+:where(.wp-block-quote) footer {
   color: currentColor;
   font-size: 0.8125em;
   position: relative;
   font-style: normal;
 }
-.wp-block-quote.has-text-align-right {
+:where(.wp-block-quote).has-text-align-right {
   border-right: none;
   border-left: 0.25em solid currentColor;
   padding-right: 0;
   padding-left: 1em;
 }
-.wp-block-quote.has-text-align-center {
+:where(.wp-block-quote).has-text-align-center {
   border: none;
   padding-right: 0;
 }
-.wp-block-quote.is-style-plain, .wp-block-quote.is-style-large, .wp-block-quote.is-large {
+:where(.wp-block-quote).is-style-plain, :where(.wp-block-quote).is-style-large, :where(.wp-block-quote).is-large {
   border: none;
 }

package/build-style/quote/theme.css

@@ -86,28 +86,28 @@
 /**
  * Reset the WP Admin page styles for Gutenberg-like pages.
  */
-.wp-block-quote {
+:where(.wp-block-quote) {
   border-left: 0.25em solid currentColor;
   margin: 0 0 1.75em 0;
   padding-left: 1em;
 }
-.wp-block-quote cite,
-.wp-block-quote footer {
+:where(.wp-block-quote) cite,
+:where(.wp-block-quote) footer {
   color: currentColor;
   font-size: 0.8125em;
   position: relative;
   font-style: normal;
 }
-.wp-block-quote.has-text-align-right {
+:where(.wp-block-quote).has-text-align-right {
   border-left: none;
   border-right: 0.25em solid currentColor;
   padding-left: 0;
   padding-right: 1em;
 }
-.wp-block-quote.has-text-align-center {
+:where(.wp-block-quote).has-text-align-center {
   border: none;
   padding-left: 0;
 }
-.wp-block-quote.is-style-plain, .wp-block-quote.is-style-large, .wp-block-quote.is-large {
+:where(.wp-block-quote).is-style-plain, :where(.wp-block-quote).is-style-large, :where(.wp-block-quote).is-large {
   border: none;
 }

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

@@ -164,6 +164,16 @@
   flex-basis: 0;
 }
 
+:where(.wp-block-search__input) {
+  font-family: inherit;
+  font-weight: inherit;
+  font-size: inherit;
+  line-height: inherit;
+  letter-spacing: inherit;
+  text-transform: inherit;
+  font-style: inherit;
+}
+
 :where(.wp-block-search__button-inside .wp-block-search__inside-wrapper) {
   padding: 4px;
   border: 1px solid #949494;

package/build-style/search/style.css

@@ -164,6 +164,16 @@
   flex-basis: 0;
 }
 
+:where(.wp-block-search__input) {
+  font-family: inherit;
+  font-weight: inherit;
+  font-size: inherit;
+  line-height: inherit;
+  letter-spacing: inherit;
+  text-transform: inherit;
+  font-style: inherit;
+}
+
 :where(.wp-block-search__button-inside .wp-block-search__inside-wrapper) {
   padding: 4px;
   border: 1px solid #949494;

package/build-style/social-links/editor-rtl.css

@@ -90,9 +90,6 @@
   display: inline-block;
   margin-right: 8px;
 }
-.wp-block-social-links.wp-block-social-links {
-  background: none;
-}
 
 .wp-social-link:hover {
   transform: none;
@@ -142,7 +139,6 @@
 .wp-block-social-links .wp-block-social-links__social-prompt {
   min-height: 24px;
   list-style: none;
-  order: 2;
   font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
   font-size: 13px;
   line-height: 24px;

package/build-style/social-links/editor.css

@@ -90,9 +90,6 @@
   display: inline-block;
   margin-left: 8px;
 }
-.wp-block-social-links.wp-block-social-links {
-  background: none;
-}
 
 .wp-social-link:hover {
   transform: none;
@@ -142,7 +139,6 @@
 .wp-block-social-links .wp-block-social-links__social-prompt {
   min-height: 24px;
   list-style: none;
-  order: 2;
   font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
   font-size: 13px;
   line-height: 24px;

package/build-style/social-links/style-rtl.css

@@ -250,7 +250,7 @@
   color: #fff;
 }
 .wp-block-social-links:not(.is-style-logos-only) .wp-social-link-medium {
-  background-color: #02ab6c;
+  background-color: #000;
   color: #fff;
 }
 .wp-block-social-links:not(.is-style-logos-only) .wp-social-link-meetup {
@@ -414,7 +414,7 @@
   color: #3288d4;
 }
 .wp-block-social-links.is-style-logos-only .wp-social-link-medium {
-  color: #02ab6c;
+  color: #000;
 }
 .wp-block-social-links.is-style-logos-only .wp-social-link-meetup {
   color: #f6405f;

package/build-style/social-links/style.css

@@ -250,7 +250,7 @@
   color: #fff;
 }
 .wp-block-social-links:not(.is-style-logos-only) .wp-social-link-medium {
-  background-color: #02ab6c;
+  background-color: #000;
   color: #fff;
 }
 .wp-block-social-links:not(.is-style-logos-only) .wp-social-link-meetup {
@@ -414,7 +414,7 @@
   color: #3288d4;
 }
 .wp-block-social-links.is-style-logos-only .wp-social-link-medium {
-  color: #02ab6c;
+  color: #000;
 }
 .wp-block-social-links.is-style-logos-only .wp-social-link-meetup {
   color: #f6405f;

package/build-style/style-rtl.css

@@ -604,15 +604,18 @@
   float: left;
 }
 
+:where(.wp-block-cover-image, .wp-block-cover) {
+  min-height: 430px;
+  padding: 1em;
+}
+
 .wp-block-cover-image,
 .wp-block-cover {
   position: relative;
   background-position: center center;
-  min-height: 430px;
   display: flex;
   justify-content: center;
   align-items: center;
-  padding: 1em;
   overflow: hidden;
   overflow: clip;
   box-sizing: border-box; direction: ltr;
@@ -3321,6 +3324,16 @@ ul.wp-block-rss.is-grid li {
   flex-basis: 0;
 }
 
+:where(.wp-block-search__input) {
+  font-family: inherit;
+  font-weight: inherit;
+  font-size: inherit;
+  line-height: inherit;
+  letter-spacing: inherit;
+  text-transform: inherit;
+  font-style: inherit;
+}
+
 :where(.wp-block-search__button-inside .wp-block-search__inside-wrapper) {
   padding: 4px;
   border: 1px solid #949494;
@@ -3565,7 +3578,7 @@ ul.wp-block-rss.is-grid li {
   color: #fff;
 }
 .wp-block-social-links:not(.is-style-logos-only) .wp-social-link-medium {
-  background-color: #02ab6c;
+  background-color: #000;
   color: #fff;
 }
 .wp-block-social-links:not(.is-style-logos-only) .wp-social-link-meetup {
@@ -3729,7 +3742,7 @@ ul.wp-block-rss.is-grid li {
   color: #3288d4;
 }
 .wp-block-social-links.is-style-logos-only .wp-social-link-medium {
-  color: #02ab6c;
+  color: #000;
 }
 .wp-block-social-links.is-style-logos-only .wp-social-link-meetup {
   color: #f6405f;

package/build-style/style.css

@@ -609,15 +609,18 @@
   float: right;
 }
 
+:where(.wp-block-cover-image, .wp-block-cover) {
+  min-height: 430px;
+  padding: 1em;
+}
+
 .wp-block-cover-image,
 .wp-block-cover {
   position: relative;
   background-position: center center;
-  min-height: 430px;
   display: flex;
   justify-content: center;
   align-items: center;
-  padding: 1em;
   overflow: hidden;
   overflow: clip;
   box-sizing: border-box;
@@ -3355,6 +3358,16 @@ ul.wp-block-rss.is-grid li {
   flex-basis: 0;
 }
 
+:where(.wp-block-search__input) {
+  font-family: inherit;
+  font-weight: inherit;
+  font-size: inherit;
+  line-height: inherit;
+  letter-spacing: inherit;
+  text-transform: inherit;
+  font-style: inherit;
+}
+
 :where(.wp-block-search__button-inside .wp-block-search__inside-wrapper) {
   padding: 4px;
   border: 1px solid #949494;
@@ -3600,7 +3613,7 @@ ul.wp-block-rss.is-grid li {
   color: #fff;
 }
 .wp-block-social-links:not(.is-style-logos-only) .wp-social-link-medium {
-  background-color: #02ab6c;
+  background-color: #000;
   color: #fff;
 }
 .wp-block-social-links:not(.is-style-logos-only) .wp-social-link-meetup {
@@ -3764,7 +3777,7 @@ ul.wp-block-rss.is-grid li {
   color: #3288d4;
 }
 .wp-block-social-links.is-style-logos-only .wp-social-link-medium {
-  color: #02ab6c;
+  color: #000;
 }
 .wp-block-social-links.is-style-logos-only .wp-social-link-meetup {
   color: #f6405f;

package/build-style/table/theme-rtl.css

@@ -86,9 +86,6 @@
 /**
  * Reset the WP Admin page styles for Gutenberg-like pages.
  */
-.wp-block-table {
-  margin: 0 0 1em 0;
-}
 .wp-block-table td,
 .wp-block-table th {
   word-break: normal;
@@ -100,4 +97,8 @@
 }
 .is-dark-theme .wp-block-table figcaption {
   color: rgba(255, 255, 255, 0.65);
+}
+
+:where(.wp-block-table) {
+  margin: 0 0 1em 0;
 }

package/build-style/table/theme.css

@@ -86,9 +86,6 @@
 /**
  * Reset the WP Admin page styles for Gutenberg-like pages.
  */
-.wp-block-table {
-  margin: 0 0 1em 0;
-}
 .wp-block-table td,
 .wp-block-table th {
   word-break: normal;
@@ -100,4 +97,8 @@
 }
 .is-dark-theme .wp-block-table figcaption {
   color: rgba(255, 255, 255, 0.65);
+}
+
+:where(.wp-block-table) {
+  margin: 0 0 1em 0;
 }

package/build-style/template-part/editor-rtl.css

@@ -110,10 +110,14 @@
   z-index: 2;
 }
 
-.is-outline-mode .block-editor-block-list__block:not(.remove-outline).wp-block-template-part.is-highlighted, .is-outline-mode .block-editor-block-list__block:not(.remove-outline).wp-block-template-part.is-selected,
-.is-outline-mode .block-editor-block-list__block:not(.remove-outline).is-reusable.is-highlighted,
-.is-outline-mode .block-editor-block-list__block:not(.remove-outline).is-reusable.is-selected {
-  box-shadow: inset 0 0 0 var(--wp-admin-border-width-focus) var(--wp-block-synced-color);
+.is-outline-mode .block-editor-block-list__block:not(.remove-outline).wp-block-template-part.is-highlighted::after, .is-outline-mode .block-editor-block-list__block:not(.remove-outline).wp-block-template-part.is-selected::after,
+.is-outline-mode .block-editor-block-list__block:not(.remove-outline).is-reusable.is-highlighted::after,
+.is-outline-mode .block-editor-block-list__block:not(.remove-outline).is-reusable.is-selected::after {
+  box-shadow: 0 0 0 var(--wp-admin-border-width-focus) var(--wp-block-synced-color);
+}
+.is-outline-mode .block-editor-block-list__block:not(.remove-outline).wp-block-template-part.is-hovered::after,
+.is-outline-mode .block-editor-block-list__block:not(.remove-outline).is-reusable.is-hovered::after {
+  box-shadow: 0 0 0 1px var(--wp-block-synced-color);
 }
 .is-outline-mode .block-editor-block-list__block:not(.remove-outline).wp-block-template-part.block-editor-block-list__block:not([contenteditable]):focus::after,
 .is-outline-mode .block-editor-block-list__block:not(.remove-outline).is-reusable.block-editor-block-list__block:not([contenteditable]):focus::after {
@@ -122,4 +126,8 @@
 .is-dark-theme .is-outline-mode .block-editor-block-list__block:not(.remove-outline).wp-block-template-part.block-editor-block-list__block:not([contenteditable]):focus::after,
 .is-dark-theme .is-outline-mode .block-editor-block-list__block:not(.remove-outline).is-reusable.block-editor-block-list__block:not([contenteditable]):focus::after {
   box-shadow: 0 0 0 var(--wp-admin-border-width-focus) #fff;
+}
+
+.is-outline-mode .block-editor-block-list__block:not(.remove-outline).wp-block-template-part.has-editable-outline::after {
+  border: none;
 }

package/build-style/template-part/editor.css

@@ -110,10 +110,14 @@
   z-index: 2;
 }
 
-.is-outline-mode .block-editor-block-list__block:not(.remove-outline).wp-block-template-part.is-highlighted, .is-outline-mode .block-editor-block-list__block:not(.remove-outline).wp-block-template-part.is-selected,
-.is-outline-mode .block-editor-block-list__block:not(.remove-outline).is-reusable.is-highlighted,
-.is-outline-mode .block-editor-block-list__block:not(.remove-outline).is-reusable.is-selected {
-  box-shadow: inset 0 0 0 var(--wp-admin-border-width-focus) var(--wp-block-synced-color);
+.is-outline-mode .block-editor-block-list__block:not(.remove-outline).wp-block-template-part.is-highlighted::after, .is-outline-mode .block-editor-block-list__block:not(.remove-outline).wp-block-template-part.is-selected::after,
+.is-outline-mode .block-editor-block-list__block:not(.remove-outline).is-reusable.is-highlighted::after,
+.is-outline-mode .block-editor-block-list__block:not(.remove-outline).is-reusable.is-selected::after {
+  box-shadow: 0 0 0 var(--wp-admin-border-width-focus) var(--wp-block-synced-color);
+}
+.is-outline-mode .block-editor-block-list__block:not(.remove-outline).wp-block-template-part.is-hovered::after,
+.is-outline-mode .block-editor-block-list__block:not(.remove-outline).is-reusable.is-hovered::after {
+  box-shadow: 0 0 0 1px var(--wp-block-synced-color);
 }
 .is-outline-mode .block-editor-block-list__block:not(.remove-outline).wp-block-template-part.block-editor-block-list__block:not([contenteditable]):focus::after,
 .is-outline-mode .block-editor-block-list__block:not(.remove-outline).is-reusable.block-editor-block-list__block:not([contenteditable]):focus::after {
@@ -122,4 +126,8 @@
 .is-dark-theme .is-outline-mode .block-editor-block-list__block:not(.remove-outline).wp-block-template-part.block-editor-block-list__block:not([contenteditable]):focus::after,
 .is-dark-theme .is-outline-mode .block-editor-block-list__block:not(.remove-outline).is-reusable.block-editor-block-list__block:not([contenteditable]):focus::after {
   box-shadow: 0 0 0 var(--wp-admin-border-width-focus) #fff;
+}
+
+.is-outline-mode .block-editor-block-list__block:not(.remove-outline).wp-block-template-part.has-editable-outline::after {
+  border: none;
 }

package/build-style/template-part/theme-rtl.css

@@ -86,7 +86,7 @@
 /**
  * Reset the WP Admin page styles for Gutenberg-like pages.
  */
-.wp-block-template-part.has-background {
+:where(.wp-block-template-part).has-background {
   padding: 1.25em 2.375em;
   margin-top: 0;
   margin-bottom: 0;

package/build-style/template-part/theme.css

@@ -86,7 +86,7 @@
 /**
  * Reset the WP Admin page styles for Gutenberg-like pages.
  */
-.wp-block-template-part.has-background {
+:where(.wp-block-template-part).has-background {
   padding: 1.25em 2.375em;
   margin-top: 0;
   margin-bottom: 0;