@wordpress/block-library 6.0.1-next.253d9b6e21.0 → 6.0.3

package/build-style/editor.css

@@ -74,10 +74,6 @@
 /**
  * Reset the WP Admin page styles for Gutenberg-like pages.
  */
-#start-resizable-editor-section {
-  display: none;
-}
-
 ul.wp-block-archives {
   padding-left: 2.5em;
 }
@@ -153,7 +149,6 @@ ul.wp-block-archives {
 .is-selected .wp-block-button__inline-link {
   height: auto;
   overflow: visible;
-  margin-top: 16px;
 }
 
 .wp-button-label__width .components-button-group {
@@ -167,18 +162,14 @@ div[data-type="core/button"] {
   display: table;
 }
 
-.wp-block > .wp-block-buttons {
-  display: flex;
-  flex-wrap: wrap;
-}
-
 .wp-block-buttons {
   /* stylelint-disable indentation */
 }
 .wp-block-buttons > .wp-block {
-  margin-left: 0;
-  margin-top: 0.5em;
-  margin-right: 0.5em;
+  margin: 0;
+}
+.wp-block-buttons > .wp-block-button.wp-block-button.wp-block-button.wp-block-button.wp-block-button {
+  margin: 0;
 }
 .wp-block-buttons > .block-list-appender {
   display: inline-flex;
@@ -231,12 +222,12 @@ div[data-type="core/button"] {
 
 @media (min-width: 600px) {
   .editor-styles-wrapper .block-editor-block-list__block.wp-block-column:nth-child(even) {
-    margin-left: 32px;
+    margin-left: var(--wp--style--block-gap, 2em);
   }
 }
 @media (min-width: 782px) {
   .editor-styles-wrapper .block-editor-block-list__block.wp-block-column:not(:first-child) {
-    margin-left: 32px;
+    margin-left: var(--wp--style--block-gap, 2em);
   }
 }
 .block-editor-block-list__block.wp-block-column.wp-block-column {
@@ -254,6 +245,18 @@ div[data-type="core/button"] {
   min-height: auto !important;
   padding: 0 !important;
 }
+.wp-block-cover.is-placeholder .block-library-cover__resize-container {
+  display: none;
+}
+.wp-block-cover.is-placeholder .components-placeholder.is-large {
+  min-height: 240px;
+  justify-content: flex-start;
+  z-index: 1;
+}
+.wp-block-cover.is-placeholder .components-placeholder.is-large + .block-library-cover__resize-container {
+  min-height: 240px;
+  display: block;
+}
 .wp-block-cover.components-placeholder h2 {
   color: inherit;
 }
@@ -297,45 +300,15 @@ div[data-type="core/button"] {
   left: 0;
   right: 0;
   bottom: 0;
+  min-height: 50px;
 }
 
 .block-library-cover__resize-container:not(.is-resizing) {
   height: auto !important;
 }
 
-.wp-block-cover > .components-drop-zone.is-active {
-  transition: 0.2s opacity, 0.2s border;
-}
-@media (prefers-reduced-motion: reduce) {
-  .wp-block-cover > .components-drop-zone.is-active {
-    transition-duration: 0s;
-    transition-delay: 0s;
-  }
-}
-.wp-block-cover > .components-drop-zone.is-dragging-over-element {
-  background-color: transparent;
-  border: 48px solid var(--wp-admin-theme-color);
-}
-.wp-block-cover > .components-drop-zone.is-dragging-over-element .components-drop-zone__content {
-  transform: none;
-}
 .wp-block-cover > .components-drop-zone .components-drop-zone__content {
-  display: flex;
-  align-items: center;
-  top: -36px;
-  left: -36px;
-  transform: none;
-}
-.wp-block-cover > .components-drop-zone .components-drop-zone__content-icon,
-.wp-block-cover > .components-drop-zone .components-drop-zone__content-text {
-  display: inline;
-}
-.wp-block-cover > .components-drop-zone .components-drop-zone__content-icon {
-  margin: 0;
-  margin-right: 8px;
-}
-.wp-block-cover > .components-drop-zone .components-drop-zone__content-text {
-  font-size: 13px;
+  opacity: 0.8 !important;
 }
 
 .block-editor-block-patterns-list__list-item .has-parallax.wp-block-cover {
@@ -753,27 +726,91 @@ div[data-type="core/freeform"].is-selected .block-library-classic__toolbar {
   display: block;
 }
 
-.wp-block-gallery li {
-  list-style-type: none;
+figure.wp-block-gallery {
+  display: block;
+  margin: 0;
 }
-.wp-block-gallery .block-editor-media-placeholder.is-appender .components-placeholder__label {
+figure.wp-block-gallery.has-nested-images .components-drop-zone {
   display: none;
+  pointer-events: none;
 }
-.wp-block-gallery .block-editor-media-placeholder.is-appender .block-editor-media-placeholder__button {
-  margin-bottom: 0;
+figure.wp-block-gallery > .blocks-gallery-caption {
+  flex: 0 0 100%;
 }
-
-figure.wp-block-gallery {
+figure.wp-block-gallery > .blocks-gallery-media-placeholder-wrapper {
+  flex-basis: 100%;
+}
+figure.wp-block-gallery .wp-block-image .components-notice.is-error {
   display: block;
+}
+figure.wp-block-gallery .wp-block-image .components-notice__content {
+  margin: 4px 0;
+}
+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 {
+  display: none;
+}
+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 {
   margin: 0;
 }
+figure.wp-block-gallery .block-editor-media-placeholder::before {
+  box-shadow: 0 0 0 1px #fff inset, 0 0 0 3px var(--wp-admin-theme-color) inset;
+  content: "";
+  outline: 2px solid transparent;
+  position: absolute;
+  top: 0;
+  right: 0;
+  bottom: 0;
+  left: 0;
+  z-index: 1;
+  pointer-events: none;
+}
+figure.wp-block-gallery .block-editor-media-placeholder .components-placeholder__label {
+  display: flex;
+}
+figure.wp-block-gallery .block-editor-media-placeholder figcaption {
+  z-index: 2;
+}
+figure.wp-block-gallery .components-spinner {
+  position: absolute;
+  top: 50%;
+  left: 50%;
+  margin-top: -9px;
+  margin-left: -9px;
+}
 
-.blocks-gallery-grid.blocks-gallery-grid {
-  padding-left: 0;
-  margin-left: 0;
-  margin-bottom: 0;
+/**
+ * Gallery inspector controls settings.
+ */
+.gallery-settings-buttons .components-button:first-child {
+  margin-right: 8px;
 }
 
+.gallery-image-sizes .components-base-control__label {
+  display: block;
+  margin-bottom: 4px;
+}
+.gallery-image-sizes .gallery-image-sizes__loading {
+  display: flex;
+  align-items: center;
+  color: #757575;
+  font-size: 12px;
+}
+.gallery-image-sizes .components-spinner {
+  margin: 0 8px 0 4px;
+}
+
+/**
+ * Deprecated css past this point. This can be removed once all galleries are migrated
+ * to V2.
+ */
 .blocks-gallery-item figure:not(.is-selected):focus,
 .blocks-gallery-item img:focus {
   outline: none;
@@ -788,10 +825,6 @@ figure.wp-block-gallery {
   bottom: 0;
   left: 0;
   z-index: 1;
-  pointer-events: none;
-}
-.blocks-gallery-item figure.is-selected figcaption {
-  z-index: 2;
 }
 .blocks-gallery-item figure.is-transient img {
   opacity: 0.3;
@@ -850,12 +883,20 @@ figure.wp-block-gallery {
   right: -2px;
 }
 
-.blocks-gallery-item .components-spinner {
-  position: absolute;
-  top: 50%;
-  left: 50%;
-  margin-top: -9px;
-  margin-left: -9px;
+.wp-block-gallery ul.blocks-gallery-grid {
+  padding: 0;
+  margin: 0;
+}
+
+.wp-block-update-gallery-modal {
+  max-width: 400px;
+}
+.wp-block-update-gallery-modal .wp-block-update-gallery-modal-buttons {
+  display: flex;
+  justify-content: flex-end;
+}
+.wp-block-update-gallery-modal .wp-block-update-gallery-modal-buttons .components-button {
+  margin-left: 12px;
 }
 
 /**
@@ -875,23 +916,6 @@ figure.wp-block-gallery {
   margin-bottom: 18px;
 }
 
-.block-library-heading-level-dropdown .components-popover__content {
-  min-width: 230px;
-}
-.block-library-heading-level-dropdown .components-popover__content > div {
-  padding: 0;
-}
-
-.block-library-heading-level-toolbar {
-  border: none;
-}
-.block-library-heading-level-toolbar .components-toolbar-group {
-  flex-wrap: nowrap;
-}
-
-.block-library-html__edit {
-  margin-bottom: 28px;
-}
 .block-library-html__edit .block-library-html__preview-overlay {
   position: absolute;
   width: 100%;
@@ -900,22 +924,26 @@ figure.wp-block-gallery {
   left: 0;
 }
 .block-library-html__edit .block-editor-plain-text {
-  font-family: Menlo, Consolas, monaco, monospace;
-  color: #1e1e1e;
-  padding: 0.8em 1em;
-  border: 1px solid #ddd;
-  border-radius: 4px;
+  font-family: Menlo, Consolas, monaco, monospace !important;
+  color: #1e1e1e !important;
+  background: #fff !important;
+  padding: 12px !important;
+  border: 1px solid #1e1e1e !important;
+  box-shadow: none !important;
+  border-radius: 2px !important;
   max-height: 250px;
   /* Fonts smaller than 16px causes mobile safari to zoom. */
-  font-size: 16px;
+  font-size: 16px !important;
 }
 @media (min-width: 600px) {
   .block-library-html__edit .block-editor-plain-text {
-    font-size: 13px;
+    font-size: 13px !important;
   }
 }
 .block-library-html__edit .block-editor-plain-text:focus {
-  box-shadow: none;
+  border-color: var(--wp-admin-theme-color) !important;
+  box-shadow: 0 0 0 1px var(--wp-admin-theme-color) !important;
+  outline: 2px solid transparent !important;
 }
 
 figure.wp-block-image:not(.wp-block) {
@@ -965,6 +993,7 @@ figure.wp-block-image:not(.wp-block) {
 
 [data-align=wide] > .wp-block-image img,
 [data-align=full] > .wp-block-image img {
+  height: auto;
   width: 100%;
 }
 
@@ -1140,9 +1169,13 @@ figure.wp-block-image:not(.wp-block) {
   margin-left: 0;
   padding-left: 0;
 }
+.editor-styles-wrapper .wp-block-navigation .wp-block-navigation-item.wp-block {
+  margin-left: revert;
+  margin-right: revert;
+}
 
-.wp-block-navigation-link__label {
-  display: inline-block;
+.wp-block-navigation-item__label {
+  display: inline;
 }
 
 /**
@@ -1154,22 +1187,22 @@ figure.wp-block-image:not(.wp-block) {
 }
 
 .wp-block-navigation__container,
-.wp-block-navigation-link {
+.wp-block-navigation-item {
   background-color: inherit;
 }
 
-.wp-block-navigation:not(.is-selected):not(.has-child-selected) .has-child:hover > .wp-block-navigation-link__container {
+.wp-block-navigation:not(.is-selected):not(.has-child-selected) .has-child:hover > .wp-block-navigation__submenu-container {
   opacity: 0;
   visibility: hidden;
 }
 
-.has-child.is-selected > .wp-block-navigation-link__container, .has-child.has-child-selected > .wp-block-navigation-link__container {
+.has-child.is-selected > .wp-block-navigation__submenu-container, .has-child.has-child-selected > .wp-block-navigation__submenu-container {
   display: flex;
   opacity: 1;
   visibility: visible;
 }
 
-.is-dragging-components-draggable .has-child.is-dragging-within > .wp-block-navigation-link__container {
+.is-dragging-components-draggable .has-child.is-dragging-within > .wp-block-navigation__submenu-container {
   opacity: 1;
   visibility: visible;
 }
@@ -1277,6 +1310,17 @@ figure.wp-block-image:not(.wp-block) {
   margin-right: 7px;
 }
 
+@keyframes loadingpulse {
+  0% {
+    opacity: 1;
+  }
+  50% {
+    opacity: 0.5;
+  }
+  100% {
+    opacity: 1;
+  }
+}
 .wp-block-navigation-placeholder__preview {
   display: flex;
   flex-direction: row;
@@ -1285,11 +1329,15 @@ figure.wp-block-image:not(.wp-block) {
   width: 100%;
   overflow: hidden;
 }
-.wp-block-navigation-placeholder__preview .wp-block-navigation-link.wp-block-navigation-link {
+.wp-block-navigation-placeholder__preview.is-loading {
+  animation: loadingpulse 1s linear infinite;
+  animation-delay: 0.5s;
+}
+.wp-block-navigation-placeholder__preview .wp-block-navigation-item.wp-block-navigation-item {
   position: relative;
   min-width: 72px;
 }
-.wp-block-navigation-placeholder__preview .wp-block-navigation-link.wp-block-navigation-link::before {
+.wp-block-navigation-placeholder__preview .wp-block-navigation-item.wp-block-navigation-item::before {
   display: block;
   content: "";
   border-radius: 2px;
@@ -1303,24 +1351,19 @@ figure.wp-block-image:not(.wp-block) {
 .wp-block-navigation-placeholder__preview .wp-block-navigation-placeholder__preview-search-icon svg {
   fill: currentColor;
 }
-.wp-block-navigation-placeholder__preview .wp-block-navigation-link.wp-block-navigation-link,
+.wp-block-navigation-placeholder__preview .wp-block-navigation-item.wp-block-navigation-item,
 .wp-block-navigation-placeholder__preview .wp-block-navigation-placeholder__preview-search-icon {
   opacity: 0.3;
 }
-.wp-block-navigation.is-selected .wp-block-navigation-placeholder__preview {
+.wp-block-navigation.is-selected .wp-block-navigation-placeholder__preview:not(.is-loading) {
   display: flex;
   opacity: 0;
   width: 0;
   overflow: hidden;
   flex-wrap: nowrap;
+  flex: 0;
 }
-.is-vertical.is-selected .wp-block-navigation-placeholder__preview {
-  display: none;
-}
-.wp-block-navigation.is-selected .is-small .wp-block-navigation-placeholder__preview {
-  display: none;
-}
-.wp-block-navigation.is-selected .is-medium .wp-block-navigation-placeholder__preview {
+.is-vertical.is-selected .wp-block-navigation-placeholder__preview:not(.is-loading), .wp-block-navigation.is-selected .is-small .wp-block-navigation-placeholder__preview:not(.is-loading), .wp-block-navigation.is-selected .is-medium .wp-block-navigation-placeholder__preview:not(.is-loading) {
   display: none;
 }
 
@@ -1410,12 +1453,6 @@ figure.wp-block-image:not(.wp-block) {
   }
 }
 
-@media (min-width: 600px) {
-  .components-button.wp-block-navigation__responsive-container-open {
-    display: none;
-  }
-}
-
 .wp-block-navigation__responsive-container.is-menu-open {
   position: fixed;
   top: 155px;
@@ -1501,9 +1538,42 @@ body.editor-styles-wrapper .wp-block-navigation__responsive-container.is-menu-op
   margin-top: 16px;
 }
 
-.wp-block-navigation-link__container {
-  border-radius: 0;
-  min-height: 36px;
+@keyframes fadein {
+  0% {
+    opacity: 0;
+  }
+  100% {
+    opacity: 1;
+  }
+}
+.wp-block-navigation__unsaved-changes {
+  position: relative;
+}
+.wp-block-navigation__unsaved-changes .components-spinner {
+  position: absolute;
+  top: calc(50% - 18px / 2);
+  left: calc(50% - 18px / 2);
+  opacity: 0;
+  animation: 0.5s linear 2s normal forwards fadein;
+}
+
+@keyframes fadeouthalf {
+  0% {
+    opacity: 1;
+  }
+  100% {
+    opacity: 0.5;
+  }
+}
+.wp-block-navigation__unsaved-changes-overlay.is-saving {
+  opacity: 1;
+  animation: 0.5s linear 2s normal forwards fadeouthalf;
+}
+
+.wp-block-navigation-delete-menu-button {
+  width: 100%;
+  justify-content: center;
+  margin-bottom: 16px;
 }
 
 /**
@@ -1512,58 +1582,120 @@ body.editor-styles-wrapper .wp-block-navigation__responsive-container.is-menu-op
 .wp-block-navigation .has-child {
   cursor: pointer;
 }
-.wp-block-navigation .has-child .submenu-container,
-.wp-block-navigation .has-child .wp-block-navigation-link__container {
+.wp-block-navigation .has-child .wp-block-navigation__submenu-container {
   z-index: 28;
 }
-.wp-block-navigation .has-child:hover .submenu-container,
-.wp-block-navigation .has-child:hover .wp-block-navigation-link__container {
+.wp-block-navigation .has-child:hover .wp-block-navigation__submenu-container {
   z-index: 29;
 }
-.wp-block-navigation .has-child.is-selected > .wp-block-navigation-link__container, .wp-block-navigation .has-child.has-child-selected > .wp-block-navigation-link__container {
+.wp-block-navigation .has-child.is-selected > .wp-block-navigation__submenu-container, .wp-block-navigation .has-child.has-child-selected > .wp-block-navigation__submenu-container {
   visibility: visible !important;
   opacity: 1 !important;
+  min-width: 200px !important;
+  height: auto !important;
+  width: auto !important;
 }
 
 /**
  * Navigation Items.
  */
-.wp-block-navigation-link .wp-block-navigation-link__container {
-  display: block;
-}
-.wp-block-navigation-link .wp-block-navigation-link__content {
+.wp-block-navigation-item .wp-block-navigation-item__content {
   cursor: text;
 }
-.wp-block-navigation-link.is-editing, .wp-block-navigation-link.is-selected {
+.wp-block-navigation-item.is-editing, .wp-block-navigation-item.is-selected {
   min-width: 20px;
 }
-.wp-block-navigation-link .block-list-appender {
+.wp-block-navigation-item .block-list-appender {
   margin-top: 16px;
   margin-right: auto;
   margin-bottom: 16px;
   margin-left: 16px;
 }
 
-.wp-block-navigation .block-editor-block-list__block[data-type="core/navigation-link"] > .block-editor-block-list__insertion-point {
-  display: none;
-}
-
 /**
  * Menu item setup state. Is shown when a menu item has no URL configured.
  */
 .wp-block-navigation-link__placeholder {
   position: relative;
+  text-decoration: none !important;
+  box-shadow: none !important;
+  background-image: none !important;
 }
-.wp-block-navigation-link__placeholder .wp-block-navigation-link__placeholder-text {
-  background-image: linear-gradient(45deg, transparent 20%, currentColor 30%, currentColor 36%, transparent 46%), linear-gradient(135deg, transparent 54%, currentColor 64%, currentColor 70%, transparent 80%);
+.wp-block-navigation-link__placeholder .wp-block-navigation-link__placeholder-text span {
+  --wp-underline-color: var(--wp-admin-theme-color);
+  background-image: linear-gradient(45deg, transparent 20%, var(--wp-underline-color) 30%, var(--wp-underline-color) 36%, transparent 46%), linear-gradient(135deg, transparent 54%, var(--wp-underline-color) 64%, var(--wp-underline-color) 70%, transparent 80%);
   background-position: 0 100%;
   background-size: 6px 3px;
   background-repeat: repeat-x;
+  padding-bottom: 0.1em;
+}
+.is-dark-theme .wp-block-navigation-link__placeholder .wp-block-navigation-link__placeholder-text span {
+  --wp-underline-color: #fff;
 }
-.wp-block-navigation-link__placeholder.wp-block-navigation-link__content {
+.wp-block-navigation-link__placeholder.wp-block-navigation-item__content {
   cursor: pointer;
 }
 
+/**
+* Link Control Transforms
+*/
+.link-control-transform {
+  border-top: 1px solid #ccc;
+  padding: 0 16px 8px 16px;
+}
+
+.link-control-transform__subheading {
+  font-size: 11px;
+  text-transform: uppercase;
+  font-weight: 500;
+  color: #1e1e1e;
+  margin-bottom: 1.5em;
+}
+
+.link-control-transform__items {
+  display: flex;
+  justify-content: space-between;
+}
+
+.link-control-transform__item {
+  flex-basis: 33%;
+  flex-direction: column;
+  gap: 8px;
+  height: auto;
+}
+
+.wp-block-navigation-submenu {
+  display: block;
+}
+.wp-block-navigation-submenu .wp-block-navigation__submenu-container {
+  z-index: 28;
+}
+.wp-block-navigation-submenu.is-selected > .wp-block-navigation__submenu-container, .wp-block-navigation-submenu.has-child-selected > .wp-block-navigation__submenu-container {
+  visibility: visible !important;
+  opacity: 1 !important;
+  min-width: 200px !important;
+  height: auto !important;
+  width: auto !important;
+  position: absolute;
+  left: -1px;
+  top: 100%;
+}
+@media (min-width: 782px) {
+  .wp-block-navigation-submenu.is-selected > .wp-block-navigation__submenu-container .wp-block-navigation__submenu-container, .wp-block-navigation-submenu.has-child-selected > .wp-block-navigation__submenu-container .wp-block-navigation__submenu-container {
+    left: 100%;
+    top: -1px;
+  }
+  .wp-block-navigation-submenu.is-selected > .wp-block-navigation__submenu-container .wp-block-navigation__submenu-container::before, .wp-block-navigation-submenu.has-child-selected > .wp-block-navigation__submenu-container .wp-block-navigation__submenu-container::before {
+    content: "";
+    position: absolute;
+    right: 100%;
+    height: 100%;
+    display: block;
+    width: 0.5em;
+    background: transparent;
+  }
+}
+
 .block-editor-block-list__block[data-type="core/nextpage"] {
   max-width: 100%;
   text-align: center;
@@ -1635,6 +1767,14 @@ body.editor-styles-wrapper .wp-block-navigation__responsive-container.is-menu-op
   margin-left: 12px;
 }
 
+.wp-block-page-list .open-on-click:focus-within > .wp-block-navigation__submenu-container {
+  visibility: visible;
+  opacity: 1;
+  width: auto;
+  height: auto;
+  min-width: 200px;
+}
+
 .block-editor-block-list__block[data-type="core/paragraph"].has-drop-cap:focus {
   min-height: auto !important;
 }
@@ -1647,50 +1787,10 @@ body.editor-styles-wrapper .wp-block-navigation__responsive-container.is-menu-op
   opacity: 0;
 }
 
-.wp-block-post-content__placeholder {
-  height: 100px;
-  border: 1px dashed;
-  display: flex;
-  justify-content: center;
-  align-items: center;
-}
-.wp-block-post-content__placeholder span {
-  font-style: italic;
-}
-
 .wp-block-post-excerpt .wp-block-post-excerpt__excerpt.is-inline {
   display: inline-block;
 }
 
-.wp-block-post-author {
-  display: flex;
-  flex-wrap: wrap;
-}
-.wp-block-post-author .wp-block-post-author__byline {
-  font-size: 0.5em;
-  margin-top: 0;
-  position: relative;
-  font-style: normal;
-}
-.wp-block-post-author .wp-block-post-author__content {
-  flex-grow: 1;
-  flex-basis: 0;
-}
-.wp-block-post-author .wp-block-post-author__avatar img {
-  margin: 0;
-}
-.wp-block-post-author .wp-block-post-author__avatar {
-  margin-bottom: -8px;
-}
-.wp-block-post-author .wp-block-post-author__name {
-  margin: 0;
-  font-weight: bold;
-}
-.wp-block-post-author .wp-block-post-author__bio {
-  margin: 0 0 8px;
-  font-size: 0.7em;
-}
-
 .wp-block-pullquote.has-text-align-left p,
 .wp-block-pullquote.has-text-align-right p,
 .wp-block[data-align=left] > .wp-block-pullquote p,
@@ -1828,6 +1928,7 @@ body.editor-styles-wrapper .wp-block-navigation__responsive-container.is-menu-op
   width: 120px;
 }
 .wp-block-site-logo.is-default-size img {
+  height: auto;
   width: 100%;
 }
 .wp-block-site-logo .custom-logo-link {
@@ -1841,26 +1942,34 @@ body.editor-styles-wrapper .wp-block-navigation__responsive-container.is-menu-op
 }
 .wp-block-site-logo img {
   display: block;
+  height: auto;
   max-width: 100%;
 }
-.wp-block-site-logo .components-placeholder {
-  justify-content: flex-start;
-  min-height: auto;
-  height: 120px;
-  padding: 12px;
+
+.wp-block-site-logo.wp-block-site-logo .components-placeholder,
+.wp-block-site-logo.wp-block-site-logo .components-resizable-box__container {
+  border-radius: inherit;
 }
-.wp-block-site-logo .components-placeholder .components-placeholder__label {
-  margin-top: 12px;
-  white-space: nowrap;
+.wp-block-site-logo.wp-block-site-logo.is-default-size .components-placeholder {
+  height: 120px;
+  width: 120px;
 }
-.wp-block-site-logo .components-placeholder .components-placeholder__label .block-editor-block-icon,
-.wp-block-site-logo .components-placeholder .components-placeholder__label > svg {
-  margin-right: 4px;
+.wp-block-site-logo.wp-block-site-logo .components-placeholder {
+  justify-content: center;
+  align-items: center;
+  box-shadow: none;
+  padding: 0;
+  min-height: 48px;
+  min-width: 48px;
+  height: 100%;
+  width: 100%;
+  color: currentColor;
+  background: transparent;
 }
-.wp-block-site-logo .components-placeholder .components-form-file-upload {
+.wp-block-site-logo.wp-block-site-logo .components-placeholder .components-form-file-upload {
   display: none;
 }
-.wp-block-site-logo .components-placeholder .components-placeholder__preview {
+.wp-block-site-logo.wp-block-site-logo .components-placeholder .components-placeholder__preview {
   position: absolute;
   top: 4px;
   right: 4px;
@@ -1871,9 +1980,68 @@ body.editor-styles-wrapper .wp-block-navigation__responsive-container.is-menu-op
   align-items: center;
   justify-content: center;
 }
-.wp-block-site-logo .components-placeholder .components-drop-zone__content-text {
+.wp-block-site-logo.wp-block-site-logo .components-placeholder .components-drop-zone__content-text {
   display: none;
 }
+.wp-block-site-logo.wp-block-site-logo .components-placeholder::before {
+  content: "";
+  display: block;
+  position: absolute;
+  top: 0;
+  right: 0;
+  bottom: 0;
+  left: 0;
+  border: 1px dashed currentColor;
+  opacity: 0.3;
+  pointer-events: none;
+  border-radius: inherit;
+}
+.wp-block-site-logo.wp-block-site-logo .components-placeholder .components-placeholder__fieldset {
+  width: auto;
+}
+.wp-block-site-logo.wp-block-site-logo .components-placeholder .components-button.components-button {
+  color: inherit;
+  padding: 0;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  width: 48px;
+  height: 48px;
+  border-radius: 50%;
+  position: relative;
+  visibility: hidden;
+  background: transparent;
+  transition: all 0.1s linear;
+}
+@media (prefers-reduced-motion: reduce) {
+  .wp-block-site-logo.wp-block-site-logo .components-placeholder .components-button.components-button {
+    transition-duration: 0s;
+    transition-delay: 0s;
+  }
+}
+.wp-block-site-logo.wp-block-site-logo .components-placeholder .components-button.components-button > svg {
+  color: #fff;
+}
+.wp-block-site-logo.wp-block-site-logo .components-placeholder .components-placeholder__illustration {
+  position: absolute;
+  top: 0;
+  right: 0;
+  bottom: 0;
+  left: 0;
+  width: 100%;
+  height: 100%;
+  stroke: currentColor;
+  stroke-dasharray: 3;
+  opacity: 0.3;
+}
+.wp-block-site-logo.wp-block-site-logo.is-selected .components-button.components-button {
+  background: var(--wp-admin-theme-color);
+  border-color: var(--wp-admin-theme-color);
+  border-style: solid;
+  color: #fff;
+  opacity: 1;
+  visibility: visible;
+}
 
 .wp-block-site-tagline__placeholder {
   padding: 1em 0;
@@ -1901,6 +2069,10 @@ body.editor-styles-wrapper .wp-block-navigation__responsive-container.is-menu-op
   padding-right: calc((2/3) * 1em);
 }
 
+.wp-block-social-links.is-style-logos-only .wp-social-link button {
+  padding: 0;
+}
+
 .wp-block-social-links div.block-editor-url-input {
   display: inline-block;
   margin-left: 8px;
@@ -1939,6 +2111,10 @@ body.editor-styles-wrapper .wp-block-navigation__responsive-container.is-menu-op
   padding-left: calc((2/3) * 1em);
   padding-right: calc((2/3) * 1em);
 }
+.is-style-logos-only .wp-block-social-links__social-placeholder + .block-list-appender,
+.is-style-logos-only .wp-block-social-links__social-placeholder .wp-social-link {
+  padding: 0;
+}
 .wp-block-social-links__social-placeholder .wp-social-link::before {
   content: "";
   display: block;
@@ -2172,13 +2348,6 @@ body.editor-styles-wrapper .wp-block-navigation__responsive-container.is-menu-op
   font-weight: 500;
 }
 
-.block-editor-block-list__block[data-type="core/template-part"].has-child-selected::after {
-  border: 1px dotted var(--wp-admin-theme-color);
-}
-.block-editor-block-list__block[data-type="core/template-part"].has-child-selected.is-hovered::after, .block-editor-block-list__block[data-type="core/template-part"].has-child-selected.is-highlighted::after {
-  border: none;
-}
-
 .wp-block-template-part__placeholder-create-new__title-form .wp-block-template-part__placeholder-create-new__title-form-actions {
   padding-top: 12px;
   display: flex;
@@ -2291,11 +2460,6 @@ body.editor-styles-wrapper .wp-block-navigation__responsive-container.is-menu-op
   margin-bottom: 4px;
 }
 
-.wp-block-query-title__placeholder {
-  padding: 1em 0;
-  border: 1px dashed;
-}
-
 .editor-styles-wrapper ul.wp-block-post-template {
   padding-left: 0;
   margin-left: 0;
@@ -2310,10 +2474,8 @@ body.editor-styles-wrapper .wp-block-navigation__responsive-container.is-menu-op
   padding: 0 16px 16px 56px;
 }
 
-.wp-block > .wp-block-query-pagination {
-  display: flex;
-  flex-wrap: wrap;
-  flex-direction: row;
+.wp-block[data-align=center] > .wp-block-query-pagination {
+  justify-content: center;
 }
 
 .editor-styles-wrapper .wp-block-query-pagination {
@@ -2330,7 +2492,6 @@ body.editor-styles-wrapper .wp-block-navigation__responsive-container.is-menu-op
 .wp-block-query-pagination > .wp-block-query-pagination-next,
 .wp-block-query-pagination > .wp-block-query-pagination-previous,
 .wp-block-query-pagination > .wp-block-query-pagination-numbers {
-  display: inline-block;
   margin-left: 0;
   margin-top: 0.5em;
   /*rtl:ignore*/
@@ -2364,7 +2525,7 @@ div[data-type="core/post-featured-image"] img {
 .editor-styles-wrapper .post-featured-image_placeholder {
   display: flex;
   flex-direction: row;
-  align-items: flex-start;
+  align-items: center;
   border-radius: 2px;
   background-color: #fff;
   box-shadow: inset 0 0 0 1px #1e1e1e;
@@ -2379,23 +2540,18 @@ div[data-type="core/post-featured-image"] img {
   margin: 0;
 }
 
-.block-library-post-featured-image-scale-controls {
-  margin-top: 16px;
-}
-.block-library-post-featured-image-scale-controls .components-flex {
-  border: 1px solid #757575;
-}
-.block-library-post-featured-image-scale-controls button {
-  width: 100%;
-  display: block;
+.block-library-post-featured-image-dimension-controls {
+  margin-bottom: 8px;
 }
-
-.wp-block-term-description__placeholder {
-  padding: 1em 0;
-  border: 1px dashed;
+.block-library-post-featured-image-dimension-controls.scale-control-is-visible {
+  margin-bottom: 16px;
 }
 
 :root .editor-styles-wrapper {
+  /*
+   * Our classes uses the same values we set for gradient value attributes,
+   * and we can not use spacing because of WP multi site kses rule.
+   */
   /* stylelint-disable function-comma-space-after */
   /* stylelint-enable function-comma-space-after */
 }
@@ -2429,26 +2585,15 @@ div[data-type="core/post-featured-image"] img {
 :root .editor-styles-wrapper .has-nightshade-gradient-background {
   background: linear-gradient(135deg, #330968 0%, #31cdcf 100%);
 }
-
-.editor-styles-wrapper .has-small-font-size {
-  font-size: 13px;
+:root .editor-styles-wrapper .has-midnight-gradient-background {
+  background: linear-gradient(135deg, #020381 0%, #2874fc 100%);
 }
 
-.editor-styles-wrapper .has-regular-font-size,
-.editor-styles-wrapper .has-normal-font-size {
+.editor-styles-wrapper .has-regular-font-size {
   font-size: 16px;
 }
 
-.editor-styles-wrapper .has-medium-font-size {
-  font-size: 20px;
-}
-
-.editor-styles-wrapper .has-large-font-size {
-  font-size: 36px;
-}
-
-.editor-styles-wrapper .has-larger-font-size,
-.editor-styles-wrapper .has-huge-font-size {
+.editor-styles-wrapper .has-larger-font-size {
   font-size: 42px;
 }
 
@@ -2457,7 +2602,4 @@ div[data-type="core/post-featured-image"] img {
  *
  * These are only output in the editor, but styles here are NOT prefixed .editor-styles-wrapper.
  * This allows us to create normalization styles that are easily overridden by editor styles.
- */
-#end-resizable-editor-section {
-  display: none;
-}
+ */