@wordpress/block-library 7.13.1-next.957ca95e4c.0 → 7.14.1

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

@@ -109,6 +109,9 @@
 .is-content-justification-center) .wp-block[data-align=center] .wp-block-button {
   margin-bottom: 0;
 }
+.editor-styles-wrapper .wp-block-buttons.has-custom-font-size .wp-block-button__link {
+  font-size: inherit;
+}
 
 .wp-block[data-align=center] > .wp-block-buttons {
   align-items: center;

package/build-style/buttons/editor.css

@@ -109,6 +109,9 @@
 .is-content-justification-center) .wp-block[data-align=center] .wp-block-button {
   margin-bottom: 0;
 }
+.editor-styles-wrapper .wp-block-buttons.has-custom-font-size .wp-block-button__link {
+  font-size: inherit;
+}
 
 .wp-block[data-align=center] > .wp-block-buttons {
   align-items: center;

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

@@ -120,6 +120,13 @@
   margin-left: auto;
   width: 100%;
 }
+.wp-block-buttons[style*=text-decoration] .wp-block-button,
+.wp-block-buttons[style*=text-decoration] .wp-block-button__link {
+  text-decoration: inherit;
+}
+.wp-block-buttons.has-custom-font-size .wp-block-button__link {
+  font-size: inherit;
+}
 
 .wp-block-button.aligncenter {
   text-align: center;

package/build-style/buttons/style.css

@@ -120,6 +120,13 @@
   margin-right: auto;
   width: 100%;
 }
+.wp-block-buttons[style*=text-decoration] .wp-block-button,
+.wp-block-buttons[style*=text-decoration] .wp-block-button__link {
+  text-decoration: inherit;
+}
+.wp-block-buttons.has-custom-font-size .wp-block-button__link {
+  font-size: inherit;
+}
 
 .wp-block-button.aligncenter {
   text-align: center;

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

@@ -74,6 +74,9 @@
 /**
  * Reset the WP Admin page styles for Gutenberg-like pages.
  */
+.wp-block-categories {
+  box-sizing: border-box;
+}
 .wp-block-categories.alignleft {
   margin-right: 2em;
 }

package/build-style/categories/style.css

@@ -74,6 +74,9 @@
 /**
  * Reset the WP Admin page styles for Gutenberg-like pages.
  */
+.wp-block-categories {
+  box-sizing: border-box;
+}
 .wp-block-categories.alignleft {
   /*rtl:ignore*/
   margin-right: 2em;

package/build-style/common-rtl.css

@@ -279,4 +279,11 @@ html :where([style*="border-left-width"]) {
 html :where(img[class*="wp-image-"]) {
   height: auto;
   max-width: 100%;
+}
+
+/**
+ * Reset user agent styles for figure element margins.
+ */
+figure {
+  margin: 0 0 1em 0;
 }

package/build-style/common.css

@@ -281,4 +281,11 @@ html :where([style*="border-left-width"]) {
 html :where(img[class*="wp-image-"]) {
   height: auto;
   max-width: 100%;
+}
+
+/**
+ * Reset user agent styles for figure element margins.
+ */
+figure {
+  margin: 0 0 1em 0;
 }

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

@@ -83,7 +83,7 @@
   justify-content: center;
   align-items: center;
   padding: 1em;
-  box-sizing: border-box;
+  box-sizing: border-box; direction: ltr;
   /**
    * Set a default background color for has-background-dim _unless_ it includes another
    * background-color class (e.g. has-green-background-color). The presence of another
@@ -299,7 +299,7 @@
 .wp-block-cover .wp-block-cover__inner-container {
   width: 100%;
   z-index: 1;
-  color: #fff;
+  color: #fff; direction: rtl;
 }
 .wp-block-cover-image.is-light .wp-block-cover__inner-container,
 .wp-block-cover.is-light .wp-block-cover__inner-container {

package/build-style/cover/style.css

@@ -84,6 +84,7 @@
   align-items: center;
   padding: 1em;
   box-sizing: border-box;
+  /*rtl:raw: direction: ltr; */
   /**
    * Set a default background color for has-background-dim _unless_ it includes another
    * background-color class (e.g. has-green-background-color). The presence of another
@@ -300,6 +301,7 @@
   width: 100%;
   z-index: 1;
   color: #fff;
+  /*rtl:raw: direction: rtl; */
 }
 .wp-block-cover-image.is-light .wp-block-cover__inner-container,
 .wp-block-cover.is-light .wp-block-cover__inner-container {

package/build-style/editor-rtl.css

@@ -177,6 +177,10 @@ div[data-type="core/button"] {
   display: table;
 }
 
+.editor-styles-wrapper .wp-block-button[style*=text-decoration] .wp-block-button__link {
+  text-decoration: inherit;
+}
+
 .wp-block-buttons {
   /* stylelint-disable indentation */
 }
@@ -212,6 +216,9 @@ div[data-type="core/button"] {
 .is-content-justification-center) .wp-block[data-align=center] .wp-block-button {
   margin-bottom: 0;
 }
+.editor-styles-wrapper .wp-block-buttons.has-custom-font-size .wp-block-button__link {
+  font-size: inherit;
+}
 
 .wp-block[data-align=center] > .wp-block-buttons {
   align-items: center;
@@ -1827,6 +1834,26 @@ body.editor-styles-wrapper .wp-block-navigation__responsive-container.is-menu-op
   display: none;
 }
 
+/**
+ * Navigation selector styles
+ */
+.wp-block-navigation__navigation-selector {
+  margin-bottom: 16px;
+  width: 100%;
+}
+
+.wp-block-navigation__navigation-selector-button {
+  border: 1px solid;
+  justify-content: space-between;
+  width: 100%;
+}
+
+.wp-block-navigation__navigation-selector-button--createnew {
+  border: 1px solid;
+  margin-bottom: 16px;
+  width: 100%;
+}
+
 /**
  * Submenus.
  */
@@ -2193,10 +2220,15 @@ body.editor-styles-wrapper .wp-block-navigation__responsive-container.is-menu-op
   height: 120px;
   width: 120px;
 }
+.wp-block-site-logo.wp-block-site-logo > div,
+.wp-block-site-logo.wp-block-site-logo .components-resizable-box__container {
+  border-radius: inherit;
+}
 .wp-block-site-logo.wp-block-site-logo .components-placeholder {
   justify-content: center;
   align-items: center;
   padding: 0;
+  border-radius: inherit;
   min-height: 48px;
   min-width: 48px;
   height: 100%;
@@ -2682,6 +2714,11 @@ body.editor-styles-wrapper .wp-block-navigation__responsive-container.is-menu-op
   margin-right: 0;
 }
 
+.wp-block-post-featured-image .block-editor-media-placeholder {
+  z-index: 1;
+  -webkit-backdrop-filter: none;
+          backdrop-filter: none;
+}
 .wp-block-post-featured-image.wp-block-post-featured-image .wp-block-post-featured-image__placeholder,
 .wp-block-post-featured-image.wp-block-post-featured-image .components-placeholder {
   justify-content: center;

package/build-style/editor.css

@@ -178,6 +178,10 @@ div[data-type="core/button"] {
   display: table;
 }
 
+.editor-styles-wrapper .wp-block-button[style*=text-decoration] .wp-block-button__link {
+  text-decoration: inherit;
+}
+
 .wp-block-buttons {
   /* stylelint-disable indentation */
 }
@@ -213,6 +217,9 @@ div[data-type="core/button"] {
 .is-content-justification-center) .wp-block[data-align=center] .wp-block-button {
   margin-bottom: 0;
 }
+.editor-styles-wrapper .wp-block-buttons.has-custom-font-size .wp-block-button__link {
+  font-size: inherit;
+}
 
 .wp-block[data-align=center] > .wp-block-buttons {
   align-items: center;
@@ -1835,6 +1842,26 @@ body.editor-styles-wrapper .wp-block-navigation__responsive-container.is-menu-op
   display: none;
 }
 
+/**
+ * Navigation selector styles
+ */
+.wp-block-navigation__navigation-selector {
+  margin-bottom: 16px;
+  width: 100%;
+}
+
+.wp-block-navigation__navigation-selector-button {
+  border: 1px solid;
+  justify-content: space-between;
+  width: 100%;
+}
+
+.wp-block-navigation__navigation-selector-button--createnew {
+  border: 1px solid;
+  margin-bottom: 16px;
+  width: 100%;
+}
+
 /**
  * Submenus.
  */
@@ -2201,10 +2228,15 @@ body.editor-styles-wrapper .wp-block-navigation__responsive-container.is-menu-op
   height: 120px;
   width: 120px;
 }
+.wp-block-site-logo.wp-block-site-logo > div,
+.wp-block-site-logo.wp-block-site-logo .components-resizable-box__container {
+  border-radius: inherit;
+}
 .wp-block-site-logo.wp-block-site-logo .components-placeholder {
   justify-content: center;
   align-items: center;
   padding: 0;
+  border-radius: inherit;
   min-height: 48px;
   min-width: 48px;
   height: 100%;
@@ -2693,6 +2725,11 @@ body.editor-styles-wrapper .wp-block-navigation__responsive-container.is-menu-op
   margin-right: 0;
 }
 
+.wp-block-post-featured-image .block-editor-media-placeholder {
+  z-index: 1;
+  -webkit-backdrop-filter: none;
+          backdrop-filter: none;
+}
 .wp-block-post-featured-image.wp-block-post-featured-image .wp-block-post-featured-image__placeholder,
 .wp-block-post-featured-image.wp-block-post-featured-image .components-placeholder {
   justify-content: center;

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

@@ -81,4 +81,8 @@
 }
 .is-dark-theme .wp-block-embed figcaption {
   color: rgba(255, 255, 255, 0.65);
+}
+
+.wp-block-embed {
+  margin: 0 0 1em 0;
 }

package/build-style/embed/theme.css

@@ -81,4 +81,8 @@
 }
 .is-dark-theme .wp-block-embed figcaption {
   color: rgba(255, 255, 255, 0.65);
+}
+
+.wp-block-embed {
+  margin: 0 0 1em 0;
 }

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

@@ -81,4 +81,8 @@
 }
 .is-dark-theme .wp-block-image figcaption {
   color: rgba(255, 255, 255, 0.65);
+}
+
+.wp-block-image {
+  margin: 0 0 1em 0;
 }

package/build-style/image/theme.css

@@ -81,4 +81,8 @@
 }
 .is-dark-theme .wp-block-image figcaption {
   color: rgba(255, 255, 255, 0.65);
+}
+
+.wp-block-image {
+  margin: 0 0 1em 0;
 }

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

@@ -521,4 +521,24 @@ body.editor-styles-wrapper .wp-block-navigation__responsive-container.is-menu-op
 
 .wp-block-navigation-placeholder__actions hr + hr {
   display: none;
+}
+
+/**
+ * Navigation selector styles
+ */
+.wp-block-navigation__navigation-selector {
+  margin-bottom: 16px;
+  width: 100%;
+}
+
+.wp-block-navigation__navigation-selector-button {
+  border: 1px solid;
+  justify-content: space-between;
+  width: 100%;
+}
+
+.wp-block-navigation__navigation-selector-button--createnew {
+  border: 1px solid;
+  margin-bottom: 16px;
+  width: 100%;
 }

package/build-style/navigation/editor.css

@@ -521,4 +521,24 @@ body.editor-styles-wrapper .wp-block-navigation__responsive-container.is-menu-op
 
 .wp-block-navigation-placeholder__actions hr + hr {
   display: none;
+}
+
+/**
+ * Navigation selector styles
+ */
+.wp-block-navigation__navigation-selector {
+  margin-bottom: 16px;
+  width: 100%;
+}
+
+.wp-block-navigation__navigation-selector-button {
+  border: 1px solid;
+  justify-content: space-between;
+  width: 100%;
+}
+
+.wp-block-navigation__navigation-selector-button--createnew {
+  border: 1px solid;
+  margin-bottom: 16px;
+  width: 100%;
 }

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

@@ -293,7 +293,6 @@ button.wp-block-navigation-item__content {
 .wp-block-navigation__responsive-container,
 .wp-block-navigation__responsive-close,
 .wp-block-navigation__responsive-dialog,
-.wp-block-navigation,
 .wp-block-navigation .wp-block-page-list,
 .wp-block-navigation__container,
 .wp-block-navigation__responsive-container-content {
@@ -368,6 +367,16 @@ button.wp-block-navigation-item__content {
 /**
  * Mobile menu.
  */
+@keyframes overlay-menu__fade-in-animation {
+  from {
+    opacity: 0;
+    transform: translateY(0.5em);
+  }
+  to {
+    opacity: 1;
+    transform: translateY(0);
+  }
+}
 .wp-block-navigation__responsive-container {
   display: none;
   position: fixed;
@@ -394,6 +403,8 @@ button.wp-block-navigation-item__content {
   display: flex;
   flex-direction: column;
   background-color: inherit;
+  animation: overlay-menu__fade-in-animation 0.1s ease-out;
+  animation-fill-mode: forwards;
   padding-top: var(--wp--style--root--padding-top, 2rem);
   padding-left: var(--wp--style--root--padding-right, 2rem);
   padding-bottom: var(--wp--style--root--padding-bottom, 2rem);
@@ -401,6 +412,12 @@ button.wp-block-navigation-item__content {
   overflow: auto;
   z-index: 100000;
 }
+@media (prefers-reduced-motion: reduce) {
+  .wp-block-navigation__responsive-container.is-menu-open {
+    animation-duration: 1ms;
+    animation-delay: 0s;
+  }
+}
 .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content {
   padding-top: calc(2rem + 24px);
   overflow: visible;
@@ -539,11 +556,11 @@ button.wp-block-navigation-item__content {
   position: relative;
 }
 
-.has-modal-open .admin-bar .wp-block-navigation__responsive-dialog {
+.has-modal-open .admin-bar .is-menu-open .wp-block-navigation__responsive-dialog {
   margin-top: 46px;
 }
 @media (min-width: 782px) {
-  .has-modal-open .admin-bar .wp-block-navigation__responsive-dialog {
+  .has-modal-open .admin-bar .is-menu-open .wp-block-navigation__responsive-dialog {
     margin-top: 32px;
   }
 }

package/build-style/navigation/style.css

@@ -293,7 +293,6 @@ button.wp-block-navigation-item__content {
 .wp-block-navigation__responsive-container,
 .wp-block-navigation__responsive-close,
 .wp-block-navigation__responsive-dialog,
-.wp-block-navigation,
 .wp-block-navigation .wp-block-page-list,
 .wp-block-navigation__container,
 .wp-block-navigation__responsive-container-content {
@@ -368,6 +367,16 @@ button.wp-block-navigation-item__content {
 /**
  * Mobile menu.
  */
+@keyframes overlay-menu__fade-in-animation {
+  from {
+    opacity: 0;
+    transform: translateY(0.5em);
+  }
+  to {
+    opacity: 1;
+    transform: translateY(0);
+  }
+}
 .wp-block-navigation__responsive-container {
   display: none;
   position: fixed;
@@ -394,6 +403,8 @@ button.wp-block-navigation-item__content {
   display: flex;
   flex-direction: column;
   background-color: inherit;
+  animation: overlay-menu__fade-in-animation 0.1s ease-out;
+  animation-fill-mode: forwards;
   padding-top: var(--wp--style--root--padding-top, 2rem);
   padding-right: var(--wp--style--root--padding-right, 2rem);
   padding-bottom: var(--wp--style--root--padding-bottom, 2rem);
@@ -401,6 +412,12 @@ button.wp-block-navigation-item__content {
   overflow: auto;
   z-index: 100000;
 }
+@media (prefers-reduced-motion: reduce) {
+  .wp-block-navigation__responsive-container.is-menu-open {
+    animation-duration: 1ms;
+    animation-delay: 0s;
+  }
+}
 .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content {
   padding-top: calc(2rem + 24px);
   overflow: visible;
@@ -539,11 +556,11 @@ button.wp-block-navigation-item__content {
   position: relative;
 }
 
-.has-modal-open .admin-bar .wp-block-navigation__responsive-dialog {
+.has-modal-open .admin-bar .is-menu-open .wp-block-navigation__responsive-dialog {
   margin-top: 46px;
 }
 @media (min-width: 782px) {
-  .has-modal-open .admin-bar .wp-block-navigation__responsive-dialog {
+  .has-modal-open .admin-bar .is-menu-open .wp-block-navigation__responsive-dialog {
     margin-top: 32px;
   }
 }

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

@@ -74,6 +74,11 @@
 /**
  * Reset the WP Admin page styles for Gutenberg-like pages.
  */
+.wp-block-post-featured-image .block-editor-media-placeholder {
+  z-index: 1;
+  -webkit-backdrop-filter: none;
+          backdrop-filter: none;
+}
 .wp-block-post-featured-image.wp-block-post-featured-image .wp-block-post-featured-image__placeholder,
 .wp-block-post-featured-image.wp-block-post-featured-image .components-placeholder {
   justify-content: center;

package/build-style/post-featured-image/editor.css

@@ -74,6 +74,11 @@
 /**
  * Reset the WP Admin page styles for Gutenberg-like pages.
  */
+.wp-block-post-featured-image .block-editor-media-placeholder {
+  z-index: 1;
+  -webkit-backdrop-filter: none;
+          backdrop-filter: none;
+}
 .wp-block-post-featured-image.wp-block-post-featured-image .wp-block-post-featured-image__placeholder,
 .wp-block-post-featured-image.wp-block-post-featured-image .components-placeholder {
   justify-content: center;

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

@@ -90,4 +90,49 @@
 }
 .wp-block-post-featured-image.alignwide img, .wp-block-post-featured-image.alignfull img {
   width: 100%;
+}
+.wp-block-post-featured-image .wp-block-post-featured-image__overlay.has-background-dim {
+  position: absolute;
+  inset: 0;
+  background-color: #000;
+}
+.wp-block-post-featured-image {
+  position: relative;
+}
+
+.wp-block-post-featured-image .wp-block-post-featured-image__overlay.has-background-gradient {
+  background-color: transparent;
+}
+.wp-block-post-featured-image .wp-block-post-featured-image__overlay.has-background-dim-0 {
+  opacity: 0;
+}
+.wp-block-post-featured-image .wp-block-post-featured-image__overlay.has-background-dim-10 {
+  opacity: 0.1;
+}
+.wp-block-post-featured-image .wp-block-post-featured-image__overlay.has-background-dim-20 {
+  opacity: 0.2;
+}
+.wp-block-post-featured-image .wp-block-post-featured-image__overlay.has-background-dim-30 {
+  opacity: 0.3;
+}
+.wp-block-post-featured-image .wp-block-post-featured-image__overlay.has-background-dim-40 {
+  opacity: 0.4;
+}
+.wp-block-post-featured-image .wp-block-post-featured-image__overlay.has-background-dim-50 {
+  opacity: 0.5;
+}
+.wp-block-post-featured-image .wp-block-post-featured-image__overlay.has-background-dim-60 {
+  opacity: 0.6;
+}
+.wp-block-post-featured-image .wp-block-post-featured-image__overlay.has-background-dim-70 {
+  opacity: 0.7;
+}
+.wp-block-post-featured-image .wp-block-post-featured-image__overlay.has-background-dim-80 {
+  opacity: 0.8;
+}
+.wp-block-post-featured-image .wp-block-post-featured-image__overlay.has-background-dim-90 {
+  opacity: 0.9;
+}
+.wp-block-post-featured-image .wp-block-post-featured-image__overlay.has-background-dim-100 {
+  opacity: 1;
 }

package/build-style/post-featured-image/style.css

@@ -90,4 +90,49 @@
 }
 .wp-block-post-featured-image.alignwide img, .wp-block-post-featured-image.alignfull img {
   width: 100%;
+}
+.wp-block-post-featured-image .wp-block-post-featured-image__overlay.has-background-dim {
+  position: absolute;
+  inset: 0;
+  background-color: #000;
+}
+.wp-block-post-featured-image {
+  position: relative;
+}
+
+.wp-block-post-featured-image .wp-block-post-featured-image__overlay.has-background-gradient {
+  background-color: transparent;
+}
+.wp-block-post-featured-image .wp-block-post-featured-image__overlay.has-background-dim-0 {
+  opacity: 0;
+}
+.wp-block-post-featured-image .wp-block-post-featured-image__overlay.has-background-dim-10 {
+  opacity: 0.1;
+}
+.wp-block-post-featured-image .wp-block-post-featured-image__overlay.has-background-dim-20 {
+  opacity: 0.2;
+}
+.wp-block-post-featured-image .wp-block-post-featured-image__overlay.has-background-dim-30 {
+  opacity: 0.3;
+}
+.wp-block-post-featured-image .wp-block-post-featured-image__overlay.has-background-dim-40 {
+  opacity: 0.4;
+}
+.wp-block-post-featured-image .wp-block-post-featured-image__overlay.has-background-dim-50 {
+  opacity: 0.5;
+}
+.wp-block-post-featured-image .wp-block-post-featured-image__overlay.has-background-dim-60 {
+  opacity: 0.6;
+}
+.wp-block-post-featured-image .wp-block-post-featured-image__overlay.has-background-dim-70 {
+  opacity: 0.7;
+}
+.wp-block-post-featured-image .wp-block-post-featured-image__overlay.has-background-dim-80 {
+  opacity: 0.8;
+}
+.wp-block-post-featured-image .wp-block-post-featured-image__overlay.has-background-dim-90 {
+  opacity: 0.9;
+}
+.wp-block-post-featured-image .wp-block-post-featured-image__overlay.has-background-dim-100 {
+  opacity: 1;
 }

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

@@ -85,6 +85,7 @@
   min-width: 1.5em;
   min-height: 1.5em;
   fill: currentColor;
+  vertical-align: text-bottom;
 }
 
 :where(.wp-block-search__button) {
@@ -110,9 +111,7 @@
   margin-left: 0;
   min-width: 3em;
   border: 1px solid #949494;
-  font-size: inherit;
-  font-family: inherit;
-  line-height: inherit;
+  text-decoration: unset !important;
 }
 
 .wp-block-search.wp-block-search__button-only .wp-block-search__button {

package/build-style/search/style.css

@@ -85,6 +85,7 @@
   min-width: 1.5em;
   min-height: 1.5em;
   fill: currentColor;
+  vertical-align: text-bottom;
 }
 
 :where(.wp-block-search__button) {
@@ -110,9 +111,7 @@
   margin-right: 0;
   min-width: 3em;
   border: 1px solid #949494;
-  font-size: inherit;
-  font-family: inherit;
-  line-height: inherit;
+  text-decoration: unset !important;
 }
 
 .wp-block-search.wp-block-search__button-only .wp-block-search__button {

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

@@ -78,6 +78,8 @@
 .wp-block-separator {
   border-top: 1px solid currentColor;
   border-bottom: 1px solid currentColor;
+  border-right: none;
+  border-left: none;
 }
 .wp-block-separator.is-style-dots {
   background: none !important;

package/build-style/separator/style.css

@@ -78,6 +78,8 @@
 .wp-block-separator {
   border-top: 1px solid currentColor;
   border-bottom: 1px solid currentColor;
+  border-left: none;
+  border-right: none;
 }
 .wp-block-separator.is-style-dots {
   background: none !important;