@wordpress/edit-site 5.3.1 → 5.3.3

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 (311) hide show
  1. package/CHANGELOG.md +1 -0
  2. package/build/components/add-new-template/new-template-part.js +8 -5
  3. package/build/components/add-new-template/new-template-part.js.map +1 -1
  4. package/build/components/add-new-template/new-template.js +8 -5
  5. package/build/components/add-new-template/new-template.js.map +1 -1
  6. package/build/components/block-editor/editor-canvas.js +3 -3
  7. package/build/components/block-editor/editor-canvas.js.map +1 -1
  8. package/build/components/block-editor/index.js +3 -3
  9. package/build/components/block-editor/index.js.map +1 -1
  10. package/build/components/editor/index.js +26 -38
  11. package/build/components/editor/index.js.map +1 -1
  12. package/build/components/global-styles/block-preview-panel.js +10 -12
  13. package/build/components/global-styles/block-preview-panel.js.map +1 -1
  14. package/build/components/global-styles/border-panel.js +2 -2
  15. package/build/components/global-styles/border-panel.js.map +1 -1
  16. package/build/components/global-styles/color-palette-panel.js +2 -2
  17. package/build/components/global-styles/color-palette-panel.js.map +1 -1
  18. package/build/components/global-styles/context-menu.js +9 -2
  19. package/build/components/global-styles/context-menu.js.map +1 -1
  20. package/build/components/global-styles/custom-css.js +2 -2
  21. package/build/components/global-styles/custom-css.js.map +1 -1
  22. package/build/components/global-styles/dimensions-panel.js +2 -2
  23. package/build/components/global-styles/dimensions-panel.js.map +1 -1
  24. package/build/components/global-styles/global-styles-provider.js +2 -2
  25. package/build/components/global-styles/global-styles-provider.js.map +1 -1
  26. package/build/components/global-styles/gradients-palette-panel.js +2 -2
  27. package/build/components/global-styles/gradients-palette-panel.js.map +1 -1
  28. package/build/components/global-styles/header.js +1 -1
  29. package/build/components/global-styles/header.js.map +1 -1
  30. package/build/components/global-styles/hooks.js +2 -2
  31. package/build/components/global-styles/hooks.js.map +1 -1
  32. package/build/components/global-styles/navigation-button.js +1 -1
  33. package/build/components/global-styles/navigation-button.js.map +1 -1
  34. package/build/components/global-styles/palette.js +2 -2
  35. package/build/components/global-styles/palette.js.map +1 -1
  36. package/build/components/global-styles/preview.js +2 -2
  37. package/build/components/global-styles/preview.js.map +1 -1
  38. package/build/components/global-styles/screen-background-color.js +2 -2
  39. package/build/components/global-styles/screen-background-color.js.map +1 -1
  40. package/build/components/global-styles/screen-border.js +0 -6
  41. package/build/components/global-styles/screen-border.js.map +1 -1
  42. package/build/components/global-styles/screen-button-color.js +2 -2
  43. package/build/components/global-styles/screen-button-color.js.map +1 -1
  44. package/build/components/global-styles/screen-colors.js +2 -2
  45. package/build/components/global-styles/screen-colors.js.map +1 -1
  46. package/build/components/global-styles/screen-css.js +5 -5
  47. package/build/components/global-styles/screen-css.js.map +1 -1
  48. package/build/components/global-styles/screen-effects.js +53 -0
  49. package/build/components/global-styles/screen-effects.js.map +1 -0
  50. package/build/components/global-styles/screen-heading-color.js +2 -2
  51. package/build/components/global-styles/screen-heading-color.js.map +1 -1
  52. package/build/components/global-styles/screen-link-color.js +2 -2
  53. package/build/components/global-styles/screen-link-color.js.map +1 -1
  54. package/build/components/global-styles/screen-root.js +2 -2
  55. package/build/components/global-styles/screen-root.js.map +1 -1
  56. package/build/components/global-styles/screen-style-variations.js +2 -2
  57. package/build/components/global-styles/screen-style-variations.js.map +1 -1
  58. package/build/components/global-styles/screen-text-color.js +2 -2
  59. package/build/components/global-styles/screen-text-color.js.map +1 -1
  60. package/build/components/global-styles/screen-typography.js +2 -2
  61. package/build/components/global-styles/screen-typography.js.map +1 -1
  62. package/build/components/global-styles/shadow-panel.js +3 -3
  63. package/build/components/global-styles/shadow-panel.js.map +1 -1
  64. package/build/components/global-styles/typography-panel.js +2 -2
  65. package/build/components/global-styles/typography-panel.js.map +1 -1
  66. package/build/components/global-styles/typography-preview.js +2 -2
  67. package/build/components/global-styles/typography-preview.js.map +1 -1
  68. package/build/components/global-styles/ui.js +10 -10
  69. package/build/components/global-styles/ui.js.map +1 -1
  70. package/build/components/global-styles-renderer/index.js +2 -2
  71. package/build/components/global-styles-renderer/index.js.map +1 -1
  72. package/build/components/header-edit-mode/index.js +6 -3
  73. package/build/components/header-edit-mode/index.js.map +1 -1
  74. package/build/components/keyboard-shortcut-help-modal/config.js +1 -1
  75. package/build/components/keyboard-shortcut-help-modal/config.js.map +1 -1
  76. package/build/components/layout/index.js +13 -24
  77. package/build/components/layout/index.js.map +1 -1
  78. package/build/components/list/actions/rename-menu-item.js +1 -1
  79. package/build/components/list/actions/rename-menu-item.js.map +1 -1
  80. package/build/components/list/table.js +1 -0
  81. package/build/components/list/table.js.map +1 -1
  82. package/build/components/navigation-inspector/navigation-menu.js +2 -2
  83. package/build/components/navigation-inspector/navigation-menu.js.map +1 -1
  84. package/build/components/save-panel/index.js +78 -0
  85. package/build/components/save-panel/index.js.map +1 -0
  86. package/build/components/sidebar/index.js +42 -5
  87. package/build/components/sidebar/index.js.map +1 -1
  88. package/build/components/sidebar-navigation-screen/index.js +28 -7
  89. package/build/components/sidebar-navigation-screen/index.js.map +1 -1
  90. package/build/components/sidebar-navigation-screen-navigation-item/index.js +72 -0
  91. package/build/components/sidebar-navigation-screen-navigation-item/index.js.map +1 -0
  92. package/build/components/sidebar-navigation-screen-navigation-menus/index.js +2 -2
  93. package/build/components/sidebar-navigation-screen-navigation-menus/index.js.map +1 -1
  94. package/build/components/sidebar-navigation-screen-template/index.js +70 -0
  95. package/build/components/sidebar-navigation-screen-template/index.js.map +1 -0
  96. package/build/components/sidebar-navigation-screen-templates/index.js +32 -82
  97. package/build/components/sidebar-navigation-screen-templates/index.js.map +1 -1
  98. package/build/components/sidebar-navigation-screen-templates-browse/index.js +43 -0
  99. package/build/components/sidebar-navigation-screen-templates-browse/index.js.map +1 -0
  100. package/build/components/site-hub/index.js +14 -49
  101. package/build/components/site-hub/index.js.map +1 -1
  102. package/build/components/style-book/index.js +10 -3
  103. package/build/components/style-book/index.js.map +1 -1
  104. package/build/components/sync-state-with-url/use-init-edited-entity-from-url.js +55 -20
  105. package/build/components/sync-state-with-url/use-init-edited-entity-from-url.js.map +1 -1
  106. package/build/components/sync-state-with-url/use-sync-canvas-mode-with-url.js +3 -3
  107. package/build/components/sync-state-with-url/use-sync-canvas-mode-with-url.js.map +1 -1
  108. package/build/components/sync-state-with-url/{use-sync-sidebar-path-with-url.js → use-sync-path-with-url.js} +12 -12
  109. package/build/components/sync-state-with-url/use-sync-path-with-url.js.map +1 -0
  110. package/build/components/use-edited-entity-record/index.js +6 -2
  111. package/build/components/use-edited-entity-record/index.js.map +1 -1
  112. package/build/hooks/push-changes-to-global-styles/index.js +2 -2
  113. package/build/hooks/push-changes-to-global-styles/index.js.map +1 -1
  114. package/build/{experiments.js → private-apis.js} +3 -3
  115. package/build/private-apis.js.map +1 -0
  116. package/build/store/index.js +3 -3
  117. package/build/store/index.js.map +1 -1
  118. package/build/utils/get-is-list-page.js +5 -6
  119. package/build/utils/get-is-list-page.js.map +1 -1
  120. package/build-module/components/add-new-template/new-template-part.js +7 -4
  121. package/build-module/components/add-new-template/new-template-part.js.map +1 -1
  122. package/build-module/components/add-new-template/new-template.js +7 -4
  123. package/build-module/components/add-new-template/new-template.js.map +1 -1
  124. package/build-module/components/block-editor/editor-canvas.js +1 -1
  125. package/build-module/components/block-editor/editor-canvas.js.map +1 -1
  126. package/build-module/components/block-editor/index.js +3 -3
  127. package/build-module/components/block-editor/index.js.map +1 -1
  128. package/build-module/components/editor/index.js +28 -41
  129. package/build-module/components/editor/index.js.map +1 -1
  130. package/build-module/components/global-styles/block-preview-panel.js +10 -11
  131. package/build-module/components/global-styles/block-preview-panel.js.map +1 -1
  132. package/build-module/components/global-styles/border-panel.js +3 -3
  133. package/build-module/components/global-styles/border-panel.js.map +1 -1
  134. package/build-module/components/global-styles/color-palette-panel.js +3 -3
  135. package/build-module/components/global-styles/color-palette-panel.js.map +1 -1
  136. package/build-module/components/global-styles/context-menu.js +9 -3
  137. package/build-module/components/global-styles/context-menu.js.map +1 -1
  138. package/build-module/components/global-styles/custom-css.js +3 -3
  139. package/build-module/components/global-styles/custom-css.js.map +1 -1
  140. package/build-module/components/global-styles/dimensions-panel.js +3 -3
  141. package/build-module/components/global-styles/dimensions-panel.js.map +1 -1
  142. package/build-module/components/global-styles/global-styles-provider.js +3 -3
  143. package/build-module/components/global-styles/global-styles-provider.js.map +1 -1
  144. package/build-module/components/global-styles/gradients-palette-panel.js +3 -3
  145. package/build-module/components/global-styles/gradients-palette-panel.js.map +1 -1
  146. package/build-module/components/global-styles/header.js +2 -2
  147. package/build-module/components/global-styles/header.js.map +1 -1
  148. package/build-module/components/global-styles/hooks.js +3 -3
  149. package/build-module/components/global-styles/hooks.js.map +1 -1
  150. package/build-module/components/global-styles/navigation-button.js +2 -2
  151. package/build-module/components/global-styles/navigation-button.js.map +1 -1
  152. package/build-module/components/global-styles/palette.js +3 -3
  153. package/build-module/components/global-styles/palette.js.map +1 -1
  154. package/build-module/components/global-styles/preview.js +3 -3
  155. package/build-module/components/global-styles/preview.js.map +1 -1
  156. package/build-module/components/global-styles/screen-background-color.js +3 -3
  157. package/build-module/components/global-styles/screen-background-color.js.map +1 -1
  158. package/build-module/components/global-styles/screen-border.js +0 -5
  159. package/build-module/components/global-styles/screen-border.js.map +1 -1
  160. package/build-module/components/global-styles/screen-button-color.js +3 -3
  161. package/build-module/components/global-styles/screen-button-color.js.map +1 -1
  162. package/build-module/components/global-styles/screen-colors.js +3 -3
  163. package/build-module/components/global-styles/screen-colors.js.map +1 -1
  164. package/build-module/components/global-styles/screen-css.js +5 -5
  165. package/build-module/components/global-styles/screen-css.js.map +1 -1
  166. package/build-module/components/global-styles/screen-effects.js +35 -0
  167. package/build-module/components/global-styles/screen-effects.js.map +1 -0
  168. package/build-module/components/global-styles/screen-heading-color.js +3 -3
  169. package/build-module/components/global-styles/screen-heading-color.js.map +1 -1
  170. package/build-module/components/global-styles/screen-link-color.js +3 -3
  171. package/build-module/components/global-styles/screen-link-color.js.map +1 -1
  172. package/build-module/components/global-styles/screen-root.js +3 -3
  173. package/build-module/components/global-styles/screen-root.js.map +1 -1
  174. package/build-module/components/global-styles/screen-style-variations.js +3 -3
  175. package/build-module/components/global-styles/screen-style-variations.js.map +1 -1
  176. package/build-module/components/global-styles/screen-text-color.js +3 -3
  177. package/build-module/components/global-styles/screen-text-color.js.map +1 -1
  178. package/build-module/components/global-styles/screen-typography.js +3 -3
  179. package/build-module/components/global-styles/screen-typography.js.map +1 -1
  180. package/build-module/components/global-styles/shadow-panel.js +4 -4
  181. package/build-module/components/global-styles/shadow-panel.js.map +1 -1
  182. package/build-module/components/global-styles/typography-panel.js +3 -3
  183. package/build-module/components/global-styles/typography-panel.js.map +1 -1
  184. package/build-module/components/global-styles/typography-preview.js +3 -3
  185. package/build-module/components/global-styles/typography-preview.js.map +1 -1
  186. package/build-module/components/global-styles/ui.js +10 -11
  187. package/build-module/components/global-styles/ui.js.map +1 -1
  188. package/build-module/components/global-styles-renderer/index.js +3 -3
  189. package/build-module/components/global-styles-renderer/index.js.map +1 -1
  190. package/build-module/components/header-edit-mode/index.js +6 -3
  191. package/build-module/components/header-edit-mode/index.js.map +1 -1
  192. package/build-module/components/keyboard-shortcut-help-modal/config.js +1 -1
  193. package/build-module/components/keyboard-shortcut-help-modal/config.js.map +1 -1
  194. package/build-module/components/layout/index.js +12 -24
  195. package/build-module/components/layout/index.js.map +1 -1
  196. package/build-module/components/list/actions/rename-menu-item.js +1 -1
  197. package/build-module/components/list/actions/rename-menu-item.js.map +1 -1
  198. package/build-module/components/list/table.js +1 -0
  199. package/build-module/components/list/table.js.map +1 -1
  200. package/build-module/components/navigation-inspector/navigation-menu.js +3 -3
  201. package/build-module/components/navigation-inspector/navigation-menu.js.map +1 -1
  202. package/build-module/components/save-panel/index.js +64 -0
  203. package/build-module/components/save-panel/index.js.map +1 -0
  204. package/build-module/components/sidebar/index.js +36 -5
  205. package/build-module/components/sidebar/index.js.map +1 -1
  206. package/build-module/components/sidebar-navigation-screen/index.js +27 -9
  207. package/build-module/components/sidebar-navigation-screen/index.js.map +1 -1
  208. package/build-module/components/sidebar-navigation-screen-navigation-item/index.js +55 -0
  209. package/build-module/components/sidebar-navigation-screen-navigation-item/index.js.map +1 -0
  210. package/build-module/components/sidebar-navigation-screen-navigation-menus/index.js +2 -2
  211. package/build-module/components/sidebar-navigation-screen-navigation-menus/index.js.map +1 -1
  212. package/build-module/components/sidebar-navigation-screen-template/index.js +53 -0
  213. package/build-module/components/sidebar-navigation-screen-template/index.js.map +1 -0
  214. package/build-module/components/sidebar-navigation-screen-templates/index.js +34 -81
  215. package/build-module/components/sidebar-navigation-screen-templates/index.js.map +1 -1
  216. package/build-module/components/sidebar-navigation-screen-templates-browse/index.js +31 -0
  217. package/build-module/components/sidebar-navigation-screen-templates-browse/index.js.map +1 -0
  218. package/build-module/components/site-hub/index.js +14 -46
  219. package/build-module/components/site-hub/index.js.map +1 -1
  220. package/build-module/components/style-book/index.js +11 -4
  221. package/build-module/components/style-book/index.js.map +1 -1
  222. package/build-module/components/sync-state-with-url/use-init-edited-entity-from-url.js +55 -21
  223. package/build-module/components/sync-state-with-url/use-init-edited-entity-from-url.js.map +1 -1
  224. package/build-module/components/sync-state-with-url/use-sync-canvas-mode-with-url.js +1 -1
  225. package/build-module/components/sync-state-with-url/use-sync-canvas-mode-with-url.js.map +1 -1
  226. package/build-module/components/sync-state-with-url/{use-sync-sidebar-path-with-url.js → use-sync-path-with-url.js} +11 -11
  227. package/build-module/components/sync-state-with-url/use-sync-path-with-url.js.map +1 -0
  228. package/build-module/components/use-edited-entity-record/index.js +6 -2
  229. package/build-module/components/use-edited-entity-record/index.js.map +1 -1
  230. package/build-module/hooks/push-changes-to-global-styles/index.js +3 -3
  231. package/build-module/hooks/push-changes-to-global-styles/index.js.map +1 -1
  232. package/build-module/{experiments.js → private-apis.js} +2 -2
  233. package/build-module/private-apis.js.map +1 -0
  234. package/build-module/store/index.js +1 -1
  235. package/build-module/store/index.js.map +1 -1
  236. package/build-module/utils/get-is-list-page.js +5 -6
  237. package/build-module/utils/get-is-list-page.js.map +1 -1
  238. package/build-style/style-rtl.css +100 -62
  239. package/build-style/style.css +100 -62
  240. package/package.json +20 -20
  241. package/src/components/add-new-template/new-template-part.js +7 -4
  242. package/src/components/add-new-template/new-template.js +8 -6
  243. package/src/components/block-editor/editor-canvas.js +1 -1
  244. package/src/components/block-editor/index.js +3 -3
  245. package/src/components/editor/index.js +32 -71
  246. package/src/components/editor/style.scss +2 -2
  247. package/src/components/global-styles/block-preview-panel.js +8 -12
  248. package/src/components/global-styles/border-panel.js +3 -3
  249. package/src/components/global-styles/color-palette-panel.js +3 -3
  250. package/src/components/global-styles/context-menu.js +14 -2
  251. package/src/components/global-styles/custom-css.js +3 -3
  252. package/src/components/global-styles/dimensions-panel.js +3 -3
  253. package/src/components/global-styles/global-styles-provider.js +3 -3
  254. package/src/components/global-styles/gradients-palette-panel.js +3 -3
  255. package/src/components/global-styles/header.js +2 -2
  256. package/src/components/global-styles/hooks.js +3 -3
  257. package/src/components/global-styles/navigation-button.js +4 -2
  258. package/src/components/global-styles/palette.js +3 -3
  259. package/src/components/global-styles/preview.js +3 -3
  260. package/src/components/global-styles/screen-background-color.js +3 -3
  261. package/src/components/global-styles/screen-border.js +0 -5
  262. package/src/components/global-styles/screen-button-color.js +3 -3
  263. package/src/components/global-styles/screen-colors.js +3 -3
  264. package/src/components/global-styles/screen-css.js +14 -7
  265. package/src/components/global-styles/screen-effects.js +28 -0
  266. package/src/components/global-styles/screen-heading-color.js +3 -3
  267. package/src/components/global-styles/screen-link-color.js +3 -3
  268. package/src/components/global-styles/screen-root.js +3 -3
  269. package/src/components/global-styles/screen-style-variations.js +3 -3
  270. package/src/components/global-styles/screen-text-color.js +3 -3
  271. package/src/components/global-styles/screen-typography.js +3 -3
  272. package/src/components/global-styles/shadow-panel.js +4 -4
  273. package/src/components/global-styles/style.scss +2 -5
  274. package/src/components/global-styles/typography-panel.js +3 -3
  275. package/src/components/global-styles/typography-preview.js +3 -3
  276. package/src/components/global-styles/ui.js +8 -8
  277. package/src/components/global-styles-renderer/index.js +3 -3
  278. package/src/components/header-edit-mode/index.js +6 -3
  279. package/src/components/keyboard-shortcut-help-modal/config.js +1 -1
  280. package/src/components/layout/index.js +38 -48
  281. package/src/components/layout/style.scss +36 -26
  282. package/src/components/list/actions/rename-menu-item.js +1 -1
  283. package/src/components/list/table.js +4 -0
  284. package/src/components/navigation-inspector/navigation-menu.js +3 -3
  285. package/src/components/save-panel/index.js +68 -0
  286. package/src/components/save-panel/style.scss +5 -0
  287. package/src/components/sidebar/index.js +36 -8
  288. package/src/components/sidebar/style.scss +15 -0
  289. package/src/components/sidebar-navigation-screen/index.js +27 -11
  290. package/src/components/sidebar-navigation-screen/style.scss +4 -6
  291. package/src/components/sidebar-navigation-screen-navigation-item/index.js +52 -0
  292. package/src/components/sidebar-navigation-screen-navigation-menus/index.js +1 -1
  293. package/src/components/sidebar-navigation-screen-template/index.js +52 -0
  294. package/src/components/sidebar-navigation-screen-templates/index.js +49 -83
  295. package/src/components/sidebar-navigation-screen-templates-browse/index.js +31 -0
  296. package/src/components/site-hub/index.js +67 -122
  297. package/src/components/site-hub/style.scss +1 -10
  298. package/src/components/style-book/index.js +11 -7
  299. package/src/components/sync-state-with-url/use-init-edited-entity-from-url.js +48 -14
  300. package/src/components/sync-state-with-url/use-sync-canvas-mode-with-url.js +1 -1
  301. package/src/components/sync-state-with-url/{use-sync-sidebar-path-with-url.js → use-sync-path-with-url.js} +10 -10
  302. package/src/components/use-edited-entity-record/index.js +6 -2
  303. package/src/hooks/push-changes-to-global-styles/index.js +3 -3
  304. package/src/{experiments.js → private-apis.js} +1 -1
  305. package/src/store/index.js +1 -1
  306. package/src/style.scss +1 -0
  307. package/src/utils/get-is-list-page.js +5 -5
  308. package/build/components/sync-state-with-url/use-sync-sidebar-path-with-url.js.map +0 -1
  309. package/build/experiments.js.map +0 -1
  310. package/build-module/components/sync-state-with-url/use-sync-sidebar-path-with-url.js.map +0 -1
  311. package/build-module/experiments.js.map +0 -1
@@ -403,13 +403,28 @@ body.is-fullscreen-mode .interface-interface-skeleton {
403
403
  bottom: auto;
404
404
  right: auto;
405
405
  left: 0;
406
- width: 280px;
407
406
  color: #1e1e1e;
407
+ background: #fff;
408
+ width: 100vw;
409
+ }
410
+ @media (min-width: 782px) {
411
+ .interface-interface-skeleton__actions {
412
+ width: 280px;
413
+ }
408
414
  }
409
415
  .interface-interface-skeleton__actions:focus, .interface-interface-skeleton__actions:focus-within {
410
- top: auto;
416
+ top: 46px;
411
417
  bottom: 0;
412
418
  }
419
+ @media (min-width: 782px) {
420
+ .interface-interface-skeleton__actions:focus, .interface-interface-skeleton__actions:focus-within {
421
+ border-right: 1px solid #ddd;
422
+ top: 32px;
423
+ }
424
+ .is-fullscreen-mode .interface-interface-skeleton__actions:focus, .is-fullscreen-mode .interface-interface-skeleton__actions:focus-within {
425
+ top: 0;
426
+ }
427
+ }
413
428
 
414
429
  .interface-more-menu-dropdown {
415
430
  margin-right: -4px;
@@ -1049,7 +1064,6 @@ textarea.edit-site-code-editor-text-area.edit-site-code-editor-text-area:-ms-inp
1049
1064
  .edit-site-global-styles__block-preview-panel {
1050
1065
  position: relative;
1051
1066
  width: 100%;
1052
- height: 152px;
1053
1067
  overflow: auto;
1054
1068
  border: #e0e0e0 1px solid;
1055
1069
  border-radius: 2px;
@@ -1100,7 +1114,8 @@ textarea.edit-site-code-editor-text-area.edit-site-code-editor-text-area:-ms-inp
1100
1114
  }
1101
1115
 
1102
1116
  .edit-site-global-styles-screen-css-help-link {
1103
- padding-right: 16px;
1117
+ display: block;
1118
+ margin-top: 8px;
1104
1119
  }
1105
1120
 
1106
1121
  .edit-site-global-styles-screen-variations {
@@ -1832,7 +1847,7 @@ h3.edit-site-template-card__template-areas-title {
1832
1847
  display: flex;
1833
1848
  justify-content: center;
1834
1849
  }
1835
- .interface-interface-skeleton__actions:focus .edit-site-editor__toggle-save-panel, .interface-interface-skeleton__actions:focus-within .edit-site-editor__toggle-save-panel {
1850
+ .edit-site-layout__actions:focus .edit-site-editor__toggle-save-panel, .edit-site-layout__actions:focus-within .edit-site-editor__toggle-save-panel {
1836
1851
  top: auto;
1837
1852
  bottom: 0;
1838
1853
  }
@@ -2131,23 +2146,23 @@ body.is-fullscreen-mode .edit-site .components-editor-notices__snackbar {
2131
2146
 
2132
2147
  .edit-site-layout__hub {
2133
2148
  position: fixed;
2134
- top: 24px;
2135
- right: 24px;
2149
+ top: 0;
2150
+ right: 0;
2136
2151
  width: calc(100vw - 48px);
2137
- height: 68px;
2152
+ height: 60px;
2138
2153
  z-index: 3;
2139
- background: #000;
2140
- padding: 16px;
2141
- padding-right: 0;
2142
- border-radius: 8px;
2143
- box-shadow: 0 0.7px 1px rgba(0, 0, 0, 0.15), 0 2.7px 3.8px -0.2px rgba(0, 0, 0, 0.15), 0 5.5px 7.8px -0.3px rgba(0, 0, 0, 0.15), -0.1px 11.5px 16.4px -0.5px rgba(0, 0, 0, 0.15);
2154
+ }
2155
+ .edit-site-layout.is-full-canvas.is-edit-mode .edit-site-layout__hub {
2156
+ width: auto;
2157
+ padding-left: 0;
2158
+ }
2159
+ @media (min-width: 782px) {
2160
+ .edit-site-layout__hub {
2161
+ width: calc(360px - 48px);
2162
+ }
2144
2163
  }
2145
2164
  .edit-site-layout.is-full-canvas .edit-site-layout__hub {
2146
- top: 0;
2147
- right: 0;
2148
- padding: 0;
2149
2165
  padding-left: 16px;
2150
- height: 60px;
2151
2166
  border-radius: 0;
2152
2167
  width: 100vw;
2153
2168
  box-shadow: none;
@@ -2158,15 +2173,6 @@ body.is-fullscreen-mode .edit-site .components-editor-notices__snackbar {
2158
2173
  padding-left: 0;
2159
2174
  }
2160
2175
  }
2161
- .edit-site-layout.is-full-canvas.is-edit-mode .edit-site-layout__hub {
2162
- width: auto;
2163
- padding-left: 0;
2164
- }
2165
- @media (min-width: 782px) {
2166
- .edit-site-layout__hub {
2167
- width: calc(360px - 48px);
2168
- }
2169
- }
2170
2176
 
2171
2177
  .edit-site-layout__header {
2172
2178
  height: 60px;
@@ -2200,28 +2206,9 @@ body.is-fullscreen-mode .edit-site .components-editor-notices__snackbar {
2200
2206
  top: 0;
2201
2207
  }
2202
2208
  .edit-site-layout__sidebar > div {
2203
- overflow-y: auto;
2204
- min-height: 100%;
2205
- visibility: hidden;
2206
- scrollbar-color: #757575 #1e1e1e;
2207
- scrollbar-width: thin;
2208
- scrollbar-gutter: stable;
2209
- }
2210
- .edit-site-layout__sidebar > div::-webkit-scrollbar {
2211
- width: 12px;
2212
- height: 12px;
2213
- }
2214
- .edit-site-layout__sidebar > div::-webkit-scrollbar-track {
2215
- background-color: #1e1e1e;
2216
- }
2217
- .edit-site-layout__sidebar > div::-webkit-scrollbar-thumb {
2218
- background-color: #757575;
2219
- border-radius: 8px;
2220
- border: 3px solid transparent;
2221
- background-clip: padding-box;
2222
- }
2223
- .edit-site-layout__sidebar > div:hover, .edit-site-layout__sidebar > div:focus, .edit-site-layout__sidebar > div > * {
2224
- visibility: visible;
2209
+ display: flex;
2210
+ flex-direction: column;
2211
+ height: 100%;
2225
2212
  }
2226
2213
  .edit-site-layout__sidebar .resizable-editor__drag-handle {
2227
2214
  left: 0;
@@ -2324,6 +2311,67 @@ body.is-fullscreen-mode .edit-site .components-editor-notices__snackbar {
2324
2311
  border-radius: 2px;
2325
2312
  }
2326
2313
 
2314
+ .edit-site-layout__actions {
2315
+ z-index: 100000;
2316
+ position: fixed !important;
2317
+ top: -9999em;
2318
+ bottom: auto;
2319
+ right: auto;
2320
+ left: 0;
2321
+ width: 280px;
2322
+ color: #1e1e1e;
2323
+ background: #fff;
2324
+ }
2325
+ .edit-site-layout__actions:focus, .edit-site-layout__actions:focus-within {
2326
+ top: 0;
2327
+ bottom: 0;
2328
+ }
2329
+ @media (min-width: 782px) {
2330
+ .edit-site-layout__actions {
2331
+ border-right: 1px solid #ddd;
2332
+ }
2333
+ }
2334
+
2335
+ @media (min-width: 600px) {
2336
+ .edit-site-save-panel__modal {
2337
+ width: 600px;
2338
+ }
2339
+ }
2340
+
2341
+ .edit-site-sidebar__content {
2342
+ flex-grow: 1;
2343
+ overflow-y: auto;
2344
+ visibility: hidden;
2345
+ scrollbar-color: #757575 #1e1e1e;
2346
+ scrollbar-width: thin;
2347
+ scrollbar-gutter: stable;
2348
+ }
2349
+ .edit-site-sidebar__content::-webkit-scrollbar {
2350
+ width: 12px;
2351
+ height: 12px;
2352
+ }
2353
+ .edit-site-sidebar__content::-webkit-scrollbar-track {
2354
+ background-color: #1e1e1e;
2355
+ }
2356
+ .edit-site-sidebar__content::-webkit-scrollbar-thumb {
2357
+ background-color: #757575;
2358
+ border-radius: 8px;
2359
+ border: 3px solid transparent;
2360
+ background-clip: padding-box;
2361
+ }
2362
+ .edit-site-sidebar__content:hover, .edit-site-sidebar__content:focus, .edit-site-sidebar__content > * {
2363
+ visibility: visible;
2364
+ }
2365
+
2366
+ .edit-site-sidebar__footer {
2367
+ border-top: 1px solid #2f2f2f;
2368
+ flex-shrink: 0;
2369
+ margin: 0 24px;
2370
+ padding: 24px 0;
2371
+ display: flex;
2372
+ justify-content: flex-end;
2373
+ }
2374
+
2327
2375
  .edit-site-sidebar__content.edit-site-sidebar__content {
2328
2376
  overflow-x: unset;
2329
2377
  }
@@ -2374,13 +2422,14 @@ body.is-fullscreen-mode .edit-site .components-editor-notices__snackbar {
2374
2422
 
2375
2423
  .edit-site-sidebar-navigation-screen__content {
2376
2424
  margin: 0 36px 16px 16px;
2425
+ color: #949494;
2377
2426
  }
2378
2427
 
2379
2428
  .edit-site-sidebar-navigation-screen__title-icon {
2380
2429
  position: sticky;
2381
2430
  top: 0;
2382
2431
  background: #1e1e1e;
2383
- padding-top: 164px;
2432
+ padding-top: 108px;
2384
2433
  box-shadow: 0 8px 16px #1e1e1e;
2385
2434
  margin-bottom: 8px;
2386
2435
  padding-bottom: 8px;
@@ -2398,14 +2447,10 @@ body.is-fullscreen-mode .edit-site .components-editor-notices__snackbar {
2398
2447
  .edit-site-sidebar-navigation-screen__back {
2399
2448
  color: #e0e0e0;
2400
2449
  }
2401
- .edit-site-sidebar-navigation-screen__back:hover {
2450
+ .edit-site-sidebar-navigation-screen__back:hover, .edit-site-sidebar-navigation-screen__back:not([aria-disabled=true]):active {
2402
2451
  color: #fff;
2403
2452
  }
2404
2453
 
2405
- .edit-site-sidebar-navigation-screen__icon-placeholder {
2406
- width: 36px;
2407
- }
2408
-
2409
2454
  .edit-site-sidebar-navigation-screen-templates__see-all {
2410
2455
  /* Overrides the margin that comes from the Item component */
2411
2456
  margin-top: 16px !important;
@@ -2423,10 +2468,6 @@ body.is-fullscreen-mode .edit-site .components-editor-notices__snackbar {
2423
2468
  gap: 8px;
2424
2469
  }
2425
2470
 
2426
- .edit-site-site-hub__edit-button {
2427
- height: 32px;
2428
- }
2429
-
2430
2471
  .edit-site-site-hub__post-type {
2431
2472
  opacity: 0.6;
2432
2473
  }
@@ -2435,10 +2476,7 @@ body.is-fullscreen-mode .edit-site .components-editor-notices__snackbar {
2435
2476
  height: 60px;
2436
2477
  width: 64px;
2437
2478
  flex-shrink: 0;
2438
- }
2439
-
2440
- .edit-site-layout.is-edit-mode .edit-site-site-hub__view-mode-toggle-container {
2441
- width: 60px;
2479
+ background: #1e1e1e;
2442
2480
  }
2443
2481
 
2444
2482
  .edit-site-site-hub__text-content {
@@ -403,13 +403,28 @@ body.is-fullscreen-mode .interface-interface-skeleton {
403
403
  bottom: auto;
404
404
  left: auto;
405
405
  right: 0;
406
- width: 280px;
407
406
  color: #1e1e1e;
407
+ background: #fff;
408
+ width: 100vw;
409
+ }
410
+ @media (min-width: 782px) {
411
+ .interface-interface-skeleton__actions {
412
+ width: 280px;
413
+ }
408
414
  }
409
415
  .interface-interface-skeleton__actions:focus, .interface-interface-skeleton__actions:focus-within {
410
- top: auto;
416
+ top: 46px;
411
417
  bottom: 0;
412
418
  }
419
+ @media (min-width: 782px) {
420
+ .interface-interface-skeleton__actions:focus, .interface-interface-skeleton__actions:focus-within {
421
+ border-left: 1px solid #ddd;
422
+ top: 32px;
423
+ }
424
+ .is-fullscreen-mode .interface-interface-skeleton__actions:focus, .is-fullscreen-mode .interface-interface-skeleton__actions:focus-within {
425
+ top: 0;
426
+ }
427
+ }
413
428
 
414
429
  .interface-more-menu-dropdown {
415
430
  margin-left: -4px;
@@ -1049,7 +1064,6 @@ textarea.edit-site-code-editor-text-area.edit-site-code-editor-text-area:-ms-inp
1049
1064
  .edit-site-global-styles__block-preview-panel {
1050
1065
  position: relative;
1051
1066
  width: 100%;
1052
- height: 152px;
1053
1067
  overflow: auto;
1054
1068
  border: #e0e0e0 1px solid;
1055
1069
  border-radius: 2px;
@@ -1100,7 +1114,8 @@ textarea.edit-site-code-editor-text-area.edit-site-code-editor-text-area:-ms-inp
1100
1114
  }
1101
1115
 
1102
1116
  .edit-site-global-styles-screen-css-help-link {
1103
- padding-left: 16px;
1117
+ display: block;
1118
+ margin-top: 8px;
1104
1119
  }
1105
1120
 
1106
1121
  .edit-site-global-styles-screen-variations {
@@ -1832,7 +1847,7 @@ h3.edit-site-template-card__template-areas-title {
1832
1847
  display: flex;
1833
1848
  justify-content: center;
1834
1849
  }
1835
- .interface-interface-skeleton__actions:focus .edit-site-editor__toggle-save-panel, .interface-interface-skeleton__actions:focus-within .edit-site-editor__toggle-save-panel {
1850
+ .edit-site-layout__actions:focus .edit-site-editor__toggle-save-panel, .edit-site-layout__actions:focus-within .edit-site-editor__toggle-save-panel {
1836
1851
  top: auto;
1837
1852
  bottom: 0;
1838
1853
  }
@@ -2131,23 +2146,23 @@ body.is-fullscreen-mode .edit-site .components-editor-notices__snackbar {
2131
2146
 
2132
2147
  .edit-site-layout__hub {
2133
2148
  position: fixed;
2134
- top: 24px;
2135
- left: 24px;
2149
+ top: 0;
2150
+ left: 0;
2136
2151
  width: calc(100vw - 48px);
2137
- height: 68px;
2152
+ height: 60px;
2138
2153
  z-index: 3;
2139
- background: #000;
2140
- padding: 16px;
2141
- padding-left: 0;
2142
- border-radius: 8px;
2143
- box-shadow: 0 0.7px 1px rgba(0, 0, 0, 0.15), 0 2.7px 3.8px -0.2px rgba(0, 0, 0, 0.15), 0 5.5px 7.8px -0.3px rgba(0, 0, 0, 0.15), 0.1px 11.5px 16.4px -0.5px rgba(0, 0, 0, 0.15);
2154
+ }
2155
+ .edit-site-layout.is-full-canvas.is-edit-mode .edit-site-layout__hub {
2156
+ width: auto;
2157
+ padding-right: 0;
2158
+ }
2159
+ @media (min-width: 782px) {
2160
+ .edit-site-layout__hub {
2161
+ width: calc(360px - 48px);
2162
+ }
2144
2163
  }
2145
2164
  .edit-site-layout.is-full-canvas .edit-site-layout__hub {
2146
- top: 0;
2147
- left: 0;
2148
- padding: 0;
2149
2165
  padding-right: 16px;
2150
- height: 60px;
2151
2166
  border-radius: 0;
2152
2167
  width: 100vw;
2153
2168
  box-shadow: none;
@@ -2158,15 +2173,6 @@ body.is-fullscreen-mode .edit-site .components-editor-notices__snackbar {
2158
2173
  padding-right: 0;
2159
2174
  }
2160
2175
  }
2161
- .edit-site-layout.is-full-canvas.is-edit-mode .edit-site-layout__hub {
2162
- width: auto;
2163
- padding-right: 0;
2164
- }
2165
- @media (min-width: 782px) {
2166
- .edit-site-layout__hub {
2167
- width: calc(360px - 48px);
2168
- }
2169
- }
2170
2176
 
2171
2177
  .edit-site-layout__header {
2172
2178
  height: 60px;
@@ -2200,28 +2206,9 @@ body.is-fullscreen-mode .edit-site .components-editor-notices__snackbar {
2200
2206
  top: 0;
2201
2207
  }
2202
2208
  .edit-site-layout__sidebar > div {
2203
- overflow-y: auto;
2204
- min-height: 100%;
2205
- visibility: hidden;
2206
- scrollbar-color: #757575 #1e1e1e;
2207
- scrollbar-width: thin;
2208
- scrollbar-gutter: stable;
2209
- }
2210
- .edit-site-layout__sidebar > div::-webkit-scrollbar {
2211
- width: 12px;
2212
- height: 12px;
2213
- }
2214
- .edit-site-layout__sidebar > div::-webkit-scrollbar-track {
2215
- background-color: #1e1e1e;
2216
- }
2217
- .edit-site-layout__sidebar > div::-webkit-scrollbar-thumb {
2218
- background-color: #757575;
2219
- border-radius: 8px;
2220
- border: 3px solid transparent;
2221
- background-clip: padding-box;
2222
- }
2223
- .edit-site-layout__sidebar > div:hover, .edit-site-layout__sidebar > div:focus, .edit-site-layout__sidebar > div > * {
2224
- visibility: visible;
2209
+ display: flex;
2210
+ flex-direction: column;
2211
+ height: 100%;
2225
2212
  }
2226
2213
  .edit-site-layout__sidebar .resizable-editor__drag-handle {
2227
2214
  right: 0;
@@ -2324,6 +2311,67 @@ body.is-fullscreen-mode .edit-site .components-editor-notices__snackbar {
2324
2311
  border-radius: 2px;
2325
2312
  }
2326
2313
 
2314
+ .edit-site-layout__actions {
2315
+ z-index: 100000;
2316
+ position: fixed !important;
2317
+ top: -9999em;
2318
+ bottom: auto;
2319
+ left: auto;
2320
+ right: 0;
2321
+ width: 280px;
2322
+ color: #1e1e1e;
2323
+ background: #fff;
2324
+ }
2325
+ .edit-site-layout__actions:focus, .edit-site-layout__actions:focus-within {
2326
+ top: 0;
2327
+ bottom: 0;
2328
+ }
2329
+ @media (min-width: 782px) {
2330
+ .edit-site-layout__actions {
2331
+ border-left: 1px solid #ddd;
2332
+ }
2333
+ }
2334
+
2335
+ @media (min-width: 600px) {
2336
+ .edit-site-save-panel__modal {
2337
+ width: 600px;
2338
+ }
2339
+ }
2340
+
2341
+ .edit-site-sidebar__content {
2342
+ flex-grow: 1;
2343
+ overflow-y: auto;
2344
+ visibility: hidden;
2345
+ scrollbar-color: #757575 #1e1e1e;
2346
+ scrollbar-width: thin;
2347
+ scrollbar-gutter: stable;
2348
+ }
2349
+ .edit-site-sidebar__content::-webkit-scrollbar {
2350
+ width: 12px;
2351
+ height: 12px;
2352
+ }
2353
+ .edit-site-sidebar__content::-webkit-scrollbar-track {
2354
+ background-color: #1e1e1e;
2355
+ }
2356
+ .edit-site-sidebar__content::-webkit-scrollbar-thumb {
2357
+ background-color: #757575;
2358
+ border-radius: 8px;
2359
+ border: 3px solid transparent;
2360
+ background-clip: padding-box;
2361
+ }
2362
+ .edit-site-sidebar__content:hover, .edit-site-sidebar__content:focus, .edit-site-sidebar__content > * {
2363
+ visibility: visible;
2364
+ }
2365
+
2366
+ .edit-site-sidebar__footer {
2367
+ border-top: 1px solid #2f2f2f;
2368
+ flex-shrink: 0;
2369
+ margin: 0 24px;
2370
+ padding: 24px 0;
2371
+ display: flex;
2372
+ justify-content: flex-end;
2373
+ }
2374
+
2327
2375
  .edit-site-sidebar__content.edit-site-sidebar__content {
2328
2376
  overflow-x: unset;
2329
2377
  }
@@ -2374,13 +2422,14 @@ body.is-fullscreen-mode .edit-site .components-editor-notices__snackbar {
2374
2422
 
2375
2423
  .edit-site-sidebar-navigation-screen__content {
2376
2424
  margin: 0 16px 16px 36px;
2425
+ color: #949494;
2377
2426
  }
2378
2427
 
2379
2428
  .edit-site-sidebar-navigation-screen__title-icon {
2380
2429
  position: sticky;
2381
2430
  top: 0;
2382
2431
  background: #1e1e1e;
2383
- padding-top: 164px;
2432
+ padding-top: 108px;
2384
2433
  box-shadow: 0 8px 16px #1e1e1e;
2385
2434
  margin-bottom: 8px;
2386
2435
  padding-bottom: 8px;
@@ -2398,14 +2447,10 @@ body.is-fullscreen-mode .edit-site .components-editor-notices__snackbar {
2398
2447
  .edit-site-sidebar-navigation-screen__back {
2399
2448
  color: #e0e0e0;
2400
2449
  }
2401
- .edit-site-sidebar-navigation-screen__back:hover {
2450
+ .edit-site-sidebar-navigation-screen__back:hover, .edit-site-sidebar-navigation-screen__back:not([aria-disabled=true]):active {
2402
2451
  color: #fff;
2403
2452
  }
2404
2453
 
2405
- .edit-site-sidebar-navigation-screen__icon-placeholder {
2406
- width: 36px;
2407
- }
2408
-
2409
2454
  .edit-site-sidebar-navigation-screen-templates__see-all {
2410
2455
  /* Overrides the margin that comes from the Item component */
2411
2456
  margin-top: 16px !important;
@@ -2423,10 +2468,6 @@ body.is-fullscreen-mode .edit-site .components-editor-notices__snackbar {
2423
2468
  gap: 8px;
2424
2469
  }
2425
2470
 
2426
- .edit-site-site-hub__edit-button {
2427
- height: 32px;
2428
- }
2429
-
2430
2471
  .edit-site-site-hub__post-type {
2431
2472
  opacity: 0.6;
2432
2473
  }
@@ -2435,10 +2476,7 @@ body.is-fullscreen-mode .edit-site .components-editor-notices__snackbar {
2435
2476
  height: 60px;
2436
2477
  width: 64px;
2437
2478
  flex-shrink: 0;
2438
- }
2439
-
2440
- .edit-site-layout.is-edit-mode .edit-site-site-hub__view-mode-toggle-container {
2441
- width: 60px;
2479
+ background: #1e1e1e;
2442
2480
  }
2443
2481
 
2444
2482
  .edit-site-site-hub__text-content {
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@wordpress/edit-site",
3
- "version": "5.3.1",
3
+ "version": "5.3.3",
4
4
  "description": "Edit Site Page module for WordPress.",
5
5
  "author": "The WordPress Contributors",
6
6
  "license": "GPL-2.0-or-later",
@@ -29,33 +29,33 @@
29
29
  "@babel/runtime": "^7.16.0",
30
30
  "@wordpress/a11y": "^3.26.1",
31
31
  "@wordpress/api-fetch": "^6.23.1",
32
- "@wordpress/block-editor": "^11.3.1",
33
- "@wordpress/block-library": "^8.3.1",
34
- "@wordpress/blocks": "^12.3.1",
35
- "@wordpress/components": "^23.3.1",
36
- "@wordpress/compose": "^6.3.1",
37
- "@wordpress/core-data": "^6.3.1",
38
- "@wordpress/data": "^8.3.1",
32
+ "@wordpress/block-editor": "^11.3.3",
33
+ "@wordpress/block-library": "^8.3.3",
34
+ "@wordpress/blocks": "^12.3.2",
35
+ "@wordpress/components": "^23.3.2",
36
+ "@wordpress/compose": "^6.3.2",
37
+ "@wordpress/core-data": "^6.3.2",
38
+ "@wordpress/data": "^8.3.2",
39
39
  "@wordpress/deprecated": "^3.26.1",
40
- "@wordpress/editor": "^13.3.1",
40
+ "@wordpress/editor": "^13.3.3",
41
41
  "@wordpress/element": "^5.3.1",
42
- "@wordpress/experiments": "^0.8.1",
43
42
  "@wordpress/hooks": "^3.26.1",
44
43
  "@wordpress/html-entities": "^3.26.1",
45
44
  "@wordpress/i18n": "^4.26.1",
46
45
  "@wordpress/icons": "^9.17.1",
47
- "@wordpress/interface": "^5.3.1",
48
- "@wordpress/keyboard-shortcuts": "^4.3.1",
49
- "@wordpress/keycodes": "^3.26.1",
46
+ "@wordpress/interface": "^5.3.3",
47
+ "@wordpress/keyboard-shortcuts": "^4.3.2",
48
+ "@wordpress/keycodes": "^3.26.2",
50
49
  "@wordpress/media-utils": "^4.17.1",
51
- "@wordpress/notices": "^3.26.1",
52
- "@wordpress/plugins": "^5.3.1",
53
- "@wordpress/preferences": "^3.3.1",
54
- "@wordpress/reusable-blocks": "^4.3.1",
50
+ "@wordpress/notices": "^3.26.2",
51
+ "@wordpress/plugins": "^5.3.2",
52
+ "@wordpress/preferences": "^3.3.2",
53
+ "@wordpress/private-apis": "^0.8.1",
54
+ "@wordpress/reusable-blocks": "^4.3.3",
55
55
  "@wordpress/style-engine": "^1.9.1",
56
56
  "@wordpress/url": "^3.27.1",
57
- "@wordpress/viewport": "^5.3.1",
58
- "@wordpress/widgets": "^3.3.1",
57
+ "@wordpress/viewport": "^5.3.2",
58
+ "@wordpress/widgets": "^3.3.3",
59
59
  "classnames": "^2.3.1",
60
60
  "colord": "^2.9.2",
61
61
  "downloadjs": "^1.4.7",
@@ -73,5 +73,5 @@
73
73
  "publishConfig": {
74
74
  "access": "public"
75
75
  },
76
- "gitHead": "e9ff92d836928aba65dde94d9d193bc401a934d7"
76
+ "gitHead": "1bf01c01a8238ce3a681ad1e517f86033818b78d"
77
77
  }
@@ -20,7 +20,7 @@ import {
20
20
  getUniqueTemplatePartTitle,
21
21
  getCleanTemplatePartSlug,
22
22
  } from '../../utils/template-part-create';
23
- import { unlock } from '../../experiments';
23
+ import { unlock } from '../../private-apis';
24
24
 
25
25
  export default function NewTemplatePart( {
26
26
  postType,
@@ -67,9 +67,12 @@ export default function NewTemplatePart( {
67
67
  setCanvasMode( 'edit' );
68
68
 
69
69
  // Navigate to the created template part editor.
70
- history.push( {
71
- postId: templatePart.id,
72
- postType: templatePart.type,
70
+ window.queueMicrotask( () => {
71
+ history.push( {
72
+ postId: templatePart.id,
73
+ postType: 'wp_template_part',
74
+ path: '/template-parts/single',
75
+ } );
73
76
  } );
74
77
 
75
78
  // TODO: Add a success notice?
@@ -48,7 +48,7 @@ import AddCustomGenericTemplateModal from './add-custom-generic-template-modal';
48
48
  import TemplateActionsLoadingScreen from './template-actions-loading-screen';
49
49
  import { useHistory } from '../routes';
50
50
  import { store as editSiteStore } from '../../store';
51
- import { unlock } from '../../experiments';
51
+ import { unlock } from '../../private-apis';
52
52
 
53
53
  const DEFAULT_TEMPLATE_SLUGS = [
54
54
  'front-page',
@@ -102,7 +102,6 @@ export default function NewTemplate( {
102
102
  const { setTemplate, setCanvasMode } = unlock(
103
103
  useDispatch( editSiteStore )
104
104
  );
105
-
106
105
  async function createTemplate( template, isWPSuggestion = true ) {
107
106
  if ( isCreatingTemplate ) {
108
107
  return;
@@ -140,15 +139,18 @@ export default function NewTemplate( {
140
139
 
141
140
  // Set template before navigating away to avoid initial stale value.
142
141
  setTemplate( newTemplate.id, newTemplate.slug );
143
-
144
142
  // Switch to edit mode.
145
143
  setCanvasMode( 'edit' );
146
144
 
147
145
  // Navigate to the created template editor.
148
- history.push( {
149
- postId: newTemplate.id,
150
- postType: newTemplate.type,
146
+ window.queueMicrotask( () => {
147
+ history.push( {
148
+ postId: newTemplate.id,
149
+ postType: newTemplate.type,
150
+ path: '/templates/single',
151
+ } );
151
152
  } );
153
+
152
154
  createSuccessNotice(
153
155
  sprintf(
154
156
  // translators: %s: Title of the created template e.g: "Category".
@@ -13,7 +13,7 @@ import { useSelect, useDispatch } from '@wordpress/data';
13
13
  /**
14
14
  * Internal dependencies
15
15
  */
16
- import { unlock } from '../../experiments';
16
+ import { unlock } from '../../private-apis';
17
17
  import { store as editSiteStore } from '../../store';
18
18
 
19
19
  function EditorCanvas( { enableResizing, settings, children, ...props } ) {
@@ -17,7 +17,7 @@ import {
17
17
  __unstableUseTypingObserver as useTypingObserver,
18
18
  BlockEditorKeyboardShortcuts,
19
19
  store as blockEditorStore,
20
- experiments as blockEditorExperiments,
20
+ privateApis as blockEditorPrivateApis,
21
21
  } from '@wordpress/block-editor';
22
22
  import {
23
23
  useMergeRefs,
@@ -37,9 +37,9 @@ import BackButton from './back-button';
37
37
  import ResizableEditor from './resizable-editor';
38
38
  import EditorCanvas from './editor-canvas';
39
39
  import StyleBook from '../style-book';
40
- import { unlock } from '../../experiments';
40
+ import { unlock } from '../../private-apis';
41
41
 
42
- const { ExperimentalBlockEditorProvider } = unlock( blockEditorExperiments );
42
+ const { ExperimentalBlockEditorProvider } = unlock( blockEditorPrivateApis );
43
43
 
44
44
  const LAYOUT = {
45
45
  type: 'default',