@wordpress/block-library 7.12.2-next.d6164808d3.0 → 7.14.0

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;

package/build-style/site-logo/editor-rtl.css

@@ -103,10 +103,15 @@
   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%;

package/build-style/site-logo/editor.css

@@ -103,10 +103,15 @@
   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%;

package/build-style/site-logo/style-rtl.css

@@ -75,6 +75,7 @@
  * Reset the WP Admin page styles for Gutenberg-like pages.
  */
 .wp-block-site-logo {
+  box-sizing: border-box;
   line-height: 0;
 }
 .wp-block-site-logo a {

package/build-style/site-logo/style.css

@@ -75,6 +75,7 @@
  * Reset the WP Admin page styles for Gutenberg-like pages.
  */
 .wp-block-site-logo {
+  box-sizing: border-box;
   line-height: 0;
 }
 .wp-block-site-logo a {

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

@@ -75,6 +75,7 @@
  * Reset the WP Admin page styles for Gutenberg-like pages.
  */
 .wp-block-social-links {
+  box-sizing: border-box;
   padding-right: 0;
   padding-left: 0;
   text-indent: 0;
@@ -433,8 +434,7 @@
   color: #4680c2;
 }
 .wp-block-social-links.is-style-logos-only .wp-social-link-whatsapp {
-  background-color: #25d366;
-  color: #fff;
+  color: #25d366;
 }
 .wp-block-social-links.is-style-logos-only .wp-social-link-wordpress {
   color: #3499cd;

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

@@ -75,6 +75,7 @@
  * Reset the WP Admin page styles for Gutenberg-like pages.
  */
 .wp-block-social-links {
+  box-sizing: border-box;
   padding-left: 0;
   padding-right: 0;
   text-indent: 0;
@@ -433,8 +434,7 @@
   color: #4680c2;
 }
 .wp-block-social-links.is-style-logos-only .wp-social-link-whatsapp {
-  background-color: #25d366;
-  color: #fff;
+  color: #25d366;
 }
 .wp-block-social-links.is-style-logos-only .wp-social-link-wordpress {
   color: #3499cd;

package/build-style/style-rtl.css

@@ -79,6 +79,9 @@
   display: block;
 }
 
+.wp-block-avatar {
+  box-sizing: border-box;
+}
 .wp-block-avatar.aligncenter {
   text-align: center;
 }
@@ -96,16 +99,12 @@
 }
 
 .wp-block-button__link {
-  box-shadow: none;
   cursor: pointer;
   display: inline-block;
   text-align: center;
   word-break: break-word;
   box-sizing: border-box;
 }
-.wp-block-button__link:hover, .wp-block-button__link:focus, .wp-block-button__link:active, .wp-block-button__link:visited {
-  color: #fff;
-}
 .wp-block-button__link.aligncenter {
   text-align: center;
 }
@@ -114,11 +113,16 @@
 }
 
 :where(.wp-block-button__link) {
+  box-shadow: none;
   text-decoration: none;
   border-radius: 9999px;
   padding: calc(0.667em + 2px) calc(1.333em + 2px);
 }
 
+.wp-block-button[style*=text-decoration] .wp-block-button__link {
+  text-decoration: inherit;
+}
+
 .wp-block-buttons > .wp-block-button.has-custom-width {
   max-width: none;
 }
@@ -224,6 +228,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;
@@ -256,6 +267,9 @@
   color: #40464d;
 }
 
+.wp-block-categories {
+  box-sizing: border-box;
+}
 .wp-block-categories.alignleft {
   margin-right: 2em;
 }
@@ -523,7 +537,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
@@ -739,7 +753,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 {
@@ -1616,6 +1630,7 @@ ul.has-background {
   display: grid;
   grid-template-columns: 50% 1fr;
   grid-template-rows: auto;
+  box-sizing: border-box;
 }
 .wp-block-media-text.has-media-on-the-right {
   grid-template-columns: 1fr 50%;
@@ -1931,7 +1946,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 {
@@ -2006,6 +2020,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;
@@ -2032,10 +2056,21 @@ button.wp-block-navigation-item__content {
   display: flex;
   flex-direction: column;
   background-color: inherit;
-  padding: 2rem;
+  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);
+  padding-right: var(--wp--style--root--padding-left, 2rem);
   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;
@@ -2127,6 +2162,7 @@ button.wp-block-navigation-item__content {
   border: none;
   margin: 0;
   padding: 0;
+  text-transform: inherit;
 }
 .wp-block-navigation__responsive-container-open svg,
 .wp-block-navigation__responsive-container-close svg {
@@ -2155,6 +2191,9 @@ button.wp-block-navigation-item__content {
 
 .wp-block-navigation__responsive-close {
   width: 100%;
+  max-width: var(--wp--style--global--wide-size, 100%);
+  margin-right: auto;
+  margin-left: auto;
 }
 .wp-block-navigation__responsive-close:focus {
   outline: none;
@@ -2170,11 +2209,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;
   }
 }
@@ -2353,6 +2392,51 @@ p.has-background {
 .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;
+}
 
 .wp-block-post-terms__separator {
   white-space: pre-wrap;
@@ -2594,6 +2678,7 @@ ul.wp-block-rss.is-grid li {
   min-width: 1.5em;
   min-height: 1.5em;
   fill: currentColor;
+  vertical-align: text-bottom;
 }
 
 :where(.wp-block-search__button) {
@@ -2619,9 +2704,7 @@ ul.wp-block-rss.is-grid li {
   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 {
@@ -2651,6 +2734,8 @@ ul.wp-block-rss.is-grid li {
 .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;
@@ -2669,6 +2754,7 @@ ul.wp-block-rss.is-grid li {
 }
 
 .wp-block-site-logo {
+  box-sizing: border-box;
   line-height: 0;
 }
 .wp-block-site-logo a {
@@ -2696,6 +2782,7 @@ ul.wp-block-rss.is-grid li {
 }
 
 .wp-block-social-links {
+  box-sizing: border-box;
   padding-right: 0;
   padding-left: 0;
   text-indent: 0;
@@ -3054,8 +3141,7 @@ ul.wp-block-rss.is-grid li {
   color: #4680c2;
 }
 .wp-block-social-links.is-style-logos-only .wp-social-link-whatsapp {
-  background-color: #25d366;
-  color: #fff;
+  color: #25d366;
 }
 .wp-block-social-links.is-style-logos-only .wp-social-link-wordpress {
   color: #3499cd;
@@ -3470,4 +3556,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;
 }