@wordpress/block-library 9.11.0 → 9.12.1-next.082ed6819.0

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

@@ -126,9 +126,11 @@
   width: 100%;
   z-index: 1;
 }
+.wp-block-cover.is-transient .wp-block-cover__inner-container {
+  z-index: 2;
+}
 .wp-block-cover .components-spinner {
   position: absolute;
-  z-index: 1;
   top: 50%;
   right: 50%;
   transform: translate(50%, -50%);
@@ -175,10 +177,6 @@
   overflow: visible;
 }
 
-.wp-block-cover > .components-drop-zone .components-drop-zone__content {
-  opacity: 0.8 !important;
-}
-
 .block-editor-block-patterns-list__list-item .has-parallax.wp-block-cover {
   background-attachment: scroll;
 }

package/build-style/cover/editor.css

@@ -126,9 +126,11 @@
   width: 100%;
   z-index: 1;
 }
+.wp-block-cover.is-transient .wp-block-cover__inner-container {
+  z-index: 2;
+}
 .wp-block-cover .components-spinner {
   position: absolute;
-  z-index: 1;
   top: 50%;
   left: 50%;
   transform: translate(-50%, -50%);
@@ -175,10 +177,6 @@
   overflow: visible;
 }
 
-.wp-block-cover > .components-drop-zone .components-drop-zone__content {
-  opacity: 0.8 !important;
-}
-
 .block-editor-block-patterns-list__list-item .has-parallax.wp-block-cover {
   background-attachment: scroll;
 }

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

@@ -147,7 +147,6 @@
   right: 0;
   bottom: 0;
   left: 0;
-  z-index: 1;
   opacity: 0.5;
 }
 .wp-block-cover-image.has-background-dim.has-background-dim-10:not(.has-background-gradient)::before,
@@ -310,15 +309,10 @@
 }
 .wp-block-cover-image .wp-block-cover__inner-container,
 .wp-block-cover .wp-block-cover__inner-container {
+  position: relative;
   width: 100%;
-  z-index: 1;
   color: inherit; direction: rtl;
 }
-.has-modal-open .wp-block-cover-image .wp-block-cover__inner-container,
-.has-modal-open .wp-block-cover .wp-block-cover__inner-container {
-  z-index: auto;
-}
-
 .wp-block-cover-image.is-position-top-left,
 .wp-block-cover.is-position-top-left {
   align-items: flex-start;
@@ -431,14 +425,6 @@ video.wp-block-cover__video-background.is-repeated {
   background-size: auto;
 }
 
-.wp-block-cover__video-background {
-  z-index: 0;
-}
-
-.wp-block-cover__image-background {
-  z-index: 0;
-}
-
 section.wp-block-cover-image h2,
 .wp-block-cover-image-text,
 .wp-block-cover-text {
@@ -510,4 +496,22 @@ section.wp-block-cover-image > h2,
 :root :where(.wp-block-cover h5:not(.has-text-color)),
 :root :where(.wp-block-cover h6:not(.has-text-color)) {
   color: inherit;
+}
+
+body:not(.editor-styles-wrapper) .wp-block-cover:not(.wp-block-cover:has(.wp-block-cover__background + .wp-block-cover__inner-container)) .wp-block-cover__video-background {
+  z-index: 0;
+}
+body:not(.editor-styles-wrapper) .wp-block-cover:not(.wp-block-cover:has(.wp-block-cover__background + .wp-block-cover__inner-container)) .wp-block-cover__image-background {
+  z-index: 0;
+}
+body:not(.editor-styles-wrapper) .wp-block-cover:not(.wp-block-cover:has(.wp-block-cover__background + .wp-block-cover__inner-container)).has-background-dim:not(.has-background-gradient)::before,
+body:not(.editor-styles-wrapper) .wp-block-cover:not(.wp-block-cover:has(.wp-block-cover__background + .wp-block-cover__inner-container)) .wp-block-cover__background,
+body:not(.editor-styles-wrapper) .wp-block-cover:not(.wp-block-cover:has(.wp-block-cover__background + .wp-block-cover__inner-container)) .wp-block-cover__gradient-background {
+  z-index: 1;
+}
+body:not(.editor-styles-wrapper) .wp-block-cover:not(.wp-block-cover:has(.wp-block-cover__background + .wp-block-cover__inner-container)) .wp-block-cover__inner-container {
+  z-index: 1;
+}
+.has-modal-open body:not(.editor-styles-wrapper) .wp-block-cover:not(.wp-block-cover:has(.wp-block-cover__background + .wp-block-cover__inner-container)) .wp-block-cover__inner-container {
+  z-index: auto;
 }

package/build-style/cover/style.css

@@ -148,7 +148,6 @@
   left: 0;
   bottom: 0;
   right: 0;
-  z-index: 1;
   opacity: 0.5;
 }
 .wp-block-cover-image.has-background-dim.has-background-dim-10:not(.has-background-gradient)::before,
@@ -311,16 +310,11 @@
 }
 .wp-block-cover-image .wp-block-cover__inner-container,
 .wp-block-cover .wp-block-cover__inner-container {
+  position: relative;
   width: 100%;
-  z-index: 1;
   color: inherit;
   /*rtl:raw: direction: rtl; */
 }
-.has-modal-open .wp-block-cover-image .wp-block-cover__inner-container,
-.has-modal-open .wp-block-cover .wp-block-cover__inner-container {
-  z-index: auto;
-}
-
 .wp-block-cover-image.is-position-top-left,
 .wp-block-cover.is-position-top-left {
   align-items: flex-start;
@@ -433,14 +427,6 @@ video.wp-block-cover__video-background.is-repeated {
   background-size: auto;
 }
 
-.wp-block-cover__video-background {
-  z-index: 0;
-}
-
-.wp-block-cover__image-background {
-  z-index: 0;
-}
-
 section.wp-block-cover-image h2,
 .wp-block-cover-image-text,
 .wp-block-cover-text {
@@ -512,4 +498,22 @@ section.wp-block-cover-image > h2,
 :root :where(.wp-block-cover h5:not(.has-text-color)),
 :root :where(.wp-block-cover h6:not(.has-text-color)) {
   color: inherit;
+}
+
+body:not(.editor-styles-wrapper) .wp-block-cover:not(.wp-block-cover:has(.wp-block-cover__background + .wp-block-cover__inner-container)) .wp-block-cover__video-background {
+  z-index: 0;
+}
+body:not(.editor-styles-wrapper) .wp-block-cover:not(.wp-block-cover:has(.wp-block-cover__background + .wp-block-cover__inner-container)) .wp-block-cover__image-background {
+  z-index: 0;
+}
+body:not(.editor-styles-wrapper) .wp-block-cover:not(.wp-block-cover:has(.wp-block-cover__background + .wp-block-cover__inner-container)).has-background-dim:not(.has-background-gradient)::before,
+body:not(.editor-styles-wrapper) .wp-block-cover:not(.wp-block-cover:has(.wp-block-cover__background + .wp-block-cover__inner-container)) .wp-block-cover__background,
+body:not(.editor-styles-wrapper) .wp-block-cover:not(.wp-block-cover:has(.wp-block-cover__background + .wp-block-cover__inner-container)) .wp-block-cover__gradient-background {
+  z-index: 1;
+}
+body:not(.editor-styles-wrapper) .wp-block-cover:not(.wp-block-cover:has(.wp-block-cover__background + .wp-block-cover__inner-container)) .wp-block-cover__inner-container {
+  z-index: 1;
+}
+.has-modal-open body:not(.editor-styles-wrapper) .wp-block-cover:not(.wp-block-cover:has(.wp-block-cover__background + .wp-block-cover__inner-container)) .wp-block-cover__inner-container {
+  z-index: auto;
 }

package/build-style/editor-rtl.css

@@ -440,9 +440,11 @@ html :where(.wp-block-column) {
   width: 100%;
   z-index: 1;
 }
+.wp-block-cover.is-transient .wp-block-cover__inner-container {
+  z-index: 2;
+}
 .wp-block-cover .components-spinner {
   position: absolute;
-  z-index: 1;
   top: 50%;
   right: 50%;
   transform: translate(50%, -50%);
@@ -489,10 +491,6 @@ html :where(.wp-block-column) {
   overflow: visible;
 }
 
-.wp-block-cover > .components-drop-zone .components-drop-zone__content {
-  opacity: 0.8 !important;
-}
-
 .block-editor-block-patterns-list__list-item .has-parallax.wp-block-cover {
   background-attachment: scroll;
 }
@@ -1158,16 +1156,6 @@ div[data-type="core/freeform"].is-selected .block-library-classic__toolbar {
   left: 0;
 }
 
-:where([data-has-multi-selection]:not([contenteditable="true"]) .wp-block-group > *) {
-  -webkit-user-select: initial;
-          user-select: initial;
-}
-
-:where([data-has-multi-selection]:not([contenteditable="true"]) .wp-block-group) {
-  -webkit-user-select: none;
-          user-select: none;
-}
-
 [data-type="core/group"].is-selected .block-list-appender {
   margin-right: 0;
   margin-left: 0;
@@ -1362,6 +1350,10 @@ figure.wp-block-image:not(.wp-block) {
   overflow: visible !important;
 }
 
+.wp-block-image__toolbar_content_textarea__container {
+  padding: 8px;
+}
+
 .wp-block-image__toolbar_content_textarea {
   width: 250px;
 }
@@ -1383,13 +1375,6 @@ figure.wp-block-image:not(.wp-block) {
   padding-right: 0;
 }
 
-.wp-block-latest-posts__post-content-radio {
-  margin-bottom: 24px;
-}
-.wp-block-latest-posts__post-content-radio:last-child {
-  margin-bottom: 8px;
-}
-
 .wp-block-media-text__media {
   position: relative;
 }
@@ -2417,13 +2402,13 @@ body.editor-styles-wrapper .wp-block-navigation__responsive-container.is-menu-op
   font-size: inherit;
   color: currentColor;
   height: auto;
+  font-weight: inherit;
+  font-family: inherit;
   opacity: 1;
   padding: 0.25em;
 }
-.wp-block-social-link-anchor:focus:not(:disabled) {
-  border-radius: 2px;
-  box-shadow: 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color);
-  outline: 3px solid transparent;
+.wp-block-social-link-anchor:hover {
+  transform: none;
 }
 
 :root :where(.wp-block-social-links.is-style-pill-shape .wp-social-link button) {
@@ -2712,6 +2697,7 @@ body.editor-styles-wrapper .wp-block-navigation__responsive-container.is-menu-op
   max-width: 240px;
 }
 
+.block-library-video-tracks-editor__tracks-informative-message-title,
 .block-library-video-tracks-editor__single-track-editor-edit-track-label {
   margin-top: 4px;
   color: #757575;
@@ -2730,6 +2716,13 @@ body.editor-styles-wrapper .wp-block-navigation__responsive-container.is-menu-op
   padding: 0;
 }
 
+.block-library-video-tracks-editor__tracks-informative-message {
+  padding: 8px;
+}
+.block-library-video-tracks-editor__tracks-informative-message-description {
+  margin-bottom: 0;
+}
+
 .editor-styles-wrapper ul.wp-block-post-template {
   padding-right: 0;
   margin-right: 0;
@@ -2743,10 +2736,6 @@ body.editor-styles-wrapper .wp-block-navigation__responsive-container.is-menu-op
   margin-bottom: 8px;
 }
 
-.wp-block-query__create-new-link {
-  padding: 0 52px 16px 16px;
-}
-
 .block-library-query__pattern-selection-content .block-editor-block-patterns-list {
   display: grid;
   grid-template-columns: 1fr 1fr 1fr;

package/build-style/editor.css

@@ -444,9 +444,11 @@ html :where(.wp-block-column) {
   width: 100%;
   z-index: 1;
 }
+.wp-block-cover.is-transient .wp-block-cover__inner-container {
+  z-index: 2;
+}
 .wp-block-cover .components-spinner {
   position: absolute;
-  z-index: 1;
   top: 50%;
   left: 50%;
   transform: translate(-50%, -50%);
@@ -493,10 +495,6 @@ html :where(.wp-block-column) {
   overflow: visible;
 }
 
-.wp-block-cover > .components-drop-zone .components-drop-zone__content {
-  opacity: 0.8 !important;
-}
-
 .block-editor-block-patterns-list__list-item .has-parallax.wp-block-cover {
   background-attachment: scroll;
 }
@@ -1166,16 +1164,6 @@ div[data-type="core/freeform"].is-selected .block-library-classic__toolbar {
   right: 0;
 }
 
-:where([data-has-multi-selection]:not([contenteditable="true"]) .wp-block-group > *) {
-  -webkit-user-select: initial;
-          user-select: initial;
-}
-
-:where([data-has-multi-selection]:not([contenteditable="true"]) .wp-block-group) {
-  -webkit-user-select: none;
-          user-select: none;
-}
-
 [data-type="core/group"].is-selected .block-list-appender {
   margin-left: 0;
   margin-right: 0;
@@ -1371,6 +1359,10 @@ figure.wp-block-image:not(.wp-block) {
   overflow: visible !important;
 }
 
+.wp-block-image__toolbar_content_textarea__container {
+  padding: 8px;
+}
+
 .wp-block-image__toolbar_content_textarea {
   width: 250px;
 }
@@ -1392,13 +1384,6 @@ figure.wp-block-image:not(.wp-block) {
   padding-left: 0;
 }
 
-.wp-block-latest-posts__post-content-radio {
-  margin-bottom: 24px;
-}
-.wp-block-latest-posts__post-content-radio:last-child {
-  margin-bottom: 8px;
-}
-
 .wp-block-media-text__media {
   position: relative;
 }
@@ -2426,13 +2411,13 @@ body.editor-styles-wrapper .wp-block-navigation__responsive-container.is-menu-op
   font-size: inherit;
   color: currentColor;
   height: auto;
+  font-weight: inherit;
+  font-family: inherit;
   opacity: 1;
   padding: 0.25em;
 }
-.wp-block-social-link-anchor:focus:not(:disabled) {
-  border-radius: 2px;
-  box-shadow: 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color);
-  outline: 3px solid transparent;
+.wp-block-social-link-anchor:hover {
+  transform: none;
 }
 
 :root :where(.wp-block-social-links.is-style-pill-shape .wp-social-link button) {
@@ -2721,6 +2706,7 @@ body.editor-styles-wrapper .wp-block-navigation__responsive-container.is-menu-op
   max-width: 240px;
 }
 
+.block-library-video-tracks-editor__tracks-informative-message-title,
 .block-library-video-tracks-editor__single-track-editor-edit-track-label {
   margin-top: 4px;
   color: #757575;
@@ -2739,6 +2725,13 @@ body.editor-styles-wrapper .wp-block-navigation__responsive-container.is-menu-op
   padding: 0;
 }
 
+.block-library-video-tracks-editor__tracks-informative-message {
+  padding: 8px;
+}
+.block-library-video-tracks-editor__tracks-informative-message-description {
+  margin-bottom: 0;
+}
+
 .editor-styles-wrapper ul.wp-block-post-template {
   padding-left: 0;
   margin-left: 0;
@@ -2752,10 +2745,6 @@ body.editor-styles-wrapper .wp-block-navigation__responsive-container.is-menu-op
   margin-bottom: 8px;
 }
 
-.wp-block-query__create-new-link {
-  padding: 0 16px 16px 52px;
-}
-
 .block-library-query__pattern-selection-content .block-editor-block-patterns-list {
   display: grid;
   grid-template-columns: 1fr 1fr 1fr;

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

@@ -106,16 +106,6 @@
   left: 0;
 }
 
-:where([data-has-multi-selection]:not([contenteditable="true"]) .wp-block-group > *) {
-  -webkit-user-select: initial;
-          user-select: initial;
-}
-
-:where([data-has-multi-selection]:not([contenteditable="true"]) .wp-block-group) {
-  -webkit-user-select: none;
-          user-select: none;
-}
-
 [data-type="core/group"].is-selected .block-list-appender {
   margin-right: 0;
   margin-left: 0;

package/build-style/group/editor.css

@@ -106,16 +106,6 @@
   right: 0;
 }
 
-:where([data-has-multi-selection]:not([contenteditable="true"]) .wp-block-group > *) {
-  -webkit-user-select: initial;
-          user-select: initial;
-}
-
-:where([data-has-multi-selection]:not([contenteditable="true"]) .wp-block-group) {
-  -webkit-user-select: none;
-          user-select: none;
-}
-
 [data-type="core/group"].is-selected .block-list-appender {
   margin-left: 0;
   margin-right: 0;

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

@@ -227,6 +227,10 @@ figure.wp-block-image:not(.wp-block) {
   overflow: visible !important;
 }
 
+.wp-block-image__toolbar_content_textarea__container {
+  padding: 8px;
+}
+
 .wp-block-image__toolbar_content_textarea {
   width: 250px;
 }

package/build-style/image/editor.css

@@ -227,6 +227,10 @@ figure.wp-block-image:not(.wp-block) {
   overflow: visible !important;
 }
 
+.wp-block-image__toolbar_content_textarea__container {
+  padding: 8px;
+}
+
 .wp-block-image__toolbar_content_textarea {
   width: 250px;
 }

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

@@ -106,8 +106,6 @@
   max-width: 100%;
   vertical-align: bottom;
   box-sizing: border-box;
-  width: -moz-fit-content;
-  width: fit-content;
 }
 @media (prefers-reduced-motion: no-preference) {
   .wp-block-image img.hide {

package/build-style/image/style.css

@@ -106,8 +106,6 @@
   max-width: 100%;
   vertical-align: bottom;
   box-sizing: border-box;
-  width: -moz-fit-content;
-  width: fit-content;
 }
 @media (prefers-reduced-motion: no-preference) {
   .wp-block-image img.hide {

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

@@ -113,11 +113,4 @@
 :root :where(.wp-block-latest-posts.is-grid),
 :root :where(.wp-block-latest-posts__list) {
   padding-right: 0;
-}
-
-.wp-block-latest-posts__post-content-radio {
-  margin-bottom: 24px;
-}
-.wp-block-latest-posts__post-content-radio:last-child {
-  margin-bottom: 8px;
 }

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

@@ -113,11 +113,4 @@
 :root :where(.wp-block-latest-posts.is-grid),
 :root :where(.wp-block-latest-posts__list) {
   padding-left: 0;
-}
-
-.wp-block-latest-posts__post-content-radio {
-  margin-bottom: 24px;
-}
-.wp-block-latest-posts__post-content-radio:last-child {
-  margin-bottom: 8px;
 }

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

@@ -151,7 +151,7 @@
 }
 
 .wp-block-media-text__media a {
-  display: inline-block;
+  display: block;
 }
 
 .wp-block-media-text__media img,

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

@@ -161,7 +161,7 @@
 }
 
 .wp-block-media-text__media a {
-  display: inline-block;
+  display: block;
 }
 
 .wp-block-media-text__media img,

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

@@ -448,7 +448,7 @@ button.wp-block-navigation-item__content {
   padding-top: clamp(1rem, var(--wp--style--root--padding-top), 20rem);
   padding-left: clamp(1rem, var(--wp--style--root--padding-right), 20rem);
   padding-bottom: clamp(1rem, var(--wp--style--root--padding-bottom), 20rem);
-  padding-right: clamp(1rem, var(--wp--style--root--padding-left), 20em);
+  padding-right: clamp(1rem, var(--wp--style--root--padding-left), 20rem);
   overflow: auto;
   z-index: 100000;
 }

package/build-style/navigation/style.css

@@ -448,7 +448,7 @@ button.wp-block-navigation-item__content {
   padding-top: clamp(1rem, var(--wp--style--root--padding-top), 20rem);
   padding-right: clamp(1rem, var(--wp--style--root--padding-right), 20rem);
   padding-bottom: clamp(1rem, var(--wp--style--root--padding-bottom), 20rem);
-  padding-left: clamp(1rem, var(--wp--style--root--padding-left), 20em);
+  padding-left: clamp(1rem, var(--wp--style--root--padding-left), 20rem);
   overflow: auto;
   z-index: 100000;
 }

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

@@ -108,4 +108,8 @@
 }
 .wp-block-navigation .wp-block-navigation-item {
   background-color: inherit;
+}
+
+.wp-block-page-list {
+  box-sizing: border-box;
 }

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

@@ -108,4 +108,8 @@
 }
 .wp-block-navigation .wp-block-navigation-item {
   background-color: inherit;
+}
+
+.wp-block-page-list {
+  box-sizing: border-box;
 }

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

@@ -105,10 +105,6 @@
   margin-bottom: 8px;
 }
 
-.wp-block-query__create-new-link {
-  padding: 0 52px 16px 16px;
-}
-
 .block-library-query__pattern-selection-content .block-editor-block-patterns-list {
   display: grid;
   grid-template-columns: 1fr 1fr 1fr;

package/build-style/query/editor.css

@@ -105,10 +105,6 @@
   margin-bottom: 8px;
 }
 
-.wp-block-query__create-new-link {
-  padding: 0 16px 16px 52px;
-}
-
 .block-library-query__pattern-selection-content .block-editor-block-patterns-list {
   display: grid;
   grid-template-columns: 1fr 1fr 1fr;

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

@@ -145,9 +145,9 @@
   margin-right: 0;
   flex-shrink: 0;
   max-width: 100%;
-}
-.wp-block-search.wp-block-search__button-only .wp-block-search__button[aria-expanded=true] {
-  max-width: calc(100% - 100px);
+  box-sizing: border-box;
+  display: flex;
+  justify-content: center;
 }
 .wp-block-search.wp-block-search__button-only .wp-block-search__inside-wrapper {
   transition-property: width;

package/build-style/search/style.css

@@ -145,9 +145,9 @@
   margin-left: 0;
   flex-shrink: 0;
   max-width: 100%;
-}
-.wp-block-search.wp-block-search__button-only .wp-block-search__button[aria-expanded=true] {
-  max-width: calc(100% - 100px);
+  box-sizing: border-box;
+  display: flex;
+  justify-content: center;
 }
 .wp-block-search.wp-block-search__button-only .wp-block-search__inside-wrapper {
   transition-property: width;

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

@@ -112,13 +112,13 @@
   font-size: inherit;
   color: currentColor;
   height: auto;
+  font-weight: inherit;
+  font-family: inherit;
   opacity: 1;
   padding: 0.25em;
 }
-.wp-block-social-link-anchor:focus:not(:disabled) {
-  border-radius: 2px;
-  box-shadow: 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color);
-  outline: 3px solid transparent;
+.wp-block-social-link-anchor:hover {
+  transform: none;
 }
 
 :root :where(.wp-block-social-links.is-style-pill-shape .wp-social-link button) {

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

@@ -112,13 +112,13 @@
   font-size: inherit;
   color: currentColor;
   height: auto;
+  font-weight: inherit;
+  font-family: inherit;
   opacity: 1;
   padding: 0.25em;
 }
-.wp-block-social-link-anchor:focus:not(:disabled) {
-  border-radius: 2px;
-  box-shadow: 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color);
-  outline: 3px solid transparent;
+.wp-block-social-link-anchor:hover {
+  transform: none;
 }
 
 :root :where(.wp-block-social-links.is-style-pill-shape .wp-social-link button) {