@wordpress/edit-post 7.33.0 → 7.35.0

package/build-style/style-rtl.css

@@ -104,301 +104,19 @@
   }
 }
 
-.edit-post-header {
-  height: 60px;
-  background: #fff;
-  display: flex;
-  flex-wrap: wrap;
-  align-items: center;
-  max-width: 100vw;
-  justify-content: space-between;
-}
-@media (min-width: 280px) {
-  .edit-post-header {
-    flex-wrap: nowrap;
-  }
-}
-
-.edit-post-header__toolbar {
-  display: flex;
-  flex-shrink: 8;
-  flex-grow: 3;
-  overflow: hidden;
-  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;
-}
-@media (min-width: 600px) {
-  .edit-post-header__toolbar .table-of-contents {
-    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;
-  display: flex;
-  justify-content: center;
-}
-.edit-post-header__center.is-collapsed {
-  display: none;
-}
-
 /**
- * Buttons on the right side
+ *  Show icon label overrides.
  */
-.edit-post-header__settings {
-  display: inline-flex;
-  align-items: center;
-  flex-wrap: nowrap;
-  padding-left: 4px;
-  gap: 8px;
-}
-@media (min-width: 600px) {
-  .edit-post-header__settings {
-    padding-left: 8px;
-  }
-}
-
-/**
- * Show icon labels.
- */
-.show-icon-labels.interface-pinned-items .components-button.has-icon,
-.show-icon-labels .edit-post-header .components-button.has-icon,
-.edit-post-header__dropdown .components-button.has-icon {
-  width: auto;
-}
-.show-icon-labels.interface-pinned-items .components-button.has-icon svg,
-.show-icon-labels .edit-post-header .components-button.has-icon svg,
-.edit-post-header__dropdown .components-button.has-icon svg {
-  display: none;
-}
-.show-icon-labels.interface-pinned-items .components-button.has-icon::after,
-.show-icon-labels .edit-post-header .components-button.has-icon::after,
-.edit-post-header__dropdown .components-button.has-icon::after {
-  content: attr(aria-label);
-}
-.show-icon-labels.interface-pinned-items .components-button.has-icon[aria-disabled=true],
-.show-icon-labels .edit-post-header .components-button.has-icon[aria-disabled=true],
-.edit-post-header__dropdown .components-button.has-icon[aria-disabled=true] {
-  background-color: transparent;
-}
-.show-icon-labels.interface-pinned-items .is-tertiary:active,
-.show-icon-labels .edit-post-header .is-tertiary:active,
-.edit-post-header__dropdown .is-tertiary:active {
-  box-shadow: 0 0 0 1.5px var(--wp-admin-theme-color);
-  background-color: transparent;
-}
-.show-icon-labels.interface-pinned-items .edit-post-fullscreen-mode-close.has-icon svg,
-.show-icon-labels.interface-pinned-items .components-button.has-icon.button-toggle svg,
-.show-icon-labels .edit-post-header .edit-post-fullscreen-mode-close.has-icon svg,
-.show-icon-labels .edit-post-header .components-button.has-icon.button-toggle svg,
-.edit-post-header__dropdown .edit-post-fullscreen-mode-close.has-icon svg,
-.edit-post-header__dropdown .components-button.has-icon.button-toggle svg {
-  display: block;
-}
-.show-icon-labels.interface-pinned-items .edit-post-fullscreen-mode-close.has-icon::after,
-.show-icon-labels.interface-pinned-items .components-button.has-icon.button-toggle::after,
-.show-icon-labels .edit-post-header .edit-post-fullscreen-mode-close.has-icon::after,
-.show-icon-labels .edit-post-header .components-button.has-icon.button-toggle::after,
-.edit-post-header__dropdown .edit-post-fullscreen-mode-close.has-icon::after,
-.edit-post-header__dropdown .components-button.has-icon.button-toggle::after {
-  content: none;
-}
-.show-icon-labels.interface-pinned-items .edit-post-fullscreen-mode-close.has-icon,
-.show-icon-labels .edit-post-header .edit-post-fullscreen-mode-close.has-icon,
-.edit-post-header__dropdown .edit-post-fullscreen-mode-close.has-icon {
+.show-icon-labels .editor-header .edit-post-fullscreen-mode-close.has-icon {
   width: 60px;
 }
-.show-icon-labels.interface-pinned-items .components-menu-items-choice .components-menu-items__item-icon.components-menu-items__item-icon,
-.show-icon-labels .edit-post-header .components-menu-items-choice .components-menu-items__item-icon.components-menu-items__item-icon,
-.edit-post-header__dropdown .components-menu-items-choice .components-menu-items__item-icon.components-menu-items__item-icon {
+.show-icon-labels .editor-header .edit-post-fullscreen-mode-close.has-icon svg {
   display: block;
 }
-.show-icon-labels.interface-pinned-items .editor-document-tools__inserter-toggle.editor-document-tools__inserter-toggle,
-.show-icon-labels.interface-pinned-items .interface-pinned-items .components-button,
-.show-icon-labels .edit-post-header .editor-document-tools__inserter-toggle.editor-document-tools__inserter-toggle,
-.show-icon-labels .edit-post-header .interface-pinned-items .components-button,
-.edit-post-header__dropdown .editor-document-tools__inserter-toggle.editor-document-tools__inserter-toggle,
-.edit-post-header__dropdown .interface-pinned-items .components-button {
-  padding-right: 8px;
-  padding-left: 8px;
-}
-@media (min-width: 600px) {
-  .show-icon-labels.interface-pinned-items .editor-document-tools__inserter-toggle.editor-document-tools__inserter-toggle,
-.show-icon-labels.interface-pinned-items .interface-pinned-items .components-button,
-.show-icon-labels .edit-post-header .editor-document-tools__inserter-toggle.editor-document-tools__inserter-toggle,
-.show-icon-labels .edit-post-header .interface-pinned-items .components-button,
-.edit-post-header__dropdown .editor-document-tools__inserter-toggle.editor-document-tools__inserter-toggle,
-.edit-post-header__dropdown .interface-pinned-items .components-button {
-    padding-right: 12px;
-    padding-left: 12px;
-  }
-}
-.show-icon-labels.interface-pinned-items .editor-post-save-draft.editor-post-save-draft::after,
-.show-icon-labels.interface-pinned-items .editor-post-saved-state.editor-post-saved-state::after,
-.show-icon-labels .edit-post-header .editor-post-save-draft.editor-post-save-draft::after,
-.show-icon-labels .edit-post-header .editor-post-saved-state.editor-post-saved-state::after,
-.edit-post-header__dropdown .editor-post-save-draft.editor-post-save-draft::after,
-.edit-post-header__dropdown .editor-post-saved-state.editor-post-saved-state::after {
+.show-icon-labels .editor-header .edit-post-fullscreen-mode-close.has-icon::after {
   content: none;
 }
 
-.show-icon-labels .edit-post-header__toolbar .block-editor-block-mover {
-  border-right: none;
-}
-.show-icon-labels .edit-post-header__toolbar .block-editor-block-mover::before {
-  content: "";
-  width: 1px;
-  height: 24px;
-  background-color: #ddd;
-  margin-top: 4px;
-  margin-right: 8px;
-}
-.show-icon-labels .edit-post-header__toolbar .block-editor-block-mover .block-editor-block-mover__move-button-container::before {
-  width: calc(100% - 24px);
-  background: #ddd;
-  right: calc(50% + 1px);
-}
-
-.edit-post-header__dropdown .components-menu-item__button.components-menu-item__button,
-.edit-post-header__dropdown .components-button.editor-history__undo,
-.edit-post-header__dropdown .components-button.editor-history__redo,
-.edit-post-header__dropdown .table-of-contents .components-button,
-.edit-post-header__dropdown .components-button.block-editor-list-view {
-  margin: 0;
-  padding: 6px 40px 6px 6px;
-  width: 14.625rem;
-  text-align: right;
-  justify-content: flex-start;
-}
-
-.show-icon-labels.interface-pinned-items {
-  padding: 6px 12px 12px;
-  margin-top: 0;
-  margin-bottom: 0;
-  margin-right: -12px;
-  margin-left: -12px;
-  border-bottom: 1px solid #ccc;
-  display: block;
-}
-.show-icon-labels.interface-pinned-items > .components-button.has-icon {
-  margin: 0;
-  padding: 6px 8px 6px 6px;
-  width: 14.625rem;
-  justify-content: flex-start;
-}
-.show-icon-labels.interface-pinned-items > .components-button.has-icon[aria-expanded=true] svg {
-  display: block;
-  max-width: 24px;
-}
-.show-icon-labels.interface-pinned-items > .components-button.has-icon[aria-expanded=false] {
-  padding-right: 40px;
-}
-.show-icon-labels.interface-pinned-items > .components-button.has-icon svg {
-  margin-left: 8px;
-}
-
-@media (min-width: 600px) {
-  .edit-post-header__post-preview-button {
-    display: none;
-  }
-}
-
-.is-distraction-free .interface-interface-skeleton__header {
-  border-bottom: none;
-}
-.is-distraction-free .edit-post-header {
-  background-color: #fff;
-  border-bottom: 1px solid #e0e0e0;
-  position: absolute;
-  width: 100%;
-}
-.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__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 {
-  opacity: 1 !important;
-}
-.is-distraction-free .interface-interface-skeleton__header:focus-within div {
-  transform: translateX(0) translateZ(0) !important;
-}
-.is-distraction-free .components-editor-notices__dismissible {
-  position: absolute;
-  z-index: 35;
-}
-
-.components-popover.more-menu-dropdown__content {
-  z-index: 99998;
-}
-
 .edit-post-fullscreen-mode-close.components-button {
   display: none;
 }
@@ -472,13 +190,17 @@
 .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 {
@@ -519,87 +241,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;
   /**
@@ -689,42 +330,6 @@ body.is-fullscreen-mode .edit-post-layout .components-editor-notices__snackbar {
   clear: both;
 }
 
-.components-panel__header.edit-post-sidebar__panel-tabs {
-  padding-right: 0;
-  padding-left: 16px;
-}
-.components-panel__header.edit-post-sidebar__panel-tabs .components-button.has-icon {
-  padding: 0;
-  min-width: 24px;
-  height: 24px;
-}
-@media (min-width: 782px) {
-  .components-panel__header.edit-post-sidebar__panel-tabs .components-button.has-icon {
-    display: flex;
-  }
-}
-
-.edit-post-sidebar__panel {
-  margin-top: -1px;
-}
-
-.edit-post-post-format {
-  display: flex;
-  flex-direction: column;
-  align-items: stretch;
-}
-
-.edit-post-post-slug {
-  display: flex;
-  flex-direction: column;
-  align-items: stretch;
-}
-
-.edit-post-post-visibility__dialog .editor-post-visibility {
-  min-width: 248px;
-  margin: 8px;
-}
-
 .edit-post-text-editor {
   position: relative;
   width: 100%;
@@ -912,15 +517,15 @@ body.js.block-editor-page .media-frame select.attachment-filters:last-of-type {
   }
 }
 
-.edit-post-header,
+.editor-header,
 .edit-post-text-editor,
 .editor-sidebar,
 .editor-post-publish-panel {
   box-sizing: border-box;
 }
-.edit-post-header *,
-.edit-post-header *::before,
-.edit-post-header *::after,
+.editor-header *,
+.editor-header *::before,
+.editor-header *::after,
 .edit-post-text-editor *,
 .edit-post-text-editor *::before,
 .edit-post-text-editor *::after,