@wordpress/block-library 8.20.1 → 8.21.0

package/src/missing/test/edit-integration.native.js

@@ -1,81 +1,167 @@
 /**
  * External dependencies
  */
-import { initializeEditor, fireEvent, within } from 'test/helpers';
+import {
+	fireEvent,
+	getBlock,
+	initializeEditor,
+	screen,
+	setupCoreBlocks,
+	withFakeTimers,
+	within,
+} from 'test/helpers';
+import { Platform } from 'react-native';
 
 /**
  * WordPress dependencies
  */
-import { getBlockTypes, unregisterBlockType } from '@wordpress/blocks';
+import { unregisterBlockType } from '@wordpress/blocks';
 import { setLocaleData } from '@wordpress/i18n';
+import { requestUnsupportedBlockFallback } from '@wordpress/react-native-bridge';
+
+// Override modal mock to prevent unmounting it when is not visible.
+// This is required to be able to trigger onClose and onDismiss events when
+// the modal is dismissed.
+jest.mock( 'react-native-modal', () => {
+	const mockComponent = require( 'react-native/jest/mockComponent' );
+	return mockComponent( 'react-native-modal' );
+} );
 
-/**
- * Internal dependencies
- */
-import { registerCoreBlocks } from '../..';
+const TABLE_BLOCK_HTML = `<!-- wp:table -->
+<figure class="wp-block-table"><table><tbody><tr><td>1</td><td>2</td></tr><tr><td>3</td><td>4</td></tr></tbody></table></figure>
+<!-- /wp:table -->`;
+const MODAL_DISMISS_EVENT = Platform.OS === 'ios' ? 'onDismiss' : 'onModalHide';
 
-beforeAll( () => {
-	// Mock translations.
-	setLocaleData( {
-		'block title\u0004Table': [ 'Tabla' ],
-		"'%s' is not fully-supported": [ '«%s» no es totalmente compatible' ],
-	} );
+setupCoreBlocks();
 
-	// Register all core blocks.
-	registerCoreBlocks();
+beforeAll( () => {
+	// For the purpose of this test suite we consider Reusable blocks/Patterns as unsupported.
+	// For this reason we unregister it to force it to be rendered as an unsupported block.
+	unregisterBlockType( 'core/block' );
 } );
 
-afterAll( () => {
-	// Clean up translations.
-	setLocaleData( {} );
+describe( 'Unsupported block', () => {
+	describe( 'localized elements', () => {
+		beforeEach( () => {
+			// Mock translations.
+			setLocaleData( {
+				'block title\u0004Table': [ 'Tabla' ],
+				"'%s' is not fully-supported": [
+					'«%s» no es totalmente compatible',
+				],
+			} );
+		} );
+
+		afterEach( () => {
+			// Clean up translations.
+			setLocaleData( {} );
+		} );
+
+		it( 'requests translated block title in block placeholder', async () => {
+			await initializeEditor( {
+				initialHtml: TABLE_BLOCK_HTML,
+			} );
+
+			const missingBlock = getBlock( screen, 'Unsupported' );
+
+			const translatedTableTitle =
+				within( missingBlock ).getByText( 'Tabla' );
+
+			expect( translatedTableTitle ).toBeDefined();
+		} );
+
+		it( 'requests translated block title in bottom sheet', async () => {
+			await initializeEditor( {
+				initialHtml: TABLE_BLOCK_HTML,
+			} );
+
+			const missingBlock = getBlock( screen, 'Unsupported' );
+
+			fireEvent.press( missingBlock );
 
-	// Clean up registered blocks.
-	getBlockTypes().forEach( ( block ) => {
-		unregisterBlockType( block.name );
+			const [ helpButton ] =
+				await screen.findAllByLabelText( 'Help button' );
+
+			fireEvent.press( helpButton );
+
+			const bottomSheetTitle = await screen.findByText(
+				'«Tabla» no es totalmente compatible'
+			);
+
+			expect( bottomSheetTitle ).toBeDefined();
+		} );
 	} );
-} );
 
-describe( 'Unsupported block', () => {
-	it( 'requests translated block title in block placeholder', async () => {
-		const initialHtml = `<!-- wp:table -->
-			 <figure class="wp-block-table"><table><tbody><tr><td>1</td><td>2</td></tr><tr><td>3</td><td>4</td></tr></tbody></table></figure>
-			 <!-- /wp:table -->`;
-		const screen = await initializeEditor( {
-			initialHtml,
+	it( 'requests web editor when UBE is available', async () => {
+		await initializeEditor( {
+			initialHtml: TABLE_BLOCK_HTML,
+			capabilities: {
+				unsupportedBlockEditor: true,
+				canEnableUnsupportedBlockEditor: true,
+			},
 		} );
 
-		const [ missingBlock ] = await screen.findAllByLabelText(
-			/Unsupported Block\. Row 1/
-		);
+		const missingBlock = getBlock( screen, 'Unsupported' );
+		fireEvent.press( missingBlock );
+
+		// Tap the block to open the unsupported block details
+		fireEvent.press( within( missingBlock ).getByText( 'Unsupported' ) );
 
-		const translatedTableTitle =
-			within( missingBlock ).getByText( 'Tabla' );
+		const actionButton = screen.getByText( 'Edit using web editor' );
+		expect( actionButton ).toBeVisible();
 
-		expect( translatedTableTitle ).toBeDefined();
+		// UBE is requested after the modal hides and running a timeout
+		await withFakeTimers( async () => {
+			fireEvent.press( actionButton );
+			fireEvent(
+				screen.getByTestId( 'bottom-sheet' ),
+				MODAL_DISMISS_EVENT
+			);
+			jest.runOnlyPendingTimers();
+		} );
+		expect( requestUnsupportedBlockFallback ).toHaveBeenCalled();
 	} );
 
-	it( 'requests translated block title in bottom sheet', async () => {
-		const initialHtml = `<!-- wp:table -->
-		 <figure class="wp-block-table"><table><tbody><tr><td>1</td><td>2</td></tr><tr><td>3</td><td>4</td></tr></tbody></table></figure>
-		 <!-- /wp:table -->`;
-		const screen = await initializeEditor( {
-			initialHtml,
+	it( 'does not show web editor option when UBE is not available', async () => {
+		await initializeEditor( {
+			initialHtml: TABLE_BLOCK_HTML,
+			capabilities: {
+				unsupportedBlockEditor: false,
+				canEnableUnsupportedBlockEditor: false,
+			},
 		} );
 
-		const [ missingBlock ] = await screen.findAllByLabelText(
-			/Unsupported Block\. Row 1/
+		const missingBlock = getBlock( screen, 'Unsupported' );
+		fireEvent.press( missingBlock );
+
+		// Tap the block to open the unsupported block details
+		fireEvent.press( within( missingBlock ).getByText( 'Unsupported' ) );
+
+		const actionButton = await screen.queryByText(
+			'Edit using web editor'
 		);
+		expect( actionButton ).toBeNull();
+	} );
 
-		fireEvent.press( missingBlock );
+	it( 'does not show web editor option when block is incompatible with UBE', async () => {
+		await initializeEditor( {
+			// Reusable blocks/Patterns is a block type unsupported by UBE
+			initialHtml: '<!-- wp:block {"ref":7387} /-->',
+			capabilities: {
+				unsupportedBlockEditor: true,
+				canEnableUnsupportedBlockEditor: true,
+			},
+		} );
 
-		const [ helpButton ] = await screen.findAllByLabelText( 'Help button' );
+		const missingBlock = getBlock( screen, 'Unsupported' );
+		fireEvent.press( missingBlock );
 
-		fireEvent.press( helpButton );
+		// Tap the block to open the unsupported block details
+		fireEvent.press( within( missingBlock ).getByText( 'Unsupported' ) );
 
-		const bottomSheetTitle = await screen.findByText(
-			'«Tabla» no es totalmente compatible'
+		const actionButton = await screen.queryByText(
+			'Edit using web editor'
 		);
-
-		expect( bottomSheetTitle ).toBeDefined();
+		expect( actionButton ).toBeNull();
 	} );
 } );

package/src/missing/test/edit.native.js

@@ -63,47 +63,6 @@ describe( 'Missing block', () => {
 					"' is not fully-supported"
 			);
 		} );
-
-		describe( 'Unsupported block editor (UBE)', () => {
-			beforeEach( () => {
-				// By default we set the web editor as available.
-				storeConfig.selectors.getSettings.mockReturnValue( {
-					capabilities: { unsupportedBlockEditor: true },
-				} );
-			} );
-
-			it( 'renders edit action if UBE is available', () => {
-				const testInstance = getTestComponentWithContent();
-				const bottomSheet =
-					testInstance.UNSAFE_getByType( BottomSheet );
-				const bottomSheetCells = bottomSheet.props.children[ 1 ];
-				expect( bottomSheetCells ).toBeTruthy();
-				expect( bottomSheetCells.props.children.length ).toBe( 2 );
-				expect( bottomSheetCells.props.children[ 0 ].props.label ).toBe(
-					'Edit using web editor'
-				);
-			} );
-
-			it( 'does not render edit action if UBE is not available', () => {
-				storeConfig.selectors.getSettings.mockReturnValue( {
-					capabilities: { unsupportedBlockEditor: false },
-				} );
-
-				const testInstance = getTestComponentWithContent();
-				const bottomSheet =
-					testInstance.UNSAFE_getByType( BottomSheet );
-				expect( bottomSheet.props.children[ 1 ] ).toBeFalsy();
-			} );
-
-			it( 'does not render edit action if the block is incompatible with UBE', () => {
-				const testInstance = getTestComponentWithContent( {
-					originalName: 'core/block',
-				} );
-				const bottomSheet =
-					testInstance.UNSAFE_getByType( BottomSheet );
-				expect( bottomSheet.props.children[ 1 ] ).toBeFalsy();
-			} );
-		} );
 	} );
 
 	it( 'renders admin plugins icon', () => {

package/src/navigation/block.json

@@ -133,7 +133,8 @@
 				}
 			}
 		},
-		"interactivity": true
+		"interactivity": true,
+		"renaming": false
 	},
 	"viewScript": "file:./view.min.js",
 	"editorStyle": "wp-block-navigation-editor",

package/src/navigation/edit/index.js

@@ -884,7 +884,6 @@ function Navigation( {
 						<ResponsiveWrapper
 							id={ clientId }
 							onToggle={ setResponsiveMenuVisibility }
-							label={ __( 'Menu' ) }
 							hasIcon={ hasIcon }
 							icon={ icon }
 							isOpen={ isResponsiveMenuOpen }

package/src/navigation/index.php

@@ -72,8 +72,8 @@ if ( defined( 'IS_GUTENBERG_PLUGIN' ) && IS_GUTENBERG_PLUGIN ) {
  * Add Interactivity API directives to the navigation-submenu and page-list
  * blocks markup using the Tag Processor.
  *
- * @param string $w Markup of the navigation block.
- * @param array  $block_attributes Block attributes.
+ * @param WP_HTML_Tag_Processor $w                Markup of the navigation block.
+ * @param array                 $block_attributes Block attributes.
  *
  * @return string Submenu markup with the directives injected.
  */
@@ -90,6 +90,13 @@ function block_core_navigation_add_directives_to_submenu( $w, $block_attributes
 		$w->set_attribute( 'data-wp-effect', 'effects.core.navigation.initMenu' );
 		$w->set_attribute( 'data-wp-on--focusout', 'actions.core.navigation.handleMenuFocusout' );
 		$w->set_attribute( 'data-wp-on--keydown', 'actions.core.navigation.handleMenuKeydown' );
+
+		// This is a fix for Safari. Without it, Safari doesn't change the active
+		// element when the user clicks on a button. It can be removed once we add
+		// an overlay to capture the clicks, instead of relying on the focusout
+		// event.
+		$w->set_attribute( 'tabindex', '-1' );
+
 		if ( ! isset( $block_attributes['openSubmenusOnClick'] ) || false === $block_attributes['openSubmenusOnClick'] ) {
 			$w->set_attribute( 'data-wp-on--mouseenter', 'actions.core.navigation.openMenuOnHover' );
 			$w->set_attribute( 'data-wp-on--mouseleave', 'actions.core.navigation.closeMenuOnHover' );
@@ -696,9 +703,22 @@ function render_block_core_navigation( $attributes, $content, $block ) {
 	$responsive_dialog_directives    = '';
 	$close_button_directives         = '';
 	if ( $should_load_view_script ) {
+		$nav_element_context             = wp_json_encode(
+			array(
+				'core' => array(
+					'navigation' => array(
+						'overlayOpenedBy' => array(),
+						'type'            => 'overlay',
+						'roleAttribute'   => '',
+						'ariaLabel'       => __( 'Menu' ),
+					),
+				),
+			),
+			JSON_HEX_TAG | JSON_HEX_APOS | JSON_HEX_AMP
+		);
 		$nav_element_directives          = '
 			data-wp-interactive
-			data-wp-context=\'{ "core": { "navigation": { "overlayOpenedBy": {}, "type": "overlay", "roleAttribute": "" } } }\'
+			data-wp-context=\'' . $nav_element_context . '\'
 		';
 		$open_button_directives          = '
 			data-wp-on--click="actions.core.navigation.openMenuOnClick"
@@ -714,6 +734,7 @@ function render_block_core_navigation( $attributes, $content, $block ) {
 		';
 		$responsive_dialog_directives    = '
 			data-wp-bind--aria-modal="selectors.core.navigation.ariaModal"
+			data-wp-bind--aria-label="selectors.core.navigation.ariaLabel"
 			data-wp-bind--role="selectors.core.navigation.roleAttribute"
 			data-wp-effect="effects.core.navigation.focusFirstElement"
 		';
@@ -723,11 +744,11 @@ function render_block_core_navigation( $attributes, $content, $block ) {
 	}
 
 	$responsive_container_markup = sprintf(
-		'<button aria-haspopup="true" %3$s class="%6$s" %11$s>%9$s</button>
-			<div class="%5$s" style="%7$s" id="%1$s" %12$s>
+		'<button aria-haspopup="true" %3$s class="%6$s" %10$s>%8$s</button>
+			<div class="%5$s" style="%7$s" id="%1$s" %11$s>
 				<div class="wp-block-navigation__responsive-close" tabindex="-1">
-					<div class="wp-block-navigation__responsive-dialog" aria-label="%8$s" %13$s>
-							<button %4$s class="wp-block-navigation__responsive-container-close" %14$s>%10$s</button>
+					<div class="wp-block-navigation__responsive-dialog" %12$s>
+							<button %4$s class="wp-block-navigation__responsive-container-close" %13$s>%9$s</button>
 						<div class="wp-block-navigation__responsive-container-content" id="%1$s-content">
 							%2$s
 						</div>
@@ -741,7 +762,6 @@ function render_block_core_navigation( $attributes, $content, $block ) {
 		esc_attr( implode( ' ', $responsive_container_classes ) ),
 		esc_attr( implode( ' ', $open_button_classes ) ),
 		esc_attr( safecss_filter_attr( $colors['overlay_inline_styles'] ) ),
-		__( 'Menu' ),
 		$toggle_button_content,
 		$toggle_close_button_content,
 		$open_button_directives,

package/src/navigation/view.js

@@ -13,10 +13,14 @@ const focusableSelectors = [
 	'[tabindex]:not([tabindex^="-"])',
 ];
 
+// This is a fix for Safari in iOS/iPadOS. Without it, Safari doesn't focus out
+// when the user taps in the body. It can be removed once we add an overlay to
+// capture the clicks, instead of relying on the focusout event.
+document.addEventListener( 'click', () => {} );
+
 const openMenu = ( store, menuOpenedOn ) => {
-	const { context, ref, selectors } = store;
+	const { context, selectors } = store;
 	selectors.core.navigation.menuOpenedBy( store )[ menuOpenedOn ] = true;
-	context.core.navigation.previousFocus = ref;
 	if ( context.core.navigation.type === 'overlay' ) {
 		// Add a `has-modal-open` class to the <html> root.
 		document.documentElement.classList.add( 'has-modal-open' );
@@ -33,7 +37,7 @@ const closeMenu = ( store, menuClosedOn ) => {
 				window.document.activeElement
 			)
 		) {
-			context.core.navigation.previousFocus.focus();
+			context.core.navigation.previousFocus?.focus();
 		}
 		context.core.navigation.modal = null;
 		context.core.navigation.previousFocus = null;
@@ -87,6 +91,13 @@ wpStore( {
 						? 'true'
 						: null;
 				},
+				ariaLabel: ( store ) => {
+					const { context, selectors } = store;
+					return context.core.navigation.type === 'overlay' &&
+						selectors.core.navigation.isMenuOpen( store )
+						? context.core.navigation.ariaLabel
+						: null;
+				},
 				isMenuOpen: ( { context } ) =>
 					// The menu is opened if either `click`, `hover` or `focus` is true.
 					Object.values(
@@ -123,6 +134,8 @@ wpStore( {
 					closeMenu( store, 'hover' );
 				},
 				openMenuOnClick( store ) {
+					const { context, ref } = store;
+					context.core.navigation.previousFocus = ref;
 					openMenu( store, 'click' );
 				},
 				closeMenuOnClick( store ) {
@@ -133,13 +146,16 @@ wpStore( {
 					openMenu( store, 'focus' );
 				},
 				toggleMenuOnClick: ( store ) => {
-					const { selectors } = store;
+					const { selectors, context, ref } = store;
+					// Safari won't send focus to the clicked element, so we need to manually place it: https://bugs.webkit.org/show_bug.cgi?id=22261
+					if ( window.document.activeElement !== ref ) ref.focus();
 					const menuOpenedBy =
 						selectors.core.navigation.menuOpenedBy( store );
 					if ( menuOpenedBy.click || menuOpenedBy.focus ) {
 						closeMenu( store, 'click' );
 						closeMenu( store, 'focus' );
 					} else {
+						context.core.navigation.previousFocus = ref;
 						openMenu( store, 'click' );
 					}
 				},
@@ -187,11 +203,14 @@ wpStore( {
 					// event.relatedTarget === The element receiving focus (if any)
 					// When focusout is outsite the document,
 					// `window.document.activeElement` doesn't change.
+
+					// The event.relatedTarget is null when something outside the navigation menu is clicked. This is only necessary for Safari.
 					if (
-						! context.core.navigation.modal?.contains(
+						event.relatedTarget === null ||
+						( ! context.core.navigation.modal?.contains(
 							event.relatedTarget
 						) &&
-						event.target !== window.document.activeElement
+							event.target !== window.document.activeElement )
 					) {
 						closeMenu( store, 'click' );
 						closeMenu( store, 'focus' );

package/src/page-list-item/edit.js

@@ -64,6 +64,7 @@ export default function PageListItemEdit( { context, attributes } ) {
 			{ hasChildren && context.openSubmenusOnClick ? (
 				<>
 					<button
+						type="button"
 						className="wp-block-navigation-item__content wp-block-navigation-submenu__toggle"
 						aria-expanded="false"
 					>
@@ -90,6 +91,7 @@ export default function PageListItemEdit( { context, attributes } ) {
 							<button
 								className="wp-block-navigation-item__content wp-block-navigation-submenu__toggle wp-block-page-list__submenu-icon wp-block-navigation__submenu-icon"
 								aria-expanded="false"
+								type="button"
 							>
 								<ItemSubmenuIcon />
 							</button>

package/src/paragraph/index.js

@@ -28,7 +28,17 @@ export const settings = {
 		},
 	},
 	__experimentalLabel( attributes, { context } ) {
+		const customName = attributes?.metadata?.name;
+
+		if ( context === 'list-view' && customName ) {
+			return customName;
+		}
+
 		if ( context === 'accessibility' ) {
+			if ( customName ) {
+				return customName;
+			}
+
 			const { content } = attributes;
 			return ! content || content.length === 0 ? __( 'Empty' ) : content;
 		}

package/src/pattern/block.json

@@ -7,7 +7,8 @@
 	"description": "Show a block pattern.",
 	"supports": {
 		"html": false,
-		"inserter": false
+		"inserter": false,
+		"renaming": false
 	},
 	"textdomain": "default",
 	"attributes": {

package/src/pattern/index.php

@@ -7,8 +7,6 @@
 
 /**
  *  Registers the `core/pattern` block on the server.
- *
- * @return void
  */
 function register_block_core_pattern() {
 	register_block_type_from_metadata(
@@ -46,7 +44,6 @@ function render_block_core_pattern( $attributes ) {
 	// Backward compatibility for handling Block Hooks and injecting the theme attribute in the Gutenberg plugin.
 	// This can be removed when the minimum supported WordPress is >= 6.4.
 	if ( defined( 'IS_GUTENBERG_PLUGIN' ) && IS_GUTENBERG_PLUGIN && ! function_exists( 'traverse_and_serialize_blocks' ) ) {
-		$content = _inject_theme_attribute_in_block_template_content( $content );
 		$blocks  = parse_blocks( $content );
 		$content = gutenberg_serialize_blocks( $blocks );
 	}

package/src/post-navigation-link/index.php

@@ -38,6 +38,7 @@ function render_block_core_post_navigation_link( $attributes, $content ) {
 	$link   = 'next' === $navigation_type ? _x( 'Next', 'label for next post link' ) : _x( 'Previous', 'label for previous post link' );
 	$label  = '';
 
+	// Only use hardcoded values here, otherwise we need to add escaping where these values are used.
 	$arrow_map = array(
 		'none'    => '',
 		'arrow'   => array(
@@ -88,7 +89,7 @@ function render_block_core_post_navigation_link( $attributes, $content ) {
 	}
 
 	// Display arrows.
-	if ( isset( $attributes['arrow'] ) && ! empty( $attributes['arrow'] ) && 'none' !== $attributes['arrow'] ) {
+	if ( isset( $attributes['arrow'] ) && 'none' !== $attributes['arrow'] && isset( $arrow_map[ $attributes['arrow'] ] ) ) {
 		$arrow = $arrow_map[ $attributes['arrow'] ][ $navigation_type ];
 
 		if ( 'next' === $navigation_type ) {

package/src/preformatted/test/edit.native.js

@@ -70,4 +70,42 @@ describe( 'Preformatted', () => {
 		<!-- /wp:preformatted -->"
 	` );
 	} );
+
+	it( 'should split on triple Enter', async () => {
+		// Arrange
+		const screen = await initializeEditor();
+
+		// Act
+		await addBlock( screen, 'Preformatted' );
+		const preformattedTextInput = await screen.findByPlaceholderText(
+			'Write preformatted text…'
+		);
+		typeInRichText( preformattedTextInput, 'Hello' );
+		fireEvent( preformattedTextInput, 'onKeyDown', {
+			nativeEvent: {},
+			preventDefault() {},
+			keyCode: ENTER,
+		} );
+		fireEvent( preformattedTextInput, 'onKeyDown', {
+			nativeEvent: {},
+			preventDefault() {},
+			keyCode: ENTER,
+		} );
+		fireEvent( preformattedTextInput, 'onKeyDown', {
+			nativeEvent: {},
+			preventDefault() {},
+			keyCode: ENTER,
+		} );
+
+		// Assert
+		expect( getEditorHtml() ).toMatchInlineSnapshot( `
+		"<!-- wp:preformatted -->
+		<pre class="wp-block-preformatted">Hello</pre>
+		<!-- /wp:preformatted -->
+
+		<!-- wp:paragraph -->
+		<p></p>
+		<!-- /wp:paragraph -->"
+	` );
+	} );
 } );

package/src/query/index.php

@@ -34,7 +34,8 @@ function render_block_core_query( $attributes, $content, $block ) {
 								'loadedText'  => __( 'Page Loaded.' ),
 							),
 						),
-					)
+					),
+					JSON_HEX_TAG | JSON_HEX_APOS | JSON_HEX_AMP
 				)
 			);
 			$content = $p->get_updated_html();
@@ -47,7 +48,7 @@ function render_block_core_query( $attributes, $content, $block ) {
 			$content           = substr_replace(
 				$content,
 				'<div
-					class="wp-block-query__enhanced-pagination-navigation-announce"
+					class="screen-reader-text"
 					aria-live="polite"
 					data-wp-text="context.core.query.message"
 				></div>

package/src/query/style.scss

@@ -50,14 +50,3 @@
 		opacity: 0;
 	}
 }
-
-.wp-block-query__enhanced-pagination-navigation-announce {
-	position: absolute;
-	clip: rect(0, 0, 0, 0);
-	width: 1px;
-	height: 1px;
-	padding: 0;
-	margin: -1px;
-	overflow: hidden;
-	border: 0;
-}

package/src/search/index.php

@@ -281,8 +281,6 @@ function classnames_for_block_core_search( $attributes ) {
  * @param array  $wrapper_styles Current collection of wrapper styles.
  * @param array  $button_styles  Current collection of button styles.
  * @param array  $input_styles   Current collection of input styles.
- *
- * @return void
  */
 function apply_block_core_search_border_style( $attributes, $property, $side, &$wrapper_styles, &$button_styles, &$input_styles ) {
 	$is_button_inside = isset( $attributes['buttonPosition'] ) && 'button-inside' === $attributes['buttonPosition'];
@@ -327,8 +325,6 @@ function apply_block_core_search_border_style( $attributes, $property, $side, &$
  * @param array  $wrapper_styles Current collection of wrapper styles.
  * @param array  $button_styles  Current collection of button styles.
  * @param array  $input_styles   Current collection of input styles.
- *
- * @return void
  */
 function apply_block_core_search_border_styles( $attributes, $property, &$wrapper_styles, &$button_styles, &$input_styles ) {
 	apply_block_core_search_border_style( $attributes, $property, null, $wrapper_styles, $button_styles, $input_styles );

package/src/style.scss

@@ -14,6 +14,7 @@
 @import "./details/style.scss";
 @import "./embed/style.scss";
 @import "./file/style.scss";
+@import "./form-input/style.scss";
 @import "./gallery/style.scss";
 @import "./group/style.scss";
 @import "./heading/style.scss";

package/src/template-part/block.json

@@ -23,7 +23,8 @@
 	"supports": {
 		"align": true,
 		"html": false,
-		"reusable": false
+		"reusable": false,
+		"renaming": false
 	},
 	"editorStyle": "wp-block-template-part-editor"
 }