@wordpress/block-library 9.41.1-next.v.202603161435.0 → 9.43.0

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@wordpress/block-library",
-	"version": "9.41.1-next.v.202603161435.0+ab4981c4f",
+	"version": "9.43.0",
 	"description": "Block library for the WordPress editor.",
 	"author": "The WordPress Contributors",
 	"license": "GPL-2.0-or-later",
@@ -95,42 +95,42 @@
 	],
 	"dependencies": {
 		"@arraypress/waveform-player": "1.2.1",
-		"@wordpress/a11y": "^4.41.1-next.v.202603161435.0+ab4981c4f",
-		"@wordpress/api-fetch": "^7.41.1-next.v.202603161435.0+ab4981c4f",
-		"@wordpress/autop": "^4.41.1-next.v.202603161435.0+ab4981c4f",
-		"@wordpress/base-styles": "^6.17.1-next.v.202603161435.0+ab4981c4f",
-		"@wordpress/blob": "^4.41.1-next.v.202603161435.0+ab4981c4f",
-		"@wordpress/block-editor": "^15.14.1-next.v.202603161435.0+ab4981c4f",
-		"@wordpress/blocks": "^15.14.1-next.v.202603161435.0+ab4981c4f",
-		"@wordpress/components": "^32.4.1-next.v.202603161435.0+ab4981c4f",
-		"@wordpress/compose": "^7.41.1-next.v.202603161435.0+ab4981c4f",
-		"@wordpress/core-data": "^7.41.2-next.v.202603161435.0+ab4981c4f",
-		"@wordpress/data": "^10.41.1-next.v.202603161435.0+ab4981c4f",
-		"@wordpress/date": "^5.41.1-next.v.202603161435.0+ab4981c4f",
-		"@wordpress/deprecated": "^4.41.1-next.v.202603161435.0+ab4981c4f",
-		"@wordpress/dom": "^4.41.1-next.v.202603161435.0+ab4981c4f",
-		"@wordpress/element": "^6.41.1-next.v.202603161435.0+ab4981c4f",
-		"@wordpress/escape-html": "^3.41.1-next.v.202603161435.0+ab4981c4f",
-		"@wordpress/hooks": "^4.41.1-next.v.202603161435.0+ab4981c4f",
-		"@wordpress/html-entities": "^4.41.1-next.v.202603161435.0+ab4981c4f",
-		"@wordpress/i18n": "^6.14.1-next.v.202603161435.0+ab4981c4f",
-		"@wordpress/icons": "^12.0.1-next.v.202603161435.0+ab4981c4f",
-		"@wordpress/interactivity": "^6.41.2-next.v.202603161435.0+ab4981c4f",
-		"@wordpress/interactivity-router": "^2.41.2-next.v.202603161435.0+ab4981c4f",
-		"@wordpress/keyboard-shortcuts": "^5.41.1-next.v.202603161435.0+ab4981c4f",
-		"@wordpress/keycodes": "^4.41.1-next.v.202603161435.0+ab4981c4f",
-		"@wordpress/latex-to-mathml": "^1.9.1-next.v.202603161435.0+ab4981c4f",
-		"@wordpress/notices": "^5.41.1-next.v.202603161435.0+ab4981c4f",
-		"@wordpress/patterns": "^2.41.1-next.v.202603161435.0+ab4981c4f",
-		"@wordpress/primitives": "^4.41.1-next.v.202603161435.0+ab4981c4f",
-		"@wordpress/private-apis": "^1.41.1-next.v.202603161435.0+ab4981c4f",
-		"@wordpress/reusable-blocks": "^5.41.1-next.v.202603161435.0+ab4981c4f",
-		"@wordpress/rich-text": "^7.41.1-next.v.202603161435.0+ab4981c4f",
-		"@wordpress/server-side-render": "^6.17.1-next.v.202603161435.0+ab4981c4f",
-		"@wordpress/upload-media": "^0.26.1-next.v.202603161435.0+ab4981c4f",
-		"@wordpress/url": "^4.41.1-next.v.202603161435.0+ab4981c4f",
-		"@wordpress/viewport": "^6.41.1-next.v.202603161435.0+ab4981c4f",
-		"@wordpress/wordcount": "^4.41.1-next.v.202603161435.0+ab4981c4f",
+		"@wordpress/a11y": "^4.43.0",
+		"@wordpress/api-fetch": "^7.43.0",
+		"@wordpress/autop": "^4.43.0",
+		"@wordpress/base-styles": "^6.19.0",
+		"@wordpress/blob": "^4.43.0",
+		"@wordpress/block-editor": "^15.16.0",
+		"@wordpress/blocks": "^15.16.0",
+		"@wordpress/components": "^32.5.0",
+		"@wordpress/compose": "^7.43.0",
+		"@wordpress/core-data": "^7.43.0",
+		"@wordpress/data": "^10.43.0",
+		"@wordpress/date": "^5.43.0",
+		"@wordpress/deprecated": "^4.43.0",
+		"@wordpress/dom": "^4.43.0",
+		"@wordpress/element": "^6.43.0",
+		"@wordpress/escape-html": "^3.43.0",
+		"@wordpress/hooks": "^4.43.0",
+		"@wordpress/html-entities": "^4.43.0",
+		"@wordpress/i18n": "^6.16.0",
+		"@wordpress/icons": "^12.1.0",
+		"@wordpress/interactivity": "^6.43.0",
+		"@wordpress/interactivity-router": "^2.43.0",
+		"@wordpress/keyboard-shortcuts": "^5.43.0",
+		"@wordpress/keycodes": "^4.43.0",
+		"@wordpress/latex-to-mathml": "^1.11.0",
+		"@wordpress/notices": "^5.43.0",
+		"@wordpress/patterns": "^2.43.0",
+		"@wordpress/primitives": "^4.43.0",
+		"@wordpress/private-apis": "^1.43.0",
+		"@wordpress/reusable-blocks": "^5.43.0",
+		"@wordpress/rich-text": "^7.43.0",
+		"@wordpress/server-side-render": "^6.19.0",
+		"@wordpress/upload-media": "^0.28.0",
+		"@wordpress/url": "^4.43.0",
+		"@wordpress/viewport": "^6.43.0",
+		"@wordpress/wordcount": "^4.43.0",
 		"change-case": "^4.1.2",
 		"clsx": "^2.1.1",
 		"colord": "^2.7.0",
@@ -151,5 +151,5 @@
 	"publishConfig": {
 		"access": "public"
 	},
-	"gitHead": "748f4e4564fcc0e6ae90200d90bb993a3cef5828"
+	"gitHead": "2cea90674d11aa521ec3f71652fb3a6a4c383969"
 }

package/src/form-input/edit.js

@@ -115,6 +115,20 @@ function InputFieldBlock( { attributes, setAttributes, className } ) {
 						'Affects the "name" attribute of the input element, and is used as a name for the form submission results.'
 					) }
 				/>
+				{ 'hidden' === type && (
+					<TextControl
+						__next40pxDefaultSize
+						autoComplete="off"
+						label={ __( 'Value' ) }
+						value={ value }
+						onChange={ ( newVal ) =>
+							setAttributes( { value: newVal } )
+						}
+						help={ __(
+							'Sets the stored value for this hidden field.'
+						) }
+					/>
+				) }
 			</InspectorControls>
 		</>
 	);
@@ -133,23 +147,13 @@ function InputFieldBlock( { attributes, setAttributes, className } ) {
 
 	if ( 'hidden' === type ) {
 		return (
-			<>
+			<div { ...blockProps }>
 				{ controls }
-				<input
-					type="hidden"
-					className={ clsx(
-						className,
-						'wp-block-form-input__input',
-						colorProps.className,
-						borderProps.className
-					) }
-					aria-label={ __( 'Value' ) }
-					value={ value }
-					onChange={ ( event ) =>
-						setAttributes( { value: event.target.value } )
-					}
+				<span
+					className="wp-block-form-input__label is-input-hidden"
+					data-message={ __( 'Hidden field' ) }
 				/>
-			</>
+			</div>
 		);
 	}
 

package/src/form-input/editor.scss

@@ -1,24 +1,24 @@
 .wp-block-form-input {
 	.is-input-hidden {
+		display: flex;
+		position: relative;
 		font-size: 0.85em;
 		opacity: 0.3;
 		border: 1px dashed;
 		padding: 0.5em;
 		box-sizing: border-box;
 		background: repeating-linear-gradient(45deg, transparent, transparent 5px, currentColor 5px, currentColor 6px);
+		justify-content: center;
+		align-items: center;
 
-		input[type="text"] {
-			background: transparent;
+		&::after {
+			content: attr(data-message);
 		}
 	}
 	&.is-selected {
 		.is-input-hidden {
 			opacity: 1;
 			background: none;
-
-			input[type="text"] {
-				background: unset;
-			}
 		}
 	}
 }

package/src/form-input/variations.js

@@ -70,6 +70,16 @@ const variations = [
 		scope: [ 'inserter', 'transform' ],
 		isActive: ( blockAttributes ) => blockAttributes?.type === 'number',
 	},
+	{
+		name: 'hidden',
+		title: __( 'Hidden Input' ),
+		icon: 'visibility',
+		description: __( 'A hidden input field.' ),
+		attributes: { type: 'hidden' },
+		isDefault: true,
+		scope: [ 'inserter', 'transform' ],
+		isActive: ( blockAttributes ) => blockAttributes?.type === 'hidden',
+	},
 ];
 
 export default variations;

package/src/group/block.json

@@ -28,8 +28,10 @@
 		"background": {
 			"backgroundImage": true,
 			"backgroundSize": true,
+			"gradient": true,
 			"__experimentalDefaultControls": {
-				"backgroundImage": true
+				"backgroundImage": true,
+				"gradient": true
 			}
 		},
 		"color": {

package/src/home-link/index.php

@@ -5,6 +5,8 @@
  * @package WordPress
  */
 
+require_once __DIR__ . '/navigation-link/shared/build-css-font-sizes.php';
+
 /**
  * Build an array with CSS classes and inline styles defining the colors
  * which will be applied to the home link markup in the front-end.
@@ -59,36 +61,6 @@ function block_core_home_link_build_css_colors( $context ) {
 	return $colors;
 }
 
-/**
- * Build an array with CSS classes and inline styles defining the font sizes
- * which will be applied to the home link markup in the front-end.
- *
- * @since 6.0.0
- *
- * @param  array $context Home link block context.
- * @return array Font size CSS classes and inline styles.
- */
-function block_core_home_link_build_css_font_sizes( $context ) {
-	// CSS classes.
-	$font_sizes = array(
-		'css_classes'   => array(),
-		'inline_styles' => '',
-	);
-
-	$has_named_font_size  = array_key_exists( 'fontSize', $context );
-	$has_custom_font_size = isset( $context['style']['typography']['fontSize'] );
-
-	if ( $has_named_font_size ) {
-		// Add the font size class.
-		$font_sizes['css_classes'][] = sprintf( 'has-%s-font-size', $context['fontSize'] );
-	} elseif ( $has_custom_font_size ) {
-		// Add the custom font size inline style.
-		$font_sizes['inline_styles'] = sprintf( 'font-size: %s;', $context['style']['typography']['fontSize'] );
-	}
-
-	return $font_sizes;
-}
-
 /**
  * Builds an array with classes and style for the li wrapper
  *
@@ -98,12 +70,21 @@ function block_core_home_link_build_css_font_sizes( $context ) {
  * @return string The li wrapper attributes.
  */
 function block_core_home_link_build_li_wrapper_attributes( $context ) {
-	$colors          = block_core_home_link_build_css_colors( $context );
-	$font_sizes      = block_core_home_link_build_css_font_sizes( $context );
-	$classes         = array_merge(
+	$colors = block_core_home_link_build_css_colors( $context );
+	//  The build system prefixes this function with "gutenberg_" to avoid
+	// collisions with the core version. Until this function is backported to
+	// core, we need to guard it's use and only call the prefixed name in
+	//  the plugin.
+	if ( defined( 'IS_GUTENBERG_PLUGIN' ) && IS_GUTENBERG_PLUGIN ) {
+		$font_sizes = gutenberg_block_core_shared_navigation_build_css_font_sizes( $context );
+	} else {
+		$font_sizes = block_core_shared_navigation_build_css_font_sizes( $context );
+	}
+	$classes = array_merge(
 		$colors['css_classes'],
 		$font_sizes['css_classes']
 	);
+
 	$style_attribute = ( $colors['inline_styles'] . $font_sizes['inline_styles'] );
 	$classes[]       = 'wp-block-navigation-item';
 

package/src/html/modal.js

@@ -37,8 +37,6 @@ export default function HTMLEditModal( {
 	const [ editedHtml, setEditedHtml ] = useState( html );
 	const [ editedCss, setEditedCss ] = useState( css );
 	const [ editedJs, setEditedJs ] = useState( js );
-	const [ isDirty, setIsDirty ] = useState( false );
-	const [ showUnsavedWarning, setShowUnsavedWarning ] = useState( false );
 	const [ isFullscreen, setIsFullscreen ] = useState( false );
 
 	const isMobileViewport = useViewportMatch( 'small', '<' );
@@ -60,18 +58,6 @@ export default function HTMLEditModal( {
 		return null;
 	}
 
-	const handleHtmlChange = ( value ) => {
-		setEditedHtml( value );
-		setIsDirty( true );
-	};
-	const handleCssChange = ( value ) => {
-		setEditedCss( value );
-		setIsDirty( true );
-	};
-	const handleJsChange = ( value ) => {
-		setEditedJs( value );
-		setIsDirty( true );
-	};
 	const handleUpdate = () => {
 		// For users without unfiltered_html capability, strip CSS and JS content
 		// to prevent kses from leaving broken content
@@ -82,25 +68,6 @@ export default function HTMLEditModal( {
 				js: canUserUseUnfilteredHTML ? editedJs : '',
 			} ),
 		} );
-		setIsDirty( false );
-	};
-	const handleCancel = () => {
-		setIsDirty( false );
-		onRequestClose();
-	};
-	const handleRequestClose = () => {
-		if ( isDirty ) {
-			setShowUnsavedWarning( true );
-		} else {
-			onRequestClose();
-		}
-	};
-	const handleDiscardChanges = () => {
-		setShowUnsavedWarning( false );
-		onRequestClose();
-	};
-	const handleContinueEditing = () => {
-		setShowUnsavedWarning( false );
 	};
 	const handleUpdateAndClose = () => {
 		handleUpdate();
@@ -114,12 +81,11 @@ export default function HTMLEditModal( {
 		<>
 			<Modal
 				title={ __( 'Edit HTML' ) }
-				onRequestClose={ handleRequestClose }
+				onRequestClose={ onRequestClose }
 				className="block-library-html__modal"
 				size="large"
 				isDismissible={ false }
-				shouldCloseOnClickOutside={ ! isDirty }
-				shouldCloseOnEsc={ ! isDirty }
+				shouldCloseOnClickOutside={ false }
 				isFullScreen={ isFullscreen }
 				__experimentalHideHeader
 			>
@@ -183,7 +149,7 @@ export default function HTMLEditModal( {
 								>
 									<PlainText
 										value={ editedHtml }
-										onChange={ handleHtmlChange }
+										onChange={ setEditedHtml }
 										placeholder={ __( 'Write HTML…' ) }
 										aria-label={ __( 'HTML' ) }
 										className="block-library-html__modal-editor"
@@ -197,7 +163,7 @@ export default function HTMLEditModal( {
 									>
 										<PlainText
 											value={ editedCss }
-											onChange={ handleCssChange }
+											onChange={ setEditedCss }
 											placeholder={ __( 'Write CSS…' ) }
 											aria-label={ __( 'CSS' ) }
 											className="block-library-html__modal-editor"
@@ -212,7 +178,7 @@ export default function HTMLEditModal( {
 									>
 										<PlainText
 											value={ editedJs }
-											onChange={ handleJsChange }
+											onChange={ setEditedJs }
 											placeholder={ __(
 												'Write JavaScript…'
 											) }
@@ -241,7 +207,7 @@ export default function HTMLEditModal( {
 							<Button
 								__next40pxDefaultSize
 								variant="tertiary"
-								onClick={ handleCancel }
+								onClick={ onRequestClose }
 							>
 								{ __( 'Cancel' ) }
 							</Button>
@@ -256,43 +222,6 @@ export default function HTMLEditModal( {
 					</VStack>
 				</Tabs>
 			</Modal>
-
-			{ showUnsavedWarning && (
-				<Modal
-					title={ __( 'Unsaved changes' ) }
-					onRequestClose={ handleContinueEditing }
-					size="medium"
-				>
-					<p>
-						{ __(
-							'You have unsaved changes. What would you like to do?'
-						) }
-					</p>
-					<Flex direction="row" justify="flex-end" gap={ 2 }>
-						<Button
-							__next40pxDefaultSize
-							variant="secondary"
-							onClick={ handleDiscardChanges }
-						>
-							{ __( 'Discard unsaved changes' ) }
-						</Button>
-						<Button
-							__next40pxDefaultSize
-							variant="secondary"
-							onClick={ handleContinueEditing }
-						>
-							{ __( 'Continue editing' ) }
-						</Button>
-						<Button
-							__next40pxDefaultSize
-							variant="primary"
-							onClick={ handleUpdateAndClose }
-						>
-							{ __( 'Update and close' ) }
-						</Button>
-					</Flex>
-				</Modal>
-			) }
 		</>
 	);
 }

package/src/icon/editor.scss

@@ -1,6 +1,11 @@
 @use "@wordpress/base-styles/variables" as *;
 @use "@wordpress/base-styles/colors" as *;
 
+.wp-block[data-align="center"] > .wp-block-icon {
+	display: flex;
+	justify-content: center;
+}
+
 // Style for the icon library modal.
 .wp-block-icon__inserter {
 	padding: 0 $grid-unit-30;

package/src/image/editor.scss

@@ -52,6 +52,11 @@ figure.wp-block-image:not(.wp-block) {
 	}
 }
 
+// Disable any duotone filter applied in the selected state.
+.wp-block-image.is-selected .block-editor-media-placeholder {
+	filter: none !important;
+}
+
 .block-editor-block-list__block[data-type="core/image"] .block-editor-block-toolbar .block-editor-url-input__button-modal {
 	position: absolute;
 	left: 0;

package/src/image/image.js

@@ -70,7 +70,9 @@ import {
 } from './constants';
 import { evalAspectRatio, mediaPosition } from './utils';
 
-const { DimensionsTool, ResolutionTool } = unlock( blockEditorPrivateApis );
+const { DimensionsTool, ResolutionTool, mediaEditKey } = unlock(
+	blockEditorPrivateApis
+);
 
 const scaleOptions = [
 	{
@@ -342,7 +344,13 @@ export default function Image( {
 		[ id, isSingleSelected ]
 	);
 
-	const { canInsertCover, imageEditing, imageSizes, maxWidth } = useSelect(
+	const {
+		canInsertCover,
+		imageEditing,
+		imageSizes,
+		maxWidth,
+		editMediaEntity,
+	} = useSelect(
 		( select ) => {
 			const { getBlockRootClientId, canInsertBlockType, getSettings } =
 				select( blockEditorStore );
@@ -354,6 +362,7 @@ export default function Image( {
 				imageEditing: settings.imageEditing,
 				imageSizes: settings.imageSizes,
 				maxWidth: settings.maxWidth,
+				editMediaEntity: settings?.[ mediaEditKey ],
 				canInsertCover: canInsertBlockType(
 					'core/cover',
 					rootClientId
@@ -550,7 +559,12 @@ export default function Image( {
 		}
 	}, [ isSingleSelected ] );
 
-	const canEditImage = id && naturalWidth && naturalHeight && imageEditing;
+	const canEditImage =
+		id &&
+		naturalWidth &&
+		naturalHeight &&
+		imageEditing &&
+		!! editMediaEntity;
 	const allowCrop =
 		isSingleSelected &&
 		canEditImage &&
@@ -762,6 +776,7 @@ export default function Image( {
 		id &&
 		isSingleSelected &&
 		canUserEdit &&
+		!! editMediaEntity &&
 		! isExternalImage( id, url ) &&
 		! isEditingImage &&
 		onNavigateToEntityRecord && (

package/src/latest-comments/deprecated.js

@@ -23,6 +23,39 @@ const v1 = {
 			default: true,
 		},
 	},
+	supports: {
+		align: true,
+		color: {
+			gradients: true,
+			link: true,
+			__experimentalDefaultControls: {
+				background: true,
+				text: true,
+				link: true,
+			},
+		},
+		html: false,
+		spacing: {
+			margin: true,
+			padding: true,
+		},
+		typography: {
+			fontSize: true,
+			lineHeight: true,
+			__experimentalFontFamily: true,
+			__experimentalFontWeight: true,
+			__experimentalFontStyle: true,
+			__experimentalTextTransform: true,
+			__experimentalTextDecoration: true,
+			__experimentalLetterSpacing: true,
+			__experimentalDefaultControls: {
+				fontSize: true,
+			},
+		},
+		interactivity: {
+			clientNavigation: true,
+		},
+	},
 	isEligible( attributes ) {
 		return attributes?.displayExcerpt === false;
 	},

package/src/list-item/block.json

@@ -21,6 +21,7 @@
 	},
 	"supports": {
 		"anchor": true,
+		"html": false,
 		"className": false,
 		"splitting": true,
 		"__experimentalBorder": {

package/src/loginout/index.php

@@ -38,6 +38,19 @@ function render_block_core_loginout( $attributes ) {
 
 		// Get the form.
 		$contents = wp_login_form( array( 'echo' => false ) );
+
+		if ( wp_is_block_theme() ) {
+			$processor = new WP_HTML_Tag_Processor( $contents );
+
+			while ( $processor->next_tag( 'input' ) ) {
+				if ( 'submit' === $processor->get_attribute( 'type' ) && 'wp-submit' === $processor->get_attribute( 'name' ) ) {
+					$processor->add_class( 'wp-block-button__link' );
+					$processor->add_class( wp_theme_get_element_class_name( 'button' ) );
+					$contents = $processor->get_updated_html();
+					break;
+				}
+			}
+		}
 	}
 
 	$wrapper_attributes = get_block_wrapper_attributes( array( 'class' => $classes ) );