@wordpress/block-library 8.27.1 → 8.28.0

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

@@ -91,4 +91,26 @@
 }
 .wp-block-navigation .wp-block-navigation-item__description {
   display: none;
+}
+
+.link-ui-tools {
+  border-top: 1px solid #f0f0f0;
+  padding: 8px;
+}
+
+.link-ui-block-inserter {
+  padding-top: 8px;
+}
+
+.link-ui-block-inserter__back {
+  margin-right: 8px;
+  text-transform: uppercase;
+}
+
+.components-popover-pointer-events-trap {
+  z-index: 1000000;
+  position: fixed;
+  inset: 0;
+  background-color: transparent;
+  cursor: pointer;
 }

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

@@ -91,4 +91,26 @@
 }
 .wp-block-navigation .wp-block-navigation-item__description {
   display: none;
+}
+
+.link-ui-tools {
+  border-top: 1px solid #f0f0f0;
+  padding: 8px;
+}
+
+.link-ui-block-inserter {
+  padding-top: 8px;
+}
+
+.link-ui-block-inserter__back {
+  margin-left: 8px;
+  text-transform: uppercase;
+}
+
+.components-popover-pointer-events-trap {
+  z-index: 1000000;
+  position: fixed;
+  inset: 0;
+  background-color: transparent;
+  cursor: pointer;
 }

package/build-style/{query/style.css → post-content/editor-rtl.css}

@@ -86,45 +86,7 @@
 /**
  * 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.03, 0.5, 0, 1) forwards;
-}
-.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-post-content.wp-block-post-content {
+  -webkit-user-select: none;
+          user-select: none;
 }

package/build-style/{query/style-rtl.css → post-content/editor.css}

@@ -86,45 +86,7 @@
 /**
  * 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.03, 0.5, 0, 1) forwards;
-}
-.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-post-content.wp-block-post-content {
+  -webkit-user-select: none;
+          user-select: none;
 }

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

@@ -88,10 +88,10 @@
  * Reset the WP Admin page styles for Gutenberg-like pages.
  */
 .wp-block-separator {
-  border-top: 1px solid currentColor;
-  border-bottom: 1px solid currentColor;
+  border-top: 2px solid currentColor;
   border-right: none;
   border-left: none;
+  border-bottom: none;
 }
 .wp-block-separator.is-style-dots {
   background: none !important;

package/build-style/separator/style.css

@@ -88,10 +88,10 @@
  * Reset the WP Admin page styles for Gutenberg-like pages.
  */
 .wp-block-separator {
-  border-top: 1px solid currentColor;
-  border-bottom: 1px solid currentColor;
+  border-top: 2px solid currentColor;
   border-left: none;
   border-right: none;
+  border-bottom: none;
 }
 .wp-block-separator.is-style-dots {
   background: none !important;

package/build-style/social-links/style-rtl.css

@@ -258,7 +258,7 @@
   color: #fff;
 }
 .wp-block-social-links:not(.is-style-logos-only) .wp-social-link-patreon {
-  background-color: #ff424d;
+  background-color: #000;
   color: #fff;
 }
 .wp-block-social-links:not(.is-style-logos-only) .wp-social-link-pinterest {
@@ -420,7 +420,7 @@
   color: #f6405f;
 }
 .wp-block-social-links.is-style-logos-only .wp-social-link-patreon {
-  color: #ff424d;
+  color: #000;
 }
 .wp-block-social-links.is-style-logos-only .wp-social-link-pinterest {
   color: #e60122;

package/build-style/social-links/style.css

@@ -258,7 +258,7 @@
   color: #fff;
 }
 .wp-block-social-links:not(.is-style-logos-only) .wp-social-link-patreon {
-  background-color: #ff424d;
+  background-color: #000;
   color: #fff;
 }
 .wp-block-social-links:not(.is-style-logos-only) .wp-social-link-pinterest {
@@ -420,7 +420,7 @@
   color: #f6405f;
 }
 .wp-block-social-links.is-style-logos-only .wp-social-link-patreon {
-  color: #ff424d;
+  color: #000;
 }
 .wp-block-social-links.is-style-logos-only .wp-social-link-pinterest {
   color: #e60122;

package/build-style/style-rtl.css

@@ -1811,10 +1811,10 @@ h6.has-text-align-left[style*=writing-mode]:where([style*="vertical-lr"]) {
 .wp-lightbox-overlay.active img {
   animation: both turn-on-visibility 0.35s;
 }
-.wp-lightbox-overlay.hideanimationenabled:not(.active) {
+.wp-lightbox-overlay.show-closing-animation:not(.active) {
   animation: both turn-off-visibility 0.35s;
 }
-.wp-lightbox-overlay.hideanimationenabled:not(.active) img {
+.wp-lightbox-overlay.show-closing-animation:not(.active) img {
   animation: both turn-off-visibility 0.25s;
 }
 @media (prefers-reduced-motion: no-preference) {
@@ -1832,16 +1832,16 @@ h6.has-text-align-left[style*=writing-mode]:where([style*="vertical-lr"]) {
   .wp-lightbox-overlay.zoom.active .scrim {
     animation: turn-on-visibility 0.4s forwards;
   }
-  .wp-lightbox-overlay.zoom.hideanimationenabled:not(.active) {
+  .wp-lightbox-overlay.zoom.show-closing-animation:not(.active) {
     animation: none;
   }
-  .wp-lightbox-overlay.zoom.hideanimationenabled:not(.active) .lightbox-image-container {
+  .wp-lightbox-overlay.zoom.show-closing-animation:not(.active) .lightbox-image-container {
     animation: lightbox-zoom-out 0.4s;
   }
-  .wp-lightbox-overlay.zoom.hideanimationenabled:not(.active) .lightbox-image-container img {
+  .wp-lightbox-overlay.zoom.show-closing-animation:not(.active) .lightbox-image-container img {
     animation: none;
   }
-  .wp-lightbox-overlay.zoom.hideanimationenabled:not(.active) .scrim {
+  .wp-lightbox-overlay.zoom.show-closing-animation:not(.active) .scrim {
     animation: turn-off-visibility 0.4s forwards;
   }
 }
@@ -2681,6 +2681,28 @@ html.has-modal-open {
   display: none;
 }
 
+.link-ui-tools {
+  border-top: 1px solid #f0f0f0;
+  padding: 8px;
+}
+
+.link-ui-block-inserter {
+  padding-top: 8px;
+}
+
+.link-ui-block-inserter__back {
+  margin-right: 8px;
+  text-transform: uppercase;
+}
+
+.components-popover-pointer-events-trap {
+  z-index: 1000000;
+  position: fixed;
+  inset: 0;
+  background-color: transparent;
+  cursor: pointer;
+}
+
 .wp-block-navigation .wp-block-page-list {
   display: flex;
   flex-direction: var(--navigation-layout-direction, initial);
@@ -3318,10 +3340,10 @@ ul.wp-block-rss.is-grid li {
 }
 
 .wp-block-separator {
-  border-top: 1px solid currentColor;
-  border-bottom: 1px solid currentColor;
+  border-top: 2px solid currentColor;
   border-right: none;
   border-left: none;
+  border-bottom: none;
 }
 .wp-block-separator.is-style-dots {
   background: none !important;
@@ -3544,7 +3566,7 @@ ul.wp-block-rss.is-grid li {
   color: #fff;
 }
 .wp-block-social-links:not(.is-style-logos-only) .wp-social-link-patreon {
-  background-color: #ff424d;
+  background-color: #000;
   color: #fff;
 }
 .wp-block-social-links:not(.is-style-logos-only) .wp-social-link-pinterest {
@@ -3706,7 +3728,7 @@ ul.wp-block-rss.is-grid li {
   color: #f6405f;
 }
 .wp-block-social-links.is-style-logos-only .wp-social-link-patreon {
-  color: #ff424d;
+  color: #000;
 }
 .wp-block-social-links.is-style-logos-only .wp-social-link-pinterest {
   color: #e60122;

package/build-style/style.css

@@ -1825,10 +1825,10 @@ h6.has-text-align-left[style*=writing-mode]:where([style*="vertical-lr"]) {
 .wp-lightbox-overlay.active img {
   animation: both turn-on-visibility 0.35s;
 }
-.wp-lightbox-overlay.hideanimationenabled:not(.active) {
+.wp-lightbox-overlay.show-closing-animation:not(.active) {
   animation: both turn-off-visibility 0.35s;
 }
-.wp-lightbox-overlay.hideanimationenabled:not(.active) img {
+.wp-lightbox-overlay.show-closing-animation:not(.active) img {
   animation: both turn-off-visibility 0.25s;
 }
 @media (prefers-reduced-motion: no-preference) {
@@ -1846,16 +1846,16 @@ h6.has-text-align-left[style*=writing-mode]:where([style*="vertical-lr"]) {
   .wp-lightbox-overlay.zoom.active .scrim {
     animation: turn-on-visibility 0.4s forwards;
   }
-  .wp-lightbox-overlay.zoom.hideanimationenabled:not(.active) {
+  .wp-lightbox-overlay.zoom.show-closing-animation:not(.active) {
     animation: none;
   }
-  .wp-lightbox-overlay.zoom.hideanimationenabled:not(.active) .lightbox-image-container {
+  .wp-lightbox-overlay.zoom.show-closing-animation:not(.active) .lightbox-image-container {
     animation: lightbox-zoom-out 0.4s;
   }
-  .wp-lightbox-overlay.zoom.hideanimationenabled:not(.active) .lightbox-image-container img {
+  .wp-lightbox-overlay.zoom.show-closing-animation:not(.active) .lightbox-image-container img {
     animation: none;
   }
-  .wp-lightbox-overlay.zoom.hideanimationenabled:not(.active) .scrim {
+  .wp-lightbox-overlay.zoom.show-closing-animation:not(.active) .scrim {
     animation: turn-off-visibility 0.4s forwards;
   }
 }
@@ -2711,6 +2711,28 @@ html.has-modal-open {
   display: none;
 }
 
+.link-ui-tools {
+  border-top: 1px solid #f0f0f0;
+  padding: 8px;
+}
+
+.link-ui-block-inserter {
+  padding-top: 8px;
+}
+
+.link-ui-block-inserter__back {
+  margin-left: 8px;
+  text-transform: uppercase;
+}
+
+.components-popover-pointer-events-trap {
+  z-index: 1000000;
+  position: fixed;
+  inset: 0;
+  background-color: transparent;
+  cursor: pointer;
+}
+
 .wp-block-navigation .wp-block-page-list {
   display: flex;
   flex-direction: var(--navigation-layout-direction, initial);
@@ -3352,10 +3374,10 @@ ul.wp-block-rss.is-grid li {
 }
 
 .wp-block-separator {
-  border-top: 1px solid currentColor;
-  border-bottom: 1px solid currentColor;
+  border-top: 2px solid currentColor;
   border-left: none;
   border-right: none;
+  border-bottom: none;
 }
 .wp-block-separator.is-style-dots {
   background: none !important;
@@ -3579,7 +3601,7 @@ ul.wp-block-rss.is-grid li {
   color: #fff;
 }
 .wp-block-social-links:not(.is-style-logos-only) .wp-social-link-patreon {
-  background-color: #ff424d;
+  background-color: #000;
   color: #fff;
 }
 .wp-block-social-links:not(.is-style-logos-only) .wp-social-link-pinterest {
@@ -3741,7 +3763,7 @@ ul.wp-block-rss.is-grid li {
   color: #f6405f;
 }
 .wp-block-social-links.is-style-logos-only .wp-social-link-patreon {
-  color: #ff424d;
+  color: #000;
 }
 .wp-block-social-links.is-style-logos-only .wp-social-link-pinterest {
   color: #e60122;

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@wordpress/block-library",
-	"version": "8.27.1",
+	"version": "8.28.0",
 	"description": "Block library for the WordPress editor.",
 	"author": "The WordPress Contributors",
 	"license": "GPL-2.0-or-later",
@@ -31,38 +31,38 @@
 	],
 	"dependencies": {
 		"@babel/runtime": "^7.16.0",
-		"@wordpress/a11y": "^3.50.0",
-		"@wordpress/api-fetch": "^6.47.0",
-		"@wordpress/autop": "^3.50.0",
-		"@wordpress/blob": "^3.50.0",
-		"@wordpress/block-editor": "^12.18.1",
-		"@wordpress/blocks": "^12.27.1",
-		"@wordpress/components": "^25.16.0",
-		"@wordpress/compose": "^6.27.0",
-		"@wordpress/core-data": "^6.27.1",
-		"@wordpress/data": "^9.20.0",
-		"@wordpress/date": "^4.50.0",
-		"@wordpress/deprecated": "^3.50.0",
-		"@wordpress/dom": "^3.50.0",
-		"@wordpress/element": "^5.27.0",
-		"@wordpress/escape-html": "^2.50.0",
-		"@wordpress/hooks": "^3.50.0",
-		"@wordpress/html-entities": "^3.50.0",
-		"@wordpress/i18n": "^4.50.0",
-		"@wordpress/icons": "^9.41.0",
-		"@wordpress/interactivity": "^4.0.0",
-		"@wordpress/interactivity-router": "^1.0.0",
-		"@wordpress/keycodes": "^3.50.0",
-		"@wordpress/notices": "^4.18.0",
-		"@wordpress/patterns": "^1.11.1",
-		"@wordpress/primitives": "^3.48.0",
-		"@wordpress/private-apis": "^0.32.0",
-		"@wordpress/reusable-blocks": "^4.27.1",
-		"@wordpress/rich-text": "^6.27.0",
-		"@wordpress/server-side-render": "^4.27.1",
-		"@wordpress/url": "^3.51.0",
-		"@wordpress/viewport": "^5.27.0",
-		"@wordpress/wordcount": "^3.50.0",
+		"@wordpress/a11y": "^3.51.0",
+		"@wordpress/api-fetch": "^6.48.0",
+		"@wordpress/autop": "^3.51.0",
+		"@wordpress/blob": "^3.51.0",
+		"@wordpress/block-editor": "^12.19.0",
+		"@wordpress/blocks": "^12.28.0",
+		"@wordpress/components": "^26.0.0",
+		"@wordpress/compose": "^6.28.0",
+		"@wordpress/core-data": "^6.28.0",
+		"@wordpress/data": "^9.21.0",
+		"@wordpress/date": "^4.51.0",
+		"@wordpress/deprecated": "^3.51.0",
+		"@wordpress/dom": "^3.51.0",
+		"@wordpress/element": "^5.28.0",
+		"@wordpress/escape-html": "^2.51.0",
+		"@wordpress/hooks": "^3.51.0",
+		"@wordpress/html-entities": "^3.51.0",
+		"@wordpress/i18n": "^4.51.0",
+		"@wordpress/icons": "^9.42.0",
+		"@wordpress/interactivity": "^5.0.0",
+		"@wordpress/interactivity-router": "^1.1.0",
+		"@wordpress/keycodes": "^3.51.0",
+		"@wordpress/notices": "^4.19.0",
+		"@wordpress/patterns": "^1.12.0",
+		"@wordpress/primitives": "^3.49.0",
+		"@wordpress/private-apis": "^0.33.0",
+		"@wordpress/reusable-blocks": "^4.28.0",
+		"@wordpress/rich-text": "^6.28.0",
+		"@wordpress/server-side-render": "^4.28.0",
+		"@wordpress/url": "^3.52.0",
+		"@wordpress/viewport": "^5.28.0",
+		"@wordpress/wordcount": "^3.51.0",
 		"change-case": "^4.1.2",
 		"classnames": "^2.3.1",
 		"colord": "^2.7.0",
@@ -80,5 +80,5 @@
 	"publishConfig": {
 		"access": "public"
 	},
-	"gitHead": "c2f6d07ffab7d68b9ac3c423ce7e11af91f6e45e"
+	"gitHead": "eb796371e9630636a4a8837033807b0c4a06ed67"
 }

package/src/archives/block.json

@@ -47,6 +47,9 @@
 			"__experimentalDefaultControls": {
 				"fontSize": true
 			}
+		},
+		"interactivity": {
+			"clientNavigation": true
 		}
 	},
 	"editorStyle": "wp-block-archives-editor"

package/src/audio/block.json

@@ -54,6 +54,9 @@
 				"margin": false,
 				"padding": false
 			}
+		},
+		"interactivity": {
+			"clientNavigation": true
 		}
 	},
 	"editorStyle": "wp-block-audio-editor",

package/src/avatar/block.json

@@ -50,6 +50,9 @@
 			"text": false,
 			"background": false,
 			"__experimentalDuotone": "img"
+		},
+		"interactivity": {
+			"clientNavigation": true
 		}
 	},
 	"selectors": {

package/src/block/block.json

@@ -4,14 +4,14 @@
 	"name": "core/block",
 	"title": "Pattern",
 	"category": "reusable",
-	"description": "Create and save content to reuse across your site. Update the pattern, and the changes apply everywhere it’s used.",
+	"description": "Reuse this design across your site.",
 	"keywords": [ "reusable" ],
 	"textdomain": "default",
 	"attributes": {
 		"ref": {
 			"type": "number"
 		},
-		"overrides": {
+		"content": {
 			"type": "object"
 		}
 	},
@@ -19,6 +19,9 @@
 		"customClassName": false,
 		"html": false,
 		"inserter": false,
-		"renaming": false
+		"renaming": false,
+		"interactivity": {
+			"clientNavigation": true
+		}
 	}
 }

package/src/block/deprecated.js

@@ -0,0 +1,57 @@
+// v1: Migrate and rename the `overrides` attribute to the `content` attribute.
+const v1 = {
+	attributes: {
+		ref: {
+			type: 'number',
+		},
+		overrides: {
+			type: 'object',
+		},
+	},
+	supports: {
+		customClassName: false,
+		html: false,
+		inserter: false,
+		renaming: false,
+	},
+	// Force this deprecation to run whenever there's an `overrides` object.
+	isEligible( { overrides } ) {
+		return !! overrides;
+	},
+	/*
+	 * Old attribute format:
+	 * overrides: {
+	 *     // An key is an id that represents a block.
+	 *     // The values are the attribute values of the block.
+	 *     "V98q_x": { content: 'dwefwefwefwe' }
+	 * }
+	 *
+	 * New attribute format:
+	 * content: {
+	 *     "V98q_x": {
+	 * 	   		// The attribute values are now stored as a 'values' sub-property.
+	 *         values: { content: 'dwefwefwefwe' },
+	 * 	       // ... additional metadata, like the block name can be stored here.
+	 *     }
+	 * }
+	 *
+	 */
+	migrate( attributes ) {
+		const { overrides, ...retainedAttributes } = attributes;
+
+		const content = {};
+
+		Object.keys( overrides ).forEach( ( id ) => {
+			content[ id ] = {
+				values: overrides[ id ],
+			};
+		} );
+
+		return {
+			...retainedAttributes,
+			content,
+		};
+	},
+};
+
+export default [ v1 ];