@wordpress/block-library 7.18.0 → 7.19.0

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

@@ -125,4 +125,48 @@
 }
 .wp-block-group.is-layout-flex.block-editor-block-list__block > .block-list-appender:only-child .block-editor-inserter {
   pointer-events: all;
+}
+
+.wp-block-group__placeholder .wp-block-group-placeholder__variations {
+  list-style: none;
+  display: flex;
+  justify-content: center;
+  flex-direction: row;
+  flex-wrap: wrap;
+  width: 100%;
+  padding: 0;
+  margin: 0;
+}
+.wp-block-group__placeholder .components-placeholder__instructions {
+  text-align: center;
+  margin-bottom: 18px;
+}
+.wp-block-group__placeholder .wp-block-group-placeholder__variations svg {
+  fill: #ccc !important;
+}
+.wp-block-group__placeholder .wp-block-group-placeholder__variations svg:hover {
+  fill: var(--wp-admin-theme-color) !important;
+}
+.wp-block-group__placeholder .wp-block-group-placeholder__variations > li {
+  margin: 0 12px 12px 12px;
+  width: auto;
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+}
+.wp-block-group__placeholder .wp-block-group-placeholder__variations li > .wp-block-group-placeholder__variation-button {
+  width: 44px;
+  height: 32px;
+  padding: 0;
+}
+.wp-block-group__placeholder .wp-block-group-placeholder__variations li > .wp-block-group-placeholder__variation-button:hover {
+  box-shadow: none;
+}
+.wp-block-group__placeholder .components-placeholder {
+  min-height: auto;
+  padding: 24px;
+}
+.wp-block-group__placeholder .is-small .wp-block-group-placeholder__variations > li,
+.wp-block-group__placeholder .is-medium .wp-block-group-placeholder__variations > li {
+  margin: 12px;
 }

package/build-style/group/editor.css

@@ -125,4 +125,48 @@
 }
 .wp-block-group.is-layout-flex.block-editor-block-list__block > .block-list-appender:only-child .block-editor-inserter {
   pointer-events: all;
+}
+
+.wp-block-group__placeholder .wp-block-group-placeholder__variations {
+  list-style: none;
+  display: flex;
+  justify-content: center;
+  flex-direction: row;
+  flex-wrap: wrap;
+  width: 100%;
+  padding: 0;
+  margin: 0;
+}
+.wp-block-group__placeholder .components-placeholder__instructions {
+  text-align: center;
+  margin-bottom: 18px;
+}
+.wp-block-group__placeholder .wp-block-group-placeholder__variations svg {
+  fill: #ccc !important;
+}
+.wp-block-group__placeholder .wp-block-group-placeholder__variations svg:hover {
+  fill: var(--wp-admin-theme-color) !important;
+}
+.wp-block-group__placeholder .wp-block-group-placeholder__variations > li {
+  margin: 0 12px 12px 12px;
+  width: auto;
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+}
+.wp-block-group__placeholder .wp-block-group-placeholder__variations li > .wp-block-group-placeholder__variation-button {
+  width: 44px;
+  height: 32px;
+  padding: 0;
+}
+.wp-block-group__placeholder .wp-block-group-placeholder__variations li > .wp-block-group-placeholder__variation-button:hover {
+  box-shadow: none;
+}
+.wp-block-group__placeholder .components-placeholder {
+  min-height: auto;
+  padding: 24px;
+}
+.wp-block-group__placeholder .is-small .wp-block-group-placeholder__variations > li,
+.wp-block-group__placeholder .is-medium .wp-block-group-placeholder__variations > li {
+  margin: 12px;
 }

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

@@ -76,6 +76,7 @@
  */
 ol.wp-block-latest-comments {
   margin-right: 0;
+  box-sizing: border-box;
 }
 
 .wp-block-latest-comments .wp-block-latest-comments {

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

@@ -76,6 +76,7 @@
  */
 ol.wp-block-latest-comments {
   margin-left: 0;
+  box-sizing: border-box;
 }
 
 .wp-block-latest-comments .wp-block-latest-comments {

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

@@ -74,6 +74,9 @@
 /**
  * Reset the WP Admin page styles for Gutenberg-like pages.
  */
+.wp-block-latest-posts {
+  box-sizing: border-box;
+}
 .wp-block-latest-posts.alignleft {
   margin-right: 2em;
 }

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

@@ -74,6 +74,9 @@
 /**
  * Reset the WP Admin page styles for Gutenberg-like pages.
  */
+.wp-block-latest-posts {
+  box-sizing: border-box;
+}
 .wp-block-latest-posts.alignleft {
   /*rtl:ignore*/
   margin-right: 2em;

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

@@ -476,6 +476,14 @@ body.editor-styles-wrapper .wp-block-navigation__responsive-container.is-menu-op
   color: inherit;
 }
 
+.components-heading.wp-block-navigation-off-canvas-editor__title {
+  margin: 0;
+}
+
+.wp-block-navigation-off-canvas-editor__header {
+  margin-bottom: 8px;
+}
+
 .is-menu-open .wp-block-navigation__responsive-container-content * .block-list-appender {
   margin-top: 16px;
 }
@@ -510,6 +518,10 @@ body.editor-styles-wrapper .wp-block-navigation__responsive-container.is-menu-op
   margin-bottom: 16px;
 }
 
+.components-button.is-link.wp-block-navigation-manage-menus-button {
+  margin-bottom: 16px;
+}
+
 .wp-block-navigation__overlay-menu-preview {
   display: flex;
   align-items: center;
@@ -548,6 +560,17 @@ body.editor-styles-wrapper .wp-block-navigation__responsive-container.is-menu-op
   width: 100%;
 }
 
+.wp-block-navigation__navigation-selector-button__icon {
+  flex: 0 0 auto;
+}
+
+.wp-block-navigation__navigation-selector-button__label {
+  flex: 0 1 auto;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+
 .wp-block-navigation__navigation-selector-button--createnew {
   border: 1px solid;
   margin-bottom: 16px;

package/build-style/navigation/editor.css

@@ -476,6 +476,14 @@ body.editor-styles-wrapper .wp-block-navigation__responsive-container.is-menu-op
   color: inherit;
 }
 
+.components-heading.wp-block-navigation-off-canvas-editor__title {
+  margin: 0;
+}
+
+.wp-block-navigation-off-canvas-editor__header {
+  margin-bottom: 8px;
+}
+
 .is-menu-open .wp-block-navigation__responsive-container-content * .block-list-appender {
   margin-top: 16px;
 }
@@ -510,6 +518,10 @@ body.editor-styles-wrapper .wp-block-navigation__responsive-container.is-menu-op
   margin-bottom: 16px;
 }
 
+.components-button.is-link.wp-block-navigation-manage-menus-button {
+  margin-bottom: 16px;
+}
+
 .wp-block-navigation__overlay-menu-preview {
   display: flex;
   align-items: center;
@@ -548,6 +560,17 @@ body.editor-styles-wrapper .wp-block-navigation__responsive-container.is-menu-op
   width: 100%;
 }
 
+.wp-block-navigation__navigation-selector-button__icon {
+  flex: 0 0 auto;
+}
+
+.wp-block-navigation__navigation-selector-button__label {
+  flex: 0 1 auto;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+
 .wp-block-navigation__navigation-selector-button--createnew {
   border: 1px solid;
   margin-bottom: 16px;

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

@@ -528,6 +528,11 @@ button.wp-block-navigation-item__content {
 .wp-block-navigation__responsive-container-open {
   display: flex;
 }
+.wp-block-navigation__responsive-container-open.wp-block-navigation__responsive-container-open.wp-block-navigation__responsive-container-open {
+  font-family: inherit;
+  font-weight: inherit;
+  font-size: inherit;
+}
 @media (min-width: 600px) {
   .wp-block-navigation__responsive-container-open:not(.always-shown) {
     display: none;
@@ -540,6 +545,11 @@ button.wp-block-navigation-item__content {
   left: 0;
   z-index: 2;
 }
+.wp-block-navigation__responsive-container-close.wp-block-navigation__responsive-container-close.wp-block-navigation__responsive-container-close {
+  font-family: inherit;
+  font-weight: inherit;
+  font-size: inherit;
+}
 
 .wp-block-navigation__responsive-close {
   width: 100%;

package/build-style/navigation/style.css

@@ -528,6 +528,11 @@ button.wp-block-navigation-item__content {
 .wp-block-navigation__responsive-container-open {
   display: flex;
 }
+.wp-block-navigation__responsive-container-open.wp-block-navigation__responsive-container-open.wp-block-navigation__responsive-container-open {
+  font-family: inherit;
+  font-weight: inherit;
+  font-size: inherit;
+}
 @media (min-width: 600px) {
   .wp-block-navigation__responsive-container-open:not(.always-shown) {
     display: none;
@@ -540,6 +545,11 @@ button.wp-block-navigation-item__content {
   right: 0;
   z-index: 2;
 }
+.wp-block-navigation__responsive-container-close.wp-block-navigation__responsive-container-close.wp-block-navigation__responsive-container-close {
+  font-family: inherit;
+  font-weight: inherit;
+  font-size: inherit;
+}
 
 .wp-block-navigation__responsive-close {
   width: 100%;

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

@@ -75,8 +75,15 @@
  * Reset the WP Admin page styles for Gutenberg-like pages.
  */
 /**
-* Submenus.
+* Appender
 */
+.wp-block-navigation .block-list-appender {
+  position: relative;
+}
+
+/**
+ * Submenus.
+ */
 .wp-block-navigation .has-child {
   cursor: pointer;
 }

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

@@ -75,8 +75,15 @@
  * Reset the WP Admin page styles for Gutenberg-like pages.
  */
 /**
-* Submenus.
+* Appender
 */
+.wp-block-navigation .block-list-appender {
+  position: relative;
+}
+
+/**
+ * Submenus.
+ */
 .wp-block-navigation .has-child {
   cursor: pointer;
 }

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

@@ -79,7 +79,7 @@
 }
 
 .wp-block-query__create-new-link {
-  padding: 0 56px 16px 16px;
+  padding: 0 52px 16px 16px;
 }
 
 .block-library-query__pattern-selection-content .block-editor-block-patterns-list {

package/build-style/query/editor.css

@@ -79,7 +79,7 @@
 }
 
 .wp-block-query__create-new-link {
-  padding: 0 16px 16px 56px;
+  padding: 0 16px 16px 52px;
 }
 
 .block-library-query__pattern-selection-content .block-editor-block-patterns-list {

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

@@ -85,7 +85,7 @@
 .wp-block-query-pagination > .wp-block-query-pagination-numbers:last-child {
   margin-right: 0;
 }
-.wp-block-query-pagination.is-content-justification-space-between > .wp-block-query-pagination-next:last-child {
+.wp-block-query-pagination.is-content-justification-space-between > .wp-block-query-pagination-next:last-of-type {
   margin-inline-start: auto;
 }
 .wp-block-query-pagination.is-content-justification-space-between > .wp-block-query-pagination-previous:first-child {

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

@@ -87,7 +87,7 @@
   /*rtl:ignore*/
   margin-right: 0;
 }
-.wp-block-query-pagination.is-content-justification-space-between > .wp-block-query-pagination-next:last-child {
+.wp-block-query-pagination.is-content-justification-space-between > .wp-block-query-pagination-next:last-of-type {
   margin-inline-start: auto;
 }
 .wp-block-query-pagination.is-content-justification-space-between > .wp-block-query-pagination-previous:first-child {

package/build-style/style-rtl.css

@@ -1504,6 +1504,7 @@ h6.has-background {
 
 ol.wp-block-latest-comments {
   margin-right: 0;
+  box-sizing: border-box;
 }
 
 .wp-block-latest-comments .wp-block-latest-comments {
@@ -1548,6 +1549,9 @@ ol.wp-block-latest-comments {
   width: 2.5em;
 }
 
+.wp-block-latest-posts {
+  box-sizing: border-box;
+}
 .wp-block-latest-posts.alignleft {
   margin-right: 2em;
 }
@@ -2200,6 +2204,11 @@ button.wp-block-navigation-item__content {
 .wp-block-navigation__responsive-container-open {
   display: flex;
 }
+.wp-block-navigation__responsive-container-open.wp-block-navigation__responsive-container-open.wp-block-navigation__responsive-container-open {
+  font-family: inherit;
+  font-weight: inherit;
+  font-size: inherit;
+}
 @media (min-width: 600px) {
   .wp-block-navigation__responsive-container-open:not(.always-shown) {
     display: none;
@@ -2212,6 +2221,11 @@ button.wp-block-navigation-item__content {
   left: 0;
   z-index: 2;
 }
+.wp-block-navigation__responsive-container-close.wp-block-navigation__responsive-container-close.wp-block-navigation__responsive-container-close {
+  font-family: inherit;
+  font-weight: inherit;
+  font-size: inherit;
+}
 
 .wp-block-navigation__responsive-close {
   width: 100%;
@@ -2610,7 +2624,7 @@ p.has-background {
 .wp-block-query-pagination > .wp-block-query-pagination-numbers:last-child {
   margin-right: 0;
 }
-.wp-block-query-pagination.is-content-justification-space-between > .wp-block-query-pagination-next:last-child {
+.wp-block-query-pagination.is-content-justification-space-between > .wp-block-query-pagination-next:last-of-type {
   margin-inline-start: auto;
 }
 .wp-block-query-pagination.is-content-justification-space-between > .wp-block-query-pagination-previous:first-child {
@@ -3259,6 +3273,11 @@ ul.wp-block-rss.is-grid li {
   border-collapse: collapse;
   width: 100%;
 }
+.wp-block-table td,
+.wp-block-table th {
+  border: 1px solid;
+  padding: 0.5em;
+}
 .wp-block-table .has-fixed-layout {
   table-layout: fixed;
   width: 100%;

package/build-style/style.css

@@ -1516,6 +1516,7 @@ h6.has-background {
 
 ol.wp-block-latest-comments {
   margin-left: 0;
+  box-sizing: border-box;
 }
 
 .wp-block-latest-comments .wp-block-latest-comments {
@@ -1560,6 +1561,9 @@ ol.wp-block-latest-comments {
   width: 2.5em;
 }
 
+.wp-block-latest-posts {
+  box-sizing: border-box;
+}
 .wp-block-latest-posts.alignleft {
   /*rtl:ignore*/
   margin-right: 2em;
@@ -2228,6 +2232,11 @@ button.wp-block-navigation-item__content {
 .wp-block-navigation__responsive-container-open {
   display: flex;
 }
+.wp-block-navigation__responsive-container-open.wp-block-navigation__responsive-container-open.wp-block-navigation__responsive-container-open {
+  font-family: inherit;
+  font-weight: inherit;
+  font-size: inherit;
+}
 @media (min-width: 600px) {
   .wp-block-navigation__responsive-container-open:not(.always-shown) {
     display: none;
@@ -2240,6 +2249,11 @@ button.wp-block-navigation-item__content {
   right: 0;
   z-index: 2;
 }
+.wp-block-navigation__responsive-container-close.wp-block-navigation__responsive-container-close.wp-block-navigation__responsive-container-close {
+  font-family: inherit;
+  font-weight: inherit;
+  font-size: inherit;
+}
 
 .wp-block-navigation__responsive-close {
   width: 100%;
@@ -2640,7 +2654,7 @@ p.has-background {
   /*rtl:ignore*/
   margin-right: 0;
 }
-.wp-block-query-pagination.is-content-justification-space-between > .wp-block-query-pagination-next:last-child {
+.wp-block-query-pagination.is-content-justification-space-between > .wp-block-query-pagination-next:last-of-type {
   margin-inline-start: auto;
 }
 .wp-block-query-pagination.is-content-justification-space-between > .wp-block-query-pagination-previous:first-child {
@@ -3292,6 +3306,11 @@ ul.wp-block-rss.is-grid li {
   border-collapse: collapse;
   width: 100%;
 }
+.wp-block-table td,
+.wp-block-table th {
+  border: 1px solid;
+  padding: 0.5em;
+}
 .wp-block-table .has-fixed-layout {
   table-layout: fixed;
   width: 100%;

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

@@ -98,6 +98,7 @@
 .wp-block-table td,
 .wp-block-table th {
   border: 1px solid;
+  padding: 0.5em;
 }
 .wp-block-table td.is-selected,
 .wp-block-table th.is-selected {

package/build-style/table/editor.css

@@ -98,6 +98,7 @@
 .wp-block-table td,
 .wp-block-table th {
   border: 1px solid;
+  padding: 0.5em;
 }
 .wp-block-table td.is-selected,
 .wp-block-table th.is-selected {

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

@@ -81,6 +81,11 @@
   border-collapse: collapse;
   width: 100%;
 }
+.wp-block-table td,
+.wp-block-table th {
+  border: 1px solid;
+  padding: 0.5em;
+}
 .wp-block-table .has-fixed-layout {
   table-layout: fixed;
   width: 100%;

package/build-style/table/style.css

@@ -81,6 +81,11 @@
   border-collapse: collapse;
   width: 100%;
 }
+.wp-block-table td,
+.wp-block-table th {
+  border: 1px solid;
+  padding: 0.5em;
+}
 .wp-block-table .has-fixed-layout {
   table-layout: fixed;
   width: 100%;

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

@@ -75,7 +75,7 @@
  * Reset the WP Admin page styles for Gutenberg-like pages.
  */
 .wp-block-table {
-  margin: "0 0" 1em 0;
+  margin: 0 0 1em 0;
 }
 .wp-block-table thead {
   border-bottom: 3px solid;
@@ -85,8 +85,6 @@
 }
 .wp-block-table td,
 .wp-block-table th {
-  padding: 0.5em;
-  border: 1px solid;
   word-break: normal;
 }
 .wp-block-table figcaption {

package/build-style/table/theme.css

@@ -75,7 +75,7 @@
  * Reset the WP Admin page styles for Gutenberg-like pages.
  */
 .wp-block-table {
-  margin: "0 0 1em 0";
+  margin: 0 0 1em 0;
 }
 .wp-block-table thead {
   border-bottom: 3px solid;
@@ -85,8 +85,6 @@
 }
 .wp-block-table td,
 .wp-block-table th {
-  padding: 0.5em;
-  border: 1px solid;
   word-break: normal;
 }
 .wp-block-table figcaption {

package/build-style/theme-rtl.css

@@ -207,7 +207,7 @@
 }
 
 .wp-block-table {
-  margin: "0 0" 1em 0;
+  margin: 0 0 1em 0;
 }
 .wp-block-table thead {
   border-bottom: 3px solid;
@@ -217,8 +217,6 @@
 }
 .wp-block-table td,
 .wp-block-table th {
-  padding: 0.5em;
-  border: 1px solid;
   word-break: normal;
 }
 .wp-block-table figcaption {

package/build-style/theme.css

@@ -207,7 +207,7 @@
 }
 
 .wp-block-table {
-  margin: "0 0 1em 0";
+  margin: 0 0 1em 0;
 }
 .wp-block-table thead {
   border-bottom: 3px solid;
@@ -217,8 +217,6 @@
 }
 .wp-block-table td,
 .wp-block-table th {
-  padding: 0.5em;
-  border: 1px solid;
   word-break: normal;
 }
 .wp-block-table figcaption {

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@wordpress/block-library",
-	"version": "7.18.0",
+	"version": "7.19.0",
 	"description": "Block library for the WordPress editor.",
 	"author": "The WordPress Contributors",
 	"license": "GPL-2.0-or-later",
@@ -31,32 +31,32 @@
 	],
 	"dependencies": {
 		"@babel/runtime": "^7.16.0",
-		"@wordpress/a11y": "^3.21.0",
-		"@wordpress/api-fetch": "^6.18.0",
-		"@wordpress/autop": "^3.21.0",
-		"@wordpress/blob": "^3.21.0",
-		"@wordpress/block-editor": "^10.4.0",
-		"@wordpress/blocks": "^11.20.0",
-		"@wordpress/components": "^22.0.0",
-		"@wordpress/compose": "^5.19.0",
-		"@wordpress/core-data": "^5.4.0",
-		"@wordpress/data": "^7.5.0",
-		"@wordpress/date": "^4.21.0",
-		"@wordpress/deprecated": "^3.21.0",
-		"@wordpress/dom": "^3.21.0",
-		"@wordpress/element": "^4.19.0",
-		"@wordpress/hooks": "^3.21.0",
-		"@wordpress/html-entities": "^3.21.0",
-		"@wordpress/i18n": "^4.21.0",
-		"@wordpress/icons": "^9.12.0",
-		"@wordpress/keycodes": "^3.21.0",
-		"@wordpress/notices": "^3.21.0",
-		"@wordpress/primitives": "^3.19.0",
-		"@wordpress/reusable-blocks": "^3.19.0",
-		"@wordpress/rich-text": "^5.19.0",
-		"@wordpress/server-side-render": "^3.19.0",
-		"@wordpress/url": "^3.22.0",
-		"@wordpress/viewport": "^4.19.0",
+		"@wordpress/a11y": "^3.22.0",
+		"@wordpress/api-fetch": "^6.19.0",
+		"@wordpress/autop": "^3.22.0",
+		"@wordpress/blob": "^3.22.0",
+		"@wordpress/block-editor": "^10.5.0",
+		"@wordpress/blocks": "^11.21.0",
+		"@wordpress/components": "^22.1.0",
+		"@wordpress/compose": "^5.20.0",
+		"@wordpress/core-data": "^5.5.0",
+		"@wordpress/data": "^7.6.0",
+		"@wordpress/date": "^4.22.0",
+		"@wordpress/deprecated": "^3.22.0",
+		"@wordpress/dom": "^3.22.0",
+		"@wordpress/element": "^4.20.0",
+		"@wordpress/hooks": "^3.22.0",
+		"@wordpress/html-entities": "^3.22.0",
+		"@wordpress/i18n": "^4.22.0",
+		"@wordpress/icons": "^9.13.0",
+		"@wordpress/keycodes": "^3.22.0",
+		"@wordpress/notices": "^3.22.0",
+		"@wordpress/primitives": "^3.20.0",
+		"@wordpress/reusable-blocks": "^3.20.0",
+		"@wordpress/rich-text": "^5.20.0",
+		"@wordpress/server-side-render": "^3.20.0",
+		"@wordpress/url": "^3.23.0",
+		"@wordpress/viewport": "^4.20.0",
 		"change-case": "^4.1.2",
 		"classnames": "^2.3.1",
 		"colord": "^2.7.0",
@@ -74,5 +74,5 @@
 	"publishConfig": {
 		"access": "public"
 	},
-	"gitHead": "511f4cc1f0138641bc4394bc1cf36e833109c791"
+	"gitHead": "7ac04f446242452d3cb24372f9ca58f0cae97715"
 }

package/src/avatar/index.php

@@ -100,7 +100,7 @@ function render_block_core_avatar( $attributes, $content, $block ) {
 				$label = 'aria-label="' . sprintf( esc_attr__( '(%s author archive, opens in a new tab)' ), $author_name ) . '"';
 			}
 			// translators: %1$s: Author archive link. %2$s: Link target. %3$s Aria label. %4$s Avatar image.
-			$avatar_block = sprintf( '<a href="%1$s" target="%2$s" %3$s class="wp-block-avatar__link">%4$s</a>', get_author_posts_url( $author_id ), esc_attr( $attributes['linkTarget'] ), $label, $avatar_block );
+			$avatar_block = sprintf( '<a href="%1$s" target="%2$s" %3$s class="wp-block-avatar__link">%4$s</a>', esc_url( get_author_posts_url( $author_id ) ), esc_attr( $attributes['linkTarget'] ), $label, $avatar_block );
 		}
 		return sprintf( '<div %1s>%2s</div>', $wrapper_attributes, $avatar_block );
 	}