@wordpress/block-library 8.33.0 → 8.34.0

package/build-style/editor-rtl.css

@@ -562,9 +562,6 @@ html :where(.wp-block-column) {
   word-break: break-word;
 }
 
-.wp-block-embed__learn-more {
-  margin-top: 1em;
-}
 .wp-block-post-content .wp-block-embed__learn-more a {
   color: var(--wp-admin-theme-color);
 }
@@ -1248,50 +1245,6 @@ div[data-type="core/freeform"].is-selected .block-library-classic__toolbar {
   pointer-events: all;
 }
 
-.wp-block-group__placeholder .wp-block-group-placeholder__variations {
-  list-style: none;
-  display: flex;
-  justify-content: center;
-  flex-direction: row;
-  flex-wrap: wrap;
-  width: 100%;
-  padding: 0;
-  margin: 0;
-}
-.wp-block-group__placeholder .components-placeholder__instructions {
-  margin-bottom: 18px;
-}
-.wp-block-group__placeholder .wp-block-group-placeholder__variations svg {
-  fill: #ccc !important;
-}
-.wp-block-group__placeholder .wp-block-group-placeholder__variations svg:hover {
-  fill: var(--wp-admin-theme-color) !important;
-}
-.wp-block-group__placeholder .wp-block-group-placeholder__variations > li {
-  margin: 0 12px 12px 12px;
-  width: auto;
-  display: flex;
-  flex-direction: column;
-  align-items: center;
-}
-.wp-block-group__placeholder .wp-block-group-placeholder__variations li > .wp-block-group-placeholder__variation-button {
-  width: 44px;
-  height: 32px;
-  padding: 0;
-}
-.wp-block-group__placeholder .wp-block-group-placeholder__variations li > .wp-block-group-placeholder__variation-button:hover {
-  box-shadow: none;
-}
-.wp-block-group__placeholder .components-placeholder {
-  min-height: auto;
-  padding: 24px;
-  align-items: center;
-}
-.wp-block-group__placeholder .is-small .wp-block-group-placeholder__variations > li,
-.wp-block-group__placeholder .is-medium .wp-block-group-placeholder__variations > li {
-  margin: 12px;
-}
-
 .block-library-html__edit .block-library-html__preview-overlay {
   position: absolute;
   width: 100%;
@@ -2472,6 +2425,7 @@ body.editor-styles-wrapper .wp-block-navigation__responsive-container.is-menu-op
 }
 .wp-block-site-logo.wp-block-site-logo .components-placeholder .components-button.components-button {
   padding: 0;
+  margin: auto;
   display: flex;
   justify-content: center;
   align-items: center;
@@ -2552,14 +2506,25 @@ body.editor-styles-wrapper .wp-block-navigation__responsive-container.is-menu-op
 .wp-block-social-links .wp-social-link {
   line-height: 0;
 }
-.wp-block-social-links .wp-social-link button {
+
+.wp-block-social-link-anchor {
+  align-items: center;
+  background: none;
+  border: 0;
+  box-sizing: border-box;
+  cursor: pointer;
+  display: inline-flex;
   font-size: inherit;
   color: currentColor;
   height: auto;
-  line-height: 0;
   opacity: 1;
   padding: 0.25em;
 }
+.wp-block-social-link-anchor:focus:not(:disabled) {
+  border-radius: 2px;
+  box-shadow: 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color);
+  outline: 3px solid transparent;
+}
 
 .wp-block-social-links.is-style-pill-shape .wp-social-link button {
   padding-right: calc((2/3) * 1em);
@@ -3001,6 +2966,7 @@ body.editor-styles-wrapper .wp-block-navigation__responsive-container.is-menu-op
 }
 .wp-block-post-featured-image .wp-block-post-featured-image__placeholder .components-button,
 .wp-block-post-featured-image .components-placeholder .components-button {
+  margin: auto;
   padding: 0;
   display: flex;
   justify-content: center;

package/build-style/editor.css

@@ -566,9 +566,6 @@ html :where(.wp-block-column) {
   word-break: break-word;
 }
 
-.wp-block-embed__learn-more {
-  margin-top: 1em;
-}
 .wp-block-post-content .wp-block-embed__learn-more a {
   color: var(--wp-admin-theme-color);
 }
@@ -1256,50 +1253,6 @@ div[data-type="core/freeform"].is-selected .block-library-classic__toolbar {
   pointer-events: all;
 }
 
-.wp-block-group__placeholder .wp-block-group-placeholder__variations {
-  list-style: none;
-  display: flex;
-  justify-content: center;
-  flex-direction: row;
-  flex-wrap: wrap;
-  width: 100%;
-  padding: 0;
-  margin: 0;
-}
-.wp-block-group__placeholder .components-placeholder__instructions {
-  margin-bottom: 18px;
-}
-.wp-block-group__placeholder .wp-block-group-placeholder__variations svg {
-  fill: #ccc !important;
-}
-.wp-block-group__placeholder .wp-block-group-placeholder__variations svg:hover {
-  fill: var(--wp-admin-theme-color) !important;
-}
-.wp-block-group__placeholder .wp-block-group-placeholder__variations > li {
-  margin: 0 12px 12px 12px;
-  width: auto;
-  display: flex;
-  flex-direction: column;
-  align-items: center;
-}
-.wp-block-group__placeholder .wp-block-group-placeholder__variations li > .wp-block-group-placeholder__variation-button {
-  width: 44px;
-  height: 32px;
-  padding: 0;
-}
-.wp-block-group__placeholder .wp-block-group-placeholder__variations li > .wp-block-group-placeholder__variation-button:hover {
-  box-shadow: none;
-}
-.wp-block-group__placeholder .components-placeholder {
-  min-height: auto;
-  padding: 24px;
-  align-items: center;
-}
-.wp-block-group__placeholder .is-small .wp-block-group-placeholder__variations > li,
-.wp-block-group__placeholder .is-medium .wp-block-group-placeholder__variations > li {
-  margin: 12px;
-}
-
 .block-library-html__edit .block-library-html__preview-overlay {
   position: absolute;
   width: 100%;
@@ -2480,6 +2433,7 @@ body.editor-styles-wrapper .wp-block-navigation__responsive-container.is-menu-op
 }
 .wp-block-site-logo.wp-block-site-logo .components-placeholder .components-button.components-button {
   padding: 0;
+  margin: auto;
   display: flex;
   justify-content: center;
   align-items: center;
@@ -2560,14 +2514,25 @@ body.editor-styles-wrapper .wp-block-navigation__responsive-container.is-menu-op
 .wp-block-social-links .wp-social-link {
   line-height: 0;
 }
-.wp-block-social-links .wp-social-link button {
+
+.wp-block-social-link-anchor {
+  align-items: center;
+  background: none;
+  border: 0;
+  box-sizing: border-box;
+  cursor: pointer;
+  display: inline-flex;
   font-size: inherit;
   color: currentColor;
   height: auto;
-  line-height: 0;
   opacity: 1;
   padding: 0.25em;
 }
+.wp-block-social-link-anchor:focus:not(:disabled) {
+  border-radius: 2px;
+  box-shadow: 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color);
+  outline: 3px solid transparent;
+}
 
 .wp-block-social-links.is-style-pill-shape .wp-social-link button {
   padding-left: calc((2/3) * 1em);
@@ -3012,6 +2977,7 @@ body.editor-styles-wrapper .wp-block-navigation__responsive-container.is-menu-op
 }
 .wp-block-post-featured-image .wp-block-post-featured-image__placeholder .components-button,
 .wp-block-post-featured-image .components-placeholder .components-button {
+  margin: auto;
   padding: 0;
   display: flex;
   justify-content: center;

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

@@ -99,9 +99,6 @@
   word-break: break-word;
 }
 
-.wp-block-embed__learn-more {
-  margin-top: 1em;
-}
 .wp-block-post-content .wp-block-embed__learn-more a {
   color: var(--wp-admin-theme-color);
 }

package/build-style/embed/editor.css

@@ -99,9 +99,6 @@
   word-break: break-word;
 }
 
-.wp-block-embed__learn-more {
-  margin-top: 1em;
-}
 .wp-block-post-content .wp-block-embed__learn-more a {
   color: var(--wp-admin-theme-color);
 }

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

@@ -137,48 +137,4 @@
 }
 .wp-block-group.is-layout-flex.block-editor-block-list__block > .block-list-appender:only-child .block-editor-inserter {
   pointer-events: all;
-}
-
-.wp-block-group__placeholder .wp-block-group-placeholder__variations {
-  list-style: none;
-  display: flex;
-  justify-content: center;
-  flex-direction: row;
-  flex-wrap: wrap;
-  width: 100%;
-  padding: 0;
-  margin: 0;
-}
-.wp-block-group__placeholder .components-placeholder__instructions {
-  margin-bottom: 18px;
-}
-.wp-block-group__placeholder .wp-block-group-placeholder__variations svg {
-  fill: #ccc !important;
-}
-.wp-block-group__placeholder .wp-block-group-placeholder__variations svg:hover {
-  fill: var(--wp-admin-theme-color) !important;
-}
-.wp-block-group__placeholder .wp-block-group-placeholder__variations > li {
-  margin: 0 12px 12px 12px;
-  width: auto;
-  display: flex;
-  flex-direction: column;
-  align-items: center;
-}
-.wp-block-group__placeholder .wp-block-group-placeholder__variations li > .wp-block-group-placeholder__variation-button {
-  width: 44px;
-  height: 32px;
-  padding: 0;
-}
-.wp-block-group__placeholder .wp-block-group-placeholder__variations li > .wp-block-group-placeholder__variation-button:hover {
-  box-shadow: none;
-}
-.wp-block-group__placeholder .components-placeholder {
-  min-height: auto;
-  padding: 24px;
-  align-items: center;
-}
-.wp-block-group__placeholder .is-small .wp-block-group-placeholder__variations > li,
-.wp-block-group__placeholder .is-medium .wp-block-group-placeholder__variations > li {
-  margin: 12px;
 }

package/build-style/group/editor.css

@@ -137,48 +137,4 @@
 }
 .wp-block-group.is-layout-flex.block-editor-block-list__block > .block-list-appender:only-child .block-editor-inserter {
   pointer-events: all;
-}
-
-.wp-block-group__placeholder .wp-block-group-placeholder__variations {
-  list-style: none;
-  display: flex;
-  justify-content: center;
-  flex-direction: row;
-  flex-wrap: wrap;
-  width: 100%;
-  padding: 0;
-  margin: 0;
-}
-.wp-block-group__placeholder .components-placeholder__instructions {
-  margin-bottom: 18px;
-}
-.wp-block-group__placeholder .wp-block-group-placeholder__variations svg {
-  fill: #ccc !important;
-}
-.wp-block-group__placeholder .wp-block-group-placeholder__variations svg:hover {
-  fill: var(--wp-admin-theme-color) !important;
-}
-.wp-block-group__placeholder .wp-block-group-placeholder__variations > li {
-  margin: 0 12px 12px 12px;
-  width: auto;
-  display: flex;
-  flex-direction: column;
-  align-items: center;
-}
-.wp-block-group__placeholder .wp-block-group-placeholder__variations li > .wp-block-group-placeholder__variation-button {
-  width: 44px;
-  height: 32px;
-  padding: 0;
-}
-.wp-block-group__placeholder .wp-block-group-placeholder__variations li > .wp-block-group-placeholder__variation-button:hover {
-  box-shadow: none;
-}
-.wp-block-group__placeholder .components-placeholder {
-  min-height: auto;
-  padding: 24px;
-  align-items: center;
-}
-.wp-block-group__placeholder .is-small .wp-block-group-placeholder__variations > li,
-.wp-block-group__placeholder .is-medium .wp-block-group-placeholder__variations > li {
-  margin: 12px;
 }

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

@@ -88,4 +88,8 @@
  */
 .wp-block-group {
   box-sizing: border-box;
+}
+
+:where(.wp-block-group.wp-block-group-is-layout-constrained) {
+  position: relative;
 }

package/build-style/group/style.css

@@ -88,4 +88,8 @@
  */
 .wp-block-group {
   box-sizing: border-box;
+}
+
+:where(.wp-block-group.wp-block-group-is-layout-constrained) {
+  position: relative;
 }

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

@@ -105,12 +105,4 @@
 .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

@@ -105,12 +105,4 @@
 .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/post-featured-image/editor-rtl.css

@@ -105,6 +105,7 @@
 }
 .wp-block-post-featured-image .wp-block-post-featured-image__placeholder .components-button,
 .wp-block-post-featured-image .components-placeholder .components-button {
+  margin: auto;
   padding: 0;
   display: flex;
   justify-content: center;

package/build-style/post-featured-image/editor.css

@@ -105,6 +105,7 @@
 }
 .wp-block-post-featured-image .wp-block-post-featured-image__placeholder .components-button,
 .wp-block-post-featured-image .components-placeholder .components-button {
+  margin: auto;
   padding: 0;
   display: flex;
   justify-content: center;

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

@@ -148,6 +148,7 @@
 }
 .wp-block-site-logo.wp-block-site-logo .components-placeholder .components-button.components-button {
   padding: 0;
+  margin: auto;
   display: flex;
   justify-content: center;
   align-items: center;

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

@@ -148,6 +148,7 @@
 }
 .wp-block-site-logo.wp-block-site-logo .components-placeholder .components-button.components-button {
   padding: 0;
+  margin: auto;
   display: flex;
   justify-content: center;
   align-items: center;

package/build-style/social-link/editor-rtl.css

@@ -89,14 +89,25 @@
 .wp-block-social-links .wp-social-link {
   line-height: 0;
 }
-.wp-block-social-links .wp-social-link button {
+
+.wp-block-social-link-anchor {
+  align-items: center;
+  background: none;
+  border: 0;
+  box-sizing: border-box;
+  cursor: pointer;
+  display: inline-flex;
   font-size: inherit;
   color: currentColor;
   height: auto;
-  line-height: 0;
   opacity: 1;
   padding: 0.25em;
 }
+.wp-block-social-link-anchor:focus:not(:disabled) {
+  border-radius: 2px;
+  box-shadow: 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color);
+  outline: 3px solid transparent;
+}
 
 .wp-block-social-links.is-style-pill-shape .wp-social-link button {
   padding-right: calc((2/3) * 1em);

package/build-style/social-link/editor.css

@@ -89,14 +89,25 @@
 .wp-block-social-links .wp-social-link {
   line-height: 0;
 }
-.wp-block-social-links .wp-social-link button {
+
+.wp-block-social-link-anchor {
+  align-items: center;
+  background: none;
+  border: 0;
+  box-sizing: border-box;
+  cursor: pointer;
+  display: inline-flex;
   font-size: inherit;
   color: currentColor;
   height: auto;
-  line-height: 0;
   opacity: 1;
   padding: 0.25em;
 }
+.wp-block-social-link-anchor:focus:not(:disabled) {
+  border-radius: 2px;
+  box-shadow: 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color);
+  outline: 3px solid transparent;
+}
 
 .wp-block-social-links.is-style-pill-shape .wp-social-link button {
   padding-left: calc((2/3) * 1em);

package/build-style/style-rtl.css

@@ -1550,6 +1550,10 @@ figure.wp-block-gallery.has-nested-images {
   box-sizing: border-box;
 }
 
+:where(.wp-block-group.wp-block-group-is-layout-constrained) {
+  position: relative;
+}
+
 h1.has-background,
 h2.has-background,
 h3.has-background,
@@ -2702,14 +2706,6 @@ html.has-modal-open {
   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);

package/build-style/style.css

@@ -1558,6 +1558,10 @@ figure.wp-block-gallery.has-nested-images {
   box-sizing: border-box;
 }
 
+:where(.wp-block-group.wp-block-group-is-layout-constrained) {
+  position: relative;
+}
+
 h1.has-background,
 h2.has-background,
 h3.has-background,
@@ -2732,14 +2736,6 @@ html.has-modal-open {
   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);

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@wordpress/block-library",
-	"version": "8.33.0",
+	"version": "8.34.0",
 	"description": "Block library for the WordPress editor.",
 	"author": "The WordPress Contributors",
 	"license": "GPL-2.0-or-later",
@@ -31,38 +31,39 @@
 	],
 	"dependencies": {
 		"@babel/runtime": "^7.16.0",
-		"@wordpress/a11y": "^3.56.0",
-		"@wordpress/api-fetch": "^6.53.0",
-		"@wordpress/autop": "^3.56.0",
-		"@wordpress/blob": "^3.56.0",
-		"@wordpress/block-editor": "^12.24.0",
-		"@wordpress/blocks": "^12.33.0",
-		"@wordpress/components": "^27.4.0",
-		"@wordpress/compose": "^6.33.0",
-		"@wordpress/core-data": "^6.33.0",
-		"@wordpress/data": "^9.26.0",
-		"@wordpress/date": "^4.56.0",
-		"@wordpress/deprecated": "^3.56.0",
-		"@wordpress/dom": "^3.56.0",
-		"@wordpress/element": "^5.33.0",
-		"@wordpress/escape-html": "^2.56.0",
-		"@wordpress/hooks": "^3.56.0",
-		"@wordpress/html-entities": "^3.56.0",
-		"@wordpress/i18n": "^4.56.0",
-		"@wordpress/icons": "^9.47.0",
-		"@wordpress/interactivity": "^5.5.0",
-		"@wordpress/interactivity-router": "^1.6.0",
-		"@wordpress/keycodes": "^3.56.0",
-		"@wordpress/notices": "^4.24.0",
-		"@wordpress/patterns": "^1.17.0",
-		"@wordpress/primitives": "^3.54.0",
-		"@wordpress/private-apis": "^0.38.0",
-		"@wordpress/reusable-blocks": "^4.33.0",
-		"@wordpress/rich-text": "^6.33.0",
-		"@wordpress/server-side-render": "^4.33.0",
-		"@wordpress/url": "^3.57.0",
-		"@wordpress/viewport": "^5.33.0",
-		"@wordpress/wordcount": "^3.56.0",
+		"@wordpress/a11y": "^3.57.0",
+		"@wordpress/api-fetch": "^6.54.0",
+		"@wordpress/autop": "^3.57.0",
+		"@wordpress/blob": "^3.57.0",
+		"@wordpress/block-editor": "^12.25.0",
+		"@wordpress/blocks": "^12.34.0",
+		"@wordpress/components": "^27.5.0",
+		"@wordpress/compose": "^6.34.0",
+		"@wordpress/core-data": "^6.34.0",
+		"@wordpress/data": "^9.27.0",
+		"@wordpress/date": "^4.57.0",
+		"@wordpress/deprecated": "^3.57.0",
+		"@wordpress/dom": "^3.57.0",
+		"@wordpress/element": "^5.34.0",
+		"@wordpress/escape-html": "^2.57.0",
+		"@wordpress/hooks": "^3.57.0",
+		"@wordpress/html-entities": "^3.57.0",
+		"@wordpress/i18n": "^4.57.0",
+		"@wordpress/icons": "^9.48.0",
+		"@wordpress/interactivity": "^5.6.0",
+		"@wordpress/interactivity-router": "^1.7.0",
+		"@wordpress/keyboard-shortcuts": "^4.34.0",
+		"@wordpress/keycodes": "^3.57.0",
+		"@wordpress/notices": "^4.25.0",
+		"@wordpress/patterns": "^1.18.0",
+		"@wordpress/primitives": "^3.55.0",
+		"@wordpress/private-apis": "^0.39.0",
+		"@wordpress/reusable-blocks": "^4.34.0",
+		"@wordpress/rich-text": "^6.34.0",
+		"@wordpress/server-side-render": "^4.34.0",
+		"@wordpress/url": "^3.58.0",
+		"@wordpress/viewport": "^5.34.0",
+		"@wordpress/wordcount": "^3.57.0",
 		"change-case": "^4.1.2",
 		"classnames": "^2.3.1",
 		"colord": "^2.7.0",
@@ -80,5 +81,5 @@
 	"publishConfig": {
 		"access": "public"
 	},
-	"gitHead": "280403b4c1cf6cc2c55a6c4d56f9ef91145e4191"
+	"gitHead": "581d8a5580dba8f600b7268d51eb554771ae482c"
 }