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

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

@@ -346,19 +346,20 @@ button.wp-block-navigation-item__content {
 .wp-block-navigation__responsive-container.is-menu-open {
   display: flex;
   flex-direction: column;
+  background-color: inherit;
+  padding: 2em;
   overflow: auto;
   z-index: 100000;
-  padding: 72px 24px 24px 24px;
-  background-color: inherit;
 }
 .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content {
+  padding-top: calc(2em + 24px);
+  overflow: visible;
   display: flex;
   flex-direction: column;
   align-items: var(--layout-justification-setting, inherit);
-  overflow: auto;
-  padding: 0;
 }
 .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,
 .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-navigation__container {
   justify-content: flex-start;
 }
@@ -459,22 +460,27 @@ button.wp-block-navigation-item__content {
 
 .wp-block-navigation__responsive-container-close {
   position: absolute;
-  top: 24px;
-  left: 24px;
+  top: 0;
+  left: 0;
   z-index: 2;
 }
 
 .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 {
-  width: 100%;
+  box-sizing: border-box;
   height: 100%;
 }
 
+.wp-block-navigation__responsive-dialog {
+  position: relative;
+}
+
 html.has-modal-open {
   overflow: hidden;
 }

package/build-style/navigation/style.css

@@ -346,19 +346,20 @@ button.wp-block-navigation-item__content {
 .wp-block-navigation__responsive-container.is-menu-open {
   display: flex;
   flex-direction: column;
+  background-color: inherit;
+  padding: 2em;
   overflow: auto;
   z-index: 100000;
-  padding: 72px 24px 24px 24px;
-  background-color: inherit;
 }
 .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content {
+  padding-top: calc(2em + 24px);
+  overflow: visible;
   display: flex;
   flex-direction: column;
   align-items: var(--layout-justification-setting, inherit);
-  overflow: auto;
-  padding: 0;
 }
 .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,
 .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-navigation__container {
   justify-content: flex-start;
 }
@@ -459,22 +460,27 @@ button.wp-block-navigation-item__content {
 
 .wp-block-navigation__responsive-container-close {
   position: absolute;
-  top: 24px;
-  right: 24px;
+  top: 0;
+  right: 0;
   z-index: 2;
 }
 
 .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 {
-  width: 100%;
+  box-sizing: border-box;
   height: 100%;
 }
 
+.wp-block-navigation__responsive-dialog {
+  position: relative;
+}
+
 html.has-modal-open {
   overflow: hidden;
 }

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

@@ -125,7 +125,9 @@
   display: block;
   margin-bottom: 0.25em;
 }
-.wp-block-post-comments .comment-form-comment textarea {
+.wp-block-post-comments .comment-form textarea,
+.wp-block-post-comments .comment-form input:not([type=submit]):not([type=checkbox]) {
+  display: block;
   box-sizing: border-box;
   width: 100%;
 }

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

@@ -125,7 +125,9 @@
   display: block;
   margin-bottom: 0.25em;
 }
-.wp-block-post-comments .comment-form-comment textarea {
+.wp-block-post-comments .comment-form textarea,
+.wp-block-post-comments .comment-form input:not([type=submit]):not([type=checkbox]) {
+  display: block;
   box-sizing: border-box;
   width: 100%;
 }

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

@@ -110,12 +110,12 @@
 .wp-block-post-comments-form input:not([type=submit]):not([type=checkbox]) {
   padding: calc(0.667em + 2px);
 }
-.wp-block-post-comments-form .comment-form-comment textarea {
+.wp-block-post-comments-form .comment-form textarea,
+.wp-block-post-comments-form .comment-form input:not([type=submit]):not([type=checkbox]) {
   display: block;
   box-sizing: border-box;
   width: 100%;
 }
-.wp-block-post-comments-form .comment-form-comment label,
 .wp-block-post-comments-form .comment-form-author label,
 .wp-block-post-comments-form .comment-form-email label,
 .wp-block-post-comments-form .comment-form-url label {

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

@@ -110,12 +110,12 @@
 .wp-block-post-comments-form input:not([type=submit]):not([type=checkbox]) {
   padding: calc(0.667em + 2px);
 }
-.wp-block-post-comments-form .comment-form-comment textarea {
+.wp-block-post-comments-form .comment-form textarea,
+.wp-block-post-comments-form .comment-form input:not([type=submit]):not([type=checkbox]) {
   display: block;
   box-sizing: border-box;
   width: 100%;
 }
-.wp-block-post-comments-form .comment-form-comment label,
 .wp-block-post-comments-form .comment-form-author label,
 .wp-block-post-comments-form .comment-form-email label,
 .wp-block-post-comments-form .comment-form-url label {

package/build-style/post-featured-image/editor-rtl.css

@@ -180,11 +180,4 @@ div[data-type="core/post-featured-image"] img {
   max-width: 100%;
   height: auto;
   display: block;
-}
-
-.block-library-post-featured-image-dimension-controls {
-  margin-bottom: 8px;
-}
-.block-library-post-featured-image-dimension-controls.scale-control-is-visible {
-  margin-bottom: 16px;
 }

package/build-style/post-featured-image/editor.css

@@ -180,11 +180,4 @@ div[data-type="core/post-featured-image"] img {
   max-width: 100%;
   height: auto;
   display: block;
-}
-
-.block-library-post-featured-image-dimension-controls {
-  margin-bottom: 8px;
-}
-.block-library-post-featured-image-dimension-controls.scale-control-is-visible {
-  margin-bottom: 16px;
 }

package/build-style/post-featured-image/style-rtl.css

@@ -79,7 +79,7 @@
   margin-left: 0;
 }
 .wp-block-post-featured-image a {
-  display: inline-block;
+  display: block;
 }
 .wp-block-post-featured-image img {
   max-width: 100%;

package/build-style/post-featured-image/style.css

@@ -79,7 +79,7 @@
   margin-right: 0;
 }
 .wp-block-post-featured-image a {
-  display: inline-block;
+  display: block;
 }
 .wp-block-post-featured-image img {
   max-width: 100%;

package/build-style/post-title/style-rtl.css

@@ -74,6 +74,9 @@
 /**
  * Reset the WP Admin page styles for Gutenberg-like pages.
  */
+.wp-block-post-title {
+  word-break: break-word;
+}
 .wp-block-post-title a {
   display: inline-block;
 }

package/build-style/post-title/style.css

@@ -74,6 +74,9 @@
 /**
  * Reset the WP Admin page styles for Gutenberg-like pages.
  */
+.wp-block-post-title {
+  word-break: break-word;
+}
 .wp-block-post-title a {
   display: inline-block;
 }

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

@@ -79,6 +79,7 @@
   padding: 3em 0;
   text-align: center;
   overflow-wrap: break-word;
+  box-sizing: border-box;
 }
 .wp-block-pullquote p,
 .wp-block-pullquote blockquote,

package/build-style/pullquote/style.css

@@ -79,6 +79,7 @@
   padding: 3em 0;
   text-align: center;
   overflow-wrap: break-word;
+  box-sizing: border-box;
 }
 .wp-block-pullquote p,
 .wp-block-pullquote blockquote,

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/query-pagination/style-rtl.css

@@ -99,6 +99,10 @@
 .wp-block-query-pagination .wp-block-query-pagination-next-arrow:not(.is-arrow-chevron) {
   transform: scaleX(-1);;
 }
-.wp-block-query-pagination.aligncenter {
-  justify-content: center;
+.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;
 }

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

@@ -101,6 +101,10 @@
 .wp-block-query-pagination .wp-block-query-pagination-next-arrow:not(.is-arrow-chevron) {
   transform: scaleX(1) /*rtl:scaleX(-1);*/;
 }
-.wp-block-query-pagination.aligncenter {
-  justify-content: center;
+.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;
 }

package/build-style/style-rtl.css

@@ -279,9 +279,6 @@
     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;
 }
@@ -331,6 +328,10 @@
   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;
@@ -353,6 +354,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 +514,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 +1050,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;
@@ -1758,19 +1811,20 @@ button.wp-block-navigation-item__content {
 .wp-block-navigation__responsive-container.is-menu-open {
   display: flex;
   flex-direction: column;
+  background-color: inherit;
+  padding: 2em;
   overflow: auto;
   z-index: 100000;
-  padding: 72px 24px 24px 24px;
-  background-color: inherit;
 }
 .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content {
+  padding-top: calc(2em + 24px);
+  overflow: visible;
   display: flex;
   flex-direction: column;
   align-items: var(--layout-justification-setting, inherit);
-  overflow: auto;
-  padding: 0;
 }
 .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,
 .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-navigation__container {
   justify-content: flex-start;
 }
@@ -1871,22 +1925,27 @@ button.wp-block-navigation-item__content {
 
 .wp-block-navigation__responsive-container-close {
   position: absolute;
-  top: 24px;
-  left: 24px;
+  top: 0;
+  left: 0;
   z-index: 2;
 }
 
 .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 {
-  width: 100%;
+  box-sizing: border-box;
   height: 100%;
 }
 
+.wp-block-navigation__responsive-dialog {
+  position: relative;
+}
+
 html.has-modal-open {
   overflow: hidden;
 }
@@ -1896,35 +1955,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(--layout-direction, initial);
@@ -2055,7 +2085,9 @@ p.has-background {
   display: block;
   margin-bottom: 0.25em;
 }
-.wp-block-post-comments .comment-form-comment textarea {
+.wp-block-post-comments .comment-form textarea,
+.wp-block-post-comments .comment-form input:not([type=submit]):not([type=checkbox]) {
+  display: block;
   box-sizing: border-box;
   width: 100%;
 }
@@ -2120,12 +2152,12 @@ p.has-background {
 .wp-block-post-comments-form input:not([type=submit]):not([type=checkbox]) {
   padding: calc(0.667em + 2px);
 }
-.wp-block-post-comments-form .comment-form-comment textarea {
+.wp-block-post-comments-form .comment-form textarea,
+.wp-block-post-comments-form .comment-form input:not([type=submit]):not([type=checkbox]) {
   display: block;
   box-sizing: border-box;
   width: 100%;
 }
-.wp-block-post-comments-form .comment-form-comment label,
 .wp-block-post-comments-form .comment-form-author label,
 .wp-block-post-comments-form .comment-form-email label,
 .wp-block-post-comments-form .comment-form-url label {
@@ -2144,10 +2176,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;
 }
@@ -2165,6 +2217,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,
@@ -2318,8 +2371,12 @@ p.has-background {
 .wp-block-query-pagination .wp-block-query-pagination-next-arrow:not(.is-arrow-chevron) {
   transform: scaleX(-1);;
 }
-.wp-block-query-pagination.aligncenter {
-  justify-content: center;
+.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-quote {
@@ -2963,6 +3020,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 {
@@ -3017,23 +3075,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,
@@ -3041,6 +3082,8 @@ pre.wp-block-verse {
    */
   /* stylelint-disable function-comma-space-after */
   /* stylelint-enable function-comma-space-after */
+  --wp--preset--font-size--normal: 16px;
+  --wp--preset--font-size--huge: 42px;
 }
 :root .has-very-light-gray-background-color {
   background-color: #eee;
@@ -3084,6 +3127,14 @@ pre.wp-block-verse {
   font-size: 2.625em;
 }
 
+.has-normal-font-size {
+  font-size: var(--wp--preset--font-size--normal) !important;
+}
+
+.has-huge-font-size {
+  font-size: var(--wp--preset--font-size--huge) !important;
+}
+
 .has-text-align-center {
   text-align: center;
 }
@@ -3150,4 +3201,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;
 }