@wordpress/block-library 8.2.0 → 8.3.1

package/build-style/rss/editor.css

@@ -90,10 +90,6 @@
   display: inline;
 }
 
-.wp-block-rss__placeholder-form {
-  display: flex;
-  align-items: stretch;
-}
 .wp-block-rss__placeholder-form > * {
   margin-bottom: 8px;
 }
@@ -102,16 +98,7 @@
     margin-bottom: 0;
   }
 }
-
-.wp-block-rss__placeholder-input {
-  display: flex;
-  align-items: stretch;
-  flex-grow: 1;
-}
-.wp-block-rss__placeholder-input .components-base-control__field {
-  margin: 0;
-  display: flex;
-  align-items: stretch;
-  flex-grow: 1;
-  margin-right: 8px;
+.wp-block-rss__placeholder-form .wp-block-rss__placeholder-input {
+  flex: 1;
+  min-width: 80%;
 }

package/build-style/style-rtl.css

@@ -2431,6 +2431,21 @@ p.has-background {
   box-sizing: border-box;
 }
 
+.wp-block-post-excerpt {
+  margin-top: var(--wp--style--block-gap);
+  margin-bottom: var(--wp--style--block-gap);
+}
+
+.wp-block-post-excerpt__excerpt {
+  margin-top: 0;
+  margin-bottom: 0;
+}
+
+.wp-block-post-excerpt__more-text {
+  margin-top: var(--wp--style--block-gap);
+  margin-bottom: 0;
+}
+
 .wp-block-post-excerpt__more-link {
   display: inline-block;
 }
@@ -3665,4 +3680,18 @@ html :where(img[class*="wp-image-"]) {
  */
 figure {
   margin: 0 0 1em 0;
+}
+
+html :where(.is-position-sticky) {
+  /* stylelint-disable length-zero-no-unit */
+  --wp-admin--admin-bar--position-offset: var(--wp-admin--admin-bar--height, 0px);
+  /* stylelint-enable length-zero-no-unit */
+}
+
+@media screen and (max-width: 600px) {
+  html :where(.is-position-sticky) {
+    /* stylelint-disable length-zero-no-unit */
+    --wp-admin--admin-bar--position-offset: 0px;
+    /* stylelint-enable length-zero-no-unit */
+  }
 }

package/build-style/style.css

@@ -2459,6 +2459,21 @@ p.has-background {
   box-sizing: border-box;
 }
 
+.wp-block-post-excerpt {
+  margin-top: var(--wp--style--block-gap);
+  margin-bottom: var(--wp--style--block-gap);
+}
+
+.wp-block-post-excerpt__excerpt {
+  margin-top: 0;
+  margin-bottom: 0;
+}
+
+.wp-block-post-excerpt__more-text {
+  margin-top: var(--wp--style--block-gap);
+  margin-bottom: 0;
+}
+
 .wp-block-post-excerpt__more-link {
   display: inline-block;
 }
@@ -3700,4 +3715,18 @@ html :where(img[class*="wp-image-"]) {
  */
 figure {
   margin: 0 0 1em 0;
+}
+
+html :where(.is-position-sticky) {
+  /* stylelint-disable length-zero-no-unit */
+  --wp-admin--admin-bar--position-offset: var(--wp-admin--admin-bar--height, 0px);
+  /* stylelint-enable length-zero-no-unit */
+}
+
+@media screen and (max-width: 600px) {
+  html :where(.is-position-sticky) {
+    /* stylelint-disable length-zero-no-unit */
+    --wp-admin--admin-bar--position-offset: 0px;
+    /* stylelint-enable length-zero-no-unit */
+  }
 }

package/build-style/table/editor-rtl.css

@@ -152,7 +152,4 @@
 }
 .blocks-table__placeholder-input input {
   height: 36px;
-}
-.blocks-table__placeholder-input .components-base-control__field {
-  margin-bottom: 0;
 }

package/build-style/table/editor.css

@@ -152,7 +152,4 @@
 }
 .blocks-table__placeholder-input input {
   height: 36px;
-}
-.blocks-table__placeholder-input .components-base-control__field {
-  margin-bottom: 0;
 }

package/build-style/video/editor-rtl.css

@@ -138,36 +138,15 @@
 }
 
 .block-library-video-tracks-editor__track-list-track {
-  display: flex;
-  place-content: space-between;
-  align-items: baseline;
   padding-right: 12px;
 }
 
-.block-library-video-tracks-editor__single-track-editor-label-language {
-  display: flex;
-  margin-top: 12px;
-}
-.block-library-video-tracks-editor__single-track-editor-label-language > .components-base-control {
-  width: 50%;
-}
-.block-library-video-tracks-editor__single-track-editor-label-language > .components-base-control:first-child {
-  margin-left: 16px;
-}
-
 .block-library-video-tracks-editor__single-track-editor-kind-select {
   max-width: 240px;
 }
 
-.block-library-video-tracks-editor__single-track-editor-buttons-container {
-  display: flex;
-  place-content: space-between;
-  margin-top: 32px;
-}
-
 .block-library-video-tracks-editor__single-track-editor-edit-track-label {
   margin-top: 4px;
-  margin-bottom: 12px;
   color: #757575;
   text-transform: uppercase;
   font-size: 11px;
@@ -189,17 +168,4 @@
 .block-library-video-tracks-editor__track-list,
 .block-library-video-tracks-editor__add-tracks-container {
   padding: 12px;
-}
-
-.block-library-video-tracks-editor__single-track-editor .components-base-control .components-base-control__label {
-  margin-bottom: 4px;
-}
-.block-library-video-tracks-editor__single-track-editor .components-base-control .components-base-control__field {
-  margin-bottom: 12px;
-}
-.block-library-video-tracks-editor__single-track-editor .components-base-control .components-text-control__input {
-  margin-right: 0;
-}
-.block-library-video-tracks-editor__single-track-editor .components-base-control .components-input-control__label {
-  margin-bottom: 4px;
 }

package/build-style/video/editor.css

@@ -138,36 +138,15 @@
 }
 
 .block-library-video-tracks-editor__track-list-track {
-  display: flex;
-  place-content: space-between;
-  align-items: baseline;
   padding-left: 12px;
 }
 
-.block-library-video-tracks-editor__single-track-editor-label-language {
-  display: flex;
-  margin-top: 12px;
-}
-.block-library-video-tracks-editor__single-track-editor-label-language > .components-base-control {
-  width: 50%;
-}
-.block-library-video-tracks-editor__single-track-editor-label-language > .components-base-control:first-child {
-  margin-right: 16px;
-}
-
 .block-library-video-tracks-editor__single-track-editor-kind-select {
   max-width: 240px;
 }
 
-.block-library-video-tracks-editor__single-track-editor-buttons-container {
-  display: flex;
-  place-content: space-between;
-  margin-top: 32px;
-}
-
 .block-library-video-tracks-editor__single-track-editor-edit-track-label {
   margin-top: 4px;
-  margin-bottom: 12px;
   color: #757575;
   text-transform: uppercase;
   font-size: 11px;
@@ -189,17 +168,4 @@
 .block-library-video-tracks-editor__track-list,
 .block-library-video-tracks-editor__add-tracks-container {
   padding: 12px;
-}
-
-.block-library-video-tracks-editor__single-track-editor .components-base-control .components-base-control__label {
-  margin-bottom: 4px;
-}
-.block-library-video-tracks-editor__single-track-editor .components-base-control .components-base-control__field {
-  margin-bottom: 12px;
-}
-.block-library-video-tracks-editor__single-track-editor .components-base-control .components-text-control__input {
-  margin-left: 0;
-}
-.block-library-video-tracks-editor__single-track-editor .components-base-control .components-input-control__label {
-  margin-bottom: 4px;
 }

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@wordpress/block-library",
-	"version": "8.2.0",
+	"version": "8.3.1",
 	"description": "Block library for the WordPress editor.",
 	"author": "The WordPress Contributors",
 	"license": "GPL-2.0-or-later",
@@ -31,33 +31,34 @@
 	],
 	"dependencies": {
 		"@babel/runtime": "^7.16.0",
-		"@wordpress/a11y": "^3.25.0",
-		"@wordpress/api-fetch": "^6.22.0",
-		"@wordpress/autop": "^3.25.0",
-		"@wordpress/blob": "^3.25.0",
-		"@wordpress/block-editor": "^11.2.0",
-		"@wordpress/blocks": "^12.2.0",
-		"@wordpress/components": "^23.2.0",
-		"@wordpress/compose": "^6.2.0",
-		"@wordpress/core-data": "^6.2.0",
-		"@wordpress/data": "^8.2.0",
-		"@wordpress/date": "^4.25.0",
-		"@wordpress/deprecated": "^3.25.0",
-		"@wordpress/dom": "^3.25.0",
-		"@wordpress/element": "^5.2.0",
-		"@wordpress/escape-html": "^2.25.0",
-		"@wordpress/hooks": "^3.25.0",
-		"@wordpress/html-entities": "^3.25.0",
-		"@wordpress/i18n": "^4.25.0",
-		"@wordpress/icons": "^9.16.0",
-		"@wordpress/keycodes": "^3.25.0",
-		"@wordpress/notices": "^3.25.0",
-		"@wordpress/primitives": "^3.23.0",
-		"@wordpress/reusable-blocks": "^4.2.0",
-		"@wordpress/rich-text": "^6.2.0",
-		"@wordpress/server-side-render": "^4.2.0",
-		"@wordpress/url": "^3.26.0",
-		"@wordpress/viewport": "^5.2.0",
+		"@wordpress/a11y": "^3.26.1",
+		"@wordpress/api-fetch": "^6.23.1",
+		"@wordpress/autop": "^3.26.1",
+		"@wordpress/blob": "^3.26.1",
+		"@wordpress/block-editor": "^11.3.1",
+		"@wordpress/blocks": "^12.3.1",
+		"@wordpress/components": "^23.3.1",
+		"@wordpress/compose": "^6.3.1",
+		"@wordpress/core-data": "^6.3.1",
+		"@wordpress/data": "^8.3.1",
+		"@wordpress/date": "^4.26.1",
+		"@wordpress/deprecated": "^3.26.1",
+		"@wordpress/dom": "^3.26.1",
+		"@wordpress/element": "^5.3.1",
+		"@wordpress/escape-html": "^2.26.1",
+		"@wordpress/experiments": "^0.8.1",
+		"@wordpress/hooks": "^3.26.1",
+		"@wordpress/html-entities": "^3.26.1",
+		"@wordpress/i18n": "^4.26.1",
+		"@wordpress/icons": "^9.17.1",
+		"@wordpress/keycodes": "^3.26.1",
+		"@wordpress/notices": "^3.26.1",
+		"@wordpress/primitives": "^3.24.1",
+		"@wordpress/reusable-blocks": "^4.3.1",
+		"@wordpress/rich-text": "^6.3.1",
+		"@wordpress/server-side-render": "^4.3.1",
+		"@wordpress/url": "^3.27.1",
+		"@wordpress/viewport": "^5.3.1",
 		"change-case": "^4.1.2",
 		"classnames": "^2.3.1",
 		"colord": "^2.7.0",
@@ -76,5 +77,5 @@
 	"publishConfig": {
 		"access": "public"
 	},
-	"gitHead": "204c880ff65295768e9695dfee6c7a9fee1fdd05"
+	"gitHead": "e9ff92d836928aba65dde94d9d193bc401a934d7"
 }

package/src/archives/block.json

@@ -26,6 +26,7 @@
 	},
 	"supports": {
 		"align": true,
+		"anchor": true,
 		"html": false,
 		"spacing": {
 			"margin": true,

package/src/avatar/block.json

@@ -25,6 +25,7 @@
 	},
 	"usesContext": [ "postType", "postId", "commentId" ],
 	"supports": {
+		"anchor": true,
 		"html": false,
 		"align": true,
 		"alignWide": false,

package/src/block/edit.js

@@ -130,6 +130,7 @@ export default function ReusableBlockEdit( { attributes: { ref }, clientId } ) {
 			<InspectorControls>
 				<PanelBody>
 					<TextControl
+						__nextHasNoMarginBottom
 						label={ __( 'Name' ) }
 						value={ title }
 						onChange={ setTitle }

package/src/button/block.json

@@ -83,6 +83,7 @@
 			}
 		},
 		"reusable": false,
+		"shadow": true,
 		"spacing": {
 			"__experimentalSkipSerialization": true,
 			"padding": [ "horizontal", "vertical" ],

package/src/button/edit.js

@@ -260,8 +260,9 @@ function ButtonEdit( props ) {
 					setAttributes={ setAttributes }
 				/>
 			</InspectorControls>
-			<InspectorControls __experimentalGroup="advanced">
+			<InspectorControls group="advanced">
 				<TextControl
+					__nextHasNoMarginBottom
 					label={ __( 'Link rel' ) }
 					value={ rel || '' }
 					onChange={ ( newRel ) => setAttributes( { rel: newRel } ) }

package/src/buttons/edit.js

@@ -36,7 +36,7 @@ const DEFAULT_BLOCK = {
 };
 
 function ButtonsEdit( { attributes, className } ) {
-	const { fontSize, layout = {}, style } = attributes;
+	const { fontSize, style } = attributes;
 	const blockProps = useBlockProps( {
 		className: classnames( className, {
 			'has-custom-font-size': fontSize || style?.typography?.fontSize,
@@ -59,7 +59,7 @@ function ButtonsEdit( { attributes, className } ) {
 				{ className: preferredStyle && `is-style-${ preferredStyle }` },
 			],
 		],
-		__experimentalLayout: layout,
+
 		templateInsertUpdatesSelection: true,
 	} );
 

package/src/calendar/block.json

@@ -17,6 +17,7 @@
 	},
 	"supports": {
 		"align": true,
+		"anchor": true,
 		"color": {
 			"link": true,
 			"__experimentalSkipSerialization": [ "text", "background" ],

package/src/calendar/index.php

@@ -53,10 +53,12 @@ function render_block_core_calendar( $attributes ) {
 	$color_block_styles['background'] = $preset_background_color ? $preset_background_color : $custom_background_color;
 
 	// Generate color styles and classes.
-	$styles        = gutenberg_style_engine_get_styles( array( 'color' => $color_block_styles ), array( 'convert_vars_to_classnames' => true ) );
+	$styles        = wp_style_engine_get_styles( array( 'color' => $color_block_styles ), array( 'convert_vars_to_classnames' => true ) );
 	$inline_styles = empty( $styles['css'] ) ? '' : sprintf( ' style="%s"', esc_attr( $styles['css'] ) );
 	$classnames    = empty( $styles['classnames'] ) ? '' : ' ' . esc_attr( $styles['classnames'] );
-
+	if ( isset( $attributes['style']['elements']['link']['color']['text'] ) ) {
+		$classnames .= ' has-link-color';
+	}
 	// Apply color classes and styles to the calendar.
 	$calendar = str_replace( '<table', '<table' . $inline_styles, get_calendar( true, false ) );
 	$calendar = str_replace( 'class="wp-calendar-table', 'class="wp-calendar-table' . $classnames, $calendar );

package/src/categories/block.json

@@ -30,6 +30,7 @@
 	},
 	"supports": {
 		"align": true,
+		"anchor": true,
 		"html": false,
 		"spacing": {
 			"margin": true,

package/src/categories/edit.js

@@ -1,7 +1,6 @@
 /**
  * External dependencies
  */
-import { unescape } from 'lodash';
 import classnames from 'classnames';
 
 /**
@@ -16,6 +15,7 @@ import {
 } from '@wordpress/components';
 import { useInstanceId } from '@wordpress/compose';
 import { InspectorControls, useBlockProps } from '@wordpress/block-editor';
+import { decodeEntities } from '@wordpress/html-entities';
 import { __ } from '@wordpress/i18n';
 import { pin } from '@wordpress/icons';
 import { useEntityRecords } from '@wordpress/core-data';
@@ -57,7 +57,7 @@ export default function CategoriesEdit( {
 		setAttributes( { [ attributeName ]: newValue } );
 
 	const renderCategoryName = ( name ) =>
-		! name ? __( '(Untitled)' ) : unescape( name ).trim();
+		! name ? __( '(Untitled)' ) : decodeEntities( name ).trim();
 
 	const renderCategoryList = () => {
 		const parentId = showHierarchy ? 0 : null;

package/src/column/edit.native.js

@@ -152,6 +152,11 @@ function ColumnEdit( {
 		);
 	}
 
+	const parentWidth =
+		contentStyle &&
+		contentStyle[ clientId ] &&
+		contentStyle[ clientId ].width;
+
 	return (
 		<>
 			{ isSelected && (
@@ -211,7 +216,7 @@ function ColumnEdit( {
 			>
 				<InnerBlocks
 					renderAppender={ renderAppender }
-					parentWidth={ contentStyle[ clientId ].width }
+					parentWidth={ parentWidth }
 					blockWidth={ blockWidth }
 				/>
 			</View>

package/src/columns/deprecated.js

@@ -16,7 +16,7 @@ import { InnerBlocks, getColorClassName } from '@wordpress/block-editor';
  *
  * @param {string} originalContent Deprecated Columns inner block HTML.
  *
- * @return {?number} Column to which inner block is to be assigned.
+ * @return {number | undefined} Column to which inner block is to be assigned.
  */
 function getDeprecatedLayoutColumn( originalContent ) {
 	let { doc } = getDeprecatedLayoutColumn;

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

@@ -20,6 +20,7 @@
 	},
 	"usesContext": [ "commentId" ],
 	"supports": {
+		"anchor": true,
 		"html": false,
 		"inserter": false,
 		"__experimentalBorder": {

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

@@ -22,6 +22,7 @@
 	},
 	"usesContext": [ "commentId" ],
 	"supports": {
+		"anchor": true,
 		"html": false,
 		"spacing": {
 			"margin": true,

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

@@ -25,12 +25,15 @@ function render_block_core_comment_author_name( $attributes, $content, $block )
 		return '';
 	}
 
-	$classes = '';
+	$classes = array();
 	if ( isset( $attributes['textAlign'] ) ) {
-		$classes .= 'has-text-align-' . $attributes['textAlign'];
+		$classes[] = 'has-text-align-' . $attributes['textAlign'];
+	}
+	if ( isset( $attributes['style']['elements']['link']['color']['text'] ) ) {
+		$classes[] = 'has-link-color';
 	}
 
-	$wrapper_attributes = get_block_wrapper_attributes( array( 'class' => $classes ) );
+	$wrapper_attributes = get_block_wrapper_attributes( array( 'class' => implode( ' ', $classes ) ) );
 	$comment_author     = get_comment_author( $comment );
 	$link               = get_comment_author_url( $comment );
 

package/src/comment-content/block.json

@@ -14,6 +14,7 @@
 		}
 	},
 	"supports": {
+		"anchor": true,
 		"color": {
 			"gradients": true,
 			"link": true,

package/src/comment-content/index.php

@@ -49,12 +49,15 @@ function render_block_core_comment_content( $attributes, $content, $block ) {
 		}
 	}
 
-	$classes = '';
+	$classes = array();
 	if ( isset( $attributes['textAlign'] ) ) {
-		$classes .= 'has-text-align-' . $attributes['textAlign'];
+		$classes[] = 'has-text-align-' . $attributes['textAlign'];
+	}
+	if ( isset( $attributes['style']['elements']['link']['color']['text'] ) ) {
+		$classes[] = 'has-link-color';
 	}
 
-	$wrapper_attributes = get_block_wrapper_attributes( array( 'class' => $classes ) );
+	$wrapper_attributes = get_block_wrapper_attributes( array( 'class' => implode( ' ', $classes ) ) );
 
 	return sprintf(
 		'<div %1$s>%2$s%3$s</div>',

package/src/comment-date/block.json

@@ -18,6 +18,7 @@
 	},
 	"usesContext": [ "commentId" ],
 	"supports": {
+		"anchor": true,
 		"html": false,
 		"color": {
 			"gradients": true,

package/src/comment-date/index.php

@@ -23,7 +23,7 @@ function render_block_core_comment_date( $attributes, $content, $block ) {
 		return '';
 	}
 
-	$classes = '';
+	$classes = ( isset( $attributes['style']['elements']['link']['color']['text'] ) ) ? 'has-link-color' : '';
 
 	$wrapper_attributes = get_block_wrapper_attributes( array( 'class' => $classes ) );
 	$formatted_date     = get_comment_date(

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

@@ -18,6 +18,7 @@
 		}
 	},
 	"supports": {
+		"anchor": true,
 		"html": false,
 		"color": {
 			"link": true,

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

@@ -27,12 +27,15 @@ function render_block_core_comment_edit_link( $attributes, $content, $block ) {
 		$link_atts .= sprintf( 'target="%s"', esc_attr( $attributes['linkTarget'] ) );
 	}
 
-	$classes = '';
+	$classes = array();
 	if ( isset( $attributes['textAlign'] ) ) {
-		$classes .= 'has-text-align-' . $attributes['textAlign'];
+		$classes[] = 'has-text-align-' . $attributes['textAlign'];
+	}
+	if ( isset( $attributes['style']['elements']['link']['color']['text'] ) ) {
+		$classes[] = 'has-link-color';
 	}
 
-	$wrapper_attributes = get_block_wrapper_attributes( array( 'class' => $classes ) );
+	$wrapper_attributes = get_block_wrapper_attributes( array( 'class' => implode( ' ', $classes ) ) );
 
 	return sprintf(
 		'<div %1$s><a href="%2$s" %3$s>%4$s</a></div>',

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

@@ -14,6 +14,7 @@
 		}
 	},
 	"supports": {
+		"anchor": true,
 		"color": {
 			"gradients": true,
 			"link": true,

package/src/comment-reply-link/index.php

@@ -51,12 +51,15 @@ function render_block_core_comment_reply_link( $attributes, $content, $block ) {
 		return;
 	}
 
-	$classes = '';
+	$classes = array();
 	if ( isset( $attributes['textAlign'] ) ) {
-		$classes .= 'has-text-align-' . $attributes['textAlign'];
+		$classes[] = 'has-text-align-' . $attributes['textAlign'];
+	}
+	if ( isset( $attributes['style']['elements']['link']['color']['text'] ) ) {
+		$classes[] = 'has-link-color';
 	}
 
-	$wrapper_attributes = get_block_wrapper_attributes( array( 'class' => $classes ) );
+	$wrapper_attributes = get_block_wrapper_attributes( array( 'class' => implode( ' ', $classes ) ) );
 
 	return sprintf(
 		'<div %1$s>%2$s</div>',

package/src/comment-template/block.json

@@ -10,6 +10,7 @@
 	"usesContext": [ "postId" ],
 	"supports": {
 		"align": true,
+		"anchor": true,
 		"html": false,
 		"reusable": false,
 		"spacing": {

package/src/comments/block.json

@@ -18,6 +18,8 @@
 	},
 	"supports": {
 		"align": [ "wide", "full" ],
+		"anchor": true,
+		"html": false,
 		"color": {
 			"gradients": true,
 			"link": true,
@@ -27,7 +29,6 @@
 				"link": true
 			}
 		},
-		"html": false,
 		"spacing": {
 			"margin": true,
 			"padding": true

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

@@ -19,7 +19,7 @@ export default function CommentsInspectorControls( {
 	};
 	return (
 		<InspectorControls>
-			<InspectorControls __experimentalGroup="advanced">
+			<InspectorControls group="advanced">
 				<SelectControl
 					__nextHasNoMarginBottom
 					label={ __( 'HTML element' ) }