@wordpress/edit-post 7.24.1 → 7.26.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (267) hide show
  1. package/CHANGELOG.md +8 -0
  2. package/LICENSE.md +1 -1
  3. package/build/components/browser-url/index.js +3 -2
  4. package/build/components/browser-url/index.js.map +1 -1
  5. package/build/components/header/index.js +35 -33
  6. package/build/components/header/index.js.map +1 -1
  7. package/build/components/header/mode-switcher/index.js +1 -1
  8. package/build/components/header/mode-switcher/index.js.map +1 -1
  9. package/build/components/header/more-menu/index.js +2 -1
  10. package/build/components/header/more-menu/index.js.map +1 -1
  11. package/build/components/header/writing-menu/index.js +22 -18
  12. package/build/components/header/writing-menu/index.js.map +1 -1
  13. package/build/components/keyboard-shortcuts/index.js +1 -20
  14. package/build/components/keyboard-shortcuts/index.js.map +1 -1
  15. package/build/components/layout/index.js +45 -38
  16. package/build/components/layout/index.js.map +1 -1
  17. package/build/components/layout/index.native.js +3 -1
  18. package/build/components/layout/index.native.js.map +1 -1
  19. package/build/components/meta-boxes/meta-box-visibility.js +2 -6
  20. package/build/components/meta-boxes/meta-box-visibility.js.map +1 -1
  21. package/build/components/preferences-modal/index.js +87 -54
  22. package/build/components/preferences-modal/index.js.map +1 -1
  23. package/build/components/preferences-modal/options/enable-feature.js +23 -23
  24. package/build/components/preferences-modal/options/enable-feature.js.map +1 -1
  25. package/build/components/preferences-modal/options/enable-panel.js +3 -6
  26. package/build/components/preferences-modal/options/enable-panel.js.map +1 -1
  27. package/build/components/sidebar/plugin-document-setting-panel/index.js +3 -3
  28. package/build/components/sidebar/plugin-document-setting-panel/index.js.map +1 -1
  29. package/build/components/sidebar/plugin-sidebar/index.js +2 -10
  30. package/build/components/sidebar/plugin-sidebar/index.js.map +1 -1
  31. package/build/components/sidebar/post-status/index.js +3 -5
  32. package/build/components/sidebar/post-status/index.js.map +1 -1
  33. package/build/components/sidebar/settings-header/index.js +17 -43
  34. package/build/components/sidebar/settings-header/index.js.map +1 -1
  35. package/build/components/sidebar/settings-sidebar/index.js +80 -26
  36. package/build/components/sidebar/settings-sidebar/index.js.map +1 -1
  37. package/build/components/start-page-options/index.js +3 -3
  38. package/build/components/start-page-options/index.js.map +1 -1
  39. package/build/components/visual-editor/index.js +20 -257
  40. package/build/components/visual-editor/index.js.map +1 -1
  41. package/build/components/welcome-guide/index.js +6 -3
  42. package/build/components/welcome-guide/index.js.map +1 -1
  43. package/build/editor.js +20 -30
  44. package/build/editor.js.map +1 -1
  45. package/build/editor.native.js +3 -11
  46. package/build/editor.native.js.map +1 -1
  47. package/build/hooks/commands/use-common-commands.js +16 -12
  48. package/build/hooks/commands/use-common-commands.js.map +1 -1
  49. package/build/hooks/use-post-history.js +79 -0
  50. package/build/hooks/use-post-history.js.map +1 -0
  51. package/build/index.js +24 -20
  52. package/build/index.js.map +1 -1
  53. package/build/index.native.js +7 -1
  54. package/build/index.native.js.map +1 -1
  55. package/build/plugins/welcome-guide-menu-item/index.js +2 -6
  56. package/build/plugins/welcome-guide-menu-item/index.js.map +1 -1
  57. package/build/store/actions.js +94 -112
  58. package/build/store/actions.js.map +1 -1
  59. package/build/store/reducer.js +1 -95
  60. package/build/store/reducer.js.map +1 -1
  61. package/build/store/selectors.js +86 -48
  62. package/build/store/selectors.js.map +1 -1
  63. package/build-module/components/browser-url/index.js +3 -2
  64. package/build-module/components/browser-url/index.js.map +1 -1
  65. package/build-module/components/header/index.js +37 -35
  66. package/build-module/components/header/index.js.map +1 -1
  67. package/build-module/components/header/mode-switcher/index.js +1 -1
  68. package/build-module/components/header/mode-switcher/index.js.map +1 -1
  69. package/build-module/components/header/more-menu/index.js +2 -1
  70. package/build-module/components/header/more-menu/index.js.map +1 -1
  71. package/build-module/components/header/writing-menu/index.js +23 -19
  72. package/build-module/components/header/writing-menu/index.js.map +1 -1
  73. package/build-module/components/keyboard-shortcuts/index.js +1 -20
  74. package/build-module/components/keyboard-shortcuts/index.js.map +1 -1
  75. package/build-module/components/layout/index.js +46 -38
  76. package/build-module/components/layout/index.js.map +1 -1
  77. package/build-module/components/layout/index.native.js +4 -2
  78. package/build-module/components/layout/index.native.js.map +1 -1
  79. package/build-module/components/meta-boxes/meta-box-visibility.js +2 -6
  80. package/build-module/components/meta-boxes/meta-box-visibility.js.map +1 -1
  81. package/build-module/components/preferences-modal/index.js +87 -54
  82. package/build-module/components/preferences-modal/index.js.map +1 -1
  83. package/build-module/components/preferences-modal/options/enable-feature.js +22 -23
  84. package/build-module/components/preferences-modal/options/enable-feature.js.map +1 -1
  85. package/build-module/components/preferences-modal/options/enable-panel.js +3 -7
  86. package/build-module/components/preferences-modal/options/enable-panel.js.map +1 -1
  87. package/build-module/components/sidebar/plugin-document-setting-panel/index.js +3 -3
  88. package/build-module/components/sidebar/plugin-document-setting-panel/index.js.map +1 -1
  89. package/build-module/components/sidebar/plugin-sidebar/index.js +2 -10
  90. package/build-module/components/sidebar/plugin-sidebar/index.js.map +1 -1
  91. package/build-module/components/sidebar/post-status/index.js +4 -6
  92. package/build-module/components/sidebar/post-status/index.js.map +1 -1
  93. package/build-module/components/sidebar/settings-header/index.js +20 -46
  94. package/build-module/components/sidebar/settings-header/index.js.map +1 -1
  95. package/build-module/components/sidebar/settings-sidebar/index.js +80 -27
  96. package/build-module/components/sidebar/settings-sidebar/index.js.map +1 -1
  97. package/build-module/components/start-page-options/index.js +3 -3
  98. package/build-module/components/start-page-options/index.js.map +1 -1
  99. package/build-module/components/visual-editor/index.js +24 -261
  100. package/build-module/components/visual-editor/index.js.map +1 -1
  101. package/build-module/components/welcome-guide/index.js +6 -3
  102. package/build-module/components/welcome-guide/index.js.map +1 -1
  103. package/build-module/editor.js +20 -30
  104. package/build-module/editor.js.map +1 -1
  105. package/build-module/editor.native.js +3 -11
  106. package/build-module/editor.native.js.map +1 -1
  107. package/build-module/hooks/commands/use-common-commands.js +16 -12
  108. package/build-module/hooks/commands/use-common-commands.js.map +1 -1
  109. package/build-module/hooks/use-post-history.js +73 -0
  110. package/build-module/hooks/use-post-history.js.map +1 -0
  111. package/build-module/index.js +19 -12
  112. package/build-module/index.js.map +1 -1
  113. package/build-module/index.native.js +7 -1
  114. package/build-module/index.native.js.map +1 -1
  115. package/build-module/plugins/welcome-guide-menu-item/index.js +2 -6
  116. package/build-module/plugins/welcome-guide-menu-item/index.js.map +1 -1
  117. package/build-module/store/actions.js +86 -105
  118. package/build-module/store/actions.js.map +1 -1
  119. package/build-module/store/reducer.js +1 -92
  120. package/build-module/store/reducer.js.map +1 -1
  121. package/build-module/store/selectors.js +76 -38
  122. package/build-module/store/selectors.js.map +1 -1
  123. package/build-style/style-rtl.css +65 -473
  124. package/build-style/style.css +65 -473
  125. package/package.json +32 -32
  126. package/src/components/browser-url/index.js +4 -2
  127. package/src/components/header/index.js +45 -46
  128. package/src/components/header/mode-switcher/index.js +2 -1
  129. package/src/components/header/more-menu/index.js +1 -0
  130. package/src/components/header/style.scss +63 -37
  131. package/src/components/header/writing-menu/index.js +24 -24
  132. package/src/components/keyboard-shortcut-help-modal/test/index.js +0 -15
  133. package/src/components/keyboard-shortcuts/index.js +1 -23
  134. package/src/components/layout/index.js +31 -39
  135. package/src/components/layout/index.native.js +9 -1
  136. package/src/components/meta-boxes/meta-box-visibility.js +2 -8
  137. package/src/components/preferences-modal/index.js +128 -97
  138. package/src/components/preferences-modal/options/enable-feature.js +26 -21
  139. package/src/components/preferences-modal/options/enable-panel.js +3 -7
  140. package/src/components/preferences-modal/test/__snapshots__/meta-boxes-section.js.snap +187 -175
  141. package/src/components/preferences-modal/test/index.js +1 -52
  142. package/src/components/sidebar/plugin-document-setting-panel/index.js +3 -3
  143. package/src/components/sidebar/plugin-sidebar/index.js +1 -9
  144. package/src/components/sidebar/post-status/index.js +5 -5
  145. package/src/components/sidebar/settings-header/index.js +19 -71
  146. package/src/components/sidebar/settings-sidebar/index.js +125 -60
  147. package/src/components/sidebar/style.scss +4 -12
  148. package/src/components/start-page-options/index.js +3 -3
  149. package/src/components/text-editor/style.scss +0 -6
  150. package/src/components/visual-editor/index.js +26 -359
  151. package/src/components/visual-editor/style.scss +0 -15
  152. package/src/components/welcome-guide/index.js +4 -2
  153. package/src/editor.js +36 -35
  154. package/src/editor.native.js +2 -23
  155. package/src/hooks/commands/use-common-commands.js +14 -16
  156. package/src/hooks/use-post-history.js +73 -0
  157. package/src/index.js +24 -13
  158. package/src/index.native.js +8 -1
  159. package/src/plugins/welcome-guide-menu-item/index.js +3 -6
  160. package/src/store/actions.js +80 -131
  161. package/src/store/reducer.js +0 -93
  162. package/src/store/selectors.js +97 -55
  163. package/src/store/test/actions.js +10 -131
  164. package/src/store/test/reducer.js +1 -108
  165. package/src/store/test/selectors.js +0 -50
  166. package/src/style.scss +1 -8
  167. package/src/test/__snapshots__/editor.native.js.snap +21 -0
  168. package/src/test/editor.native.js +107 -56
  169. package/build/components/device-preview/index.js +0 -72
  170. package/build/components/device-preview/index.js.map +0 -1
  171. package/build/components/header/document-actions/index.js +0 -82
  172. package/build/components/header/document-actions/index.js.map +0 -1
  173. package/build/components/header/header-toolbar/index.js +0 -156
  174. package/build/components/header/header-toolbar/index.js.map +0 -1
  175. package/build/components/secondary-sidebar/inserter-sidebar.js +0 -73
  176. package/build/components/secondary-sidebar/inserter-sidebar.js.map +0 -1
  177. package/build/components/secondary-sidebar/list-view-outline.js +0 -112
  178. package/build/components/secondary-sidebar/list-view-outline.js.map +0 -1
  179. package/build/components/secondary-sidebar/list-view-sidebar.js +0 -148
  180. package/build/components/secondary-sidebar/list-view-sidebar.js.map +0 -1
  181. package/build/components/sidebar/discussion-panel/index.js +0 -59
  182. package/build/components/sidebar/discussion-panel/index.js.map +0 -1
  183. package/build/components/sidebar/featured-image/index.js +0 -70
  184. package/build/components/sidebar/featured-image/index.js.map +0 -1
  185. package/build/components/sidebar/last-revision/index.js +0 -21
  186. package/build/components/sidebar/last-revision/index.js.map +0 -1
  187. package/build/components/sidebar/page-attributes/index.js +0 -65
  188. package/build/components/sidebar/page-attributes/index.js.map +0 -1
  189. package/build/components/sidebar/plugin-post-excerpt/index.js +0 -72
  190. package/build/components/sidebar/plugin-post-excerpt/index.js.map +0 -1
  191. package/build/components/sidebar/post-excerpt/index.js +0 -54
  192. package/build/components/sidebar/post-excerpt/index.js.map +0 -1
  193. package/build/components/sidebar/post-taxonomies/index.js +0 -30
  194. package/build/components/sidebar/post-taxonomies/index.js.map +0 -1
  195. package/build/components/sidebar/post-taxonomies/taxonomy-panel.js +0 -56
  196. package/build/components/sidebar/post-taxonomies/taxonomy-panel.js.map +0 -1
  197. package/build/components/sidebar/post-template/create-modal.js +0 -99
  198. package/build/components/sidebar/post-template/create-modal.js.map +0 -1
  199. package/build/components/sidebar/post-template/form.js +0 -110
  200. package/build/components/sidebar/post-template/form.js.map +0 -1
  201. package/build/components/sidebar/post-template/index.js +0 -106
  202. package/build/components/sidebar/post-template/index.js.map +0 -1
  203. package/build/components/view-link/index.js +0 -53
  204. package/build/components/view-link/index.js.map +0 -1
  205. package/build-module/components/device-preview/index.js +0 -65
  206. package/build-module/components/device-preview/index.js.map +0 -1
  207. package/build-module/components/header/document-actions/index.js +0 -74
  208. package/build-module/components/header/document-actions/index.js.map +0 -1
  209. package/build-module/components/header/header-toolbar/index.js +0 -148
  210. package/build-module/components/header/header-toolbar/index.js.map +0 -1
  211. package/build-module/components/secondary-sidebar/inserter-sidebar.js +0 -66
  212. package/build-module/components/secondary-sidebar/inserter-sidebar.js.map +0 -1
  213. package/build-module/components/secondary-sidebar/list-view-outline.js +0 -105
  214. package/build-module/components/secondary-sidebar/list-view-outline.js.map +0 -1
  215. package/build-module/components/secondary-sidebar/list-view-sidebar.js +0 -140
  216. package/build-module/components/secondary-sidebar/list-view-sidebar.js.map +0 -1
  217. package/build-module/components/sidebar/discussion-panel/index.js +0 -52
  218. package/build-module/components/sidebar/discussion-panel/index.js.map +0 -1
  219. package/build-module/components/sidebar/featured-image/index.js +0 -63
  220. package/build-module/components/sidebar/featured-image/index.js.map +0 -1
  221. package/build-module/components/sidebar/last-revision/index.js +0 -13
  222. package/build-module/components/sidebar/last-revision/index.js.map +0 -1
  223. package/build-module/components/sidebar/page-attributes/index.js +0 -57
  224. package/build-module/components/sidebar/page-attributes/index.js.map +0 -1
  225. package/build-module/components/sidebar/plugin-post-excerpt/index.js +0 -64
  226. package/build-module/components/sidebar/plugin-post-excerpt/index.js.map +0 -1
  227. package/build-module/components/sidebar/post-excerpt/index.js +0 -47
  228. package/build-module/components/sidebar/post-excerpt/index.js.map +0 -1
  229. package/build-module/components/sidebar/post-taxonomies/index.js +0 -21
  230. package/build-module/components/sidebar/post-taxonomies/index.js.map +0 -1
  231. package/build-module/components/sidebar/post-taxonomies/taxonomy-panel.js +0 -48
  232. package/build-module/components/sidebar/post-taxonomies/taxonomy-panel.js.map +0 -1
  233. package/build-module/components/sidebar/post-template/create-modal.js +0 -92
  234. package/build-module/components/sidebar/post-template/create-modal.js.map +0 -1
  235. package/build-module/components/sidebar/post-template/form.js +0 -102
  236. package/build-module/components/sidebar/post-template/form.js.map +0 -1
  237. package/build-module/components/sidebar/post-template/index.js +0 -98
  238. package/build-module/components/sidebar/post-template/index.js.map +0 -1
  239. package/build-module/components/view-link/index.js +0 -46
  240. package/build-module/components/view-link/index.js.map +0 -1
  241. package/src/components/device-preview/index.js +0 -73
  242. package/src/components/header/document-actions/index.js +0 -82
  243. package/src/components/header/document-actions/style.scss +0 -64
  244. package/src/components/header/header-toolbar/index.js +0 -182
  245. package/src/components/header/header-toolbar/style.scss +0 -114
  246. package/src/components/keyboard-shortcut-help-modal/test/__snapshots__/index.js.snap +0 -929
  247. package/src/components/secondary-sidebar/inserter-sidebar.js +0 -71
  248. package/src/components/secondary-sidebar/list-view-outline.js +0 -98
  249. package/src/components/secondary-sidebar/list-view-sidebar.js +0 -170
  250. package/src/components/secondary-sidebar/style.scss +0 -120
  251. package/src/components/sidebar/discussion-panel/index.js +0 -62
  252. package/src/components/sidebar/featured-image/index.js +0 -67
  253. package/src/components/sidebar/last-revision/index.js +0 -17
  254. package/src/components/sidebar/last-revision/style.scss +0 -10
  255. package/src/components/sidebar/page-attributes/index.js +0 -65
  256. package/src/components/sidebar/plugin-post-excerpt/index.js +0 -61
  257. package/src/components/sidebar/plugin-post-excerpt/test/index.js +0 -36
  258. package/src/components/sidebar/post-excerpt/index.js +0 -59
  259. package/src/components/sidebar/post-taxonomies/index.js +0 -30
  260. package/src/components/sidebar/post-taxonomies/taxonomy-panel.js +0 -48
  261. package/src/components/sidebar/post-template/create-modal.js +0 -140
  262. package/src/components/sidebar/post-template/form.js +0 -141
  263. package/src/components/sidebar/post-template/index.js +0 -120
  264. package/src/components/sidebar/post-template/style.scss +0 -22
  265. package/src/components/sidebar/settings-header/style.scss +0 -74
  266. package/src/components/sidebar/template/style.scss +0 -35
  267. package/src/components/view-link/index.js +0 -48
@@ -468,7 +468,7 @@ body.is-fullscreen-mode .interface-interface-skeleton {
468
468
 
469
469
  .interface-pinned-items {
470
470
  display: flex;
471
- gap: 4px;
471
+ gap: 8px;
472
472
  margin-right: -4px;
473
473
  }
474
474
  .interface-pinned-items .components-button {
@@ -569,6 +569,10 @@ body.is-fullscreen-mode .interface-interface-skeleton {
569
569
  color: #757575;
570
570
  }
571
571
 
572
+ .interface-preferences-modal__section:has(.interface-preferences-modal__section-content:empty) {
573
+ display: none;
574
+ }
575
+
572
576
  .interface-preferences-modal__option + .interface-preferences-modal__option {
573
577
  margin-top: 16px;
574
578
  }
@@ -616,11 +620,37 @@ body.is-fullscreen-mode .interface-interface-skeleton {
616
620
  display: block;
617
621
  }
618
622
  }
619
- .edit-post-header__toolbar .block-editor-block-contextual-toolbar.is-fixed {
620
- border: none;
621
- }
622
623
  .edit-post-header__toolbar .selected-block-tools-wrapper {
623
624
  overflow-x: hidden;
625
+ display: flex;
626
+ }
627
+ .edit-post-header__toolbar .selected-block-tools-wrapper .block-editor-block-contextual-toolbar {
628
+ border-bottom: 0;
629
+ }
630
+ .edit-post-header__toolbar .selected-block-tools-wrapper::after {
631
+ content: "";
632
+ width: 1px;
633
+ margin-top: 12px;
634
+ margin-bottom: 12px;
635
+ background-color: #ddd;
636
+ margin-left: 8px;
637
+ }
638
+ .edit-post-header__toolbar .selected-block-tools-wrapper .components-toolbar-group,
639
+ .edit-post-header__toolbar .selected-block-tools-wrapper .components-toolbar {
640
+ border-right: none;
641
+ }
642
+ .edit-post-header__toolbar .selected-block-tools-wrapper .components-toolbar-group::after,
643
+ .edit-post-header__toolbar .selected-block-tools-wrapper .components-toolbar::after {
644
+ content: "";
645
+ width: 1px;
646
+ margin-top: 12px;
647
+ margin-bottom: 12px;
648
+ background-color: #ddd;
649
+ margin-left: 8px;
650
+ }
651
+ .edit-post-header__toolbar .selected-block-tools-wrapper .components-toolbar-group .components-toolbar-group.components-toolbar-group::after,
652
+ .edit-post-header__toolbar .selected-block-tools-wrapper .components-toolbar .components-toolbar-group.components-toolbar-group::after {
653
+ display: none;
624
654
  }
625
655
  .edit-post-header__toolbar .selected-block-tools-wrapper.is-collapsed {
626
656
  display: none;
@@ -647,39 +677,13 @@ body.is-fullscreen-mode .interface-interface-skeleton {
647
677
  align-items: center;
648
678
  flex-wrap: nowrap;
649
679
  padding-right: 4px;
650
- gap: 4px;
680
+ gap: 8px;
651
681
  }
652
682
  @media (min-width: 600px) {
653
683
  .edit-post-header__settings {
654
684
  padding-right: 10px;
655
685
  }
656
686
  }
657
- @media (min-width: 600px) {
658
- .edit-post-header__settings {
659
- gap: 8px;
660
- }
661
- }
662
-
663
- .edit-post-header-preview__grouping-external {
664
- display: flex;
665
- position: relative;
666
- padding-bottom: 0;
667
- }
668
-
669
- .edit-post-header-preview__button-external {
670
- padding-left: 8px;
671
- margin-right: auto;
672
- width: 100%;
673
- display: flex;
674
- justify-content: flex-start;
675
- }
676
- .edit-post-header-preview__button-external svg {
677
- margin-left: auto;
678
- }
679
-
680
- .edit-post-post-preview-dropdown .components-popover__content {
681
- padding-bottom: 0;
682
- }
683
687
 
684
688
  /**
685
689
  * Show icon labels.
@@ -736,21 +740,21 @@ body.is-fullscreen-mode .interface-interface-skeleton {
736
740
  .edit-post-header__dropdown .components-menu-items-choice .components-menu-items__item-icon.components-menu-items__item-icon {
737
741
  display: block;
738
742
  }
739
- .show-icon-labels.interface-pinned-items .edit-post-header-toolbar__inserter-toggle.edit-post-header-toolbar__inserter-toggle,
743
+ .show-icon-labels.interface-pinned-items .editor-document-tools__inserter-toggle.editor-document-tools__inserter-toggle,
740
744
  .show-icon-labels.interface-pinned-items .interface-pinned-items .components-button,
741
- .show-icon-labels .edit-post-header .edit-post-header-toolbar__inserter-toggle.edit-post-header-toolbar__inserter-toggle,
745
+ .show-icon-labels .edit-post-header .editor-document-tools__inserter-toggle.editor-document-tools__inserter-toggle,
742
746
  .show-icon-labels .edit-post-header .interface-pinned-items .components-button,
743
- .edit-post-header__dropdown .edit-post-header-toolbar__inserter-toggle.edit-post-header-toolbar__inserter-toggle,
747
+ .edit-post-header__dropdown .editor-document-tools__inserter-toggle.editor-document-tools__inserter-toggle,
744
748
  .edit-post-header__dropdown .interface-pinned-items .components-button {
745
749
  padding-left: 8px;
746
750
  padding-right: 8px;
747
751
  }
748
752
  @media (min-width: 600px) {
749
- .show-icon-labels.interface-pinned-items .edit-post-header-toolbar__inserter-toggle.edit-post-header-toolbar__inserter-toggle,
753
+ .show-icon-labels.interface-pinned-items .editor-document-tools__inserter-toggle.editor-document-tools__inserter-toggle,
750
754
  .show-icon-labels.interface-pinned-items .interface-pinned-items .components-button,
751
- .show-icon-labels .edit-post-header .edit-post-header-toolbar__inserter-toggle.edit-post-header-toolbar__inserter-toggle,
755
+ .show-icon-labels .edit-post-header .editor-document-tools__inserter-toggle.editor-document-tools__inserter-toggle,
752
756
  .show-icon-labels .edit-post-header .interface-pinned-items .components-button,
753
- .edit-post-header__dropdown .edit-post-header-toolbar__inserter-toggle.edit-post-header-toolbar__inserter-toggle,
757
+ .edit-post-header__dropdown .editor-document-tools__inserter-toggle.editor-document-tools__inserter-toggle,
754
758
  .edit-post-header__dropdown .interface-pinned-items .components-button {
755
759
  padding-left: 12px;
756
760
  padding-right: 12px;
@@ -765,6 +769,18 @@ body.is-fullscreen-mode .interface-interface-skeleton {
765
769
  content: none;
766
770
  }
767
771
 
772
+ .show-icon-labels .edit-post-header__toolbar .block-editor-block-mover {
773
+ border-left: none;
774
+ }
775
+ .show-icon-labels .edit-post-header__toolbar .block-editor-block-mover::before {
776
+ content: "";
777
+ width: 1px;
778
+ margin-top: 12px;
779
+ margin-bottom: 12px;
780
+ background-color: #ddd;
781
+ margin-left: 8px;
782
+ }
783
+
768
784
  .edit-post-header__dropdown .components-menu-item__button.components-menu-item__button,
769
785
  .edit-post-header__dropdown .components-button.editor-history__undo,
770
786
  .edit-post-header__dropdown .components-button.editor-history__redo,
@@ -803,6 +819,12 @@ body.is-fullscreen-mode .interface-interface-skeleton {
803
819
  margin-right: 8px;
804
820
  }
805
821
 
822
+ @media (min-width: 600px) {
823
+ .edit-post-header__post-preview-button {
824
+ display: none;
825
+ }
826
+ }
827
+
806
828
  .is-distraction-free .interface-interface-skeleton__header {
807
829
  border-bottom: none;
808
830
  }
@@ -814,10 +836,10 @@ body.is-fullscreen-mode .interface-interface-skeleton {
814
836
  position: absolute;
815
837
  width: 100%;
816
838
  }
817
- .is-distraction-free .edit-post-header > .edit-post-header__settings > .editor-post-preview {
839
+ .is-distraction-free .edit-post-header > .edit-post-header__settings > .edit-post-header__post-preview-button {
818
840
  visibility: hidden;
819
841
  }
820
- .is-distraction-free .edit-post-header > .edit-post-header__toolbar .edit-post-header-toolbar__inserter-toggle, .is-distraction-free .edit-post-header > .edit-post-header__toolbar .edit-post-header-toolbar__document-overview-toggle, .is-distraction-free .edit-post-header > .edit-post-header__settings > .block-editor-post-preview__dropdown, .is-distraction-free .edit-post-header > .edit-post-header__settings > .interface-pinned-items {
842
+ .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 {
821
843
  display: none;
822
844
  }
823
845
  .is-distraction-free .interface-interface-skeleton__header:focus-within {
@@ -897,168 +919,6 @@ body.is-fullscreen-mode .interface-interface-skeleton {
897
919
  margin-top: -1px;
898
920
  }
899
921
 
900
- .edit-post-header-toolbar {
901
- display: inline-flex;
902
- align-items: center;
903
- }
904
- .edit-post-header-toolbar .edit-post-header-toolbar__left > .components-button {
905
- display: none;
906
- }
907
- @media (min-width: 600px) {
908
- .edit-post-header-toolbar .edit-post-header-toolbar__left > .components-button {
909
- display: inline-flex;
910
- }
911
- }
912
- .edit-post-header-toolbar .edit-post-header-toolbar__left > .edit-post-header-toolbar__inserter-toggle {
913
- display: inline-flex;
914
- }
915
- .edit-post-header-toolbar .edit-post-header-toolbar__left > .edit-post-header-toolbar__inserter-toggle svg {
916
- transition: transform cubic-bezier(0.165, 0.84, 0.44, 1) 0.2s;
917
- }
918
- @media (prefers-reduced-motion: reduce) {
919
- .edit-post-header-toolbar .edit-post-header-toolbar__left > .edit-post-header-toolbar__inserter-toggle svg {
920
- transition-duration: 0s;
921
- transition-delay: 0s;
922
- }
923
- }
924
- .edit-post-header-toolbar .edit-post-header-toolbar__left > .edit-post-header-toolbar__inserter-toggle.is-pressed svg {
925
- transform: rotate(45deg);
926
- }
927
- .edit-post-header-toolbar .block-editor-list-view {
928
- display: none;
929
- }
930
- @media (min-width: 600px) {
931
- .edit-post-header-toolbar .block-editor-list-view {
932
- display: flex;
933
- }
934
- }
935
- .edit-post-header-toolbar .edit-post-header-toolbar__left > .components-button.has-icon,
936
- .edit-post-header-toolbar .edit-post-header-toolbar__left > .components-dropdown > .components-button.has-icon {
937
- height: 36px;
938
- min-width: 36px;
939
- padding: 6px;
940
- }
941
- .edit-post-header-toolbar .edit-post-header-toolbar__left > .components-button.has-icon.is-pressed,
942
- .edit-post-header-toolbar .edit-post-header-toolbar__left > .components-dropdown > .components-button.has-icon.is-pressed {
943
- background: #1e1e1e;
944
- }
945
- .edit-post-header-toolbar .edit-post-header-toolbar__left > .components-button.has-icon:focus:not(:disabled),
946
- .edit-post-header-toolbar .edit-post-header-toolbar__left > .components-dropdown > .components-button.has-icon:focus:not(:disabled) {
947
- box-shadow: 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color), inset 0 0 0 1px #fff;
948
- outline: 1px solid transparent;
949
- }
950
- .edit-post-header-toolbar .edit-post-header-toolbar__left > .components-button.has-icon::before,
951
- .edit-post-header-toolbar .edit-post-header-toolbar__left > .components-dropdown > .components-button.has-icon::before {
952
- display: none;
953
- }
954
-
955
- @media (min-width: 600px) {
956
- .edit-post-header.has-reduced-ui .edit-post-header-toolbar__left > * + .components-button,
957
- .edit-post-header.has-reduced-ui .edit-post-header-toolbar__left > * + .components-dropdown > [aria-expanded=false] {
958
- transition: opacity 0.1s linear;
959
- }
960
- }
961
- @media (min-width: 600px) and (prefers-reduced-motion: reduce) {
962
- .edit-post-header.has-reduced-ui .edit-post-header-toolbar__left > * + .components-button,
963
- .edit-post-header.has-reduced-ui .edit-post-header-toolbar__left > * + .components-dropdown > [aria-expanded=false] {
964
- transition-duration: 0s;
965
- transition-delay: 0s;
966
- }
967
- }
968
- @media (min-width: 600px) {
969
- .edit-post-header.has-reduced-ui:not(:hover) .edit-post-header-toolbar__left > * + .components-button, .edit-post-header.has-reduced-ui:not(:hover) .edit-post-header-toolbar__left > * + .components-dropdown > [aria-expanded=false] {
970
- opacity: 0;
971
- }
972
- }
973
-
974
- .edit-post-header-toolbar__left {
975
- display: inline-flex;
976
- align-items: center;
977
- padding-left: 8px;
978
- margin-right: 8px;
979
- }
980
- @media (min-width: 600px) {
981
- .edit-post-header-toolbar__left {
982
- padding-left: 24px;
983
- }
984
- }
985
- @media (min-width: 1280px) {
986
- .edit-post-header-toolbar__left {
987
- padding-right: 8px;
988
- }
989
- }
990
-
991
- .edit-post-header-toolbar .edit-post-header-toolbar__left > .edit-post-header-toolbar__inserter-toggle.has-icon {
992
- margin-right: 8px;
993
- min-width: 32px;
994
- width: 32px;
995
- height: 32px;
996
- padding: 0;
997
- }
998
- .show-icon-labels .edit-post-header-toolbar .edit-post-header-toolbar__left > .edit-post-header-toolbar__inserter-toggle.has-icon {
999
- width: auto;
1000
- height: 36px;
1001
- padding: 0 8px;
1002
- }
1003
-
1004
- .show-icon-labels .edit-post-header-toolbar__left > * + * {
1005
- margin-left: 8px;
1006
- }
1007
-
1008
- .edit-post-document-actions {
1009
- display: flex;
1010
- align-items: center;
1011
- gap: 8px;
1012
- height: 36px;
1013
- justify-content: space-between;
1014
- min-width: 0;
1015
- background: #f0f0f0;
1016
- border-radius: 4px;
1017
- width: min(100%, 450px);
1018
- }
1019
- .edit-post-document-actions .components-button:hover {
1020
- color: var(--wp-block-synced-color);
1021
- background: #e0e0e0;
1022
- }
1023
-
1024
- .edit-post-document-actions__command {
1025
- flex-grow: 1;
1026
- color: var(--wp-block-synced-color);
1027
- overflow: hidden;
1028
- }
1029
-
1030
- .edit-post-document-actions__title {
1031
- flex-grow: 1;
1032
- color: var(--wp-block-synced-color);
1033
- overflow: hidden;
1034
- }
1035
- .edit-post-document-actions__title:hover {
1036
- color: var(--wp-block-synced-color);
1037
- }
1038
- .edit-post-document-actions__title .block-editor-block-icon {
1039
- flex-shrink: 0;
1040
- }
1041
- .edit-post-document-actions__title h1 {
1042
- white-space: nowrap;
1043
- overflow: hidden;
1044
- text-overflow: ellipsis;
1045
- color: var(--wp-block-synced-color);
1046
- }
1047
-
1048
- .edit-post-document-actions__shortcut {
1049
- color: #2f2f2f;
1050
- }
1051
-
1052
- .edit-post-document-actions__back.components-button.has-icon.has-text {
1053
- min-width: 36px;
1054
- flex-shrink: 0;
1055
- color: #757575;
1056
- gap: 0;
1057
- }
1058
- .edit-post-document-actions__back.components-button.has-icon.has-text:hover {
1059
- color: currentColor;
1060
- }
1061
-
1062
922
  .edit-post-keyboard-shortcut-help-modal__section {
1063
923
  margin: 0 0 2rem 0;
1064
924
  }
@@ -1407,172 +1267,11 @@ body.is-fullscreen-mode .edit-post-layout .components-editor-notices__snackbar {
1407
1267
  clear: both;
1408
1268
  }
1409
1269
 
1410
- /**
1411
- * Note that this CSS file should be in sync with its counterpart in the other editor:
1412
- * packages/edit-site/src/components/secondary-sidebar/style.scss
1413
- */
1414
- .edit-post-editor__inserter-panel,
1415
- .edit-post-editor__document-overview-panel {
1416
- height: 100%;
1417
- display: flex;
1418
- flex-direction: column;
1419
- }
1420
-
1421
- @media (min-width: 782px) {
1422
- .edit-post-editor__document-overview-panel {
1423
- width: 350px;
1424
- }
1425
- }
1426
- .edit-post-editor__document-overview-panel .edit-post-editor__document-overview-panel__close-button {
1427
- position: absolute;
1428
- right: 8px;
1429
- top: 6px;
1430
- z-index: 1;
1431
- background: #fff;
1432
- }
1433
- .edit-post-editor__document-overview-panel .components-tab-panel__tabs {
1434
- border-bottom: 1px solid #ddd;
1435
- box-sizing: border-box;
1436
- display: flex;
1437
- width: 100%;
1438
- padding-right: 56px;
1439
- }
1440
- .edit-post-editor__document-overview-panel .components-tab-panel__tabs .edit-post-sidebar__panel-tab {
1441
- width: 50%;
1442
- margin-bottom: -1px;
1443
- }
1444
- .edit-post-editor__document-overview-panel .components-tab-panel__tab-content {
1445
- height: calc(100% - 47px);
1446
- }
1447
-
1448
- .edit-post-editor__inserter-panel-header {
1449
- padding-top: 8px;
1450
- padding-right: 8px;
1451
- display: flex;
1452
- justify-content: flex-end;
1453
- }
1454
-
1455
- .edit-post-editor__inserter-panel-content {
1456
- height: calc(100% - 36px - 8px);
1457
- }
1458
- @media (min-width: 782px) {
1459
- .edit-post-editor__inserter-panel-content {
1460
- height: 100%;
1461
- }
1462
- }
1463
-
1464
- .edit-post-editor__list-view-panel-content,
1465
- .edit-post-editor__list-view-container > .document-outline,
1466
- .edit-post-editor__list-view-empty-headings {
1467
- height: 100%;
1468
- scrollbar-width: thin;
1469
- scrollbar-gutter: stable both-edges;
1470
- scrollbar-color: transparent transparent;
1471
- will-change: transform;
1472
- overflow: auto;
1473
- scrollbar-gutter: auto;
1474
- padding: 8px 6px;
1475
- }
1476
- .edit-post-editor__list-view-panel-content::-webkit-scrollbar,
1477
- .edit-post-editor__list-view-container > .document-outline::-webkit-scrollbar,
1478
- .edit-post-editor__list-view-empty-headings::-webkit-scrollbar {
1479
- width: 12px;
1480
- height: 12px;
1481
- }
1482
- .edit-post-editor__list-view-panel-content::-webkit-scrollbar-track,
1483
- .edit-post-editor__list-view-container > .document-outline::-webkit-scrollbar-track,
1484
- .edit-post-editor__list-view-empty-headings::-webkit-scrollbar-track {
1485
- background-color: transparent;
1486
- }
1487
- .edit-post-editor__list-view-panel-content::-webkit-scrollbar-thumb,
1488
- .edit-post-editor__list-view-container > .document-outline::-webkit-scrollbar-thumb,
1489
- .edit-post-editor__list-view-empty-headings::-webkit-scrollbar-thumb {
1490
- background-color: transparent;
1491
- border-radius: 8px;
1492
- border: 3px solid transparent;
1493
- background-clip: padding-box;
1494
- }
1495
- .edit-post-editor__list-view-panel-content:hover::-webkit-scrollbar-thumb, .edit-post-editor__list-view-panel-content:focus::-webkit-scrollbar-thumb, .edit-post-editor__list-view-panel-content:focus-within::-webkit-scrollbar-thumb,
1496
- .edit-post-editor__list-view-container > .document-outline:hover::-webkit-scrollbar-thumb,
1497
- .edit-post-editor__list-view-container > .document-outline:focus::-webkit-scrollbar-thumb,
1498
- .edit-post-editor__list-view-container > .document-outline:focus-within::-webkit-scrollbar-thumb,
1499
- .edit-post-editor__list-view-empty-headings:hover::-webkit-scrollbar-thumb,
1500
- .edit-post-editor__list-view-empty-headings:focus::-webkit-scrollbar-thumb,
1501
- .edit-post-editor__list-view-empty-headings:focus-within::-webkit-scrollbar-thumb {
1502
- background-color: #949494;
1503
- }
1504
- .edit-post-editor__list-view-panel-content:hover, .edit-post-editor__list-view-panel-content:focus, .edit-post-editor__list-view-panel-content:focus-within,
1505
- .edit-post-editor__list-view-container > .document-outline:hover,
1506
- .edit-post-editor__list-view-container > .document-outline:focus,
1507
- .edit-post-editor__list-view-container > .document-outline:focus-within,
1508
- .edit-post-editor__list-view-empty-headings:hover,
1509
- .edit-post-editor__list-view-empty-headings:focus,
1510
- .edit-post-editor__list-view-empty-headings:focus-within {
1511
- scrollbar-color: #949494 transparent;
1512
- }
1513
- @media (hover: none) {
1514
- .edit-post-editor__list-view-panel-content,
1515
- .edit-post-editor__list-view-container > .document-outline,
1516
- .edit-post-editor__list-view-empty-headings {
1517
- scrollbar-color: #949494 transparent;
1518
- }
1519
- }
1520
-
1521
- .edit-post-editor__list-view-empty-headings {
1522
- text-align: center;
1523
- color: #757575;
1524
- }
1525
- .edit-post-editor__list-view-empty-headings > svg {
1526
- margin-top: 28px;
1527
- }
1528
- .edit-post-editor__list-view-empty-headings > p {
1529
- padding-left: 32px;
1530
- padding-right: 32px;
1531
- }
1532
-
1533
- .edit-post-editor__list-view-overview {
1534
- display: flex;
1535
- flex-direction: column;
1536
- gap: 8px;
1537
- border-bottom: 1px solid #ddd;
1538
- padding: 16px;
1539
- }
1540
- .edit-post-editor__list-view-overview > div > span:first-child {
1541
- width: 90px;
1542
- display: inline-block;
1543
- }
1544
- .edit-post-editor__list-view-overview > div > span {
1545
- font-size: 12px;
1546
- line-height: 1.4;
1547
- color: #757575;
1548
- }
1549
-
1550
- .edit-post-editor__list-view-container {
1551
- display: flex;
1552
- flex-direction: column;
1553
- height: 100%;
1554
- }
1555
-
1556
- .edit-post-editor__document-overview-panel__tab-panel {
1557
- height: 100%;
1558
- }
1559
-
1560
1270
  .components-panel__header.edit-post-sidebar__panel-tabs {
1561
- justify-content: flex-start;
1562
1271
  padding-left: 0;
1563
1272
  padding-right: 16px;
1564
- border-top: 0;
1565
- margin-top: 0;
1566
- }
1567
- .components-panel__header.edit-post-sidebar__panel-tabs ul {
1568
- display: flex;
1569
- }
1570
- .components-panel__header.edit-post-sidebar__panel-tabs li {
1571
- margin: 0;
1572
1273
  }
1573
1274
  .components-panel__header.edit-post-sidebar__panel-tabs .components-button.has-icon {
1574
- display: none;
1575
- margin: 0 0 0 auto;
1576
1275
  padding: 0;
1577
1276
  min-width: 24px;
1578
1277
  height: 24px;
@@ -1583,13 +1282,8 @@ body.is-fullscreen-mode .edit-post-layout .components-editor-notices__snackbar {
1583
1282
  }
1584
1283
  }
1585
1284
 
1586
- .components-panel__body.is-opened.edit-post-last-revision__panel {
1587
- padding: 0;
1588
- height: 48px;
1589
- }
1590
-
1591
- .editor-post-last-revision__title.components-button.components-button {
1592
- padding: 16px;
1285
+ .edit-post-sidebar__panel {
1286
+ margin-top: -1px;
1593
1287
  }
1594
1288
 
1595
1289
  .edit-post-post-format {
@@ -1604,96 +1298,11 @@ body.is-fullscreen-mode .edit-post-layout .components-editor-notices__snackbar {
1604
1298
  align-items: stretch;
1605
1299
  }
1606
1300
 
1607
- .components-button.edit-post-post-template__toggle {
1608
- display: inline-block;
1609
- width: 100%;
1610
- overflow: hidden;
1611
- text-overflow: ellipsis;
1612
- }
1613
-
1614
- .edit-post-post-template__dialog {
1615
- z-index: 99999;
1616
- }
1617
-
1618
- .edit-post-post-template__form {
1619
- min-width: 248px;
1620
- margin: 8px;
1621
- }
1622
-
1623
- @media (min-width: 782px) {
1624
- .edit-post-post-template__create-form {
1625
- width: 320px;
1626
- }
1627
- }
1628
-
1629
1301
  .edit-post-post-visibility__dialog .editor-post-visibility {
1630
1302
  min-width: 248px;
1631
1303
  margin: 8px;
1632
1304
  }
1633
1305
 
1634
- .components-button.edit-post-sidebar__panel-tab {
1635
- position: relative;
1636
- border-radius: 0;
1637
- height: 48px;
1638
- background: transparent;
1639
- border: none;
1640
- box-shadow: none;
1641
- cursor: pointer;
1642
- padding: 3px 16px;
1643
- margin-left: 0;
1644
- font-weight: 500;
1645
- }
1646
- .components-button.edit-post-sidebar__panel-tab:focus:not(:disabled) {
1647
- position: relative;
1648
- box-shadow: none;
1649
- outline: none;
1650
- }
1651
- .components-button.edit-post-sidebar__panel-tab::after {
1652
- content: "";
1653
- position: absolute;
1654
- right: 0;
1655
- bottom: 0;
1656
- left: 0;
1657
- pointer-events: none;
1658
- background: var(--wp-admin-theme-color);
1659
- height: calc(0 * var(--wp-admin-border-width-focus));
1660
- border-radius: 0;
1661
- transition: all 0.1s linear;
1662
- }
1663
- @media (prefers-reduced-motion: reduce) {
1664
- .components-button.edit-post-sidebar__panel-tab::after {
1665
- transition-duration: 0s;
1666
- transition-delay: 0s;
1667
- }
1668
- }
1669
- .components-button.edit-post-sidebar__panel-tab.is-active::after {
1670
- height: calc(1 * var(--wp-admin-border-width-focus));
1671
- outline: 2px solid transparent;
1672
- outline-offset: -1px;
1673
- }
1674
- .components-button.edit-post-sidebar__panel-tab::before {
1675
- content: "";
1676
- position: absolute;
1677
- top: 12px;
1678
- right: 12px;
1679
- bottom: 12px;
1680
- left: 12px;
1681
- pointer-events: none;
1682
- box-shadow: 0 0 0 0 transparent;
1683
- border-radius: 2px;
1684
- transition: all 0.1s linear;
1685
- }
1686
- @media (prefers-reduced-motion: reduce) {
1687
- .components-button.edit-post-sidebar__panel-tab::before {
1688
- transition-duration: 0s;
1689
- transition-delay: 0s;
1690
- }
1691
- }
1692
- .components-button.edit-post-sidebar__panel-tab:focus-visible::before {
1693
- box-shadow: 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color);
1694
- outline: 2px solid transparent;
1695
- }
1696
-
1697
1306
  h2.edit-post-template-summary__title {
1698
1307
  line-height: 24px;
1699
1308
  margin: 0 0 4px;
@@ -1738,7 +1347,6 @@ h2.edit-post-template-summary__title {
1738
1347
  }
1739
1348
  @media (min-width: 960px) {
1740
1349
  .edit-post-text-editor__body {
1741
- padding: 16px 24px 96px 24px;
1742
1350
  padding: 0 24px 24px 24px;
1743
1351
  }
1744
1352
  }
@@ -1769,9 +1377,6 @@ h2.edit-post-template-summary__title {
1769
1377
  font-size: 13px;
1770
1378
  color: #1e1e1e;
1771
1379
  }
1772
- .edit-post-text-editor__toolbar .components-button svg {
1773
- order: 1;
1774
- }
1775
1380
 
1776
1381
  .edit-post-visual-editor {
1777
1382
  position: relative;
@@ -1792,15 +1397,6 @@ h2.edit-post-template-summary__title {
1792
1397
  padding: 6px;
1793
1398
  }
1794
1399
 
1795
- .edit-post-visual-editor__post-title-wrapper {
1796
- margin-top: 4rem;
1797
- margin-bottom: var(--wp--style--block-gap);
1798
- }
1799
- .edit-post-visual-editor__post-title-wrapper .editor-post-title {
1800
- margin-left: auto;
1801
- margin-right: auto;
1802
- }
1803
-
1804
1400
  .edit-post-visual-editor__content-area {
1805
1401
  width: 100%;
1806
1402
  height: 100%;
@@ -1931,8 +1527,7 @@ body.js.block-editor-page .media-frame select.attachment-filters:last-of-type {
1931
1527
  .edit-post-sidebar,
1932
1528
  .editor-post-publish-panel,
1933
1529
  .components-popover,
1934
- .components-modal__frame,
1935
- .edit-post-editor__inserter-panel {
1530
+ .components-modal__frame {
1936
1531
  box-sizing: border-box;
1937
1532
  }
1938
1533
  .edit-post-header *,
@@ -1952,10 +1547,7 @@ body.js.block-editor-page .media-frame select.attachment-filters:last-of-type {
1952
1547
  .components-popover *::after,
1953
1548
  .components-modal__frame *,
1954
1549
  .components-modal__frame *::before,
1955
- .components-modal__frame *::after,
1956
- .edit-post-editor__inserter-panel *,
1957
- .edit-post-editor__inserter-panel *::before,
1958
- .edit-post-editor__inserter-panel *::after {
1550
+ .components-modal__frame *::after {
1959
1551
  box-sizing: inherit;
1960
1552
  }
1961
1553