@wordpress/block-library 8.35.0 → 9.0.1

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

@@ -99,15 +99,14 @@
 }
 .wp-block-latest-posts.wp-block-latest-posts__list {
   list-style: none;
-  padding-left: 0;
 }
 .wp-block-latest-posts.wp-block-latest-posts__list li {
   clear: both;
+  overflow-wrap: break-word;
 }
 .wp-block-latest-posts.is-grid {
   display: flex;
   flex-wrap: wrap;
-  padding: 0;
 }
 .wp-block-latest-posts.is-grid li {
   margin: 0 1.25em 1.25em 0;
@@ -146,6 +145,13 @@
   }
 }
 
+:root :where(.wp-block-latest-posts.is-grid) {
+  padding: 0;
+}
+:root :where(.wp-block-latest-posts.wp-block-latest-posts__list) {
+  padding-left: 0;
+}
+
 .wp-block-latest-posts__post-date,
 .wp-block-latest-posts__post-author {
   display: block;

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

@@ -90,7 +90,7 @@ ol,
 ul {
   box-sizing: border-box;
 }
-ol.has-background,
-ul.has-background {
+
+:root :where(ul.has-background, ol.has-background) {
   padding: 1.25em 2.375em;
 }

package/build-style/list/style.css

@@ -90,7 +90,7 @@ ol,
 ul {
   box-sizing: border-box;
 }
-ol.has-background,
-ul.has-background {
+
+:root :where(ul.has-background, ol.has-background) {
   padding: 1.25em 2.375em;
 }

package/build-style/media-text/style-rtl.css

@@ -97,30 +97,30 @@
   grid-template-columns: 1fr 50%;
 }
 
-.wp-block-media-text.is-vertically-aligned-top .wp-block-media-text__content,
-.wp-block-media-text.is-vertically-aligned-top .wp-block-media-text__media {
+.wp-block-media-text.is-vertically-aligned-top > .wp-block-media-text__content,
+.wp-block-media-text.is-vertically-aligned-top > .wp-block-media-text__media {
   align-self: start;
 }
 
-.wp-block-media-text .wp-block-media-text__content,
-.wp-block-media-text .wp-block-media-text__media,
-.wp-block-media-text.is-vertically-aligned-center .wp-block-media-text__content,
-.wp-block-media-text.is-vertically-aligned-center .wp-block-media-text__media {
+.wp-block-media-text > .wp-block-media-text__content,
+.wp-block-media-text > .wp-block-media-text__media,
+.wp-block-media-text.is-vertically-aligned-center > .wp-block-media-text__content,
+.wp-block-media-text.is-vertically-aligned-center > .wp-block-media-text__media {
   align-self: center;
 }
 
-.wp-block-media-text.is-vertically-aligned-bottom .wp-block-media-text__content,
-.wp-block-media-text.is-vertically-aligned-bottom .wp-block-media-text__media {
+.wp-block-media-text.is-vertically-aligned-bottom > .wp-block-media-text__content,
+.wp-block-media-text.is-vertically-aligned-bottom > .wp-block-media-text__media {
   align-self: end;
 }
 
-.wp-block-media-text .wp-block-media-text__media {
+.wp-block-media-text > .wp-block-media-text__media {
   grid-column: 1;
   grid-row: 1;
   margin: 0;
 }
 
-.wp-block-media-text .wp-block-media-text__content {
+.wp-block-media-text > .wp-block-media-text__content {
   direction: rtl;
   grid-column: 2;
   grid-row: 1;
@@ -128,12 +128,12 @@
   word-break: break-word;
 }
 
-.wp-block-media-text.has-media-on-the-right .wp-block-media-text__media {
+.wp-block-media-text.has-media-on-the-right > .wp-block-media-text__media {
   grid-column: 2;
   grid-row: 1;
 }
 
-.wp-block-media-text.has-media-on-the-right .wp-block-media-text__content {
+.wp-block-media-text.has-media-on-the-right > .wp-block-media-text__content {
   grid-column: 1;
   grid-row: 1;
 }
@@ -146,18 +146,18 @@
   vertical-align: middle;
 }
 
-.wp-block-media-text.is-image-fill .wp-block-media-text__media {
+.wp-block-media-text.is-image-fill > .wp-block-media-text__media {
   height: 100%;
   min-height: 250px;
   background-size: cover;
 }
 
-.wp-block-media-text.is-image-fill .wp-block-media-text__media > a {
+.wp-block-media-text.is-image-fill > .wp-block-media-text__media > a {
   display: block;
   height: 100%;
 }
 
-.wp-block-media-text.is-image-fill .wp-block-media-text__media img {
+.wp-block-media-text.is-image-fill > .wp-block-media-text__media img {
   position: absolute;
   width: 1px;
   height: 1px;
@@ -179,11 +179,11 @@
   .wp-block-media-text.is-stacked-on-mobile {
     grid-template-columns: 100% !important;
   }
-  .wp-block-media-text.is-stacked-on-mobile .wp-block-media-text__media {
+  .wp-block-media-text.is-stacked-on-mobile > .wp-block-media-text__media {
     grid-column: 1;
     grid-row: 1;
   }
-  .wp-block-media-text.is-stacked-on-mobile .wp-block-media-text__content {
+  .wp-block-media-text.is-stacked-on-mobile > .wp-block-media-text__content {
     grid-column: 1;
     grid-row: 2;
   }

package/build-style/media-text/style.css

@@ -99,24 +99,24 @@
   grid-template-columns: 1fr 50%;
 }
 
-.wp-block-media-text.is-vertically-aligned-top .wp-block-media-text__content,
-.wp-block-media-text.is-vertically-aligned-top .wp-block-media-text__media {
+.wp-block-media-text.is-vertically-aligned-top > .wp-block-media-text__content,
+.wp-block-media-text.is-vertically-aligned-top > .wp-block-media-text__media {
   align-self: start;
 }
 
-.wp-block-media-text .wp-block-media-text__content,
-.wp-block-media-text .wp-block-media-text__media,
-.wp-block-media-text.is-vertically-aligned-center .wp-block-media-text__content,
-.wp-block-media-text.is-vertically-aligned-center .wp-block-media-text__media {
+.wp-block-media-text > .wp-block-media-text__content,
+.wp-block-media-text > .wp-block-media-text__media,
+.wp-block-media-text.is-vertically-aligned-center > .wp-block-media-text__content,
+.wp-block-media-text.is-vertically-aligned-center > .wp-block-media-text__media {
   align-self: center;
 }
 
-.wp-block-media-text.is-vertically-aligned-bottom .wp-block-media-text__content,
-.wp-block-media-text.is-vertically-aligned-bottom .wp-block-media-text__media {
+.wp-block-media-text.is-vertically-aligned-bottom > .wp-block-media-text__content,
+.wp-block-media-text.is-vertically-aligned-bottom > .wp-block-media-text__media {
   align-self: end;
 }
 
-.wp-block-media-text .wp-block-media-text__media {
+.wp-block-media-text > .wp-block-media-text__media {
   /*!rtl:begin:ignore*/
   grid-column: 1;
   grid-row: 1;
@@ -124,7 +124,7 @@
   margin: 0;
 }
 
-.wp-block-media-text .wp-block-media-text__content {
+.wp-block-media-text > .wp-block-media-text__content {
   direction: ltr;
   /*!rtl:begin:ignore*/
   grid-column: 2;
@@ -134,14 +134,14 @@
   word-break: break-word;
 }
 
-.wp-block-media-text.has-media-on-the-right .wp-block-media-text__media {
+.wp-block-media-text.has-media-on-the-right > .wp-block-media-text__media {
   /*!rtl:begin:ignore*/
   grid-column: 2;
   grid-row: 1;
   /*!rtl:end:ignore*/
 }
 
-.wp-block-media-text.has-media-on-the-right .wp-block-media-text__content {
+.wp-block-media-text.has-media-on-the-right > .wp-block-media-text__content {
   /*!rtl:begin:ignore*/
   grid-column: 1;
   grid-row: 1;
@@ -156,18 +156,18 @@
   vertical-align: middle;
 }
 
-.wp-block-media-text.is-image-fill .wp-block-media-text__media {
+.wp-block-media-text.is-image-fill > .wp-block-media-text__media {
   height: 100%;
   min-height: 250px;
   background-size: cover;
 }
 
-.wp-block-media-text.is-image-fill .wp-block-media-text__media > a {
+.wp-block-media-text.is-image-fill > .wp-block-media-text__media > a {
   display: block;
   height: 100%;
 }
 
-.wp-block-media-text.is-image-fill .wp-block-media-text__media img {
+.wp-block-media-text.is-image-fill > .wp-block-media-text__media img {
   position: absolute;
   width: 1px;
   height: 1px;
@@ -189,11 +189,11 @@
   .wp-block-media-text.is-stacked-on-mobile {
     grid-template-columns: 100% !important;
   }
-  .wp-block-media-text.is-stacked-on-mobile .wp-block-media-text__media {
+  .wp-block-media-text.is-stacked-on-mobile > .wp-block-media-text__media {
     grid-column: 1;
     grid-row: 1;
   }
-  .wp-block-media-text.is-stacked-on-mobile .wp-block-media-text__content {
+  .wp-block-media-text.is-stacked-on-mobile > .wp-block-media-text__content {
     grid-column: 1;
     grid-row: 2;
   }

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

@@ -428,10 +428,6 @@
   top: 141px;
 }
 
-.is-sidebar-opened .wp-block-navigation__responsive-container.is-menu-open {
-  left: 280px;
-}
-
 .is-fullscreen-mode .wp-block-navigation__responsive-container.is-menu-open {
   right: 0;
   top: 155px;

package/build-style/navigation/editor.css

@@ -428,10 +428,6 @@
   top: 141px;
 }
 
-.is-sidebar-opened .wp-block-navigation__responsive-container.is-menu-open {
-  right: 280px;
-}
-
 .is-fullscreen-mode .wp-block-navigation__responsive-container.is-menu-open {
   left: 0;
   top: 155px;

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

@@ -121,7 +121,7 @@ p.has-drop-cap.has-background {
   overflow: hidden;
 }
 
-p.has-background {
+:root :where(p.has-background) {
   padding: 1.25em 2.375em;
 }
 

package/build-style/paragraph/style.css

@@ -121,7 +121,7 @@ p.has-drop-cap.has-background {
   overflow: hidden;
 }
 
-p.has-background {
+:root :where(p.has-background) {
   padding: 1.25em 2.375em;
 }
 

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

@@ -90,6 +90,8 @@
   text-align: center;
   overflow-wrap: break-word;
   box-sizing: border-box;
+  margin: 0 0 1em 0;
+  padding: 4em 0;
 }
 .wp-block-pullquote p,
 .wp-block-pullquote blockquote,
@@ -116,11 +118,6 @@
   color: inherit;
 }
 
-:where(.wp-block-pullquote) {
-  margin: 0 0 1em 0;
-  padding: 4em 0;
-}
-
 .wp-block-pullquote.has-text-align-left blockquote {
   text-align: right;
 }

package/build-style/pullquote/style.css

@@ -90,6 +90,8 @@
   text-align: center;
   overflow-wrap: break-word;
   box-sizing: border-box;
+  margin: 0 0 1em 0;
+  padding: 4em 0;
 }
 .wp-block-pullquote p,
 .wp-block-pullquote blockquote,
@@ -116,11 +118,6 @@
   color: inherit;
 }
 
-:where(.wp-block-pullquote) {
-  margin: 0 0 1em 0;
-  padding: 4em 0;
-}
-
 .wp-block-pullquote.has-text-align-left blockquote {
   text-align: left;
 }

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

@@ -86,13 +86,12 @@
 /**
  * Reset the WP Admin page styles for Gutenberg-like pages.
  */
-:where(.wp-block-pullquote) {
+.wp-block-pullquote {
   border-top: 4px solid currentColor;
   border-bottom: 4px solid currentColor;
   margin-bottom: 1.75em;
   color: currentColor;
 }
-
 .wp-block-pullquote cite,
 .wp-block-pullquote footer, .wp-block-pullquote__citation {
   color: currentColor;

package/build-style/pullquote/theme.css

@@ -86,13 +86,12 @@
 /**
  * Reset the WP Admin page styles for Gutenberg-like pages.
  */
-:where(.wp-block-pullquote) {
+.wp-block-pullquote {
   border-top: 4px solid currentColor;
   border-bottom: 4px solid currentColor;
   margin-bottom: 1.75em;
   color: currentColor;
 }
-
 .wp-block-pullquote cite,
 .wp-block-pullquote footer, .wp-block-pullquote__citation {
   color: currentColor;

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

@@ -123,7 +123,8 @@
   position: sticky;
   top: 0;
   padding: 16px 0;
-  margin-bottom: 2px;
+  transform: translateY(-4px);
+  margin-bottom: -4px;
   z-index: 2;
 }
 

package/build-style/query/editor.css

@@ -123,7 +123,8 @@
   position: sticky;
   top: 0;
   padding: 16px 0;
-  margin-bottom: 2px;
+  transform: translateY(-4px);
+  margin-bottom: -4px;
   z-index: 2;
 }
 

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

@@ -86,28 +86,28 @@
 /**
  * Reset the WP Admin page styles for Gutenberg-like pages.
  */
-:where(.wp-block-quote) {
+.wp-block-quote {
   border-right: 0.25em solid currentColor;
   margin: 0 0 1.75em 0;
   padding-right: 1em;
 }
-:where(.wp-block-quote) cite,
-:where(.wp-block-quote) footer {
+.wp-block-quote cite,
+.wp-block-quote footer {
   color: currentColor;
   font-size: 0.8125em;
   position: relative;
   font-style: normal;
 }
-:where(.wp-block-quote).has-text-align-right {
+.wp-block-quote.has-text-align-right {
   border-right: none;
   border-left: 0.25em solid currentColor;
   padding-right: 0;
   padding-left: 1em;
 }
-:where(.wp-block-quote).has-text-align-center {
+.wp-block-quote.has-text-align-center {
   border: none;
   padding-right: 0;
 }
-:where(.wp-block-quote).is-style-plain, :where(.wp-block-quote).is-style-large, :where(.wp-block-quote).is-large {
+.wp-block-quote.is-style-plain, .wp-block-quote.is-style-large, .wp-block-quote.is-large {
   border: none;
 }

package/build-style/quote/theme.css

@@ -86,28 +86,28 @@
 /**
  * Reset the WP Admin page styles for Gutenberg-like pages.
  */
-:where(.wp-block-quote) {
+.wp-block-quote {
   border-left: 0.25em solid currentColor;
   margin: 0 0 1.75em 0;
   padding-left: 1em;
 }
-:where(.wp-block-quote) cite,
-:where(.wp-block-quote) footer {
+.wp-block-quote cite,
+.wp-block-quote footer {
   color: currentColor;
   font-size: 0.8125em;
   position: relative;
   font-style: normal;
 }
-:where(.wp-block-quote).has-text-align-right {
+.wp-block-quote.has-text-align-right {
   border-left: none;
   border-right: 0.25em solid currentColor;
   padding-left: 0;
   padding-right: 1em;
 }
-:where(.wp-block-quote).has-text-align-center {
+.wp-block-quote.has-text-align-center {
   border: none;
   padding-left: 0;
 }
-:where(.wp-block-quote).is-style-plain, :where(.wp-block-quote).is-style-large, :where(.wp-block-quote).is-large {
+.wp-block-quote.is-style-plain, .wp-block-quote.is-style-large, .wp-block-quote.is-large {
   border: none;
 }

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

@@ -89,8 +89,4 @@
 .block-editor-block-list__block[data-type="core/separator"] {
   padding-top: 0.1px;
   padding-bottom: 0.1px;
-}
-.block-editor-block-list__block[data-type="core/separator"].wp-block-separator.is-style-dots {
-  background: none !important;
-  border: none;
 }

package/build-style/separator/editor.css

@@ -89,8 +89,4 @@
 .block-editor-block-list__block[data-type="core/separator"] {
   padding-top: 0.1px;
   padding-bottom: 0.1px;
-}
-.block-editor-block-list__block[data-type="core/separator"].wp-block-separator.is-style-dots {
-  background: none !important;
-  border: none;
 }

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

@@ -87,14 +87,19 @@
 /**
  * Reset the WP Admin page styles for Gutenberg-like pages.
  */
-.wp-block-separator.is-style-dots {
-  background: none !important;
-  border: none;
+.wp-block-separator {
+  border-top: 2px solid currentColor;
+  border-right: none;
+  border-left: none;
+  border-bottom: none;
+}
+
+:root :where(.wp-block-separator.is-style-dots) {
   text-align: center;
   line-height: 1;
   height: auto;
 }
-.wp-block-separator.is-style-dots::before {
+:root :where(.wp-block-separator.is-style-dots)::before {
   content: "···";
   color: currentColor;
   font-size: 1.5em;
@@ -103,9 +108,7 @@
   font-family: serif;
 }
 
-:where(.wp-block-separator) {
-  border-top: 2px solid currentColor;
-  border-right: none;
-  border-left: none;
-  border-bottom: none;
+.wp-block-separator.is-style-dots {
+  background: none !important;
+  border: none !important;
 }

package/build-style/separator/style.css

@@ -87,14 +87,19 @@
 /**
  * Reset the WP Admin page styles for Gutenberg-like pages.
  */
-.wp-block-separator.is-style-dots {
-  background: none !important;
-  border: none;
+.wp-block-separator {
+  border-top: 2px solid currentColor;
+  border-left: none;
+  border-right: none;
+  border-bottom: none;
+}
+
+:root :where(.wp-block-separator.is-style-dots) {
   text-align: center;
   line-height: 1;
   height: auto;
 }
-.wp-block-separator.is-style-dots::before {
+:root :where(.wp-block-separator.is-style-dots)::before {
   content: "···";
   color: currentColor;
   font-size: 1.5em;
@@ -104,9 +109,7 @@
   font-family: serif;
 }
 
-:where(.wp-block-separator) {
-  border-top: 2px solid currentColor;
-  border-left: none;
-  border-right: none;
-  border-bottom: none;
+.wp-block-separator.is-style-dots {
+  background: none !important;
+  border: none !important;
 }

package/build-style/site-logo/style-rtl.css

@@ -111,6 +111,7 @@
   margin-left: auto;
   text-align: center;
 }
-.wp-block-site-logo.is-style-rounded {
+
+:root :where(.wp-block-site-logo.is-style-rounded) {
   border-radius: 9999px;
 }

package/build-style/site-logo/style.css

@@ -111,6 +111,7 @@
   margin-right: auto;
   text-align: center;
 }
-.wp-block-site-logo.is-style-rounded {
+
+:root :where(.wp-block-site-logo.is-style-rounded) {
   border-radius: 9999px;
 }

package/build-style/site-title/editor-rtl.css

@@ -91,6 +91,6 @@
   border: 1px dashed;
 }
 
-.editor-styles-wrapper .wp-block-site-title a {
+.editor-styles-wrapper :where(.wp-block-site-title a) {
   color: inherit;
 }

package/build-style/site-title/editor.css

@@ -91,6 +91,6 @@
   border: 1px dashed;
 }
 
-.editor-styles-wrapper .wp-block-site-title a {
+.editor-styles-wrapper :where(.wp-block-site-title a) {
   color: inherit;
 }

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

@@ -86,6 +86,6 @@
 /**
  * Reset the WP Admin page styles for Gutenberg-like pages.
  */
-.wp-block-site-title a {
+:root :where(.wp-block-site-title a) {
   color: inherit;
 }

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

@@ -86,6 +86,6 @@
 /**
  * Reset the WP Admin page styles for Gutenberg-like pages.
  */
-.wp-block-site-title a {
+:root :where(.wp-block-site-title a) {
   color: inherit;
 }

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

@@ -109,11 +109,11 @@
   outline: 3px solid transparent;
 }
 
-.wp-block-social-links.is-style-pill-shape .wp-social-link button {
+:root :where(.wp-block-social-links.is-style-pill-shape .wp-social-link button) {
   padding-right: calc((2/3) * 1em);
   padding-left: calc((2/3) * 1em);
 }
 
-.wp-block-social-links.is-style-logos-only .wp-social-link button {
+:root :where(.wp-block-social-links.is-style-logos-only .wp-social-link button) {
   padding: 0;
 }

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

@@ -109,11 +109,11 @@
   outline: 3px solid transparent;
 }
 
-.wp-block-social-links.is-style-pill-shape .wp-social-link button {
+:root :where(.wp-block-social-links.is-style-pill-shape .wp-social-link button) {
   padding-left: calc((2/3) * 1em);
   padding-right: calc((2/3) * 1em);
 }
 
-.wp-block-social-links.is-style-logos-only .wp-social-link button {
+:root :where(.wp-block-social-links.is-style-logos-only .wp-social-link button) {
   padding: 0;
 }

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

@@ -95,10 +95,20 @@
   transform: none;
 }
 
-.editor-styles-wrapper .wp-block-social-links {
+:root :where(.wp-block-social-links),
+:root :where(.wp-block-social-links.is-style-logos-only .wp-block-social-links__social-placeholder .wp-social-link) {
   padding: 0;
 }
 
+:root :where(.wp-block-social-links__social-placeholder .wp-social-link) {
+  padding: 0.25em;
+}
+
+:root :where(.wp-block-social-links.is-style-pill-shape .wp-block-social-links__social-placeholder .wp-social-link) {
+  padding-right: calc((2/3) * 1em);
+  padding-left: calc((2/3) * 1em);
+}
+
 .wp-block-social-links__social-placeholder {
   display: flex;
   opacity: 0.8;
@@ -115,16 +125,6 @@
 .wp-block-social-links__social-placeholder > .wp-block-social-links__social-placeholder-icons {
   display: flex;
 }
-.wp-block-social-links__social-placeholder .wp-social-link {
-  padding: 0.25em;
-}
-.is-style-pill-shape .wp-block-social-links__social-placeholder .wp-social-link {
-  padding-right: calc((2/3) * 1em);
-  padding-left: calc((2/3) * 1em);
-}
-.is-style-logos-only .wp-block-social-links__social-placeholder .wp-social-link {
-  padding: 0;
-}
 .wp-block-social-links__social-placeholder .wp-social-link::before {
   content: "";
   display: block;