@wordpress/block-library 8.34.0 → 8.35.0

package/build-style/common-rtl.css

@@ -112,11 +112,7 @@
 }
 
 :root {
-  /*
-   * Our classes uses the same values we set for gradient value attributes,
-   * and we can not use spacing because of WP multi site kses rule.
-   */
-  /* stylelint-disable function-comma-space-after */
+  /* stylelint-disable function-comma-space-after -- We can not use spacing because of WP multi site kses rule. */
   /* stylelint-enable function-comma-space-after */
   --wp--preset--font-size--normal: 16px;
   --wp--preset--font-size--huge: 42px;
@@ -306,14 +302,14 @@ html :where(img[class*="wp-image-"]) {
 }
 
 html :where(.is-position-sticky) {
-  /* stylelint-disable length-zero-no-unit */
+  /* stylelint-disable length-zero-no-unit -- 0px is set explicitly so that it can be used in a calc value. */
   --wp-admin--admin-bar--position-offset: var(--wp-admin--admin-bar--height, 0px);
   /* stylelint-enable length-zero-no-unit */
 }
 
 @media screen and (max-width: 600px) {
   html :where(.is-position-sticky) {
-    /* stylelint-disable length-zero-no-unit */
+    /* stylelint-disable length-zero-no-unit -- 0px is set explicitly so that it can be used in a calc value. */
     --wp-admin--admin-bar--position-offset: 0px;
     /* stylelint-enable length-zero-no-unit */
   }

package/build-style/common.css

@@ -112,11 +112,7 @@
 }
 
 :root {
-  /*
-   * Our classes uses the same values we set for gradient value attributes,
-   * and we can not use spacing because of WP multi site kses rule.
-   */
-  /* stylelint-disable function-comma-space-after */
+  /* stylelint-disable function-comma-space-after -- We can not use spacing because of WP multi site kses rule. */
   /* stylelint-enable function-comma-space-after */
   --wp--preset--font-size--normal: 16px;
   --wp--preset--font-size--huge: 42px;
@@ -308,14 +304,14 @@ html :where(img[class*="wp-image-"]) {
 }
 
 html :where(.is-position-sticky) {
-  /* stylelint-disable length-zero-no-unit */
+  /* stylelint-disable length-zero-no-unit -- 0px is set explicitly so that it can be used in a calc value. */
   --wp-admin--admin-bar--position-offset: var(--wp-admin--admin-bar--height, 0px);
   /* stylelint-enable length-zero-no-unit */
 }
 
 @media screen and (max-width: 600px) {
   html :where(.is-position-sticky) {
-    /* stylelint-disable length-zero-no-unit */
+    /* stylelint-disable length-zero-no-unit -- 0px is set explicitly so that it can be used in a calc value. */
     --wp-admin--admin-bar--position-offset: 0px;
     /* stylelint-enable length-zero-no-unit */
   }

package/build-style/editor-rtl.css

@@ -125,14 +125,14 @@ ul.wp-block-archives {
   display: none;
 }
 
-.edit-post-visual-editor .block-editor-block-list__block:not(.remove-outline).is-reusable.is-highlighted, .edit-post-visual-editor .block-editor-block-list__block:not(.remove-outline).is-reusable.is-selected {
-  box-shadow: inset 0 0 0 var(--wp-admin-border-width-focus) var(--wp-block-synced-color);
+.edit-post-visual-editor .block-editor-block-list__block:not(.remove-outline).is-reusable.is-highlighted::after, .edit-post-visual-editor .block-editor-block-list__block:not(.remove-outline).is-reusable.is-selected::after {
+  outline-color: var(--wp-block-synced-color);
 }
 .edit-post-visual-editor .block-editor-block-list__block:not(.remove-outline).is-reusable.block-editor-block-list__block:not([contenteditable]):focus::after {
-  box-shadow: 0 0 0 var(--wp-admin-border-width-focus) var(--wp-block-synced-color);
+  outline-color: var(--wp-block-synced-color);
 }
 .is-dark-theme .edit-post-visual-editor .block-editor-block-list__block:not(.remove-outline).is-reusable.block-editor-block-list__block:not([contenteditable]):focus::after {
-  box-shadow: 0 0 0 var(--wp-admin-border-width-focus) #fff;
+  outline-color: #fff;
 }
 
 .wp-block[data-align=center] > .wp-block-button {
@@ -198,7 +198,7 @@ div[data-type="core/button"] {
 }
 
 .wp-block-buttons {
-  /* stylelint-disable indentation */
+  /* stylelint-disable indentation -- Disable the stylelint rule, otherwise this selector is ugly! */
 }
 .wp-block-buttons > .wp-block {
   margin: 0;
@@ -1241,7 +1241,8 @@ div[data-type="core/freeform"].is-selected .block-library-classic__toolbar {
   background: currentColor;
   opacity: 0.1;
 }
-.wp-block-group.is-layout-flex.block-editor-block-list__block > .block-list-appender:only-child .block-editor-inserter {
+.wp-block-group.is-layout-flex.block-editor-block-list__block > .block-list-appender:only-child .block-editor-inserter,
+.wp-block-group.is-layout-flex.block-editor-block-list__block > .block-list-appender:only-child .block-editor-button-block-appender {
   pointer-events: all;
 }
 
@@ -1389,6 +1390,9 @@ figure.wp-block-image:not(.wp-block) {
   width: 100%;
   overflow: hidden;
 }
+.wp-block-image__crop-area .reactEasyCrop_Container {
+  pointer-events: auto;
+}
 .wp-block-image__crop-area .reactEasyCrop_Container .reactEasyCrop_Image {
   border: none;
   border-radius: 0;
@@ -2297,17 +2301,8 @@ body.editor-styles-wrapper .wp-block-navigation__responsive-container.is-menu-op
   display: inline;
 }
 
-.wp-block-rss__placeholder-form > * {
-  margin-bottom: 8px;
-}
-@media (min-width: 782px) {
-  .wp-block-rss__placeholder-form > * {
-    margin-bottom: 0;
-  }
-}
 .wp-block-rss__placeholder-form .wp-block-rss__placeholder-input {
-  flex: 1;
-  min-width: 80%;
+  flex: 1 1 auto;
 }
 
 .wp-block[data-align=center] .wp-block-search .wp-block-search__inside-wrapper {
@@ -2335,10 +2330,6 @@ body.editor-styles-wrapper .wp-block-navigation__responsive-container.is-menu-op
   border: none;
 }
 
-[data-type="core/shortcode"].components-placeholder {
-  min-height: 0;
-}
-
 .blocks-shortcode__textarea {
   box-sizing: border-box;
   max-height: 250px;
@@ -2741,19 +2732,15 @@ body.editor-styles-wrapper .wp-block-navigation__responsive-container.is-menu-op
 .block-editor-block-list__block:not(.remove-outline).wp-block-template-part.is-highlighted::after, .block-editor-block-list__block:not(.remove-outline).wp-block-template-part.is-selected::after,
 .block-editor-block-list__block:not(.remove-outline).is-reusable.is-highlighted::after,
 .block-editor-block-list__block:not(.remove-outline).is-reusable.is-selected::after {
-  box-shadow: 0 0 0 var(--wp-admin-border-width-focus) var(--wp-block-synced-color);
-}
-.block-editor-block-list__block:not(.remove-outline).wp-block-template-part.is-hovered::after,
-.block-editor-block-list__block:not(.remove-outline).is-reusable.is-hovered::after {
-  box-shadow: 0 0 0 1px var(--wp-block-synced-color);
+  outline-color: var(--wp-block-synced-color);
 }
 .block-editor-block-list__block:not(.remove-outline).wp-block-template-part.block-editor-block-list__block:not([contenteditable]):focus::after,
 .block-editor-block-list__block:not(.remove-outline).is-reusable.block-editor-block-list__block:not([contenteditable]):focus::after {
-  box-shadow: 0 0 0 var(--wp-admin-border-width-focus) var(--wp-block-synced-color);
+  outline-color: var(--wp-block-synced-color);
 }
 .is-dark-theme .block-editor-block-list__block:not(.remove-outline).wp-block-template-part.block-editor-block-list__block:not([contenteditable]):focus::after,
 .is-dark-theme .block-editor-block-list__block:not(.remove-outline).is-reusable.block-editor-block-list__block:not([contenteditable]):focus::after {
-  box-shadow: 0 0 0 var(--wp-admin-border-width-focus) #fff;
+  outline-color: #fff;
 }
 
 .is-outline-mode .block-editor-block-list__block:not(.remove-outline).wp-block-template-part.has-editable-outline::after {
@@ -3091,11 +3078,7 @@ div[data-type="core/post-featured-image"] img {
 }
 
 :root .editor-styles-wrapper {
-  /*
-   * Our classes uses the same values we set for gradient value attributes,
-   * and we can not use spacing because of WP multi site kses rule.
-   */
-  /* stylelint-disable function-comma-space-after */
+  /* stylelint-disable function-comma-space-after -- We can not use spacing because of WP multi site kses rule. */
   /* stylelint-enable function-comma-space-after */
 }
 :root .editor-styles-wrapper .has-very-light-gray-background-color {

package/build-style/editor.css

@@ -125,14 +125,14 @@ ul.wp-block-archives {
   display: none;
 }
 
-.edit-post-visual-editor .block-editor-block-list__block:not(.remove-outline).is-reusable.is-highlighted, .edit-post-visual-editor .block-editor-block-list__block:not(.remove-outline).is-reusable.is-selected {
-  box-shadow: inset 0 0 0 var(--wp-admin-border-width-focus) var(--wp-block-synced-color);
+.edit-post-visual-editor .block-editor-block-list__block:not(.remove-outline).is-reusable.is-highlighted::after, .edit-post-visual-editor .block-editor-block-list__block:not(.remove-outline).is-reusable.is-selected::after {
+  outline-color: var(--wp-block-synced-color);
 }
 .edit-post-visual-editor .block-editor-block-list__block:not(.remove-outline).is-reusable.block-editor-block-list__block:not([contenteditable]):focus::after {
-  box-shadow: 0 0 0 var(--wp-admin-border-width-focus) var(--wp-block-synced-color);
+  outline-color: var(--wp-block-synced-color);
 }
 .is-dark-theme .edit-post-visual-editor .block-editor-block-list__block:not(.remove-outline).is-reusable.block-editor-block-list__block:not([contenteditable]):focus::after {
-  box-shadow: 0 0 0 var(--wp-admin-border-width-focus) #fff;
+  outline-color: #fff;
 }
 
 .wp-block[data-align=center] > .wp-block-button {
@@ -199,7 +199,7 @@ div[data-type="core/button"] {
 }
 
 .wp-block-buttons {
-  /* stylelint-disable indentation */
+  /* stylelint-disable indentation -- Disable the stylelint rule, otherwise this selector is ugly! */
 }
 .wp-block-buttons > .wp-block {
   margin: 0;
@@ -1249,7 +1249,8 @@ div[data-type="core/freeform"].is-selected .block-library-classic__toolbar {
   background: currentColor;
   opacity: 0.1;
 }
-.wp-block-group.is-layout-flex.block-editor-block-list__block > .block-list-appender:only-child .block-editor-inserter {
+.wp-block-group.is-layout-flex.block-editor-block-list__block > .block-list-appender:only-child .block-editor-inserter,
+.wp-block-group.is-layout-flex.block-editor-block-list__block > .block-list-appender:only-child .block-editor-button-block-appender {
   pointer-events: all;
 }
 
@@ -1397,6 +1398,9 @@ figure.wp-block-image:not(.wp-block) {
   width: 100%;
   overflow: hidden;
 }
+.wp-block-image__crop-area .reactEasyCrop_Container {
+  pointer-events: auto;
+}
 .wp-block-image__crop-area .reactEasyCrop_Container .reactEasyCrop_Image {
   border: none;
   border-radius: 0;
@@ -2305,17 +2309,8 @@ body.editor-styles-wrapper .wp-block-navigation__responsive-container.is-menu-op
   display: inline;
 }
 
-.wp-block-rss__placeholder-form > * {
-  margin-bottom: 8px;
-}
-@media (min-width: 782px) {
-  .wp-block-rss__placeholder-form > * {
-    margin-bottom: 0;
-  }
-}
 .wp-block-rss__placeholder-form .wp-block-rss__placeholder-input {
-  flex: 1;
-  min-width: 80%;
+  flex: 1 1 auto;
 }
 
 .wp-block[data-align=center] .wp-block-search .wp-block-search__inside-wrapper {
@@ -2343,10 +2338,6 @@ body.editor-styles-wrapper .wp-block-navigation__responsive-container.is-menu-op
   border: none;
 }
 
-[data-type="core/shortcode"].components-placeholder {
-  min-height: 0;
-}
-
 .blocks-shortcode__textarea {
   box-sizing: border-box;
   max-height: 250px;
@@ -2749,19 +2740,15 @@ body.editor-styles-wrapper .wp-block-navigation__responsive-container.is-menu-op
 .block-editor-block-list__block:not(.remove-outline).wp-block-template-part.is-highlighted::after, .block-editor-block-list__block:not(.remove-outline).wp-block-template-part.is-selected::after,
 .block-editor-block-list__block:not(.remove-outline).is-reusable.is-highlighted::after,
 .block-editor-block-list__block:not(.remove-outline).is-reusable.is-selected::after {
-  box-shadow: 0 0 0 var(--wp-admin-border-width-focus) var(--wp-block-synced-color);
-}
-.block-editor-block-list__block:not(.remove-outline).wp-block-template-part.is-hovered::after,
-.block-editor-block-list__block:not(.remove-outline).is-reusable.is-hovered::after {
-  box-shadow: 0 0 0 1px var(--wp-block-synced-color);
+  outline-color: var(--wp-block-synced-color);
 }
 .block-editor-block-list__block:not(.remove-outline).wp-block-template-part.block-editor-block-list__block:not([contenteditable]):focus::after,
 .block-editor-block-list__block:not(.remove-outline).is-reusable.block-editor-block-list__block:not([contenteditable]):focus::after {
-  box-shadow: 0 0 0 var(--wp-admin-border-width-focus) var(--wp-block-synced-color);
+  outline-color: var(--wp-block-synced-color);
 }
 .is-dark-theme .block-editor-block-list__block:not(.remove-outline).wp-block-template-part.block-editor-block-list__block:not([contenteditable]):focus::after,
 .is-dark-theme .block-editor-block-list__block:not(.remove-outline).is-reusable.block-editor-block-list__block:not([contenteditable]):focus::after {
-  box-shadow: 0 0 0 var(--wp-admin-border-width-focus) #fff;
+  outline-color: #fff;
 }
 
 .is-outline-mode .block-editor-block-list__block:not(.remove-outline).wp-block-template-part.has-editable-outline::after {
@@ -3102,11 +3089,7 @@ div[data-type="core/post-featured-image"] img {
 }
 
 :root .editor-styles-wrapper {
-  /*
-   * Our classes uses the same values we set for gradient value attributes,
-   * and we can not use spacing because of WP multi site kses rule.
-   */
-  /* stylelint-disable function-comma-space-after */
+  /* stylelint-disable function-comma-space-after -- We can not use spacing because of WP multi site kses rule. */
   /* stylelint-enable function-comma-space-after */
 }
 :root .editor-styles-wrapper .has-very-light-gray-background-color {

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

@@ -135,6 +135,7 @@
   background: currentColor;
   opacity: 0.1;
 }
-.wp-block-group.is-layout-flex.block-editor-block-list__block > .block-list-appender:only-child .block-editor-inserter {
+.wp-block-group.is-layout-flex.block-editor-block-list__block > .block-list-appender:only-child .block-editor-inserter,
+.wp-block-group.is-layout-flex.block-editor-block-list__block > .block-list-appender:only-child .block-editor-button-block-appender {
   pointer-events: all;
 }

package/build-style/group/editor.css

@@ -135,6 +135,7 @@
   background: currentColor;
   opacity: 0.1;
 }
-.wp-block-group.is-layout-flex.block-editor-block-list__block > .block-list-appender:only-child .block-editor-inserter {
+.wp-block-group.is-layout-flex.block-editor-block-list__block > .block-list-appender:only-child .block-editor-inserter,
+.wp-block-group.is-layout-flex.block-editor-block-list__block > .block-list-appender:only-child .block-editor-button-block-appender {
   pointer-events: all;
 }

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

@@ -200,6 +200,9 @@ figure.wp-block-image:not(.wp-block) {
   width: 100%;
   overflow: hidden;
 }
+.wp-block-image__crop-area .reactEasyCrop_Container {
+  pointer-events: auto;
+}
 .wp-block-image__crop-area .reactEasyCrop_Container .reactEasyCrop_Image {
   border: none;
   border-radius: 0;

package/build-style/image/editor.css

@@ -200,6 +200,9 @@ figure.wp-block-image:not(.wp-block) {
   width: 100%;
   overflow: hidden;
 }
+.wp-block-image__crop-area .reactEasyCrop_Container {
+  pointer-events: auto;
+}
 .wp-block-image__crop-area .reactEasyCrop_Container .reactEasyCrop_Image {
   border: none;
   border-radius: 0;

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

@@ -150,10 +150,9 @@
 }
 @supports ((-webkit-mask-image: none) or (mask-image: none)) or (-webkit-mask-image: none) {
   .wp-block-image.is-style-circle-mask img {
-    /* stylelint-disable */
+    /* stylelint-disable-next-line function-url-quotes -- We need quotes for the data URL to use the SVG inline. */
     -webkit-mask-image: url('data:image/svg+xml;utf8,<svg viewBox="0 0 100 100" xmlns="http://www.w3.org/2000/svg"><circle cx="50" cy="50" r="50"/></svg>');
             mask-image: url('data:image/svg+xml;utf8,<svg viewBox="0 0 100 100" xmlns="http://www.w3.org/2000/svg"><circle cx="50" cy="50" r="50"/></svg>');
-    /* stylelint-enable */
     mask-mode: alpha;
     -webkit-mask-repeat: no-repeat;
             mask-repeat: no-repeat;

package/build-style/image/style.css

@@ -156,10 +156,9 @@
 }
 @supports ((-webkit-mask-image: none) or (mask-image: none)) or (-webkit-mask-image: none) {
   .wp-block-image.is-style-circle-mask img {
-    /* stylelint-disable */
+    /* stylelint-disable-next-line function-url-quotes -- We need quotes for the data URL to use the SVG inline. */
     -webkit-mask-image: url('data:image/svg+xml;utf8,<svg viewBox="0 0 100 100" xmlns="http://www.w3.org/2000/svg"><circle cx="50" cy="50" r="50"/></svg>');
             mask-image: url('data:image/svg+xml;utf8,<svg viewBox="0 0 100 100" xmlns="http://www.w3.org/2000/svg"><circle cx="50" cy="50" r="50"/></svg>');
-    /* stylelint-enable */
     mask-mode: alpha;
     -webkit-mask-repeat: no-repeat;
             mask-repeat: no-repeat;

package/build-style/post-template/style-rtl.css

@@ -93,9 +93,6 @@
   list-style: none;
   padding: 0;
 }
-.wp-block-post-template.wp-block-post-template {
-  background: none;
-}
 .wp-block-post-template.is-flex-container {
   flex-direction: row;
   display: flex;

package/build-style/post-template/style.css

@@ -93,9 +93,6 @@
   list-style: none;
   padding: 0;
 }
-.wp-block-post-template.wp-block-post-template {
-  background: none;
-}
 .wp-block-post-template.is-flex-container {
   flex-direction: row;
   display: flex;

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

@@ -90,15 +90,6 @@
   display: inline;
 }
 
-.wp-block-rss__placeholder-form > * {
-  margin-bottom: 8px;
-}
-@media (min-width: 782px) {
-  .wp-block-rss__placeholder-form > * {
-    margin-bottom: 0;
-  }
-}
 .wp-block-rss__placeholder-form .wp-block-rss__placeholder-input {
-  flex: 1;
-  min-width: 80%;
+  flex: 1 1 auto;
 }

package/build-style/rss/editor.css

@@ -90,15 +90,6 @@
   display: inline;
 }
 
-.wp-block-rss__placeholder-form > * {
-  margin-bottom: 8px;
-}
-@media (min-width: 782px) {
-  .wp-block-rss__placeholder-form > * {
-    margin-bottom: 0;
-  }
-}
 .wp-block-rss__placeholder-form .wp-block-rss__placeholder-input {
-  flex: 1;
-  min-width: 80%;
+  flex: 1 1 auto;
 }

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

@@ -86,10 +86,6 @@
 /**
  * Reset the WP Admin page styles for Gutenberg-like pages.
  */
-[data-type="core/shortcode"].components-placeholder {
-  min-height: 0;
-}
-
 .blocks-shortcode__textarea {
   box-sizing: border-box;
   max-height: 250px;

package/build-style/shortcode/editor.css

@@ -86,10 +86,6 @@
 /**
  * Reset the WP Admin page styles for Gutenberg-like pages.
  */
-[data-type="core/shortcode"].components-placeholder {
-  min-height: 0;
-}
-
 .blocks-shortcode__textarea {
   box-sizing: border-box;
   max-height: 250px;

package/build-style/style-rtl.css

@@ -235,7 +235,7 @@
 }
 
 .wp-block-buttons {
-  /* stylelint-disable indentation */
+  /* stylelint-disable indentation -- Disable the stylelint rule, otherwise this selector is ugly! */
 }
 .wp-block-buttons.is-vertical {
   flex-direction: column;
@@ -1640,10 +1640,9 @@ h6.has-text-align-left[style*=writing-mode]:where([style*="vertical-lr"]) {
 }
 @supports ((-webkit-mask-image: none) or (mask-image: none)) or (-webkit-mask-image: none) {
   .wp-block-image.is-style-circle-mask img {
-    /* stylelint-disable */
+    /* stylelint-disable-next-line function-url-quotes -- We need quotes for the data URL to use the SVG inline. */
     -webkit-mask-image: url('data:image/svg+xml;utf8,<svg viewBox="0 0 100 100" xmlns="http://www.w3.org/2000/svg"><circle cx="50" cy="50" r="50"/></svg>');
             mask-image: url('data:image/svg+xml;utf8,<svg viewBox="0 0 100 100" xmlns="http://www.w3.org/2000/svg"><circle cx="50" cy="50" r="50"/></svg>');
-    /* stylelint-enable */
     mask-mode: alpha;
     -webkit-mask-repeat: no-repeat;
             mask-repeat: no-repeat;
@@ -3064,9 +3063,6 @@ p.has-text-align-left[style*="writing-mode:vertical-lr"] {
   list-style: none;
   padding: 0;
 }
-.wp-block-post-template.wp-block-post-template {
-  background: none;
-}
 .wp-block-post-template.is-flex-container {
   flex-direction: row;
   display: flex;
@@ -4081,11 +4077,7 @@ a[data-fn].fn::after {
 }
 
 :root {
-  /*
-   * Our classes uses the same values we set for gradient value attributes,
-   * and we can not use spacing because of WP multi site kses rule.
-   */
-  /* stylelint-disable function-comma-space-after */
+  /* stylelint-disable function-comma-space-after -- We can not use spacing because of WP multi site kses rule. */
   /* stylelint-enable function-comma-space-after */
   --wp--preset--font-size--normal: 16px;
   --wp--preset--font-size--huge: 42px;
@@ -4275,14 +4267,14 @@ html :where(img[class*="wp-image-"]) {
 }
 
 html :where(.is-position-sticky) {
-  /* stylelint-disable length-zero-no-unit */
+  /* stylelint-disable length-zero-no-unit -- 0px is set explicitly so that it can be used in a calc value. */
   --wp-admin--admin-bar--position-offset: var(--wp-admin--admin-bar--height, 0px);
   /* stylelint-enable length-zero-no-unit */
 }
 
 @media screen and (max-width: 600px) {
   html :where(.is-position-sticky) {
-    /* stylelint-disable length-zero-no-unit */
+    /* stylelint-disable length-zero-no-unit -- 0px is set explicitly so that it can be used in a calc value. */
     --wp-admin--admin-bar--position-offset: 0px;
     /* stylelint-enable length-zero-no-unit */
   }

package/build-style/style.css

@@ -236,7 +236,7 @@
 }
 
 .wp-block-buttons {
-  /* stylelint-disable indentation */
+  /* stylelint-disable indentation -- Disable the stylelint rule, otherwise this selector is ugly! */
 }
 .wp-block-buttons.is-vertical {
   flex-direction: column;
@@ -1654,10 +1654,9 @@ h6.has-text-align-left[style*=writing-mode]:where([style*="vertical-lr"]) {
 }
 @supports ((-webkit-mask-image: none) or (mask-image: none)) or (-webkit-mask-image: none) {
   .wp-block-image.is-style-circle-mask img {
-    /* stylelint-disable */
+    /* stylelint-disable-next-line function-url-quotes -- We need quotes for the data URL to use the SVG inline. */
     -webkit-mask-image: url('data:image/svg+xml;utf8,<svg viewBox="0 0 100 100" xmlns="http://www.w3.org/2000/svg"><circle cx="50" cy="50" r="50"/></svg>');
             mask-image: url('data:image/svg+xml;utf8,<svg viewBox="0 0 100 100" xmlns="http://www.w3.org/2000/svg"><circle cx="50" cy="50" r="50"/></svg>');
-    /* stylelint-enable */
     mask-mode: alpha;
     -webkit-mask-repeat: no-repeat;
             mask-repeat: no-repeat;
@@ -3094,9 +3093,6 @@ p.has-text-align-left[style*="writing-mode:vertical-lr"] {
   list-style: none;
   padding: 0;
 }
-.wp-block-post-template.wp-block-post-template {
-  background: none;
-}
 .wp-block-post-template.is-flex-container {
   flex-direction: row;
   display: flex;
@@ -4116,11 +4112,7 @@ a[data-fn].fn::after {
 }
 
 :root {
-  /*
-   * Our classes uses the same values we set for gradient value attributes,
-   * and we can not use spacing because of WP multi site kses rule.
-   */
-  /* stylelint-disable function-comma-space-after */
+  /* stylelint-disable function-comma-space-after -- We can not use spacing because of WP multi site kses rule. */
   /* stylelint-enable function-comma-space-after */
   --wp--preset--font-size--normal: 16px;
   --wp--preset--font-size--huge: 42px;
@@ -4312,14 +4304,14 @@ html :where(img[class*="wp-image-"]) {
 }
 
 html :where(.is-position-sticky) {
-  /* stylelint-disable length-zero-no-unit */
+  /* stylelint-disable length-zero-no-unit -- 0px is set explicitly so that it can be used in a calc value. */
   --wp-admin--admin-bar--position-offset: var(--wp-admin--admin-bar--height, 0px);
   /* stylelint-enable length-zero-no-unit */
 }
 
 @media screen and (max-width: 600px) {
   html :where(.is-position-sticky) {
-    /* stylelint-disable length-zero-no-unit */
+    /* stylelint-disable length-zero-no-unit -- 0px is set explicitly so that it can be used in a calc value. */
     --wp-admin--admin-bar--position-offset: 0px;
     /* stylelint-enable length-zero-no-unit */
   }

package/build-style/template-part/editor-rtl.css

@@ -113,19 +113,15 @@
 .block-editor-block-list__block:not(.remove-outline).wp-block-template-part.is-highlighted::after, .block-editor-block-list__block:not(.remove-outline).wp-block-template-part.is-selected::after,
 .block-editor-block-list__block:not(.remove-outline).is-reusable.is-highlighted::after,
 .block-editor-block-list__block:not(.remove-outline).is-reusable.is-selected::after {
-  box-shadow: 0 0 0 var(--wp-admin-border-width-focus) var(--wp-block-synced-color);
-}
-.block-editor-block-list__block:not(.remove-outline).wp-block-template-part.is-hovered::after,
-.block-editor-block-list__block:not(.remove-outline).is-reusable.is-hovered::after {
-  box-shadow: 0 0 0 1px var(--wp-block-synced-color);
+  outline-color: var(--wp-block-synced-color);
 }
 .block-editor-block-list__block:not(.remove-outline).wp-block-template-part.block-editor-block-list__block:not([contenteditable]):focus::after,
 .block-editor-block-list__block:not(.remove-outline).is-reusable.block-editor-block-list__block:not([contenteditable]):focus::after {
-  box-shadow: 0 0 0 var(--wp-admin-border-width-focus) var(--wp-block-synced-color);
+  outline-color: var(--wp-block-synced-color);
 }
 .is-dark-theme .block-editor-block-list__block:not(.remove-outline).wp-block-template-part.block-editor-block-list__block:not([contenteditable]):focus::after,
 .is-dark-theme .block-editor-block-list__block:not(.remove-outline).is-reusable.block-editor-block-list__block:not([contenteditable]):focus::after {
-  box-shadow: 0 0 0 var(--wp-admin-border-width-focus) #fff;
+  outline-color: #fff;
 }
 
 .is-outline-mode .block-editor-block-list__block:not(.remove-outline).wp-block-template-part.has-editable-outline::after {

package/build-style/template-part/editor.css

@@ -113,19 +113,15 @@
 .block-editor-block-list__block:not(.remove-outline).wp-block-template-part.is-highlighted::after, .block-editor-block-list__block:not(.remove-outline).wp-block-template-part.is-selected::after,
 .block-editor-block-list__block:not(.remove-outline).is-reusable.is-highlighted::after,
 .block-editor-block-list__block:not(.remove-outline).is-reusable.is-selected::after {
-  box-shadow: 0 0 0 var(--wp-admin-border-width-focus) var(--wp-block-synced-color);
-}
-.block-editor-block-list__block:not(.remove-outline).wp-block-template-part.is-hovered::after,
-.block-editor-block-list__block:not(.remove-outline).is-reusable.is-hovered::after {
-  box-shadow: 0 0 0 1px var(--wp-block-synced-color);
+  outline-color: var(--wp-block-synced-color);
 }
 .block-editor-block-list__block:not(.remove-outline).wp-block-template-part.block-editor-block-list__block:not([contenteditable]):focus::after,
 .block-editor-block-list__block:not(.remove-outline).is-reusable.block-editor-block-list__block:not([contenteditable]):focus::after {
-  box-shadow: 0 0 0 var(--wp-admin-border-width-focus) var(--wp-block-synced-color);
+  outline-color: var(--wp-block-synced-color);
 }
 .is-dark-theme .block-editor-block-list__block:not(.remove-outline).wp-block-template-part.block-editor-block-list__block:not([contenteditable]):focus::after,
 .is-dark-theme .block-editor-block-list__block:not(.remove-outline).is-reusable.block-editor-block-list__block:not([contenteditable]):focus::after {
-  box-shadow: 0 0 0 var(--wp-admin-border-width-focus) #fff;
+  outline-color: #fff;
 }
 
 .is-outline-mode .block-editor-block-list__block:not(.remove-outline).wp-block-template-part.has-editable-outline::after {