@wordpress/block-library 8.35.0 → 9.0.0

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

@@ -154,50 +154,17 @@
   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-left-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-right-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-left-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-right-width: initial;
 }

package/build-style/button/style.css

@@ -155,50 +155,17 @@
   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;
 }

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

@@ -179,8 +179,4 @@
 
 .color-block-support-panel__inner-wrapper > :not(.block-editor-tools-panel-color-gradient-settings__item) {
   margin-top: 24px;
-}
-
-.wp-block-cover::after {
-  min-height: auto;
 }

package/build-style/cover/editor.css

@@ -179,8 +179,4 @@
 
 .color-block-support-panel__inner-wrapper > :not(.block-editor-tools-panel-color-gradient-settings__item) {
   margin-top: 24px;
-}
-
-.wp-block-cover::after {
-  min-height: auto;
 }

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

@@ -86,13 +86,10 @@
 /**
  * Reset the WP Admin page styles for Gutenberg-like pages.
  */
-: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;
@@ -293,19 +290,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,
@@ -318,22 +302,6 @@
   z-index: 1;
   color: inherit; 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;
@@ -515,4 +483,14 @@ section.wp-block-cover-image > h2,
 :where(.wp-block-cover.is-light:not(.has-text-color)),
 :where(.wp-block-cover-image.is-light:not(.has-text-color)) {
   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;
 }

package/build-style/cover/style.css

@@ -86,13 +86,10 @@
 /**
  * Reset the WP Admin page styles for Gutenberg-like pages.
  */
-: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;
@@ -294,19 +291,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,
@@ -320,22 +304,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;
@@ -517,4 +485,14 @@ section.wp-block-cover-image > h2,
 :where(.wp-block-cover.is-light:not(.has-text-color)),
 :where(.wp-block-cover-image.is-light:not(.has-text-color)) {
   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;
 }

package/build-style/editor-rtl.css

@@ -114,27 +114,6 @@ ul.wp-block-archives {
   margin: 0 auto;
 }
 
-.edit-post-visual-editor .block-library-block__reusable-block-container .is-root-container {
-  padding-right: 0;
-  padding-left: 0;
-}
-.edit-post-visual-editor .block-library-block__reusable-block-container .block-editor-writing-flow {
-  display: block;
-}
-.edit-post-visual-editor .block-library-block__reusable-block-container .components-disabled .block-list-appender {
-  display: none;
-}
-
-.edit-post-visual-editor .block-editor-block-list__block:not(.remove-outline).is-reusable.is-highlighted::after, .edit-post-visual-editor .block-editor-block-list__block:not(.remove-outline).is-reusable.is-selected::after {
-  outline-color: var(--wp-block-synced-color);
-}
-.edit-post-visual-editor .block-editor-block-list__block:not(.remove-outline).is-reusable.block-editor-block-list__block:not([contenteditable]):focus::after {
-  outline-color: var(--wp-block-synced-color);
-}
-.is-dark-theme .edit-post-visual-editor .block-editor-block-list__block:not(.remove-outline).is-reusable.block-editor-block-list__block:not([contenteditable]):focus::after {
-  outline-color: #fff;
-}
-
 .wp-block[data-align=center] > .wp-block-button {
   text-align: center;
   margin-right: auto;
@@ -166,37 +145,6 @@ div[data-type="core/button"] {
   text-decoration: inherit;
 }
 
-.editor-styles-wrapper .wp-block-button .wp-block-button__link:where(.has-border-color) {
-  border-width: initial;
-}
-.editor-styles-wrapper .wp-block-button .wp-block-button__link:where([style*="border-top-color"]) {
-  border-top-width: initial;
-}
-.editor-styles-wrapper .wp-block-button .wp-block-button__link:where([style*="border-right-color"]) {
-  border-left-width: initial;
-}
-.editor-styles-wrapper .wp-block-button .wp-block-button__link:where([style*="border-bottom-color"]) {
-  border-bottom-width: initial;
-}
-.editor-styles-wrapper .wp-block-button .wp-block-button__link:where([style*="border-left-color"]) {
-  border-right-width: initial;
-}
-.editor-styles-wrapper .wp-block-button .wp-block-button__link:where([style*="border-style"]) {
-  border-width: initial;
-}
-.editor-styles-wrapper .wp-block-button .wp-block-button__link:where([style*="border-top-style"]) {
-  border-top-width: initial;
-}
-.editor-styles-wrapper .wp-block-button .wp-block-button__link:where([style*="border-right-style"]) {
-  border-left-width: initial;
-}
-.editor-styles-wrapper .wp-block-button .wp-block-button__link:where([style*="border-bottom-style"]) {
-  border-bottom-width: initial;
-}
-.editor-styles-wrapper .wp-block-button .wp-block-button__link:where([style*="border-left-style"]) {
-  border-right-width: initial;
-}
-
 .wp-block-buttons {
   /* stylelint-disable indentation -- Disable the stylelint rule, otherwise this selector is ugly! */
 }
@@ -541,10 +489,6 @@ html :where(.wp-block-column) {
   margin-top: 24px;
 }
 
-.wp-block-cover::after {
-  min-height: auto;
-}
-
 .wp-block-details summary div {
   display: inline;
 }
@@ -1034,42 +978,42 @@ div[data-type="core/freeform"].is-selected .block-library-classic__toolbar {
   margin-top: 16px;
 }
 
-:where(figure.wp-block-gallery) {
+:root :where(figure.wp-block-gallery) {
   display: block;
 }
-:where(figure.wp-block-gallery) > .blocks-gallery-caption {
+:root :where(figure.wp-block-gallery) > .blocks-gallery-caption {
   flex: 0 0 100%;
 }
-:where(figure.wp-block-gallery) > .blocks-gallery-media-placeholder-wrapper {
+:root :where(figure.wp-block-gallery) > .blocks-gallery-media-placeholder-wrapper {
   flex-basis: 100%;
 }
-:where(figure.wp-block-gallery) .wp-block-image .components-notice.is-error {
+:root :where(figure.wp-block-gallery) .wp-block-image .components-notice.is-error {
   display: block;
 }
-:where(figure.wp-block-gallery) .wp-block-image .components-notice__content {
+:root :where(figure.wp-block-gallery) .wp-block-image .components-notice__content {
   margin: 4px 0;
 }
-:where(figure.wp-block-gallery) .wp-block-image .components-notice__dismiss {
+:root :where(figure.wp-block-gallery) .wp-block-image .components-notice__dismiss {
   position: absolute;
   top: 0;
   left: 5px;
 }
-:where(figure.wp-block-gallery) .block-editor-media-placeholder.is-appender .components-placeholder__label {
+:root :where(figure.wp-block-gallery) .block-editor-media-placeholder.is-appender .components-placeholder__label {
   display: none;
 }
-:where(figure.wp-block-gallery) .block-editor-media-placeholder.is-appender .block-editor-media-placeholder__button {
+:root :where(figure.wp-block-gallery) .block-editor-media-placeholder.is-appender .block-editor-media-placeholder__button {
   margin-bottom: 0;
 }
-:where(figure.wp-block-gallery) .block-editor-media-placeholder {
+:root :where(figure.wp-block-gallery) .block-editor-media-placeholder {
   margin: 0;
 }
-:where(figure.wp-block-gallery) .block-editor-media-placeholder .components-placeholder__label {
+:root :where(figure.wp-block-gallery) .block-editor-media-placeholder .components-placeholder__label {
   display: flex;
 }
-:where(figure.wp-block-gallery) .block-editor-media-placeholder figcaption {
+:root :where(figure.wp-block-gallery) .block-editor-media-placeholder figcaption {
   z-index: 2;
 }
-:where(figure.wp-block-gallery) .components-spinner {
+:root :where(figure.wp-block-gallery) .components-spinner {
   position: absolute;
   top: 50%;
   right: 50%;
@@ -1264,6 +1208,7 @@ div[data-type="core/freeform"].is-selected .block-library-classic__toolbar {
   box-shadow: none !important;
   border-radius: 2px !important;
   font-size: 16px !important;
+  direction: ltr;
 }
 @media (min-width: 600px) {
   .block-library-html__edit .block-editor-plain-text {
@@ -1430,12 +1375,6 @@ figure.wp-block-image:not(.wp-block) {
   width: 250px;
 }
 
-.wp-block-latest-posts {
-  padding-right: 2.5em;
-}
-.wp-block-latest-posts.is-grid {
-  padding-right: 0;
-}
 .wp-block-latest-posts > li {
   overflow: hidden;
 }
@@ -1444,10 +1383,6 @@ figure.wp-block-image:not(.wp-block) {
   display: inline;
 }
 
-.edit-post-visual-editor .wp-block-latest-posts.is-grid li {
-  margin-bottom: 20px;
-}
-
 .editor-latest-posts-image-alignment-control .components-base-control__label {
   display: block;
 }
@@ -1455,6 +1390,15 @@ figure.wp-block-image:not(.wp-block) {
   border-radius: 2px;
 }
 
+:root :where(.wp-block-latest-posts) {
+  padding-right: 2.5em;
+}
+
+:root :where(.wp-block-latest-posts.is-grid),
+:root :where(.wp-block-latest-posts__list) {
+  padding-right: 0;
+}
+
 .wp-block-media-text__media {
   position: relative;
 }
@@ -2325,10 +2269,6 @@ body.editor-styles-wrapper .wp-block-navigation__responsive-container.is-menu-op
   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;
-}
 
 .blocks-shortcode__textarea {
   box-sizing: border-box;
@@ -2490,7 +2430,7 @@ body.editor-styles-wrapper .wp-block-navigation__responsive-container.is-menu-op
   border: 1px dashed;
 }
 
-.editor-styles-wrapper .wp-block-site-title a {
+.editor-styles-wrapper :where(.wp-block-site-title a) {
   color: inherit;
 }
 
@@ -2517,12 +2457,12 @@ body.editor-styles-wrapper .wp-block-navigation__responsive-container.is-menu-op
   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;
 }
 
@@ -2535,10 +2475,20 @@ body.editor-styles-wrapper .wp-block-navigation__responsive-container.is-menu-op
   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;
@@ -2555,16 +2505,6 @@ body.editor-styles-wrapper .wp-block-navigation__responsive-container.is-menu-op
 .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;