@wordpress/block-library 9.1.0 → 9.2.0

package/build-style/media-text/style.css

@@ -148,6 +148,10 @@
   /*!rtl:end:ignore*/
 }
 
+.wp-block-media-text__media a {
+  display: inline-block;
+}
+
 .wp-block-media-text__media img,
 .wp-block-media-text__media video {
   height: auto;

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

@@ -284,6 +284,7 @@ button.wp-block-navigation-item__content {
   color: currentColor;
   font-size: inherit;
   font-family: inherit;
+  letter-spacing: inherit;
   line-height: inherit;
   font-style: inherit;
   font-weight: inherit;

package/build-style/navigation/style.css

@@ -284,6 +284,7 @@ button.wp-block-navigation-item__content {
   color: currentColor;
   font-size: inherit;
   font-family: inherit;
+  letter-spacing: inherit;
   line-height: inherit;
   font-style: inherit;
   font-weight: inherit;

package/build-style/reset-rtl.css

@@ -92,11 +92,7 @@
 * These are only output in the editor, but styles here are prefixed .editor-styles-wrapper and affect the theming
 * of the editor by themes.
 */
-:where(.editor-styles-wrapper) {
-  /**
-  * The following styles revert to the browser defaults overriding the WPAdmin styles.
-  * This is only needed while the block editor is not being loaded in an iframe.
-  */
+html :where(.editor-styles-wrapper) {
   font-family: serif;
   font-size: initial;
   line-height: initial;

package/build-style/reset.css

@@ -92,11 +92,7 @@
 * These are only output in the editor, but styles here are prefixed .editor-styles-wrapper and affect the theming
 * of the editor by themes.
 */
-:where(.editor-styles-wrapper) {
-  /**
-  * The following styles revert to the browser defaults overriding the WPAdmin styles.
-  * This is only needed while the block editor is not being loaded in an iframe.
-  */
+html :where(.editor-styles-wrapper) {
   font-family: serif;
   font-size: initial;
   line-height: initial;

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

@@ -126,8 +126,7 @@
   min-width: 3rem;
   border: 1px solid #949494;
   text-decoration: unset !important;
-  -webkit-appearance: initial;
-          appearance: initial;
+  appearance: initial;
 }
 
 .wp-block-search.wp-block-search__button-only .wp-block-search__button {

package/build-style/search/style.css

@@ -126,8 +126,7 @@
   min-width: 3rem;
   border: 1px solid #949494;
   text-decoration: unset !important;
-  -webkit-appearance: initial;
-          appearance: initial;
+  appearance: initial;
 }
 
 .wp-block-search.wp-block-search__button-only .wp-block-search__button {

package/build-style/style-rtl.css

@@ -109,7 +109,7 @@
 .wp-block-audio {
   box-sizing: border-box;
 }
-.wp-block-audio figcaption {
+.wp-block-audio :where(figcaption) {
   margin-top: 0.5em;
   margin-bottom: 1em;
 }
@@ -1010,7 +1010,7 @@ section.wp-block-cover-image > h2,
 .wp-block-embed {
   overflow-wrap: break-word;
 }
-.wp-block-embed figcaption {
+.wp-block-embed :where(figcaption) {
   margin-top: 0.5em;
   margin-bottom: 1em;
 }
@@ -1521,6 +1521,9 @@ h6.has-text-align-left[style*=writing-mode]:where([style*="vertical-lr"]) {
   rotate: 180deg;
 }
 
+.wp-block-image a {
+  display: inline-block;
+}
 .wp-block-image img {
   height: auto;
   max-width: 100%;
@@ -1537,6 +1540,9 @@ h6.has-text-align-left[style*=writing-mode]:where([style*="vertical-lr"]) {
 .wp-block-image.aligncenter {
   text-align: center;
 }
+.wp-block-image.alignfull a, .wp-block-image.alignwide a {
+  width: 100%;
+}
 .wp-block-image.alignfull img, .wp-block-image.alignwide img {
   height: auto;
   width: 100%;
@@ -1572,7 +1578,7 @@ h6.has-text-align-left[style*=writing-mode]:where([style*="vertical-lr"]) {
   margin-right: auto;
   margin-left: auto;
 }
-.wp-block-image figcaption {
+.wp-block-image :where(figcaption) {
   margin-top: 0.5em;
   margin-bottom: 1em;
 }
@@ -2027,6 +2033,10 @@ ul {
   grid-row: 1;
 }
 
+.wp-block-media-text__media a {
+  display: inline-block;
+}
+
 .wp-block-media-text__media img,
 .wp-block-media-text__media video {
   height: auto;
@@ -2275,6 +2285,7 @@ button.wp-block-navigation-item__content {
   color: currentColor;
   font-size: inherit;
   font-family: inherit;
+  letter-spacing: inherit;
   line-height: inherit;
   font-style: inherit;
   font-weight: inherit;
@@ -3195,8 +3206,7 @@ ul.wp-block-rss.is-grid li {
   min-width: 3rem;
   border: 1px solid #949494;
   text-decoration: unset !important;
-  -webkit-appearance: initial;
-          appearance: initial;
+  appearance: initial;
 }
 
 .wp-block-search.wp-block-search__button-only .wp-block-search__button {
@@ -3978,7 +3988,7 @@ pre.wp-block-verse {
 .wp-block-video.aligncenter {
   text-align: center;
 }
-.wp-block-video figcaption {
+.wp-block-video :where(figcaption) {
   margin-top: 0.5em;
   margin-bottom: 1em;
 }
@@ -4105,7 +4115,6 @@ a[data-fn].fn::after {
 .screen-reader-text {
   border: 0;
   clip: rect(1px, 1px, 1px, 1px);
-  -webkit-clip-path: inset(50%);
   clip-path: inset(50%);
   height: 1px;
   margin: -1px;
@@ -4119,8 +4128,7 @@ a[data-fn].fn::after {
 .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/style.css

@@ -109,7 +109,7 @@
 .wp-block-audio {
   box-sizing: border-box;
 }
-.wp-block-audio figcaption {
+.wp-block-audio :where(figcaption) {
   margin-top: 0.5em;
   margin-bottom: 1em;
 }
@@ -1017,7 +1017,7 @@ section.wp-block-cover-image > h2,
 .wp-block-embed {
   overflow-wrap: break-word;
 }
-.wp-block-embed figcaption {
+.wp-block-embed :where(figcaption) {
   margin-top: 0.5em;
   margin-bottom: 1em;
 }
@@ -1529,6 +1529,9 @@ h6.has-text-align-left[style*=writing-mode]:where([style*="vertical-lr"]) {
   rotate: 180deg;
 }
 
+.wp-block-image a {
+  display: inline-block;
+}
 .wp-block-image img {
   height: auto;
   max-width: 100%;
@@ -1545,6 +1548,9 @@ h6.has-text-align-left[style*=writing-mode]:where([style*="vertical-lr"]) {
 .wp-block-image.aligncenter {
   text-align: center;
 }
+.wp-block-image.alignfull a, .wp-block-image.alignwide a {
+  width: 100%;
+}
 .wp-block-image.alignfull img, .wp-block-image.alignwide img {
   height: auto;
   width: 100%;
@@ -1586,7 +1592,7 @@ h6.has-text-align-left[style*=writing-mode]:where([style*="vertical-lr"]) {
   margin-left: auto;
   margin-right: auto;
 }
-.wp-block-image figcaption {
+.wp-block-image :where(figcaption) {
   margin-top: 0.5em;
   margin-bottom: 1em;
 }
@@ -2057,6 +2063,10 @@ ul {
   /*!rtl:end:ignore*/
 }
 
+.wp-block-media-text__media a {
+  display: inline-block;
+}
+
 .wp-block-media-text__media img,
 .wp-block-media-text__media video {
   height: auto;
@@ -2305,6 +2315,7 @@ button.wp-block-navigation-item__content {
   color: currentColor;
   font-size: inherit;
   font-family: inherit;
+  letter-spacing: inherit;
   line-height: inherit;
   font-style: inherit;
   font-weight: inherit;
@@ -3229,8 +3240,7 @@ ul.wp-block-rss.is-grid li {
   min-width: 3rem;
   border: 1px solid #949494;
   text-decoration: unset !important;
-  -webkit-appearance: initial;
-          appearance: initial;
+  appearance: initial;
 }
 
 .wp-block-search.wp-block-search__button-only .wp-block-search__button {
@@ -4013,7 +4023,7 @@ pre.wp-block-verse {
 .wp-block-video.aligncenter {
   text-align: center;
 }
-.wp-block-video figcaption {
+.wp-block-video :where(figcaption) {
   margin-top: 0.5em;
   margin-bottom: 1em;
 }
@@ -4142,7 +4152,6 @@ a[data-fn].fn::after {
 .screen-reader-text {
   border: 0;
   clip: rect(1px, 1px, 1px, 1px);
-  -webkit-clip-path: inset(50%);
   clip-path: inset(50%);
   height: 1px;
   margin: -1px;
@@ -4156,8 +4165,7 @@ a[data-fn].fn::after {
 .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/theme-rtl.css

@@ -93,11 +93,11 @@
 .wp-block-table th {
   word-break: normal;
 }
-.wp-block-table figcaption {
+.wp-block-table :where(figcaption) {
   color: #555;
   font-size: 13px;
   text-align: center;
 }
-.is-dark-theme .wp-block-table figcaption {
+.is-dark-theme .wp-block-table :where(figcaption) {
   color: rgba(255, 255, 255, 0.65);
 }

package/build-style/table/theme.css

@@ -93,11 +93,11 @@
 .wp-block-table th {
   word-break: normal;
 }
-.wp-block-table figcaption {
+.wp-block-table :where(figcaption) {
   color: #555;
   font-size: 13px;
   text-align: center;
 }
-.is-dark-theme .wp-block-table figcaption {
+.is-dark-theme .wp-block-table :where(figcaption) {
   color: rgba(255, 255, 255, 0.65);
 }

package/build-style/theme-rtl.css

@@ -86,12 +86,12 @@
 /**
  * Reset the WP Admin page styles for Gutenberg-like pages.
  */
-.wp-block-audio figcaption {
+.wp-block-audio :where(figcaption) {
   color: #555;
   font-size: 13px;
   text-align: center;
 }
-.is-dark-theme .wp-block-audio figcaption {
+.is-dark-theme .wp-block-audio :where(figcaption) {
   color: rgba(255, 255, 255, 0.65);
 }
 
@@ -106,12 +106,12 @@
   padding: 0.8em 1em;
 }
 
-.wp-block-embed figcaption {
+.wp-block-embed :where(figcaption) {
   color: #555;
   font-size: 13px;
   text-align: center;
 }
-.is-dark-theme .wp-block-embed figcaption {
+.is-dark-theme .wp-block-embed :where(figcaption) {
   color: rgba(255, 255, 255, 0.65);
 }
 
@@ -225,21 +225,21 @@
 .wp-block-table th {
   word-break: normal;
 }
-.wp-block-table figcaption {
+.wp-block-table :where(figcaption) {
   color: #555;
   font-size: 13px;
   text-align: center;
 }
-.is-dark-theme .wp-block-table figcaption {
+.is-dark-theme .wp-block-table :where(figcaption) {
   color: rgba(255, 255, 255, 0.65);
 }
 
-.wp-block-video figcaption {
+.wp-block-video :where(figcaption) {
   color: #555;
   font-size: 13px;
   text-align: center;
 }
-.is-dark-theme .wp-block-video figcaption {
+.is-dark-theme .wp-block-video :where(figcaption) {
   color: rgba(255, 255, 255, 0.65);
 }
 

package/build-style/theme.css

@@ -86,12 +86,12 @@
 /**
  * Reset the WP Admin page styles for Gutenberg-like pages.
  */
-.wp-block-audio figcaption {
+.wp-block-audio :where(figcaption) {
   color: #555;
   font-size: 13px;
   text-align: center;
 }
-.is-dark-theme .wp-block-audio figcaption {
+.is-dark-theme .wp-block-audio :where(figcaption) {
   color: rgba(255, 255, 255, 0.65);
 }
 
@@ -106,12 +106,12 @@
   padding: 0.8em 1em;
 }
 
-.wp-block-embed figcaption {
+.wp-block-embed :where(figcaption) {
   color: #555;
   font-size: 13px;
   text-align: center;
 }
-.is-dark-theme .wp-block-embed figcaption {
+.is-dark-theme .wp-block-embed :where(figcaption) {
   color: rgba(255, 255, 255, 0.65);
 }
 
@@ -225,21 +225,21 @@
 .wp-block-table th {
   word-break: normal;
 }
-.wp-block-table figcaption {
+.wp-block-table :where(figcaption) {
   color: #555;
   font-size: 13px;
   text-align: center;
 }
-.is-dark-theme .wp-block-table figcaption {
+.is-dark-theme .wp-block-table :where(figcaption) {
   color: rgba(255, 255, 255, 0.65);
 }
 
-.wp-block-video figcaption {
+.wp-block-video :where(figcaption) {
   color: #555;
   font-size: 13px;
   text-align: center;
 }
-.is-dark-theme .wp-block-video figcaption {
+.is-dark-theme .wp-block-video :where(figcaption) {
   color: rgba(255, 255, 255, 0.65);
 }
 

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

@@ -101,7 +101,7 @@
 .wp-block-video.aligncenter {
   text-align: center;
 }
-.wp-block-video figcaption {
+.wp-block-video :where(figcaption) {
   margin-top: 0.5em;
   margin-bottom: 1em;
 }

package/build-style/video/style.css

@@ -101,7 +101,7 @@
 .wp-block-video.aligncenter {
   text-align: center;
 }
-.wp-block-video figcaption {
+.wp-block-video :where(figcaption) {
   margin-top: 0.5em;
   margin-bottom: 1em;
 }

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

@@ -86,12 +86,12 @@
 /**
  * Reset the WP Admin page styles for Gutenberg-like pages.
  */
-.wp-block-video figcaption {
+.wp-block-video :where(figcaption) {
   color: #555;
   font-size: 13px;
   text-align: center;
 }
-.is-dark-theme .wp-block-video figcaption {
+.is-dark-theme .wp-block-video :where(figcaption) {
   color: rgba(255, 255, 255, 0.65);
 }
 

package/build-style/video/theme.css

@@ -86,12 +86,12 @@
 /**
  * Reset the WP Admin page styles for Gutenberg-like pages.
  */
-.wp-block-video figcaption {
+.wp-block-video :where(figcaption) {
   color: #555;
   font-size: 13px;
   text-align: center;
 }
-.is-dark-theme .wp-block-video figcaption {
+.is-dark-theme .wp-block-video :where(figcaption) {
   color: rgba(255, 255, 255, 0.65);
 }
 

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@wordpress/block-library",
-	"version": "9.1.0",
+	"version": "9.2.0",
 	"description": "Block library for the WordPress editor.",
 	"author": "The WordPress Contributors",
 	"license": "GPL-2.0-or-later",
@@ -32,39 +32,39 @@
 	],
 	"dependencies": {
 		"@babel/runtime": "^7.16.0",
-		"@wordpress/a11y": "^4.1.0",
-		"@wordpress/api-fetch": "^7.1.0",
-		"@wordpress/autop": "^4.1.0",
-		"@wordpress/blob": "^4.1.0",
-		"@wordpress/block-editor": "^13.1.0",
-		"@wordpress/blocks": "^13.1.0",
-		"@wordpress/components": "^28.1.0",
-		"@wordpress/compose": "^7.1.0",
-		"@wordpress/core-data": "^7.1.0",
-		"@wordpress/data": "^10.1.0",
-		"@wordpress/date": "^5.1.0",
-		"@wordpress/deprecated": "^4.1.0",
-		"@wordpress/dom": "^4.1.0",
-		"@wordpress/element": "^6.1.0",
-		"@wordpress/escape-html": "^3.1.0",
-		"@wordpress/hooks": "^4.1.0",
-		"@wordpress/html-entities": "^4.1.0",
-		"@wordpress/i18n": "^5.1.0",
-		"@wordpress/icons": "^10.1.0",
-		"@wordpress/interactivity": "^6.1.0",
-		"@wordpress/interactivity-router": "^2.1.0",
-		"@wordpress/keyboard-shortcuts": "^5.1.0",
-		"@wordpress/keycodes": "^4.1.0",
-		"@wordpress/notices": "^5.1.0",
-		"@wordpress/patterns": "^2.1.0",
-		"@wordpress/primitives": "^4.1.0",
-		"@wordpress/private-apis": "^1.1.0",
-		"@wordpress/reusable-blocks": "^5.1.0",
-		"@wordpress/rich-text": "^7.1.0",
-		"@wordpress/server-side-render": "^5.1.0",
-		"@wordpress/url": "^4.1.0",
-		"@wordpress/viewport": "^6.1.0",
-		"@wordpress/wordcount": "^4.1.0",
+		"@wordpress/a11y": "^4.2.0",
+		"@wordpress/api-fetch": "^7.2.0",
+		"@wordpress/autop": "^4.2.0",
+		"@wordpress/blob": "^4.2.0",
+		"@wordpress/block-editor": "^13.2.0",
+		"@wordpress/blocks": "^13.2.0",
+		"@wordpress/components": "^28.2.0",
+		"@wordpress/compose": "^7.2.0",
+		"@wordpress/core-data": "^7.2.0",
+		"@wordpress/data": "^10.2.0",
+		"@wordpress/date": "^5.2.0",
+		"@wordpress/deprecated": "^4.2.0",
+		"@wordpress/dom": "^4.2.0",
+		"@wordpress/element": "^6.2.0",
+		"@wordpress/escape-html": "^3.2.0",
+		"@wordpress/hooks": "^4.2.0",
+		"@wordpress/html-entities": "^4.2.0",
+		"@wordpress/i18n": "^5.2.0",
+		"@wordpress/icons": "^10.2.0",
+		"@wordpress/interactivity": "^6.2.0",
+		"@wordpress/interactivity-router": "^2.2.0",
+		"@wordpress/keyboard-shortcuts": "^5.2.0",
+		"@wordpress/keycodes": "^4.2.0",
+		"@wordpress/notices": "^5.2.0",
+		"@wordpress/patterns": "^2.2.0",
+		"@wordpress/primitives": "^4.2.0",
+		"@wordpress/private-apis": "^1.2.0",
+		"@wordpress/reusable-blocks": "^5.2.0",
+		"@wordpress/rich-text": "^7.2.0",
+		"@wordpress/server-side-render": "^5.2.0",
+		"@wordpress/url": "^4.2.0",
+		"@wordpress/viewport": "^6.2.0",
+		"@wordpress/wordcount": "^4.2.0",
 		"change-case": "^4.1.2",
 		"clsx": "^2.1.1",
 		"colord": "^2.7.0",
@@ -82,5 +82,5 @@
 	"publishConfig": {
 		"access": "public"
 	},
-	"gitHead": "66d3bf12e67d16deddc4b4a9ec42e1d0bed3479a"
+	"gitHead": "aa5b14bb5bdbb8d8a02914e154c3bc1c2f18ace6"
 }

package/src/audio/style.scss

@@ -4,7 +4,7 @@
 	// 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.
-	figcaption {
+	:where(figcaption) {
 		@include caption-style();
 	}
 

package/src/audio/theme.scss

@@ -1,4 +1,4 @@
-.wp-block-audio figcaption {
+.wp-block-audio :where(figcaption) {
 	@include caption-style-theme();
 }
 

package/src/button/block.json

@@ -93,6 +93,7 @@
 			"__experimentalTextTransform": true,
 			"__experimentalTextDecoration": true,
 			"__experimentalLetterSpacing": true,
+			"__experimentalWritingMode": true,
 			"__experimentalDefaultControls": {
 				"fontSize": true
 			}

package/src/embed/style.scss

@@ -25,7 +25,7 @@
 	// Supply caption styles to embeds, 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.
-	figcaption {
+	:where(figcaption) {
 		@include caption-style();
 	}
 

package/src/embed/theme.scss

@@ -1,4 +1,4 @@
-.wp-block-embed figcaption {
+.wp-block-embed :where(figcaption) {
 	@include caption-style-theme();
 }
 

package/src/image/editor.scss

@@ -176,19 +176,6 @@ figure.wp-block-image:not(.wp-block) {
 	}
 }
 
-.wp-block-image__aspect-ratio {
-	height: $grid-unit-60 - $border-width - $border-width;
-	margin-bottom: -$grid-unit-10;
-	display: flex;
-	align-items: center;
-
-	.components-button {
-		width: $button-size;
-		padding-left: 0;
-		padding-right: 0;
-	}
-}
-
 .wp-block-image__toolbar_content_textarea {
 	// Corresponds to the size of the textarea in the block inspector.
 	width: 250px;

package/src/image/image.js

@@ -426,6 +426,9 @@ export default function Image( {
 		</InspectorControls>
 	);
 
+	const arePatternOverridesEnabled =
+		metadata?.bindings?.__default?.source === 'core/pattern-overrides';
+
 	const {
 		lockUrlControls = false,
 		lockHrefControls = false,
@@ -470,7 +473,7 @@ export default function Image( {
 				lockHrefControls:
 					// Disable editing the link of the URL if the image is inside a pattern instance.
 					// This is a temporary solution until we support overriding the link on the frontend.
-					hasParentPattern,
+					hasParentPattern || arePatternOverridesEnabled,
 				lockCaption:
 					// Disable editing the caption if the image is inside a pattern instance.
 					// This is a temporary solution until we support overriding the caption on the frontend.
@@ -971,7 +974,11 @@ export default function Image( {
 				isSelected={ isSingleSelected }
 				insertBlocksAfter={ insertBlocksAfter }
 				label={ __( 'Image caption text' ) }
-				showToolbarButton={ isSingleSelected && hasNonContentControls }
+				showToolbarButton={
+					isSingleSelected &&
+					hasNonContentControls &&
+					! arePatternOverridesEnabled
+				}
 				readOnly={ lockCaption }
 			/>
 		</>