@wordpress/block-library 6.0.17-next.33ec3857e2.0 → 6.0.20

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

@@ -99,10 +99,6 @@
 .wp-block-query-pagination .wp-block-query-pagination-next-arrow:not(.is-arrow-chevron) {
   transform: scaleX(-1);;
 }
-.wp-block-query-pagination > span.wp-block-query-pagination-next,
-.wp-block-query-pagination > span.wp-block-query-pagination-previous {
-  visibility: hidden;
-}
-.wp-block-query-pagination.wp-justify-left > [aria-hidden=true], .wp-block-query-pagination.wp-justify-right > [aria-hidden=true] {
-  display: none;
+.wp-block-query-pagination.aligncenter {
+  justify-content: center;
 }

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

@@ -101,10 +101,6 @@
 .wp-block-query-pagination .wp-block-query-pagination-next-arrow:not(.is-arrow-chevron) {
   transform: scaleX(1) /*rtl:scaleX(-1);*/;
 }
-.wp-block-query-pagination > span.wp-block-query-pagination-next,
-.wp-block-query-pagination > span.wp-block-query-pagination-previous {
-  visibility: hidden;
-}
-.wp-block-query-pagination.wp-justify-left > [aria-hidden=true], .wp-block-query-pagination.wp-justify-right > [aria-hidden=true] {
-  display: none;
+.wp-block-query-pagination.aligncenter {
+  justify-content: center;
 }

package/build-style/site-logo/editor-rtl.css

@@ -75,24 +75,14 @@
  * Reset the WP Admin page styles for Gutenberg-like pages.
  */
 .wp-block[data-align=center] > .wp-block-site-logo {
+  display: table;
   margin-right: auto;
   margin-left: auto;
-  text-align: center;
 }
 
 .wp-block-site-logo a {
   pointer-events: none;
 }
-.wp-block-site-logo:not(.is-default-size) {
-  display: table;
-}
-.wp-block-site-logo.is-default-size {
-  width: 120px;
-}
-.wp-block-site-logo.is-default-size img {
-  height: auto;
-  width: 100%;
-}
 .wp-block-site-logo .custom-logo-link {
   cursor: inherit;
 }

package/build-style/site-logo/editor.css

@@ -75,24 +75,14 @@
  * Reset the WP Admin page styles for Gutenberg-like pages.
  */
 .wp-block[data-align=center] > .wp-block-site-logo {
+  display: table;
   margin-left: auto;
   margin-right: auto;
-  text-align: center;
 }
 
 .wp-block-site-logo a {
   pointer-events: none;
 }
-.wp-block-site-logo:not(.is-default-size) {
-  display: table;
-}
-.wp-block-site-logo.is-default-size {
-  width: 120px;
-}
-.wp-block-site-logo.is-default-size img {
-  height: auto;
-  width: 100%;
-}
 .wp-block-site-logo .custom-logo-link {
   cursor: inherit;
 }

package/build-style/site-logo/style-rtl.css

@@ -89,7 +89,9 @@
   border-radius: inherit;
 }
 .wp-block-site-logo.aligncenter {
-  display: table;
+  margin-right: auto;
+  margin-left: auto;
+  text-align: center;
 }
 .wp-block-site-logo.is-style-rounded {
   border-radius: 9999px;

package/build-style/site-logo/style.css

@@ -89,7 +89,9 @@
   border-radius: inherit;
 }
 .wp-block-site-logo.aligncenter {
-  display: table;
+  margin-left: auto;
+  margin-right: auto;
+  text-align: center;
 }
 .wp-block-site-logo.is-style-rounded {
   border-radius: 9999px;

package/build-style/style-rtl.css

@@ -279,6 +279,9 @@
     flex-wrap: nowrap;
   }
 }
+.wp-block-columns:where(.has-background) {
+  padding: 1.25em 2.375em;
+}
 .wp-block-columns.are-vertically-aligned-top {
   align-items: flex-start;
 }
@@ -328,10 +331,6 @@
   margin-right: var(--wp--style--block-gap, 2em);
 }
 
-:where(.wp-block-columns.has-background) {
-  padding: 1.25em 2.375em;
-}
-
 .wp-block-column {
   flex-grow: 1;
   min-width: 0;
@@ -354,51 +353,6 @@
   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;
@@ -514,10 +468,6 @@
 .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 {
@@ -1050,9 +1000,6 @@ 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;
@@ -1541,6 +1488,11 @@ ul.has-background {
 }
 .wp-block-navigation {
   position: relative;
+  --navigation-layout-justification-setting: flex-start;
+  --navigation-layout-direction: row;
+  --navigation-layout-wrap: wrap;
+  --navigation-layout-justify: flex-start;
+  --navigation-layout-align: center;
 }
 .wp-block-navigation ul {
   margin-top: 0;
@@ -1602,6 +1554,32 @@ ul.has-background {
   width: inherit;
   height: inherit;
 }
+.wp-block-navigation.is-vertical {
+  --navigation-layout-direction: column;
+  --navigation-layout-justify: initial;
+  --navigation-layout-align: flex-start;
+}
+.wp-block-navigation.no-wrap {
+  --navigation-layout-wrap: nowrap;
+}
+.wp-block-navigation.items-justified-center {
+  --navigation-layout-justification-setting: center;
+  --navigation-layout-justify: center;
+}
+.wp-block-navigation.items-justified-center.is-vertical {
+  --navigation-layout-align: center;
+}
+.wp-block-navigation.items-justified-right {
+  --navigation-layout-justification-setting: flex-end;
+  --navigation-layout-justify: flex-end;
+}
+.wp-block-navigation.items-justified-right.is-vertical {
+  --navigation-layout-align: flex-end;
+}
+.wp-block-navigation.items-justified-space-between {
+  --navigation-layout-justification-setting: space-between;
+  --navigation-layout-justify: space-between;
+}
 
 .wp-block-navigation .has-child :where(.wp-block-navigation__submenu-container) {
   background-color: inherit;
@@ -1769,10 +1747,10 @@ button.wp-block-navigation-item__content {
 
 .wp-block-navigation__container {
   display: flex;
-  flex-wrap: var(--layout-wrap, wrap);
-  flex-direction: var(--layout-direction, initial);
-  justify-content: var(--layout-justify, initial);
-  align-items: var(--layout-align, initial);
+  flex-wrap: var(--navigation-layout-wrap, wrap);
+  flex-direction: var(--navigation-layout-direction, initial);
+  justify-content: var(--navigation-layout-justify, initial);
+  align-items: var(--navigation-layout-align, initial);
   list-style: none;
   margin: 0;
   padding-right: 0;
@@ -1799,10 +1777,10 @@ button.wp-block-navigation-item__content {
 }
 .wp-block-navigation__responsive-container .wp-block-navigation__responsive-container-content {
   display: flex;
-  flex-wrap: var(--layout-wrap, wrap);
-  flex-direction: var(--layout-direction, initial);
-  justify-content: var(--layout-justify, initial);
-  align-items: var(--layout-align, initial);
+  flex-wrap: var(--navigation-layout-wrap, wrap);
+  flex-direction: var(--navigation-layout-direction, initial);
+  justify-content: var(--navigation-layout-justify, initial);
+  align-items: var(--navigation-layout-align, initial);
 }
 .wp-block-navigation__responsive-container:not(.is-menu-open.is-menu-open) {
   color: inherit !important;
@@ -1821,7 +1799,8 @@ button.wp-block-navigation-item__content {
   overflow: visible;
   display: flex;
   flex-direction: column;
-  align-items: var(--layout-justification-setting, inherit);
+  flex-wrap: nowrap;
+  align-items: var(--navigation-layout-justification-setting, inherit);
 }
 .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content,
 .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-page-list,
@@ -1841,17 +1820,14 @@ button.wp-block-navigation-item__content {
   min-width: 200px;
   position: static;
   border: none;
-  padding-right: 32px;
-  padding-left: 32px;
+  padding-right: 2em;
+  padding-left: 2em;
 }
 .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);
 }
-.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-navigation__submenu-container .wp-block-navigation__submenu-container,
-.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-navigation__submenu-container .wp-block-navigation__container,
-.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-navigation__container .wp-block-navigation__submenu-container,
-.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-navigation__container .wp-block-navigation__container {
+.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);
 }
 .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-navigation-item__content {
@@ -1862,7 +1838,7 @@ button.wp-block-navigation-item__content {
 .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-page-list {
   display: flex;
   flex-direction: column;
-  align-items: var(--layout-justification-setting, initial);
+  align-items: var(--navigation-layout-justification-setting, initial);
 }
 .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item .wp-block-navigation__submenu-container,
 .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item,
@@ -1932,14 +1908,12 @@ button.wp-block-navigation-item__content {
 
 .wp-block-navigation__responsive-close {
   width: 100%;
-  height: 100%;
 }
 
 .is-menu-open .wp-block-navigation__responsive-close,
 .is-menu-open .wp-block-navigation__responsive-dialog,
 .is-menu-open .wp-block-navigation__responsive-container-content {
   box-sizing: border-box;
-  height: 100%;
 }
 
 .wp-block-navigation__responsive-dialog {
@@ -1955,12 +1929,41 @@ 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(--layout-direction, initial);
-  justify-content: var(--layout-justify, initial);
-  align-items: var(--layout-align, initial);
-  flex-wrap: var(--layout-wrap, wrap);
+  flex-direction: var(--navigation-layout-direction, initial);
+  justify-content: var(--navigation-layout-justify, initial);
+  align-items: var(--navigation-layout-align, initial);
+  flex-wrap: var(--navigation-layout-wrap, wrap);
   background-color: inherit;
 }
 .wp-block-navigation .wp-block-navigation-item {
@@ -2058,7 +2061,6 @@ p.has-background {
 }
 .wp-block-post-comments .comment-author {
   line-height: 1.5;
-  margin-right: -3.25em;
 }
 .wp-block-post-comments .comment-author .avatar {
   border-radius: 1.5em;
@@ -2176,30 +2178,10 @@ 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;
 }
@@ -2217,7 +2199,6 @@ 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,
@@ -2284,66 +2265,39 @@ p.has-background {
   list-style: none;
   padding: 0;
 }
-.wp-block-post-template li,
-.wp-block-query-loop li {
-  clear: both;
-}
 .wp-block-post-template.is-flex-container,
 .wp-block-query-loop.is-flex-container {
   flex-direction: row;
   display: flex;
   flex-wrap: wrap;
+  gap: 1.25em;
 }
 .wp-block-post-template.is-flex-container li,
 .wp-block-query-loop.is-flex-container li {
-  margin: 0 0 1.25em 0;
+  margin: 0;
   width: 100%;
 }
 @media (min-width: 600px) {
-  .wp-block-post-template.is-flex-container li,
-.wp-block-query-loop.is-flex-container li {
-    margin-left: 1.25em;
-  }
   .wp-block-post-template.is-flex-container.is-flex-container.columns-2 > li,
 .wp-block-query-loop.is-flex-container.is-flex-container.columns-2 > li {
     width: calc((100% / 2) - 1.25em + (1.25em / 2));
   }
-  .wp-block-post-template.is-flex-container.is-flex-container.columns-2 > li:nth-child(2n),
-.wp-block-query-loop.is-flex-container.is-flex-container.columns-2 > li:nth-child(2n) {
-    margin-left: 0;
-  }
   .wp-block-post-template.is-flex-container.is-flex-container.columns-3 > li,
 .wp-block-query-loop.is-flex-container.is-flex-container.columns-3 > li {
     width: calc((100% / 3) - 1.25em + (1.25em / 3));
   }
-  .wp-block-post-template.is-flex-container.is-flex-container.columns-3 > li:nth-child(3n),
-.wp-block-query-loop.is-flex-container.is-flex-container.columns-3 > li:nth-child(3n) {
-    margin-left: 0;
-  }
   .wp-block-post-template.is-flex-container.is-flex-container.columns-4 > li,
 .wp-block-query-loop.is-flex-container.is-flex-container.columns-4 > li {
     width: calc((100% / 4) - 1.25em + (1.25em / 4));
   }
-  .wp-block-post-template.is-flex-container.is-flex-container.columns-4 > li:nth-child(4n),
-.wp-block-query-loop.is-flex-container.is-flex-container.columns-4 > li:nth-child(4n) {
-    margin-left: 0;
-  }
   .wp-block-post-template.is-flex-container.is-flex-container.columns-5 > li,
 .wp-block-query-loop.is-flex-container.is-flex-container.columns-5 > li {
     width: calc((100% / 5) - 1.25em + (1.25em / 5));
   }
-  .wp-block-post-template.is-flex-container.is-flex-container.columns-5 > li:nth-child(5n),
-.wp-block-query-loop.is-flex-container.is-flex-container.columns-5 > li:nth-child(5n) {
-    margin-left: 0;
-  }
   .wp-block-post-template.is-flex-container.is-flex-container.columns-6 > li,
 .wp-block-query-loop.is-flex-container.is-flex-container.columns-6 > li {
     width: calc((100% / 6) - 1.25em + (1.25em / 6));
   }
-  .wp-block-post-template.is-flex-container.is-flex-container.columns-6 > li:nth-child(6n),
-.wp-block-query-loop.is-flex-container.is-flex-container.columns-6 > li:nth-child(6n) {
-    margin-left: 0;
-  }
 }
 
 .wp-block-query-pagination > .wp-block-query-pagination-next,
@@ -2371,12 +2325,8 @@ p.has-background {
 .wp-block-query-pagination .wp-block-query-pagination-next-arrow:not(.is-arrow-chevron) {
   transform: scaleX(-1);;
 }
-.wp-block-query-pagination > span.wp-block-query-pagination-next,
-.wp-block-query-pagination > span.wp-block-query-pagination-previous {
-  visibility: hidden;
-}
-.wp-block-query-pagination.wp-justify-left > [aria-hidden=true], .wp-block-query-pagination.wp-justify-right > [aria-hidden=true] {
-  display: none;
+.wp-block-query-pagination.aligncenter {
+  justify-content: center;
 }
 
 .wp-block-quote {
@@ -2548,7 +2498,9 @@ ul.wp-block-rss.is-grid li {
   border-radius: inherit;
 }
 .wp-block-site-logo.aligncenter {
-  display: table;
+  margin-right: auto;
+  margin-left: auto;
+  text-align: center;
 }
 .wp-block-site-logo.is-style-rounded {
   border-radius: 9999px;
@@ -3020,7 +2972,6 @@ 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 {
@@ -3075,6 +3026,23 @@ 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,
@@ -3128,11 +3096,11 @@ pre.wp-block-verse {
 }
 
 .has-normal-font-size {
-  font-size: var(--wp--preset--font-size--normal) !important;
+  font-size: var(--wp--preset--font-size--normal);
 }
 
 .has-huge-font-size {
-  font-size: var(--wp--preset--font-size--huge) !important;
+  font-size: var(--wp--preset--font-size--huge);
 }
 
 .has-text-align-center {
@@ -3201,23 +3169,4 @@ 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;
 }