@wordpress/block-library 8.6.0 → 8.7.0

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

@@ -102,7 +102,7 @@
   flex-wrap: wrap;
   gap: 1.25em;
 }
-.wp-block-post-template.is-flex-container li {
+.wp-block-post-template.is-flex-container > li {
   margin: 0;
   width: 100%;
 }

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

@@ -102,7 +102,7 @@
   flex-wrap: wrap;
   gap: 1.25em;
 }
-.wp-block-post-template.is-flex-container li {
+.wp-block-post-template.is-flex-container > li {
   margin: 0;
   width: 100%;
 }

package/build-style/post-time-to-read/style-rtl.css

@@ -0,0 +1,91 @@
+/**
+*  Converts a hex value into the rgb equivalent.
+*
+* @param {string} hex - the hexadecimal value to convert
+* @return {string} comma separated rgb values
+*/
+/**
+ * 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.
+ */
+/**
+*  Converts a hex value into the rgb equivalent.
+*
+* @param {string} hex - the hexadecimal value to convert
+* @return {string} comma separated rgb values
+*/
+/**
+ * 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
+*/
+/**
+ * Long content fade mixin
+ *
+ * Creates a fading overlay to signify that the content is longer
+ * than the space allows.
+ */
+/**
+ * Breakpoint mixins
+ */
+/**
+ * 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-post-time-to-read {
+  box-sizing: border-box;
+}

package/build-style/post-time-to-read/style.css

@@ -0,0 +1,91 @@
+/**
+*  Converts a hex value into the rgb equivalent.
+*
+* @param {string} hex - the hexadecimal value to convert
+* @return {string} comma separated rgb values
+*/
+/**
+ * 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.
+ */
+/**
+*  Converts a hex value into the rgb equivalent.
+*
+* @param {string} hex - the hexadecimal value to convert
+* @return {string} comma separated rgb values
+*/
+/**
+ * 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
+*/
+/**
+ * Long content fade mixin
+ *
+ * Creates a fading overlay to signify that the content is longer
+ * than the space allows.
+ */
+/**
+ * Breakpoint mixins
+ */
+/**
+ * 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-post-time-to-read {
+  box-sizing: border-box;
+}

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

@@ -87,22 +87,22 @@
  * Reset the WP Admin page styles for Gutenberg-like pages.
  */
 .wp-block-search__button {
-  margin-right: 0.625em;
+  margin-right: 10px;
   word-break: normal;
 }
 .wp-block-search__button.has-icon {
   line-height: 0;
 }
 .wp-block-search__button svg {
-  min-width: 1.5em;
-  min-height: 1.5em;
+  min-width: 24px;
+  min-height: 24px;
   fill: currentColor;
   vertical-align: text-bottom;
 }
 
 :where(.wp-block-search__button) {
   border: 1px solid #ccc;
-  padding: 0.375em 0.625em;
+  padding: 6px 10px;
 }
 
 .wp-block-search__inside-wrapper {
@@ -121,7 +121,7 @@
   flex-grow: 1;
   margin-right: 0;
   margin-left: 0;
-  min-width: 3em;
+  min-width: 3rem;
   border: 1px solid #949494;
   text-decoration: unset !important;
 }
@@ -133,17 +133,18 @@
 :where(.wp-block-search__button-inside .wp-block-search__inside-wrapper) {
   padding: 4px;
   border: 1px solid #949494;
+  box-sizing: border-box;
 }
 :where(.wp-block-search__button-inside .wp-block-search__inside-wrapper) .wp-block-search__input {
   border-radius: 0;
   border: none;
-  padding: 0 0.25em 0 0;
+  padding: 0 4px;
 }
 :where(.wp-block-search__button-inside .wp-block-search__inside-wrapper) .wp-block-search__input:focus {
   outline: none;
 }
 :where(.wp-block-search__button-inside .wp-block-search__inside-wrapper) :where(.wp-block-search__button) {
-  padding: 0.125em 0.5em;
+  padding: 4px 8px;
 }
 
 .wp-block-search.aligncenter .wp-block-search__inside-wrapper {

package/build-style/search/style.css

@@ -87,22 +87,22 @@
  * Reset the WP Admin page styles for Gutenberg-like pages.
  */
 .wp-block-search__button {
-  margin-left: 0.625em;
+  margin-left: 10px;
   word-break: normal;
 }
 .wp-block-search__button.has-icon {
   line-height: 0;
 }
 .wp-block-search__button svg {
-  min-width: 1.5em;
-  min-height: 1.5em;
+  min-width: 24px;
+  min-height: 24px;
   fill: currentColor;
   vertical-align: text-bottom;
 }
 
 :where(.wp-block-search__button) {
   border: 1px solid #ccc;
-  padding: 0.375em 0.625em;
+  padding: 6px 10px;
 }
 
 .wp-block-search__inside-wrapper {
@@ -121,7 +121,7 @@
   flex-grow: 1;
   margin-left: 0;
   margin-right: 0;
-  min-width: 3em;
+  min-width: 3rem;
   border: 1px solid #949494;
   text-decoration: unset !important;
 }
@@ -133,17 +133,18 @@
 :where(.wp-block-search__button-inside .wp-block-search__inside-wrapper) {
   padding: 4px;
   border: 1px solid #949494;
+  box-sizing: border-box;
 }
 :where(.wp-block-search__button-inside .wp-block-search__inside-wrapper) .wp-block-search__input {
   border-radius: 0;
   border: none;
-  padding: 0 0 0 0.25em;
+  padding: 0 4px;
 }
 :where(.wp-block-search__button-inside .wp-block-search__inside-wrapper) .wp-block-search__input:focus {
   outline: none;
 }
 :where(.wp-block-search__button-inside .wp-block-search__inside-wrapper) :where(.wp-block-search__button) {
-  padding: 0.125em 0.5em;
+  padding: 4px 8px;
 }
 
 .wp-block-search.aligncenter .wp-block-search__inside-wrapper {

package/build-style/style-rtl.css

@@ -329,6 +329,7 @@
 
 .wp-block-categories {
   box-sizing: border-box;
+  /* Only apply the text align on dropdowns, not lists. */
 }
 .wp-block-categories.alignleft {
   margin-right: 2em;
@@ -336,6 +337,9 @@
 .wp-block-categories.alignright {
   margin-left: 2em;
 }
+.wp-block-categories.wp-block-categories-dropdown.aligncenter {
+  text-align: center;
+}
 
 .wp-block-code {
   box-sizing: border-box;
@@ -2301,6 +2305,8 @@ button.wp-block-navigation-item__content {
 
 .wp-block-navigation__responsive-close {
   width: 100%;
+}
+.has-modal-open .wp-block-navigation__responsive-close {
   max-width: var(--wp--style--global--wide-size, 100%);
   margin-right: auto;
   margin-left: auto;
@@ -2594,6 +2600,10 @@ p.has-background {
   white-space: pre-wrap;
 }
 
+.wp-block-post-time-to-read {
+  box-sizing: border-box;
+}
+
 .wp-block-post-title {
   word-break: break-word;
   box-sizing: border-box;
@@ -2679,7 +2689,7 @@ p.has-background {
   flex-wrap: wrap;
   gap: 1.25em;
 }
-.wp-block-post-template.is-flex-container li {
+.wp-block-post-template.is-flex-container > li {
   margin: 0;
   width: 100%;
 }
@@ -2820,22 +2830,22 @@ ul.wp-block-rss.is-grid li {
 }
 
 .wp-block-search__button {
-  margin-right: 0.625em;
+  margin-right: 10px;
   word-break: normal;
 }
 .wp-block-search__button.has-icon {
   line-height: 0;
 }
 .wp-block-search__button svg {
-  min-width: 1.5em;
-  min-height: 1.5em;
+  min-width: 24px;
+  min-height: 24px;
   fill: currentColor;
   vertical-align: text-bottom;
 }
 
 :where(.wp-block-search__button) {
   border: 1px solid #ccc;
-  padding: 0.375em 0.625em;
+  padding: 6px 10px;
 }
 
 .wp-block-search__inside-wrapper {
@@ -2854,7 +2864,7 @@ ul.wp-block-rss.is-grid li {
   flex-grow: 1;
   margin-right: 0;
   margin-left: 0;
-  min-width: 3em;
+  min-width: 3rem;
   border: 1px solid #949494;
   text-decoration: unset !important;
 }
@@ -2866,17 +2876,18 @@ ul.wp-block-rss.is-grid li {
 :where(.wp-block-search__button-inside .wp-block-search__inside-wrapper) {
   padding: 4px;
   border: 1px solid #949494;
+  box-sizing: border-box;
 }
 :where(.wp-block-search__button-inside .wp-block-search__inside-wrapper) .wp-block-search__input {
   border-radius: 0;
   border: none;
-  padding: 0 0.25em 0 0;
+  padding: 0 4px;
 }
 :where(.wp-block-search__button-inside .wp-block-search__inside-wrapper) .wp-block-search__input:focus {
   outline: none;
 }
 :where(.wp-block-search__button-inside .wp-block-search__inside-wrapper) :where(.wp-block-search__button) {
-  padding: 0.125em 0.5em;
+  padding: 4px 8px;
 }
 
 .wp-block-search.aligncenter .wp-block-search__inside-wrapper {

package/build-style/style.css

@@ -330,6 +330,7 @@
 
 .wp-block-categories {
   box-sizing: border-box;
+  /* Only apply the text align on dropdowns, not lists. */
 }
 .wp-block-categories.alignleft {
   /*rtl:ignore*/
@@ -339,6 +340,9 @@
   /*rtl:ignore*/
   margin-left: 2em;
 }
+.wp-block-categories.wp-block-categories-dropdown.aligncenter {
+  text-align: center;
+}
 
 .wp-block-code {
   box-sizing: border-box;
@@ -2331,6 +2335,8 @@ button.wp-block-navigation-item__content {
 
 .wp-block-navigation__responsive-close {
   width: 100%;
+}
+.has-modal-open .wp-block-navigation__responsive-close {
   max-width: var(--wp--style--global--wide-size, 100%);
   margin-left: auto;
   margin-right: auto;
@@ -2624,6 +2630,10 @@ p.has-background {
   white-space: pre-wrap;
 }
 
+.wp-block-post-time-to-read {
+  box-sizing: border-box;
+}
+
 .wp-block-post-title {
   word-break: break-word;
   box-sizing: border-box;
@@ -2709,7 +2719,7 @@ p.has-background {
   flex-wrap: wrap;
   gap: 1.25em;
 }
-.wp-block-post-template.is-flex-container li {
+.wp-block-post-template.is-flex-container > li {
   margin: 0;
   width: 100%;
 }
@@ -2854,22 +2864,22 @@ ul.wp-block-rss.is-grid li {
 }
 
 .wp-block-search__button {
-  margin-left: 0.625em;
+  margin-left: 10px;
   word-break: normal;
 }
 .wp-block-search__button.has-icon {
   line-height: 0;
 }
 .wp-block-search__button svg {
-  min-width: 1.5em;
-  min-height: 1.5em;
+  min-width: 24px;
+  min-height: 24px;
   fill: currentColor;
   vertical-align: text-bottom;
 }
 
 :where(.wp-block-search__button) {
   border: 1px solid #ccc;
-  padding: 0.375em 0.625em;
+  padding: 6px 10px;
 }
 
 .wp-block-search__inside-wrapper {
@@ -2888,7 +2898,7 @@ ul.wp-block-rss.is-grid li {
   flex-grow: 1;
   margin-left: 0;
   margin-right: 0;
-  min-width: 3em;
+  min-width: 3rem;
   border: 1px solid #949494;
   text-decoration: unset !important;
 }
@@ -2900,17 +2910,18 @@ ul.wp-block-rss.is-grid li {
 :where(.wp-block-search__button-inside .wp-block-search__inside-wrapper) {
   padding: 4px;
   border: 1px solid #949494;
+  box-sizing: border-box;
 }
 :where(.wp-block-search__button-inside .wp-block-search__inside-wrapper) .wp-block-search__input {
   border-radius: 0;
   border: none;
-  padding: 0 0 0 0.25em;
+  padding: 0 4px;
 }
 :where(.wp-block-search__button-inside .wp-block-search__inside-wrapper) .wp-block-search__input:focus {
   outline: none;
 }
 :where(.wp-block-search__button-inside .wp-block-search__inside-wrapper) :where(.wp-block-search__button) {
-  padding: 0.125em 0.5em;
+  padding: 4px 8px;
 }
 
 .wp-block-search.aligncenter .wp-block-search__inside-wrapper {

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@wordpress/block-library",
-	"version": "8.6.0",
+	"version": "8.7.0",
 	"description": "Block library for the WordPress editor.",
 	"author": "The WordPress Contributors",
 	"license": "GPL-2.0-or-later",
@@ -31,35 +31,35 @@
 	],
 	"dependencies": {
 		"@babel/runtime": "^7.16.0",
-		"@wordpress/a11y": "^3.29.0",
-		"@wordpress/api-fetch": "^6.26.0",
-		"@wordpress/autop": "^3.29.0",
-		"@wordpress/blob": "^3.29.0",
-		"@wordpress/block-editor": "^11.6.0",
-		"@wordpress/blocks": "^12.6.0",
-		"@wordpress/components": "^23.6.0",
-		"@wordpress/compose": "^6.6.0",
-		"@wordpress/core-data": "^6.6.0",
-		"@wordpress/data": "^8.6.0",
-		"@wordpress/date": "^4.29.0",
-		"@wordpress/deprecated": "^3.29.0",
-		"@wordpress/dom": "^3.29.0",
-		"@wordpress/element": "^5.6.0",
-		"@wordpress/escape-html": "^2.29.0",
-		"@wordpress/hooks": "^3.29.0",
-		"@wordpress/html-entities": "^3.29.0",
-		"@wordpress/i18n": "^4.29.0",
-		"@wordpress/icons": "^9.20.0",
-		"@wordpress/keycodes": "^3.29.0",
-		"@wordpress/notices": "^3.29.0",
-		"@wordpress/primitives": "^3.27.0",
-		"@wordpress/private-apis": "^0.11.0",
-		"@wordpress/reusable-blocks": "^4.6.0",
-		"@wordpress/rich-text": "^6.6.0",
-		"@wordpress/server-side-render": "^4.6.0",
-		"@wordpress/url": "^3.30.0",
-		"@wordpress/viewport": "^5.6.0",
-		"@wordpress/wordcount": "^3.29.0",
+		"@wordpress/a11y": "^3.30.0",
+		"@wordpress/api-fetch": "^6.27.0",
+		"@wordpress/autop": "^3.30.0",
+		"@wordpress/blob": "^3.30.0",
+		"@wordpress/block-editor": "^11.7.0",
+		"@wordpress/blocks": "^12.7.0",
+		"@wordpress/components": "^23.7.0",
+		"@wordpress/compose": "^6.7.0",
+		"@wordpress/core-data": "^6.7.0",
+		"@wordpress/data": "^9.0.0",
+		"@wordpress/date": "^4.30.0",
+		"@wordpress/deprecated": "^3.30.0",
+		"@wordpress/dom": "^3.30.0",
+		"@wordpress/element": "^5.7.0",
+		"@wordpress/escape-html": "^2.30.0",
+		"@wordpress/hooks": "^3.30.0",
+		"@wordpress/html-entities": "^3.30.0",
+		"@wordpress/i18n": "^4.30.0",
+		"@wordpress/icons": "^9.21.0",
+		"@wordpress/keycodes": "^3.30.0",
+		"@wordpress/notices": "^3.30.0",
+		"@wordpress/primitives": "^3.28.0",
+		"@wordpress/private-apis": "^0.12.0",
+		"@wordpress/reusable-blocks": "^4.7.0",
+		"@wordpress/rich-text": "^6.7.0",
+		"@wordpress/server-side-render": "^4.7.0",
+		"@wordpress/url": "^3.31.0",
+		"@wordpress/viewport": "^5.7.0",
+		"@wordpress/wordcount": "^3.30.0",
 		"change-case": "^4.1.2",
 		"classnames": "^2.3.1",
 		"colord": "^2.7.0",
@@ -78,5 +78,5 @@
 	"publishConfig": {
 		"access": "public"
 	},
-	"gitHead": "9534a7b3bbf07c1d40b94fdb7a3d091f297bfb06"
+	"gitHead": "d5c28a67b11e91e3e4b8e90346bfcb90909364d6"
 }

package/src/buttons/block.json

@@ -10,6 +10,7 @@
 	"supports": {
 		"anchor": true,
 		"align": [ "wide", "full" ],
+		"html": false,
 		"__experimentalExposeControlsToChildren": true,
 		"spacing": {
 			"blockGap": true,

package/src/categories/editor.scss

@@ -5,3 +5,8 @@
 		margin-top: 6px;
 	}
 }
+
+/* Center alignment for classic themes. */
+[data-align="center"] .wp-block-categories {
+	text-align: center;
+}

package/src/categories/style.scss

@@ -10,4 +10,8 @@
 		/*rtl:ignore*/
 		margin-left: 2em;
 	}
+	/* Only apply the text align on dropdowns, not lists. */
+	&.wp-block-categories-dropdown.aligncenter {
+		text-align: center;
+	}
 }

package/src/columns/block.json

@@ -13,6 +13,10 @@
 		"isStackedOnMobile": {
 			"type": "boolean",
 			"default": true
+		},
+		"templateLock": {
+			"type": [ "string", "boolean" ],
+			"enum": [ "all", "insert", "contentOnly", false ]
 		}
 	},
 	"supports": {

package/src/columns/edit.js

@@ -58,7 +58,7 @@ function ColumnsEditContainer( {
 	updateColumns,
 	clientId,
 } ) {
-	const { isStackedOnMobile, verticalAlignment } = attributes;
+	const { isStackedOnMobile, verticalAlignment, templateLock } = attributes;
 
 	const { count, canInsertColumnBlock } = useSelect(
 		( select ) => {
@@ -84,6 +84,7 @@ function ColumnsEditContainer( {
 		allowedBlocks: ALLOWED_BLOCKS,
 		orientation: 'horizontal',
 		renderAppender: false,
+		templateLock,
 	} );
 
 	return (

package/src/comments/index.php

@@ -212,6 +212,7 @@ function register_legacy_post_comments_block() {
 	 * like `_wp_multiple_block_styles`, which is required in this case because
 	 * the block has multiple styles.
 	 */
+	/** This filter is documented in wp-includes/blocks.php */
 	$metadata = apply_filters( 'block_type_metadata', $metadata );
 
 	register_block_type( 'core/post-comments', $metadata );