@wordpress/block-library 6.0.23 → 7.0.0

package/build-style/navigation/style.css

@@ -276,17 +276,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;
 }
 
 /**
@@ -378,12 +381,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;
@@ -408,12 +411,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);
@@ -459,6 +462,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;
@@ -497,6 +505,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,

package/build-style/page-list/editor-rtl.css

@@ -100,16 +100,16 @@
   margin: 0.5em;
 }
 
-.wp-block-page-list-modal {
-  max-width: 400px;
+@media (min-width: 600px) {
+  .wp-block-page-list-modal {
+    max-width: 480px;
+  }
 }
 
 .wp-block-page-list-modal-buttons {
   display: flex;
   justify-content: flex-end;
-}
-.wp-block-page-list-modal-buttons .components-button {
-  margin-right: 12px;
+  gap: 12px;
 }
 
 .wp-block-page-list .open-on-click:focus-within > .wp-block-navigation__submenu-container {
@@ -118,4 +118,8 @@
   width: auto;
   height: auto;
   min-width: 200px;
+}
+
+.wp-block-page-list .components-notice {
+  margin-right: 0;
 }

package/build-style/page-list/editor.css

@@ -100,16 +100,16 @@
   margin: 0.5em;
 }
 
-.wp-block-page-list-modal {
-  max-width: 400px;
+@media (min-width: 600px) {
+  .wp-block-page-list-modal {
+    max-width: 480px;
+  }
 }
 
 .wp-block-page-list-modal-buttons {
   display: flex;
   justify-content: flex-end;
-}
-.wp-block-page-list-modal-buttons .components-button {
-  margin-left: 12px;
+  gap: 12px;
 }
 
 .wp-block-page-list .open-on-click:focus-within > .wp-block-navigation__submenu-container {
@@ -118,4 +118,8 @@
   width: auto;
   height: auto;
   min-width: 200px;
+}
+
+.wp-block-page-list .components-notice {
+  margin-left: 0;
 }

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

@@ -87,9 +87,9 @@
   padding-right: 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;
@@ -104,6 +104,7 @@
   display: block;
   float: right;
   height: 2.5em;
+  margin-top: 0.5em;
   margin-left: 0.75em;
   width: 2.5em;
 }
@@ -111,11 +112,15 @@
   font-style: normal;
 }
 .wp-block-post-comments .comment-meta {
+  font-size: 0.875em;
   line-height: 1.5;
   margin-right: -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,
@@ -138,7 +143,7 @@
   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,

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

@@ -87,9 +87,9 @@
   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;
@@ -104,6 +104,7 @@
   display: block;
   float: left;
   height: 2.5em;
+  margin-top: 0.5em;
   margin-right: 0.75em;
   width: 2.5em;
 }
@@ -111,11 +112,15 @@
   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,
@@ -138,7 +143,7 @@
   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,

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

@@ -82,6 +82,10 @@
   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;

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

@@ -82,6 +82,10 @@
   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;

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

@@ -77,18 +77,18 @@
 .wp-block-quote {
   overflow-wrap: break-word;
 }
-.wp-block-quote.is-style-large, .wp-block-quote.is-large {
+.wp-block-quote.is-style-large:not(.is-style-plain), .wp-block-quote.is-large:not(.is-style-plain) {
   margin-bottom: 1em;
   padding: 0 1em;
 }
-.wp-block-quote.is-style-large p, .wp-block-quote.is-large p {
+.wp-block-quote.is-style-large:not(.is-style-plain) p, .wp-block-quote.is-large:not(.is-style-plain) p {
   font-size: 1.5em;
   font-style: italic;
   line-height: 1.6;
 }
-.wp-block-quote.is-style-large cite,
-.wp-block-quote.is-style-large footer, .wp-block-quote.is-large cite,
-.wp-block-quote.is-large footer {
+.wp-block-quote.is-style-large:not(.is-style-plain) cite,
+.wp-block-quote.is-style-large:not(.is-style-plain) footer, .wp-block-quote.is-large:not(.is-style-plain) cite,
+.wp-block-quote.is-large:not(.is-style-plain) footer {
   font-size: 1.125em;
   text-align: left;
 }

package/build-style/quote/style.css

@@ -77,18 +77,18 @@
 .wp-block-quote {
   overflow-wrap: break-word;
 }
-.wp-block-quote.is-style-large, .wp-block-quote.is-large {
+.wp-block-quote.is-style-large:not(.is-style-plain), .wp-block-quote.is-large:not(.is-style-plain) {
   margin-bottom: 1em;
   padding: 0 1em;
 }
-.wp-block-quote.is-style-large p, .wp-block-quote.is-large p {
+.wp-block-quote.is-style-large:not(.is-style-plain) p, .wp-block-quote.is-large:not(.is-style-plain) p {
   font-size: 1.5em;
   font-style: italic;
   line-height: 1.6;
 }
-.wp-block-quote.is-style-large cite,
-.wp-block-quote.is-style-large footer, .wp-block-quote.is-large cite,
-.wp-block-quote.is-large footer {
+.wp-block-quote.is-style-large:not(.is-style-plain) cite,
+.wp-block-quote.is-style-large:not(.is-style-plain) footer, .wp-block-quote.is-large:not(.is-style-plain) cite,
+.wp-block-quote.is-large:not(.is-style-plain) footer {
   font-size: 1.125em;
   text-align: right;
 }

package/build-style/{home-link → read-more}/style-rtl.css

@@ -74,31 +74,14 @@
 /**
  * Reset the WP Admin page styles for Gutenberg-like pages.
  */
-.wp-block-navigation .wp-block-home-link__content {
-  color: inherit;
+.wp-block-read-more {
   display: block;
+  width: -moz-fit-content;
+  width: fit-content;
 }
-.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 {
+.wp-block-read-more:not([style*=text-decoration]) {
   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 {
+.wp-block-read-more:not([style*=text-decoration]):focus, .wp-block-read-more:not([style*=text-decoration]):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;
 }

package/build-style/{home-link → read-more}/style.css

@@ -74,31 +74,14 @@
 /**
  * Reset the WP Admin page styles for Gutenberg-like pages.
  */
-.wp-block-navigation .wp-block-home-link__content {
-  color: inherit;
+.wp-block-read-more {
   display: block;
+  width: -moz-fit-content;
+  width: fit-content;
 }
-.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 {
+.wp-block-read-more:not([style*=text-decoration]) {
   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 {
+.wp-block-read-more:not([style*=text-decoration]):focus, .wp-block-read-more:not([style*=text-decoration]):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;
 }

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

@@ -79,9 +79,6 @@
   border-top: 1px solid currentColor;
   border-bottom: 1px solid currentColor;
 }
-.wp-block-separator.is-style-wide {
-  border-bottom-width: 1px;
-}
 .wp-block-separator.is-style-dots {
   background: none !important;
   border: none;

package/build-style/separator/style.css

@@ -79,9 +79,6 @@
   border-top: 1px solid currentColor;
   border-bottom: 1px solid currentColor;
 }
-.wp-block-separator.is-style-wide {
-  border-bottom-width: 1px;
-}
 .wp-block-separator.is-style-dots {
   background: none !important;
   border: none;

package/build-style/social-links/editor-rtl.css

@@ -78,6 +78,9 @@
   display: inline-block;
   margin-right: 8px;
 }
+.wp-block-social-links.wp-block-social-links {
+  background: none;
+}
 
 .wp-social-link:hover {
   transform: none;

package/build-style/social-links/editor.css

@@ -78,6 +78,9 @@
   display: inline-block;
   margin-left: 8px;
 }
+.wp-block-social-links.wp-block-social-links {
+  background: none;
+}
 
 .wp-social-link:hover {
   transform: none;

package/build-style/social-links/style-rtl.css

@@ -79,6 +79,7 @@
   padding-left: 0;
   text-indent: 0;
   margin-right: 0;
+  background: none;
 }
 .wp-block-social-links .wp-social-link a,
 .wp-block-social-links .wp-social-link a:hover {
@@ -93,6 +94,11 @@
   width: 1em;
   height: 1em;
 }
+.wp-block-social-links .wp-social-link span:not(.screen-reader-text) {
+  margin-right: 0.5em;
+  margin-left: 0.5em;
+  font-size: 0.65em;
+}
 .wp-block-social-links.has-small-icon-size {
   font-size: 16px;
 }
@@ -126,7 +132,8 @@
   }
 }
 .wp-block-social-link a {
-  display: block;
+  align-items: center;
+  display: flex;
   line-height: 0;
   transition: transform 0.1s ease;
 }

package/build-style/social-links/style.css

@@ -79,6 +79,7 @@
   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 {
@@ -93,6 +94,11 @@
   width: 1em;
   height: 1em;
 }
+.wp-block-social-links .wp-social-link span:not(.screen-reader-text) {
+  margin-left: 0.5em;
+  margin-right: 0.5em;
+  font-size: 0.65em;
+}
 .wp-block-social-links.has-small-icon-size {
   font-size: 16px;
 }
@@ -126,7 +132,8 @@
   }
 }
 .wp-block-social-link a {
-  display: block;
+  align-items: center;
+  display: flex;
   line-height: 0;
   transition: transform 0.1s ease;
 }

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

@@ -97,6 +97,10 @@
 .block-library-spacer__resize-container {
   clear: both;
 }
+.block-library-spacer__resize-container:not(.is-resizing) {
+  height: 100% !important;
+  width: 100% !important;
+}
 .block-library-spacer__resize-container .components-resizable-box__handle::before {
   content: none;
 }

package/build-style/spacer/editor.css

@@ -97,6 +97,10 @@
 .block-library-spacer__resize-container {
   clear: both;
 }
+.block-library-spacer__resize-container:not(.is-resizing) {
+  height: 100% !important;
+  width: 100% !important;
+}
 .block-library-spacer__resize-container .components-resizable-box__handle::before {
   content: none;
 }