@wordpress/block-library 7.17.0 → 7.19.0

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

@@ -256,10 +256,6 @@
   color: #1e1e1e;
 }
 
-.wp-block-navigation-placeholder .components-spinner {
-  margin-top: 0;
-}
-
 .wp-block-navigation-placeholder__preview {
   display: flex;
   align-items: center;
@@ -480,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;
 }
@@ -496,6 +500,10 @@ body.editor-styles-wrapper .wp-block-navigation__responsive-container.is-menu-op
   padding: 8px 12px;
 }
 
+.wp-block-navigation .wp-block-navigation__uncontrolled-inner-blocks-loading-indicator {
+  margin-top: 0;
+}
+
 @keyframes fadeouthalf {
   0% {
     opacity: 1;
@@ -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

@@ -256,10 +256,6 @@
   color: #1e1e1e;
 }
 
-.wp-block-navigation-placeholder .components-spinner {
-  margin-top: 0;
-}
-
 .wp-block-navigation-placeholder__preview {
   display: flex;
   align-items: center;
@@ -480,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;
 }
@@ -496,6 +500,10 @@ body.editor-styles-wrapper .wp-block-navigation__responsive-container.is-menu-op
   padding: 8px 12px;
 }
 
+.wp-block-navigation .wp-block-navigation__uncontrolled-inner-blocks-loading-indicator {
+  margin-top: 0;
+}
+
 @keyframes fadeouthalf {
   0% {
     opacity: 1;
@@ -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

@@ -311,7 +311,9 @@ button.wp-block-navigation-item__content {
 }
 
 :where(.wp-block-navigation .wp-block-navigation__submenu-container .wp-block-navigation-item a:not(.wp-element-button)),
-:where(.wp-block-navigation .wp-block-navigation__submenu-container .wp-block-navigation-submenu a:not(.wp-element-button)) {
+:where(.wp-block-navigation .wp-block-navigation__submenu-container .wp-block-navigation-submenu a:not(.wp-element-button)),
+:where(.wp-block-navigation .wp-block-navigation__submenu-container .wp-block-navigation-submenu button.wp-block-navigation-item__content),
+:where(.wp-block-navigation .wp-block-navigation__submenu-container .wp-block-pages-list__item button.wp-block-navigation-item__content) {
   padding: 0.5em 1em;
 }
 
@@ -526,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;
@@ -538,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

@@ -311,7 +311,9 @@ button.wp-block-navigation-item__content {
 }
 
 :where(.wp-block-navigation .wp-block-navigation__submenu-container .wp-block-navigation-item a:not(.wp-element-button)),
-:where(.wp-block-navigation .wp-block-navigation__submenu-container .wp-block-navigation-submenu a:not(.wp-element-button)) {
+:where(.wp-block-navigation .wp-block-navigation__submenu-container .wp-block-navigation-submenu a:not(.wp-element-button)),
+:where(.wp-block-navigation .wp-block-navigation__submenu-container .wp-block-navigation-submenu button.wp-block-navigation-item__content),
+:where(.wp-block-navigation .wp-block-navigation__submenu-container .wp-block-pages-list__item button.wp-block-navigation-item__content) {
   padding: 0.5em 1em;
 }
 
@@ -526,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;
@@ -538,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/post-comments-form/style-rtl.css

@@ -74,6 +74,9 @@
 /**
  * Reset the WP Admin page styles for Gutenberg-like pages.
  */
+.wp-block-post-comments-form {
+  box-sizing: border-box;
+}
 .wp-block-post-comments-form[style*=font-weight] :where(.comment-reply-title) {
   font-weight: inherit;
 }

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

@@ -74,6 +74,9 @@
 /**
  * Reset the WP Admin page styles for Gutenberg-like pages.
  */
+.wp-block-post-comments-form {
+  box-sizing: border-box;
+}
 .wp-block-post-comments-form[style*=font-weight] :where(.comment-reply-title) {
   font-weight: inherit;
 }

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

@@ -184,6 +184,7 @@
 .wp-block-button.is-style-outline > .wp-block-button__link:not(.has-background),
 .wp-block-button .wp-block-button__link.is-style-outline:not(.has-background) {
   background-color: transparent;
+  background-image: none;
 }
 
 .wp-block-buttons {
@@ -518,6 +519,7 @@
 }
 
 .wp-block-comment-template {
+  box-sizing: border-box;
   margin-bottom: 0;
   max-width: 100%;
   list-style: none;
@@ -1502,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 {
@@ -1546,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;
 }
@@ -1981,7 +1987,9 @@ button.wp-block-navigation-item__content {
 }
 
 :where(.wp-block-navigation .wp-block-navigation__submenu-container .wp-block-navigation-item a:not(.wp-element-button)),
-:where(.wp-block-navigation .wp-block-navigation__submenu-container .wp-block-navigation-submenu a:not(.wp-element-button)) {
+:where(.wp-block-navigation .wp-block-navigation__submenu-container .wp-block-navigation-submenu a:not(.wp-element-button)),
+:where(.wp-block-navigation .wp-block-navigation__submenu-container .wp-block-navigation-submenu button.wp-block-navigation-item__content),
+:where(.wp-block-navigation .wp-block-navigation__submenu-container .wp-block-pages-list__item button.wp-block-navigation-item__content) {
   padding: 0.5em 1em;
 }
 
@@ -2196,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;
@@ -2208,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%;
@@ -2330,6 +2348,9 @@ p.has-background {
   margin: 0;
 }
 
+.wp-block-post-comments-form {
+  box-sizing: border-box;
+}
 .wp-block-post-comments-form[style*=font-weight] :where(.comment-reply-title) {
   font-weight: inherit;
 }
@@ -2603,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 {
@@ -3252,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

@@ -185,6 +185,7 @@
 .wp-block-button.is-style-outline > .wp-block-button__link:not(.has-background),
 .wp-block-button .wp-block-button__link.is-style-outline:not(.has-background) {
   background-color: transparent;
+  background-image: none;
 }
 
 .wp-block-buttons {
@@ -523,6 +524,7 @@
 }
 
 .wp-block-comment-template {
+  box-sizing: border-box;
   margin-bottom: 0;
   max-width: 100%;
   list-style: none;
@@ -1514,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 {
@@ -1558,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;
@@ -2009,7 +2015,9 @@ button.wp-block-navigation-item__content {
 }
 
 :where(.wp-block-navigation .wp-block-navigation__submenu-container .wp-block-navigation-item a:not(.wp-element-button)),
-:where(.wp-block-navigation .wp-block-navigation__submenu-container .wp-block-navigation-submenu a:not(.wp-element-button)) {
+:where(.wp-block-navigation .wp-block-navigation__submenu-container .wp-block-navigation-submenu a:not(.wp-element-button)),
+:where(.wp-block-navigation .wp-block-navigation__submenu-container .wp-block-navigation-submenu button.wp-block-navigation-item__content),
+:where(.wp-block-navigation .wp-block-navigation__submenu-container .wp-block-pages-list__item button.wp-block-navigation-item__content) {
   padding: 0.5em 1em;
 }
 
@@ -2224,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;
@@ -2236,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%;
@@ -2358,6 +2376,9 @@ p.has-background {
   margin: 0;
 }
 
+.wp-block-post-comments-form {
+  box-sizing: border-box;
+}
 .wp-block-post-comments-form[style*=font-weight] :where(.comment-reply-title) {
   font-weight: inherit;
 }
@@ -2633,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 {
@@ -3285,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 {