@wordpress/block-library 6.0.1-next.253d9b6e21.0 → 6.0.3

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

@@ -74,65 +74,90 @@
 /**
  * Reset the WP Admin page styles for Gutenberg-like pages.
  */
-.wp-block-navigation-link__container {
-  border-radius: 0;
-  min-height: 36px;
-}
-
 /**
- * Submenus.
- */
+* Submenus.
+*/
 .wp-block-navigation .has-child {
   cursor: pointer;
 }
-.wp-block-navigation .has-child .submenu-container,
-.wp-block-navigation .has-child .wp-block-navigation-link__container {
+.wp-block-navigation .has-child .wp-block-navigation__submenu-container {
   z-index: 28;
 }
-.wp-block-navigation .has-child:hover .submenu-container,
-.wp-block-navigation .has-child:hover .wp-block-navigation-link__container {
+.wp-block-navigation .has-child:hover .wp-block-navigation__submenu-container {
   z-index: 29;
 }
-.wp-block-navigation .has-child.is-selected > .wp-block-navigation-link__container, .wp-block-navigation .has-child.has-child-selected > .wp-block-navigation-link__container {
+.wp-block-navigation .has-child.is-selected > .wp-block-navigation__submenu-container, .wp-block-navigation .has-child.has-child-selected > .wp-block-navigation__submenu-container {
   visibility: visible !important;
   opacity: 1 !important;
+  min-width: 200px !important;
+  height: auto !important;
+  width: auto !important;
 }
 
 /**
  * Navigation Items.
  */
-.wp-block-navigation-link .wp-block-navigation-link__container {
-  display: block;
-}
-.wp-block-navigation-link .wp-block-navigation-link__content {
+.wp-block-navigation-item .wp-block-navigation-item__content {
   cursor: text;
 }
-.wp-block-navigation-link.is-editing, .wp-block-navigation-link.is-selected {
+.wp-block-navigation-item.is-editing, .wp-block-navigation-item.is-selected {
   min-width: 20px;
 }
-.wp-block-navigation-link .block-list-appender {
+.wp-block-navigation-item .block-list-appender {
   margin-top: 16px;
   margin-right: auto;
   margin-bottom: 16px;
   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.
  */
 .wp-block-navigation-link__placeholder {
   position: relative;
+  text-decoration: none !important;
+  box-shadow: none !important;
+  background-image: none !important;
 }
-.wp-block-navigation-link__placeholder .wp-block-navigation-link__placeholder-text {
-  background-image: linear-gradient(45deg, transparent 20%, currentColor 30%, currentColor 36%, transparent 46%), linear-gradient(135deg, transparent 54%, currentColor 64%, currentColor 70%, transparent 80%);
+.wp-block-navigation-link__placeholder .wp-block-navigation-link__placeholder-text span {
+  --wp-underline-color: var(--wp-admin-theme-color);
+  background-image: linear-gradient(45deg, transparent 20%, var(--wp-underline-color) 30%, var(--wp-underline-color) 36%, transparent 46%), linear-gradient(135deg, transparent 54%, var(--wp-underline-color) 64%, var(--wp-underline-color) 70%, transparent 80%);
   background-position: 0 100%;
   background-size: 6px 3px;
   background-repeat: repeat-x;
+  padding-bottom: 0.1em;
 }
-.wp-block-navigation-link__placeholder.wp-block-navigation-link__content {
+.is-dark-theme .wp-block-navigation-link__placeholder .wp-block-navigation-link__placeholder-text span {
+  --wp-underline-color: #fff;
+}
+.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/style-rtl.css

@@ -74,7 +74,7 @@
 /**
  * Reset the WP Admin page styles for Gutenberg-like pages.
  */
-.wp-block-navigation .wp-block-navigation-link__label {
+.wp-block-navigation .wp-block-navigation-item__label {
   word-break: normal;
   overflow-wrap: break-word;
 }

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

@@ -74,7 +74,7 @@
 /**
  * Reset the WP Admin page styles for Gutenberg-like pages.
  */
-.wp-block-navigation .wp-block-navigation-link__label {
+.wp-block-navigation .wp-block-navigation-item__label {
   word-break: normal;
   overflow-wrap: break-word;
 }

package/build-style/{post-author → navigation-submenu}/editor-rtl.css

@@ -74,31 +74,34 @@
 /**
  * Reset the WP Admin page styles for Gutenberg-like pages.
  */
-.wp-block-post-author {
-  display: flex;
-  flex-wrap: wrap;
+.wp-block-navigation-submenu {
+  display: block;
 }
-.wp-block-post-author .wp-block-post-author__byline {
-  font-size: 0.5em;
-  margin-top: 0;
-  position: relative;
-  font-style: normal;
+.wp-block-navigation-submenu .wp-block-navigation__submenu-container {
+  z-index: 28;
 }
-.wp-block-post-author .wp-block-post-author__content {
-  flex-grow: 1;
-  flex-basis: 0;
+.wp-block-navigation-submenu.is-selected > .wp-block-navigation__submenu-container, .wp-block-navigation-submenu.has-child-selected > .wp-block-navigation__submenu-container {
+  visibility: visible !important;
+  opacity: 1 !important;
+  min-width: 200px !important;
+  height: auto !important;
+  width: auto !important;
+  position: absolute;
+  right: -1px;
+  top: 100%;
 }
-.wp-block-post-author .wp-block-post-author__avatar img {
-  margin: 0;
-}
-.wp-block-post-author .wp-block-post-author__avatar {
-  margin-bottom: -8px;
-}
-.wp-block-post-author .wp-block-post-author__name {
-  margin: 0;
-  font-weight: bold;
-}
-.wp-block-post-author .wp-block-post-author__bio {
-  margin: 0 0 8px;
-  font-size: 0.7em;
+@media (min-width: 782px) {
+  .wp-block-navigation-submenu.is-selected > .wp-block-navigation__submenu-container .wp-block-navigation__submenu-container, .wp-block-navigation-submenu.has-child-selected > .wp-block-navigation__submenu-container .wp-block-navigation__submenu-container {
+    right: 100%;
+    top: -1px;
+  }
+  .wp-block-navigation-submenu.is-selected > .wp-block-navigation__submenu-container .wp-block-navigation__submenu-container::before, .wp-block-navigation-submenu.has-child-selected > .wp-block-navigation__submenu-container .wp-block-navigation__submenu-container::before {
+    content: "";
+    position: absolute;
+    left: 100%;
+    height: 100%;
+    display: block;
+    width: 0.5em;
+    background: transparent;
+  }
 }

package/build-style/{post-author → navigation-submenu}/editor.css

@@ -74,31 +74,34 @@
 /**
  * Reset the WP Admin page styles for Gutenberg-like pages.
  */
-.wp-block-post-author {
-  display: flex;
-  flex-wrap: wrap;
+.wp-block-navigation-submenu {
+  display: block;
 }
-.wp-block-post-author .wp-block-post-author__byline {
-  font-size: 0.5em;
-  margin-top: 0;
-  position: relative;
-  font-style: normal;
+.wp-block-navigation-submenu .wp-block-navigation__submenu-container {
+  z-index: 28;
 }
-.wp-block-post-author .wp-block-post-author__content {
-  flex-grow: 1;
-  flex-basis: 0;
+.wp-block-navigation-submenu.is-selected > .wp-block-navigation__submenu-container, .wp-block-navigation-submenu.has-child-selected > .wp-block-navigation__submenu-container {
+  visibility: visible !important;
+  opacity: 1 !important;
+  min-width: 200px !important;
+  height: auto !important;
+  width: auto !important;
+  position: absolute;
+  left: -1px;
+  top: 100%;
 }
-.wp-block-post-author .wp-block-post-author__avatar img {
-  margin: 0;
-}
-.wp-block-post-author .wp-block-post-author__avatar {
-  margin-bottom: -8px;
-}
-.wp-block-post-author .wp-block-post-author__name {
-  margin: 0;
-  font-weight: bold;
-}
-.wp-block-post-author .wp-block-post-author__bio {
-  margin: 0 0 8px;
-  font-size: 0.7em;
+@media (min-width: 782px) {
+  .wp-block-navigation-submenu.is-selected > .wp-block-navigation__submenu-container .wp-block-navigation__submenu-container, .wp-block-navigation-submenu.has-child-selected > .wp-block-navigation__submenu-container .wp-block-navigation__submenu-container {
+    left: 100%;
+    top: -1px;
+  }
+  .wp-block-navigation-submenu.is-selected > .wp-block-navigation__submenu-container .wp-block-navigation__submenu-container::before, .wp-block-navigation-submenu.has-child-selected > .wp-block-navigation__submenu-container .wp-block-navigation__submenu-container::before {
+    content: "";
+    position: absolute;
+    right: 100%;
+    height: 100%;
+    display: block;
+    width: 0.5em;
+    background: transparent;
+  }
 }

package/build-style/{heading/editor.css → navigation-submenu/style-rtl.css}

@@ -74,16 +74,22 @@
 /**
  * Reset the WP Admin page styles for Gutenberg-like pages.
  */
-.block-library-heading-level-dropdown .components-popover__content {
-  min-width: 230px;
+.wp-block-navigation-submenu {
+  position: relative;
+  display: flex;
 }
-.block-library-heading-level-dropdown .components-popover__content > div {
-  padding: 0;
+.wp-block-navigation-submenu .wp-block-navigation__submenu-icon svg {
+  stroke: currentColor;
 }
 
-.block-library-heading-level-toolbar {
+button.wp-block-navigation-item__content {
+  background-color: transparent;
   border: none;
+  color: currentColor;
+  font-size: inherit;
+  font-family: inherit;
 }
-.block-library-heading-level-toolbar .components-toolbar-group {
-  flex-wrap: nowrap;
+
+.wp-block-navigation-submenu__toggle {
+  cursor: pointer;
 }

package/build-style/{heading/editor-rtl.css → navigation-submenu/style.css}

@@ -74,16 +74,22 @@
 /**
  * Reset the WP Admin page styles for Gutenberg-like pages.
  */
-.block-library-heading-level-dropdown .components-popover__content {
-  min-width: 230px;
+.wp-block-navigation-submenu {
+  position: relative;
+  display: flex;
 }
-.block-library-heading-level-dropdown .components-popover__content > div {
-  padding: 0;
+.wp-block-navigation-submenu .wp-block-navigation__submenu-icon svg {
+  stroke: currentColor;
 }
 
-.block-library-heading-level-toolbar {
+button.wp-block-navigation-item__content {
+  background-color: transparent;
   border: none;
+  color: currentColor;
+  font-size: inherit;
+  font-family: inherit;
 }
-.block-library-heading-level-toolbar .components-toolbar-group {
-  flex-wrap: nowrap;
+
+.wp-block-navigation-submenu__toggle {
+  cursor: pointer;
 }

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

@@ -110,4 +110,12 @@
 }
 .wp-block-page-list-modal-buttons .components-button {
   margin-right: 12px;
+}
+
+.wp-block-page-list .open-on-click:focus-within > .wp-block-navigation__submenu-container {
+  visibility: visible;
+  opacity: 1;
+  width: auto;
+  height: auto;
+  min-width: 200px;
 }

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

@@ -110,4 +110,12 @@
 }
 .wp-block-page-list-modal-buttons .components-button {
   margin-left: 12px;
+}
+
+.wp-block-page-list .open-on-click:focus-within > .wp-block-navigation__submenu-container {
+  visibility: visible;
+  opacity: 1;
+  width: auto;
+  height: auto;
+  min-width: 200px;
 }

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

@@ -75,31 +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-pages-list__item {
+.wp-block-navigation .wp-block-navigation-item {
   background-color: inherit;
-}
-.wp-block-navigation .wp-block-page-list__submenu-icon {
-  display: none;
-}
-.wp-block-navigation .show-submenu-icons .wp-block-page-list__submenu-icon {
-  display: inline-block;
-}
-
-.is-vertical .wp-block-navigation__container .wp-block-page-list,
-.is-open .wp-block-navigation__container .wp-block-page-list {
-  display: block;
-}
-
-@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,31 +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-pages-list__item {
+.wp-block-navigation .wp-block-navigation-item {
   background-color: inherit;
-}
-.wp-block-navigation .wp-block-page-list__submenu-icon {
-  display: none;
-}
-.wp-block-navigation .show-submenu-icons .wp-block-page-list__submenu-icon {
-  display: inline-block;
-}
-
-.is-vertical .wp-block-navigation__container .wp-block-page-list,
-.is-open .wp-block-navigation__container .wp-block-page-list {
-  display: block;
-}
-
-@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/paragraph/style-rtl.css

@@ -100,6 +100,10 @@
   font-style: normal;
 }
 
+p {
+  overflow-wrap: break-word;
+}
+
 p.has-drop-cap.has-background {
   overflow: hidden;
 }
@@ -108,6 +112,6 @@ p.has-background {
   padding: 1.25em 2.375em;
 }
 
-p.has-text-color a {
+:where(p.has-text-color:not(.has-link-color)) a {
   color: inherit;
 }

package/build-style/paragraph/style.css

@@ -100,6 +100,10 @@
   font-style: normal;
 }
 
+p {
+  overflow-wrap: break-word;
+}
+
 p.has-drop-cap.has-background {
   overflow: hidden;
 }
@@ -108,6 +112,6 @@ p.has-background {
   padding: 1.25em 2.375em;
 }
 
-p.has-text-color a {
+:where(p.has-text-color:not(.has-link-color)) a {
   color: inherit;
 }

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

@@ -96,6 +96,5 @@
   flex-basis: 0;
 }
 .wp-block-post-author__name {
-  font-weight: bold;
   margin: 0;
 }

package/build-style/post-author/style.css

@@ -96,6 +96,5 @@
   flex-basis: 0;
 }
 .wp-block-post-author__name {
-  font-weight: bold;
   margin: 0;
 }

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;
 }

package/build-style/post-comments/style.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;
 }

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

@@ -81,4 +81,33 @@
   display: inline-block;
   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;
 }

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

@@ -81,4 +81,33 @@
   display: inline-block;
   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;
 }

package/build-style/{query-title/editor-rtl.css → post-content/style-rtl.css}

@@ -74,7 +74,6 @@
 /**
  * Reset the WP Admin page styles for Gutenberg-like pages.
  */
-.wp-block-query-title__placeholder {
-  padding: 1em 0;
-  border: 1px dashed;
+.wp-block-post-content + * {
+  clear: both;
 }

package/build-style/{query-title/editor.css → post-content/style.css}

@@ -74,7 +74,6 @@
 /**
  * Reset the WP Admin page styles for Gutenberg-like pages.
  */
-.wp-block-query-title__placeholder {
-  padding: 1em 0;
-  border: 1px dashed;
+.wp-block-post-content + * {
+  clear: both;
 }