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

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;
 }
@@ -116,6 +119,10 @@
   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;
 }
@@ -221,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;
@@ -253,6 +267,9 @@
   color: #40464d;
 }
 
+.wp-block-categories {
+  box-sizing: border-box;
+}
 .wp-block-categories.alignleft {
   margin-right: 2em;
 }
@@ -520,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
@@ -736,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 {
@@ -1929,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 {
@@ -2004,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;
@@ -2030,6 +2056,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);
@@ -2037,6 +2065,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;
@@ -2175,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;
   }
 }
@@ -2358,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;
@@ -2599,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) {
@@ -2624,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 {
@@ -2656,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;
@@ -2674,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 {
@@ -2701,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;
@@ -3059,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;
@@ -3475,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;
 }

package/build-style/style.css

@@ -79,6 +79,9 @@
   display: block;
 }
 
+.wp-block-avatar {
+  box-sizing: border-box;
+}
 .wp-block-avatar.aligncenter {
   text-align: center;
 }
@@ -117,6 +120,10 @@
   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;
 }
@@ -222,6 +229,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;
@@ -254,6 +268,9 @@
   color: #40464d;
 }
 
+.wp-block-categories {
+  box-sizing: border-box;
+}
 .wp-block-categories.alignleft {
   /*rtl:ignore*/
   margin-right: 2em;
@@ -526,6 +543,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
@@ -742,6 +760,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 {
@@ -1955,7 +1974,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 {
@@ -2030,6 +2048,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;
@@ -2056,6 +2084,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);
@@ -2063,6 +2093,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;
@@ -2201,11 +2237,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;
   }
 }
@@ -2384,6 +2420,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;
@@ -2629,6 +2710,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) {
@@ -2654,9 +2736,7 @@ ul.wp-block-rss.is-grid li {
   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 {
@@ -2686,6 +2766,8 @@ ul.wp-block-rss.is-grid li {
 .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;
@@ -2705,6 +2787,7 @@ ul.wp-block-rss.is-grid li {
 }
 
 .wp-block-site-logo {
+  box-sizing: border-box;
   line-height: 0;
 }
 .wp-block-site-logo a {
@@ -2732,6 +2815,7 @@ ul.wp-block-rss.is-grid li {
 }
 
 .wp-block-social-links {
+  box-sizing: border-box;
   padding-left: 0;
   padding-right: 0;
   text-indent: 0;
@@ -3090,8 +3174,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;
@@ -3508,4 +3591,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/table/theme-rtl.css

@@ -74,6 +74,9 @@
 /**
  * Reset the WP Admin page styles for Gutenberg-like pages.
  */
+.wp-block-table {
+  margin: "0 0" 1em 0;
+}
 .wp-block-table thead {
   border-bottom: 3px solid;
 }

package/build-style/table/theme.css

@@ -74,6 +74,9 @@
 /**
  * Reset the WP Admin page styles for Gutenberg-like pages.
  */
+.wp-block-table {
+  margin: "0 0 1em 0";
+}
 .wp-block-table thead {
   border-bottom: 3px solid;
 }

package/build-style/theme-rtl.css

@@ -83,6 +83,10 @@
   color: rgba(255, 255, 255, 0.65);
 }
 
+.wp-block-audio {
+  margin: 0 0 1em 0;
+}
+
 .wp-block-code {
   border: 1px solid #ccc;
   border-radius: 4px;
@@ -99,6 +103,10 @@
   color: rgba(255, 255, 255, 0.65);
 }
 
+.wp-block-embed {
+  margin: 0 0 1em 0;
+}
+
 .blocks-gallery-caption {
   color: #555;
   font-size: 13px;
@@ -117,6 +125,10 @@
   color: rgba(255, 255, 255, 0.65);
 }
 
+.wp-block-image {
+  margin: 0 0 1em 0;
+}
+
 .wp-block-pullquote {
   border-top: 4px solid currentColor;
   border-bottom: 4px solid currentColor;
@@ -194,6 +206,9 @@
   height: 2px;
 }
 
+.wp-block-table {
+  margin: "0 0" 1em 0;
+}
 .wp-block-table thead {
   border-bottom: 3px solid;
 }
@@ -224,6 +239,10 @@
   color: rgba(255, 255, 255, 0.65);
 }
 
+.wp-block-video {
+  margin: 0 0 1em 0;
+}
+
 .wp-block-template-part.has-background {
   padding: 1.25em 2.375em;
   margin-top: 0;

package/build-style/theme.css

@@ -83,6 +83,10 @@
   color: rgba(255, 255, 255, 0.65);
 }
 
+.wp-block-audio {
+  margin: 0 0 1em 0;
+}
+
 .wp-block-code {
   border: 1px solid #ccc;
   border-radius: 4px;
@@ -99,6 +103,10 @@
   color: rgba(255, 255, 255, 0.65);
 }
 
+.wp-block-embed {
+  margin: 0 0 1em 0;
+}
+
 .blocks-gallery-caption {
   color: #555;
   font-size: 13px;
@@ -117,6 +125,10 @@
   color: rgba(255, 255, 255, 0.65);
 }
 
+.wp-block-image {
+  margin: 0 0 1em 0;
+}
+
 .wp-block-pullquote {
   border-top: 4px solid currentColor;
   border-bottom: 4px solid currentColor;
@@ -194,6 +206,9 @@
   height: 2px;
 }
 
+.wp-block-table {
+  margin: "0 0 1em 0";
+}
 .wp-block-table thead {
   border-bottom: 3px solid;
 }
@@ -224,6 +239,10 @@
   color: rgba(255, 255, 255, 0.65);
 }
 
+.wp-block-video {
+  margin: 0 0 1em 0;
+}
+
 .wp-block-template-part.has-background {
   padding: 1.25em 2.375em;
   margin-top: 0;

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

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

package/build-style/video/theme.css

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