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

package/build-style/editor.css

@@ -178,6 +178,10 @@ div[data-type="core/button"] {
   display: table;
 }
 
+.editor-styles-wrapper .wp-block-button[style*=text-decoration] .wp-block-button__link {
+  text-decoration: inherit;
+}
+
 .wp-block-buttons {
   /* stylelint-disable indentation */
 }
@@ -213,6 +217,9 @@ div[data-type="core/button"] {
 .is-content-justification-center) .wp-block[data-align=center] .wp-block-button {
   margin-bottom: 0;
 }
+.editor-styles-wrapper .wp-block-buttons.has-custom-font-size .wp-block-button__link {
+  font-size: inherit;
+}
 
 .wp-block[data-align=center] > .wp-block-buttons {
   align-items: center;
@@ -230,6 +237,10 @@ div[data-type="core/button"] {
   margin-top: 6px;
 }
 
+.wp-block-code code {
+  background: none;
+}
+
 .wp-block-columns :where(.wp-block) {
   max-width: none;
   margin-left: 0;
@@ -454,9 +465,6 @@ html :where(.wp-block-column) {
   transform: translate(-50%, -50%);
   margin: 0;
 }
-.wp-block-cover .block-editor-block-list__layout {
-  width: 100%;
-}
 .wp-block-cover .wp-block-cover__inner-container {
   text-align: left;
   margin-left: 0;
@@ -1101,34 +1109,14 @@ figure.wp-block-gallery .components-spinner {
 .wp-block-group.is-layout-flex.block-editor-block-list__block > .block-list-appender:only-child::after {
   content: "";
   display: flex;
-  border: 1px dashed currentColor;
-  opacity: 0.4;
-  border-radius: 2px;
   flex: 1 0 48px;
   pointer-events: none;
   min-height: 46px;
-}
-.wp-block-group.is-layout-flex.block-editor-block-list__block > .block-list-appender:only-child .block-editor-inserter {
-  pointer-events: all;
-}
-
-.is-layout-flow.block-editor-block-list__block:not(.is-selected) > .block-list-appender:only-child {
-  pointer-events: none;
-}
-.is-layout-flow.block-editor-block-list__block:not(.is-selected) > .block-list-appender:only-child::after {
-  content: "";
-  position: absolute;
-  top: 0;
-  right: 0;
-  bottom: 0;
-  left: 0;
   border: 1px dashed currentColor;
-  opacity: 0.4;
   border-radius: 2px;
-  pointer-events: none;
 }
-.is-layout-flow.block-editor-block-list__block:not(.is-selected) > .block-list-appender:only-child .block-editor-inserter {
-  visibility: hidden;
+.wp-block-group.is-layout-flex.block-editor-block-list__block > .block-list-appender:only-child .block-editor-inserter {
+  pointer-events: all;
 }
 
 .block-library-html__edit .block-library-html__preview-overlay {
@@ -1611,14 +1599,13 @@ figure.wp-block-image:not(.wp-block) {
   right: 0;
   bottom: 0;
   left: 0;
-  border: 1px dashed currentColor;
-  opacity: 0.4;
   pointer-events: none;
+  border: 1px dashed currentColor;
+  border-radius: 2px;
   border-radius: inherit;
 }
 .wp-block-navigation-placeholder__preview > svg {
   fill: currentColor;
-  opacity: 0.4;
 }
 
 .wp-block-navigation.is-vertical .is-small .components-placeholder__fieldset,
@@ -1817,17 +1804,6 @@ body.editor-styles-wrapper .wp-block-navigation__responsive-container.is-menu-op
   padding: 8px 12px;
 }
 
-.wp-block-navigation__unsaved-changes {
-  position: relative;
-}
-.wp-block-navigation__unsaved-changes .components-spinner {
-  position: absolute;
-  top: calc(50% - 16px / 2);
-  left: calc(50% - 16px / 2);
-  opacity: 0;
-  animation: 0.5s linear 2s normal forwards fadein;
-}
-
 @keyframes fadeouthalf {
   0% {
     opacity: 1;
@@ -1836,11 +1812,6 @@ body.editor-styles-wrapper .wp-block-navigation__responsive-container.is-menu-op
     opacity: 0.5;
   }
 }
-.wp-block-navigation__unsaved-changes-overlay.is-saving {
-  opacity: 1;
-  animation: 0.5s linear 2s normal forwards fadeouthalf;
-}
-
 .wp-block-navigation-delete-menu-button {
   width: 100%;
   justify-content: center;
@@ -1850,6 +1821,7 @@ body.editor-styles-wrapper .wp-block-navigation__responsive-container.is-menu-op
 .wp-block-navigation__overlay-menu-preview {
   display: flex;
   align-items: center;
+  justify-content: space-between;
   width: 100%;
   background-color: #f0f0f0;
   padding: 0 24px;
@@ -1870,6 +1842,26 @@ body.editor-styles-wrapper .wp-block-navigation__responsive-container.is-menu-op
   display: none;
 }
 
+/**
+ * Navigation selector styles
+ */
+.wp-block-navigation__navigation-selector {
+  margin-bottom: 16px;
+  width: 100%;
+}
+
+.wp-block-navigation__navigation-selector-button {
+  border: 1px solid;
+  justify-content: space-between;
+  width: 100%;
+}
+
+.wp-block-navigation__navigation-selector-button--createnew {
+  border: 1px solid;
+  margin-bottom: 16px;
+  width: 100%;
+}
+
 /**
  * Submenus.
  */
@@ -2236,10 +2228,15 @@ body.editor-styles-wrapper .wp-block-navigation__responsive-container.is-menu-op
   height: 120px;
   width: 120px;
 }
+.wp-block-site-logo.wp-block-site-logo > div,
+.wp-block-site-logo.wp-block-site-logo .components-resizable-box__container {
+  border-radius: inherit;
+}
 .wp-block-site-logo.wp-block-site-logo .components-placeholder {
   justify-content: center;
   align-items: center;
   padding: 0;
+  border-radius: inherit;
   min-height: 48px;
   min-width: 48px;
   height: 100%;
@@ -2728,6 +2725,11 @@ body.editor-styles-wrapper .wp-block-navigation__responsive-container.is-menu-op
   margin-right: 0;
 }
 
+.wp-block-post-featured-image .block-editor-media-placeholder {
+  z-index: 1;
+  -webkit-backdrop-filter: none;
+          backdrop-filter: none;
+}
 .wp-block-post-featured-image.wp-block-post-featured-image .wp-block-post-featured-image__placeholder,
 .wp-block-post-featured-image.wp-block-post-featured-image .components-placeholder {
   justify-content: center;

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

@@ -81,4 +81,8 @@
 }
 .is-dark-theme .wp-block-embed figcaption {
   color: rgba(255, 255, 255, 0.65);
+}
+
+.wp-block-embed {
+  margin: 0 0 1em 0;
 }

package/build-style/embed/theme.css

@@ -81,4 +81,8 @@
 }
 .is-dark-theme .wp-block-embed figcaption {
   color: rgba(255, 255, 255, 0.65);
+}
+
+.wp-block-embed {
+  margin: 0 0 1em 0;
 }

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

@@ -106,32 +106,12 @@
 .wp-block-group.is-layout-flex.block-editor-block-list__block > .block-list-appender:only-child::after {
   content: "";
   display: flex;
-  border: 1px dashed currentColor;
-  opacity: 0.4;
-  border-radius: 2px;
   flex: 1 0 48px;
   pointer-events: none;
   min-height: 46px;
-}
-.wp-block-group.is-layout-flex.block-editor-block-list__block > .block-list-appender:only-child .block-editor-inserter {
-  pointer-events: all;
-}
-
-.is-layout-flow.block-editor-block-list__block:not(.is-selected) > .block-list-appender:only-child {
-  pointer-events: none;
-}
-.is-layout-flow.block-editor-block-list__block:not(.is-selected) > .block-list-appender:only-child::after {
-  content: "";
-  position: absolute;
-  top: 0;
-  left: 0;
-  bottom: 0;
-  right: 0;
   border: 1px dashed currentColor;
-  opacity: 0.4;
   border-radius: 2px;
-  pointer-events: none;
 }
-.is-layout-flow.block-editor-block-list__block:not(.is-selected) > .block-list-appender:only-child .block-editor-inserter {
-  visibility: hidden;
+.wp-block-group.is-layout-flex.block-editor-block-list__block > .block-list-appender:only-child .block-editor-inserter {
+  pointer-events: all;
 }

package/build-style/group/editor.css

@@ -106,32 +106,12 @@
 .wp-block-group.is-layout-flex.block-editor-block-list__block > .block-list-appender:only-child::after {
   content: "";
   display: flex;
-  border: 1px dashed currentColor;
-  opacity: 0.4;
-  border-radius: 2px;
   flex: 1 0 48px;
   pointer-events: none;
   min-height: 46px;
-}
-.wp-block-group.is-layout-flex.block-editor-block-list__block > .block-list-appender:only-child .block-editor-inserter {
-  pointer-events: all;
-}
-
-.is-layout-flow.block-editor-block-list__block:not(.is-selected) > .block-list-appender:only-child {
-  pointer-events: none;
-}
-.is-layout-flow.block-editor-block-list__block:not(.is-selected) > .block-list-appender:only-child::after {
-  content: "";
-  position: absolute;
-  top: 0;
-  right: 0;
-  bottom: 0;
-  left: 0;
   border: 1px dashed currentColor;
-  opacity: 0.4;
   border-radius: 2px;
-  pointer-events: none;
 }
-.is-layout-flow.block-editor-block-list__block:not(.is-selected) > .block-list-appender:only-child .block-editor-inserter {
-  visibility: hidden;
+.wp-block-group.is-layout-flex.block-editor-block-list__block > .block-list-appender:only-child .block-editor-inserter {
+  pointer-events: all;
 }

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

@@ -81,4 +81,8 @@
 }
 .is-dark-theme .wp-block-image figcaption {
   color: rgba(255, 255, 255, 0.65);
+}
+
+.wp-block-image {
+  margin: 0 0 1em 0;
 }

package/build-style/image/theme.css

@@ -81,4 +81,8 @@
 }
 .is-dark-theme .wp-block-image figcaption {
   color: rgba(255, 255, 255, 0.65);
+}
+
+.wp-block-image {
+  margin: 0 0 1em 0;
 }

package/build-style/media-text/style-rtl.css

@@ -79,6 +79,7 @@
   display: grid;
   grid-template-columns: 50% 1fr;
   grid-template-rows: auto;
+  box-sizing: border-box;
 }
 .wp-block-media-text.has-media-on-the-right {
   grid-template-columns: 1fr 50%;

package/build-style/media-text/style.css

@@ -81,6 +81,7 @@
   display: grid;
   grid-template-columns: 50% 1fr;
   grid-template-rows: auto;
+  box-sizing: border-box;
 }
 .wp-block-media-text.has-media-on-the-right {
   grid-template-columns: 1fr 50%;

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

@@ -280,14 +280,13 @@
   left: 0;
   bottom: 0;
   right: 0;
-  border: 1px dashed currentColor;
-  opacity: 0.4;
   pointer-events: none;
+  border: 1px dashed currentColor;
+  border-radius: 2px;
   border-radius: inherit;
 }
 .wp-block-navigation-placeholder__preview > svg {
   fill: currentColor;
-  opacity: 0.4;
 }
 
 .wp-block-navigation.is-vertical .is-small .components-placeholder__fieldset,
@@ -486,17 +485,6 @@ body.editor-styles-wrapper .wp-block-navigation__responsive-container.is-menu-op
   padding: 8px 12px;
 }
 
-.wp-block-navigation__unsaved-changes {
-  position: relative;
-}
-.wp-block-navigation__unsaved-changes .components-spinner {
-  position: absolute;
-  top: calc(50% - 16px / 2);
-  right: calc(50% - 16px / 2);
-  opacity: 0;
-  animation: 0.5s linear 2s normal forwards fadein;
-}
-
 @keyframes fadeouthalf {
   0% {
     opacity: 1;
@@ -505,11 +493,6 @@ body.editor-styles-wrapper .wp-block-navigation__responsive-container.is-menu-op
     opacity: 0.5;
   }
 }
-.wp-block-navigation__unsaved-changes-overlay.is-saving {
-  opacity: 1;
-  animation: 0.5s linear 2s normal forwards fadeouthalf;
-}
-
 .wp-block-navigation-delete-menu-button {
   width: 100%;
   justify-content: center;
@@ -519,6 +502,7 @@ body.editor-styles-wrapper .wp-block-navigation__responsive-container.is-menu-op
 .wp-block-navigation__overlay-menu-preview {
   display: flex;
   align-items: center;
+  justify-content: space-between;
   width: 100%;
   background-color: #f0f0f0;
   padding: 0 24px;
@@ -537,4 +521,24 @@ body.editor-styles-wrapper .wp-block-navigation__responsive-container.is-menu-op
 
 .wp-block-navigation-placeholder__actions hr + hr {
   display: none;
+}
+
+/**
+ * Navigation selector styles
+ */
+.wp-block-navigation__navigation-selector {
+  margin-bottom: 16px;
+  width: 100%;
+}
+
+.wp-block-navigation__navigation-selector-button {
+  border: 1px solid;
+  justify-content: space-between;
+  width: 100%;
+}
+
+.wp-block-navigation__navigation-selector-button--createnew {
+  border: 1px solid;
+  margin-bottom: 16px;
+  width: 100%;
 }

package/build-style/navigation/editor.css

@@ -280,14 +280,13 @@
   right: 0;
   bottom: 0;
   left: 0;
-  border: 1px dashed currentColor;
-  opacity: 0.4;
   pointer-events: none;
+  border: 1px dashed currentColor;
+  border-radius: 2px;
   border-radius: inherit;
 }
 .wp-block-navigation-placeholder__preview > svg {
   fill: currentColor;
-  opacity: 0.4;
 }
 
 .wp-block-navigation.is-vertical .is-small .components-placeholder__fieldset,
@@ -486,17 +485,6 @@ body.editor-styles-wrapper .wp-block-navigation__responsive-container.is-menu-op
   padding: 8px 12px;
 }
 
-.wp-block-navigation__unsaved-changes {
-  position: relative;
-}
-.wp-block-navigation__unsaved-changes .components-spinner {
-  position: absolute;
-  top: calc(50% - 16px / 2);
-  left: calc(50% - 16px / 2);
-  opacity: 0;
-  animation: 0.5s linear 2s normal forwards fadein;
-}
-
 @keyframes fadeouthalf {
   0% {
     opacity: 1;
@@ -505,11 +493,6 @@ body.editor-styles-wrapper .wp-block-navigation__responsive-container.is-menu-op
     opacity: 0.5;
   }
 }
-.wp-block-navigation__unsaved-changes-overlay.is-saving {
-  opacity: 1;
-  animation: 0.5s linear 2s normal forwards fadeouthalf;
-}
-
 .wp-block-navigation-delete-menu-button {
   width: 100%;
   justify-content: center;
@@ -519,6 +502,7 @@ body.editor-styles-wrapper .wp-block-navigation__responsive-container.is-menu-op
 .wp-block-navigation__overlay-menu-preview {
   display: flex;
   align-items: center;
+  justify-content: space-between;
   width: 100%;
   background-color: #f0f0f0;
   padding: 0 24px;
@@ -537,4 +521,24 @@ body.editor-styles-wrapper .wp-block-navigation__responsive-container.is-menu-op
 
 .wp-block-navigation-placeholder__actions hr + hr {
   display: none;
+}
+
+/**
+ * Navigation selector styles
+ */
+.wp-block-navigation__navigation-selector {
+  margin-bottom: 16px;
+  width: 100%;
+}
+
+.wp-block-navigation__navigation-selector-button {
+  border: 1px solid;
+  justify-content: space-between;
+  width: 100%;
+}
+
+.wp-block-navigation__navigation-selector-button--createnew {
+  border: 1px solid;
+  margin-bottom: 16px;
+  width: 100%;
 }

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

@@ -293,7 +293,6 @@ button.wp-block-navigation-item__content {
 .wp-block-navigation__responsive-container,
 .wp-block-navigation__responsive-close,
 .wp-block-navigation__responsive-dialog,
-.wp-block-navigation,
 .wp-block-navigation .wp-block-page-list,
 .wp-block-navigation__container,
 .wp-block-navigation__responsive-container-content {
@@ -368,6 +367,16 @@ button.wp-block-navigation-item__content {
 /**
  * Mobile menu.
  */
+@keyframes overlay-menu__fade-in-animation {
+  from {
+    opacity: 0;
+    transform: translateY(0.5em);
+  }
+  to {
+    opacity: 1;
+    transform: translateY(0);
+  }
+}
 .wp-block-navigation__responsive-container {
   display: none;
   position: fixed;
@@ -394,10 +403,21 @@ button.wp-block-navigation-item__content {
   display: flex;
   flex-direction: column;
   background-color: inherit;
-  padding: 2rem;
+  animation: overlay-menu__fade-in-animation 0.1s ease-out;
+  animation-fill-mode: forwards;
+  padding-top: var(--wp--style--root--padding-top, 2rem);
+  padding-left: var(--wp--style--root--padding-right, 2rem);
+  padding-bottom: var(--wp--style--root--padding-bottom, 2rem);
+  padding-right: var(--wp--style--root--padding-left, 2rem);
   overflow: auto;
   z-index: 100000;
 }
+@media (prefers-reduced-motion: reduce) {
+  .wp-block-navigation__responsive-container.is-menu-open {
+    animation-duration: 1ms;
+    animation-delay: 0s;
+  }
+}
 .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content {
   padding-top: calc(2rem + 24px);
   overflow: visible;
@@ -489,6 +509,7 @@ button.wp-block-navigation-item__content {
   border: none;
   margin: 0;
   padding: 0;
+  text-transform: inherit;
 }
 .wp-block-navigation__responsive-container-open svg,
 .wp-block-navigation__responsive-container-close svg {
@@ -517,6 +538,9 @@ button.wp-block-navigation-item__content {
 
 .wp-block-navigation__responsive-close {
   width: 100%;
+  max-width: var(--wp--style--global--wide-size, 100%);
+  margin-right: auto;
+  margin-left: auto;
 }
 .wp-block-navigation__responsive-close:focus {
   outline: none;
@@ -532,11 +556,11 @@ button.wp-block-navigation-item__content {
   position: relative;
 }
 
-.has-modal-open .admin-bar .wp-block-navigation__responsive-dialog {
+.has-modal-open .admin-bar .is-menu-open .wp-block-navigation__responsive-dialog {
   margin-top: 46px;
 }
 @media (min-width: 782px) {
-  .has-modal-open .admin-bar .wp-block-navigation__responsive-dialog {
+  .has-modal-open .admin-bar .is-menu-open .wp-block-navigation__responsive-dialog {
     margin-top: 32px;
   }
 }

package/build-style/navigation/style.css

@@ -293,7 +293,6 @@ button.wp-block-navigation-item__content {
 .wp-block-navigation__responsive-container,
 .wp-block-navigation__responsive-close,
 .wp-block-navigation__responsive-dialog,
-.wp-block-navigation,
 .wp-block-navigation .wp-block-page-list,
 .wp-block-navigation__container,
 .wp-block-navigation__responsive-container-content {
@@ -368,6 +367,16 @@ button.wp-block-navigation-item__content {
 /**
  * Mobile menu.
  */
+@keyframes overlay-menu__fade-in-animation {
+  from {
+    opacity: 0;
+    transform: translateY(0.5em);
+  }
+  to {
+    opacity: 1;
+    transform: translateY(0);
+  }
+}
 .wp-block-navigation__responsive-container {
   display: none;
   position: fixed;
@@ -394,10 +403,21 @@ button.wp-block-navigation-item__content {
   display: flex;
   flex-direction: column;
   background-color: inherit;
-  padding: 2rem;
+  animation: overlay-menu__fade-in-animation 0.1s ease-out;
+  animation-fill-mode: forwards;
+  padding-top: var(--wp--style--root--padding-top, 2rem);
+  padding-right: var(--wp--style--root--padding-right, 2rem);
+  padding-bottom: var(--wp--style--root--padding-bottom, 2rem);
+  padding-left: var(--wp--style--root--padding-left, 2rem);
   overflow: auto;
   z-index: 100000;
 }
+@media (prefers-reduced-motion: reduce) {
+  .wp-block-navigation__responsive-container.is-menu-open {
+    animation-duration: 1ms;
+    animation-delay: 0s;
+  }
+}
 .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content {
   padding-top: calc(2rem + 24px);
   overflow: visible;
@@ -489,6 +509,7 @@ button.wp-block-navigation-item__content {
   border: none;
   margin: 0;
   padding: 0;
+  text-transform: inherit;
 }
 .wp-block-navigation__responsive-container-open svg,
 .wp-block-navigation__responsive-container-close svg {
@@ -517,6 +538,9 @@ button.wp-block-navigation-item__content {
 
 .wp-block-navigation__responsive-close {
   width: 100%;
+  max-width: var(--wp--style--global--wide-size, 100%);
+  margin-left: auto;
+  margin-right: auto;
 }
 .wp-block-navigation__responsive-close:focus {
   outline: none;
@@ -532,11 +556,11 @@ button.wp-block-navigation-item__content {
   position: relative;
 }
 
-.has-modal-open .admin-bar .wp-block-navigation__responsive-dialog {
+.has-modal-open .admin-bar .is-menu-open .wp-block-navigation__responsive-dialog {
   margin-top: 46px;
 }
 @media (min-width: 782px) {
-  .has-modal-open .admin-bar .wp-block-navigation__responsive-dialog {
+  .has-modal-open .admin-bar .is-menu-open .wp-block-navigation__responsive-dialog {
     margin-top: 32px;
   }
 }

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

@@ -74,6 +74,11 @@
 /**
  * Reset the WP Admin page styles for Gutenberg-like pages.
  */
+.wp-block-post-featured-image .block-editor-media-placeholder {
+  z-index: 1;
+  -webkit-backdrop-filter: none;
+          backdrop-filter: none;
+}
 .wp-block-post-featured-image.wp-block-post-featured-image .wp-block-post-featured-image__placeholder,
 .wp-block-post-featured-image.wp-block-post-featured-image .components-placeholder {
   justify-content: center;

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

@@ -74,6 +74,11 @@
 /**
  * Reset the WP Admin page styles for Gutenberg-like pages.
  */
+.wp-block-post-featured-image .block-editor-media-placeholder {
+  z-index: 1;
+  -webkit-backdrop-filter: none;
+          backdrop-filter: none;
+}
 .wp-block-post-featured-image.wp-block-post-featured-image .wp-block-post-featured-image__placeholder,
 .wp-block-post-featured-image.wp-block-post-featured-image .components-placeholder {
   justify-content: center;