@wordpress/block-library 8.2.0 → 8.3.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.0",
 	"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.0",
+		"@wordpress/api-fetch": "^6.23.0",
+		"@wordpress/autop": "^3.26.0",
+		"@wordpress/blob": "^3.26.0",
+		"@wordpress/block-editor": "^11.3.0",
+		"@wordpress/blocks": "^12.3.0",
+		"@wordpress/components": "^23.3.0",
+		"@wordpress/compose": "^6.3.0",
+		"@wordpress/core-data": "^6.3.0",
+		"@wordpress/data": "^8.3.0",
+		"@wordpress/date": "^4.26.0",
+		"@wordpress/deprecated": "^3.26.0",
+		"@wordpress/dom": "^3.26.0",
+		"@wordpress/element": "^5.3.0",
+		"@wordpress/escape-html": "^2.26.0",
+		"@wordpress/experiments": "^0.8.0",
+		"@wordpress/hooks": "^3.26.0",
+		"@wordpress/html-entities": "^3.26.0",
+		"@wordpress/i18n": "^4.26.0",
+		"@wordpress/icons": "^9.17.0",
+		"@wordpress/keycodes": "^3.26.0",
+		"@wordpress/notices": "^3.26.0",
+		"@wordpress/primitives": "^3.24.0",
+		"@wordpress/reusable-blocks": "^4.3.0",
+		"@wordpress/rich-text": "^6.3.0",
+		"@wordpress/server-side-render": "^4.3.0",
+		"@wordpress/url": "^3.27.0",
+		"@wordpress/viewport": "^5.3.0",
 		"change-case": "^4.1.2",
 		"classnames": "^2.3.1",
 		"colord": "^2.7.0",
@@ -76,5 +77,5 @@
 	"publishConfig": {
 		"access": "public"
 	},
-	"gitHead": "204c880ff65295768e9695dfee6c7a9fee1fdd05"
+	"gitHead": "cab6ebe2b4c5dbacfd753dcae4a2406559c4813c"
 }

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

@@ -56,7 +56,9 @@ function render_block_core_calendar( $attributes ) {
 	$styles        = gutenberg_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' ) }

package/src/comments-pagination/block.json

@@ -17,6 +17,7 @@
 		"comments/paginationArrow": "paginationArrow"
 	},
 	"supports": {
+		"anchor": true,
 		"align": true,
 		"reusable": false,
 		"html": false,

package/src/comments-pagination/comments-pagination-arrow-controls.js

@@ -10,6 +10,7 @@ import {
 export function CommentsPaginationArrowControls( { value, onChange } ) {
 	return (
 		<ToggleGroupControl
+			__nextHasNoMarginBottom
 			label={ __( 'Arrow' ) }
 			value={ value }
 			onChange={ onChange }

package/src/comments-pagination/edit.js

@@ -10,7 +10,6 @@ import {
 	Warning,
 } from '@wordpress/block-editor';
 import { useSelect } from '@wordpress/data';
-import { getBlockSupport } from '@wordpress/blocks';
 import { PanelBody } from '@wordpress/components';
 
 /**
@@ -29,21 +28,11 @@ const ALLOWED_BLOCKS = [
 	'core/comments-pagination-next',
 ];
 
-const getDefaultBlockLayout = ( blockTypeOrName ) => {
-	const layoutBlockSupportConfig = getBlockSupport(
-		blockTypeOrName,
-		'__experimentalLayout'
-	);
-	return layoutBlockSupportConfig?.default;
-};
-
 export default function QueryPaginationEdit( {
-	attributes: { paginationArrow, layout },
+	attributes: { paginationArrow },
 	setAttributes,
 	clientId,
-	name,
 } ) {
-	const usedLayout = layout || getDefaultBlockLayout( name );
 	const hasNextPreviousBlocks = useSelect( ( select ) => {
 		const { getBlocks } = select( blockEditorStore );
 		const innerBlocks = getBlocks( clientId );
@@ -64,7 +53,6 @@ export default function QueryPaginationEdit( {
 	const innerBlocksProps = useInnerBlocksProps( blockProps, {
 		template: TEMPLATE,
 		allowedBlocks: ALLOWED_BLOCKS,
-		__experimentalLayout: usedLayout,
 	} );
 
 	// Get the Discussion settings

package/src/comments-pagination/index.php

@@ -22,9 +22,12 @@ function render_block_core_comments_pagination( $attributes, $content ) {
 		return;
 	}
 
+	$classes            = ( isset( $attributes['style']['elements']['link']['color']['text'] ) ) ? 'has-link-color' : '';
+	$wrapper_attributes = get_block_wrapper_attributes( array( 'class' => $classes ) );
+
 	return sprintf(
 		'<div %1$s>%2$s</div>',
-		get_block_wrapper_attributes(),
+		$wrapper_attributes,
 		$content
 	);
 }

package/src/comments-pagination-next/block.json

@@ -14,6 +14,7 @@
 	},
 	"usesContext": [ "postId", "comments/paginationArrow" ],
 	"supports": {
+		"anchor": true,
 		"reusable": false,
 		"html": false,
 		"color": {

package/src/comments-pagination-numbers/block.json

@@ -9,6 +9,7 @@
 	"textdomain": "default",
 	"usesContext": [ "postId" ],
 	"supports": {
+		"anchor": true,
 		"reusable": false,
 		"html": false,
 		"color": {

package/src/comments-pagination-previous/block.json

@@ -14,6 +14,7 @@
 	},
 	"usesContext": [ "postId", "comments/paginationArrow" ],
 	"supports": {
+		"anchor": true,
 		"reusable": false,
 		"html": false,
 		"color": {

package/src/cover/block.json

@@ -74,6 +74,10 @@
 		"templateLock": {
 			"type": [ "string", "boolean" ],
 			"enum": [ "all", "insert", "contentOnly", false ]
+		},
+		"tagName": {
+			"type": "string",
+			"default": "div"
 		}
 	},
 	"usesContext": [ "postId", "postType" ],