@wordpress/edit-post 7.32.0 → 7.34.0

package/build-style/style-rtl.css

@@ -96,7 +96,7 @@
   --wp-admin-border-width-focus: 2px;
   --wp-block-synced-color: #7a00df;
   --wp-block-synced-color--rgb: 122, 0, 223;
-  --wp-bound-block-color: #9747ff;
+  --wp-bound-block-color: var(--wp-block-synced-color);
 }
 @media (min-resolution: 192dpi) {
   :root {
@@ -104,362 +104,6 @@
   }
 }
 
-.components-panel__header.interface-complementary-area-header__small {
-  background: #fff;
-  padding-left: 4px;
-}
-.components-panel__header.interface-complementary-area-header__small .interface-complementary-area-header__small-title {
-  overflow: hidden;
-  text-overflow: ellipsis;
-  white-space: nowrap;
-  width: 100%;
-  margin: 0;
-}
-@media (min-width: 782px) {
-  .components-panel__header.interface-complementary-area-header__small {
-    display: none;
-  }
-}
-
-.interface-complementary-area-header {
-  background: #fff;
-  padding-left: 4px;
-}
-.interface-complementary-area-header .interface-complementary-area-header__title {
-  margin: 0;
-}
-.interface-complementary-area-header .components-button.has-icon {
-  display: none;
-  margin-right: auto;
-}
-.interface-complementary-area-header .components-button.has-icon ~ .components-button {
-  margin-right: 0;
-}
-@media (min-width: 782px) {
-  .interface-complementary-area-header .components-button.has-icon {
-    display: flex;
-  }
-}
-
-@media (min-width: 782px) {
-  .components-panel__header + .interface-complementary-area-header {
-    margin-top: 0;
-  }
-}
-
-.interface-complementary-area {
-  background: #fff;
-  color: #1e1e1e;
-}
-@media (min-width: 600px) {
-  .interface-complementary-area {
-    -webkit-overflow-scrolling: touch;
-  }
-}
-@media (min-width: 782px) {
-  .interface-complementary-area {
-    width: 280px;
-  }
-}
-.interface-complementary-area .components-panel {
-  border: none;
-  position: relative;
-  z-index: 0;
-}
-.interface-complementary-area .components-panel__header {
-  position: sticky;
-  top: 0;
-  z-index: 1;
-}
-.interface-complementary-area .components-panel__header.edit-post-sidebar__panel-tabs {
-  top: 48px;
-}
-@media (min-width: 782px) {
-  .interface-complementary-area .components-panel__header.edit-post-sidebar__panel-tabs {
-    top: 0;
-  }
-}
-.interface-complementary-area p:not(.components-base-control__help) {
-  margin-top: 0;
-}
-.interface-complementary-area h2 {
-  font-size: 13px;
-  color: #1e1e1e;
-  margin-bottom: 1.5em;
-}
-.interface-complementary-area h3 {
-  font-size: 11px;
-  text-transform: uppercase;
-  font-weight: 500;
-  color: #1e1e1e;
-  margin-bottom: 1.5em;
-}
-.interface-complementary-area hr {
-  border-top: none;
-  border-bottom: 1px solid #f0f0f0;
-  margin: 1.5em 0;
-}
-.interface-complementary-area div.components-toolbar-group,
-.interface-complementary-area div.components-toolbar {
-  box-shadow: none;
-  margin-bottom: 1.5em;
-}
-.interface-complementary-area div.components-toolbar-group:last-child,
-.interface-complementary-area div.components-toolbar:last-child {
-  margin-bottom: 0;
-}
-.interface-complementary-area .block-editor-skip-to-selected-block:focus {
-  top: auto;
-  left: 10px;
-  bottom: 10px;
-  right: auto;
-}
-
-@media (min-width: 782px) {
-  body.js.is-fullscreen-mode {
-    margin-top: -32px;
-    height: calc(100% + 32px);
-  }
-  body.js.is-fullscreen-mode #adminmenumain,
-body.js.is-fullscreen-mode #wpadminbar {
-    display: none;
-  }
-  body.js.is-fullscreen-mode #wpcontent,
-body.js.is-fullscreen-mode #wpfooter {
-    margin-right: 0;
-  }
-}
-
-html.interface-interface-skeleton__html-container {
-  position: fixed;
-  width: 100%;
-}
-@media (min-width: 782px) {
-  html.interface-interface-skeleton__html-container {
-    position: initial;
-    width: initial;
-  }
-}
-
-.interface-interface-skeleton {
-  display: flex;
-  flex-direction: row;
-  height: auto;
-  max-height: 100%;
-  position: fixed;
-  top: 46px;
-  right: 0;
-  left: 0;
-  bottom: 0;
-}
-@media (min-width: 783px) {
-  .interface-interface-skeleton {
-    top: 32px;
-  }
-  .is-fullscreen-mode .interface-interface-skeleton {
-    top: 0;
-  }
-}
-
-.interface-interface-skeleton__editor {
-  display: flex;
-  flex-direction: column;
-  flex: 0 1 100%;
-  overflow: hidden;
-}
-
-.interface-interface-skeleton {
-  /* Set left position when auto-fold is not on the body element. */
-  right: 0;
-}
-@media (min-width: 783px) {
-  .interface-interface-skeleton {
-    right: 160px;
-  }
-}
-
-.auto-fold .interface-interface-skeleton {
-  /* Auto fold is when on smaller breakpoints, nav menu auto collapses. */
-}
-@media (min-width: 783px) {
-  .auto-fold .interface-interface-skeleton {
-    right: 36px;
-  }
-}
-@media (min-width: 961px) {
-  .auto-fold .interface-interface-skeleton {
-    right: 160px;
-  }
-}
-
-/* Sidebar manually collapsed. */
-.folded .interface-interface-skeleton {
-  right: 0;
-}
-@media (min-width: 783px) {
-  .folded .interface-interface-skeleton {
-    right: 36px;
-  }
-}
-
-body.is-fullscreen-mode .interface-interface-skeleton {
-  right: 0 !important;
-}
-
-.interface-interface-skeleton__body {
-  flex-grow: 1;
-  display: flex;
-  overflow: auto;
-  overscroll-behavior-y: none;
-}
-@media (min-width: 782px) {
-  .has-footer .interface-interface-skeleton__body {
-    padding-bottom: 25px;
-  }
-}
-
-.interface-interface-skeleton__content {
-  flex-grow: 1;
-  display: flex;
-  flex-direction: column;
-  overflow: auto;
-  z-index: 20;
-}
-@media (min-width: 782px) {
-  .interface-interface-skeleton__content {
-    z-index: auto;
-  }
-}
-
-.interface-interface-skeleton__secondary-sidebar,
-.interface-interface-skeleton__sidebar {
-  flex-shrink: 0;
-  position: absolute;
-  z-index: 100000;
-  top: 0;
-  left: 0;
-  bottom: 0;
-  right: 0;
-  background: #fff;
-  color: #1e1e1e;
-}
-@media (min-width: 782px) {
-  .interface-interface-skeleton__secondary-sidebar,
-.interface-interface-skeleton__sidebar {
-    position: relative !important;
-    width: auto;
-  }
-  .is-sidebar-opened .interface-interface-skeleton__secondary-sidebar,
-.is-sidebar-opened .interface-interface-skeleton__sidebar {
-    z-index: 90;
-  }
-}
-
-.interface-interface-skeleton__sidebar {
-  overflow: auto;
-}
-@media (min-width: 782px) {
-  .interface-interface-skeleton__sidebar {
-    border-right: 1px solid #e0e0e0;
-  }
-}
-
-@media (min-width: 782px) {
-  .interface-interface-skeleton__secondary-sidebar {
-    border-left: 1px solid #e0e0e0;
-  }
-}
-
-.interface-interface-skeleton__header {
-  flex-shrink: 0;
-  height: auto;
-  border-bottom: 1px solid #e0e0e0;
-  z-index: 30;
-  color: #1e1e1e;
-}
-
-.interface-interface-skeleton__footer {
-  height: auto;
-  flex-shrink: 0;
-  border-top: 1px solid #e0e0e0;
-  color: #1e1e1e;
-  position: absolute;
-  bottom: 0;
-  right: 0;
-  width: 100%;
-  background-color: #fff;
-  z-index: 90;
-  display: none;
-}
-@media (min-width: 782px) {
-  .interface-interface-skeleton__footer {
-    display: flex;
-  }
-}
-.interface-interface-skeleton__footer .block-editor-block-breadcrumb {
-  z-index: 30;
-  display: flex;
-  background: #fff;
-  height: 24px;
-  align-items: center;
-  font-size: 13px;
-  padding: 0 18px;
-}
-
-.interface-interface-skeleton__actions {
-  z-index: 100000;
-  position: fixed !important;
-  top: -9999em;
-  bottom: auto;
-  right: auto;
-  left: 0;
-  color: #1e1e1e;
-  background: #fff;
-  width: 100vw;
-}
-@media (min-width: 782px) {
-  .interface-interface-skeleton__actions {
-    width: 280px;
-  }
-}
-.interface-interface-skeleton__actions:focus, .interface-interface-skeleton__actions:focus-within {
-  top: auto;
-  bottom: 0;
-}
-.is-entity-save-view-open .interface-interface-skeleton__actions:focus, .is-entity-save-view-open .interface-interface-skeleton__actions:focus-within {
-  top: 46px;
-}
-@media (min-width: 782px) {
-  .is-entity-save-view-open .interface-interface-skeleton__actions:focus, .is-entity-save-view-open .interface-interface-skeleton__actions:focus-within {
-    border-right: 1px solid #ddd;
-    top: 32px;
-  }
-  .is-fullscreen-mode .is-entity-save-view-open .interface-interface-skeleton__actions:focus, .is-fullscreen-mode .is-entity-save-view-open .interface-interface-skeleton__actions:focus-within {
-    top: 0;
-  }
-}
-
-.interface-pinned-items {
-  display: flex;
-  gap: 8px;
-}
-.interface-pinned-items .components-button {
-  display: none;
-  margin: 0;
-}
-.interface-pinned-items .components-button[aria-controls="edit-post:document"], .interface-pinned-items .components-button[aria-controls="edit-post:block"], .interface-pinned-items .components-button[aria-controls="edit-site:template"], .interface-pinned-items .components-button[aria-controls="edit-site:block-inspector"] {
-  display: flex;
-}
-.interface-pinned-items .components-button svg {
-  max-width: 24px;
-  max-height: 24px;
-}
-@media (min-width: 600px) {
-  .interface-pinned-items .components-button {
-    display: flex;
-  }
-}
-
 .edit-post-header {
   height: 60px;
   background: #fff;
@@ -483,6 +127,11 @@ body.is-fullscreen-mode .interface-interface-skeleton {
   padding: 2px 0;
   align-items: center;
 }
+@media (min-width: 782px) {
+  .edit-post-header__toolbar {
+    padding-left: var(--wp-admin-border-width-focus);
+  }
+}
 .edit-post-header__toolbar .table-of-contents {
   display: none;
 }
@@ -491,64 +140,6 @@ body.is-fullscreen-mode .interface-interface-skeleton {
     display: block;
   }
 }
-.edit-post-header__toolbar .selected-block-tools-wrapper {
-  overflow: hidden;
-  display: flex;
-  align-items: center;
-  height: 60px;
-}
-.edit-post-header__toolbar .selected-block-tools-wrapper .block-editor-block-contextual-toolbar {
-  border-bottom: 0;
-  height: 100%;
-}
-.edit-post-header__toolbar .selected-block-tools-wrapper .block-editor-block-toolbar {
-  height: 100%;
-  padding-top: 15px;
-}
-.edit-post-header__toolbar .selected-block-tools-wrapper .block-editor-block-toolbar .components-button:not(.block-editor-block-mover-button) {
-  height: 32px;
-}
-.edit-post-header__toolbar .selected-block-tools-wrapper::after {
-  content: "";
-  width: 1px;
-  height: 24px;
-  background-color: #ddd;
-  margin-right: 8px;
-}
-.edit-post-header__toolbar .selected-block-tools-wrapper .components-toolbar-group,
-.edit-post-header__toolbar .selected-block-tools-wrapper .components-toolbar {
-  border-left: none;
-}
-.edit-post-header__toolbar .selected-block-tools-wrapper .components-toolbar-group::after,
-.edit-post-header__toolbar .selected-block-tools-wrapper .components-toolbar::after {
-  content: "";
-  width: 1px;
-  height: 24px;
-  background-color: #ddd;
-  margin-top: 4px;
-  margin-right: 8px;
-}
-.edit-post-header__toolbar .selected-block-tools-wrapper .components-toolbar-group .components-toolbar-group.components-toolbar-group::after,
-.edit-post-header__toolbar .selected-block-tools-wrapper .components-toolbar .components-toolbar-group.components-toolbar-group::after {
-  display: none;
-}
-.edit-post-header__toolbar .selected-block-tools-wrapper .block-editor-block-mover.is-horizontal .block-editor-block-mover-button {
-  height: 32px;
-  overflow: visible;
-}
-@media (min-width: 600px) {
-  .edit-post-header__toolbar .selected-block-tools-wrapper .block-editor-block-mover:not(.is-horizontal) .block-editor-block-mover__move-button-container {
-    position: relative;
-    top: -10px;
-  }
-}
-.edit-post-header__toolbar .selected-block-tools-wrapper.is-collapsed {
-  display: none;
-}
-
-.edit-post-header__block-tools-toggle {
-  margin-right: 2px;
-}
 
 .edit-post-header__center {
   flex-grow: 1;
@@ -724,9 +315,7 @@ body.is-fullscreen-mode .interface-interface-skeleton {
   border-bottom: none;
 }
 .is-distraction-free .edit-post-header {
-  -webkit-backdrop-filter: blur(20px) !important;
-          backdrop-filter: blur(20px) !important;
-  background-color: rgba(255, 255, 255, 0.9);
+  background-color: #fff;
   border-bottom: 1px solid #e0e0e0;
   position: absolute;
   width: 100%;
@@ -734,7 +323,7 @@ body.is-fullscreen-mode .interface-interface-skeleton {
 .is-distraction-free .edit-post-header > .edit-post-header__settings > .edit-post-header__post-preview-button {
   visibility: hidden;
 }
-.is-distraction-free .edit-post-header > .edit-post-header__toolbar .editor-document-tools__inserter-toggle, .is-distraction-free .edit-post-header > .edit-post-header__toolbar .editor-document-tools__document-overview-toggle, .is-distraction-free .edit-post-header > .edit-post-header__settings > .editor-preview-dropdown, .is-distraction-free .edit-post-header > .edit-post-header__settings > .interface-pinned-items {
+.is-distraction-free .edit-post-header > .edit-post-header__toolbar .editor-document-tools__document-overview-toggle, .is-distraction-free .edit-post-header > .edit-post-header__settings > .editor-preview-dropdown, .is-distraction-free .edit-post-header > .edit-post-header__settings > .interface-pinned-items {
   display: none;
 }
 .is-distraction-free .interface-interface-skeleton__header:focus-within {
@@ -817,54 +406,6 @@ body.is-fullscreen-mode .interface-interface-skeleton {
   margin-top: -1px;
 }
 
-.edit-post-keyboard-shortcut-help-modal__section {
-  margin: 0 0 2rem 0;
-}
-.edit-post-keyboard-shortcut-help-modal__section-title {
-  font-size: 0.9rem;
-  font-weight: 600;
-}
-.edit-post-keyboard-shortcut-help-modal__shortcut {
-  display: flex;
-  align-items: baseline;
-  padding: 0.6rem 0;
-  border-top: 1px solid #ddd;
-  margin-bottom: 0;
-}
-.edit-post-keyboard-shortcut-help-modal__shortcut:last-child {
-  border-bottom: 1px solid #ddd;
-}
-.edit-post-keyboard-shortcut-help-modal__shortcut:empty {
-  display: none;
-}
-.edit-post-keyboard-shortcut-help-modal__shortcut-term {
-  font-weight: 600;
-  margin: 0 1rem 0 0;
-  text-align: left;
-}
-.edit-post-keyboard-shortcut-help-modal__shortcut-description {
-  flex: 1;
-  margin: 0;
-  flex-basis: auto;
-}
-.edit-post-keyboard-shortcut-help-modal__shortcut-key-combination {
-  display: block;
-  background: none;
-  margin: 0;
-  padding: 0;
-}
-.edit-post-keyboard-shortcut-help-modal__shortcut-key-combination + .edit-post-keyboard-shortcut-help-modal__shortcut-key-combination {
-  margin-top: 10px;
-}
-.edit-post-keyboard-shortcut-help-modal__shortcut-key {
-  padding: 0.25rem 0.5rem;
-  border-radius: 8%;
-  margin: 0 0.2rem 0 0.2rem;
-}
-.edit-post-keyboard-shortcut-help-modal__shortcut-key:last-child {
-  margin: 0 0.2rem 0 0;
-}
-
 .edit-post-layout__metaboxes {
   flex-shrink: 0;
   clear: both;
@@ -873,13 +414,17 @@ body.is-fullscreen-mode .interface-interface-skeleton {
 .edit-post-layout .components-editor-notices__snackbar {
   position: fixed;
   left: 0;
-  bottom: 40px;
+  bottom: 16px;
   padding-right: 16px;
   padding-left: 16px;
 }
 
 .is-distraction-free .components-editor-notices__snackbar {
-  bottom: 20px;
+  bottom: 16px;
+}
+
+.has-block-breadcrumbs .components-editor-notices__snackbar {
+  bottom: 40px;
 }
 
 .edit-post-layout .components-editor-notices__snackbar {
@@ -920,87 +465,6 @@ body.is-fullscreen-mode .edit-post-layout .components-editor-notices__snackbar {
   right: 0 !important;
 }
 
-.edit-post-layout .editor-post-publish-panel {
-  position: fixed;
-  z-index: 100001;
-  top: 46px;
-  bottom: 0;
-  left: 0;
-  right: 0;
-  overflow: auto;
-}
-@media (min-width: 782px) {
-  .edit-post-layout .editor-post-publish-panel {
-    z-index: 99998;
-    top: 32px;
-    right: auto;
-    width: 281px;
-    border-right: 1px solid #ddd;
-    transform: translateX(-100%);
-    animation: edit-post-post-publish-panel__slide-in-animation 0.1s forwards;
-  }
-}
-@media (min-width: 782px) and (prefers-reduced-motion: reduce) {
-  .edit-post-layout .editor-post-publish-panel {
-    animation-duration: 1ms;
-    animation-delay: 0s;
-  }
-}
-@media (min-width: 782px) {
-  body.is-fullscreen-mode .edit-post-layout .editor-post-publish-panel {
-    top: 0;
-  }
-}
-@media (min-width: 782px) {
-  [role=region]:focus .edit-post-layout .editor-post-publish-panel {
-    transform: translateX(0%);
-  }
-}
-
-@keyframes edit-post-post-publish-panel__slide-in-animation {
-  100% {
-    transform: translateX(0%);
-  }
-}
-.edit-post-layout .editor-post-publish-panel__header-publish-button {
-  justify-content: center;
-}
-
-.edit-post-layout__toggle-publish-panel,
-.edit-post-layout__toggle-sidebar-panel,
-.edit-post-layout__toggle-entities-saved-states-panel {
-  z-index: 100000;
-  position: fixed !important;
-  top: -9999em;
-  bottom: auto;
-  right: auto;
-  left: 0;
-  box-sizing: border-box;
-  width: 280px;
-  background-color: #fff;
-  border: 1px dotted #ddd;
-  height: auto !important;
-  padding: 24px;
-  display: flex;
-  justify-content: center;
-}
-
-.interface-interface-skeleton__sidebar:focus .edit-post-layout__toggle-sidebar-panel, .interface-interface-skeleton__sidebar:focus-within .edit-post-layout__toggle-sidebar-panel {
-  top: auto;
-  bottom: 0;
-}
-
-.interface-interface-skeleton__actions:focus .edit-post-layout__toggle-entities-saved-states-panel, .interface-interface-skeleton__actions:focus-within .edit-post-layout__toggle-entities-saved-states-panel,
-.interface-interface-skeleton__actions:focus .edit-post-layout__toggle-publish-panel,
-.interface-interface-skeleton__actions:focus-within .edit-post-layout__toggle-publish-panel {
-  top: auto;
-  bottom: 0;
-}
-
-.edit-post-layout .entities-saved-states__panel-header {
-  height: 61px;
-}
-
 .edit-post-meta-boxes-area {
   position: relative;
   /**
@@ -1263,31 +727,6 @@ body.is-fullscreen-mode .edit-post-layout .components-editor-notices__snackbar {
   fill: #fff;
 }
 
-.edit-post-start-page-options__modal-content .block-editor-block-patterns-list {
-  column-count: 2;
-  column-gap: 24px;
-}
-@media (min-width: 782px) {
-  .edit-post-start-page-options__modal-content .block-editor-block-patterns-list {
-    column-count: 3;
-  }
-}
-@media (min-width: 1280px) {
-  .edit-post-start-page-options__modal-content .block-editor-block-patterns-list {
-    column-count: 4;
-  }
-}
-.edit-post-start-page-options__modal-content .block-editor-block-patterns-list .block-editor-block-patterns-list__list-item {
-  break-inside: avoid-column;
-  margin-bottom: 24px;
-}
-.edit-post-start-page-options__modal-content .block-editor-block-patterns-list .block-editor-block-patterns-list__list-item .block-editor-block-preview__container {
-  min-height: 100px;
-}
-.edit-post-start-page-options__modal-content .block-editor-block-patterns-list .block-editor-block-patterns-list__list-item .block-editor-block-preview__content {
-  width: 100%;
-}
-
 /**
  * Animations
  */
@@ -1340,7 +779,7 @@ body.js.block-editor-page .media-frame select.attachment-filters:last-of-type {
 
 .edit-post-header,
 .edit-post-text-editor,
-.edit-post-sidebar,
+.editor-sidebar,
 .editor-post-publish-panel {
   box-sizing: border-box;
 }
@@ -1350,9 +789,9 @@ body.js.block-editor-page .media-frame select.attachment-filters:last-of-type {
 .edit-post-text-editor *,
 .edit-post-text-editor *::before,
 .edit-post-text-editor *::after,
-.edit-post-sidebar *,
-.edit-post-sidebar *::before,
-.edit-post-sidebar *::after,
+.editor-sidebar *,
+.editor-sidebar *::before,
+.editor-sidebar *::after,
 .editor-post-publish-panel *,
 .editor-post-publish-panel *::before,
 .editor-post-publish-panel *::after {
@@ -1500,14 +939,4 @@ body.admin-color-sunrise {
   body.admin-color-sunrise {
     --wp-admin-border-width-focus: 1.5px;
   }
-}
-
-.interface-interface-skeleton__sidebar {
-  border-right: none;
-}
-@media (min-width: 782px) {
-  .is-sidebar-opened .interface-interface-skeleton__sidebar {
-    border-right: 1px solid #e0e0e0;
-    overflow: hidden scroll;
-  }
 }