@wordpress/block-library 7.11.0 → 7.13.0

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

@@ -86,6 +86,7 @@
   width: 100%;
   height: auto;
   vertical-align: bottom;
+  box-sizing: border-box;
 }
 .wp-block-post-featured-image.alignwide img, .wp-block-post-featured-image.alignfull img {
   width: 100%;

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

@@ -86,6 +86,7 @@
   width: 100%;
   height: auto;
   vertical-align: bottom;
+  box-sizing: border-box;
 }
 .wp-block-post-featured-image.alignwide img, .wp-block-post-featured-image.alignfull img {
   width: 100%;

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

@@ -76,6 +76,7 @@
  */
 .wp-block-post-title {
   word-break: break-word;
+  box-sizing: border-box;
 }
 .wp-block-post-title a {
   display: inline-block;

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

@@ -76,6 +76,7 @@
  */
 .wp-block-post-title {
   word-break: break-word;
+  box-sizing: border-box;
 }
 .wp-block-post-title a {
   display: inline-block;

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

@@ -74,18 +74,6 @@
 /**
  * Reset the WP Admin page styles for Gutenberg-like pages.
  */
-.wp-block-pullquote.has-text-align-left p,
-.wp-block-pullquote.has-text-align-right p,
-.wp-block[data-align=left] > .wp-block-pullquote p,
-.wp-block[data-align=right] > .wp-block-pullquote p {
-  font-size: 20px;
-}
-
-.wp-block-pullquote blockquote p {
-  font-size: 28px;
-  line-height: 1.6;
-}
-
 .wp-block-pullquote.is-style-solid-color blockquote p {
   font-size: 32px;
 }

package/build-style/pullquote/editor.css

@@ -74,18 +74,6 @@
 /**
  * Reset the WP Admin page styles for Gutenberg-like pages.
  */
-.wp-block-pullquote.has-text-align-left p,
-.wp-block-pullquote.has-text-align-right p,
-.wp-block[data-align=left] > .wp-block-pullquote p,
-.wp-block[data-align=right] > .wp-block-pullquote p {
-  font-size: 20px;
-}
-
-.wp-block-pullquote blockquote p {
-  font-size: 28px;
-  line-height: 1.6;
-}
-
 .wp-block-pullquote.is-style-solid-color blockquote p {
   font-size: 32px;
 }

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

@@ -86,16 +86,9 @@
 .wp-block-pullquote cite {
   color: inherit;
 }
-.wp-block-pullquote.has-text-align-left, .wp-block-pullquote.has-text-align-right, .wp-block-pullquote.alignleft, .wp-block-pullquote.alignright {
+.wp-block-pullquote.alignleft, .wp-block-pullquote.alignright {
   max-width: 420px;
 }
-.wp-block-pullquote.has-text-align-left p, .wp-block-pullquote.has-text-align-right p, .wp-block-pullquote.alignleft p, .wp-block-pullquote.alignright p {
-  font-size: 1.25em;
-}
-.wp-block-pullquote p {
-  font-size: 1.75em;
-  line-height: 1.6;
-}
 .wp-block-pullquote cite,
 .wp-block-pullquote footer {
   position: relative;

package/build-style/pullquote/style.css

@@ -86,16 +86,9 @@
 .wp-block-pullquote cite {
   color: inherit;
 }
-.wp-block-pullquote.has-text-align-left, .wp-block-pullquote.has-text-align-right, .wp-block-pullquote.alignleft, .wp-block-pullquote.alignright {
+.wp-block-pullquote.alignleft, .wp-block-pullquote.alignright {
   max-width: 420px;
 }
-.wp-block-pullquote.has-text-align-left p, .wp-block-pullquote.has-text-align-right p, .wp-block-pullquote.alignleft p, .wp-block-pullquote.alignright p {
-  font-size: 1.25em;
-}
-.wp-block-pullquote p {
-  font-size: 1.75em;
-  line-height: 1.6;
-}
 .wp-block-pullquote cite,
 .wp-block-pullquote footer {
   position: relative;

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

@@ -119,4 +119,11 @@
     width: 80%;
     max-height: none;
   }
+}
+
+.block-library-query-toolspanel__filters .components-form-token-field__help {
+  margin-bottom: 0;
+}
+.block-library-query-toolspanel__filters .block-library-query-inspector__taxonomy-control:not(:last-child) {
+  margin-bottom: 24px;
 }

package/build-style/query/editor.css

@@ -119,4 +119,11 @@
     width: 80%;
     max-height: none;
   }
+}
+
+.block-library-query-toolspanel__filters .components-form-token-field__help {
+  margin-bottom: 0;
+}
+.block-library-query-toolspanel__filters .block-library-query-inspector__taxonomy-control:not(:last-child) {
+  margin-bottom: 24px;
 }

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

@@ -85,6 +85,12 @@
 .wp-block-query-pagination > .wp-block-query-pagination-numbers:last-child {
   margin-right: 0;
 }
+.wp-block-query-pagination.is-content-justification-space-between > .wp-block-query-pagination-next:last-child {
+  margin-inline-start: auto;
+}
+.wp-block-query-pagination.is-content-justification-space-between > .wp-block-query-pagination-previous:first-child {
+  margin-inline-end: auto;
+}
 .wp-block-query-pagination .wp-block-query-pagination-previous-arrow {
   margin-left: 1ch;
   display: inline-block;

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

@@ -87,6 +87,12 @@
   /*rtl:ignore*/
   margin-right: 0;
 }
+.wp-block-query-pagination.is-content-justification-space-between > .wp-block-query-pagination-next:last-child {
+  margin-inline-start: auto;
+}
+.wp-block-query-pagination.is-content-justification-space-between > .wp-block-query-pagination-previous:first-child {
+  margin-inline-end: auto;
+}
 .wp-block-query-pagination .wp-block-query-pagination-previous-arrow {
   margin-right: 1ch;
   display: inline-block;

package/build-style/query-title/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-query-title {
+  box-sizing: border-box;
+}

package/build-style/query-title/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-query-title {
+  box-sizing: border-box;
+}

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

@@ -106,6 +106,8 @@
 .wp-block-search__input {
   padding: 8px;
   flex-grow: 1;
+  margin-right: 0;
+  margin-left: 0;
   min-width: 3em;
   border: 1px solid #949494;
   font-size: inherit;

package/build-style/search/style.css

@@ -106,6 +106,8 @@
 .wp-block-search__input {
   padding: 8px;
   flex-grow: 1;
+  margin-left: 0;
+  margin-right: 0;
   min-width: 3em;
   border: 1px solid #949494;
   font-size: inherit;

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

@@ -99,62 +99,26 @@
   max-width: 100%;
 }
 
-.wp-block-site-logo.wp-block-site-logo .components-placeholder,
-.wp-block-site-logo.wp-block-site-logo .components-resizable-box__container {
-  border-radius: inherit;
-}
 .wp-block-site-logo.wp-block-site-logo.is-default-size .components-placeholder {
   height: 120px;
   width: 120px;
 }
 .wp-block-site-logo.wp-block-site-logo .components-placeholder {
-  display: flex;
   justify-content: center;
   align-items: center;
-  box-shadow: none;
   padding: 0;
   min-height: 48px;
   min-width: 48px;
   height: 100%;
   width: 100%;
-  color: currentColor;
-  background: transparent;
 }
 .wp-block-site-logo.wp-block-site-logo .components-placeholder .components-form-file-upload {
   display: none;
 }
-.wp-block-site-logo.wp-block-site-logo .components-placeholder .components-placeholder__preview {
-  position: absolute;
-  top: 4px;
-  left: 4px;
-  bottom: 4px;
-  right: 4px;
-  background: rgba(255, 255, 255, 0.8);
-  display: flex;
-  align-items: center;
-  justify-content: center;
-}
 .wp-block-site-logo.wp-block-site-logo .components-placeholder .components-drop-zone__content-text {
   display: none;
 }
-.wp-block-site-logo.wp-block-site-logo .components-placeholder::before {
-  content: "";
-  display: block;
-  position: absolute;
-  top: 0;
-  left: 0;
-  bottom: 0;
-  right: 0;
-  border: 1px dashed currentColor;
-  opacity: 0.4;
-  pointer-events: none;
-  border-radius: inherit;
-}
-.wp-block-site-logo.wp-block-site-logo .components-placeholder .components-placeholder__fieldset {
-  width: auto;
-}
 .wp-block-site-logo.wp-block-site-logo .components-placeholder .components-button.components-button {
-  color: inherit;
   padding: 0;
   display: flex;
   justify-content: center;
@@ -163,24 +127,11 @@
   height: 48px;
   border-radius: 50%;
   position: relative;
-  visibility: hidden;
-  background: transparent;
-  transition: all 0.1s linear;
-}
-@media (prefers-reduced-motion: reduce) {
-  .wp-block-site-logo.wp-block-site-logo .components-placeholder .components-button.components-button {
-    transition-duration: 0s;
-    transition-delay: 0s;
-  }
-}
-.wp-block-site-logo.wp-block-site-logo .components-placeholder .components-button.components-button > svg {
-  color: #fff;
-}
-.wp-block-site-logo.wp-block-site-logo.is-selected .components-button.components-button {
   background: var(--wp-admin-theme-color);
   border-color: var(--wp-admin-theme-color);
   border-style: solid;
   color: #fff;
-  opacity: 1;
-  visibility: visible;
+}
+.wp-block-site-logo.wp-block-site-logo .components-placeholder .components-button.components-button > svg {
+  color: inherit;
 }

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

@@ -99,62 +99,26 @@
   max-width: 100%;
 }
 
-.wp-block-site-logo.wp-block-site-logo .components-placeholder,
-.wp-block-site-logo.wp-block-site-logo .components-resizable-box__container {
-  border-radius: inherit;
-}
 .wp-block-site-logo.wp-block-site-logo.is-default-size .components-placeholder {
   height: 120px;
   width: 120px;
 }
 .wp-block-site-logo.wp-block-site-logo .components-placeholder {
-  display: flex;
   justify-content: center;
   align-items: center;
-  box-shadow: none;
   padding: 0;
   min-height: 48px;
   min-width: 48px;
   height: 100%;
   width: 100%;
-  color: currentColor;
-  background: transparent;
 }
 .wp-block-site-logo.wp-block-site-logo .components-placeholder .components-form-file-upload {
   display: none;
 }
-.wp-block-site-logo.wp-block-site-logo .components-placeholder .components-placeholder__preview {
-  position: absolute;
-  top: 4px;
-  right: 4px;
-  bottom: 4px;
-  left: 4px;
-  background: rgba(255, 255, 255, 0.8);
-  display: flex;
-  align-items: center;
-  justify-content: center;
-}
 .wp-block-site-logo.wp-block-site-logo .components-placeholder .components-drop-zone__content-text {
   display: none;
 }
-.wp-block-site-logo.wp-block-site-logo .components-placeholder::before {
-  content: "";
-  display: block;
-  position: absolute;
-  top: 0;
-  right: 0;
-  bottom: 0;
-  left: 0;
-  border: 1px dashed currentColor;
-  opacity: 0.4;
-  pointer-events: none;
-  border-radius: inherit;
-}
-.wp-block-site-logo.wp-block-site-logo .components-placeholder .components-placeholder__fieldset {
-  width: auto;
-}
 .wp-block-site-logo.wp-block-site-logo .components-placeholder .components-button.components-button {
-  color: inherit;
   padding: 0;
   display: flex;
   justify-content: center;
@@ -163,24 +127,11 @@
   height: 48px;
   border-radius: 50%;
   position: relative;
-  visibility: hidden;
-  background: transparent;
-  transition: all 0.1s linear;
-}
-@media (prefers-reduced-motion: reduce) {
-  .wp-block-site-logo.wp-block-site-logo .components-placeholder .components-button.components-button {
-    transition-duration: 0s;
-    transition-delay: 0s;
-  }
-}
-.wp-block-site-logo.wp-block-site-logo .components-placeholder .components-button.components-button > svg {
-  color: #fff;
-}
-.wp-block-site-logo.wp-block-site-logo.is-selected .components-button.components-button {
   background: var(--wp-admin-theme-color);
   border-color: var(--wp-admin-theme-color);
   border-style: solid;
   color: #fff;
-  opacity: 1;
-  visibility: visible;
+}
+.wp-block-site-logo.wp-block-site-logo .components-placeholder .components-button.components-button > svg {
+  color: inherit;
 }

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

@@ -248,7 +248,7 @@
   color: #fff;
 }
 .wp-block-social-links:not(.is-style-logos-only) .wp-social-link-reddit {
-  background-color: #fe4500;
+  background-color: #ff4500;
   color: #fff;
 }
 .wp-block-social-links:not(.is-style-logos-only) .wp-social-link-skype {
@@ -396,7 +396,7 @@
   color: #ef4155;
 }
 .wp-block-social-links.is-style-logos-only .wp-social-link-reddit {
-  color: #fe4500;
+  color: #ff4500;
 }
 .wp-block-social-links.is-style-logos-only .wp-social-link-skype {
   color: #0478d7;

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

@@ -248,7 +248,7 @@
   color: #fff;
 }
 .wp-block-social-links:not(.is-style-logos-only) .wp-social-link-reddit {
-  background-color: #fe4500;
+  background-color: #ff4500;
   color: #fff;
 }
 .wp-block-social-links:not(.is-style-logos-only) .wp-social-link-skype {
@@ -396,7 +396,7 @@
   color: #ef4155;
 }
 .wp-block-social-links.is-style-logos-only .wp-social-link-reddit {
-  color: #fe4500;
+  color: #ff4500;
 }
 .wp-block-social-links.is-style-logos-only .wp-social-link-skype {
   color: #0478d7;