@wordpress/block-library 7.1.1 → 7.3.1

package/build-style/avatar/editor.css

@@ -0,0 +1,83 @@
+/**
+ * Colors
+ */
+/**
+ * Breakpoints & Media Queries
+ */
+/**
+ * SCSS Variables.
+ *
+ * Please use variables from this sheet to ensure consistency across the UI.
+ * Don't add to this sheet unless you're pretty sure the value will be reused in many places.
+ * For example, don't add rules to this sheet that affect block visuals. It's purely for UI.
+ */
+/**
+ * Colors
+ */
+/**
+ * Fonts & basic variables.
+ */
+/**
+ * Grid System.
+ * https://make.wordpress.org/design/2019/10/31/proposal-a-consistent-spacing-system-for-wordpress/
+ */
+/**
+ * Dimensions.
+ */
+/**
+ * Shadows.
+ */
+/**
+ * Editor widths.
+ */
+/**
+ * Block & Editor UI.
+ */
+/**
+ * Block paddings.
+ */
+/**
+ * React Native specific.
+ * These variables do not appear to be used anywhere else.
+ */
+/**
+*  Converts a hex value into the rgb equivalent.
+*
+* @param {string} hex - the hexadecimal value to convert
+* @return {string} comma separated rgb values
+*/
+/**
+ * Breakpoint mixins
+ */
+/**
+ * Long content fade mixin
+ *
+ * Creates a fading overlay to signify that the content is longer
+ * than the space allows.
+ */
+/**
+ * Focus styles.
+ */
+/**
+ * Applies editor left position to the selector passed as argument
+ */
+/**
+ * Styles that are reused verbatim in a few places
+ */
+/**
+ * Allows users to opt-out of animations via OS-level preferences.
+ */
+/**
+ * Reset default styles for JavaScript UI based pages.
+ * This is a WP-admin agnostic reset
+ */
+/**
+ * Reset the WP Admin page styles for Gutenberg-like pages.
+ */
+.wp-block-avatar__image img {
+  width: 100%;
+}
+
+.wp-block-avatar.aligncenter .components-resizable-box__container {
+  margin: 0 auto;
+}

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

@@ -0,0 +1,79 @@
+/**
+ * Colors
+ */
+/**
+ * Breakpoints & Media Queries
+ */
+/**
+ * SCSS Variables.
+ *
+ * Please use variables from this sheet to ensure consistency across the UI.
+ * Don't add to this sheet unless you're pretty sure the value will be reused in many places.
+ * For example, don't add rules to this sheet that affect block visuals. It's purely for UI.
+ */
+/**
+ * Colors
+ */
+/**
+ * Fonts & basic variables.
+ */
+/**
+ * Grid System.
+ * https://make.wordpress.org/design/2019/10/31/proposal-a-consistent-spacing-system-for-wordpress/
+ */
+/**
+ * Dimensions.
+ */
+/**
+ * Shadows.
+ */
+/**
+ * Editor widths.
+ */
+/**
+ * Block & Editor UI.
+ */
+/**
+ * Block paddings.
+ */
+/**
+ * React Native specific.
+ * These variables do not appear to be used anywhere else.
+ */
+/**
+*  Converts a hex value into the rgb equivalent.
+*
+* @param {string} hex - the hexadecimal value to convert
+* @return {string} comma separated rgb values
+*/
+/**
+ * Breakpoint mixins
+ */
+/**
+ * Long content fade mixin
+ *
+ * Creates a fading overlay to signify that the content is longer
+ * than the space allows.
+ */
+/**
+ * Focus styles.
+ */
+/**
+ * Applies editor left position to the selector passed as argument
+ */
+/**
+ * Styles that are reused verbatim in a few places
+ */
+/**
+ * Allows users to opt-out of animations via OS-level preferences.
+ */
+/**
+ * Reset default styles for JavaScript UI based pages.
+ * This is a WP-admin agnostic reset
+ */
+/**
+ * Reset the WP Admin page styles for Gutenberg-like pages.
+ */
+.wp-block-avatar.aligncenter {
+  text-align: center;
+}

package/build-style/avatar/style.css

@@ -0,0 +1,79 @@
+/**
+ * Colors
+ */
+/**
+ * Breakpoints & Media Queries
+ */
+/**
+ * SCSS Variables.
+ *
+ * Please use variables from this sheet to ensure consistency across the UI.
+ * Don't add to this sheet unless you're pretty sure the value will be reused in many places.
+ * For example, don't add rules to this sheet that affect block visuals. It's purely for UI.
+ */
+/**
+ * Colors
+ */
+/**
+ * Fonts & basic variables.
+ */
+/**
+ * Grid System.
+ * https://make.wordpress.org/design/2019/10/31/proposal-a-consistent-spacing-system-for-wordpress/
+ */
+/**
+ * Dimensions.
+ */
+/**
+ * Shadows.
+ */
+/**
+ * Editor widths.
+ */
+/**
+ * Block & Editor UI.
+ */
+/**
+ * Block paddings.
+ */
+/**
+ * React Native specific.
+ * These variables do not appear to be used anywhere else.
+ */
+/**
+*  Converts a hex value into the rgb equivalent.
+*
+* @param {string} hex - the hexadecimal value to convert
+* @return {string} comma separated rgb values
+*/
+/**
+ * Breakpoint mixins
+ */
+/**
+ * Long content fade mixin
+ *
+ * Creates a fading overlay to signify that the content is longer
+ * than the space allows.
+ */
+/**
+ * Focus styles.
+ */
+/**
+ * Applies editor left position to the selector passed as argument
+ */
+/**
+ * Styles that are reused verbatim in a few places
+ */
+/**
+ * Allows users to opt-out of animations via OS-level preferences.
+ */
+/**
+ * Reset default styles for JavaScript UI based pages.
+ * This is a WP-admin agnostic reset
+ */
+/**
+ * Reset the WP Admin page styles for Gutenberg-like pages.
+ */
+.wp-block-avatar.aligncenter {
+  text-align: center;
+}

package/build-style/editor-rtl.css

@@ -94,6 +94,14 @@ ul.wp-block-archives {
   margin-right: -9px;
 }
 
+.wp-block-avatar__image img {
+  width: 100%;
+}
+
+.wp-block-avatar.aligncenter .components-resizable-box__container {
+  margin: 0 auto;
+}
+
 .edit-post-visual-editor .block-library-block__reusable-block-container .is-root-container {
   padding-right: 0;
   padding-left: 0;
@@ -756,7 +764,6 @@ div[data-type="core/freeform"].is-selected .block-library-classic__toolbar {
 
 figure.wp-block-gallery {
   display: block;
-  margin: 0;
 }
 figure.wp-block-gallery.has-nested-images .components-drop-zone {
   display: none;
@@ -934,6 +941,32 @@ figure.wp-block-gallery .components-spinner {
   margin-bottom: 18px;
 }
 
+.is-layout-flex.block-editor-block-list__block .block-list-appender:only-child {
+  gap: inherit;
+  pointer-events: none;
+}
+.is-layout-flex.block-editor-block-list__block .block-list-appender:only-child,
+.is-layout-flex.block-editor-block-list__block .block-list-appender:only-child .block-editor-default-block-appender__content,
+.is-layout-flex.block-editor-block-list__block .block-list-appender:only-child .block-editor-inserter {
+  display: inherit;
+  width: 100%;
+  flex-direction: inherit;
+  flex: 1;
+}
+.is-layout-flex.block-editor-block-list__block .block-list-appender:only-child::after {
+  content: "";
+  display: flex;
+  border: 1px dashed currentColor;
+  opacity: 0.4;
+  border-radius: 2px;
+  flex: 1;
+  pointer-events: none;
+  min-height: 48px;
+}
+.is-layout-flex.block-editor-block-list__block .block-list-appender:only-child .block-editor-inserter {
+  pointer-events: all;
+}
+
 .block-library-html__edit .block-library-html__preview-overlay {
   position: absolute;
   width: 100%;
@@ -1683,6 +1716,19 @@ body.editor-styles-wrapper .wp-block-navigation__responsive-container.is-menu-op
   margin-right: 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.
  */
@@ -1929,6 +1975,9 @@ body.editor-styles-wrapper .wp-block-navigation__responsive-container.is-menu-op
   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;
+}
 
 [data-type="core/shortcode"] .block-editor-plain-text {
   max-height: 250px;
@@ -1978,7 +2027,8 @@ body.editor-styles-wrapper .wp-block-navigation__responsive-container.is-menu-op
   color: rgba(30, 30, 30, 0.62);
 }
 
-.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;
@@ -2011,6 +2061,7 @@ body.editor-styles-wrapper .wp-block-navigation__responsive-container.is-menu-op
   width: 120px;
 }
 .wp-block-site-logo.wp-block-site-logo .components-placeholder {
+  display: flex;
   justify-content: center;
   align-items: center;
   box-shadow: none;
@@ -2340,15 +2391,6 @@ body.editor-styles-wrapper .wp-block-navigation__responsive-container.is-menu-op
   }
 }
 
-.block-library-template-part__selection-content .block-editor-block-patterns-list {
-  display: grid;
-  grid-template-columns: 1fr 1fr;
-  grid-gap: 8px;
-}
-.block-library-template-part__selection-content .block-editor-block-patterns-list .block-editor-block-patterns-list__list-item {
-  margin-bottom: 0;
-}
-
 .wp-block-text-columns .block-editor-rich-text__editable:focus {
   outline: 1px solid #ddd;
 }
@@ -2466,6 +2508,45 @@ body.editor-styles-wrapper .wp-block-navigation__responsive-container.is-menu-op
   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;
+  }
+}
+
 .wp-block[data-align=center] > .wp-block-query-pagination {
   justify-content: center;
 }

package/build-style/editor.css

@@ -94,6 +94,14 @@ ul.wp-block-archives {
   margin-left: -9px;
 }
 
+.wp-block-avatar__image img {
+  width: 100%;
+}
+
+.wp-block-avatar.aligncenter .components-resizable-box__container {
+  margin: 0 auto;
+}
+
 .edit-post-visual-editor .block-library-block__reusable-block-container .is-root-container {
   padding-left: 0;
   padding-right: 0;
@@ -764,7 +772,6 @@ div[data-type="core/freeform"].is-selected .block-library-classic__toolbar {
 
 figure.wp-block-gallery {
   display: block;
-  margin: 0;
 }
 figure.wp-block-gallery.has-nested-images .components-drop-zone {
   display: none;
@@ -942,6 +949,32 @@ figure.wp-block-gallery .components-spinner {
   margin-bottom: 18px;
 }
 
+.is-layout-flex.block-editor-block-list__block .block-list-appender:only-child {
+  gap: inherit;
+  pointer-events: none;
+}
+.is-layout-flex.block-editor-block-list__block .block-list-appender:only-child,
+.is-layout-flex.block-editor-block-list__block .block-list-appender:only-child .block-editor-default-block-appender__content,
+.is-layout-flex.block-editor-block-list__block .block-list-appender:only-child .block-editor-inserter {
+  display: inherit;
+  width: 100%;
+  flex-direction: inherit;
+  flex: 1;
+}
+.is-layout-flex.block-editor-block-list__block .block-list-appender:only-child::after {
+  content: "";
+  display: flex;
+  border: 1px dashed currentColor;
+  opacity: 0.4;
+  border-radius: 2px;
+  flex: 1;
+  pointer-events: none;
+  min-height: 48px;
+}
+.is-layout-flex.block-editor-block-list__block .block-list-appender:only-child .block-editor-inserter {
+  pointer-events: all;
+}
+
 .block-library-html__edit .block-library-html__preview-overlay {
   position: absolute;
   width: 100%;
@@ -1691,6 +1724,19 @@ body.editor-styles-wrapper .wp-block-navigation__responsive-container.is-menu-op
   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.
  */
@@ -1937,6 +1983,9 @@ body.editor-styles-wrapper .wp-block-navigation__responsive-container.is-menu-op
   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;
+}
 
 [data-type="core/shortcode"] .block-editor-plain-text {
   max-height: 250px;
@@ -1986,7 +2035,8 @@ body.editor-styles-wrapper .wp-block-navigation__responsive-container.is-menu-op
   color: rgba(30, 30, 30, 0.62);
 }
 
-.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;
@@ -2019,6 +2069,7 @@ body.editor-styles-wrapper .wp-block-navigation__responsive-container.is-menu-op
   width: 120px;
 }
 .wp-block-site-logo.wp-block-site-logo .components-placeholder {
+  display: flex;
   justify-content: center;
   align-items: center;
   box-shadow: none;
@@ -2348,15 +2399,6 @@ body.editor-styles-wrapper .wp-block-navigation__responsive-container.is-menu-op
   }
 }
 
-.block-library-template-part__selection-content .block-editor-block-patterns-list {
-  display: grid;
-  grid-template-columns: 1fr 1fr;
-  grid-gap: 8px;
-}
-.block-library-template-part__selection-content .block-editor-block-patterns-list .block-editor-block-patterns-list__list-item {
-  margin-bottom: 0;
-}
-
 .wp-block-text-columns .block-editor-rich-text__editable:focus {
   outline: 1px solid #ddd;
 }
@@ -2474,6 +2516,45 @@ body.editor-styles-wrapper .wp-block-navigation__responsive-container.is-menu-op
   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;
+  }
+}
+
 .wp-block[data-align=center] > .wp-block-query-pagination {
   justify-content: center;
 }

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

@@ -76,7 +76,6 @@
  */
 figure.wp-block-gallery {
   display: block;
-  margin: 0;
 }
 figure.wp-block-gallery.has-nested-images .components-drop-zone {
   display: none;

package/build-style/gallery/editor.css

@@ -76,7 +76,6 @@
  */
 figure.wp-block-gallery {
   display: block;
-  margin: 0;
 }
 figure.wp-block-gallery.has-nested-images .components-drop-zone {
   display: none;