@wordpress/block-editor 12.15.0 → 12.16.1-next.79a6196f.0

package/build-style/style-rtl.css

@@ -122,6 +122,13 @@
   margin-top: 0;
 }
 
+iframe[name=editor-canvas] {
+  width: 100%;
+  height: 100%;
+  background-color: #fff;
+  display: block;
+}
+
 .block-editor-block-icon {
   display: flex;
   align-items: center;
@@ -169,9 +176,6 @@
   border-top: 1px solid #e0e0e0;
   margin-top: -1px;
 }
-.block-editor-block-inspector .block-editor-block-card {
-  padding: 16px;
-}
 
 .block-editor-block-inspector__no-blocks,
 .block-editor-block-inspector__no-block-tools {
@@ -264,137 +268,6 @@
   background: #1e1e1e;
 }
 
-/**
- * Block Toolbar when contextual.
- */
-.block-editor-block-contextual-toolbar {
-  display: inline-flex;
-  border: 1px solid #1e1e1e;
-  border-radius: 2px;
-  background-color: #fff;
-}
-.block-editor-block-contextual-toolbar .block-editor-block-toolbar .components-toolbar-group,
-.block-editor-block-contextual-toolbar .block-editor-block-toolbar .components-toolbar {
-  border-left-color: #1e1e1e;
-}
-.block-editor-block-contextual-toolbar.is-fixed {
-  overflow: hidden;
-  border-bottom: 1px solid #e0e0e0;
-  border-radius: 0;
-}
-.block-editor-block-contextual-toolbar.is-fixed .block-editor-block-toolbar {
-  overflow: auto;
-  overflow-y: hidden;
-}
-.block-editor-block-contextual-toolbar.is-fixed .block-editor-block-toolbar .components-toolbar-group,
-.block-editor-block-contextual-toolbar.is-fixed .block-editor-block-toolbar .components-toolbar {
-  border-left-color: #e0e0e0;
-}
-@media (min-width: 782px) {
-  .block-editor-block-contextual-toolbar.is-fixed > .block-editor-block-toolbar {
-    flex-grow: initial;
-    width: initial;
-  }
-  .block-editor-block-contextual-toolbar.is-fixed > .block-editor-block-toolbar::before {
-    content: "";
-    width: 1px;
-    height: 24px;
-    margin-top: 12px;
-    margin-left: 0;
-    background-color: #ddd;
-    position: relative;
-    right: -2px;
-    top: -1px;
-  }
-  .block-editor-block-contextual-toolbar.is-fixed > .block-editor-block-toolbar__group-collapse-fixed-toolbar {
-    border: none;
-  }
-  .show-icon-labels .block-editor-block-contextual-toolbar.is-fixed > .block-editor-block-toolbar__group-collapse-fixed-toolbar .components-button.has-icon svg {
-    display: none;
-  }
-  .show-icon-labels .block-editor-block-contextual-toolbar.is-fixed > .block-editor-block-toolbar__group-collapse-fixed-toolbar .components-button.has-icon::after {
-    content: attr(aria-label);
-    font-size: 12px;
-  }
-  .block-editor-block-contextual-toolbar.is-fixed > .block-editor-block-toolbar__group-collapse-fixed-toolbar::before {
-    content: "";
-    width: 1px;
-    height: 24px;
-    margin-top: 12px;
-    margin-left: 8px;
-    background-color: #ddd;
-    position: relative;
-    right: 0;
-    top: -1px;
-  }
-  .block-editor-block-contextual-toolbar.is-fixed > .block-editor-block-toolbar__group-expand-fixed-toolbar {
-    border: none;
-  }
-  .show-icon-labels .block-editor-block-contextual-toolbar.is-fixed > .block-editor-block-toolbar__group-expand-fixed-toolbar {
-    width: 256px;
-  }
-  .show-icon-labels .block-editor-block-contextual-toolbar.is-fixed > .block-editor-block-toolbar__group-expand-fixed-toolbar .components-button.has-icon svg {
-    display: none;
-  }
-  .show-icon-labels .block-editor-block-contextual-toolbar.is-fixed > .block-editor-block-toolbar__group-expand-fixed-toolbar .components-button.has-icon::after {
-    content: attr(aria-label);
-    font-size: 12px;
-  }
-  .block-editor-block-contextual-toolbar.is-fixed > .block-editor-block-toolbar__group-expand-fixed-toolbar::before {
-    content: "";
-    width: 1px;
-    margin-top: 12px;
-    margin-bottom: 12px;
-    background-color: #ddd;
-    position: relative;
-    right: -8px;
-    height: 24px;
-    top: -1px;
-  }
-  .show-icon-labels .block-editor-block-contextual-toolbar.is-fixed .block-editor-block-parent-selector .block-editor-block-parent-selector__button::after {
-    right: 0;
-  }
-  .show-icon-labels .block-editor-block-contextual-toolbar.is-fixed .block-editor-block-toolbar__block-controls .block-editor-block-mover {
-    border-right: none;
-  }
-  .show-icon-labels .block-editor-block-contextual-toolbar.is-fixed .block-editor-block-toolbar__block-controls .block-editor-block-mover::before {
-    content: "";
-    width: 1px;
-    margin-top: 12px;
-    margin-bottom: 12px;
-    background-color: #ddd;
-    position: relative;
-  }
-  .block-editor-block-contextual-toolbar.is-fixed .block-editor-block-parent-selector .block-editor-block-parent-selector__button {
-    position: relative;
-    top: -1px;
-    border: 0;
-    padding-left: 6px;
-    padding-right: 6px;
-  }
-  .block-editor-block-contextual-toolbar.is-fixed .block-editor-block-parent-selector .block-editor-block-parent-selector__button::after {
-    content: "·";
-    font-size: 16px;
-    line-height: 40px;
-    position: absolute;
-    right: 46px;
-    bottom: 4px;
-  }
-  .block-editor-block-contextual-toolbar:not(.is-fixed) .block-editor-block-parent-selector {
-    position: absolute;
-    top: -1px;
-    right: calc(-48px - 8px - 1px);
-  }
-  .show-icon-labels .block-editor-block-contextual-toolbar:not(.is-fixed) .block-editor-block-parent-selector {
-    position: relative;
-    right: auto;
-    top: auto;
-    margin-top: -1px;
-    margin-right: -1px;
-    margin-bottom: -1px;
-  }
-}
-
 /**
  * Block Label for Navigation/Selection Mode
  */
@@ -467,6 +340,26 @@
   margin-top: 12px;
   margin-bottom: 12px;
 }
+.components-popover.block-editor-block-list__block-popover .block-editor-block-contextual-toolbar {
+  border: 1px solid #1e1e1e;
+  border-radius: 2px;
+  overflow: visible;
+  position: static;
+  width: auto;
+}
+.components-popover.block-editor-block-list__block-popover .block-editor-block-contextual-toolbar.has-parent {
+  margin-right: calc(48px + 8px);
+}
+.show-icon-labels .components-popover.block-editor-block-list__block-popover .block-editor-block-contextual-toolbar.has-parent {
+  margin-right: 0;
+}
+.components-popover.block-editor-block-list__block-popover .block-editor-block-toolbar {
+  overflow: visible;
+}
+.components-popover.block-editor-block-list__block-popover .block-editor-block-toolbar .components-toolbar-group,
+.components-popover.block-editor-block-list__block-popover .block-editor-block-toolbar .components-toolbar {
+  border-left-color: #1e1e1e;
+}
 .components-popover.block-editor-block-list__block-popover.is-insertion-point-visible {
   visibility: hidden;
 }
@@ -474,6 +367,32 @@
   opacity: 0;
   animation: hide-during-dragging 1ms linear forwards;
 }
+.components-popover.block-editor-block-list__block-popover .block-editor-block-parent-selector {
+  position: absolute;
+  right: calc(-48px - 8px - 1px);
+}
+.components-popover.block-editor-block-list__block-popover .block-editor-block-parent-selector::before {
+  content: "";
+}
+.components-popover.block-editor-block-list__block-popover .block-editor-block-parent-selector .block-editor-block-parent-selector__button {
+  border: 1px solid #1e1e1e;
+  padding-left: 6px;
+  padding-right: 6px;
+  background-color: #fff;
+}
+.show-icon-labels .components-popover.block-editor-block-list__block-popover .block-editor-block-parent-selector {
+  position: static;
+  margin-top: -1px;
+  margin-right: -1px;
+  margin-bottom: -1px;
+}
+.show-icon-labels .components-popover.block-editor-block-list__block-popover .block-editor-block-parent-selector .block-editor-block-parent-selector__button {
+  position: static;
+}
+.show-icon-labels .components-popover.block-editor-block-list__block-popover .block-editor-block-mover__move-button-container,
+.show-icon-labels .components-popover.block-editor-block-list__block-popover .block-editor-block-toolbar__block-controls .block-editor-block-mover {
+  border-right: 1px solid #1e1e1e;
+}
 
 .is-dragging-components-draggable .components-tooltip {
   display: none;
@@ -598,25 +517,29 @@
 }
 
 .block-editor-block-card {
-  display: flex;
   align-items: flex-start;
+  color: #1e1e1e;
+  display: flex;
+  padding: 16px;
 }
 
 .block-editor-block-card__content {
   flex-grow: 1;
-  margin-bottom: 4px;
 }
 
 .block-editor-block-card__title {
   font-weight: 500;
 }
 .block-editor-block-card__title.block-editor-block-card__title {
+  font-size: 13px;
   line-height: 24px;
-  margin: 0 0 4px;
+  margin: 0;
 }
 
 .block-editor-block-card__description {
+  display: block;
   font-size: 13px;
+  margin-top: 4px;
 }
 
 .block-editor-block-card .block-editor-block-icon {
@@ -710,6 +633,7 @@
   display: inline-flex;
   height: 48px;
   padding: 0 13px;
+  position: relative;
   -webkit-user-select: none;
           user-select: none;
   width: max-content;
@@ -736,6 +660,35 @@
   font-size: 13px;
 }
 
+.block-editor-block-draggable-chip__disabled.block-editor-block-draggable-chip__disabled {
+  opacity: 0;
+  position: absolute;
+  top: 0;
+  left: 0;
+  right: 0;
+  bottom: 0;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  background-color: transparent;
+  transition: all 0.1s linear 0.1s;
+}
+.block-editor-block-draggable-chip__disabled.block-editor-block-draggable-chip__disabled .block-editor-block-draggable-chip__disabled-icon {
+  width: 20px;
+  height: 20px;
+  box-shadow: inset 0 0 0 1.5px #fff;
+  border-radius: 50%;
+  display: inline-block;
+  padding: 0;
+  background: transparent linear-gradient(45deg, transparent 47.5%, #fff 47.5%, #fff 52.5%, transparent 52.5%);
+}
+
+.block-draggable-invalid-drag-token .block-editor-block-draggable-chip__disabled.block-editor-block-draggable-chip__disabled {
+  background-color: #757575;
+  opacity: 1;
+  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
+}
+
 .block-editor-block-mover__move-button-container {
   display: flex;
   padding: 0;
@@ -835,17 +788,6 @@
   font-weight: 500;
 }
 
-.block-editor-block-parent-selector {
-  background: #fff;
-  border-radius: 2px;
-}
-.block-editor-block-parent-selector .block-editor-block-parent-selector__button {
-  width: 48px;
-  height: 48px;
-  border: 1px solid #1e1e1e;
-  border-radius: 2px;
-}
-
 .block-editor-block-patterns-list__list-item {
   cursor: pointer;
   margin-bottom: 24px;
@@ -1022,15 +964,6 @@
     display: block;
   }
 }
-.block-editor-block-styles__preview-panel .block-editor-inserter__preview-container {
-  right: auto;
-  left: auto;
-  top: auto;
-  position: static;
-}
-.block-editor-block-styles__preview-panel .block-editor-block-card__title.block-editor-block-card__title {
-  margin: 0;
-}
 .block-editor-block-styles__preview-panel .block-editor-block-icon {
   display: none;
 }
@@ -1480,10 +1413,6 @@
   min-width: 0;
 }
 
-.block-editor-color-gradient-control__tabs .block-editor-color-gradient-control__panel {
-  padding: 16px;
-}
-
 .block-editor-panel-color-gradient-settings.block-editor-panel-color-gradient-settings, .block-editor-panel-color-gradient-settings.block-editor-panel-color-gradient-settings > div:not(:first-of-type) {
   display: block;
 }
@@ -1492,7 +1421,6 @@
   .block-editor-panel-color-gradient-settings .components-circular-option-picker__swatches {
     display: grid;
     grid-template-columns: repeat(6, 28px);
-    justify-content: space-between;
   }
 }
 .block-editor-block-inspector .block-editor-panel-color-gradient-settings .components-base-control {
@@ -1585,7 +1513,7 @@
 
 .block-editor-duotone-control__popover > .components-popover__content {
   padding: 16px;
-  width: 280px;
+  width: 260px;
 }
 .block-editor-duotone-control__popover .components-menu-group__label {
   padding: 0;
@@ -1597,11 +1525,6 @@
   justify-content: space-between;
 }
 
-.block-editor-duotone-control__description {
-  margin: 16px 0;
-  font-size: 12px;
-}
-
 .block-editor-duotone-control__unset-indicator {
   background: linear-gradient(45deg, transparent 48%, #ddd 48%, #ddd 52%, transparent 52%);
 }
@@ -1791,21 +1714,22 @@
   font-size: 12px;
 }
 
-.show-icon-labels .block-editor-block-inspector__tabs .components-tab-panel__tabs .components-button.has-icon svg {
+.show-icon-labels .block-editor-block-inspector__tabs [role=tablist] .components-button.has-icon svg {
   display: none;
 }
-.show-icon-labels .block-editor-block-inspector__tabs .components-tab-panel__tabs .components-button.has-icon::before {
+.show-icon-labels .block-editor-block-inspector__tabs [role=tablist] .components-button.has-icon::before {
   content: attr(aria-label);
 }
 
 .block-editor-inspector-controls-tabs__hint {
-  align-items: top;
+  align-items: flex-start;
   background: #f0f0f0;
   border-radius: 2px;
   color: #1e1e1e;
   display: flex;
   flex-direction: row;
   margin: 16px;
+  font-size: 13px;
 }
 
 .block-editor-inspector-controls-tabs__hint-content {
@@ -1910,7 +1834,7 @@
   border-radius: 2px;
   height: 40px;
   margin: 0;
-  padding: 8px 16px;
+  padding: 8px 16px 8px 40px;
   position: relative;
   width: 100%;
 }
@@ -2302,6 +2226,9 @@
 .block-editor-list-view-leaf {
   position: relative;
 }
+.block-editor-list-view-leaf.is-draggable, .block-editor-list-view-leaf.is-draggable .block-editor-list-view-block-contents {
+  cursor: grab;
+}
 .block-editor-list-view-leaf .block-editor-list-view-block-select-button[aria-expanded=true] {
   color: inherit;
 }
@@ -2587,6 +2514,7 @@
   height: 24px;
   margin-right: 4px;
   width: 24px;
+  cursor: pointer;
 }
 
 .block-editor-list-view-leaf[aria-level] .block-editor-list-view__expander {
@@ -3423,43 +3351,50 @@
   border-left: none;
 }
 
-.block-editor-block-contextual-toolbar.is-fixed {
+.block-editor-block-contextual-toolbar {
   position: sticky;
   top: 0;
   z-index: 31;
   display: block;
   width: 100%;
+  background-color: #fff;
+  flex-shrink: 3;
 }
-
-@media (min-width: 782px) {
-  .block-editor-block-contextual-toolbar.is-fixed .block-editor-block-toolbar .components-toolbar-group,
-.block-editor-block-contextual-toolbar.is-fixed .block-editor-block-toolbar .components-toolbar {
-    border-left: none;
-  }
-  .block-editor-block-contextual-toolbar.is-fixed .block-editor-block-toolbar .components-toolbar-group::after,
-.block-editor-block-contextual-toolbar.is-fixed .block-editor-block-toolbar .components-toolbar::after {
-    content: "";
-    width: 1px;
-    margin-top: 12px;
-    margin-bottom: 12px;
-    background-color: #ddd;
-    margin-right: 8px;
-  }
-  .block-editor-block-contextual-toolbar.is-fixed .block-editor-block-toolbar .components-toolbar-group .components-toolbar-group.components-toolbar-group::after,
-.block-editor-block-contextual-toolbar.is-fixed .block-editor-block-toolbar .components-toolbar .components-toolbar-group.components-toolbar-group::after {
-    display: none;
-  }
-  .block-editor-block-contextual-toolbar.is-fixed .block-editor-block-toolbar > :last-child::after,
-.block-editor-block-contextual-toolbar.is-fixed .block-editor-block-toolbar > :last-child .components-toolbar-group::after,
-.block-editor-block-contextual-toolbar.is-fixed .block-editor-block-toolbar > :last-child .components-toolbar::after {
-    display: none;
-  }
+.block-editor-block-contextual-toolbar.components-accessible-toolbar {
+  border: none;
+  border-bottom: 1px solid #e0e0e0;
+  border-radius: 0;
 }
-.block-editor-block-contextual-toolbar.has-parent:not(.is-fixed) {
-  margin-right: calc(48px + 8px);
+.block-editor-block-contextual-toolbar .block-editor-block-toolbar {
+  overflow: auto;
+  overflow-y: hidden;
 }
-.show-icon-labels .block-editor-block-contextual-toolbar.has-parent:not(.is-fixed) {
-  margin-right: 0;
+.block-editor-block-contextual-toolbar .block-editor-block-toolbar > :last-child::after,
+.block-editor-block-contextual-toolbar .block-editor-block-toolbar > :last-child .components-toolbar-group::after,
+.block-editor-block-contextual-toolbar .block-editor-block-toolbar > :last-child .components-toolbar::after {
+  display: none;
+}
+.block-editor-block-contextual-toolbar .block-editor-block-toolbar .components-toolbar-group,
+.block-editor-block-contextual-toolbar .block-editor-block-toolbar .components-toolbar {
+  border-left-color: #e0e0e0;
+}
+.block-editor-block-contextual-toolbar > .block-editor-block-toolbar {
+  flex-grow: initial;
+  width: initial;
+}
+.block-editor-block-contextual-toolbar .block-editor-block-parent-selector {
+  position: relative;
+}
+.block-editor-block-contextual-toolbar .block-editor-block-parent-selector::after {
+  content: "·";
+  position: absolute;
+  font-size: 16px;
+  left: 0;
+  bottom: 16px;
+}
+.block-editor-block-contextual-toolbar .block-editor-block-parent-selector__button {
+  position: relative;
+  top: -1px;
 }
 
 .block-editor-block-toolbar__block-controls .block-editor-block-switcher .components-dropdown-menu__toggle .block-editor-block-icon,
@@ -3509,11 +3444,14 @@
   height: 0 !important;
   min-width: 0 !important;
 }
-.show-icon-labels .block-editor-block-parent-selector__button {
+.show-icon-labels .block-editor-block-parent-selector .block-editor-block-parent-selector__button {
   border-top-left-radius: 0;
   border-bottom-left-radius: 0;
+  padding-right: 12px;
+  padding-left: 12px;
+  text-wrap: nowrap;
 }
-.show-icon-labels .block-editor-block-parent-selector__button .block-editor-block-icon {
+.show-icon-labels .block-editor-block-parent-selector .block-editor-block-parent-selector__button .block-editor-block-icon {
   width: 0;
 }
 .show-icon-labels .block-editor-block-mover .block-editor-block-mover__move-button-container {
@@ -3529,36 +3467,24 @@
   padding-left: 8px;
 }
 .show-icon-labels .block-editor-block-toolbar__block-controls .block-editor-block-mover {
-  border-right: 1px solid #1e1e1e;
+  border-right: 1px solid #ddd;
   margin-right: 6px;
   margin-left: -6px;
   white-space: nowrap;
 }
-.show-icon-labels .block-editor-block-contextual-toolbar.is-fixed .block-editor-block-toolbar__block-controls .block-editor-block-mover {
-  border-right-color: #e0e0e0;
-}
 .show-icon-labels .block-editor-block-mover .block-editor-block-mover__drag-handle.has-icon {
   padding-right: 12px;
   padding-left: 12px;
 }
-.show-icon-labels .block-editor-block-contextual-toolbar.is-fixed .block-editor-block-mover__move-button-container {
-  border-width: 0;
-}
 @media (min-width: 600px) {
   .show-icon-labels .is-up-button.is-up-button.is-up-button {
     margin-left: 0;
     border-radius: 0;
     order: 1;
   }
-  .show-icon-labels .block-editor-block-mover__move-button-container {
-    border-right: 1px solid #1e1e1e;
-  }
   .show-icon-labels .is-down-button.is-down-button.is-down-button {
     order: 2;
   }
-  .show-icon-labels .block-editor-block-contextual-toolbar.is-fixed .block-editor-block-mover__move-button-container::before {
-    background: #ddd;
-  }
 }
 .show-icon-labels .block-editor-block-contextual-toolbar .block-editor-block-mover.is-horizontal .block-editor-block-mover-button.block-editor-block-mover-button {
   width: auto;
@@ -3567,12 +3493,6 @@
 .show-icon-labels .components-toolbar-group {
   flex-shrink: 1;
 }
-@media (min-width: 782px) {
-  .show-icon-labels .block-editor-block-contextual-toolbar.is-fixed .components-toolbar,
-.show-icon-labels .block-editor-block-contextual-toolbar.is-fixed .components-toolbar-group {
-    flex-shrink: 0;
-  }
-}
 .show-icon-labels .block-editor-rich-text__inline-format-toolbar-group .components-button + .components-button {
   margin-right: 6px;
 }
@@ -3598,6 +3518,7 @@
   flex-direction: column;
   height: 100%;
   gap: 16px;
+  overflow-y: hidden;
 }
 .block-editor-inserter__main-area.show-as-tabs {
   gap: 0;
@@ -3632,7 +3553,7 @@
 .block-editor-inserter__popover .block-editor-inserter__menu {
   margin: -12px;
 }
-.block-editor-inserter__popover .block-editor-inserter__menu .block-editor-inserter__tabs .components-tab-panel__tabs {
+.block-editor-inserter__popover .block-editor-inserter__menu .block-editor-inserter__tabs div[role=tablist] {
   top: 60px;
 }
 .block-editor-inserter__popover .block-editor-inserter__menu .block-editor-inserter__main-area {
@@ -3690,19 +3611,19 @@
   flex-direction: column;
   overflow: hidden;
 }
-.block-editor-inserter__tabs .components-tab-panel__tabs {
+.block-editor-inserter__tabs div[role=tablist] {
   border-bottom: 1px solid #ddd;
 }
-.block-editor-inserter__tabs .components-tab-panel__tabs .components-tab-panel__tabs-item {
+.block-editor-inserter__tabs div[role=tablist] button[role=tab] {
   flex-grow: 1;
   margin-bottom: -1px;
 }
-.block-editor-inserter__tabs .components-tab-panel__tabs .components-tab-panel__tabs-item[id$=reusable] {
+.block-editor-inserter__tabs div[role=tablist] button[role=tab][id$=reusable] {
   flex-grow: inherit;
   padding-right: 16px;
   padding-left: 16px;
 }
-.block-editor-inserter__tabs .components-tab-panel__tab-content {
+.block-editor-inserter__tabs div[role=tabpanel] {
   display: flex;
   flex-grow: 1;
   flex-direction: column;
@@ -3780,15 +3701,14 @@
   margin-left: 8px;
 }
 
+.block-editor-inserter__preview-container__popover {
+  top: 16px !important;
+}
+
 .block-editor-inserter__preview-container {
   display: none;
-  width: 300px;
-  background: #fff;
-  border-radius: 2px;
-  border: 1px solid #ddd;
-  position: absolute;
-  top: 16px;
-  right: calc(100% + 16px);
+  width: 280px;
+  padding: 16px;
   max-height: calc(100% - 32px);
   overflow-y: hidden;
 }
@@ -3797,11 +3717,13 @@
     display: block;
   }
 }
-.block-editor-inserter__preview-container .block-editor-block-card {
-  padding: 16px;
+.block-editor-inserter__preview-container .block-editor-block-preview__container {
+  height: 100%;
 }
-.block-editor-inserter__preview-container .block-editor-block-card__title {
-  font-size: 13px;
+.block-editor-inserter__preview-container .block-editor-block-card {
+  padding-right: 0;
+  padding-left: 0;
+  padding-bottom: 4px;
 }
 
 .block-editor-inserter__patterns-explore-button.components-button {
@@ -3833,18 +3755,12 @@
   background: var(--wp-admin-theme-color);
 }
 
-.block-editor-inserter__block-patterns-tabs-container,
-.block-editor-block-patterns-explorer__sidebar {
+.block-editor-inserter__block-patterns-tabs-container {
   height: 100%;
 }
-.block-editor-inserter__block-patterns-tabs-container nav,
-.block-editor-block-patterns-explorer__sidebar nav {
+.block-editor-inserter__block-patterns-tabs-container nav {
   height: 100%;
 }
-.block-editor-inserter__block-patterns-tabs-container .block-editor-block-patterns__source-filter select.components-select-control__input,
-.block-editor-block-patterns-explorer__sidebar .block-editor-block-patterns__source-filter select.components-select-control__input {
-  height: 40px;
-}
 
 .block-editor-inserter__block-patterns-tabs {
   display: flex;
@@ -3925,6 +3841,7 @@
   min-height: 144px;
   color: #757575;
   background: #f0f0f0;
+  border-radius: 2px;
 }
 
 .block-editor-inserter__tips {
@@ -3997,7 +3914,7 @@
 
 .block-editor-block-patterns-explorer__sidebar {
   position: absolute;
-  top: 76px;
+  top: 72px;
   right: 0;
   bottom: 0;
   width: 280px;
@@ -4271,60 +4188,6 @@
   height: 40px;
 }
 
-.block-editor-post-preview__dropdown {
-  padding: 0;
-}
-
-.block-editor-post-preview__button-resize.block-editor-post-preview__button-resize {
-  padding-right: 40px;
-}
-.block-editor-post-preview__button-resize.block-editor-post-preview__button-resize.has-icon {
-  padding-right: 8px;
-}
-
-.block-editor-post-preview__dropdown-content.edit-post-post-preview-dropdown .components-menu-group:first-child {
-  padding-bottom: 8px;
-}
-.block-editor-post-preview__dropdown-content.edit-post-post-preview-dropdown .components-menu-group:last-child {
-  margin-bottom: 0;
-}
-.block-editor-post-preview__dropdown-content .components-menu-group + .components-menu-group {
-  padding: 8px;
-}
-
-@media (min-width: 600px) {
-  .edit-post-header__settings .editor-post-preview,
-.edit-site-header-edit-mode__actions .editor-post-preview {
-    display: none;
-  }
-}
-
-@media (min-width: 600px) {
-  .edit-post-header.has-reduced-ui .edit-post-header__settings .editor-post-save-draft,
-.edit-post-header.has-reduced-ui .edit-post-header__settings .editor-post-saved-state,
-.edit-post-header.has-reduced-ui .edit-post-header__settings .block-editor-post-preview__button-toggle {
-    transition: opacity 0.1s linear;
-  }
-}
-@media (min-width: 600px) and (prefers-reduced-motion: reduce) {
-  .edit-post-header.has-reduced-ui .edit-post-header__settings .editor-post-save-draft,
-.edit-post-header.has-reduced-ui .edit-post-header__settings .editor-post-saved-state,
-.edit-post-header.has-reduced-ui .edit-post-header__settings .block-editor-post-preview__button-toggle {
-    transition-duration: 0s;
-    transition-delay: 0s;
-  }
-}
-@media (min-width: 600px) {
-  .edit-post-header.has-reduced-ui:not(:hover) .edit-post-header__settings .editor-post-save-draft,
-.edit-post-header.has-reduced-ui:not(:hover) .edit-post-header__settings .editor-post-saved-state,
-.edit-post-header.has-reduced-ui:not(:hover) .edit-post-header__settings .block-editor-post-preview__button-toggle {
-    opacity: 0;
-  }
-  .edit-post-header.has-reduced-ui:not(:hover) .edit-post-header__settings .block-editor-post-preview__button-toggle.is-opened {
-    opacity: 1;
-  }
-}
-
 .spacing-sizes-control .spacing-sizes-control__custom-value-input,
 .spacing-sizes-control .spacing-sizes-control__label {
   margin-bottom: 0;