@wordpress/block-library 8.11.0 → 8.12.1

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

@@ -458,23 +458,6 @@ body.editor-styles-wrapper .wp-block-navigation__responsive-container.is-menu-op
   right: 0;
 }
 
-@media (min-width: 600px) {
-  .wp-block-navigation__responsive-container,
-.wp-block-navigation__responsive-close {
-    pointer-events: none;
-  }
-  .wp-block-navigation__responsive-container .wp-block-navigation__responsive-container-close,
-.wp-block-navigation__responsive-container .block-editor-block-list__layout *,
-.wp-block-navigation__responsive-close .wp-block-navigation__responsive-container-close,
-.wp-block-navigation__responsive-close .block-editor-block-list__layout * {
-    pointer-events: all;
-  }
-}
-.wp-block-navigation__responsive-container .wp-block-pages-list__item__link,
-.wp-block-navigation__responsive-close .wp-block-pages-list__item__link {
-  pointer-events: none;
-}
-
 .components-button.wp-block-navigation__responsive-container-open.wp-block-navigation__responsive-container-open,
 .components-button.wp-block-navigation__responsive-container-close.wp-block-navigation__responsive-container-close {
   padding: 0;

package/build-style/navigation/editor.css

@@ -458,23 +458,6 @@ body.editor-styles-wrapper .wp-block-navigation__responsive-container.is-menu-op
   left: 0;
 }
 
-@media (min-width: 600px) {
-  .wp-block-navigation__responsive-container,
-.wp-block-navigation__responsive-close {
-    pointer-events: none;
-  }
-  .wp-block-navigation__responsive-container .wp-block-navigation__responsive-container-close,
-.wp-block-navigation__responsive-container .block-editor-block-list__layout *,
-.wp-block-navigation__responsive-close .wp-block-navigation__responsive-container-close,
-.wp-block-navigation__responsive-close .block-editor-block-list__layout * {
-    pointer-events: all;
-  }
-}
-.wp-block-navigation__responsive-container .wp-block-pages-list__item__link,
-.wp-block-navigation__responsive-close .wp-block-pages-list__item__link {
-  pointer-events: none;
-}
-
 .components-button.wp-block-navigation__responsive-container-open.wp-block-navigation__responsive-container-open,
 .components-button.wp-block-navigation__responsive-container-close.wp-block-navigation__responsive-container-close {
   padding: 0;

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

@@ -122,4 +122,10 @@
   .wp-block-post-template.is-flex-container.is-flex-container.columns-6 > li {
     width: calc((100% / 6) - 1.25em + (1.25em / 6));
   }
+}
+
+@media (max-width: 600px) {
+  .wp-block-post-template-is-layout-grid.wp-block-post-template-is-layout-grid.wp-block-post-template-is-layout-grid.wp-block-post-template-is-layout-grid {
+    grid-template-columns: 1fr;
+  }
 }

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

@@ -122,4 +122,10 @@
   .wp-block-post-template.is-flex-container.is-flex-container.columns-6 > li {
     width: calc((100% / 6) - 1.25em + (1.25em / 6));
   }
+}
+
+@media (max-width: 600px) {
+  .wp-block-post-template-is-layout-grid.wp-block-post-template-is-layout-grid.wp-block-post-template-is-layout-grid.wp-block-post-template-is-layout-grid {
+    grid-template-columns: 1fr;
+  }
 }

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

@@ -151,4 +151,34 @@
 
 .wp-block-search.aligncenter .wp-block-search__inside-wrapper {
   margin: auto;
+}
+
+.wp-block-search__button-behavior-expand .wp-block-search__inside-wrapper {
+  transition-property: width;
+  min-width: 0 !important;
+}
+.wp-block-search__button-behavior-expand .wp-block-search__input {
+  transition-duration: 300ms;
+  flex-basis: 100%;
+}
+.wp-block-search__button-behavior-expand.wp-block-search__searchfield-hidden {
+  overflow: hidden;
+}
+.wp-block-search__button-behavior-expand.wp-block-search__searchfield-hidden .wp-block-search__inside-wrapper {
+  overflow: hidden;
+}
+.wp-block-search__button-behavior-expand.wp-block-search__searchfield-hidden .wp-block-search__input {
+  width: 0 !important;
+  min-width: 0 !important;
+  padding-right: 0 !important;
+  padding-left: 0 !important;
+  border-right-width: 0 !important;
+  border-left-width: 0 !important;
+  flex-grow: 0;
+  margin: 0;
+  flex-basis: 0;
+}
+
+.wp-block[data-align=right] .wp-block-search__button-behavior-expand .wp-block-search__inside-wrapper {
+  float: left;
 }

package/build-style/search/style.css

@@ -151,4 +151,34 @@
 
 .wp-block-search.aligncenter .wp-block-search__inside-wrapper {
   margin: auto;
+}
+
+.wp-block-search__button-behavior-expand .wp-block-search__inside-wrapper {
+  transition-property: width;
+  min-width: 0 !important;
+}
+.wp-block-search__button-behavior-expand .wp-block-search__input {
+  transition-duration: 300ms;
+  flex-basis: 100%;
+}
+.wp-block-search__button-behavior-expand.wp-block-search__searchfield-hidden {
+  overflow: hidden;
+}
+.wp-block-search__button-behavior-expand.wp-block-search__searchfield-hidden .wp-block-search__inside-wrapper {
+  overflow: hidden;
+}
+.wp-block-search__button-behavior-expand.wp-block-search__searchfield-hidden .wp-block-search__input {
+  width: 0 !important;
+  min-width: 0 !important;
+  padding-left: 0 !important;
+  padding-right: 0 !important;
+  border-left-width: 0 !important;
+  border-right-width: 0 !important;
+  flex-grow: 0;
+  margin: 0;
+  flex-basis: 0;
+}
+
+.wp-block[data-align=right] .wp-block-search__button-behavior-expand .wp-block-search__inside-wrapper {
+  float: right;
 }

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

@@ -464,4 +464,8 @@
 .wp-block-social-links.is-style-pill-shape .wp-social-link a {
   padding-right: calc((2/3) * 1em);
   padding-left: calc((2/3) * 1em);
+}
+
+.wp-block-social-links:not(.has-icon-color):not(.has-icon-background-color) .wp-social-link-snapchat .wp-block-social-link-label {
+  color: #000;
 }

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

@@ -464,4 +464,8 @@
 .wp-block-social-links.is-style-pill-shape .wp-social-link a {
   padding-left: calc((2/3) * 1em);
   padding-right: calc((2/3) * 1em);
+}
+
+.wp-block-social-links:not(.has-icon-color):not(.has-icon-background-color) .wp-social-link-snapchat .wp-block-social-link-label {
+  color: #000;
 }

package/build-style/style-rtl.css

@@ -97,6 +97,7 @@
 
 .wp-block-avatar {
   box-sizing: border-box;
+  line-height: 0;
 }
 .wp-block-avatar img {
   box-sizing: border-box;
@@ -1616,23 +1617,32 @@ h6.has-background {
   visibility: hidden;
 }
 .wp-lightbox-overlay .close-button {
-  font-size: 40px;
   position: absolute;
-  top: 20px;
-  left: 20px;
+  top: 12.5px;
+  left: 12.5px;
+  padding: 0;
   cursor: pointer;
   z-index: 5000000;
 }
 .wp-lightbox-overlay .wp-block-image {
-  display: flex;
-  justify-content: center;
-  align-items: center;
   width: 100%;
   height: 100%;
-  z-index: 3000000;
   position: absolute;
+  z-index: 3000000;
+  box-sizing: border-box;
+  display: flex;
+  justify-content: center;
+  align-items: center;
   flex-direction: column;
 }
+.wp-lightbox-overlay .wp-block-image figcaption {
+  display: none;
+}
+.wp-lightbox-overlay .wp-block-image img {
+  max-width: 100%;
+  max-height: 100%;
+  width: auto;
+}
 .wp-lightbox-overlay button {
   border: none;
   background: none;
@@ -1645,18 +1655,54 @@ h6.has-background {
   background-color: white;
   opacity: 0.9;
 }
-.wp-lightbox-overlay.initialized {
-  animation: both turn-off-visibility 300ms;
+.wp-lightbox-overlay.fade.active {
+  visibility: visible;
+  animation: both turn-on-visibility 0.25s;
+}
+.wp-lightbox-overlay.fade.active img {
+  animation: both turn-on-visibility 0.3s;
+}
+.wp-lightbox-overlay.fade.hideanimationenabled:not(.active) {
+  animation: both turn-off-visibility 0.3s;
 }
-.wp-lightbox-overlay.initialized img {
-  animation: both turn-off-visibility 250ms;
+.wp-lightbox-overlay.fade.hideanimationenabled:not(.active) img {
+  animation: both turn-off-visibility 0.25s;
+}
+.wp-lightbox-overlay.zoom img {
+  position: absolute;
+  transform-origin: top right;
+  width: var(--lightbox-image-max-width);
+  height: var(--lightbox-image-max-height);
 }
-.wp-lightbox-overlay.initialized.active {
+.wp-lightbox-overlay.zoom.active {
+  opacity: 1;
   visibility: visible;
-  animation: both turn-on-visibility 250ms;
 }
-.wp-lightbox-overlay.initialized.active img {
-  animation: both turn-on-visibility 300ms;
+.wp-lightbox-overlay.zoom.active .wp-block-image img {
+  animation: lightbox-zoom-in 0.4s forwards;
+}
+@media (prefers-reduced-motion) {
+  .wp-lightbox-overlay.zoom.active .wp-block-image img {
+    animation: both turn-on-visibility 0.4s;
+  }
+}
+.wp-lightbox-overlay.zoom.active .scrim {
+  animation: turn-on-visibility 0.4s forwards;
+}
+.wp-lightbox-overlay.zoom.hideanimationenabled:not(.active) .wp-block-image img {
+  animation: lightbox-zoom-out 0.4s forwards;
+}
+@media (prefers-reduced-motion) {
+  .wp-lightbox-overlay.zoom.hideanimationenabled:not(.active) .wp-block-image img {
+    animation: both turn-off-visibility 0.4s;
+  }
+}
+.wp-lightbox-overlay.zoom.hideanimationenabled:not(.active) .scrim {
+  animation: turn-off-visibility 0.4s forwards;
+}
+
+html.has-lightbox-open {
+  overflow: hidden;
 }
 
 @keyframes turn-on-visibility {
@@ -1681,10 +1727,34 @@ h6.has-background {
     visibility: hidden;
   }
 }
-html.has-lightbox-open {
-  overflow: hidden;
+@keyframes lightbox-zoom-in {
+  0% {
+    right: var(--lightbox-initial-left-position);
+    top: var(--lightbox-initial-top-position);
+    transform: scale(var(--lightbox-scale-width), var(--lightbox-scale-height));
+  }
+  100% {
+    right: var(--lightbox-target-left-position);
+    top: var(--lightbox-target-top-position);
+    transform: scale(1, 1);
+  }
+}
+@keyframes lightbox-zoom-out {
+  0% {
+    visibility: visible;
+    right: var(--lightbox-target-left-position);
+    top: var(--lightbox-target-top-position);
+    transform: scale(1, 1);
+  }
+  99% {
+    visibility: visible;
+  }
+  100% {
+    right: var(--lightbox-initial-left-position);
+    top: var(--lightbox-initial-top-position);
+    transform: scale(var(--lightbox-scale-width), var(--lightbox-scale-height));
+  }
 }
-
 ol.wp-block-latest-comments {
   margin-right: 0;
   box-sizing: border-box;
@@ -2833,6 +2903,11 @@ p.has-background {
   }
 }
 
+@media (max-width: 600px) {
+  .wp-block-post-template-is-layout-grid.wp-block-post-template-is-layout-grid.wp-block-post-template-is-layout-grid.wp-block-post-template-is-layout-grid {
+    grid-template-columns: 1fr;
+  }
+}
 .wp-block-query-pagination > .wp-block-query-pagination-next,
 .wp-block-query-pagination > .wp-block-query-pagination-previous,
 .wp-block-query-pagination > .wp-block-query-pagination-numbers {
@@ -3018,6 +3093,36 @@ ul.wp-block-rss.is-grid li {
   margin: auto;
 }
 
+.wp-block-search__button-behavior-expand .wp-block-search__inside-wrapper {
+  transition-property: width;
+  min-width: 0 !important;
+}
+.wp-block-search__button-behavior-expand .wp-block-search__input {
+  transition-duration: 300ms;
+  flex-basis: 100%;
+}
+.wp-block-search__button-behavior-expand.wp-block-search__searchfield-hidden {
+  overflow: hidden;
+}
+.wp-block-search__button-behavior-expand.wp-block-search__searchfield-hidden .wp-block-search__inside-wrapper {
+  overflow: hidden;
+}
+.wp-block-search__button-behavior-expand.wp-block-search__searchfield-hidden .wp-block-search__input {
+  width: 0 !important;
+  min-width: 0 !important;
+  padding-right: 0 !important;
+  padding-left: 0 !important;
+  border-right-width: 0 !important;
+  border-left-width: 0 !important;
+  flex-grow: 0;
+  margin: 0;
+  flex-basis: 0;
+}
+
+.wp-block[data-align=right] .wp-block-search__button-behavior-expand .wp-block-search__inside-wrapper {
+  float: left;
+}
+
 .wp-block-separator {
   border-top: 1px solid currentColor;
   border-bottom: 1px solid currentColor;
@@ -3452,6 +3557,10 @@ ul.wp-block-rss.is-grid li {
   padding-left: calc((2/3) * 1em);
 }
 
+.wp-block-social-links:not(.has-icon-color):not(.has-icon-background-color) .wp-social-link-snapchat .wp-block-social-link-label {
+  color: #000;
+}
+
 .wp-block-spacer {
   clear: both;
 }
@@ -3620,6 +3729,16 @@ ul.wp-block-rss.is-grid li {
   border-style: inherit;
 }
 
+:where(.wp-block-term-description) {
+  margin-top: var(--wp--style--block-gap);
+  margin-bottom: var(--wp--style--block-gap);
+}
+
+.wp-block-term-description p {
+  margin-top: 0;
+  margin-bottom: 0;
+}
+
 .wp-block-text-columns {
   display: flex;
 }
@@ -3674,6 +3793,25 @@ pre.wp-block-verse {
   margin-bottom: 1em;
 }
 
+.editor-styles-wrapper,
+.entry-content {
+  counter-reset: footnotes;
+}
+
+.fn {
+  vertical-align: super;
+  font-size: smaller;
+  counter-increment: footnotes;
+  display: inline-block;
+  text-indent: -9999999px;
+}
+
+.fn::after {
+  content: "[" counter(footnotes) "]";
+  text-indent: 0;
+  float: right;
+}
+
 /**
  * Element styles.
  */

package/build-style/style.css

@@ -97,6 +97,7 @@
 
 .wp-block-avatar {
   box-sizing: border-box;
+  line-height: 0;
 }
 .wp-block-avatar img {
   box-sizing: border-box;
@@ -1630,23 +1631,32 @@ h6.has-background {
   visibility: hidden;
 }
 .wp-lightbox-overlay .close-button {
-  font-size: 40px;
   position: absolute;
-  top: 20px;
-  right: 20px;
+  top: 12.5px;
+  right: 12.5px;
+  padding: 0;
   cursor: pointer;
   z-index: 5000000;
 }
 .wp-lightbox-overlay .wp-block-image {
-  display: flex;
-  justify-content: center;
-  align-items: center;
   width: 100%;
   height: 100%;
-  z-index: 3000000;
   position: absolute;
+  z-index: 3000000;
+  box-sizing: border-box;
+  display: flex;
+  justify-content: center;
+  align-items: center;
   flex-direction: column;
 }
+.wp-lightbox-overlay .wp-block-image figcaption {
+  display: none;
+}
+.wp-lightbox-overlay .wp-block-image img {
+  max-width: 100%;
+  max-height: 100%;
+  width: auto;
+}
 .wp-lightbox-overlay button {
   border: none;
   background: none;
@@ -1659,18 +1669,54 @@ h6.has-background {
   background-color: white;
   opacity: 0.9;
 }
-.wp-lightbox-overlay.initialized {
-  animation: both turn-off-visibility 300ms;
+.wp-lightbox-overlay.fade.active {
+  visibility: visible;
+  animation: both turn-on-visibility 0.25s;
+}
+.wp-lightbox-overlay.fade.active img {
+  animation: both turn-on-visibility 0.3s;
+}
+.wp-lightbox-overlay.fade.hideanimationenabled:not(.active) {
+  animation: both turn-off-visibility 0.3s;
 }
-.wp-lightbox-overlay.initialized img {
-  animation: both turn-off-visibility 250ms;
+.wp-lightbox-overlay.fade.hideanimationenabled:not(.active) img {
+  animation: both turn-off-visibility 0.25s;
+}
+.wp-lightbox-overlay.zoom img {
+  position: absolute;
+  transform-origin: top left;
+  width: var(--lightbox-image-max-width);
+  height: var(--lightbox-image-max-height);
 }
-.wp-lightbox-overlay.initialized.active {
+.wp-lightbox-overlay.zoom.active {
+  opacity: 1;
   visibility: visible;
-  animation: both turn-on-visibility 250ms;
 }
-.wp-lightbox-overlay.initialized.active img {
-  animation: both turn-on-visibility 300ms;
+.wp-lightbox-overlay.zoom.active .wp-block-image img {
+  animation: lightbox-zoom-in 0.4s forwards;
+}
+@media (prefers-reduced-motion) {
+  .wp-lightbox-overlay.zoom.active .wp-block-image img {
+    animation: both turn-on-visibility 0.4s;
+  }
+}
+.wp-lightbox-overlay.zoom.active .scrim {
+  animation: turn-on-visibility 0.4s forwards;
+}
+.wp-lightbox-overlay.zoom.hideanimationenabled:not(.active) .wp-block-image img {
+  animation: lightbox-zoom-out 0.4s forwards;
+}
+@media (prefers-reduced-motion) {
+  .wp-lightbox-overlay.zoom.hideanimationenabled:not(.active) .wp-block-image img {
+    animation: both turn-off-visibility 0.4s;
+  }
+}
+.wp-lightbox-overlay.zoom.hideanimationenabled:not(.active) .scrim {
+  animation: turn-off-visibility 0.4s forwards;
+}
+
+html.has-lightbox-open {
+  overflow: hidden;
 }
 
 @keyframes turn-on-visibility {
@@ -1695,10 +1741,34 @@ h6.has-background {
     visibility: hidden;
   }
 }
-html.has-lightbox-open {
-  overflow: hidden;
+@keyframes lightbox-zoom-in {
+  0% {
+    left: var(--lightbox-initial-left-position);
+    top: var(--lightbox-initial-top-position);
+    transform: scale(var(--lightbox-scale-width), var(--lightbox-scale-height));
+  }
+  100% {
+    left: var(--lightbox-target-left-position);
+    top: var(--lightbox-target-top-position);
+    transform: scale(1, 1);
+  }
+}
+@keyframes lightbox-zoom-out {
+  0% {
+    visibility: visible;
+    left: var(--lightbox-target-left-position);
+    top: var(--lightbox-target-top-position);
+    transform: scale(1, 1);
+  }
+  99% {
+    visibility: visible;
+  }
+  100% {
+    left: var(--lightbox-initial-left-position);
+    top: var(--lightbox-initial-top-position);
+    transform: scale(var(--lightbox-scale-width), var(--lightbox-scale-height));
+  }
 }
-
 ol.wp-block-latest-comments {
   margin-left: 0;
   box-sizing: border-box;
@@ -2863,6 +2933,11 @@ p.has-background {
   }
 }
 
+@media (max-width: 600px) {
+  .wp-block-post-template-is-layout-grid.wp-block-post-template-is-layout-grid.wp-block-post-template-is-layout-grid.wp-block-post-template-is-layout-grid {
+    grid-template-columns: 1fr;
+  }
+}
 .wp-block-query-pagination > .wp-block-query-pagination-next,
 .wp-block-query-pagination > .wp-block-query-pagination-previous,
 .wp-block-query-pagination > .wp-block-query-pagination-numbers {
@@ -3052,6 +3127,36 @@ ul.wp-block-rss.is-grid li {
   margin: auto;
 }
 
+.wp-block-search__button-behavior-expand .wp-block-search__inside-wrapper {
+  transition-property: width;
+  min-width: 0 !important;
+}
+.wp-block-search__button-behavior-expand .wp-block-search__input {
+  transition-duration: 300ms;
+  flex-basis: 100%;
+}
+.wp-block-search__button-behavior-expand.wp-block-search__searchfield-hidden {
+  overflow: hidden;
+}
+.wp-block-search__button-behavior-expand.wp-block-search__searchfield-hidden .wp-block-search__inside-wrapper {
+  overflow: hidden;
+}
+.wp-block-search__button-behavior-expand.wp-block-search__searchfield-hidden .wp-block-search__input {
+  width: 0 !important;
+  min-width: 0 !important;
+  padding-left: 0 !important;
+  padding-right: 0 !important;
+  border-left-width: 0 !important;
+  border-right-width: 0 !important;
+  flex-grow: 0;
+  margin: 0;
+  flex-basis: 0;
+}
+
+.wp-block[data-align=right] .wp-block-search__button-behavior-expand .wp-block-search__inside-wrapper {
+  float: right;
+}
+
 .wp-block-separator {
   border-top: 1px solid currentColor;
   border-bottom: 1px solid currentColor;
@@ -3487,6 +3592,10 @@ ul.wp-block-rss.is-grid li {
   padding-right: calc((2/3) * 1em);
 }
 
+.wp-block-social-links:not(.has-icon-color):not(.has-icon-background-color) .wp-social-link-snapchat .wp-block-social-link-label {
+  color: #000;
+}
+
 .wp-block-spacer {
   clear: both;
 }
@@ -3655,6 +3764,16 @@ ul.wp-block-rss.is-grid li {
   border-style: inherit;
 }
 
+:where(.wp-block-term-description) {
+  margin-top: var(--wp--style--block-gap);
+  margin-bottom: var(--wp--style--block-gap);
+}
+
+.wp-block-term-description p {
+  margin-top: 0;
+  margin-bottom: 0;
+}
+
 .wp-block-text-columns {
   display: flex;
 }
@@ -3709,6 +3828,25 @@ pre.wp-block-verse {
   margin-bottom: 1em;
 }
 
+.editor-styles-wrapper,
+.entry-content {
+  counter-reset: footnotes;
+}
+
+.fn {
+  vertical-align: super;
+  font-size: smaller;
+  counter-increment: footnotes;
+  display: inline-block;
+  text-indent: -9999999px;
+}
+
+.fn::after {
+  content: "[" counter(footnotes) "]";
+  text-indent: 0;
+  float: left;
+}
+
 /**
  * Element styles.
  */