@wordpress/block-library 9.36.1-next.8b30e05b0.0 → 9.37.0

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@wordpress/block-library",
-	"version": "9.36.1-next.8b30e05b0.0",
+	"version": "9.37.0",
 	"description": "Block library for the WordPress editor.",
 	"author": "The WordPress Contributors",
 	"license": "GPL-2.0-or-later",
@@ -79,44 +79,46 @@
 	"sideEffects": [
 		"build-style/**",
 		"src/**/*.scss",
-		"{src,build,build-module}/*/init.js"
+		"src/*/init.js",
+		"build/*/init.js",
+		"build-module/*/init.js"
 	],
 	"dependencies": {
-		"@wordpress/a11y": "^4.36.1-next.8b30e05b0.0",
-		"@wordpress/api-fetch": "^7.36.1-next.8b30e05b0.0",
-		"@wordpress/autop": "^4.36.1-next.8b30e05b0.0",
-		"@wordpress/base-styles": "^6.12.1-next.8b30e05b0.0",
-		"@wordpress/blob": "^4.36.1-next.8b30e05b0.0",
-		"@wordpress/block-editor": "^15.9.1-next.8b30e05b0.0",
-		"@wordpress/blocks": "^15.9.1-next.8b30e05b0.0",
-		"@wordpress/components": "^30.9.1-next.8b30e05b0.0",
-		"@wordpress/compose": "^7.36.1-next.8b30e05b0.0",
-		"@wordpress/core-data": "^7.36.1-next.8b30e05b0.0",
-		"@wordpress/data": "^10.36.1-next.8b30e05b0.0",
-		"@wordpress/date": "^5.36.1-next.8b30e05b0.0",
-		"@wordpress/deprecated": "^4.36.1-next.8b30e05b0.0",
-		"@wordpress/dom": "^4.36.1-next.8b30e05b0.0",
-		"@wordpress/element": "^6.36.1-next.8b30e05b0.0",
-		"@wordpress/escape-html": "^3.36.1-next.8b30e05b0.0",
-		"@wordpress/hooks": "^4.36.1-next.8b30e05b0.0",
-		"@wordpress/html-entities": "^4.36.1-next.8b30e05b0.0",
-		"@wordpress/i18n": "^6.9.1-next.8b30e05b0.0",
-		"@wordpress/icons": "^11.3.1-next.8b30e05b0.0",
-		"@wordpress/interactivity": "^6.36.1-next.8b30e05b0.0",
-		"@wordpress/interactivity-router": "^2.36.1-next.8b30e05b0.0",
-		"@wordpress/keyboard-shortcuts": "^5.36.1-next.8b30e05b0.0",
-		"@wordpress/keycodes": "^4.36.1-next.8b30e05b0.0",
-		"@wordpress/latex-to-mathml": "^1.4.1-next.8b30e05b0.0",
-		"@wordpress/notices": "^5.36.1-next.8b30e05b0.0",
-		"@wordpress/patterns": "^2.36.1-next.8b30e05b0.0",
-		"@wordpress/primitives": "^4.36.1-next.8b30e05b0.0",
-		"@wordpress/private-apis": "^1.36.1-next.8b30e05b0.0",
-		"@wordpress/reusable-blocks": "^5.36.1-next.8b30e05b0.0",
-		"@wordpress/rich-text": "^7.36.1-next.8b30e05b0.0",
-		"@wordpress/server-side-render": "^6.12.1-next.8b30e05b0.0",
-		"@wordpress/url": "^4.36.1-next.8b30e05b0.0",
-		"@wordpress/viewport": "^6.36.1-next.8b30e05b0.0",
-		"@wordpress/wordcount": "^4.36.1-next.8b30e05b0.0",
+		"@wordpress/a11y": "^4.37.0",
+		"@wordpress/api-fetch": "^7.37.0",
+		"@wordpress/autop": "^4.37.0",
+		"@wordpress/base-styles": "^6.13.0",
+		"@wordpress/blob": "^4.37.0",
+		"@wordpress/block-editor": "^15.10.0",
+		"@wordpress/blocks": "^15.10.0",
+		"@wordpress/components": "^31.0.0",
+		"@wordpress/compose": "^7.37.0",
+		"@wordpress/core-data": "^7.37.0",
+		"@wordpress/data": "^10.37.0",
+		"@wordpress/date": "^5.37.0",
+		"@wordpress/deprecated": "^4.37.0",
+		"@wordpress/dom": "^4.37.0",
+		"@wordpress/element": "^6.37.0",
+		"@wordpress/escape-html": "^3.37.0",
+		"@wordpress/hooks": "^4.37.0",
+		"@wordpress/html-entities": "^4.37.0",
+		"@wordpress/i18n": "^6.10.0",
+		"@wordpress/icons": "^11.4.0",
+		"@wordpress/interactivity": "^6.37.0",
+		"@wordpress/interactivity-router": "^2.37.0",
+		"@wordpress/keyboard-shortcuts": "^5.37.0",
+		"@wordpress/keycodes": "^4.37.0",
+		"@wordpress/latex-to-mathml": "^1.5.0",
+		"@wordpress/notices": "^5.37.0",
+		"@wordpress/patterns": "^2.37.0",
+		"@wordpress/primitives": "^4.37.0",
+		"@wordpress/private-apis": "^1.37.0",
+		"@wordpress/reusable-blocks": "^5.37.0",
+		"@wordpress/rich-text": "^7.37.0",
+		"@wordpress/server-side-render": "^6.13.0",
+		"@wordpress/url": "^4.37.0",
+		"@wordpress/viewport": "^6.37.0",
+		"@wordpress/wordcount": "^4.37.0",
 		"change-case": "^4.1.2",
 		"clsx": "^2.1.1",
 		"colord": "^2.7.0",
@@ -134,5 +136,5 @@
 	"publishConfig": {
 		"access": "public"
 	},
-	"gitHead": "2466f6bc223f8be98c55e1ac7270e8c3e413eaaf"
+	"gitHead": "2cf13ec6cf86153c9b3cf369bf5c59046f5cd950"
 }

package/src/accordion-heading/style.scss

@@ -1,9 +1,3 @@
-.wp-block-accordion-heading {
-	// Some classic themes apply default margins to heading elements,
-	// so those styles need to be reset.
-	margin: 0;
-}
-
 .wp-block-accordion-heading__toggle {
 	font-family: inherit;
 	font-size: inherit;
@@ -14,7 +8,9 @@
 	text-decoration: inherit;
 	word-spacing: inherit;
 	font-style: inherit;
+	background: none;
 	border: none;
+	color: inherit;
 	padding: var(--wp--preset--spacing--20, 1em) 0;
 	cursor: pointer;
 	overflow: hidden;
@@ -23,34 +19,10 @@
 	text-align: inherit;
 	width: 100%;
 
-	// Some themes may apply colors to button elements with a particularly
-	// high CSS specificity. Since it's impossible to predict this specificity,
-	// we reset the colors using `!important`.
-	background-color: inherit !important;
-	color: inherit !important;
-
 	&:not(:focus-visible) {
 		outline: none;
 	}
 
-	&:hover,
-	&:focus {
-		// Some themes may apply styles when a button element is hovered
-		// over or focused. This is not intended for accordion toggle
-		// buttons, so we reset it here.
-		text-decoration: none;
-		background-color: inherit !important;
-		box-shadow: none;
-		color: inherit;
-		border: none;
-		padding: var(--wp--preset--spacing--20, 1em) 0;
-	}
-
-	&:focus-visible {
-		outline: auto;
-		outline-offset: 0;
-	}
-
 	&:hover .wp-block-accordion-heading__toggle-title {
 		text-decoration: underline;
 	}

package/src/audio/index.js

@@ -36,7 +36,7 @@ export const settings = {
 	save,
 };
 
-if ( window.__experimentalContentOnlyPatternInsertion ) {
+if ( window.__experimentalContentOnlyInspectorFields ) {
 	settings[ fieldsKey ] = [
 		{
 			id: 'audio',

package/src/avatar/edit.js

@@ -130,6 +130,19 @@ const AvatarInspectorControls = ( {
 	);
 };
 
+const AvatarLinkWrapper = ( { children, isLink } ) =>
+	isLink ? (
+		<a
+			href="#avatar-pseudo-link"
+			className="wp-block-avatar__link"
+			onClick={ ( event ) => event.preventDefault() }
+		>
+			{ children }
+		</a>
+	) : (
+		children
+	);
+
 const ResizableAvatar = ( {
 	setAttributes,
 	attributes,
@@ -146,43 +159,46 @@ const ResizableAvatar = ( {
 	);
 	return (
 		<div { ...blockProps }>
-			<ResizableBox
-				size={ {
-					width: attributes.size,
-					height: attributes.size,
-				} }
-				showHandle={ isSelected }
-				onResizeStop={ ( event, direction, elt, delta ) => {
-					setAttributes( {
-						size: parseInt(
-							attributes.size + ( delta.height || delta.width ),
-							10
-						),
-					} );
-				} }
-				lockAspectRatio
-				enable={ {
-					top: false,
-					right: ! isRTL(),
-					bottom: true,
-					left: isRTL(),
-				} }
-				minWidth={ avatar.minSize }
-				maxWidth={ avatar.maxSize }
-			>
-				<img
-					src={ doubledSizedSrc }
-					alt={ avatar.alt }
-					className={ clsx(
-						'avatar',
-						'avatar-' + attributes.size,
-						'photo',
-						'wp-block-avatar__image',
-						borderProps.className
-					) }
-					style={ borderProps.style }
-				/>
-			</ResizableBox>
+			<AvatarLinkWrapper isLink={ attributes.isLink }>
+				<ResizableBox
+					size={ {
+						width: attributes.size,
+						height: attributes.size,
+					} }
+					showHandle={ isSelected }
+					onResizeStop={ ( event, direction, elt, delta ) => {
+						setAttributes( {
+							size: parseInt(
+								attributes.size +
+									( delta.height || delta.width ),
+								10
+							),
+						} );
+					} }
+					lockAspectRatio
+					enable={ {
+						top: false,
+						right: ! isRTL(),
+						bottom: true,
+						left: isRTL(),
+					} }
+					minWidth={ avatar.minSize }
+					maxWidth={ avatar.maxSize }
+				>
+					<img
+						src={ doubledSizedSrc }
+						alt={ avatar.alt }
+						className={ clsx(
+							'avatar',
+							'avatar-' + attributes.size,
+							'photo',
+							'wp-block-avatar__image',
+							borderProps.className
+						) }
+						style={ borderProps.style }
+					/>
+				</ResizableBox>
+			</AvatarLinkWrapper>
 		</div>
 	);
 };
@@ -198,29 +214,13 @@ const CommentEdit = ( { attributes, context, setAttributes, isSelected } ) => {
 				attributes={ attributes }
 				selectUser={ false }
 			/>
-			{ attributes.isLink ? (
-				<a
-					href="#avatar-pseudo-link"
-					className="wp-block-avatar__link"
-					onClick={ ( event ) => event.preventDefault() }
-				>
-					<ResizableAvatar
-						attributes={ attributes }
-						avatar={ avatar }
-						blockProps={ blockProps }
-						isSelected={ isSelected }
-						setAttributes={ setAttributes }
-					/>
-				</a>
-			) : (
-				<ResizableAvatar
-					attributes={ attributes }
-					avatar={ avatar }
-					blockProps={ blockProps }
-					isSelected={ isSelected }
-					setAttributes={ setAttributes }
-				/>
-			) }
+			<ResizableAvatar
+				attributes={ attributes }
+				avatar={ avatar }
+				blockProps={ blockProps }
+				isSelected={ isSelected }
+				setAttributes={ setAttributes }
+			/>
 		</>
 	);
 };
@@ -241,29 +241,14 @@ const UserEdit = ( { attributes, context, setAttributes, isSelected } ) => {
 				avatar={ avatar }
 				setAttributes={ setAttributes }
 			/>
-			{ attributes.isLink ? (
-				<a
-					href="#avatar-pseudo-link"
-					className="wp-block-avatar__link"
-					onClick={ ( event ) => event.preventDefault() }
-				>
-					<ResizableAvatar
-						attributes={ attributes }
-						avatar={ avatar }
-						blockProps={ blockProps }
-						isSelected={ isSelected }
-						setAttributes={ setAttributes }
-					/>
-				</a>
-			) : (
-				<ResizableAvatar
-					attributes={ attributes }
-					avatar={ avatar }
-					blockProps={ blockProps }
-					isSelected={ isSelected }
-					setAttributes={ setAttributes }
-				/>
-			) }
+
+			<ResizableAvatar
+				attributes={ attributes }
+				avatar={ avatar }
+				blockProps={ blockProps }
+				isSelected={ isSelected }
+				setAttributes={ setAttributes }
+			/>
 		</>
 	);
 };

package/src/breadcrumbs/block.json

@@ -16,11 +16,11 @@
 			"type": "string",
 			"default": "/"
 		},
-		"showHomeLink": {
+		"showHomeItem": {
 			"type": "boolean",
 			"default": true
 		},
-		"showLastItem": {
+		"showCurrentItem": {
 			"type": "boolean",
 			"default": true
 		},
@@ -32,6 +32,7 @@
 	"usesContext": [ "postId", "postType", "templateSlug" ],
 	"supports": {
 		"html": false,
+		"align": [ "wide", "full" ],
 		"spacing": {
 			"margin": true,
 			"padding": true

package/src/breadcrumbs/edit.js

@@ -30,8 +30,8 @@ export default function BreadcrumbEdit( {
 } ) {
 	const {
 		separator,
-		showHomeLink,
-		showLastItem,
+		showHomeItem,
+		showCurrentItem,
 		prefersTaxonomy,
 		showOnHomePage,
 	} = attributes;
@@ -143,7 +143,7 @@ export default function BreadcrumbEdit( {
 		( _showTerms && ! hasTermsAssigned );
 	if ( showPlaceholder ) {
 		const placeholderItems = [];
-		if ( showHomeLink ) {
+		if ( showHomeItem ) {
 			placeholderItems.push( __( 'Home' ) );
 		}
 		if ( templateSlug && ! postId ) {
@@ -168,7 +168,7 @@ export default function BreadcrumbEdit( {
 							</a>
 						</li>
 					) ) }
-					{ showLastItem && (
+					{ showCurrentItem && (
 						<li>
 							<span aria-current="page">{ __( 'Current' ) }</span>
 						</li>
@@ -185,48 +185,48 @@ export default function BreadcrumbEdit( {
 					resetAll={ () => {
 						setAttributes( {
 							separator: separatorDefaultValue,
-							showHomeLink: true,
-							showLastItem: true,
+							showHomeItem: true,
+							showCurrentItem: true,
 						} );
 					} }
 					dropdownMenuProps={ dropdownMenuProps }
 				>
 					<ToolsPanelItem
-						label={ __( 'Show home link' ) }
+						label={ __( 'Show home breadcrumb' ) }
 						isShownByDefault
-						hasValue={ () => ! showHomeLink }
+						hasValue={ () => ! showHomeItem }
 						onDeselect={ () =>
 							setAttributes( {
-								showHomeLink: true,
+								showHomeItem: true,
 							} )
 						}
 					>
 						<ToggleControl
 							__nextHasNoMarginBottom
-							label={ __( 'Show home link' ) }
+							label={ __( 'Show home breadcrumb' ) }
 							onChange={ ( value ) =>
-								setAttributes( { showHomeLink: value } )
+								setAttributes( { showHomeItem: value } )
 							}
-							checked={ showHomeLink }
+							checked={ showHomeItem }
 						/>
 					</ToolsPanelItem>
 					<ToolsPanelItem
-						label={ __( 'Show last item' ) }
+						label={ __( 'Show current breadcrumb' ) }
 						isShownByDefault
-						hasValue={ () => ! showLastItem }
+						hasValue={ () => ! showCurrentItem }
 						onDeselect={ () =>
 							setAttributes( {
-								showLastItem: true,
+								showCurrentItem: true,
 							} )
 						}
 					>
 						<ToggleControl
 							__nextHasNoMarginBottom
-							label={ __( 'Show last item' ) }
+							label={ __( 'Show current breadcrumb' ) }
 							onChange={ ( value ) =>
-								setAttributes( { showLastItem: value } )
+								setAttributes( { showCurrentItem: value } )
 							}
-							checked={ showLastItem }
+							checked={ showCurrentItem }
 						/>
 					</ToolsPanelItem>
 					<ToolsPanelItem

package/src/breadcrumbs/index.php

@@ -17,15 +17,20 @@
  * @return string Returns the post breadcrumb for hierarchical post types.
  */
 function render_block_core_breadcrumbs( $attributes, $content, $block ) {
-	$is_home_or_front_page = is_home() || is_front_page();
-	if ( ! $attributes['showOnHomePage'] && $is_home_or_front_page ) {
+	$is_front_page = is_front_page();
+
+	if ( ! $attributes['showOnHomePage'] && $is_front_page ) {
 		return '';
 	}
 
+	$is_home          = is_home();
+	$page_for_posts   = get_option( 'page_for_posts' );
 	$breadcrumb_items = array();
 
-	if ( $attributes['showHomeLink'] ) {
-		if ( ! $is_home_or_front_page ) {
+	if ( $attributes['showHomeItem'] ) {
+		// We make `home` a link if not on front page, or if front page
+		// is set to a custom page and is paged.
+		if ( ! $is_front_page || ( 'page' === get_option( 'show_on_front' ) && (int) get_query_var( 'page' ) > 1 ) ) {
 			$breadcrumb_items[] = array(
 				'label' => __( 'Home' ),
 				'url'   => home_url( '/' ),
@@ -35,12 +40,22 @@ function render_block_core_breadcrumbs( $attributes, $content, $block ) {
 		}
 	}
 
-	// Handle home and front page.
-	if ( $is_home_or_front_page ) {
-		// This check is explicitly nested in order not to execute the `else` branch.
+	// Handle home.
+	if ( $is_home ) {
+		// These checks are explicitly nested in order not to execute the `else` branch.
+		if ( $page_for_posts ) {
+			$breadcrumb_items[] = block_core_breadcrumbs_create_item( block_core_breadcrumbs_get_post_title( $page_for_posts ), block_core_breadcrumbs_is_paged() );
+		}
 		if ( block_core_breadcrumbs_is_paged() ) {
 			$breadcrumb_items[] = block_core_breadcrumbs_create_page_number_item();
 		}
+	} elseif ( $is_front_page ) {
+		// Handle front page.
+		// This check is explicitly nested in order not to execute the `else` branch.
+		// If front page is set to custom page and is paged, add the page number.
+		if ( (int) get_query_var( 'page' ) > 1 ) {
+			$breadcrumb_items[] = block_core_breadcrumbs_create_page_number_item( 'page' );
+		}
 	} elseif ( is_search() ) {
 		// Handle search results.
 		$is_paged = block_core_breadcrumbs_is_paged();
@@ -105,11 +120,8 @@ function render_block_core_breadcrumbs( $attributes, $content, $block ) {
 		$archive_link     = get_post_type_archive_link( $post_type );
 		if ( $archive_link && untrailingslashit( home_url() ) !== untrailingslashit( $archive_link ) ) {
 			$label = $post_type_object->labels->archives;
-			if ( 'post' === $post_type ) {
-				$page_for_posts = get_option( 'page_for_posts' );
-				if ( $page_for_posts ) {
-					$label = block_core_breadcrumbs_get_post_title( $page_for_posts );
-				}
+			if ( 'post' === $post_type && $page_for_posts ) {
+				$label = block_core_breadcrumbs_get_post_title( $page_for_posts );
 			}
 			$breadcrumb_items[] = array(
 				'label' => $label,
@@ -124,7 +136,7 @@ function render_block_core_breadcrumbs( $attributes, $content, $block ) {
 		}
 
 		// Add post title: linked when viewing a paginated page, plain text otherwise.
-		$is_paged = (int) get_query_var( 'page' ) > 1;
+		$is_paged = (int) get_query_var( 'page' ) > 1 || (int) get_query_var( 'cpage' ) > 1;
 		$title    = block_core_breadcrumbs_get_post_title( $post );
 
 		if ( $is_paged ) {
@@ -133,8 +145,7 @@ function render_block_core_breadcrumbs( $attributes, $content, $block ) {
 				'url'        => get_permalink( $post ),
 				'allow_html' => true,
 			);
-
-			$breadcrumb_items[] = block_core_breadcrumbs_create_page_number_item( 'page' );
+			$breadcrumb_items[] = block_core_breadcrumbs_create_page_number_item( (int) get_query_var( 'cpage' ) > 1 ? 'cpage' : 'page' );
 		} else {
 			$breadcrumb_items[] = array(
 				'label'      => $title,
@@ -143,8 +154,8 @@ function render_block_core_breadcrumbs( $attributes, $content, $block ) {
 		}
 	}
 
-	// Remove last item if disabled.
-	if ( ! $attributes['showLastItem'] && ! empty( $breadcrumb_items ) ) {
+	// Remove current item if disabled.
+	if ( ! $attributes['showCurrentItem'] && ! empty( $breadcrumb_items ) ) {
 		array_pop( $breadcrumb_items );
 	}
 
@@ -202,6 +213,16 @@ function block_core_breadcrumbs_is_paged() {
 function block_core_breadcrumbs_create_page_number_item( $query_var = 'paged' ) {
 	$paged = (int) get_query_var( $query_var );
 
+	if ( 'cpage' === $query_var ) {
+		return array(
+			'label' => sprintf(
+				/* translators: %s: comment page number */
+				__( 'Comments Page %s' ),
+				number_format_i18n( $paged )
+			),
+		);
+	}
+
 	return array(
 		'label' => sprintf(
 			/* translators: %s: page number */

package/src/button/block.json

@@ -18,9 +18,6 @@
 			"type": "string",
 			"default": "button"
 		},
-		"textAlign": {
-			"type": "string"
-		},
 		"url": {
 			"type": "string",
 			"source": "attribute",
@@ -88,6 +85,7 @@
 			"__experimentalSkipSerialization": [
 				"fontSize",
 				"lineHeight",
+				"textAlign",
 				"fontFamily",
 				"fontWeight",
 				"fontStyle",
@@ -97,6 +95,7 @@
 			],
 			"fontSize": true,
 			"lineHeight": true,
+			"textAlign": true,
 			"__experimentalFontFamily": true,
 			"__experimentalFontWeight": true,
 			"__experimentalFontStyle": true,