@wordpress/block-library 5.0.1 → 6.0.1

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

@@ -74,13 +74,34 @@
 /**
  * Reset the WP Admin page styles for Gutenberg-like pages.
  */
-.wp-block-post-content__placeholder {
-  height: 100px;
-  border: 1px dashed;
-  display: flex;
-  justify-content: center;
-  align-items: center;
+.wp-block-navigation-submenu {
+  display: block;
 }
-.wp-block-post-content__placeholder span {
-  font-style: italic;
+.wp-block-navigation-submenu .wp-block-navigation__submenu-container {
+  z-index: 28;
+}
+.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: -1em;
+  top: 100%;
+}
+@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

@@ -79,19 +79,13 @@
   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;
+  display: flex;
 }
 
 @media (min-width: 480px) {

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

@@ -79,19 +79,13 @@
   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;
+  display: flex;
 }
 
 @media (min-width: 480px) {

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-featured-image/editor-rtl.css

@@ -98,13 +98,9 @@ div[data-type="core/post-featured-image"] img {
   margin: 0;
 }
 
-.block-library-post-featured-image-scale-controls {
-  margin-top: 16px;
+.block-library-post-featured-image-dimension-controls {
+  margin-bottom: 8px;
 }
-.block-library-post-featured-image-scale-controls .components-flex {
-  border: 1px solid #757575;
-}
-.block-library-post-featured-image-scale-controls button {
-  width: 100%;
-  display: block;
+.block-library-post-featured-image-dimension-controls.scale-control-is-visible {
+  margin-bottom: 16px;
 }

package/build-style/post-featured-image/editor.css

@@ -98,13 +98,9 @@ div[data-type="core/post-featured-image"] img {
   margin: 0;
 }
 
-.block-library-post-featured-image-scale-controls {
-  margin-top: 16px;
+.block-library-post-featured-image-dimension-controls {
+  margin-bottom: 8px;
 }
-.block-library-post-featured-image-scale-controls .components-flex {
-  border: 1px solid #757575;
-}
-.block-library-post-featured-image-scale-controls button {
-  width: 100%;
-  display: block;
+.block-library-post-featured-image-dimension-controls.scale-control-is-visible {
+  margin-bottom: 16px;
 }

package/build-style/post-featured-image/style-rtl.css

@@ -75,6 +75,7 @@
  * Reset the WP Admin page styles for Gutenberg-like pages.
  */
 .wp-block-post-featured-image {
+  line-height: 0;
   margin-right: 0;
   margin-left: 0;
 }

package/build-style/post-featured-image/style.css

@@ -75,6 +75,7 @@
  * Reset the WP Admin page styles for Gutenberg-like pages.
  */
 .wp-block-post-featured-image {
+  line-height: 0;
   margin-left: 0;
   margin-right: 0;
 }

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

@@ -76,6 +76,8 @@
  */
 .wp-block-post-template,
 .wp-block-query-loop {
+  margin-top: 0;
+  margin-bottom: 0;
   max-width: 100%;
   list-style: none;
   padding: 0;

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

@@ -76,6 +76,8 @@
  */
 .wp-block-post-template,
 .wp-block-query-loop {
+  margin-top: 0;
+  margin-bottom: 0;
   max-width: 100%;
   list-style: none;
   padding: 0;

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

@@ -78,6 +78,7 @@
   margin: 0 0 1em 0;
   padding: 3em 0;
   text-align: center;
+  overflow-wrap: break-word;
 }
 .wp-block-pullquote p,
 .wp-block-pullquote blockquote,

package/build-style/pullquote/style.css

@@ -78,6 +78,7 @@
   margin: 0 0 1em 0;
   padding: 3em 0;
   text-align: center;
+  overflow-wrap: break-word;
 }
 .wp-block-pullquote p,
 .wp-block-pullquote blockquote,

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

@@ -74,10 +74,8 @@
 /**
  * Reset the WP Admin page styles for Gutenberg-like pages.
  */
-.wp-block > .wp-block-query-pagination {
-  display: flex;
-  flex-wrap: wrap;
-  flex-direction: row;
+.wp-block[data-align=center] > .wp-block-query-pagination {
+  justify-content: center;
 }
 
 .editor-styles-wrapper .wp-block-query-pagination {
@@ -94,7 +92,6 @@
 .wp-block-query-pagination > .wp-block-query-pagination-next,
 .wp-block-query-pagination > .wp-block-query-pagination-previous,
 .wp-block-query-pagination > .wp-block-query-pagination-numbers {
-  display: inline-block;
   margin-right: 0;
   margin-top: 0.5em;
   margin-right: 0.5em;

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

@@ -74,10 +74,8 @@
 /**
  * Reset the WP Admin page styles for Gutenberg-like pages.
  */
-.wp-block > .wp-block-query-pagination {
-  display: flex;
-  flex-wrap: wrap;
-  flex-direction: row;
+.wp-block[data-align=center] > .wp-block-query-pagination {
+  justify-content: center;
 }
 
 .editor-styles-wrapper .wp-block-query-pagination {
@@ -94,7 +92,6 @@
 .wp-block-query-pagination > .wp-block-query-pagination-next,
 .wp-block-query-pagination > .wp-block-query-pagination-previous,
 .wp-block-query-pagination > .wp-block-query-pagination-numbers {
-  display: inline-block;
   margin-left: 0;
   margin-top: 0.5em;
   /*rtl:ignore*/

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

@@ -74,15 +74,9 @@
 /**
  * Reset the WP Admin page styles for Gutenberg-like pages.
  */
-.wp-block-query-pagination {
-  display: flex;
-  flex-direction: row;
-  flex-wrap: wrap;
-}
 .wp-block-query-pagination > .wp-block-query-pagination-next,
 .wp-block-query-pagination > .wp-block-query-pagination-previous,
 .wp-block-query-pagination > .wp-block-query-pagination-numbers {
-  display: inline-block;
   margin-right: 0.5em;
   margin-bottom: 0.5em;
 }
@@ -90,4 +84,21 @@
 .wp-block-query-pagination > .wp-block-query-pagination-previous:last-child,
 .wp-block-query-pagination > .wp-block-query-pagination-numbers:last-child {
   margin-right: 0;
+}
+.wp-block-query-pagination .wp-block-query-pagination-previous-arrow {
+  margin-left: 1ch;
+  display: inline-block;
+}
+.wp-block-query-pagination .wp-block-query-pagination-previous-arrow:not(.is-arrow-chevron) {
+  transform: scaleX(-1);;
+}
+.wp-block-query-pagination .wp-block-query-pagination-next-arrow {
+  margin-right: 1ch;
+  display: inline-block;
+}
+.wp-block-query-pagination .wp-block-query-pagination-next-arrow:not(.is-arrow-chevron) {
+  transform: scaleX(-1);;
+}
+.wp-block-query-pagination.aligncenter {
+  justify-content: center;
 }

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

@@ -74,15 +74,9 @@
 /**
  * Reset the WP Admin page styles for Gutenberg-like pages.
  */
-.wp-block-query-pagination {
-  display: flex;
-  flex-direction: row;
-  flex-wrap: wrap;
-}
 .wp-block-query-pagination > .wp-block-query-pagination-next,
 .wp-block-query-pagination > .wp-block-query-pagination-previous,
 .wp-block-query-pagination > .wp-block-query-pagination-numbers {
-  display: inline-block;
   /*rtl:ignore*/
   margin-right: 0.5em;
   margin-bottom: 0.5em;
@@ -92,4 +86,21 @@
 .wp-block-query-pagination > .wp-block-query-pagination-numbers:last-child {
   /*rtl:ignore*/
   margin-right: 0;
+}
+.wp-block-query-pagination .wp-block-query-pagination-previous-arrow {
+  margin-right: 1ch;
+  display: inline-block;
+}
+.wp-block-query-pagination .wp-block-query-pagination-previous-arrow:not(.is-arrow-chevron) {
+  transform: scaleX(1) /*rtl:scaleX(-1);*/;
+}
+.wp-block-query-pagination .wp-block-query-pagination-next-arrow {
+  margin-left: 1ch;
+  display: inline-block;
+}
+.wp-block-query-pagination .wp-block-query-pagination-next-arrow:not(.is-arrow-chevron) {
+  transform: scaleX(1) /*rtl:scaleX(-1);*/;
+}
+.wp-block-query-pagination.aligncenter {
+  justify-content: center;
 }

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

@@ -74,6 +74,9 @@
 /**
  * Reset the WP Admin page styles for Gutenberg-like pages.
  */
+.wp-block-quote {
+  overflow-wrap: break-word;
+}
 .wp-block-quote.is-style-large, .wp-block-quote.is-large {
   margin-bottom: 1em;
   padding: 0 1em;

package/build-style/quote/style.css

@@ -74,6 +74,9 @@
 /**
  * Reset the WP Admin page styles for Gutenberg-like pages.
  */
+.wp-block-quote {
+  overflow-wrap: break-word;
+}
 .wp-block-quote.is-style-large, .wp-block-quote.is-large {
   margin-bottom: 1em;
   padding: 0 1em;

package/build-style/reset-rtl.css

@@ -179,7 +179,8 @@ html :where(.editor-styles-wrapper) select:disabled,
 html :where(.editor-styles-wrapper) select:focus {
   color: revert;
   border-color: revert;
-  background: revert;
+  background-color: revert;
+  background-image: revert;
   box-shadow: revert;
   text-shadow: revert;
   cursor: revert;

package/build-style/reset.css

@@ -179,7 +179,8 @@ html :where(.editor-styles-wrapper) select:disabled,
 html :where(.editor-styles-wrapper) select:focus {
   color: revert;
   border-color: revert;
-  background: revert;
+  background-color: revert;
+  background-image: revert;
   box-shadow: revert;
   text-shadow: revert;
   cursor: revert;

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

@@ -75,8 +75,6 @@
  * Reset the WP Admin page styles for Gutenberg-like pages.
  */
 .wp-block-social-links {
-  display: flex;
-  flex-wrap: wrap;
   padding-right: 0;
   padding-left: 0;
   text-indent: 0;
@@ -88,9 +86,6 @@
   border-bottom: 0;
   box-shadow: none;
 }
-.wp-block-social-links .wp-social-link.wp-social-link.wp-social-link {
-  margin: 4px 0 4px 8px;
-}
 .wp-block-social-links .wp-social-link a {
   padding: 0.25em;
 }

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

@@ -75,8 +75,6 @@
  * Reset the WP Admin page styles for Gutenberg-like pages.
  */
 .wp-block-social-links {
-  display: flex;
-  flex-wrap: wrap;
   padding-left: 0;
   padding-right: 0;
   text-indent: 0;
@@ -88,9 +86,6 @@
   border-bottom: 0;
   box-shadow: none;
 }
-.wp-block-social-links .wp-social-link.wp-social-link.wp-social-link {
-  margin: 4px 8px 4px 0;
-}
 .wp-block-social-links .wp-social-link a {
   padding: 0.25em;
 }