@wordpress/block-library 6.0.1 → 6.0.5

package/build-style/editor-rtl.css

@@ -148,7 +148,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 {
@@ -162,18 +161,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-right: 0;
-  margin-top: 0.5em;
-  margin-left: 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;
@@ -249,6 +244,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;
 }
@@ -292,45 +299,15 @@ div[data-type="core/button"] {
   right: 0;
   left: 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;
-  right: -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-left: 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 {
@@ -1011,6 +988,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%;
 }
 
@@ -1191,8 +1169,8 @@ figure.wp-block-image:not(.wp-block) {
   margin-left: revert;
 }
 
-.wp-block-navigation-link__label {
-  display: inline-block;
+.wp-block-navigation-item__label {
+  display: inline;
 }
 
 /**
@@ -1201,6 +1179,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,
@@ -1327,6 +1306,17 @@ figure.wp-block-image:not(.wp-block) {
   margin-left: 7px;
 }
 
+@keyframes loadingpulse {
+  0% {
+    opacity: 1;
+  }
+  50% {
+    opacity: 0.5;
+  }
+  100% {
+    opacity: 1;
+  }
+}
 .wp-block-navigation-placeholder__preview {
   display: flex;
   flex-direction: row;
@@ -1335,6 +1325,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;
@@ -1357,7 +1351,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;
@@ -1365,13 +1359,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;
 }
 
@@ -1461,12 +1449,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;
@@ -1552,9 +1534,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);
+  right: 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;
 }
 
 /**
@@ -1575,14 +1590,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;
 }
@@ -1596,10 +1609,6 @@ body.editor-styles-wrapper .wp-block-navigation__responsive-container.is-menu-op
   margin-right: 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.
  */
@@ -1624,6 +1633,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;
 }
@@ -1637,7 +1674,7 @@ body.editor-styles-wrapper .wp-block-navigation__responsive-container.is-menu-op
   height: auto !important;
   width: auto !important;
   position: absolute;
-  right: -1em;
+  right: -1px;
   top: 100%;
 }
 @media (min-width: 782px) {
@@ -1751,35 +1788,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,
@@ -1917,6 +1925,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 {
@@ -1930,26 +1939,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-left: 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;
   left: 4px;
@@ -1960,9 +1977,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;
+  left: 0;
+  bottom: 0;
+  right: 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;
+  left: 0;
+  bottom: 0;
+  right: 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;
@@ -1990,6 +2066,10 @@ body.editor-styles-wrapper .wp-block-navigation__responsive-container.is-menu-op
   padding-left: 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-right: 8px;
@@ -2028,6 +2108,10 @@ body.editor-styles-wrapper .wp-block-navigation__responsive-container.is-menu-op
   padding-right: calc((2/3) * 1em);
   padding-left: 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;
@@ -2261,13 +2345,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;
@@ -2380,11 +2457,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-right: 0;
   margin-right: 0;
@@ -2447,7 +2519,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;
@@ -2469,11 +2541,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,
@@ -2516,25 +2583,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;
 }