@wordpress/block-library 6.0.2 → 6.0.6

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

@@ -88,7 +88,7 @@
 .wp-block-site-logo img {
   border-radius: inherit;
 }
-.wp-block-site-logo .aligncenter {
+.wp-block-site-logo.aligncenter {
   display: table;
 }
 .wp-block-site-logo.is-style-rounded {

package/build-style/style-rtl.css

@@ -158,8 +158,8 @@
   border-radius: 0 !important;
 }
 
-.is-style-outline > .wp-block-button__link,
-.wp-block-button__link.is-style-outline {
+.is-style-outline > :where(.wp-block-button__link),
+:where(.wp-block-button__link).is-style-outline {
   border: 2px solid currentColor;
   padding: 0.667em 1.333em;
 }
@@ -175,10 +175,6 @@
 }
 
 .wp-block-buttons {
-  display: flex;
-  flex-direction: row;
-  flex-wrap: wrap;
-  gap: var(--wp--style--block-gap, 0.5em);
   /* stylelint-disable indentation */
 }
 .wp-block-buttons.is-vertical {
@@ -283,7 +279,7 @@
     flex-wrap: nowrap;
   }
 }
-.wp-block-columns.has-background {
+.wp-block-columns:where(.has-background) {
   padding: 1.25em 2.375em;
 }
 .wp-block-columns.are-vertically-aligned-top {
@@ -1163,6 +1159,7 @@ h6.has-background {
   max-width: 100%;
   vertical-align: bottom;
 }
+.wp-block-image:not(.is-style-rounded) > a,
 .wp-block-image:not(.is-style-rounded) img {
   border-radius: inherit;
 }
@@ -1485,13 +1482,12 @@ ul.has-background {
 }
 .wp-block-navigation {
   position: relative;
-  display: flex;
-  flex-wrap: wrap;
-  align-items: center;
 }
-.wp-block-navigation.is-vertical {
-  flex-direction: column;
-  align-items: flex-start;
+.wp-block-navigation ul {
+  margin-top: 0;
+  margin-bottom: 0;
+  margin-right: 0;
+  padding-right: 0;
 }
 .wp-block-navigation ul,
 .wp-block-navigation ul li {
@@ -1555,13 +1551,13 @@ ul.has-background {
   visibility: hidden;
   width: 0;
   height: 0;
+  overflow: hidden;
   right: -1px;
   top: 100%;
 }
 .wp-block-navigation .has-child :where(.wp-block-navigation__submenu-container) > .wp-block-navigation-item > .wp-block-navigation-item__content {
   display: flex;
   flex-grow: 1;
-  white-space: nowrap;
 }
 .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 {
   margin-left: 0;
@@ -1590,6 +1586,7 @@ ul.has-background {
 }
 .wp-block-navigation .has-child:where(:not(.open-on-click)):hover > .wp-block-navigation__submenu-container {
   visibility: visible;
+  overflow: visible;
   opacity: 1;
   width: auto;
   height: auto;
@@ -1597,6 +1594,7 @@ ul.has-background {
 }
 .wp-block-navigation .has-child:where(:not(.open-on-click):not(.open-on-hover-click)):focus-within > .wp-block-navigation__submenu-container {
   visibility: visible;
+  overflow: visible;
   opacity: 1;
   width: auto;
   height: auto;
@@ -1604,6 +1602,7 @@ ul.has-background {
 }
 .wp-block-navigation .has-child .wp-block-navigation-submenu__toggle[aria-expanded=true] + .wp-block-navigation__submenu-container {
   visibility: visible;
+  overflow: visible;
   opacity: 1;
   width: auto;
   height: auto;
@@ -1626,7 +1625,8 @@ ul.has-background {
  */
 .wp-block-navigation,
 .wp-block-navigation .wp-block-page-list,
-.wp-block-navigation__container {
+.wp-block-navigation__container,
+.wp-block-navigation__responsive-container-content {
   gap: var(--wp--style--block-gap, 2em);
 }
 
@@ -1650,14 +1650,21 @@ ul.has-background {
 /**
  * Justifications.
  */
-@media (min-width: 782px) {
-  .wp-block-navigation.items-justified-space-between .wp-block-page-list > .has-child:last-child .wp-block-navigation__submenu-container,
+.wp-block-navigation.items-justified-space-between .wp-block-page-list > .has-child:last-child .wp-block-navigation__submenu-container,
 .wp-block-navigation.items-justified-space-between > .wp-block-navigation__container > .has-child:last-child .wp-block-navigation__submenu-container,
 .wp-block-navigation.items-justified-right .wp-block-page-list > .has-child .wp-block-navigation__submenu-container,
 .wp-block-navigation.items-justified-right .wp-block-navigation__container .has-child .wp-block-navigation__submenu-container {
-    right: auto;
-    left: 0;
-  }
+  right: auto;
+  left: 0;
+}
+.wp-block-navigation.items-justified-space-between .wp-block-page-list > .has-child:last-child .wp-block-navigation__submenu-container .wp-block-navigation__submenu-container,
+.wp-block-navigation.items-justified-space-between > .wp-block-navigation__container > .has-child:last-child .wp-block-navigation__submenu-container .wp-block-navigation__submenu-container,
+.wp-block-navigation.items-justified-right .wp-block-page-list > .has-child .wp-block-navigation__submenu-container .wp-block-navigation__submenu-container,
+.wp-block-navigation.items-justified-right .wp-block-navigation__container .has-child .wp-block-navigation__submenu-container .wp-block-navigation__submenu-container {
+  right: -1px;
+  left: -1px;
+}
+@media (min-width: 782px) {
   .wp-block-navigation.items-justified-space-between .wp-block-page-list > .has-child:last-child .wp-block-navigation__submenu-container .wp-block-navigation__submenu-container,
 .wp-block-navigation.items-justified-space-between > .wp-block-navigation__container > .has-child:last-child .wp-block-navigation__submenu-container .wp-block-navigation__submenu-container,
 .wp-block-navigation.items-justified-right .wp-block-page-list > .has-child .wp-block-navigation__submenu-container .wp-block-navigation__submenu-container,
@@ -1666,6 +1673,7 @@ ul.has-background {
     left: 100%;
   }
 }
+
 .wp-block-navigation:not(.has-background) .wp-block-navigation__submenu-container {
   background-color: #fff;
   color: #000;
@@ -1673,65 +1681,18 @@ ul.has-background {
 }
 
 .wp-block-navigation__container {
-  align-items: center;
+  display: flex;
+  flex-wrap: var(--layout-wrap, wrap);
+  flex-direction: var(--layout-direction, initial);
+  justify-content: var(--layout-justify, initial);
+  align-items: var(--layout-align, initial);
   list-style: none;
   margin: 0;
   padding-right: 0;
-  display: flex;
-  flex-wrap: wrap;
 }
 .wp-block-navigation__container .is-responsive {
   display: none;
 }
-.items-justified-space-between .wp-block-navigation__container {
-  flex-grow: 1;
-}
-
-.is-vertical .wp-block-page-list,
-.is-vertical .wp-block-navigation__container {
-  display: flex;
-  flex-direction: column;
-  align-items: flex-start;
-}
-
-.items-justified-center .wp-block-page-list,
-.items-justified-center .wp-block-navigation__container {
-  justify-content: center;
-}
-
-.items-justified-right .wp-block-page-list,
-.items-justified-right .wp-block-navigation__container {
-  justify-content: flex-end;
-}
-
-.items-justified-space-between .wp-block-navigation__responsive-container-content,
-.items-justified-space-between .wp-block-navigation__container {
-  display: flex;
-  justify-content: space-between;
-  flex: 1;
-}
-
-.is-vertical.items-justified-center {
-  align-items: center;
-}
-.is-vertical.items-justified-center .wp-block-navigation-item {
-  justify-content: center;
-}
-.is-vertical.items-justified-center .wp-block-page-list,
-.is-vertical.items-justified-center .wp-block-navigation__container {
-  align-items: center;
-}
-
-.is-vertical.items-justified-right {
-  align-items: flex-end;
-}
-.is-vertical.items-justified-right .wp-block-navigation-item {
-  justify-content: flex-end;
-}
-.is-vertical.items-justified-right .wp-block-page-list,
-.is-vertical.items-justified-right .wp-block-navigation__container {
-  align-items: flex-end;
-}
 
 /**
  * Mobile menu.
@@ -1743,9 +1704,13 @@ ul.has-background {
   right: 0;
   left: 0;
   bottom: 0;
-  z-index: 1;
-  align-items: flex-start;
-  justify-content: flex-start;
+}
+.wp-block-navigation__responsive-container .wp-block-navigation__responsive-container-content {
+  display: flex;
+  flex-wrap: var(--layout-wrap, wrap);
+  flex-direction: var(--layout-direction, initial);
+  justify-content: var(--layout-justify, initial);
+  align-items: var(--layout-align, initial);
 }
 .wp-block-navigation__responsive-container.is-menu-open {
   display: flex;
@@ -1758,6 +1723,9 @@ ul.has-background {
 .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content {
   display: flex;
   flex-direction: column;
+  align-items: var(--layout-justification-setting, inherit);
+  justify-content: flex-start;
+  overflow: auto;
   padding: 0;
 }
 .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-navigation__submenu-icon {
@@ -1774,37 +1742,27 @@ ul.has-background {
   position: static;
   border: none;
   padding-right: 32px;
-}
-.items-justified-right .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .has-child .submenu-container,
-.items-justified-right .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .has-child .wp-block-navigation__submenu-container {
-  padding-right: 0;
   padding-left: 32px;
 }
 .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-navigation__submenu-container,
 .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-navigation__container {
-  gap: 2rem;
-  padding-top: 2rem;
-  padding-bottom: 2rem;
+  gap: var(--wp--style--block-gap, 2em);
 }
-.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content a {
+.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-navigation__submenu-container .wp-block-navigation__submenu-container,
+.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-navigation__submenu-container .wp-block-navigation__container,
+.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-navigation__container .wp-block-navigation__submenu-container,
+.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-navigation__container .wp-block-navigation__container {
+  padding-top: var(--wp--style--block-gap, 2em);
+}
+.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-navigation-item__content {
   padding: 0;
 }
 .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-navigation__container,
 .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-navigation-item,
 .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-page-list {
+  display: flex;
   flex-direction: column;
-  justify-content: flex-start;
-  align-items: flex-start;
-}
-.items-justified-right .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-navigation__container,
-.items-justified-right .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-navigation-item,
-.items-justified-right .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-page-list {
-  align-items: flex-end;
-}
-.items-justified-center .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-navigation__container,
-.items-justified-center .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-navigation-item,
-.items-justified-center .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-page-list {
-  align-items: center;
+  align-items: var(--layout-justification-setting, initial);
 }
 .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item .wp-block-navigation__submenu-container,
 .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item {
@@ -1817,11 +1775,10 @@ ul.has-background {
 }
 @media (min-width: 600px) {
   .wp-block-navigation__responsive-container:not(.hidden-by-default):not(.is-menu-open) {
-    display: flex;
-    flex-direction: row;
+    display: block;
     width: 100%;
     position: relative;
-    z-index: 2;
+    z-index: auto;
     background-color: inherit;
   }
   .wp-block-navigation__responsive-container:not(.hidden-by-default):not(.is-menu-open) .wp-block-navigation__responsive-container-close {
@@ -1864,18 +1821,6 @@ ul.has-background {
     display: none;
   }
 }
-.items-justified-left .wp-block-navigation__responsive-container-open {
-  margin-right: 0;
-  margin-left: auto;
-}
-.items-justified-center .wp-block-navigation__responsive-container-open {
-  margin-right: auto;
-  margin-left: auto;
-}
-.items-justified-right .wp-block-navigation__responsive-container-open {
-  margin-right: auto;
-  margin-left: 0;
-}
 
 .wp-block-navigation__responsive-container-close {
   position: absolute;
@@ -1918,6 +1863,8 @@ button.wp-block-navigation-item__content {
   color: currentColor;
   font-size: inherit;
   font-family: inherit;
+  line-height: inherit;
+  text-align: right;
 }
 
 .wp-block-navigation-submenu__toggle {
@@ -1955,28 +1902,16 @@ button.wp-block-navigation-item__content {
 
 .wp-block-navigation .wp-block-page-list {
   display: flex;
-  flex-wrap: wrap;
+  flex-direction: var(--layout-direction, initial);
+  justify-content: var(--layout-justify, initial);
+  align-items: var(--layout-align, initial);
+  flex-wrap: var(--layout-wrap, wrap);
   background-color: inherit;
 }
 .wp-block-navigation .wp-block-navigation-item {
   background-color: inherit;
 }
 
-.is-vertical .wp-block-navigation__container .wp-block-page-list,
-.is-open .wp-block-navigation__container .wp-block-page-list {
-  display: flex;
-}
-
-@media (min-width: 480px) {
-  .is-open .wp-block-navigation__container .wp-block-page-list {
-    display: flex;
-  }
-}
-
-.items-justified-space-between .wp-block-page-list {
-  display: contents;
-}
-
 .is-small-text {
   font-size: 0.875em;
 }
@@ -2044,6 +1979,9 @@ p.has-background {
   margin: 0;
 }
 
+.wp-block-post-comments > h3:first-of-type {
+  margin-top: 0;
+}
 .wp-block-post-comments .commentlist {
   list-style: none;
   margin: 0;
@@ -2090,18 +2028,35 @@ p.has-background {
 .wp-block-post-comments .comment-form-email label,
 .wp-block-post-comments .comment-form-url label {
   display: block;
+  margin-bottom: 0.25em;
 }
 .wp-block-post-comments .comment-form-comment textarea {
   box-sizing: border-box;
   width: 100%;
 }
+.wp-block-post-comments .comment-form-cookies-consent {
+  display: flex;
+  gap: 0.25em;
+}
+.wp-block-post-comments .comment-form-cookies-consent #wp-comment-cookies-consent {
+  margin-top: 0.35em;
+}
 .wp-block-post-comments .reply {
   font-size: 0.75em;
   margin-bottom: 1.4em;
 }
 .wp-block-post-comments textarea,
-.wp-block-post-comments input {
+.wp-block-post-comments input:not([type=submit]) {
   border: 1px solid #949494;
+  font-size: 1em;
+  font-family: inherit;
+}
+.wp-block-post-comments textarea,
+.wp-block-post-comments input:not([type=submit]):not([type=checkbox]) {
+  padding: calc(0.667em + 2px);
+}
+.wp-block-post-comments input[type=submit] {
+  border: none;
 }
 
 .wp-block-post-comments-form input[type=submit] {
@@ -2112,6 +2067,35 @@ p.has-background {
   text-align: center;
   overflow-wrap: break-word;
 }
+.wp-block-post-comments-form textarea,
+.wp-block-post-comments-form input:not([type=submit]) {
+  border: 1px solid #949494;
+  font-size: 1em;
+  font-family: inherit;
+}
+.wp-block-post-comments-form textarea,
+.wp-block-post-comments-form input:not([type=submit]):not([type=checkbox]) {
+  padding: calc(0.667em + 2px);
+}
+.wp-block-post-comments-form .comment-form-comment textarea {
+  display: block;
+  box-sizing: border-box;
+  width: 100%;
+}
+.wp-block-post-comments-form .comment-form-comment label,
+.wp-block-post-comments-form .comment-form-author label,
+.wp-block-post-comments-form .comment-form-email label,
+.wp-block-post-comments-form .comment-form-url label {
+  display: block;
+  margin-bottom: 0.25em;
+}
+.wp-block-post-comments-form .comment-form-cookies-consent {
+  display: flex;
+  gap: 0.25em;
+}
+.wp-block-post-comments-form .comment-form-cookies-consent #wp-comment-cookies-consent {
+  margin-top: 0.35em;
+}
 
 .wp-block-post-excerpt__more-link {
   display: inline-block;
@@ -2437,7 +2421,6 @@ ul.wp-block-rss.is-grid li {
   background: none !important;
   border: none;
   text-align: center;
-  width: none;
   line-height: 1;
   height: auto;
 }
@@ -2464,7 +2447,7 @@ ul.wp-block-rss.is-grid li {
 .wp-block-site-logo img {
   border-radius: inherit;
 }
-.wp-block-site-logo .aligncenter {
+.wp-block-site-logo.aligncenter {
   display: table;
 }
 .wp-block-site-logo.is-style-rounded {