@wordpress/block-library 7.5.0 → 7.8.0

package/build-style/style.css

@@ -83,9 +83,6 @@
   text-align: center;
 }
 
-.wp-block-audio {
-  margin: 0 0 1em 0;
-}
 .wp-block-audio figcaption {
   margin-top: 0.5em;
   margin-bottom: 1em;
@@ -96,14 +93,9 @@
 }
 
 .wp-block-button__link {
-  color: #fff;
-  background-color: #32373c;
-  border-radius: 9999px;
   box-shadow: none;
   cursor: pointer;
   display: inline-block;
-  font-size: 1.125em;
-  padding: calc(0.667em + 2px) calc(1.333em + 2px);
   text-align: center;
   text-decoration: none;
   word-break: break-word;
@@ -418,27 +410,6 @@
    *   - Issue with alternative fix: https://github.com/WordPress/gutenberg/issues/26545
    */
 }
-.wp-block-cover-image.has-parallax,
-.wp-block-cover.has-parallax {
-  background-attachment: fixed;
-}
-@supports (-webkit-touch-callout: inherit) {
-  .wp-block-cover-image.has-parallax,
-.wp-block-cover.has-parallax {
-    background-attachment: scroll;
-  }
-}
-@media (prefers-reduced-motion: reduce) {
-  .wp-block-cover-image.has-parallax,
-.wp-block-cover.has-parallax {
-    background-attachment: scroll;
-  }
-}
-.wp-block-cover-image.is-repeated,
-.wp-block-cover.is-repeated {
-  background-repeat: repeat;
-  background-size: auto;
-}
 .wp-block-cover-image.has-background-dim:not([class*=-background-color]),
 .wp-block-cover-image .has-background-dim:not([class*=-background-color]),
 .wp-block-cover.has-background-dim:not([class*=-background-color]),
@@ -715,9 +686,9 @@
   margin: 0;
   width: auto;
 }
-.wp-block-cover-image img.wp-block-cover__image-background,
+.wp-block-cover-image .wp-block-cover__image-background,
 .wp-block-cover-image video.wp-block-cover__video-background,
-.wp-block-cover img.wp-block-cover__image-background,
+.wp-block-cover .wp-block-cover__image-background,
 .wp-block-cover video.wp-block-cover__video-background {
   position: absolute;
   top: 0;
@@ -730,13 +701,42 @@
   height: 100%;
   max-width: none;
   max-height: none;
-  -o-object-fit: cover;
-     object-fit: cover;
+  object-fit: cover;
   outline: none;
   border: none;
   box-shadow: none;
 }
 
+.wp-block-cover-image.has-parallax,
+.wp-block-cover.has-parallax,
+.wp-block-cover__image-background.has-parallax,
+video.wp-block-cover__video-background.has-parallax {
+  background-attachment: fixed;
+}
+@supports (-webkit-overflow-scrolling: touch) {
+  .wp-block-cover-image.has-parallax,
+.wp-block-cover.has-parallax,
+.wp-block-cover__image-background.has-parallax,
+video.wp-block-cover__video-background.has-parallax {
+    background-attachment: scroll;
+  }
+}
+@media (prefers-reduced-motion: reduce) {
+  .wp-block-cover-image.has-parallax,
+.wp-block-cover.has-parallax,
+.wp-block-cover__image-background.has-parallax,
+video.wp-block-cover__video-background.has-parallax {
+    background-attachment: scroll;
+  }
+}
+.wp-block-cover-image.is-repeated,
+.wp-block-cover.is-repeated,
+.wp-block-cover__image-background.is-repeated,
+video.wp-block-cover__video-background.is-repeated {
+  background-repeat: repeat;
+  background-size: auto;
+}
+
 .wp-block-cover__video-background {
   z-index: 0;
 }
@@ -818,7 +818,6 @@ section.wp-block-cover-image > h2,
 }
 
 .wp-block-embed {
-  margin: 0 0 1em 0;
   overflow-wrap: break-word;
 }
 .wp-block-embed figcaption {
@@ -880,28 +879,30 @@ section.wp-block-cover-image > h2,
   /*rtl:ignore*/
   text-align: right;
 }
-.wp-block-file .wp-block-file__embed {
+.wp-block-file * + .wp-block-file__button {
+  margin-left: 0.75em;
+}
+
+.wp-block-file__embed {
   margin-bottom: 1em;
 }
-.wp-block-file .wp-block-file__button {
+
+.wp-block-file__button {
   background: #32373c;
   border-radius: 2em;
   color: #fff;
   font-size: 0.8em;
   padding: 0.5em 1em;
 }
-.wp-block-file a.wp-block-file__button {
+.wp-block-file__button:is(a) {
   text-decoration: none;
 }
-.wp-block-file a.wp-block-file__button:hover, .wp-block-file a.wp-block-file__button:visited, .wp-block-file a.wp-block-file__button:focus, .wp-block-file a.wp-block-file__button:active {
+.wp-block-file__button:is(a):hover, .wp-block-file__button:is(a):visited, .wp-block-file__button:is(a):focus, .wp-block-file__button:is(a):active {
   box-shadow: none;
   color: #fff;
   opacity: 0.85;
   text-decoration: none;
 }
-.wp-block-file * + .wp-block-file__button {
-  margin-left: 0.75em;
-}
 
 .wp-block-gallery:not(.has-nested-images),
 .blocks-gallery-grid:not(.has-nested-images) {
@@ -986,8 +987,7 @@ section.wp-block-cover-image > h2,
   width: 100%;
   height: 100%;
   flex: 1;
-  -o-object-fit: cover;
-     object-fit: cover;
+  object-fit: cover;
 }
 .wp-block-gallery:not(.has-nested-images).columns-1 .blocks-gallery-image, .wp-block-gallery:not(.has-nested-images).columns-1 .blocks-gallery-item,
 .blocks-gallery-grid:not(.has-nested-images).columns-1 .blocks-gallery-image,
@@ -1176,8 +1176,7 @@ figure.wp-block-gallery.has-nested-images {
   width: 100%;
   flex: 1 0 0%;
   height: 100%;
-  -o-object-fit: cover;
-     object-fit: cover;
+  object-fit: cover;
 }
 .wp-block-gallery.has-nested-images.columns-1 figure.wp-block-image:not(#individual-image) {
   width: 100%;
@@ -1233,9 +1232,6 @@ h6.has-background {
   padding: 1.25em 2.375em;
 }
 
-.wp-block-image {
-  margin: 0 0 1em 0;
-}
 .wp-block-image img {
   height: auto;
   max-width: 100%;
@@ -2126,6 +2122,21 @@ p.has-background {
   margin: 0;
 }
 
+.wp-block-post-comments {
+  /* utility classes */
+  /* end utility classes */
+}
+.wp-block-post-comments .alignleft {
+  float: left;
+}
+.wp-block-post-comments .alignright {
+  float: right;
+}
+.wp-block-post-comments .navigation::after {
+  content: "";
+  display: table;
+  clear: both;
+}
 .wp-block-post-comments .commentlist {
   clear: both;
   list-style: none;
@@ -2196,6 +2207,13 @@ p.has-background {
 .wp-block-post-comments .comment-form-cookies-consent #wp-comment-cookies-consent {
   margin-top: 0.35em;
 }
+.wp-block-post-comments .comment-reply-title {
+  margin-bottom: 0;
+}
+.wp-block-post-comments .comment-reply-title :where(small) {
+  font-size: var(--wp--preset--font-size--medium, smaller);
+  margin-left: 0.5em;
+}
 .wp-block-post-comments .reply {
   font-size: 0.875em;
   margin-bottom: 1.4em;
@@ -2270,13 +2288,11 @@ p.has-background {
   margin-top: 0.35em;
 }
 .wp-block-post-comments-form .comment-reply-title {
-  align-items: baseline;
-  display: flex;
-  justify-content: space-between;
   margin-bottom: 0;
 }
 .wp-block-post-comments-form .comment-reply-title :where(small) {
   font-size: var(--wp--preset--font-size--medium, smaller);
+  margin-left: 0.5em;
 }
 
 .wp-block-post-excerpt__more-link {
@@ -2583,19 +2599,19 @@ ul.wp-block-rss.is-grid li {
   margin-left: 0;
 }
 
-.wp-block-search.wp-block-search__button-inside .wp-block-search__inside-wrapper {
+:where(.wp-block-search__button-inside .wp-block-search__inside-wrapper) {
   padding: 4px;
   border: 1px solid #949494;
 }
-.wp-block-search.wp-block-search__button-inside .wp-block-search__inside-wrapper .wp-block-search__input {
+:where(.wp-block-search__button-inside .wp-block-search__inside-wrapper) .wp-block-search__input {
   border-radius: 0;
   border: none;
   padding: 0 0 0 0.25em;
 }
-.wp-block-search.wp-block-search__button-inside .wp-block-search__inside-wrapper .wp-block-search__input:focus {
+:where(.wp-block-search__button-inside .wp-block-search__inside-wrapper) .wp-block-search__input:focus {
   outline: none;
 }
-.wp-block-search.wp-block-search__button-inside .wp-block-search__inside-wrapper .wp-block-search__button {
+:where(.wp-block-search__button-inside .wp-block-search__inside-wrapper) .wp-block-search__button {
   padding: 0.125em 0.5em;
 }
 
@@ -2634,6 +2650,10 @@ ul.wp-block-rss.is-grid li {
   width: 120px;
   height: auto;
 }
+.wp-block-site-logo img {
+  height: auto;
+  max-width: 100%;
+}
 .wp-block-site-logo a,
 .wp-block-site-logo img {
   border-radius: inherit;
@@ -3053,7 +3073,6 @@ ul.wp-block-rss.is-grid li {
 }
 
 .wp-block-table {
-  margin: 0 0 1em 0;
   overflow-x: auto;
 }
 .wp-block-table table {
@@ -3205,16 +3224,12 @@ pre.wp-block-verse {
   white-space: pre-wrap;
 }
 
-.wp-block-video {
-  margin: 0 0 1em 0;
-}
 .wp-block-video video {
   width: 100%;
 }
 @supports (position: sticky) {
   .wp-block-video [poster] {
-    -o-object-fit: cover;
-       object-fit: cover;
+    object-fit: cover;
   }
 }
 .wp-block-video.aligncenter {
@@ -3326,7 +3341,6 @@ pre.wp-block-verse {
 .screen-reader-text {
   border: 0;
   clip: rect(1px, 1px, 1px, 1px);
-  -webkit-clip-path: inset(50%);
   clip-path: inset(50%);
   height: 1px;
   margin: -1px;
@@ -3340,8 +3354,7 @@ pre.wp-block-verse {
 .screen-reader-text:focus {
   background-color: #ddd;
   clip: auto !important;
-  -webkit-clip-path: none;
-          clip-path: none;
+  clip-path: none;
   color: #444;
   display: block;
   font-size: 1em;

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

@@ -75,7 +75,6 @@
  * Reset the WP Admin page styles for Gutenberg-like pages.
  */
 .wp-block-table {
-  margin: 0 0 1em 0;
   overflow-x: auto;
 }
 .wp-block-table table {

package/build-style/table/style.css

@@ -75,7 +75,6 @@
  * Reset the WP Admin page styles for Gutenberg-like pages.
  */
 .wp-block-table {
-  margin: 0 0 1em 0;
   overflow-x: auto;
 }
 .wp-block-table table {

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

@@ -103,10 +103,6 @@
   z-index: 159990;
 }
 
-.block-library-video-tracks-editor > .components-popover__content {
-  width: 360px;
-}
-
 .block-library-video-tracks-editor__track-list-track {
   display: flex;
   place-content: space-between;
@@ -145,7 +141,8 @@
   display: block;
 }
 
-.block-library-video-tracks-editor > .components-popover__content > div {
+.block-library-video-tracks-editor > .components-popover__content {
+  width: 360px;
   padding: 0;
 }
 

package/build-style/video/editor.css

@@ -103,10 +103,6 @@
   z-index: 159990;
 }
 
-.block-library-video-tracks-editor > .components-popover__content {
-  width: 360px;
-}
-
 .block-library-video-tracks-editor__track-list-track {
   display: flex;
   place-content: space-between;
@@ -145,7 +141,8 @@
   display: block;
 }
 
-.block-library-video-tracks-editor > .components-popover__content > div {
+.block-library-video-tracks-editor > .components-popover__content {
+  width: 360px;
   padding: 0;
 }
 

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

@@ -74,16 +74,12 @@
 /**
  * Reset the WP Admin page styles for Gutenberg-like pages.
  */
-.wp-block-video {
-  margin: 0 0 1em 0;
-}
 .wp-block-video video {
   width: 100%;
 }
 @supports (position: sticky) {
   .wp-block-video [poster] {
-    -o-object-fit: cover;
-       object-fit: cover;
+    object-fit: cover;
   }
 }
 .wp-block-video.aligncenter {

package/build-style/video/style.css

@@ -74,16 +74,12 @@
 /**
  * Reset the WP Admin page styles for Gutenberg-like pages.
  */
-.wp-block-video {
-  margin: 0 0 1em 0;
-}
 .wp-block-video video {
   width: 100%;
 }
 @supports (position: sticky) {
   .wp-block-video [poster] {
-    -o-object-fit: cover;
-       object-fit: cover;
+    object-fit: cover;
   }
 }
 .wp-block-video.aligncenter {

package/build-types/table-of-contents/list.d.ts

@@ -0,0 +1,12 @@
+/**
+ * WordPress dependencies
+ */
+import type { WPElement } from '@wordpress/element';
+/**
+ * Internal dependencies
+ */
+import type { NestedHeadingData } from './utils';
+export default function TableOfContentsList({ nestedHeadingList, }: {
+    nestedHeadingList: NestedHeadingData[];
+}): WPElement;
+//# sourceMappingURL=list.d.ts.map

package/build-types/table-of-contents/list.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"list.d.ts","sourceRoot":"","sources":["../../src/table-of-contents/list.tsx"],"names":[],"mappings":"AAAA;;GAEG;AACH,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,oBAAoB,CAAC;AAEpD;;GAEG;AACH,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,SAAS,CAAC;AAIjD,MAAM,CAAC,OAAO,UAAU,mBAAmB,CAAE,EAC5C,iBAAiB,GACjB,EAAE;IACF,iBAAiB,EAAE,iBAAiB,EAAE,CAAC;CACvC,GAAI,SAAS,CA6Bb"}

package/build-types/table-of-contents/utils.d.ts

@@ -0,0 +1,24 @@
+export interface HeadingData {
+    /** The plain text content of the heading. */
+    content: string;
+    /** The heading level. */
+    level: number;
+    /** Link to the heading. */
+    link: string;
+}
+export interface NestedHeadingData {
+    /** The heading content, level, and link. */
+    heading: HeadingData;
+    /** The sub-headings of this heading, if any. */
+    children: NestedHeadingData[] | null;
+}
+/**
+ * Takes a flat list of heading parameters and nests them based on each header's
+ * immediate parent's level.
+ *
+ * @param  headingList The flat list of headings to nest.
+ *
+ * @return The nested list of headings.
+ */
+export declare function linearToNestedHeadingList(headingList: HeadingData[]): NestedHeadingData[];
+//# sourceMappingURL=utils.d.ts.map

package/build-types/table-of-contents/utils.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../src/table-of-contents/utils.ts"],"names":[],"mappings":"AAAA,MAAM,WAAW,WAAW;IAC3B,6CAA6C;IAC7C,OAAO,EAAE,MAAM,CAAC;IAChB,yBAAyB;IACzB,KAAK,EAAE,MAAM,CAAC;IACd,2BAA2B;IAC3B,IAAI,EAAE,MAAM,CAAC;CACb;AAED,MAAM,WAAW,iBAAiB;IACjC,4CAA4C;IAC5C,OAAO,EAAE,WAAW,CAAC;IACrB,gDAAgD;IAChD,QAAQ,EAAE,iBAAiB,EAAE,GAAG,IAAI,CAAC;CACrC;AAED;;;;;;;GAOG;AACH,wBAAgB,yBAAyB,CACxC,WAAW,EAAE,WAAW,EAAE,GACxB,iBAAiB,EAAE,CA4CrB"}

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@wordpress/block-library",
-	"version": "7.5.0",
+	"version": "7.8.0",
 	"description": "Block library for the WordPress editor.",
 	"author": "The WordPress Contributors",
 	"license": "GPL-2.0-or-later",
@@ -29,43 +29,45 @@
 		"src/**/*.scss",
 		"src/navigation-link/index.js",
 		"src/template-part/index.js",
-		"src/query/index.js"
+		"src/query/index.js",
+		"src/post-terms/index.js"
 	],
 	"dependencies": {
 		"@babel/runtime": "^7.16.0",
-		"@wordpress/a11y": "^3.8.0",
-		"@wordpress/api-fetch": "^6.5.0",
-		"@wordpress/autop": "^3.8.0",
-		"@wordpress/blob": "^3.8.0",
-		"@wordpress/block-editor": "^9.0.0",
-		"@wordpress/blocks": "^11.7.0",
-		"@wordpress/components": "^19.10.0",
-		"@wordpress/compose": "^5.6.0",
-		"@wordpress/core-data": "^4.6.0",
-		"@wordpress/data": "^6.8.0",
-		"@wordpress/date": "^4.8.0",
-		"@wordpress/deprecated": "^3.8.0",
-		"@wordpress/dom": "^3.8.0",
-		"@wordpress/element": "^4.6.0",
-		"@wordpress/hooks": "^3.8.0",
-		"@wordpress/html-entities": "^3.8.0",
-		"@wordpress/i18n": "^4.8.0",
-		"@wordpress/icons": "^8.4.0",
-		"@wordpress/keycodes": "^3.8.0",
-		"@wordpress/notices": "^3.8.0",
-		"@wordpress/primitives": "^3.6.0",
-		"@wordpress/reusable-blocks": "^3.6.0",
-		"@wordpress/rich-text": "^5.6.0",
-		"@wordpress/server-side-render": "^3.6.0",
-		"@wordpress/url": "^3.9.0",
-		"@wordpress/viewport": "^4.6.0",
+		"@wordpress/a11y": "^3.11.0",
+		"@wordpress/api-fetch": "^6.8.0",
+		"@wordpress/autop": "^3.11.0",
+		"@wordpress/blob": "^3.11.0",
+		"@wordpress/block-editor": "^9.3.0",
+		"@wordpress/blocks": "^11.10.0",
+		"@wordpress/components": "^19.13.0",
+		"@wordpress/compose": "^5.9.0",
+		"@wordpress/core-data": "^4.9.0",
+		"@wordpress/data": "^6.11.0",
+		"@wordpress/date": "^4.11.0",
+		"@wordpress/deprecated": "^3.11.0",
+		"@wordpress/dom": "^3.11.0",
+		"@wordpress/element": "^4.9.0",
+		"@wordpress/hooks": "^3.11.0",
+		"@wordpress/html-entities": "^3.11.0",
+		"@wordpress/i18n": "^4.11.0",
+		"@wordpress/icons": "^9.2.0",
+		"@wordpress/keycodes": "^3.11.0",
+		"@wordpress/notices": "^3.11.0",
+		"@wordpress/primitives": "^3.9.0",
+		"@wordpress/reusable-blocks": "^3.9.0",
+		"@wordpress/rich-text": "^5.9.0",
+		"@wordpress/server-side-render": "^3.9.0",
+		"@wordpress/url": "^3.12.0",
+		"@wordpress/viewport": "^4.9.0",
 		"classnames": "^2.3.1",
 		"colord": "^2.7.0",
 		"fast-average-color": "4.3.0",
 		"lodash": "^4.17.21",
 		"memize": "^1.1.0",
 		"micromodal": "^0.4.10",
-		"moment": "^2.22.1"
+		"moment": "^2.22.1",
+		"remove-accents": "^0.4.2"
 	},
 	"peerDependencies": {
 		"react": "^17.0.0",
@@ -74,5 +76,5 @@
 	"publishConfig": {
 		"access": "public"
 	},
-	"gitHead": "4631d515033397fcfeda77e5755960253caef9bf"
+	"gitHead": "48d5f37dfb52d2e77c8eeb662f9874cf141b8c6b"
 }

package/src/audio/block.json

@@ -43,7 +43,12 @@
 	},
 	"supports": {
 		"anchor": true,
-		"align": true
+		"align": true,
+		"__experimentalStyle": {
+			"spacing": {
+				"margin": "0 0 1em 0"
+			}
+		}
 	},
 	"editorStyle": "wp-block-audio-editor",
 	"style": "wp-block-audio"

package/src/audio/edit.js

@@ -29,7 +29,7 @@ import { useEffect } from '@wordpress/element';
 import { __, _x } from '@wordpress/i18n';
 import { useSelect } from '@wordpress/data';
 import { audio as icon } from '@wordpress/icons';
-import { createBlock } from '@wordpress/blocks';
+import { createBlock, getDefaultBlockName } from '@wordpress/blocks';
 
 /**
  * Internal dependencies
@@ -208,7 +208,9 @@ function AudioEdit( {
 						}
 						inlineToolbar
 						__unstableOnSplitAtEnd={ () =>
-							insertBlocksAfter( createBlock( 'core/paragraph' ) )
+							insertBlocksAfter(
+								createBlock( getDefaultBlockName() )
+							)
 						}
 					/>
 				) }

package/src/audio/index.js

@@ -20,8 +20,7 @@ export const settings = {
 	icon,
 	example: {
 		attributes: {
-			src:
-				'https://upload.wikimedia.org/wikipedia/commons/d/dd/Armstrong_Small_Step.ogg',
+			src: 'https://upload.wikimedia.org/wikipedia/commons/d/dd/Armstrong_Small_Step.ogg',
 		},
 	},
 	transforms,

package/src/audio/style.scss

@@ -1,6 +1,4 @@
 .wp-block-audio {
-	margin: 0 0 1em 0;
-
 	// Supply caption styles to audio blocks, even if the theme hasn't opted in.
 	// Reason being: the new markup, <figcaptions>, are not likely to be styled in the majority of existing themes,
 	// so we supply the styles so as to not appear broken or unstyled in those themes.

package/src/avatar/block.json

@@ -22,7 +22,6 @@
 			"type": "string",
 			"default": "_self"
 		}
-
 	},
 	"usesContext": [ "postType", "postId", "commentId" ],
 	"supports": {

package/src/avatar/hooks.js

@@ -76,12 +76,15 @@ export function useUserAvatar( { userId, postId, postType } ) {
 		},
 		[ postType, postId, userId ]
 	);
-	const avatarUrls = authorDetails
-		? Object.values( authorDetails.avatar_urls )
-		: null;
-	const sizes = authorDetails
-		? Object.keys( authorDetails.avatar_urls )
-		: null;
+
+	const avatarUrls =
+		authorDetails && authorDetails?.avatar_urls
+			? Object.values( authorDetails.avatar_urls )
+			: null;
+	const sizes =
+		authorDetails && authorDetails?.avatar_urls
+			? Object.keys( authorDetails.avatar_urls )
+			: null;
 	const { minSize, maxSize } = getAvatarSizes( sizes );
 	const defaultAvatar = useDefaultAvatar();
 	return {

package/src/avatar/index.php

@@ -105,11 +105,11 @@ function render_block_core_avatar( $attributes, $content, $block ) {
 		return sprintf( '<div %1s>%2s</div>', $wrapper_attributes, $avatar_block );
 	}
 	$comment = get_comment( $block->context['commentId'] );
-	/* translators: %s is the Comment Author name */
-	$alt = sprintf( __( '%s Avatar' ), $comment->comment_author );
 	if ( ! $comment ) {
 		return '';
 	}
+	/* translators: %s is the Comment Author name */
+	$alt          = sprintf( __( '%s Avatar' ), $comment->comment_author );
 	$avatar_block = get_avatar(
 		$comment,
 		$size,