@wordpress/block-library 6.0.2 → 6.0.3

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

@@ -76,13 +76,12 @@
  */
 .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 {
@@ -217,7 +216,8 @@
  */
 .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);
 }
 
@@ -264,65 +264,13 @@
 }
 
 .wp-block-navigation__container {
-  align-items: center;
   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.
@@ -334,9 +282,9 @@
   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: contents;
 }
 .wp-block-navigation__responsive-container.is-menu-open {
   display: flex;
@@ -345,10 +293,13 @@
   z-index: 100000;
   padding: 72px 24px 24px 24px;
   background-color: inherit;
+  align-items: inherit;
 }
 .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content {
   display: flex;
   flex-direction: column;
+  align-items: var(--justification-setting, inherit);
+  overflow: auto;
   padding: 0;
 }
 .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-navigation__submenu-icon {
@@ -365,37 +316,27 @@
   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(--justification-setting, inherit);
 }
 .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 {
@@ -408,8 +349,7 @@
 }
 @media (min-width: 600px) {
   .wp-block-navigation__responsive-container:not(.hidden-by-default):not(.is-menu-open) {
-    display: flex;
-    flex-direction: row;
+    display: contents;
     width: 100%;
     position: relative;
     z-index: 2;
@@ -455,18 +395,6 @@
     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;
@@ -488,4 +416,15 @@
 
 html.has-modal-open {
   overflow: hidden;
+}
+
+.wp-block-navigation__responsive-close,
+.wp-block-navigation__responsive-dialog,
+.wp-block-navigation__container {
+  display: contents;
+}
+.is-menu-open .wp-block-navigation__responsive-close,
+.is-menu-open .wp-block-navigation__responsive-dialog,
+.is-menu-open .wp-block-navigation__container {
+  align-items: inherit;
 }

package/build-style/navigation/style.css

@@ -76,13 +76,12 @@
  */
 .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-left: 0;
+  padding-left: 0;
 }
 .wp-block-navigation ul,
 .wp-block-navigation ul li {
@@ -217,7 +216,8 @@
  */
 .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);
 }
 
@@ -264,65 +264,13 @@
 }
 
 .wp-block-navigation__container {
-  align-items: center;
   list-style: none;
   margin: 0;
   padding-left: 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.
@@ -334,9 +282,9 @@
   left: 0;
   right: 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: contents;
 }
 .wp-block-navigation__responsive-container.is-menu-open {
   display: flex;
@@ -345,10 +293,13 @@
   z-index: 100000;
   padding: 72px 24px 24px 24px;
   background-color: inherit;
+  align-items: inherit;
 }
 .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content {
   display: flex;
   flex-direction: column;
+  align-items: var(--justification-setting, inherit);
+  overflow: auto;
   padding: 0;
 }
 .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-navigation__submenu-icon {
@@ -365,37 +316,27 @@
   position: static;
   border: none;
   padding-left: 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-left: 0;
   padding-right: 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(--justification-setting, inherit);
 }
 .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 {
@@ -408,8 +349,7 @@
 }
 @media (min-width: 600px) {
   .wp-block-navigation__responsive-container:not(.hidden-by-default):not(.is-menu-open) {
-    display: flex;
-    flex-direction: row;
+    display: contents;
     width: 100%;
     position: relative;
     z-index: 2;
@@ -455,18 +395,6 @@
     display: none;
   }
 }
-.items-justified-left .wp-block-navigation__responsive-container-open {
-  margin-left: 0;
-  margin-right: auto;
-}
-.items-justified-center .wp-block-navigation__responsive-container-open {
-  margin-left: auto;
-  margin-right: auto;
-}
-.items-justified-right .wp-block-navigation__responsive-container-open {
-  margin-left: auto;
-  margin-right: 0;
-}
 
 .wp-block-navigation__responsive-container-close {
   position: absolute;
@@ -488,4 +416,15 @@
 
 html.has-modal-open {
   overflow: hidden;
+}
+
+.wp-block-navigation__responsive-close,
+.wp-block-navigation__responsive-dialog,
+.wp-block-navigation__container {
+  display: contents;
+}
+.is-menu-open .wp-block-navigation__responsive-close,
+.is-menu-open .wp-block-navigation__responsive-dialog,
+.is-menu-open .wp-block-navigation__container {
+  align-items: inherit;
 }

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

@@ -74,14 +74,9 @@
 /**
  * Reset the WP Admin page styles for Gutenberg-like pages.
  */
-.wp-block-navigation__submenu-container {
-  border-radius: 0;
-  min-height: 36px;
-}
-
 /**
- * Submenus.
- */
+* Submenus.
+*/
 .wp-block-navigation .has-child {
   cursor: pointer;
 }
@@ -102,9 +97,6 @@
 /**
  * Navigation Items.
  */
-.wp-block-navigation-item .wp-block-navigation__submenu-container {
-  display: block;
-}
 .wp-block-navigation-item .wp-block-navigation-item__content {
   cursor: text;
 }
@@ -118,10 +110,6 @@
   margin-right: 16px;
 }
 
-.wp-block-navigation .block-editor-block-list__block[data-type="core/navigation-link"] > .block-editor-block-list__insertion-point {
-  display: none;
-}
-
 /**
  * Menu item setup state. Is shown when a menu item has no URL configured.
  */
@@ -144,4 +132,32 @@
 }
 .wp-block-navigation-link__placeholder.wp-block-navigation-item__content {
   cursor: pointer;
+}
+
+/**
+* Link Control Transforms
+*/
+.link-control-transform {
+  border-top: 1px solid #ccc;
+  padding: 0 16px 8px 16px;
+}
+
+.link-control-transform__subheading {
+  font-size: 11px;
+  text-transform: uppercase;
+  font-weight: 500;
+  color: #1e1e1e;
+  margin-bottom: 1.5em;
+}
+
+.link-control-transform__items {
+  display: flex;
+  justify-content: space-between;
+}
+
+.link-control-transform__item {
+  flex-basis: 33%;
+  flex-direction: column;
+  gap: 8px;
+  height: auto;
 }

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

@@ -74,14 +74,9 @@
 /**
  * Reset the WP Admin page styles for Gutenberg-like pages.
  */
-.wp-block-navigation__submenu-container {
-  border-radius: 0;
-  min-height: 36px;
-}
-
 /**
- * Submenus.
- */
+* Submenus.
+*/
 .wp-block-navigation .has-child {
   cursor: pointer;
 }
@@ -102,9 +97,6 @@
 /**
  * Navigation Items.
  */
-.wp-block-navigation-item .wp-block-navigation__submenu-container {
-  display: block;
-}
 .wp-block-navigation-item .wp-block-navigation-item__content {
   cursor: text;
 }
@@ -118,10 +110,6 @@
   margin-left: 16px;
 }
 
-.wp-block-navigation .block-editor-block-list__block[data-type="core/navigation-link"] > .block-editor-block-list__insertion-point {
-  display: none;
-}
-
 /**
  * Menu item setup state. Is shown when a menu item has no URL configured.
  */
@@ -144,4 +132,32 @@
 }
 .wp-block-navigation-link__placeholder.wp-block-navigation-item__content {
   cursor: pointer;
+}
+
+/**
+* Link Control Transforms
+*/
+.link-control-transform {
+  border-top: 1px solid #ccc;
+  padding: 0 16px 8px 16px;
+}
+
+.link-control-transform__subheading {
+  font-size: 11px;
+  text-transform: uppercase;
+  font-weight: 500;
+  color: #1e1e1e;
+  margin-bottom: 1.5em;
+}
+
+.link-control-transform__items {
+  display: flex;
+  justify-content: space-between;
+}
+
+.link-control-transform__item {
+  flex-basis: 33%;
+  flex-direction: column;
+  gap: 8px;
+  height: auto;
 }

package/build-style/page-list/style-rtl.css

@@ -75,25 +75,10 @@
  * Reset the WP Admin page styles for Gutenberg-like pages.
  */
 .wp-block-navigation .wp-block-page-list {
-  display: flex;
+  display: contents;
   flex-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;
 }

package/build-style/page-list/style.css

@@ -75,25 +75,10 @@
  * Reset the WP Admin page styles for Gutenberg-like pages.
  */
 .wp-block-navigation .wp-block-page-list {
-  display: flex;
+  display: contents;
   flex-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;
 }

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

@@ -74,6 +74,9 @@
 /**
  * Reset the WP Admin page styles for Gutenberg-like pages.
  */
+.wp-block-post-comments > h3:first-of-type {
+  margin-top: 0;
+}
 .wp-block-post-comments .commentlist {
   list-style: none;
   margin: 0;
@@ -120,16 +123,33 @@
 .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;
 }