@wordpress/block-library 6.0.20 → 6.1.0

package/build-style/query-pagination/editor-rtl.css

@@ -85,10 +85,6 @@
   margin: 0;
 }
 
-.block-library-query-pagination-toolbar__popover .components-popover__content {
-  min-width: 230px;
-}
-
 .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 {

package/build-style/query-pagination/editor.css

@@ -85,10 +85,6 @@
   margin: 0;
 }
 
-.block-library-query-pagination-toolbar__popover .components-popover__content {
-  min-width: 230px;
-}
-
 .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 {

package/build-style/social-links/editor-rtl.css

@@ -78,6 +78,9 @@
   display: inline-block;
   margin-right: 8px;
 }
+.wp-block-social-links.wp-block-social-links {
+  background: none;
+}
 
 .wp-social-link:hover {
   transform: none;

package/build-style/social-links/editor.css

@@ -78,6 +78,9 @@
   display: inline-block;
   margin-left: 8px;
 }
+.wp-block-social-links.wp-block-social-links {
+  background: none;
+}
 
 .wp-social-link:hover {
   transform: none;

package/build-style/social-links/style-rtl.css

@@ -79,6 +79,7 @@
   padding-left: 0;
   text-indent: 0;
   margin-right: 0;
+  background: none;
 }
 .wp-block-social-links .wp-social-link a,
 .wp-block-social-links .wp-social-link a:hover {

package/build-style/social-links/style.css

@@ -79,6 +79,7 @@
   padding-right: 0;
   text-indent: 0;
   margin-left: 0;
+  background: none;
 }
 .wp-block-social-links .wp-social-link a,
 .wp-block-social-links .wp-social-link a:hover {

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

@@ -97,6 +97,10 @@
 .block-library-spacer__resize-container {
   clear: both;
 }
+.block-library-spacer__resize-container:not(.is-resizing) {
+  height: 100% !important;
+  width: 100% !important;
+}
 .block-library-spacer__resize-container .components-resizable-box__handle::before {
   content: none;
 }

package/build-style/spacer/editor.css

@@ -97,6 +97,10 @@
 .block-library-spacer__resize-container {
   clear: both;
 }
+.block-library-spacer__resize-container:not(.is-resizing) {
+  height: 100% !important;
+  width: 100% !important;
+}
 .block-library-spacer__resize-container .components-resizable-box__handle::before {
   content: none;
 }

package/build-style/style-rtl.css

@@ -269,19 +269,17 @@
   display: flex;
   margin-bottom: 1.75em;
   box-sizing: border-box;
-  flex-wrap: wrap;
+  flex-wrap: wrap !important;
+  align-items: initial !important;
   /**
   * All Columns Alignment
   */
 }
 @media (min-width: 782px) {
   .wp-block-columns {
-    flex-wrap: nowrap;
+    flex-wrap: nowrap !important;
   }
 }
-.wp-block-columns:where(.has-background) {
-  padding: 1.25em 2.375em;
-}
 .wp-block-columns.are-vertically-aligned-top {
   align-items: flex-start;
 }
@@ -291,20 +289,11 @@
 .wp-block-columns.are-vertically-aligned-bottom {
   align-items: flex-end;
 }
-@media (max-width: 599px) {
+@media (max-width: 781px) {
   .wp-block-columns:not(.is-not-stacked-on-mobile) > .wp-block-column {
     flex-basis: 100% !important;
   }
 }
-@media (min-width: 600px) and (max-width: 781px) {
-  .wp-block-columns:not(.is-not-stacked-on-mobile) > .wp-block-column:not(:only-child) {
-    flex-basis: calc(50% - calc(var(--wp--style--block-gap, 2em) / 2)) !important;
-    flex-grow: 0;
-  }
-  .wp-block-columns:not(.is-not-stacked-on-mobile) > .wp-block-column:nth-child(even) {
-    margin-right: var(--wp--style--block-gap, 2em);
-  }
-}
 @media (min-width: 782px) {
   .wp-block-columns:not(.is-not-stacked-on-mobile) > .wp-block-column {
     flex-basis: 0;
@@ -313,12 +302,9 @@
   .wp-block-columns:not(.is-not-stacked-on-mobile) > .wp-block-column[style*=flex-basis] {
     flex-grow: 0;
   }
-  .wp-block-columns:not(.is-not-stacked-on-mobile) > .wp-block-column:not(:first-child) {
-    margin-right: var(--wp--style--block-gap, 2em);
-  }
 }
 .wp-block-columns.is-not-stacked-on-mobile {
-  flex-wrap: nowrap;
+  flex-wrap: nowrap !important;
 }
 .wp-block-columns.is-not-stacked-on-mobile > .wp-block-column {
   flex-basis: 0;
@@ -327,8 +313,9 @@
 .wp-block-columns.is-not-stacked-on-mobile > .wp-block-column[style*=flex-basis] {
   flex-grow: 0;
 }
-.wp-block-columns.is-not-stacked-on-mobile > .wp-block-column:not(:first-child) {
-  margin-right: var(--wp--style--block-gap, 2em);
+
+:where(.wp-block-columns.has-background) {
+  padding: 1.25em 2.375em;
 }
 
 .wp-block-column {
@@ -353,6 +340,51 @@
   width: 100%;
 }
 
+.wp-block-comments-pagination > .wp-block-comments-pagination-next,
+.wp-block-comments-pagination > .wp-block-comments-pagination-previous,
+.wp-block-comments-pagination > .wp-block-comments-pagination-numbers {
+  margin-right: 0.5em;
+  margin-bottom: 0.5em;
+}
+.wp-block-comments-pagination > .wp-block-comments-pagination-next:last-child,
+.wp-block-comments-pagination > .wp-block-comments-pagination-previous:last-child,
+.wp-block-comments-pagination > .wp-block-comments-pagination-numbers:last-child {
+  margin-right: 0;
+}
+.wp-block-comments-pagination .wp-block-comments-pagination-previous-arrow {
+  margin-left: 1ch;
+  display: inline-block;
+}
+.wp-block-comments-pagination .wp-block-comments-pagination-previous-arrow:not(.is-arrow-chevron) {
+  transform: scaleX(-1);;
+}
+.wp-block-comments-pagination .wp-block-comments-pagination-next-arrow {
+  margin-right: 1ch;
+  display: inline-block;
+}
+.wp-block-comments-pagination .wp-block-comments-pagination-next-arrow:not(.is-arrow-chevron) {
+  transform: scaleX(-1);;
+}
+.wp-block-comments-pagination.aligncenter {
+  justify-content: center;
+}
+
+.wp-block-comment-template {
+  margin-bottom: 0;
+  max-width: 100%;
+  list-style: none;
+  padding: 0;
+}
+.wp-block-comment-template li {
+  clear: both;
+}
+.wp-block-comment-template ol {
+  margin-bottom: 0;
+  max-width: 100%;
+  list-style: none;
+  padding-right: 2rem;
+}
+
 .wp-block-cover-image,
 .wp-block-cover {
   position: relative;
@@ -468,6 +500,10 @@
 .wp-block-cover .wp-block-cover__gradient-background.has-background-dim.has-background-dim-100 {
   opacity: 1;
 }
+.wp-block-cover-image .block-library-cover__padding-visualizer,
+.wp-block-cover .block-library-cover__padding-visualizer {
+  z-index: 2;
+}
 .wp-block-cover-image.alignleft, .wp-block-cover-image.alignright,
 .wp-block-cover.alignleft,
 .wp-block-cover.alignright {
@@ -1000,6 +1036,9 @@ section.wp-block-cover-image > h2,
 .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;
@@ -1367,15 +1406,6 @@ ol.wp-block-latest-comments {
   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;
-}
-
 ol,
 ul {
   overflow-wrap: break-word;
@@ -1688,17 +1718,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;
 }
 
 /**
@@ -1790,12 +1823,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;
@@ -1820,12 +1853,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);
@@ -1871,6 +1904,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;
@@ -1909,6 +1947,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,
@@ -1929,35 +1970,6 @@ html.has-modal-open {
   overflow-wrap: break-word;
 }
 
-.wp-block-navigation .wp-block-home-link__content {
-  color: inherit;
-  display: block;
-}
-.wp-block-navigation[style*=text-decoration] .wp-block-home-link {
-  text-decoration: inherit;
-}
-.wp-block-navigation[style*=text-decoration] .wp-block-home-link__content {
-  text-decoration: inherit;
-}
-.wp-block-navigation[style*=text-decoration] .wp-block-home-link__content:focus, .wp-block-navigation[style*=text-decoration] .wp-block-home-link__content:active {
-  text-decoration: inherit;
-}
-.wp-block-navigation:not([style*=text-decoration]) .wp-block-home-link__content {
-  text-decoration: none;
-}
-.wp-block-navigation:not([style*=text-decoration]) .wp-block-home-link__content:focus, .wp-block-navigation:not([style*=text-decoration]) .wp-block-home-link__content:active {
-  text-decoration: none;
-}
-
-.wp-block-navigation:not(.has-background) .wp-block-navigation__container .wp-block-home-link__container {
-  background-color: #fff;
-  color: #000;
-  border: 1px solid rgba(0, 0, 0, 0.15);
-}
-.wp-block-navigation:not(.has-background) .wp-block-navigation__container .wp-block-home-link__container .wp-block-home-link__container {
-  top: -1px;
-}
-
 .wp-block-navigation .wp-block-page-list {
   display: flex;
   flex-direction: var(--navigation-layout-direction, initial);
@@ -2050,9 +2062,9 @@ p.has-background {
   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;
@@ -2067,6 +2079,7 @@ p.has-background {
   display: block;
   float: right;
   height: 2.5em;
+  margin-top: 0.5em;
   margin-left: 0.75em;
   width: 2.5em;
 }
@@ -2074,11 +2087,15 @@ p.has-background {
   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,
@@ -2101,7 +2118,7 @@ p.has-background {
   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,
@@ -2178,10 +2195,30 @@ p.has-background {
   display: inline-block;
 }
 
+.wp-block-post-featured-image {
+  margin-right: 0;
+  margin-left: 0;
+}
+.wp-block-post-featured-image a {
+  display: block;
+}
+.wp-block-post-featured-image img {
+  max-width: 100%;
+  width: 100%;
+  height: auto;
+  vertical-align: bottom;
+}
+.wp-block-post-featured-image.alignwide img, .wp-block-post-featured-image.alignfull img {
+  width: 100%;
+}
+
 .wp-block-post-terms__separator {
   white-space: pre-wrap;
 }
 
+.wp-block-post-title {
+  word-break: break-word;
+}
 .wp-block-post-title a {
   display: inline-block;
 }
@@ -2199,6 +2236,7 @@ p.has-background {
   padding: 3em 0;
   text-align: center;
   overflow-wrap: break-word;
+  box-sizing: border-box;
 }
 .wp-block-pullquote p,
 .wp-block-pullquote blockquote,
@@ -2265,6 +2303,10 @@ p.has-background {
   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;
@@ -2511,6 +2553,7 @@ ul.wp-block-rss.is-grid li {
   padding-left: 0;
   text-indent: 0;
   margin-right: 0;
+  background: none;
 }
 .wp-block-social-links .wp-social-link a,
 .wp-block-social-links .wp-social-link a:hover {
@@ -2891,6 +2934,14 @@ ul.wp-block-rss.is-grid li {
   margin-right: 5px;
   text-decoration: none;
 }
+.wp-block-tag-cloud.is-style-outline a {
+  border: 1px solid currentColor;
+  font-size: unset !important;
+  margin-bottom: 1ch;
+  margin-left: 1ch;
+  padding: 1ch 2ch;
+  text-decoration: none !important;
+}
 
 .wp-block-table {
   margin: 0 0 1em 0;
@@ -2972,6 +3023,7 @@ ul.wp-block-rss.is-grid li {
 .wp-block-table table[style*=border-width] th,
 .wp-block-table table[style*=border-width] td {
   border-width: inherit;
+  border-style: inherit;
 }
 
 .wp-block-text-columns {
@@ -3026,23 +3078,6 @@ pre.wp-block-verse {
   margin-bottom: 1em;
 }
 
-.wp-block-post-featured-image {
-  margin-right: 0;
-  margin-left: 0;
-}
-.wp-block-post-featured-image a {
-  display: inline-block;
-}
-.wp-block-post-featured-image img {
-  max-width: 100%;
-  width: 100%;
-  height: auto;
-  vertical-align: bottom;
-}
-.wp-block-post-featured-image.alignwide img, .wp-block-post-featured-image.alignfull img {
-  width: 100%;
-}
-
 :root {
   /*
    * Our classes uses the same values we set for gradient value attributes,
@@ -3169,4 +3204,23 @@ pre.wp-block-verse {
   top: 5px;
   width: auto;
   z-index: 100000;
+}
+
+/**
+ * The following provide a simple means of applying a default border style when
+ * a user first makes a selection in the border block support panel.
+ * This prevents issues such as where the user could set a border width
+ * and see no border due there being no border style set.
+ *
+ * This is intended to be removed once intelligent defaults can be set while
+ * making border selections via the block support.
+ *
+ * See: https://github.com/WordPress/gutenberg/pull/33743
+ */
+html :where(.has-border-color) {
+  border-style: solid;
+}
+
+html :where([style*="border-width"]) {
+  border-style: solid;
 }