@wordpress/block-library 8.1.0 → 8.3.0

package/build-style/editor.css

@@ -2221,10 +2221,6 @@ body.editor-styles-wrapper .wp-block-navigation__responsive-container.is-menu-op
   display: inline;
 }
 
-.wp-block-rss__placeholder-form {
-  display: flex;
-  align-items: stretch;
-}
 .wp-block-rss__placeholder-form > * {
   margin-bottom: 8px;
 }
@@ -2233,18 +2229,9 @@ body.editor-styles-wrapper .wp-block-navigation__responsive-container.is-menu-op
     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%;
 }
 
 .wp-block[data-align=center] .wp-block-search .wp-block-search__inside-wrapper {
@@ -2612,9 +2599,6 @@ body.editor-styles-wrapper .wp-block-navigation__responsive-container.is-menu-op
 .blocks-table__placeholder-input input {
   height: 36px;
 }
-.blocks-table__placeholder-input .components-base-control__field {
-  margin-bottom: 0;
-}
 
 .block-editor-template-part__selection-modal {
   z-index: 1000001;
@@ -2714,36 +2698,15 @@ body.editor-styles-wrapper .wp-block-navigation__responsive-container.is-menu-op
 }
 
 .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;
@@ -2767,19 +2730,6 @@ body.editor-styles-wrapper .wp-block-navigation__responsive-container.is-menu-op
   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;
-}
-
 .editor-styles-wrapper ul.wp-block-post-template {
   padding-left: 0;
   margin-left: 0;
@@ -2806,32 +2756,29 @@ body.editor-styles-wrapper .wp-block-navigation__responsive-container.is-menu-op
   max-height: 250px;
 }
 
-.block-editor-query-pattern__selection-modal .components-modal__content {
-  padding: 0;
-  margin-bottom: 60px;
-}
-.block-editor-query-pattern__selection-modal .components-modal__content::before {
-  margin-bottom: 0;
-}
-
 @media (min-width: 600px) {
-  .block-editor-query-pattern__selection-modal {
+  .block-library-query-pattern__selection-modal .components-modal__frame {
     width: calc(100% - 32px);
     height: calc(100% - 120px);
   }
 }
 @media (min-width: 782px) {
-  .block-editor-query-pattern__selection-modal {
+  .block-library-query-pattern__selection-modal .components-modal__frame {
     width: 750px;
   }
 }
 @media (min-width: 960px) {
-  .block-editor-query-pattern__selection-modal {
-    height: 80%;
-    width: 80%;
-    max-height: none;
+  .block-library-query-pattern__selection-modal .components-modal__frame {
+    height: 70%;
   }
 }
+.block-library-query-pattern__selection-modal .block-library-query-pattern__selection-search {
+  background: #fff;
+  position: sticky;
+  top: 0;
+  padding: 16px 0;
+  z-index: 2;
+}
 
 .block-library-query-toolspanel__filters .components-form-token-field__help {
   margin-bottom: 0;

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

@@ -106,32 +106,29 @@
   max-height: 250px;
 }
 
-.block-editor-query-pattern__selection-modal .components-modal__content {
-  padding: 0;
-  margin-bottom: 60px;
-}
-.block-editor-query-pattern__selection-modal .components-modal__content::before {
-  margin-bottom: 0;
-}
-
 @media (min-width: 600px) {
-  .block-editor-query-pattern__selection-modal {
+  .block-library-query-pattern__selection-modal .components-modal__frame {
     width: calc(100% - 32px);
     height: calc(100% - 120px);
   }
 }
 @media (min-width: 782px) {
-  .block-editor-query-pattern__selection-modal {
+  .block-library-query-pattern__selection-modal .components-modal__frame {
     width: 750px;
   }
 }
 @media (min-width: 960px) {
-  .block-editor-query-pattern__selection-modal {
-    height: 80%;
-    width: 80%;
-    max-height: none;
+  .block-library-query-pattern__selection-modal .components-modal__frame {
+    height: 70%;
   }
 }
+.block-library-query-pattern__selection-modal .block-library-query-pattern__selection-search {
+  background: #fff;
+  position: sticky;
+  top: 0;
+  padding: 16px 0;
+  z-index: 2;
+}
 
 .block-library-query-toolspanel__filters .components-form-token-field__help {
   margin-bottom: 0;

package/build-style/query/editor.css

@@ -106,32 +106,29 @@
   max-height: 250px;
 }
 
-.block-editor-query-pattern__selection-modal .components-modal__content {
-  padding: 0;
-  margin-bottom: 60px;
-}
-.block-editor-query-pattern__selection-modal .components-modal__content::before {
-  margin-bottom: 0;
-}
-
 @media (min-width: 600px) {
-  .block-editor-query-pattern__selection-modal {
+  .block-library-query-pattern__selection-modal .components-modal__frame {
     width: calc(100% - 32px);
     height: calc(100% - 120px);
   }
 }
 @media (min-width: 782px) {
-  .block-editor-query-pattern__selection-modal {
+  .block-library-query-pattern__selection-modal .components-modal__frame {
     width: 750px;
   }
 }
 @media (min-width: 960px) {
-  .block-editor-query-pattern__selection-modal {
-    height: 80%;
-    width: 80%;
-    max-height: none;
+  .block-library-query-pattern__selection-modal .components-modal__frame {
+    height: 70%;
   }
 }
+.block-library-query-pattern__selection-modal .block-library-query-pattern__selection-search {
+  background: #fff;
+  position: sticky;
+  top: 0;
+  padding: 16px 0;
+  z-index: 2;
+}
 
 .block-library-query-toolspanel__filters .components-form-token-field__help {
   margin-bottom: 0;

package/build-style/rss/editor-rtl.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-left: 8px;
+.wp-block-rss__placeholder-form .wp-block-rss__placeholder-input {
+  flex: 1;
+  min-width: 80%;
 }

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/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.1.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.24.0",
-		"@wordpress/api-fetch": "^6.21.0",
-		"@wordpress/autop": "^3.24.0",
-		"@wordpress/blob": "^3.24.0",
-		"@wordpress/block-editor": "^11.1.0",
-		"@wordpress/blocks": "^12.1.0",
-		"@wordpress/components": "^23.1.0",
-		"@wordpress/compose": "^6.1.0",
-		"@wordpress/core-data": "^6.1.0",
-		"@wordpress/data": "^8.1.0",
-		"@wordpress/date": "^4.24.0",
-		"@wordpress/deprecated": "^3.24.0",
-		"@wordpress/dom": "^3.24.0",
-		"@wordpress/element": "^5.1.0",
-		"@wordpress/escape-html": "^2.24.0",
-		"@wordpress/hooks": "^3.24.0",
-		"@wordpress/html-entities": "^3.24.0",
-		"@wordpress/i18n": "^4.24.0",
-		"@wordpress/icons": "^9.15.0",
-		"@wordpress/keycodes": "^3.24.0",
-		"@wordpress/notices": "^3.24.0",
-		"@wordpress/primitives": "^3.22.0",
-		"@wordpress/reusable-blocks": "^4.1.0",
-		"@wordpress/rich-text": "^6.1.0",
-		"@wordpress/server-side-render": "^4.1.0",
-		"@wordpress/url": "^3.25.0",
-		"@wordpress/viewport": "^5.1.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": "200bee7b06b15f6fa655e25b6ab69cbd6b49a357"
+	"gitHead": "cab6ebe2b4c5dbacfd753dcae4a2406559c4813c"
 }

package/src/archives/block.json

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

package/src/archives/edit.js

@@ -48,6 +48,7 @@ export default function ArchivesEdit( { attributes, setAttributes } ) {
 						}
 					/>
 					<SelectControl
+						__nextHasNoMarginBottom
 						label={ __( 'Group by:' ) }
 						options={ [
 							{ label: __( 'Year' ), value: 'yearly' },

package/src/audio/edit.js

@@ -218,6 +218,7 @@ function AudioEdit( {
 						checked={ loop }
 					/>
 					<SelectControl
+						__nextHasNoMarginBottom
 						label={ _x( 'Preload', 'noun; Audio block parameter' ) }
 						value={ preload || '' }
 						// `undefined` is required for the preload attribute to be unset.
@@ -251,6 +252,7 @@ function AudioEdit( {
 				{ showCaption &&
 					( ! RichText.isEmpty( caption ) || isSelected ) && (
 						<RichText
+							identifier="caption"
 							tagName="figcaption"
 							className={ __experimentalGetElementClassName(
 								'caption'

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>