@wordpress/block-library 6.0.20 → 6.1.0

package/build-style/style.css

@@ -272,19 +272,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;
 }
@@ -294,20 +292,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-left: 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;
@@ -316,12 +305,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-left: 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;
@@ -330,8 +316,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-left: var(--wp--style--block-gap, 2em);
+
+:where(.wp-block-columns.has-background) {
+  padding: 1.25em 2.375em;
 }
 
 .wp-block-column {
@@ -356,6 +343,53 @@
   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 {
+  /*rtl:ignore*/
+  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 {
+  /*rtl:ignore*/
+  margin-right: 0;
+}
+.wp-block-comments-pagination .wp-block-comments-pagination-previous-arrow {
+  margin-right: 1ch;
+  display: inline-block;
+}
+.wp-block-comments-pagination .wp-block-comments-pagination-previous-arrow:not(.is-arrow-chevron) {
+  transform: scaleX(1) /*rtl:scaleX(-1);*/;
+}
+.wp-block-comments-pagination .wp-block-comments-pagination-next-arrow {
+  margin-left: 1ch;
+  display: inline-block;
+}
+.wp-block-comments-pagination .wp-block-comments-pagination-next-arrow:not(.is-arrow-chevron) {
+  transform: scaleX(1) /*rtl: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-left: 2rem;
+}
+
 .wp-block-cover-image,
 .wp-block-cover {
   position: relative;
@@ -471,6 +505,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 {
@@ -1004,6 +1042,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;
@@ -1379,15 +1420,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;
@@ -1710,17 +1742,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;
 }
 
 /**
@@ -1812,12 +1847,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;
@@ -1842,12 +1877,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);
@@ -1893,6 +1928,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;
@@ -1931,6 +1971,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,
@@ -1951,35 +1994,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);
@@ -2072,9 +2086,9 @@ p.has-background {
   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;
@@ -2089,6 +2103,7 @@ p.has-background {
   display: block;
   float: left;
   height: 2.5em;
+  margin-top: 0.5em;
   margin-right: 0.75em;
   width: 2.5em;
 }
@@ -2096,11 +2111,15 @@ p.has-background {
   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,
@@ -2123,7 +2142,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,
@@ -2200,10 +2219,30 @@ p.has-background {
   display: inline-block;
 }
 
+.wp-block-post-featured-image {
+  margin-left: 0;
+  margin-right: 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;
 }
@@ -2221,6 +2260,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,
@@ -2287,6 +2327,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;
@@ -2538,6 +2582,7 @@ ul.wp-block-rss.is-grid li {
   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 {
@@ -2918,6 +2963,14 @@ ul.wp-block-rss.is-grid li {
   margin-left: 5px;
   text-decoration: none;
 }
+.wp-block-tag-cloud.is-style-outline a {
+  border: 1px solid currentColor;
+  font-size: unset !important;
+  margin-bottom: 1ch;
+  margin-right: 1ch;
+  padding: 1ch 2ch;
+  text-decoration: none !important;
+}
 
 .wp-block-table {
   margin: 0 0 1em 0;
@@ -2999,6 +3052,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 {
@@ -3053,23 +3107,6 @@ pre.wp-block-verse {
   margin-bottom: 1em;
 }
 
-.wp-block-post-featured-image {
-  margin-left: 0;
-  margin-right: 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,
@@ -3198,4 +3235,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;
 }

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

@@ -154,4 +154,5 @@
 .wp-block-table table[style*=border-width] th,
 .wp-block-table table[style*=border-width] td {
   border-width: inherit;
+  border-style: inherit;
 }

package/build-style/table/style.css

@@ -154,4 +154,5 @@
 .wp-block-table table[style*=border-width] th,
 .wp-block-table table[style*=border-width] td {
   border-width: inherit;
+  border-style: inherit;
 }

package/build-style/tag-cloud/style-rtl.css

@@ -89,4 +89,12 @@
   display: inline-block;
   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;
 }

package/build-style/tag-cloud/style.css

@@ -89,4 +89,12 @@
   display: inline-block;
   margin-left: 5px;
   text-decoration: none;
+}
+.wp-block-tag-cloud.is-style-outline a {
+  border: 1px solid currentColor;
+  font-size: unset !important;
+  margin-bottom: 1ch;
+  margin-right: 1ch;
+  padding: 1ch 2ch;
+  text-decoration: none !important;
 }

package/build-style/theme-rtl.css

@@ -83,12 +83,14 @@
   color: rgba(255, 255, 255, 0.65);
 }
 
+.wp-block-code {
+  border: 1px solid #ccc;
+  border-radius: 4px;
+}
+
 .wp-block-code > code {
   font-family: Menlo, Consolas, monaco, monospace;
-  color: #1e1e1e;
   padding: 0.8em 1em;
-  border: 1px solid #ddd;
-  border-radius: 4px;
 }
 
 .wp-block-embed figcaption {
@@ -162,7 +164,7 @@
   font-weight: bold;
 }
 
-.wp-block-group:where(.has-background) {
+:where(.wp-block-group.has-background) {
   padding: 1.25em 2.375em;
 }
 

package/build-style/theme.css

@@ -83,12 +83,14 @@
   color: rgba(255, 255, 255, 0.65);
 }
 
+.wp-block-code {
+  border: 1px solid #ccc;
+  border-radius: 4px;
+}
+
 .wp-block-code > code {
   font-family: Menlo, Consolas, monaco, monospace;
-  color: #1e1e1e;
   padding: 0.8em 1em;
-  border: 1px solid #ddd;
-  border-radius: 4px;
 }
 
 .wp-block-embed figcaption {
@@ -162,7 +164,7 @@
   font-weight: bold;
 }
 
-.wp-block-group:where(.has-background) {
+:where(.wp-block-group.has-background) {
   padding: 1.25em 2.375em;
 }
 

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@wordpress/block-library",
-	"version": "6.0.20",
+	"version": "6.1.0",
 	"description": "Block library for the WordPress editor.",
 	"author": "The WordPress Contributors",
 	"license": "GPL-2.0-or-later",
@@ -33,44 +33,44 @@
 	],
 	"dependencies": {
 		"@babel/runtime": "^7.16.0",
-		"@wordpress/a11y": "^3.2.4",
-		"@wordpress/api-fetch": "^5.2.6",
-		"@wordpress/autop": "^3.2.3",
-		"@wordpress/blob": "^3.2.2",
-		"@wordpress/block-editor": "^8.0.15",
-		"@wordpress/blocks": "^11.1.5",
-		"@wordpress/components": "^19.2.2",
-		"@wordpress/compose": "^5.0.7",
-		"@wordpress/core-data": "^4.0.9",
-		"@wordpress/data": "^6.1.5",
-		"@wordpress/date": "^4.2.3",
-		"@wordpress/deprecated": "^3.2.3",
-		"@wordpress/dom": "^3.2.7",
-		"@wordpress/element": "^4.0.4",
-		"@wordpress/escape-html": "^2.2.3",
-		"@wordpress/hooks": "^3.2.2",
-		"@wordpress/html-entities": "^3.2.3",
-		"@wordpress/i18n": "^4.2.4",
-		"@wordpress/icons": "^6.1.1",
-		"@wordpress/is-shallow-equal": "^4.2.1",
-		"@wordpress/keycodes": "^3.2.4",
-		"@wordpress/notices": "^3.2.8",
-		"@wordpress/primitives": "^3.0.4",
-		"@wordpress/reusable-blocks": "^3.0.21",
-		"@wordpress/rich-text": "^5.0.8",
-		"@wordpress/server-side-render": "^3.0.19",
-		"@wordpress/url": "^3.3.1",
-		"@wordpress/viewport": "^4.0.7",
+		"@wordpress/a11y": "^3.3.0",
+		"@wordpress/api-fetch": "^6.0.0",
+		"@wordpress/autop": "^3.3.0",
+		"@wordpress/blob": "^3.3.0",
+		"@wordpress/block-editor": "^8.1.0",
+		"@wordpress/blocks": "^11.2.0",
+		"@wordpress/components": "^19.3.0",
+		"@wordpress/compose": "^5.1.0",
+		"@wordpress/core-data": "^4.1.0",
+		"@wordpress/data": "^6.2.0",
+		"@wordpress/date": "^4.3.0",
+		"@wordpress/deprecated": "^3.3.0",
+		"@wordpress/dom": "^3.3.0",
+		"@wordpress/element": "^4.1.0",
+		"@wordpress/escape-html": "^2.3.0",
+		"@wordpress/hooks": "^3.3.0",
+		"@wordpress/html-entities": "^3.3.0",
+		"@wordpress/i18n": "^4.3.0",
+		"@wordpress/icons": "^6.2.0",
+		"@wordpress/is-shallow-equal": "^4.3.0",
+		"@wordpress/keycodes": "^3.3.0",
+		"@wordpress/notices": "^3.3.0",
+		"@wordpress/primitives": "^3.1.0",
+		"@wordpress/reusable-blocks": "^3.1.0",
+		"@wordpress/rich-text": "^5.1.0",
+		"@wordpress/server-side-render": "^3.1.0",
+		"@wordpress/url": "^3.4.0",
+		"@wordpress/viewport": "^4.1.0",
 		"classnames": "^2.3.1",
 		"colord": "^2.7.0",
 		"fast-average-color": "4.3.0",
 		"lodash": "^4.17.21",
 		"memize": "^1.1.0",
-		"micromodal": "^0.4.9",
+		"micromodal": "^0.4.10",
 		"moment": "^2.22.1"
 	},
 	"publishConfig": {
 		"access": "public"
 	},
-	"gitHead": "8c2cd6a5fd8781266da858a2e7d1bdd9a3a279e4"
+	"gitHead": "d95ccb9366e249133cdb1d7b25c382446b9ee502"
 }

package/src/archives/block.json

@@ -1,4 +1,5 @@
 {
+	"$schema": "https://schemas.wp.org/trunk/block.json",
 	"apiVersion": 2,
 	"name": "core/archives",
 	"title": "Archives",

package/src/archives/index.php

@@ -23,7 +23,7 @@ function render_block_core_archives( $attributes ) {
 
 		$class .= ' wp-block-archives-dropdown';
 
-		$dropdown_id = esc_attr( uniqid( 'wp-block-archives-' ) );
+		$dropdown_id = uniqid( 'wp-block-archives-' );
 		$title       = __( 'Archives' );
 
 		/** This filter is documented in wp-includes/widgets/class-wp-widget-archives.php */
@@ -62,11 +62,9 @@ function render_block_core_archives( $attributes ) {
 				break;
 		}
 
-		$label = esc_html( $label );
-
-		$block_content = '<label for="' . $dropdown_id . '">' . $title . '</label>
-	<select id="' . $dropdown_id . '" name="archive-dropdown" onchange="document.location.href=this.options[this.selectedIndex].value;">
-	<option value="">' . $label . '</option>' . $archives . '</select>';
+		$block_content = '<label for="' . esc_attr( $dropdown_id ) . '">' . esc_html( $title ) . '</label>
+	<select id="' . esc_attr( $dropdown_id ) . '" name="archive-dropdown" onchange="document.location.href=this.options[this.selectedIndex].value;">
+	<option value="">' . esc_html( $label ) . '</option>' . $archives . '</select>';
 
 		return sprintf(
 			'<div %1$s>%2$s</div>',
@@ -90,9 +88,7 @@ function render_block_core_archives( $attributes ) {
 
 	$archives = wp_get_archives( $archives_args );
 
-	$classnames = esc_attr( $class );
-
-	$wrapper_attributes = get_block_wrapper_attributes( array( 'class' => $classnames ) );
+	$wrapper_attributes = get_block_wrapper_attributes( array( 'class' => $class ) );
 
 	if ( empty( $archives ) ) {
 		return sprintf(

package/src/audio/block.json

@@ -1,4 +1,5 @@
 {
+	"$schema": "https://schemas.wp.org/trunk/block.json",
 	"apiVersion": 2,
 	"name": "core/audio",
 	"title": "Audio",