@wordpress/block-library 6.0.1 → 6.0.5

package/build-style/editor.css

@@ -149,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 {
@@ -163,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;
@@ -250,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;
 }
@@ -293,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 {
@@ -1016,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%;
 }
 
@@ -1196,8 +1174,8 @@ figure.wp-block-image:not(.wp-block) {
   margin-right: revert;
 }
 
-.wp-block-navigation-link__label {
-  display: inline-block;
+.wp-block-navigation-item__label {
+  display: inline;
 }
 
 /**
@@ -1206,6 +1184,7 @@ figure.wp-block-image:not(.wp-block) {
 .wp-block-navigation__container.is-parent-of-selected-block {
   visibility: visible;
   opacity: 1;
+  overflow: visible;
 }
 
 .wp-block-navigation__container,
@@ -1332,6 +1311,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;
@@ -1340,6 +1330,10 @@ figure.wp-block-image:not(.wp-block) {
   width: 100%;
   overflow: hidden;
 }
+.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;
@@ -1362,7 +1356,7 @@ figure.wp-block-image:not(.wp-block) {
 .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;
@@ -1370,13 +1364,7 @@ figure.wp-block-image:not(.wp-block) {
   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;
 }
 
@@ -1466,12 +1454,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;
@@ -1557,9 +1539,42 @@ body.editor-styles-wrapper .wp-block-navigation__responsive-container.is-menu-op
   margin-top: 16px;
 }
 
-.wp-block-navigation__submenu-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;
 }
 
 /**
@@ -1580,14 +1595,12 @@ body.editor-styles-wrapper .wp-block-navigation__responsive-container.is-menu-op
   min-width: 200px !important;
   height: auto !important;
   width: auto !important;
+  overflow: visible !important;
 }
 
 /**
  * Navigation Items.
  */
-.wp-block-navigation-item .wp-block-navigation__submenu-container {
-  display: block;
-}
 .wp-block-navigation-item .wp-block-navigation-item__content {
   cursor: text;
 }
@@ -1601,10 +1614,6 @@ body.editor-styles-wrapper .wp-block-navigation__responsive-container.is-menu-op
   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.
  */
@@ -1629,6 +1638,34 @@ body.editor-styles-wrapper .wp-block-navigation__responsive-container.is-menu-op
   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;
 }
@@ -1642,7 +1679,7 @@ body.editor-styles-wrapper .wp-block-navigation__responsive-container.is-menu-op
   height: auto !important;
   width: auto !important;
   position: absolute;
-  left: -1em;
+  left: -1px;
   top: 100%;
 }
 @media (min-width: 782px) {
@@ -1756,35 +1793,6 @@ body.editor-styles-wrapper .wp-block-navigation__responsive-container.is-menu-op
   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,
@@ -1922,6 +1930,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 {
@@ -1935,26 +1944,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;
@@ -1965,9 +1982,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;
@@ -1995,6 +2071,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;
@@ -2033,6 +2113,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;
@@ -2266,13 +2350,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;
@@ -2385,11 +2462,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;
@@ -2455,7 +2527,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;
@@ -2477,11 +2549,6 @@ div[data-type="core/post-featured-image"] img {
   margin-bottom: 16px;
 }
 
-.wp-block-term-description__placeholder {
-  padding: 1em 0;
-  border: 1px dashed;
-}
-
 :root .editor-styles-wrapper {
   /*
    * Our classes uses the same values we set for gradient value attributes,
@@ -2524,25 +2591,11 @@ div[data-type="core/post-featured-image"] img {
   background: linear-gradient(135deg, #020381 0%, #2874fc 100%);
 }
 
-.editor-styles-wrapper .has-small-font-size {
-  font-size: 13px;
-}
-
-.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;
 }
 

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

@@ -121,6 +121,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%;
 }
 

package/build-style/image/editor.css

@@ -121,6 +121,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%;
 }
 

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

@@ -78,8 +78,11 @@
   margin: 0 0 1em 0;
 }
 .wp-block-image img {
+  height: auto;
   max-width: 100%;
+  vertical-align: bottom;
 }
+.wp-block-image:not(.is-style-rounded) > a,
 .wp-block-image:not(.is-style-rounded) img {
   border-radius: inherit;
 }
@@ -87,6 +90,7 @@
   text-align: center;
 }
 .wp-block-image.alignfull img, .wp-block-image.alignwide img {
+  height: auto;
   width: 100%;
 }
 .wp-block-image .alignleft,

package/build-style/image/style.css

@@ -78,8 +78,11 @@
   margin: 0 0 1em 0;
 }
 .wp-block-image img {
+  height: auto;
   max-width: 100%;
+  vertical-align: bottom;
 }
+.wp-block-image:not(.is-style-rounded) > a,
 .wp-block-image:not(.is-style-rounded) img {
   border-radius: inherit;
 }
@@ -87,6 +90,7 @@
   text-align: center;
 }
 .wp-block-image.alignfull img, .wp-block-image.alignwide img {
+  height: auto;
   width: 100%;
 }
 .wp-block-image .alignleft,

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

@@ -127,6 +127,7 @@
 
 .wp-block-media-text__media img,
 .wp-block-media-text__media video {
+  height: auto;
   max-width: unset;
   width: 100%;
   vertical-align: middle;

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

@@ -137,6 +137,7 @@
 
 .wp-block-media-text__media img,
 .wp-block-media-text__media video {
+  height: auto;
   max-width: unset;
   width: 100%;
   vertical-align: middle;