@wordpress/block-library 7.1.1 → 7.3.1

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

@@ -111,6 +111,19 @@
   margin-left: 16px;
 }
 
+.wp-block-navigation-link__invalid-item {
+  color: #000;
+}
+
+.wp-block-navigation-link__missing_text-tooltip {
+  position: absolute;
+  width: 1px;
+  height: 1px;
+  padding: 0;
+  margin: -1px;
+  overflow: hidden;
+}
+
 /**
  * Menu item setup state. Is shown when a menu item has no URL configured.
  */

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

@@ -77,4 +77,7 @@
 .wp-block-navigation .wp-block-navigation-item__label {
   word-break: normal;
   overflow-wrap: break-word;
+}
+.wp-block-navigation .wp-block-navigation-item__description {
+  display: none;
 }

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

@@ -77,4 +77,7 @@
 .wp-block-navigation .wp-block-navigation-item__label {
   word-break: normal;
   overflow-wrap: break-word;
+}
+.wp-block-navigation .wp-block-navigation-item__description {
+  display: none;
 }

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

@@ -100,10 +100,6 @@
   font-style: normal;
 }
 
-p {
-  overflow-wrap: break-word;
-}
-
 p.has-drop-cap.has-background {
   overflow: hidden;
 }

package/build-style/paragraph/style.css

@@ -100,10 +100,6 @@
   font-style: normal;
 }
 
-p {
-  overflow-wrap: break-word;
-}
-
 p.has-drop-cap.has-background {
   overflow: hidden;
 }

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

@@ -112,10 +112,6 @@
   text-align: left;
 }
 
-.wp-block-pullquote:not(.is-style-solid-color) {
-  background: none;
-}
-
 .wp-block-pullquote.is-style-solid-color {
   border: none;
 }

package/build-style/pullquote/style.css

@@ -112,10 +112,6 @@
   text-align: right;
 }
 
-.wp-block-pullquote:not(.is-style-solid-color) {
-  background: none;
-}
-
 .wp-block-pullquote.is-style-solid-color {
   border: none;
 }

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

@@ -80,4 +80,43 @@
 
 .wp-block-query__create-new-link {
   padding: 0 56px 16px 16px;
+}
+
+.block-library-query__pattern-selection-content .block-editor-block-patterns-list {
+  display: grid;
+  grid-template-columns: 1fr 1fr 1fr;
+  grid-gap: 8px;
+}
+.block-library-query__pattern-selection-content .block-editor-block-patterns-list .block-editor-block-patterns-list__list-item {
+  margin-bottom: 0;
+}
+.block-library-query__pattern-selection-content .block-editor-block-patterns-list .block-editor-block-patterns-list__list-item .block-editor-block-preview__container {
+  max-height: 250px;
+}
+
+.block-editor-query-pattern__selection-modal .components-modal__content {
+  overflow: hidden;
+  padding: 0;
+}
+.block-editor-query-pattern__selection-modal .components-modal__content::before {
+  margin-bottom: 0;
+}
+
+@media (min-width: 600px) {
+  .block-editor-query-pattern__selection-modal {
+    width: calc(100% - 32px);
+    height: calc(100% - 120px);
+  }
+}
+@media (min-width: 782px) {
+  .block-editor-query-pattern__selection-modal {
+    width: 750px;
+  }
+}
+@media (min-width: 960px) {
+  .block-editor-query-pattern__selection-modal {
+    height: 80%;
+    width: 80%;
+    max-height: none;
+  }
 }

package/build-style/query/editor.css

@@ -80,4 +80,43 @@
 
 .wp-block-query__create-new-link {
   padding: 0 16px 16px 56px;
+}
+
+.block-library-query__pattern-selection-content .block-editor-block-patterns-list {
+  display: grid;
+  grid-template-columns: 1fr 1fr 1fr;
+  grid-gap: 8px;
+}
+.block-library-query__pattern-selection-content .block-editor-block-patterns-list .block-editor-block-patterns-list__list-item {
+  margin-bottom: 0;
+}
+.block-library-query__pattern-selection-content .block-editor-block-patterns-list .block-editor-block-patterns-list__list-item .block-editor-block-preview__container {
+  max-height: 250px;
+}
+
+.block-editor-query-pattern__selection-modal .components-modal__content {
+  overflow: hidden;
+  padding: 0;
+}
+.block-editor-query-pattern__selection-modal .components-modal__content::before {
+  margin-bottom: 0;
+}
+
+@media (min-width: 600px) {
+  .block-editor-query-pattern__selection-modal {
+    width: calc(100% - 32px);
+    height: calc(100% - 120px);
+  }
+}
+@media (min-width: 782px) {
+  .block-editor-query-pattern__selection-modal {
+    width: 750px;
+  }
+}
+@media (min-width: 960px) {
+  .block-editor-query-pattern__selection-modal {
+    height: 80%;
+    width: 80%;
+    max-height: none;
+  }
 }

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

@@ -75,6 +75,7 @@
  * Reset the WP Admin page styles for Gutenberg-like pages.
  */
 .wp-block-quote {
+  box-sizing: border-box;
   overflow-wrap: break-word;
 }
 .wp-block-quote.is-style-large:not(.is-style-plain), .wp-block-quote.is-large:not(.is-style-plain) {

package/build-style/quote/style.css

@@ -75,6 +75,7 @@
  * Reset the WP Admin page styles for Gutenberg-like pages.
  */
 .wp-block-quote {
+  box-sizing: border-box;
   overflow-wrap: break-word;
 }
 .wp-block-quote.is-style-large:not(.is-style-plain), .wp-block-quote.is-large:not(.is-style-plain) {

package/build-style/reset-rtl.css

@@ -121,7 +121,7 @@ html :where(.editor-styles-wrapper) ol {
   margin: revert;
   padding: revert;
   list-style-type: revert;
-  box-sizing: revert;
+  box-sizing: border-box;
 }
 html :where(.editor-styles-wrapper) ul ul,
 html :where(.editor-styles-wrapper) ul ol,

package/build-style/reset.css

@@ -121,7 +121,7 @@ html :where(.editor-styles-wrapper) ol {
   margin: revert;
   padding: revert;
   list-style-type: revert;
-  box-sizing: revert;
+  box-sizing: border-box;
 }
 html :where(.editor-styles-wrapper) ul ul,
 html :where(.editor-styles-wrapper) ul ol,

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

@@ -77,4 +77,7 @@
 .block-editor-block-list__block[data-type="core/separator"] {
   padding-top: 0.1px;
   padding-bottom: 0.1px;
+}
+.block-editor-block-list__block[data-type="core/separator"].wp-block-separator.is-style-dots {
+  background: none !important;
 }

package/build-style/separator/editor.css

@@ -77,4 +77,7 @@
 .block-editor-block-list__block[data-type="core/separator"] {
   padding-top: 0.1px;
   padding-bottom: 0.1px;
+}
+.block-editor-block-list__block[data-type="core/separator"].wp-block-separator.is-style-dots {
+  background: none !important;
 }

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

@@ -74,12 +74,18 @@
 /**
  * Reset the WP Admin page styles for Gutenberg-like pages.
  */
+.wp-block-separator.has-css-opacity {
+  opacity: 0.4;
+}
+
 .wp-block-separator {
   border: none;
   border-bottom: 2px solid currentColor;
   margin-right: auto;
   margin-left: auto;
-  opacity: 0.4;
+}
+.wp-block-separator.has-alpha-channel-opacity {
+  opacity: initial;
 }
 .wp-block-separator:not(.is-style-wide):not(.is-style-dots) {
   width: 100px;

package/build-style/separator/theme.css

@@ -74,12 +74,18 @@
 /**
  * Reset the WP Admin page styles for Gutenberg-like pages.
  */
+.wp-block-separator.has-css-opacity {
+  opacity: 0.4;
+}
+
 .wp-block-separator {
   border: none;
   border-bottom: 2px solid currentColor;
   margin-left: auto;
   margin-right: auto;
-  opacity: 0.4;
+}
+.wp-block-separator.has-alpha-channel-opacity {
+  opacity: initial;
 }
 .wp-block-separator:not(.is-style-wide):not(.is-style-dots) {
   width: 100px;

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

@@ -74,7 +74,8 @@
 /**
  * Reset the WP Admin page styles for Gutenberg-like pages.
  */
-.wp-block[data-align=center] > .wp-block-site-logo {
+.wp-block[data-align=center] > .wp-block-site-logo,
+.wp-block-site-logo.aligncenter > div {
   display: table;
   margin-right: auto;
   margin-left: auto;
@@ -107,6 +108,7 @@
   width: 120px;
 }
 .wp-block-site-logo.wp-block-site-logo .components-placeholder {
+  display: flex;
   justify-content: center;
   align-items: center;
   box-shadow: none;

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

@@ -74,7 +74,8 @@
 /**
  * Reset the WP Admin page styles for Gutenberg-like pages.
  */
-.wp-block[data-align=center] > .wp-block-site-logo {
+.wp-block[data-align=center] > .wp-block-site-logo,
+.wp-block-site-logo.aligncenter > div {
   display: table;
   margin-left: auto;
   margin-right: auto;
@@ -107,6 +108,7 @@
   width: 120px;
 }
 .wp-block-site-logo.wp-block-site-logo .components-placeholder {
+  display: flex;
   justify-content: center;
   align-items: center;
   box-shadow: none;