@wordpress/block-library 8.32.0 → 8.34.0

package/build-style/gallery/editor.css

@@ -86,42 +86,42 @@
 /**
  * Reset the WP Admin page styles for Gutenberg-like pages.
  */
-figure.wp-block-gallery {
+:where(figure.wp-block-gallery) {
   display: block;
 }
-figure.wp-block-gallery > .blocks-gallery-caption {
+:where(figure.wp-block-gallery) > .blocks-gallery-caption {
   flex: 0 0 100%;
 }
-figure.wp-block-gallery > .blocks-gallery-media-placeholder-wrapper {
+:where(figure.wp-block-gallery) > .blocks-gallery-media-placeholder-wrapper {
   flex-basis: 100%;
 }
-figure.wp-block-gallery .wp-block-image .components-notice.is-error {
+:where(figure.wp-block-gallery) .wp-block-image .components-notice.is-error {
   display: block;
 }
-figure.wp-block-gallery .wp-block-image .components-notice__content {
+:where(figure.wp-block-gallery) .wp-block-image .components-notice__content {
   margin: 4px 0;
 }
-figure.wp-block-gallery .wp-block-image .components-notice__dismiss {
+:where(figure.wp-block-gallery) .wp-block-image .components-notice__dismiss {
   position: absolute;
   top: 0;
   right: 5px;
 }
-figure.wp-block-gallery .block-editor-media-placeholder.is-appender .components-placeholder__label {
+:where(figure.wp-block-gallery) .block-editor-media-placeholder.is-appender .components-placeholder__label {
   display: none;
 }
-figure.wp-block-gallery .block-editor-media-placeholder.is-appender .block-editor-media-placeholder__button {
+:where(figure.wp-block-gallery) .block-editor-media-placeholder.is-appender .block-editor-media-placeholder__button {
   margin-bottom: 0;
 }
-figure.wp-block-gallery .block-editor-media-placeholder {
+:where(figure.wp-block-gallery) .block-editor-media-placeholder {
   margin: 0;
 }
-figure.wp-block-gallery .block-editor-media-placeholder .components-placeholder__label {
+:where(figure.wp-block-gallery) .block-editor-media-placeholder .components-placeholder__label {
   display: flex;
 }
-figure.wp-block-gallery .block-editor-media-placeholder figcaption {
+:where(figure.wp-block-gallery) .block-editor-media-placeholder figcaption {
   z-index: 2;
 }
-figure.wp-block-gallery .components-spinner {
+:where(figure.wp-block-gallery) .components-spinner {
   position: absolute;
   top: 50%;
   left: 50%;

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

@@ -137,48 +137,4 @@
 }
 .wp-block-group.is-layout-flex.block-editor-block-list__block > .block-list-appender:only-child .block-editor-inserter {
   pointer-events: all;
-}
-
-.wp-block-group__placeholder .wp-block-group-placeholder__variations {
-  list-style: none;
-  display: flex;
-  justify-content: center;
-  flex-direction: row;
-  flex-wrap: wrap;
-  width: 100%;
-  padding: 0;
-  margin: 0;
-}
-.wp-block-group__placeholder .components-placeholder__instructions {
-  margin-bottom: 18px;
-}
-.wp-block-group__placeholder .wp-block-group-placeholder__variations svg {
-  fill: #ccc !important;
-}
-.wp-block-group__placeholder .wp-block-group-placeholder__variations svg:hover {
-  fill: var(--wp-admin-theme-color) !important;
-}
-.wp-block-group__placeholder .wp-block-group-placeholder__variations > li {
-  margin: 0 12px 12px 12px;
-  width: auto;
-  display: flex;
-  flex-direction: column;
-  align-items: center;
-}
-.wp-block-group__placeholder .wp-block-group-placeholder__variations li > .wp-block-group-placeholder__variation-button {
-  width: 44px;
-  height: 32px;
-  padding: 0;
-}
-.wp-block-group__placeholder .wp-block-group-placeholder__variations li > .wp-block-group-placeholder__variation-button:hover {
-  box-shadow: none;
-}
-.wp-block-group__placeholder .components-placeholder {
-  min-height: auto;
-  padding: 24px;
-  align-items: center;
-}
-.wp-block-group__placeholder .is-small .wp-block-group-placeholder__variations > li,
-.wp-block-group__placeholder .is-medium .wp-block-group-placeholder__variations > li {
-  margin: 12px;
 }

package/build-style/group/editor.css

@@ -137,48 +137,4 @@
 }
 .wp-block-group.is-layout-flex.block-editor-block-list__block > .block-list-appender:only-child .block-editor-inserter {
   pointer-events: all;
-}
-
-.wp-block-group__placeholder .wp-block-group-placeholder__variations {
-  list-style: none;
-  display: flex;
-  justify-content: center;
-  flex-direction: row;
-  flex-wrap: wrap;
-  width: 100%;
-  padding: 0;
-  margin: 0;
-}
-.wp-block-group__placeholder .components-placeholder__instructions {
-  margin-bottom: 18px;
-}
-.wp-block-group__placeholder .wp-block-group-placeholder__variations svg {
-  fill: #ccc !important;
-}
-.wp-block-group__placeholder .wp-block-group-placeholder__variations svg:hover {
-  fill: var(--wp-admin-theme-color) !important;
-}
-.wp-block-group__placeholder .wp-block-group-placeholder__variations > li {
-  margin: 0 12px 12px 12px;
-  width: auto;
-  display: flex;
-  flex-direction: column;
-  align-items: center;
-}
-.wp-block-group__placeholder .wp-block-group-placeholder__variations li > .wp-block-group-placeholder__variation-button {
-  width: 44px;
-  height: 32px;
-  padding: 0;
-}
-.wp-block-group__placeholder .wp-block-group-placeholder__variations li > .wp-block-group-placeholder__variation-button:hover {
-  box-shadow: none;
-}
-.wp-block-group__placeholder .components-placeholder {
-  min-height: auto;
-  padding: 24px;
-  align-items: center;
-}
-.wp-block-group__placeholder .is-small .wp-block-group-placeholder__variations > li,
-.wp-block-group__placeholder .is-medium .wp-block-group-placeholder__variations > li {
-  margin: 12px;
 }

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

@@ -88,4 +88,8 @@
  */
 .wp-block-group {
   box-sizing: border-box;
+}
+
+:where(.wp-block-group.wp-block-group-is-layout-constrained) {
+  position: relative;
 }

package/build-style/group/style.css

@@ -88,4 +88,8 @@
  */
 .wp-block-group {
   box-sizing: border-box;
+}
+
+:where(.wp-block-group.wp-block-group-is-layout-constrained) {
+  position: relative;
 }

package/build-style/navigation-link/style-rtl.css

@@ -105,12 +105,4 @@
 .link-ui-block-inserter__back {
   margin-right: 8px;
   text-transform: uppercase;
-}
-
-.components-popover-pointer-events-trap {
-  z-index: 1000000;
-  position: fixed;
-  inset: 0;
-  background-color: transparent;
-  cursor: pointer;
 }

package/build-style/navigation-link/style.css

@@ -105,12 +105,4 @@
 .link-ui-block-inserter__back {
   margin-left: 8px;
   text-transform: uppercase;
-}
-
-.components-popover-pointer-events-trap {
-  z-index: 1000000;
-  position: fixed;
-  inset: 0;
-  background-color: transparent;
-  cursor: pointer;
 }

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

@@ -105,6 +105,7 @@
 }
 .wp-block-post-featured-image .wp-block-post-featured-image__placeholder .components-button,
 .wp-block-post-featured-image .components-placeholder .components-button {
+  margin: auto;
   padding: 0;
   display: flex;
   justify-content: center;
@@ -187,6 +188,18 @@
   opacity: 1;
   pointer-events: auto;
 }
+.wp-block-post-featured-image.is-transient {
+  position: relative;
+}
+.wp-block-post-featured-image.is-transient img {
+  opacity: 0.3;
+}
+.wp-block-post-featured-image.is-transient .components-spinner {
+  position: absolute;
+  top: 50%;
+  right: 50%;
+  transform: translate(50%, -50%);
+}
 
 div[data-type="core/post-featured-image"] img {
   max-width: 100%;

package/build-style/post-featured-image/editor.css

@@ -105,6 +105,7 @@
 }
 .wp-block-post-featured-image .wp-block-post-featured-image__placeholder .components-button,
 .wp-block-post-featured-image .components-placeholder .components-button {
+  margin: auto;
   padding: 0;
   display: flex;
   justify-content: center;
@@ -187,6 +188,18 @@
   opacity: 1;
   pointer-events: auto;
 }
+.wp-block-post-featured-image.is-transient {
+  position: relative;
+}
+.wp-block-post-featured-image.is-transient img {
+  opacity: 0.3;
+}
+.wp-block-post-featured-image.is-transient .components-spinner {
+  position: absolute;
+  top: 50%;
+  left: 50%;
+  transform: translate(-50%, -50%);
+}
 
 div[data-type="core/post-featured-image"] img {
   max-width: 100%;

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

@@ -87,7 +87,6 @@
  * Reset the WP Admin page styles for Gutenberg-like pages.
  */
 .wp-block-pullquote {
-  padding: 4em 0;
   text-align: center;
   overflow-wrap: break-word;
   box-sizing: border-box;
@@ -119,6 +118,7 @@
 
 :where(.wp-block-pullquote) {
   margin: 0 0 1em 0;
+  padding: 4em 0;
 }
 
 .wp-block-pullquote.has-text-align-left blockquote {

package/build-style/pullquote/style.css

@@ -87,7 +87,6 @@
  * Reset the WP Admin page styles for Gutenberg-like pages.
  */
 .wp-block-pullquote {
-  padding: 4em 0;
   text-align: center;
   overflow-wrap: break-word;
   box-sizing: border-box;
@@ -119,6 +118,7 @@
 
 :where(.wp-block-pullquote) {
   margin: 0 0 1em 0;
+  padding: 4em 0;
 }
 
 .wp-block-pullquote.has-text-align-left blockquote {

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

@@ -87,12 +87,6 @@
 /**
  * Reset the WP Admin page styles for Gutenberg-like pages.
  */
-.wp-block-separator {
-  border-top: 2px solid currentColor;
-  border-right: none;
-  border-left: none;
-  border-bottom: none;
-}
 .wp-block-separator.is-style-dots {
   background: none !important;
   border: none;
@@ -107,4 +101,11 @@
   letter-spacing: 2em;
   padding-left: 2em;
   font-family: serif;
+}
+
+:where(.wp-block-separator) {
+  border-top: 2px solid currentColor;
+  border-right: none;
+  border-left: none;
+  border-bottom: none;
 }

package/build-style/separator/style.css

@@ -87,12 +87,6 @@
 /**
  * Reset the WP Admin page styles for Gutenberg-like pages.
  */
-.wp-block-separator {
-  border-top: 2px solid currentColor;
-  border-left: none;
-  border-right: none;
-  border-bottom: none;
-}
 .wp-block-separator.is-style-dots {
   background: none !important;
   border: none;
@@ -108,4 +102,11 @@
   /*rtl:ignore*/
   padding-left: 2em;
   font-family: serif;
+}
+
+:where(.wp-block-separator) {
+  border-top: 2px solid currentColor;
+  border-left: none;
+  border-right: none;
+  border-bottom: none;
 }

package/build-style/site-logo/editor-rtl.css

@@ -102,14 +102,24 @@
 .wp-block-site-logo .custom-logo-link:focus {
   box-shadow: none;
 }
-.wp-block-site-logo .custom-logo-link.is-transient img {
-  opacity: 0.3;
-}
 .wp-block-site-logo img {
   display: block;
   height: auto;
   max-width: 100%;
 }
+.wp-block-site-logo.is-transient {
+  position: relative;
+}
+.wp-block-site-logo.is-transient img {
+  opacity: 0.3;
+}
+.wp-block-site-logo.is-transient .components-spinner {
+  position: absolute;
+  top: 50%;
+  right: 50%;
+  transform: translate(50%, -50%);
+  margin: 0;
+}
 
 .wp-block-site-logo.wp-block-site-logo.is-default-size .components-placeholder {
   height: 60px;
@@ -138,6 +148,7 @@
 }
 .wp-block-site-logo.wp-block-site-logo .components-placeholder .components-button.components-button {
   padding: 0;
+  margin: auto;
   display: flex;
   justify-content: center;
   align-items: center;

package/build-style/site-logo/editor.css

@@ -102,14 +102,24 @@
 .wp-block-site-logo .custom-logo-link:focus {
   box-shadow: none;
 }
-.wp-block-site-logo .custom-logo-link.is-transient img {
-  opacity: 0.3;
-}
 .wp-block-site-logo img {
   display: block;
   height: auto;
   max-width: 100%;
 }
+.wp-block-site-logo.is-transient {
+  position: relative;
+}
+.wp-block-site-logo.is-transient img {
+  opacity: 0.3;
+}
+.wp-block-site-logo.is-transient .components-spinner {
+  position: absolute;
+  top: 50%;
+  left: 50%;
+  transform: translate(-50%, -50%);
+  margin: 0;
+}
 
 .wp-block-site-logo.wp-block-site-logo.is-default-size .components-placeholder {
   height: 60px;
@@ -138,6 +148,7 @@
 }
 .wp-block-site-logo.wp-block-site-logo .components-placeholder .components-button.components-button {
   padding: 0;
+  margin: auto;
   display: flex;
   justify-content: center;
   align-items: center;

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

@@ -89,14 +89,25 @@
 .wp-block-social-links .wp-social-link {
   line-height: 0;
 }
-.wp-block-social-links .wp-social-link button {
+
+.wp-block-social-link-anchor {
+  align-items: center;
+  background: none;
+  border: 0;
+  box-sizing: border-box;
+  cursor: pointer;
+  display: inline-flex;
   font-size: inherit;
   color: currentColor;
   height: auto;
-  line-height: 0;
   opacity: 1;
   padding: 0.25em;
 }
+.wp-block-social-link-anchor:focus:not(:disabled) {
+  border-radius: 2px;
+  box-shadow: 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color);
+  outline: 3px solid transparent;
+}
 
 .wp-block-social-links.is-style-pill-shape .wp-social-link button {
   padding-right: calc((2/3) * 1em);

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

@@ -89,14 +89,25 @@
 .wp-block-social-links .wp-social-link {
   line-height: 0;
 }
-.wp-block-social-links .wp-social-link button {
+
+.wp-block-social-link-anchor {
+  align-items: center;
+  background: none;
+  border: 0;
+  box-sizing: border-box;
+  cursor: pointer;
+  display: inline-flex;
   font-size: inherit;
   color: currentColor;
   height: auto;
-  line-height: 0;
   opacity: 1;
   padding: 0.25em;
 }
+.wp-block-social-link-anchor:focus:not(:disabled) {
+  border-radius: 2px;
+  box-shadow: 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color);
+  outline: 3px solid transparent;
+}
 
 .wp-block-social-links.is-style-pill-shape .wp-social-link button {
   padding-left: calc((2/3) * 1em);

package/build-style/style-rtl.css

@@ -1037,7 +1037,6 @@ section.wp-block-cover-image > h2,
 
 .wp-block-details {
   box-sizing: border-box;
-  overflow: hidden;
 }
 
 .wp-block-details summary {
@@ -1551,6 +1550,10 @@ figure.wp-block-gallery.has-nested-images {
   box-sizing: border-box;
 }
 
+:where(.wp-block-group.wp-block-group-is-layout-constrained) {
+  position: relative;
+}
+
 h1.has-background,
 h2.has-background,
 h3.has-background,
@@ -2703,14 +2706,6 @@ html.has-modal-open {
   text-transform: uppercase;
 }
 
-.components-popover-pointer-events-trap {
-  z-index: 1000000;
-  position: fixed;
-  inset: 0;
-  background-color: transparent;
-  cursor: pointer;
-}
-
 .wp-block-navigation .wp-block-page-list {
   display: flex;
   flex-direction: var(--navigation-layout-direction, initial);
@@ -2998,7 +2993,6 @@ p.has-text-align-left[style*="writing-mode:vertical-lr"] {
 }
 
 .wp-block-pullquote {
-  padding: 4em 0;
   text-align: center;
   overflow-wrap: break-word;
   box-sizing: border-box;
@@ -3030,6 +3024,7 @@ p.has-text-align-left[style*="writing-mode:vertical-lr"] {
 
 :where(.wp-block-pullquote) {
   margin: 0 0 1em 0;
+  padding: 4em 0;
 }
 
 .wp-block-pullquote.has-text-align-left blockquote {
@@ -3359,12 +3354,6 @@ ul.wp-block-rss.is-grid li {
   float: left;
 }
 
-.wp-block-separator {
-  border-top: 2px solid currentColor;
-  border-right: none;
-  border-left: none;
-  border-bottom: none;
-}
 .wp-block-separator.is-style-dots {
   background: none !important;
   border: none;
@@ -3381,6 +3370,13 @@ ul.wp-block-rss.is-grid li {
   font-family: serif;
 }
 
+:where(.wp-block-separator) {
+  border-top: 2px solid currentColor;
+  border-right: none;
+  border-left: none;
+  border-bottom: none;
+}
+
 .wp-block-site-logo {
   box-sizing: border-box;
   line-height: 0;

package/build-style/style.css

@@ -1044,7 +1044,6 @@ section.wp-block-cover-image > h2,
 
 .wp-block-details {
   box-sizing: border-box;
-  overflow: hidden;
 }
 
 .wp-block-details summary {
@@ -1559,6 +1558,10 @@ figure.wp-block-gallery.has-nested-images {
   box-sizing: border-box;
 }
 
+:where(.wp-block-group.wp-block-group-is-layout-constrained) {
+  position: relative;
+}
+
 h1.has-background,
 h2.has-background,
 h3.has-background,
@@ -2733,14 +2736,6 @@ html.has-modal-open {
   text-transform: uppercase;
 }
 
-.components-popover-pointer-events-trap {
-  z-index: 1000000;
-  position: fixed;
-  inset: 0;
-  background-color: transparent;
-  cursor: pointer;
-}
-
 .wp-block-navigation .wp-block-page-list {
   display: flex;
   flex-direction: var(--navigation-layout-direction, initial);
@@ -3028,7 +3023,6 @@ p.has-text-align-left[style*="writing-mode:vertical-lr"] {
 }
 
 .wp-block-pullquote {
-  padding: 4em 0;
   text-align: center;
   overflow-wrap: break-word;
   box-sizing: border-box;
@@ -3060,6 +3054,7 @@ p.has-text-align-left[style*="writing-mode:vertical-lr"] {
 
 :where(.wp-block-pullquote) {
   margin: 0 0 1em 0;
+  padding: 4em 0;
 }
 
 .wp-block-pullquote.has-text-align-left blockquote {
@@ -3393,12 +3388,6 @@ ul.wp-block-rss.is-grid li {
   float: right;
 }
 
-.wp-block-separator {
-  border-top: 2px solid currentColor;
-  border-left: none;
-  border-right: none;
-  border-bottom: none;
-}
 .wp-block-separator.is-style-dots {
   background: none !important;
   border: none;
@@ -3416,6 +3405,13 @@ ul.wp-block-rss.is-grid li {
   font-family: serif;
 }
 
+:where(.wp-block-separator) {
+  border-top: 2px solid currentColor;
+  border-left: none;
+  border-right: none;
+  border-bottom: none;
+}
+
 .wp-block-site-logo {
   box-sizing: border-box;
   line-height: 0;

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

@@ -110,21 +110,21 @@
   z-index: 2;
 }
 
-.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 {
+.block-editor-block-list__block:not(.remove-outline).wp-block-template-part.is-highlighted::after, .block-editor-block-list__block:not(.remove-outline).wp-block-template-part.is-selected::after,
+.block-editor-block-list__block:not(.remove-outline).is-reusable.is-highlighted::after,
+.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 {
+.block-editor-block-list__block:not(.remove-outline).wp-block-template-part.is-hovered::after,
+.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 {
+.block-editor-block-list__block:not(.remove-outline).wp-block-template-part.block-editor-block-list__block:not([contenteditable]):focus::after,
+.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) var(--wp-block-synced-color);
 }
-.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 {
+.is-dark-theme .block-editor-block-list__block:not(.remove-outline).wp-block-template-part.block-editor-block-list__block:not([contenteditable]):focus::after,
+.is-dark-theme .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;
 }
 

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

@@ -110,21 +110,21 @@
   z-index: 2;
 }
 
-.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 {
+.block-editor-block-list__block:not(.remove-outline).wp-block-template-part.is-highlighted::after, .block-editor-block-list__block:not(.remove-outline).wp-block-template-part.is-selected::after,
+.block-editor-block-list__block:not(.remove-outline).is-reusable.is-highlighted::after,
+.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 {
+.block-editor-block-list__block:not(.remove-outline).wp-block-template-part.is-hovered::after,
+.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 {
+.block-editor-block-list__block:not(.remove-outline).wp-block-template-part.block-editor-block-list__block:not([contenteditable]):focus::after,
+.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) var(--wp-block-synced-color);
 }
-.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 {
+.is-dark-theme .block-editor-block-list__block:not(.remove-outline).wp-block-template-part.block-editor-block-list__block:not([contenteditable]):focus::after,
+.is-dark-theme .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;
 }