@wordpress/block-library 7.2.0 → 7.3.0

package/build-style/style-rtl.css

@@ -79,6 +79,10 @@
   display: block;
 }
 
+.wp-block-avatar.aligncenter {
+  text-align: center;
+}
+
 .wp-block-audio {
   margin: 0 0 1em 0;
 }
@@ -1218,14 +1222,6 @@ figure.wp-block-gallery.has-nested-images {
   box-sizing: border-box;
 }
 
-h1,
-h2,
-h3,
-h4,
-h5,
-h6 {
-  overflow-wrap: break-word;
-}
 h1.has-background,
 h2.has-background,
 h3.has-background,
@@ -1450,7 +1446,7 @@ ol.wp-block-latest-comments {
 
 ol,
 ul {
-  overflow-wrap: break-word;
+  box-sizing: border-box;
 }
 ol.has-background,
 ul.has-background {
@@ -1590,20 +1586,22 @@ ul.has-background {
   display: block;
   padding: 0;
 }
-.wp-block-navigation[style*=text-decoration] .wp-block-navigation-item,
-.wp-block-navigation[style*=text-decoration] .wp-block-navigation__submenu-container {
-  text-decoration: inherit;
+.wp-block-navigation.has-text-decoration-underline .wp-block-navigation-item__content {
+  text-decoration: underline;
+}
+.wp-block-navigation.has-text-decoration-underline .wp-block-navigation-item__content:focus, .wp-block-navigation.has-text-decoration-underline .wp-block-navigation-item__content:active {
+  text-decoration: underline;
 }
-.wp-block-navigation[style*=text-decoration] a {
-  text-decoration: inherit;
+.wp-block-navigation.has-text-decoration-line-through .wp-block-navigation-item__content {
+  text-decoration: line-through;
 }
-.wp-block-navigation[style*=text-decoration] a:focus, .wp-block-navigation[style*=text-decoration] a:active {
-  text-decoration: inherit;
+.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:not([style*=text-decoration]) a {
+.wp-block-navigation:where(:not([class*="has-text-decoration"])) a {
   text-decoration: none;
 }
-.wp-block-navigation:not([style*=text-decoration]) a:focus, .wp-block-navigation:not([style*=text-decoration]) a:active {
+.wp-block-navigation:where(:not([class*="has-text-decoration"])) a:focus, .wp-block-navigation:where(:not([class*="has-text-decoration"])) a:active {
   text-decoration: none;
 }
 .wp-block-navigation .wp-block-navigation__submenu-icon {
@@ -2022,6 +2020,9 @@ html.has-modal-open {
   word-break: normal;
   overflow-wrap: break-word;
 }
+.wp-block-navigation .wp-block-navigation-item__description {
+  display: none;
+}
 
 .wp-block-navigation .wp-block-page-list {
   display: flex;
@@ -2061,10 +2062,6 @@ html.has-modal-open {
   font-style: normal;
 }
 
-p {
-  overflow-wrap: break-word;
-}
-
 p.has-drop-cap.has-background {
   overflow: hidden;
 }
@@ -2421,6 +2418,7 @@ p.has-background {
 }
 
 .wp-block-quote {
+  box-sizing: border-box;
   overflow-wrap: break-word;
 }
 .wp-block-quote.is-style-large:not(.is-style-plain), .wp-block-quote.is-large:not(.is-style-plain) {

package/build-style/style.css

@@ -79,6 +79,10 @@
   display: block;
 }
 
+.wp-block-avatar.aligncenter {
+  text-align: center;
+}
+
 .wp-block-audio {
   margin: 0 0 1em 0;
 }
@@ -1224,14 +1228,6 @@ figure.wp-block-gallery.has-nested-images {
   box-sizing: border-box;
 }
 
-h1,
-h2,
-h3,
-h4,
-h5,
-h6 {
-  overflow-wrap: break-word;
-}
 h1.has-background,
 h2.has-background,
 h3.has-background,
@@ -1464,7 +1460,7 @@ ol.wp-block-latest-comments {
 
 ol,
 ul {
-  overflow-wrap: break-word;
+  box-sizing: border-box;
 }
 ol.has-background,
 ul.has-background {
@@ -1614,20 +1610,22 @@ ul.has-background {
   display: block;
   padding: 0;
 }
-.wp-block-navigation[style*=text-decoration] .wp-block-navigation-item,
-.wp-block-navigation[style*=text-decoration] .wp-block-navigation__submenu-container {
-  text-decoration: inherit;
+.wp-block-navigation.has-text-decoration-underline .wp-block-navigation-item__content {
+  text-decoration: underline;
+}
+.wp-block-navigation.has-text-decoration-underline .wp-block-navigation-item__content:focus, .wp-block-navigation.has-text-decoration-underline .wp-block-navigation-item__content:active {
+  text-decoration: underline;
 }
-.wp-block-navigation[style*=text-decoration] a {
-  text-decoration: inherit;
+.wp-block-navigation.has-text-decoration-line-through .wp-block-navigation-item__content {
+  text-decoration: line-through;
 }
-.wp-block-navigation[style*=text-decoration] a:focus, .wp-block-navigation[style*=text-decoration] a:active {
-  text-decoration: inherit;
+.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:not([style*=text-decoration]) a {
+.wp-block-navigation:where(:not([class*="has-text-decoration"])) a {
   text-decoration: none;
 }
-.wp-block-navigation:not([style*=text-decoration]) a:focus, .wp-block-navigation:not([style*=text-decoration]) a:active {
+.wp-block-navigation:where(:not([class*="has-text-decoration"])) a:focus, .wp-block-navigation:where(:not([class*="has-text-decoration"])) a:active {
   text-decoration: none;
 }
 .wp-block-navigation .wp-block-navigation__submenu-icon {
@@ -2046,6 +2044,9 @@ html.has-modal-open {
   word-break: normal;
   overflow-wrap: break-word;
 }
+.wp-block-navigation .wp-block-navigation-item__description {
+  display: none;
+}
 
 .wp-block-navigation .wp-block-page-list {
   display: flex;
@@ -2085,10 +2086,6 @@ html.has-modal-open {
   font-style: normal;
 }
 
-p {
-  overflow-wrap: break-word;
-}
-
 p.has-drop-cap.has-background {
   overflow: hidden;
 }
@@ -2447,6 +2444,7 @@ p.has-background {
 }
 
 .wp-block-quote {
+  box-sizing: border-box;
   overflow-wrap: break-word;
 }
 .wp-block-quote.is-style-large:not(.is-style-plain), .wp-block-quote.is-large:not(.is-style-plain) {

package/build-style/template-part/editor-rtl.css

@@ -89,13 +89,4 @@
   .block-editor-template-part__selection-modal {
     height: 70%;
   }
-}
-
-.block-library-template-part__selection-content .block-editor-block-patterns-list {
-  display: grid;
-  grid-template-columns: 1fr 1fr;
-  grid-gap: 8px;
-}
-.block-library-template-part__selection-content .block-editor-block-patterns-list .block-editor-block-patterns-list__list-item {
-  margin-bottom: 0;
 }

package/build-style/template-part/editor.css

@@ -89,13 +89,4 @@
   .block-editor-template-part__selection-modal {
     height: 70%;
   }
-}
-
-.block-library-template-part__selection-content .block-editor-block-patterns-list {
-  display: grid;
-  grid-template-columns: 1fr 1fr;
-  grid-gap: 8px;
-}
-.block-library-template-part__selection-content .block-editor-block-patterns-list .block-editor-block-patterns-list__list-item {
-  margin-bottom: 0;
 }

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@wordpress/block-library",
-	"version": "7.2.0",
+	"version": "7.3.0",
 	"description": "Block library for the WordPress editor.",
 	"author": "The WordPress Contributors",
 	"license": "GPL-2.0-or-later",
@@ -33,32 +33,32 @@
 	],
 	"dependencies": {
 		"@babel/runtime": "^7.16.0",
-		"@wordpress/a11y": "^3.5.0",
-		"@wordpress/api-fetch": "^6.2.0",
-		"@wordpress/autop": "^3.5.0",
-		"@wordpress/blob": "^3.5.0",
-		"@wordpress/block-editor": "^8.4.0",
-		"@wordpress/blocks": "^11.4.0",
-		"@wordpress/components": "^19.7.0",
-		"@wordpress/compose": "^5.3.0",
-		"@wordpress/core-data": "^4.3.0",
-		"@wordpress/data": "^6.5.0",
-		"@wordpress/date": "^4.5.0",
-		"@wordpress/deprecated": "^3.5.0",
-		"@wordpress/dom": "^3.5.0",
-		"@wordpress/element": "^4.3.0",
-		"@wordpress/hooks": "^3.5.0",
-		"@wordpress/html-entities": "^3.5.0",
-		"@wordpress/i18n": "^4.5.0",
-		"@wordpress/icons": "^8.1.0",
-		"@wordpress/keycodes": "^3.5.0",
-		"@wordpress/notices": "^3.5.0",
-		"@wordpress/primitives": "^3.3.0",
-		"@wordpress/reusable-blocks": "^3.3.0",
-		"@wordpress/rich-text": "^5.3.0",
-		"@wordpress/server-side-render": "^3.3.0",
-		"@wordpress/url": "^3.6.0",
-		"@wordpress/viewport": "^4.3.0",
+		"@wordpress/a11y": "^3.6.0",
+		"@wordpress/api-fetch": "^6.3.0",
+		"@wordpress/autop": "^3.6.0",
+		"@wordpress/blob": "^3.6.0",
+		"@wordpress/block-editor": "^8.5.0",
+		"@wordpress/blocks": "^11.5.0",
+		"@wordpress/components": "^19.8.0",
+		"@wordpress/compose": "^5.4.0",
+		"@wordpress/core-data": "^4.4.0",
+		"@wordpress/data": "^6.6.0",
+		"@wordpress/date": "^4.6.0",
+		"@wordpress/deprecated": "^3.6.0",
+		"@wordpress/dom": "^3.6.0",
+		"@wordpress/element": "^4.4.0",
+		"@wordpress/hooks": "^3.6.0",
+		"@wordpress/html-entities": "^3.6.0",
+		"@wordpress/i18n": "^4.6.0",
+		"@wordpress/icons": "^8.2.0",
+		"@wordpress/keycodes": "^3.6.0",
+		"@wordpress/notices": "^3.6.0",
+		"@wordpress/primitives": "^3.4.0",
+		"@wordpress/reusable-blocks": "^3.4.0",
+		"@wordpress/rich-text": "^5.4.0",
+		"@wordpress/server-side-render": "^3.4.0",
+		"@wordpress/url": "^3.7.0",
+		"@wordpress/viewport": "^4.4.0",
 		"classnames": "^2.3.1",
 		"colord": "^2.7.0",
 		"fast-average-color": "4.3.0",
@@ -74,5 +74,5 @@
 	"publishConfig": {
 		"access": "public"
 	},
-	"gitHead": "aa003c3634016cc4ab6348b2106907e371c648e1"
+	"gitHead": "11eb1241e63c9240018323551c6753f8a5fa96f9"
 }

package/src/archives/block.json

@@ -4,7 +4,7 @@
 	"name": "core/archives",
 	"title": "Archives",
 	"category": "widgets",
-	"description": "Display a monthly archive of your posts.",
+	"description": "Display a date archive of your posts.",
 	"textdomain": "default",
 	"attributes": {
 		"displayAsDropdown": {
@@ -14,6 +14,10 @@
 		"showPostCounts": {
 			"type": "boolean",
 			"default": false
+		},
+		"type": {
+			"type": "string",
+			"default": "monthly"
 		}
 	},
 	"supports": {

package/src/archives/edit.js

@@ -1,13 +1,18 @@
 /**
  * WordPress dependencies
  */
-import { PanelBody, ToggleControl, Disabled } from '@wordpress/components';
+import {
+	PanelBody,
+	ToggleControl,
+	SelectControl,
+	Disabled,
+} from '@wordpress/components';
 import { __ } from '@wordpress/i18n';
 import { InspectorControls, useBlockProps } from '@wordpress/block-editor';
 import ServerSideRender from '@wordpress/server-side-render';
 
 export default function ArchivesEdit( { attributes, setAttributes } ) {
-	const { showPostCounts, displayAsDropdown } = attributes;
+	const { showPostCounts, displayAsDropdown, type } = attributes;
 
 	return (
 		<>
@@ -31,6 +36,19 @@ export default function ArchivesEdit( { attributes, setAttributes } ) {
 							} )
 						}
 					/>
+					<SelectControl
+						label={ __( 'Group by:' ) }
+						options={ [
+							{ label: __( 'Year' ), value: 'yearly' },
+							{ label: __( 'Month' ), value: 'monthly' },
+							{ label: __( 'Week' ), value: 'weekly' },
+							{ label: __( 'Day' ), value: 'daily' },
+						] }
+						value={ type }
+						onChange={ ( value ) =>
+							setAttributes( { type: value } )
+						}
+					/>
 				</PanelBody>
 			</InspectorControls>
 			<div { ...useBlockProps() }>

package/src/archives/index.php

@@ -16,8 +16,8 @@
  */
 function render_block_core_archives( $attributes ) {
 	$show_post_count = ! empty( $attributes['showPostCounts'] );
-
-	$class = '';
+	$type            = isset( $attributes['type'] ) ? $attributes['type'] : 'monthly';
+	$class           = '';
 
 	if ( ! empty( $attributes['displayAsDropdown'] ) ) {
 
@@ -30,7 +30,7 @@ function render_block_core_archives( $attributes ) {
 		$dropdown_args = apply_filters(
 			'widget_archives_dropdown_args',
 			array(
-				'type'            => 'monthly',
+				'type'            => $type,
 				'format'          => 'option',
 				'show_post_count' => $show_post_count,
 			)
@@ -79,7 +79,7 @@ function render_block_core_archives( $attributes ) {
 	$archives_args = apply_filters(
 		'widget_archives_args',
 		array(
-			'type'            => 'monthly',
+			'type'            => $type,
 			'show_post_count' => $show_post_count,
 		)
 	);

package/src/audio/edit.native.js

@@ -66,10 +66,6 @@ function AudioEdit( {
 
 	const { createErrorNotice } = useDispatch( noticesStore );
 
-	const onError = () => {
-		createErrorNotice( __( 'Failed to insert audio file.' ) );
-	};
-
 	function toggleAttribute( attribute ) {
 		return ( newValue ) => {
 			setAttributes( { [ attribute ]: newValue } );
@@ -144,7 +140,6 @@ function AudioEdit( {
 			<MediaUploadProgress
 				mediaId={ id }
 				onFinishMediaUploadWithSuccess={ onFileChange }
-				onFinishMediaUploadWithFailure={ onError }
 				onMediaUploadStateReset={ onFileChange }
 				containerStyle={ styles.progressContainer }
 				progressBarStyle={ styles.progressBar }

package/src/avatar/edit.js

@@ -18,6 +18,7 @@ import {
 	ToggleControl,
 } from '@wordpress/components';
 import { __, isRTL } from '@wordpress/i18n';
+import { addQueryArgs, removeQueryArgs } from '@wordpress/url';
 
 /**
  * Internal dependencies
@@ -32,7 +33,7 @@ const AvatarInspectorControls = ( {
 	selectUser,
 } ) => (
 	<InspectorControls>
-		<PanelBody title={ __( 'Avatar Settings' ) }>
+		<PanelBody title={ __( 'Settings' ) }>
 			<RangeControl
 				label={ __( 'Image size' ) }
 				onChange={ ( newSize ) =>
@@ -45,16 +46,6 @@ const AvatarInspectorControls = ( {
 				initialPosition={ attributes?.size }
 				value={ attributes?.size }
 			/>
-			{ selectUser && (
-				<UserControl
-					value={ attributes?.userId }
-					onChange={ ( value ) => {
-						setAttributes( {
-							userId: value,
-						} );
-					} }
-				/>
-			) }
 			<ToggleControl
 				label={ __( 'Link to user profile' ) }
 				onChange={ () =>
@@ -73,6 +64,16 @@ const AvatarInspectorControls = ( {
 					checked={ attributes.linkTarget === '_blank' }
 				/>
 			) }
+			{ selectUser && (
+				<UserControl
+					value={ attributes?.userId }
+					onChange={ ( value ) => {
+						setAttributes( {
+							userId: value,
+						} );
+					} }
+				/>
+			) }
 		</PanelBody>
 	</InspectorControls>
 );
@@ -85,6 +86,12 @@ const ResizableAvatar = ( {
 	isSelected,
 } ) => {
 	const borderProps = useBorderProps( attributes );
+	const doubledSizedSrc = addQueryArgs(
+		removeQueryArgs( avatar?.src, [ 's' ] ),
+		{
+			s: attributes?.size * 2,
+		}
+	);
 	return (
 		<div { ...blockProps }>
 			<ResizableBox
@@ -112,7 +119,7 @@ const ResizableAvatar = ( {
 				maxWidth={ avatar.maxSize }
 			>
 				<img
-					src={ avatar.src }
+					src={ doubledSizedSrc }
 					alt={ avatar.alt }
 					{ ...borderProps }
 					className={ classnames(
@@ -215,7 +222,8 @@ const UserEdit = ( { attributes, context, setAttributes, isSelected } ) => {
 };
 
 export default function Edit( props ) {
-	if ( props?.context?.commentId ) {
+	// Don't show the Comment Edit controls if we have a comment ID set, or if we're in the Site Editor (where it is `null`).
+	if ( props?.context?.commentId || props?.context?.commentId === null ) {
 		return <CommentEdit { ...props } />;
 	}
 	return <UserEdit { ...props } />;

package/src/avatar/editor.scss

@@ -1,3 +1,9 @@
 .wp-block-avatar__image img {
 	width: 100%;
 }
+
+.wp-block-avatar.aligncenter {
+	.components-resizable-box__container {
+		margin: 0 auto;
+	}
+}

package/src/avatar/index.php

@@ -97,7 +97,7 @@ function render_block_core_avatar( $attributes, $content, $block ) {
 			$label = '';
 			if ( '_blank' === $attributes['linkTarget'] ) {
 				// translators: %s is the Author name.
-				$label = 'aria-label="' . sprintf( esc_attr__( '( %s author archive, opens in a new tab)' ), $author_name ) . '"';
+				$label = 'aria-label="' . sprintf( esc_attr__( '(%s author archive, opens in a new tab)' ), $author_name ) . '"';
 			}
 			// translators: %1$s: Author archive link. %2$s: Link target. %3$s Aria label. %4$s Avatar image.
 			$avatar_block = sprintf( '<a href="%1$s" target="%2$s" %3$s class="wp-block-avatar__link">%4$s</a>', get_author_posts_url( $author_id ), esc_attr( $attributes['linkTarget'] ), $label, $avatar_block );
@@ -124,7 +124,7 @@ function render_block_core_avatar( $attributes, $content, $block ) {
 		$label = '';
 		if ( '_blank' === $attributes['linkTarget'] ) {
 			// translators: %s is the Comment Author name.
-			$label = 'aria-label="' . sprintf( esc_attr__( '( %s website link, opens in a new tab)' ), $comment->comment_author ) . '"';
+			$label = 'aria-label="' . sprintf( esc_attr__( '(%s website link, opens in a new tab)' ), $comment->comment_author ) . '"';
 		}
 		// translators: %1$s: Comment Author website link. %2$s: Link target. %3$s Aria label. %4$s Avatar image.
 		$avatar_block = sprintf( '<a href="%1$s" target="%2$s" %3$s class="wp-block-avatar__link">%4$s</a>', $comment->comment_author_url, esc_attr( $attributes['linkTarget'] ), $label, $avatar_block );

package/src/avatar/style.scss

@@ -0,0 +1,5 @@
+.wp-block-avatar {
+	&.aligncenter {
+		text-align: center;
+	}
+}

package/src/block/edit.js

@@ -1,7 +1,7 @@
 /**
  * WordPress dependencies
  */
-import { useDispatch } from '@wordpress/data';
+import { useDispatch, useSelect } from '@wordpress/data';
 import {
 	useEntityBlockEditor,
 	useEntityProp,
@@ -25,6 +25,7 @@ import {
 	InspectorControls,
 	useBlockProps,
 	Warning,
+	store as blockEditorStore,
 } from '@wordpress/block-editor';
 import { store as reusableBlocksStore } from '@wordpress/reusable-blocks';
 import { ungroup } from '@wordpress/icons';
@@ -40,6 +41,11 @@ export default function ReusableBlockEdit( { attributes: { ref }, clientId } ) {
 	);
 	const isMissing = hasResolved && ! record;
 
+	const canRemove = useSelect(
+		( select ) => select( blockEditorStore ).canRemoveBlock( clientId ),
+		[ clientId ]
+	);
+
 	const {
 		__experimentalConvertBlockToStatic: convertBlockToStatic,
 	} = useDispatch( reusableBlocksStore );
@@ -103,16 +109,20 @@ export default function ReusableBlockEdit( { attributes: { ref }, clientId } ) {
 	return (
 		<RecursionProvider>
 			<div { ...blockProps }>
-				<BlockControls>
-					<ToolbarGroup>
-						<ToolbarButton
-							onClick={ () => convertBlockToStatic( clientId ) }
-							label={ __( 'Convert to regular blocks' ) }
-							icon={ ungroup }
-							showTooltip
-						/>
-					</ToolbarGroup>
-				</BlockControls>
+				{ canRemove && (
+					<BlockControls>
+						<ToolbarGroup>
+							<ToolbarButton
+								onClick={ () =>
+									convertBlockToStatic( clientId )
+								}
+								label={ __( 'Convert to regular blocks' ) }
+								icon={ ungroup }
+								showTooltip
+							/>
+						</ToolbarGroup>
+					</BlockControls>
+				) }
 				<InspectorControls>
 					<PanelBody>
 						<TextControl

package/src/column/block.json

@@ -35,6 +35,7 @@
 			}
 		},
 		"spacing": {
+			"blockGap": true,
 			"padding": true,
 			"__experimentalDefaultControls": {
 				"padding": true

package/src/comment-author-avatar/block.json

@@ -2,10 +2,10 @@
 	"$schema": "https://schemas.wp.org/trunk/block.json",
 	"apiVersion": 2,
 	"name": "core/comment-author-avatar",
-	"title": "Comment Author Avatar",
+	"title": "Comment Author Avatar (deprecated)",
 	"category": "theme",
-	"parent": [ "core/comment-template" ],
-	"description": "Add the avatar of this comment's author.",
+	"ancestor": [ "core/comment-template" ],
+	"description": "This block is deprecated. Please use the Avatar block instead.",
 	"textdomain": "default",
 	"attributes": {
 		"width": {

package/src/comment-author-name/block.json

@@ -4,13 +4,13 @@
 	"name": "core/comment-author-name",
 	"title": "Comment Author Name",
 	"category": "theme",
-	"parent": [ "core/comment-template" ],
-	"description": "Add the author name of this comment.",
+	"ancestor": [ "core/comment-template" ],
+	"description": "Displays the name of the author of the comment.",
 	"textdomain": "default",
 	"attributes": {
 		"isLink": {
 			"type": "boolean",
-			"default": false
+			"default": true
 		},
 		"linkTarget": {
 			"type": "string",
@@ -18,6 +18,10 @@
 		},
 		"textAlign": {
 			"type": "string"
+		},
+		"fontSize": {
+			"type": "string",
+			"default": "small"
 		}
 	},
 	"usesContext": [ "commentId" ],

package/src/comment-author-name/index.php

@@ -27,6 +27,9 @@ function render_block_core_comment_author_name( $attributes, $content, $block )
 	if ( isset( $attributes['textAlign'] ) ) {
 		$classes .= 'has-text-align-' . esc_attr( $attributes['textAlign'] );
 	}
+	if ( isset( $attributes['fontSize'] ) ) {
+		$classes .= 'has-' . esc_attr( $attributes['fontSize'] ) . '-font-size';
+	}
 
 	$wrapper_attributes = get_block_wrapper_attributes( array( 'class' => $classes ) );
 	$comment_author     = get_comment_author( $comment );

package/src/comment-content/block.json

@@ -4,7 +4,7 @@
 	"name": "core/comment-content",
 	"title": "Comment Content",
 	"category": "theme",
-	"parent": [ "core/comment-template" ],
+	"ancestor": [ "core/comment-template" ],
 	"description": "Displays the contents of a comment.",
 	"textdomain": "default",
 	"usesContext": [ "commentId" ],