@wordpress/block-library 9.35.1-next.16d95556a.0 → 9.35.1-next.dc3f6d3c1.0

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@wordpress/block-library",
-	"version": "9.35.1-next.16d95556a.0",
+	"version": "9.35.1-next.dc3f6d3c1.0",
 	"description": "Block library for the WordPress editor.",
 	"author": "The WordPress Contributors",
 	"license": "GPL-2.0-or-later",
@@ -82,41 +82,41 @@
 		"{src,build,build-module}/*/init.js"
 	],
 	"dependencies": {
-		"@wordpress/a11y": "^4.35.1-next.16d95556a.0",
-		"@wordpress/api-fetch": "^7.35.1-next.16d95556a.0",
-		"@wordpress/autop": "^4.35.1-next.16d95556a.0",
-		"@wordpress/base-styles": "^6.11.1-next.16d95556a.0",
-		"@wordpress/blob": "^4.35.1-next.16d95556a.0",
-		"@wordpress/block-editor": "^15.8.1-next.16d95556a.0",
-		"@wordpress/blocks": "^15.8.1-next.16d95556a.0",
-		"@wordpress/components": "^30.8.1-next.16d95556a.0",
-		"@wordpress/compose": "^7.35.1-next.16d95556a.0",
-		"@wordpress/core-data": "^7.35.1-next.16d95556a.0",
-		"@wordpress/data": "^10.35.1-next.16d95556a.0",
-		"@wordpress/date": "^5.35.1-next.16d95556a.0",
-		"@wordpress/deprecated": "^4.35.1-next.16d95556a.0",
-		"@wordpress/dom": "^4.35.1-next.16d95556a.0",
-		"@wordpress/element": "^6.35.1-next.16d95556a.0",
-		"@wordpress/escape-html": "^3.35.1-next.16d95556a.0",
-		"@wordpress/hooks": "^4.35.1-next.16d95556a.0",
-		"@wordpress/html-entities": "^4.35.1-next.16d95556a.0",
-		"@wordpress/i18n": "^6.8.1-next.16d95556a.0",
-		"@wordpress/icons": "^11.2.1-next.16d95556a.0",
-		"@wordpress/interactivity": "^6.35.1-next.16d95556a.0",
-		"@wordpress/interactivity-router": "^2.35.1-next.16d95556a.0",
-		"@wordpress/keyboard-shortcuts": "^5.35.1-next.16d95556a.0",
-		"@wordpress/keycodes": "^4.35.1-next.16d95556a.0",
-		"@wordpress/latex-to-mathml": "^1.3.1-next.16d95556a.0",
-		"@wordpress/notices": "^5.35.1-next.16d95556a.0",
-		"@wordpress/patterns": "^2.35.1-next.16d95556a.0",
-		"@wordpress/primitives": "^4.35.1-next.16d95556a.0",
-		"@wordpress/private-apis": "^1.35.1-next.16d95556a.0",
-		"@wordpress/reusable-blocks": "^5.35.1-next.16d95556a.0",
-		"@wordpress/rich-text": "^7.35.1-next.16d95556a.0",
-		"@wordpress/server-side-render": "^6.11.1-next.16d95556a.0",
-		"@wordpress/url": "^4.35.1-next.16d95556a.0",
-		"@wordpress/viewport": "^6.35.1-next.16d95556a.0",
-		"@wordpress/wordcount": "^4.35.1-next.16d95556a.0",
+		"@wordpress/a11y": "^4.35.1-next.dc3f6d3c1.0",
+		"@wordpress/api-fetch": "^7.35.1-next.dc3f6d3c1.0",
+		"@wordpress/autop": "^4.35.1-next.dc3f6d3c1.0",
+		"@wordpress/base-styles": "^6.11.1-next.dc3f6d3c1.0",
+		"@wordpress/blob": "^4.35.1-next.dc3f6d3c1.0",
+		"@wordpress/block-editor": "^15.8.1-next.dc3f6d3c1.0",
+		"@wordpress/blocks": "^15.8.1-next.dc3f6d3c1.0",
+		"@wordpress/components": "^30.8.2-next.dc3f6d3c1.0",
+		"@wordpress/compose": "^7.35.1-next.dc3f6d3c1.0",
+		"@wordpress/core-data": "^7.35.1-next.dc3f6d3c1.0",
+		"@wordpress/data": "^10.35.1-next.dc3f6d3c1.0",
+		"@wordpress/date": "^5.35.1-next.dc3f6d3c1.0",
+		"@wordpress/deprecated": "^4.35.1-next.dc3f6d3c1.0",
+		"@wordpress/dom": "^4.35.1-next.dc3f6d3c1.0",
+		"@wordpress/element": "^6.35.1-next.dc3f6d3c1.0",
+		"@wordpress/escape-html": "^3.35.1-next.dc3f6d3c1.0",
+		"@wordpress/hooks": "^4.35.1-next.dc3f6d3c1.0",
+		"@wordpress/html-entities": "^4.35.1-next.dc3f6d3c1.0",
+		"@wordpress/i18n": "^6.8.1-next.dc3f6d3c1.0",
+		"@wordpress/icons": "^11.2.1-next.dc3f6d3c1.0",
+		"@wordpress/interactivity": "^6.35.1-next.dc3f6d3c1.0",
+		"@wordpress/interactivity-router": "^2.35.1-next.dc3f6d3c1.0",
+		"@wordpress/keyboard-shortcuts": "^5.35.1-next.dc3f6d3c1.0",
+		"@wordpress/keycodes": "^4.35.1-next.dc3f6d3c1.0",
+		"@wordpress/latex-to-mathml": "^1.3.1-next.dc3f6d3c1.0",
+		"@wordpress/notices": "^5.35.1-next.dc3f6d3c1.0",
+		"@wordpress/patterns": "^2.35.1-next.dc3f6d3c1.0",
+		"@wordpress/primitives": "^4.35.1-next.dc3f6d3c1.0",
+		"@wordpress/private-apis": "^1.35.1-next.dc3f6d3c1.0",
+		"@wordpress/reusable-blocks": "^5.35.1-next.dc3f6d3c1.0",
+		"@wordpress/rich-text": "^7.35.1-next.dc3f6d3c1.0",
+		"@wordpress/server-side-render": "^6.11.1-next.dc3f6d3c1.0",
+		"@wordpress/url": "^4.35.1-next.dc3f6d3c1.0",
+		"@wordpress/viewport": "^6.35.1-next.dc3f6d3c1.0",
+		"@wordpress/wordcount": "^4.35.1-next.dc3f6d3c1.0",
 		"change-case": "^4.1.2",
 		"clsx": "^2.1.1",
 		"colord": "^2.7.0",
@@ -134,5 +134,5 @@
 	"publishConfig": {
 		"access": "public"
 	},
-	"gitHead": "59a9383612bbe16e21af84d13b035bfbca7fe833"
+	"gitHead": "f73b5e69b34fbaccfb8c47783f4f993059ff1a41"
 }

package/src/audio/index.js

@@ -1,6 +1,7 @@
 /**
  * WordPress dependencies
  */
+import { __ } from '@wordpress/i18n';
 import { audio as icon } from '@wordpress/icons';
 
 /**
@@ -31,4 +32,30 @@ export const settings = {
 	save,
 };
 
+if ( window.__experimentalContentOnlyPatternInsertion ) {
+	settings.fields = [
+		{
+			label: __( 'Audio' ),
+			type: 'Media',
+			shownByDefault: true,
+			mapping: {
+				id: 'id',
+				src: 'src',
+			},
+			args: {
+				allowedTypes: [ 'audio' ],
+				multiple: false,
+			},
+		},
+		{
+			label: __( 'Caption' ),
+			type: 'RichText',
+			shownByDefault: false,
+			mapping: {
+				value: 'caption',
+			},
+		},
+	];
+}
+
 export const init = () => initBlock( { name, metadata, settings } );

package/src/breadcrumbs/edit.js

@@ -116,9 +116,11 @@ export default function BreadcrumbEdit( {
 		);
 	}
 
-	// Determine breadcrumb type for accurate previews (matching PHP logic).
+	// Try to determine breadcrumb type for more accurate previews.
 	let _showTerms;
-	if ( ! isPostTypeHierarchical ) {
+	// Some non-hierarchical post types (e.g., attachments) can have parents.
+	// Use hierarchical breadcrumbs if a parent exists, otherwise use taxonomy breadcrumbs.
+	if ( ! isPostTypeHierarchical && ! post?.parent ) {
 		_showTerms = true;
 	} else if ( ! postTypeHasTaxonomies ) {
 		// Hierarchical post type without taxonomies can only use ancestors.

package/src/breadcrumbs/index.php

@@ -8,7 +8,7 @@
 /**
  * Renders the `core/breadcrumbs` block on the server.
  *
- * @since 6.9.0
+ * @since 7.0.0
  *
  * @param array    $attributes Block attributes.
  * @param string   $content    Block default content.
@@ -76,25 +76,55 @@ function render_block_core_breadcrumbs( $attributes, $content, $block ) {
 			return '';
 		}
 
-		// Determine breadcrumb type for accurate rendering (matching JavaScript logic).
+		// For non-hierarchical post types with parents (e.g., attachments), build trail for the parent.
+		$post_parent = $post->post_parent;
+		$parent_post = null;
+		if ( ! is_post_type_hierarchical( $post_type ) && $post_parent ) {
+			$parent_post = get_post( $post_parent );
+			if ( $parent_post ) {
+				$post_id     = $parent_post->ID;
+				$post_type   = $parent_post->post_type;
+				$post_parent = $parent_post->post_parent;
+			}
+		}
+
+		// Determine breadcrumb type.
+		// Some non-hierarchical post types (e.g., attachments) can have parents.
+		// Use hierarchical breadcrumbs if a parent exists, otherwise use taxonomy breadcrumbs.
 		$show_terms = false;
-		if ( ! is_post_type_hierarchical( $post_type ) ) {
+		if ( ! is_post_type_hierarchical( $post_type ) && ! $post_parent ) {
 			$show_terms = true;
 		} elseif ( empty( get_object_taxonomies( $post_type, 'objects' ) ) ) {
-			// Hierarchical post type without taxonomies can only use ancestors.
 			$show_terms = false;
 		} else {
-			// For hierarchical post types with taxonomies, use the attribute.
 			$show_terms = $attributes['prefersTaxonomy'];
 		}
 
+		// Build breadcrumb trail.
 		if ( ! $show_terms ) {
 			$breadcrumb_items = array_merge( $breadcrumb_items, block_core_breadcrumbs_get_hierarchical_post_type_breadcrumbs( $post_id ) );
 		} else {
 			$breadcrumb_items = array_merge( $breadcrumb_items, block_core_breadcrumbs_get_terms_breadcrumbs( $post_id, $post_type ) );
 		}
-		// Add current post title (not linked).
-		$breadcrumb_items[] = block_core_breadcrumbs_create_current_item( block_core_breadcrumbs_get_post_title( $post ), true );
+
+		// Add post title: linked when viewing a paginated page, plain text otherwise.
+		$is_paged = (int) get_query_var( 'page' ) > 1;
+		$title    = block_core_breadcrumbs_get_post_title( $post );
+
+		if ( $is_paged ) {
+			$breadcrumb_items[] = block_core_breadcrumbs_create_link(
+				get_permalink( $post ),
+				$title,
+				true
+			);
+
+			$breadcrumb_items[] = block_core_breadcrumbs_create_page_number_item( 'page' );
+		} else {
+			$breadcrumb_items[] = block_core_breadcrumbs_create_current_item(
+				$title,
+				true
+			);
+		}
 	}
 
 	// Remove last item if disabled.
@@ -133,7 +163,7 @@ function render_block_core_breadcrumbs( $attributes, $content, $block ) {
 /**
  * Checks if we're on a paginated view (page 2 or higher).
  *
- * @since 6.9.0
+ * @since 7.0.0
  *
  * @return bool True if paged > 1, false otherwise.
  */
@@ -145,12 +175,13 @@ function block_core_breadcrumbs_is_paged() {
 /**
  * Creates a "Page X" breadcrumb item for paginated views.
  *
- * @since 6.9.0
- *
+ * @since 7.0.0
+ * @param string $query_var Optional. Query variable to get current page number. Default 'paged'.
  * @return string The "Page X" breadcrumb HTML.
  */
-function block_core_breadcrumbs_create_page_number_item() {
-	$paged = (int) get_query_var( 'paged' );
+function block_core_breadcrumbs_create_page_number_item( $query_var = 'paged' ) {
+	$paged = (int) get_query_var( $query_var );
+
 	return block_core_breadcrumbs_create_current_item(
 		/* translators: %s: page number */
 		sprintf( __( 'Page %s' ), number_format_i18n( $paged ) )
@@ -160,7 +191,7 @@ function block_core_breadcrumbs_create_page_number_item() {
 /**
  * Creates a breadcrumb link item.
  *
- * @since 6.9.0
+ * @since 7.0.0
  *
  * @param string $url        The URL for the link (will be escaped).
  * @param string $text       The link text (will be escaped).
@@ -179,7 +210,7 @@ function block_core_breadcrumbs_create_link( $url, $text, $allow_html = false )
 /**
  * Creates a breadcrumb current page item.
  *
- * @since 6.9.0
+ * @since 7.0.0
  *
  * @param string $text       The text content (will be escaped).
  * @param bool   $allow_html Whether to allow HTML in the text. If true, uses wp_kses_post(), otherwise uses esc_html(). Default false.
@@ -199,7 +230,7 @@ function block_core_breadcrumbs_create_current_item( $text, $allow_html = false
  * When paginated (is_paged is true), creates a link to page 1.
  * Otherwise, creates a span marked as the current page.
  *
- * @since 6.9.0
+ * @since 7.0.0
  *
  * @param string $text       The text content (will be escaped).
  * @param bool   $is_paged   Whether we're on a paginated view.
@@ -217,7 +248,7 @@ function block_core_breadcrumbs_create_item( $text, $is_paged = false, $allow_ht
 /**
  * Gets a post title with fallback for empty titles.
  *
- * @since 6.9.0
+ * @since 7.0.0
  *
  * @param int|WP_Post $post_id_or_object The post ID or post object.
  *
@@ -234,9 +265,9 @@ function block_core_breadcrumbs_get_post_title( $post_id_or_object ) {
 /**
  * Generates breadcrumb items from hierarchical post type ancestors.
  *
- * @since 6.9.0
+ * @since 7.0.0
  *
- * @param int    $post_id   The post ID.
+ * @param int $post_id   The post ID.
  *
  * @return array Array of breadcrumb HTML items.
  */
@@ -260,7 +291,7 @@ function block_core_breadcrumbs_get_hierarchical_post_type_breadcrumbs( $post_id
  *
  * For hierarchical taxonomies, retrieves and formats ancestor terms as breadcrumb links.
  *
- * @since 6.9.0
+ * @since 7.0.0
  *
  * @param int    $term_id  The term ID.
  * @param string $taxonomy The taxonomy name.
@@ -294,7 +325,7 @@ function block_core_breadcrumbs_get_term_ancestors_items( $term_id, $taxonomy )
  * Handles taxonomy archives, post type archives, date archives, and author archives.
  * For hierarchical taxonomies, includes ancestor terms in the breadcrumb trail.
  *
- * @since 6.9.0
+ * @since 7.0.0
  *
  * @return array Array of breadcrumb HTML items.
  */
@@ -426,7 +457,7 @@ function block_core_breadcrumbs_get_archive_breadcrumbs() {
  * Finds the first publicly queryable taxonomy with terms assigned to the post
  * and generates breadcrumb links, including hierarchical term ancestors if applicable.
  *
- * @since 6.9.0
+ * @since 7.0.0
  *
  * @param int    $post_id   The post ID.
  * @param string $post_type The post type name.
@@ -448,21 +479,72 @@ function block_core_breadcrumbs_get_terms_breadcrumbs( $post_id, $post_type ) {
 		return array();
 	}
 
-	// Find the first taxonomy that has terms assigned to this post.
+	/**
+	 * Filters breadcrumb settings on a per-post-type basis.
+	 *
+	 * Allow developers to customize breadcrumb behavior for specific post types.
+	 *
+	 * @since 7.0.0
+	 *
+	 * @param array  $settings {
+	 *     Array of breadcrumb settings. Default empty array.
+	 *
+	 *     @type string $taxonomy Optional. Taxonomy slug to use for breadcrumbs.
+	 *                            The taxonomy must be registered for the post type and have
+	 *                            terms assigned to the post. If not found or has no terms,
+	 *                            fall back to the first available taxonomy with terms.
+	 *     @type string $term     Optional. Term slug to use when the post has multiple terms
+	 *                            in the selected taxonomy. If the term is not found or not
+	 *                            assigned to the post, fall back to the first term. If the
+	 *                            post has only one term, that term is used regardless.
+	 * }
+	 * @param string $post_type The post type slug.
+	 */
+	$settings = apply_filters( 'block_core_breadcrumbs_post_type_settings', array(), $post_type );
+
 	$taxonomy_name = null;
 	$terms         = array();
-	foreach ( $taxonomies as $taxonomy ) {
-		$post_terms = get_the_terms( $post_id, $taxonomy->name );
-		if ( ! empty( $post_terms ) && ! is_wp_error( $post_terms ) ) {
-			$taxonomy_name = $taxonomy->name;
-			$terms         = $post_terms;
-			break;
+
+	// Try preferred taxonomy first if specified.
+	if ( ! empty( $settings['taxonomy'] ) ) {
+		foreach ( $taxonomies as $taxonomy ) {
+			if ( $taxonomy->name === $settings['taxonomy'] ) {
+				$post_terms = get_the_terms( $post_id, $taxonomy->name );
+				if ( ! empty( $post_terms ) && ! is_wp_error( $post_terms ) ) {
+					$taxonomy_name = $taxonomy->name;
+					$terms         = $post_terms;
+				}
+				break;
+			}
+		}
+	}
+
+	// If no preferred taxonomy or it didn't have terms, find the first taxonomy with terms.
+	if ( empty( $terms ) ) {
+		foreach ( $taxonomies as $taxonomy ) {
+			$post_terms = get_the_terms( $post_id, $taxonomy->name );
+			if ( ! empty( $post_terms ) && ! is_wp_error( $post_terms ) ) {
+				$taxonomy_name = $taxonomy->name;
+				$terms         = $post_terms;
+				break;
+			}
 		}
 	}
 
 	if ( ! empty( $terms ) ) {
-		// Use the first term (if multiple are assigned).
+		// Select which term to use.
 		$term = reset( $terms );
+
+		// Try preferred term if specified and post has multiple terms.
+		if ( ! empty( $settings['term'] ) && count( $terms ) > 1 ) {
+			foreach ( $terms as $candidate_term ) {
+				if ( $candidate_term->slug === $settings['term'] ) {
+					$term = $candidate_term;
+					break;
+				}
+			}
+		}
+
 		// Add hierarchical term ancestors if applicable.
 		$breadcrumb_items   = array_merge(
 			$breadcrumb_items,
@@ -479,7 +561,7 @@ function block_core_breadcrumbs_get_terms_breadcrumbs( $post_id, $post_type ) {
 /**
  * Registers the `core/breadcrumbs` block on the server.
  *
- * @since 6.9.0
+ * @since 7.0.0
  */
 function register_block_core_breadcrumbs() {
 	register_block_type_from_metadata(

package/src/button/index.js

@@ -34,4 +34,27 @@ export const settings = {
 	} ),
 };
 
+if ( window.__experimentalContentOnlyPatternInsertion ) {
+	settings.fields = [
+		{
+			label: __( 'Content' ),
+			type: 'RichText',
+			shownByDefault: true,
+			mapping: {
+				value: 'text',
+			},
+		},
+		{
+			label: __( 'Link' ),
+			type: 'Link',
+			shownByDefault: false,
+			mapping: {
+				href: 'url',
+				rel: 'rel',
+				target: 'linkTarget',
+			},
+		},
+	];
+}
+
 export const init = () => initBlock( { name, metadata, settings } );

package/src/code/index.js

@@ -39,4 +39,17 @@ export const settings = {
 	save,
 };
 
+if ( window.__experimentalContentOnlyPatternInsertion ) {
+	settings.fields = [
+		{
+			label: __( 'Code' ),
+			type: 'RichText',
+			shownByDefault: true,
+			mapping: {
+				value: 'content',
+			},
+		},
+	];
+}
+
 export const init = () => initBlock( { name, metadata, settings } );

package/src/cover/index.js

@@ -52,4 +52,27 @@ export const settings = {
 	variations,
 };
 
+if ( window.__experimentalContentOnlyPatternInsertion ) {
+	settings.fields = [
+		{
+			label: __( 'Background' ),
+			type: 'Media',
+			shownByDefault: true,
+			mapping: {
+				type: 'backgroundType',
+				id: 'id',
+				src: 'url',
+				alt: 'alt',
+				featuredImage: 'useFeaturedImage',
+			},
+			args: {
+				// TODO - How to support custom gradient?
+				// Build it into Media, or use a custom control?
+				allowedTypes: [ 'image', 'video' ],
+				multiple: false,
+			},
+		},
+	];
+}
+
 export const init = () => initBlock( { name, metadata, settings } );

package/src/details/index.js

@@ -61,4 +61,17 @@ export const settings = {
 	transforms,
 };
 
+if ( window.__experimentalContentOnlyPatternInsertion ) {
+	settings.fields = [
+		{
+			label: __( 'Summary' ),
+			type: 'RichText',
+			shownByDefault: true,
+			mapping: {
+				value: 'summary',
+			},
+		},
+	];
+}
+
 export const init = () => initBlock( { name, metadata, settings } );

package/src/file/index.js

@@ -1,7 +1,7 @@
 /**
  * WordPress dependencies
  */
-import { _x } from '@wordpress/i18n';
+import { _x, __ } from '@wordpress/i18n';
 import { file as icon } from '@wordpress/icons';
 
 /**
@@ -32,4 +32,38 @@ export const settings = {
 	save,
 };
 
+if ( window.__experimentalContentOnlyPatternInsertion ) {
+	settings.fields = [
+		{
+			label: __( 'File' ),
+			type: 'Media',
+			shownByDefault: true,
+			mapping: {
+				id: 'id',
+				src: 'href',
+			},
+			args: {
+				allowedTypes: [],
+				multiple: false,
+			},
+		},
+		{
+			label: __( 'Filename' ),
+			type: 'RichText',
+			shownByDefault: false,
+			mapping: {
+				value: 'fileName',
+			},
+		},
+		{
+			label: __( 'Button Text' ),
+			type: 'RichText',
+			shownByDefault: false,
+			mapping: {
+				value: 'downloadButtonText',
+			},
+		},
+	];
+}
+
 export const init = () => initBlock( { name, metadata, settings } );

package/src/heading/index.js

@@ -69,4 +69,17 @@ export const settings = {
 	variations,
 };
 
+if ( window.__experimentalContentOnlyPatternInsertion ) {
+	settings.fields = [
+		{
+			label: __( 'Content' ),
+			type: 'RichText',
+			shownByDefault: true,
+			mapping: {
+				value: 'content',
+			},
+		},
+	];
+}
+
 export const init = () => initBlock( { name, metadata, settings } );

package/src/html/modal.js

@@ -2,7 +2,7 @@
  * WordPress dependencies
  */
 import { __ } from '@wordpress/i18n';
-import { useState, useMemo } from '@wordpress/element';
+import { useState } from '@wordpress/element';
 import { useSelect } from '@wordpress/data';
 import {
 	Modal,
@@ -40,32 +40,17 @@ export default function HTMLEditModal( {
 	const [ isFullscreen, setIsFullscreen ] = useState( false );
 
 	// Check if user has permission to save scripts and get editor styles
-	const { canUserUseUnfilteredHTML, editorStyles } = useSelect(
-		( select ) => {
-			const settings = select( blockEditorStore ).getSettings();
-			return {
-				canUserUseUnfilteredHTML:
-					settings.__experimentalCanUserUseUnfilteredHTML,
-				editorStyles: settings.styles,
-			};
-		},
-		[]
-	);
+	const { canUserUseUnfilteredHTML } = useSelect( ( select ) => {
+		const settings = select( blockEditorStore ).getSettings();
+		return {
+			canUserUseUnfilteredHTML:
+				settings.__experimentalCanUserUseUnfilteredHTML,
+		};
+	}, [] );
 
 	// Show JS tab if user has permission OR if block contains JavaScript
 	const shouldShowJsTab = canUserUseUnfilteredHTML || js.trim() !== '';
 
-	// Combine all editor styles to inject into modal
-	const styleContent = useMemo( () => {
-		if ( ! editorStyles ) {
-			return '';
-		}
-		return editorStyles
-			.filter( ( style ) => style.css )
-			.map( ( style ) => style.css )
-			.join( '\n' );
-	}, [ editorStyles ] );
-
 	if ( ! isOpen ) {
 		return null;
 	}
@@ -131,11 +116,6 @@ export default function HTMLEditModal( {
 				isFullScreen={ isFullscreen }
 				__experimentalHideHeader
 			>
-				{ styleContent && (
-					<style
-						dangerouslySetInnerHTML={ { __html: styleContent } }
-					/>
-				) }
 				<Tabs orientation="horizontal" defaultTabId="html">
 					<VStack spacing={ 4 } style={ { height: '100%' } }>
 						<HStack justify="space-between">

package/src/image/index.js

@@ -62,4 +62,51 @@ export const settings = {
 	deprecated,
 };
 
+if ( window.__experimentalContentOnlyPatternInsertion ) {
+	settings.fields = [
+		{
+			label: __( 'Image' ),
+			type: 'Media',
+			shownByDefault: true,
+			mapping: {
+				id: 'id',
+				src: 'url',
+				caption: 'caption',
+				alt: 'alt',
+			},
+			args: {
+				allowedTypes: [ 'image' ],
+				multiple: false,
+			},
+		},
+		{
+			label: __( 'Link' ),
+			type: 'Link',
+			shownByDefault: false,
+			mapping: {
+				href: 'href',
+				rel: 'rel',
+				target: 'linkTarget',
+				destination: 'linkDestination',
+			},
+		},
+		{
+			label: __( 'Caption' ),
+			type: 'RichText',
+			shownByDefault: false,
+			mapping: {
+				value: 'caption',
+			},
+		},
+		{
+			label: __( 'Alt text' ),
+			type: 'PlainText',
+			shownByDefault: false,
+			mapping: {
+				value: 'alt',
+			},
+		},
+	];
+}
+
 export const init = () => initBlock( { name, metadata, settings } );