@wordpress/block-library 9.16.0 → 9.18.0

package/build-style/rss/style.css

@@ -98,13 +98,6 @@
 /**
  * Reset the WP Admin page styles for Gutenberg-like pages.
  */
-ul.wp-block-rss {
-  list-style: none;
-  padding: 0;
-}
-ul.wp-block-rss.wp-block-rss {
-  box-sizing: border-box;
-}
 ul.wp-block-rss.alignleft {
   /*rtl:ignore*/
   margin-right: 2em;
@@ -117,7 +110,6 @@ ul.wp-block-rss.is-grid {
   display: flex;
   flex-wrap: wrap;
   padding: 0;
-  list-style: none;
 }
 ul.wp-block-rss.is-grid li {
   margin: 0 1em 1em 0;
@@ -145,4 +137,10 @@ ul.wp-block-rss.is-grid li {
 .wp-block-rss__item-author {
   display: block;
   font-size: 0.8125em;
+}
+
+.wp-block-rss {
+  box-sizing: border-box;
+  list-style: none;
+  padding: 0;
 }

package/build-style/social-links/editor-rtl.css

@@ -172,12 +172,6 @@
 .wp-social-link.wp-social-link__is-incomplete {
   opacity: 0.5;
 }
-@media (prefers-reduced-motion: reduce) {
-  .wp-social-link.wp-social-link__is-incomplete {
-    transition-duration: 0s;
-    transition-delay: 0s;
-  }
-}
 
 .wp-block-social-links .is-selected .wp-social-link__is-incomplete,
 .wp-social-link.wp-social-link__is-incomplete:hover,
@@ -188,6 +182,9 @@
 .wp-block-social-links .block-list-appender {
   position: static;
 }
+.wp-block-social-links .block-list-appender .block-editor-inserter {
+  font-size: inherit;
+}
 .wp-block-social-links .block-list-appender .block-editor-button-block-appender {
   height: 1.5em;
   width: 1.5em;

package/build-style/social-links/editor.css

@@ -172,12 +172,6 @@
 .wp-social-link.wp-social-link__is-incomplete {
   opacity: 0.5;
 }
-@media (prefers-reduced-motion: reduce) {
-  .wp-social-link.wp-social-link__is-incomplete {
-    transition-duration: 0s;
-    transition-delay: 0s;
-  }
-}
 
 .wp-block-social-links .is-selected .wp-social-link__is-incomplete,
 .wp-social-link.wp-social-link__is-incomplete:hover,
@@ -188,6 +182,9 @@
 .wp-block-social-links .block-list-appender {
   position: static;
 }
+.wp-block-social-links .block-list-appender .block-editor-inserter {
+  font-size: inherit;
+}
 .wp-block-social-links .block-list-appender .block-editor-button-block-appender {
   height: 1.5em;
   width: 1.5em;

package/build-style/social-links/style-rtl.css

@@ -199,6 +199,10 @@
   background-color: #02e49b;
   color: #fff;
 }
+:where(.wp-block-social-links:not(.is-style-logos-only)) .wp-social-link-discord {
+  background-color: #5865f2;
+  color: #fff;
+}
 :where(.wp-block-social-links:not(.is-style-logos-only)) .wp-social-link-dribbble {
   background-color: #e94c89;
   color: #fff;
@@ -378,6 +382,9 @@
 :where(.wp-block-social-links.is-style-logos-only) .wp-social-link-deviantart {
   color: #02e49b;
 }
+:where(.wp-block-social-links.is-style-logos-only) .wp-social-link-discord {
+  color: #5865f2;
+}
 :where(.wp-block-social-links.is-style-logos-only) .wp-social-link-dribbble {
   color: #e94c89;
 }

package/build-style/social-links/style.css

@@ -199,6 +199,10 @@
   background-color: #02e49b;
   color: #fff;
 }
+:where(.wp-block-social-links:not(.is-style-logos-only)) .wp-social-link-discord {
+  background-color: #5865f2;
+  color: #fff;
+}
 :where(.wp-block-social-links:not(.is-style-logos-only)) .wp-social-link-dribbble {
   background-color: #e94c89;
   color: #fff;
@@ -378,6 +382,9 @@
 :where(.wp-block-social-links.is-style-logos-only) .wp-social-link-deviantart {
   color: #02e49b;
 }
+:where(.wp-block-social-links.is-style-logos-only) .wp-social-link-discord {
+  color: #5865f2;
+}
 :where(.wp-block-social-links.is-style-logos-only) .wp-social-link-dribbble {
   color: #e94c89;
 }

package/build-style/style-rtl.css

@@ -3277,13 +3277,6 @@ p.has-text-align-left[style*="writing-mode:vertical-lr"] {
   text-decoration: none;
 }
 
-ul.wp-block-rss {
-  list-style: none;
-  padding: 0;
-}
-ul.wp-block-rss.wp-block-rss {
-  box-sizing: border-box;
-}
 ul.wp-block-rss.alignleft {
   margin-right: 2em;
 }
@@ -3294,7 +3287,6 @@ ul.wp-block-rss.is-grid {
   display: flex;
   flex-wrap: wrap;
   padding: 0;
-  list-style: none;
 }
 ul.wp-block-rss.is-grid li {
   margin: 0 0 1em 1em;
@@ -3324,6 +3316,12 @@ ul.wp-block-rss.is-grid li {
   font-size: 0.8125em;
 }
 
+.wp-block-rss {
+  box-sizing: border-box;
+  list-style: none;
+  padding: 0;
+}
+
 .wp-block-search__button {
   margin-right: 10px;
   word-break: normal;
@@ -3611,6 +3609,10 @@ ul.wp-block-rss.is-grid li {
   background-color: #02e49b;
   color: #fff;
 }
+:where(.wp-block-social-links:not(.is-style-logos-only)) .wp-social-link-discord {
+  background-color: #5865f2;
+  color: #fff;
+}
 :where(.wp-block-social-links:not(.is-style-logos-only)) .wp-social-link-dribbble {
   background-color: #e94c89;
   color: #fff;
@@ -3790,6 +3792,9 @@ ul.wp-block-rss.is-grid li {
 :where(.wp-block-social-links.is-style-logos-only) .wp-social-link-deviantart {
   color: #02e49b;
 }
+:where(.wp-block-social-links.is-style-logos-only) .wp-social-link-discord {
+  color: #5865f2;
+}
 :where(.wp-block-social-links.is-style-logos-only) .wp-social-link-dribbble {
   color: #e94c89;
 }

package/build-style/style.css

@@ -3309,13 +3309,6 @@ p.has-text-align-left[style*="writing-mode:vertical-lr"] {
   text-decoration: none;
 }
 
-ul.wp-block-rss {
-  list-style: none;
-  padding: 0;
-}
-ul.wp-block-rss.wp-block-rss {
-  box-sizing: border-box;
-}
 ul.wp-block-rss.alignleft {
   /*rtl:ignore*/
   margin-right: 2em;
@@ -3328,7 +3321,6 @@ ul.wp-block-rss.is-grid {
   display: flex;
   flex-wrap: wrap;
   padding: 0;
-  list-style: none;
 }
 ul.wp-block-rss.is-grid li {
   margin: 0 1em 1em 0;
@@ -3358,6 +3350,12 @@ ul.wp-block-rss.is-grid li {
   font-size: 0.8125em;
 }
 
+.wp-block-rss {
+  box-sizing: border-box;
+  list-style: none;
+  padding: 0;
+}
+
 .wp-block-search__button {
   margin-left: 10px;
   word-break: normal;
@@ -3646,6 +3644,10 @@ ul.wp-block-rss.is-grid li {
   background-color: #02e49b;
   color: #fff;
 }
+:where(.wp-block-social-links:not(.is-style-logos-only)) .wp-social-link-discord {
+  background-color: #5865f2;
+  color: #fff;
+}
 :where(.wp-block-social-links:not(.is-style-logos-only)) .wp-social-link-dribbble {
   background-color: #e94c89;
   color: #fff;
@@ -3825,6 +3827,9 @@ ul.wp-block-rss.is-grid li {
 :where(.wp-block-social-links.is-style-logos-only) .wp-social-link-deviantart {
   color: #02e49b;
 }
+:where(.wp-block-social-links.is-style-logos-only) .wp-social-link-discord {
+  color: #5865f2;
+}
 :where(.wp-block-social-links.is-style-logos-only) .wp-social-link-dribbble {
   color: #e94c89;
 }

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@wordpress/block-library",
-	"version": "9.16.0",
+	"version": "9.18.0",
 	"description": "Block library for the WordPress editor.",
 	"author": "The WordPress Contributors",
 	"license": "GPL-2.0-or-later",
@@ -41,39 +41,39 @@
 	],
 	"dependencies": {
 		"@babel/runtime": "7.25.7",
-		"@wordpress/a11y": "^4.16.0",
-		"@wordpress/api-fetch": "^7.16.0",
-		"@wordpress/autop": "^4.16.0",
-		"@wordpress/blob": "^4.16.0",
-		"@wordpress/block-editor": "^14.11.0",
-		"@wordpress/blocks": "^14.5.0",
-		"@wordpress/components": "^29.2.0",
-		"@wordpress/compose": "^7.16.0",
-		"@wordpress/core-data": "^7.16.0",
-		"@wordpress/data": "^10.16.0",
-		"@wordpress/date": "^5.16.0",
-		"@wordpress/deprecated": "^4.16.0",
-		"@wordpress/dom": "^4.16.0",
-		"@wordpress/element": "^6.16.0",
-		"@wordpress/escape-html": "^3.16.0",
-		"@wordpress/hooks": "^4.16.0",
-		"@wordpress/html-entities": "^4.16.0",
-		"@wordpress/i18n": "^5.16.0",
-		"@wordpress/icons": "^10.16.0",
-		"@wordpress/interactivity": "^6.16.0",
-		"@wordpress/interactivity-router": "^2.16.0",
-		"@wordpress/keyboard-shortcuts": "^5.16.0",
-		"@wordpress/keycodes": "^4.16.0",
-		"@wordpress/notices": "^5.16.0",
-		"@wordpress/patterns": "^2.16.0",
-		"@wordpress/primitives": "^4.16.0",
-		"@wordpress/private-apis": "^1.16.0",
-		"@wordpress/reusable-blocks": "^5.16.0",
-		"@wordpress/rich-text": "^7.16.0",
-		"@wordpress/server-side-render": "^5.16.0",
-		"@wordpress/url": "^4.16.0",
-		"@wordpress/viewport": "^6.16.0",
-		"@wordpress/wordcount": "^4.16.0",
+		"@wordpress/a11y": "^4.18.0",
+		"@wordpress/api-fetch": "^7.18.0",
+		"@wordpress/autop": "^4.18.0",
+		"@wordpress/blob": "^4.18.0",
+		"@wordpress/block-editor": "^14.13.0",
+		"@wordpress/blocks": "^14.7.0",
+		"@wordpress/components": "^29.4.0",
+		"@wordpress/compose": "^7.18.0",
+		"@wordpress/core-data": "^7.18.0",
+		"@wordpress/data": "^10.18.0",
+		"@wordpress/date": "^5.18.0",
+		"@wordpress/deprecated": "^4.18.0",
+		"@wordpress/dom": "^4.18.0",
+		"@wordpress/element": "^6.18.0",
+		"@wordpress/escape-html": "^3.18.0",
+		"@wordpress/hooks": "^4.18.0",
+		"@wordpress/html-entities": "^4.18.0",
+		"@wordpress/i18n": "^5.18.0",
+		"@wordpress/icons": "^10.18.0",
+		"@wordpress/interactivity": "^6.18.0",
+		"@wordpress/interactivity-router": "^2.18.0",
+		"@wordpress/keyboard-shortcuts": "^5.18.0",
+		"@wordpress/keycodes": "^4.18.0",
+		"@wordpress/notices": "^5.18.0",
+		"@wordpress/patterns": "^2.18.0",
+		"@wordpress/primitives": "^4.18.0",
+		"@wordpress/private-apis": "^1.18.0",
+		"@wordpress/reusable-blocks": "^5.18.0",
+		"@wordpress/rich-text": "^7.18.0",
+		"@wordpress/server-side-render": "^5.18.0",
+		"@wordpress/url": "^4.18.0",
+		"@wordpress/viewport": "^6.18.0",
+		"@wordpress/wordcount": "^4.18.0",
 		"change-case": "^4.1.2",
 		"clsx": "^2.1.1",
 		"colord": "^2.7.0",
@@ -91,5 +91,5 @@
 	"publishConfig": {
 		"access": "public"
 	},
-	"gitHead": "f48b9f56629e400891abb5ae491504de475237ff"
+	"gitHead": "afe4fb333177642180ac020f1030c5685eab7183"
 }

package/src/archives/block.json

@@ -54,6 +54,15 @@
 				"fontSize": true
 			}
 		},
+		"color": {
+			"gradients": true,
+			"link": true,
+			"__experimentalDefaultControls": {
+				"background": true,
+				"text": true,
+				"link": true
+			}
+		},
 		"interactivity": {
 			"clientNavigation": true
 		}

package/src/archives/edit.js

@@ -61,7 +61,7 @@ export default function ArchivesEdit( { attributes, setAttributes } ) {
 						<ToolsPanelItem
 							label={ __( 'Show label' ) }
 							isShownByDefault
-							hasValue={ () => showLabel }
+							hasValue={ () => ! showLabel }
 							onDeselect={ () =>
 								setAttributes( { showLabel: false } )
 							}
@@ -102,7 +102,7 @@ export default function ArchivesEdit( { attributes, setAttributes } ) {
 					<ToolsPanelItem
 						label={ __( 'Group by' ) }
 						isShownByDefault
-						hasValue={ () => !! type }
+						hasValue={ () => type !== 'monthly' }
 						onDeselect={ () =>
 							setAttributes( { type: 'monthly' } )
 						}

package/src/block/index.php

@@ -87,25 +87,8 @@ function render_block_core_block( $attributes ) {
 		add_filter( 'render_block_context', $filter_block_context, 1 );
 	}
 
-	$ignored_hooked_blocks = get_post_meta( $attributes['ref'], '_wp_ignored_hooked_blocks', true );
-	if ( ! empty( $ignored_hooked_blocks ) ) {
-		$ignored_hooked_blocks  = json_decode( $ignored_hooked_blocks, true );
-		$attributes['metadata'] = array(
-			'ignoredHookedBlocks' => $ignored_hooked_blocks,
-		);
-	}
-
-	// Wrap in "Block" block so the Block Hooks algorithm can insert blocks
-	// that are hooked as first or last child of `core/block`.
-	$content = get_comment_delimited_block_content(
-		'core/block',
-		$attributes,
-		$content
-	);
 	// Apply Block Hooks.
-	$content = apply_block_hooks_to_content( $content, $reusable_block );
-	// Remove block wrapper.
-	$content = remove_serialized_parent_block( $content );
+	$content = apply_block_hooks_to_content_from_post_object( $content, $reusable_block );
 
 	$content = do_blocks( $content );
 	unset( $seen_refs[ $attributes['ref'] ] );

package/src/categories/block.json

@@ -66,6 +66,15 @@
 				"fontSize": true
 			}
 		},
+		"color": {
+			"gradients": true,
+			"link": true,
+			"__experimentalDefaultControls": {
+				"background": true,
+				"text": true,
+				"link": true
+			}
+		},
 		"interactivity": {
 			"clientNavigation": true
 		},

package/src/categories/edit.js

@@ -7,12 +7,13 @@ import clsx from 'clsx';
  * WordPress dependencies
  */
 import {
-	PanelBody,
 	Placeholder,
 	SelectControl,
 	Spinner,
 	ToggleControl,
 	VisuallyHidden,
+	__experimentalToolsPanel as ToolsPanel,
+	__experimentalToolsPanelItem as ToolsPanelItem,
 } from '@wordpress/components';
 import { useInstanceId } from '@wordpress/compose';
 import {
@@ -25,6 +26,11 @@ import { __, sprintf } from '@wordpress/i18n';
 import { pin } from '@wordpress/icons';
 import { useEntityRecords } from '@wordpress/core-data';
 
+/**
+ * Internal dependencies
+ */
+import { useToolsPanelDropdownMenuProps } from '../utils/hooks';
+
 export default function CategoriesEdit( {
 	attributes: {
 		displayAsDropdown,
@@ -180,72 +186,154 @@ export default function CategoriesEdit( {
 	const blockProps = useBlockProps( {
 		className: classes,
 	} );
+	const dropdownMenuProps = useToolsPanelDropdownMenuProps();
 
 	return (
 		<TagName { ...blockProps }>
 			<InspectorControls>
-				<PanelBody title={ __( 'Settings' ) }>
+				<ToolsPanel
+					label={ __( 'Settings' ) }
+					resetAll={ () => {
+						setAttributes( {
+							taxonomy: 'category',
+							displayAsDropdown: false,
+							showHierarchy: false,
+							showPostCounts: false,
+							showOnlyTopLevel: false,
+							showEmpty: false,
+							showLabel: true,
+						} );
+					} }
+					dropdownMenuProps={ dropdownMenuProps }
+				>
 					{ Array.isArray( taxonomies ) && (
-						<SelectControl
-							__nextHasNoMarginBottom
-							__next40pxDefaultSize
+						<ToolsPanelItem
+							hasValue={ () => {
+								return taxonomySlug !== 'category';
+							} }
 							label={ __( 'Taxonomy' ) }
-							options={ taxonomies.map( ( t ) => ( {
-								label: t.name,
-								value: t.slug,
-							} ) ) }
-							value={ taxonomySlug }
-							onChange={ ( selectedTaxonomy ) =>
-								setAttributes( {
-									taxonomy: selectedTaxonomy,
-								} )
-							}
-						/>
+							onDeselect={ () => {
+								setAttributes( { taxonomy: 'category' } );
+							} }
+							isShownByDefault
+						>
+							<SelectControl
+								__nextHasNoMarginBottom
+								__next40pxDefaultSize
+								label={ __( 'Taxonomy' ) }
+								options={ taxonomies.map( ( t ) => ( {
+									label: t.name,
+									value: t.slug,
+								} ) ) }
+								value={ taxonomySlug }
+								onChange={ ( selectedTaxonomy ) =>
+									setAttributes( {
+										taxonomy: selectedTaxonomy,
+									} )
+								}
+							/>
+						</ToolsPanelItem>
 					) }
-					<ToggleControl
-						__nextHasNoMarginBottom
+					<ToolsPanelItem
+						hasValue={ () => !! displayAsDropdown }
 						label={ __( 'Display as dropdown' ) }
-						checked={ displayAsDropdown }
-						onChange={ toggleAttribute( 'displayAsDropdown' ) }
-					/>
-					{ displayAsDropdown && (
+						onDeselect={ () =>
+							setAttributes( { displayAsDropdown: false } )
+						}
+						isShownByDefault
+					>
 						<ToggleControl
 							__nextHasNoMarginBottom
-							className="wp-block-categories__indentation"
-							label={ __( 'Show label' ) }
-							checked={ showLabel }
-							onChange={ toggleAttribute( 'showLabel' ) }
+							label={ __( 'Display as dropdown' ) }
+							checked={ displayAsDropdown }
+							onChange={ toggleAttribute( 'displayAsDropdown' ) }
 						/>
+					</ToolsPanelItem>
+					{ displayAsDropdown && (
+						<ToolsPanelItem
+							hasValue={ () => ! showLabel }
+							label={ __( 'Show label' ) }
+							onDeselect={ () =>
+								setAttributes( { showLabel: true } )
+							}
+							isShownByDefault
+						>
+							<ToggleControl
+								__nextHasNoMarginBottom
+								className="wp-block-categories__indentation"
+								label={ __( 'Show label' ) }
+								checked={ showLabel }
+								onChange={ toggleAttribute( 'showLabel' ) }
+							/>
+						</ToolsPanelItem>
 					) }
-					<ToggleControl
-						__nextHasNoMarginBottom
+					<ToolsPanelItem
+						hasValue={ () => !! showPostCounts }
 						label={ __( 'Show post counts' ) }
-						checked={ showPostCounts }
-						onChange={ toggleAttribute( 'showPostCounts' ) }
-					/>
-					{ isHierarchicalTaxonomy && (
+						onDeselect={ () =>
+							setAttributes( { showPostCounts: false } )
+						}
+						isShownByDefault
+					>
 						<ToggleControl
 							__nextHasNoMarginBottom
-							label={ __( 'Show only top level terms' ) }
-							checked={ showOnlyTopLevel }
-							onChange={ toggleAttribute( 'showOnlyTopLevel' ) }
+							label={ __( 'Show post counts' ) }
+							checked={ showPostCounts }
+							onChange={ toggleAttribute( 'showPostCounts' ) }
 						/>
+					</ToolsPanelItem>
+					{ isHierarchicalTaxonomy && (
+						<ToolsPanelItem
+							hasValue={ () => !! showOnlyTopLevel }
+							label={ __( 'Show only top level terms' ) }
+							onDeselect={ () =>
+								setAttributes( { showOnlyTopLevel: false } )
+							}
+							isShownByDefault
+						>
+							<ToggleControl
+								__nextHasNoMarginBottom
+								label={ __( 'Show only top level terms' ) }
+								checked={ showOnlyTopLevel }
+								onChange={ toggleAttribute(
+									'showOnlyTopLevel'
+								) }
+							/>
+						</ToolsPanelItem>
 					) }
-					<ToggleControl
-						__nextHasNoMarginBottom
+					<ToolsPanelItem
+						hasValue={ () => !! showEmpty }
 						label={ __( 'Show empty terms' ) }
-						checked={ showEmpty }
-						onChange={ toggleAttribute( 'showEmpty' ) }
-					/>
-					{ isHierarchicalTaxonomy && ! showOnlyTopLevel && (
+						onDeselect={ () =>
+							setAttributes( { showEmpty: false } )
+						}
+						isShownByDefault
+					>
 						<ToggleControl
 							__nextHasNoMarginBottom
-							label={ __( 'Show hierarchy' ) }
-							checked={ showHierarchy }
-							onChange={ toggleAttribute( 'showHierarchy' ) }
+							label={ __( 'Show empty terms' ) }
+							checked={ showEmpty }
+							onChange={ toggleAttribute( 'showEmpty' ) }
 						/>
+					</ToolsPanelItem>
+					{ isHierarchicalTaxonomy && ! showOnlyTopLevel && (
+						<ToolsPanelItem
+							hasValue={ () => !! showHierarchy }
+							label={ __( 'Show hierarchy' ) }
+							onDeselect={ () =>
+								setAttributes( { showHierarchy: false } )
+							}
+							isShownByDefault
+						>
+							<ToggleControl
+								__nextHasNoMarginBottom
+								label={ __( 'Show hierarchy' ) }
+								checked={ showHierarchy }
+								onChange={ toggleAttribute( 'showHierarchy' ) }
+							/>
+						</ToolsPanelItem>
 					) }
-				</PanelBody>
+				</ToolsPanel>
 			</InspectorControls>
 			{ isResolving && (
 				<Placeholder icon={ pin } label={ __( 'Terms' ) }>

package/src/comments/edit/comments-inspector-controls.js

@@ -5,18 +5,15 @@ import { SelectControl } from '@wordpress/components';
 import { __ } from '@wordpress/i18n';
 import { InspectorControls } from '@wordpress/block-editor';
 
+/**
+ * Internal dependencies
+ */
+import { htmlElementMessages } from '../../utils/messages';
+
 export default function CommentsInspectorControls( {
 	attributes: { tagName },
 	setAttributes,
 } ) {
-	const htmlElementMessages = {
-		section: __(
-			"The <section> element should represent a standalone portion of the document that can't be better represented by another element."
-		),
-		aside: __(
-			"The <aside> element should represent a portion of a document whose content is only indirectly related to the document's main content."
-		),
-	};
 	return (
 		<InspectorControls>
 			<InspectorControls group="advanced">

package/src/comments-pagination/block.json

@@ -18,6 +18,11 @@
 			"default": "none"
 		}
 	},
+	"example": {
+		"attributes": {
+			"paginationArrow": "none"
+		}
+	},
 	"providesContext": {
 		"comments/paginationArrow": "paginationArrow"
 	},