@wordpress/block-library 8.32.0 → 8.33.0

package/build-style/editor-rtl.css

@@ -468,9 +468,17 @@ html :where(.wp-block-column) {
 .wp-block-cover.components-placeholder h2 {
   color: inherit;
 }
+.wp-block-cover.is-transient {
+  position: relative;
+}
 .wp-block-cover.is-transient::before {
   background-color: #fff;
+  content: "";
+  height: 100%;
   opacity: 0.3;
+  position: absolute;
+  width: 100%;
+  z-index: 1;
 }
 .wp-block-cover .components-spinner {
   position: absolute;
@@ -1029,42 +1037,42 @@ div[data-type="core/freeform"].is-selected .block-library-classic__toolbar {
   margin-top: 16px;
 }
 
-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;
   left: 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%;
   right: 50%;
@@ -2418,14 +2426,24 @@ body.editor-styles-wrapper .wp-block-navigation__responsive-container.is-menu-op
 .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;
@@ -2755,21 +2773,21 @@ 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::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;
 }
 
@@ -3065,6 +3083,18 @@ body.editor-styles-wrapper .wp-block-navigation__responsive-container.is-menu-op
   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%;
@@ -3136,11 +3166,6 @@ div[data-type="core/post-featured-image"] img {
   background: linear-gradient(-135deg, #020381 0%, #2874fc 100%);
 }
 
-:where(.editor-styles-wrapper) {
-  --wp--preset--font-size--normal: 16px;
-  --wp--preset--font-size--huge: 42px;
-}
-
 :where(.editor-styles-wrapper) .has-regular-font-size {
   font-size: 16px;
 }
@@ -3149,14 +3174,6 @@ div[data-type="core/post-featured-image"] img {
   font-size: 42px;
 }
 
-:where(.editor-styles-wrapper) .has-normal-font-size {
-  font-size: var(--wp--preset--font-size--normal);
-}
-
-:where(.editor-styles-wrapper) .has-huge-font-size {
-  font-size: var(--wp--preset--font-size--huge);
-}
-
 /**
  * Editor Normalization Styles
  *

package/build-style/editor.css

@@ -472,9 +472,17 @@ html :where(.wp-block-column) {
 .wp-block-cover.components-placeholder h2 {
   color: inherit;
 }
+.wp-block-cover.is-transient {
+  position: relative;
+}
 .wp-block-cover.is-transient::before {
   background-color: #fff;
+  content: "";
+  height: 100%;
   opacity: 0.3;
+  position: absolute;
+  width: 100%;
+  z-index: 1;
 }
 .wp-block-cover .components-spinner {
   position: absolute;
@@ -1037,42 +1045,42 @@ div[data-type="core/freeform"].is-selected .block-library-classic__toolbar {
   margin-top: 16px;
 }
 
-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%;
@@ -2426,14 +2434,24 @@ body.editor-styles-wrapper .wp-block-navigation__responsive-container.is-menu-op
 .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;
@@ -2763,21 +2781,21 @@ 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::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;
 }
 
@@ -3076,6 +3094,18 @@ body.editor-styles-wrapper .wp-block-navigation__responsive-container.is-menu-op
   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%;
@@ -3147,11 +3177,6 @@ div[data-type="core/post-featured-image"] img {
   background: linear-gradient(135deg, #020381 0%, #2874fc 100%);
 }
 
-:where(.editor-styles-wrapper) {
-  --wp--preset--font-size--normal: 16px;
-  --wp--preset--font-size--huge: 42px;
-}
-
 :where(.editor-styles-wrapper) .has-regular-font-size {
   font-size: 16px;
 }
@@ -3160,14 +3185,6 @@ div[data-type="core/post-featured-image"] img {
   font-size: 42px;
 }
 
-:where(.editor-styles-wrapper) .has-normal-font-size {
-  font-size: var(--wp--preset--font-size--normal);
-}
-
-:where(.editor-styles-wrapper) .has-huge-font-size {
-  font-size: var(--wp--preset--font-size--huge);
-}
-
 /**
  * Editor Normalization Styles
  *

package/build-style/gallery/editor-rtl.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;
   left: 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%;
   right: 50%;

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/post-featured-image/editor-rtl.css

@@ -187,6 +187,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

@@ -187,6 +187,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;

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;