@wordpress/block-library 7.5.0 → 7.8.0

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

@@ -97,27 +97,6 @@
    *   - Issue with alternative fix: https://github.com/WordPress/gutenberg/issues/26545
    */
 }
-.wp-block-cover-image.has-parallax,
-.wp-block-cover.has-parallax {
-  background-attachment: fixed;
-}
-@supports (-webkit-touch-callout: inherit) {
-  .wp-block-cover-image.has-parallax,
-.wp-block-cover.has-parallax {
-    background-attachment: scroll;
-  }
-}
-@media (prefers-reduced-motion: reduce) {
-  .wp-block-cover-image.has-parallax,
-.wp-block-cover.has-parallax {
-    background-attachment: scroll;
-  }
-}
-.wp-block-cover-image.is-repeated,
-.wp-block-cover.is-repeated {
-  background-repeat: repeat;
-  background-size: auto;
-}
 .wp-block-cover-image.has-background-dim:not([class*=-background-color]),
 .wp-block-cover-image .has-background-dim:not([class*=-background-color]),
 .wp-block-cover.has-background-dim:not([class*=-background-color]),
@@ -394,9 +373,9 @@
   margin: 0;
   width: auto;
 }
-.wp-block-cover-image img.wp-block-cover__image-background,
+.wp-block-cover-image .wp-block-cover__image-background,
 .wp-block-cover-image video.wp-block-cover__video-background,
-.wp-block-cover img.wp-block-cover__image-background,
+.wp-block-cover .wp-block-cover__image-background,
 .wp-block-cover video.wp-block-cover__video-background {
   position: absolute;
   top: 0;
@@ -409,13 +388,42 @@
   height: 100%;
   max-width: none;
   max-height: none;
-  -o-object-fit: cover;
-     object-fit: cover;
+  object-fit: cover;
   outline: none;
   border: none;
   box-shadow: none;
 }
 
+.wp-block-cover-image.has-parallax,
+.wp-block-cover.has-parallax,
+.wp-block-cover__image-background.has-parallax,
+video.wp-block-cover__video-background.has-parallax {
+  background-attachment: fixed;
+}
+@supports (-webkit-overflow-scrolling: touch) {
+  .wp-block-cover-image.has-parallax,
+.wp-block-cover.has-parallax,
+.wp-block-cover__image-background.has-parallax,
+video.wp-block-cover__video-background.has-parallax {
+    background-attachment: scroll;
+  }
+}
+@media (prefers-reduced-motion: reduce) {
+  .wp-block-cover-image.has-parallax,
+.wp-block-cover.has-parallax,
+.wp-block-cover__image-background.has-parallax,
+video.wp-block-cover__video-background.has-parallax {
+    background-attachment: scroll;
+  }
+}
+.wp-block-cover-image.is-repeated,
+.wp-block-cover.is-repeated,
+.wp-block-cover__image-background.is-repeated,
+video.wp-block-cover__video-background.is-repeated {
+  background-repeat: repeat;
+  background-size: auto;
+}
+
 .wp-block-cover__video-background {
   z-index: 0;
 }

package/build-style/cover/style.css

@@ -97,27 +97,6 @@
    *   - Issue with alternative fix: https://github.com/WordPress/gutenberg/issues/26545
    */
 }
-.wp-block-cover-image.has-parallax,
-.wp-block-cover.has-parallax {
-  background-attachment: fixed;
-}
-@supports (-webkit-touch-callout: inherit) {
-  .wp-block-cover-image.has-parallax,
-.wp-block-cover.has-parallax {
-    background-attachment: scroll;
-  }
-}
-@media (prefers-reduced-motion: reduce) {
-  .wp-block-cover-image.has-parallax,
-.wp-block-cover.has-parallax {
-    background-attachment: scroll;
-  }
-}
-.wp-block-cover-image.is-repeated,
-.wp-block-cover.is-repeated {
-  background-repeat: repeat;
-  background-size: auto;
-}
 .wp-block-cover-image.has-background-dim:not([class*=-background-color]),
 .wp-block-cover-image .has-background-dim:not([class*=-background-color]),
 .wp-block-cover.has-background-dim:not([class*=-background-color]),
@@ -394,9 +373,9 @@
   margin: 0;
   width: auto;
 }
-.wp-block-cover-image img.wp-block-cover__image-background,
+.wp-block-cover-image .wp-block-cover__image-background,
 .wp-block-cover-image video.wp-block-cover__video-background,
-.wp-block-cover img.wp-block-cover__image-background,
+.wp-block-cover .wp-block-cover__image-background,
 .wp-block-cover video.wp-block-cover__video-background {
   position: absolute;
   top: 0;
@@ -409,13 +388,42 @@
   height: 100%;
   max-width: none;
   max-height: none;
-  -o-object-fit: cover;
-     object-fit: cover;
+  object-fit: cover;
   outline: none;
   border: none;
   box-shadow: none;
 }
 
+.wp-block-cover-image.has-parallax,
+.wp-block-cover.has-parallax,
+.wp-block-cover__image-background.has-parallax,
+video.wp-block-cover__video-background.has-parallax {
+  background-attachment: fixed;
+}
+@supports (-webkit-overflow-scrolling: touch) {
+  .wp-block-cover-image.has-parallax,
+.wp-block-cover.has-parallax,
+.wp-block-cover__image-background.has-parallax,
+video.wp-block-cover__video-background.has-parallax {
+    background-attachment: scroll;
+  }
+}
+@media (prefers-reduced-motion: reduce) {
+  .wp-block-cover-image.has-parallax,
+.wp-block-cover.has-parallax,
+.wp-block-cover__image-background.has-parallax,
+video.wp-block-cover__video-background.has-parallax {
+    background-attachment: scroll;
+  }
+}
+.wp-block-cover-image.is-repeated,
+.wp-block-cover.is-repeated,
+.wp-block-cover__image-background.is-repeated,
+video.wp-block-cover__video-background.is-repeated {
+  background-repeat: repeat;
+  background-size: auto;
+}
+
 .wp-block-cover__video-background {
   z-index: 0;
 }

package/build-style/editor-rtl.css

@@ -339,6 +339,13 @@ html :where(.wp-block-column) {
 .wp-block-cover .wp-block-cover__placeholder-background-options {
   width: 100%;
 }
+.wp-block-cover .wp-block-cover__image--placeholder-image {
+  position: absolute;
+  top: 0;
+  left: 0;
+  bottom: 0;
+  right: 0;
+}
 
 [data-align=left] > .wp-block-cover,
 [data-align=right] > .wp-block-cover {
@@ -371,6 +378,10 @@ html :where(.wp-block-column) {
   background-attachment: scroll;
 }
 
+.color-block-support-panel__inner-wrapper > :not(.block-editor-tools-panel-color-gradient-settings__item) {
+  margin-top: 24px;
+}
+
 .wp-block-embed {
   margin-right: 0;
   margin-left: 0;
@@ -1102,8 +1113,8 @@ figure.wp-block-image:not(.wp-block) {
 }
 
 .wp-block-image__zoom .components-popover__content {
-  overflow: visible;
   min-width: 260px;
+  overflow: visible !important;
 }
 .wp-block-image__zoom .components-range-control {
   flex: 1;
@@ -1981,6 +1992,7 @@ body.editor-styles-wrapper .wp-block-navigation__responsive-container.is-menu-op
 }
 .block-editor-block-list__block[data-type="core/separator"].wp-block-separator.is-style-dots {
   background: none !important;
+  border: none;
 }
 
 [data-type="core/shortcode"] .block-editor-plain-text {
@@ -2133,18 +2145,6 @@ body.editor-styles-wrapper .wp-block-navigation__responsive-container.is-menu-op
 .wp-block-site-logo.wp-block-site-logo .components-placeholder .components-button.components-button > svg {
   color: #fff;
 }
-.wp-block-site-logo.wp-block-site-logo .components-placeholder .components-placeholder__illustration {
-  position: absolute;
-  top: 0;
-  left: 0;
-  bottom: 0;
-  right: 0;
-  width: 100%;
-  height: 100%;
-  stroke: currentColor;
-  stroke-dasharray: 3;
-  opacity: 0.4;
-}
 .wp-block-site-logo.wp-block-site-logo.is-selected .components-button.components-button {
   background: var(--wp-admin-theme-color);
   border-color: var(--wp-admin-theme-color);
@@ -2436,10 +2436,6 @@ body.editor-styles-wrapper .wp-block-navigation__responsive-container.is-menu-op
   z-index: 159990;
 }
 
-.block-library-video-tracks-editor > .components-popover__content {
-  width: 360px;
-}
-
 .block-library-video-tracks-editor__track-list-track {
   display: flex;
   place-content: space-between;
@@ -2478,7 +2474,8 @@ body.editor-styles-wrapper .wp-block-navigation__responsive-container.is-menu-op
   display: block;
 }
 
-.block-library-video-tracks-editor > .components-popover__content > div {
+.block-library-video-tracks-editor > .components-popover__content {
+  width: 360px;
   padding: 0;
 }
 
@@ -2624,20 +2621,6 @@ body.editor-styles-wrapper .wp-block-navigation__responsive-container.is-menu-op
   align-items: center;
   justify-content: center;
 }
-.wp-block-post-featured-image.wp-block-post-featured-image .wp-block-post-featured-image__placeholder::before,
-.wp-block-post-featured-image.wp-block-post-featured-image .components-placeholder::before {
-  content: "";
-  display: block;
-  position: absolute;
-  top: 0;
-  left: 0;
-  bottom: 0;
-  right: 0;
-  border: 1px dashed currentColor;
-  opacity: 0.4;
-  pointer-events: none;
-  border-radius: inherit;
-}
 .wp-block-post-featured-image.wp-block-post-featured-image .wp-block-post-featured-image__placeholder .components-placeholder__fieldset,
 .wp-block-post-featured-image.wp-block-post-featured-image .components-placeholder .components-placeholder__fieldset {
   width: auto;
@@ -2668,19 +2651,6 @@ body.editor-styles-wrapper .wp-block-navigation__responsive-container.is-menu-op
 .wp-block-post-featured-image.wp-block-post-featured-image .components-placeholder .components-button.components-button > svg {
   color: #fff;
 }
-.wp-block-post-featured-image.wp-block-post-featured-image .wp-block-post-featured-image__placeholder .components-placeholder__illustration,
-.wp-block-post-featured-image.wp-block-post-featured-image .components-placeholder .components-placeholder__illustration {
-  position: absolute;
-  top: 0;
-  left: 0;
-  bottom: 0;
-  right: 0;
-  width: 100%;
-  height: 100%;
-  stroke: currentColor;
-  stroke-dasharray: 3;
-  opacity: 0.4;
-}
 .wp-block-post-featured-image.wp-block-post-featured-image[style*=height] .components-placeholder {
   min-height: 48px;
   min-width: 48px;

package/build-style/editor.css

@@ -343,6 +343,13 @@ html :where(.wp-block-column) {
 .wp-block-cover .wp-block-cover__placeholder-background-options {
   width: 100%;
 }
+.wp-block-cover .wp-block-cover__image--placeholder-image {
+  position: absolute;
+  top: 0;
+  right: 0;
+  bottom: 0;
+  left: 0;
+}
 
 [data-align=left] > .wp-block-cover,
 [data-align=right] > .wp-block-cover {
@@ -375,6 +382,10 @@ html :where(.wp-block-column) {
   background-attachment: scroll;
 }
 
+.color-block-support-panel__inner-wrapper > :not(.block-editor-tools-panel-color-gradient-settings__item) {
+  margin-top: 24px;
+}
+
 .wp-block-embed {
   margin-left: 0;
   margin-right: 0;
@@ -1110,8 +1121,8 @@ figure.wp-block-image:not(.wp-block) {
 }
 
 .wp-block-image__zoom .components-popover__content {
-  overflow: visible;
   min-width: 260px;
+  overflow: visible !important;
 }
 .wp-block-image__zoom .components-range-control {
   flex: 1;
@@ -1989,6 +2000,7 @@ body.editor-styles-wrapper .wp-block-navigation__responsive-container.is-menu-op
 }
 .block-editor-block-list__block[data-type="core/separator"].wp-block-separator.is-style-dots {
   background: none !important;
+  border: none;
 }
 
 [data-type="core/shortcode"] .block-editor-plain-text {
@@ -2141,18 +2153,6 @@ body.editor-styles-wrapper .wp-block-navigation__responsive-container.is-menu-op
 .wp-block-site-logo.wp-block-site-logo .components-placeholder .components-button.components-button > svg {
   color: #fff;
 }
-.wp-block-site-logo.wp-block-site-logo .components-placeholder .components-placeholder__illustration {
-  position: absolute;
-  top: 0;
-  right: 0;
-  bottom: 0;
-  left: 0;
-  width: 100%;
-  height: 100%;
-  stroke: currentColor;
-  stroke-dasharray: 3;
-  opacity: 0.4;
-}
 .wp-block-site-logo.wp-block-site-logo.is-selected .components-button.components-button {
   background: var(--wp-admin-theme-color);
   border-color: var(--wp-admin-theme-color);
@@ -2444,10 +2444,6 @@ body.editor-styles-wrapper .wp-block-navigation__responsive-container.is-menu-op
   z-index: 159990;
 }
 
-.block-library-video-tracks-editor > .components-popover__content {
-  width: 360px;
-}
-
 .block-library-video-tracks-editor__track-list-track {
   display: flex;
   place-content: space-between;
@@ -2486,7 +2482,8 @@ body.editor-styles-wrapper .wp-block-navigation__responsive-container.is-menu-op
   display: block;
 }
 
-.block-library-video-tracks-editor > .components-popover__content > div {
+.block-library-video-tracks-editor > .components-popover__content {
+  width: 360px;
   padding: 0;
 }
 
@@ -2635,20 +2632,6 @@ body.editor-styles-wrapper .wp-block-navigation__responsive-container.is-menu-op
   align-items: center;
   justify-content: center;
 }
-.wp-block-post-featured-image.wp-block-post-featured-image .wp-block-post-featured-image__placeholder::before,
-.wp-block-post-featured-image.wp-block-post-featured-image .components-placeholder::before {
-  content: "";
-  display: block;
-  position: absolute;
-  top: 0;
-  right: 0;
-  bottom: 0;
-  left: 0;
-  border: 1px dashed currentColor;
-  opacity: 0.4;
-  pointer-events: none;
-  border-radius: inherit;
-}
 .wp-block-post-featured-image.wp-block-post-featured-image .wp-block-post-featured-image__placeholder .components-placeholder__fieldset,
 .wp-block-post-featured-image.wp-block-post-featured-image .components-placeholder .components-placeholder__fieldset {
   width: auto;
@@ -2679,19 +2662,6 @@ body.editor-styles-wrapper .wp-block-navigation__responsive-container.is-menu-op
 .wp-block-post-featured-image.wp-block-post-featured-image .components-placeholder .components-button.components-button > svg {
   color: #fff;
 }
-.wp-block-post-featured-image.wp-block-post-featured-image .wp-block-post-featured-image__placeholder .components-placeholder__illustration,
-.wp-block-post-featured-image.wp-block-post-featured-image .components-placeholder .components-placeholder__illustration {
-  position: absolute;
-  top: 0;
-  right: 0;
-  bottom: 0;
-  left: 0;
-  width: 100%;
-  height: 100%;
-  stroke: currentColor;
-  stroke-dasharray: 3;
-  opacity: 0.4;
-}
 .wp-block-post-featured-image.wp-block-post-featured-image[style*=height] .components-placeholder {
   min-height: 48px;
   min-width: 48px;

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

@@ -94,7 +94,6 @@
 }
 
 .wp-block-embed {
-  margin: 0 0 1em 0;
   overflow-wrap: break-word;
 }
 .wp-block-embed figcaption {

package/build-style/embed/style.css

@@ -94,7 +94,6 @@
 }
 
 .wp-block-embed {
-  margin: 0 0 1em 0;
   overflow-wrap: break-word;
 }
 .wp-block-embed figcaption {

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

@@ -83,25 +83,27 @@
 .wp-block-file.alignright {
   text-align: right;
 }
-.wp-block-file .wp-block-file__embed {
+.wp-block-file * + .wp-block-file__button {
+  margin-right: 0.75em;
+}
+
+.wp-block-file__embed {
   margin-bottom: 1em;
 }
-.wp-block-file .wp-block-file__button {
+
+.wp-block-file__button {
   background: #32373c;
   border-radius: 2em;
   color: #fff;
   font-size: 0.8em;
   padding: 0.5em 1em;
 }
-.wp-block-file a.wp-block-file__button {
+.wp-block-file__button:is(a) {
   text-decoration: none;
 }
-.wp-block-file a.wp-block-file__button:hover, .wp-block-file a.wp-block-file__button:visited, .wp-block-file a.wp-block-file__button:focus, .wp-block-file a.wp-block-file__button:active {
+.wp-block-file__button:is(a):hover, .wp-block-file__button:is(a):visited, .wp-block-file__button:is(a):focus, .wp-block-file__button:is(a):active {
   box-shadow: none;
   color: #fff;
   opacity: 0.85;
   text-decoration: none;
-}
-.wp-block-file * + .wp-block-file__button {
-  margin-right: 0.75em;
 }

package/build-style/file/style.css

@@ -84,25 +84,27 @@
   /*rtl:ignore*/
   text-align: right;
 }
-.wp-block-file .wp-block-file__embed {
+.wp-block-file * + .wp-block-file__button {
+  margin-left: 0.75em;
+}
+
+.wp-block-file__embed {
   margin-bottom: 1em;
 }
-.wp-block-file .wp-block-file__button {
+
+.wp-block-file__button {
   background: #32373c;
   border-radius: 2em;
   color: #fff;
   font-size: 0.8em;
   padding: 0.5em 1em;
 }
-.wp-block-file a.wp-block-file__button {
+.wp-block-file__button:is(a) {
   text-decoration: none;
 }
-.wp-block-file a.wp-block-file__button:hover, .wp-block-file a.wp-block-file__button:visited, .wp-block-file a.wp-block-file__button:focus, .wp-block-file a.wp-block-file__button:active {
+.wp-block-file__button:is(a):hover, .wp-block-file__button:is(a):visited, .wp-block-file__button:is(a):focus, .wp-block-file__button:is(a):active {
   box-shadow: none;
   color: #fff;
   opacity: 0.85;
   text-decoration: none;
-}
-.wp-block-file * + .wp-block-file__button {
-  margin-left: 0.75em;
 }

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

@@ -157,8 +157,7 @@
   width: 100%;
   height: 100%;
   flex: 1;
-  -o-object-fit: cover;
-     object-fit: cover;
+  object-fit: cover;
 }
 .wp-block-gallery:not(.has-nested-images).columns-1 .blocks-gallery-image, .wp-block-gallery:not(.has-nested-images).columns-1 .blocks-gallery-item,
 .blocks-gallery-grid:not(.has-nested-images).columns-1 .blocks-gallery-image,
@@ -347,8 +346,7 @@ figure.wp-block-gallery.has-nested-images {
   width: 100%;
   flex: 1 0 0%;
   height: 100%;
-  -o-object-fit: cover;
-     object-fit: cover;
+  object-fit: cover;
 }
 .wp-block-gallery.has-nested-images.columns-1 figure.wp-block-image:not(#individual-image) {
   width: 100%;

package/build-style/gallery/style.css

@@ -157,8 +157,7 @@
   width: 100%;
   height: 100%;
   flex: 1;
-  -o-object-fit: cover;
-     object-fit: cover;
+  object-fit: cover;
 }
 .wp-block-gallery:not(.has-nested-images).columns-1 .blocks-gallery-image, .wp-block-gallery:not(.has-nested-images).columns-1 .blocks-gallery-item,
 .blocks-gallery-grid:not(.has-nested-images).columns-1 .blocks-gallery-image,
@@ -347,8 +346,7 @@ figure.wp-block-gallery.has-nested-images {
   width: 100%;
   flex: 1 0 0%;
   height: 100%;
-  -o-object-fit: cover;
-     object-fit: cover;
+  object-fit: cover;
 }
 .wp-block-gallery.has-nested-images.columns-1 figure.wp-block-image:not(#individual-image) {
   width: 100%;

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

@@ -175,8 +175,8 @@ figure.wp-block-image:not(.wp-block) {
 }
 
 .wp-block-image__zoom .components-popover__content {
-  overflow: visible;
   min-width: 260px;
+  overflow: visible !important;
 }
 .wp-block-image__zoom .components-range-control {
   flex: 1;

package/build-style/image/editor.css

@@ -175,8 +175,8 @@ figure.wp-block-image:not(.wp-block) {
 }
 
 .wp-block-image__zoom .components-popover__content {
-  overflow: visible;
   min-width: 260px;
+  overflow: visible !important;
 }
 .wp-block-image__zoom .components-range-control {
   flex: 1;

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

@@ -74,9 +74,6 @@
 /**
  * Reset the WP Admin page styles for Gutenberg-like pages.
  */
-.wp-block-image {
-  margin: 0 0 1em 0;
-}
 .wp-block-image img {
   height: auto;
   max-width: 100%;

package/build-style/image/style.css

@@ -74,9 +74,6 @@
 /**
  * Reset the WP Admin page styles for Gutenberg-like pages.
  */
-.wp-block-image {
-  margin: 0 0 1em 0;
-}
 .wp-block-image img {
   height: auto;
   max-width: 100%;

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

@@ -74,6 +74,21 @@
 /**
  * Reset the WP Admin page styles for Gutenberg-like pages.
  */
+.wp-block-post-comments {
+  /* utility classes */
+  /* end utility classes */
+}
+.wp-block-post-comments .alignleft {
+  float: right;
+}
+.wp-block-post-comments .alignright {
+  float: left;
+}
+.wp-block-post-comments .navigation::after {
+  content: "";
+  display: table;
+  clear: both;
+}
 .wp-block-post-comments .commentlist {
   clear: both;
   list-style: none;
@@ -144,6 +159,13 @@
 .wp-block-post-comments .comment-form-cookies-consent #wp-comment-cookies-consent {
   margin-top: 0.35em;
 }
+.wp-block-post-comments .comment-reply-title {
+  margin-bottom: 0;
+}
+.wp-block-post-comments .comment-reply-title :where(small) {
+  font-size: var(--wp--preset--font-size--medium, smaller);
+  margin-right: 0.5em;
+}
 .wp-block-post-comments .reply {
   font-size: 0.875em;
   margin-bottom: 1.4em;

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

@@ -74,6 +74,21 @@
 /**
  * Reset the WP Admin page styles for Gutenberg-like pages.
  */
+.wp-block-post-comments {
+  /* utility classes */
+  /* end utility classes */
+}
+.wp-block-post-comments .alignleft {
+  float: left;
+}
+.wp-block-post-comments .alignright {
+  float: right;
+}
+.wp-block-post-comments .navigation::after {
+  content: "";
+  display: table;
+  clear: both;
+}
 .wp-block-post-comments .commentlist {
   clear: both;
   list-style: none;
@@ -144,6 +159,13 @@
 .wp-block-post-comments .comment-form-cookies-consent #wp-comment-cookies-consent {
   margin-top: 0.35em;
 }
+.wp-block-post-comments .comment-reply-title {
+  margin-bottom: 0;
+}
+.wp-block-post-comments .comment-reply-title :where(small) {
+  font-size: var(--wp--preset--font-size--medium, smaller);
+  margin-left: 0.5em;
+}
 .wp-block-post-comments .reply {
   font-size: 0.875em;
   margin-bottom: 1.4em;

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

@@ -130,11 +130,9 @@
   margin-top: 0.35em;
 }
 .wp-block-post-comments-form .comment-reply-title {
-  align-items: baseline;
-  display: flex;
-  justify-content: space-between;
   margin-bottom: 0;
 }
 .wp-block-post-comments-form .comment-reply-title :where(small) {
   font-size: var(--wp--preset--font-size--medium, smaller);
+  margin-right: 0.5em;
 }

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

@@ -130,11 +130,9 @@
   margin-top: 0.35em;
 }
 .wp-block-post-comments-form .comment-reply-title {
-  align-items: baseline;
-  display: flex;
-  justify-content: space-between;
   margin-bottom: 0;
 }
 .wp-block-post-comments-form .comment-reply-title :where(small) {
   font-size: var(--wp--preset--font-size--medium, smaller);
+  margin-left: 0.5em;
 }