@wordpress/block-library 8.35.0 → 9.0.0

package/build-style/style.css

@@ -187,54 +187,21 @@
   border-radius: 0 !important;
 }
 
-.wp-block-button:where(.is-style-outline) > .wp-block-button__link,
-.wp-block-button .wp-block-button__link:where(.is-style-outline) {
+:root :where(.wp-block-button.is-style-outline > .wp-block-button__link),
+:root :where(.wp-block-button .wp-block-button__link.is-style-outline) {
   border: 2px solid currentColor;
   padding: 0.667em 1.333em;
 }
-
-.wp-block-button:where(.is-style-outline) > .wp-block-button__link:not(.has-text-color),
-.wp-block-button .wp-block-button__link:where(.is-style-outline):not(.has-text-color) {
+:root :where(.wp-block-button.is-style-outline > .wp-block-button__link:not(.has-text-color)),
+:root :where(.wp-block-button .wp-block-button__link.is-style-outline:not(.has-text-color)) {
   color: currentColor;
 }
-
-.wp-block-button:where(.is-style-outline) > .wp-block-button__link:not(.has-background),
-.wp-block-button .wp-block-button__link:where(.is-style-outline):not(.has-background) {
+:root :where(.wp-block-button.is-style-outline > .wp-block-button__link:not(.has-background)),
+:root :where(.wp-block-button .wp-block-button__link.is-style-outline:not(.has-background)) {
   background-color: transparent;
   background-image: none;
 }
 
-.wp-block-button .wp-block-button__link:where(.has-border-color) {
-  border-width: initial;
-}
-.wp-block-button .wp-block-button__link:where([style*="border-top-color"]) {
-  border-top-width: initial;
-}
-.wp-block-button .wp-block-button__link:where([style*="border-right-color"]) {
-  border-right-width: initial;
-}
-.wp-block-button .wp-block-button__link:where([style*="border-bottom-color"]) {
-  border-bottom-width: initial;
-}
-.wp-block-button .wp-block-button__link:where([style*="border-left-color"]) {
-  border-left-width: initial;
-}
-.wp-block-button .wp-block-button__link:where([style*="border-style"]) {
-  border-width: initial;
-}
-.wp-block-button .wp-block-button__link:where([style*="border-top-style"]) {
-  border-top-width: initial;
-}
-.wp-block-button .wp-block-button__link:where([style*="border-right-style"]) {
-  border-right-width: initial;
-}
-.wp-block-button .wp-block-button__link:where([style*="border-bottom-style"]) {
-  border-bottom-width: initial;
-}
-.wp-block-button .wp-block-button__link:where([style*="border-left-style"]) {
-  border-left-width: initial;
-}
-
 .wp-block-buttons {
   /* stylelint-disable indentation -- Disable the stylelint rule, otherwise this selector is ugly! */
 }
@@ -609,13 +576,10 @@
   float: right;
 }
 
-:where(.wp-block-cover-image, .wp-block-cover) {
-  min-height: 430px;
-  padding: 1em;
-}
-
 .wp-block-cover-image,
 .wp-block-cover {
+  min-height: 430px;
+  padding: 1em;
   position: relative;
   background-position: center center;
   display: flex;
@@ -817,19 +781,6 @@
   max-width: 420px;
   width: 100%;
 }
-.wp-block-cover-image::after,
-.wp-block-cover::after {
-  display: block;
-  content: "";
-  font-size: 0;
-  min-height: inherit;
-}
-@supports (position: sticky) {
-  .wp-block-cover-image::after,
-.wp-block-cover::after {
-    content: none;
-  }
-}
 .wp-block-cover-image.aligncenter, .wp-block-cover-image.alignleft, .wp-block-cover-image.alignright,
 .wp-block-cover.aligncenter,
 .wp-block-cover.alignleft,
@@ -843,22 +794,6 @@
   color: inherit;
   /*rtl:raw: direction: rtl; */
 }
-.wp-block-cover-image p:where(:not(.has-text-color)),
-.wp-block-cover-image h1:where(:not(.has-text-color)),
-.wp-block-cover-image h2:where(:not(.has-text-color)),
-.wp-block-cover-image h3:where(:not(.has-text-color)),
-.wp-block-cover-image h4:where(:not(.has-text-color)),
-.wp-block-cover-image h5:where(:not(.has-text-color)),
-.wp-block-cover-image h6:where(:not(.has-text-color)),
-.wp-block-cover p:where(:not(.has-text-color)),
-.wp-block-cover h1:where(:not(.has-text-color)),
-.wp-block-cover h2:where(:not(.has-text-color)),
-.wp-block-cover h3:where(:not(.has-text-color)),
-.wp-block-cover h4:where(:not(.has-text-color)),
-.wp-block-cover h5:where(:not(.has-text-color)),
-.wp-block-cover h6:where(:not(.has-text-color)) {
-  color: inherit;
-}
 .wp-block-cover-image.is-position-top-left,
 .wp-block-cover.is-position-top-left {
   align-items: flex-start;
@@ -1042,6 +977,16 @@ section.wp-block-cover-image > h2,
   color: #000;
 }
 
+:root :where(.wp-block-cover p:not(.has-text-color)),
+:root :where(.wp-block-cover h1:not(.has-text-color)),
+:root :where(.wp-block-cover h2:not(.has-text-color)),
+:root :where(.wp-block-cover h3:not(.has-text-color)),
+:root :where(.wp-block-cover h4:not(.has-text-color)),
+:root :where(.wp-block-cover h5:not(.has-text-color)),
+:root :where(.wp-block-cover h6:not(.has-text-color)) {
+  color: inherit;
+}
+
 .wp-block-details {
   box-sizing: border-box;
 }
@@ -1645,10 +1590,6 @@ h6.has-text-align-left[style*=writing-mode]:where([style*="vertical-lr"]) {
   margin-top: 0.5em;
   margin-bottom: 1em;
 }
-.wp-block-image.is-style-rounded img,
-.wp-block-image .is-style-rounded img {
-  border-radius: 9999px;
-}
 .wp-block-image.is-style-circle-mask img {
   border-radius: 9999px;
 }
@@ -1667,35 +1608,9 @@ h6.has-text-align-left[style*=writing-mode]:where([style*="vertical-lr"]) {
     border-radius: 0;
   }
 }
-.wp-block-image :where(.has-border-color) {
-  border-style: solid;
-}
-.wp-block-image :where([style*="border-top-color"]) {
-  border-top-style: solid;
-}
-.wp-block-image :where([style*="border-right-color"]) {
-  border-right-style: solid;
-}
-.wp-block-image :where([style*="border-bottom-color"]) {
-  border-bottom-style: solid;
-}
-.wp-block-image :where([style*="border-left-color"]) {
-  border-left-style: solid;
-}
-.wp-block-image :where([style*="border-width"]) {
-  border-style: solid;
-}
-.wp-block-image :where([style*="border-top-width"]) {
-  border-top-style: solid;
-}
-.wp-block-image :where([style*="border-right-width"]) {
-  border-right-style: solid;
-}
-.wp-block-image :where([style*="border-bottom-width"]) {
-  border-bottom-style: solid;
-}
-.wp-block-image :where([style*="border-left-width"]) {
-  border-left-style: solid;
+
+:root :where(.wp-block-image.is-style-rounded img, .wp-block-image .is-style-rounded img) {
+  border-radius: 9999px;
 }
 
 .wp-block-image figure {
@@ -1982,15 +1897,14 @@ ol.wp-block-latest-comments {
 }
 .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;
@@ -2029,6 +1943,13 @@ ol.wp-block-latest-comments {
   }
 }
 
+: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;
@@ -2069,8 +1990,8 @@ 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;
 }
 
@@ -2782,7 +2703,7 @@ p.has-drop-cap.has-background {
   overflow: hidden;
 }
 
-p.has-background {
+:root :where(p.has-background) {
   padding: 1.25em 2.375em;
 }
 
@@ -3025,6 +2946,8 @@ p.has-text-align-left[style*="writing-mode:vertical-lr"] {
   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,
@@ -3051,11 +2974,6 @@ p.has-text-align-left[style*="writing-mode:vertical-lr"] {
   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;
 }
@@ -3384,14 +3302,19 @@ ul.wp-block-rss.is-grid li {
   float: right;
 }
 
-.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;
@@ -3401,11 +3324,9 @@ ul.wp-block-rss.is-grid li {
   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;
 }
 
 .wp-block-site-logo {
@@ -3433,11 +3354,12 @@ ul.wp-block-rss.is-grid li {
   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;
 }
 
-.wp-block-site-title a {
+:root :where(.wp-block-site-title a) {
   color: inherit;
 }
 
@@ -3455,9 +3377,6 @@ ul.wp-block-rss.is-grid li {
   border-bottom: 0;
   box-shadow: none;
 }
-.wp-block-social-links .wp-social-link a {
-  padding: 0.25em;
-}
 .wp-block-social-links .wp-social-link svg {
   width: 1em;
   height: 1em;
@@ -3536,6 +3455,10 @@ ul.wp-block-rss.is-grid li {
   background-color: #0757fe;
   color: #fff;
 }
+.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-bluesky {
+  background-color: #0a7aff;
+  color: #fff;
+}
 .wp-block-social-links:not(.is-style-logos-only) .wp-social-link-codepen {
   background-color: #1e1f26;
   color: #fff;
@@ -3701,9 +3624,6 @@ ul.wp-block-rss.is-grid li {
 .wp-block-social-links.is-style-logos-only .wp-social-link {
   background: none;
 }
-.wp-block-social-links.is-style-logos-only .wp-social-link a {
-  padding: 0;
-}
 .wp-block-social-links.is-style-logos-only .wp-social-link svg {
   width: 1.25em;
   height: 1.25em;
@@ -3717,6 +3637,9 @@ ul.wp-block-rss.is-grid li {
 .wp-block-social-links.is-style-logos-only .wp-social-link-behance {
   color: #0757fe;
 }
+.wp-block-social-links.is-style-logos-only .wp-social-link-bluesky {
+  color: #0a7aff;
+}
 .wp-block-social-links.is-style-logos-only .wp-social-link-codepen {
   color: #1e1f26;
 }
@@ -3842,7 +3765,16 @@ ul.wp-block-rss.is-grid li {
 .wp-block-social-links.is-style-pill-shape .wp-social-link {
   width: auto;
 }
-.wp-block-social-links.is-style-pill-shape .wp-social-link a {
+
+:root :where(.wp-block-social-links .wp-social-link a) {
+  padding: 0.25em;
+}
+
+:root :where(.wp-block-social-links.is-style-logos-only .wp-social-link a) {
+  padding: 0;
+}
+
+:root :where(.wp-block-social-links.is-style-pill-shape .wp-social-link a) {
   padding-left: calc((2/3) * 1em);
   padding-right: calc((2/3) * 1em);
 }
@@ -3875,12 +3807,14 @@ ul.wp-block-rss.is-grid li {
   margin-left: 5px;
   text-decoration: none;
 }
-.wp-block-tag-cloud.is-style-outline {
+
+:root :where(.wp-block-tag-cloud.is-style-outline) {
   display: flex;
   flex-wrap: wrap;
   gap: 1ch;
 }
-.wp-block-tag-cloud.is-style-outline a {
+
+:root :where(.wp-block-tag-cloud.is-style-outline a) {
   border: 1px solid currentColor;
   font-size: unset !important;
   margin-right: 0;

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

@@ -86,6 +86,9 @@
 /**
  * Reset the WP Admin page styles for Gutenberg-like pages.
  */
+.wp-block-table {
+  margin: 0 0 1em 0;
+}
 .wp-block-table td,
 .wp-block-table th {
   word-break: normal;
@@ -97,8 +100,4 @@
 }
 .is-dark-theme .wp-block-table figcaption {
   color: rgba(255, 255, 255, 0.65);
-}
-
-:where(.wp-block-table) {
-  margin: 0 0 1em 0;
 }

package/build-style/table/theme.css

@@ -86,6 +86,9 @@
 /**
  * Reset the WP Admin page styles for Gutenberg-like pages.
  */
+.wp-block-table {
+  margin: 0 0 1em 0;
+}
 .wp-block-table td,
 .wp-block-table th {
   word-break: normal;
@@ -97,8 +100,4 @@
 }
 .is-dark-theme .wp-block-table figcaption {
   color: rgba(255, 255, 255, 0.65);
-}
-
-:where(.wp-block-table) {
-  margin: 0 0 1em 0;
 }

package/build-style/tag-cloud/style-rtl.css

@@ -106,12 +106,14 @@
   margin-right: 5px;
   text-decoration: none;
 }
-.wp-block-tag-cloud.is-style-outline {
+
+:root :where(.wp-block-tag-cloud.is-style-outline) {
   display: flex;
   flex-wrap: wrap;
   gap: 1ch;
 }
-.wp-block-tag-cloud.is-style-outline a {
+
+:root :where(.wp-block-tag-cloud.is-style-outline a) {
   border: 1px solid currentColor;
   font-size: unset !important;
   margin-left: 0;

package/build-style/tag-cloud/style.css

@@ -106,12 +106,14 @@
   margin-left: 5px;
   text-decoration: none;
 }
-.wp-block-tag-cloud.is-style-outline {
+
+:root :where(.wp-block-tag-cloud.is-style-outline) {
   display: flex;
   flex-wrap: wrap;
   gap: 1ch;
 }
-.wp-block-tag-cloud.is-style-outline a {
+
+:root :where(.wp-block-tag-cloud.is-style-outline a) {
   border: 1px solid currentColor;
   font-size: unset !important;
   margin-right: 0;

package/build-style/template-part/theme-rtl.css

@@ -86,7 +86,7 @@
 /**
  * Reset the WP Admin page styles for Gutenberg-like pages.
  */
-:where(.wp-block-template-part).has-background {
+:root :where(.wp-block-template-part.has-background) {
   padding: 1.25em 2.375em;
   margin-top: 0;
   margin-bottom: 0;

package/build-style/template-part/theme.css

@@ -86,7 +86,7 @@
 /**
  * Reset the WP Admin page styles for Gutenberg-like pages.
  */
-:where(.wp-block-template-part).has-background {
+:root :where(.wp-block-template-part.has-background) {
   padding: 1.25em 2.375em;
   margin-top: 0;
   margin-bottom: 0;

package/build-style/theme-rtl.css

@@ -95,7 +95,7 @@
   color: rgba(255, 255, 255, 0.65);
 }
 
-:where(.wp-block-audio) {
+.wp-block-audio {
   margin: 0 0 1em 0;
 }
 
@@ -115,7 +115,7 @@
   color: rgba(255, 255, 255, 0.65);
 }
 
-:where(.wp-block-embed) {
+.wp-block-embed {
   margin: 0 0 1em 0;
 }
 
@@ -128,26 +128,25 @@
   color: rgba(255, 255, 255, 0.65);
 }
 
-.wp-block-image figcaption {
+:root :where(.wp-block-image figcaption) {
   color: #555;
   font-size: 13px;
   text-align: center;
 }
-.is-dark-theme .wp-block-image figcaption {
+.is-dark-theme :root :where(.wp-block-image figcaption) {
   color: rgba(255, 255, 255, 0.65);
 }
 
-:where(.wp-block-image) {
+.wp-block-image {
   margin: 0 0 1em 0;
 }
 
-: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;
@@ -156,29 +155,29 @@
   font-style: normal;
 }
 
-: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;
 }
 
@@ -219,6 +218,9 @@
   height: 2px;
 }
 
+.wp-block-table {
+  margin: 0 0 1em 0;
+}
 .wp-block-table td,
 .wp-block-table th {
   word-break: normal;
@@ -232,10 +234,6 @@
   color: rgba(255, 255, 255, 0.65);
 }
 
-:where(.wp-block-table) {
-  margin: 0 0 1em 0;
-}
-
 .wp-block-video figcaption {
   color: #555;
   font-size: 13px;
@@ -245,11 +243,11 @@
   color: rgba(255, 255, 255, 0.65);
 }
 
-:where(.wp-block-video) {
+.wp-block-video {
   margin: 0 0 1em 0;
 }
 
-:where(.wp-block-template-part).has-background {
+:root :where(.wp-block-template-part.has-background) {
   padding: 1.25em 2.375em;
   margin-top: 0;
   margin-bottom: 0;