@wordpress/block-library 8.4.0 → 8.5.0

package/src/preformatted/test/__snapshots__/edit.native.js.snap

@@ -3,7 +3,7 @@
 exports[`core/more/edit/native should match snapshot when content is empty 1`] = `
 <View
   style={
-    Array [
+    [
       undefined,
       undefined,
       undefined,
@@ -12,7 +12,7 @@ exports[`core/more/edit/native should match snapshot when content is empty 1`] =
 >
   <View
     style={
-      Array [
+      [
         undefined,
         undefined,
       ]
@@ -20,9 +20,9 @@ exports[`core/more/edit/native should match snapshot when content is empty 1`] =
   >
     <TextInput
       accessibilityLabel="Text input. Empty"
-      activeFormats={Array []}
+      activeFormats={[]}
       blockType={
-        Object {
+        {
           "tag": "pre",
         }
       }
@@ -39,7 +39,7 @@ exports[`core/more/edit/native should match snapshot when content is empty 1`] =
       onSelectionChange={[Function]}
       placeholder="Write preformatted text…"
       placeholderTextColor="gray"
-      triggerKeyCodes={Array []}
+      triggerKeyCodes={[]}
       value=""
     />
   </View>
@@ -49,7 +49,7 @@ exports[`core/more/edit/native should match snapshot when content is empty 1`] =
 exports[`core/more/edit/native should match snapshot when content is not empty 1`] = `
 <View
   style={
-    Array [
+    [
       undefined,
       undefined,
       undefined,
@@ -58,7 +58,7 @@ exports[`core/more/edit/native should match snapshot when content is not empty 1
 >
   <View
     style={
-      Array [
+      [
         undefined,
         undefined,
       ]
@@ -66,9 +66,9 @@ exports[`core/more/edit/native should match snapshot when content is not empty 1
   >
     <TextInput
       accessibilityLabel="Text input. <pre>Hello World!</pre>"
-      activeFormats={Array []}
+      activeFormats={[]}
       blockType={
-        Object {
+        {
           "tag": "pre",
         }
       }
@@ -85,7 +85,7 @@ exports[`core/more/edit/native should match snapshot when content is not empty 1
       onSelectionChange={[Function]}
       placeholder="Write preformatted text…"
       placeholderTextColor="gray"
-      triggerKeyCodes={Array []}
+      triggerKeyCodes={[]}
       value="<pre>Hello World!</pre>"
     />
   </View>

package/src/query/edit/inspector-controls/index.js

@@ -132,6 +132,7 @@ export default function QueryInspectorControls( {
 					<PanelBody title={ __( 'Settings' ) }>
 						{ showInheritControl && (
 							<ToggleControl
+								__nextHasNoMarginBottom
 								label={ __( 'Inherit query from template' ) }
 								help={ __(
 									'Toggle to use the global query context that is set with the current template, such as an archive or search. Disable to customize the settings independently.'

package/src/query/editor.scss

@@ -42,6 +42,7 @@
 		position: sticky;
 		top: 0;
 		padding: $grid-unit-20 0;
+		margin-bottom: 2px;
 		z-index: z-index(".block-library-query-pattern__selection-search");
 	}
 }

package/src/query-title/edit.js

@@ -49,6 +49,7 @@ export default function QueryTitleEdit( {
 				<InspectorControls>
 					<PanelBody title={ __( 'Settings' ) }>
 						<ToggleControl
+							__nextHasNoMarginBottom
 							label={ __( 'Show archive type in title' ) }
 							onChange={ () =>
 								setAttributes( { showPrefix: ! showPrefix } )
@@ -72,6 +73,7 @@ export default function QueryTitleEdit( {
 				<InspectorControls>
 					<PanelBody title={ __( 'Settings' ) }>
 						<ToggleControl
+							__nextHasNoMarginBottom
 							label={ __( 'Show search term in title' ) }
 							onChange={ () =>
 								setAttributes( {

package/src/read-more/edit.js

@@ -21,6 +21,7 @@ export default function ReadMore( {
 			<InspectorControls>
 				<PanelBody title={ __( 'Link settings' ) }>
 					<ToggleControl
+						__nextHasNoMarginBottom
 						label={ __( 'Open in new tab' ) }
 						onChange={ ( value ) =>
 							setAttributes( {

package/src/rss/edit.js

@@ -126,16 +126,19 @@ export default function RSSEdit( { attributes, setAttributes } ) {
 						required
 					/>
 					<ToggleControl
+						__nextHasNoMarginBottom
 						label={ __( 'Display author' ) }
 						checked={ displayAuthor }
 						onChange={ toggleAttribute( 'displayAuthor' ) }
 					/>
 					<ToggleControl
+						__nextHasNoMarginBottom
 						label={ __( 'Display date' ) }
 						checked={ displayDate }
 						onChange={ toggleAttribute( 'displayDate' ) }
 					/>
 					<ToggleControl
+						__nextHasNoMarginBottom
 						label={ __( 'Display excerpt' ) }
 						checked={ displayExcerpt }
 						onChange={ toggleAttribute( 'displayExcerpt' ) }

package/src/search/test/__snapshots__/edit.native.js.snap

@@ -13,7 +13,7 @@ exports[`Search Block renders block with button inside option 1`] = `
   >
     <View
       style={
-        Array [
+        [
           undefined,
           undefined,
         ]
@@ -21,9 +21,9 @@ exports[`Search Block renders block with button inside option 1`] = `
     >
       <RCTAztecView
         accessible={true}
-        activeFormats={Array []}
+        activeFormats={[]}
         blockType={
-          Object {
+          {
             "tag": "p",
           }
         }
@@ -53,14 +53,14 @@ exports[`Search Block renders block with button inside option 1`] = `
         placeholder="Add label…"
         placeholderTextColor="gray"
         style={
-          Object {
+          {
             "backgroundColor": undefined,
             "maxWidth": undefined,
             "minHeight": 0,
           }
         }
         text={
-          Object {
+          {
             "eventCount": undefined,
             "linkTextColor": undefined,
             "selection": null,
@@ -68,13 +68,13 @@ exports[`Search Block renders block with button inside option 1`] = `
             "text": "<p>Search</p>",
           }
         }
-        triggerKeyCodes={Array []}
+        triggerKeyCodes={[]}
       />
     </View>
   </View>
   <View
     style={
-      Array [
+      [
         undefined,
         undefined,
         false,
@@ -99,8 +99,8 @@ exports[`Search Block renders block with button inside option 1`] = `
         placeholder="Optional placeholder…"
         scrollEnabled={false}
         style={
-          Array [
-            Array [
+          [
+            [
               false,
               undefined,
               undefined,
@@ -112,7 +112,7 @@ exports[`Search Block renders block with button inside option 1`] = `
     </View>
     <View
       style={
-        Array [
+        [
           undefined,
           false,
           undefined,
@@ -128,7 +128,7 @@ exports[`Search Block renders block with button inside option 1`] = `
       >
         <View
           style={
-            Array [
+            [
               undefined,
               undefined,
             ]
@@ -136,9 +136,9 @@ exports[`Search Block renders block with button inside option 1`] = `
         >
           <RCTAztecView
             accessible={true}
-            activeFormats={Array []}
+            activeFormats={[]}
             blockType={
-              Object {
+              {
                 "tag": "p",
               }
             }
@@ -169,14 +169,14 @@ exports[`Search Block renders block with button inside option 1`] = `
             placeholder=""
             placeholderTextColor="gray"
             style={
-              Object {
+              {
                 "backgroundColor": undefined,
                 "maxWidth": NaN,
                 "minHeight": 0,
               }
             }
             text={
-              Object {
+              {
                 "eventCount": undefined,
                 "linkTextColor": undefined,
                 "selection": null,
@@ -185,7 +185,7 @@ exports[`Search Block renders block with button inside option 1`] = `
               }
             }
             textAlign="center"
-            triggerKeyCodes={Array []}
+            triggerKeyCodes={[]}
           />
         </View>
       </View>
@@ -207,7 +207,7 @@ exports[`Search Block renders block with icon button option matches snapshot 1`]
   >
     <View
       style={
-        Array [
+        [
           undefined,
           undefined,
         ]
@@ -215,9 +215,9 @@ exports[`Search Block renders block with icon button option matches snapshot 1`]
     >
       <RCTAztecView
         accessible={true}
-        activeFormats={Array []}
+        activeFormats={[]}
         blockType={
-          Object {
+          {
             "tag": "p",
           }
         }
@@ -247,14 +247,14 @@ exports[`Search Block renders block with icon button option matches snapshot 1`]
         placeholder="Add label…"
         placeholderTextColor="gray"
         style={
-          Object {
+          {
             "backgroundColor": undefined,
             "maxWidth": undefined,
             "minHeight": 0,
           }
         }
         text={
-          Object {
+          {
             "eventCount": undefined,
             "linkTextColor": undefined,
             "selection": null,
@@ -262,13 +262,13 @@ exports[`Search Block renders block with icon button option matches snapshot 1`]
             "text": "<p>Search</p>",
           }
         }
-        triggerKeyCodes={Array []}
+        triggerKeyCodes={[]}
       />
     </View>
   </View>
   <View
     style={
-      Array [
+      [
         undefined,
         false,
         false,
@@ -293,8 +293,8 @@ exports[`Search Block renders block with icon button option matches snapshot 1`]
         placeholder="Optional placeholder…"
         scrollEnabled={false}
         style={
-          Array [
-            Array [
+          [
+            [
               undefined,
               undefined,
               undefined,
@@ -306,7 +306,7 @@ exports[`Search Block renders block with icon button option matches snapshot 1`]
     </View>
     <View
       style={
-        Array [
+        [
           undefined,
           false,
           undefined,
@@ -328,7 +328,7 @@ exports[`Search Block renders block with label hidden matches snapshot 1`] = `
 >
   <View
     style={
-      Array [
+      [
         undefined,
         false,
         false,
@@ -353,8 +353,8 @@ exports[`Search Block renders block with label hidden matches snapshot 1`] = `
         placeholder="Optional placeholder…"
         scrollEnabled={false}
         style={
-          Array [
-            Array [
+          [
+            [
               undefined,
               undefined,
               undefined,
@@ -366,7 +366,7 @@ exports[`Search Block renders block with label hidden matches snapshot 1`] = `
     </View>
     <View
       style={
-        Array [
+        [
           undefined,
           false,
           undefined,
@@ -382,7 +382,7 @@ exports[`Search Block renders block with label hidden matches snapshot 1`] = `
       >
         <View
           style={
-            Array [
+            [
               undefined,
               undefined,
             ]
@@ -390,9 +390,9 @@ exports[`Search Block renders block with label hidden matches snapshot 1`] = `
         >
           <RCTAztecView
             accessible={true}
-            activeFormats={Array []}
+            activeFormats={[]}
             blockType={
-              Object {
+              {
                 "tag": "p",
               }
             }
@@ -423,14 +423,14 @@ exports[`Search Block renders block with label hidden matches snapshot 1`] = `
             placeholder=""
             placeholderTextColor="gray"
             style={
-              Object {
+              {
                 "backgroundColor": undefined,
                 "maxWidth": NaN,
                 "minHeight": 0,
               }
             }
             text={
-              Object {
+              {
                 "eventCount": undefined,
                 "linkTextColor": undefined,
                 "selection": null,
@@ -439,7 +439,7 @@ exports[`Search Block renders block with label hidden matches snapshot 1`] = `
               }
             }
             textAlign="center"
-            triggerKeyCodes={Array []}
+            triggerKeyCodes={[]}
           />
         </View>
       </View>
@@ -461,7 +461,7 @@ exports[`Search Block renders with default configuration matches snapshot 1`] =
   >
     <View
       style={
-        Array [
+        [
           undefined,
           undefined,
         ]
@@ -469,9 +469,9 @@ exports[`Search Block renders with default configuration matches snapshot 1`] =
     >
       <RCTAztecView
         accessible={true}
-        activeFormats={Array []}
+        activeFormats={[]}
         blockType={
-          Object {
+          {
             "tag": "p",
           }
         }
@@ -501,14 +501,14 @@ exports[`Search Block renders with default configuration matches snapshot 1`] =
         placeholder="Add label…"
         placeholderTextColor="gray"
         style={
-          Object {
+          {
             "backgroundColor": undefined,
             "maxWidth": undefined,
             "minHeight": 0,
           }
         }
         text={
-          Object {
+          {
             "eventCount": undefined,
             "linkTextColor": undefined,
             "selection": null,
@@ -516,13 +516,13 @@ exports[`Search Block renders with default configuration matches snapshot 1`] =
             "text": "<p>Search</p>",
           }
         }
-        triggerKeyCodes={Array []}
+        triggerKeyCodes={[]}
       />
     </View>
   </View>
   <View
     style={
-      Array [
+      [
         undefined,
         false,
         false,
@@ -547,8 +547,8 @@ exports[`Search Block renders with default configuration matches snapshot 1`] =
         placeholder="Optional placeholder…"
         scrollEnabled={false}
         style={
-          Array [
-            Array [
+          [
+            [
               undefined,
               undefined,
               undefined,
@@ -560,7 +560,7 @@ exports[`Search Block renders with default configuration matches snapshot 1`] =
     </View>
     <View
       style={
-        Array [
+        [
           undefined,
           false,
           undefined,
@@ -576,7 +576,7 @@ exports[`Search Block renders with default configuration matches snapshot 1`] =
       >
         <View
           style={
-            Array [
+            [
               undefined,
               undefined,
             ]
@@ -584,9 +584,9 @@ exports[`Search Block renders with default configuration matches snapshot 1`] =
         >
           <RCTAztecView
             accessible={true}
-            activeFormats={Array []}
+            activeFormats={[]}
             blockType={
-              Object {
+              {
                 "tag": "p",
               }
             }
@@ -617,14 +617,14 @@ exports[`Search Block renders with default configuration matches snapshot 1`] =
             placeholder=""
             placeholderTextColor="gray"
             style={
-              Object {
+              {
                 "backgroundColor": undefined,
                 "maxWidth": NaN,
                 "minHeight": 0,
               }
             }
             text={
-              Object {
+              {
                 "eventCount": undefined,
                 "linkTextColor": undefined,
                 "selection": null,
@@ -633,7 +633,7 @@ exports[`Search Block renders with default configuration matches snapshot 1`] =
               }
             }
             textAlign="center"
-            triggerKeyCodes={Array []}
+            triggerKeyCodes={[]}
           />
         </View>
       </View>
@@ -655,7 +655,7 @@ exports[`Search Block renders with no-button option matches snapshot 1`] = `
   >
     <View
       style={
-        Array [
+        [
           undefined,
           undefined,
         ]
@@ -663,9 +663,9 @@ exports[`Search Block renders with no-button option matches snapshot 1`] = `
     >
       <RCTAztecView
         accessible={true}
-        activeFormats={Array []}
+        activeFormats={[]}
         blockType={
-          Object {
+          {
             "tag": "p",
           }
         }
@@ -695,14 +695,14 @@ exports[`Search Block renders with no-button option matches snapshot 1`] = `
         placeholder="Add label…"
         placeholderTextColor="gray"
         style={
-          Object {
+          {
             "backgroundColor": undefined,
             "maxWidth": undefined,
             "minHeight": 0,
           }
         }
         text={
-          Object {
+          {
             "eventCount": undefined,
             "linkTextColor": undefined,
             "selection": null,
@@ -710,7 +710,7 @@ exports[`Search Block renders with no-button option matches snapshot 1`] = `
             "text": "<p>Search</p>",
           }
         }
-        triggerKeyCodes={Array []}
+        triggerKeyCodes={[]}
       />
     </View>
   </View>
@@ -732,8 +732,8 @@ exports[`Search Block renders with no-button option matches snapshot 1`] = `
       placeholder="Optional placeholder…"
       scrollEnabled={false}
       style={
-        Array [
-          Array [
+        [
+          [
             undefined,
             undefined,
             undefined,

package/src/separator/test/__snapshots__/edit.native.js.snap

@@ -2,6 +2,6 @@
 
 exports[`Separator block inserts block 1`] = `
 "<!-- wp:separator -->
-<hr class=\\"wp-block-separator has-alpha-channel-opacity\\"/>
+<hr class="wp-block-separator has-alpha-channel-opacity"/>
 <!-- /wp:separator -->"
 `;

package/src/site-logo/edit.js

@@ -300,6 +300,7 @@ const SiteLogo = ( {
 						disabled={ ! isResizable }
 					/>
 					<ToggleControl
+						__nextHasNoMarginBottom
 						label={ __( 'Link image to home' ) }
 						onChange={ () => setAttributes( { isLink: ! isLink } ) }
 						checked={ isLink }
@@ -307,6 +308,7 @@ const SiteLogo = ( {
 					{ isLink && (
 						<>
 							<ToggleControl
+								__nextHasNoMarginBottom
 								label={ __( 'Open in new tab' ) }
 								onChange={ ( value ) =>
 									setAttributes( {
@@ -320,6 +322,7 @@ const SiteLogo = ( {
 					{ canUserEdit && (
 						<>
 							<ToggleControl
+								__nextHasNoMarginBottom
 								label={ __( 'Use as site icon' ) }
 								onChange={ ( value ) => {
 									setAttributes( { shouldSyncIcon: value } );

package/src/site-logo/editor.scss

@@ -33,10 +33,10 @@
 // Provide special styling for the placeholder.
 // @todo: this particular minimal style of placeholder could be componentized further.
 .wp-block-site-logo.wp-block-site-logo {
-	// Match the default logo size.
+
 	&.is-default-size .components-placeholder {
-		height: 120px;
-		width: 120px;
+		height: 60px;
+		width: 60px;
 	}
 
 	// Inherit radius.

package/src/site-logo/index.php

@@ -39,8 +39,13 @@ function render_block_core_site_logo( $attributes ) {
 	if ( $attributes['isLink'] && '_blank' === $attributes['linkTarget'] ) {
 		// Add the link target after the rel="home".
 		// Add an aria-label for informing that the page opens in a new tab.
-		$aria_label  = 'aria-label="' . esc_attr__( '(Home link, opens in a new tab)' ) . '"';
-		$custom_logo = str_replace( 'rel="home"', 'rel="home" target="' . esc_attr( $attributes['linkTarget'] ) . '"' . $aria_label, $custom_logo );
+		$processor = new WP_HTML_Tag_Processor( $custom_logo );
+		$processor->next_tag( 'a' );
+		if ( 'home' === $processor->get_attribute( 'rel' ) ) {
+			$processor->set_attribute( 'aria-label', __( '(Home link, opens in a new tab)' ) );
+			$processor->set_attribute( 'target', $attributes['linkTarget'] );
+		}
+		$custom_logo = $processor->get_updated_html();
 	}
 
 	$classnames = array();

package/src/site-tagline/block.json

@@ -12,6 +12,7 @@
 			"type": "string"
 		}
 	},
+	"example": {},
 	"supports": {
 		"anchor": true,
 		"align": [ "wide", "full" ],

package/src/site-title/edit/index.js

@@ -111,12 +111,14 @@ export default function SiteTitleEdit( {
 			<InspectorControls>
 				<PanelBody title={ __( 'Link settings' ) }>
 					<ToggleControl
+						__nextHasNoMarginBottom
 						label={ __( 'Make title link to home' ) }
 						onChange={ () => setAttributes( { isLink: ! isLink } ) }
 						checked={ isLink }
 					/>
 					{ isLink && (
 						<ToggleControl
+							__nextHasNoMarginBottom
 							label={ __( 'Open in new tab' ) }
 							onChange={ ( value ) =>
 								setAttributes( {

package/src/social-link/index.php

@@ -59,15 +59,15 @@ function render_block_core_social_link( $attributes, $content, $block ) {
 	$link .= esc_html( $label );
 	$link .= '</span></a></li>';
 
-	$w = new WP_HTML_Tag_Processor( $link );
-	$w->next_tag( 'a' );
+	$processor = new WP_HTML_Tag_Processor( $link );
+	$processor->next_tag( 'a' );
 	if ( $open_in_new_tab ) {
-		$w->set_attribute( 'rel', esc_attr( $rel ) . ' noopener nofollow' );
-		$w->set_attribute( 'target', '_blank' );
+		$processor->set_attribute( 'rel', esc_attr( $rel ) . ' noopener nofollow' );
+		$processor->set_attribute( 'target', '_blank' );
 	} elseif ( '' !== $rel ) {
-		$w->set_attribute( 'rel', esc_attr( $rel ) );
+		$processor->set_attribute( 'rel', esc_attr( $rel ) );
 	}
-	return $w;
+	return $processor->get_updated_html();
 }
 
 /**