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

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

@@ -99,62 +99,26 @@
   max-width: 100%;
 }
 
-.wp-block-site-logo.wp-block-site-logo .components-placeholder,
-.wp-block-site-logo.wp-block-site-logo .components-resizable-box__container {
-  border-radius: inherit;
-}
 .wp-block-site-logo.wp-block-site-logo.is-default-size .components-placeholder {
   height: 120px;
   width: 120px;
 }
 .wp-block-site-logo.wp-block-site-logo .components-placeholder {
-  display: flex;
   justify-content: center;
   align-items: center;
-  box-shadow: none;
   padding: 0;
   min-height: 48px;
   min-width: 48px;
   height: 100%;
   width: 100%;
-  color: currentColor;
-  background: transparent;
 }
 .wp-block-site-logo.wp-block-site-logo .components-placeholder .components-form-file-upload {
   display: none;
 }
-.wp-block-site-logo.wp-block-site-logo .components-placeholder .components-placeholder__preview {
-  position: absolute;
-  top: 4px;
-  left: 4px;
-  bottom: 4px;
-  right: 4px;
-  background: rgba(255, 255, 255, 0.8);
-  display: flex;
-  align-items: center;
-  justify-content: center;
-}
 .wp-block-site-logo.wp-block-site-logo .components-placeholder .components-drop-zone__content-text {
   display: none;
 }
-.wp-block-site-logo.wp-block-site-logo .components-placeholder::before {
-  content: "";
-  display: block;
-  position: absolute;
-  top: 0;
-  left: 0;
-  bottom: 0;
-  right: 0;
-  border: 1px dashed currentColor;
-  opacity: 0.4;
-  pointer-events: none;
-  border-radius: inherit;
-}
-.wp-block-site-logo.wp-block-site-logo .components-placeholder .components-placeholder__fieldset {
-  width: auto;
-}
 .wp-block-site-logo.wp-block-site-logo .components-placeholder .components-button.components-button {
-  color: inherit;
   padding: 0;
   display: flex;
   justify-content: center;
@@ -163,24 +127,11 @@
   height: 48px;
   border-radius: 50%;
   position: relative;
-  visibility: hidden;
-  background: transparent;
-  transition: all 0.1s linear;
-}
-@media (prefers-reduced-motion: reduce) {
-  .wp-block-site-logo.wp-block-site-logo .components-placeholder .components-button.components-button {
-    transition-duration: 0s;
-    transition-delay: 0s;
-  }
-}
-.wp-block-site-logo.wp-block-site-logo .components-placeholder .components-button.components-button > svg {
-  color: #fff;
-}
-.wp-block-site-logo.wp-block-site-logo.is-selected .components-button.components-button {
   background: var(--wp-admin-theme-color);
   border-color: var(--wp-admin-theme-color);
   border-style: solid;
   color: #fff;
-  opacity: 1;
-  visibility: visible;
+}
+.wp-block-site-logo.wp-block-site-logo .components-placeholder .components-button.components-button > svg {
+  color: inherit;
 }

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

@@ -99,62 +99,26 @@
   max-width: 100%;
 }
 
-.wp-block-site-logo.wp-block-site-logo .components-placeholder,
-.wp-block-site-logo.wp-block-site-logo .components-resizable-box__container {
-  border-radius: inherit;
-}
 .wp-block-site-logo.wp-block-site-logo.is-default-size .components-placeholder {
   height: 120px;
   width: 120px;
 }
 .wp-block-site-logo.wp-block-site-logo .components-placeholder {
-  display: flex;
   justify-content: center;
   align-items: center;
-  box-shadow: none;
   padding: 0;
   min-height: 48px;
   min-width: 48px;
   height: 100%;
   width: 100%;
-  color: currentColor;
-  background: transparent;
 }
 .wp-block-site-logo.wp-block-site-logo .components-placeholder .components-form-file-upload {
   display: none;
 }
-.wp-block-site-logo.wp-block-site-logo .components-placeholder .components-placeholder__preview {
-  position: absolute;
-  top: 4px;
-  right: 4px;
-  bottom: 4px;
-  left: 4px;
-  background: rgba(255, 255, 255, 0.8);
-  display: flex;
-  align-items: center;
-  justify-content: center;
-}
 .wp-block-site-logo.wp-block-site-logo .components-placeholder .components-drop-zone__content-text {
   display: none;
 }
-.wp-block-site-logo.wp-block-site-logo .components-placeholder::before {
-  content: "";
-  display: block;
-  position: absolute;
-  top: 0;
-  right: 0;
-  bottom: 0;
-  left: 0;
-  border: 1px dashed currentColor;
-  opacity: 0.4;
-  pointer-events: none;
-  border-radius: inherit;
-}
-.wp-block-site-logo.wp-block-site-logo .components-placeholder .components-placeholder__fieldset {
-  width: auto;
-}
 .wp-block-site-logo.wp-block-site-logo .components-placeholder .components-button.components-button {
-  color: inherit;
   padding: 0;
   display: flex;
   justify-content: center;
@@ -163,24 +127,11 @@
   height: 48px;
   border-radius: 50%;
   position: relative;
-  visibility: hidden;
-  background: transparent;
-  transition: all 0.1s linear;
-}
-@media (prefers-reduced-motion: reduce) {
-  .wp-block-site-logo.wp-block-site-logo .components-placeholder .components-button.components-button {
-    transition-duration: 0s;
-    transition-delay: 0s;
-  }
-}
-.wp-block-site-logo.wp-block-site-logo .components-placeholder .components-button.components-button > svg {
-  color: #fff;
-}
-.wp-block-site-logo.wp-block-site-logo.is-selected .components-button.components-button {
   background: var(--wp-admin-theme-color);
   border-color: var(--wp-admin-theme-color);
   border-style: solid;
   color: #fff;
-  opacity: 1;
-  visibility: visible;
+}
+.wp-block-site-logo.wp-block-site-logo .components-placeholder .components-button.components-button > svg {
+  color: inherit;
 }

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

@@ -248,7 +248,7 @@
   color: #fff;
 }
 .wp-block-social-links:not(.is-style-logos-only) .wp-social-link-reddit {
-  background-color: #fe4500;
+  background-color: #ff4500;
   color: #fff;
 }
 .wp-block-social-links:not(.is-style-logos-only) .wp-social-link-skype {
@@ -396,7 +396,7 @@
   color: #ef4155;
 }
 .wp-block-social-links.is-style-logos-only .wp-social-link-reddit {
-  color: #fe4500;
+  color: #ff4500;
 }
 .wp-block-social-links.is-style-logos-only .wp-social-link-skype {
   color: #0478d7;

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

@@ -248,7 +248,7 @@
   color: #fff;
 }
 .wp-block-social-links:not(.is-style-logos-only) .wp-social-link-reddit {
-  background-color: #fe4500;
+  background-color: #ff4500;
   color: #fff;
 }
 .wp-block-social-links:not(.is-style-logos-only) .wp-social-link-skype {
@@ -396,7 +396,7 @@
   color: #ef4155;
 }
 .wp-block-social-links.is-style-logos-only .wp-social-link-reddit {
-  color: #fe4500;
+  color: #ff4500;
 }
 .wp-block-social-links.is-style-logos-only .wp-social-link-skype {
   color: #0478d7;

package/build-style/style-rtl.css

@@ -83,6 +83,9 @@
   text-align: center;
 }
 
+.wp-block-audio {
+  box-sizing: border-box;
+}
 .wp-block-audio figcaption {
   margin-top: 0.5em;
   margin-bottom: 1em;
@@ -159,19 +162,19 @@
   border-radius: 0 !important;
 }
 
-.is-style-outline > :where(.wp-block-button__link),
-:where(.wp-block-button__link).is-style-outline {
+.wp-block-button.is-style-outline > .wp-block-button__link,
+.wp-block-button .wp-block-button__link.is-style-outline {
   border: 2px solid currentColor;
   padding: 0.667em 1.333em;
 }
 
-.is-style-outline > .wp-block-button__link:not(.has-text-color),
-.wp-block-button__link.is-style-outline:not(.has-text-color) {
+.wp-block-button.is-style-outline > .wp-block-button__link:not(.has-text-color),
+.wp-block-button .wp-block-button__link.is-style-outline:not(.has-text-color) {
   color: currentColor;
 }
 
-.is-style-outline > .wp-block-button__link:not(.has-background),
-.wp-block-button__link.is-style-outline:not(.has-background) {
+.wp-block-button.is-style-outline > .wp-block-button__link:not(.has-background),
+.wp-block-button .wp-block-button__link.is-style-outline:not(.has-background) {
   background-color: transparent;
 }
 
@@ -1938,12 +1941,12 @@ button.wp-block-navigation-item__content {
 /**
  * Paddings
  */
-:where(.wp-block-navigation.has-background .wp-block-navigation-link a:not(.wp-element-button)),
+:where(.wp-block-navigation.has-background .wp-block-navigation-item a:not(.wp-element-button)),
 :where(.wp-block-navigation.has-background .wp-block-navigation-submenu a:not(.wp-element-button)) {
   padding: 0.5em 1em;
 }
 
-:where(.wp-block-navigation .wp-block-navigation__submenu-container .wp-block-navigation-link a:not(.wp-element-button)),
+:where(.wp-block-navigation .wp-block-navigation__submenu-container .wp-block-navigation-item a:not(.wp-element-button)),
 :where(.wp-block-navigation .wp-block-navigation__submenu-container .wp-block-navigation-submenu a:not(.wp-element-button)) {
   padding: 0.5em 1em;
 }
@@ -2325,6 +2328,10 @@ p.has-background {
   margin-right: 0.5em;
 }
 
+.wp-block-post-date {
+  box-sizing: border-box;
+}
+
 .wp-block-post-excerpt__more-link {
   display: inline-block;
 }
@@ -2341,6 +2348,7 @@ p.has-background {
   width: 100%;
   height: auto;
   vertical-align: bottom;
+  box-sizing: border-box;
 }
 .wp-block-post-featured-image.alignwide img, .wp-block-post-featured-image.alignfull img {
   width: 100%;
@@ -2352,6 +2360,7 @@ p.has-background {
 
 .wp-block-post-title {
   word-break: break-word;
+  box-sizing: border-box;
 }
 .wp-block-post-title a {
   display: inline-block;
@@ -2377,16 +2386,9 @@ p.has-background {
 .wp-block-pullquote cite {
   color: inherit;
 }
-.wp-block-pullquote.has-text-align-left, .wp-block-pullquote.has-text-align-right, .wp-block-pullquote.alignleft, .wp-block-pullquote.alignright {
+.wp-block-pullquote.alignleft, .wp-block-pullquote.alignright {
   max-width: 420px;
 }
-.wp-block-pullquote.has-text-align-left p, .wp-block-pullquote.has-text-align-right p, .wp-block-pullquote.alignleft p, .wp-block-pullquote.alignright p {
-  font-size: 1.25em;
-}
-.wp-block-pullquote p {
-  font-size: 1.75em;
-  line-height: 1.6;
-}
 .wp-block-pullquote cite,
 .wp-block-pullquote footer {
   position: relative;
@@ -2498,6 +2500,10 @@ p.has-background {
   justify-content: center;
 }
 
+.wp-block-query-title {
+  box-sizing: border-box;
+}
+
 .wp-block-quote {
   box-sizing: border-box;
   overflow-wrap: break-word;
@@ -2863,7 +2869,7 @@ ul.wp-block-rss.is-grid li {
   color: #fff;
 }
 .wp-block-social-links:not(.is-style-logos-only) .wp-social-link-reddit {
-  background-color: #fe4500;
+  background-color: #ff4500;
   color: #fff;
 }
 .wp-block-social-links:not(.is-style-logos-only) .wp-social-link-skype {
@@ -3011,7 +3017,7 @@ ul.wp-block-rss.is-grid li {
   color: #ef4155;
 }
 .wp-block-social-links.is-style-logos-only .wp-social-link-reddit {
-  color: #fe4500;
+  color: #ff4500;
 }
 .wp-block-social-links.is-style-logos-only .wp-social-link-skype {
   color: #0478d7;
@@ -3255,6 +3261,9 @@ pre.wp-block-verse {
   white-space: pre-wrap;
 }
 
+.wp-block-video {
+  box-sizing: border-box;
+}
 .wp-block-video video {
   width: 100%;
 }

package/build-style/style.css

@@ -83,6 +83,9 @@
   text-align: center;
 }
 
+.wp-block-audio {
+  box-sizing: border-box;
+}
 .wp-block-audio figcaption {
   margin-top: 0.5em;
   margin-bottom: 1em;
@@ -160,19 +163,19 @@
   border-radius: 0 !important;
 }
 
-.is-style-outline > :where(.wp-block-button__link),
-:where(.wp-block-button__link).is-style-outline {
+.wp-block-button.is-style-outline > .wp-block-button__link,
+.wp-block-button .wp-block-button__link.is-style-outline {
   border: 2px solid currentColor;
   padding: 0.667em 1.333em;
 }
 
-.is-style-outline > .wp-block-button__link:not(.has-text-color),
-.wp-block-button__link.is-style-outline:not(.has-text-color) {
+.wp-block-button.is-style-outline > .wp-block-button__link:not(.has-text-color),
+.wp-block-button .wp-block-button__link.is-style-outline:not(.has-text-color) {
   color: currentColor;
 }
 
-.is-style-outline > .wp-block-button__link:not(.has-background),
-.wp-block-button__link.is-style-outline:not(.has-background) {
+.wp-block-button.is-style-outline > .wp-block-button__link:not(.has-background),
+.wp-block-button .wp-block-button__link.is-style-outline:not(.has-background) {
   background-color: transparent;
 }
 
@@ -1964,12 +1967,12 @@ button.wp-block-navigation-item__content {
 /**
  * Paddings
  */
-:where(.wp-block-navigation.has-background .wp-block-navigation-link a:not(.wp-element-button)),
+:where(.wp-block-navigation.has-background .wp-block-navigation-item a:not(.wp-element-button)),
 :where(.wp-block-navigation.has-background .wp-block-navigation-submenu a:not(.wp-element-button)) {
   padding: 0.5em 1em;
 }
 
-:where(.wp-block-navigation .wp-block-navigation__submenu-container .wp-block-navigation-link a:not(.wp-element-button)),
+:where(.wp-block-navigation .wp-block-navigation__submenu-container .wp-block-navigation-item a:not(.wp-element-button)),
 :where(.wp-block-navigation .wp-block-navigation__submenu-container .wp-block-navigation-submenu a:not(.wp-element-button)) {
   padding: 0.5em 1em;
 }
@@ -2351,6 +2354,10 @@ p.has-background {
   margin-left: 0.5em;
 }
 
+.wp-block-post-date {
+  box-sizing: border-box;
+}
+
 .wp-block-post-excerpt__more-link {
   display: inline-block;
 }
@@ -2367,6 +2374,7 @@ p.has-background {
   width: 100%;
   height: auto;
   vertical-align: bottom;
+  box-sizing: border-box;
 }
 .wp-block-post-featured-image.alignwide img, .wp-block-post-featured-image.alignfull img {
   width: 100%;
@@ -2378,6 +2386,7 @@ p.has-background {
 
 .wp-block-post-title {
   word-break: break-word;
+  box-sizing: border-box;
 }
 .wp-block-post-title a {
   display: inline-block;
@@ -2403,16 +2412,9 @@ p.has-background {
 .wp-block-pullquote cite {
   color: inherit;
 }
-.wp-block-pullquote.has-text-align-left, .wp-block-pullquote.has-text-align-right, .wp-block-pullquote.alignleft, .wp-block-pullquote.alignright {
+.wp-block-pullquote.alignleft, .wp-block-pullquote.alignright {
   max-width: 420px;
 }
-.wp-block-pullquote.has-text-align-left p, .wp-block-pullquote.has-text-align-right p, .wp-block-pullquote.alignleft p, .wp-block-pullquote.alignright p {
-  font-size: 1.25em;
-}
-.wp-block-pullquote p {
-  font-size: 1.75em;
-  line-height: 1.6;
-}
 .wp-block-pullquote cite,
 .wp-block-pullquote footer {
   position: relative;
@@ -2526,6 +2528,10 @@ p.has-background {
   justify-content: center;
 }
 
+.wp-block-query-title {
+  box-sizing: border-box;
+}
+
 .wp-block-quote {
   box-sizing: border-box;
   overflow-wrap: break-word;
@@ -2894,7 +2900,7 @@ ul.wp-block-rss.is-grid li {
   color: #fff;
 }
 .wp-block-social-links:not(.is-style-logos-only) .wp-social-link-reddit {
-  background-color: #fe4500;
+  background-color: #ff4500;
   color: #fff;
 }
 .wp-block-social-links:not(.is-style-logos-only) .wp-social-link-skype {
@@ -3042,7 +3048,7 @@ ul.wp-block-rss.is-grid li {
   color: #ef4155;
 }
 .wp-block-social-links.is-style-logos-only .wp-social-link-reddit {
-  color: #fe4500;
+  color: #ff4500;
 }
 .wp-block-social-links.is-style-logos-only .wp-social-link-skype {
   color: #0478d7;
@@ -3286,6 +3292,9 @@ pre.wp-block-verse {
   white-space: pre-wrap;
 }
 
+.wp-block-video {
+  box-sizing: border-box;
+}
 .wp-block-video video {
   width: 100%;
 }

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

@@ -74,6 +74,9 @@
 /**
  * Reset the WP Admin page styles for Gutenberg-like pages.
  */
+.wp-block-video {
+  box-sizing: border-box;
+}
 .wp-block-video video {
   width: 100%;
 }

package/build-style/video/style.css

@@ -74,6 +74,9 @@
 /**
  * Reset the WP Admin page styles for Gutenberg-like pages.
  */
+.wp-block-video {
+  box-sizing: border-box;
+}
 .wp-block-video video {
   width: 100%;
 }

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@wordpress/block-library",
-	"version": "7.12.0",
+	"version": "7.12.2-next.d6164808d3.0",
 	"description": "Block library for the WordPress editor.",
 	"author": "The WordPress Contributors",
 	"license": "GPL-2.0-or-later",
@@ -34,35 +34,36 @@
 	],
 	"dependencies": {
 		"@babel/runtime": "^7.16.0",
-		"@wordpress/a11y": "^3.15.0",
-		"@wordpress/api-fetch": "^6.12.0",
-		"@wordpress/autop": "^3.15.0",
-		"@wordpress/blob": "^3.15.0",
-		"@wordpress/block-editor": "^9.7.0",
-		"@wordpress/blocks": "^11.14.0",
-		"@wordpress/components": "^19.17.0",
-		"@wordpress/compose": "^5.13.0",
-		"@wordpress/core-data": "^4.13.0",
-		"@wordpress/data": "^6.15.0",
-		"@wordpress/date": "^4.15.0",
-		"@wordpress/deprecated": "^3.15.0",
-		"@wordpress/dom": "^3.15.0",
-		"@wordpress/element": "^4.13.0",
-		"@wordpress/hooks": "^3.15.0",
-		"@wordpress/html-entities": "^3.15.0",
-		"@wordpress/i18n": "^4.15.0",
-		"@wordpress/icons": "^9.6.0",
-		"@wordpress/keycodes": "^3.15.0",
-		"@wordpress/notices": "^3.15.0",
-		"@wordpress/primitives": "^3.13.0",
-		"@wordpress/reusable-blocks": "^3.13.0",
-		"@wordpress/rich-text": "^5.13.0",
-		"@wordpress/server-side-render": "^3.13.0",
-		"@wordpress/url": "^3.16.0",
-		"@wordpress/viewport": "^4.13.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",
+		"change-case": "^4.1.2",
 		"classnames": "^2.3.1",
 		"colord": "^2.7.0",
-		"fast-average-color": "4.3.0",
+		"fast-average-color": "^4.3.0",
 		"lodash": "^4.17.21",
 		"memize": "^1.1.0",
 		"micromodal": "^0.4.10",
@@ -75,5 +76,5 @@
 	"publishConfig": {
 		"access": "public"
 	},
-	"gitHead": "08358f53b627a15148c3a3e433cdf58cf8714aa4"
+	"gitHead": "ba8a396d2f418e53a6c4c50575582f3f3eb11ff7"
 }

package/src/archives/block.json

@@ -26,7 +26,11 @@
 	},
 	"supports": {
 		"align": true,
-		"html": false
+		"html": false,
+		"spacing": {
+			"margin": true,
+			"padding": true
+		}
 	},
 	"editorStyle": "wp-block-archives-editor"
 }

package/src/audio/block.json

@@ -48,6 +48,10 @@
 			"spacing": {
 				"margin": "0 0 1em 0"
 			}
+		},
+		"spacing": {
+			"margin": true,
+			"padding": true
 		}
 	},
 	"editorStyle": "wp-block-audio-editor",

package/src/audio/style.scss

@@ -1,4 +1,6 @@
 .wp-block-audio {
+	// This block has customizable padding, border-box makes that more predictable.
+	box-sizing: border-box;
 	// 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/button/block.json

@@ -89,7 +89,7 @@
 				"radius": true
 			}
 		},
-		"__experimentalSelector": ".wp-block-button__link"
+		"__experimentalSelector": ".wp-block-button .wp-block-button__link"
 	},
 	"styles": [
 		{ "name": "fill", "label": "Fill", "isDefault": true },