@wordpress/block-library 8.31.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;
@@ -2556,9 +2574,6 @@ body.editor-styles-wrapper .wp-block-navigation__responsive-container.is-menu-op
   display: inline-block;
   margin-right: 8px;
 }
-.wp-block-social-links.wp-block-social-links {
-  background: none;
-}
 
 .wp-social-link:hover {
   transform: none;
@@ -2608,7 +2623,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;
@@ -2759,20 +2773,28 @@ 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);
+.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);
+}
+.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;
 }
 
+.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;
 }
@@ -3061,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%;
@@ -3132,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;
 }
@@ -3145,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;
@@ -2564,9 +2582,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;
@@ -2616,7 +2631,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;
@@ -2767,20 +2781,28 @@ 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);
+.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);
+}
+.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;
 }
 
+.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;
 }
@@ -3072,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%;
@@ -3143,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;
 }
@@ -3156,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/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/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/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/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/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;