@wordpress/block-library 7.12.2-next.d6164808d3.0 → 7.14.0

package/build-style/style.css

@@ -79,6 +79,9 @@
   display: block;
 }
 
+.wp-block-avatar {
+  box-sizing: border-box;
+}
 .wp-block-avatar.aligncenter {
   text-align: center;
 }
@@ -96,16 +99,12 @@
 }
 
 .wp-block-button__link {
-  box-shadow: none;
   cursor: pointer;
   display: inline-block;
   text-align: center;
   word-break: break-word;
   box-sizing: border-box;
 }
-.wp-block-button__link:hover, .wp-block-button__link:focus, .wp-block-button__link:active, .wp-block-button__link:visited {
-  color: #fff;
-}
 .wp-block-button__link.aligncenter {
   text-align: center;
 }
@@ -115,11 +114,16 @@
 }
 
 :where(.wp-block-button__link) {
+  box-shadow: none;
   text-decoration: none;
   border-radius: 9999px;
   padding: calc(0.667em + 2px) calc(1.333em + 2px);
 }
 
+.wp-block-button[style*=text-decoration] .wp-block-button__link {
+  text-decoration: inherit;
+}
+
 .wp-block-buttons > .wp-block-button.has-custom-width {
   max-width: none;
 }
@@ -225,6 +229,13 @@
   margin-right: auto;
   width: 100%;
 }
+.wp-block-buttons[style*=text-decoration] .wp-block-button,
+.wp-block-buttons[style*=text-decoration] .wp-block-button__link {
+  text-decoration: inherit;
+}
+.wp-block-buttons.has-custom-font-size .wp-block-button__link {
+  font-size: inherit;
+}
 
 .wp-block-button.aligncenter {
   text-align: center;
@@ -257,6 +268,9 @@
   color: #40464d;
 }
 
+.wp-block-categories {
+  box-sizing: border-box;
+}
 .wp-block-categories.alignleft {
   /*rtl:ignore*/
   margin-right: 2em;
@@ -529,6 +543,7 @@
   align-items: center;
   padding: 1em;
   box-sizing: border-box;
+  /*rtl:raw: direction: ltr; */
   /**
    * Set a default background color for has-background-dim _unless_ it includes another
    * background-color class (e.g. has-green-background-color). The presence of another
@@ -745,6 +760,7 @@
   width: 100%;
   z-index: 1;
   color: #fff;
+  /*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 {
@@ -1634,6 +1650,7 @@ ul.has-background {
   display: grid;
   grid-template-columns: 50% 1fr;
   grid-template-rows: auto;
+  box-sizing: border-box;
 }
 .wp-block-media-text.has-media-on-the-right {
   grid-template-columns: 1fr 50%;
@@ -1957,7 +1974,6 @@ button.wp-block-navigation-item__content {
 .wp-block-navigation__responsive-container,
 .wp-block-navigation__responsive-close,
 .wp-block-navigation__responsive-dialog,
-.wp-block-navigation,
 .wp-block-navigation .wp-block-page-list,
 .wp-block-navigation__container,
 .wp-block-navigation__responsive-container-content {
@@ -2032,6 +2048,16 @@ button.wp-block-navigation-item__content {
 /**
  * Mobile menu.
  */
+@keyframes overlay-menu__fade-in-animation {
+  from {
+    opacity: 0;
+    transform: translateY(0.5em);
+  }
+  to {
+    opacity: 1;
+    transform: translateY(0);
+  }
+}
 .wp-block-navigation__responsive-container {
   display: none;
   position: fixed;
@@ -2058,10 +2084,21 @@ button.wp-block-navigation-item__content {
   display: flex;
   flex-direction: column;
   background-color: inherit;
-  padding: 2rem;
+  animation: overlay-menu__fade-in-animation 0.1s ease-out;
+  animation-fill-mode: forwards;
+  padding-top: var(--wp--style--root--padding-top, 2rem);
+  padding-right: var(--wp--style--root--padding-right, 2rem);
+  padding-bottom: var(--wp--style--root--padding-bottom, 2rem);
+  padding-left: var(--wp--style--root--padding-left, 2rem);
   overflow: auto;
   z-index: 100000;
 }
+@media (prefers-reduced-motion: reduce) {
+  .wp-block-navigation__responsive-container.is-menu-open {
+    animation-duration: 1ms;
+    animation-delay: 0s;
+  }
+}
 .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content {
   padding-top: calc(2rem + 24px);
   overflow: visible;
@@ -2153,6 +2190,7 @@ button.wp-block-navigation-item__content {
   border: none;
   margin: 0;
   padding: 0;
+  text-transform: inherit;
 }
 .wp-block-navigation__responsive-container-open svg,
 .wp-block-navigation__responsive-container-close svg {
@@ -2181,6 +2219,9 @@ button.wp-block-navigation-item__content {
 
 .wp-block-navigation__responsive-close {
   width: 100%;
+  max-width: var(--wp--style--global--wide-size, 100%);
+  margin-left: auto;
+  margin-right: auto;
 }
 .wp-block-navigation__responsive-close:focus {
   outline: none;
@@ -2196,11 +2237,11 @@ button.wp-block-navigation-item__content {
   position: relative;
 }
 
-.has-modal-open .admin-bar .wp-block-navigation__responsive-dialog {
+.has-modal-open .admin-bar .is-menu-open .wp-block-navigation__responsive-dialog {
   margin-top: 46px;
 }
 @media (min-width: 782px) {
-  .has-modal-open .admin-bar .wp-block-navigation__responsive-dialog {
+  .has-modal-open .admin-bar .is-menu-open .wp-block-navigation__responsive-dialog {
     margin-top: 32px;
   }
 }
@@ -2379,6 +2420,51 @@ p.has-background {
 .wp-block-post-featured-image.alignwide img, .wp-block-post-featured-image.alignfull img {
   width: 100%;
 }
+.wp-block-post-featured-image .wp-block-post-featured-image__overlay.has-background-dim {
+  position: absolute;
+  inset: 0;
+  background-color: #000;
+}
+.wp-block-post-featured-image {
+  position: relative;
+}
+
+.wp-block-post-featured-image .wp-block-post-featured-image__overlay.has-background-gradient {
+  background-color: transparent;
+}
+.wp-block-post-featured-image .wp-block-post-featured-image__overlay.has-background-dim-0 {
+  opacity: 0;
+}
+.wp-block-post-featured-image .wp-block-post-featured-image__overlay.has-background-dim-10 {
+  opacity: 0.1;
+}
+.wp-block-post-featured-image .wp-block-post-featured-image__overlay.has-background-dim-20 {
+  opacity: 0.2;
+}
+.wp-block-post-featured-image .wp-block-post-featured-image__overlay.has-background-dim-30 {
+  opacity: 0.3;
+}
+.wp-block-post-featured-image .wp-block-post-featured-image__overlay.has-background-dim-40 {
+  opacity: 0.4;
+}
+.wp-block-post-featured-image .wp-block-post-featured-image__overlay.has-background-dim-50 {
+  opacity: 0.5;
+}
+.wp-block-post-featured-image .wp-block-post-featured-image__overlay.has-background-dim-60 {
+  opacity: 0.6;
+}
+.wp-block-post-featured-image .wp-block-post-featured-image__overlay.has-background-dim-70 {
+  opacity: 0.7;
+}
+.wp-block-post-featured-image .wp-block-post-featured-image__overlay.has-background-dim-80 {
+  opacity: 0.8;
+}
+.wp-block-post-featured-image .wp-block-post-featured-image__overlay.has-background-dim-90 {
+  opacity: 0.9;
+}
+.wp-block-post-featured-image .wp-block-post-featured-image__overlay.has-background-dim-100 {
+  opacity: 1;
+}
 
 .wp-block-post-terms__separator {
   white-space: pre-wrap;
@@ -2624,6 +2710,7 @@ ul.wp-block-rss.is-grid li {
   min-width: 1.5em;
   min-height: 1.5em;
   fill: currentColor;
+  vertical-align: text-bottom;
 }
 
 :where(.wp-block-search__button) {
@@ -2649,9 +2736,7 @@ ul.wp-block-rss.is-grid li {
   margin-right: 0;
   min-width: 3em;
   border: 1px solid #949494;
-  font-size: inherit;
-  font-family: inherit;
-  line-height: inherit;
+  text-decoration: unset !important;
 }
 
 .wp-block-search.wp-block-search__button-only .wp-block-search__button {
@@ -2681,6 +2766,8 @@ ul.wp-block-rss.is-grid li {
 .wp-block-separator {
   border-top: 1px solid currentColor;
   border-bottom: 1px solid currentColor;
+  border-left: none;
+  border-right: none;
 }
 .wp-block-separator.is-style-dots {
   background: none !important;
@@ -2700,6 +2787,7 @@ ul.wp-block-rss.is-grid li {
 }
 
 .wp-block-site-logo {
+  box-sizing: border-box;
   line-height: 0;
 }
 .wp-block-site-logo a {
@@ -2727,6 +2815,7 @@ ul.wp-block-rss.is-grid li {
 }
 
 .wp-block-social-links {
+  box-sizing: border-box;
   padding-left: 0;
   padding-right: 0;
   text-indent: 0;
@@ -3085,8 +3174,7 @@ ul.wp-block-rss.is-grid li {
   color: #4680c2;
 }
 .wp-block-social-links.is-style-logos-only .wp-social-link-whatsapp {
-  background-color: #25d366;
-  color: #fff;
+  color: #25d366;
 }
 .wp-block-social-links.is-style-logos-only .wp-social-link-wordpress {
   color: #3499cd;
@@ -3503,4 +3591,11 @@ html :where([style*="border-left-width"]) {
 html :where(img[class*="wp-image-"]) {
   height: auto;
   max-width: 100%;
+}
+
+/**
+ * Reset user agent styles for figure element margins.
+ */
+figure {
+  margin: 0 0 1em 0;
 }

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

@@ -74,6 +74,9 @@
 /**
  * Reset the WP Admin page styles for Gutenberg-like pages.
  */
+.wp-block-table {
+  margin: "0 0" 1em 0;
+}
 .wp-block-table thead {
   border-bottom: 3px solid;
 }

package/build-style/table/theme.css

@@ -74,6 +74,9 @@
 /**
  * Reset the WP Admin page styles for Gutenberg-like pages.
  */
+.wp-block-table {
+  margin: "0 0 1em 0";
+}
 .wp-block-table thead {
   border-bottom: 3px solid;
 }

package/build-style/theme-rtl.css

@@ -83,6 +83,10 @@
   color: rgba(255, 255, 255, 0.65);
 }
 
+.wp-block-audio {
+  margin: 0 0 1em 0;
+}
+
 .wp-block-code {
   border: 1px solid #ccc;
   border-radius: 4px;
@@ -99,6 +103,10 @@
   color: rgba(255, 255, 255, 0.65);
 }
 
+.wp-block-embed {
+  margin: 0 0 1em 0;
+}
+
 .blocks-gallery-caption {
   color: #555;
   font-size: 13px;
@@ -117,6 +125,10 @@
   color: rgba(255, 255, 255, 0.65);
 }
 
+.wp-block-image {
+  margin: 0 0 1em 0;
+}
+
 .wp-block-pullquote {
   border-top: 4px solid currentColor;
   border-bottom: 4px solid currentColor;
@@ -194,6 +206,9 @@
   height: 2px;
 }
 
+.wp-block-table {
+  margin: "0 0" 1em 0;
+}
 .wp-block-table thead {
   border-bottom: 3px solid;
 }
@@ -224,6 +239,10 @@
   color: rgba(255, 255, 255, 0.65);
 }
 
+.wp-block-video {
+  margin: 0 0 1em 0;
+}
+
 .wp-block-template-part.has-background {
   padding: 1.25em 2.375em;
   margin-top: 0;

package/build-style/theme.css

@@ -83,6 +83,10 @@
   color: rgba(255, 255, 255, 0.65);
 }
 
+.wp-block-audio {
+  margin: 0 0 1em 0;
+}
+
 .wp-block-code {
   border: 1px solid #ccc;
   border-radius: 4px;
@@ -99,6 +103,10 @@
   color: rgba(255, 255, 255, 0.65);
 }
 
+.wp-block-embed {
+  margin: 0 0 1em 0;
+}
+
 .blocks-gallery-caption {
   color: #555;
   font-size: 13px;
@@ -117,6 +125,10 @@
   color: rgba(255, 255, 255, 0.65);
 }
 
+.wp-block-image {
+  margin: 0 0 1em 0;
+}
+
 .wp-block-pullquote {
   border-top: 4px solid currentColor;
   border-bottom: 4px solid currentColor;
@@ -194,6 +206,9 @@
   height: 2px;
 }
 
+.wp-block-table {
+  margin: "0 0 1em 0";
+}
 .wp-block-table thead {
   border-bottom: 3px solid;
 }
@@ -224,6 +239,10 @@
   color: rgba(255, 255, 255, 0.65);
 }
 
+.wp-block-video {
+  margin: 0 0 1em 0;
+}
+
 .wp-block-template-part.has-background {
   padding: 1.25em 2.375em;
   margin-top: 0;

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

@@ -81,4 +81,8 @@
 }
 .is-dark-theme .wp-block-video figcaption {
   color: rgba(255, 255, 255, 0.65);
+}
+
+.wp-block-video {
+  margin: 0 0 1em 0;
 }

package/build-style/video/theme.css

@@ -81,4 +81,8 @@
 }
 .is-dark-theme .wp-block-video figcaption {
   color: rgba(255, 255, 255, 0.65);
+}
+
+.wp-block-video {
+  margin: 0 0 1em 0;
 }

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@wordpress/block-library",
-	"version": "7.12.2-next.d6164808d3.0",
+	"version": "7.14.0",
 	"description": "Block library for the WordPress editor.",
 	"author": "The WordPress Contributors",
 	"license": "GPL-2.0-or-later",
@@ -27,39 +27,36 @@
 	"sideEffects": [
 		"build-style/**",
 		"src/**/*.scss",
-		"src/navigation-link/index.js",
-		"src/template-part/index.js",
-		"src/query/index.js",
-		"src/post-terms/index.js"
+		"{src,build,build-module}/*/init.js"
 	],
 	"dependencies": {
 		"@babel/runtime": "^7.16.0",
-		"@wordpress/a11y": "^3.15.1-next.d6164808d3.0",
-		"@wordpress/api-fetch": "^6.12.1-next.d6164808d3.0",
-		"@wordpress/autop": "^3.15.1-next.d6164808d3.0",
-		"@wordpress/blob": "^3.15.1-next.d6164808d3.0",
-		"@wordpress/block-editor": "^9.7.1-next.d6164808d3.0",
-		"@wordpress/blocks": "^11.14.1-next.d6164808d3.0",
-		"@wordpress/components": "^20.0.1-next.d6164808d3.0",
-		"@wordpress/compose": "^5.13.1-next.d6164808d3.0",
-		"@wordpress/core-data": "^4.14.1-next.d6164808d3.0",
-		"@wordpress/data": "^7.0.1-next.d6164808d3.0",
-		"@wordpress/date": "^4.15.1-next.d6164808d3.0",
-		"@wordpress/deprecated": "^3.15.1-next.d6164808d3.0",
-		"@wordpress/dom": "^3.15.1-next.d6164808d3.0",
-		"@wordpress/element": "^4.13.1-next.d6164808d3.0",
-		"@wordpress/hooks": "^3.15.1-next.d6164808d3.0",
-		"@wordpress/html-entities": "^3.15.1-next.d6164808d3.0",
-		"@wordpress/i18n": "^4.15.1-next.d6164808d3.0",
-		"@wordpress/icons": "^9.6.1-next.d6164808d3.0",
-		"@wordpress/keycodes": "^3.15.1-next.d6164808d3.0",
-		"@wordpress/notices": "^3.15.1-next.d6164808d3.0",
-		"@wordpress/primitives": "^3.13.1-next.d6164808d3.0",
-		"@wordpress/reusable-blocks": "^3.13.1-next.d6164808d3.0",
-		"@wordpress/rich-text": "^5.13.1-next.d6164808d3.0",
-		"@wordpress/server-side-render": "^3.13.1-next.d6164808d3.0",
-		"@wordpress/url": "^3.16.1-next.d6164808d3.0",
-		"@wordpress/viewport": "^4.13.1-next.d6164808d3.0",
+		"@wordpress/a11y": "^3.17.0",
+		"@wordpress/api-fetch": "^6.14.0",
+		"@wordpress/autop": "^3.17.0",
+		"@wordpress/blob": "^3.17.0",
+		"@wordpress/block-editor": "^10.0.0",
+		"@wordpress/blocks": "^11.16.0",
+		"@wordpress/components": "^21.0.0",
+		"@wordpress/compose": "^5.15.0",
+		"@wordpress/core-data": "^5.0.0",
+		"@wordpress/data": "^7.1.0",
+		"@wordpress/date": "^4.17.0",
+		"@wordpress/deprecated": "^3.17.0",
+		"@wordpress/dom": "^3.17.0",
+		"@wordpress/element": "^4.15.0",
+		"@wordpress/hooks": "^3.17.0",
+		"@wordpress/html-entities": "^3.17.0",
+		"@wordpress/i18n": "^4.17.0",
+		"@wordpress/icons": "^9.8.0",
+		"@wordpress/keycodes": "^3.17.0",
+		"@wordpress/notices": "^3.17.0",
+		"@wordpress/primitives": "^3.15.0",
+		"@wordpress/reusable-blocks": "^3.15.0",
+		"@wordpress/rich-text": "^5.15.0",
+		"@wordpress/server-side-render": "^3.15.0",
+		"@wordpress/url": "^3.18.0",
+		"@wordpress/viewport": "^4.15.0",
 		"change-case": "^4.1.2",
 		"classnames": "^2.3.1",
 		"colord": "^2.7.0",
@@ -76,5 +73,5 @@
 	"publishConfig": {
 		"access": "public"
 	},
-	"gitHead": "ba8a396d2f418e53a6c4c50575582f3f3eb11ff7"
+	"gitHead": "0d732d4b184adcb28cc83087603e81b764390d4b"
 }

package/src/archives/block.json

@@ -30,6 +30,19 @@
 		"spacing": {
 			"margin": true,
 			"padding": true
+		},
+		"typography": {
+			"fontSize": true,
+			"lineHeight": true,
+			"__experimentalFontFamily": true,
+			"__experimentalFontWeight": true,
+			"__experimentalFontStyle": true,
+			"__experimentalTextTransform": true,
+			"__experimentalTextDecoration": true,
+			"__experimentalLetterSpacing": true,
+			"__experimentalDefaultControls": {
+				"fontSize": true
+			}
 		}
 	},
 	"editorStyle": "wp-block-archives-editor"

package/src/archives/index.js

@@ -6,6 +6,7 @@ import { archive as icon } from '@wordpress/icons';
 /**
  * Internal dependencies
  */
+import initBlock from '../utils/init-block';
 import metadata from './block.json';
 import edit from './edit';
 
@@ -18,3 +19,5 @@ export const settings = {
 	example: {},
 	edit,
 };
+
+export const init = () => initBlock( { name, metadata, settings } );

package/src/archives/init.js

@@ -0,0 +1,6 @@
+/**
+ * Internal dependencies
+ */
+import { init } from './';
+
+export default init();

package/src/audio/block.json

@@ -12,15 +12,18 @@
 			"type": "string",
 			"source": "attribute",
 			"selector": "audio",
-			"attribute": "src"
+			"attribute": "src",
+			"__experimentalRole": "content"
 		},
 		"caption": {
 			"type": "string",
 			"source": "html",
-			"selector": "figcaption"
+			"selector": "figcaption",
+			"__experimentalRole": "content"
 		},
 		"id": {
-			"type": "number"
+			"type": "number",
+			"__experimentalRole": "content"
 		},
 		"autoplay": {
 			"type": "boolean",
@@ -44,11 +47,6 @@
 	"supports": {
 		"anchor": true,
 		"align": true,
-		"__experimentalStyle": {
-			"spacing": {
-				"margin": "0 0 1em 0"
-			}
-		},
 		"spacing": {
 			"margin": true,
 			"padding": true

package/src/audio/edit.js

@@ -13,7 +13,6 @@ import {
 	SelectControl,
 	Spinner,
 	ToggleControl,
-	withNotices,
 } from '@wordpress/components';
 import {
 	BlockControls,
@@ -28,9 +27,10 @@ import {
 } from '@wordpress/block-editor';
 import { useEffect } from '@wordpress/element';
 import { __, _x } from '@wordpress/i18n';
-import { useSelect } from '@wordpress/data';
+import { useDispatch, useSelect } from '@wordpress/data';
 import { audio as icon } from '@wordpress/icons';
 import { createBlock, getDefaultBlockName } from '@wordpress/blocks';
+import { store as noticesStore } from '@wordpress/notices';
 
 /**
  * Internal dependencies
@@ -42,11 +42,9 @@ const ALLOWED_MEDIA_TYPES = [ 'audio' ];
 function AudioEdit( {
 	attributes,
 	className,
-	noticeOperations,
 	setAttributes,
 	onReplace,
 	isSelected,
-	noticeUI,
 	insertBlocksAfter,
 } ) {
 	const { id, autoplay, caption, loop, preload, src } = attributes;
@@ -93,9 +91,9 @@ function AudioEdit( {
 		}
 	}
 
+	const { createErrorNotice } = useDispatch( noticesStore );
 	function onUploadError( message ) {
-		noticeOperations.removeAllNotices();
-		noticeOperations.createErrorNotice( message );
+		createErrorNotice( message, { type: 'snackbar' } );
 	}
 
 	function getAutoplayHelp( checked ) {
@@ -134,7 +132,6 @@ function AudioEdit( {
 					accept="audio/*"
 					allowedTypes={ ALLOWED_MEDIA_TYPES }
 					value={ attributes }
-					notices={ noticeUI }
 					onError={ onUploadError }
 				/>
 			</div>
@@ -222,4 +219,5 @@ function AudioEdit( {
 		</>
 	);
 }
-export default withNotices( AudioEdit );
+
+export default AudioEdit;

package/src/audio/index.js

@@ -6,6 +6,7 @@ import { audio as icon } from '@wordpress/icons';
 /**
  * Internal dependencies
  */
+import initBlock from '../utils/init-block';
 import deprecated from './deprecated';
 import edit from './edit';
 import metadata from './block.json';
@@ -28,3 +29,5 @@ export const settings = {
 	edit,
 	save,
 };
+
+export const init = () => initBlock( { name, metadata, settings } );

package/src/audio/init.js

@@ -0,0 +1,6 @@
+/**
+ * Internal dependencies
+ */
+import { init } from './';
+
+export default init();

package/src/audio/theme.scss

@@ -1,3 +1,7 @@
 .wp-block-audio figcaption {
 	@include caption-style-theme();
 }
+
+.wp-block-audio {
+	margin: 0 0 1em 0;
+}

package/src/audio/transforms.native.js

@@ -2,7 +2,7 @@
  * Internal dependencies
  */
 import webTransforms from './transforms.js';
-import transformationCategories from '../transformationCategories';
+import transformationCategories from '../utils/transformation-categories';
 
 const transforms = {
 	...webTransforms,