@wordpress/block-library 6.0.25 → 6.1.0

package/build-style/embed/editor.css

@@ -81,19 +81,7 @@
 }
 .wp-block-embed.is-loading {
   display: flex;
-  flex-direction: column;
-  align-items: center;
   justify-content: center;
-  padding: 1em;
-  min-height: 200px;
-  text-align: center;
-  border-radius: 2px;
-  background-color: #fff;
-  box-shadow: inset 0 0 0 1px #1e1e1e;
-}
-.wp-block-embed.is-loading p {
-  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
-  font-size: 13px;
 }
 .wp-block-embed .components-placeholder__error {
   word-break: break-word;

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

@@ -108,18 +108,6 @@ figure.wp-block-gallery .block-editor-media-placeholder.is-appender .block-edito
 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;
-  left: 0;
-  bottom: 0;
-  right: 0;
-  z-index: 1;
-  pointer-events: none;
-}
 figure.wp-block-gallery .block-editor-media-placeholder .components-placeholder__label {
   display: flex;
 }
@@ -237,13 +225,14 @@ figure.wp-block-gallery .components-spinner {
   margin: 0;
 }
 
-.wp-block-update-gallery-modal {
-  max-width: 400px;
+@media (min-width: 600px) {
+  .wp-block-update-gallery-modal {
+    max-width: 480px;
+  }
 }
-.wp-block-update-gallery-modal .wp-block-update-gallery-modal-buttons {
+
+.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-right: 12px;
+  gap: 12px;
 }

package/build-style/gallery/editor.css

@@ -108,18 +108,6 @@ figure.wp-block-gallery .block-editor-media-placeholder.is-appender .block-edito
 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;
 }
@@ -237,13 +225,14 @@ figure.wp-block-gallery .components-spinner {
   margin: 0;
 }
 
-.wp-block-update-gallery-modal {
-  max-width: 400px;
+@media (min-width: 600px) {
+  .wp-block-update-gallery-modal {
+    max-width: 480px;
+  }
 }
-.wp-block-update-gallery-modal .wp-block-update-gallery-modal-buttons {
+
+.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;
+  gap: 12px;
 }

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

@@ -318,6 +318,9 @@
 .wp-block-gallery.has-nested-images figure.wp-block-image figcaption img {
   display: inline;
 }
+.wp-block-gallery.has-nested-images figure.wp-block-image figcaption a {
+  color: inherit;
+}
 .wp-block-gallery.has-nested-images figure.wp-block-image.is-style-rounded > div,
 .wp-block-gallery.has-nested-images figure.wp-block-image.is-style-rounded > a {
   flex: 1 1 auto;

package/build-style/gallery/style.css

@@ -318,6 +318,9 @@
 .wp-block-gallery.has-nested-images figure.wp-block-image figcaption img {
   display: inline;
 }
+.wp-block-gallery.has-nested-images figure.wp-block-image figcaption a {
+  color: inherit;
+}
 .wp-block-gallery.has-nested-images figure.wp-block-image.is-style-rounded > div,
 .wp-block-gallery.has-nested-images figure.wp-block-image.is-style-rounded > a {
   flex: 1 1 auto;

package/build-style/group/theme-rtl.css

@@ -74,6 +74,6 @@
 /**
  * Reset the WP Admin page styles for Gutenberg-like pages.
  */
-.wp-block-group:where(.has-background) {
+:where(.wp-block-group.has-background) {
   padding: 1.25em 2.375em;
 }

package/build-style/group/theme.css

@@ -74,6 +74,6 @@
 /**
  * Reset the WP Admin page styles for Gutenberg-like pages.
  */
-.wp-block-group:where(.has-background) {
+:where(.wp-block-group.has-background) {
   padding: 1.25em 2.375em;
 }

package/build-style/latest-posts/editor-rtl.css

@@ -87,4 +87,11 @@
 
 .edit-post-visual-editor .wp-block-latest-posts.is-grid li {
   margin-bottom: 20px;
+}
+
+.editor-latest-posts-image-alignment-control .components-base-control__label {
+  display: block;
+}
+.editor-latest-posts-image-alignment-control .components-toolbar {
+  border-radius: 2px;
 }

package/build-style/latest-posts/editor.css

@@ -87,4 +87,11 @@
 
 .edit-post-visual-editor .wp-block-latest-posts.is-grid li {
   margin-bottom: 20px;
+}
+
+.editor-latest-posts-image-alignment-control .components-base-control__label {
+  display: block;
+}
+.editor-latest-posts-image-alignment-control .components-toolbar {
+  border-radius: 2px;
 }

package/build-style/latest-posts/style-rtl.css

@@ -157,13 +157,4 @@
 .wp-block-latest-posts__featured-image.aligncenter {
   margin-bottom: 1em;
   text-align: center;
-}
-
-.block-editor-image-alignment-control__row .components-base-control__field {
-  display: flex;
-  justify-content: space-between;
-  align-items: center;
-}
-.block-editor-image-alignment-control__row .components-base-control__field .components-base-control__label {
-  margin-bottom: 0;
 }

package/build-style/latest-posts/style.css

@@ -161,13 +161,4 @@
 .wp-block-latest-posts__featured-image.aligncenter {
   margin-bottom: 1em;
   text-align: center;
-}
-
-.block-editor-image-alignment-control__row .components-base-control__field {
-  display: flex;
-  justify-content: space-between;
-  align-items: center;
-}
-.block-editor-image-alignment-control__row .components-base-control__field .components-base-control__label {
-  margin-bottom: 0;
 }

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

@@ -84,8 +84,7 @@
   padding-right: 0;
 }
 .editor-styles-wrapper .wp-block-navigation .wp-block-navigation-item.wp-block {
-  margin-right: revert;
-  margin-left: revert;
+  margin: revert;
 }
 
 .wp-block-navigation-item__label {
@@ -493,4 +492,19 @@ body.editor-styles-wrapper .wp-block-navigation__responsive-container.is-menu-op
   width: 100%;
   justify-content: center;
   margin-bottom: 16px;
+}
+
+.wp-block-navigation__overlay-menu-preview {
+  display: flex;
+  align-items: center;
+  width: 100%;
+  background-color: #f0f0f0;
+  padding: 0 24px;
+  height: 64px;
+  margin-bottom: 12px;
+}
+.wp-block-navigation__overlay-menu-preview.open {
+  box-shadow: inset 0 0 0 1px #e0e0e0;
+  outline: 1px solid transparent;
+  background-color: #fff;
 }

package/build-style/navigation/editor.css

@@ -84,8 +84,7 @@
   padding-left: 0;
 }
 .editor-styles-wrapper .wp-block-navigation .wp-block-navigation-item.wp-block {
-  margin-left: revert;
-  margin-right: revert;
+  margin: revert;
 }
 
 .wp-block-navigation-item__label {
@@ -493,4 +492,19 @@ body.editor-styles-wrapper .wp-block-navigation__responsive-container.is-menu-op
   width: 100%;
   justify-content: center;
   margin-bottom: 16px;
+}
+
+.wp-block-navigation__overlay-menu-preview {
+  display: flex;
+  align-items: center;
+  width: 100%;
+  background-color: #f0f0f0;
+  padding: 0 24px;
+  height: 64px;
+  margin-bottom: 12px;
+}
+.wp-block-navigation__overlay-menu-preview.open {
+  box-shadow: inset 0 0 0 1px #e0e0e0;
+  outline: 1px solid transparent;
+  background-color: #fff;
 }

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

@@ -276,17 +276,20 @@ button.wp-block-navigation-item__content {
 /**
  * Margins
  */
+.wp-block-navigation__responsive-container,
+.wp-block-navigation__responsive-close,
+.wp-block-navigation__responsive-dialog,
 .wp-block-navigation,
 .wp-block-navigation .wp-block-page-list,
 .wp-block-navigation__container,
 .wp-block-navigation__responsive-container-content {
-  gap: var(--wp--style--block-gap, 2em);
+  gap: inherit;
 }
 
 .wp-block-navigation:where(.has-background),
 .wp-block-navigation:where(.has-background) .wp-block-navigation .wp-block-page-list,
 .wp-block-navigation:where(.has-background) .wp-block-navigation__container {
-  gap: var(--wp--style--block-gap, 0.5em);
+  gap: inherit;
 }
 
 /**
@@ -378,12 +381,12 @@ button.wp-block-navigation-item__content {
   display: flex;
   flex-direction: column;
   background-color: inherit;
-  padding: 2em;
+  padding: 2rem;
   overflow: auto;
   z-index: 100000;
 }
 .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content {
-  padding-top: calc(2em + 24px);
+  padding-top: calc(2rem + 24px);
   overflow: visible;
   display: flex;
   flex-direction: column;
@@ -408,12 +411,12 @@ button.wp-block-navigation-item__content {
   min-width: 200px;
   position: static;
   border: none;
-  padding-right: 2em;
-  padding-left: 2em;
+  padding-right: 2rem;
+  padding-left: 2rem;
 }
 .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-navigation__submenu-container,
 .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-navigation__container {
-  gap: var(--wp--style--block-gap, 2em);
+  gap: inherit;
 }
 .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-navigation__submenu-container {
   padding-top: var(--wp--style--block-gap, 2em);
@@ -459,6 +462,11 @@ button.wp-block-navigation-item__content {
   color: #000;
 }
 
+.wp-block-navigation__toggle_button_label {
+  font-size: 1rem;
+  font-weight: bold;
+}
+
 .wp-block-navigation__responsive-container-open,
 .wp-block-navigation__responsive-container-close {
   vertical-align: middle;
@@ -497,6 +505,9 @@ button.wp-block-navigation-item__content {
 .wp-block-navigation__responsive-close {
   width: 100%;
 }
+.wp-block-navigation__responsive-close:focus {
+  outline: none;
+}
 
 .is-menu-open .wp-block-navigation__responsive-close,
 .is-menu-open .wp-block-navigation__responsive-dialog,

package/build-style/navigation/style.css

@@ -276,17 +276,20 @@ button.wp-block-navigation-item__content {
 /**
  * Margins
  */
+.wp-block-navigation__responsive-container,
+.wp-block-navigation__responsive-close,
+.wp-block-navigation__responsive-dialog,
 .wp-block-navigation,
 .wp-block-navigation .wp-block-page-list,
 .wp-block-navigation__container,
 .wp-block-navigation__responsive-container-content {
-  gap: var(--wp--style--block-gap, 2em);
+  gap: inherit;
 }
 
 .wp-block-navigation:where(.has-background),
 .wp-block-navigation:where(.has-background) .wp-block-navigation .wp-block-page-list,
 .wp-block-navigation:where(.has-background) .wp-block-navigation__container {
-  gap: var(--wp--style--block-gap, 0.5em);
+  gap: inherit;
 }
 
 /**
@@ -378,12 +381,12 @@ button.wp-block-navigation-item__content {
   display: flex;
   flex-direction: column;
   background-color: inherit;
-  padding: 2em;
+  padding: 2rem;
   overflow: auto;
   z-index: 100000;
 }
 .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content {
-  padding-top: calc(2em + 24px);
+  padding-top: calc(2rem + 24px);
   overflow: visible;
   display: flex;
   flex-direction: column;
@@ -408,12 +411,12 @@ button.wp-block-navigation-item__content {
   min-width: 200px;
   position: static;
   border: none;
-  padding-left: 2em;
-  padding-right: 2em;
+  padding-left: 2rem;
+  padding-right: 2rem;
 }
 .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-navigation__submenu-container,
 .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-navigation__container {
-  gap: var(--wp--style--block-gap, 2em);
+  gap: inherit;
 }
 .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-navigation__submenu-container {
   padding-top: var(--wp--style--block-gap, 2em);
@@ -459,6 +462,11 @@ button.wp-block-navigation-item__content {
   color: #000;
 }
 
+.wp-block-navigation__toggle_button_label {
+  font-size: 1rem;
+  font-weight: bold;
+}
+
 .wp-block-navigation__responsive-container-open,
 .wp-block-navigation__responsive-container-close {
   vertical-align: middle;
@@ -497,6 +505,9 @@ button.wp-block-navigation-item__content {
 .wp-block-navigation__responsive-close {
   width: 100%;
 }
+.wp-block-navigation__responsive-close:focus {
+  outline: none;
+}
 
 .is-menu-open .wp-block-navigation__responsive-close,
 .is-menu-open .wp-block-navigation__responsive-dialog,

package/build-style/page-list/editor-rtl.css

@@ -100,16 +100,16 @@
   margin: 0.5em;
 }
 
-.wp-block-page-list-modal {
-  max-width: 400px;
+@media (min-width: 600px) {
+  .wp-block-page-list-modal {
+    max-width: 480px;
+  }
 }
 
 .wp-block-page-list-modal-buttons {
   display: flex;
   justify-content: flex-end;
-}
-.wp-block-page-list-modal-buttons .components-button {
-  margin-right: 12px;
+  gap: 12px;
 }
 
 .wp-block-page-list .open-on-click:focus-within > .wp-block-navigation__submenu-container {
@@ -118,4 +118,8 @@
   width: auto;
   height: auto;
   min-width: 200px;
+}
+
+.wp-block-page-list .components-notice {
+  margin-right: 0;
 }

package/build-style/page-list/editor.css

@@ -100,16 +100,16 @@
   margin: 0.5em;
 }
 
-.wp-block-page-list-modal {
-  max-width: 400px;
+@media (min-width: 600px) {
+  .wp-block-page-list-modal {
+    max-width: 480px;
+  }
 }
 
 .wp-block-page-list-modal-buttons {
   display: flex;
   justify-content: flex-end;
-}
-.wp-block-page-list-modal-buttons .components-button {
-  margin-left: 12px;
+  gap: 12px;
 }
 
 .wp-block-page-list .open-on-click:focus-within > .wp-block-navigation__submenu-container {
@@ -118,4 +118,8 @@
   width: auto;
   height: auto;
   min-width: 200px;
+}
+
+.wp-block-page-list .components-notice {
+  margin-left: 0;
 }

package/build-style/post-comments/style-rtl.css

@@ -87,9 +87,9 @@
   padding-right: 3.25em;
 }
 .wp-block-post-comments .commentlist .comment p {
-  font-size: 0.875em;
+  font-size: 1em;
   line-height: 1.8;
-  margin: 0.36em 0 1.4em;
+  margin: 1em 0;
 }
 .wp-block-post-comments .commentlist .children {
   list-style: none;
@@ -104,6 +104,7 @@
   display: block;
   float: right;
   height: 2.5em;
+  margin-top: 0.5em;
   margin-left: 0.75em;
   width: 2.5em;
 }
@@ -111,11 +112,15 @@
   font-style: normal;
 }
 .wp-block-post-comments .comment-meta {
+  font-size: 0.875em;
   line-height: 1.5;
   margin-right: -3.25em;
 }
+.wp-block-post-comments .comment-meta b {
+  font-weight: normal;
+}
 .wp-block-post-comments .comment-body .commentmetadata {
-  font-size: 0.75em;
+  font-size: 0.875em;
 }
 .wp-block-post-comments .comment-form-comment label,
 .wp-block-post-comments .comment-form-author label,
@@ -138,7 +143,7 @@
   margin-top: 0.35em;
 }
 .wp-block-post-comments .reply {
-  font-size: 0.75em;
+  font-size: 0.875em;
   margin-bottom: 1.4em;
 }
 .wp-block-post-comments textarea,

package/build-style/post-comments/style.css

@@ -87,9 +87,9 @@
   padding-left: 3.25em;
 }
 .wp-block-post-comments .commentlist .comment p {
-  font-size: 0.875em;
+  font-size: 1em;
   line-height: 1.8;
-  margin: 0.36em 0 1.4em;
+  margin: 1em 0;
 }
 .wp-block-post-comments .commentlist .children {
   list-style: none;
@@ -104,6 +104,7 @@
   display: block;
   float: left;
   height: 2.5em;
+  margin-top: 0.5em;
   margin-right: 0.75em;
   width: 2.5em;
 }
@@ -111,11 +112,15 @@
   font-style: normal;
 }
 .wp-block-post-comments .comment-meta {
+  font-size: 0.875em;
   line-height: 1.5;
   margin-left: -3.25em;
 }
+.wp-block-post-comments .comment-meta b {
+  font-weight: normal;
+}
 .wp-block-post-comments .comment-body .commentmetadata {
-  font-size: 0.75em;
+  font-size: 0.875em;
 }
 .wp-block-post-comments .comment-form-comment label,
 .wp-block-post-comments .comment-form-author label,
@@ -138,7 +143,7 @@
   margin-top: 0.35em;
 }
 .wp-block-post-comments .reply {
-  font-size: 0.75em;
+  font-size: 0.875em;
   margin-bottom: 1.4em;
 }
 .wp-block-post-comments textarea,

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

@@ -180,11 +180,4 @@ div[data-type="core/post-featured-image"] img {
   max-width: 100%;
   height: auto;
   display: block;
-}
-
-.block-library-post-featured-image-dimension-controls {
-  margin-bottom: 8px;
-}
-.block-library-post-featured-image-dimension-controls.scale-control-is-visible {
-  margin-bottom: 16px;
 }

package/build-style/post-featured-image/editor.css

@@ -180,11 +180,4 @@ div[data-type="core/post-featured-image"] img {
   max-width: 100%;
   height: auto;
   display: block;
-}
-
-.block-library-post-featured-image-dimension-controls {
-  margin-bottom: 8px;
-}
-.block-library-post-featured-image-dimension-controls.scale-control-is-visible {
-  margin-bottom: 16px;
 }

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

@@ -79,7 +79,7 @@
   margin-left: 0;
 }
 .wp-block-post-featured-image a {
-  display: inline-block;
+  display: block;
 }
 .wp-block-post-featured-image img {
   max-width: 100%;

package/build-style/post-featured-image/style.css

@@ -79,7 +79,7 @@
   margin-right: 0;
 }
 .wp-block-post-featured-image a {
-  display: inline-block;
+  display: block;
 }
 .wp-block-post-featured-image img {
   max-width: 100%;

package/build-style/post-template/style-rtl.css

@@ -82,6 +82,10 @@
   list-style: none;
   padding: 0;
 }
+.wp-block-post-template.wp-block-post-template,
+.wp-block-query-loop.wp-block-post-template {
+  background: none;
+}
 .wp-block-post-template.is-flex-container,
 .wp-block-query-loop.is-flex-container {
   flex-direction: row;

package/build-style/post-template/style.css

@@ -82,6 +82,10 @@
   list-style: none;
   padding: 0;
 }
+.wp-block-post-template.wp-block-post-template,
+.wp-block-query-loop.wp-block-post-template {
+  background: none;
+}
 .wp-block-post-template.is-flex-container,
 .wp-block-query-loop.is-flex-container {
   flex-direction: row;

package/build-style/post-title/style-rtl.css

@@ -74,6 +74,9 @@
 /**
  * Reset the WP Admin page styles for Gutenberg-like pages.
  */
+.wp-block-post-title {
+  word-break: break-word;
+}
 .wp-block-post-title a {
   display: inline-block;
 }

package/build-style/post-title/style.css

@@ -74,6 +74,9 @@
 /**
  * Reset the WP Admin page styles for Gutenberg-like pages.
  */
+.wp-block-post-title {
+  word-break: break-word;
+}
 .wp-block-post-title a {
   display: inline-block;
 }

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

@@ -79,6 +79,7 @@
   padding: 3em 0;
   text-align: center;
   overflow-wrap: break-word;
+  box-sizing: border-box;
 }
 .wp-block-pullquote p,
 .wp-block-pullquote blockquote,

package/build-style/pullquote/style.css

@@ -79,6 +79,7 @@
   padding: 3em 0;
   text-align: center;
   overflow-wrap: break-word;
+  box-sizing: border-box;
 }
 .wp-block-pullquote p,
 .wp-block-pullquote blockquote,