@wordpress/block-library 8.34.0 → 9.0.0

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/rss/editor-rtl.css

@@ -90,15 +90,6 @@
   display: inline;
 }
 
-.wp-block-rss__placeholder-form > * {
-  margin-bottom: 8px;
-}
-@media (min-width: 782px) {
-  .wp-block-rss__placeholder-form > * {
-    margin-bottom: 0;
-  }
-}
 .wp-block-rss__placeholder-form .wp-block-rss__placeholder-input {
-  flex: 1;
-  min-width: 80%;
+  flex: 1 1 auto;
 }

package/build-style/rss/editor.css

@@ -90,15 +90,6 @@
   display: inline;
 }
 
-.wp-block-rss__placeholder-form > * {
-  margin-bottom: 8px;
-}
-@media (min-width: 782px) {
-  .wp-block-rss__placeholder-form > * {
-    margin-bottom: 0;
-  }
-}
 .wp-block-rss__placeholder-form .wp-block-rss__placeholder-input {
-  flex: 1;
-  min-width: 80%;
+  flex: 1 1 auto;
 }

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/shortcode/editor-rtl.css

@@ -86,10 +86,6 @@
 /**
  * Reset the WP Admin page styles for Gutenberg-like pages.
  */
-[data-type="core/shortcode"].components-placeholder {
-  min-height: 0;
-}
-
 .blocks-shortcode__textarea {
   box-sizing: border-box;
   max-height: 250px;

package/build-style/shortcode/editor.css

@@ -86,10 +86,6 @@
 /**
  * Reset the WP Admin page styles for Gutenberg-like pages.
  */
-[data-type="core/shortcode"].components-placeholder {
-  min-height: 0;
-}
-
 .blocks-shortcode__textarea {
   box-sizing: border-box;
   max-height: 250px;

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;

package/build-style/social-links/editor.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-left: calc((2/3) * 1em);
+  padding-right: 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-left: calc((2/3) * 1em);
-  padding-right: 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;

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

@@ -100,9 +100,6 @@
   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;
@@ -181,6 +178,10 @@
   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;
@@ -346,9 +347,6 @@
 .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;
@@ -362,6 +360,9 @@
 .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;
 }
@@ -487,7 +488,16 @@
 .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-right: calc((2/3) * 1em);
   padding-left: calc((2/3) * 1em);
 }

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

@@ -100,9 +100,6 @@
   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;
@@ -181,6 +178,10 @@
   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;
@@ -346,9 +347,6 @@
 .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;
@@ -362,6 +360,9 @@
 .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;
 }
@@ -487,7 +488,16 @@
 .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);
 }