@wordpress/block-library 8.34.0 → 9.0.0

package/build-style/editor-rtl.css

@@ -114,27 +114,6 @@ ul.wp-block-archives {
   margin: 0 auto;
 }
 
-.edit-post-visual-editor .block-library-block__reusable-block-container .is-root-container {
-  padding-right: 0;
-  padding-left: 0;
-}
-.edit-post-visual-editor .block-library-block__reusable-block-container .block-editor-writing-flow {
-  display: block;
-}
-.edit-post-visual-editor .block-library-block__reusable-block-container .components-disabled .block-list-appender {
-  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.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);
-}
-.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;
-}
-
 .wp-block[data-align=center] > .wp-block-button {
   text-align: center;
   margin-right: auto;
@@ -166,39 +145,8 @@ div[data-type="core/button"] {
   text-decoration: inherit;
 }
 
-.editor-styles-wrapper .wp-block-button .wp-block-button__link:where(.has-border-color) {
-  border-width: initial;
-}
-.editor-styles-wrapper .wp-block-button .wp-block-button__link:where([style*="border-top-color"]) {
-  border-top-width: initial;
-}
-.editor-styles-wrapper .wp-block-button .wp-block-button__link:where([style*="border-right-color"]) {
-  border-left-width: initial;
-}
-.editor-styles-wrapper .wp-block-button .wp-block-button__link:where([style*="border-bottom-color"]) {
-  border-bottom-width: initial;
-}
-.editor-styles-wrapper .wp-block-button .wp-block-button__link:where([style*="border-left-color"]) {
-  border-right-width: initial;
-}
-.editor-styles-wrapper .wp-block-button .wp-block-button__link:where([style*="border-style"]) {
-  border-width: initial;
-}
-.editor-styles-wrapper .wp-block-button .wp-block-button__link:where([style*="border-top-style"]) {
-  border-top-width: initial;
-}
-.editor-styles-wrapper .wp-block-button .wp-block-button__link:where([style*="border-right-style"]) {
-  border-left-width: initial;
-}
-.editor-styles-wrapper .wp-block-button .wp-block-button__link:where([style*="border-bottom-style"]) {
-  border-bottom-width: initial;
-}
-.editor-styles-wrapper .wp-block-button .wp-block-button__link:where([style*="border-left-style"]) {
-  border-right-width: initial;
-}
-
 .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;
@@ -541,10 +489,6 @@ html :where(.wp-block-column) {
   margin-top: 24px;
 }
 
-.wp-block-cover::after {
-  min-height: auto;
-}
-
 .wp-block-details summary div {
   display: inline;
 }
@@ -1034,42 +978,42 @@ div[data-type="core/freeform"].is-selected .block-library-classic__toolbar {
   margin-top: 16px;
 }
 
-:where(figure.wp-block-gallery) {
+:root :where(figure.wp-block-gallery) {
   display: block;
 }
-:where(figure.wp-block-gallery) > .blocks-gallery-caption {
+:root :where(figure.wp-block-gallery) > .blocks-gallery-caption {
   flex: 0 0 100%;
 }
-:where(figure.wp-block-gallery) > .blocks-gallery-media-placeholder-wrapper {
+:root :where(figure.wp-block-gallery) > .blocks-gallery-media-placeholder-wrapper {
   flex-basis: 100%;
 }
-:where(figure.wp-block-gallery) .wp-block-image .components-notice.is-error {
+:root :where(figure.wp-block-gallery) .wp-block-image .components-notice.is-error {
   display: block;
 }
-:where(figure.wp-block-gallery) .wp-block-image .components-notice__content {
+:root :where(figure.wp-block-gallery) .wp-block-image .components-notice__content {
   margin: 4px 0;
 }
-:where(figure.wp-block-gallery) .wp-block-image .components-notice__dismiss {
+:root :where(figure.wp-block-gallery) .wp-block-image .components-notice__dismiss {
   position: absolute;
   top: 0;
   left: 5px;
 }
-:where(figure.wp-block-gallery) .block-editor-media-placeholder.is-appender .components-placeholder__label {
+:root :where(figure.wp-block-gallery) .block-editor-media-placeholder.is-appender .components-placeholder__label {
   display: none;
 }
-:where(figure.wp-block-gallery) .block-editor-media-placeholder.is-appender .block-editor-media-placeholder__button {
+:root :where(figure.wp-block-gallery) .block-editor-media-placeholder.is-appender .block-editor-media-placeholder__button {
   margin-bottom: 0;
 }
-:where(figure.wp-block-gallery) .block-editor-media-placeholder {
+:root :where(figure.wp-block-gallery) .block-editor-media-placeholder {
   margin: 0;
 }
-:where(figure.wp-block-gallery) .block-editor-media-placeholder .components-placeholder__label {
+:root :where(figure.wp-block-gallery) .block-editor-media-placeholder .components-placeholder__label {
   display: flex;
 }
-:where(figure.wp-block-gallery) .block-editor-media-placeholder figcaption {
+:root :where(figure.wp-block-gallery) .block-editor-media-placeholder figcaption {
   z-index: 2;
 }
-:where(figure.wp-block-gallery) .components-spinner {
+:root :where(figure.wp-block-gallery) .components-spinner {
   position: absolute;
   top: 50%;
   right: 50%;
@@ -1241,7 +1185,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;
 }
 
@@ -1263,6 +1208,7 @@ div[data-type="core/freeform"].is-selected .block-library-classic__toolbar {
   box-shadow: none !important;
   border-radius: 2px !important;
   font-size: 16px !important;
+  direction: ltr;
 }
 @media (min-width: 600px) {
   .block-library-html__edit .block-editor-plain-text {
@@ -1389,6 +1335,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;
@@ -1426,12 +1375,6 @@ figure.wp-block-image:not(.wp-block) {
   width: 250px;
 }
 
-.wp-block-latest-posts {
-  padding-right: 2.5em;
-}
-.wp-block-latest-posts.is-grid {
-  padding-right: 0;
-}
 .wp-block-latest-posts > li {
   overflow: hidden;
 }
@@ -1440,10 +1383,6 @@ figure.wp-block-image:not(.wp-block) {
   display: inline;
 }
 
-.edit-post-visual-editor .wp-block-latest-posts.is-grid li {
-  margin-bottom: 20px;
-}
-
 .editor-latest-posts-image-alignment-control .components-base-control__label {
   display: block;
 }
@@ -1451,6 +1390,15 @@ figure.wp-block-image:not(.wp-block) {
   border-radius: 2px;
 }
 
+:root :where(.wp-block-latest-posts) {
+  padding-right: 2.5em;
+}
+
+:root :where(.wp-block-latest-posts.is-grid),
+:root :where(.wp-block-latest-posts__list) {
+  padding-right: 0;
+}
+
 .wp-block-media-text__media {
   position: relative;
 }
@@ -2297,17 +2245,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 {
@@ -2330,14 +2269,6 @@ body.editor-styles-wrapper .wp-block-navigation__responsive-container.is-menu-op
   padding-top: 0.1px;
   padding-bottom: 0.1px;
 }
-.block-editor-block-list__block[data-type="core/separator"].wp-block-separator.is-style-dots {
-  background: none !important;
-  border: none;
-}
-
-[data-type="core/shortcode"].components-placeholder {
-  min-height: 0;
-}
 
 .blocks-shortcode__textarea {
   box-sizing: border-box;
@@ -2499,7 +2430,7 @@ body.editor-styles-wrapper .wp-block-navigation__responsive-container.is-menu-op
   border: 1px dashed;
 }
 
-.editor-styles-wrapper .wp-block-site-title a {
+.editor-styles-wrapper :where(.wp-block-site-title a) {
   color: inherit;
 }
 
@@ -2526,12 +2457,12 @@ body.editor-styles-wrapper .wp-block-navigation__responsive-container.is-menu-op
   outline: 3px solid transparent;
 }
 
-.wp-block-social-links.is-style-pill-shape .wp-social-link button {
+:root :where(.wp-block-social-links.is-style-pill-shape .wp-social-link button) {
   padding-right: calc((2/3) * 1em);
   padding-left: calc((2/3) * 1em);
 }
 
-.wp-block-social-links.is-style-logos-only .wp-social-link button {
+:root :where(.wp-block-social-links.is-style-logos-only .wp-social-link button) {
   padding: 0;
 }
 
@@ -2544,10 +2475,20 @@ body.editor-styles-wrapper .wp-block-navigation__responsive-container.is-menu-op
   transform: none;
 }
 
-.editor-styles-wrapper .wp-block-social-links {
+:root :where(.wp-block-social-links),
+:root :where(.wp-block-social-links.is-style-logos-only .wp-block-social-links__social-placeholder .wp-social-link) {
   padding: 0;
 }
 
+:root :where(.wp-block-social-links__social-placeholder .wp-social-link) {
+  padding: 0.25em;
+}
+
+:root :where(.wp-block-social-links.is-style-pill-shape .wp-block-social-links__social-placeholder .wp-social-link) {
+  padding-right: calc((2/3) * 1em);
+  padding-left: calc((2/3) * 1em);
+}
+
 .wp-block-social-links__social-placeholder {
   display: flex;
   opacity: 0.8;
@@ -2564,16 +2505,6 @@ body.editor-styles-wrapper .wp-block-navigation__responsive-container.is-menu-op
 .wp-block-social-links__social-placeholder > .wp-block-social-links__social-placeholder-icons {
   display: flex;
 }
-.wp-block-social-links__social-placeholder .wp-social-link {
-  padding: 0.25em;
-}
-.is-style-pill-shape .wp-block-social-links__social-placeholder .wp-social-link {
-  padding-right: calc((2/3) * 1em);
-  padding-left: calc((2/3) * 1em);
-}
-.is-style-logos-only .wp-block-social-links__social-placeholder .wp-social-link {
-  padding: 0;
-}
 .wp-block-social-links__social-placeholder .wp-social-link::before {
   content: "";
   display: block;
@@ -2741,19 +2672,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 +3018,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

@@ -114,27 +114,6 @@ ul.wp-block-archives {
   margin: 0 auto;
 }
 
-.edit-post-visual-editor .block-library-block__reusable-block-container .is-root-container {
-  padding-left: 0;
-  padding-right: 0;
-}
-.edit-post-visual-editor .block-library-block__reusable-block-container .block-editor-writing-flow {
-  display: block;
-}
-.edit-post-visual-editor .block-library-block__reusable-block-container .components-disabled .block-list-appender {
-  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.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);
-}
-.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;
-}
-
 .wp-block[data-align=center] > .wp-block-button {
   text-align: center;
   margin-left: auto;
@@ -167,39 +146,8 @@ div[data-type="core/button"] {
   text-decoration: inherit;
 }
 
-.editor-styles-wrapper .wp-block-button .wp-block-button__link:where(.has-border-color) {
-  border-width: initial;
-}
-.editor-styles-wrapper .wp-block-button .wp-block-button__link:where([style*="border-top-color"]) {
-  border-top-width: initial;
-}
-.editor-styles-wrapper .wp-block-button .wp-block-button__link:where([style*="border-right-color"]) {
-  border-right-width: initial;
-}
-.editor-styles-wrapper .wp-block-button .wp-block-button__link:where([style*="border-bottom-color"]) {
-  border-bottom-width: initial;
-}
-.editor-styles-wrapper .wp-block-button .wp-block-button__link:where([style*="border-left-color"]) {
-  border-left-width: initial;
-}
-.editor-styles-wrapper .wp-block-button .wp-block-button__link:where([style*="border-style"]) {
-  border-width: initial;
-}
-.editor-styles-wrapper .wp-block-button .wp-block-button__link:where([style*="border-top-style"]) {
-  border-top-width: initial;
-}
-.editor-styles-wrapper .wp-block-button .wp-block-button__link:where([style*="border-right-style"]) {
-  border-right-width: initial;
-}
-.editor-styles-wrapper .wp-block-button .wp-block-button__link:where([style*="border-bottom-style"]) {
-  border-bottom-width: initial;
-}
-.editor-styles-wrapper .wp-block-button .wp-block-button__link:where([style*="border-left-style"]) {
-  border-left-width: initial;
-}
-
 .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;
@@ -545,10 +493,6 @@ html :where(.wp-block-column) {
   margin-top: 24px;
 }
 
-.wp-block-cover::after {
-  min-height: auto;
-}
-
 .wp-block-details summary div {
   display: inline;
 }
@@ -1042,42 +986,42 @@ div[data-type="core/freeform"].is-selected .block-library-classic__toolbar {
   margin-top: 16px;
 }
 
-:where(figure.wp-block-gallery) {
+:root :where(figure.wp-block-gallery) {
   display: block;
 }
-:where(figure.wp-block-gallery) > .blocks-gallery-caption {
+:root :where(figure.wp-block-gallery) > .blocks-gallery-caption {
   flex: 0 0 100%;
 }
-:where(figure.wp-block-gallery) > .blocks-gallery-media-placeholder-wrapper {
+:root :where(figure.wp-block-gallery) > .blocks-gallery-media-placeholder-wrapper {
   flex-basis: 100%;
 }
-:where(figure.wp-block-gallery) .wp-block-image .components-notice.is-error {
+:root :where(figure.wp-block-gallery) .wp-block-image .components-notice.is-error {
   display: block;
 }
-:where(figure.wp-block-gallery) .wp-block-image .components-notice__content {
+:root :where(figure.wp-block-gallery) .wp-block-image .components-notice__content {
   margin: 4px 0;
 }
-:where(figure.wp-block-gallery) .wp-block-image .components-notice__dismiss {
+:root :where(figure.wp-block-gallery) .wp-block-image .components-notice__dismiss {
   position: absolute;
   top: 0;
   right: 5px;
 }
-:where(figure.wp-block-gallery) .block-editor-media-placeholder.is-appender .components-placeholder__label {
+:root :where(figure.wp-block-gallery) .block-editor-media-placeholder.is-appender .components-placeholder__label {
   display: none;
 }
-:where(figure.wp-block-gallery) .block-editor-media-placeholder.is-appender .block-editor-media-placeholder__button {
+:root :where(figure.wp-block-gallery) .block-editor-media-placeholder.is-appender .block-editor-media-placeholder__button {
   margin-bottom: 0;
 }
-:where(figure.wp-block-gallery) .block-editor-media-placeholder {
+:root :where(figure.wp-block-gallery) .block-editor-media-placeholder {
   margin: 0;
 }
-:where(figure.wp-block-gallery) .block-editor-media-placeholder .components-placeholder__label {
+:root :where(figure.wp-block-gallery) .block-editor-media-placeholder .components-placeholder__label {
   display: flex;
 }
-:where(figure.wp-block-gallery) .block-editor-media-placeholder figcaption {
+:root :where(figure.wp-block-gallery) .block-editor-media-placeholder figcaption {
   z-index: 2;
 }
-:where(figure.wp-block-gallery) .components-spinner {
+:root :where(figure.wp-block-gallery) .components-spinner {
   position: absolute;
   top: 50%;
   left: 50%;
@@ -1249,7 +1193,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;
 }
 
@@ -1271,6 +1216,8 @@ div[data-type="core/freeform"].is-selected .block-library-classic__toolbar {
   box-shadow: none !important;
   border-radius: 2px !important;
   font-size: 16px !important;
+  /*rtl:ignore*/
+  direction: ltr;
 }
 @media (min-width: 600px) {
   .block-library-html__edit .block-editor-plain-text {
@@ -1397,6 +1344,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;
@@ -1434,12 +1384,6 @@ figure.wp-block-image:not(.wp-block) {
   width: 250px;
 }
 
-.wp-block-latest-posts {
-  padding-left: 2.5em;
-}
-.wp-block-latest-posts.is-grid {
-  padding-left: 0;
-}
 .wp-block-latest-posts > li {
   overflow: hidden;
 }
@@ -1448,10 +1392,6 @@ figure.wp-block-image:not(.wp-block) {
   display: inline;
 }
 
-.edit-post-visual-editor .wp-block-latest-posts.is-grid li {
-  margin-bottom: 20px;
-}
-
 .editor-latest-posts-image-alignment-control .components-base-control__label {
   display: block;
 }
@@ -1459,6 +1399,15 @@ figure.wp-block-image:not(.wp-block) {
   border-radius: 2px;
 }
 
+:root :where(.wp-block-latest-posts) {
+  padding-left: 2.5em;
+}
+
+:root :where(.wp-block-latest-posts.is-grid),
+:root :where(.wp-block-latest-posts__list) {
+  padding-left: 0;
+}
+
 .wp-block-media-text__media {
   position: relative;
 }
@@ -2305,17 +2254,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 {
@@ -2338,14 +2278,6 @@ body.editor-styles-wrapper .wp-block-navigation__responsive-container.is-menu-op
   padding-top: 0.1px;
   padding-bottom: 0.1px;
 }
-.block-editor-block-list__block[data-type="core/separator"].wp-block-separator.is-style-dots {
-  background: none !important;
-  border: none;
-}
-
-[data-type="core/shortcode"].components-placeholder {
-  min-height: 0;
-}
 
 .blocks-shortcode__textarea {
   box-sizing: border-box;
@@ -2507,7 +2439,7 @@ body.editor-styles-wrapper .wp-block-navigation__responsive-container.is-menu-op
   border: 1px dashed;
 }
 
-.editor-styles-wrapper .wp-block-site-title a {
+.editor-styles-wrapper :where(.wp-block-site-title a) {
   color: inherit;
 }
 
@@ -2534,12 +2466,12 @@ body.editor-styles-wrapper .wp-block-navigation__responsive-container.is-menu-op
   outline: 3px solid transparent;
 }
 
-.wp-block-social-links.is-style-pill-shape .wp-social-link button {
+:root :where(.wp-block-social-links.is-style-pill-shape .wp-social-link button) {
   padding-left: calc((2/3) * 1em);
   padding-right: calc((2/3) * 1em);
 }
 
-.wp-block-social-links.is-style-logos-only .wp-social-link button {
+:root :where(.wp-block-social-links.is-style-logos-only .wp-social-link button) {
   padding: 0;
 }
 
@@ -2552,10 +2484,20 @@ body.editor-styles-wrapper .wp-block-navigation__responsive-container.is-menu-op
   transform: none;
 }
 
-.editor-styles-wrapper .wp-block-social-links {
+:root :where(.wp-block-social-links),
+:root :where(.wp-block-social-links.is-style-logos-only .wp-block-social-links__social-placeholder .wp-social-link) {
   padding: 0;
 }
 
+:root :where(.wp-block-social-links__social-placeholder .wp-social-link) {
+  padding: 0.25em;
+}
+
+:root :where(.wp-block-social-links.is-style-pill-shape .wp-block-social-links__social-placeholder .wp-social-link) {
+  padding-left: calc((2/3) * 1em);
+  padding-right: calc((2/3) * 1em);
+}
+
 .wp-block-social-links__social-placeholder {
   display: flex;
   opacity: 0.8;
@@ -2572,16 +2514,6 @@ body.editor-styles-wrapper .wp-block-navigation__responsive-container.is-menu-op
 .wp-block-social-links__social-placeholder > .wp-block-social-links__social-placeholder-icons {
   display: flex;
 }
-.wp-block-social-links__social-placeholder .wp-social-link {
-  padding: 0.25em;
-}
-.is-style-pill-shape .wp-block-social-links__social-placeholder .wp-social-link {
-  padding-left: calc((2/3) * 1em);
-  padding-right: calc((2/3) * 1em);
-}
-.is-style-logos-only .wp-block-social-links__social-placeholder .wp-social-link {
-  padding: 0;
-}
 .wp-block-social-links__social-placeholder .wp-social-link::before {
   content: "";
   display: block;
@@ -2749,19 +2681,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 +3030,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/embed/theme-rtl.css

@@ -95,6 +95,6 @@
   color: rgba(255, 255, 255, 0.65);
 }
 
-:where(.wp-block-embed) {
+.wp-block-embed {
   margin: 0 0 1em 0;
 }

package/build-style/embed/theme.css

@@ -95,6 +95,6 @@
   color: rgba(255, 255, 255, 0.65);
 }
 
-:where(.wp-block-embed) {
+.wp-block-embed {
   margin: 0 0 1em 0;
 }