@wordpress/block-library 9.7.1-next.5368f64a9.0 → 9.8.0

package/build-style/post-title/style-rtl.css

@@ -93,27 +93,13 @@
   word-break: break-word;
   box-sizing: border-box;
 }
-.wp-block-post-title[style*=font-weight] :where(a) {
-  font-weight: inherit;
-}
-.wp-block-post-title[class*=-font-family] :where(a), .wp-block-post-title[style*=font-family] :where(a) {
+.wp-block-post-title :where(a) {
+  display: inline-block;
   font-family: inherit;
-}
-.wp-block-post-title[class*=-font-size] :where(a), .wp-block-post-title[style*=font-size] :where(a) {
   font-size: inherit;
-}
-.wp-block-post-title[style*=line-height] :where(a) {
-  line-height: inherit;
-}
-.wp-block-post-title[style*=font-style] :where(a) {
   font-style: inherit;
-}
-.wp-block-post-title[style*=letter-spacing] :where(a) {
+  font-weight: inherit;
   letter-spacing: inherit;
-}
-.wp-block-post-title[style*=text-decoration] :where(a) {
+  line-height: inherit;
   text-decoration: inherit;
-}
-.wp-block-post-title a {
-  display: inline-block;
 }

package/build-style/post-title/style.css

@@ -93,27 +93,13 @@
   word-break: break-word;
   box-sizing: border-box;
 }
-.wp-block-post-title[style*=font-weight] :where(a) {
-  font-weight: inherit;
-}
-.wp-block-post-title[class*=-font-family] :where(a), .wp-block-post-title[style*=font-family] :where(a) {
+.wp-block-post-title :where(a) {
+  display: inline-block;
   font-family: inherit;
-}
-.wp-block-post-title[class*=-font-size] :where(a), .wp-block-post-title[style*=font-size] :where(a) {
   font-size: inherit;
-}
-.wp-block-post-title[style*=line-height] :where(a) {
-  line-height: inherit;
-}
-.wp-block-post-title[style*=font-style] :where(a) {
   font-style: inherit;
-}
-.wp-block-post-title[style*=letter-spacing] :where(a) {
+  font-weight: inherit;
   letter-spacing: inherit;
-}
-.wp-block-post-title[style*=text-decoration] :where(a) {
+  line-height: inherit;
   text-decoration: inherit;
-}
-.wp-block-post-title a {
-  display: inline-block;
 }

package/build-style/site-title/style-rtl.css

@@ -92,27 +92,13 @@
 .wp-block-site-title {
   box-sizing: border-box;
 }
-.wp-block-site-title[style*=font-weight] :where(a) {
-  font-weight: inherit;
-}
-.wp-block-site-title[class*=-font-family] :where(a), .wp-block-site-title[style*=font-family] :where(a) {
+.wp-block-site-title :where(a) {
+  color: inherit;
   font-family: inherit;
-}
-.wp-block-site-title[class*=-font-size] :where(a), .wp-block-site-title[style*=font-size] :where(a) {
   font-size: inherit;
-}
-.wp-block-site-title[style*=line-height] :where(a) {
-  line-height: inherit;
-}
-.wp-block-site-title[style*=font-style] :where(a) {
   font-style: inherit;
-}
-.wp-block-site-title[style*=letter-spacing] :where(a) {
+  font-weight: inherit;
   letter-spacing: inherit;
-}
-.wp-block-site-title[style*=text-decoration] :where(a) {
+  line-height: inherit;
   text-decoration: inherit;
-}
-.wp-block-site-title :where(a) {
-  color: inherit;
 }

package/build-style/site-title/style.css

@@ -92,27 +92,13 @@
 .wp-block-site-title {
   box-sizing: border-box;
 }
-.wp-block-site-title[style*=font-weight] :where(a) {
-  font-weight: inherit;
-}
-.wp-block-site-title[class*=-font-family] :where(a), .wp-block-site-title[style*=font-family] :where(a) {
+.wp-block-site-title :where(a) {
+  color: inherit;
   font-family: inherit;
-}
-.wp-block-site-title[class*=-font-size] :where(a), .wp-block-site-title[style*=font-size] :where(a) {
   font-size: inherit;
-}
-.wp-block-site-title[style*=line-height] :where(a) {
-  line-height: inherit;
-}
-.wp-block-site-title[style*=font-style] :where(a) {
   font-style: inherit;
-}
-.wp-block-site-title[style*=letter-spacing] :where(a) {
+  font-weight: inherit;
   letter-spacing: inherit;
-}
-.wp-block-site-title[style*=text-decoration] :where(a) {
+  line-height: inherit;
   text-decoration: inherit;
-}
-.wp-block-site-title :where(a) {
-  color: inherit;
 }

package/build-style/style-rtl.css

@@ -1134,13 +1134,6 @@ section.wp-block-cover-image > h2,
   flex-direction: column;
   gap: 0.25em;
   margin-bottom: 0.5em;
-  /*
-  Small tweak to left-align the checkbox.
-  Even though `:has` is not currently supported in Firefox, this is a small tweak
-  and does not affect the functionality of the block or the user's experience.
-  There will be a minor inconsistency between browsers. However, it's more important to provide
-  a better experience for 80+% of users, until Firefox catches up and supports `:has`.
-  */
 }
 .wp-block-form-input__label.is-label-inline {
   flex-direction: row;
@@ -1151,9 +1144,15 @@ section.wp-block-cover-image > h2,
   margin-bottom: 0.5em;
 }
 .wp-block-form-input__label:has(input[type=checkbox]) {
+  flex-direction: row;
   width: -moz-fit-content;
   width: fit-content;
-  /* stylelint-disable-next-line declaration-property-value-allowed-list -- This should be refactored to not use the row-reverse value. */
+}
+.wp-block-form-input__label:has(input[type=checkbox]) .wp-block-form-input__label-content {
+  margin: 0;
+}
+.wp-block-form-input__label:has(.wp-block-form-input__label-content + input[type=checkbox]) {
+  /* stylelint-disable-next-line declaration-property-value-allowed-list -- This style is required for old markup. */
   flex-direction: row-reverse;
 }
 
@@ -3014,30 +3013,16 @@ p.has-text-align-left[style*="writing-mode:vertical-lr"] {
   word-break: break-word;
   box-sizing: border-box;
 }
-.wp-block-post-title[style*=font-weight] :where(a) {
-  font-weight: inherit;
-}
-.wp-block-post-title[class*=-font-family] :where(a), .wp-block-post-title[style*=font-family] :where(a) {
+.wp-block-post-title :where(a) {
+  display: inline-block;
   font-family: inherit;
-}
-.wp-block-post-title[class*=-font-size] :where(a), .wp-block-post-title[style*=font-size] :where(a) {
   font-size: inherit;
-}
-.wp-block-post-title[style*=line-height] :where(a) {
-  line-height: inherit;
-}
-.wp-block-post-title[style*=font-style] :where(a) {
   font-style: inherit;
-}
-.wp-block-post-title[style*=letter-spacing] :where(a) {
+  font-weight: inherit;
   letter-spacing: inherit;
-}
-.wp-block-post-title[style*=text-decoration] :where(a) {
+  line-height: inherit;
   text-decoration: inherit;
 }
-.wp-block-post-title a {
-  display: inline-block;
-}
 
 .wp-block-post-author-name {
   box-sizing: border-box;
@@ -3459,30 +3444,16 @@ ul.wp-block-rss.is-grid li {
 .wp-block-site-title {
   box-sizing: border-box;
 }
-.wp-block-site-title[style*=font-weight] :where(a) {
-  font-weight: inherit;
-}
-.wp-block-site-title[class*=-font-family] :where(a), .wp-block-site-title[style*=font-family] :where(a) {
+.wp-block-site-title :where(a) {
+  color: inherit;
   font-family: inherit;
-}
-.wp-block-site-title[class*=-font-size] :where(a), .wp-block-site-title[style*=font-size] :where(a) {
   font-size: inherit;
-}
-.wp-block-site-title[style*=line-height] :where(a) {
-  line-height: inherit;
-}
-.wp-block-site-title[style*=font-style] :where(a) {
   font-style: inherit;
-}
-.wp-block-site-title[style*=letter-spacing] :where(a) {
+  font-weight: inherit;
   letter-spacing: inherit;
-}
-.wp-block-site-title[style*=text-decoration] :where(a) {
+  line-height: inherit;
   text-decoration: inherit;
 }
-.wp-block-site-title :where(a) {
-  color: inherit;
-}
 
 .wp-block-social-links {
   box-sizing: border-box;

package/build-style/style.css

@@ -1142,13 +1142,6 @@ section.wp-block-cover-image > h2,
   flex-direction: column;
   gap: 0.25em;
   margin-bottom: 0.5em;
-  /*
-  Small tweak to left-align the checkbox.
-  Even though `:has` is not currently supported in Firefox, this is a small tweak
-  and does not affect the functionality of the block or the user's experience.
-  There will be a minor inconsistency between browsers. However, it's more important to provide
-  a better experience for 80+% of users, until Firefox catches up and supports `:has`.
-  */
 }
 .wp-block-form-input__label.is-label-inline {
   flex-direction: row;
@@ -1159,9 +1152,15 @@ section.wp-block-cover-image > h2,
   margin-bottom: 0.5em;
 }
 .wp-block-form-input__label:has(input[type=checkbox]) {
+  flex-direction: row;
   width: -moz-fit-content;
   width: fit-content;
-  /* stylelint-disable-next-line declaration-property-value-allowed-list -- This should be refactored to not use the row-reverse value. */
+}
+.wp-block-form-input__label:has(input[type=checkbox]) .wp-block-form-input__label-content {
+  margin: 0;
+}
+.wp-block-form-input__label:has(.wp-block-form-input__label-content + input[type=checkbox]) {
+  /* stylelint-disable-next-line declaration-property-value-allowed-list -- This style is required for old markup. */
   flex-direction: row-reverse;
 }
 
@@ -3044,30 +3043,16 @@ p.has-text-align-left[style*="writing-mode:vertical-lr"] {
   word-break: break-word;
   box-sizing: border-box;
 }
-.wp-block-post-title[style*=font-weight] :where(a) {
-  font-weight: inherit;
-}
-.wp-block-post-title[class*=-font-family] :where(a), .wp-block-post-title[style*=font-family] :where(a) {
+.wp-block-post-title :where(a) {
+  display: inline-block;
   font-family: inherit;
-}
-.wp-block-post-title[class*=-font-size] :where(a), .wp-block-post-title[style*=font-size] :where(a) {
   font-size: inherit;
-}
-.wp-block-post-title[style*=line-height] :where(a) {
-  line-height: inherit;
-}
-.wp-block-post-title[style*=font-style] :where(a) {
   font-style: inherit;
-}
-.wp-block-post-title[style*=letter-spacing] :where(a) {
+  font-weight: inherit;
   letter-spacing: inherit;
-}
-.wp-block-post-title[style*=text-decoration] :where(a) {
+  line-height: inherit;
   text-decoration: inherit;
 }
-.wp-block-post-title a {
-  display: inline-block;
-}
 
 .wp-block-post-author-name {
   box-sizing: border-box;
@@ -3492,30 +3477,16 @@ ul.wp-block-rss.is-grid li {
 .wp-block-site-title {
   box-sizing: border-box;
 }
-.wp-block-site-title[style*=font-weight] :where(a) {
-  font-weight: inherit;
-}
-.wp-block-site-title[class*=-font-family] :where(a), .wp-block-site-title[style*=font-family] :where(a) {
+.wp-block-site-title :where(a) {
+  color: inherit;
   font-family: inherit;
-}
-.wp-block-site-title[class*=-font-size] :where(a), .wp-block-site-title[style*=font-size] :where(a) {
   font-size: inherit;
-}
-.wp-block-site-title[style*=line-height] :where(a) {
-  line-height: inherit;
-}
-.wp-block-site-title[style*=font-style] :where(a) {
   font-style: inherit;
-}
-.wp-block-site-title[style*=letter-spacing] :where(a) {
+  font-weight: inherit;
   letter-spacing: inherit;
-}
-.wp-block-site-title[style*=text-decoration] :where(a) {
+  line-height: inherit;
   text-decoration: inherit;
 }
-.wp-block-site-title :where(a) {
-  color: inherit;
-}
 
 .wp-block-social-links {
   box-sizing: border-box;

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@wordpress/block-library",
-	"version": "9.7.1-next.5368f64a9.0",
+	"version": "9.8.0",
 	"description": "Block library for the WordPress editor.",
 	"author": "The WordPress Contributors",
 	"license": "GPL-2.0-or-later",
@@ -39,39 +39,39 @@
 	},
 	"dependencies": {
 		"@babel/runtime": "^7.16.0",
-		"@wordpress/a11y": "^4.7.1-next.5368f64a9.0",
-		"@wordpress/api-fetch": "^7.7.1-next.5368f64a9.0",
-		"@wordpress/autop": "^4.7.1-next.5368f64a9.0",
-		"@wordpress/blob": "^4.7.1-next.5368f64a9.0",
-		"@wordpress/block-editor": "^14.2.1-next.5368f64a9.0",
-		"@wordpress/blocks": "^13.7.1-next.5368f64a9.0",
-		"@wordpress/components": "^28.8.1-next.5368f64a9.0",
-		"@wordpress/compose": "^7.8.1-next.5368f64a9.0",
-		"@wordpress/core-data": "^7.7.1-next.5368f64a9.0",
-		"@wordpress/data": "^10.7.1-next.5368f64a9.0",
-		"@wordpress/date": "^5.7.1-next.5368f64a9.0",
-		"@wordpress/deprecated": "^4.7.1-next.5368f64a9.0",
-		"@wordpress/dom": "^4.7.1-next.5368f64a9.0",
-		"@wordpress/element": "^6.7.1-next.5368f64a9.0",
-		"@wordpress/escape-html": "^3.7.1-next.5368f64a9.0",
-		"@wordpress/hooks": "^4.7.1-next.5368f64a9.0",
-		"@wordpress/html-entities": "^4.7.1-next.5368f64a9.0",
-		"@wordpress/i18n": "^5.7.1-next.5368f64a9.0",
-		"@wordpress/icons": "^10.7.1-next.5368f64a9.0",
-		"@wordpress/interactivity": "^6.7.2-next.5368f64a9.0",
-		"@wordpress/interactivity-router": "^2.7.1-next.5368f64a9.0",
-		"@wordpress/keyboard-shortcuts": "^5.7.1-next.5368f64a9.0",
-		"@wordpress/keycodes": "^4.7.1-next.5368f64a9.0",
-		"@wordpress/notices": "^5.7.1-next.5368f64a9.0",
-		"@wordpress/patterns": "^2.7.1-next.5368f64a9.0",
-		"@wordpress/primitives": "^4.7.1-next.5368f64a9.0",
-		"@wordpress/private-apis": "^1.7.1-next.5368f64a9.0",
-		"@wordpress/reusable-blocks": "^5.7.1-next.5368f64a9.0",
-		"@wordpress/rich-text": "^7.7.1-next.5368f64a9.0",
-		"@wordpress/server-side-render": "^5.7.1-next.5368f64a9.0",
-		"@wordpress/url": "^4.7.1-next.5368f64a9.0",
-		"@wordpress/viewport": "^6.7.1-next.5368f64a9.0",
-		"@wordpress/wordcount": "^4.7.1-next.5368f64a9.0",
+		"@wordpress/a11y": "^4.8.0",
+		"@wordpress/api-fetch": "^7.8.0",
+		"@wordpress/autop": "^4.8.0",
+		"@wordpress/blob": "^4.8.0",
+		"@wordpress/block-editor": "^14.3.0",
+		"@wordpress/blocks": "^13.8.0",
+		"@wordpress/components": "^28.8.0",
+		"@wordpress/compose": "^7.8.0",
+		"@wordpress/core-data": "^7.8.0",
+		"@wordpress/data": "^10.8.0",
+		"@wordpress/date": "^5.8.0",
+		"@wordpress/deprecated": "^4.8.0",
+		"@wordpress/dom": "^4.8.0",
+		"@wordpress/element": "^6.8.0",
+		"@wordpress/escape-html": "^3.8.0",
+		"@wordpress/hooks": "^4.8.0",
+		"@wordpress/html-entities": "^4.8.0",
+		"@wordpress/i18n": "^5.8.0",
+		"@wordpress/icons": "^10.8.0",
+		"@wordpress/interactivity": "^6.8.0",
+		"@wordpress/interactivity-router": "^2.8.0",
+		"@wordpress/keyboard-shortcuts": "^5.8.0",
+		"@wordpress/keycodes": "^4.8.0",
+		"@wordpress/notices": "^5.8.0",
+		"@wordpress/patterns": "^2.8.0",
+		"@wordpress/primitives": "^4.8.0",
+		"@wordpress/private-apis": "^1.8.0",
+		"@wordpress/reusable-blocks": "^5.8.0",
+		"@wordpress/rich-text": "^7.8.0",
+		"@wordpress/server-side-render": "^5.8.0",
+		"@wordpress/url": "^4.8.0",
+		"@wordpress/viewport": "^6.8.0",
+		"@wordpress/wordcount": "^4.8.0",
 		"change-case": "^4.1.2",
 		"clsx": "^2.1.1",
 		"colord": "^2.7.0",
@@ -89,5 +89,5 @@
 	"publishConfig": {
 		"access": "public"
 	},
-	"gitHead": "24934a1f5251bbee15045d1fd953d9c5650317cd"
+	"gitHead": "cecf5e14d317aa67407f77a7e5c8b6a43016bd42"
 }

package/src/categories/block.json

@@ -2,11 +2,16 @@
 	"$schema": "https://schemas.wp.org/trunk/block.json",
 	"apiVersion": 3,
 	"name": "core/categories",
-	"title": "Categories List",
+	"title": "Terms List",
 	"category": "widgets",
-	"description": "Display a list of all categories.",
+	"description": "Display a list of all terms of a given taxonomy.",
+	"keywords": [ "categories" ],
 	"textdomain": "default",
 	"attributes": {
+		"taxonomy": {
+			"type": "string",
+			"default": "category"
+		},
 		"displayAsDropdown": {
 			"type": "boolean",
 			"default": false

package/src/categories/edit.js

@@ -9,6 +9,7 @@ import clsx from 'clsx';
 import {
 	PanelBody,
 	Placeholder,
+	SelectControl,
 	Spinner,
 	ToggleControl,
 	VisuallyHidden,
@@ -20,7 +21,7 @@ import {
 	RichText,
 } from '@wordpress/block-editor';
 import { decodeEntities } from '@wordpress/html-entities';
-import { __ } from '@wordpress/i18n';
+import { __, sprintf } from '@wordpress/i18n';
 import { pin } from '@wordpress/icons';
 import { useEntityRecords } from '@wordpress/core-data';
 
@@ -33,19 +34,33 @@ export default function CategoriesEdit( {
 		showEmpty,
 		label,
 		showLabel,
+		taxonomy: taxonomySlug,
 	},
 	setAttributes,
 	className,
 } ) {
 	const selectId = useInstanceId( CategoriesEdit, 'blocks-category-select' );
+
+	const { records: allTaxonomies, isResolvingTaxonomies } = useEntityRecords(
+		'root',
+		'taxonomy'
+	);
+
+	const taxonomies = allTaxonomies?.filter( ( t ) => t.visibility.public );
+
+	const taxonomy = taxonomies?.find( ( t ) => t.slug === taxonomySlug );
+
+	const isHierarchicalTaxonomy =
+		! isResolvingTaxonomies && taxonomy?.hierarchical;
+
 	const query = { per_page: -1, hide_empty: ! showEmpty, context: 'view' };
-	if ( showOnlyTopLevel ) {
+	if ( isHierarchicalTaxonomy && showOnlyTopLevel ) {
 		query.parent = 0;
 	}
 
 	const { records: categories, isResolving } = useEntityRecords(
 		'taxonomy',
-		'category',
+		taxonomySlug,
 		query
 	);
 
@@ -66,7 +81,7 @@ export default function CategoriesEdit( {
 		! name ? __( '(Untitled)' ) : decodeEntities( name ).trim();
 
 	const renderCategoryList = () => {
-		const parentId = showHierarchy ? 0 : null;
+		const parentId = isHierarchicalTaxonomy && showHierarchy ? 0 : null;
 		const categoriesList = getCategoriesList( parentId );
 		return categoriesList.map( ( category ) =>
 			renderCategoryListItem( category )
@@ -82,19 +97,21 @@ export default function CategoriesEdit( {
 					{ renderCategoryName( name ) }
 				</a>
 				{ showPostCounts && ` (${ count })` }
-				{ showHierarchy && !! childCategories.length && (
-					<ul className="children">
-						{ childCategories.map( ( childCategory ) =>
-							renderCategoryListItem( childCategory )
-						) }
-					</ul>
-				) }
+				{ isHierarchicalTaxonomy &&
+					showHierarchy &&
+					!! childCategories.length && (
+						<ul className="children">
+							{ childCategories.map( ( childCategory ) =>
+								renderCategoryListItem( childCategory )
+							) }
+						</ul>
+					) }
 			</li>
 		);
 	};
 
 	const renderCategoryDropdown = () => {
-		const parentId = showHierarchy ? 0 : null;
+		const parentId = isHierarchicalTaxonomy && showHierarchy ? 0 : null;
 		const categoriesList = getCategoriesList( parentId );
 		return (
 			<>
@@ -102,7 +119,7 @@ export default function CategoriesEdit( {
 					<RichText
 						className="wp-block-categories__label"
 						aria-label={ __( 'Label text' ) }
-						placeholder={ __( 'Categories' ) }
+						placeholder={ taxonomy.name }
 						withoutInteractiveFormatting
 						value={ label }
 						onChange={ ( html ) =>
@@ -111,11 +128,17 @@ export default function CategoriesEdit( {
 					/>
 				) : (
 					<VisuallyHidden as="label" htmlFor={ selectId }>
-						{ label ? label : __( 'Categories' ) }
+						{ label ? label : taxonomy.name }
 					</VisuallyHidden>
 				) }
 				<select id={ selectId }>
-					<option>{ __( 'Select Category' ) }</option>
+					<option>
+						{ sprintf(
+							/* translators: %s: taxonomy's singular name */
+							__( 'Select %s' ),
+							taxonomy.labels.singular_name
+						) }
+					</option>
 					{ categoriesList.map( ( category ) =>
 						renderCategoryDropdownItem( category, 0 )
 					) }
@@ -133,7 +156,8 @@ export default function CategoriesEdit( {
 				{ renderCategoryName( name ) }
 				{ showPostCounts && ` (${ count })` }
 			</option>,
-			showHierarchy &&
+			isHierarchicalTaxonomy &&
+				showHierarchy &&
 				!! childCategories.length &&
 				childCategories.map( ( childCategory ) =>
 					renderCategoryDropdownItem( childCategory, level + 1 )
@@ -161,6 +185,23 @@ export default function CategoriesEdit( {
 		<TagName { ...blockProps }>
 			<InspectorControls>
 				<PanelBody title={ __( 'Settings' ) }>
+					{ Array.isArray( taxonomies ) && (
+						<SelectControl
+							__nextHasNoMarginBottom
+							__next40pxDefaultSize
+							label={ __( 'Taxonomy' ) }
+							options={ taxonomies.map( ( t ) => ( {
+								label: t.name,
+								value: t.slug,
+							} ) ) }
+							value={ taxonomySlug }
+							onChange={ ( selectedTaxonomy ) =>
+								setAttributes( {
+									taxonomy: selectedTaxonomy,
+								} )
+							}
+						/>
+					) }
 					<ToggleControl
 						__nextHasNoMarginBottom
 						label={ __( 'Display as dropdown' ) }
@@ -182,19 +223,21 @@ export default function CategoriesEdit( {
 						checked={ showPostCounts }
 						onChange={ toggleAttribute( 'showPostCounts' ) }
 					/>
+					{ isHierarchicalTaxonomy && (
+						<ToggleControl
+							__nextHasNoMarginBottom
+							label={ __( 'Show only top level terms' ) }
+							checked={ showOnlyTopLevel }
+							onChange={ toggleAttribute( 'showOnlyTopLevel' ) }
+						/>
+					) }
 					<ToggleControl
 						__nextHasNoMarginBottom
-						label={ __( 'Show only top level categories' ) }
-						checked={ showOnlyTopLevel }
-						onChange={ toggleAttribute( 'showOnlyTopLevel' ) }
-					/>
-					<ToggleControl
-						__nextHasNoMarginBottom
-						label={ __( 'Show empty categories' ) }
+						label={ __( 'Show empty terms' ) }
 						checked={ showEmpty }
 						onChange={ toggleAttribute( 'showEmpty' ) }
 					/>
-					{ ! showOnlyTopLevel && (
+					{ isHierarchicalTaxonomy && ! showOnlyTopLevel && (
 						<ToggleControl
 							__nextHasNoMarginBottom
 							label={ __( 'Show hierarchy' ) }
@@ -205,16 +248,12 @@ export default function CategoriesEdit( {
 				</PanelBody>
 			</InspectorControls>
 			{ isResolving && (
-				<Placeholder icon={ pin } label={ __( 'Categories' ) }>
+				<Placeholder icon={ pin } label={ __( 'Terms' ) }>
 					<Spinner />
 				</Placeholder>
 			) }
 			{ ! isResolving && categories?.length === 0 && (
-				<p>
-					{ __(
-						'Your site does not have any posts, so there is nothing to display here at the moment.'
-					) }
-				</p>
+				<p>{ taxonomy.labels.no_terms }</p>
 			) }
 			{ ! isResolving &&
 				categories?.length > 0 &&

package/src/categories/index.js

@@ -9,6 +9,7 @@ import { category as icon } from '@wordpress/icons';
 import initBlock from '../utils/init-block';
 import metadata from './block.json';
 import edit from './edit';
+import variations from './variations';
 
 const { name } = metadata;
 
@@ -18,6 +19,7 @@ export const settings = {
 	icon,
 	example: {},
 	edit,
+	variations,
 };
 
 export const init = () => initBlock( { name, metadata, settings } );