@wordpress/block-library 8.17.1 → 8.18.1-next.5a1d1283.0

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

@@ -0,0 +1,140 @@
+/**
+*  Converts a hex value into the rgb equivalent.
+*
+* @param {string} hex - the hexadecimal value to convert
+* @return {string} comma separated rgb values
+*/
+/**
+ * Colors
+ */
+/**
+ * Breakpoints & Media Queries
+ */
+/**
+ * SCSS Variables.
+ *
+ * Please use variables from this sheet to ensure consistency across the UI.
+ * Don't add to this sheet unless you're pretty sure the value will be reused in many places.
+ * For example, don't add rules to this sheet that affect block visuals. It's purely for UI.
+ */
+/**
+*  Converts a hex value into the rgb equivalent.
+*
+* @param {string} hex - the hexadecimal value to convert
+* @return {string} comma separated rgb values
+*/
+/**
+ * Colors
+ */
+/**
+ * Fonts & basic variables.
+ */
+/**
+ * Grid System.
+ * https://make.wordpress.org/design/2019/10/31/proposal-a-consistent-spacing-system-for-wordpress/
+ */
+/**
+ * Dimensions.
+ */
+/**
+ * Shadows.
+ */
+/**
+ * Editor widths.
+ */
+/**
+ * Block & Editor UI.
+ */
+/**
+ * Block paddings.
+ */
+/**
+ * React Native specific.
+ * These variables do not appear to be used anywhere else.
+ */
+/**
+*  Converts a hex value into the rgb equivalent.
+*
+* @param {string} hex - the hexadecimal value to convert
+* @return {string} comma separated rgb values
+*/
+/**
+ * Long content fade mixin
+ *
+ * Creates a fading overlay to signify that the content is longer
+ * than the space allows.
+ */
+/**
+ * Breakpoint mixins
+ */
+/**
+ * Focus styles.
+ */
+/**
+ * Applies editor left position to the selector passed as argument
+ */
+/**
+ * Styles that are reused verbatim in a few places
+ */
+/**
+ * Allows users to opt-out of animations via OS-level preferences.
+ */
+/**
+ * Reset default styles for JavaScript UI based pages.
+ * This is a WP-admin agnostic reset
+ */
+/**
+ * Reset the WP Admin page styles for Gutenberg-like pages.
+ */
+.wp-block-query__enhanced-pagination-animation {
+  position: fixed;
+  top: 0;
+  right: 0;
+  margin: 0;
+  padding: 0;
+  width: 100vw;
+  max-width: 100vw !important;
+  height: 4px;
+  background-color: var(--wp--preset--color--primary, #000);
+  opacity: 0;
+}
+.wp-block-query__enhanced-pagination-animation.start-animation {
+  animation: wp-block-query__enhanced-pagination-start-animation 30s cubic-bezier(0, 1, 0, 1) infinite;
+}
+.wp-block-query__enhanced-pagination-animation.finish-animation {
+  animation: wp-block-query__enhanced-pagination-finish-animation 300ms ease-in;
+}
+
+@keyframes wp-block-query__enhanced-pagination-start-animation {
+  0% {
+    transform: scaleX(0);
+    transform-origin: 100% 0%;
+    opacity: 1;
+  }
+  100% {
+    transform: scaleX(1);
+    transform-origin: 100% 0%;
+    opacity: 1;
+  }
+}
+@keyframes wp-block-query__enhanced-pagination-finish-animation {
+  0% {
+    opacity: 1;
+  }
+  50% {
+    opacity: 1;
+  }
+  100% {
+    opacity: 0;
+  }
+}
+.wp-block-query__enhanced-pagination-navigation-announce {
+  position: absolute;
+  clip: rect(0, 0, 0, 0);
+  width: 1px;
+  height: 1px;
+  padding: 0;
+  margin: -1px;
+  overflow: hidden;
+  border: 0;
+}

package/build-style/query/style.css

@@ -0,0 +1,140 @@
+/**
+*  Converts a hex value into the rgb equivalent.
+*
+* @param {string} hex - the hexadecimal value to convert
+* @return {string} comma separated rgb values
+*/
+/**
+ * Colors
+ */
+/**
+ * Breakpoints & Media Queries
+ */
+/**
+ * SCSS Variables.
+ *
+ * Please use variables from this sheet to ensure consistency across the UI.
+ * Don't add to this sheet unless you're pretty sure the value will be reused in many places.
+ * For example, don't add rules to this sheet that affect block visuals. It's purely for UI.
+ */
+/**
+*  Converts a hex value into the rgb equivalent.
+*
+* @param {string} hex - the hexadecimal value to convert
+* @return {string} comma separated rgb values
+*/
+/**
+ * Colors
+ */
+/**
+ * Fonts & basic variables.
+ */
+/**
+ * Grid System.
+ * https://make.wordpress.org/design/2019/10/31/proposal-a-consistent-spacing-system-for-wordpress/
+ */
+/**
+ * Dimensions.
+ */
+/**
+ * Shadows.
+ */
+/**
+ * Editor widths.
+ */
+/**
+ * Block & Editor UI.
+ */
+/**
+ * Block paddings.
+ */
+/**
+ * React Native specific.
+ * These variables do not appear to be used anywhere else.
+ */
+/**
+*  Converts a hex value into the rgb equivalent.
+*
+* @param {string} hex - the hexadecimal value to convert
+* @return {string} comma separated rgb values
+*/
+/**
+ * Long content fade mixin
+ *
+ * Creates a fading overlay to signify that the content is longer
+ * than the space allows.
+ */
+/**
+ * Breakpoint mixins
+ */
+/**
+ * Focus styles.
+ */
+/**
+ * Applies editor left position to the selector passed as argument
+ */
+/**
+ * Styles that are reused verbatim in a few places
+ */
+/**
+ * Allows users to opt-out of animations via OS-level preferences.
+ */
+/**
+ * Reset default styles for JavaScript UI based pages.
+ * This is a WP-admin agnostic reset
+ */
+/**
+ * Reset the WP Admin page styles for Gutenberg-like pages.
+ */
+.wp-block-query__enhanced-pagination-animation {
+  position: fixed;
+  top: 0;
+  left: 0;
+  margin: 0;
+  padding: 0;
+  width: 100vw;
+  max-width: 100vw !important;
+  height: 4px;
+  background-color: var(--wp--preset--color--primary, #000);
+  opacity: 0;
+}
+.wp-block-query__enhanced-pagination-animation.start-animation {
+  animation: wp-block-query__enhanced-pagination-start-animation 30s cubic-bezier(0, 1, 0, 1) infinite;
+}
+.wp-block-query__enhanced-pagination-animation.finish-animation {
+  animation: wp-block-query__enhanced-pagination-finish-animation 300ms ease-in;
+}
+
+@keyframes wp-block-query__enhanced-pagination-start-animation {
+  0% {
+    transform: scaleX(0);
+    transform-origin: 0% 0%;
+    opacity: 1;
+  }
+  100% {
+    transform: scaleX(1);
+    transform-origin: 0% 0%;
+    opacity: 1;
+  }
+}
+@keyframes wp-block-query__enhanced-pagination-finish-animation {
+  0% {
+    opacity: 1;
+  }
+  50% {
+    opacity: 1;
+  }
+  100% {
+    opacity: 0;
+  }
+}
+.wp-block-query__enhanced-pagination-navigation-announce {
+  position: absolute;
+  clip: rect(0, 0, 0, 0);
+  width: 1px;
+  height: 1px;
+  padding: 0;
+  margin: -1px;
+  overflow: hidden;
+  border: 0;
+}

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

@@ -92,6 +92,7 @@
 }
 .wp-block-site-logo a {
   display: inline-block;
+  line-height: 0;
 }
 .wp-block-site-logo.is-default-size img {
   width: 120px;

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

@@ -92,6 +92,7 @@
 }
 .wp-block-site-logo a {
   display: inline-block;
+  line-height: 0;
 }
 .wp-block-site-logo.is-default-size img {
   width: 120px;

package/build-style/style-rtl.css

@@ -3169,6 +3169,7 @@ ul.wp-block-rss.is-grid li {
 }
 .wp-block-site-logo a {
   display: inline-block;
+  line-height: 0;
 }
 .wp-block-site-logo.is-default-size img {
   width: 120px;

package/build-style/style.css

@@ -3204,6 +3204,7 @@ ul.wp-block-rss.is-grid li {
 }
 .wp-block-site-logo a {
   display: inline-block;
+  line-height: 0;
 }
 .wp-block-site-logo.is-default-size img {
   width: 120px;

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@wordpress/block-library",
-	"version": "8.17.1",
+	"version": "8.18.1-next.5a1d1283.0",
 	"description": "Block library for the WordPress editor.",
 	"author": "The WordPress Contributors",
 	"license": "GPL-2.0-or-later",
@@ -31,36 +31,36 @@
 	],
 	"dependencies": {
 		"@babel/runtime": "^7.16.0",
-		"@wordpress/a11y": "^3.40.1",
-		"@wordpress/api-fetch": "^6.37.1",
-		"@wordpress/autop": "^3.40.1",
-		"@wordpress/blob": "^3.40.1",
-		"@wordpress/block-editor": "^12.8.1",
-		"@wordpress/blocks": "^12.17.1",
-		"@wordpress/components": "^25.6.1",
-		"@wordpress/compose": "^6.17.1",
-		"@wordpress/core-data": "^6.17.1",
-		"@wordpress/data": "^9.10.1",
-		"@wordpress/date": "^4.40.1",
-		"@wordpress/deprecated": "^3.40.1",
-		"@wordpress/dom": "^3.40.1",
-		"@wordpress/element": "^5.17.1",
-		"@wordpress/escape-html": "^2.40.1",
-		"@wordpress/hooks": "^3.40.1",
-		"@wordpress/html-entities": "^3.40.1",
-		"@wordpress/i18n": "^4.40.1",
-		"@wordpress/icons": "^9.31.1",
-		"@wordpress/interactivity": "^2.1.1",
-		"@wordpress/keycodes": "^3.40.1",
-		"@wordpress/notices": "^4.8.1",
-		"@wordpress/primitives": "^3.38.1",
-		"@wordpress/private-apis": "^0.22.1",
-		"@wordpress/reusable-blocks": "^4.17.1",
-		"@wordpress/rich-text": "^6.17.1",
-		"@wordpress/server-side-render": "^4.17.1",
-		"@wordpress/url": "^3.41.1",
-		"@wordpress/viewport": "^5.17.1",
-		"@wordpress/wordcount": "^3.40.1",
+		"@wordpress/a11y": "^3.41.1-next.5a1d1283.0",
+		"@wordpress/api-fetch": "^6.38.1-next.5a1d1283.0",
+		"@wordpress/autop": "^3.41.1-next.5a1d1283.0",
+		"@wordpress/blob": "^3.41.1-next.5a1d1283.0",
+		"@wordpress/block-editor": "^12.9.1-next.5a1d1283.0",
+		"@wordpress/blocks": "^12.18.1-next.5a1d1283.0",
+		"@wordpress/components": "^26.0.1-next.5a1d1283.0",
+		"@wordpress/compose": "^6.18.1-next.5a1d1283.0",
+		"@wordpress/core-data": "^6.18.1-next.5a1d1283.0",
+		"@wordpress/data": "^9.11.1-next.5a1d1283.0",
+		"@wordpress/date": "^4.41.1-next.5a1d1283.0",
+		"@wordpress/deprecated": "^3.41.1-next.5a1d1283.0",
+		"@wordpress/dom": "^3.41.1-next.5a1d1283.0",
+		"@wordpress/element": "^5.18.1-next.5a1d1283.0",
+		"@wordpress/escape-html": "^2.41.1-next.5a1d1283.0",
+		"@wordpress/hooks": "^3.41.1-next.5a1d1283.0",
+		"@wordpress/html-entities": "^3.41.1-next.5a1d1283.0",
+		"@wordpress/i18n": "^4.41.1-next.5a1d1283.0",
+		"@wordpress/icons": "^9.32.1-next.5a1d1283.0",
+		"@wordpress/interactivity": "^2.2.1-next.5a1d1283.0",
+		"@wordpress/keycodes": "^3.41.1-next.5a1d1283.0",
+		"@wordpress/notices": "^4.9.1-next.5a1d1283.0",
+		"@wordpress/primitives": "^3.39.1-next.5a1d1283.0",
+		"@wordpress/private-apis": "^0.23.1-next.5a1d1283.0",
+		"@wordpress/reusable-blocks": "^4.18.1-next.5a1d1283.0",
+		"@wordpress/rich-text": "^6.18.1-next.5a1d1283.0",
+		"@wordpress/server-side-render": "^4.18.1-next.5a1d1283.0",
+		"@wordpress/url": "^3.42.1-next.5a1d1283.0",
+		"@wordpress/viewport": "^5.18.1-next.5a1d1283.0",
+		"@wordpress/wordcount": "^3.41.1-next.5a1d1283.0",
 		"change-case": "^4.1.2",
 		"classnames": "^2.3.1",
 		"colord": "^2.7.0",
@@ -79,5 +79,5 @@
 	"publishConfig": {
 		"access": "public"
 	},
-	"gitHead": "bb1fbf87bb0f451744530fc6a85de2dff1263bed"
+	"gitHead": "fa0b66987dab5a15f38663e06036d09bccffaa4b"
 }

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

@@ -133,7 +133,7 @@ exports[`Audio block renders audio block error state without crashing 1`] = `
           ]
         }
       >
-        <RCTAztecView
+        <View
           accessibilityState={
             {
               "busy": undefined,
@@ -143,59 +143,73 @@ exports[`Audio block renders audio block error state without crashing 1`] = `
               "selected": undefined,
             }
           }
-          accessible={true}
-          activeFormats={[]}
-          blockType={
+          accessibilityValue={
             {
-              "tag": "p",
+              "max": undefined,
+              "min": undefined,
+              "now": undefined,
+              "text": undefined,
             }
           }
-          deleteEnter={true}
-          disableEditingMenu={false}
+          accessible={false}
+          collapsable={false}
           focusable={true}
-          fontFamily="serif"
-          fontSize={14}
-          isMultiline={false}
-          maxImagesWidth={200}
-          onBackspace={[Function]}
           onBlur={[Function]}
-          onChange={[Function]}
           onClick={[Function]}
-          onContentSizeChange={[Function]}
-          onEnter={[Function]}
           onFocus={[Function]}
-          onHTMLContentWithCursor={[Function]}
-          onKeyDown={[Function]}
-          onPaste={[Function]}
           onResponderGrant={[Function]}
           onResponderMove={[Function]}
           onResponderRelease={[Function]}
           onResponderTerminate={[Function]}
           onResponderTerminationRequest={[Function]}
-          onSelectionChange={[Function]}
           onStartShouldSetResponder={[Function]}
-          placeholder="Add caption"
-          placeholderTextColor="gray"
-          selectionColor="black"
-          style={
-            {
-              "backgroundColor": undefined,
-              "maxWidth": undefined,
-              "minHeight": 0,
+        >
+          <RCTAztecView
+            activeFormats={[]}
+            blockType={
+              {
+                "tag": "p",
+              }
             }
-          }
-          text={
-            {
-              "eventCount": undefined,
-              "linkTextColor": undefined,
-              "selection": null,
-              "tag": "p",
-              "text": "",
+            deleteEnter={true}
+            disableEditingMenu={false}
+            fontFamily="serif"
+            fontSize={14}
+            isMultiline={false}
+            maxImagesWidth={200}
+            onBackspace={[Function]}
+            onBlur={[Function]}
+            onChange={[Function]}
+            onContentSizeChange={[Function]}
+            onEnter={[Function]}
+            onFocus={[Function]}
+            onHTMLContentWithCursor={[Function]}
+            onKeyDown={[Function]}
+            onPaste={[Function]}
+            onSelectionChange={[Function]}
+            placeholder="Add caption"
+            placeholderTextColor="gray"
+            selectionColor="black"
+            style={
+              {
+                "backgroundColor": undefined,
+                "maxWidth": undefined,
+                "minHeight": 0,
+              }
             }
-          }
-          textAlign="center"
-          triggerKeyCodes={[]}
-        />
+            text={
+              {
+                "eventCount": undefined,
+                "linkTextColor": undefined,
+                "selection": null,
+                "tag": "p",
+                "text": "",
+              }
+            }
+            textAlign="center"
+            triggerKeyCodes={[]}
+          />
+        </View>
       </View>
     </View>
   </View>
@@ -359,7 +373,7 @@ exports[`Audio block renders audio file without crashing 1`] = `
           ]
         }
       >
-        <RCTAztecView
+        <View
           accessibilityState={
             {
               "busy": undefined,
@@ -369,59 +383,73 @@ exports[`Audio block renders audio file without crashing 1`] = `
               "selected": undefined,
             }
           }
-          accessible={true}
-          activeFormats={[]}
-          blockType={
+          accessibilityValue={
             {
-              "tag": "p",
+              "max": undefined,
+              "min": undefined,
+              "now": undefined,
+              "text": undefined,
             }
           }
-          deleteEnter={true}
-          disableEditingMenu={false}
+          accessible={false}
+          collapsable={false}
           focusable={true}
-          fontFamily="serif"
-          fontSize={14}
-          isMultiline={false}
-          maxImagesWidth={200}
-          onBackspace={[Function]}
           onBlur={[Function]}
-          onChange={[Function]}
           onClick={[Function]}
-          onContentSizeChange={[Function]}
-          onEnter={[Function]}
           onFocus={[Function]}
-          onHTMLContentWithCursor={[Function]}
-          onKeyDown={[Function]}
-          onPaste={[Function]}
           onResponderGrant={[Function]}
           onResponderMove={[Function]}
           onResponderRelease={[Function]}
           onResponderTerminate={[Function]}
           onResponderTerminationRequest={[Function]}
-          onSelectionChange={[Function]}
           onStartShouldSetResponder={[Function]}
-          placeholder="Add caption"
-          placeholderTextColor="gray"
-          selectionColor="black"
-          style={
-            {
-              "backgroundColor": undefined,
-              "maxWidth": undefined,
-              "minHeight": 0,
+        >
+          <RCTAztecView
+            activeFormats={[]}
+            blockType={
+              {
+                "tag": "p",
+              }
             }
-          }
-          text={
-            {
-              "eventCount": undefined,
-              "linkTextColor": undefined,
-              "selection": null,
-              "tag": "p",
-              "text": "",
+            deleteEnter={true}
+            disableEditingMenu={false}
+            fontFamily="serif"
+            fontSize={14}
+            isMultiline={false}
+            maxImagesWidth={200}
+            onBackspace={[Function]}
+            onBlur={[Function]}
+            onChange={[Function]}
+            onContentSizeChange={[Function]}
+            onEnter={[Function]}
+            onFocus={[Function]}
+            onHTMLContentWithCursor={[Function]}
+            onKeyDown={[Function]}
+            onPaste={[Function]}
+            onSelectionChange={[Function]}
+            placeholder="Add caption"
+            placeholderTextColor="gray"
+            selectionColor="black"
+            style={
+              {
+                "backgroundColor": undefined,
+                "maxWidth": undefined,
+                "minHeight": 0,
+              }
             }
-          }
-          textAlign="center"
-          triggerKeyCodes={[]}
-        />
+            text={
+              {
+                "eventCount": undefined,
+                "linkTextColor": undefined,
+                "selection": null,
+                "tag": "p",
+                "text": "",
+              }
+            }
+            textAlign="center"
+            triggerKeyCodes={[]}
+          />
+        </View>
       </View>
     </View>
   </View>

package/src/column/edit.native.js

@@ -111,10 +111,10 @@ function ColumnEdit( {
 	};
 
 	const renderAppender = useCallback( () => {
-		const { width: columnWidth } = contentStyle[ clientId ];
-		const isFullWidth = columnWidth === screenWidth;
-
 		if ( isSelected ) {
+			const { width: columnWidth } = contentStyle[ clientId ] || {};
+			const isFullWidth = columnWidth === screenWidth;
+
 			return (
 				<View
 					style={ [
@@ -133,7 +133,7 @@ function ColumnEdit( {
 			);
 		}
 		return null;
-	}, [ contentStyle[ clientId ], screenWidth, isSelected, hasChildren ] );
+	}, [ contentStyle, clientId, screenWidth, isSelected, hasChildren ] );
 
 	if ( ! isSelected && ! hasChildren ) {
 		return (

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

@@ -82,6 +82,20 @@ exports[`Columns block sets current vertical alignment on new Columns 1`] = `
 <!-- /wp:columns -->"
 `;
 
+exports[`Columns block transforms a nested Columns block into a Group block 1`] = `
+"<!-- wp:group {"layout":{"type":"constrained"}} -->
+<div class="wp-block-group"><!-- wp:group {"layout":{"type":"constrained"}} -->
+<div class="wp-block-group"><!-- wp:columns -->
+<div class="wp-block-columns"><!-- wp:column {"width":"100%"} -->
+<div class="wp-block-column" style="flex-basis:100%"><!-- wp:paragraph -->
+<p></p>
+<!-- /wp:paragraph --></div>
+<!-- /wp:column --></div>
+<!-- /wp:columns --></div>
+<!-- /wp:group --></div>
+<!-- /wp:group -->"
+`;
+
 exports[`Columns block when using columns percentage mechanism sets custom values correctly 1`] = `
 "<!-- wp:columns -->
 <div class="wp-block-columns"><!-- wp:column {"width":"90%"} -->