@wordpress/block-library 7.9.0 → 7.12.0

package/build-style/image/style.css

@@ -78,10 +78,10 @@
   height: auto;
   max-width: 100%;
   vertical-align: bottom;
+  box-sizing: border-box;
 }
-.wp-block-image:not(.is-style-rounded) > a,
-.wp-block-image:not(.is-style-rounded) img {
-  border-radius: inherit;
+.wp-block-image.has-custom-border img {
+  box-sizing: border-box;
 }
 .wp-block-image.aligncenter {
   text-align: center;
@@ -152,6 +152,36 @@
     border-radius: 0;
   }
 }
+.wp-block-image :where(.has-border-color) {
+  border-style: solid;
+}
+.wp-block-image :where([style*="border-top-color"]) {
+  border-top-style: solid;
+}
+.wp-block-image :where([style*="border-right-color"]) {
+  border-right-style: solid;
+}
+.wp-block-image :where([style*="border-bottom-color"]) {
+  border-bottom-style: solid;
+}
+.wp-block-image :where([style*="border-left-color"]) {
+  border-left-style: solid;
+}
+.wp-block-image :where([style*="border-width"]) {
+  border-style: solid;
+}
+.wp-block-image :where([style*="border-top-width"]) {
+  border-top-style: solid;
+}
+.wp-block-image :where([style*="border-right-width"]) {
+  border-right-style: solid;
+}
+.wp-block-image :where([style*="border-bottom-width"]) {
+  border-bottom-style: solid;
+}
+.wp-block-image :where([style*="border-left-width"]) {
+  border-left-style: solid;
+}
 
 .wp-block-image figure {
   margin: 0;

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

@@ -80,6 +80,9 @@
 .wp-block-latest-posts.is-grid {
   padding-right: 0;
 }
+.wp-block-latest-posts > li {
+  overflow: hidden;
+}
 
 .wp-block-latest-posts li a > div {
   display: inline;

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

@@ -80,6 +80,9 @@
 .wp-block-latest-posts.is-grid {
   padding-left: 0;
 }
+.wp-block-latest-posts > li {
+  overflow: hidden;
+}
 
 .wp-block-latest-posts li a > div {
   display: inline;

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

@@ -103,7 +103,6 @@
 }
 .wp-block-navigation .wp-block-navigation-item__content {
   display: block;
-  padding: 0;
 }
 .wp-block-navigation.has-text-decoration-underline .wp-block-navigation-item__content {
   text-decoration: underline;
@@ -170,7 +169,7 @@
   --navigation-layout-justify: space-between;
 }
 
-.wp-block-navigation .has-child :where(.wp-block-navigation__submenu-container) {
+.wp-block-navigation .has-child .wp-block-navigation__submenu-container {
   background-color: inherit;
   color: inherit;
   position: absolute;
@@ -187,23 +186,23 @@
   right: -1px;
   top: 100%;
 }
-.wp-block-navigation .has-child :where(.wp-block-navigation__submenu-container) > .wp-block-navigation-item > .wp-block-navigation-item__content {
+.wp-block-navigation .has-child .wp-block-navigation__submenu-container > .wp-block-navigation-item > .wp-block-navigation-item__content {
   display: flex;
   flex-grow: 1;
 }
-.wp-block-navigation .has-child :where(.wp-block-navigation__submenu-container) > .wp-block-navigation-item > .wp-block-navigation-item__content .wp-block-navigation__submenu-icon {
+.wp-block-navigation .has-child .wp-block-navigation__submenu-container > .wp-block-navigation-item > .wp-block-navigation-item__content .wp-block-navigation__submenu-icon {
   margin-left: 0;
   margin-right: auto;
 }
-.wp-block-navigation .has-child :where(.wp-block-navigation__submenu-container) .wp-block-navigation-item__content {
+.wp-block-navigation .has-child .wp-block-navigation__submenu-container .wp-block-navigation-item__content {
   margin: 0;
 }
 @media (min-width: 782px) {
-  .wp-block-navigation .has-child :where(.wp-block-navigation__submenu-container) .wp-block-navigation__submenu-container {
+  .wp-block-navigation .has-child .wp-block-navigation__submenu-container .wp-block-navigation__submenu-container {
     right: 100%;
     top: -1px;
   }
-  .wp-block-navigation .has-child :where(.wp-block-navigation__submenu-container) .wp-block-navigation__submenu-container::before {
+  .wp-block-navigation .has-child .wp-block-navigation__submenu-container .wp-block-navigation__submenu-container::before {
     content: "";
     position: absolute;
     left: 100%;
@@ -212,14 +211,14 @@
     width: 0.5em;
     background: transparent;
   }
-  .wp-block-navigation .has-child :where(.wp-block-navigation__submenu-container) .wp-block-navigation__submenu-icon {
+  .wp-block-navigation .has-child .wp-block-navigation__submenu-container .wp-block-navigation__submenu-icon {
     margin-left: 0.25em;
   }
-  .wp-block-navigation .has-child :where(.wp-block-navigation__submenu-container) .wp-block-navigation__submenu-icon svg {
+  .wp-block-navigation .has-child .wp-block-navigation__submenu-container .wp-block-navigation__submenu-icon svg {
     transform: rotate(90deg);
   }
 }
-.wp-block-navigation .has-child:where(:not(.open-on-click)):hover > .wp-block-navigation__submenu-container {
+.wp-block-navigation .has-child:not(.open-on-click):hover > .wp-block-navigation__submenu-container {
   visibility: visible;
   overflow: visible;
   opacity: 1;
@@ -227,7 +226,7 @@
   height: auto;
   min-width: 200px;
 }
-.wp-block-navigation .has-child:where(:not(.open-on-click):not(.open-on-hover-click)):focus-within > .wp-block-navigation__submenu-container {
+.wp-block-navigation .has-child:not(.open-on-click):not(.open-on-hover-click):focus-within > .wp-block-navigation__submenu-container {
   visibility: visible;
   overflow: visible;
   opacity: 1;
@@ -301,20 +300,16 @@ button.wp-block-navigation-item__content {
   gap: inherit;
 }
 
-.wp-block-navigation:where(.has-background),
-.wp-block-navigation:where(.has-background) .wp-block-navigation .wp-block-page-list,
-.wp-block-navigation:where(.has-background) .wp-block-navigation__container {
-  gap: inherit;
-}
-
 /**
  * Paddings
  */
-.wp-block-navigation:where(.has-background) .wp-block-navigation-item__content {
+:where(.wp-block-navigation.has-background .wp-block-navigation-link a:not(.wp-element-button)),
+:where(.wp-block-navigation.has-background .wp-block-navigation-submenu a:not(.wp-element-button)) {
   padding: 0.5em 1em;
 }
 
-.wp-block-navigation :where(.wp-block-navigation__submenu-container) .wp-block-navigation-item__content {
+:where(.wp-block-navigation .wp-block-navigation__submenu-container .wp-block-navigation-link a:not(.wp-element-button)),
+:where(.wp-block-navigation .wp-block-navigation__submenu-container .wp-block-navigation-submenu a:not(.wp-element-button)) {
   padding: 0.5em 1em;
 }
 
@@ -381,6 +376,9 @@ button.wp-block-navigation-item__content {
   left: 0;
   bottom: 0;
 }
+.wp-block-navigation__responsive-container .wp-block-navigation-link a {
+  color: inherit;
+}
 .wp-block-navigation__responsive-container .wp-block-navigation__responsive-container-content {
   display: flex;
   flex-wrap: var(--navigation-layout-wrap, wrap);

package/build-style/navigation/style.css

@@ -103,7 +103,6 @@
 }
 .wp-block-navigation .wp-block-navigation-item__content {
   display: block;
-  padding: 0;
 }
 .wp-block-navigation.has-text-decoration-underline .wp-block-navigation-item__content {
   text-decoration: underline;
@@ -170,7 +169,7 @@
   --navigation-layout-justify: space-between;
 }
 
-.wp-block-navigation .has-child :where(.wp-block-navigation__submenu-container) {
+.wp-block-navigation .has-child .wp-block-navigation__submenu-container {
   background-color: inherit;
   color: inherit;
   position: absolute;
@@ -187,23 +186,23 @@
   left: -1px;
   top: 100%;
 }
-.wp-block-navigation .has-child :where(.wp-block-navigation__submenu-container) > .wp-block-navigation-item > .wp-block-navigation-item__content {
+.wp-block-navigation .has-child .wp-block-navigation__submenu-container > .wp-block-navigation-item > .wp-block-navigation-item__content {
   display: flex;
   flex-grow: 1;
 }
-.wp-block-navigation .has-child :where(.wp-block-navigation__submenu-container) > .wp-block-navigation-item > .wp-block-navigation-item__content .wp-block-navigation__submenu-icon {
+.wp-block-navigation .has-child .wp-block-navigation__submenu-container > .wp-block-navigation-item > .wp-block-navigation-item__content .wp-block-navigation__submenu-icon {
   margin-right: 0;
   margin-left: auto;
 }
-.wp-block-navigation .has-child :where(.wp-block-navigation__submenu-container) .wp-block-navigation-item__content {
+.wp-block-navigation .has-child .wp-block-navigation__submenu-container .wp-block-navigation-item__content {
   margin: 0;
 }
 @media (min-width: 782px) {
-  .wp-block-navigation .has-child :where(.wp-block-navigation__submenu-container) .wp-block-navigation__submenu-container {
+  .wp-block-navigation .has-child .wp-block-navigation__submenu-container .wp-block-navigation__submenu-container {
     left: 100%;
     top: -1px;
   }
-  .wp-block-navigation .has-child :where(.wp-block-navigation__submenu-container) .wp-block-navigation__submenu-container::before {
+  .wp-block-navigation .has-child .wp-block-navigation__submenu-container .wp-block-navigation__submenu-container::before {
     content: "";
     position: absolute;
     right: 100%;
@@ -212,14 +211,14 @@
     width: 0.5em;
     background: transparent;
   }
-  .wp-block-navigation .has-child :where(.wp-block-navigation__submenu-container) .wp-block-navigation__submenu-icon {
+  .wp-block-navigation .has-child .wp-block-navigation__submenu-container .wp-block-navigation__submenu-icon {
     margin-right: 0.25em;
   }
-  .wp-block-navigation .has-child :where(.wp-block-navigation__submenu-container) .wp-block-navigation__submenu-icon svg {
+  .wp-block-navigation .has-child .wp-block-navigation__submenu-container .wp-block-navigation__submenu-icon svg {
     transform: rotate(-90deg);
   }
 }
-.wp-block-navigation .has-child:where(:not(.open-on-click)):hover > .wp-block-navigation__submenu-container {
+.wp-block-navigation .has-child:not(.open-on-click):hover > .wp-block-navigation__submenu-container {
   visibility: visible;
   overflow: visible;
   opacity: 1;
@@ -227,7 +226,7 @@
   height: auto;
   min-width: 200px;
 }
-.wp-block-navigation .has-child:where(:not(.open-on-click):not(.open-on-hover-click)):focus-within > .wp-block-navigation__submenu-container {
+.wp-block-navigation .has-child:not(.open-on-click):not(.open-on-hover-click):focus-within > .wp-block-navigation__submenu-container {
   visibility: visible;
   overflow: visible;
   opacity: 1;
@@ -301,20 +300,16 @@ button.wp-block-navigation-item__content {
   gap: inherit;
 }
 
-.wp-block-navigation:where(.has-background),
-.wp-block-navigation:where(.has-background) .wp-block-navigation .wp-block-page-list,
-.wp-block-navigation:where(.has-background) .wp-block-navigation__container {
-  gap: inherit;
-}
-
 /**
  * Paddings
  */
-.wp-block-navigation:where(.has-background) .wp-block-navigation-item__content {
+:where(.wp-block-navigation.has-background .wp-block-navigation-link a:not(.wp-element-button)),
+:where(.wp-block-navigation.has-background .wp-block-navigation-submenu a:not(.wp-element-button)) {
   padding: 0.5em 1em;
 }
 
-.wp-block-navigation :where(.wp-block-navigation__submenu-container) .wp-block-navigation-item__content {
+:where(.wp-block-navigation .wp-block-navigation__submenu-container .wp-block-navigation-link a:not(.wp-element-button)),
+:where(.wp-block-navigation .wp-block-navigation__submenu-container .wp-block-navigation-submenu a:not(.wp-element-button)) {
   padding: 0.5em 1em;
 }
 
@@ -381,6 +376,9 @@ button.wp-block-navigation-item__content {
   right: 0;
   bottom: 0;
 }
+.wp-block-navigation__responsive-container .wp-block-navigation-link a {
+  color: inherit;
+}
 .wp-block-navigation__responsive-container .wp-block-navigation__responsive-container-content {
   display: flex;
   flex-wrap: var(--navigation-layout-wrap, wrap);

package/build-style/post-comments-form/style-rtl.css

@@ -93,7 +93,6 @@
   letter-spacing: inherit;
 }
 .wp-block-post-comments-form input[type=submit] {
-  border: none;
   box-shadow: none;
   cursor: pointer;
   display: inline-block;

package/build-style/post-comments-form/style.css

@@ -93,7 +93,6 @@
   letter-spacing: inherit;
 }
 .wp-block-post-comments-form input[type=submit] {
-  border: none;
   box-shadow: none;
   cursor: pointer;
   display: inline-block;

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

@@ -95,8 +95,8 @@
 }
 
 .block-editor-query-pattern__selection-modal .components-modal__content {
-  overflow: hidden;
   padding: 0;
+  margin-bottom: 60px;
 }
 .block-editor-query-pattern__selection-modal .components-modal__content::before {
   margin-bottom: 0;
@@ -119,4 +119,11 @@
     width: 80%;
     max-height: none;
   }
+}
+
+.block-library-query-toolspanel__filters .components-form-token-field__help {
+  margin-bottom: 0;
+}
+.block-library-query-toolspanel__filters .block-library-query-inspector__taxonomy-control:not(:last-child) {
+  margin-bottom: 24px;
 }

package/build-style/query/editor.css

@@ -95,8 +95,8 @@
 }
 
 .block-editor-query-pattern__selection-modal .components-modal__content {
-  overflow: hidden;
   padding: 0;
+  margin-bottom: 60px;
 }
 .block-editor-query-pattern__selection-modal .components-modal__content::before {
   margin-bottom: 0;
@@ -119,4 +119,11 @@
     width: 80%;
     max-height: none;
   }
+}
+
+.block-library-query-toolspanel__filters .components-form-token-field__help {
+  margin-bottom: 0;
+}
+.block-library-query-toolspanel__filters .block-library-query-inspector__taxonomy-control:not(:last-child) {
+  margin-bottom: 24px;
 }

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

@@ -85,6 +85,12 @@
 .wp-block-query-pagination > .wp-block-query-pagination-numbers:last-child {
   margin-right: 0;
 }
+.wp-block-query-pagination.is-content-justification-space-between > .wp-block-query-pagination-next:last-child {
+  margin-inline-start: auto;
+}
+.wp-block-query-pagination.is-content-justification-space-between > .wp-block-query-pagination-previous:first-child {
+  margin-inline-end: auto;
+}
 .wp-block-query-pagination .wp-block-query-pagination-previous-arrow {
   margin-left: 1ch;
   display: inline-block;

package/build-style/query-pagination/style.css

@@ -87,6 +87,12 @@
   /*rtl:ignore*/
   margin-right: 0;
 }
+.wp-block-query-pagination.is-content-justification-space-between > .wp-block-query-pagination-next:last-child {
+  margin-inline-start: auto;
+}
+.wp-block-query-pagination.is-content-justification-space-between > .wp-block-query-pagination-previous:first-child {
+  margin-inline-end: auto;
+}
 .wp-block-query-pagination .wp-block-query-pagination-previous-arrow {
   margin-right: 1ch;
   display: inline-block;

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

@@ -106,6 +106,8 @@
 .wp-block-search__input {
   padding: 8px;
   flex-grow: 1;
+  margin-right: 0;
+  margin-left: 0;
   min-width: 3em;
   border: 1px solid #949494;
   font-size: inherit;

package/build-style/search/style.css

@@ -106,6 +106,8 @@
 .wp-block-search__input {
   padding: 8px;
   flex-grow: 1;
+  margin-left: 0;
+  margin-right: 0;
   min-width: 3em;
   border: 1px solid #949494;
   font-size: inherit;

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

@@ -76,4 +76,9 @@
  */
 .wp-block-search .wp-block-search__label {
   font-weight: bold;
+}
+
+.wp-block-search__button {
+  border: 1px solid #ccc;
+  padding: 0.375em 0.625em;
 }

package/build-style/search/theme.css

@@ -76,4 +76,9 @@
  */
 .wp-block-search .wp-block-search__label {
   font-weight: bold;
+}
+
+.wp-block-search__button {
+  border: 1px solid #ccc;
+  padding: 0.375em 0.625em;
 }

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

@@ -82,6 +82,7 @@
   color: currentColor;
   height: auto;
   line-height: 0;
+  opacity: 1;
   padding: 0.25em;
 }
 

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

@@ -82,6 +82,7 @@
   color: currentColor;
   height: auto;
   line-height: 0;
+  opacity: 1;
   padding: 0.25em;
 }
 

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

@@ -300,6 +300,10 @@
   background-color: #3499cd;
   color: #fff;
 }
+.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-whatsapp {
+  background-color: #25d366;
+  color: #fff;
+}
 .wp-block-social-links:not(.is-style-logos-only) .wp-social-link-yelp {
   background-color: #d32422;
   color: #fff;
@@ -428,6 +432,10 @@
 .wp-block-social-links.is-style-logos-only .wp-social-link-vk {
   color: #4680c2;
 }
+.wp-block-social-links.is-style-logos-only .wp-social-link-whatsapp {
+  background-color: #25d366;
+  color: #fff;
+}
 .wp-block-social-links.is-style-logos-only .wp-social-link-wordpress {
   color: #3499cd;
 }

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

@@ -300,6 +300,10 @@
   background-color: #3499cd;
   color: #fff;
 }
+.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-whatsapp {
+  background-color: #25d366;
+  color: #fff;
+}
 .wp-block-social-links:not(.is-style-logos-only) .wp-social-link-yelp {
   background-color: #d32422;
   color: #fff;
@@ -428,6 +432,10 @@
 .wp-block-social-links.is-style-logos-only .wp-social-link-vk {
   color: #4680c2;
 }
+.wp-block-social-links.is-style-logos-only .wp-social-link-whatsapp {
+  background-color: #25d366;
+  color: #fff;
+}
 .wp-block-social-links.is-style-logos-only .wp-social-link-wordpress {
   color: #3499cd;
 }