@wordpress/block-library 9.38.0 → 9.39.0

package/build-style/tabs/style.css

@@ -1,172 +1,6 @@
 .wp-block-tabs {
-  display: flex;
-  flex-direction: row;
-  flex-wrap: wrap;
-  gap: var(--wp--style--unstable-tabs-gap, var(--wp--style--tabs-gap-default));
   box-sizing: border-box;
-  --tab-bg: var(--custom-tab-inactive-color, transparent);
-  --tab-bg-hover: var(--custom-tab-hover-color, #eaeaea);
-  --tab-bg-active: var(--custom-tab-active-color, #000);
-  --tab-text: var(--custom-tab-text-color, #000);
-  --tab-text-hover: var(--custom-tab-hover-text-color, #000);
-  --tab-text-active: var(--custom-tab-active-text-color, #fff);
-  --tab-opacity: 0.5;
-  --tab-opacity-hover: 1;
-  --tab-opacity-active: 1;
-  --tab-outline-width: 0;
-  --tab-underline-width: 0;
-  --tab-side-border-width: 0;
-  --tab-border-color: var(--custom-tab-inactive-color, transparent);
-  --tab-border-color-hover: var(--custom-tab-hover-color, #000);
-  --tab-border-color-active: var(--custom-tab-active-color, #000);
-  --tab-padding-block: var(--wp--preset--spacing--20, 0.5em);
-  --tab-padding-inline: var(--wp--preset--spacing--30, 1em);
-  --tab-border-radius: 0;
-  --tabs-divider-color: var(--custom-tab-active-color, #000);
 }
-.wp-block-tabs .tabs__title {
+.wp-block-tabs .wp-block-tabs__title {
   display: none;
-}
-.wp-block-tabs .tabs__list {
-  display: flex;
-  list-style: none;
-  margin: 0;
-  padding: 0;
-  align-items: flex-end;
-  flex-grow: 1;
-  flex-basis: 100%;
-  gap: var(--wp--style--unstable-tabs-list-gap, var(--wp--style--tabs-gap-default));
-  min-width: 100px;
-}
-.wp-block-tabs .tabs__list button.tabs__tab-label {
-  font-size: inherit;
-  font-family: inherit;
-  font-weight: inherit;
-  line-height: inherit;
-  letter-spacing: inherit;
-  text-transform: inherit;
-  text-align: inherit;
-}
-.wp-block-tabs .tabs__list .tabs__tab-label {
-  box-sizing: border-box;
-  display: block;
-  width: max-content;
-  margin: 0;
-  opacity: var(--tab-opacity);
-  padding-block: var(--tab-padding-block);
-  padding-inline: var(--tab-padding-inline);
-  text-decoration: none;
-  cursor: pointer;
-  background-color: var(--tab-bg);
-  color: var(--tab-text);
-  border: var(--tab-outline-width) solid var(--tab-border-color);
-  border-block-end: var(--tab-underline-width) solid var(--tab-border-color);
-  border-inline-end: var(--tab-side-border-width) solid var(--tab-border-color);
-  border-radius: var(--tab-border-radius);
-}
-.wp-block-tabs .tabs__list .tabs__tab-label:focus {
-  outline: none;
-}
-.wp-block-tabs .tabs__list .tabs__tab-label:focus-visible {
-  outline: 2px solid var(--tab-border-color-active);
-  outline-offset: 2px;
-}
-.wp-block-tabs .tabs__list .tabs__tab-label:hover {
-  opacity: var(--tab-opacity-hover);
-  background-color: var(--tab-bg-hover);
-  color: var(--tab-text-hover);
-  border-color: var(--tab-border-color-hover);
-}
-.wp-block-tabs .tabs__list .tabs__tab-label[aria-selected=true] {
-  opacity: var(--tab-opacity-active);
-  background-color: var(--tab-bg-active);
-  color: var(--tab-text-active);
-  border-color: var(--tab-border-color-active);
-}
-.wp-block-tabs:not(.is-vertical) .tabs__list {
-  overflow-x: auto;
-  border-block-end: 1px solid var(--tabs-divider-color);
-}
-.wp-block-tabs.is-vertical {
-  flex-wrap: nowrap;
-}
-.wp-block-tabs.is-vertical .tabs__list {
-  flex-grow: 0;
-  flex-direction: column;
-  max-width: 30%;
-  border-inline-end: 1px solid var(--tabs-divider-color);
-  border-block-end: none;
-  overflow-x: hidden;
-}
-.wp-block-tabs.is-vertical .tabs__tab-label {
-  max-width: 100%;
-  text-align: end;
-}
-
-.wp-block-tabs.is-style-links {
-  --tabs-divider-color: var(--custom-tab-hover-color, #000);
-  --tab-bg: transparent;
-  --tab-bg-hover: transparent;
-  --tab-bg-active: transparent;
-  --tab-text: var(--custom-tab-text-color, #000);
-  --tab-text-hover: var(--custom-tab-hover-text-color, #000);
-  --tab-text-active: var(--custom-tab-active-text-color, #000);
-  --tab-border-color: var(--custom-tab-inactive-color, transparent);
-  --tab-border-color-hover: var(--custom-tab-hover-color, #000);
-  --tab-border-color-active: var(--custom-tab-active-color, #000);
-  --tab-underline-width: 2px;
-}
-.wp-block-tabs.is-style-links .tabs__tab-label {
-  /* preserve extra bottom space for underline */
-  padding-block-end: 0.5em;
-  border-bottom: 2px solid var(--tab-border-color);
-}
-.wp-block-tabs.is-style-links .tabs__tab-label[aria-selected=true] {
-  background-color: inherit;
-  color: var(--tab-text-active);
-  border-color: var(--tab-border-color-active);
-}
-.wp-block-tabs.is-style-links .tabs__tab-label:hover:not([aria-selected=true]) {
-  background-color: inherit;
-  color: var(--tab-text-hover);
-  border-color: var(--tab-border-color-hover);
-}
-.wp-block-tabs.is-style-links.is-vertical .tabs__list {
-  border-block-end: none;
-  border-inline-end: 1px solid var(--tabs-divider-color);
-}
-.wp-block-tabs.is-style-links.is-vertical .tabs__tab-label {
-  /* switch underline to side for vertical */
-  border-block-end: 0;
-  --tab-underline-width: 0;
-  --tab-side-border-width: 2px;
-  padding-block-end: 0;
-  padding-inline-end: 0.5em;
-}
-
-.wp-block-tabs.is-style-button {
-  --tab-border-radius: 9999px;
-  --tab-bg: var(--custom-tab-inactive-color, transparent);
-  --tab-bg-hover: var(--custom-tab-hover-color, #000);
-  --tab-bg-active: var(--custom-tab-active-color, #000);
-  --tab-text: var(--custom-tab-text-color, #000);
-  --tab-text-hover: var(--custom-tab-hover-text-color, #000);
-  --tab-text-active: var(--custom-tab-active-text-color, #000);
-  --tab-padding-block: 0.5em;
-  --tab-padding-inline: 1em;
-}
-.wp-block-tabs.is-style-button .tabs__list {
-  border-block-end: none;
-  align-items: center;
-}
-.wp-block-tabs.is-style-button .tabs__tab-label {
-  border-width: 0;
-}
-.wp-block-tabs.is-style-button .tabs__tab-label:hover:not([aria-selected=true]) {
-  background-color: var(--tab-bg-hover);
-}
-.wp-block-tabs.is-style-button.is-vertical .tabs__list {
-  border-block-end: none;
-  border-inline-end: none;
-  align-items: flex-end;
 }

package/build-style/tabs-menu/editor-rtl.css

@@ -0,0 +1,4 @@
+.wp-block-tabs-menu .tabs__tab-label--placeholder {
+  opacity: 0.5;
+  font-style: italic;
+}

package/build-style/tabs-menu/editor.css

@@ -0,0 +1,4 @@
+.wp-block-tabs-menu .tabs__tab-label--placeholder {
+  opacity: 0.5;
+  font-style: italic;
+}

package/build-style/tabs-menu/style-rtl.css

@@ -0,0 +1,8 @@
+.wp-block-tabs-menu {
+  display: flex;
+  align-items: flex-end;
+  min-width: fit-content;
+  border-bottom-width: 1px;
+  border-bottom-style: solid;
+  border-bottom-color: #000;
+}

package/build-style/tabs-menu/style.css

@@ -0,0 +1,8 @@
+.wp-block-tabs-menu {
+  display: flex;
+  align-items: flex-end;
+  min-width: fit-content;
+  border-bottom-width: 1px;
+  border-bottom-style: solid;
+  border-bottom-color: #000;
+}

package/build-style/tabs-menu-item/editor-rtl.css

@@ -0,0 +1,16 @@
+.wp-block-tabs-menu-item.is-selected {
+  outline: 2px solid var(--wp-admin-theme-color, #007cba);
+  outline-offset: 2px;
+}
+
+.block-editor-block-preview__live-content:has(.wp-block-tabs-menu-item) {
+  flex-basis: inherit !important;
+  flex-grow: inherit !important;
+}
+.block-editor-block-preview__live-content:has(.wp-block-tabs-menu-item) .wp-block-tabs-menu-item {
+  flex-basis: 100% !important;
+}
+.block-editor-block-preview__live-content:has(.wp-block-tabs-menu-item):hover > .wp-block-tabs-menu-item {
+  background-color: var(--custom-tab-hover-color, #eaeaea) !important;
+  color: var(--custom-tab-hover-text-color, #000) !important;
+}

package/build-style/tabs-menu-item/editor.css

@@ -0,0 +1,16 @@
+.wp-block-tabs-menu-item.is-selected {
+  outline: 2px solid var(--wp-admin-theme-color, #007cba);
+  outline-offset: 2px;
+}
+
+.block-editor-block-preview__live-content:has(.wp-block-tabs-menu-item) {
+  flex-basis: inherit !important;
+  flex-grow: inherit !important;
+}
+.block-editor-block-preview__live-content:has(.wp-block-tabs-menu-item) .wp-block-tabs-menu-item {
+  flex-basis: 100% !important;
+}
+.block-editor-block-preview__live-content:has(.wp-block-tabs-menu-item):hover > .wp-block-tabs-menu-item {
+  background-color: var(--custom-tab-hover-color, #eaeaea) !important;
+  color: var(--custom-tab-hover-text-color, #000) !important;
+}

package/build-style/tabs-menu-item/style-rtl.css

@@ -0,0 +1,34 @@
+.wp-block-tabs-menu-item {
+  box-sizing: border-box;
+  display: block;
+  width: max-content;
+  text-decoration: none;
+  cursor: pointer;
+  flex-basis: inherit !important;
+  flex-grow: inherit !important;
+  margin: 0;
+  padding-block: var(--tab-padding-block, var(--wp--preset--spacing--20, 0.5em));
+  padding-inline: var(--tab-padding-inline, var(--wp--preset--spacing--30, 1em));
+  font-size: inherit;
+  font-family: inherit;
+  font-weight: inherit;
+  line-height: inherit;
+  letter-spacing: inherit;
+  text-transform: inherit;
+  text-align: inherit;
+}
+.wp-block-tabs-menu-item:focus {
+  outline: none;
+}
+.wp-block-tabs-menu-item:focus-visible {
+  outline: 2px solid var(--tab-border-color-active, #000);
+  outline-offset: 2px;
+}
+.wp-block-tabs-menu-item:hover {
+  background-color: var(--custom-tab-hover-color, #eaeaea) !important;
+  color: var(--custom-tab-hover-text-color, #000) !important;
+}
+.wp-block-tabs-menu-item[aria-selected=true], .wp-block-tabs-menu-item.is-active {
+  background-color: var(--custom-tab-active-color, #000) !important;
+  color: var(--custom-tab-active-text-color, #fff) !important;
+}

package/build-style/tabs-menu-item/style.css

@@ -0,0 +1,34 @@
+.wp-block-tabs-menu-item {
+  box-sizing: border-box;
+  display: block;
+  width: max-content;
+  text-decoration: none;
+  cursor: pointer;
+  flex-basis: inherit !important;
+  flex-grow: inherit !important;
+  margin: 0;
+  padding-block: var(--tab-padding-block, var(--wp--preset--spacing--20, 0.5em));
+  padding-inline: var(--tab-padding-inline, var(--wp--preset--spacing--30, 1em));
+  font-size: inherit;
+  font-family: inherit;
+  font-weight: inherit;
+  line-height: inherit;
+  letter-spacing: inherit;
+  text-transform: inherit;
+  text-align: inherit;
+}
+.wp-block-tabs-menu-item:focus {
+  outline: none;
+}
+.wp-block-tabs-menu-item:focus-visible {
+  outline: 2px solid var(--tab-border-color-active, #000);
+  outline-offset: 2px;
+}
+.wp-block-tabs-menu-item:hover {
+  background-color: var(--custom-tab-hover-color, #eaeaea) !important;
+  color: var(--custom-tab-hover-text-color, #000) !important;
+}
+.wp-block-tabs-menu-item[aria-selected=true], .wp-block-tabs-menu-item.is-active {
+  background-color: var(--custom-tab-active-color, #000) !important;
+  color: var(--custom-tab-active-text-color, #fff) !important;
+}

package/build-style/verse/style-rtl.css

@@ -1,4 +1,5 @@
 pre.wp-block-verse {
+  box-sizing: border-box;
   overflow: auto;
   white-space: pre-wrap;
   min-width: 1em;

package/build-style/verse/style.css

@@ -1,4 +1,5 @@
 pre.wp-block-verse {
+  box-sizing: border-box;
   overflow: auto;
   white-space: pre-wrap;
   min-width: 1em;

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@wordpress/block-library",
-	"version": "9.38.0",
+	"version": "9.39.0",
 	"description": "Block library for the WordPress editor.",
 	"author": "The WordPress Contributors",
 	"license": "GPL-2.0-or-later",
@@ -93,41 +93,41 @@
 		"build-module/*/init.mjs"
 	],
 	"dependencies": {
-		"@wordpress/a11y": "^4.38.0",
-		"@wordpress/api-fetch": "^7.38.0",
-		"@wordpress/autop": "^4.38.0",
-		"@wordpress/base-styles": "^6.14.0",
-		"@wordpress/blob": "^4.38.0",
-		"@wordpress/block-editor": "^15.11.0",
-		"@wordpress/blocks": "^15.11.0",
-		"@wordpress/components": "^32.0.0",
-		"@wordpress/compose": "^7.38.0",
-		"@wordpress/core-data": "^7.38.0",
-		"@wordpress/data": "^10.38.0",
-		"@wordpress/date": "^5.38.0",
-		"@wordpress/deprecated": "^4.38.0",
-		"@wordpress/dom": "^4.38.0",
-		"@wordpress/element": "^6.38.0",
-		"@wordpress/escape-html": "^3.38.0",
-		"@wordpress/hooks": "^4.38.0",
-		"@wordpress/html-entities": "^4.38.0",
-		"@wordpress/i18n": "^6.11.0",
-		"@wordpress/icons": "^11.5.0",
-		"@wordpress/interactivity": "^6.38.0",
-		"@wordpress/interactivity-router": "^2.38.0",
-		"@wordpress/keyboard-shortcuts": "^5.38.0",
-		"@wordpress/keycodes": "^4.38.0",
-		"@wordpress/latex-to-mathml": "^1.6.0",
-		"@wordpress/notices": "^5.38.0",
-		"@wordpress/patterns": "^2.38.0",
-		"@wordpress/primitives": "^4.38.0",
-		"@wordpress/private-apis": "^1.38.0",
-		"@wordpress/reusable-blocks": "^5.38.0",
-		"@wordpress/rich-text": "^7.38.0",
-		"@wordpress/server-side-render": "^6.14.0",
-		"@wordpress/url": "^4.38.0",
-		"@wordpress/viewport": "^6.38.0",
-		"@wordpress/wordcount": "^4.38.0",
+		"@wordpress/a11y": "^4.39.0",
+		"@wordpress/api-fetch": "^7.39.0",
+		"@wordpress/autop": "^4.39.0",
+		"@wordpress/base-styles": "^6.15.0",
+		"@wordpress/blob": "^4.39.0",
+		"@wordpress/block-editor": "^15.12.0",
+		"@wordpress/blocks": "^15.12.0",
+		"@wordpress/components": "^32.1.0",
+		"@wordpress/compose": "^7.39.0",
+		"@wordpress/core-data": "^7.39.0",
+		"@wordpress/data": "^10.39.0",
+		"@wordpress/date": "^5.39.0",
+		"@wordpress/deprecated": "^4.39.0",
+		"@wordpress/dom": "^4.39.0",
+		"@wordpress/element": "^6.39.0",
+		"@wordpress/escape-html": "^3.39.0",
+		"@wordpress/hooks": "^4.39.0",
+		"@wordpress/html-entities": "^4.39.0",
+		"@wordpress/i18n": "^6.12.0",
+		"@wordpress/icons": "^11.6.0",
+		"@wordpress/interactivity": "^6.39.0",
+		"@wordpress/interactivity-router": "^2.39.0",
+		"@wordpress/keyboard-shortcuts": "^5.39.0",
+		"@wordpress/keycodes": "^4.39.0",
+		"@wordpress/latex-to-mathml": "^1.7.0",
+		"@wordpress/notices": "^5.39.0",
+		"@wordpress/patterns": "^2.39.0",
+		"@wordpress/primitives": "^4.39.0",
+		"@wordpress/private-apis": "^1.39.0",
+		"@wordpress/reusable-blocks": "^5.39.0",
+		"@wordpress/rich-text": "^7.39.0",
+		"@wordpress/server-side-render": "^6.15.0",
+		"@wordpress/url": "^4.39.0",
+		"@wordpress/viewport": "^6.39.0",
+		"@wordpress/wordcount": "^4.39.0",
 		"change-case": "^4.1.2",
 		"clsx": "^2.1.1",
 		"colord": "^2.7.0",
@@ -148,5 +148,5 @@
 	"publishConfig": {
 		"access": "public"
 	},
-	"gitHead": "50c4c0f51e4797c217946ce42adfaa5eb026f33f"
+	"gitHead": "eee1cfb1472f11183e40fb77465a5f13145df7ad"
 }

package/src/block/block.json

@@ -26,6 +26,7 @@
 		"renaming": false,
 		"interactivity": {
 			"clientNavigation": true
-		}
+		},
+		"customCSS": false
 	}
 }

package/src/breadcrumbs/edit.js

@@ -159,7 +159,15 @@ export default function BreadcrumbEdit( {
 			placeholderItems.push( __( 'Ancestor' ), __( 'Parent' ) );
 		}
 		placeholder = (
-			<nav { ...blockProps }>
+			<nav
+				{ ...blockProps }
+				style={ {
+					'--separator': `"${ separator
+						.replace( /\\/g, '\\\\' )
+						.replace( /"/g, '\\"' ) }"`,
+					...blockProps.style,
+				} }
+			>
 				<ol>
 					{ placeholderItems.map( ( text, index ) => (
 						<li key={ index }>
@@ -278,7 +286,7 @@ export default function BreadcrumbEdit( {
 					) }
 				/>
 			</InspectorControls>
-			{ status === 'loading' && (
+			{ status === 'loading' && ! showPlaceholder && (
 				<div { ...blockProps }>
 					<Spinner />
 				</div>

package/src/breadcrumbs/index.js

@@ -16,6 +16,7 @@ export { metadata, name };
 
 export const settings = {
 	icon: breadcrumbs,
+	example: {},
 	edit,
 };
 

package/src/button/index.js

@@ -47,6 +47,10 @@ export const settings = {
 		if ( context === 'list-view' && ( customName || hasContent ) ) {
 			return customName || text;
 		}
+
+		if ( context === 'breadcrumb' && customName ) {
+			return customName;
+		}
 	},
 };
 

package/src/categories/index.php

@@ -47,6 +47,9 @@ function render_block_core_categories( $attributes, $content, $block ) {
 			$taxonomy->labels->singular_name
 		);
 
+		// Pre-select the current term using query var.
+		$args['selected'] = get_query_var( $taxonomy->query_var );
+
 		$show_label     = empty( $attributes['showLabel'] ) ? ' screen-reader-text' : '';
 		$default_label  = $taxonomy->label;
 		$label_text     = ! empty( $attributes['label'] ) ? wp_kses_post( $attributes['label'] ) : $default_label;
@@ -110,7 +113,8 @@ function build_dropdown_script_block_core_categories( $dropdown_id ) {
 				if ( 'escape' === dropdown.dataset.lastkey ) {
 					return;
 				}
-				if ( dropdown.value && dropdown instanceof HTMLSelectElement ) {
+				// Only navigate if a valid term is selected (not the default "Select [taxonomy]" option)
+				if ( dropdown.value && dropdown.value !== '-1' && dropdown instanceof HTMLSelectElement ) {
 					const url = new URL( homeUrl );
 					url.searchParams.set( dropdown.name, dropdown.value );
 					location.href = url.href;

package/src/comment-date/block.json

@@ -36,6 +36,7 @@
 		"typography": {
 			"fontSize": true,
 			"lineHeight": true,
+			"textAlign": true,
 			"__experimentalFontFamily": true,
 			"__experimentalFontWeight": true,
 			"__experimentalFontStyle": true,

package/src/comment-edit-link/block.json

@@ -12,9 +12,6 @@
 		"linkTarget": {
 			"type": "string",
 			"default": "_self"
-		},
-		"textAlign": {
-			"type": "string"
 		}
 	},
 	"supports": {
@@ -40,6 +37,7 @@
 		"typography": {
 			"fontSize": true,
 			"lineHeight": true,
+			"textAlign": true,
 			"__experimentalFontFamily": true,
 			"__experimentalFontWeight": true,
 			"__experimentalFontStyle": true,

package/src/comment-edit-link/deprecated.js

@@ -0,0 +1,63 @@
+/**
+ * Internal dependencies
+ */
+import migrateTextAlign from '../utils/migrate-text-align';
+
+const v1 = {
+	attributes: {
+		linkTarget: {
+			type: 'string',
+			default: '_self',
+		},
+		textAlign: {
+			type: 'string',
+		},
+	},
+	usesContext: [ 'commentId' ],
+	supports: {
+		anchor: true,
+		html: false,
+		color: {
+			link: true,
+			gradients: true,
+			text: false,
+		},
+		spacing: {
+			margin: true,
+			padding: true,
+		},
+		typography: {
+			fontSize: true,
+			lineHeight: true,
+			__experimentalFontFamily: true,
+			__experimentalFontWeight: true,
+			__experimentalFontStyle: true,
+			__experimentalTextTransform: true,
+			__experimentalTextDecoration: true,
+			__experimentalLetterSpacing: true,
+		},
+		interactivity: {
+			clientNavigation: true,
+		},
+		__experimentalBorder: {
+			radius: true,
+			color: true,
+			width: true,
+			style: true,
+		},
+	},
+	save() {
+		return null;
+	},
+	migrate: migrateTextAlign,
+	isEligible( attributes ) {
+		return (
+			!! attributes.textAlign ||
+			!! attributes.className?.match(
+				/\bhas-text-align-(left|center|right)\b/
+			)
+		);
+	},
+};
+
+export default [ v1 ];

package/src/comment-edit-link/edit.js

@@ -1,17 +1,7 @@
-/**
- * External dependencies
- */
-import clsx from 'clsx';
-
 /**
  * WordPress dependencies
  */
-import {
-	AlignmentControl,
-	BlockControls,
-	InspectorControls,
-	useBlockProps,
-} from '@wordpress/block-editor';
+import { InspectorControls, useBlockProps } from '@wordpress/block-editor';
 import {
 	ToggleControl,
 	__experimentalToolsPanel as ToolsPanel,
@@ -23,29 +13,16 @@ import { __ } from '@wordpress/i18n';
  * Internal dependencies
  */
 import { useToolsPanelDropdownMenuProps } from '../utils/hooks';
+import useDeprecatedTextAlign from '../utils/deprecated-text-align-attributes';
 
-export default function Edit( {
-	attributes: { linkTarget, textAlign },
-	setAttributes,
-} ) {
-	const blockProps = useBlockProps( {
-		className: clsx( {
-			[ `has-text-align-${ textAlign }` ]: textAlign,
-		} ),
-	} );
+export default function Edit( props ) {
+	const { attributes, setAttributes } = props;
+	const { linkTarget } = attributes;
+	useDeprecatedTextAlign( props );
+	const blockProps = useBlockProps();
 
 	const dropdownMenuProps = useToolsPanelDropdownMenuProps();
 
-	const blockControls = (
-		<BlockControls group="block">
-			<AlignmentControl
-				value={ textAlign }
-				onChange={ ( newAlign ) =>
-					setAttributes( { textAlign: newAlign } )
-				}
-			/>
-		</BlockControls>
-	);
 	const inspectorControls = (
 		<InspectorControls>
 			<ToolsPanel
@@ -81,7 +58,6 @@ export default function Edit( {
 
 	return (
 		<>
-			{ blockControls }
 			{ inspectorControls }
 			<div { ...blockProps }>
 				<a

package/src/comment-edit-link/index.js

@@ -9,6 +9,7 @@ import { commentEditLink as icon } from '@wordpress/icons';
 import initBlock from '../utils/init-block';
 import metadata from './block.json';
 import edit from './edit';
+import deprecated from './deprecated';
 
 const { name } = metadata;
 export { metadata, name };
@@ -16,6 +17,7 @@ export { metadata, name };
 export const settings = {
 	icon,
 	edit,
+	deprecated,
 	example: {},
 };