@wordpress/block-library 8.4.0 → 8.6.0

package/build-style/page-list/editor.css

@@ -129,4 +129,8 @@
 
 .wp-block-page-list .components-notice {
   margin-left: 0;
+}
+
+.wp-block-page-list__loading-indicator-container {
+  padding: 8px 12px;
 }

package/build-style/post-excerpt/editor-rtl.css

@@ -87,5 +87,5 @@
  * Reset the WP Admin page styles for Gutenberg-like pages.
  */
 .wp-block-post-excerpt .wp-block-post-excerpt__excerpt.is-inline {
-  display: inline-block;
+  display: inline;
 }

package/build-style/post-excerpt/editor.css

@@ -87,5 +87,5 @@
  * Reset the WP Admin page styles for Gutenberg-like pages.
  */
 .wp-block-post-excerpt .wp-block-post-excerpt__excerpt.is-inline {
-  display: inline-block;
+  display: inline;
 }

package/build-style/post-featured-image/style-rtl.css

@@ -92,6 +92,7 @@
 }
 .wp-block-post-featured-image a {
   display: block;
+  height: 100%;
 }
 .wp-block-post-featured-image img {
   max-width: 100%;

package/build-style/post-featured-image/style.css

@@ -92,6 +92,7 @@
 }
 .wp-block-post-featured-image a {
   display: block;
+  height: 100%;
 }
 .wp-block-post-featured-image img {
   max-width: 100%;

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

@@ -127,6 +127,7 @@
   position: sticky;
   top: 0;
   padding: 16px 0;
+  margin-bottom: 2px;
   z-index: 2;
 }
 

package/build-style/query/editor.css

@@ -127,6 +127,7 @@
   position: sticky;
   top: 0;
   padding: 16px 0;
+  margin-bottom: 2px;
   z-index: 2;
 }
 

package/build-style/site-logo/editor-rtl.css

@@ -112,8 +112,8 @@
 }
 
 .wp-block-site-logo.wp-block-site-logo.is-default-size .components-placeholder {
-  height: 120px;
-  width: 120px;
+  height: 60px;
+  width: 60px;
 }
 .wp-block-site-logo.wp-block-site-logo > div,
 .wp-block-site-logo.wp-block-site-logo .components-resizable-box__container {

package/build-style/site-logo/editor.css

@@ -112,8 +112,8 @@
 }
 
 .wp-block-site-logo.wp-block-site-logo.is-default-size .components-placeholder {
-  height: 120px;
-  width: 120px;
+  height: 60px;
+  width: 60px;
 }
 .wp-block-site-logo.wp-block-site-logo > div,
 .wp-block-site-logo.wp-block-site-logo .components-resizable-box__container {

package/build-style/style-rtl.css

@@ -818,11 +818,7 @@
 .wp-block-cover .wp-block-cover__inner-container {
   width: 100%;
   z-index: 1;
-  color: #fff; direction: rtl;
-}
-.wp-block-cover-image.is-light .wp-block-cover__inner-container,
-.wp-block-cover.is-light .wp-block-cover__inner-container {
-  color: #000;
+  color: inherit; direction: rtl;
 }
 .wp-block-cover-image p:not(.has-text-color),
 .wp-block-cover-image h1:not(.has-text-color),
@@ -1005,6 +1001,16 @@ section.wp-block-cover-image > h2,
   text-align: center;
 }
 
+:where(.wp-block-cover:not(.has-text-color)),
+:where(.wp-block-cover-image:not(.has-text-color)) {
+  color: #fff;
+}
+
+:where(.wp-block-cover.is-light:not(.has-text-color)),
+:where(.wp-block-cover-image.is-light:not(.has-text-color)) {
+  color: #000;
+}
+
 .wp-block[data-align=left] > [data-type="core/embed"],
 .wp-block[data-align=right] > [data-type="core/embed"],
 .wp-block-embed.alignleft,
@@ -2508,6 +2514,7 @@ p.has-background {
 }
 .wp-block-post-featured-image a {
   display: block;
+  height: 100%;
 }
 .wp-block-post-featured-image img {
   max-width: 100%;

package/build-style/style.css

@@ -824,13 +824,9 @@
 .wp-block-cover .wp-block-cover__inner-container {
   width: 100%;
   z-index: 1;
-  color: #fff;
+  color: inherit;
   /*rtl:raw: direction: rtl; */
 }
-.wp-block-cover-image.is-light .wp-block-cover__inner-container,
-.wp-block-cover.is-light .wp-block-cover__inner-container {
-  color: #000;
-}
 .wp-block-cover-image p:not(.has-text-color),
 .wp-block-cover-image h1:not(.has-text-color),
 .wp-block-cover-image h2:not(.has-text-color),
@@ -1012,6 +1008,16 @@ section.wp-block-cover-image > h2,
   text-align: center;
 }
 
+:where(.wp-block-cover:not(.has-text-color)),
+:where(.wp-block-cover-image:not(.has-text-color)) {
+  color: #fff;
+}
+
+:where(.wp-block-cover.is-light:not(.has-text-color)),
+:where(.wp-block-cover-image.is-light:not(.has-text-color)) {
+  color: #000;
+}
+
 .wp-block[data-align=left] > [data-type="core/embed"],
 .wp-block[data-align=right] > [data-type="core/embed"],
 .wp-block-embed.alignleft,
@@ -2538,6 +2544,7 @@ p.has-background {
 }
 .wp-block-post-featured-image a {
   display: block;
+  height: 100%;
 }
 .wp-block-post-featured-image img {
   max-width: 100%;

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@wordpress/block-library",
-	"version": "8.4.0",
+	"version": "8.6.0",
 	"description": "Block library for the WordPress editor.",
 	"author": "The WordPress Contributors",
 	"license": "GPL-2.0-or-later",
@@ -31,34 +31,35 @@
 	],
 	"dependencies": {
 		"@babel/runtime": "^7.16.0",
-		"@wordpress/a11y": "^3.27.0",
-		"@wordpress/api-fetch": "^6.24.0",
-		"@wordpress/autop": "^3.27.0",
-		"@wordpress/blob": "^3.27.0",
-		"@wordpress/block-editor": "^11.4.0",
-		"@wordpress/blocks": "^12.4.0",
-		"@wordpress/components": "^23.4.0",
-		"@wordpress/compose": "^6.4.0",
-		"@wordpress/core-data": "^6.4.0",
-		"@wordpress/data": "^8.4.0",
-		"@wordpress/date": "^4.27.0",
-		"@wordpress/deprecated": "^3.27.0",
-		"@wordpress/dom": "^3.27.0",
-		"@wordpress/element": "^5.4.0",
-		"@wordpress/escape-html": "^2.27.0",
-		"@wordpress/hooks": "^3.27.0",
-		"@wordpress/html-entities": "^3.27.0",
-		"@wordpress/i18n": "^4.27.0",
-		"@wordpress/icons": "^9.18.0",
-		"@wordpress/keycodes": "^3.27.0",
-		"@wordpress/notices": "^3.27.0",
-		"@wordpress/primitives": "^3.25.0",
-		"@wordpress/private-apis": "^0.9.0",
-		"@wordpress/reusable-blocks": "^4.4.0",
-		"@wordpress/rich-text": "^6.4.0",
-		"@wordpress/server-side-render": "^4.4.0",
-		"@wordpress/url": "^3.28.0",
-		"@wordpress/viewport": "^5.4.0",
+		"@wordpress/a11y": "^3.29.0",
+		"@wordpress/api-fetch": "^6.26.0",
+		"@wordpress/autop": "^3.29.0",
+		"@wordpress/blob": "^3.29.0",
+		"@wordpress/block-editor": "^11.6.0",
+		"@wordpress/blocks": "^12.6.0",
+		"@wordpress/components": "^23.6.0",
+		"@wordpress/compose": "^6.6.0",
+		"@wordpress/core-data": "^6.6.0",
+		"@wordpress/data": "^8.6.0",
+		"@wordpress/date": "^4.29.0",
+		"@wordpress/deprecated": "^3.29.0",
+		"@wordpress/dom": "^3.29.0",
+		"@wordpress/element": "^5.6.0",
+		"@wordpress/escape-html": "^2.29.0",
+		"@wordpress/hooks": "^3.29.0",
+		"@wordpress/html-entities": "^3.29.0",
+		"@wordpress/i18n": "^4.29.0",
+		"@wordpress/icons": "^9.20.0",
+		"@wordpress/keycodes": "^3.29.0",
+		"@wordpress/notices": "^3.29.0",
+		"@wordpress/primitives": "^3.27.0",
+		"@wordpress/private-apis": "^0.11.0",
+		"@wordpress/reusable-blocks": "^4.6.0",
+		"@wordpress/rich-text": "^6.6.0",
+		"@wordpress/server-side-render": "^4.6.0",
+		"@wordpress/url": "^3.30.0",
+		"@wordpress/viewport": "^5.6.0",
+		"@wordpress/wordcount": "^3.29.0",
 		"change-case": "^4.1.2",
 		"classnames": "^2.3.1",
 		"colord": "^2.7.0",
@@ -77,5 +78,5 @@
 	"publishConfig": {
 		"access": "public"
 	},
-	"gitHead": "c25ff895413bad4354c55c0c2d732552618b0d56"
+	"gitHead": "9534a7b3bbf07c1d40b94fdb7a3d091f297bfb06"
 }

package/src/archives/edit.js

@@ -19,6 +19,7 @@ export default function ArchivesEdit( { attributes, setAttributes } ) {
 			<InspectorControls>
 				<PanelBody title={ __( 'Settings' ) }>
 					<ToggleControl
+						__nextHasNoMarginBottom
 						label={ __( 'Display as dropdown' ) }
 						checked={ displayAsDropdown }
 						onChange={ () =>
@@ -29,6 +30,7 @@ export default function ArchivesEdit( { attributes, setAttributes } ) {
 					/>
 					{ displayAsDropdown && (
 						<ToggleControl
+							__nextHasNoMarginBottom
 							label={ __( 'Show label' ) }
 							checked={ showLabel }
 							onChange={ () =>
@@ -39,6 +41,7 @@ export default function ArchivesEdit( { attributes, setAttributes } ) {
 						/>
 					) }
 					<ToggleControl
+						__nextHasNoMarginBottom
 						label={ __( 'Show post counts' ) }
 						checked={ showPostCounts }
 						onChange={ () =>

package/src/audio/edit.js

@@ -207,12 +207,14 @@ function AudioEdit( {
 			<InspectorControls>
 				<PanelBody title={ __( 'Settings' ) }>
 					<ToggleControl
+						__nextHasNoMarginBottom
 						label={ __( 'Autoplay' ) }
 						onChange={ toggleAttribute( 'autoplay' ) }
 						checked={ autoplay }
 						help={ getAutoplayHelp }
 					/>
 					<ToggleControl
+						__nextHasNoMarginBottom
 						label={ __( 'Loop' ) }
 						onChange={ toggleAttribute( 'loop' ) }
 						checked={ loop }

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

@@ -3,7 +3,7 @@
 exports[`Audio block renders audio block error state without crashing 1`] = `
 <View
   accessibilityState={
-    Object {
+    {
       "disabled": true,
     }
   }
@@ -20,7 +20,7 @@ exports[`Audio block renders audio block error state without crashing 1`] = `
   <View
     pointerEvents="box-none"
     style={
-      Array [
+      [
         undefined,
         undefined,
       ]
@@ -28,7 +28,7 @@ exports[`Audio block renders audio block error state without crashing 1`] = `
   >
     <View
       style={
-        Array [
+        [
           undefined,
           undefined,
           undefined,
@@ -37,7 +37,7 @@ exports[`Audio block renders audio block error state without crashing 1`] = `
     />
     <View
       accessibilityState={
-        Object {
+        {
           "disabled": true,
         }
       }
@@ -51,24 +51,44 @@ exports[`Audio block renders audio block error state without crashing 1`] = `
       onResponderTerminationRequest={[Function]}
       onStartShouldSetResponder={[Function]}
       style={
-        Object {
+        {
           "height": 44,
         }
       }
     >
       <View>
-        Svg
+        <Svg
+          height={24}
+          style={
+            {
+              "fill": "gray",
+            }
+          }
+          viewBox="0 0 24 24"
+          width={24}
+          xmlns="http://www.w3.org/2000/svg"
+        >
+          Path
+        </Svg>
       </View>
       <View
-        style={Object {}}
+        style={{}}
       >
         <Text>
           59IrU0WJtq
         </Text>
         <View>
-          Svg
+          <Svg
+            height={16}
+            style={{}}
+            viewBox="-2 -2 24 24"
+            width={16}
+            xmlns="http://www.w3.org/2000/svg"
+          >
+            Path
+          </Svg>
           <Text
-            style={Object {}}
+            style={{}}
           >
             Failed to insert audio file. Please tap for options.
           </Text>
@@ -78,8 +98,8 @@ exports[`Audio block renders audio block error state without crashing 1`] = `
   </View>
   <View
     style={
-      Array [
-        Object {
+      [
+        {
           "height": 44,
         },
         false,
@@ -91,7 +111,7 @@ exports[`Audio block renders audio block error state without crashing 1`] = `
       accessibilityRole="button"
       accessible={true}
       style={
-        Object {
+        {
           "display": "none",
           "flex": 1,
         }
@@ -99,7 +119,7 @@ exports[`Audio block renders audio block error state without crashing 1`] = `
     >
       <View
         style={
-          Array [
+          [
             undefined,
             undefined,
           ]
@@ -107,9 +127,9 @@ exports[`Audio block renders audio block error state without crashing 1`] = `
       >
         <RCTAztecView
           accessible={true}
-          activeFormats={Array []}
+          activeFormats={[]}
           blockType={
-            Object {
+            {
               "tag": "p",
             }
           }
@@ -140,14 +160,14 @@ exports[`Audio block renders audio block error state without crashing 1`] = `
           placeholder="Add caption"
           placeholderTextColor="gray"
           style={
-            Object {
+            {
               "backgroundColor": undefined,
               "maxWidth": undefined,
               "minHeight": 0,
             }
           }
           text={
-            Object {
+            {
               "eventCount": undefined,
               "linkTextColor": undefined,
               "selection": null,
@@ -156,7 +176,7 @@ exports[`Audio block renders audio block error state without crashing 1`] = `
             }
           }
           textAlign="center"
-          triggerKeyCodes={Array []}
+          triggerKeyCodes={[]}
         />
       </View>
     </View>
@@ -167,7 +187,7 @@ exports[`Audio block renders audio block error state without crashing 1`] = `
 exports[`Audio block renders audio file without crashing 1`] = `
 <View
   accessibilityState={
-    Object {
+    {
       "disabled": true,
     }
   }
@@ -184,7 +204,7 @@ exports[`Audio block renders audio file without crashing 1`] = `
   <View
     pointerEvents="box-none"
     style={
-      Array [
+      [
         undefined,
         undefined,
       ]
@@ -192,7 +212,7 @@ exports[`Audio block renders audio file without crashing 1`] = `
   >
     <View
       style={
-        Array [
+        [
           undefined,
           undefined,
           undefined,
@@ -201,7 +221,7 @@ exports[`Audio block renders audio file without crashing 1`] = `
     />
     <View
       accessibilityState={
-        Object {
+        {
           "disabled": true,
         }
       }
@@ -215,23 +235,35 @@ exports[`Audio block renders audio file without crashing 1`] = `
       onResponderTerminationRequest={[Function]}
       onStartShouldSetResponder={[Function]}
       style={
-        Object {
+        {
           "height": 44,
         }
       }
     >
       <View>
-        Svg
+        <Svg
+          height={24}
+          style={
+            {
+              "fill": "gray",
+            }
+          }
+          viewBox="0 0 24 24"
+          width={24}
+          xmlns="http://www.w3.org/2000/svg"
+        >
+          Path
+        </Svg>
       </View>
       <View
-        style={Object {}}
+        style={{}}
       >
         <Text>
           59IrU0WJtq
         </Text>
         <View>
           <Text
-            style={Object {}}
+            style={{}}
           >
             MP3 audio file
           </Text>
@@ -253,7 +285,7 @@ exports[`Audio block renders audio file without crashing 1`] = `
       >
         <Text
           style={
-            Object {
+            {
               "color": "white",
             }
           }
@@ -265,8 +297,8 @@ exports[`Audio block renders audio file without crashing 1`] = `
   </View>
   <View
     style={
-      Array [
-        Object {
+      [
+        {
           "height": 44,
         },
         false,
@@ -278,7 +310,7 @@ exports[`Audio block renders audio file without crashing 1`] = `
       accessibilityRole="button"
       accessible={true}
       style={
-        Object {
+        {
           "display": "none",
           "flex": 1,
         }
@@ -286,7 +318,7 @@ exports[`Audio block renders audio file without crashing 1`] = `
     >
       <View
         style={
-          Array [
+          [
             undefined,
             undefined,
           ]
@@ -294,9 +326,9 @@ exports[`Audio block renders audio file without crashing 1`] = `
       >
         <RCTAztecView
           accessible={true}
-          activeFormats={Array []}
+          activeFormats={[]}
           blockType={
-            Object {
+            {
               "tag": "p",
             }
           }
@@ -327,14 +359,14 @@ exports[`Audio block renders audio file without crashing 1`] = `
           placeholder="Add caption"
           placeholderTextColor="gray"
           style={
-            Object {
+            {
               "backgroundColor": undefined,
               "maxWidth": undefined,
               "minHeight": 0,
             }
           }
           text={
-            Object {
+            {
               "eventCount": undefined,
               "linkTextColor": undefined,
               "selection": null,
@@ -343,7 +375,7 @@ exports[`Audio block renders audio file without crashing 1`] = `
             }
           }
           textAlign="center"
-          triggerKeyCodes={Array []}
+          triggerKeyCodes={[]}
         />
       </View>
     </View>
@@ -355,7 +387,7 @@ exports[`Audio block renders placeholder without crashing 1`] = `
 <View>
   <View
     style={
-      Object {
+      {
         "flex": 1,
       }
     }
@@ -374,8 +406,8 @@ exports[`Audio block renders placeholder without crashing 1`] = `
       onResponderTerminationRequest={[Function]}
       onStartShouldSetResponder={[Function]}
       style={
-        Array [
-          Array [
+        [
+          [
             undefined,
             undefined,
             undefined,
@@ -386,15 +418,23 @@ exports[`Audio block renders placeholder without crashing 1`] = `
     >
       <View
         style={
-          Object {
+          {
             "fill": "gray",
           }
         }
       >
         <View
-          style={Object {}}
+          style={{}}
         >
-          Svg
+          <Svg
+            height={24}
+            style={{}}
+            viewBox="0 0 24 24"
+            width={24}
+            xmlns="http://www.w3.org/2000/svg"
+          >
+            Path
+          </Svg>
         </View>
       </View>
       <Text>

package/src/audio/test/__snapshots__/transforms.native.js.snap

@@ -0,0 +1,25 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`Audio block transformations to Columns block 1`] = `
+"<!-- wp:columns -->
+<div class="wp-block-columns"><!-- wp:column {"width":"100%"} -->
+<div class="wp-block-column" style="flex-basis:100%"><!-- wp:audio {"id":5} -->
+<figure class="wp-block-audio"><audio controls src="https://cldup.com/59IrU0WJtq.mp3"></audio></figure>
+<!-- /wp:audio --></div>
+<!-- /wp:column --></div>
+<!-- /wp:columns -->"
+`;
+
+exports[`Audio block transformations to File block 1`] = `
+"<!-- wp:file {"id":5,"href":"https://cldup.com/59IrU0WJtq.mp3"} -->
+<div class="wp-block-file"><a href="https://cldup.com/59IrU0WJtq.mp3" class="wp-block-file__button wp-element-button" download>Download</a></div>
+<!-- /wp:file -->"
+`;
+
+exports[`Audio block transformations to Group block 1`] = `
+"<!-- wp:group {"layout":{"type":"constrained"}} -->
+<div class="wp-block-group"><!-- wp:audio {"id":5} -->
+<figure class="wp-block-audio"><audio controls src="https://cldup.com/59IrU0WJtq.mp3"></audio></figure>
+<!-- /wp:audio --></div>
+<!-- /wp:group -->"
+`;