@wordpress/block-library 9.0.5 → 9.0.7

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

@@ -132,10 +132,7 @@
 .wp-block-navigation.has-text-decoration-line-through .wp-block-navigation-item__content:focus, .wp-block-navigation.has-text-decoration-line-through .wp-block-navigation-item__content:active {
   text-decoration: line-through;
 }
-.wp-block-navigation:where(:not([class*="has-text-decoration"])) a {
-  text-decoration: none;
-}
-.wp-block-navigation:where(:not([class*="has-text-decoration"])) a:focus, .wp-block-navigation:where(:not([class*="has-text-decoration"])) a:active {
+.wp-block-navigation :where(a), .wp-block-navigation :where(a:focus), .wp-block-navigation :where(a:active) {
   text-decoration: none;
 }
 .wp-block-navigation .wp-block-navigation__submenu-icon {

package/build-style/navigation/style.css

@@ -132,10 +132,7 @@
 .wp-block-navigation.has-text-decoration-line-through .wp-block-navigation-item__content:focus, .wp-block-navigation.has-text-decoration-line-through .wp-block-navigation-item__content:active {
   text-decoration: line-through;
 }
-.wp-block-navigation:where(:not([class*="has-text-decoration"])) a {
-  text-decoration: none;
-}
-.wp-block-navigation:where(:not([class*="has-text-decoration"])) a:focus, .wp-block-navigation:where(:not([class*="has-text-decoration"])) a:active {
+.wp-block-navigation :where(a), .wp-block-navigation :where(a:focus), .wp-block-navigation :where(a:active) {
   text-decoration: none;
 }
 .wp-block-navigation .wp-block-navigation__submenu-icon {

package/build-style/post-comments-form/style-rtl.css

@@ -86,6 +86,17 @@
 /**
  * Reset the WP Admin page styles for Gutenberg-like pages.
  */
+:where(.wp-block-post-comments-form) textarea,
+:where(.wp-block-post-comments-form) input:not([type=submit]) {
+  border: 1px solid #949494;
+  font-size: 1em;
+  font-family: inherit;
+}
+:where(.wp-block-post-comments-form) textarea,
+:where(.wp-block-post-comments-form) input:where(:not([type="submit"]):not([type="checkbox"])) {
+  padding: calc(0.667em + 2px);
+}
+
 .wp-block-post-comments-form {
   box-sizing: border-box;
 }
@@ -114,16 +125,6 @@
   text-align: center;
   overflow-wrap: break-word;
 }
-.wp-block-post-comments-form textarea,
-.wp-block-post-comments-form input:not([type=submit]) {
-  border: 1px solid #949494;
-  font-size: 1em;
-  font-family: inherit;
-}
-.wp-block-post-comments-form textarea,
-.wp-block-post-comments-form input:not([type=submit]):not([type=checkbox]) {
-  padding: calc(0.667em + 2px);
-}
 .wp-block-post-comments-form .comment-form textarea,
 .wp-block-post-comments-form .comment-form input:not([type=submit]):not([type=checkbox]):not([type=hidden]) {
   display: block;

package/build-style/post-comments-form/style.css

@@ -86,6 +86,17 @@
 /**
  * Reset the WP Admin page styles for Gutenberg-like pages.
  */
+:where(.wp-block-post-comments-form) textarea,
+:where(.wp-block-post-comments-form) input:not([type=submit]) {
+  border: 1px solid #949494;
+  font-size: 1em;
+  font-family: inherit;
+}
+:where(.wp-block-post-comments-form) textarea,
+:where(.wp-block-post-comments-form) input:where(:not([type="submit"]):not([type="checkbox"])) {
+  padding: calc(0.667em + 2px);
+}
+
 .wp-block-post-comments-form {
   box-sizing: border-box;
 }
@@ -114,16 +125,6 @@
   text-align: center;
   overflow-wrap: break-word;
 }
-.wp-block-post-comments-form textarea,
-.wp-block-post-comments-form input:not([type=submit]) {
-  border: 1px solid #949494;
-  font-size: 1em;
-  font-family: inherit;
-}
-.wp-block-post-comments-form textarea,
-.wp-block-post-comments-form input:not([type=submit]):not([type=checkbox]) {
-  padding: calc(0.667em + 2px);
-}
 .wp-block-post-comments-form .comment-form textarea,
 .wp-block-post-comments-form .comment-form input:not([type=submit]):not([type=checkbox]):not([type=hidden]) {
   display: block;

package/build-style/style-rtl.css

@@ -2123,10 +2123,7 @@ ul {
 .wp-block-navigation.has-text-decoration-line-through .wp-block-navigation-item__content:focus, .wp-block-navigation.has-text-decoration-line-through .wp-block-navigation-item__content:active {
   text-decoration: line-through;
 }
-.wp-block-navigation:where(:not([class*="has-text-decoration"])) a {
-  text-decoration: none;
-}
-.wp-block-navigation:where(:not([class*="has-text-decoration"])) a:focus, .wp-block-navigation:where(:not([class*="has-text-decoration"])) a:active {
+.wp-block-navigation :where(a), .wp-block-navigation :where(a:focus), .wp-block-navigation :where(a:active) {
   text-decoration: none;
 }
 .wp-block-navigation .wp-block-navigation__submenu-icon {
@@ -2712,6 +2709,17 @@ p.has-text-align-left[style*="writing-mode:vertical-lr"] {
   margin: 0;
 }
 
+:where(.wp-block-post-comments-form) textarea,
+:where(.wp-block-post-comments-form) input:not([type=submit]) {
+  border: 1px solid #949494;
+  font-size: 1em;
+  font-family: inherit;
+}
+:where(.wp-block-post-comments-form) textarea,
+:where(.wp-block-post-comments-form) input:where(:not([type="submit"]):not([type="checkbox"])) {
+  padding: calc(0.667em + 2px);
+}
+
 .wp-block-post-comments-form {
   box-sizing: border-box;
 }
@@ -2740,16 +2748,6 @@ p.has-text-align-left[style*="writing-mode:vertical-lr"] {
   text-align: center;
   overflow-wrap: break-word;
 }
-.wp-block-post-comments-form textarea,
-.wp-block-post-comments-form input:not([type=submit]) {
-  border: 1px solid #949494;
-  font-size: 1em;
-  font-family: inherit;
-}
-.wp-block-post-comments-form textarea,
-.wp-block-post-comments-form input:not([type=submit]):not([type=checkbox]) {
-  padding: calc(0.667em + 2px);
-}
 .wp-block-post-comments-form .comment-form textarea,
 .wp-block-post-comments-form .comment-form input:not([type=submit]):not([type=checkbox]):not([type=hidden]) {
   display: block;

package/build-style/style.css

@@ -2153,10 +2153,7 @@ ul {
 .wp-block-navigation.has-text-decoration-line-through .wp-block-navigation-item__content:focus, .wp-block-navigation.has-text-decoration-line-through .wp-block-navigation-item__content:active {
   text-decoration: line-through;
 }
-.wp-block-navigation:where(:not([class*="has-text-decoration"])) a {
-  text-decoration: none;
-}
-.wp-block-navigation:where(:not([class*="has-text-decoration"])) a:focus, .wp-block-navigation:where(:not([class*="has-text-decoration"])) a:active {
+.wp-block-navigation :where(a), .wp-block-navigation :where(a:focus), .wp-block-navigation :where(a:active) {
   text-decoration: none;
 }
 .wp-block-navigation .wp-block-navigation__submenu-icon {
@@ -2742,6 +2739,17 @@ p.has-text-align-left[style*="writing-mode:vertical-lr"] {
   margin: 0;
 }
 
+:where(.wp-block-post-comments-form) textarea,
+:where(.wp-block-post-comments-form) input:not([type=submit]) {
+  border: 1px solid #949494;
+  font-size: 1em;
+  font-family: inherit;
+}
+:where(.wp-block-post-comments-form) textarea,
+:where(.wp-block-post-comments-form) input:where(:not([type="submit"]):not([type="checkbox"])) {
+  padding: calc(0.667em + 2px);
+}
+
 .wp-block-post-comments-form {
   box-sizing: border-box;
 }
@@ -2770,16 +2778,6 @@ p.has-text-align-left[style*="writing-mode:vertical-lr"] {
   text-align: center;
   overflow-wrap: break-word;
 }
-.wp-block-post-comments-form textarea,
-.wp-block-post-comments-form input:not([type=submit]) {
-  border: 1px solid #949494;
-  font-size: 1em;
-  font-family: inherit;
-}
-.wp-block-post-comments-form textarea,
-.wp-block-post-comments-form input:not([type=submit]):not([type=checkbox]) {
-  padding: calc(0.667em + 2px);
-}
 .wp-block-post-comments-form .comment-form textarea,
 .wp-block-post-comments-form .comment-form input:not([type=submit]):not([type=checkbox]):not([type=hidden]) {
   display: block;

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@wordpress/block-library",
-	"version": "9.0.5",
+	"version": "9.0.7",
 	"description": "Block library for the WordPress editor.",
 	"author": "The WordPress Contributors",
 	"license": "GPL-2.0-or-later",
@@ -36,11 +36,11 @@
 		"@wordpress/api-fetch": "^7.0.1",
 		"@wordpress/autop": "^4.0.1",
 		"@wordpress/blob": "^4.0.1",
-		"@wordpress/block-editor": "^13.0.4",
+		"@wordpress/block-editor": "^13.0.6",
 		"@wordpress/blocks": "^13.0.3",
 		"@wordpress/components": "^28.0.3",
 		"@wordpress/compose": "^7.0.1",
-		"@wordpress/core-data": "^7.0.4",
+		"@wordpress/core-data": "^7.0.6",
 		"@wordpress/data": "^10.0.2",
 		"@wordpress/date": "^5.0.1",
 		"@wordpress/deprecated": "^4.0.1",
@@ -56,10 +56,10 @@
 		"@wordpress/keyboard-shortcuts": "^5.0.2",
 		"@wordpress/keycodes": "^4.0.1",
 		"@wordpress/notices": "^5.0.2",
-		"@wordpress/patterns": "^2.0.4",
+		"@wordpress/patterns": "^2.0.6",
 		"@wordpress/primitives": "^4.0.1",
 		"@wordpress/private-apis": "^1.0.2",
-		"@wordpress/reusable-blocks": "^5.0.4",
+		"@wordpress/reusable-blocks": "^5.0.6",
 		"@wordpress/rich-text": "^7.0.2",
 		"@wordpress/server-side-render": "^5.0.3",
 		"@wordpress/url": "^4.0.1",
@@ -82,5 +82,5 @@
 	"publishConfig": {
 		"access": "public"
 	},
-	"gitHead": "85486692a3e48b7d863226cf895a21d787434921"
+	"gitHead": "5c1d6bb774e6f78f0bbd4cdc85c4a7087da2f8a0"
 }

package/src/image/index.php

@@ -28,12 +28,33 @@ function render_block_core_image( $attributes, $content, $block ) {
 		return '';
 	}
 
+	$has_id_binding = isset( $attributes['metadata']['bindings']['id'] ) && isset( $attributes['id'] );
+
+	// Ensure the `wp-image-id` classname on the image block supports block bindings.
+	if ( $has_id_binding ) {
+		// If there's a mismatch with the 'wp-image-' class and the actual id, the id was
+		// probably overridden by block bindings. Update it to the correct value.
+		// See https://github.com/WordPress/gutenberg/issues/62886 for why this is needed.
+		$id                       = $attributes['id'];
+		$image_classnames         = $p->get_attribute( 'class' );
+		$class_with_binding_value = "wp-image-$id";
+		if ( is_string( $image_classnames ) && ! str_contains( $image_classnames, $class_with_binding_value ) ) {
+			$image_classnames = preg_replace( '/wp-image-(\d+)/', $class_with_binding_value, $image_classnames );
+			$p->set_attribute( 'class', $image_classnames );
+		}
+	}
+
+	// For backwards compatibility, the data-id html attribute is only set for
+	// image blocks nested in a gallery. Detect if the image is in a gallery by
+	// checking the data-id attribute.
+	// See the `block_core_gallery_data_id_backcompatibility` function.
 	if ( isset( $attributes['data-id'] ) ) {
-		// Adds the data-id="$id" attribute to the img element to provide backwards
-		// compatibility for the Gallery Block, which now wraps Image Blocks within
-		// innerBlocks. The data-id attribute is added in a core/gallery
-		// `render_block_data` hook.
-		$p->set_attribute( 'data-id', $attributes['data-id'] );
+		// If there's a binding for the `id`, the `id` attribute is used for the
+		// value, since `data-id` does not support block bindings.
+		// Else the `data-id` is used for backwards compatibility, since
+		// third parties may be filtering its value.
+		$data_id = $has_id_binding ? $attributes['id'] : $attributes['data-id'];
+		$p->set_attribute( 'data-id', $data_id );
 	}
 
 	$link_destination  = isset( $attributes['linkDestination'] ) ? $attributes['linkDestination'] : 'none';

package/src/navigation/style.scss

@@ -76,15 +76,10 @@ $navigation-icon-size: 24px;
 		}
 	}
 
-	&:where(:not([class*="has-text-decoration"])) {
-		a {
-			text-decoration: none;
-
-			&:focus,
-			&:active {
-				text-decoration: none;
-			}
-		}
+	& :where(a),
+	& :where(a:focus),
+	& :where(a:active) {
+		text-decoration: none;
 	}
 
 	// Submenu indicator.

package/src/post-comments-form/style.scss

@@ -1,3 +1,18 @@
+// Allow these default styles to be overridden by global styles.
+:where(.wp-block-post-comments-form) {
+	textarea,
+	input:not([type="submit"]) {
+		border: 1px solid $gray-600;
+		font-size: 1em;
+		font-family: inherit;
+	}
+
+	textarea,
+	input:where(:not([type="submit"]):not([type="checkbox"])) {
+		padding: calc(0.667em + 2px); // The extra 2px is added to match outline buttons.
+	}
+}
+
 .wp-block-post-comments-form {
 	// This block has customizable padding, border-box makes that more predictable.
 	box-sizing: border-box;
@@ -31,18 +46,6 @@
 		overflow-wrap: break-word;
 	}
 
-	textarea,
-	input:not([type="submit"]) {
-		border: 1px solid $gray-600;
-		font-size: 1em;
-		font-family: inherit;
-	}
-
-	textarea,
-	input:not([type="submit"]):not([type="checkbox"]) {
-		padding: calc(0.667em + 2px); // The extra 2px is added to match outline buttons.
-	}
-
 	.comment-form {
 		textarea,
 		// Make sure to not set display block on hidden input fields, to prevent